/* Global */
html{scroll-behavior: smooth;}
html, body{margin: 0px; font-family: 'Rubik', sans-serif; }
body{padding: 0px; background: black; position: relative;}
.contentWrapper{background:white; max-width: 1920px; margin-left: auto; margin-right: auto; display: block;}
a{text-decoration: none;}
a:hover{cursor: pointer;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
*:focus {outline: none;}
ul{list-style-type: none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
p{font-weight: 100; font-size: 17px; line-height: 2em;}
.h1, .h1 p{font-size: 50px; line-height: 1.1em;}
.h2, .h2 p{font-size: 40px; line-height: 1.1em;}
.h3, .h3 p{font-size: 25px; line-height: 1.1em; font-weight: normal;}
.h4, .h4 p{font-size: 20px; line-height: 1.7em;}
.h1.title p{font-weight: 100;}
.h1.title.grid p { text-align: center; }
#fc-76a00dd24900.hide{display: none !important;}
#donateModal-76a00dd24900{width: 100%;}
.shipping-calculator-form{display: none;}
.shipping-calculator-form.active{display: block;}
body.cart select, body.checkout select{height: 35px;border-radius: 5px;border-color: lightgrey;}
.wc-stripe-elements-field, .wc-stripe-iban-element-field{height: 25px; border-radius: 5px;}
body.admin-bar #primaryHeader{margin-top: 30px;}
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary{opacity: 1 !important;}
.socialLinkWrap { margin: 0 8px; }
.socialLink img { padding: 5px 0; }
@media(max-width: 782px){
body.admin-bar #primaryHeader{margin-top: 45px;}
}
/* #Screenings section */
.screenings-grid{
display: grid;
}
.screenings-wrapper > .title.h1.screening-title {
color: #1fd8d8;
text-align: center;
font-weight: 100;
margin-bottom: 60px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.screenings-flex-row{
display: grid;
grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1200px) {
.screenings-flex-row {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
column-gap: 25px;
}
}
.screenings-education{
background-color: #bdc3ff;
align-items: center;
padding-top: 80px;
padding-bottom: 100px;
}
.screenings-education > .title.h1 {
color: #020c42;
}
.screenings .screening {
max-width: 640px;
padding-left: 0 !important;
padding-top: 20px;
}
.screenings .purchaseResource a {
width: 100%;
}
.screenings .screening .detailsArea{
border-bottom: 2px solid #989fe1 !important;
}
.screening .timeArea .time{
color: #020c42;
}
.screenings .screening .timeArea .time p {
font-weight: 500;
}
.screening .detailsArea .details{
color: #020c42;
}
.screening .detailsArea a.link {
color: #0e1dac !important;
font-weight: 400 !important;
}
.screenings .screening .detailsArea a img {
margin-right: 0 !important;
}
.detailsArea .link-wrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.detailsArea .link-wrapper img {
position: relative;
bottom: 40px;
}
.imageWrap svg {
width: 180px;
}
.imageWrap path {
fill: #aaaed0;
transition: all .5s;
}
.imageWrap:hover path {
fill: white;
}
@media (max-width: 700px) {
.link-wrapper img {
right: 40px;
}
.detailsArea .details {
max-width: 75%;
}
}
/* #020c42 #0e1dac #989fe1 */
/* 404 */
.four-o-four{display: flex; align-items: center; justify-content: center; min-height: 40vh;}
.four-o-four .title{padding-top: 40px;}
/* Footer Form Fix */
#mc4wp-form-1 .mc4wp-form-fields>p label, .mc4wp-form .mc4wp-form-fields>p label {font-size: 24px !important;}
/* Store fix */
.woocommerce-message{display: none;}
.woocommerce-message.custom{display: block;}
.woocommerce-message.custom.notice::before{opacity: 1; display: inline-block;}
.woocommerce-message.custom::before{opacity: 0; transition: all 3s;}
.woocommerce-message.custom.notice .message{opacity: 1; display: inline-block;}
.woocommerce-message.custom .message{opacity: 0; transition: all 3s;}
.woocommerce-message::before{color: #5f5f5f;}
.woocommerce-message{border-top-color: #41c0ef; line-height: 36px;}
.woocommerce-message .button.wc-forward{margin-left: 50px;}
.woocommerce-message .cartIconWrap{height: 25px; width: 25px; position: absolute; left: -45px; top: 5px;}
.woocommerce-message .cartIcon{width: 100%; height: 100%;}
.woocommerce-message .cartIconWrap .count{position: absolute;border: 1px solid red;border-radius: 30px;background: #ff00ce;color: white;top: -10px;right: -10px;padding: 5px;font-size: 16px;font-weight: 400;letter-spacing: 1px; min-width: 10px; text-align: center;}
.woocommerce div.product div.summary .description pre{white-space: pre-wrap; font-family: inherit;}
/* Donate CTA */
.donateCTABlock{text-align: center;}
@media(max-width: 768px){
.woocommerce-message{
display: flex; flex-wrap: wrap;
}
.popup_container {
display: none;
}
.woocommerce-message .button.wc-forward{margin-right: 20px; margin-bottom: 10px;}
}
/* WYSIWYG Image Float Fix */
p img.alignleft{float: left; padding-right: 15px; }
p img.alignright{float: right; padding-left: 15px; }
/* Hero BG Videos */
.vimeoWrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
overflow: hidden;
}
.vimeoWrapper iframe {
width: 100vw;
height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
min-height: 100vh;
min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* modal popup css change for adding the close buttoon */
/* .modal .video #modalVideo{position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 100%; height: 100%;} */
.modal .video #modalVideo{width: 100%; height: auto;aspect-ratio: 16 / 9;}
/* Links */
.link{
font-weight: 600;
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) -40%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.link:after{content: '>'; margin-left: 5px;}
.link:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b44e2+0,00e9f9+100 */
background: rgb(11,68,226); /* Old browsers */
background: -moz-linear-gradient(left, rgba(11,68,226,1) 0%, rgba(0,233,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b44e2', endColorstr='#00e9f9',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Modal */
.modalWrap{position: fixed; top: 0px; left: 0px; height: 100vh; width: 100vw; background: rgba(0,0,0,.8); z-index: 1000; display: none; justify-content: center; align-items: center;}
.modalWrap.show{display: flex;}
.modal{width: 95%; max-width: 1000px; display: flex; justify-content: center;}
.modal .video{overflow: hidden; padding-top: 56.25%; height: 0px; position: relative; width: 100%;}
.modal .video video{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
/* Ticker Banner */
.tickerBanner{background: #0a1aaa; color: white; position: relative; padding: 7px 45px; font-size: 16px; display: none;}
.tickerBanner.show{display: block; width: 100%;}
.tickerBanner .messageWrap{justify-content: center; margin: 0px; width: 100%; overflow: hidden; display: flex;}
.tickerBanner .message{display: none; overflow: hidden; margin: 0px; font-size: 16px; line-height: 1.4em;}
.tickerBanner .message.active{display: inline-block;}
#primaryHeader .tickerBanner .link{display: inline-block; color: white !important; margin-right: 10px; margin-left: 3px; position: relative; bottom: 1px; background: transparent; -webkit-text-fill-color: white; font-weight: 100;font-size:16px;}
#primaryHeader .tickerBanner .link:after{display: none;}
.tickerBanner .link:hover{color: white;}
.tickerBanner .dismiss{cursor: pointer; position: absolute; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; right: 20px; height: 18px;}
/* Mega Menu */
#mega-menu-wrap-headerNavMobile{display: none !important;}
#mega-menu-wrap-headerNav{width: 100% !important; position: fixed !important; top: 0px !important; height: 0px !important; width: 100% !important; z-index: 1000 !important;}
#mega-menu-wrap-headerNav.extraTop{top: 84px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav{height: 0px !important; width: 100% !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu.mega-menu-item{position: absolute !important; height: 0px !important; width: 100% !important;}
#mega-menu-headerNav > li > .mega-menu-link{height: 0px !important; overflow: hidden !important;}
#mega-menu-headerNav > li > ul.show{opacity: 1 !important; visibility: visible !important; margin-top: 0px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#052084+0,0365cb+100 */
background: rgb(5,32,132) !important;
background: -moz-linear-gradient(left, rgba(5,32,132,1) 0%, rgba(3,101,203,1) 100%) !important;
background: -webkit-linear-gradient(left, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important;
background: linear-gradient(to right, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052084', endColorstr='#0365cb',GradientType=1 ) !important;
}
#mega-menu-wrap-headerNav #mega-menu-headerNav .links > ul{display: flex !important; margin-bottom: 20px !important;}
#mega-menu-wrap-headerNav .title p{font-size: 50px; margin: 0px; font-weight: 200; line-height: 50px; color: white !important;}
#mega-menu-wrap-headerNav .title > ul > li{padding-top: 0px !important; padding-bottom: 0px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{font-weight: 500 !important; line-height: 20px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu{display: flex;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group.border-right {border-right: 2px solid rgba(0, 163, 218, .3);}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu > li{padding: 10px 20px; box-sizing: border-box;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu > li:first-of-type{padding-left: 0px;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu > li:last-of-type{padding-right: 0px;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu > li a{display: inline-block !important; color: white !important; font-weight: 200 !important; max-width: 170px;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group > ul > li > ul.mega-sub-menu > li a:before{display: block; margin: auto; margin-bottom: 10px; border: 1px solid #00a3da;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-list > ul > li > ul.mega-sub-menu > li{margin-bottom: 10px;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-list > ul > li > ul.mega-sub-menu > li a{color: white !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group, #mega-menu-wrap-headerNav #mega-menu-headerNav .link-list{width: auto !important; flex-shrink: 0 !important; padding: 20px !important; box-sizing: border-box !important; padding-top: 0px !important; }
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-group:first-of-type{padding-left: 0px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .link-list > ul > li > ul.mega-sub-menu{margin-top: 10px !important;}
#mega-menu-headerNav > li > ul{padding: 100px !important;}
#mega-menu-headerNav > li > ul >li > ul{padding: 100px !important; border-width: 0px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{text-align: center !important; padding: 0px 20px !important; display: inline-block !important; width: auto !important; font-weight: 200 !important; margin-left: 7% !important; margin-bottom: 30px !important; width: 130px !important; text-align: left !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#052084+0,0365cb+100 */
background: rgb(5,32,132) !important; /* Old browsers */
background: -moz-linear-gradient(left, rgba(5,32,132,1) 0%, rgba(3,101,203,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052084', endColorstr='#0365cb',GradientType=1 ) !important; /* IE6-9 */
}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:after{display: none;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:after{display: none;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .collapse-right{padding-right: 5px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav .collapse-left{padding-left: 5px !important;}
#mega-menu-wrap-headerNavMobile{
z-index: 9 !important;
position: fixed !important;
width: 100% !important;
padding: 0px 20px !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0365cb+0,052084+100 */
background: rgb(3,101,203) !important; /* Old browsers */
background: -moz-linear-gradient(top, rgba(3,101,203,1) 0%, rgba(5,32,132,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(3,101,203,1) 0%,rgba(5,32,132,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(3,101,203,1) 0%,rgba(5,32,132,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0365cb', endColorstr='#052084',GradientType=0 ) !important; /* IE6-9 */
}
#mega-menu-wrap-headerNavMobile.show{ overflow: scroll !important; height: calc(100% - 75px) !important;}
#mega-menu-headerNavMobile > li > ul.show{opacity: 1 !important; visibility: visible !important; margin-top: 0px !important; padding: 0px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{
content: url('/wp-content/uploads/2018/09/icon-arrow-down.png') !important;
}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after, #mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator:after{
transform: rotate(180deg) !important;
}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{
text-transform: uppercase !important; padding: 10px 0px !important; border-bottom: 1px solid #1241aa !important; font-weight: 500 !important;
}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column{
width: 100% !important;
}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-item > a.mega-menu-link:focus{padding: 10px !important; height: 60px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; background: transparent !important; }
#mega-menu-headerNavMobile > li > ul.show > li > ul > li > ul > li{padding: 0px !important;}
#mega-menu-headerNavMobile > li > ul.show > li > ul > li > ul > li > ul > li a.mega-menu-link{padding: 10px 0px !important; border-bottom: 1px solid #0a1aaa !important;}
#mega-menu-headerNavMobile > li > ul.show > li > ul > li > ul > li > ul > li > a.mega-menu-link{font-size: 18px !important; text-transform: uppercase !important; font-weight: 400 !important;}
#mega-menu-headerNavMobile > li > ul.show > li > ul > li > ul > li > ul > li .mega-sub-menu{margin: 0px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-item > a.mega-menu-link{font-size: 30px !important; font-weight: 300 !important; padding: 10px 0px !important;}
#mega-menu-wrap-headerNavMobile .mega-menu-toggle{position: absolute !important; visibility: hidden !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544{position: absolute !important; left: -20px; top: 0px !important; width: calc(100% + 40px) !important;
-webkit-box-shadow: 0px 0px 34px -4px rgba(0,0,0,1) !important;
-moz-box-shadow: 0px 0px 34px -4px rgba(0,0,0,1) !important;
box-shadow: 0px 0px 34px -4px rgba(0,0,0,1) !important;
}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search-wrap{margin: 0px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search{padding: 0px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search input[type=text]{padding: 0px !important; padding-left: 40px !important; height: 60px;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search input[type=text]::-webkit-input-placeholder{ color: #08d6d6 !important; font-size: 16px;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li:nth-of-type(2){padding-top: 60px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search.expand-to-right .search-icon{bottom: -4px !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile #mega-menu-item-551 .closeMegaMenu{display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 20px;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile #mega-menu-item-551 .closeMegaMenu .iconWrap{display: flex; align-items: center;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile #mega-menu-item-551 .closeMegaMenu .iconWrap img{height: 20px; width: 20px; margin-right: 10px;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile #mega-menu-item-551 .closeMegaMenu .iconWrap p{text-transform: uppercase; font-weight: 100; margin: 0px;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile #mega-menu-item-551 .closeMegaMenu .logoWrap a{display: inline-block;}
/*#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item{width: 100px;}*/
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{margin: 0px !important; padding: 10px 20px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover{color: white !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile li#mega-menu-item-544 .mega-search-wrap input:focus{font-size: 16px;}
/* Menu */
.primaryMenu{
padding: 0px 30px; box-sizing: border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#052084+0,0365cb+100 */
background: rgb(5,32,132) !important; /* Old browsers */
background: -moz-linear-gradient(left, rgba(5,32,132,1) 0%, rgba(3,101,203,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052084', endColorstr='#0365cb',GradientType=1 ) !important; /* IE6-9 */
position: fixed; width: 100%; height: 0px; z-index: 10; display: flex; transition: all .3s; overflow: hidden;
}
.primaryMenu .closeMenu{
position: absolute; top: 10px; right: 10px; width: 20px; cursor: pointer;
}
.primaryMenu.open{height: 500px; padding: 30px;}
.primaryMenu > .options{width: auto; padding: 30px; box-sizing: border-box;}
.primaryMenu > .options .option{width: 100%; font-weight: 100; }
.primaryMenu > .options .option a{color: white; min-width: 130px; padding: 10px;}
.primaryMenu > .options .option a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#052084+0,0365cb+100 */
background: rgb(5,32,132) !important; /* Old browsers */
background: -moz-linear-gradient(left, rgba(5,32,132,1) 0%, rgba(3,101,203,1) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(5,32,132,1) 0%,rgba(3,101,203,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#052084', endColorstr='#0365cb',GradientType=1 ) !important; /* IE6-9 */
}
.primaryMenu > .options .option a{display: inline-block;}
.primaryMenu .pages{width: 100%; box-sizing: border-box; padding: 30px;}
.primaryMenu .pages .page{display: none;}
.primaryMenu .pages .page.show{display: inline-block; width: 100%; color: white;}
.primaryMenu .pages .page .content{display: flex;}
.primaryMenu .pages .page > .title{font-weight: 100; margin-bottom: 20px;}
.primaryMenu .pages .page .content section{border-right: 2px solid #009dd65e; margin-right: 30px;}
.primaryMenu .pages .page .content section:last-of-type{border-width: 0px; margin-right: 0px;}
.primaryMenu .pages .page .content section:last-of-type .options{flex-wrap: wrap;}
.primaryMenu .pages .page .content section:last-of-type .options .option{width: 100%; margin-bottom: 10px; font-weight: 100; color: white;}
.primaryMenu .pages .page .content section:last-of-type .title{color: #fff;}
.primaryMenu .pages .page .content .title{text-transform: uppercase; font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.primaryMenu .pages .page .content .title a{color: #009dd6; }
.primaryMenu .pages .page .options{display: flex;}
.primaryMenu .pages .page .options .option{display: inline-block; margin-right: 30px; color: white;}
.primaryMenu .pages .page .options .option .imageArea{width: 175px; height: 175px; border: 1px solid #009dd6; background-size: cover; background-position: center; background-repeat: no-repeat;}
.primaryMenu .pages .page .options .option .title{color: white;font-weight: 100;font-size: 16px;text-transform: initial;max-width: 175px;line-height: 18px;margin-top: 10px;}
.primaryMenu .pages .page .options .option .title b{font-weight: 500;}
.primaryMenu .mobile-title {display: none;}
.mobileMenu{display: none; width: 100%;color: white; position: fixed; left: 0px; overflow: hidden; overflow-y: auto; z-index: 10; bottom: 100%; transition: bottom .3s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0365cb+0,052084+100 */
background: rgb(3,101,203); /* Old browsers */
background: -moz-linear-gradient(top, rgba(3,101,203,1) 0%, rgba(5,32,132,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(3,101,203,1) 0%,rgba(5,32,132,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(3,101,203,1) 0%,rgba(5,32,132,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0365cb', endColorstr='#052084',GradientType=0 ); /* IE6-9 */
}
.mobileMenu.open{bottom: 0px;}
.mobileMenu a{color: white;}
.mobileMenu .searchWrap{width: 100%; background: #061375; padding: 10px;}
.mobileMenuWrap{margin: 0px !important;}
.mobileMenu input[type=search]{font-size: 16px;padding: 0px !important; padding-left: 40px !important; height: 35px; background: transparent; border-width: 0px; transition: background .3s; color: white;}
.mobileMenu input[type=search]::-webkit-input-placeholder{ color: #08d6d6 !important; font-size: 16px; text-transform: capitalize;}
.mobileMenu input[type=search]:focus{background: #1569be;}
.mobileMenu form > a, .mobileMenu form > button{display: none !important;}
.mobileMenu .searchInputWrap .searchIcon{left: 15px !important; bottom: 3px; height: 18px;}
.mobileMenu .menuFooter{display: flex; justify-content: space-between; align-items: flex-start; padding: 20px; box-sizing: border-box;}
.mobileMenu .menuFooter .close{align-items: center;}
.mobileMenu .menuFooter .close img{height: 20px; width: 20px; margin-right: 10px;}
.mobileMenu .menuFooter .close{text-transform: uppercase; font-weight: 100; margin: 0px;}
.mobileMenu .menuFooter .logo a{display: inline-block; margin-top: 10px;}
.mobileMenu .menuFooter .close .btn {display: inline-block; margin: 0 0 16px 0;}
.mobileMenu .dropdownArea{padding: 0px 10px; height: 63px; overflow: hidden;}
.mobileMenu .dropdownArea.open{height: auto;}
.mobileMenu .dropdownArea > .title, .mobileMenu > .option{border-bottom: 1px solid #061376; padding: 10px; font-size: 35px; font-weight: 100;}
.mobileMenu > .option{margin-left: 10px; margin-right: 10px; display: block;}
.mobileMenu .dropdownArea > .title span:after{
content: url('/wp-content/uploads/2018/09/icon-arrow-down.png') !important;
float: right;
}
.mobileMenu .dropdownArea > .title span.invert:after{transform: rotate(180deg);}
.mobileMenu .dropdownArea .options .option{padding: 10px;font-size: 16px;text-transform: uppercase;border-bottom: 1px solid #0a1aaa; display: none; width: 100%; box-sizing: border-box;}
.mobileMenu .dropdownArea .options .option:not(.sub){padding: 12px 0;}
.mobileMenu .dropdownArea .options .option p {margin: 0px;}
.mobileMenu .dropdownArea .options .option.sub{margin: 0px;text-transform: capitalize;color: #08d6d6;font-size: 16px;}
.mobileMenu .pages {
padding: 0 8px;
}
.mobileMenu .pages .page > .title {
display: none;
}
.mobileMenu .pages a {
display: block;
}
.mobileMenu .pages .mobile-title .openIndicator::after {
content: url('/wp-content/uploads/2018/09/icon-arrow-down.png') !important;
float: right;
position: relative;
z-index: 9;
}
.mobileMenu .pages .mobile-title .openIndicator.invert::after {
transform: rotate(180deg);
}
.mobileMenu .pages .pages:not(.open) .content {
display: none;
}
.mobileMenu .pages .title.h4 {
text-transform: uppercase;
}
.mobileMenu .pages .title.h4,
.mobileMenu .pages .option {
font-size: inherit;
border-bottom: 1px solid #061376;
padding: 12px 0;
}
.mobileMenu .pages .title br {
display: none;
}
.mobileMenu .pages .option {
color: #08d6d6;
text-transform: none;
}
.mobileMenu .pages .option,
.mobileMenu .pages .option p {
text-transform: none;
}
.mobileMenu .pages .option.image-only {
display: none;
}
.mobileMenu .pages .mobile-title {
border-bottom: 1px solid #061376;
padding: 12px 0;
font-size: 32px;
font-weight: 100;
cursor: pointer;
color: #fff;
display: flex;
justify-content: space-between;
}
/* Basic Section Header */
.field > .title.h1{width: 100%; margin-bottom: 60px; font-weight: 100; text-align: center; color: #020c42;}
.field > .description {max-width: 720px; margin: -30px auto 60px; text-align: center;}
.field > .title.h1 p{margin: 0px;}
.field.lightTitle > .title.h1{color: white;}
/* Basic Iamge Wrap */
.imageWrap{text-align: center; position: relative;}
.imageWrap img{max-width: 100%; max-height: 100%; margin: auto; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;}
/* Header */
#primaryHeader{background: #061376; justify-content: space-between; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 10;
-webkit-box-shadow: 0px -7px 40px 8px rgba(0,0,0,0.58);
-moz-box-shadow: 0px -7px 40px 8px rgba(0,0,0,0.58);
box-shadow: 0px -7px 40px 8px rgba(0,0,0,0.58);
}
#primaryHeader section:first-of-type{margin-left: 10px;}
#primaryHeader section:last-of-type{margin-right: 10px;}
#primaryHeader section{padding: 10px; font-weight: 200;}
#primaryHeader section > *{margin-right: 25px;}
#primaryHeader section > .searchWrap form > a > p{position: relative; bottom: 1px;}
#primaryHeader section > :last-child{margin-right: 0px;}
#primaryHeader .menuToggle:hover{cursor: pointer;}
#primaryHeader .menuToggle:hover p{color: white;}
#primaryHeader .menuToggle > *{margin-right: 10px;}
#primaryHeader .menuToggle img{height: 17px;}
#primaryHeader .menuToggle:hover img{filter:brightness(1000%) grayscale(100%) saturate(0);}
#primaryHeader .menuToggle p{color: #08d6d6; margin: 0px;}
#primaryHeader .logo{}
#primaryHeader .logo img{height: 25px; width: auto;}
#primaryHeader .searchWrap input{border-width: 0px; opacity: 0; transition: opacity .4s; background-color: #1569be; color: white;}
#primaryHeader .searchWrap input::placeholder {color: #08d6d6; opacity: 1;}
#primaryHeader .searchWrap input:-ms-input-placeholder {color: #08d6d6;}
#primaryHeader .searchWrap input::-ms-input-placeholder {color: #08d6d6;}
#primaryHeader .searchWrap input{-webkit-appearance: none;}
#primaryHeader .searchWrap:hover input, #primaryHeader .searchField.show{opacity: 1;}
#primaryHeader .searchWrap button{color: #08d6d6; margin-left: 5px;background: transparent;border: none;position: relative;bottom: 1px;display: inline-block;cursor: pointer;}
#primaryHeader .searchWrap button:hover{color: white;}
#primaryHeader .link{display: inline-block; color: #08d6d6; background: transparent; -webkit-text-fill-color: #08d6d6; font-weight: 100;}
#primaryHeader .link:after{display: none;}
#primaryHeader .link:hover{color: white; -webkit-text-fill-color: white;}
#primaryHeader .headerSocial{padding-left: 25px; border-right: 1px solid #0a1aaa;}
#primaryHeader .headerSocial .socialLink{margin-right: 10px;}
#primaryHeader .headerSocial .socialLink:hover{filter:brightness(1000%) grayscale(100%) saturate(0);}
#primaryHeader .btn{margin: 0 5px; padding: 8px 15px; padding-top: 9px;}
/* Page Content */
.pageContent{overflow: hidden;}
/* Footer */
#primaryFooter{}
#primaryFooter .footerTop{background: #0a1aaa;}
#primaryFooter .footerBottom{background: #061376; display: flex; padding: 30px; padding-bottom: 0px; flex-wrap:wrap;}
#primaryFooter .footerBottom .footerBottomWidget{padding: 20px; font-size: 16px; width: calc(50% * (1/3)); box-sizing: border-box;}
#primaryFooter .footerBottom .footerBottomWidget{color: white; line-height: 20px;}
#primaryFooter .footerBottom .footerBottomWidget p{margin: 0px; font-weight: 200; line-height: 1.3em;}
#primaryFooter .footerBottom .footerBottomWidget .color{color: #00a3da; margin-bottom: 10px;}
#primaryFooter .footerBottom .footerBottomWidget a{color: white; display: block; margin-bottom: 4px;}
#primaryFooter .footerBottom .footerBottomWidget p br{display: none;}
#primaryFooter .footerBottom .footerBottomWidget a:hover{color: white;}
#primaryFooter .footerBottom .footerBottomWidget:last-of-type{width: 50%; text-align: center;}
#primaryFooter .footerBottom .footerBottomWidget h1{font-size: 30px; line-height: 35px; display: inline-block; text-align: left; font-weight: 200; margin-top: 0px;}
#primaryFooter .footerNav{background: #061376; justify-content: space-between; padding: 0px 30px; padding-top: 0px;}
#primaryFooter .footerNav section{padding: 20px;}
#primaryFooter .footerNav .menu{margin: 0px;}
#primaryFooter .footerNav .menu li{display: inline-block; margin-right: 10px;margin-bottom: 10px;}
#primaryFooter .footerNav .menu li a{color: white; display: inline-block; text-transform: uppercase; font-size: 16px;}
#primaryFooter .footerNav .menu li a:hover{color: white;}
#primaryFooter .footerNav .copyright{margin: 0px; color: #08d6d6; font-size: 16px; line-height: 40px;text-align: end;}
#mega-menu-wrap-footerNav #mega-menu-footerNav li#mega-menu-item-562 > a.mega-menu-link{display: inline-block; height: auto;}
#primaryFooter .new-copyright-section{padding: 10.5px 20px !important;}
#primaryFooter .new-copyright-section .new-copyright-text{
margin: 0px;
color: #08d6d6;
font-size: 16px;
line-height: 40px;
}
/* Hero */
.hero{display: flex; align-items: center; height: calc(100vh - 200px);width: 100%; position: relative; overflow: hidden; z-index: 0;}
.hero.static{background-repeat: no-repeat; background-position: center center; background-size: cover; height: calc(100vw * .5625); max-height: 75vh;}
.hero.short{min-height: 0px; padding: 150px 0px; height: auto;}
.hero.quote, .hero.title{justify-content: center;}
.hero.quote.lightTitle, .hero.title.lightTitle{ color: white;}
.hero.title > .titleWrap{max-width: 1000px; margin: auto 20px; text-align: center;}
.hero.quote .split{padding: 0px 20px; height: auto; display: inline-block; width: auto; flex-direction: column; max-width: 1000px;}
.hero.quote .split section{padding: 50px 20px; display: inline-block; width: auto; padding-bottom: 20px; text-align: right;}
.hero.quote .split > section:first-of-type{padding-bottom: 20px; padding-top: 0px;}
.hero.quote .split > section:last-of-type{padding-top: 0px; display: block;}
.hero video{position: absolute; min-width: 100%; min-height: 100%; z-index: -1;}
.hero video.Center{top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto;}
.hero video.Top.Left{top: 0px; left: 0px;}
.hero video.Top.Right{top: 0px; right: 0px;}
.hero video.Bottom.Left{bottom: 0px; left: 0px;}
.hero video.Bottom.Right{bottom: 0px; right: 0px;}
.hero .split{height: 100%; width: 100%;}
.hero .split section{padding: 7% 10%;}
.hero .header{font-weight: 200; margin: 0px;}
.hero .header.lightTitle{color: white;}
.hero .header > p{margin: 0px;}
.hero .subtitle.lightTitle{color: white;}
.hero .subtitle p{line-height: 1.4em; font-weight: 400; margin-top: 10px;}
.hero .heroCta{color: #08d6d6; text-transform: uppercase; cursor: pointer;}
.hero .heroCta:hover{color: white;}
.hero .heroCta .actionIcon{width: 20px; height: 20px; margin-right: 10px;}
.hero .heroCta .actionIcon.hover{display: none;}
.hero .heroCta:hover .actionIcon{display: none;}
.hero .heroCta:hover .actionIcon.hover{display: inline-block;}
.hero .quote{font-weight: 200; font-size: 30px; margin: 0px;}
.hero .quote:before{margin-right: 5px;}
.hero .quote:before, .hero .quote:after{content: '"';}
.hero .quoteSrc{font-weight: 400; font-size: 16px; text-transform: uppercase; margin: 0px; margin-top: 8px;}
.hero .quoteSrc:before{content: '-'; margin-right: 5px;}
.hero .playHero{margin: auto; text-align: center; padding: 20px;}
.hero .playHero .lightTitle{color: white;}
.hero .playHero .playCTA{display: inline-block;}
.hero .playHero .playCTA:hover{cursor: pointer;}
.hero .playHero .playCTA:hover img{display: none;}
.hero .playHero .playCTA:hover img.hover{display: block;}
.hero .playHero .playCTA img{width: 75px;}
.hero .playHero .playCTA img.hover{display: none;}
.hero .playHero .title p{margin-top: 0px;}
.hero.title .lightTitle p{color: white;}
.hero.overview .split{align-items: center;}
.hero.minify{padding: 50px 0px;}
video[poster]{height:200%;width:100%;}
.hero.video{background-color: black;}
@media (min-width: 768px) {
.hero.video {
min-height: 400px !important;
}
}
/* Simple Split Content */
.split-content{background-size: cover; background-repeat: no-repeat; background-position: center center; color: white; position: relative;}
.blog .split-content { margin-bottom: 65px; }
.split-content.v-padding{padding-top: 200px; padding-bottom: 200px;}
.split-content.headRoom{padding-top: 400px;}
.split-content section{padding: 20px; z-index: 1;}
.split-content img{max-width: 100%;}
.split-content .title{font-weight: 200; color: white; margin-bottom: 20px;}
.split-content .title.small{font-weight: 500; color: #08d6d6; font-size: 20px; margin-bottom: 0px;}
.split-content p{margin: 0px; margin-bottom: 20px;}
.split-content p:not(.title){line-height: 30px;}
.split-content .link{
font-weight: 600;
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) -40%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.split-content .link:after{content: '>'; margin-left: 5px;}
.split-content .link:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b44e2+0,00e9f9+100 */
background: rgb(11,68,226); /* Old browsers */
background: -moz-linear-gradient(left, rgba(11,68,226,1) 0%, rgba(0,233,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b44e2', endColorstr='#00e9f9',GradientType=1 ); /* IE6-9 */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.split-content .btn{text-transform: capitalize;}
.split-content.splash:after, .caption-banner:after{content: ''; width: 100%; display: block; height: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 1;
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
.split-content .bgGradient{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}
.split-content .bgGradient.left{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.split-content .bgGradient.right{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 */
}
.splash > .imageWrap{
position: absolute !important;
left: 0px;
top: 150px;
width: 70px;
height: 70px;
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010454+0,070d87+100 */
background: rgb(1,4,84); /* Old browsers */
background: -moz-linear-gradient(left, rgba(1,4,84,1) 0%, rgba(7,13,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010454', endColorstr='#070d87',GradientType=1 ); /* IE6-9 */
}
/* Split Caption */
.split-caption > section > .title, .split-caption p{color: #020c42;}
.split-caption .half.text{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.split-caption .half.text .title, .split-caption .half.text .details{max-width: 600px;}
/* Caption Banner */
.caption-banner{justify-content: center;}
.caption-banner .imageWrap{height: 75px; margin-bottom: 30px;}
.caption-banner .imageWrap img{}
.caption-banner > .title{font-size: 35px !important; margin-bottom: 40px !important; color: #1b2ab0 !important; font-weight: 400 !important;}
.caption-banner .description{ color: black; text-align: center; margin: auto; max-width: 350px;}
.caption-banner .caption .title{ color: #1b2ab0; font-weight: 500; text-align: center;}
.caption-banner .caption{border-right: 2px solid #dee1ff;}
.caption-banner .caption:last-of-type{border-width: 0px;}
/* Awards */
.awards{background: #bdc3ff; display: flex; flex-wrap: wrap; justify-content: center;}
.awards .award{padding: 0px 50px; margin-bottom: 30px;}
.awards .award .imageWrap{text-align: center; width: 150px; height: 150px; position: relative;}
.awards .award .imageWrap img{max-width: 100%; max-height: 100%;}
.awards .award .details p{max-width: 150px; text-align: center; line-height: 1.3em; font-weight: 400;}
/* Credits */
.credits{display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto; max-width: 1000px;}
.credits .title{color: #020c42; width: 100%; margin-bottom: 60px; font-weight: 100; text-align: center;}
.credits .creditGroupWrap{
-webkit-columns: auto 3; /* Chrome, Safari, Opera */
-moz-columns: auto 3; /* Firefox */
columns: auto 3;
}
.credits .creditGroup{display: inline-block; width: 100%; margin-bottom: 30px;}
.credits .creditGroup .role{color: #1e3ce4; text-transform: uppercase; display: block; font-weight: 400;}
.credits .creditGroup .names{color: #020c42; display: block;}
.credits .creditGroup .names p{font-weight: 500; line-height: 1.8em; margin: 0px; margin-top: 5px; font-size: 16px;}
/* Stat Banner */
.statBanner{color: white; background: black; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#041663+0,023c8b+100 */
background: rgb(4,22,99); /* Old browsers */
background: -moz-linear-gradient(left, rgba(4,22,99,1) 0%, rgba(2,60,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(4,22,99,1) 0%,rgba(2,60,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(4,22,99,1) 0%,rgba(2,60,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041663', endColorstr='#023c8b',GradientType=1 ); /* IE6-9 */
}
.statBanner .title{width: 100%; margin-bottom: 60px; font-weight: 100; color: white !important;}
.statBanner .stat{box-sizing: border-box; padding: 0px 100px; padding-bottom: 30px; position: relative;}
.statBanner .stat:after{content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; background-color: #112fa9; width: 2px; height: 200px;}
.statBanner .stat:last-of-type:after{display: none;}
.statBanner .stat .value{font-weight: 100; font-size: 70px; line-height: 70px; margin: 20px 0px;}
.statBanner .stat .details{text-transform: uppercase; max-width: 150px; display: inline-block; font-weight: 500; line-height: 20px;}
/* Topic Split Section */
.topic{color: black; align-items: center;}
.topic.addTopMargin{margin-top: 40px;}
.topic.addBottomMargin{margin-bottom: 40px;}
.topic .imageSection{width: 50%; position: relative; text-align: center; max-width: 700px;}
/*.topic .imageSection > img{max-width: 100%; max-height: 100%; width: 90%;}*/
.topic .imageSection > img{max-width: 100%; max-height: 100%; width: 100%; display: block; max-width: 600px;}
.topic .imageSection .detailOverlay{position: relative; background: #e7e8f0; max-width: 100%; padding: 30px 20px; text-align: left; box-sizing: border-box; max-width: 600px;}
.topic .imageSection .detailOverlay .title{color: #09146b;}
.topic .imageSection .detailOverlay .link{background: transparent;-webkit-background-clip: initial; -webkit-text-fill-color: initial; color: #0099d5;}
.topic .imageSection .detailOverlay .link:hover{background: transparent;-webkit-background-clip: initial; -webkit-text-fill-color: initial; color: #0283b5;}
/*.topic .imageSection .detailOverlay{position: absolute; background: #061376; max-width: 400px; padding: 30px 20px; text-align: left;}*/
/*.topic .imageSection .detailOverlay.flex{display: inline-flex; align-items: center;}*/
/*.topic .imageSection .detailOverlay.top-right{top: -30px; right: 0px;}
.topic .imageSection .detailOverlay.top-left{ top: -30px; left: 0px;}
.topic .imageSection .detailOverlay.bottom-right{bottom: -30px; right: 0px;}
.topic .imageSection .detailOverlay.bottom-left{bottom: -30px; left: 0px;}*/
.topic .imageSection .detailOverlay .detailOverlaySection:first-of-type{min-width: 100px; padding-bottom: 10px; padding-right: 15px; }
.topic .imageSection .detailOverlay .detailOverlaySection:last-of-type{margin-left: 10px;}
.topic .imageSection .detailOverlay .detailOverlaySection img{margin: auto; width: 100px;}
.topic .imageSection .detailOverlaySection .title{font-size: 24px; margin-bottom: 10px;}
.topic .imageSection .detailOverlay .detailOverlaySection .value{color: #09146b; font-size: 80px; font-weight: 100; line-height: 70px; position: relative; top: 8px; text-align: center;}
.topic .imageSection .detailOverlaySection .details{color: white; font-weight: 200; line-height: 25px;}
.topic .imageSection .detailOverlay .link{margin-top: 30px; display: inline-block; font-size: 16px;}
.topic .imageSection .detailOverlaySection .link{margin-top: 0px;}
.topic .overviewSection{width: 50%; padding: 20px;}
.topic .overviewSection .title{color: #020c42; margin-top: 0px; margin-bottom: 30px;}
.topic .overviewSection .subtitle{font-size: 20px; font-weight: 500; margin-bottom: 20px; color: #0a1aaa;}
.topic .overviewSection .content{color: #020c42;}
.topic .overviewSection .content p{font-weight: 400;}
.topic.reverseMobile .overviewSection{padding-right: 70px;}
.topic:not(.reverseMobile) .overviewSection{padding-left: 70px;}
/* Grid Items */
.gridItems .grid{display: flex; flex-wrap: wrap; justify-content: flex-start;}
.gridItems.centerItems .grid{justify-content: center;}
.gridItems > .title{width: 100%; text-align: center; color: #020c42;}
/*.gridItems .profile{padding: 20px 10px; padding-top: 0px; box-sizing: border-box; position: relative; width: calc(100% * (1/4)); min-width: 350px;}*/
.gridItems .profile{padding: 20px 10px; padding-top: 0px; box-sizing: border-box; position: relative; width: calc(100% * (1/4)); min-width: 330px; margin-bottom: 50px;}
.gridItems .profile .imageWrap{width: 330px; height: 330px; text-align: center; margin-bottom: 20px; margin-top: 0px; position: relative; box-sizing: border-box; margin: auto;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#184bb7+0,0ea7cc+100 */
background: rgb(24,75,183); /* Old browsers */
background: -moz-linear-gradient(left, rgba(24,75,183,1) 0%, rgba(14,167,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(24,75,183,1) 0%,rgba(14,167,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(24,75,183,1) 0%,rgba(14,167,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#184bb7', endColorstr='#0ea7cc',GradientType=1 ); /* IE6-9 */
}
.gridItems .profile img{max-width: 100%; max-height: 100%;}
.gridItems .profile .details{margin: 0px auto; margin-top: 20px; max-width: 330px;
margin-top: 0px;
background: #e7e8f0;
color: #09146b;
padding: 20px;
box-sizing: border-box;
flex: 1;
height: calc(50% - 80px);
}
.gridItems .profile .details .name{font-size: 25px; /* font-weight: 600; */ margin-bottom: 10px; color: #09146b; font-family: 'Rubik', sans-serif; line-height: 1.1em;}
.gridItems .profile .details .role{color: #020c42; margin-bottom: 20px;}
.gridItems .profile .details .description p{font-weight: 400;}
.gridItems .profile .imageWrap span{position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; display: inline-block;width: 100%;height: 35px;font-size: 30px;color: white;font-weight: 300; text-transform: capitalize; z-index: 10;}
.gridItems .profile a:hover span{text-decoration: underline;}
.gridItems.limitWidth .grid{margin: auto;}
.gridItems .linkArea{margin: 15px 0px;}
.gridItems .linkArea a { display: none; }
/* Image Slider */
.imageSlider{position: relative; width: calc(100% - 100px); margin: auto; margin-bottom: 50px;}
.imageSlider .slide{}
.imageSlider .imageWrap{height: 100px; width: 100px; margin: auto;}
.imageSlider .imageWrap img{}
.imageSlider .owl-nav{display: flex; justify-content: space-between; font-size: 100px; position: absolute; width: calc(100% + 100px); top: -10px; left: -50px;}
.imageSlider .owl-stage-outer{z-index: 2;}
.imageSlider .owl-dots{display: none;}
.imageSlider .owl-nav button img{position: relative; bottom: 10px;}
.imageSlider .owl-nav .owl-next img{transform: rotate(180deg);}
/* Supporters */
.supporter{padding: 0px 50px; margin-bottom: 20px;}
.supporter .imageWrap{width: 150px; height: 150px;}
/* Featured Items */
.blog .featured-items { padding-top: 0px; }
.featured-items.dark-bg{background-color: #e5e5ef;}
.featured-items > .title{text-align: center; font-weight: 200; margin: 0px; margin-bottom: 40px; font-size: 50px; color: #020c42;}
.featured-items .post{text-align: center; padding: 0px 10px;}
.featured-items .imageWrap{background-repeat: no-repeat; background-size: cover; background-position: center center; height: 400px; width: 100%; display: inline-block; text-align: left;}
.featured-items .imageWrap .icon{display: inline-block;}
/*.featured-items .imageWrap .icon img{height: 100%; padding: 20px;}*/
.featured-items .contentWrap{text-align: left; background: #e7e8f0; color: #09146b; padding: 20px; display: inline-block; position: relative; bottom: 40px; width: 100%; box-sizing: border-box;}
.featured-items .contentWrap .title{margin-top: 0px; margin-bottom: 20px;}
.featured-items .contentWrap .title.miniTitle{font-size: 16px; font-weight: 400; margin-bottom: 13px;}
.featured-items .contentWrap > *{width: 100%;}
/*.featured-items .contentWrap > .previewText p{font-size: 19px;}*/
/* .featured-items .previewTextLink:hover{ text-decoration: underline;} */
.featured-items .contentWrap a{color:#09146b; display: inline-block;}
.featured-items .contentWrap a.titleLink:hover{text-decoration: underline;}
.featured-items .contentWrap .previewText > *{margin: 0px; font-weight: 200; line-height: 25px;}
.featured-items .contentWrap .previewText{word-break: break-word; line-height: 25px;}
.featured-items .contentWrap .link{
font-size: 16px;
font-weight: 600;
color: #0099d5;
background: transparent;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
/*background: rgb(26,63,180); /* Old browsers *
background: -moz-linear-gradient(left, rgba(26,63,180,1) -40%, rgba(10,193,209,1) 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 *
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}
.featured-items .contentWrap .link:hover{
color: #0283b5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b44e2+0,00e9f9+100 */
/*background: rgb(11,68,226); /* Old browsers *
background: -moz-linear-gradient(left, rgba(11,68,226,1) 0%, rgba(0,233,249,1) 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b44e2', endColorstr='#00e9f9',GradientType=1 ); /* IE6-9 *
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
background: transparent;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
}
/*.featured-items .social .contentWrap .link{
background: rgb(26,63,180); /* Old browsers
background: -moz-linear-gradient(left, rgba(26,63,180,1) -40%, rgba(10,193,209,1) 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, rgba(26,63,180,1) -40%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 *
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.featured-items .social .contentWrap .link:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b44e2+0,00e9f9+100 *
background: rgb(11,68,226); /* Old browsers *
background: -moz-linear-gradient(left, rgba(11,68,226,1) 0%, rgba(0,233,249,1) 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, rgba(11,68,226,1) 0%,rgba(0,233,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b44e2', endColorstr='#00e9f9',GradientType=1 ); /* IE6-9 *
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */
/*.featured-items .social .contentWrap a{color:white;}
.featured-items .social .contentWrap{background: #061376; }*/
.featured-items .social .innerBorder{width: 100%;}
.featured-items .contentWrap .link:after{content: '>'; margin-left: 5px;}
.featured-items .ctaArea{text-align: center; margin-top: 30px; margin-bottom: 20px;}
.featured-items .ctaArea .btn{text-transform: capitalize;}
.featured-items .social .contentWrap{padding: 30px; z-index: 1;}
.featured-items .innerBorder{position: absolute; left: 0px; top: 0px; border: 1px solid #3947d9; width: calc(100% - 20px); height: calc(100% - 20px); margin: auto; right: 0px; bottom: 0px; z-index: -1;}
.featured-items .innerBorder .innerIcon{text-align: center; position: relative; bottom: 29px; height: 60px;}
.featured-items .innerBorder .innerIcon img{height: 100%;}
.featured-items .contentWrap .itemCta{font-family: 'Rubik',sans-serif; font-size: 16px; cursor: pointer; font-weight: 700; margin-top: 30px; padding: 0; border: 0; background: transparent; text-align: left; text-transform: capitalize }
.featured-items .imageWrap .icon{
width: 70px;
height: 70px;
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010454+0,070d87+100 */
background: rgb(1,4,84); /* Old browsers */
background: -moz-linear-gradient(left, rgba(1,4,84,1) 0%, rgba(7,13,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010454', endColorstr='#070d87',GradientType=1 ); /* IE6-9 */
}
.featured-items .imageWrap.fill{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010454+0,070d87+100 */
background: rgb(1,4,84); /* Old browsers */
background: -moz-linear-gradient(left, rgba(1,4,84,1) 0%, rgba(7,13,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010454', endColorstr='#070d87',GradientType=1 ); /* IE6-9 */
}
.featured-items .imageWrap.videoWrap{}
.featured-items .imageWrap video{width: 100%; height: auto; margin: auto; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; max-height: 100%;}
.featured-items .split{justify-content: center;}
/* Long Stat */
.longStats{background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; z-index: 1;}
.longStats.top{height: 460px; z-index: 2;}
.longStats .intro{color: #020c42; font-size: 40px; font-weight: 200; text-align: center; width: 100%; max-width: 1000px; margin: auto; margin-bottom: 0px; margin-top: 70px;}
.longStats .intro p{line-height: 60px;}
.longStats .intro a{text-decoration: underline; font-weight: 500; position: relative; z-index: 1; color: #020c42;}
/*.longStats .intro a:before{content: ''; position: absolute; top: 20px; left: 0px; background: #1fd8d8; z-index: -1; height: 15px; width: 100%;}*/
.longStats .topStats{width: 100%; max-width: 1000px; margin: auto;}
.longStats .topStats section{padding: 20px; flex-grow: 1; text-align: center;}
.longStats .topStats section .iconWrap{padding: 20px;}
.longStats .topStats section .iconWrap img{height: 50px;}
.longStats .topStats section .details{color: #212b97; text-transform: uppercase; max-width: 175px; display: inline-block; font-weight: 500; line-height: 20px;}
.longStats .topStats section .details:after{content: ''; display: block; height: 75px; width: 3px; background: #a1d5e9; margin: 10px auto;}
.longStats .topStats section .value{color: white; font-size: 70px; font-weight: 200;}
.longStats .lowerContent{color: white; margin-top: 250px; margin-bottom: 100px;}
.longStats .lowerContent.bannered{margin-bottom: 300px;}
.longStats .lowerContent section{}
.longStats .lowerContent section .title{font-weight: 200; font-size: 50px; line-height: 60px; max-width: 500px;}
.longStats .lowerContent section .title.small{font-weight: 500; color: #08d6d6; font-size: 20px; margin-bottom: 20px; margin: 0px; line-height: initial;}
.longStats .lowerContent section .content{margin: 0px; margin-bottom: 20px; line-height: 30px;}
.longStats .lowerContent section .content p{max-width: 500px;}
.longStats .lowerContent section .btn{margin-top: 20px; text-transform: capitalize;}
.longStats .previews{margin-top: 70px;}
.longStats .longStatPreview{padding: 10px; box-sizing: border-box;}
.longStats .longStatPreview:hover{cursor: pointer;}
.longStats section.longStatPreview .title{color: #fff; margin: 0px; font-size: 16px; line-height: 16px; margin-bottom: 10px;}
.longStats section.longStatPreview .imageWrap{position: relative; box-sizing: border-box; width: 200px; height: 200px;
-webkit-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px -1px rgba(0,0,0,0.75);
}
.longStats section.longStatPreview .imageWrap img{width: 100%;}
.longStats section.longStatPreview .imageWrap .previewActionOverview{display: flex; vertical-align: middle; padding: 0 10px; height: 28px; width: 100%; position: absolute; bottom: 0px; left: 0px; box-sizing: border-box;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0653af+0,1a2a9d+100 */
background: rgba(6,83,175,.7); /* Old browsers */
background: -moz-linear-gradient(left, rgba(6,83,175,.7) 0%, rgba(26,42,157,.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(6,83,175,.7) 0%,rgba(26,42,157,.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(6,83,175,.7) 0%,rgba(26,42,157,.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0653af', endColorstr='#1a2a9d',GradientType=1 ); /* IE6-9 */
}
.longStats section.longStatPreview .imageWrap .previewActionOverview img{width: 18px; height: 32px; display: inline-block; position: relative; margin: 0px}
.longStats section.longStatPreview .imageWrap .previewActionOverview p{margin: 0px; display: inline-block; margin-left: 5px; text-transform: uppercase; font-size: 16px; color: #00a3da;}
.longStats .statBottomBanner{text-align: center; background: #061376; display: flex; justify-content: center; align-items: center; padding: 20px; max-width: 1200px; position: absolute; left: 0px; right: 0px; margin: auto; width: 100%;}
.longStats .statBottomBanner img{height: 40px; margin-right: 10px;}
.longStats .statBottomBanner h1{font-weight: 500; font-size: 40px; color: white; margin-right: 10px;}
.longStats .statBottomBanner p{color: #1fd8d8; font-size: 30px; font-weight: 100;}
/* Screenings */
.screenings{background: #061376;}
.screenings section > .title{color: #1fd8d8; text-align: center; font-weight: 100; margin-bottom: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.screenings section > .title div{margin-bottom: 20px;}
.screenings section > .title a{height: 15px; line-height: 15px; margin-left: 60px; margin-bottom: 20px;}
.screenings section .imageWrap{width: 180px; height: 100px; margin: auto;display: flex;align-items: center;}
.screenings .split{align-items: flex-start; max-width: 1200px; margin: auto;}
.screenings .split > section{align-items: center;}
.screenings .split > section:first-of-type{width: 40%;}
.screenings .split > section:last-of-type{width: 60%;}
.screenings .purchaseResource{margin-bottom: 20px;}
.screenings .purchaseResource a{display: inline-block;}
.screenings .screening{display: flex; color: white; align-items: flex-start; width: 100%;}
.screenings .screening .timeArea{padding: 0px 20px; min-width: 200px;}
.screenings .screening .time p{margin: 0px; line-height: 1.2em; font-size: 22px; font-weight: 400;}
.screenings .screening .detailsArea{padding: 0px 20px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #000462;}
.screenings .screening .detailsArea .details{font-weight: 100; line-height: 1.5em; margin-bottom: 10px;}
.screenings .screening .detailsArea a{display: inline-block; color: #1fd8d8; text-transform: uppercase; font-weight: 100; background: unset; -webkit-text-fill-color: unset;}
.screenings .screening .detailsArea a img{height: 14px; margin-right: 10px; position: relative; top: 2px;}
/* Filters */
.filterAreaWrap{}
.filterAreaWrap .filterArea{}
.filterAreaWrap .filterArea.top{background: #f3f3f3; display: flex; justify-content: space-between; padding: 20px; align-items: center;}
.filterAreaWrap .filterArea.bottom{display: flex; justify-content: flex-start; padding: 20px; margin-top: 15px;}
.filterAreaWrap .filterArea .categoryOptions{text-align: left; padding: 25px 0px; flex-grow: 1}
.filterAreaWrap .filterArea .categoryOptions a{color: #020c42; font-size: 18px; font-weight: 500; text-transform: uppercase; display: inline-block; padding: 10px 20px; border-right: 2px solid #dadeff; position: relative; margin-bottom: 25px !important;}
.filterAreaWrap .filterArea .categoryOptions a.active:after{content: ''; display: inline-block; height: 8px; width: 100%; position: absolute; left: 0px; bottom: -30px; border-radius: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3fb4+0,0ac1d1+100 */
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
.filterResultsArea{margin-bottom: 100px; padding-top: 0px !important; padding-left: 0px !important; padding-right: 0px !important;}
.filterAreaWrap > .filterArea, .filterResultsArea > .split{padding-left: 10% !important; padding-right: 10% !important;}
.filterResultsArea > .split{box-sizing: border-box;}
.filterAreaWrap .filterArea{padding-top: 0px !important; padding-bottom: 0px !important;}
.filterAreaWrap .filterArea .categoryOptions{padding-bottom: 5px !important;}
.filterAreaWrap .filterArea .searchWrap{display: inline-block; flex-grow: 1;}
.filterAreaWrap .filterArea .searchWrap a{color: #020c42;}
.filterAreaWrap .filterArea .searchWrap a p{font-size: 16px; font-weight: 400;}
.filterAreaWrap .filterArea .searchWrap .searchInputWrap input{border: none; position: relative; right: 30px;}
.filterAreaWrap .filterArea .searchWrap .searchInputWrap img{right: 6px; height: 16px; bottom: 2px;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle{display: inline-block; text-align: center; padding: 10px 20px; text-align: center; border: 1px solid rgba(10,26,170,0); margin-right: 20px; border-radius: 5px; position: relative;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle:hover{cursor: pointer;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle .title{color: #0a1aaa; display: inline-block; margin: 0px; font-weight: 400;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle .count{display: none; margin: 0px; margin-left: 10px; background-color: #0a1aaa; color: white; border-radius: 30px; min-width: 35px;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle .count.show{display: inline-block;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle img{margin-left: 10px; width: 13px; height: 10px; display: inline-block;}
.filterAreaWrap .filterArea .filterOptionDropdownToggle img.down{transform: rotate(180deg);}
.filterAreaWrap .filterArea .filterOptionDropdown{display: none; position: absolute; background: #ecedff; padding: 20px; border-radius: 3px; border: 3px solid #dadeff; z-index: 10; left: 0px; top: 100%; max-height: 200px; overflow: auto;}
.filterAreaWrap .filterArea .filterOptionDropdown.show{display: inline-block;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container{display: flex; align-items: center; margin-bottom: 10px;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container:hover{cursor: pointer;}
.filterAreaWrap .filterArea .filterOptionDropdown .optionTitle{margin: 0px; text-align: left; line-height: 18px; white-space: nowrap;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container input{position: absolute; opacity: 0; cursor: pointer;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container .checkbox{}
.filterAreaWrap .filterArea .filterOptionDropdown label.container input:checked ~ .checkmark{background: #0a1aaa; position: relative;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container input:checked ~ .checkmark:after{content: url('../images/check-box-selected.png'); width: 15px; height: 15px; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: auto; position: absolute;}
.filterAreaWrap .filterArea .filterOptionDropdown label.container .checkmark{display: inline-block; height: 25px; width: 25px; background: white; margin-right: 10px; border: 2px solid #dadeff;}
.filterAreaWrap .filterArea .filterOptionDropdown .formActions{display: flex; justify-content: space-between; align-items: center; margin-top: 20px;}
.filterAreaWrap .filterArea .filterOptionDropdown .formActions a{color: #6f7bff; font-weight: 500; font-size: 16px;}
.filterAreaWrap .filterArea .filterOptionDropdown .formActions a:first-of-type{color: rgba(111,123,255,.5);}
.filterAreaWrap input[type="search"]{opacity: 0;}
.filterAreaWrap input[type="search"].show{opacity: 1;}
.filterAreaWrap form[role="search"]:hover input[type="search"]{opacity: 1;}
.filterResultsArea .split{background: transparent; padding: 10px;}
.filterResultsArea .split.blur .post{opacity: .3; filter: blur(4px);}
.filterResultsArea.filtering .split{background: #edeefd;}
.filterResultsArea.filtering .filterAreaWrap .filterArea .filterOptionDropdownToggle{border: 1px solid rgba(10,26,170,.1);}
.filterResultsArea.filtering .filterAreaWrap .filterArea.bottom{background-color: #edeefd;}
.filterAreaWrap .filterArea.top{flex-wrap: wrap;}
.filterAreaWrap .filterArea .categoryOptions a{margin-bottom: 15px;}
.filterAreaWrap .filterArea .searchWrap{ text-align: right; padding-left: 45px;}
.filterResultsArea .notice{text-align: center; margin-top: 40px;margin-bottom: 40px; font-size: 30px; color: #ccc; width: 100%;}
/* Title Section */
.titleSection{text-align: center; padding: 50px 30px;}
.titleSection h1{font-size: 50px; font-weight: 200; margin-top: 10px;}
.titleSection .details{max-width: 1000px; font-size: 20px; margin: auto; line-height: 30px;}
.titleSection .details p:last-of-type{margin-bottom: 0px;margin-top: 0px;}
#amazonsmile{padding-top: 0; padding-bottom: 0;}
#amazonsmile + div.field {padding-top: 0;}
/* Blog Post */
.blog-post .titleArea{text-align: center; margin: 50px 0px 100px 0px;}
.blog-post .titleArea .title{margin-bottom: 20px;}
.blog-post .postImage{background-repeat: no-repeat; background-position: center; background-size: cover; float: left; margin-right: 25px; height: auto; max-width: 500px; }
.blog-post .content{margin-top: 50px;}
.blog-post .content p{font-size: 22px; font-weight: 400; margin-top: 80px; line-height: 1.5em;}
.blog-post .blogNavigation{margin-top: 50px; flex-wrap: wrap;}
.blog-post .blogNavigation .screen-reader-text{display: none;}
.blog-post .blogNavigation .navigation{text-align: center; width: 100%;}
.blog-post .blogNavigation .navigation .nav-links{display: flex; flex-wrap: wrap; justify-content: center; margin: auto;}
.blog-post .blogNavigation .navigation .nav-links > div:first-of-type a {margin: 0px 15px;}
.blog-post .blogNavigation .navigation .nav-links > div:last-of-type a { margin: 0px 15px; }
.blog-post .blogNavigation .navigation .nav-links a, .blog-post .blogNavigation .all a{ color: white; padding: 10px 20px; border-radius: 30px;
background: rgb(26,63,180);
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%);
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 );
}
.blog-post .blogNavigation .navigation .nav-links a:hover, .blog-post .blogNavigation .all a:hover{background: #8ec7a6;}
.blog-post .blogNavigation .all{margin-top: 60px; text-align: center; width: 100%;}
.blog-post .blogNavigation .social{margin-top: 50px; text-align: center;}
.blog-post.campaigns .postDate.h3, .blog-post.events .postDate.h3, .blog-post.education-and-outreach .postDate.h3 { display: none; }
/* Highlighted Campaign */
.highlighted-campaign{}
.highlighted-campaign .textArea{padding: 30px; box-sizing: border-box; width: 550px; min-height: 400px;}
.highlighted-campaign .imageArea{flex: 1 0 auto; background-repeat: no-repeat; background-size: cover; background-position: center;}
/* Sub Navigation */
.subnav{background: #1fd8d8; width: 100%; text-align: center;}
.subnav a{padding: 10px 15px; display: inline-block; color: #061376; text-transform: uppercase;}
.subnav a.active, .subnav a:hover{background: #061376; color: white;}
/* Mailchimp Form */
.mc4wp-response{color: white; text-align: center;}
/* Field */
.field{padding-left: 10%; padding-right: 10%; padding-top: 65px; padding-bottom: 65px;}
/* Forms */
form input{border-radius: 3px; padding: 8px 10px; padding-right: 40px;}
.searchInputWrap{position: relative; display: inline-block;}
.searchInputWrap input{border-radius: 30px;}
.searchInputWrap .searchIcon{position: absolute; top: 0px; right: 15px; bottom: 0px; margin-top: auto; margin-bottom: auto;}
/* Search Form */
.searchWrap{display: inline-block;}
.searchWrap form{display: inline-flex; align-items: center;}
.searchWrap form a{display: inline-block; color: white;}
.searchWrap form a:hover{color: white;}
.searchWrap form p{display: inline-block; margin: 0px;}
/* Footer Sign Up Form */
#mc4wp-form-1, .mc4wp-form {padding: 50px; background: #0a1aaa;}
#mc4wp-form-1 .mc4wp-form-fields, .mc4wp-form .mc4wp-form-fields {display: flex; align-items: flex-end; max-width: 1100px; margin: auto;}
#mc4wp-form-1 .mc4wp-form-fields > p:first-of-type, .mc4wp-form .mc4wp-form-fields > p:first-of-type {flex-grow: 1; display: flex; flex-wrap: wrap;}
#mc4wp-form-1 .mc4wp-form-fields > p label, .mc4wp-form .mc4wp-form-fields > p label {color: white; font-weight: 100; font-size: 27px; width: 100%; margin-bottom: 10px; padding-left: 18px;}
#mc4wp-form-1 .mc4wp-form-fields input[type="email"], #mc4wp-form-1 .mc4wp-form-fields input[type="text"],
.mc4wp-form .mc4wp-form-fields input[type="email"], .mc4wp-form .mc4wp-form-fields input[type="text"]{width: calc(100% * (1/2) - 40px); margin-right: 20px; border-radius: 30px; border-width: 0px; line-height: 16px; height: 43px; background-color: #4752cd; color: white; padding-left: 20px; font-size: 16px; padding-top: 0px; padding-bottom: 0px; -webkit-appearance: none; box-sizing: border-box;}
#mc4wp-form-1 .mc4wp-form-fields input[type="email"]::placeholder, #mc4wp-form-1 .mc4wp-form-fields input[type="text"]::placeholder,
.mc4wp-form .mc4wp-form-fields input[type="email"]::placeholder, .mc4wp-form .mc4wp-form-fields input[type="text"]::placeholder {color: #061376; opacity: 1; font-weight: 600; font-size: 16px; line-height: 16px;}
#mc4wp-form-1 .mc4wp-form-fields input[type="submit"], .mc4wp-form .mc4wp-form-fields input[type="submit"]{padding: 14px 45px; padding-top: 12px; color: white;
height: 43px;
line-height: 0px;
border-radius: 30px;
padding-top: 15px;
font-size: 16px;
min-width: 80px;
margin: 0px;
font-weight: 600;
text-transform: capitalize;
display: inline-block;
border-width: 0px;
background: rgb(26,63,180);
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%);
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 );
}
#mc4wp-form-1 .mc4wp-form-fields input[type="submit"]:hover, .mc4wp-form .mc4wp-form-fields input[type="submit"]:hover {background: #8ec7a6; cursor: pointer;}
.hero.video {
height: calc(100vh - 400px);
}
#custom-donate-form.field {
padding: 0px;
}
#custom-donate-form .fr_funraise.fr_form {
margin-left: 10%;
}
#custom-donate-form > div {
background-attachment: fixed;
}
.home-newsletter .mc4wp-form {
padding: 0px 50px;
}
.footer-newsletter .mc4wp-form {
padding: 0px 50px;
}
#primaryHeader a.btn {
background: #fdad02;
}
#primaryHeader a.btn:hover {
background: #ED7B0B;
}
.opt-in-form {
display: flex;
justify-content: space-between;
}
.opt-in-form.left {
flex-flow: row-reverse;
}
.opt-in-form .col {
width: 50%;
}
.opt-in-form .col.image-content {
height: auto;
background-size: cover;
min-height: 500px;
background-position: center;
}
@media all and (max-width: 960px){
.opt-in-form {
flex-wrap: wrap;
}
.opt-in-form .col {
width: 100%;
}
}
.opt-in-form .col.text-content {
background: #0a1aaa;
color: white;
font-family: 'Rubik', sans-serif;
padding: 50px;
font-size: 24px;
font-weight: 100;
}
.opt-in-form .col.text-content h2 {
font-size: 40px;
font-weight: 100;
}
.opt-in-form .col.text-content form.mc4wp-form, .opt-in-form .col.text-content form.mc4wp-form#mc4wp-form1 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.opt-in-form .col.text-content .mc4wp-form p > label {
display: none;
}
.opt-in-form form.mc4wp-form .mc4wp-form-fields {
display: block !important;
}
/* Flex */
.split{ display: flex;flex-wrap: wrap;}
.split section{box-sizing: border-box;}
.flex-v-center{ display: flex; align-items: center;}
.flex-col-center{display: flex; justify-content: center; flex-direction: column;}
.flex-v-bottom{ display: flex; align-items: flex-end;}
.wrap{flex-wrap: wrap;}
.inline-flex{display: inline-flex;}
.split .half{width: 50%;}
.split .third{width: calc(100% * (1/3) - 10px);}
.split .fourth {width: calc(100% * (1/4) - 10px);}
.self-end{align-self: flex-end;}
.split-2 section{width: 50%;}
.split-2-1 section:first-of-type{width: calc(100% * (2/3));}
.split-2-1 section:last-of-type{width: calc(100% * (1/3));}
.split-1-2 section:last-of-type{width: calc(100% * (2/3));}
.split-1-2 section:first-of-type{width: calc(100% * (1/3));}
/* Button */
.btn{border-radius: 30px; margin: 0 6px; padding: 15px; font-size: 16px; font-weight: 500; text-transform: uppercase; display: inline-block; text-align: center; min-width: 80px;}
.btn-primary{
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3fb4+0,0ac1d1+100 */
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
.btn-primary:hover{
background: #8ec7a6;
}
/* Utility */
.underline{text-decoration: underline;}
.tagline:before, .tagline.bottom:after, #primaryFooter .footerBottom .footerBottomWidget h1:before{content: ''; display: block; height: 3px; margin-bottom: 25px; width: 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3fb4+0,0ac1d1+100 */
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
.tagline.bottom:after{margin-bottom: 0px; margin-top: 30px;}
.tagline.bottom:before{display: none;}
.mobile{display: none;}
.auto-left{margin-left: auto;}
/* Border After */
.borderAfter{position: relative;}
.borderAfter:after{ content: ''; width: 100%; display: block; height: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 1;
background: rgb(26,63,180);
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%);
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 );
}
/* Woocommerce */
.woocommerce .page-title{display: none;}
.woocommerce .woocommerce-result-count{width: 100%; text-align: center; color: #757575; margin-bottom: 0px;}
.woocommerce .woocommerce-ordering select{padding: 10px; border-radius: 3px; border-color: #cfcfcf;}
.woocommerce ul.products li.product a img{margin-bottom: 0px;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{border: 1px solid #e2e2e1; padding: 15px 10px;text-align: center;text-transform: uppercase;font-size: 16px;color: #4ac7f1; font-weight: 500;}
.woocommerce ul.products li.product .priceWrap{padding: 15px 10px; border: 1px solid #e2e2e1; border-top-width: 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.woocommerce ul.products li.product .priceWrap .shortDescription{margin-right: 10px; color: black; margin: 10px 0px; font-weight: 400; font-size: 16px; line-height: 15px; margin-bottom: 10px;}
.woocommerce ul.products li.product .priceWrap .price{font-weight: 500; display: flex; padding: 10px 0px; line-height: 15px;}
.woocommerce ul.products li.product .priceWrap .price .regular{}
.woocommerce ul.products li.product .priceWrap .price .sale{}
.woocommerce ul.products li.product .button{background-color: #4ac7f1;color: white;font-weight: 500; margin-left: 10px; margin-bottom: 10px; margin-top: 10px;}
.woocommerce-page ul.products li.product:hover{-webkit-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.15);box-shadow: 0px 5px 24px 0px rgba(0,0,0,0.15);}
.woocommerce-page ul.products li.product{transition: all .5s;}
.woocommerce ul.products li.product .star-rating{display: none;}
.woocommerce nav.woocommerce-pagination ul{border: none;}
.woocommerce nav.woocommerce-pagination ul li{border: none;}
.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current{border-radius: 30px; background: #4ac7f1; color: white;}
.woocommerce nav.woocommerce-pagination ul li a{color: grey;}
.woocommerce ul.products li.product .priceWrap{padding-bottom: 10px;}
.woocommerce ul.products li.product .priceWrap .shortDescription{font-size: 16px; margin-bottom: 5px;}
.woocommerce ul.products li.product .priceWrap .price{margin-bottom: 5px;}
.woocommerce ul.products li.product .priceWrap .price.sale{}
.woocommerce ul.products li.product .priceWrap .price.sale .regular{margin-right: 10px; text-decoration: line-through; color: grey;}
.woocommerce ul.products li.product .priceWrap .price .regular{color: black;}
.woocommerce ul.products li.product .priceWrap .price .salePrice{}
.woocommerce.single-product .backButton{text-transform: uppercase; color: #4ac7f1; font-size: 16px;}
.woocommerce.single-product div.product{margin-top: 30px;}
.woocommerce.single-product div.product .product_title{font-weight: 500; text-transform: uppercase;}
.woocommerce.single-product .subtitle{color: #4ac7f1; font-weight: 100; border-bottom: 1px solid black; padding-bottom: 10px;}
.woocommerce.single-product div.product p.price{color: black; font-size: 16px; font-weight: 100;}
.woocommerce.single-product div.product p.price ins{text-decoration: none;}
.woocommerce.single-product div.product p.price ins span{font-weight: 500; text-decoration: none;}
.woocommerce div.product form .variations tbody{display: flex; flex-wrap: wrap; justify-content: space-between;}
.woocommerce div.product form .variations tbody > tr{width: calc(50% - 20px); display: flex; flex-wrap: wrap;}
.woocommerce div.product form .variations tbody > tr .label{width: 100%;}
.woocommerce div.product form.cart .reset_variations {display: none !important;}
.woocommerce div.product form.cart .variations td.label{height: 16px; line-height: 16px; font-weight: 100;}
.woocommerce div.product form.cart .variations .label{margin-bottom: 5px;}
.woocommerce div.product form.cart .variations label{font-weight: 100; text-transform: capitalize;}
.woocommerce div.product form.cart .variations .value{background: #f8f8f8;border: 1px solid #e2e2e2;}
.woocommerce div.product form.cart .variations select{padding: 15px 10px;border-width: 0px; color: #4ec7f0;font-size: 16px; margin: 0px; width: 100%; padding-right: 60px; width: 100%; background: transparent; z-index: 2; cursor: pointer;}
.woocommerce div.product form.cart .variations select::-ms-expand{display: none;}
.woocommerce div.product form.cart .variations select{-webkit-appearance: none;-moz-appearance: none;}
.woocommerce div.product form.cart .variations .value:after{content: '\25C2'; background: #4ac7f1; width: 50px; line-height: 50px; text-align: center;color: white; font-size: 20px; transform: rotate(270deg); position: absolute; right: 0px; cursor: pointer; top: 0px;}
.woocommerce div.product form.cart .variations .value{display: inline-flex; width: 100%; position: relative;}
.woocommerce .quantity .qty{border: 1px solid #e2e2e2; padding: 15px 10px; width: 200px; text-align: left;}
.woocommerce div.product form.cart .button{height: 47px; text-transform: uppercase; font-weight: 100; font-size: 16px; background-color: #4ac7f1; opacity: 1;}
.woocommerce div.product form.cart .button:hover{background-color: #4ac7f1;}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){width: 8%; margin-top: 5px;margin-bottom: 5px;margin-right: 5px;}
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary{margin-bottom: 50px;}
.woocommerce .quantity .qty{margin-bottom: 15px;}
.woocommerce-cart table.cart th{font-weight: 100; font-size: 16px;}
.woocommerce-cart table.cart .product-thumbnail{width: 130px;}
.woocommerce-cart table.cart .product-thumbnail a{height: 100px;display: inline-block;width: 100px;position: relative;}
.woocommerce-cart table.cart .product-thumbnail a img{max-height: 100%;max-width: 100%;position: absolute;bottom: 0px;top: 0px;left: 0px;right: 0px;margin: auto;width: auto;height: auto;}
.woocommerce-cart table.cart td.product-name a{color: #6495ed; font-size: 18px;}
.woocommerce-cart table.cart td.actions .coupon .input-text{width: 200px; line-height: 24px;}
.woocommerce-cart .wc-proceed-to-checkout{text-align: right;}
.woocommerce-cart .wc-proceed-to-checkout a{background: black !important;text-transform: uppercase !important;font-size: 16px !important;font-weight: 400 !important;padding: 20px !important;display: inline-block !important;}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width: 300px;}
.woocommerce table.shop_table tbody:first-child tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals tr th{font-weight: 500;}
.cart_totals h2{font-weight: 500;}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {width: 46%; white-space: nowrap;}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {padding: 0;}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin-bottom: 10px;}
.woocommerce-account .woocommerce-MyAccount-navigation a{color: #4ac7f1; }
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{color: #6495ed;}
.woocommerce-MyAccount-content > p:first-of-type{margin-top: 0px;}
.woocommerce-account input{border: 1px solid lightgrey; padding: 10px; line-height: 20px;}
.woocommerce-account .pageContent a{color: #08d6d6; }
.woocommerce-account .pageContent a:hover{color: #6495ed;}
.woocommerce-account form .form-row select{padding: 10px; border-radius: 3px; border: 1px solid lightgrey;}
.woocommerce-MyAccount-content h3{font-weight: 500;}
.woocommerce-account .woocommerce h2{font-weight: 500;}
.woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd p{line-height: 35px;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{border: 1px solid lightgrey;}
.woocommerce h3{font-weight: 400;}
.woocommerce .select2-container--default .select2-selection--single{border: 1px solid lightgrey; height: 35px;}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{height: 100%; line-height: 35px;}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{background: black; font-weight: 100; text-transform: uppercase; padding: 20px;}
.woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text{border-radius: 3px;}
.woocommerce-page ul.products li.product .button{display: none;}
/* Animation */
.longStats .statBottomBanner{opacity: 0; bottom: -170px; transition: bottom 1s, opacity .5s;}
.longStats .statBottomBanner.animate{bottom: -70px; opacity: 1;}
.longStats > .intro{position: relative; top: 100px; opacity: 0; transition: top 1s, opacity .5s;}
.longStats > .intro.animate{top: 0px; opacity: 1;}
/* Donation Button */
.page-id-19 .markup{margin: 40px auto; text-align: center;}
#donateModal-6cee756c344{width: 100%;}
/* Last Minute Fixes - Very specific */
.blog .highlighted-campaign .details p{line-height: 30px;}
.blog-post .content p {font-size: 17px;font-weight: 100;margin-top: 0px;line-height: 30px;}
.blog-post .titleArea .title{font-weight: 100;font-size: 50px;line-height: 1.1em; font-family: 'Rubik', sans-serif;}
/* Screening licence ninja form */
.nf-field-element {
position: relative;
display: flex
}
.nf-field-element label {
float: left;
line-height: 50px!important;
padding-right: 10px
}
.listselect-wrap {
width: 100%
}
/* Videos Block */
.videos-block {
display: flex;
justify-content: center;
align-items: center;
}
.video-block {
min-height: 300px;
min-width: 33%;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}
.video-block button {
background: transparent;
border: 2px solid #fff;
width: 70px;
height: 70px;
border-radius: 100%;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.video-block button:hover {
background: #fff;
color: #000;
}
.videos-block .video-wrapper {
position: fixed;
top: 25%;
left: 25%;
z-index: 9999;
height: 50%;
width: 50%;
}
.videos-block .video-wrapper.hide, .modal-back.hide {
display: none;
}
.modal-back {
background: #061376;
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
top: 0;
left: 0;
opacity: .8;
}
/* Campaigns Block */
.campaigns-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.campaigns-block .block {
width: calc(100% * (1/4) - 10px);
text-align: center;
padding: 0px 10px;
box-sizing: border-box;
}
.campaigns-block .imageWrap {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
height: 400px;
width: 100%;
display: inline-block;
text-align: left;
}
.campaigns-block .bottomContent {
text-align: left;
background: #e7e8f0;
color: #09146b;
padding: 20px;
display: inline-block;
position: relative;
bottom: 40px;
width: 100%;
box-sizing: border-box;
height: 150px;
}
@media all and (max-width: 1000px){
.campaigns-block .block {
width: 50%;
}
}
@media all and (max-width: 640px){
.campaigns-block .block {
width: 100%;
}
}
/* Download Form Styling */
.nform_hidden_file_download, .nform_hidden_file_name {
display: none;
}
.file-download-btn, .featured-items .contentWrap a.file-download-btn {
font-size: 16px;
cursor: pointer;
font-weight: 700;
text-align: left;
padding: 0;
text-transform: capitalize;
background: none;
border: none;
color: #0099d5;
}
.file-download-btn.btn, .featured-items .contentWrap .file-download-btn.btn {border-radius: 30px; margin: 0 6px; padding: 15px; font-size: 16px; font-weight: 500; text-transform: uppercase; display: inline-block; text-align: center; min-width: 80px;}
.file-download-btn.btn-primary, .featured-items .contentWrap .file-download-btn.btn-primary {
color: white;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a3fb4+0,0ac1d1+100 */
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
.file-download-btn.btn-primary:hover{
background: #8ec7a6;
}
.modal-close-btn {
border-radius: 50%;
width: 48px;
height: 48px;
border: 1px solid #fff;
background: #061376;
color: #fff;
font-size: 24px;
position: absolute;
top: -20px;
right: -20px;
padding: 0px;
line-height: 48px;
}
.file-modal-back {
background-color: #333;
opacity: .6;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
overflow: hidden;
z-index: 999;
}
.file-modal {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow-y: scroll;
z-index: 9999;
}
.file-modal .nf-response-msg {
padding: 40px;
}
.file-form-holder {
background: #fff;
padding: 20px 0px;
text-align: center;
position: relative;
display: flex;
max-height: 100%;
}
.file-form-holder > .nf-form-cont {
max-height: 100%;
overflow: auto;
}
.file-modal-back.hide, .file-modal.hide { display: none; }
@media(max-width: 640px){
.modal-close-btn {
top: 0px;
right: 0px;
}
.file-modal {
top: 20px;
}
.file-form-holder {
margin-top: 80px;
padding-top: 60px;
}
.file-form-holder > .nf-form-cont {
padding-left: 20px;
padding-right: 20px;
}
}
/* End Download Form Styling */
/* IE Fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.split-content .link, .link{color: #08d6d6 !important; background: transparent;}
.split-content .link:hover, .link:hover{background: transparent; color: white !important;}
.featured-items .contentWrap .link{background: transparent !important;}
.featured-items .contentWrap .link:hover{color: #08d6d6 !important;}
#mc4wp-form-1 .mc4wp-form-fields input[type='email'], .mc4wp-form .mc4wp-form-fields input[type='email']{line-height: 0px !important; height: 30px;}
}
/* Media Queries */
@media(max-width: 1700px){
/* Grid Items */
.gridItems .profile{width: calc(100% * (1/3));}
}
@media(max-width: 1650px){
/* Long Stats */
/*.longStats .intro{margin-top: 100px; margin-bottom: 100px;}*/
.longStats .lowerContent{margin-bottom: 100px;}
.longStats .lowerContent.bannered{margin-top: 130px; margin-bottom: 200px;}
}
@media(max-width: 1600px){
/* Mega Menu */
/*#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{margin-left: 100px !important;}*/
}
@media(max-width: 1500px){
/* Global */
.h1, .h1.title, .h1 p{font-size: 40px;}
.h2, .h2.title, .h2 p{font-size: 35px; line-height: 1em;}
.h3, .h3.title, .h3 p{font-size: 23px; line-height: 1.1em;}
.caption-banner > .title{font-size: 30px !important;}
/* Hero */
/*.hero{min-height: 70vh;}*/
.hero .split section:not(.auto-left){width: 100%;}
.hero .split section{padding: 7%;}
/* Split Content */
/*.split-content .title:not(.small){font-size: 40px;}*/
/* Field */
.field{padding-left: 7%; padding-right: 7%;}
/* Filter Area */
.filterAreaWrap > .filterArea, .filterResultsArea > .split{padding-left: 7% !important; padding-right: 7% !important;}
/* Simple Split Content */
.split-content.v-padding{padding-top: 150px; padding-bottom: 150px;}
.split-content.headRoom{padding-top: 250px;}
/* Post Feed */
.featured-items .imageWrap{height: 350px;}
/*.featured-items .contentWrap{max-width: 280px;}*/
/*.featured-items .social .contentWrap{max-width: 230px;}*/
/* Long Stats */
.longStats .topStats section .details:after{height: 100px;}
.longStats .intro a:before{top: 15px; height: 40%;}
.longStats .lowerContent > section > .title{font-size: 40px; line-height: 50px;}
/* Awards */
.awards .award{padding: 0px 30px;}
/* Supporters */
.supporter{padding: 0px 30px;}
}
@media(max-width: 1450px){
/* Long Stats */
.longStats .intro{margin-bottom: 70px; margin-top: 70px;}
}
@media(max-width: 1400px){
/* Splash */
.splash > .imageWrap{top: 50px;}
#primaryFooter .footerNav .copyright{text-align: left;}
}
@media(max-width: 1300px){
#mega-menu-headerNav > li > ul.show{padding: 50px !important;}
#mega-menu-headerNav > li > ul >li > ul{padding: 50px !important; padding-left: 0px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{margin-left: 0px !important;}
}
@media(max-width: 1250px){
/* Footer */
#primaryFooter .footerBottom .footerBottomWidget, #primaryFooter .footerBottom .footerBottomWidget:last-of-type{width: calc(100% * (1/4));}
/* Field */
.field{padding-left: 5%; padding-right: 5%;}
/* Filter Area */
.filterAreaWrap > .filterArea, .filterResultsArea > .split{padding-left: 5% !important; padding-right: 5% !important;}
/* Post Feed */
.featured-items .imageWrap{height: 300px;}
/* Long Stats */
.longStats .intro{margin-top: 75px; margin-bottom: 50px;}
.longStats .statBottomBanner{max-width: 800px; flex-wrap: wrap;}
.longStats .statBottomBanner h1{margin: 0px;}
.longStats .statBottomBanner p{width: 100%; margin: 0px; margin-top: 20px;}
/* Caption Banner */
.caption-banner .caption{border-width: 0px;}
}
@media(max-width: 1200px){
/* Global */
p{font-size: 16px;}
/* Hero */
.hero .split section.auto-left{width: 60%;}
/* Simple Split Content */
.split-content.v-padding{padding-top: 75px; padding-bottom: 75px;}
.split-content.headRoom{padding-top: 150px;}
/* Topic */
.topic .imageSection{width: 60%;}
.topic .overviewSection{width: 40%;}
/* Stat Banner */
.statBanner .stat{padding: 0px 70px;}
/* Caption Banner */
.caption-banner .caption{width: calc(100% * (1/2));}
/* Blog Post */
.blog-post .titleArea{text-align: center; margin: 25px 0px 75px 0px;}
.blog-post .postImage{height: 400px;}
/* Highlighted Campaign */
.highlighted-campaign .textArea{width: 450px;}
.primaryMenu{padding: 0px 10px;}
.primaryMenu.open, .primaryMenu > .options, .primaryMenu .pages{padding: 10px;}
.woocommerce .products ul, .woocommerce ul.products{display: flex; flex-wrap: wrap; justify-content: space-between;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{margin: 0px; width: 47%; margin-bottom: 50px;}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{display: none;}
}
@media(max-width: 1150px){
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-megamenu > ul.mega-sub-menu{padding: 10px !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{padding: 20px 10px !important; width: 85% !important; left: 15% !important;}
/* Grid Items */
.gridItems .profile{width: calc(100% * (1/2));}
}
@media(max-width: 1100px){
/* Mega Menu */
#mega-menu-headerNav > li > ul.show{padding: 50px 10px !important;}
#mega-menu-headerNav > li > ul >li > ul{padding: 50px !important; padding-left: 0px !important; left: 15% !important;}
#mega-menu-wrap-headerNav #mega-menu-headerNav > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link{margin-left: 0px !important;}
/* Topic */
.topic.reverseMobile section:first-of-type{order: 1;}
.topic .imageSection{width: 100%; margin: auto; margin-bottom: 40px;}
.topic .overviewSection{width: 100%; padding: 20px !important;}
}
@media(max-width: 1050px){
/* Header Menu */
#mega-menu-wrap-headerNavMobile{display: block !important;}
#mega-menu-wrap-headerNav{display: none !important;}
#mega-menu-wrap-headerNavMobile #mega-menu-headerNavMobile > li.mega-menu-item > a.mega-menu-link:focus{padding-left: 0px !important;}
/* Awards */
.awards .award{padding: 0px 20px;}
/* Supporters */
.supporter{padding: 0px 20px;}
.primaryMenu{display: none;}
.mobileMenu{display: inline-block;}
.cards-box-grid-layout .cards-box-grid-layout-wrapper .row{
display: flex;
flex-direction: column;
}
.cards-box-grid-layout .cards-box-grid-layout-wrapper{
flex-direction: column;
}
}
@media(max-width: 1000px){
/* Post Feed */
.featured-items .imageWrap{height: 250px;}
/*.featured-items .contentWrap{max-width: 220px;}*/
/*.featured-items .social .contentWrap{max-width: 180px;}*/
/* Long Stats */
.longStats .lowerContent > section{width: 60%;}
/*.longStats .lowerContent{margin-bottom: 100px;}*/
.longStats .intro p{margin: 0px;}
/*.longStats .intro{margin-top: 20px; margin-bottom: 20px;}*/
.longStats .lowerContent section .title{margin-top: 0px;}
/* Stat Banner */
.statBanner{justify-content: space-between;}
.statBanner .stat{padding: 0px 50px;}
.statBanner .stat:after{display: none;}
/* Screenings */
.screenings .split > section{flex-direction: row; flex-wrap: wrap; margin-bottom: 40px; width: 100% !important;}
.screenings section > .title{width: 100%;}
/* Filter Area */
.filterAreaWrap .filterArea .categoryOptions, .filterAreaWrap .filterArea .searchWrap{width: 100%; text-align: center;}
.filterAreaWrap .filterArea .searchWrap{margin: 20px 0px;}
.filterAreaWrap .filterArea .categoryOptions a.active:after{bottom: -10px;}
.filterAreaWrap .filterArea .categoryOptions a{border-width: 0px;}
/* Hero */
.hero.quote .split section{text-align: center;}
/* Footer */
#primaryFooter .footerBottom .footerBottomWidget{width: calc(100% * (1/3));}
#primaryFooter .footerBottom .footerBottomWidget:last-of-type{display: none;}
}
@media(max-width: 950px){
/* Flex */
.split-2-1 section:first-of-type{width: 50%;}
.split-2-1 section:last-of-type{width: 50%;}
.split-1-2 section:last-of-type{width: 50%;}
.split-1-2 section:first-of-type{width: 50%;}
/* Header */
#primaryHeader .searchWrap{display: none;}
}
@media(max-width: 900px){
/* Hero */
.hero .split section.auto-left{width: 100%;}
.hero.quote .split{padding: 0px 0px;}
/* Featured Items */
.featured-items .contentWrap, .featured-items .imageWrap .icon{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#010454+0,070d87+100 */
/*background: rgb(1,4,84); /* Old browsers *
background: -moz-linear-gradient(left, rgba(1,4,84,1) 0%, rgba(7,13,135,1) 100%); /* FF3.6-15 *
background: -webkit-linear-gradient(left, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to right, rgba(1,4,84,1) 0%,rgba(7,13,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010454', endColorstr='#070d87',GradientType=1 ); /* IE6-9 */
}
.featured-items .post{width: 100%; padding: 0px; margin-bottom: 20px;}
.featured-items .split{width: 100%; max-width: 400px; margin: auto;}
.featured-items .imageWrap{height: 350px;}
/*.featured-items .contentWrap{max-width: 300px;}*/
/*.featured-items .social .contentWrap{max-width: 230px;}*/
.featured-items .imageWrap .icon{position: relative; height: 70px; width: 70px;}
.featured-items .imageWrap .icon img{padding:0px; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; margin: auto; height: auto;}
.featured-items .ctaArea{margin-top: 0px;}
/* Split Caption */
.split-caption .half{width: 100%; text-align: center;}
.split-caption .half img{margin: auto;}
.split-content .text .title, .split-content .text .details{max-width: 100% !important;}
/* Highlighted Campaign */
.highlighted-campaign .textArea{width: 400px; min-height: 0%;}
/* Woocommerce */
.woocommerce div.product form .variations tbody > tr{width: 100%; margin-bottom: 20px;}
/* Newsletter Form */
#mc4wp-form-1 .mc4wp-form-fields, .mc4wp-form .mc4wp-form-fields {flex-wrap: wrap;}
#mc4wp-form-1 .mc4wp-form-fields > p:first-of-type, .mc4wp-form .mc4wp-form-fields > p:first-of-type {width: 100%;}
#mc4wp-form-1 .mc4wp-form-fields > p label, .mc4wp-form .mc4wp-form-fields > p label {padding-left: 0px;margin-bottom: 20px;}
#mc4wp-form-1 .mc4wp-form-fields input[type="email"], #mc4wp-form-1 .mc4wp-form-fields input[type="text"],
.mc4wp-form .mc4wp-form-fields input[type="email"], .mc4wp-form .mc4wp-form-fields input[type="text"] {width: 100%; margin-bottom: 20px; margin-right: 0px;}
#mc4wp-form-1 .mc4wp-form-fields input:last-of-type, .mc4wp-form .mc4wp-form-fields input:last-of-type{margin-bottom: 0px;}
}
@media(max-width: 850px){
/* Long Stats */
.longStats .topStats section{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-top: 0px;}
.longStats .topStats section > *{width: 100%;}
.longStats .topStats section .details{max-width: 200px; order: 1; color: #020c42; font-size: 16px;}
.longStats .topStats section .details:after{height: 3px; width: 100%; margin-top: 20px;}
.longStats .topStats section .iconWrap{padding-bottom: 5px; padding-top: 0px;}
.longStats .topStats section .value{font-size: 45px; margin-bottom: 5px; color: #020c42; font-weight: 300;}
/*.longStats .topStats section:not(:first-of-type) .value, .longStats .topStats section:not(:first-of-type) .details{color: white;}*/
.longStats .lowerContent{margin-top: 50px;}
.longStats .statBottomBanner{max-width: 600px;}
.longStats .lowerContent > section{width: 70%;}
.longStats.top{height: auto;}
.longStats .intro a:before{top: 9px;height: 70%;width: 105%;left: -2%;}
/* Stat Banner */
.statBanner .stat{padding: 0px 10px;}
}
@media(max-width: 800px){
/* Flex */
.split-2 section{width: 100%;}
/* Credits */
.credits .creditGroupWrap{
-webkit-columns: auto 2; /* Chrome, Safari, Opera */
-moz-columns: auto 2; /* Firefox */
columns: auto 2;
}
/* Highlighted Campaign */
.highlighted-campaign .textArea{width: 100%; order: 1;}
.highlighted-campaign .imageArea{width: 100%; height: 300px;}
}
@media(max-width: 768px){
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{width: 100%;}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product{width: 100%;}
.woocommerce .products ul, .woocommerce ul.products{max-width: 500px;margin-right: auto;margin-left: auto;}
/* Grid Items */
.gridItems .profile{width: 100%;}
}
@media(max-width: 700px){
/* Header */
#primaryHeader{background-color: #061376;}
#primaryHeader .menuToggle p, #primaryHeader .link{color: white;font-size:16px;}
/* Footer */
#primaryFooter .footerBottom, #primaryFooter .footerNav{background: #061376;}
#primaryFooter .footerBottom .footerBottomWidget{width: 50%;}
#primaryFooter .footerBottom .footerBottomWidget:first-of-type{width: 100%; text-align: center; padding-top: 0px;}
#primaryFooter .footerBottom .footerBottomWidget:first-of-type .color{margin-right: 5px; color: white; margin-bottom: 3px;}
#primaryFooter .footerBottom .footerBottomWidget:first-of-type p{display: inline; font-size: 18px; font-weight: 500;}
#primaryFooter .footerNav .menu li a{color: #00a3da;}
#primaryFooter .footerNav .copyright, #primaryFooter .new-copyright-section .new-copyright-text{color: #2f3ab6; line-height: unset;text-align: left;}
#primaryFooter .new-copyright-section .new-copyright-text{margin-top: 10px;}
/* Field */
.field{padding: 30px;}
/* Hero */
/*.hero{min-height: 0%; height: auto;} */
.hero{min-height: 250px; height: initial; max-height: 500px;}
.hero .split section{padding: 5%;}
.hero.short{min-height: 0px; padding: 100px 0px; height: auto;}
/* Flex */
.split-2-1 section:first-of-type{width: 100%;}
.split-2-1 section:last-of-type{width: 100%;}
.split-1-2 section:last-of-type{width: 100%;}
.split-1-2 section:first-of-type{width: 100%;}
/* Simple Split Content */
.split-content{text-align: center;}
.split-content section:first-of-type{padding-bottom: 0px;}
.split-content section:last-of-type{padding-top: 0px;}
.split-content.splash img{display: none;}
.split-content.splash img.mobile{display: inline-block;}
.split-content.stack-bg-mobile{padding-left: 0px; padding-right: 0px; padding-bottom: 0px; background-size: 100%; background-position: top;}
.split-content.stack-bg-mobile section{padding-left: 30px; padding-right: 30px; text-align: left; background: #061376;}
.split-content.stack-bg-mobile section:first-of-type{padding-top: 30px; margin-top: 45%;}
.split-content.stack-bg-mobile section:last-of-type{padding-bottom: 30px;}
.split-content.headRoom.stack-bg-mobile{padding-top: 75px;}
/* Long Stats */
.longStats .lowerContent > section{width: 100%;}
.longStats .lowerContent section .title{max-width: unset;}
.longStats .lowerContent section .content p{max-width: unset;}
.longStats .statBottomBanner{background: #061376; box-sizing: border-box;}
.longStats .longStatPreview{z-index: 10; margin-bottom: 20px;}
.longStats .intro{margin-top: 30px; margin-bottom: 0px;}
/* Footer Sign Up Form */
#mc4wp-form-1, .mc4wp-form {padding: 30px;}
#mc4wp-form-1 .mc4wp-form-fields input[type="email"], #mc4wp-form-1 .mc4wp-form-fields input[type="text"],
.mc4wp-form .mc4wp-form-fields input[type="email"], .mc4wp-form .mc4wp-form-fields input[type="text"] {background-color: #010d40; margin-right: 0px;}
#mc4wp-form-1 .mc4wp-form-fields input[type="email"]::placeholder, #mc4wp-form-1 .mc4wp-form-fields input[type="text"]::placeholder,
.mc4wp-form .mc4wp-form-fields input[type="email"]::placeholder, .mc4wp-form .mc4wp-form-fields input[type="text"]::placeholder{color: #0a1aaa;}
#mc4wp-form-1 .mc4wp-form-fields, .mc4wp-form .mc4wp-form-fields{flex-wrap: wrap;}
#mc4wp-form-1 .mc4wp-form-fields > p, .mc4wp-form .mc4wp-form-fields > p {width: 100%; text-align: center;}
#mc4wp-form-1 .mc4wp-form-fields > p label, .mc4wp-form .mc4wp-form-fields > p label {margin-bottom: 20px;}
#mega-menu-wrap-footerNav #mega-menu-footerNav > li.mega-menu-item > a.mega-menu-link{color: #00a3da !important;}
/* Topics */
.topic .imageSection > img{display: inline-block; width: 100%;}
.topic .imageSection .detailOverlay{position: relative; top: unset !important; bottom: 5px !important; left: unset !important; right: unset !important; max-width: 100%; box-sizing: border-box; width: 100%;}
.topic section{padding-right: 0px; padding-left: 0px;}
/* Stat Banner */
.statBanner .stat{width: 100%; margin-bottom: 50px;}
/* Screenings */
.screenings .screening{flex-wrap: wrap;}
.screenings .screening .timeArea{width: 100%; margin-bottom: 20px;}
.screenings .screening .detailsArea{width: 100%;}
/* Caption Banner */
.caption-banner .caption{width: 100%; padding-left: 0px; padding-right: 0px;}
/* Split Caption*/
.split-caption .half:first-of-type{margin-bottom: 30px; padding: 0px;}
/* Splash */
.splash > .imageWrap img{display: inline-block;}
.splash > .imageWrap{top: 0px;}
}
@media(max-width: 655px){
/* Header */
#primaryHeader .headerSocial{display: none;}
}
@media(max-width: 650px){
/* Footer */
#primaryFooter .footerBottom{padding: 20px 10px; padding-bottom: 0px;}
#primaryFooter .footerBottom .widget:last-of-type{display: none;}
#primaryFooter .mobile{display: block;}
#primaryFooter .footerNav{padding: 20px 10px; padding-top: 0px;}
#primaryFooter .footerNav section{width: calc(100% * (1/2));}
#primaryFooter .footerNav section:last-of-type{width: 100%;}
#primaryFooter .footerNav .footerSocial{margin-bottom: 20px;}
/* Hero */
.hero.quote .split section{width: 100%;}
.hero.quote .split section:first-of-type{padding-bottom: 0px;}
.hero.quote .split section:last-of-type{padding-top: 30px;}
/* Long Stats */
.longStats .intro a:before{top: 5px; height: 70%; width: 105%; left: -2%;}
.longStats .intro p{margin-bottom: 40px;}
/* Topics */
.topic .imageSection .detailOverlay .detailOverlaySection:first-of-type{min-width: 50px;}
.topic .imageSection .detailOverlay .detailOverlaySection .value{font-size: 50px; line-height: 40px; top: 0px;}
/* Screenings */
.screenings section > .title div{width: 100%;}
.screenings section > .title a{margin: 0px;}
}
@media(max-width: 600px){
/* Blog */
.blog-post .postImage{height: 300px;}
.blog-post .content p{font-size: 18px; margin-top: 30px;}
.blog-post .titleArea{margin: 15px 0px 55px 0px;}
/* Highlighted Campaign */
.highlighted-campaign .imageArea{height: 200px;}
/* Blog */
.blog-post .postImage{float: none;width: auto;height: 300px;margin: auto;display: inherit;}
}
@media(max-width: 500px){
/* Global */
.h1, .h1.title, .h1 p{font-size: 22px;}
.h2, .h2.title, .h2 p{font-size: 26px; line-height: 1.8em !important;}
.h3, .h3.title, .h3 p{font-size: 22px; line-height: 1.1em;}
.h4, .h4.title, .h4 p{font-size: 16px; line-height: 1.8em !important;}
.caption-banner > .title{font-size: 20px !important;}
/* Field */
.field > .title.h1{margin-bottom: 40px;}
.field > .description {margin: -20px auto 40px;}
/* Header */
#primaryHeader section:first-of-type{width: 100%; display: flex; justify-content: space-between;}
#primaryHeader section:last-of-type{display: none;}
/* Hero */
/*.hero{min-height: 35vh; height: auto; display: inline-block;}*/
.hero .playHero .playCTA img{width: 50px;}
.hero.short{height: auto; padding: 50px 0px;}
/* Long Stats */
.longStats .previews section{width: 100%; z-index: 1; margin-bottom: -40px;}
.longStats .previews section:not(:last-of-type){margin-bottom: 10px;}
.longStats .previews{max-width: 300px; width: 100%; margin: auto; margin-top: 50px; margin-bottom: 50px;}
.longStats .statBottomBanner{padding: 70px 20px; padding-bottom: 30px; position: relative; bottom: 0px; width: calc(100% + 60px); margin-left: -30px; margin-bottom: -30px;}
.longStats .lowerContent{margin-top: 0px; margin-bottom: 0px;}
.longStats .lowerContent.banner{margin-bottom: -60px;}
.longStats .statBottomBanner > *{width: 100%;}
.longStats .statBottomBanner img{margin-bottom: 20px;}
.longStats .statBottomBanner h1{font-size: 30px;}
.longStats .statBottomBanner p{font-size: 16px; max-width: 150px; line-height: 1.5em; font-weight: 100; margin-top: 10px;}
.longStats .lowerContent > section > .title{font-size: 30px; line-height: 40px;}
.longStats section.longStatPreview .imageWrap{margin: auto; width: 100%; height: 250px;}
.longStats section.longStatPreview .title{max-width: 200px;}
/* Animation */
.longStats .statBottomBanner{bottom: -100px;}
.longStats .statBottomBanner.animate{bottom: 0px;}
/* Tagline */
.tagline:before, .tagline.bottom:after, #primaryFooter .footerBottom .footerBottomWidget h1:before{margin-bottom:12px; height: 4px; width: 40px;}
/* Footer */
#primaryFooter .footerBottom .footerBottomWidget p{font-size: 16px;}
#mega-menu-wrap-footerNav #mega-menu-footerNav > li.mega-menu-item > a.mega-menu-link{font-size: 16px !important;}
#primaryFooter .footerBottom .footerBottomWidget:first-of-type{text-align: center;}
/* Topics */
.topic .imageSection .detailOverlay.flex{flex-direction: column; text-align: center;}
.topic .imageSection .detailOverlay .detailOverlaySection .value{font-size: 70px; line-height: 55px; margin-bottom: 0px;}
.topic .imageSection .detailOverlay .detailOverlaySection{width: 100%;}
/* Credits */
.credits .creditGroupWrap{
-webkit-columns: auto 1; /* Chrome, Safari, Opera */
-moz-columns: auto 1; /* Firefox */
columns: auto 1;
text-align: center;
}
/* Filter Area */
.filterAreaWrap form[role="search"] input[type="search"]{opacity: 1; right: 0px; width: 100%;}
.filterAreaWrap .filterArea .searchWrap .searchInputWrap img{display: none;}
.filterAreaWrap .filterArea .searchWrap{padding-right: 0px; width: 100%;}
.filterAreaWrap .filterArea .searchWrap form{width: 100%; display: inline-block;}
.filterAreaWrap .filterArea .searchWrap a{display: none;}
.filterAreaWrap .filterArea .searchWrap{padding-right: 0px;}
.filterAreaWrap .filterArea .searchWrap{display: inline-block; width: 100%;}
.filterAreaWrap .filterArea .searchWrap .searchInputWrap{width: 100%;}
.blog-post .blogNavigation .navigation .nav-links > div:first-of-type{margin-right: 0px; margin-bottom: 60px;}
.blog-post .blogNavigation .navigation .nav-links > div:last-of-type{margin-left: 0px;}
.blog-post .blogNavigation .navigation .nav-links > div{width: 100%;}
/* Grid Items */
.gridItems .profile{min-width: 0%;}
.gridItems .profile .imageWrap{width: 100%; height: 250px; margin: 20px auto;}
.gridItems .profile{width: 100%;}
/* Woocommerce */
.woocommerce .quantity .qty, .woocommerce-cart table.cart td.actions .coupon .input-text{width: 100%; margin-bottom: 10px; margin-top: 5px; box-sizing: border-box;}
.woocommerce-page table.cart td.actions .coupon .input-text+.button{width: 100%;}
}
@media(max-width: 400px){
/* Featured Images */
.featured-items .imageWrap{height: 300px;}
.featured-items .contentWrap{width: 90%;}
/* Blog Posts */
.blog-post .postImage{height: 200px;}
}
@media(max-width: 350px){
/* Footer */
#primaryFooter .footerBottom .widget{width: 100%; }
}
@media(max-width: 330px){
.longStats section.longStatPreview .imageWrap{height: 240px;}
}
.scientific_studies li {
font-size: 16px;
line-height: 16px;
text-align: left;
color: #08d6d6;
margin-bottom: 10px;
}
.scientific_studies li a{
color: #08d6d6;
}
.scientific_studies li a:hover {color: white;}
#scientificstudies .field {
padding: 0;
}
.cards-box-grid-layout .cards-box-grid-layout-wrapper {
display: flex;
justify-content: center;
gap: 50px;
margin-bottom: 7%;
}
.cards-box-grid-layout .cards-box-grid-layout-wrapper .row{
width: 100%;
}
.cards-box-grid-layout-wrapper .row .imageWrap, .cards-box-grid-layout-wrapper .row img{
width: 100%;
height: 100%;
display: block;
position: relative;
object-fit: cover;
}
.cards-box-grid-layout-wrapper .details-section {
position: relative;
background: #e7e8f0;
max-width: 100%;
padding: 30px 20px;
text-align: left;
}
.cards-box-grid-layout-wrapper .details-section .title{
color: #09146b;
}
.cards-box-grid-layout-wrapper .details-section a{
margin-top: 0;
display: inline-block;
font-size: 16px;
color: #0099d5;
}
.cards-box-grid-layout-wrapper .details-section a::after {
content: '>';
margin-left: 5px;
}
.popup_container .mc4wp-form {
background-image: url(https://oceanicpresstg.wpengine.com/wp-content/uploads/2024/01/Fundraise-1-3.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* Styles for the modal */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 20px;
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
.footerPopup {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 11111; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
/* Modal Content/Box */
.footerPopup .popup-content {
background-color: #fefefe;
margin: 15% auto; /* 15% from the top and centered */
padding: 48px;
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
display: block;
}
/* The Close Button */
.footerPopup .close {
padding: 3px 20px;
margin: -38px;
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}
.footerPopup .close:hover,
.footerPopup .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.signupCheckbox input#choice_11_10 {
height: auto !important;
width: auto !important;
}
.popup_content .gform_footer.top_label {
padding: 12px;
margin: 40px 1px 23px 2px ;
}
label#label_11_10 {
margin: 9px 19px 23px 8px;
}
input#gform_submit_button_11 {
padding: 14px 45px;
padding-top: 12px;
color: white;
height: 43px;
line-height: 0px;
border-radius: 30px;
padding-top: 15px;
font-size: 16px;
min-width: 80px;
margin: 0px;
font-weight: 600;
text-transform: capitalize;
display: inline-block;
border-width: 0px;
background: rgb(26,63,180);
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%);
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%);
}
.gform_confirmation_message_11{
color:#fff;
font-weight:600;
}
.footerPopup .popup-content {
background-color: rgba(0,0,0,0.2);
background-blend-mode:hue;
width: 550px;
padding: 30px 15px 20px;
background-image: url("https://oceanicpresstg.wpengine.com/wp-content/uploads/2024/02/Z0lKGfqA.jpeg");
border: none;
background-size:cover;
background-repeat:no-repeat;
margin: 0;
}
.footerPopup .close {
padding: 4px 20px;
margin: -30px -15px 0;
}
.footerPopup .gform_footer {
padding: 0!important;
margin: 0 auto!important;
align-items: center;
justify-content: center;
}
.footerPopup {
bottom: 0;
right: 0;
left: unset;
top: unset;
width: max-content;
height: max-content;
background: transparent;
}
.footerPopup h3.gsection_title {
color: #fff;
text-align: center;
font-size: 24px;
margin: 0 0 20px;
}
.footerPopup .gsection_description {
color: #fff;
text-align: center;
font-size: 18px !important;
font-weight: 400;
padding: 0!important;
}
.footerPopup .gfield_description.validation_message {
margin: 0 0 15px;
padding-top: 16px!important;
}
.footerPopup .gform_footer .gform_ajax_spinner{
display:none!important;
}
.footerPopup .gform_wrapper.gravity-theme .gsection {
border: none;
padding: 0;
}
.footerPopup .ginput_complex input, .footerPopup .gfield input, .footerPopup .ginput_complex select, .footerPopup .gfield select{
border-radius:0!important;
font-weight: 400;
font-style: normal;
font-size: 16px!important;
text-align: left;
border-width: 1px;
border-color: rgb(204, 204, 204);
border-style: solid;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px inset;
text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}
.footerPopup .gform_footer input {
color: rgb(255, 255, 255);
background: rgb(42, 112, 224)!important;
border-radius: 0!important;
width: 100%;
}
.footerPopup .gfield_checkbox label{
margin: 0!important;
color:#fff;
font-weight:600;
align-self: center;
}
.footerPopup .signupCheckbox .ginput_container.ginput_container_checkbox .gfield_checkbox input,
.footerPopup .signupCheckbox input#choice_11_10{
width: 20px!important;
height: 20px!important;
}
.footerPopup .signupCheckbox .ginput_container.ginput_container_checkbox li{
display:flex;
gap: 10px;
margin: 0 0 15px;
}
@media screen and (max-width:767px) {
.footerPopup .popup-content{
width:400PX;
margin: 0 auto;
background-size:cover;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
padding: 8px !important;
}
}
@media screen and (max-width:480px) {
.footerPopup .popup-content{
width:300px;
margin: 0 auto;
background-size:cover;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
padding: 8px !important;
}
}
@media screen and (max-width:991px) {
.footerPopup{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
bottom: unset;
right: unset;
height: 80%;
overflow: scroll;
}
.popup_container::before{
content:"";
background-color: rgba(0,0,0,0.6);
position:absolute;
width: 100%;
height: 100%;
top: 0;
}
.popup_container {
width: 100%;
height: 100%;
position: relative;
}
.popup_container-close .popup_container::before{
display:none;
}
}
.ImpactBanner{
color: white; background: black; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#041663+0,023c8b+100 */
background: rgb(4,22,99); /* Old browsers */
background: -moz-linear-gradient(left, rgba(4,22,99,1) 0%, rgba(2,60,139,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(4,22,99,1) 0%,rgba(2,60,139,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(4,22,99,1) 0%,rgba(2,60,139,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041663', endColorstr='#023c8b',GradientType=1 ); /* IE6-9 */
}
.ImpactBanner .title{width: 100%; margin-bottom: 60px; font-weight: 100; color: white !important;}
.ImpactBanner .stat{box-sizing: border-box; padding: 0 30px;; padding-bottom: 30px; position: relative;}
.ImpactBanner .stat:after{content: ''; position: absolute; right: 0px; top: 0px; bottom: 0px; margin: auto; background-color: #112fa9; width: 2px; height: 200px;}
.ImpactBanner .stat:last-of-type:after{display: none;}
.ImpactBanner .stat .value{font-weight: 100; font-size: 55px; line-height: 70px; margin: 20px 0px;}
.ImpactBanner .stat .details{text-transform: uppercase; max-width: 150px; display: inline-block; font-weight: 500; line-height: 20px;}
@media (max-width: 1400px){
.ImpactBanner{
padding:65px 5%;
}
}
@media (max-width: 1200px){
.ImpactBanner .stat{
flex-basis:50%;
}
.ImpactBanner{
gap:40px 0;
}
.ImpactBanner.field > .title.h1{
margin:0 0 20px;
}
}
@media (max-width: 576px){
.ImpactBanner .stat{
flex-basis:100%;
}
.ImpactBanner .stat:after{
width: 100%;
height: 2px;
top: unset;
bottom: -25px;
}
.ImpactBanner.field > .title.h1{
margin:0;
}
}
.footerPopup .gform_footer.top_label{
padding: 0!important;
}
/* call to subscribe */
#primaryFooter .footerBottom .footerBottomWidget a span {
word-break: break-word;
}
@media (max-width: 991px){
#primaryFooter .footerBottom .footerBottomWidget:first-of-type {
width: 100%!important;
text-align: center;
}
#primaryFooter .footerBottom .footerBottomWidget:first-of-type p {
display: inline;
font-size: 22px;
font-weight: 500;
color: white;
}
#primaryFooter .footerBottom div#footerarea_widget-4 {
width: 60%!important;
}
#primaryFooter .footerBottom div#footerarea_widget-2 {
width: 40%!important;
}
}
@media (max-width: 480px){
#primaryFooter .footerBottom div#footerarea_widget-4,
#primaryFooter .footerBottom div#footerarea_widget-2 {
width: 100%!important;
}
}
/* add homepage flim and projection section */
.longStats section.longStatPreview .imageWrap img {
margin: 0;
width: 100%;
object-fit: cover;
position: unset;
height: 100%;
}
.longStats section.longStatPreview .imageWrap a {
width: 100%;
height: 100%;
display: block;
}
.longStats section.longStatPreview .title {
color: #fff;
}
.modalWrap .modal {
display: flex;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.modalWrap .modal .video{
padding: 0;
height: 100%;
}
.popup-content .gform_confirmation_message_11 {
min-height: 100px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 24px;
font-weight: 900;
color: #fff;
}
.footerPopup .gform-theme--framework .gform_validation_errors {
background-color: #fff;
}
.footerPopup .gfield_description.validation_message{
background-color: #fff;
padding: 10px!important;
}
.footerPopup .gform_footer #gform_ajax_spinner_11 {
display:none;
}
.footerPopup input#gform_submit_button_11 {
width: 100%;
}
.footerPopup .gfield_contains_required .gfield_description.validation_message {
color:#c02b0a;
}
.file-form-holder .gform_footer.top_label{
margin: 20px 0!important;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 640px){
.file-modal {
top:0;
}
.file-form-holder{
max-height:unset;
}
}
.file-modal {
display: block;
overflow: hidden;
}
.file-form-holder-inner {display: flex;width: max-content;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow: scroll;height: 100%;width: 100%;padding: 0;}
.file-form-holder {
background: transparent !important;
display: block !important;
position: relative !important;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
max-height: none !important;
height: 100%;
padding: 0 !important;
}
.file-form-holder form{
background:#fff;
padding: 20px 20px 40px;
position: relative;
}
.gf_browser_chrome.gform_wrapper.gform-theme.gform-theme--foundation.gform-theme--framework.gform-theme--orbital{
padding: 0;
height: 100%;
}
.file-form-holder form .modal-close-btn {
border-radius: 50%!important;
width: 40px!important;;
height: 40px!important;;
border: 1px solid #fff !important;
background-color: #061376!important;
color: #fff;
font-size: 20px!important;
position: absolute;
top: -16px;
right: -20px;
padding: 0px;
line-height: 40px!important;
}
.file-form-holder .file-form-holder-inner >div{
height: 100%;
}
@media (max-width: 640px){
.file-form-holder {
margin:0;
padding:0;
}
.file-form-holder form .modal-close-btn {
top :-10px;
right:-8px;
}
}
.file-form-holder .file-form-holder-inner #gform_1_validation_container {
background:#fff;
}
.popup-download-form {
background-color: rgb(0 0 0 / 45%);
width: 100%;
width: calc(100% - 40px);
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
.popup-download-form .popup-download-form-wrapper {
max-height: 90%;
overflow: scroll;
background: #fff;
padding: 20px;
max-width: 820px;
}
.popup-download-form .popup-download-form-wrapper-inner {
position: relative;
z-index: 99;
border:1px solid #000;
border-radius:20px;
padding:20px;
}
.popup-download-form .modal-close-btn {
top: -20px;
z-index: 99;
font-size: 18px;
width: 35px;
height: 35px;
line-height: 34px;
}
.popup-download-form.hide {
display: none;
}
.popup-download-form .gform_footer.top_label{
margin: 20px 0!important;
display: flex;
align-items: center;
justify-content: center;
}
.popup-download-form-wrapper-inner #gform_confirmation_wrapper_1 {
max-width: 890px;
}
@media (max-width: 640px){
.popup-download-form .modal-close-btn{
right:-15px;
}
}
.hero .split .btn.btn-primary{margin-top: 20px; line-height: normal;}
.hero .split a.btn-primary{color: #fff;}
/* New style 05-nov-2024 */
.hero .heroCta.btn-primary .actionIcon {
vertical-align: middle;
}
.hero .heroCta.btn-primary span{
color: #ffffff;
vertical-align: middle;
}
.overviewSection p.heroCta.btn-primary{
line-height: normal;
cursor: pointer;
font-weight: 500;
}
/* Video Popup Close button css */
.modal .video{display: flex;flex-direction: column-reverse;justify-content: center;}
.modalWrap .video-popup-close{
width: 30px;
height: 30px;
color: #fff;
cursor: pointer;
font-size: 20px;
display: flex;
align-self: flex-end;
justify-content: center;
}
/* video play button added in banner of films page */
@media(max-width: 600px){
.hero.overview.static{
height: calc(100vw* .9);
}
}
/* css for bottom seperator of Long Stats block */
.longStats.bottom-sep:after {
content: '';
width: 100%;
display: block;
height: 10px;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
background: rgb(26, 63, 180);
background: -moz-linear-gradient(left, rgba(26, 63, 180, 1) 0%, rgba(10, 193, 209, 1) 100%);
background: -webkit-linear-gradient(left, rgba(26, 63, 180, 1) 0%, rgba(10, 193, 209, 1) 100%);
background: linear-gradient(to right, rgba(26, 63, 180, 1) 0%, rgba(10, 193, 209, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 );
}
/* Image with title slider CSS */
.image-with-title-slider .image-with-title-slider__slide img{
object-fit: cover;
aspect-ratio: 16 / 9;
}
.image-with-title-slider .image-with-title-slider__slide .title-wrap p{
margin: 0;
font-size: 23px;
line-height: 1.1em;
font-weight: normal;
color: #09146b;
}
.image-with-title-slider .image-with-title-slider__slide .title-wrap{
background: #e7e8f0;
padding: 30px;
}
.image-with-title-slider .owl-nav{
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
width: calc(100% + 100px);
left: -50px;
z-index: -1;
}
.image-with-title-slider .owl-nav .owl-next img {
transform: rotate(180deg);
}
.image-with-title-slider .owl-nav [class*=owl-]:hover {
background: none;
color: #869791;
}
.image-with-title-slider-section{
position: relative;
}
.image-with-title-slider-section.splash:after{content: ''; width: 100%; display: block; height: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 1;
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
@media(max-width: 900px){
.image-with-title-slider-section.field{
padding-left: 7%;
padding-right: 7%;
}
}
@media(max-width: 767px){
.image-with-title-slider-section.field{
padding-left: 5%;
padding-right: 5%;
}
.field.image-with-title-slider-section{
padding-bottom: 100px;
}
.image-with-title-slider .owl-nav{
justify-content: center;
top: unset;
transform: none;
gap: 30px;
}
}
/* Webisodes video section css */
.webisodes-video-section{
position: relative;
padding: 150px 7%;
}
.webisodes-video-section__main-title{
font-size: 40px;
font-weight: 200;
margin-bottom: 20px;
margin-top: 0;
}
.webisodes-video-section .image-wrap img{
width: 990px;
max-width: 100%;
height: auto;
}
.webisodes-video-section .content-wrap p{
font-weight: 400;
font-size: 17px;
margin: 20px 0;
line-height: 30px;
width: 80%;
}
.webisodes-video-section.splash:after{content: ''; width: 100%; display: block; height: 10px; position: absolute; bottom: 0px; left: 0px; z-index: 1;
background: rgb(26,63,180); /* Old browsers */
background: -moz-linear-gradient(left, rgba(26,63,180,1) 0%, rgba(10,193,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(26,63,180,1) 0%,rgba(10,193,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a3fb4', endColorstr='#0ac1d1',GradientType=1 ); /* IE6-9 */
}
@media(max-width: 1300px){
.webisodes-video-section .image-wrap img{
width: 990px;
max-width: 100%;
height: 80vh;
object-fit: cover;
}
}
@media(max-width: 1200px){
.webisodes-video-section{
padding: 75px 5%;
}
.webisodes-video-section .content-wrap p{
width: 100%;
}
}
@media(max-width: 991px){
.webisodes-video-section .image-wrap img{
width: 990px;
max-width: 100%;
height: auto;
}
}
/* Webisodes video section css END */
/* logos-section css of webisodes page */
#logos-section.split-content {
padding: 35px 7%;
}
.postid-10230 .blog-post .postImage{
height: 0 !important;
}
.postid-10230 .postDate.h3 {
display: none;
}