/*
 Theme Name:     Highstead
 Theme URI:      https://wordpress.org/themes/wp-bootstrap-starter/
 Description:    A child theme of WPBS Theme
 Author:         Afterimage Designs
 Author URI:     https://afterimagedesigns.com/
 Template:       wp-bootstrap-starter
 Version:        1.4
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

html { scroll-behavior: smooth; }
body { font-family: "neusa-next-std-compact", sans-serif;font-size:22px;font-weight: 300;color:#000000; background-color:#000000; margin-top:15px }
body p { font-family: "neusa-next-std-compact", sans-serif;font-size:22px;line-height:29px;letter-spacing: 0.53px;}

body .container {max-width: 1270px; width: auto;}

h1, h2, h3, h4, h5, h6 { font-family: "neusa-next-std-compact", sans-serif;color:#000000; }

h1, .h1 {font-size: 45px; }
h2, .h2 {font-size: 35px; }
h3, .h3 {font-size: 32px; }
h4, .h4 {font-size: 27px; }
h5, .h5 {font-size: 17px; }
h6, .h6 {font-size: 12px; }

body a, body a:hover { color: #000; text-decoration: none;}
.entry-content a {color: #000;}
article .entry-content a {font-weight: 600;}
#content.site-content { padding-bottom: 0px; padding-top: 0px;}

p strong, p b, li strong, li b, a strong, a b, span strong, span b { font-family: "neusa-next-std-compact", sans-serif; }

/*********************
*** Common Styles ****
**********************/

.row { margin-right: -8px;margin-left: -8px;}
.col-sm-12 {padding-right: 8px;padding-left: 8px;}
.zindex1 { z-index: 1; }
.pr-8 { padding-right:8px; }
.font-14 { font-size: 14px; }
.font-15 { font-size: 15px; }
.font-18 { font-size: 18px; }
.font-24 { font-size: 24px; }
.lh-24 { line-height:24px; }
.ls-082 { letter-spacing:-0.82px; }
.text-white a { color:#ffffff; }
.vh100 { min-height: 100vh; }
.modal-backdrop.show { opacity: .85; }
.mh-220 { min-height: 220px; }

.white-bg { background-color:#ffffff; }
.black-bg { background-color:#000000; }
.gold-bg { background-color:#c2b59b; }
.grey-bg { background-color:#d1d3d4; }
.gold-txtclr { color:#c2b59b; }


/*********************
*** Header & Footer ****
**********************/

.navbar .navbar-brand img { width: 160px; }
header#masthead { border-top: 15px solid #000; }

header#masthead nav { padding-top: 22px; padding-bottom: 22px; }
header#masthead { margin-bottom: 0; background-color: rgba(0, 0, 0, 0.8); box-shadow: none; padding: 0;transition: height 0.4s linear;overflow-y: hidden; }
.navbar-light .navbar-brand { margin-left: 10px; }
header#masthead .rht-headbg { height: 80px; }
body:not(.theme-preset-active) #masthead .navbar-nav > li { padding: 14px 0 14px 65px; }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a { color: #000000; font-size: 15px; position: relative; padding: 0;font-weight: 400;text-transform:uppercase; font-family: "neusa-next-std-compact", sans-serif;-webkit-transition:color 1s ease-in;-moz-transition:color 1s ease-in;-o-transition:color 1s ease-in;transition:color 1s ease-in;  }
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li > a:focus { color: #ff0000; font-weight: 400; }  
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item.active a, body:not(.theme-preset-active) #masthead .navbar-nav > li.current-page-ancestor a { color: #ff0000; font-weight: 400; -webkit-text-fill-color: unset; background: none; }

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:before {}
body:not(.theme-preset-active) #masthead .navbar-nav > li:last-child a:after { display: none; }


body:not(.theme-preset-active) #masthead .navbar-nav .dropdown-toggle::after { display: none; }
.navbar-expand-lg .navbar-nav .dropdown-menu { background: none;height:max-content;bottom:0;width:230px;border: none; border-radius:0;margin:0 0 0;padding-top:0px;padding-bottom:15px;-webkit-animation-duration: 1.75s;animation-duration: 1.75s; display: block;visibility:hidden;opacity:0;transition:visibility 0s, opacity 1s linear;}
body:not(.theme-preset-active) #masthead .navbar-nav > li.menu-item-has-children:hover .dropdown-menu { visibility: visible; opacity: 1;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item {color: #d0d0d0;font-size: 14px;position:relative;line-height: 1.25;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover {color: #ff0000;}
body:not(.theme-preset-active) #masthead .navbar-nav .dropdown-menu li .dropdown-item:after  { display: block; }


#footer-widget.bg-light { background-color: none !important; }
#footer-widget.bg-light .nav > li > a { color: #ffffff; padding: 0 0 5px;}
#footer-widget.bg-light .nav > li > a:hover { background: none; }
body:not(.theme-preset-active) footer#colophon { color: #ffffff; background-color: transparent; padding: 50px 0;}
#footer-main-nav { display: -ms-flexbox!important; display: flex!important; -ms-flex-preferred-size: auto; flex-basis: auto; }
#footer-main-nav ul.navbar-nav { -ms-flex-direction: row; flex-direction: row; }
#footer-main-nav ul.navbar-nav li { display: inline-block; }
#footer-main-nav ul.navbar-nav li a { font-size: 15px; padding: 0 10px; border-right: 1px solid #fff;
    line-height: 1;  }
#footer-main-nav ul.navbar-nav li:last-child a { border-right: 0px solid #fff; }
.widget .widget-title { line-height: 1.04; color: #FFFFFF; font-size: 18px; }
footer#colophon ul a.nav-link { padding-left: 0; padding-right: 0;transition: all 500ms ease;}
footer#colophon ul a.nav-link:hover { color: #ff0000; }
footer#colophon a.hvr-float-shadow img {transition: all 500ms ease; }
footer#colophon a.hvr-float-shadow img:hover {opacity: .5; }
.site-footer p, .site-footer ul.list-inline li a { font-size: 15px; position: relative;padding-top: 0;padding-bottom: 0px; font-weight: 400;}
.site-footer p, .site-footer h5 { font-size:15px!important; }
.site-footer .titledivder::after {width:8px;bottom:-7px;left:0px;}
#footer-policy-nav ul { margin-bottom:0; }
#footer-policy-nav ul li { display: block; }
#footer-policy-nav ul li a {  }
#footer-policy-nav ul li a:hover { color: #ff0000; }

.footer-signup {  }
.footer-signup .nf-form-content { padding: 0; }
.footer-signup .nf-form-cont .nf-form-fields-required { display:none; }
.footer-signup .nf-form-content input:not([type="button"]), .footer-signup .nf-form-content input:not([type=button]):focus { height: 40px;background: none;border: 1px solid #fff; }
.footer-signup .nf-form-content input:not([type="button"])::placeholder { color: #fff;opacity: 1;}
.footer-signup .nf-form-content input:not([type="button"]):-ms-input-placeholder { color: #fff; }
.footer-signup .nf-form-content input:not([type="button"])::-ms-input-placeholder { color: #fff; }
.footer-signup .nf-form-content input[type="submit"] { padding: 0 25px; }
.footer-signup .nf-pass.field-wrap .nf-field-element::after, .footer-signup .nf-error.field-wrap .nf-field-element::after { right: 0px;height: 40px;line-height: 40px;width: 40px;}

#content.site-content { margin-top:94px; }
.admin-bar #content.site-content { margin-top:48px; }
.home #content.site-content { margin-top:0px; }
.home header#masthead { height:0; }
.home header#masthead.hscroll { height:94px; }


.home .h-intro {  }
.home .h-intro .h-innerwrap {  }
.home .h-intro .h-innerwrap img { width:428px; }
.home .h-intro .scroll-down { position:absolute;bottom: 20px;left: 50%;right: auto;margin-left: -12px;transition: all .3s; }
.home .h-intro .scroll-down img { width:auto; }
.home .h-intro .scroll-down:hover {  bottom: 10px; }


.home .heropanel { min-height:100vh; }
.home .heropanelwrap { /*margin-top: 80px;*/ position: relative; }
.hs_banner_block { width: 540px; height: 440px;position: absolute;z-index: 1;padding: 50px 142px 50px 30px;top:125px; }
.heropanel .hslide.slick-slide { padding-left:0px; padding-right:0px; }

.hs_banner_block::before {position:absolute;right:-163px;top:0px;background-image: url('assets/images/highsted-line-graphic-black.svg');content:'';width: 187px;height: 440px;}

.heropanel.slimbanner .mt_banner_img_block::before { background-image: url('assets/images/highsted-line-graphic-black-slim.svg');width: 201px;height: 330px;top: 0;background-position: -22px;}


.mt_banner_img_block { position: relative; }
.mt_banner_img_block::before {position:absolute;left:0;top:-1px;background-image: url('assets/images/highsted-line-graphic-black.svg');content:'';width: 137px;height: 100%;border-left: 24px solid;height: 550px;}
.heropanel .mt_banner_img_block img { display: block;object-fit: cover;width: 100%; }
.nolines .mt_banner_img_block::before {display:none;}
.heropanel.slimbanner .mt_banner_img_block img { height: 330px;width: 100%; }
.hero-slider-dots.left-dot .slick-dots { left: 30px;bottom: 30px;}
.slimbanner .slimcontent { padding: 50px 20px 50px 40px; }

.slimhero { position:relative;overflow: hidden; }
.slimhero .extram { position:relative; }
.slimhero figure img {  position: absolute;top: 0;bottom: 0;left: 0;right: 0;min-width: 100%;min-height: 100%;  object-fit: cover; z-index:10; }
.slimhero .slimherowrap { position: absolute;top: 0;bottom: 0;left: 0;right: 0;min-width: 100%;min-height: 100%;  object-fit: cover; z-index:11; }
.slimhero .overlayblackbg { width: 36.4px;position: absolute;background: #000;height: 100%;top: 0;z-index: 11; }
.slimhero .slimcontent { padding: 50px 20px 50px 15px; }
.slimhero, .slimhero .slimcontent { height: 330px; }
.slimhero .mt_banner_img_block::before { background-image: url('assets/images/highsted-line-graphic-black-slim.svg');    width: 201px;height: 330px;top: 0;background-position: -22px; }


.journeyslide {  }
.journeyslide .tslide, .journerbanner .tslide{ position: relative;min-height: 375px;overflow: hidden; }
.journeyslide .tslide figure {  }
.journeyslide .tslide figure img, .journerbanner .tslide figure img { position: absolute;top: 0;bottom: 0;left: 0;right: 0;min-width: 100%;min-height: 100%;  object-fit: cover; }

.mt_journey_block { position: relative;min-height: 295px; }
.mt_journey_block figure img { position: absolute;top: 0;bottom: 0;left: 0;right: 0;min-width: 100%;min-height: 100%;  object-fit: cover; }
.mt_journey_block::before {position: absolute;right: 0;bottom: -43px;background-image: url('assets/images/highstead-journey-line.svg');content: '';width: 100%;height:43px;z-index:100;}


.slick-dots { position: absolute;padding: 0;bottom: 10px;margin: 0;right: 10px; }
.slick-dots li { position: relative;display: inline-block;margin: 0 5px;padding: 0;cursor: pointer; }
.slick-dots li button{ font-size: 0;background: rgba(255,255,255, 0.5);border: none;box-shadow: none;width: 50px;height: 4px; border-radius: 0; }
.slick-dots li.slick-active button{ background: rgba(255,255,255, 1);}
.left-dot .slick-dots { left: 5px;right: unset;bottom: 0px;}
.journeyslide.left-dot .slick-dots { left: 15px;right: unset;bottom: 10px;}
.nodots .slick-dots { display:none; }

.featured-projects {  }
.featured-projects .slick-dots li { margin: 0 2px; }
.featured-projects .slick-dots li button { width: 50px;margin-right: 65px;position: relative; }
.featured-projects .slick-dots li button::after { content:''; background: rgba(255,255,255, 0.5); position:absolute;right: -60px;height: 4px;width: 50px;top: 0; }
.featured-projects .slick-dots li.slick-active button::after{ background: rgba(255,255,255, 1);}

/*
.journeyslide-bg { position: relative; }
.journeyslide-bg::before {position: absolute;right: 0;top: 0;background-image: url('assets/images/highsted-line-graphic-white.svg');content: '';width: 73px;height: 100%;z-index:100;} */

.clients-cat-list {  }
.clients-cat-list button { background: none;border: none;box-shadow: none;font-size: 15px; font-weight: 400!important; display:block;text-transform: uppercase; outline:none; }
.clients-cat-list button.active { color: #ff0000; }

.project-wrap { position: relative;overflow:hidden; }
.project-wrap .project-info { position:absolute;bottom:0;background-color:rgba(255, 255, 255, 0.9);padding:17px; }
.project-wrap .project-info .project-info-inner { max-height: 0;overflow:hidden;transition: max-height 0.45s ease-out; }
.project-wrap:hover .project-info .project-info-inner { max-height: 250px;transition: max-height 0.45s ease-in; }
.project-wrap figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .45s ease-in-out; transition: .45s ease-in-out;height: 370px;object-fit:cover;width: 100%; }
.project-wrap:hover figure img { -webkit-transform: scale(1.15); transform: scale(1.15); }

.project-wrap.client-cat .project-info { background: #000;width: 100%;top: 0;bottom: unset;height: 50%; }

.hover-img figure { overflow: hidden; }
.hover-img figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .45s ease-in-out; transition: .45s ease-in-out; }
.hover-img:hover figure img { -webkit-transform: scale(1.15); transform: scale(1.15); }

.getdirections{ position: relative;display: inline-flex;width: auto !important;align-self: baseline;border-bottom: 2px solid; padding-right: 20px; }
.getdirections::after { position: absolute;background-image: url('assets/images/get-directions-icon.png');content: '';width: 15px;height: 14px;z-index: 100;display: block;left: 113px;top: 4px;background-size: 100%; }

.page-template-legal ol { padding-left:18px; }


/**** Our Approach *****/

.whitebg .uagb-container-inner-blocks-wrap { background-color:#ffffff; padding: 15px 15px 15px 15px;}
.blackbg .uagb-container-inner-blocks-wrap { background-color:#000000; padding:25px 15px;}
.goldbg .uagb-container-inner-blocks-wrap { background-color:#c2b59b; padding:15px 15px 10px 15px;}
.greybg .uagb-container-inner-blocks-wrap { background-color:#d1d3d4; padding:25px 15px;}
.black-bg .uagb-container-inner-blocks-wrap { background-color:#000000; padding:25px 15px;}
.ourteamwrap .uagb-container-inner-blocks-wrap { padding: 15px 7px; }
body.page-id-29, body.page-id-29 header#masthead, body.page-template-journeys, body.page-template-journeys header#masthead { background-color: #c2b59b; border-color:#c2b59b; }
body.single-journey, body.single-journey header#masthead { background-color: #000000; border-color:#000000; }

body.page-id-29 .services ul li {font-size:21px; line-height: 27px}
body.page-id-29 .services ul li::marker {font-size:15px;}
body.page-id-29 .services p {font-size:21px; line-height: 27px}
body.page-id-29 .services figure {margin: 0}

body.page-id-29 header#masthead { border-top: 15px solid #c2b59b; }
.page-template-journeys .slimbanner .slimcontent { padding-left: 60px; }
 

.teammember {}
.teammember .memberintro { opacity:0;transition: opacity 0.85s; }
.teammember:hover .memberintro { opacity:1; }
.teammember .memberintro p { font-size: 13px;line-height: 1.2;margin-bottom: 8px;color: #fff; }
.teammember .memberintro div {  }
.teammember figure { height: 100%; }
.teammember figure img { height: 100%;width: 100%;object-fit:cover; }

.modal-dialog blockquote p { font-weight: 400; letter-spacing: .5px; font-size: 18px; color: #993300; }


.journeyslide-bg { border: 1rem solid #fff;background-color: #9AA1A9; }
.journeyslide-bg .mt_journey_img_block { background-color: #9AA1A9; }

.nf-form-content .ninja-forms-field, .extram h6, .zindex1 h6 {font-size: 15px!important; font-weight:400; line-height:14px; }
body.page-id-123 p {font-size:21px; line-height: 27px}
.site-footer .d-flex img {margin-top: 4px}
.site-footer p {position: relative; top: 12px;}

#legal-nav ul.list-inline li a { font-size: 15px;position: relative;padding-top: 0;padding-bottom: 0px;font-weight: 400;text-transform: uppercase;}
#legal-nav ul a.nav-link { padding-left: 0; padding-right: 0;transition: all 500ms ease;}
#legal-nav ul a.nav-link:hover, #legal-nav ul .current-menu-item a.nav-link { color: #ff0000; }

@media screen and (min-width: 1400px) {
    .extram { margin-left: 85px;margin-right: 85px; }

}

/**** Small Screen device *****/

@media screen and (max-width: 1090px) {
    .mt_asset_block .mt_txt_block_wrap {min-height: 300px;}
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 801px) and (max-device-width: 1112px) {
    h3, .h3 { font-size: 23px; }
    .home .heropanel { min-height: auto; }
    .hs_banner_block { height: 400px; }
    .hs_banner_block::before { height: 400px; }
    .project-wrap figure img { height: 281px; }
}

@media screen and (max-width: 800px) {

header#masthead, header#masthead.submenunav {height: auto;}
.navbar-light .navbar-brand { margin-left: 0;}
header#masthead.mobnav, header#masthead.mobnav .mob-nav-bar {height: 100%;}
.navbar .navbar-brand {padding-top: 12px;padding-bottom: 12px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li {padding: 14px 0 8px 25px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {color: #ffffff;font-size: 20px;}
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item.active a, body:not(.theme-preset-active) #masthead .navbar-nav > li.current-page-ancestor a { font-weight: 500; }
.navbar .navbar-brand img { width: 160px; }
.navbar-light .navbar-toggler-icon { background-image:url(assets/images/icon-menu.png);background-size: 23px;}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background-image:url(assets/images/menu-close-icon.svg);background-size: 25px; }
header#masthead .mob-nav-bar { background-color:#cbbba0;position: fixed;width: 100%;z-index: 10000;height: 100%;}
header#masthead.mobnav, header#masthead.mobnav .mob-nav-bar { height: 100%;}
header#masthead .mob-nav-bar #mob-nav { padding-top: 10px; }
.hs_banner_block { position:unset;width: 100%;height: auto;padding: 50px 17px 50px 30px; }
.home .heropanel { min-height: auto; }
.slimbanner .slimcontent { padding: 30px 20px 30px 30px; }
.hs_banner_block::before { display: none; }

.slimhero, .slimhero .slimcontent { height: auto; }
.slimhero .overlayblackbg { display:none; }
.slimhero figure img { position:relative;padding: 0 15px;height: 200px;object-fit: cover; }
.slimhero .slimherowrap { position:relative; }
.slimhero .slimcontent { padding: 20px 20px 20px 15px; }


.featured-projects .slick-dots li { margin: 0 5px;}
.featured-projects .slick-dots li button { margin-right: 0; }
.featured-projects .slick-dots li button::after { display:none; }

.home .h-intro .h-innerwrap img { width:258px; }
.home .h-intro .scroll-down img { width: auto; }
.home .h-intro .h-innerwrap p { font-size:13px; }

.site-footer ul.list-inline li a { font-size: 18px; }
body:not(.theme-preset-active) footer#colophon { padding: 50px 0 0; }
.heropanel .hs_banner_block, .mt_banner_img_block::before { display:none; }
.heropanel .slick-slide img { display: block;height: 500px;object-fit: cover;}
.heropanel.slimbanner .mt_banner_img_block img { height: 300px; }

.clients-cat-list button { display: inline-block;}
.clients-cat-list button:first-child { padding-left: 0; }
.mob-font-small { font-size: 20px; }
.single-journey .journerbanner .tslide {  min-height: 180px; }
.single-journey .journerbanner .tslide figure img {  object-position: right; }
.home .journeyslide .tslide figure img { object-position: 80%;}
.mobpadrht90 { padding-right:90px !important; }

}

@media screen and (max-width: 420px) {

    .hs_banner_block { padding-bottom:80px; }

}
