/*
Theme Name:     bamcore
Theme URI:		http://bamcore.com/
Description:	Bamcore WP-Theme
Version:		1.0
Author:			The Agency Orange
Author URI:	    http://www.theagencyorange.com/
*/

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

/* -- @MASTERHEAD/NAVIGATION -- */
header {width:100%;position:fixed;z-index:99;padding:10px 0;background:#fff;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
header.sticky {border-bottom:1px solid #eee;}

.logo {display:block;width:100px;float:left;}
.logo img {display:block;}

/* Main Menu */
.mainNav {float:right;}
.mainNav li {display:inline-block;font-size:1.8rem;line-height:120px;margin-left:40px;}
.mainNav li a {color:#050505;}
.mainNav > li > a:hover,
.mainNav > li.current-menu-item > a {color:#799A3D;}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav ul {position: absolute; top: 100%;width:100%;max-width:200px;padding-bottom:15px;text-align:left;z-index:99;background:#fff;}
.mainNav ul li {display:block;line-height:1.2;margin:0;padding:10px 20px;}
.mainNav ul li a {color:#050505;}
.mainNav ul li a:hover {color:#799A3D;}

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

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;margin-top:15px;}
.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:#799A3D;}
.mobile-nav {position: fixed; left: 0; top: 70px; height:calc(100% - 70px); width: 100%;background:#799A3D; z-index:98;-webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: auto; -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:80px 40px;}

.mobileNav li {display:block;font-size:3.0rem;margin-bottom:20px;}
.mobileNav li a {color:#fff;}
.mobileNav li a:hover,
.mobileNav li.current-menu-item a {color:#000;}

.mobileNav li ul {margin-left:30px;margin-top:30px;}
.mobileNav li ul li {font-size:2.4rem;}

.call-cta {display:none;width:50px;position:fixed;top:150px;right:0;z-index:999;transition:all 0.3s ease}
.call-cta a {display:block}

.call-cta .open-modal {background:#799A3D;}
.call-cta .open-modal:hover{background:#799A3D}

.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:#8a8b8a;}
.social-li {background:#8DC63F;}
.social-locations {background:#316094;}

.popup-wrap p {font-size:1.4rem;line-height:1.3;margin-bottom:10px;}

.popup-wrap .social {margin-top:20px;}
.social li {display:inline-block;margin-right:5px;font-size:5.0rem;}


.post-edit-link {display:block;position:fixed;top:20px;right: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;}


/* -- @CONTENT ---------------- */
.header-spacer {width:100%;height:88px;}

.button {display:inline-block;padding:10px 25px;border:none !important;background:#799A3D;color:#fff;font-weight:600;letter-spacing: 2px;text-transform:uppercase;transition:all 0.4s;}
.button-blank {background:none;color:#799A3D}
.button:hover {background:#000;color:#fff;}
.button-blank:hover {color:#000;background:none;}

.banner {width:100%;position:relative;overflow:hidden;}
.home-banner,
.content-banner {height:250px;}
.page-banner {height:200px;}

.banner-overlay {position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);}
.banner-inner {position:absolute;width:100%;left:0;bottom:10px;color:#fff;}

.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%); }
.mov37-logo{ width:60%; padding:200px 0; text-align:center; margin:0 auto; position:relative; z-index:9; }

.narrow-content {max-width:1200px;margin:0 auto;}
.banner-inner h1,
.banner-inner h2 {font-size:6rem;line-height:1.1;margin:0;font-weight:300;}
.banner-inner h1 span {display:none;}
.banner-inner h1 span.active {display:inline-block;}

.intro-logos {max-width:500px;margin:0 auto;}
.intro-logo {width:48%;float:left;}
.intro-logo img {max-width:80%;}
.intro-logos .intro-logo:last-child {float:right;text-align:center;position:relative;}
.intro-logos .intro-logo:last-child:before {content:"";width:0;height:100%;position:absolute;top:0;left:-10%;border-left:1px solid #707070}

.attributes-list {margin-bottom:40px;}
.attributes-list li {display:inline-block;width:47%;margin:0 1% 30px;font-size:2.4rem;}
.attributes-list li img {margin-bottom:15px;}

.basics-video-header {padding:10px 20px;margin-bottom:20px;background:url(images/title-box-bg.jpg) center center no-repeat;background-size:cover;}
.basics-video-header h2 {color:#fff;margin:0;line-height:1;font-weight:600;}

.basics-video-box {margin-bottom:20px;padding: 10px 25px;position: relative;height: 60px;background:#6e9947;}
.basics-video-box .icon {width: 50px;float: left;margin-right: 10px;}
.basics-video-box p {color: #fff;margin: 7px 0 0 0;font-weight:600;text-align:left;}

.home-external-links {text-align:center;;margin:40px 0;}
.home-external-links a {display:block;font-size:1.3rem;font-weight:600;letter-spacing: 2px;text-transform: uppercase;}
.home-external-links a:nth-child(2) {padding-top:20px;margin-top:20px;border-top:1px solid #799A3D;}

.team-members {max-width:960px;margin:0 auto;}
.team-members li {width:17%;margin:0 1%;display:inline-block;}

.team-more-btn {cursor:pointer;}
.team-more-btn:hover {color:#799A3D;}
.team-more {display:none;}
.team-more.active {display:block;}

.team-row {margin-bottom:60px;}
.team-content p {font-size:1.4rem;line-height:1.6;}

.testimonial-header h3 {font-size:2.4rem;}
.testimonial-content {margin-bottom:60px;}
.testimonial-content p {line-height:1.6;}

/* -- @BLOG ----------------- */
.post-single {max-width:960px;margin:0 auto;}
.post-single figcaption{margin-top:5px;font-size:12px;color:#5b5b5b;font-style:italic;}

.blog-archive {position:relative;}
.post-block {margin-bottom:40px;}
.post-block p,
.post-meta {margin-bottom:10px;}
.post-block h3 {font-size:2.0rem;margin:0;}

.post-block a,
.post-meta a {color:#06063D;}
.post-block a:hover,
.post-meta a:hover {text-decoration: underline;}

.post-archive-row {padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #ccc;}
.post-archive-row-content-inner h3 {margin-bottom:5px;}
.post-archive-row-content-inner p {font-size:16px;}
.post-meta {font-size:12px;font-style:italic;line-height:1.4;}

.single-post-author-box {padding:15px;background:#fafafa;}
.single-post-author-box p a {color:#435059;}
.single-post-author-box p a:hover {color:#FFA600;}

.author-pic {width:100px;float:left;}
.avatar.photo {border-radius:100%;}
.author-bio {width:calc(100% - 130px);float:right;padding-top:5px;box-sizing:border-box;}

.blog-sidebar {padding:20px;background:#fafafa;}
.blog-sidebar .widget {margin-bottom:40px;padding-top:30px;border-top:1px solid #eee;}
.blog-sidebar .widget:first-child {padding-top:0;border:none;}
/* -- @FOOTER ----------------- */
footer {background:#799A3D;padding:40px 0;}

.footerNav {margin-bottom:40px;}
.footerNav li {display:block;margin-bottom:10px;}
.footerNav li a,
p.copy {color:#fff;}

p.copy {margin:0;font-size:1.3rem;}

footer .social {margin-bottom:20px;}
footer .social li {font-size:3.5rem;}
footer .social li a {color:#fff;}
/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.mainNav:after,
.intro-logos:after,
.team-row:after,
.single-post-author-box:after,
.blog-archive:after {content: ""; display: table; clear: both;}
