/* --------------------------------  Add to Calendar button -------------------------------- */
/* The button */
.addeventatc {
	display: inline-block;
	position: relative;
	text-align: center;
	background: #006752;
	cursor: pointer;
	color: #fff!important;
	font-size: 1.3rem;
	font-weight: 400;
	text-decoration: none;
	padding: 12px 46px 12px 18px;
	text-transform: uppercase;
	
}
.addeventatc:hover {
	color: #fff;
	font-size: 1.3rem;
	text-decoration: none;
	background-color: #006752;
}
.addeventatc .arrow {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -8px;
	background: url(/_images/icons/add-to-calendar/icon-arrow-t1.svg) no-repeat;
	background-size: 16px 16px;
}
.addeventatc-selected {
	background-color: #006752;
}
.addeventatc .start, .addeventatc .end, .addeventatc .timezone, .addeventatc .title, .addeventatc .description, .addeventatc .location, .addeventatc .organizer, .addeventatc .organizer_email, .addeventatc .facebook_event, .addeventatc .all_day_event, .addeventatc .date_format, .addeventatc .alarm_reminder, .addeventatc .recurring, .addeventatc .attendees, .addeventatc .calname, .addeventatc .uid, .addeventatc .status, .addeventatc .method, .addeventatc .client, .addeventatc .transp {
	display: none!important;
}
/* Drop down */
.addeventatc_dropdown {
	width: 230px;
	position: absolute;
	padding: 6px 0px 0px 0px;
	color: #000!important;
	font-weight: 600;
	line-height: 100%;
	background: #fff;
	font-size: 1.3rem;
	text-decoration: none;
	text-align: left;
	margin-left: -1px;
	display: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 10px 26px;
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 10px 26px;
	box-shadow: rgba(0,0,0,0.4) 0px 10px 26px;
	transform: scale(.98, .98) translateY(5px);
	z-index: -1;
	transition: transform .15s ease;
	-webkit-user-select: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.addeventatc_dropdown.topdown {
	transform: scale(.98, .98) translateY(-5px)!important;
}
.addeventatc_dropdown span {
	display: block;
	line-height: 100%;
	background: #fff;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.3rem;
	color: #333;
	font-weight: 600;
	padding: 14px 10px 14px 55px;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
}
.addeventatc_dropdown span:hover {
	background-color: #f4f4f4;
	color: #000;
	text-decoration: none;
	font-size: 1.3rem;
}
.addeventatc_dropdown em {
	color: #999!important;
	font-size: 12px!important;
	font-weight: 400;
}
.addeventatc_dropdown .frs a {
	background: #fff;
	color: #cacaca!important;
	cursor: pointer;
	font-size: 9px!important;
	font-style: normal!important;
	font-weight: 400!important;
	line-height: 110%!important;
	padding-left: 10px;
	position: absolute;
	right: 10px;
	text-align: right;
	text-decoration: none;
	top: 5px;
	z-index: 101;
}
.addeventatc_dropdown .frs a:hover {
	color: #999!important;
}
.addeventatc_dropdown .ateappleical {
	background: url(/_images/icons/add-to-calendar/icon-apple-t5.svg) 18px 40% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .ategoogle {
	background: url(/_images/icons/add-to-calendar/icon-google-t5.svg) 18px 50% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .ateoutlook {
	background: url(/_images/icons/add-to-calendar/icon-outlook-t5.svg) 18px 50% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .ateoutlookcom {
	background: url(/_images/icons/add-to-calendar/icon-outlookcom-t5.svg) 18px 50% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .ateyahoo {
	background: url(/_images/icons/add-to-calendar/icon-yahoo-t5.svg) 18px 50% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .atefacebook {
	background: url(/_images/icons/add-to-calendar/icon-facebook-t5.svg) 18px 50% no-repeat;
	background-size: 22px 100%;
}
.addeventatc_dropdown .copyx {
	height: 21px;
	display: block;
	position: relative;
	cursor: default;
}
.addeventatc_dropdown .brx {
	height: 1px;
	overflow: hidden;
	background: #e8e8e8;
	position: absolute;
	z-index: 100;
	left: 10px;
	right: 10px;
	top: 9px;
}
.addeventatc_dropdown.addeventatc-selected {
	transform: scale(1, 1) translateY(0px);
	z-index: 99999999999;
}
.addeventatc_dropdown.topdown.addeventatc-selected {
	transform: scale(1, 1) translateY(0px)!important;
}
.addeventatc_dropdown .drop_markup {
	background-color: #f4f4f4;
}

/* --------------------------------  End Add to Calendar button -------------------------------- */

/* --------------------------------  Image with Caption and Lightbox -------------------------------- */

.component-image-modal .left {padding: 0 15px 15px 0;}
.component-image-modal .right {padding: 0 0 15px 15px;}
.component-image-modal p {text-align:center;font-size:small;}

/* --------------------------------  End Image with Caption and Lightbox -------------------------------- */


/* --------------------------------  Static Campus Map -------------------------------- */
.static-map.left {padding: 0 15px 15px 0;}
.static-map.right {padding: 0 0 15px 15px;}

/* --------------------------------  End Static Campus Map -------------------------------- */

.c-cardhover { clear: both; position: relative; }
.c-cardhover a { display: block; color: #FFFFFF; }
.c-cardhover__image { transition: opacity 1s; }
.c-cardhover__replaceimage { opacity: 0; transition: opacity 1s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.c-cardhover__text { opacity: 0; transition: opacity 1s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);  }
.c-cardhover__content { text-align: center; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); color: #FFFFFF; }

.c-cardhover:hover .c-cardhover__replaceimage, .c-cardhover:focus .c-cardhover__replaceimage { opacity: 1;  }
.c-cardhover:hover .c-cardhover__text, .c-cardhover:focus .c-cardhover__text { opacity: 1;  }

.c-cardhover__closing .c-cardhover__playvideo { display: none; } 
.c-cardhover__closing.video .c-cardhover__playvideo { display: block; } 

/* ==================================================================================================== */
/* Header - Background Video */
/* ==================================================================================================== */
.video-background { clear: both; height: 680px; }
.video-background-container { height: 100%; position: relative; background-color: #006A52;  }
.video-background-container .video-background-load-video { position: absolute; overflow: hidden; width: 100%; height: 100%; }
.video-background-container .video-background-load-video video { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden; }
.video-background-container .video-background-load-image { position: absolute; top: 0; left: 0;  width: 100%; height: 100%;  background-position: center; background-size: cover; }
.video-background-container .video-background-screen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.video-background-container .video-background-content { position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%); text-align: center;}
.video-background-container .video-background-content.lower { top: 70%; transform: translateY(-70%);  }
.video-background-container .video-background-content .video-background-text { font-family: 'Volkhov', serif; font-size: 4.5rem; font-weight: 600; color: #FFFFFF; line-height: 1.2; margin: 0 0 20px 0;  }
@media (max-width:991px) {
    .video-background { height: 480px; }
    .video-background-container .video-background-content .video-background-text  { font-size: 3.0rem;  } 
    .video-background-container .video-background-content.lower { top: 80%; transform: translateY(-80%); }
}



/* ==================================================================================================== */ 
/* Header - Background Image */
/* ==================================================================================================== */
.c-background-image { clear: both; min-height: 240px; background-color: #006A52; color: #FFFFFF; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
.c-background-image a { color: #FFFFFF; }
.c-background-image__overlay { height: 100%; }
.c-background-image__text { position: absolute; width: 100%; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); max-width: 787px; padding: 0 10px; text-align: center; }
.c-background-image__text.c-background-image__text--lower { top: 70%; transform: translateY(-70%) translateX(-50%); }



/* ==================================================================================================== */ 
/* CTA - Alternating */
/* ==================================================================================================== */
.c-cta-alternating { clear: both; margin: 0 0 150px 0; }
.c-cta-alternating__image { position: relative; }
.c-cta-alternating__image:before { content: ""; display: block; position: absolute; top: -35px; right: 215px; bottom: auto; left: auto; width: 474px; height: 100%; border: 6px solid #33C572; }
.c-cta-alternating__image:after { content: ""; display: block; position: absolute; top: 60px; right: 330px; bottom: auto; left: auto; width: 474px; height: 100%; z-index: -1; background-color: #F0F3F5;  }
.c-cta-alternating__image img { display: block; margin: 0 0 0 auto; position: relative; }
.c-cta-alternating__text { max-width: 540px; padding: 40px 15px 0 40px; background-repeat: no-repeat; background-position: left 25px; background-size: 80px; }
.c-cta-alternating__content { font-size: 1.6rem; line-height: 1.3; }

.c-cta-alternating--switch .c-cta-alternating__image:before {top: -35px; right: auto; bottom: auto; left: 215px; }
.c-cta-alternating--switch .c-cta-alternating__image:after {top: 60px; right: auto; bottom: auto;  left: 330px;  }
.c-cta-alternating--switch .c-cta-alternating__image img { margin: 0 auto 0 0; }
.c-cta-alternating--switch .c-cta-alternating__text { margin: 0 0 0 auto; padding: 40px 40px 0 15px; }

.c-cta-alternating--normal-lower .c-cta-alternating__image:before { top: auto; right: 215px; bottom: -35px; left: auto; }
.c-cta-alternating--normal-lower .c-cta-alternating__image:after { top: -60px; right: 330px; bottom: auto; left: auto;  }

.c-cta-alternating--switch-lower .c-cta-alternating__image:before { top: auto; right: auto; bottom: -35px; left: 215px; }
.c-cta-alternating--switch-lower .c-cta-alternating__image:after { top: -60px; right: auto; bottom: auto; left: 330px;  }
.c-cta-alternating--switch-lower .c-cta-alternating__image img { margin: 0 auto 0 0; }
.c-cta-alternating--switch-lower .c-cta-alternating__text { margin: 0 0 0 auto; padding: 30px 40px 0 15px; }

@media (max-width:991px) {
    .c-cta-alternating__image { padding: 0 15px; }
    .c-cta-alternating__image img, .c-cta-alternating--switch .c-cta-alternating__image img, .c-cta-alternating--switch-lower .c-cta-alternating__image img { margin: 0 auto 30px auto; }
    .c-cta-alternating__text, .c-cta-alternating--switch .c-cta-alternating__text, .c-cta-alternating--switch-lower .c-cta-alternating__text { padding: 0 15px; margin: 0 auto;  }
}