/*
 Theme Name: Spatial Theme
 Theme URI: http://studio74.design
 Description: Custom child theme for Spatial
 Author: Studio 74 Creative Design
 Author URI: http://studio74.design
 Template: Divi
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

body {
    color: #666;
    font-family: Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.3em
}
/*#page-container {padding-top: 0px!important;}
#main-content {margin-top: 92px!important;}
.home #main-content {margin-top: 0px!important;}*/
.gold {color: #cea14e!important;}
.blue {color: #0f1626!important;}
.red {color: #d1462f!important;}
.gold:hover {color: #d1462f!important;}
.blue:hover {color: #d1462f!important;}
.sfsi_plus_wDiv {margin: 0 32%;}
.grecaptcha-badge {display: none!important;}

/* Ticketing System */
/* Forms */
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	padding: 5px 10px;
	border-radius: 5px;
}
.wpas-form-control {
	font-size: 16px;
}


/* ----------------------------------------------- LOGO ON SCROLL
 
#logo2 {
    display: none;
}

.home .et-fixed-header #logo {
    display: inline;
}

.home .et-fixed-header #logo2 {
    display: none;
}

.home #logo2 {
    display: inline;
}

.home #logo {
    display: none;
}
 */

/* ----------------------------------------------- TYPOGRAPHY */

a {color: #2ea3f2;}

a:hover {text-decoration: none;  transition: 0.5s;}

p, p:last-of-type {padding-bottom: 1em}

#main-content blockquote {
    margin: 40px 0;
    padding-left: 20px;
    border-left: 5px solid #cea14e;
}

blockquote p {font-style: italic;}

h1,h2,h3,h4,h5,h6 {
    padding-bottom: 10px;
    color: #cea14e;
    font-weight: 500;
    line-height: 1.1em
}

h1, .dummy-h1 {font-size: 2.1em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.5em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
h4 {font-size: 1.4em; font-weight: 600;}
h5 {font-size: 1.2em; font-weight: 700;}
h6 {font-size: 1.1em; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
#main-title h1 {font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #cea14e;}
.dummy-h1 {font-weight: 300!important;}
.feature-title h2 {font-size:30px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; margin-bottom: 20px;}
#main-content .feature-title-small h2 {text-transform: uppercase; font-weight: 600; font-size:18px !important;}
ul li {line-height: 1.3em; margin-bottom: 8px;}

/* ----------------------------------------------- MENU */
#main-header {background-color: #fff!important; border-bottom: 1px solid #cea14e;}
#main-header #top-menu li {margin-bottom: 6px;}
#main-header #top-menu li a {font-weight: 600;}
#top-menu li.mega-menu > ul > li > a:first-child { font-weight: 600;}
#top-menu li.mega-menu > ul > li {width: 50%;}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {color: #cea14e;}
.et_fullwidth_nav #top-menu li.mega-menu > ul {right: 0%!important; left: 0%!important;}
#top-menu li.mega-menu > ul > li > a {border-bottom: 1px solid red;}
.nav ul li a:hover, .et_mobile_menu li a:hover {opacity: 1; background-color: rgba(0,0,0,0);
}

/* ----------------------------------------------- MENU - HOMEPAGE
.home #main-header {
	background-color: transparent!important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
	background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
	background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 40%, rgba(255, 255, 255, 0) 100%);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
}
#main-header #et_search_icon:before {color: #cea14e!important;}

.home #main-header.et-fixed-header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
    transition: 0.5s;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.home #top-menu a, .home .sub-menu {color: #fff;}
.home #main-header .nav li ul {background-color: rgb(15,22,38);}
.home #main-header.et-fixed-header .nav li ul {background-color: #fff;}
.home span.et_close_search_field:after {color: #cea14e;}
.home .et_search_form_container input {color: #fff;}
*/

/* ----------------------------------------------- SUB MENU STYLING */
.nav ul li a {border-bottom: 1px solid #cea14e;}

#et-top-navigation .product-submenu ul {width: 380px;}

#et-top-navigation .product-submenu ul li a {
    width: 340px;
    line-height: 1.8em;
    padding: 6px 20px 6px 0;
}
#top-menu li li a {
    padding: 6px 20px 6px 0;
}

.sub-menu {padding-bottom: 40px;}


/* ----------------------------------------------- MAIN SLIDER */
#slider-row {height: 95vh;}
#slider-section {height: 100vh;}
#slide-text-panel.slide-text {margin-top: 22%;}
.slide-text {padding: 30px 60px 35px 60px;}
.slide-text h2 {line-height: 1.3em;}
.slide-btn {top: -15px;}

/* ---------------------------- SLIDER NAVIGATION */
#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu {position: absolute; width: 98%; bottom: 10%;}
#slider-row .navMenu_item, .navMenu_item.active, .navMenu_item:hover {
    background-color: transparent;
    font-size: 16px;
    margin: 0 0;
    padding: 0px 30px;
}

#slider-row .navMenu_item {
    color: rgba(255,255,255,0.5);
    border-right: 1px solid #cea14e;
    font-weight: 600;
}

#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu .navMenu_item.active span.navMenu_label, #slider-row .cwp_et_pb_layout_slider_standard_0_navMenu .navMenu_item:hover span.navMenu_label {
    color: #fff!important;
    transition: 0.3s;
}

#slider-row .navMenu_item:nth-child(1) {border-left: 1px solid #cea14e;}

#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu {bottom: 8%;}

/* ----------------------------------------------- PRODUCT VIDEO BLOCKS */
#products-section .product-box h3 {border-left: 3px solid #cea14e; padding: 5px 8px!important;}
.vidblock .et_pb_section_video_bg {visibility: hidden;}


/* ----------------------------------------------- TESTIMONIALS */
.testimonial-content {text-align: center; font-size: 16px; line-height: 1.4em; display: block; font-weight: 500; margin-bottom: 20px;}
.testimonial-name {text-align: center; font-size: 16px; display: block; font-weight: 600; clear: both; margin-bottom: 6px;}
.job-description {text-align: center; font-size: 14px; display: block; line-height: 1.3em; font-style: italic;}
#quote-slider .owl-nav .owl-prev {left: -62px; top: 45%;}

#quote-slider .owl-nav .owl-prev .et_pb_button, #quote-slider .owl-nav .owl-next .et_pb_button {
    border: 0;
    border-radius: 50%;
    padding: 0.2em 0.85em!important;
}

#quote-slider .owl-nav .owl-next {right: -62px; top: 45%;}
#quote-slider a.et_pb_button_prev:before {margin-left: -0.55em!important;}
#quote-slider a.et_pb_button_next:after {margin-left: -0.45em!important;}
.wpv-pagination-nav-links-container {
justify-content: center;
}


/* ----------------------------------------------- NEWS LISTINGS */
.news-title {font-size: 18px; font-weight: 600; color: #0f1626;}
#home-news-list h2 a:hover, #home-news-list a:hover {color:#d1462f;}
#home-news-list {font-size: 16px; line-height: 1.4em;}
#home-news-list .et_pb_row {padding: 15px 0;}
#home-news-list .et_pb_post {margin-bottom: 10px;}
#news-feature {
    width: 100%;
    min-height: 460px;
    background-size: cover;
    background-position: center center;
    background: #0f1626;
	background-repeat: no-repeat!important;
}
#news-feature-title {
	bottom: 60px;
    float: left;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 30px 20px 50px;
    margin-right: 80px;
    border-left: 4px solid #cea14e;
}
#news-feature-title h2 {font-size: 1.6em;}
.news-archive-titles h2 {font-size: 18px; font-weight: 600; line-height: 1.2em;}
#wp_views-2 {width: 100%}
/* .et_pb_section_25, .et_pb_section_27 {border-bottom: 1px solid #cea14e;} */
.sub-cap-txt {display: block; letter-spacing: 1px; margin-bottom: 20px; color: #666;}

.post-link-btn {
	border-top: 2px solid #ffffff!important; 
	border-bottom: 2px solid #ffffff!important;
	position: relative;
	bottom: -15px;
}
#news-grid .et_pb_column_1 {background-image: none;}
#news-list-desktop h2 {
	font-size: 1.3em;
    color: #0f1626;
}

.sfsiplus_norm_row {
    float: none;
}


/* ----------------------------------------------- FORMS */
.disclaimer {font-size: 14px; line-height: 1.3em; padding-top: 10px;}
.cta-form .borderline input, .cta-form .borderline textarea {
    border: #cea14e 1px solid;
    border-left: #cea14e 4px solid;
    padding: 21px 30px;
    font-size: 16px;
}
.cta-form .caldera-grid .form-group {margin-right: 10px; margin-bottom: 20px;}
.cta-form .last_row {margin-top: 30px;}
.cta-form .submitbtn {
    background-color: #cea14e;
    border-radius: 0!important;
    border: 0;
    padding: 8px 44px!important;
    color: #fff;
    font-weight: 700!important;
    letter-spacing: 1px;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
    margin-bottom: 40px;
    }  
.cta-form .submitbtn:hover {
    background-color: #d1462f;
    color: #fff!important; 
    }   
    
.contact-form-block .caldera-grid .form-control {
    border: 0px;
    border-radius: 0;
    padding: 22px 20px;
}    

.contact-form-block .submit-btn {
    background-color: #000; 
    border: 0px; 
    color: #fff; 
    font-weight: 700; 
    padding: 6px 20px; 
    letter-spacing: 1px; 
    font-size: 16px; 
    margin-top: 15px;
}
.contact-form-block .submit-btn:hover {
    background-color: #fff; 
    color: #000;
}
.contact-form-block .caldera-grid .form-group {box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);}
.contact-form-block .caldera-grid #fld_7908577_1-wrap, .contact-form-block .caldera-grid #fld_6199717_1-wrap {box-shadow: none;}

/* ---------Ninja Forms styling ------------*/
.sp-consent-field .nf-field-description {
  margin-left: 2.5rem;
    margin-top: -2rem;
}

/* ----------------------------------------------- FEATURE CONTENT */
.left-border {border-left: 50px solid #cea14e;}
.right-border {border-right: 50px solid #cea14e;}


/* ----------------------------------------------- PAGE QUOTES */
.single-page-quote {font-weight: 300; font-size: 1.7em; color: #666; line-height: 1.2em;}
.single-page-quotee {font-weight: 600; font-size: 0.9em; color: #cea14e;}

/* ----------------------------------------------- PROJECTS */
.project-block {min-height: 220px;}


/* ----------------------------------------------- FOOTER */
#custom-footer {background-color: #0f1626;}
.sb_dli sb_dli_pre_footer {background: #0f1626;}
#main-footer {display: none;}
#footer-menu h4 {font-size: 1em; font-weight: 600; padding-bottom: 20px;}
#footer-menu ul li {font-size: .8em;}
#footer-menu ul li a {color: #fff;}
#footer-menu ul li a:hover {color: #d1462f;}
#footer-menu .et_pb_widget {margin-bottom: 12%;}
#footer-copyright .et_pb_social_media_follow li a.icon::before {font-size: 26px;}

/* ----------------------------------------------- VIDEO */

video::-internal-media-controls-download-button {
display:none;
}
video::-webkit-media-controls-enclosure {
overflow:hidden;
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust if necessary */
}

/* ----------------- VIDEO ROLLOVER */
#product-vid-row.et_pb_gutters3 .et_pb_column_1_4, #product-vid-row2.et_pb_gutters3 .et_pb_column_1_4, #product-vid-row.et_pb_gutters3.et_pb_row .et_pb_column_1_4, #product-vid-row2.et_pb_gutters3.et_pb_row .et_pb_column_1_4 {overflow: hidden; box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.6);}

.viewer {
width: 100%;
height: 100%;
position: relative;
}

.viewer video {
width: 100%;
height: 100vh; 
max-height: 175px;
object-fit: cover;
}

.product-vid-panel {
max-height: 175px;
}

.product-vid-overlay {
background-color: rgba(15,22,38,0.5); 
width: 100%;
height: 100%;
max-height: 175px;
position: absolute;
display: block;
}

.vidblock:hover {cursor: pointer;}

.product-vid-overlay h3, .vidblock h3 {color: #fff; letter-spacing: 0; font-weight: 700; font-size: 20px; text-transform: uppercase; display: block; margin: 30px 20px; padding: 0 0 0 10px; border-left: 3px solid #cea14e;}

.wp-video {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* ----------------------------------------------- ARCHIVE PAGES */
#archive-title.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {margin: 0 auto;}
.search #main-content .container:before {background: none;}
.search #sidebar {display:none;}

/* ----------------------------------------------- PROJECTS */
.et_pb_filterable_portfolio .et_pb_portfolio_item.active {animation: unset;}
.et_post_gallery {margin-top: 50px; margin-bottom: 50px;}

/* ----------------------------------------------- FORMS */
.submitbtn.prizebtn {
  display: block !important;
  margin: 0 auto;
}


/* ----------------------------------------------- RESPONSIVE BREAKPOINTS ------------------------------------ */
/* ----------------------------------------------- min-width: 1246px  */
@media all and (min-width: 1246px) {
.news-archive-titles {min-height: 75px;}
.blog-archive-titles {}
.blog-excerpt-height {}
}

/* ----------------------------------------------- min-width: 1100px  */
@media all and (min-width: 1101px) {
.excerpt-height {min-height: 180px;}
.news-image {min-height: 190px;}
}

/* ----------------------------------------------- min-width: 1200px - max width 1405px  */
@media all and (min-width: 1200px) and (max-width:1405px) {
}

/* ----------------------------------------------- min-width: 981px - max width 1405px  */
@media all and (min-width: 981px) and (max-width:1100px) {
.excerpt-height {min-height: 250px;}
.news-image {min-height: 180px;}
}

/* ----------------------------------------------- min-width: 981px  */
@media all and (min-width: 981px) {
#footer-copyright .footer-address {margin-left: -80px;}
.cta-form {padding-left: 50px;}
.event-col-border {border-left: 2px solid #cea14e;}
.innovation-blurb .et_pb_module_header {margin-bottom: 10px; min-height: 55px;}
.search #left-area {width: 100%; padding: 23px 0px 0px !important; float: none !important;}		
}

/* ----------------------------------------------- min-width: 981px - max width 1245px  */
@media all and (min-width: 981px) and (max-width:1245px) {
.news-archive-titles {min-height: 100px;}
.product-vid-overlay h3, .vidblock h3 {font-size: 16px;}	
}

/* ----------------------------------------------- max-width: 980px  */
@media all and (max-width: 980px) {
#footer-copyright .et_pb_column {margin-bottom: 15px;}
#footer-copyright .footer-address {text-align: center;}
#footer-copyright .et_pb_social_media_follow.et_pb_text_align_right {text-align: center;}
#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu {position: absolute; width: 100%;}
#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu {bottom: 20%;}
.viewer video {display: none;}
.viewer {min-height: 175px;}
.event-col-border {border-top: 2px solid #cea14e;}
.divi-hacks-mobile-menu-fullscreen #main-header .mobile_nav ul#mobile_menu li ul li a {font-size: 0.9em!important;}	
#et-top-navigation .product-submenu ul, #et-top-navigation .product-submenu ul li a {width: 100%;}	
.facilities-block .et_pb_column_4 {border-right: none;}
}

/* ----------------------------------------------- max-width: 782px  */
@media screen and (max-width: 782px) {
}

/* ----------------------------------------------- max-width: 768px  */
@media all and (max-width: 768px) {
}

/* ----------------------------------------------- max-width: 767px  */
@media all and (max-width: 767px) {
	#slider-row .cwp_et_pb_layout_slider_standard_0_navMenu {display: none;}
}

/* ----------------------------------------------- max-width: 479px  */
@media all and (max-width: 479px) {
.slide-text {padding: 30px 30px 35px 30px;}
.slide-text h2 {font-size: 1em !important;}
#quote-slider .owl-nav {display: none;}
#slider-section {height: 70vh;}
.no-border {border: none;}	
#news-feature-title h2 {font-size:1.2em;}
#news-feature-title a {font-size: 0.9em;}
#news-feature-title {padding: 20px 30px 20px 30px; margin-right: 40px;}		
#home-news-list .et_pb_column .et_pb_module {margin-bottom: 0;}
.feature-title h2 {font-size: 26px;}	
.project-title h1 {text-align: center; font-size: 1.6em;}
.mob-text-center {text-align: center;}	
}