/*
Theme Name: Wheels
Theme URI: https://themepiko.com/
Author: themepiko
Author URI: https://themepiko.com/
Description: 
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
body {
	overflow-x: hidden;
}

a {
	outline: 0 !important;
}

/* Focus styles
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
} */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
a:where(:not(.wp-element-button)){
	text-decoration: none;
}

/* custom design  */

.home .wp-block-post-title{
	display: none !important;
}
.home main.wp-block-group{
	margin-top: 0 !important;
}


.list-inline.is-style-checkmark-list{
	display: flex;
	padding-left: 20px;
	gap: 30px;
}
.list-inline.is-style-checkmark-list li {
    padding-inline-start: 6px;
}

.btn-h a{
	transition: all .3s;
}
.btn-h.is-style-outline a:hover,
.btn-h a:hover{
	box-shadow: 3px 6px 0px 1px rgba(176,178,46,1);
}
.btn-h.is-style-outline a:hover{
	background-color: var(--wp--preset--color--accent-1) !important;
	border-color: var(--wp--preset--color--accent-1) !important;
}


.btn-hover a{
	transition: padding 0.3s;
}
.btn-hover a:after{
	content: '';
    display: block;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: 10px;
	transition: margin 0.5s;
}
.btn-hover a:hover{
	box-shadow: -1px 0px 11px 0px rgba(0,0,0,0.75);
    padding-left: 2rem;
	padding-right: 2.3rem;
}
.btn-hover a:hover:after{
	margin-left: 20px;
}
.btn-hover.is-style-outline:hover a{
	background-color: var(--wp--preset--color--accent-3) !important;
	color: var(--wp--preset--color--base) !important;
	border-color: var(--wp--preset--color--accent-3) !important;
}
/* body .entry-content,
main.wp-block-group,
main.wp-block-group > .wp-block-group:first-child  {
	padding-top: 0 !important;
	margin-top: 0 !important;
} */

.home .entry-content,
.home main.wp-block-group {
	padding-top: 0 !important;
	margin-top: 0 !important;
} 
@media (max-width:781px){
	.list-inline.is-style-checkmark-list{
		flex-direction: column;
    	gap: 0;
	}
	.mobile-col-reverse .wp-block-columns .wp-block-column:first-child{
		order: 2;
	}
	footer .wp-block-group.has-background:not(.footer-bottom){
		padding-left: 0;
		padding-right: 0;
	}
	footer .wp-block-group .alignwide.wp-block-group:not(.footer-top) {
		padding-left: 30px;
		padding-right: 30px;
	}
	.hero-section{
		margin-top: -35px !important;
	}

	
}

/* herro section  */
.max-w950{
	max-width: 950px;
}
.max-w670{
	max-width: 650px;
}
.ml-auto{
	margin-left: auto;
}
.mr-auto{
	margin-right: auto;
}
@media (max-width:1340px){
	.full-w-plr{
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* .img-section .wp-block-column:nth-child(2) .wp-block-group{
	position: relative;
} */
.img-section .img-section-mobile{
    position: absolute;
    right: 110px;
    bottom: -40px;
}
.img-section .wp-block-column:last-child .wp-block-image{
	position: relative;
    left: -50px;
    z-index: 1;
}
.img-section .wp-block-column:first-child .wp-block-image{
	position: relative;
    right: -50px;
    z-index: 1;
}
.img-section-2-wrap{
	position: relative;
}

.img-section-2 .img-section-2-top{
    position: absolute;
    right: -80px;
    top: 48%;
    transform: translate(-50%, -50%);
}
.img-section-2 .img-section-2-content{
	margin-left: -70px
}

/* carousel  */
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.swiper-wrapper {
    margin-bottom: 40px;
}
.it-brand-slide img{
	opacity: .5;
	transition: 0.3s;
}
.it-brand-slide img:hover{
	opacity: 1;
}

/* video section  */
.client-say .client-say-content{
    margin-left: -120px;
    margin-top: 30px;
	padding-left: 180px !important;
}
@media (max-width:781px){
	.client-say .client-say-content{
        margin-left: 0;
        margin-top: -100px;
        padding-left: 30px !important;
        padding-top: 88px !important;
	}
}
.login-btn  a{
	position: relative;
	transition: 0.3s all;
}
.login-btn  a::after{
	content: url(assets/img/login.svg);
    position: relative;
    width: 22px;
    top: 6px;
    padding-left: 12px;
    display: inline-block;

}
.login-btn  a:hover{
	background-color: var(--wp--preset--color--accent-1) !important;
	border-color: var(--wp--preset--color--accent-1) !important;
}

.btn-arrow  a::after{
	content: url(assets/img/arrow-white.svg);
	position: relative;
    top: 8px;
    padding-left: 15px;
	transition: padding 0.3s;
}
.btn-arrow  a:hover::after{
    padding-left: 20px;
}


.audit-section-sign{
    position: relative;
    top: 80px;
    margin-top: -60px;
}
.audit-section-car{
	position: relative;
    left: -80px;
}
.overlow-h{
	overflow: hidden;
}

@media (max-width:781px){
	.audit-section-car{
		left: 0;
	}
	.wp-block-spacer:not(.m-none){
		height: 35px !important;
	}
    .tpbwp-inner-text {
        height: 360px !important;
    }
	.meer-meta-action .wp-block-group{
		flex-direction: column;
	}
	.m-img-contact{
		    background-size: contain !important;
	}
	.d-m-none{
		display: none !important;
	}
	.wp-container-core-columns-is-layout-658170e2 {
		gap: 10px;
	}
}

main .entry-content.wp-block-post-content {
	margin-top: 0 !important;
}
 .line-btn a{
	position: relative;
	text-decoration: none;
	color: #0071d7;
	outline: none;
	font-weight: 600;
}
.line-btn a::after{
	content: '';
    width: 30px;
    display: inline-block;
    height: 30px;
    border: 1px solid transparent;
    border-radius: 20px;
    position: absolute;
    top: -6px;
    right: -45px;
	transition: 0.3s all;
}
.line-btn a::before{
	display: inline-block;
	right: -32px;
    top: 4px;
    content: "";
    transform: rotate(130deg);
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-left: 2px solid currentColor;
    text-decoration: none;
}
.line-btn a:hover::after{
    border-color:  currentColor;
}
.cpt-hero{
	margin-bottom: 140px;
}
.cpt-hero-content{
	position: relative;
	top: 140px;
}
@media(max-width:768px){
	.cpt-hero{
		margin-bottom: 175px;
	}
}
.wp-singular main.has-global-padding > .has-global-padding,
.wp-singular main.has-global-padding {
	margin-top: 0  !important;
	padding-top: 0 !important;
}
.wp-singular main .wp-block-post-title{
	display: none;
}

.quote-owner{
	position: relative;
}
.quote-owner .wp-block-image {
	position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
}
.quote-owner  p,
.quote-owner  .wp-block-heading{
	padding-left: 120px;
}
@media(max-width:768px){
	.quote-owner .wp-block-image{
		left: 50%;
    	top: 0;
	}
	.quote-owner  p,
	.quote-owner  .wp-block-heading{
		padding-left: 0;
	}
	.quote-owner  .wp-block-heading{
		padding-top: 80px;
	}
	.single-hero-img img{
		min-height: 300px;
		object-fit: cover;
	}
}


@media(min-width:1200px){
	.scroll-section-inner{
		position: relative;
		overflow-x: hidden;
		
	}
	.scroll-section-inner .pin-spacer{
		max-width: inherit;
	}

	.scroll-section-wrap{
	position: relative;
		height: 100vh !important;	
	overflow: hidden;

	}
	.scroll-section{
		position: absolute;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		background-color: #ffffff !important;
		z-index: 1;
	}


}
.client-btn{
	display: inline-block;
	margin-top: 16px;
	
}
.client-btn a{
		border: 1px solid #ffffff;
        border-radius: 10px;
        min-width: 150px;
        padding: 10px 30px;
        text-decoration: none;
        font-size: 16px;
		font-weight: 600;
        margin-top: 10px;
}
@media(min-width:768px){
	.clients-hero-content{
		position: relative;
		right: -70px;
	}
	.over-hero-content{
		position: relative;
		left: -100px;
	}
	
}


.mail-icon a,
.whatsapp-icon a{
	position: relative;
}
.mail-icon a::before,
.whatsapp-icon a::before{
	margin-right: 10px;
	position: relative;
	top: 3px;
}
.mail-icon a::before{
		content: url(assets/img/mail.svg);
}
.whatsapp-icon a::before{
	content: url(assets/img/whatsapp.svg);
}

.wpcf7 textarea,
.wpcf7 input{
	padding: 15px 20px;
    width: calc(100% - 45px);
    border-radius: 5px;
    border: 1px solid #D2D2D2
}
.wpcf7-submit{
	max-width: 225px;
    display: block;
    background-color: var(--wp--preset--color--accent-1);
    color: #000;
    cursor: pointer;
    border-radius: 50px !important;
    border: 0 !important;
    font-size: 15px !important;
	transition:  0.3s all;
 }
.wpcf7-submit:hover{
	box-shadow: 3px 6px 0px 1px rgba(176,178,46,1);
}
.wpcf7-form textarea{ 
    width: 100% !important;
    height:50px;
}
.onze-hero-img-col{
	position: relative;
}
.onze-hero-img-top{
    position: absolute !important;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 100%;
    max-width: 700px;
}
.wheels-filter-btn a{
	position: relative;
	padding-left: 40px !important;
}
.wheels-filter-btn a::before{
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	border-radius: 13px;
	background-color: #FF4040;
	left: 14px;
    top: 8px;
}
.wheels-filter-btn .active a::before{
	border: 2px solid #FF4040;
	background-color: transparent;
}
.wheels-filter-btn a::after{
	content: '';
    position: absolute;
    width: 2px;
    height: 6px;
    display: inline-block;
    transform: rotate(45deg);
    border-bottom: 3px solid #FF4040;
    border-right: 3px solid #FF4040;
    left: 20px;
    top: 11px;
}
.wheels-search .wp-block-search__button svg{
	fill: #909090;
    min-width: 35px;
    min-height: 35px;
    transform: rotate(-100deg);
}
.wheels-search .wp-block-search__button{
	background-color: transparent;
	padding-top: 11px;
    padding-bottom: 8px;
    padding-right: 15px;
}
.wheel-filter-section:not(.block-editor-block-list__block) .bike-content{

}
.wheel-filter-section:not(.block-editor-block-list__block) .car-content{
	display: none;
}

.wheel-filter{
	max-width: 410px;
}
	
@media (min-width:768px){
.wp-block-navigation a:hover{
	text-decoration: none;
}

.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
	min-width: 250px;
	box-shadow: 0 6px 18px 0 rgba(8, 14, 51, 0.1);
	border-radius: 0px 0px 16px 16px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 16px;
    padding: 20px 20px 20px 50px;
	border: 0;
}
/* .wp-block-navigation .has-child>.wp-block-navigation__submenu-container{
	position: relative;
} */
.wp-block-navigation .has-child>.wp-block-navigation__submenu-container::before{
	content: '';
    width: 1px;
    height: calc(100% - 30px);
    border-radius: 16px;
    position: absolute;
    background: #dfdfdf;
    transform: translateY(-50%);
    top: 50%;
    left: 25px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content{
	    background: #eeee;
		border-radius: 30px;
		font-weight: 600;
}

	header.wp-block-template-part .wp-block-navigation > li::before{
		content: '';
		width: 40px;
		height: 5px;
		position: absolute;
		background: var(--wp--preset--color--accent-1);
		transform: translate(-50%, -50%);
		top: -20px;
		left: 20px;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s all;
	}
	header.wp-block-template-part .wp-block-navigation > li.current-menu-item::before,
	header.wp-block-template-part .wp-block-navigation > li:hover::before,
	header.wp-block-template-part .wp-block-navigation > li.current-menu-ancestor::before,
	header.wp-block-template-part .wp-block-navigation > li.current-menu-ancestor:hover::before{
		visibility: visible;
		opacity: 1;
	}
}

.menu-item-arrow a{
    color: var(--wp--preset--color--accent-1) !important;
    font-weight: 600;
}
.menu-item-arrow a::after{
	content: url(assets/img/arrow-blue.svg);
	padding-left: 8px;
}


.wp-block-tp-block-wp-svg{
	width: 50px;
    height: 50px;
    background-color: var(--wp--preset--color--accent-1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
	transition: all 0.4s;
}
.tpbwp-icon-wrap:hover .wp-block-tp-block-wp-svg{
    background-color: var(--wp--preset--color--base);
}

.tpbwp-icon-wrap{
	border-radius: 10px;
	transition: all 0.3s;
}
.tpbwp-icon-wrap:hover{
	background-color: var(--wp--preset--color--accent-1);
}
footer.wp-block-template-part{
	position: relative;
}
footer.wp-block-template-part::after{
	content: '';
    position: absolute;
    bottom: 0;
    right: -200px;
    background-image: url(assets/img/footer.png);
    width: 858px;
    height: 550px;
    background-repeat: no-repeat;
    background-size: 900px;
    background-position: right;
}

.footer-bottom a {
    font-weight: 600;
    font-size: 26px;
}
footer.wp-block-template-part a:hover{
	text-decoration: underline;
}
.footer-top{
	justify-content: center;
}
.footer-top .wp-block-button a{
	width: 160px;
    height: 160px;
	border-radius: 160px;
	min-width: 160px;
	font-size: 0;
	position: relative;
}
.footer-top .wp-block-button a:hover,
.footer-top .wp-block-button a:focus,
.footer-top .wp-block-button a:active{
	background-color: var(--wp--preset--color--base) !important;
}
.footer-top .wp-block-button a::before{
	content: url(assets/img/f-arrow.svg);
	width: 77px;
    height: 77px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.footer-top .wp-block-button a:hover:before,
.footer-top .wp-block-button a:focus:before,
.footer-top .wp-block-button a:active:before{
	content: url(assets/img/f-arrow-yellow.svg);
}
.footer-top {
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    top: -110px;
}
footer.wp-block-template-part{
	padding-top: 140px;
	overflow-x: hidden;
}


.footer-top h3 strong{
	display: block;
}
footer .wp-block-navigation .wp-block-navigation-item__content {
    font-size: 14px;
}


.img-light-right{
	position: relative;
}
.img-light-right::after{
	content: '';
	position: absolute;
	width: 43px;
	height: 260px;
	background-color: var(--wp--preset--color--accent-1);
	top: 0;
	right: -22px;
}
.title-squre-line {
    position: relative;
    display: inline-block;
	z-index: 1;
}
.title-squre-line::after{
	content: '';
	position: absolute;
	width: calc(100% + 10px);
	height: 46px;
	background-color: var(--wp--preset--color--accent-1);
	bottom: 28px;
    left: 0;
    z-index: -1;
}
.extra-line{
	width: 162px;
    height: 16px;
}
.img-bg-right{
	position: relative;
}
.img-bg-right::before{
	content: '';
	position: absolute;
	width: calc(100% - 170px);
	height: 100%;
	background-color: var(--wp--preset--color--accent-5);
	bottom: 0;
    left: 0;
}
.wp-block-columns > .img-bg-right:first-child:before{
	left: 60px;
}
.img-m-minus-100 img{ 
	margin-top: -110px;
}
.hero-cases{
	overflow-x: hidden;
}
.hero-cases-img{
	position: relative;
}
.hero-cases-img-bike{
	position: absolute;
    top: 50%;
    right: -87%;
    transform: translate(-50%, -50%);
}
.archive-footer .footer-top{
    max-width: 1200px;
    z-index: 1;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: -25px;
    width: 100%;
    height: 150px;
}
.post-type-archive-cases footer.wp-block-template-part .footer-top{
	visibility: hidden;
	opacity: 0;
}
.post-type-archive-cases footer.wp-block-template-part{
	padding-top: 0;
	margin-top: -20px;
}

.wpcf7 label{
	font-size: 14px;
	color: #888888;
}
.wpcf7 .wpcf7-form-control{
	font-size: 18px;
}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit){
	border-radius: 0;
	border-width: 0 0 1px 0;
	background-color: transparent;
	padding-left: 0;
}
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):focus{
	outline: none;
	border-width: 0 0 1px 0;
}

@media (min-width:920px){
	.hero-content-cases {
		padding-left: 286px;
	}
}

@media(max-width:1340px){
	footer.wp-block-template-part::after {
		width: 500px;
		height: 320px;
		background-size: 520px;
	}
	.archive-footer .footer-top{
		max-width: 1024px;
		height: 160px;
	}
	
}
@media(max-width:1024px){
	.archive-footer .footer-top{
		max-width: 768px;
		height: 200px;
	}
}
@media(max-width:768px){
	.hero-cases {
		display: block !important;
		margin-top: 0;
	}
	.archive-footer .footer-top {
        max-width: 568px;
        height: 55px;
		
    }
	 .footer-top .wp-block-button a{
		width: 60px;
		height: 60px;
		border-radius: 60px;
		min-width: 60px;
	}
	.footer-top .wp-block-button a::before{
		width: 27px;
		height: 27px;
	}
	 .footer-top  .has-base-color{
		font-size: 22px !important;
	}
	 .footer-top {
		top: -58px;
	}
	.footer-bottom a {
		font-size: 20px;
	}
	.img-section .img-section-mobile {
		width: 139px;
		right: 65px;
	}
	.img-section-2 .img-section-2-content {
		margin-left: 0;
	}
}
@media(max-width:576px){
	.img-section-2-top img{
		    width: 178px !important;
	}
	.img-m-minus-100 img{ 
		margin-top: -50px;
	}
	.archive-footer{
		height: 0;
	}
	.archive-footer .footer-top {
       position: relative;
	   width: inherit;
    }
	footer.wp-block-template-part::after {
		width: 362px;
        height: 250px;
        background-size: 350px;
        bottom: 56px;
	}
	 .footer-top  .has-base-color{
		font-size: 20px !important;
		padding-right: 0 !important;
	}
	 .footer-top {
		top: -58px;
	}

	#modal-1-content{
	position: relative;
}
#modal-1-content:before{
	content: '';
	background-image:  url(assets/img/wheels.png);
    background-size: 120px;
    position: absolute;
    width: 150px;
    height: 54px;
    background-repeat: no-repeat;
	left: 0;
    top: -20px;
}
	.wp-block-navigation .wp-block-navigation-item {
		font-size: 20px !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
		gap: 10px;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container ul {
		padding-right: 0 !important;
		gap: 10px;
	}
	p > br{
		display: none;
	}
	.img-section-2 .img-section-2-top {
		max-width: 245px;
	}
	.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 100% !important;
	}
	footer.wp-block-template-part {
		padding-top: 80px;
	}
	.wp-block-spacer:not(.m-none) {
        margin-top: 0;
    }
	.img-section .img-section-mobile {
        width: 56px;
    }
	.mobile-alt-col > .wp-block-column:first-child{
		order: 2;
	}
}