/* Theme Name: Twenty Seventeen Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 2.3 Requires at least: 4.7 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ body{font-family: 'Roboto Condensed', sans-serif;} .container{max-width:1170px;} .text-gray{color:#999999;} body p{font-size:16px; line-height:22px; color:#999999;} #header p{color:#979797; font-size:14px;} #header p strong{color:#fff; font-size:16px;} .header-logo{margin-top:-9px; display:inline-block;} .header-top{background-color:#222222;} .social-icons-list{list-style-type:none; margin:0px; padding:0px; display:inline-block;} .social-icons-list li{display:inline-block;margin:0px 7px; padding:0px;} .social-icons-list li a{color:#fff; text-decoration:none;} .social-icons-list li a:hover{color:#f62719;} .header-top .top-email i.fa{color:#888888;} .header-center{background-color:#2d2d2d;} .phone-icon-box{background:url("assets/images/top-call.jpg") no-repeat center left; padding-left: 41px;} .address-icon-box{background:url("assets/images/top-map.jpg") no-repeat center right; padding-right: 43px;} .header-center .phone-icon-box span, .header-center .address-icon-box span{color:#999999; font-size:14px;} .header-center .phone-icon-box h4{color:#fff; font-size:22px; margin:0px; line-height:22px; font-weight:700;} .header-center .address-icon-box h4{color:#fff; font-size:16px; margin:0px; line-height:17px; font-weight:700;} #header .navbar{margin-top:-35px;background:#8c8b8b; z-index:99;} #header .navbar-light .navbar-nav .nav-link{color:#ffffff; text-transform:uppercase; font-weight: 700; font-size: 17px;padding:.9em 1.5em .8em 1.5em;} #header .navbar-nav li.current-menu-item .nav-link{color:#2d2d2d; /*position:relative; */} /*#header .navbar-nav li.current-menu-item .nav-link:after{position:absolute; bottom:10px; left:0; right:0; margin:0px auto; content:""; height:2px; width:30px; background:#fff;} */ #header div.dropdown-menu{background: #222222; border-radius:0px; top:111%; min-width:12rem;} #header div.dropdown-menu .dropdown-item{color:#fff; position:relative; font-size:16px; font-weight:normal !important; padding-left:2rem; padding-right:2rem;} #header div.dropdown-menu .dropdown-item:hover{color:#222;} #header div.dropdown-menu .dropdown-item:before { position: absolute; top: 10px; left: 14px; content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #939393;} .navbar-light .navbar-toggler{border-color: rgba(0,0,0,0); outline:none !important; } .header-srch-btn{background: #222222; color: #fff; border: none; outline: none; height: 70px; width: 70px;position: absolute;top: 0;right: 0; font-size: 20px; cursor: pointer; transition:all ease 0.4s;} .search-form-field-area{position: absolute;width:0px;top: 0;right: 69px;} .search-form-field-area .search-field{border-color:#fff !important;} .search-form-field-area .search-field:hover, .search-form-field-area .search-field:focus{box-shadow:none !important; border-color:#fff !important;} #main-slider{margin-top:-35px;} .slider-cap{position:absolute; max-width:1140px; right:0; left:0; top:50%; margin:0px auto; transform: translate(0%, -50%); padding:66px 0 78px 85px; background:url(https://www.remoteface.com/demo/510Customs/wp-content/uploads/2020/07/caption-bg.png) no-repeat center left;} .slider-cap button{box-shadow: 0px 0px 40px 30px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 40px 30px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 40px 30px rgba(0,0,0,0.2);} .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } .blog-area .entry-meta a{color:#fff;} .blog-area .entry-meta{color:#999999;} .blog-area h1.entry-title{color:#fff; margin:20px 0 40px 0; font-weight:700; font-size:30px; line-height:1.3em;} .page-header {background-size:cover !important; background-repeat:no-repeat !important; margin-top:-35px;} .page-header h1{color:#fff; font-size:48px; font-weight:700;} .page-header .breadcrumb-510custom{display:block; list-style-type:none; padding:0px; margin:0px;} .page-header .breadcrumb-510custom li{display:inline-block; list-style-type:none; font-size:16px; color:#fff; vertical-align: middle; margin-right:6px;} .page-header .breadcrumb-510custom li a{color:#fff; text-decoration:none;} .arrow-right {width: 0px;height: 0px;border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #8c8b8b;} .bg-gradient{ background: #d90907 !important; /* Old browsers */ background: -moz-linear-gradient(90deg, #d90907 0%, #ff3302 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(90deg, #d90907 0%,#ff3302 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(90deg, #d90907 0%,#ff3302 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90907', endColorstr='#ff3302',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .button-custom button{ text-transform:uppercase; padding-left: 40px !important;padding-right: 40px !important;outline:none !important; background: #d90907 !important; /* Old browsers */ background: -moz-linear-gradient(45deg, #d90907 0%, #ff3302 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #d90907 0%,#ff3302 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #d90907 0%,#ff3302 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d90907', endColorstr='#ff3302',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */ } .button-custom button:focus{outline:none !important;} .button-custom button:hover{margin-left:7px;} .button-custom510{ text-transform:uppercase; padding-left: 40px;padding-right: 40px;font-size:16px;height:57px;border-radius:0px;color:#fff;outline:none !important;background:#8c8b8b; -o-transition: ease all 0.2s; -moz-transition: ease all 0.2s; -webkit-transition: ease all 0.2s; transition: ease all 0.2s; } .button-custom510:focus{outline:none !important;box-shadow:none !important;} .button-custom510:hover{margin-left:7px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{color:#fff;} .custom-f-t,.custom-filter select{min-height:70px; border-radius:0px; border-color:transparent; color:#707070; padding:10px 25px; margin:15px 0;} .custom-filter{margin-bottom: 0px;} .custom-filter select{ display: block; width: 100%; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; height: 60px !important; background: #434343; color: #fff; min-height: auto; -o-transition: ease all 0.2s; -moz-transition: ease all 0.2s; -webkit-transition: ease all 0.2s; transition: ease all 0.2s; } .custom-filter select:hover{ background: #ffffff; color: #222222; min-height: auto; } .filter-area .berocket_single_filter_widget{ width: 24%; display: inline-block; margin: 0 5px; } .custom-f-text{height:170px;} span.ajax-loader{float:left;} .gray-bg{background:#2d2d2d;} .gray-texture{background:url("https://www.remoteface.com/demo/510Customs/wp-content/uploads/2020/07/products-bg_02.jpg") no-repeat center center; background-size:cover;} .border-line{border-top-color:#3d3d3d;} .h1_bold72{ color:#fff; font-size:72px; font-weight:700;} .h2_light48{ color:#fff; font-size:48px; font-weight:300;} .h2_light36{ color:#fff; font-size:36px; font-weight:100;} .h4_bold60{ color:#fff; font-size:60px; font-weight:700;} .h4_bold48{ color:#fff; font-size:48px; font-weight:700;} .h4_bold36{ color:#fff; font-size:36px; font-weight:700;} .h4_bold30{ color:#fff; font-size:30px; font-weight:700;} .h4_bold24{color:#fff; font-size:24px; font-weight:700;} .contact-details i.fa{font-size:50px; color:#8c8b8b;} .contact-details span{color:#fff; font-size:18px; display:block;clear:both;} .filter-area{background:#222222;} .filter-area ul{list-style-type:none; padding:0px; margin:0px;} .filter-area ul li{list-style-type:none; display:inline-block; width:240px; vertical-align:middle; padding:0px; margin:3px;} .filter-area ul li .custom-f-t{height:60px !important; background:#434343; color:#fff; min-height:auto; -o-transition: ease all 0.2s; -moz-transition: ease all 0.2s; -webkit-transition: ease all 0.2s; transition: ease all 0.2s;} .filter-area ul li .custom-f-t:hover,.filter-area ul li .custom-f-t:focus{background:#ffffff; color:#222222; min-height:auto;} .filter-area ul li button:hover{margin-left:0px;} .filter-area ul li:last-child{width:auto;} .testimonials-area .testimonial-box{background:url("assets/images/quote-bg.jpg")no-repeat top left, #404040; padding:67px 35px 35px 230px; position:relative;} .testimonials-area .testimonial-box:before{content:""; height:30px; width:calc(100% - 200px); top:0; right:0; position:absolute; background:#2d2d2d;} .testimonials-area .testimonial-box:after{content:""; height:calc(100% - 200px); width:30px; bottom:0; left:0; position:absolute; background:#2d2d2d;} .product-single-category a{color:#fff; text-decoration:none;} .single-product-left img{width:100%;} .product_type_variable{display:none !important;} .call-box-single{} .call-box-single span{font-size:14px; line-height:14px; color:#999999;} .call-box-single i{font-size:36px; color:#999999; margin-top:8px; float:left; margin-right:15px;} .call-box-single h4{color:#fff; font-size:22px; line-height:22px; font-weight:bold;} .related{width:100%;} .common-content-box{ background:url("https://www.remoteface.com/demo/510Customs/wp-content/uploads/2020/07/home-bottom-banner_02.jpg")no-repeat center center; background-size:cover;} .common-box-inner{border:10px solid #8c8b8b; border-top:0px;} .common-content-box .common-box-inner p{color:#fff; font-size:18px; line-height:1.4em; margin-top:10px;} .common-content-box .common-box-inner h4{color:#9c9c9c; font-size:24px;} .common-content-box .common-box-inner h4 strong{color:#fff;} .custom-product-box{background:#fff; padding:15px;} .custom-product-box img{width:100%;} .custom-product-box h2.woocommerce-loop-product__title{color:#2d2d2d; font-size:18px; font-weight:700; margin:10px 0 0 0;} .custom-product-box a{text-decoration:none;} .custom-product-box a.product_type_simple{display:none;} .shop-categories-list ul li img{display:none !important;} .shop-categories-list ul li{display:block !important; width:100% !important; margin:7px 0px !important; position:relative !important; padding-left: 15px !important;} .shop-categories-list ul li a{color:#fefefe !important; font-size:18px !important;} .shop-categories-list ul li h2{margin:0px !important; padding:0px !important;} .shop-categories-list ul li:before{position: absolute;top: 6px;left: 0; content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #939393;} .shop-categories-list ul li h2 mark.count{display:none !important;} .home-products .custom-product-box{background:#2d2d2d;} .home-products .custom-product-box h2.woocommerce-loop-product__title{color:#fff;} .colr-white a{color:#fff; text-decoration:none;} .related-products-area h2{font-size:30px; font-weight:700; color:#fff; margin:40px 0; display:block;} .img-border-box{position:relative; z-index:999;} .img-border-box:after{ position:absolute; z-index:-1; content:""; width: calc(100% - 70px); height: 100%; top: 0; left: 70px; margin: auto; border: 10px solid transparent; -moz-border-image: -moz-linear-gradient(top right, #8c8b8b 0%, #8c8b8b 100%); -webkit-border-image: -webkit-linear-gradient(top right, #8c8b8b 0%, #8c8b8b 100%); border-image: linear-gradient(to bottom left, #8c8b8b0 0%, #8c8b8b 100%); border-image-slice: 1; } .home-b-banner{position:relative;} .home-b-banner:after{ position:absolute; content:""; width: 100%; height: 100%; top: 0; left: 0px; margin:0px auto; border: 10px solid #8c8b8b; border-top:0px; } .product-box{background:#222; padding:20px;} .product-box:hover{background:#8c8b8b;} .product-box img{width:100%;} .product-box h4{font-weight:700; color:#fff; margin:10px 0;} .newsletter-area .wpcf7-form-control-wrap{width:calc(100% - 90px);} .newsletter-btn{height:68px; width:70px; color:#fff; margin-top:16px; font-size:25px; background:#8c8b8b;} #footer{background-color:#222222;} #footer p{color:#979797;} #footer h4{color:#fff; margin-bottom:15px; font-size:24px; text-transform:uppercase; font-weight:700;} #footer #menu-footermenu{padding:0px; margin:0px;} #footer #menu-footermenu li{position:relative; list-style-type:none; padding-left:15px;} #footer #menu-footermenu li:before{position:absolute; top:6px; left:0; content:""; width: 0px; height: 0px;border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #939393;} #footer #menu-footermenu li a{color:#fff; text-decoration:none; -o-transition:ease all 0.2s; -moz-transition:ease all 0.2s; -webkit-transition:ease all 0.2s; transition:ease all 0.2s;} #footer #menu-footermenu li a:hover{margin-left:5px;} #footer .footer-contact-details li{font-size:16px; line-height:22px; margin-bottom:10px; padding-left:30px;} #footer .footer-contact-details li.bottom-phone{background:url("assets/images/bottom-call.jpg") no-repeat center left;} #footer .footer-contact-details li.bottom-email{background:url("assets/images/bottom-mail.jpg") no-repeat center left;} #footer .footer-contact-details li.bottom-map{background:url("assets/images/bottom-map.jpg") no-repeat top left;} #footer .footer-copyright{border-top:1px solid #393939;} #footer .footer-copyright p strong{color:#fff;} @media only screen and (max-width:1024px){ .filter-area .berocket_single_filter_widget{margin: 0 4px;} } @media(max-width:991px){ .img-border-box:after{content:normal;} #header .navbar{padding-top:15px; padding-bottom:15px;} .slider-cap{width:calc(100% - 30px); background:none; padding:0px; text-align:center;} .slider-cap h1{font-size:50px; line-height:55px;} .slider-cap h2{display:none;} .filter-area .berocket_single_filter_widget{margin: 0 3px;} } @media(max-width:768px){ .h4_bold60{font-size:40px;} .slider-cap h1{font-size:30px; line-height:33px;} .slider-cap h2, .slider-cap button{display:none;} .filter-area ul li,.filter-area ul li:last-child{width:100%; display:block;} .filter-area ul li button{width:100%; display:block;} } @media only screen and (max-width:767px){ .filter-area .berocket_single_filter_widget{ width: 100%; } }