@import url('negative-margin.css');
@import url('borders.css');

/* body */
body, html {
    height:100vh;
    background-color:#FFF;
	overflow-x:hidden;
}

/* Fonts */
a {color: #23456F; text-decoration:none;}
a:hover {color:#FCA700;}

.white-text, .white-text-hover:hover {
	color:#fff;
}


/* Backgrounds */
.dark-blue-bg, .dark-blue-bg-hover:hover {
	background-color:#23456F;
}
.light-blue-bg, .light-blue-bg-hover:hover {
	background-color:#65BADD;
}
.white-bg, .white-bg-hover:hover {
	background-color: #ffffff;
}
.light-grey-bg, .light-grey-bg-hover:hover {
	background-color: #EFF0F4;
}
.grey-bg, .grey-bg-hover:hover {
	background-color:#D5D5D5;
}
.orange-bg, .orange-bg-hover:hover {
	background-color: #FCA700;;
}
.fifty-fifty-row-blue-overlay .content-widther {
	background-color:rgba(35,69,111, 0.3);
	/*color:#fff;*/
}
.fifty-fifty-row-blue-overlay .content-widther:hover {
	background-color:transparent;
	/*color:#111 !important;*/
}

/* nav */
.text-bg-dark {
	background-color:#23456F !important;
}
#mobile-nav .btn-close {
	opacity:1;
	background-image:url('../_resources/themes/devmac/offcanvas-nav-close-icon.svg');
	background-size:cover;
}
#mobile-nav a[aria-expanded=true] .bi-chevron-down {
   display: none;
}
#mobile-nav [aria-expanded=false] .bi-chevron-up {
   display: none;
}
#mobile-nav .offcanvas-header {
    background-color:rgba(0,0,0,0.05);
}
#mobile-nav .row {
    margin-bottom:3px;
}
#mobile-nav .btn {
    border-radius:0;
}
#mobile-nav .col-auto {
    margin-left:3px;
}
#mobile-nav li {
	border-bottom:1px solid #ccc;
}
#mobile-nav .mobile-nav-level-1 a.btn {
    /*background-color:rgba(0,0,0,0.05);*/
}
#mobile-nav .mobile-nav-level-1 a.btn:hover {
    /*background-color:rgba(0,0,0,0.1);*/
}
#mobile-nav .mobile-nav-level-2 a.btn {
    /*background-color:rgba(0,0,0,0.15);*/
}
#mobile-nav .mobile-nav-level-2 a.btn:hover {
    /*background-color:rgba(0,0,0,0.2);*/
}
#mobile-nav .mobile-nav-level-3 a.btn {
    /*background-color:rgba(0,0,0,0.25);*/
}
#mobile-nav .mobile-nav-level-3 a.btn:hover {
    /*background-color:rgba(0,0,0,0.3);*/
}


/* header */
#header {
    /*background-color:rgba(0,0,0,0.2);*/
}

/* layout */
#layout {
}

/* Forms */
form fieldset h3 {
	margin-bottom:2rem;
}

/* Buttons */
.btn-primary {
    background: #FCA700;
    color: #ffffff;
	border:none;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
    background: #23456F;
}
.btn-primary:active, 
.btn-primary.active {
    background: #23456F;
    box-shadow: none;
}
.btn.text-left {
	text-align:left !important;
}

/* Video Row */
#video-overlay .display-1 {
	font-size:2.5rem
}
#video-overlay .fs-2 {
	font-size:1.5rem
}

/* FiftyFifty Row */
.full-width .content-widther {
	width:100% !important;
	max-width:100% !important;
}
.core-fifty-fifty-row .col-left.clip-bg-pd, .core-fifty-fifty-row .col-right.clip-bg-pd {
	background-clip: content-box;
}
.core-fifty-fifty-row .col-left .hover-content, .core-fifty-fifty-row .col-right .hover-content, .core-fifty-fifty-row .col-left:hover .column-content, .core-fifty-fifty-row .col-right:hover .column-content {
	visibility:hidden;
}
.core-fifty-fifty-row .col-left:hover .hover-content, .core-fifty-fifty-row .col-right:hover .hover-content {
	visibility:visible;
	background-color: rgba(101,186,221,0.7);
}

/* Content Row */
.trans-bg-container .column-wrapper {
	background-color: rgba(142, 142, 142, 0.3);
	padding: 3rem;
}

/* Case Studies Carousel */
.case-study-carousel-items img, .case-study-carousel-items p {
	max-width:80% !important;
}
.slick-arrow {
	position:absolute;
	z-index:100;
	top:50%;
	margin-top:-30px;
	max-width:50px;
}
.slick-arrow img {
	max-width:100% !important;
}
.slick-prev {
	left:0;
	
}
.slick-next {
	right:0;
}


/* Lists */


/* footer */
#footer {
    /*background-color:rgba(0,0,0,0.2);*/
}
.footer-phone-icon {
	max-width:27px;
}
.footer-links a img {
	height:70px !important;
}
/*
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0 !important; 
 }
 */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	/* Video Row */
	#video-overlay .display-1 {
		font-size:5rem
	}
	#video-overlay .fs-2 {
		font-size:2rem
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.footer-links a img {
		height:auto !important;
	}
	.large-extra-pe .column-wrapper {
		padding-right:5rem;
	}
	/* Case Studies Carousel */
	.case-study-carousel-items img, .case-study-carousel-items p {
		max-width:90% !important;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {  }