/*------------------------------------------------------------------------------------- 
Theme Name:		 Easy Tires Theme
Theme URI:		 https://wowtheme7.com/fixturbo-child-theme
Description:	 Fixturbo Car Repair & Auto Services WordPress Theme
Author:			 Onkar
Author URI:		 https://wowtheme7.com/
Template:		 fixturbo
Version:		 1.0.3
Text Domain:	 easy-tires-theme
-------------------------------------------------------------------------------------*/

/*
    Please Add your custom styles here
*/

html,body{scroll-behavior:auto!important}
.back-to-top{bottom:105px;right:35px}
h1,h2,h3,h4,h5,h6{font-weight:700!important}
.policy-sec .h1,.policy-sec h1{font-size:calc(1.375rem + 1.5vw)}
@media (min-width: 1200px) {
.policy-sec .h1,.policy-sec h1{font-size:2.5rem}
}
.policy-sec .h2,.policy-sec h2{font-size:calc(1.325rem + 0.9vw)}
@media (min-width: 1200px) {
.policy-sec .h2,.policy-sec h2{font-size:2rem}
}
.policy-sec .h3,.policy-sec h3{font-size:calc(1.3rem + 0.6vw)}
@media (min-width: 1200px) {
.policy-sec .h3,.policy-sec h3{font-size:1.75rem}
}
.policy-sec .h4,.policy-sec h4{font-size:calc(1.275rem + 0.3vw)}
@media (min-width: 1200px) {
.policy-sec .h4,.policy-sec h4{font-size:1.5rem}
}
.policy-sec .h5,.policy-sec h5{font-size:1.25rem}
.policy-sec .h6,.policy-sec h6{font-size:1rem}
.nav-header .container:not(.custom-container),.service-details-page .container,.breadcrumb-wrap .container,.footer-action .container{max-width:1400px}
.slick-arrow.style3{padding:0!important}
.nav-header .container.custom-container{max-width:auto!important}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default{padding:0}
.home-banner #hero{background-size:cover;background-position:center;}
ul.navbar-nav li a{line-height:60px;}
ul.navbar-nav li.menu-item-has-children:before{right:10px !important;}
ul.navbar-nav li.menu-item-has-children:after{top:30px !important;right:6px !important;}
.navbar-area .custom-container .navbar-collapse .navbar-nav li{margin:0px !important;}
.navbar-area .custom-container .navbar-collapse .navbar-nav li a{padding-right:15px;padding-left:15px;}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.current-menu-item > a, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.current-menu-item, .navbar.navbar-area .navbar-collapse .navbar-nav > li:hover {background:#171717;color:#fff  }
.navbar-area .custom-container .navbar-collapse ul.navbar-nav li.menu-item-has-children {margin-right:10px !important;padding-right:25px !important}
ul.navbar-nav li.menu-item-has-children a{padding-right:0 !important}
ul.navbar-nav li.menu-item-has-children ul li a{line-height: 20px;}
.breadcrumb-wrap.navbar-style-02 .breadcrumb-content{padding: 100px 0 }
.breadcrumb-wrap.navbar-style-02{background-position:center;}
.flex-list ul {display: flex;flex-wrap: wrap;padding-left: 20px;}
.flex-list ul li{width:25%; padding-right:30px;}
@media only screen and (min-width: 1200px) and (max-width: 1500px) {
.menu-area .navbar-area{padding-left:0}
}
@media (max-width:1400px) {
.nav-header .container:not(.custom-container),.service-details-page .container,.breadcrumb-wrap .container,.footer-action .container{max-width:calc(100% - 40px)}
}
@media (max-width:992px) {
.nav-header .container .container{max-width:100%;padding:0}
.footer-action .container{max-width:100%}
.responsive-mobile-menu{width:100%;display:flex;justify-content:space-between}
.nav-header .container .container .mobile-menu-logo{width:100%}
.flex-list ul li{width:50%;padding-right:0}
.header-layout2 .menu-area{background:#fff!important}
}
.header-search-wrap .search-form .icon-btn{padding:0 !important}
.single-service .service-details-page {padding-bottom: 120px;}
.accordion-sec .e-n-accordion-item .e-n-accordion-item-title{justify-content:space-between;}
.single-blog-list .blog-content .blog-meta, .single-blog-list .blog-date{
    display: none !important;
}
.single-blog-list .blog-content .blog-title{margin-top:0 !important}
.elementor-widget-button a{position:relative;overflow:hidden;font-family:'montserrat' !important;font-weight:600 !important;}
.elementor-widget-button a::after,.elementor-widget-button a::before{content:"";display:block!important;width:50px;height:50px;transform:translate(-50%,-50%);position:absolute;border-radius:50%;z-index:0;background-color:#171717;transition:1s ease}
.blog-card .blog-img{background-size:cover}
.white.elementor-widget-button a::after,.white.elementor-widget-button a::before{background:#fff}
.elementor-widget-button a span.elementor-button-content-wrapper{position:relative;z-index:1;transition:1s}
.white.elementor-widget-button a:hover span.elementor-button-content-wrapper{color:#000!important}
.elementor-widget-button a:before{top:-2em;left:-2em}
.elementor-widget-button a:after{left:calc(100% + 2em);top:calc(100% + 2em)}
.elementor-widget-button a:focus:after,.elementor-widget-button a:focus:before,.elementor-widget-button a:hover:after,.elementor-widget-button a:hover:before,.elementor-widget-button a:active:after,.elementor-widget-button a:active:before{height:410px;width:410px}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav ul li.current-menu-item a{background:var(--main-color-one)!important;color:#fff!important}
.header-grid-info li a{display:inline-flex;gap:15px}
.testi-card.style2 .testi-profile_thumb img{width:75px}
.testi-card.style2 .testi-card_text{font-size: 18px;line-height:1.5;}
.testiomonial-wrap-2 .testi-slider-2{margin-bottom:50px;}

/* Container for the booking form */

#location-list > div{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:4px;margin-bottom:1rem;background-color:#f7fafc}
#location-list span{font-size:1rem;color:#2d3748}
#tire-booking-app button{transition:background-color .2s ease}
.select-location{background-color:#4299e1;color:#fff;padding:.5rem 1rem;border-radius:4px;border:none;font-size:.875rem}
.select-location:hover{background-color:#2b6cb0}
.select-time{background-color:#edf2f7;border:1px solid #e2e8f0;padding:.5rem;border-radius:4px;font-size:.875rem;color:#2d3748}
.select-time:hover{background-color:#bee3f8}
#step-2-back, #go-step-3{padding: 12px 25px;}
.btn-grp {display: flex;justify-content: space-between;}
#tire-booking-app .service-item input[type="checkbox"], #tire-booking-app .addon-item input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
    position: absolute;
	left:0;
	top:0;
	opacity:0;
	visibility:hidden;
}

#tire-booking-app input[type="date"]{border:1px solid #e2e8f0;padding:.5rem;border-radius:4px;width:100%;font-size:.875rem;color:#2d3748}
#time-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.5rem}
#summary-location,#summary-services,#summary-addons,#summary-datetime,#summary-total{font-size:.875rem;color:#4a5568;margin-bottom:.5rem}
#summary-total span.text-red-600{font-weight:500}
.wpcf7-form{margin-top:1rem}
.wpcf7-form label{display:block;font-size:.875rem;color:#4a5568;margin-bottom:.25rem}
#tire-booking-app .wpcf7-form input[type="text"],#tire-booking-app .wpcf7-form input[type="email"],#tire-booking-app .wpcf7-form input[type="tel"],#tire-booking-app .wpcf7-form input[type="number"],#tire-booking-app .wpcf7-form textarea{width:100%;border:1px solid #e2e8f0;padding:.5rem;border-radius:4px;font-size:.875rem;color:#2d3748;margin-bottom:0rem;height:auto;}
.wpcf7-form input[type="radio"],.wpcf7-form input[type="checkbox"]{margin-right:.5rem}
.wpcf7-form input[type="submit"]{background-color:var(--main-color-one);color:#fff;padding:.5rem 1rem;border-radius:4px;border:none;font-size:.875rem;cursor:pointer}
.wpcf7-form input[type="submit"]:hover{background-color:#aa011d}
.wpcf7-response-output{margin-top:1rem;padding:.5rem;border-radius:4px;font-size:.875rem}
.wpcf7-validation-errors{border:1px solid #f56565;color:#742a2a;background-color:#fefcbf}
.service-item,.addon-item{width:fit-content;border:1px solid #ddd;border-radius:5px;padding:10px;margin:0;position:relative}
.service-item:has(input:checked):before,.addon-item:has(input:checked):before{content:'\2714';width:15px;height:15px;background:red;position:absolute;left:0;top:0;color:#fff;line-height:15px;font-size:10px;text-align:center}
.service-item:has(input:checked),.addon-item:has(input:checked){background-color:#ffe9ed;border:1px solid var(--main-color-one)}
.service-item label,.addon-item label{margin:0}
div#services-list,#addons-list{display:flex;gap:15px;flex-wrap:wrap}
.wpcf7-radio span.wpcf7-list-item{display:block}
span.wpcf7-list-item-label{font-size:14px}

/*  */

#tire-booking-app{max-width:800px;margin:20px auto;background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;font-family:sans-serif;box-shadow:0 4px 6px #0000001a}
#tire-booking-app h1{font-size:24px;margin-bottom:15px;text-align:center}
#tire-booking-app h2{font-size:20px;margin-bottom:10px}
#tire-booking-app h3{font-size:16px;margin:10px 0 5px}
.step{margin-top:20px}
.hidden{display:none}
.location-item button,.time-slot{background:var(--main-color-one);color:#fff;border:none;padding:12px 25px;border-radius:4px;cursor:pointer}
.location-item button:hover,.time-slot:hover{background:#aa011d}
.time-slot.selected,.select-date.bg-selected{background:#aa011d!important;color:#fff!important}
#custom-calendar table{width:100%;border-collapse:collapse}
#custom-calendar th,#custom-calendar td{border:1px solid #ddd;padding:4px;text-align:center}
#custom-calendar td.cursor-pointer:hover{background:#e0f2ff;cursor:pointer}
#custom-calendar td.text-gray-400{color:#999;background:#f5f5f5}
#time-slots{margin:: 10px 0;display:flex;flex-wrap:wrap;gap:5px}
#time-slots button{width:24.5%}
.summary p{margin:4px 0}
td.bg-selected{background:#ffcbd4}
#custom-calendar button{line-height:1;background:var(--main-color-one);border:none;width:35px;color:#fff;height:35px;display:flex;justify-content:center;align-items:center}
#custom-calendar button:hover{background:#aa011d}
span#calendar-month-year{font-weight:700;font-family:'montserrat';font-size:20px}

/*  */

.custom-logo-link img,.site-logo img,.footer-logo img{max-width:200px!important}
.header-logo{padding-top:0;padding-bottom:0}
.header-search-wrap{padding:0 20px}
.header-search-wrap .search-form .form-control{min-width:auto}
.custom-product-grid .product-card h3{font-size:1.25rem;font-weight:600}
.custom-product-grid .product-card img{width:100%}
.custom-product-grid .product-card a.btn{width:100%;padding:20px}
.custom-product-grid .badge.bg-danger{font-size:.75rem;padding:.3em .6em;border-radius:5px}
.newsletter-form input[type="submit"]{padding:0!important;width:75px}
.newsletter-form .wpcf7-spinner{position:absolute;right:0}
.blog-grid .blog-list-item-wrap .single-blog-list .blog-title a{font-size:20px;line-height:0}
.blog-grid .blog-list-item-wrap .single-blog-list .blog-title{margin-top:15px;margin-bottom:15px}
.blog-grid .blog-list-item-wrap .single-blog-list .blog-meta p{margin-bottom:15px}
.newsletter-form.style2 .btn{width:auto;padding:0 30px!important;background:#fff;color:#000}
.newsletter-form.style2 .btn:hover{background:#171717;color:#fff}
.service-card.style2 .service-card_icon img{max-width:65px;filter: brightness(0) invert(1)}
.single-post h2{font-size:30px;}
.single-post h3{font-size:26px;}
.single-post h4{font-size:22px;}
.single-post h5{font-size:18px;}
.single-post h6{font-size:16px;}
.elementor-widget-fixturbo-contact-widget, .contact-info {height: 100%;}
input.aiowps-captcha-answer {
    width: auto;
    height: 40px;
    padding: 10px;
}
.aiowps-captcha-equation{margin-bottom:20px;}
@media (min-width: 1024px){
	.hero-2 .row .col-lg-8{width:65%}
	.hero-2 .row .col-lg-8 .hero-title{font-weight:700;font-size:65px;position:relative;line-height:1.2}
}
@media (min-width: 640px){
	.for-mobile{display:none !important;}
}
/* Responsive adjustments */
@media (max-width: 640px) {
    #tire-booking-app{padding:1rem;margin:10px}
	#time-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
	#location-list > div{flex-direction:column;gap:.5rem;text-align:center}
	.hero-2 .row .col-lg-8 .hero-title{font-size:42px}
	footer .footer--top{padding-top:50px;padding-bottom:0}
	.header-layout2 .menu-area{background:#fff!important}
	.navbar-toggler{padding:.25rem .75rem!important}
	.testiomonial-wrap-2 .quote-icon{width:100px;top:20px;right:20px}
	.testiomonial-wrap-2{padding:80px 30px 50px}
	.testi-card .testi-profile-title{font-size:20px;}
	.testi-card.style2 .testi-profile_thumb img{width:60px;}
	.testiomonial-wrap-2 .testi-slider-2{margin-top:40px}
	.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav{padding: 0 !important;}
	.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a{line-height:40px; padding: 0px 20px !important;}
	.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav > li{padding: 5px 0px !important;}
	.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li:hover{background: #fff !important;}
	ul.navbar-nav li.menu-item-has-children:after{top: 25px !important;}
	.breadcrumb-wrap .page-list li:first-child::after{top: 0px;}
	.breadcrumb-wrap .page-list li:first-child{padding-left: 30px;}
	.for-desktop{display:none !important;}
}

input[type=radio], input[type=checkbox], input[type=checkbox] ~ label, input[type=radio] ~ label{display:inline-block;visibility:visible;opacity:1;width:auto;height:auto;}
input[type=checkbox] ~ label:before, input[type=radio] ~ label:before, div#search-popup{display:none}