/* Theme Name: Car Repair Services Child Theme URI: https://smartdata.tonytemplates.com/car-repair-service/ Description: Child theme for Car Repair Services Author: Smartdatasoft Team Author URI: https://themeforest.net/user/smartdatasoft Template: car-repair-services Version: 1.0 */ /* ---------------------------------------------------------------------------- * Child Theme Style.css styles begin here! * ------------------------------------------------------------------------- */ .gridposts img, .gridposts h3 a, header.page-header .appointment, header.page-header .appointment:after{ -moz-transition: all .2s ease-in-out !important; -webkit-transition: all .2s ease-in-out !important; -o-transition: all .2s ease-in-out !important; transition: all .2s ease-in-out !important; } body:not(.contact) .grecaptcha-badge, .ourServices .btn-add{ display: none !important; } /*----------- FADE -----------------*/ #pageContent{ -webkit-animation: fadein 1.5s ; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1.5s ; /* Firefox < 16 */ -ms-animation: fadein 1.5s ; /* Internet Explorer */ -o-animation: fadein 1.5s ; /* Opera < 12.1 */ animation: fadein 1.5s ; } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /*-------------- END FADE --------------------*/ /*------------------------------------------- COLOR -------------------------------------------*/ /*------------------------------------------- COLOR -------------------------------------------*/ #mainSlider .slide-content h3, header.page-header-1 .header-right .address span,header.page-header-1 .header-phone .phone-number .code,.color, a.color, a.color:hover, a.color:focus, .gridposts h3 a:hover, .sliderTitle, footer .text a:hover, .appointment:hover span, .appointment:hover i, body .color, body a.color, body a.color:hover, body a.color:focus, body .filters-by-category ul li a:hover, body .filters-by-category ul li a.selected, body .blog-post .post-meta li i.icon, body #appointmentForm.modal .modal-dialog .modal-header .close, body .slick-prev:hover:before, body .slick-next:hover:before, body .reply a, .color, a.color, a.color:hover, a.color:focus, .services-block .service.dark h2, .services-block .service.dark h3, .services-block .service.dark h4, header.page-header-1 .header-phone .phone-number .code, .marker-list > li:after, header.page-header-1 .header-right .address span, .testimonials-item .inside .rating, .services-block-alt .caption .title, .testimonial-card:after, .icon-star:before, blockquote::before, .marker-list-sm>li:after, .promo02 .promo02__marker, .services-box .services-box__icon, .info02 .info02__icon, .header-info-toggle [class*='icon-']:hover, .heade-mobile-top .icon-arrow_down, #slide-nav #slidemenu .close-menu, header.page-header .navbar-toggle, .panel-menu #mm0.mmpanel a:not(.mm-close):hover{ color: #6CD702 !important; } footer .text a, .advantage h6{ color: #fff !important; } header.page-header-1 .navbar-nav>li>a:after, .appointment, body .box01 .box01__icon:before, .block-title .title-separator, .block-title .title-separator:before, .block-title .title-separator:after, .services-tabs .services-tabs-nav > li a:before, .services-tabs .services-tabs-icons > span.active, .services-title .title-separator, .services-title .title-separator:before, .services-title .title-separator:after,body .btn::before,body .btn::after, body .column-right .widget_search button:hover, input[type="submit"]:hover, .tags-list li a:hover, #slide-nav #slidemenu.slide-active .search-container .button, .tagcloud a:hover, .box01 .box01__content .box01__title:before, .slick-dots li.slick-active button, .slick-dots li.slick-active button:hover, header .heade-mobile .navbar-toggle:hover span { background-color: #6CD702 !important; } .appointment:hover{ background-color: #292929 !important; } header.page-header .appointment:hover::after{ border-color: transparent #292929 transparent transparent !important; } .btn:not([data-action]).btn-border, .btn:not([data-action]).btn-border{ border-color: #6CD702 !important; } /*------------------------------------------- END COLOR -------------------------------------------*/ /*------------------------------------------- END COLOR -------------------------------------------*/ /*------------------------------------------- FONT -------------------------------------------*/ /*------------------------------------------- FONT -------------------------------------------*/ body{ font-family: "Poppins" !important; } footer .text a, footer p, #menu-main-menu a{ font-size: 14px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ font-size: 13px !important; } p{ font-weight: 400 !important; } /*------------------------------------------- END FONT -------------------------------------------*/ /*------------------------------------------- END FONT -------------------------------------------*/ /*------------------------------------------------ ELEMENT ------------------------------------------------*/ /*------------------------------------------------ ELEMENT ------------------------------------------------*/ .gridposts .elementor-posts-container{ --grid-column-gap: 50px; --grid-row-gap: 50px; } .gridposts img:hover{ filter: brightness(0.8); } body #mainSlider .slide .img--holder{ min-height: 300px !important; } .sliderTitle2{ font-weight: 600 !important; color: #fff; text-transform: none !important; font-size: 27px !important; line-height: 1.2 !important; margin-bottom: 10px !important } .sliderTitle{ font-weight: 600 !important; text-transform: none; font-size: 72px !important; line-height: 1.2 !important; margin-bottom: 0 !important; margin-top: 0 !important; letter-spacing: -0.04em !important; } .sliderDesc{ margin-top: 15px !important; } .serviceTab .services-tab-button{ display: none; } .serviceTab .services-tabs-nav li a{ padding: 19px; } .serviceTab .services-tabs-nav li a span{ white-space: normal; } .serviceTab .services-tabs-nav li::before{ position: absolute; z-index: 9; font-weight: 600; left: 50%; top: calc(50% - 40px); width: 40px; height: 40px; border-radius: 50%; background: #292929; color: #fff; display: flex; justify-content: center; font-size: 19px; align-items: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .serviceTab .services-tabs-nav li:nth-of-type(1)::before{ content: "1"; } .serviceTab .services-tabs-nav li:nth-of-type(2)::before{ content: "2"; } .serviceTab .services-tabs-nav li:nth-of-type(3)::before{ content: "3"; } .serviceTab .services-tabs-nav li:nth-of-type(4)::before{ content: "4"; } .serviceTab .services-tabs-nav li:nth-of-type(5)::before{ content: "5"; } .serviceTab .services-tabs-nav li:nth-of-type(6)::before{ content: "6"; } .serviceTab .services-tabs-icon{ display: flex !important; justify-content: center; } .serviceTab .services-tabs-icon::before{ position: absolute; z-index: 9; font-weight: 600; color: #292929; } .serviceTab .services-tabs-icon.icon1::before{ content: "1"; } .serviceTab .services-tabs-icon.icon2::before{ content: "2"; } .serviceTab .services-tabs-icon.icon3::before{ content: "3"; } .serviceTab .services-tabs-icon.icon4::before{ content: "4"; } .serviceTab .services-tabs-icon.icon5::before{ content: "5"; } .serviceTab .services-tabs-icon.icon6::before{ content: "6"; } .serviceTab li a span{ -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } .backButton a{ padding-left: 0; } /*------------------------------------------- END ELEMENT -------------------------------------------*/ /*------------------------------------------- END ELEMENT -------------------------------------------*/ /*------------------------------------------------ HEADER ------------------------------------------------*/ /*------------------------------------------------ HEADER ------------------------------------------------*/ header.page-header-1 .header-row .logo{ width:370px !important; } header.page-header-1 .header-row .logo>a { position: absolute; padding: 0 !important; top: 50%; transform: translateY(-50%); left: 20px; } header.page-header-1 .logo img { max-width: 317px !important; } header.page-header .appointment:after, .modal-header .appointment:after{ border-color: transparent #6CD702 transparent transparent !important; } #slidemenu .col-md-11{ width: 100% !important; } /*------------ STICKY -------------*/ /*---------- END STICKY --------*/ /*------------------------------------------------ END HEADER ------------------------------------------------*/ /*------------------------------------------------ END HEADER ------------------------------------------------*/ /*------------------------------------------------ HOME PAGE ------------------------------------------------*/ /*------------------------------------------------ HOME PAGE ------------------------------------------------*/ .homeBanner .img--holder::after{ content:""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgb(0,0,0,0.6); } /*------------------------------------------------ END HOME PAGE ------------------------------------------------*/ /*------------------------------------------------ END HOME PAGE ------------------------------------------------*/ /*------------------------------------------------ PAGE 2nd ------------------------------------------------*/ /*------------------------------------------------ PAGE 2nd ------------------------------------------------*/ body.bvm{ background: url(/wp-content/uploads/2022/02/banner-bvm-2.jpg) no-repeat center 0 !important; } body.turbo{ background: url(/wp-content/uploads/2022/02/turbo-banner.jpg) no-repeat center 0 !important; } body.differential{ background: url(/wp-content/uploads/2022/02/differential-banner.jpg) no-repeat center 0 !important; } body.car_services-template-default #pageContent { padding-top: 60px !important; } #pageTitle { padding: 47px 15px 39px !important; } .single-car_services .service-single > div:first-of-type{ display: none; } .single-car_services .service-single > div:last-of-type{ width: 100%; max-width: 1024px; margin: auto; } .single-car_services .service-single > div:last-of-type img{ margin: auto; } /*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/ /*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/ /*------------------------------------------ SHOP -----------------------------------------------*/ /*----------------------------------------- SHOP -----------------------------------------------*/ /*----------------------------------------------- END SHOP -----------------------------------------------*/ /*----------------------------------------------- END SHOP -----------------------------------------------*/ /*------------------------------------------ BLOG -----------------------------------------------*/ /*----------------------------------------- BLOG -----------------------------------------------*/ /*----------------------------------------------- END BLOG -----------------------------------------------*/ /*----------------------------------------------- END BLOG -----------------------------------------------*/ /*------------------------------------------------- FOOTER -----------------------------------------------*/ /*------------------------------------------------- FOOTER -----------------------------------------------*/ footer p{ margin-bottom: 10px; } .footerLogo img{ width: 100%; } /*------------------------------------------------ END FOOTER ------------------------------------------------*/ /*------------------------------------------------ END FOOTER ------------------------------------------------*/ /*------------------------------------------------- BLOG-----------------------------------------------*/ /*------------------------------------------------- BLOG-----------------------------------------------*/ /*------------------------------------------------- END BLOG -----------------------------------------------*/ /*------------------------------------------------- END BLOG -----------------------------------------------*/ /*------------------------------------------------ COMPLIANZ ------------------------------------------------*/ /*------------------------------------------------ COMPLIANZ ------------------------------------------------*/ #cc-window{ width: 100%; font-size: 13px; padding: 5px; background: rgb(255,255,255,0.8); } #cc-window.cc-floating { max-width: 500px; } #cc-window .cc-compliance{ display: flex !important; justify-content: center; } #cc-window .cc-message{ margin: 0; text-align: center; } #cc-window .cc-btn{ max-width: 300px; } #cc-window .cc-accept-all{ max-width: 300px; float: left; } #cc-window .cc-save{ float: none; } #cc-window .cc-compliance a{ margin: 5px 10px 0 !important; } @media screen and (max-width: 767px){ .cmplz-header{ display: none !important; } .cmplz-cookiebanner{ padding: 3px 15px !important; padding-top: 10px !important; grid-gap: 5px !important; } .cmplz-buttons{ flex-direction: row !important; flex-wrap: wrap !important; justify-content: center; } .cmplz-cookiebanner .cmplz-accept, .cmplz-cookiebanner .cmplz-deny{ height: 25px !important; padding: 0 !important; width: 48% !important; color: #333 !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn{ height: 25px !important; padding: 0 !important; } } @media screen and (max-width: 500px){ #cc-window{ font-size: 13px; } #cc-window .cc-compliance{ display: block !important; } #cc-window .cc-dismiss, #cc-window .cc-save{ width: 50% !important; min-width: auto !important; } #cc-window .cc-compliance a { padding: 5px 0 !important; margin: 0 !important; margin-top: 15px !important; } } /*------------------------------------------------ END COMPLIANZ ------------------------------------------------*/ /*------------------------------------------------ END COMPLIANZ ------------------------------------------------*/ /*------------------------------------------------- 4K-----------------------------------------------*/ /*------------------------------------------------- 4K-----------------------------------------------*/ @media screen and (min-width: 1919px){ #mainSlider .container,header .navbar .container{ width: 80vw !important; min-width: 1300px !important; max-width: 2200px !important; } } @media screen and (min-width: 1365px){ .navbar .container{ width: 1300px !important; } } /*------------------------------------------------- END 4K-----------------------------------------------*/ /*------------------------------------------------- END 4K-----------------------------------------------*/ /*------------------------------------------------- LAPTOP-----------------------------------------------*/ /*------------------------------------------------- LAPTOP-----------------------------------------------*/ @media screen and (max-width: 1440px){ } @media screen and (max-width: 1250px){ header.page-header-1 .header-row .logo { width: 280px !important; } header.page-header-1 .logo img { max-width: 250px !important; } header .header-right .address{ padding-left: 50px !important; } } /*------------------------------------------------- END LAPTOP -----------------------------------------------*/ /*------------------------------------------------- END LAPTOP -----------------------------------------------*/ /*------------------------------------------------- TABLET-----------------------------------------------*/ /*------------------------------------------------- TABLET-----------------------------------------------*/ @media screen and (max-width: 1199px) and (min-width:992px){ header .header-right .address, header.page-header-1 .header-phone .text{ font-size: 14px !important; } } @media screen and (max-width: 991px){ .sliderTitle2{ font-size: 22px !important; } .sliderTitle{ font-size: 50px !important; } body header .header-info-toggle [class*='icon-']:hover{ color: #6CD702 !important } } /*------------------------------------------------- END TABLET-----------------------------------------------*/ /*------------------------------------------------- END TABLET-----------------------------------------------*/ /*------------------------------------------------- LANDSCAPE-----------------------------------------------*/ /*------------------------------------------------- LANDSCAPE-----------------------------------------------*/ @media screen and (max-width: 720px){ #mainSlider h3{ font-size: 30px !important; line-height: 1.4em !important; } h2{ font-size: 27px !important; line-height: 1.4em !important; } h3{ font-size: 20px !important; line-height: 1.4em !important; } .sliderDesc{ font-size: 13px !important; } #mainSlider .slide-content p{ font-size: 11px !important; } .heade-mobile{ min-height: 55px !important; } header.page-header .logo { max-width: 190px !important; } .serviceTab .services-tabs-nav li a { padding: 10px; } .serviceTab .services-tabs-nav li a span{ font-size: 11px; line-height: 1.2; } .serviceTab li a span { -webkit-transform: translateY(17px); -ms-transform: translateY(17px); transform: translateY(17px); } .serviceTab .services-tabs-nav li::before{ height: 25px; width: 25px; font-size: 15px; top: calc(50% - 35px); } .services-tabs .services-tabs-icons>span { width: 30px !important; height: 30px !important; } .serviceTab .services-tabs-icon { align-items: center; } } /*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/ /*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/ /*------------------------------------------------- PORTRAIT-----------------------------------------------*/ /*------------------------------------------------- PORTRAIT-----------------------------------------------*/ @media screen and (max-width: 500px){ .sliderTitle{ font-size: 35px !important; } .sliderTitle2{ font-size: 20px !important; } } /*------------------------------------------------- END PORTRAIT-----------------------------------------------*/ /*------------------------------------------------- END PORTRAIT-----------------------------------------------*/