@charset "utf-8";
/* CSS Document */

/*--Import GLOBAL CSS--*/
@import url('/sites/all/themes/cleanwhistles/css/global.css');


#inner-page-header {background: url(/images/ref-header-bg.jpg);padding: 60px 0;    background-size: cover !important;	
    background-position: center;}
h1.page-header {text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
    border-top: 5px solid var(--primary-color);
    border-bottom: 5px solid var(--primary-color);
    padding: 20px 0;
    width: 80%;
    margin: 0 auto;
	text-shadow:2px 2px 2px #000;
	}
@media (max-width:767px){
	h1.page-header {font-size:20px;}
	.view-id-taxonomy_term h2,
	h2 {font-size:26px;color:#000;}
}
.view-id-taxonomy_term .views-row {margin-bottom:60px;}
.view-id-taxonomy_term h2 a {color:#000;}
.view-id-taxonomy_term h2,
h2 {text-transform: uppercase;
    color: #000;
    font-family: var(--font-black);border-bottom:5px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;}

.blog h2,
.views-row h2 {font-size:30px;}



.user-details {text-align: right;
    color: #FFF;
    font-size: 14px;
    padding: 2px 5px;}
.user-details .membership-level a {
    background: var(--primary-color);
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    padding: 4px 10px;
    border-radius: 5px;
}

em.placeholder {background-color:inherit !important;}
.content {padding:20px;}
.content p {margin-bottom:15px;}
.content ul {margin-left:20px;}
.content li {list-style: inherit;}

.region-sidebar-second {margin-top:40px;}
.view-blog-categories-sidebar-block a {margin-bottom:20px;font-size:20px;color:#000;text-transform:uppercase;font-family: var(--font-black);}


.form-control {border:  3px solid var(--primary-color);}


.node-readmore a {color:#000 !important;font-size:16px;}

.node-readmore a,
.btn-green {background: var(--primary-color);}

.top-header{background: #000;}
.container{max-width:1399px; padding-left:15px; padding-right:15px;}
body{font-family:var(--font-family); color:#000;}
.header{min-height:200px; background-color:#000; padding:15px 0; position:relative;}
.logo span.icon:not(:last-child){margin-bottom:15px;}
.logo h6{line-height:1; color:#fff; letter-spacing:4px; text-transform:uppercase;}
.logo h6:not(:last-child){margin-bottom:5px;}
.logo p{color:#fff; text-transform:uppercase; color:#fff; letter-spacing:4px; display:flex; align-items:center; justify-content:center; line-height:1; font-size:18px;}
.logo p span{display:block; padding:0 5px;}
.logo p::before, .logo p::after{height:6px; background-color:var(--primary-color); content:""; flex-grow:1;}
.menu > ul > li > a{display:flex; align-items:center; line-height:1; color:#fff; font-family:var(--font-black); text-transform:uppercase; font-size:20px; padding:5px 0;}
.menu > ul > li > a span:not(:last-child){margin-right:5px;}
.menu > ul > li:not(:last-child){margin-right:20px;}
.menu > ul > li > a:hover{color:var(--primary-color);}
.menu:not(:first-child){margin-top:50px;}
.node-readmore a,
.header-btn{font-family:var(--arial-narrow-bold-font); min-width:170px; padding:15px 15px; line-height:20px; color:#fff; text-transform:uppercase; background-color:var(--primary-color); font-size:26px; text-align:center;}
.node-readmore a:hover,
.header-btn:hover{color:#fff; background-color:var(--primary-hover-color);}
.header .header-btn:not(:last-child){margin-right:30px;}
.dropdown-menu{border:0; border-radius:4px; background-color:#fff; box-shadow:0 3px 4px rgba(0,0,0,0.2); padding:0; overflow:hidden;}
.dropdown-menu li a{display:block; font-size:16px; padding:5px 15px; line-height:25px;}
.dropdown-menu li a:hover{background-color:var(--primary-color); color:#fff;}
.nav-icon:not(:first-child){margin-left:15px;}

.footer{border-top:12px solid var(--primary-color);}
.footer-content{background-color:#000; padding:30px 0;}
.copyright{background-color:var(--primary-color); padding:10px 0;}
.copyright h6{font-family:var(--arial-narrow-bold-font); color:#fff; text-transform:uppercase; text-align:center;}
.copyright h6 a{color:#fff;}
.copyright h6 a:hover{color:#fff; text-decoration:underline;}
.footer-header:not(:last-child){margin-bottom:25px;}
.footer-header h4{font-family:var(--font-black); color:#fff; text-transform:uppercase;}
.footer-links li:not(:last-child){margin-bottom:20px;}
.footer-links li a{font-size:25px; color:#fff; font-family:var(--arial-narrow-bold-font); text-transform:uppercase; line-height:1.2;}
.footer-links li a:hover{color:var(--primary-color);}
.social-media:not(:first-child){margin-top:35px;}
.social-media a{display:block; width:50px; height:50px; border-radius:100%; background-color:var(--primary-color); display:grid; place-items:center; color:#fff; font-size:25px;}
.social-media a:hover{background-color:var(--primary-hover-color);}
.social-media a:not(:last-child){margin-right:20px;}
.footer-content .row.rows{margin:-20px -15px;}
.footer-content .row.rows .columns{padding:20px 15px;}

.section{padding:30px 0;}
.newsletter-section{background-color:#000;}
.newsletter-section h3:not(:last-child){margin-bottom:30px;}
.newsletter-form .row.rows{margin:-10px;}
.newsletter-form .row.rows .columns{padding:10px;}
.submit-btn{min-width:250px; font-family:var(--arial-narrow-bold-font); font-size:33px;}

.section-header:not(:last-child){margin-bottom:30px;}
.section-header h2{text-transform:uppercase; color:#000; font-family:var(--font-black); letter-spacing:4px;}
.section-header .icon:not(:last-child){margin-bottom:10px;}
.section-header .icon img{max-width:116px;}

.post{min-height:330px; box-shadow:0 0 5px rgba(0,0,0,0.3); padding:20px; background-size:cover; background-repeat:no-repeat; background-position:center center; display:flex; align-items:center;}
.post-content{background-color:var(--primary-color); min-height:70px; padding:5px; display:grid; place-items:center;}
.post-content h5{color:#fff; text-transform:uppercase; font-family:var(--font-black);}
.post .btn{width:100%;}

.page-banner-section{background:url(/sites/all/themes/cleanwhistles/images/page-banner-bg-1.jpg) left center no-repeat; background-size:cover; min-height:700px; position:relative; isolation:isolate;}
.page-banner-section::after{position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); z-index:-1;}
.article-header:not(:last-child), .article-content:not(:last-child){margin-bottom:30px;}
.article-content h5:not(:last-child){margin-bottom:15px;}
.article-content h5{font-family:var(--arial-narrow-bold-font);}
.page-banner-section .article-header h3, .page-banner-section .article-content h5{color:#fff;}
.page-banner-section .article-header h3{text-transform:uppercase; font-family:var(--font-black);}
.article-btn{min-width:400px;}
.page-banner-section .article-header h3{padding-bottom:15px; border-bottom:8px solid var(--primary-color);}

.services-section .row.rows{margin:-20px -15px;}
.services-section .row.rows .columns{padding:20px 15px;}
.service-icon{width:230px; min-height:230px; background-color:var(--primary-color); display:grid; place-items:center; margin:0 auto;}
.service-icon img{max-width:70%; max-height:80%;}
.service-content:not(:first-child){margin-top:30px;}
.service-content h4{text-transform:uppercase; font-family:var(--font-black);}
.service-content h4:not(:last-child){margin-bottom:10px;}
.service-content h5{font-family:var(--arial-narrow-font);}

.banner{min-height:525px; background:url(/sites/all/themes/cleanwhistles/images/banner.jpg) center center no-repeat; background-size:cover; position:relative; isolation:isolate;}
.banner::after{position:absolute; left:0; top:0; width:100%; height:100%; content:""; background:rgba(0,0,0,0.5); z-index:-1;}
.banner h1{color:#fff; text-transform:uppercase; font-family:var(--font-black); padding-bottom:10px; border-bottom:8px solid var(--primary-color);}
.banner h1:not(:last-child){margin-bottom:15px;}
.banner h4{color:#fff; font-family:var(--font-black)}

@media(max-width:1399px){
	.menu > ul > li > a{font-size:16px;}
	.logo span.icon:not(:last-child){margin-bottom:10px;}
	.logo h6{font-size:18px; letter-spacing:2px;}
	.logo p{font-size:16px; letter-spacing:2px;}
	.logo .icon img{max-width:80px;}
	.logo p::before, .logo p::after{height:4px;}
	.header .header-btn:not(:last-child){margin-right:20px;}
	.header-btn{font-size:20px; min-width:140px; padding:10px 15px;}
	.menu:not(:first-child){margin-top:30px;}
	.header{min-height:auto;}
	.dropdown-menu{border-radius:3px;}
	.dropdown-menu li a{font-size:14px; padding:5px 10px; line-height:20px;}
	.submit-btn{min-width:230px; font-size:28px;}
	.section-header .icon img{max-width:100px;}
	.article-btn{min-width:300px;}
	.service-icon{width:200px; min-height:200px;}
	.banner{min-height:500px;}
}
@media(max-width:1199px){
	.logo h6{font-size:16px; letter-spacing:1px;}
	.logo p{font-size:14px; letter-spacing:1px;}
	.logo .icon img{max-width:60px;}
	.menu > ul > li > a{font-size:14px;}
	.menu > ul > li:not(:last-child){margin-right:15px;}
	.header-btn{font-size:16px; min-width:100px; padding:8px 10px; line-height:18px;}
	.header .header-btn:not(:last-child){margin-right:10px;}
	.menu:not(:first-child){margin-top:20px;}
	.dropdown-menu li a{font-size:13px; line-height:18px;}
	.footer-links li a{font-size:23px;}
	.social-media a{width:45px; height:45px; font-size:23px;}
	.footer{border-top-width:10px;}
	.newsletter-form .row.rows{margin:-5px;}
	.newsletter-form .row.rows .columns{padding:5px;}
	.submit-btn{min-width:200px; font-size:24px;}
	.section-header .icon img{max-width:80px;}
	.section-header h2{letter-spacing:3px;}
	.article-btn{min-width:270px;}
	.page-banner-section .article-header h3{padding-bottom:10px; border-bottom-width:6px;}
	.service-icon{width:170px; min-height:170px;}
	.banner h1{border-bottom-width:6px;}
	.banner{min-height:475px;}
}
@media(min-width:992px){
	.menu{display:block !important;}
	.menu > ul > li:hover .dropdown-menu{display:block !important;}
	.menu > ul > li:hover > a{color:var(--primary-color);}
	.page-banner-section::after{display:none;}
}
@media(max-width:991px){
	.menu{position:absolute; left:0; top:100%; width:100%; display:none; z-index:999;}
	.menu:not(:first-child){margin-top:0;}
	.menu > ul > li:not(:last-child){margin-right:0; border-bottom:1px solid var(--primary-hover-color);}
	.menu > ul > li > a{background-color:var(--primary-color); color:#fff; padding:10px 15px; line-height:20px;}
	.menu > ul > li > a:hover{background-color:var(--primary-hover-color); color:#fff;}
	.menu > ul > li > a > span:first-child{flex-grow:1;}
	.menu > ul > li > a > span > i, .menu > ul > li > a > span > svg{font-size:20px; transition:all 0.1s linear;}
	.menu > ul > li > a.show{background-color:var(--primary-hover-color);}
	.menu > ul > li > a.show > span > i, .menu > ul > li > a.show > span > svg{transform:rotate(-180deg);}
	.dropdown-menu{border-radius:0; position:static !important; transform:none !important; box-shadow:none;}
	.dropdown-menu li a{padding:10px 15px 10px 30px; font-size:14px; background-color:var(--primary-hover-color); color:#fff;}
	.dropdown-menu li a:hover{background-color:var(--primary-hover-color);}
	.header-content{display:flex; align-items:center;}
	.footer-links li a{font-size:21px;}
	.footer-header:not(:last-child){margin-bottom:20px;}
	.footer-links li:not(:last-child){margin-bottom:15px;}
	.social-media:not(:first-child){margin-top:25px;}
	.social-media a{width:40px; height:40px; font-size:21px;}
	.social-media a:not(:last-child){margin-right:15px;}
	.footer{border-top-width:8px;}
	.submit-btn{min-width:auto; width:100%; font-size:20px;}
	.section-header .icon img{max-width:60px;}
	.section-header h2{letter-spacing:2px;}
	.posts .row.rows{margin:-10px;}
	.posts .row.rows .columns{padding:10px;}
	.post{padding:10px;}
	.post-content{min-height:60px;}
	.post{min-height:300px;}
	.article-btn{min-width:250px;}
	.page-banner-section{min-height:500px;}
	.page-banner-section .article-header h3{border-bottom-width:4px;}
	.service-icon{width:130px; min-height:130px;}
	.service-content:not(:first-child){margin-top:15px;}
	.service-content h4:not(:last-child){margin-bottom:5px;}
	.banner h1{border-bottom-width:4px;}
	.banner{min-height:450px;}
}
@media(max-width:767px){
	.menu > ul > li > a{font-size:13px; line-height:18px;}
	.header-btn{font-size:14px; min-width:auto; padding:6px 10px; line-height:16px;}
	.header .header-btn:not(:last-child){margin-right:5px;}
	.logo .icon img{max-width:50px;}
	.logo h6{font-size:14px;}
	.logo p{font-size:12px;}
	.logo p::before, .logo p::after{height:2px;}
	.footer-links li a{font-size:19px;}
	.footer-header:not(:last-child){margin-bottom:15px;}
	.footer-links li:not(:last-child){margin-bottom:10px;}
	.social-media:not(:first-child){margin-top:20px;}
	.social-media a{width:35px; height:35px; font-size:19px;}
	.social-media a:not(:last-child){margin-right:10px;}
	.footer{border-top-width:6px;}
	.section-header .icon img{max-width:50px;}
	.section-header h2{letter-spacing:1px;}
	.post{min-height:270px;}
	.article-btn{min-width:220px;}
	.page-banner-section{min-height:450px;}
	.service-icon{width:100px; min-height:100px;}
	.banner{min-height:425px;}
}
@media(max-width:575px){
	.header{padding:10px 0;}
	.header-btn{font-size:13px;}
	.header .logo h6, .header .logo p{display:none;}
	.header .logo span.icon:not(:last-child){margin-bottom:0;}
	.nav-icon:not(:first-child){margin-left:10px;}
	.footer-links li a{font-size:18px;}
	.social-media:not(:first-child){margin-top:15px;}
	.footer{border-top-width:4px;}
	.section-header h2{letter-spacing:0;}
	.post-content{min-height:50px;}
	.post{min-height:250px;}
	.banner h1{border-bottom-width:2px;}
	.banner{min-height:400px;}
}