/*
	Theme Name: www.wcoastent.com
	Theme URI: https://sandhills.com
	Author: Sandhills
	Author URI: https://sandhills.com
	Description: Sandhills default template.
	Version: 1.0
	Text Domain: sandhills
	Tags: Sandhills default
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: Arial, Helvetica, sans-serif; line-height: 1.5; height: 100%; width: 100%;}
::-moz-selection{background: #F7971E; color: #fff; text-shadow: none} ::selection{background: #F7971E; color: #fff; text-shadow: none}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{padding-right: 25px !important;}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.collapse {
	display: block!important;
}
/* TYPOGRAPHY */
@font-face {
    font-family: 'hagin_caps_mediumregular';
    src: url('webfonts/hagin_caps_medium-webfont.eot');
    src: url('webfonts/hagin_caps_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/hagin_caps_medium-webfont.woff2') format('woff2'),
         url('webfonts/hagin_caps_medium-webfont.woff') format('woff'),
         url('webfonts/hagin_caps_medium-webfont.ttf') format('truetype'),
         url('webfonts/hagin_caps_medium-webfont.svg#hagin_caps_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{font-family: 'hagin_caps_mediumregular'; font-weight: 700;}
h1{color: #F7971E;}
a{color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

/* HEADER */

.header{position: relative; background: rgba(247, 151, 30, 0.8); padding: 15px 0; z-index: 9999;}
.header .wrap{display: flex; align-items: center; flex-wrap: wrap;}
.header .logo{position: relative; width: 300px; margin-bottom: -55px; z-index: 9;}
.header .contact{margin-left: auto; font-size: 18px; text-align: right;}
.header .contact a:hover{color: #fff;}
.header .contact h4{margin-bottom: 10px; font-size: 25px;}
.header .contact p{display: inline-block;}
.header .contact i{font-size: 25px;}
.header .sub-logo, .header .sub-logo img{margin-left: 15px !important;}

/* HOME */

.hero, .banner{position: relative; min-height: 230px; margin-top: -230px;}
.hero img, .banner img{display: block; width: 100% !important; max-width: 100% !important;}
.hero .hero-text{position: absolute; bottom: 50px; right: 50px; text-align: right; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); z-index: 99;}
.hero .hero-text h1{margin-bottom: 5px; font-size: 40px; color: #fff;}
.hero .hero-text h2{font-size: 30px; color: #F7971E;}

.zoom{position: relative; margin: 10px; overflow: hidden;}
.zoom img{display: block; width: 100%; transition: all .5s ease;}
.zoom .zoom-caption{display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); font-family: 'hagin_caps_mediumregular'; font-size: 32px; font-weight: 700; text-transform: uppercase; text-shadow: 2px 2px 5px rgba(0,0,0,0.9); line-height: 1.15; color: #fff; transition: all .5s ease; z-index: 10;}
.zoom:hover img{transform: scale(1.1);}

.home-btns{padding: 25px 0; text-align: center;}
.home-btns .zoom .zoom-caption{background: rgba(247, 151, 30, 0.5);}
.home-btns .zoom:hover .zoom-caption{background: none;}
.products{background: #3d3d3d; padding: 35px 0; text-align: center; color: #d3d3d3;}
.about{background: url("images/bg-welcome.JPG") center center no-repeat; padding: 50px 0;}

/* BODY */

.highlightSidebars .banner{min-height: inherit; margin-top: 0;}

.financial-calc{display: block; width: 100%; height: 700px;}

.post-container-product-buttons{display: flex; align-items: center; flex-wrap: wrap; margin: 25px 0;}
.column-padding-product-buttons{width: 33.3333%;}
.product-button{padding: 15px; font-size: 14px; text-align: center;}
.product-button img{display: block; width: 100%; margin-top: 15px;}
.product-button strong{font-family: 'hagin_caps_mediumregular'; font-size: 32px; line-height: 1;}
.product-button a:hover{color: #F7971E;}

.product-table{width: 100%; text-align: left; border-collapse: collapse; border: 1px solid #d4d4d4; border-spacing: 0;}
.product-table td{padding: 8px 10px; border: 1px solid #d4d4d4; vertical-align: top;}
.product-table tr:nth-child(even){background-color: #ededed;}

.scrolling-wrap{background: #F7971E; width: 100%; padding: 8px 0; overflow: hidden;}
.scrolling-wrap .scrolling{width: 100%; height: 90px;}

.contactForm h3{display: block; margin: 15px 0; padding: 15px 0; border-bottom: 1px #ddd solid;}
.contactForm .checkbox, .contactForm .radio{display: block; background: #f5f5f5; padding: 15px;}
.contactForm .btn-success{background-color: #F7971E !important; border-color: #F7971E !important; font-weight: 700; color: #fff;}
.contactForm .btn-success:focus, .contactForm .btn-success:hover{background-color: #D48015 !important; border-color: #D48015 !important;}
.contactForm .contactFormLabel{display: block; font-size: 12px; font-weight: 700;}
.contactForm .form-control{height: auto; margin-top: 5px; padding: 10px;}

/* BLOG */

.blog-container{display: flex; flex-wrap: wrap;}
.blog-container .blog-posts{display: block; width: calc(100% - 300px); padding-right: 25px;}
.blog-container .blog-sidebar{display: block; background: #f5f5f5; width: 300px; padding: 20px;}
.blog-container .blog-sidebar h2{display: block; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; text-align: center; color: #aaa;}
.blog-container .blog-sidebar ul{display: block; width: 100%;}
.blog-container .blog-sidebar ul li{display: block; float: none; border-bottom: 1px #ddd solid;}
.blog-container .blog-sidebar ul li a{display: block; font-size: 14px; font-weight: 700; text-align: left; text-transform: none; color: #333;}
.blog-container .blog-sidebar ul li a:hover{color: #F7971E;}

.blog-post{display: block; padding: 20px 0; border-bottom: 1px #ddd solid;}
.blog-post h2{font-size: 32px;}
.blog-post h2 a:hover{color: #F7971E;}
.blog-post .container{width: 100% !important;}

.blog-post .blog-posted-on{display: block; margin-bottom: 5px; font-size: 14px; color: #333;}
.blog-post .blog-tags{display: block; font-size: 14px; color: #333;}
.blog-post .blog-tags span{display: inline-block; margin-right: 10px; font-weight: 700;}
.blog-post .blog-content{display: block; margin-top: 25px;}
.blog-post .blog-content ul li{margin-left: 15px; list-style: disc;}
.blog-post .blog-content img, .blog-post .blog-content h1, .blog-post .blog-content h2, .blog-post .blog-content h3, .blog-post .blog-content h4, .blog-post .blog-content h5, .blog-post .blog-content h6, .blog-post .blog-content p, .blog-post .blog-content ul{display: block; margin-bottom: 25px;}

.blog-post .blog-more img{max-height: 250px; width: auto;}
.blog-post .blog-more img, .blog-post .blog-more h1, .blog-post .blog-more h2, .blog-post .blog-more h3, .blog-post .blog-more h4, .blog-post .blog-more h5, .blog-post .blog-more h6, .blog-post .blog-more p, .blog-post .blog-more ul{margin-bottom: 0;}

.blog-post .read-more{display: inline-flex; align-items: center; margin-top: 25px; font-size: 16px; font-weight: 700; color: #F7971E;}
.blog-post .read-more i{margin-left: 5px; font-size: 12px;}
.blog-post .read-more:hover{color: #333;}

.blog-post-single{display: block; margin-bottom: 0; padding: 0; border: none;}
.blog-post-single img{display: block; max-height: 400px;}

.blog-breadcrumbs{display: block;}
.blog-breadcrumbs ul{display: flex; align-items: center; font-size: 14px;}
.blog-breadcrumbs ul li{list-style: none;}
.blog-breadcrumbs ul li a{display: block; font-weight: 700;}
.blog-breadcrumbs ul li a:hover{color: #F7971E;}
.blog-breadcrumbs ul li a:after{font-family: "Font Awesome 5 Free"; font-weight: 900; position: relative; top: 1px; content: "\f101"; padding: 0 10px; color: #ccc;}

.posts-navigation, .post-navigation{background: #f5f5f5; margin: 25px 0; padding: 20px;}
.posts-navigation h2, .post-navigation h2{display: none;}
.posts-navigation .nav-links, .post-navigation .nav-links{display: flex; justify-content: space-between;}
.posts-navigation .nav-links a, .post-navigation .nav-links a{display: inline-block; padding: 0 10px; font-size: 14px; font-weight: 700;}
.posts-navigation .nav-links a:hover, .post-navigation .nav-links a:hover{color: #F7971E;}

.posts-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-previous, .posts-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-next{display: flex; align-items: center; line-height: 1; text-align: center;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before, .posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{font-family: "Font Awesome 5 Free"; font-weight: 900; color: #ccc;}
.posts-navigation .nav-links .nav-previous:before, .post-navigation .nav-links .nav-previous:before{content: "\f100";}
.posts-navigation .nav-links .nav-next:after, .post-navigation .nav-links .nav-next:after{content: "\f101";}


.calculator-wrapper .calc-left {float:none !important;}
.calculator-wrapper .calc-btn {display: inline-block; float: left;}


/* MODAL */

.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

.popup{display: none; position: fixed; background: rgba(0,0,0,.5); padding: 5% 0; left: 0; top: 0; width: 100%; height: 100%; color: #fff; overflow: auto; z-index: 99999;}
.popup .popup-content{position: relative; margin: auto; width: calc(100% - 30px); max-width: 500px; background: #FFAE45; border-radius: 10px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;}

.popup .popup-close{position: relative; top: -15px; right: -15px; text-align: right;}
.popup .popup-close a{display: flex; align-items: center; justify-content:  center; background: #fff; width: 36px; height: 36px; margin-left: auto; font-size: 20px; color: #999; border-radius: 50px; cursor: pointer; box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);}
.popup .popup-close a:hover{box-shadow: 0 1px 5px 0 rgba(0,0,0,.5);}

.popup .popup-main{padding: 0 25px; font-size: 14px;}
.popup .popup-main b{font-size: 22px;}

.popup .contactForm h1{display: none;}
.popup .has-feedback label~.form-control-feedback{display: none;}
.popup .contactForm .contactFormLabel{margin-left: 0 !important; text-align: center;}
.popup .contactForm .btn-success{display: block; position: absolute; background: #ED1A1A !important; width: 100%; padding: 10px; font-size: 14px; font-weight: 400; text-transform: uppercase; border-radius: 20px; border: 7px #030303 solid !important;}
.popup .contactForm .btn-success:hover{background: #ED1A1A !important; border: 7px #030303 solid !important;}

@keyframes animatetop{
	from{top: -300px; opacity: 0} to{top: 0; opacity: 1}
}

/* FOOTER */

.footer{background: #3d3d3d; padding: 35px 0; font-size: 13px; color: #d3d3d3;}
.footer a{font-weight: 700;}
.footer a:hover{color: #fff;}
.footer .wrap{display: flex; flex-wrap: wrap;}
.footer .facebook{width: 25%;}
.footer .facebook iframe{width: 100%;}
.footer .footer-contact{width: 25%; padding: 0 20px;}
.footer .disclaimer{width: 25%; padding-right: 20px; font-family: 'hagin_caps_mediumregular'; font-size: 16px;}
.footer .copyright{width: 25%; font-size: 11px;}
.footer .sub-logo{margin-bottom: 15px;}
.footer .sub-logo img{margin-right: 15px !important;}

/* RESPONSIVE */

@media screen and (max-width: 1185px){
	.footer .facebook{width: 50%; margin: 15px 0;}
	.footer .footer-contact{width: 50%; margin: 15px 0;padding: 0 20px;}
	.footer .disclaimer{width: 50%; margin: 15px 0; padding-right: 20px; font-family: 'hagin_caps_mediumregular'; font-size: 16px;}
	.footer .copyright{width:50%; margin: 15px 0; font-size: 11px;}
}

@media screen and (max-width: 1080px){
	.header{background: #F7971E; padding: 0;}
	.header .wrap{justify-content: center;}
	.header .sub-logo{padding: 20px 0; order: 1;}
	.header .logo{width: 100%; margin-bottom: 0; order: 2;}
	.header .logo img{width: 300px !important; max-width: 100% !important; margin: auto !important;}
	.header .contact{width: 100%; padding: 15px 0; font-size: 16px; text-align: center; order: 3;}
	.header .contact h4{margin-bottom: 5px; font-size: 20px;}
	.header .contact p{display: block;}
	.header .contact i{font-size: 20px;}
	
	.hero, .banner{min-height: inherit; margin-top: 0;}
	.about{background: url("images/bg-welcome.JPG") center left no-repeat;}
	.column-padding-product-buttons{width: 50%;}
	
	.blog-container .blog-posts{width: 100%; padding-right: 0;}
	.blog-container .blog-sidebar{display: none;}
	
	
}
@media screen and (max-width: 768px){
	.footer .facebook {
		width: 100%;
	}
	.footer .footer-contact {
		width: 100%;
	}
	.footer .disclaimer {
		width: 100%;
	}
	.footer .copyright {
		width: 100%;
	}
	.main{padding: 35px 0;}
	.main .wrap .col-sm-11, .main .wrap .col-sm-10, .main .wrap .col-sm-9, .main .wrap .col-sm-8, .main .wrap .col-sm-7, .main .wrap .col-sm-6, .main .wrap .col-sm-5, .main .wrap .col-sm-4, .main .wrap .col-sm-3, .main .wrap .col-sm-2, .main .wrap .col-sm-1{margin-bottom: 15px; padding-right: 0 !important;}
	
	.hero .hero-text{width: 100%; bottom: 0; right: 0; padding: 20px; text-align: center;}
	.hero .hero-text h1{font-size: 24px;}
	.hero .hero-text h2{font-size: 20px;}
	.zoom img{margin: auto;}
	.home-btns .zoom{width: 100%; height: 100px; margin: 15px 0;}
	.home-btns .zoom img{width: 100%; max-width: 100% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.about{background: #d3d3d3; padding: 35px 0;}
	
	.blog-post .blog-left{width: 100%;}
	.blog-post .blog-right{width: 100%; margin-top: 15px; padding-left: 0;}
	
	.footer{padding: 20px 0;}
	.footer .facebook, .footer .footer-contact, .footer .disclaimer, .footer .copyright{width: 100%; margin: 15px 0; padding: 0; text-align: center;}
	.footer .facebook iframe{width: auto;}
	.footer .sub-logo img{display: inline-flex; float: none !important;}
}
@media screen and (max-width: 480px){
	.column-padding-product-buttons{width: 100%;}
	.product-button{padding: 10px 0;}
	
	.blog-breadcrumbs ul{display: block;}
	.blog-breadcrumbs ul li a:after{padding: 0 0 0 10px;}
	
	.footer .facebook span{width:100%; }
}