/* FBK = Fallback */

h2 {
	color: #58595b;
}

section h2 a,
section h2 a:visited {
	color: inherit;
	text-decoration: none;
}

section h2 a:hover {
	text-decoration: underline;
}

header {
	border-top: 0;
	z-index:600 !important;
}

.hero {
	max-width: 1600px;
	max-height: 100vw;
	margin: 0 auto;

}
figcaption div img {  display: block; margin: 10px auto 0 auto; max-width: 40%;}

figcaption div img {  margin: 0 auto;}

.lau_logo {
	background-image: url(https://toolbox.lau.edu.lb/_ui/lau-logo-retina-white.png);
}

.homepage header a,
.homepage header a:visited {
	color: #FFFFFF;
}
.homepage header a.lime, .homepage header a.lime:visited { color: rgb(182,191,0);text-decoration: underline !important; }

.secondary_nav li {
    margin-right: 1em;
}
/* to be removed when special emergency donation campaign ends */
.homepage header a.special {
    text-decoration: underline;
}
.homepage header a.special:hover {
    text-decoration: none;
}

.quick_action .a,
.quick_action .c {
	stroke: #FFFFFF;
}

.ra,
.rb,
.quick_action .b,
.quick_action:hover .c,
.quick_action:focus .c {
	fill: #FFFFFF;
}

.quick_action:hover .d,
.quick_action:focus .d {
	fill: #333333;
}

.search.btn_active:hover .ra,
.search.btn_active:hover .rb {
	fill: #FFFFFF;
	width: 10px;
}

.actions_container {
	position: relative;
	box-sizing: border-box;
/* 	margin-top: -10vw; */
	padding: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100% auto;
	/*display:none;*/ /* added March 25, 2020 to hide elements and keep important announcements prominent. Remove as instructed (removed July 29).*/
}

.action {
	float: left;
	width: 33.33%;
	position: relative;
}

.action:focus {
	outline: none;
}

.action svg {
	max-height: 30rem;
}

.action_details {
	box-sizing: border-box;
	opacity: 0;
	position: absolute;
	bottom: 1em;
	left: 0;
	width: 100%;
	min-height: 12.5rem;
	padding: 2em;
	font-size: 1.1em;
	line-height: 1.5;
	color: #58595b;
	text-align: center;
}
.ie .action_details {
	position: relative;
}

.action_details p {
	margin: 0;
}

.action_details a {
	display: inline-block;
	margin: 4px 0;
	padding: 2px 5px 1px;
	text-decoration: none;
	line-height: 1.3;
	background-repeat: no-repeat;
	background-position: 0 100%;
	background-size: 100% 2px;
	
	animation-name: actionLinksHoverOut;
	animation-duration: 300ms;
	animation-fill-mode: forwards;
}

.action_details a,
.action_details a:visited {
	color: #58595b;
}

.action_study .action_details a { background-image: linear-gradient(#4c8e7f, #4c8e7f); }
.action_xp .action_details a { background-image: linear-gradient(#f49c72, #f49c72); }
.action_apply .action_details a { background-image: linear-gradient(#904f8d, #904f8d); }

@keyframes actionLinksHoverIn {
	0% { background-size: 100% 2px; color: #58595b; }
	100% { background-size: 100% 100%; color: #FFFFFF; }
}
@keyframes actionLinksHoverOut {
	0% { background-size: 100% 100%; color: #FFFFFF; }
	100% { background-size: 100% 2px; color: #58595b; }
}



/* Actions - for SVG */
.action_a { fill: none; }
.action_title { pointer-events: none; }

.action_study .action_color { fill: #4c8e7f; opacity: 0.85; }
.action_xp .action_color { fill: #f49c72; opacity: 0.85; }
.action_apply .action_color { fill: #904f8d; opacity: 0.85; }

.action_study .action_img { fill: url(#action_study_pattern); }
.action_xp .action_img { fill: url(#action_xp_pattern); }
.action_apply .action_img { fill: url(#action_apply_pattern); }

.hero,
.action rect,
.action text,
.action_white,
.action_title_group {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.action_title {
	font-size: 1.875em;
	fill: #FFFFFF;
}

.action_title_frame {
	fill: none;
	stroke: #FFFFFF;
	stroke-width: 1.5;
}

.action_white {
	fill: #FFFFFF;
	-webkit-transform: translateY(470px);
	transform: translateY(470px);
}
.ie .action_white { fill: none; }

.news .more_link {
	padding-top: 2em;
}



.alert1,
.alert2 { margin: /*2em*/0 auto 0; max-width: 1110px; font-size: 1.1875rem; line-height: 1.4; }

.alert2 { font-size: 1.3rem; }

.alert1 h2 { padding-top: 1em; }
.alert1 p, .alert1 ul, .alert1 ol { margin:0; padding: 1.5em 1.5em 0 1.5em; background-color: #ececec; color: #58595b; }
.alert1 p:last-child { padding-bottom:1.5em; }
.alert1 li { margin-left:2.5em; }

.alert2 p { margin: 0; padding: 1.5em; background-color: #C25666; color: #FFFFFF; }
.alert2 hr { border:0 none; }

/* 
.alert3 { background-color: #C25666; background-color: #4a4a4a; color: #FFFFFF; font-size: 1rem; }
 */

.alert3{
    background-color: rgb(182,191,0); color: #00614b; font-size:1rem;	padding: 1rem;
}

.alert2 a,
.alert2 a:visited/* 
,
.alert3 a,
.alert3 a:visited
 */ { color: #FFF; }

/* 
.alert3 p { box-sizing: border-box; margin: 0 auto; padding: 1.5em; max-width: 1150px; }
 */
 .alert3 p { margin-top: 0; }
 .alert3 .alerts_list {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.5em 0;
    max-width: 1080px;
    }
.alert3 a, .alert3 a:visited  {color: #00614b; text-decoration:underline;}
.alert3 ul {list-style: none;margin: 0;padding: 0;}
.alert3 li::before {
	content: '\2192';
	padding-right: 0.5em;
}


.announcement_custom_readmore_hide { display:block; }

.page_alert_2 .action .action_color { fill: #8A8A8A; }
.page_alert_2 .action:nth-child(2) .action_color { fill: #A7A7A7; }

/* special styles - commencement and potential calls to action */
@keyframes liveVid {
	0% { background-color: #FFFFFF; }
	30% { background-color: #FFFFFF; }
	30% { background-color: #3a3e42; }
	70% { background-color: #3a3e42; }
	70% { background-color: #FFFFFF; }
	100% { background-color: #FFFFFF; }
}

.alert1 .special {text-align:center;}
.alert1 .special .green_button {min-height: 35px; padding-top: 1em; padding-bottom: 0.4em; text-align:center;}

.alert1 .special .green_button::before{
	vertical-align: top;
	display:inline-block;
	margin: 0 8px 0 0;
    content:"";
    animation-name: liveVid;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
	border-radius: 50%;
	width: 1em;
	height: 1em;
}
/*---- HP changes done  5-5-2022 --------*/
.homepage .brief_news {
	 margin-top: 4em;
	 margin-bottom: 4em;
	 position: relative;
	 box-sizing: border-box;
 }

 .homepage .brief_news .brief_item {
	 margin: 0;
 }

 .homepage .brief_news .brief_item>div {
	 position: relative;
	 float: left;
	 width: 50%;
	 box-sizing: border-box;
 }

 .homepage .brief_news h3 a {
	 color: #00614b;
 }

 .homepage .brief_news .brief_item>div img {
	 width: 100%;
 }

 .homepage .brief_news .brief_item figcaption {
	 float: left;
	 width: 51%;
	 padding: 0;
	 font-size: 1rem;
	 font-style: normal;
	 color: #00614b;
	 padding-left: 4%;
	 margin-top: 10%;
	 margin-left: -2%;
	 background: #F8F8F8;
	 padding-top: 35px;
	 padding-bottom: 2%;;
	 position: relative;
	 padding-right: 2%;
	 box-sizing:border-box;
	 border:8px solid #F8F8F8;
 }

 .homepage .brief_news .brief_item figcaption {
	 color: #3A3E42;
	 font-size: 1rem;
	 border: 8px solid #fff;
 }

 .homepage .brief_news .brief_item figcaption h3 {
	 margin-top: 0.5em;
 }

 .homepage .brief_news .brief_item figcaption .event_cat {
	 color: #555555;
	 font-style: italic;
	 font-size: 1.1rem;
	 font-weight: bold;
 }
 .homepage .brief_news .brief_item > div {
	 border: 8px solid #F8F8F8;
 }
.homepage .brief_news .brief_item > div iframe {
    height: 525px;
}
 .homepage .brief_news .brief_item figcaption p {
	 color: #555555;
 }

 .homepage .brief_news .brief_item figcaption span {
	 display: block;
 }
		
 .homepage .numbers_list {
	 grid-template-columns: 1fr 1fr 1fr;
	 grid-gap: 1rem 5rem;
	 margin:0;
 }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { 
/*FBK*/  
 .homepage .numbers_list p { display: inline-block; vertical-align: top; width: 27.33%; margin: 0 3% 0 3%; }
 .homepage .numbers_list p:nth-child(2n+1) { margin-right: 3%;  }
 .homepage .numbers_list p:nth-child(3n) { margin-right: 0;  }
 .news_grid > * { display: inline-block; vertical-align: top; width: 21.5%; margin: 0 3% 3% 0; }
 .news_grid > :nth-child(3n) { margin-right: 3%; }
 .news_grid > :nth-child(4n) { margin-right: 0; }
}
  
 .homepage .numbers_list strong {
	 font-size: 1.9em;
	 margin-bottom:10px;
 }

 .homepage .numbers_list p {
	 text-align: center;
	 padding: 20px;
	 box-sizing: border-box;
	 position: relative;
	 min-height: 14em;
 }
 .homepage .numbers_list p:after { 
	 content: '';
	 position: absolute;
	 border-left: 1px solid #dcdcdc;
	 right: -38px;
	 height: 85%;
	 top: 15px;
 }
 .homepage .numbers_list p:last-child::after,
 .homepage .numbers_list p:nth-child(3)::after{
	 display: none;
 }

 .homepage .numbers_list p::before {  
	 transform: scaleY(0);
	 transform-origin: bottom right;
 }



 .homepage .numbers_list p:hover::before {
	 transform: scaleY(1);
	 transform-origin: bottom left;
 }
 .homepage .numbers_list p::before {
	 content: " ";
	 display: block;
	 position: absolute;
	 top: 0; right: 3%; bottom: 0; left: 0;
	 inset: 0 0 0 0;
	 background: #006e58;
	 z-index: -1;
	 transition: transform .5s ease;
 }
 

 .homepage .numbers_list p span:first-of-type {
	 display: block;
	 font-size: 1em;
	 font-style: normal;
	 margin-bottom: 14px;
	 color:#636363;
 }	
 .homepage .numbers_list span:last-child{
	 transform: scaleY(0);
	 -webkit-transition: all 500ms ease;
	 display:block;
	 max-height: 0;
 }
 .homepage .numbers_list p:hover span:last-child{
	 transform: scaleY(1);
	 -webkit-transition: all 500ms ease;
 }
 .homepage .numbers_list p:hover,
 .homepage .numbers_list p:hover strong,
 .homepage .numbers_list  p:hover span {
	 color: #fff;
 }
 .homepage .numbers_list p:hover span:first-of-type{
	 display: none;
 }
 
.news_grid{
	 grid-template-columns: 1fr 1fr 1fr;
	 grid-gap: 30px;
 }

/*---- End of HP changes done  5-5-2022 --------*/


.homepage main .news_grid a.lau-now { background: #32978C; color: #ffffff;}

.events { padding-bottom: 4em; }
.events > span { clear: both; float: right; margin: 1em 0.5em; color: #636363; }
.events h2 { margin-bottom: 1em; }
.events_list { color: #636363; background-color: #f0f0f0; }
.events_list.full_width { position: relative; padding-bottom: 3em; }
.events_list .event_item { padding: 1em; }

/*FBK*/
.events_list.full_width .event_item { display: inline-block; vertical-align: top; width: 43%; margin-right: 2%; }
.events_list.full_width .event_item:nth-child(even) { margin-right: 0; }

.events_list .event_item > span { display: inline-block; vertical-align: top; width: 5em; height: 5em; border: 1px solid #00614b; text-align: center; }
.events_list .event_item > p { display: inline-block; vertical-align: top; width: 12em; margin: 0.2em 0 0 5%; }
.events_list.full_width .event_item > p { width: 70%; }
.events_list .event_item span span { display: inline-block; }
.events_list .event_item span span:nth-of-type(2) { display: block; line-height: 1; }
.events_list a { display: block; color: #636363; text-decoration: none; }
.events_list .event_title { font-size: 1.1em; font-weight: bold; }
.events_list .event_title b { color:red; }

.events_list .event_cat { font-size: 1.02em; font-style: italic; }
.events_list .event_item span b { display: block; margin: 0.5em 0 0; font-size: 1.3em; }
.events_featured .event_item { color: #58595b; }
.events_featured .event_title { display: inline-block; position: relative; margin-top: 1em; color: #00614b; font-size: 1.35em; font-weight: bold; text-decoration: none; }
.events_featured .event_title:before { position: absolute; top: -1.2em; left: 0; width: 105%; height: 7px; content: ""; background-color: #00614b; z-index: 300; }
.events_featured span { display: block; margin-top: 0.3em; }
.events .full_width .more_link { position: absolute; bottom: 0; right: 0; }

.events_featured p { font-size: 1.25em; }
.events_featured span { font-size: 1.1em; }

.events_featured .arrow_prev,
.events_featured .arrow_next { top: 10em; }

.events_featured .arrow_prev { transform: none; }
.events_featured .arrow_next { transform: rotate(180deg); }


.homepage .events_list {
	padding-bottom: 0 !important;
 }
 .homepage .events_list:last-of-type
 {
 	margin-top:30px;
 }
.homepage .event_item.event_item_icon p a {margin-top: 25px;}
.homepage .event_item span img {
	 width: 60px;
	 height: auto;
	 display: inline-block;
	 padding-top: 20px;
  }



/* HERO IMAGE */

.hero { min-height: 67vw; }
.hero figure { display: block; position: relative; top: -156px; width: 100%; height: 67vw; overflow: hidden; }
.hero figure picture, .hero figure video  { z-index: -1;  }
.hero figure video { width: 100%; }
figcaption div { max-width: 54%;  background-color: rgba(0, 0, 0, 0.7); padding: 3%; color: #fff; margin-top: -15%; /* margin-top: -30%;  font-weight: normal; */font-weight: 700; font-style: normal; font-size: 1.3em; font-family: 'PT Sans', 'Calibri', sans-serif; /* font-family: 'Raleway', sans-serif; */ }
figcaption div strong, figcaption div b { display: block; font-size: 1.5em; }
figcaption div {/*  margin-top: -30%;  */ margin-top: -15%;}
figcaption div a, figcaption div a:visited { color: #fff;  text-decoration: none; font-family: 'PT Sans', 'Calibri', sans-serif; /* font-family: 'Raleway', sans-serif;  line-height: 2.5rem; */ line-height: 2rem;}
figcaption div a:hover { text-decoration: underline; }
figcaption div a.the_ranking { float: left; width: 60%;  }
.actions_container { margin-top: -17%; }


.with_slider .hero_slider{
	display: block;
	position: relative;
	top: -156px;
	width: 100%;
	height: auto;
	overflow: hidden;
}

.with_slider .hero figure{
	top:0px;
}

.with_slider .arrow_prev,.with_slider  .arrow_next{
	background-color: rgb(64 64 64 / 57%);
	top:50%;
}

.with_slider ul.slick-dots{
	position: absolute;
	bottom: 1rem;
	right:0%;
	transform:translateX(-50%);
	display:flex;
	list-style: none;
	gap:0.5rem;
}

.with_slider ul.slick-dots li {

	width: 0.7rem;
	height: 0.7rem;
	background-color: white;
	border-radius: 50%;
	display: block;
}

.with_slider ul.slick-dots li:hover,
.with_slider ul.slick-dots li.slick-active {
	background-color: #00614b;
}

/* ul.slick-dots li.slick-active {
	width: 0.8rem;
	height: 0.8rem;
} */

.with_slider ul.slick-dots li {
	cursor:pointer;
}

.with_slider ul.slick-dots li button{
	display:none;
}

.with_slider figcaption div{
	padding:1.5%;
}

.with_slider .slick-dots li:first-of-type:last-of-type {
    display: none;
}

/* 
@media only screen and (max-width: 2500px) {
	.hero { min-height: 72vw; }
}
@media only screen and (orientation: landscape) and (min-width: 1501px) {
	.hero { min-height: 1068px; }
}
@media only screen and (orientation: portrait) and (max-width: 750px) {
	.hero { min-height: 100vw; }
}

 */

	/* CSS GRID */
@supports (display: grid) {
	
	.events_list.full_width { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 3rem; }
	body .events_list.full_width .event_item { width: auto; margin: 0; }


	body .news_grid > *,
    .homepage .numbers_list p
	
	{ width: auto; margin: 0; }
	
}

@media only screen and (min-width: 1200px) {
/* 
figcaption div {
  font-size: 1.4em;
}
 */
}
@media only screen and (max-width: 1200px) {

	.alert1,
	.alert2,
	.out_wrap_large { padding: 0 4%; }
	
	.alert3 .alerts_list { padding: 0; width: 94%; }
		 
	.events_list .event_item > p,
	.events_list.full_width .event_item > p { width: 60%; }
	
	.events { padding-bottom: 3em; }
	.actions_container { margin-top: -10% !important; }
	.action_details { font-size: 1.1em; bottom: 0; padding: 0 1em 1em; min-height: 11rem; }
	
}
@media only screen and (max-width: 1100px) {
.homepage .numbers_list p {

    min-height: 17em;
}
}
@media only screen and (max-width: 980px) {
	
	.nav_toggle { background: linear-gradient(#FFFFFF 0, #FFFFFF 4px, transparent 4px, transparent 10px, #FFFFFF 10px, #FFFFFF 14px, transparent 14px, transparent 20px, #FFFFFF 20px, #FFFFFF 24px); background-repeat: no-repeat; background-size: 40px 24px; }
	.nav_toggle.btn_active { background: linear-gradient(45deg, transparent 0, transparent 23px, #FFFFFF 23px, #FFFFFF 26px, transparent 26px, transparent 40px), linear-gradient(-45deg, transparent 0, transparent 23px, #FFFFFF 23px, #FFFFFF 26px, transparent 26px, transparent 40px); }
	.header_open { background-color: #00614b; margin-bottom: 12vw; }
	.hero { background-size: 100% auto; }
	.hero figure { top: -130px; }
     figcaption div { /* margin-top: -21%; */ margin-top: -17%; font-size: 1em; }
	.action_details { font-size: 0.95em; min-height: 9rem; }
	.events_list.full_width { grid-gap: 0; }
	.homepage .numbers_list { grid-template-columns: 1fr 1fr; }
    .homepage .brief_news .brief_item>div {
		width: 100%;
	}
.homepage .brief_news .brief_item > div iframe {
    height: 550px;
}
	.homepage .brief_news .brief_item figcaption {
		width: 100%;
		min-height: 100px;
		padding: 5%;
		margin: 0 auto;
		border:0px

	}
	
   .homepage .numbers_list {
    grid-template-columns:repeat(2, 1fr);
    }
  .homepage .numbers_list p::before {
    transform: scaleY(1);
    transform-origin: bottom left;
    background: #fff;
    border-bottom:1px solid #dcdcdc;
    width: 85%;
    margin: 0 auto;

}  
 .homepage .numbers_list p::after {
    display: none;

}  
 .homepage .numbers_list p span:first-of-type{
	 display: none;

 }


 .homepage .numbers_list p,.homepage .numbers_list p:hover,
 .homepage .numbers_list p strong, .homepage .numbers_list p:hover strong
 .homepage .numbers_list  p span,  .homepage .numbers_list  p:hover span {
	 color: #006e58 !important;
	 margin-top: 5px;
 }
  .homepage .numbers_list span:last-child {
    transform: scaleY(1);
    color: #555555;
}

	.news_grid{
			grid-template-columns:  1fr 1fr ;
 		} 
.with_slider .hero_slider {
		height:auto;
		top: -130px;
	}

.with_slider ul.slick-dots{
	bottom: 8px;
    gap: 0.9rem;
    right: 0px;
    
    margin: 0;
    padding: 0px;
	}

.with_slider ul.slick-dots li{
		width:0.9rem;
		height:0.9rem;
	}
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 980px)  { 
/*FBK*/ 
    .homepage  .numbers_list p {
    display: inline-block;
	width: 100%;
    }

   .homepage .numbers_list p:nth-child(odd) {
	margin-right: 3%;
    }
   .homepage .numbers_list p:nth-child(even) {
	margin-right: 0;
    }
    .news_grid > * { width: 46%; }
 		.news_grid > :nth-child(3n) { margin-right: 3%; }
 	.news_grid > :nth-child(even) { margin-right: 0; }
}
@media only screen and (min-width: 851px) {
	
	.action_study .action_b { clip-path: url(#action_study_clip); }
	.action_xp .action_b { clip-path: url(#action_xp_clip); }
	.action_apply .action_b { clip-path: url(#action_apply_clip); }
	html:not(.ie) .actions_container { background-image: url(https://toolbox.lau.edu.lb/_ui/actions-back.svg); }
	.action:hover .action_title,
	.action:focus .action_title { fill: #58595b; font-weight: bold; font-size: 35px; }
	.action_title_group { -webkit-transform: translateY(0); transform: translateY(0); }
	.action:hover .action_title_group,
	.action:focus .action_title_group { -webkit-transform: translateY(-90px) translate3d(0,0,0); transform: translateY(-90px) translate3d(0,0,0); }
	.ie .action:hover .action_title_group,
	.ie .action:focus .action_title_group { display: none; }
	.action:hover .action_details,
	.action:focus .action_details { opacity: 1; }
	.action:hover .action_white,
	.action:focus .action_white { -webkit-transform: translateY(-2px) translate3d(0,0,0); transform: translateY(-2px) translate3d(0,0,0); }
	.ie .action:hover .action_white { fill: #FFFFFF; }
	.action:hover .action_title_frame,
	.action:focus .action_title_frame { opacity: 0; }
	
	/* keep below lines alone - ie bug */
	.action:focus-within .action_title { fill: #58595b; font-weight: bold; font-size: 35px; }
	.action:focus-within .action_title_group { -webkit-transform: translateY(-90px) translate3d(0,0,0); transform: translateY(-90px) translate3d(0,0,0); }
	.action:focus-within .action_details { opacity: 1; }
	.action:focus-within .action_white { -webkit-transform: translateY(-2px) translate3d(0,0,0); transform: translateY(-2px) translate3d(0,0,0); }
	.action:focus-within .action_title_frame { opacity: 0; }
	
	.action_study .action_img,
	.action_apply .action_img { -webkit-transform: translateY(52px); transform: translateY(52px); }
	
	.action_study .action_details a:hover,
	.action_xp .action_details a:hover,
	.action_apply .action_details a:hover { animation-name: actionLinksHoverIn; animation-duration: 300ms; animation-fill-mode: forwards; }
	
	.action_details {
		-webkit-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
	}
	
}

@media only screen and (max-width: 850px) {
	
	html:not(.ie) .actions_container { background-image: url(https://toolbox.lau.edu.lb/_ui/actions-back-mob.svg); }
	.action { float: none; display: block; width: 100%; }
	.action svg { width: 100%; height: 30vw; pointer-events: all; cursor: pointer; }
	.action_study .action_b { clip-path: url(#action_study_clip_mobile); }
	.action_title_group { -webkit-transform: translateY(-170px); transform: translateY(-170px); }
	.action_title { font-size: 1.7em; }
	.action_details { display: none; opacity: 1; position: relative; min-height: 0; margin: 0; padding: 0; background-color: #FFFFFF; font-size: 1.2em; }
	.js_off .action_details { display: block; }
	.action_details p { padding: 1em; }
	
	.action_study .action_img { -webkit-transform: translateY(-34px); transform: translateY(-34px); }
	.action_xp .action_img { -webkit-transform: translateY(-125px); transform: translateY(-125px); }
	.action_apply .action_img { -webkit-transform: translateY(-80px); transform: translateY(-80px); }

}
@media only screen and (max-width: 750px) {
	 figcaption div { margin-top: -14%; }
	 figcaption div a, figcaption div a:visited {
	 line-height: 1.5rem;
	 }

}
@media only screen and (max-width: 680px) {
	
	.events_featured .arrow_prev,
	.events_featured .arrow_next { top: 25%; }
	.events_list.full_width { grid-template-columns: 1fr; }
	.events_list.full_width .event_item { display: block; width: 100%; margin-right: 0; box-sizing: border-box; } /*FBK*/
	.events_list.full_width .event_item > p { width: 70%; }
	
	
	.alert1 { font-size: 1.2rem; }
	
	.alert2/* 
,
	.alert3 
 */{ font-size: 1.3rem; }
	
	.alert1 p,
	.alert2 p/* 
,
	.alert3 p 
 */{ padding-left: 4%; padding-right: 4%; }
    .alert3 {    padding: 1em 0; font-size: 1.3rem; }
	.alert3 .alerts_list {    width: 92%; }
	.alert3 li::before {    padding-right: 0.2em;}
	figcaption div a, figcaption div a:visited { line-height: 1.5rem;}
	figcaption div b, figcaption div strong {    font-size: 1.1em; }
	.homepage .numbers_list { grid-template-columns: 1fr !important;  }
	.numbers_list p, .numbers_list p:nth-child(odd), .numbers_list p:nth-child(even) {
    width: 100%;
    margin-right: 0;
     }
	.homepage .numbers_list strong { font-size: 1.5em; }
	.homepage .numbers_list p { min-height: 11em; }


	
}
@media only screen and (max-width: 640px) {
	
	.news_grid { grid-template-columns: 1fr; }
	/*FBK*/
	.news_grid > * { width: 100%;}
	.news_grid > :nth-child(3n),
	.news_grid > :nth-child(even) { margin-right: 0; }
	 figcaption div { margin-top: -30%; }
}

@media only screen and (max-width: 500px) {
	
	.events_featured .arrow_prev,
	.events_featured .arrow_next { top: 16%; }
	
	.action_details { font-size: 1em; }
	.homepage .brief_news .brief_item > div iframe {
    height: 350px;
    }
}

@media only screen and (max-width: 480px) {
	
	.events_list.full_width .event_item > p { width: 60%; }
	
}
/* added per the following to-do https://3.basecamp.com/3198483/buckets/15069934/todos/2921433553/edit?replace=true*/
@media only screen and (min-width: 960px) {
	
	.alert3 {  font-size: 1.4rem; }
	
}


@media only screen and (max-width: 2500px) {
		  .hero {
			  height: 67vw;
		  }

		  .actions_container {
			  margin-top: -5% !important;
		  }
		 	  

		  figcaption {
			  margin-top: -31%;
		  }
	  }


@media only screen and (min-width: 1501px) {
		  figcaption  div {
/* 			  margin-top: -36%; */
	      margin-top: -15%;
		  }
		  .actions_container {
			  margin-top: -5% !important;
		  }

		 
		  		  

	  }
@media only screen and (min-width: 1790px) {
		  .hero {
			  height: 1015px;
			  min-height: 1015px;
		  }

		  .hero figure {
			  height: 1015px;
		  }
		  
		  .actions_container {
			  margin-top: -4% !important;
		  }
		 
		  		  
		 
	  }
@media only screen and (min-width: 1601px) and (orientation: landscape) {
		  .hero {
			  height: 1080px;
			  min-height: 1080px;
		  }

		  .hero figure {
			  height: 1080px;
		  }
		  .hero figure video { }
	  }

@media only screen and (max-width: 750px) and (orientation: portrait) {
		  .hero {
			  height: 100vw;
		  }

		  .hero figure {
			  height: 100vw;

		  }
		  .hero figure video { }

		  .actions_container {
			  margin-top: -10% !important;
		  }
		  
		  		  

		  figcaption  div {
/* 			  margin-top: -42%; */
              margin-top: -23%;
			  padding: 6% 4%;
			  max-width: 92%;
/* 			  width: 92%; */
		  }
		  
@-moz-document url-prefix() {
    figcaption  div {  margin-top: -25%; }
   }
	  }