/*
Theme Name:     mcmillanlv
Theme URI:      https://mcmillanlv.com/
Description:    McMillan Data Communications WP-Theme
Version:        1.0
Author:         The Agency Orange
Author URI:     https://www.theagencyorange.com/
*/

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

/* -- @MASTERHEAD/NAVIGATION -- */
body {padding-top:78px;}
header {width:100%;position:fixed;top:0;left:0;padding:20px 0;z-index:99;background:#fff;-moz-transition: background 0.3s;-o-transition: background 0.3s;transition: background 0.3s;}

.logo {width:80px;float:left;}
.logo img {display:block;}
.logo-color{fill:var(--color-green);}
.logo-ibew {float:right;width:30px;margin-right:20px;}

/* Main Menu */
.mainNav {float:right;position:relative;margin-top:20px;}
.mainNav li {display:inline-block;text-transform:uppercase;margin-right:40px; font-size: 17px;font-weight:var(--font-medium);padding-bottom:10px;}
.mainNav li a {color:var(--color-main);}
.mainNav li a:hover,
.mainNav > li.current-menu-item > a {color:var(--color-green) !important;}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;padding:20px 10px;width:100%;max-width:300px;text-align:left;z-index:99;background:#fff;-webkit-box-shadow: 5px 5px 10px 0 rgba(66,66,66,0.5);
-moz-box-shadow: 5px 5px 10px 0 rgba(66,66,66,0.5);
box-shadow: 5px 5px 10px 0 rgba(66,66,66,0.5);}
.mainNav li:last-of-type ul {left:auto;right:0;}
.mainNav ul li {display:block;position:relative;margin:0 0 10px;padding-bottom:0;font-size:1.4rem;line-height:1.2;font-weight:400;text-transform:none;}
.mainNav ul li a {color:var(--color-main) !important; font-size: 17px;}
.mainNav ul li.current-menu-item a {color:var(--color-green) !important;}

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

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99}
.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,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-green);}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top:0; height:100%;width:100%;background:var(--color-green-dark); z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding-top:120px;}

.mobileNav li {display:block;font-size:1.8rem;margin-top:20px;}
.mobileNav li a {color:#fff;}
.mobileNav li a:hover {color:var(--color-light-blue);}

.mobileNav li ul {margin:0 0 30px 20px;}
.mobileNav li ul li {font-size:1.6rem;margin-top:10px;}

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

.cta-buttons {position:fixed;top:20%;right:-109px;z-index:80;transform:rotate(-90deg);}
.cta-buttons a {display:inline-block;padding:10px;color:#fff;}
.cta-buttons a.emergency-button {background:#F8370A;}
.cta-buttons a.contact-button {background:#147314;}
.cta-buttons a:hover {background:#000;}


body.page-id-6 {padding-top:0;}
.page-id-6 header {background:none;}
.page-id-6 .logo-color{fill:var(--color-light-blue);}
.page-id-6 .mainNav li a {color:var(--color-light-blue);}

.page-id-6 .mobile-nav-trigger .cd-menu-icon,
.page-id-6 .mobile-nav-trigger .cd-menu-icon::before,
.page-id-6 .mobile-nav-trigger .cd-menu-icon:after,
.page-id-6 .mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.page-id-6 .mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-light-blue);}

header.sticky {border-bottom:1px solid #ddd;background:#fff;}
header.sticky .mainNav li a {color:var(--color-main);}
header.sticky .logo-color{fill:var(--color-green);}

header.sticky  .mobile-nav-trigger .cd-menu-icon,
header.sticky  .mobile-nav-trigger .cd-menu-icon::before,
header.sticky  .mobile-nav-trigger .cd-menu-icon:after,
header.sticky  .mobile-nav-trigger .cd-menu-icon.is-clicked::before,
header.sticky  .mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:var(--color-green);}

/* -- @CONTENT ---------------- */
.button {display:inline-block;padding:0 20px;height:40px;line-height:40px;background:var(--color-green);color:#fff;border:none;text-transform:uppercase;}
.button:hover {background:var(--color-green-dark);color:#fff;}

.banner {width:100%;position:relative;}
.banner-overlay {width:100%;height:100%;position:absolute;top:0;left:0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 );
}
.banner-content {position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}

.home-banner,
.content-banner {height:350px;}
.home-banner h2 {font-size:4.0rem;color:#fff;font-weight:var(--font-light);}

.page-banner {height:400px;}

.home-highlights {
    padding:160px 0 80px;color:#fff;
    background: rgb(20,115,20); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(20,115,20,1) 1%, rgba(10,58,10,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(20,115,20,1) 1%,rgba(10,58,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(20,115,20,1) 1%,rgba(10,58,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color-green)', endColorstr='#0a3a0a',GradientType=0 ); /* IE6-9 */
}
.highlight-logo {position:absolute;top:-200px;left:50%;transform:translateX(-50%);padding:40px;background:var(--color-green);border-radius:30px;}
.home-highlights p {max-width:240px;margin:0 auto;}

.logo-list li {display:inline-block;margin:10px 15px;}
.quote-block {max-width:650px;margin:0 auto;}
.quote-block p {font-size:1.8rem;font-weight:var(--font-light);padding:110px 0;position:relative;}
.quote-block p:after,
.quote-block p:before {content:"";position:absolute;background-position:center center;background-repeat:no-repeat;background-size:cover;width:100px;height:90px;}
.quote-block p:before {background-image:url(images/quote-open.svg);top:0;left:0;}
.quote-block p:after {background-image:url(images/quote-close.svg);bottom:0;right:0;}
.quote-block-name {max-width:350px;margin:-60px auto 0;font-size:4.0rem;}
.quote-block-name span {color:var(--color-green);}

.gform_fields fieldset,
.gfield--width-half {margin-bottom:20px !important;}

.partner-logos-row {padding-bottom:40px;}
.partner-logos-row h2 {margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--color-green);}
.partner-logo-grid {display: grid;grid-template-columns: repeat(auto-fill, 32%);justify-content: space-between;text-align:center;}
.partner-logo-block {margin-bottom:40px;}

/* Logo carousel styles for WordPress gallery */
.gallery-logo-carousel {overflow: hidden;width: 100%;position: relative;margin:30px 0;}
.gallery-logo-carousel .gallery {display: flex;list-style: none;padding: 0;margin: 0;}
.gallery-logo-carousel .gallery-item {flex: 0 0 auto;width:180px;padding:0 20px;box-sizing:border-box;}
/*.gallery-logo-carousel .gallery-item img {max-height: 100px;object-fit: contain;}*/

/* Team */
.team-member-row {margin-bottom:40px;background:#F9FAFC;}
.team-picture img {display:block;width:100%;}
.team-content {padding:20px;}
.team-content h4,
.team-content p {margin-bottom:5px;}

/* Certifications */
.certification-category {margin-bottom:40px;}
.certification-category h3 {position:relative;line-height:1;}
.certification-category h3:before {content:"";position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);border-bottom:2px solid var(--color-light-blue);}
.certification-category span {display:inline-block;padding:10px 10px 10px 0;background:#fff;position:relative;z-index:2;}

.certifications-grid {display:flex;justify-content: space-between;flex-flow: row wrap;}
.certification-block {width:50%;margin-bottom:30px;padding:10px;box-sizing: border-box;}
.certification-block img {width:250px;max-width:100%;display:block;margin:0 auto;}

/* Project / Industry */
.project-thumbs {text-align:center;}
.project-thumbs li {display:inline-block;width:150px;margin:0 5px 5px;}
.project-thumbs li img {display:block;aspect-ratio: 1 / 1; object-fit: cover;}

.project-col-left ul {column-count: 2;}
.project-col-left ul li {margin-bottom:10px;}

.related-project-row {margin-bottom:40px;background:#F9FAFC;}
.related-project-content {padding:40px;}
.related-project-pic {width:100%;padding-top:50%;}

/* Project Archive */
.project-filters {padding-bottom:40px;}
.project-filters ul {display: grid;grid-template-columns: repeat(auto-fill, 48%);justify-content: space-between;}
.project-filters ul li {display:flex;align-items:center;text-align:center;padding:10px;margin-bottom:5px;border:2px solid var(--color-green);color:var(--color-green);box-sizing:border-box;cursor:pointer;line-height:1.4;}
.project-filters ul li:hover,
.project-filters ul li.active {background:var(--color-green);color:#fff;}
.project-filters ul li span {display:inline-block;width:100%;}

.project-block {display:block;width:50%;float:left;position:relative;overflow:hidden;}
.project-block.hidden {display: none;}
.project-block img {display:block;transform: scale(1);transition:all 2.5s;}
.project-block:hover img {transform:scale(1.2);}
.project-block-title {position:absolute;width:100%;bottom:0;left:0;padding:10px;background:rgba(0,0,0,0.6);text-align:center;box-sizing:border-box;}
.project-block-title span {color:#fff;font-size:1.8rem;}

/* -- @FOOTER ----------------- */
footer {padding:60px 0 40px;position:relative;;
    background: rgb(10,58,10); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(10,58,10,1) 0%, rgba(20,115,20,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(10,58,10,1) 0%,rgba(20,115,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(10,58,10,1) 0%,rgba(20,115,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a3a0a', endColorstr='#147314',GradientType=0 ); /* IE6-9 */
}
footer .container {z-index:2;}
.footer-graphic {position:absolute;top:0;left:0;width:100%;height:100%;background:url(images/logo-light.svg) center center no-repeat;background-size:contain;opacity:0.1;}

.footerNav li a,
.footer-addresses p,
.footer-addresses p a {color:#fff;}

.footerNav li {display:block;margin-bottom:10px;line-height:1.4;font-size:1.4rem;}
.footerNav > li > a {font-weight:var(--font-medium);text-transform:uppercase;}
.footerNav li ul {margin:10px 0 30px 10px;}

.footer-addresses {padding:40px 0;}
.footer-addresses p {margin-bottom:7px;}
.footer-addresses hr {width:80%;max-width:150px;margin:10px 0;}
.footer-social {padding-bottom:20px;}
.footer-social ul li {display:inline-block;margin:5px;}
.footer-social ul li a {display:block;width:32px;height:32px;line-height:32px;background:#4d4d4d;color:#fff;font-size:1.8rem;border-radius:100%;}
.footer-social ul li a:hover {background:#000;color:#fff;}

.footer-copy {color:#fff;font-size:1.2rem;}


/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.entry:after,
.project-thumbs:after,
.project-grid:after {content: ""; display: table; clear: both;}