/*
Theme Name:     accoes
Theme URI:      https://www.accoes.com/
Description:    ACCO WP-Theme
Version:        1.0
Author:         The Agency Orange
Author URI:	    https://www.theagencyorange.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
header {width:100%;position:absolute;top:0;left:0;z-index:20;background:#fff;border-bottom:1px solid #eee;}
body,body *{box-sizing: border-box}
.header-top {display:none;padding:7px 0;background:#EFEFF0;}
.header-inner {padding:15px 0;}
.logo {display:block;width:155px;float:left;}
.logo img {display:block;}

/* Main Menu */
.mainNav {float:right;}
.mainNav li {display:block;float:left;font-size:12px;line-height:55px;margin-left:15px;border-left:1px solid #95989A;padding-left:15px;font-weight:600;text-transform:uppercase;}
.mainNav > li:first-child {margin-left:0 !important;padding-left:0 !important;border:none;}
.mainNav li a {color:#165395;transition:all 0.3s ease;}
.mainNav li > a:hover,
.mainNav li.current-menu-item > a {color:#87A46A;}

/* Level 2 */
.mainNav > li > ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav > li > ul {position: absolute; top: 100%;width:100%;margin-top:-5px;max-width:200px;text-align:left;z-index:99;background:#fff;-webkit-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
   -moz-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
   box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);}
.mainNav > li:last-of-type > ul {right:0;}
.mainNav ul li {display:block;float:none;margin:0;padding:0;line-height:1.4;position:relative;border:none;}
.mainNav ul li a {color:#222;display:block;padding:10px 20px;}
.mainNav ul li a:hover {color:#222;background:#87A46A;}

.mainNav ul > li > ul {display:none;}
.mainNav ul li:hover ul {display:block;}
.mainNav > li > ul > li > ul {position:absolute;top:20px;right:100%;background:#fff;-webkit-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
   -moz-box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);
   box-shadow: 5px 5px 10px 0px rgba(66,65,66,1);width:100%;max-width:200px;}
.mainNav ul ul ul li a {padding:5px 5px 5px 30px;}

.top-links {text-align:right;}
.top-links li {display:inline-block;margin-left:30px;font-size:1.3rem;}
.top-links li a {color:#535353;transition:all 0.3s ease;}
.top-links li a:hover,
.top-links li.current-menu-item a {color:#00497F;}


/* Responsive Menu */
.mainNav {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;margin:10px 0;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after{background:#165395;}
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#165395;}


.mobile-nav {position: fixed;left: 0; top: 85px; height:calc(100% - 85px); width: 100%;; background:#165395; z-index:98;-webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: scroll; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%);-webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; transition-duration: 0.4s;}
.mobile-nav.is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.mobile-nav-inner {padding:40px 20px;}

.mobileNav li a {color:#fff;}
.mobileNav > li {font-size:1.6rem;line-height:2;border-top:1px solid #ddd;position:relative;}
.mobileNav .toggle-nav-arrow {display:block;position:absolute;top:0;right:10px;color:#fff;font-size:2.0rem;}
.mobileNav li ul {display:none;margin:0 0 0 20px;}


.call-cta {display:none;width:50px;position:fixed;top:100px;right:0;z-index:999;transition:all 0.3s ease}
.call-cta a {display:block}
.side-social {margin-top:5px;width:50px;height:50px;line-height:50px;text-align:center;font-size:20px;color:#fff !important;}
.social-fb {background:#165396;}
.social-tw {background:#1C9CEA;}
.social-li {background:#0E72A3;}
.social-yt {background:#BB1F24;}

.call-cta .open-modal {background:#145496;}
.call-cta .open-modal:hover{background:#87A46A}

.search-bar{ display:none; position:absolute; top:100%; left:0; padding:20px 0; width:100%; background:#fff;border-top:1px solid #eee; }
.search-bar.active-bar{ display:block; }
.search-bar input{ padding:0 10px; height:40px; line-height:40px; width:75%;margin-right:2%; display:block; float:left; box-sizing:border-box; }
.search-bar input[type=submit]{ width:20%;height:40px;line-height:40px; background:#76C14E; border:1px solid #76C14E; color:#fff; }

.post-edit-link {display:block;position:fixed;top:50%;left:0;padding:10px;z-index:99999999;background:#000;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

.contact-pop-widget{ padding:20px; }
.widget-top{ background:#165396; }
.widget-top span{ font-size:17px; line-height:1.2; color:#fff; }
.widget-btm{ background:#80bc00; margin-bottom:20px; }
.widget-btm p{ font-size:17px; line-height:1.2; color:#222; }
.widget-btm p a{ color:#fff !important; }
.widget-btm span{ font-size:10px; color:#222; }
.contact-pop-social{ display:block; float:left; margin-right:5px; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff !important; }

.covid19-bar {padding:8px 20px;background:#ff5252;font-size:1.4rem;font-weight:300;}
.covid19-bar a {color:#fff;}
.covid19-bar a:hover {color:#A5BAC9;}
.hs-input:not([type=file]) {background-color: #fff!important;}

/* -- @CONTENT ---------------- */

.future-explore .button {height:45px;line-height:45px;font-size:2.0rem;padding:0 45px}

.bg-cover {background-position:center center;background-repeat:no-repeat;background-size:cover;}
.home-hero {width:100%;height:100%;position:relative;}

.home-slider {width:100%;height:100%;background:#fff;position:relative;}
.home-hero-inner {position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;}
.hero-txt {display:table;width:100%;height:100%;}
.hero-txt-inner {display:table-cell;vertical-align:middle;}
.home-hero-inner h2 {font-size:1.6rem;color:#fff;line-height:1.4;font-weight:400;padding:0 5%;text-shadow: 3px 3px #222;}

.flexslider .slides > li {background-position: center;position:relative;height: 100%;width: 100%;display: none;-webkit-backface-visibility: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
.flexslider-container,
.flexslider .slides,
.flex-viewport {height: 100%;}
ul.slides {margin: 0;padding: 0;}
.flexslider {margin: 0;padding: 0;width: 100%;height: 100%;border: 0px;overflow: hidden;}

.recruiting-slider.flexslider {height: 200px;}

@-moz-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);transform: translateY(0);}
   40% {-moz-transform: translateY(-5px);transform: translateY(-5px);}
   60% {-moz-transform: translateY(-5px);transform: translateY(-5px);}
}
@-webkit-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
   40% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
   60% {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}
@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);}
   40% {-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
   60% {-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
}

.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;position: absolute;left: 50%;margin-left: -15px;width: 30px;height:30px;font-size:30px;color:#fff;}
.scroll {bottom: 10px;}


.home-banner {width:100%;height:300px;margin-top:85px;}
.home-banner h1 {color:#fff;font-size:2.0rem;padding-right:80px;}

.video-banner {overflow:hidden;position:relative;}
.video-banner video{ position:absolute; top:50%; left:50%; z-index:0; min-width:100%; min-height:100%; width:auto; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

.hide-it {display: none!important;}
.callout-banner {background: #165395; color: #ffffff;padding:15px 0;}
.callout-banner__body {display: flex; align-items: center; flex-direction: column; gap: 30px;}
.callout-banner__btn.section-title  {display: inline-block; margin-bottom: 0;background-color: #ffffff;}
.callout-banner_body p {font-size:2.0rem;}

input[type=submit],
button,
.button {display:inline-block;padding:0 30px;height:35px;line-height:35px;background:#87A46A;color:#fff;text-transform:uppercase;font-weight:600;transition:all 0.3s ease;border:none !important;}
.button-alt {background:#165395;}
.button:hover {background:#76c706;color:#fff;}
.button-alt:hover {background:#024894;}

.section-title {color:#165395;margin-bottom:40px;}
.section-title span {display:inline-block;border:1px solid #165395;font-size:1.8rem;padding:10px 50px;}

.feat-project-pic {padding-right:30px;margin-bottom:20px;}
.featured-project h2 {margin-bottom:5px;}
.featured-project h6 {margin-bottom:10px;}
.feat-project-details,
.feat-project-content {float:left;}
.feat-project-details {width:30%;}
.feat-project-content {width:65%;margin-left:5%;}
.feat-project-details p,
.feat-project-content p {font-size:1.2rem;}

.home-project-block {position:relative;}
.home-project-block a,
.home-project-block img {display:block;}

.home-project-block .project-block-overlay {opacity:0;position:absolute;width:100%;height:100%;background:rgba(95,95,95,0.90);top:0;left:0;transition:all 0.4s ease;}
.home-project-block:hover .project-block-overlay {opacity:1;}
.project-block-info {width:100%;position:absolute;bottom:-100px;left:0;text-align:center;transition:all 0.4s ease;}
.home-project-block:hover .project-block-info {bottom:45%;}
.project-block-info h4 {color:#fff;font-size:1.8rem;font-weight:300;margin:0 5%;}


.home-solution-button {display:block;margin-bottom:20px;background:#165395;color:#fff;padding:10px 0;position:relative;}
.home-solution-button:after {content:"\f054";font-family: "Font Awesome 5 Free";font-weight:900;position:absolute;top:8px;right:20px;font-size:1.6rem;}
.home-solution-button:hover {background:#87A46A;color:#fff;}
.home-solution-content h2 {font:2.0rem/1.2 'Futura Light', sans-serif;}

.video-thumb {display:block;margin-bottom:20px;position:relative;}
.video-thumb i {position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;color:#fff;font-size:5.0rem;}
.video-thumb:hover i {color:#87A46A;}

.latest-news p  {line-height:1.6;}

.home-eparts {display: table;width: 100%;}

.epart-col {width:50%;display: table-cell;}
.epart-left {background:#165396;}
.epart-left-inner {width:80%;max-width:600px;float:right;padding:60px 40px;box-sizing:border-box;}

/* CMS pages */
.page-title-banner,
.project-banner {height:200px;margin-top:85px;}
.page-title h1 {display:inline-block;margin-top:170px;margin-bottom:0;color:#165395;}


.single-location .entry h2 {padding:10px;background:rgba(0,0,0,0.1);margin-bottom:40px;color:#222;}

/* Philanthropy / Giving Back */
.philanthropy-logos,
.philanthropy-logos li {margin:0;list-style: none;}
.philanthropy-logos {width:90%;max-width:1400px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.philanthropy-logos li {width:50%;padding:25px;text-align: center;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}

.gallery-grid {display:flex;flex-wrap: wrap;justify-content: center;}
.gallery-block {width:50%;padding:10px;box-sizing: border-box}

/* Locations */
.locations-slider {margin-top:80px;width:100%;height:40vh;background:#fff;position:relative;}

.location-even,
.testimonial-odd {background:#f9fafc;}

.location-col-inner {width:100%;max-width:580px;box-sizing:border-box;padding:20px;}
.location-col-inner a {font-weight:600;}
.page-id-600 .location-info {padding:20px 0 10px;min-height:0;}
.location-info h3 {font-weight:300;}
.location-info th,
.location-info td{display:block;text-align:left;}

/* Project Archive */
.filter-bar {width:100%;margin-top:85px;position:relative;}
.filter-bar-labels {background:#eee;}
.filter-bar-block {border-bottom:2px solid #fff;cursor:pointer;}

.filter-block-label {display:block;height:45px;line-height:45px;font-size:1.6rem;text-align:center;}
.filter-block-label span {display:inline-block;position:relative;}
.filter-block-label span:after {content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:1px;right:-20px;font-size:2.0rem;}
.filter-bar-block:hover .filter-block-label span:after,
.filter-bar-block.clicked .filter-block-label span:after{color:#87A46A;}

.filter-bar-nav {display:none;width:100%;padding:20px 0;background:rgba(238,238,238,0.95);position:absolute;top:100%;left:0;z-index:99;}
.filters {margin-left:20px;  columns: 3;-webkit-columns: 3;-moz-columns: 3;}
.filters li {display:block;position:relative;padding-left:20px;font-size:1.4rem;line-height:1.5;margin-bottom:6px;color:#444;cursor:pointer;}
.filters li:before {content:"";width:16px;height:16px;position:absolute;left:0;top:2px;border:1px solid #87A46A;border-radius:100%;}
.filters li:hover:after,
.filters li.selected:after{content:"";width:12px;height:12px;position:absolute;left:3px;top:5px;background:#87A46A;border-radius:100%;}

.project-grid {min-height:600px;}
.project-block {position:relative;}
.project-block a,
.project-block img {display:block;}

.project-block .project-block-overlay {opacity:0;position:absolute;width:100%;height:100%;background:rgba(95,95,95,0.90);top:0;left:0;transition:all 0.4s ease;}
.project-block:hover .project-block-overlay {opacity:1;}
.project-block-info {width:100%;position:absolute;bottom:-100px;left:0;text-align:center;transition:all 0.4s ease;}
.project-block:hover .project-block-info {bottom:45%;}
.project-block-info h4 {color:#fff;font-size:1.8rem;font-weight:300;margin:0 5%;}

/* Leadership */
.leadership-row {padding:50px 0;}
.leadership-row.even-post {background:#F0F0F0;}

.leadership-row h3,
.leadership-row p {color:#165395;}
.leadership-row h3 {font-weight:300;}

/* Subsidiaries */
.subsidiaries-row {margin-top:60px;}
.subsidiaries-row h3 {font-weight:400;color:#00497F;}
.subsidiaries-row .button {border:2px solid #165395 !important;background:none;color:#165395}
.subsidiaries-row .button:hover {background:#165395;color:#fff;}

/* Project Detail */
.project-banner {position:relative;}
.project-hero-bg {width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover;background-position:center center; background-repeat:no-repeat;transition:all 0.3s ease}
.no-show {opacity:0;}

h2.project-title {font-size:2.0rem;}
.project-thumbs {margin-bottom:20px;}
.project-thumbs li {display:block;float:left;width:24%;margin-right:1%;margin-bottom:1px;}

.project-details h3,
.project-desc h3 {font-size:1.8rem;}
.project-details p {margin-bottom:10px;}

/* Blog Archive */
.archive-post {padding-top:20px;}
.archive-post.even-post {background:#F0F0F0;}
.archive-post-content {padding:20px 0;}
.archive-post-thumb {width:100%;height:200px;}

/* Team */
.team-grid {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;cursor:pointer;padding:40px 0 120px;}
.team-block {margin-bottom:40px;}
.team-block-pic img {display:block;border-radius:100%;overflow:hidden;margin-bottom:10px;filter:grayscale(0);transition:all 1s;}
.team-block:hover .team-block-pic img {display:block;filter:grayscale(100%);border-radius:100%;overflow:hidden;}
.team-block:hover .team-block-name p strong {color:#85B93F;}

.team-popup {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.8);z-index:99999;overflow:scroll;}
.team-popup.active {display:block;}
.team-popup-inner {position:absolute;width:90%;top:10%;left:50%;transform:translateX(-50%);max-width:1200px;padding:20px;box-sizing: border-box;background:#fff;}
.team-popup-content {padding:20px;}
.team-popup-close span {display:inline-block;font-size:2.0rem;cursor:pointer;}
.team-popup-close span:hover {color:#85B93F;}

.team-popup-header {padding-bottom:20px;}
.team-popup-pic {max-width:200px;margin:30px auto;}
.team-popup-pic img {display:block;border-radius:100%;overflow:hidden;}

.team-block h3,
.team-popup h3 {font-size:2.0rem;line-height:1;margin-bottom:0;}
.team-block p,
.team-popup p {margin-bottom:10px;line-height:1.5;}

.team-popup-name p:first-of-type {font-size:1.6rem;margin-bottom:10px;}
.team-popup-name .entry p {font-size:1.5rem;line-height:1.4;}


/* Facility */
.facility-feat-row {display: flex; flex-direction: column;}
.facility-feat-row:not(:last-child) { margin-bottom: 50px;}
.facility-feat-row .facility-feat-content-inner {padding: 0 20px;}

/*
  * Template: Facility Service
*/
.main-facility-service .facility-feat-row:not(:last-child) {margin-bottom: 0;}

.main-facility-service .cta {background-color: #f9fafc;}

.white-btn.button {border: 2px solid #165395 !important;background: #ffffff;color: #165395;}
.white-btn.button:hover {background: #165395;color: #ffffff;}

.js-accordion-title {display: flex; align-items: center; justify-content: space-between; cursor: pointer; border-bottom: 1px solid #535353; margin-bottom: 10px; padding-bottom: 10px; position: relative; z-index: 5;}
.js-accordion-title h3 {margin: 0; font-weight: 400; line-height: 1;}
.js-accordion-title .fas {font-size: 24px;}
.item-body.active-item-body .js-accordion-title .fas:before {content: "\f068";}
.js-accordion-content {display: flex;flex-direction: column; opacity: 0; height: 0; transition: all .3s;}
.item-body.active-item-body .js-accordion-content { opacity: 1; height: auto; padding-bottom: 20px; }

/* #ACCO Future
================================================== */
.acco-future-banner {margin-top: 88px;}
.acco-future-banner .banner-content {padding:40px;background: #005394;box-sizing:border-box;}
.acco-future-banner .banner-content h1{color: #fff;font-weight: 900;font-size: 4.5rem;}
.acco-future-slider {margin:0 !important;}
.slick-list {padding-left: 0 !important;}
.acco-future-slider .slick-slideshow__slide{height: 400px;margin:0;}
.acco-future-slider .image_item {height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.acco-future-slider .youtube_item{height: 100%;}
.acco-future-slider .youtube_item iframe{width: 100% !important;height: 100% !important;}
.acco-future-slider .video_item{height: 100%;}
.acco-future-slider .video_item video{width: 100%;height: 100%;object-fit: cover;}
.acco-future-slider .slick-dots{bottom: 10px;pointer-events: none;}
.acco-future-slider .slick-dots li{pointer-events: all;}

.acco-future-slider .slick-dots button{border: 1px solid #fff !important;border-radius: 100%  !important;;}
.acco-future-slider .slick-dots button:before{content: '';}
.acco-future-slider .slick-dots .slick-active button{background: #fff !important;}

.future-why-row {margin-bottom:30px;}
.why-icon{width: 70px;margin-bottom:20px;}
.why-content p {margin-bottom:5px;}
.why-content p span {font-weight:700;}

.future-why-right {width:100%;height:300px;}

.future-accordion-row {margin-bottom:20px;}
.future-accordion-header {background: #045395;padding: 10px 15px;cursor: pointer;position: relative;}
.future-accordion-header span {font-size: 14px;line-height: 1.6;color: #fff;}
.future-accordion-header:before{content: '';width: 10px;height: 1px;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.future-accordion-header:after{content: '';width: 1px;height: 10px;background: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 25px;}
.future-accordion-content {padding-top:20px;display:none;}

.active .future-accordion-header:after{opacity: 0;}
.active .future-accordion-content {display:block;}

.future-accordion-slider {position:relative;}
.future-accordion-slider .slick-dots {bottom:10px;}
.future-accordion-slider .slick-dots button{border: 1px solid #fff !important;border-radius: 100%  !important;;}
.future-accordion-slider .slick-dots button:before{content: '';}
.future-accordion-slider .slick-dots .slick-active button{background: #fff !important;}

.future-footer-banner {width:100%;height:200px;}

.career-about-block {margin-bottom:20px;}
.career-about-block p {font-size:2.0rem;margin-bottom:5px;color:#045395;}
.about-block-button {display:block;padding:7px 5px;text-align:center;font-size:1.3rem;font-weight:600;color:#fff;}
.about-block-button:hover {background:#045395 !important;color:#fff;}

/* Location Detail */
.location-banner {margin-top:85px;padding:40px 0;position:relative;}
.location-banner:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background: linear-gradient(to right,  rgba(0,82,149,1) 30%,rgba(0,82,149,0.7) 100%);}
.location-banner > div {position:relative;z-index:3;}

.location-banner-top {padding-bottom:100px;}
.location-banner-top p,
.location-banner-top h1 {color:#fff;margin-bottom:5px;line-height:1.2;font-weight:700;}
.location-banner-top h1 {font-size:4.5rem;}

.location-banner-btm p {color:#d8a63f;font-size:2.0rem;}
.button-yellow {background:#d8a63f;}

.location-cta-ribbon {padding:20px 0;background:#d8a63f;text-align:center;}
.location-cta-ribbon p {font-size:2.0rem;color:#fff;}

.location-banner-license p {color:#fff;margin:20px 0 0;font-size:1.6rem;font-weight:700;}
.location-banner-license p a {color:#fff;}

.location-detail {background:#ddd;}
.location-detail-row {padding:30px 0;border-bottom:1px solid #333;}
.location-detail .location-detail-row:last-of-type {border-bottom:none;}

.location-detail-row h2 {font-weight:700;line-height:1.2;color:#165395}
.location-detail-row li {margin-bottom:10px;line-height:1.4;break-inside: avoid;}
.location-detail-row li strong {font-weight:700;color:#165395}
.location-detail-row a {color:#535353;}

.related-project {padding:40px 0;}
.related-project-content {padding:30px;background:#3e454e}
.related-project-content h3,
.related-project-content a,
.related-project-content p,
.related-project-content li {color:#fff;}
.related-project-pic img {display:block;width:100%;}

/* Service Detail */
.service-detail-banner {margin-top:85px;padding:60px 0;position:relative;}
.service-detail-banner:after {content:"";position:absolute;top:0;left:0;width:75%;height:100%;background: linear-gradient(to right,  rgba(0,82,149,1) 30%,rgba(0,82,149,0) 100%);}
.service-detail-banner > div {position:relative;z-index:3;}

.service-banner-mid h1 {color:#fff;margin-bottom:5px;font-size:4.5rem;line-height:1.2;font-weight:700;}
.service-banner-mid p {color:#d8a63f;font-size:2.0rem;margin-bottom:0;}

/* -- @FOOTER ----------------- */

footer li,
footer a {color:#666;transition:all 0.3s ease;}
footer a:hover {color:#fff;}

.footer-top {padding:20px 0;background:#242424;}

.footer-links {margin-bottom:15px;}
.footer-links li,
.footer-social li {display:block;float:left;margin-right:15px;line-height:30px;}
.footer-social li {font-size:2.4rem;}
.footer-social li a {color:#fff;}
.footer-btm {padding:30px;background:#000;}
.footer-nav {float:left;width:25%;}
.footer-nav li {margin-bottom:10px;}

.cta-social {float:none !important;}
.cta-social li {margin:0 15px 0 0 !important;}
.cta-social li a {color:#165395;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.footer-links:after,
.locations-row:after,
.location-col-inner:after,
ul.read-steps:after,
.training-nav:after,
.project-thumbs:after,
.home-project-gallery:after,
.project-grid:after,
.related-project:after {content: ""; display: table; clear: both;}