/*
Theme Name: McKeown Fencing 
Theme URI: http://steelthemes.com/gardenhub
Author: SteelThemes
Author URI: http://steelthemes.com
Description: Industry, Garden, Engineering & All Industrial Business WordPress Theme
Version: 1.0.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gardenhub
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: gardenhub
*/
:hover{transition:.5s;}
p{color:#000 !important;}
.site-logo{width:100% !important;text-align:center;}
.site-menu .container{padding-left: 15px !important;padding-right: 15px !important;width: 100% !important;}
.nav ul.menu > li > a {text-transform: capitalize !important;}
.header-v2 .main-nav ul.menu > li {padding: 6px 9px !important;}
.show-icon .main-nav ul.menu > li:after{content:url(images/nav-hover-img.png) !important;}
.site-header{background:url(images/header-bg.jpg) repeat;}
.site-extra-text{display:none;}
.site-nav{border-top:1px solid #fff !important;}
.header-v2 .site-menu{background-color: rgba(28, 28, 28, 0) !important;}
.site-content{padding-top:0px !important;padding-bottom:0px !important;}
.entry-header{display:none;}
.banner-block{position:relative;}
.fencing{position:absolute;bottom:0;left:0;right:0px;background:url(images/yellow-fencing.png) repeat-x;padding:8px 0;padding: 72px 0;}
.heading{font-weight:500 !important;padding-left:61px;margin:0px !important;}
.about-us p{padding-left:59px;color:#000 !important;padding-right:60px;text-align:justify;}
.residential{margin-left: -50px !important;}
.red-heading {font-weight:500 !important;margin-top:24px;padding-left:0px;}
.fencing-text p{padding: 0 9px 0 0;color: #000;text-align: justify;font-size: 14px;}
{margin: 23px 60px 50px;}
.red-btn{margin: 23px 60px 0px !important;}
.businesses{z-index:-9;}
.businesses-text-block{margin-right:-50px !important;}
.call-to-ac{font-size:30px !important;color:#fff !important;}
.phone-number a{position:relative;display:inline-block;font-size:48px;color:#fff !important;font-weight:500;padding-left:53px;margin-right: 30px;}
.phone-number a:hover{color:#fff001 !important;}
.phone-number a:nth-child(1)::before{content:"\f095";font-family:"FontAwesome";position:absolute;left:0px;top:-5px;font-size:60px;}
.phone-number a:nth-child(2)::before{content:"\f10b";font-family:"FontAwesome";position:absolute;left:21px;top:-9px;font-size:60px;}
.list-item{margin: 0px 54px;position: absolute;top: 13%;right: 38px;background: #fff001;padding: 20px 40px;border-radius: 10px;
width: 29%;}
.list-item p{font-size: 12px;font-weight: 600;margin-top:12px;}
.list-item li{list-style:none;padding-left:30px;font-size:18px;color:#000;font-weight:500;position:relative;}
.list-item li::before{position:absolute;left:0px;content:"\f276";font-family:"FontAwesome";color:#ef1e3b !important;}
.list-item h4{font-weight:400;color: #ef1e3b;text-align: left;font-family: "Montserrat";font-weight: 500 !important;}
.menu li a{color:#fff !important;}
.menu li a:hover{color:#fff001 !important;}
.widget-title{color:#fff001 !important;}
.topbar .container{width:92%;padding:0 15px !important}
.address{margin: 30px 0 !important;padding:0px;}
.address li{padding-left: 25px;color:#fff !important;position:relative;margin-bottom:16px;}
.address li:nth-child(1)::before{position:absolute;left:0px;content:"\f015";font-family:"FontAwesome";color:#fff001 !important;}
.address li a{color:#fff;}
.address li a:hover{color:#fff001 !important;}
.address li:nth-child(2)::before{position:absolute;left:0px;content:"\f095";font-family:"FontAwesome";color:#fff001 !important;}
.address li:nth-child(3)::before{position:absolute;left:0px;content:"\f10b";font-family:"FontAwesome";color:#fff001 !important;font-size: 21px;top: -4px;}
.address li:nth-child(4)::before{position:absolute;left:0px;content:"\f0e0";font-family:"FontAwesome";color:#fff001 !important;}

.contact-address{margin: 30px 0 !important;padding:0 0 0 30px;;}
.contact-address li{padding-left: 25px;color:#000 !important;position:relative;margin-bottom:16px;list-style:none;}
.contact-address li:nth-child(1)::before{position:absolute;left:0px;content:"\f015";font-family:"FontAwesome";color:#ef1e3b !important;}
.contact-address li a{color:#000;}
.contact-address li a:hover{color:#ef1e3b !important;}
.contact-address li:nth-child(2)::before{position:absolute;left:0px;content:"\f095";font-family:"FontAwesome";color:#ef1e3b !important;}
.contact-address li:nth-child(3)::before{position:absolute;left:0px;content:"\f10b";font-family:"FontAwesome";color:#ef1e3b !important;font-size: 21px;top: -4px;}
.contact-address li:nth-child(4)::before{position:absolute;left:0px;content:"\f0e0";font-family:"FontAwesome";color:#ef1e3b !important;}
.footer-menu, .footer-socials, .entry-footer{display:none;}
.footer-copyright{width:100%;font-size:12px !important;}
.site-footer {padding: 10px 0 !important;}
.footer-widgets{padding-top: 57px !important;padding-bottom: 57px !important;}
.send-btn{background: none;font-size: 14px;padding: 8px 37px;font-weight:500;color:#fff001 !important;border:2px solid #fff001 !important;}
.send-btn:hover{background:#fff001 !important;color:#000 !important;}
.send-btn-2{background: none;font-size: 14px;padding: 8px 37px;font-weight:500;color:#ef1e3b !important;border:2px solid #ef1e3b !important;}
.send-btn-2:hover{background:#ef1e3b !important;color:#fff !important;}
.topbar-left p a{padding-left:20px;margin-right:25px;color:#FFF !important;font-weight:500 !important;position:relative;font-size: 18px;}
.topbar-left p a:nth-child(1)::before{position:absolute;left:0px;content:"\f0e0";font-family:"FontAwesome";top: 0px;}
.topbar-left p a:nth-child(2)::before{position:absolute;left:4px;content:"\f095";font-family:"FontAwesome";top: 0px;}
.topbar{border-bottom:1px solid #FFF !important;}
.topbar-left p a:hover{color:#fff001 !important;}
.main-nav .menu .current-menu-item a{color:#fff001 !important;}
.topbar .widget p {margin-left:10px;}
.map{position:relative;}
.fh-testimonials-carousel.style-2 .testi-des{padding: 30px 40px 30px 40px !important;color: #000000 !important;border-radius: 12px;box-shadow: 4px 5px 9px #8a8a8a40;font-size:14px !important;font-weight: 400 !important;}
.fh-testimonials-carousel.style-2 .info h4{padding-top: 1px !important;padding-left: 25px !important;color: #ef1e3b !important;font-weight: 600 !important;}
.main-nav ul{width:100%;}
.header-v2 .main-nav ul.menu > li {padding: 6px 17px !important;}
.logo-showcase .wp-post-image{border:1px solid #7c7c7c !important;}
.main-nav ul{display:block !important;text-align:center !important;}
.nav ul.menu > li {display: inline-block !important;float:none !important;}
.nav ul ul{margin-top: 21px !important;}
.main-nav ul li .sub-menu li{text-align:left;padding:8px 22px !important;display:block;}
.main-nav ul li .sub-menu li a{color:#fff !important;font-size: 14px !important;}
.main-nav ul li .sub-menu li:hover{background-color: #ef1e3b !important;}
.envirabox-title-float{display:none !important;}
.envira-lazy:not(img){border-radius: 50px !important;}
.border .wpb_wrapper{border:10px solid #f1f1f1 !important;}
.about-us .wpb_wrapper{border:0px !important;}
.backtotop{background-color:#ef1e3b !important;}
.mega-post-carousel4 .mega-post-category, .mega-post-carousel4 .mega-post-date, .mega-post-carousel4 .mega-post-meta, .mega-post-carousel4 .mega-post-comment, .comments-area, .entry-footer{display:none !important;}
.wpcf7-quiz-label { color: #fff001 !important;}

@media screen and (max-width:2880px) and (min-width:1800px) {
.topbar-left p a:nth-child(1)::before, .topbar-left p a:nth-child(2)::before{top: -10px;}
.about-heading-padding, .about-btom-padding{height:126.5px !important;}
}
@media screen and (max-width:1440px) and (min-width:1367px) {.topbar-left p a:nth-child(2)::before, .topbar-left p a:nth-child(1)::before{top:-10px !important;}}
@media screen and (max-width:1366px) and (min-width:1025px) {
.topbar-left p a:nth-child(1)::before, .topbar-left p a:nth-child(2)::before{top: -10px;}
.about-heading-padding{height:76px !important;}
.site-header {background: url(images/header-bg.jpg) repeat;}
.about-img-padding{height: 374px !important;}
.main-nav ul{display:inline-block !important;text-align:center !important;}
.main-nav ul li{display:inline-block;text-align:center;float:none !important;}
.topbar-right .widget .textwidget p{margin-right: 6px;}
.header-v2 .main-nav ul.menu > li {padding: 6px 17px !important;}

}
@media screen and (max-width:1112px) and (min-width:834px) {
.about-heading-padding {height: 50px !important;}
.about-btom-padding{height: 50px !important;}
.fancing-padding{height:436px !important;}
.red-heading{font-size: 25px;}
.fencing-text-padding{height: 64px !important;}
.list-item h4{font-size:25px;}

}
@media screen and (max-width: 1024px) {
.site-logo{text-align:left !important;}
.navbars-line{background-color: #fff001 !important;}
.navbar-icon .navbars-line::before, .navbar-icon .navbars-line::after{background-color: #fff001 !important;}
.primary-mobile-nav{border: 1px solid #ef1e3b;background:#ef1e3b}
.about-us p{padding-left: 35px;padding-right: 35px;}
.heading {padding-left:35px;}
.about-heading-padding{height:50px !important;}
.fancing-padding{height:411px !important;}
.residential{margin-right:0px !important;}
.fencing-text-padding{height:42px !important;}
.red-heading, .heading{font-size:28px !important;}
.about-img-padding{height: 363px !important;}
.about-btom-padding, .about-heading-padding {height: 70px !important;}
.red-btn{margin: 23px 36px 0px !important;}
}

@media screen and (max-width: 992px) {
.call-to-ac {font-size: 24px !important;}
.phone-number a {font-size: 31px;}
.phone-number a:nth-child(1)::before{left: 14px;font-size: 41px;}
.phone-number a:nth-child(2)::before{top: -15px;font-size: 52px;}
.about-img-padding {height: 408px !important;}
.about-heading-padding {height: 44px !important;}
.fancing-padding {height: 314px !important;}
.fencing-text-padding{display:none;}
.residential{margin-left:0px !important;}
.red-heading {margin-top: 36px;padding-left: 18px;}
.fencing-text p {padding: 0 20px;}
.red-btn {margin: 23px 22px 36px !important;}
.owl-dots{display:none !important;}
.businesses-text-block{margin-right:0px !important;}
.list-item{width: 33%;top: 54px;}
.sub-menu{background:#ef1e3b !important;}
.primary-mobile-nav ul.menu li > ul .menu-parent-items{background-color:#fff001 !important;}
.primary-mobile-nav ul.menu li .toggle-children i, .primary-mobile-nav ul.menu li.menu-back::before, .primary-mobile-nav ul.menu li.menu-back, .primary-mobile-nav .close-canvas-mobile-panel{color:#fff001 !important}
.primary-mobile-nav ul.menu .current-menu-item a{color:#fff001 !important;}
}
@media screen and (max-width: 834px) {
.about-img-padding {height: 390px !important;}
.about-btom-padding, .about-heading-padding {height: 44px !important;}	
.owl-dots{display:none !important;}
.fancing-padding {height: 314px !important;}
.fencing-text-padding{display:none;}
.residential {margin-left: 0px !important;}
.red-heading {margin-top: 18px;padding-left: 16px;}
.fencing-text p {padding: 0 20px;}
.red-btn {margin: 27px 22px 50px !important;}
.businesses-text-block {margin-right: 0 !important;}
.main-padding{height:25px !important;}
.list-item h4{font-size:28px !important;}
}

@media screen and (max-width: 768px) {
	.businesses-fencing .vc_column-inner{padding-left:0px !important;padding-right:0px !important;}
.residential {margin-left: -8px !important; margin-right: -7px !important;}
.businesses-text-block{margin-left:0px !important;}
.list-item{width:100%;position:relative;border-radius:0px;right:0px;left:0px;margin:0px;top:0;}
}

@media screen and (max-width:480px) {
.site-header .logo img {width: 260px !important;height:auto !important;}
.fancing-padding {height: 336px !important;}
.main-padding{height:15px !important;}
.residential .vc_column-inner{padding-left:0px !important;padding-right:0px !important;}
.phone-number a{padding-left: 39px;}
.phone-number a:nth-child(1)::before {left:3px;}
.phone-number a:nth-child(2)::before{left: 12px;}


}

@media screen and (max-width:320px) {
	.fancing-padding {height: 254px !important;}
}
@-moz-document url-prefix() {
  .about-img-padding {
    height: 378px !important;
}
