/* Brand Colours


*/

/* Bootstrap Resets */

/* Page Resets */

body {
	/* padding-top: 90px !important; /* Padding for Fixed Top menu */
	/* font-family: 'Montserrat', Sans-serif; */
	font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: var(--it-dark-brown);
    background-color: #fff;
}

img, p img {
	max-width: 100%;
}

:focus {
	outline-style: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}

/* Useful */
.pad20 {padding: 20px;}
.marTop0 {margin-top: 0 !important;}
.marTop10 {margin-top: 10px !important;}
.marTop20 {margin-top: 20px !important;}
.marTop30 {margin-top: 30px !important;}
.marTop40 {margin-top: 40px !important;}
.marTop50 {margin-top: 50px !important;}
.marTop60 {margin-top: 60px !important;}
.marBot0 {margin-bottom: 0px !important;}
.marBot10 {margin-bottom: 10px !important;}
.marBot20 {margin-bottom: 20px !important;}
.marBot30 {margin-bottom: 30px !important;}
.marBot40 {margin-bottom: 40px !important;}
.marBot50 {margin-bottom: 50px !important;}
.marBot60 {margin-bottom: 60px !important;}
.padTop0 {padding-top:0px !important;}
.padTop10 {padding-top:10px !important;}
.padTop20 {padding-top: 20px !important;}
.padTop30 {padding-top: 30px !important;}
.padTop40 {padding-top: 40px !important;}
.padTop50 {padding-top: 50px !important;}
.padTop60 {padding-top: 50px !important;}
.padBot0 {padding-bottom:0px !important;}
.padBot10 {padding-bottom:10px !important;}
.padBot20 {padding-bottom:20px !important;}
.padBot30 {padding-bottom:30px !important;}
.padBot40 {padding-bottom:40px !important;}
.padBot50 {padding-bottom:50px !important;}
.padBot60 {padding-bottom:60px !important;}
.padLeft0 {padding-left: 0px !important;}
.centered {text-align:center !important;}
.img100 {width: 100% !important;}
.hidden {display: none !important;}
.noFloat {float: none !important;}

@media (max-width: 991px) {
	.align-center-mobile {
		text-align: center !important;
	}
	.notMobile {
		display: none !important;
	}
}

.centeredColumns {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.fixed-background {
	background-repeat: no-repeat;
	background-attachment: fixed;
}

ul.inline-list {
	display: inline-block;
}

.dark-overlay {
	background-color: #121415;
    opacity: 0.5;
	pointer-events: none;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

/* Backgrounds */
.bg-lightGrey {
	background-color: var(--it-nearly-white);
}

.bg-slateGrey {
	background-color: var(--it-slate-grey);
}

.bg-pattern {
    position: relative;
    z-index: 1;
    background-color: var(--it-dark-brown) !important;
    background-image: url(../images/background-pattern-blocks.jpg) !important;
    background-position: center center;
}

.bg-light-pattern {
    position: relative;
    background-image: url(../images/bg-color-shape.jpg);
    background-position: center center;
}

/* Typography */

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: var(--it-heading-font) !important;
	font-weight:300 !important;
}

.pageBlockText h1, .pageBlockText h2, .pageBlockText h3, .pageBlockText h4, .pageBlockText h5, .pageBlockText h6 {
	margin-top: 2rem;
}

h1, .h1 {
}

h2, .h2 {
}

h3, .h3 {
}

h4, .h4 {
}

h1, .h1 {
}

h2, .h2 {
}

h3, .h3 {
}

h4, .h4 {
}

p {
	color: var(--it-dark-grey);
}

p strong {
	font-weight:600;
}

p a {	
}
 
p a:hover {
}

.smaller {font-size: 0.8rem;}

.pageBlockText li {
	color: var(--it-dark-grey);
	line-height:1.3rem;
}

.pageBlockText h2, .pageBlockText h3, .pageBlockText h4, h2.pageBlockHeading {
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom: 1px solid var(--it-gold);
}

/* Background Sepcific Typography */
.bg-pattern h1, .bg-pattern h2, .bg-pattern h3, .bg-pattern h4, .bg-pattern h5, .bg-pattern h6, .bg-pattern p, .bg-pattern p a, .bg-pattern li, .bg-slateGrey h1, .bg-slateGrey h2, .bg-slateGrey h3, .bg-slateGrey h4, .bg-slateGrey h5, .bg-slateGrey h6, .bg-slateGrey p, .bg-slateGrey p a, .bg-slateGrey li {
	color: var(--it-nearly-white);
}

/* CTA Sections */
.cta {
}

.cta a {
}

.cta a:hover {
}

/* Lists */

/* Max image size from WYSIWYG editor */
p img {
	width:100%;
	max-width:100%;
}

a:hover, a:focus {
	color: var(--it-gold);
	text-decoration: none;
}

/* Buttons */

/* header */

.zovio-nav .navbar, .navbar-brand, .navbar-area.is-sticky {
	// background-color: var(--it-dark-brown) !important;
}

.navbar-area.is-sticky .zovio-nav {margin-top:0px;}

.zovio-nav .navbar .navbar-nav .nav-item .dropdown-menu {
	// visibility: visible !important;
	// opacity:1;
}

.zovio-nav .navbar .navbar-nav .nav-item a {
	display:block;
}

.navbar-brand img {
	max-width: 200px;
}

@media only screen and (max-width: 991px) {
    .navbar-area {
		background-color: var(--it-dark-brown);
	}
	.navbar-area .logo img {
		width:150px;
	}
	.zovio-responsive-nav .others-options .option-item .search-btn {
		color: var(--it-nearly-white);
	}
	.zovio-responsive-nav .mean-container a.meanmenu-reveal span {
		background-color: var(--it-nearly-white);
	}
	.zovio-responsive-nav .mean-container a.meanmenu-reveal {
		color: var(--it-nearly-white);
		padding-top:17px;
	}
}

.page-title-area::before {opacity: 0.45;}

.centered .page-title-content h2::before {
	left:50%;
	right:50%;
	width:100px;
}

/* Footer */

.footer-area {background-color: var(--it-dark-brown)}

footer .logo a {line-height: auto;}

footer .logo img {max-width: 100px;}

footer .copyright-area {border-top-color: var(--it-gold);}

footer .copyright-area p a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

footer a:hover {
	/* color: #b7e9ff; */
}

footer .socialIcons {
	list-style-type: none;
}

footer .socialIcons li {
	display: inline-block;
	margin:0px;
	padding: 5px;
}

@media (max-width:991px) {
	footer .copyright-area p {text-align: center !important;}
}

/* Icons */
ul.socialIcons {
	list-style-type: none;
	text-align: right;
}

img.socialIcon {
	width:40px;
}

img.socialIcon:hover {
	opacity:0.5;
}

@media(max-width:1199px) {
	img.socialIcon {
		width:30px;
	}
}

@media(max-width:767px) {
	ul.socialIcons {
		padding-left:0px;
	}
}

ul.socialIcons li {
	display: inline-block;
	margin-right: 20px;
}

@media (max-width:991px) {
	ul.socialIcons li {
		display: inline-block;
		margin-right: 10px;
	}
}

ul.socialIcons li:last-child {
	margin-right: 0px;
}

ul.socialIcons li i {
	font-size: 1.5em;
	color: #fff;
}

@media (max-width:991px) {
	.footer-widget {
		margin-bottom: 20px;
		text-align: center;
	}	
	ul.socialIcons {
		text-align: center;
	}
}

/* Sections */
section {
	/* padding:50px 0px; */
}

/* Titles */
.imageTitle {
	height:auto;
	padding:0px;
}
.imageTitle img {width:100%;}

@media (min-width:1200px) {
	.main-banner-content {
		max-width: 968px;
	}
}

.main-banner-content {
	position:relative;
	z-index:10;
}

.darkOverlay {
	position:absolute;
	top: 0px;
	left:0px;
	width:100%;
	height:100%;
	background-color: rgba(11, 2, 2, 0.5);
	z-index: 2;
}

/* Pages */

.about-area {
	margin-top:0px;
	padding:50px 0px;
}
.about-content {padding-top:0px;}

.services-area {padding-bottom:0px;}

.single-services-box {margin-bottom:0px;}

.single-services-box .services-image::before {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(11, 2, 2, 0.65)));
  background: linear-gradient(to bottom, transparent, rgba(11, 2, 2, 0.65));
}

/* Call To Action */
.work-with-us-content {
	position: relative;
	z-index:10;
}

.work-with-us-area::before {
	z-index: 5;
	opacity: 0.5;
}

/* Contact */

.locations {
	position:relative;
	background-repeat: repeat-y;
}

.contact-info {padding-left:0px;}

.contact-info ul li {
	line-height:22px;
	height:75px;
	margin-bottom:15px;
	padding-top:10px;
}

.contact-info ul li span {margin-bottom:10px;}

.contact-info .fa-envelope {
	font-size:20px;
	position:relative;
	top:-2px;
}

.location {margin:30px 0px;}

.officeTitle {
	margin-bottom:40px;
}

@media (max-width:767px) {
	.officeTitle {
		margin-bottom:0px;
	}
	.contact-info {
		margin-top:20px;
		margin-bottom:40px;
	}
}

.mapContainer {
	height:400px;
	box-shadow: var(--it-box-shadow) !important;
}

.mfp-wrap {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.mfp-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.directionsPopup {
    width: 400px;
    max-height: 80vh;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
	padding:20px 30px;
}

.directionsPopup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.directionsPopup__header h4 {
    margin: 0;
	text-align: center;
	width:100%;
}

.directionsPopup__close {
    cursor: pointer;
    font-size: 18px;
    color: #666;
    padding: 4px;
}

.directionsPopup__close:hover {
    color: #000;
}

.directionsPanel {
    padding: 15px;
    overflow-y: auto;
    flex: 1;
}

.mfp-inline-holder .mfp-content {
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Forms */
.single-footer-widget .newsletter-content form .input-newsletter:focus {
    border-color: var(--it-gold) !important;
}

/* Portfolio */
.projects-details-desc .project-details-info .single-info-box {
	flex: 0 0 25%;
	max-width: 20%;
}

.projects-details-desc .project-details-info .single-info-box:last-of-type {
	flex: 0 0 50%;
	max-width: 50%;
}

.mfp-title {
	position: relative;
	top:-40px;
	height:36px;
	font-size:14px;
	line-height:36px;
	padding:0px 20px;
	background-color: var(--it-op-back);
}

/* Privacy Table */

.privacyTable {
	margin-top: 30px;
	margin-bottom: 30px;
}

.privacyTable td, .privacyTable th {
	padding: 10px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.privacyTable th {
	background-color: #eee;
}



/* Privacy Banner */
.privacywire {
	z-index:  100 !important;
	text-align: center;
}

.privacywire .privacywire-buttons {
	margin:15px 0px;
}

.privacywire button {
    position: relative;
    display: inline-block;
	margin-right:15px;
    text-align: center;
    overflow: hidden;
    color: var(--it-gold);
	border: 1px solid var(--it-gold);
    text-transform: uppercase;
    background-color: var(--it-white);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-weight: 500;
    font-size: 12px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.privacywire button.allow-all {
	background-color: var(--it-gold);
	color: var(--it-white);
}

.privacywire button:hover, .privacywire button.allow-all:hover {
	background-color: var(--it-dark-brown);
	color: var(--it-white);
	border-color: var(--it-dark-brown);
}

.privacywire button:last-of-type {margin-right:0px;}

.privacywire-body p, .privacywire-page-links a {
	font-size: 0.8rem;
}

.privacywire-body p {margin-top:10px;}

.privacywire-page-links a:hover {
	color: var(--it-gold);
}

.privacywire ul {
	list-style-type: none;
	width:auto;
	display: inline-block;
	margin:10px auto;
	text-align: left;
	font-size: 0.9rem;
}

.privacywire ul input {
	display:inline;
	margin-right:10px;
	margin-bottom:10px;
}

@media (max-width:768px) {
	.privacywire button {
		width:100%;
		margin-right:0px;
		margin-bottom:10px;
	}
}

/* Blog */

.single-blog-post .post-image::before {
	background: linear-gradient(transparent, rgba(11, 2, 2, 0.9));
}

.pagination-area .page-numbers:focus {
	background-color: #fff;
}

.blog-details-area section .container {
	padding:0px;
}

.MarkupSocialShareButtons {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px;
}

.MarkupSocialShareButtons li {
	display: inline-block;
	margin-right:15px;
	width:30px;
}

/* Search Results */
.searchResultsList li {
	text-transform: capitalize;
    padding: 6px 15px 6px 0px;
    margin: 0;
    position: relative;
    color: #252920;
    font-size: 15.5px;
    font-weight: 400;
}

/* Sitemap */
.siteMapContainer ul {padding-left:0;}

.siteMapContainer ul.sitemap {
	padding-left: 1rem;
}

.siteMapContainer ul, .siteMapContainer ul ul {list-style-type: disc;}

.siteMapContainer ul li a {line-height:26px;}

/* Header & Menu Changes 1-6-26 */

/* Desktop only (992px+): fix navbar to top of screen before scrolling, matching post-scroll sticky behaviour */
@media only screen and (min-width: 992px) {

    /* Override position:absolute/top:50px so the bar is always fixed at the top */
    .navbar-area {
        position: fixed !important;
        top: 0 !important;
        background-color: var(--it-dark-brown) !important;
    }

    /* Prevent page content from sitting behind the fixed navbar.
       Adjust this value if the navbar height changes with a different logo. */
    body {
        padding-top: 95px !important;
    }
}

/* Desktop only: transparent overlay navbar for home page.
   Triggered by .transparent-nav class on <body> (home-page.php only). */
@media only screen and (min-width: 992px) {

    /* Remove body top padding so page content starts beneath the navbar */
    body.transparent-nav {
        padding-top: 0 !important;
    }

	/* Change Is-stick (post scroll) menu background colour */
	.navbar-area.is-sticky {
		background-color: var(--it-dark-brown) !important;
	}

    /* Let the navbar sit over the pageWrapper rather than pushing it down */
    body.transparent-nav .navbar-area {
        background-color: transparent !important;
        /* Gradient: solid brand colour at top, fully transparent at bottom */
        background-image: linear-gradient(
            to bottom,
            var(--it-dark-brown) 0%,
            transparent 100%
        ) !important;
    }

	.navbar-brand, .zovio-nav .navbar {
		/* Remove background from menu section */
		background: transparent;
	}

	.zovio-nav .navbar .navbar-nav .nav-item a {
		/* re-align menu items on desktop */
		padding-bottom:0px;
		font-size: 16px;
	}

    /* Once the user scrolls and JS adds .is-sticky, revert to the solid bar */
    body.transparent-nav .navbar-area.is-sticky {
        background-image: none !important;
        background-color: var(--it-dark-brown) !important;
    }
}

/* Change main Menu item text to title case */
.zovio-nav .navbar .navbar-nav .nav-item a {
	text-transform: capitalize;
}