/*
Theme Name: Metromotorcars Child
Template: metromotorcars
Author: Leon Atkinson
*/ 

/* --- Temporary price removal --- */    

/* .single-product .product .entry-summary .product_title {
	padding-bottom: clamp(1.5rem, 4vw, 3rem);
} */
/*
.single-product .entry-summary .price,
.mini-cart .variation .variation-:nth-child(7),
.mini-cart .variation .variation-:nth-child(8),
.mini-cart .variation .variation-:nth-child(9),
.mini-cart .variation .variation-:nth-child(10),
.woocommerce-checkout .price .price-inner, 
.woocommerce-checkout .prices-final .price-item:nth-child(2),
.woocommerce-checkout .prices-final .price-item:nth-child(1){
	display: none;
}  

 
*/   
bdi{
	direction:rtl;
}
.alert {
    background: #bde2f7;
    padding: 10px 15px;
    max-width: 1200px;
    margin: 10px auto 0px auto;
    TEXT-ALIGN: center;
    border-radius: 13px;
	
}
.car-colors-viewer .main-image img {
    margin: 0 auto 15px auto;
}

section.media-list.media-list-10.py-x-large.has-global-padding .alignlarge {
    max-width: 90%;
}
.car-model-buttons,.car-model .car-model-wrap .car-model-data{
	display:flex;
	align-items: center;
}
.car-model-buttons{
	gap:20px;
}

.model-links .action-link:hover {
    background-color: #d3d3d3;
}

.model-links svg {
    max-width: 21px;
    margin-left: 6px;
}


.single-product .product .entry-summary .product_title {
    font-size: clamp(2.5rem, 2.5rem + 0vw, 6rem);
}
.woocommerce-checkout .variation-item .variation-image {
    width: 40px;
    height: 40px;
}

.page-content {
    max-width: 1024px;
   
}
.page-content ul {
    padding-right: 20px;
}

.page-id-340 .page-content {
    max-width: 1440px;
}

a.button {
    padding: .5rem 1.3rem;
}

.mini-cart-button .cart-icon {
    background-color:#000;

}

.home .cover-media .main-media {
    height: auto;
    opacity: 1;
}
.home .cover-media .cover-media-inner.layout-top {
    justify-content: flex-start;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select {
    border-radius: 5px;
}
body .submit-btn {
    border-radius: 5px;
    background-color: #1976D2;
}

body.single-models h1 {
    font-size: clamp(2.5rem, 1rem + 1vw, 6rem);
}

.media-text {
    height: 100vh;
}
.car-colors-viewer .color-viewer-panel .color-viewer-image {
    max-width: 1024px;
}
.car-colors-viewer .color-viewer-buttons button {
    width: 40px;
    height: 40px;

}
a.noti {
    text-decoration: none;
    background: #00000087;
    padding: 20px 22px;
    border-radius: 15px 0 0 15px;
    display: block;
    width: fit-content;
    position: fixed;
    bottom: 13px;
    right: 0;
    color: #fff;
    font-size: 17px;
}
.colors-viewer .alt-text {
    display: none;
}
span.digit.d-3 {
    background: #1AB78D;
}
span.digit.d-7 {
    background: #4270B5;
}
.checko {
    font-size: 14px;
    margin: 10px;
}
.social {
    display: flex;
    gap: 4px;
	direction:ltr;
}
 dt.variation-:nth-child(9)::before {
 content:'*';
 font-size:20px;
 color: #ff0000;
display:inline-block;
}

dl.variation::after{
 content:'*מחיר הרכב כולל מע"מ וכולל תוספת עלות צבע, ואינו כולל אגרת רישוי לשנה הראשונה ';
font-size:12px;
} 
.woocommerce-checkout .product-header .price h1::before {
    content: 'דגם';
    font-size: 40px;
    margin-left: 10px;
}
.woocommerce-checkout .order-review::after{
    content:'* על פי מחירון היבואן מספר 1/25 מיום 1/1/2025.לתשומת ליבך, המחיר המצוין עשוי להשתנות בין מועד ההזמנה לבין מועד מסירת הרכב, כמפורט בהסכם הזמנת הרכב. ** ייתכן הבדל בין גוון הצבע המוצג באתר לבין גוון הרכב בפועל. ניתן להתרשם מהרכב באולמות התצוגה של החברה. המפרט הטכני של הרכב והאבזור הקובע הוא המפרט שיצורף להסכם הזמנת הרכב שייחתם על ידי הלקוח. התמונה להמחשה בלבד.';
  font-size:15px; 
} 

section.editor.editor-2.py-x-large.has-global-padding {
    padding: 0;
    border: none;
}

 .digit.d-6 {
    background-color: #258cca;
}
.home section.editor.editor-4.py-x-large.has-global-padding {
    padding: 0;
}
.woocommerce-checkout .total-payment{
	display: grid;
    grid-template-columns: 1fr 1fr;
	justify-items: end;
}
.woocommerce-checkout .total-payment::after {
    content: '* דמי המקדמה שישולמו באתר יופחתו מהתשלום עבור הרכב או יושבו למזמין בעת ביטולו, בכפוף לתנאי הסכם הזמנת הרכב';
    grid-column: 1 / 3;
    font-size: 15px;
    padding: 10px;
}
section.editor.editor-4.py-x-large.has-global-padding p, section.editor.editor-6.py-x-large.has-global-padding p{
margin:0;
}
h1.product_title.entry-title::before {
    content: 'דגם';
    font-size: 31px;
    margin-left: 10px;
}
.car-colors-viewer .block-header .colors-price::before {
	content: 'החל מ-';
	font-size: 26px;
	vertical-align: middle;
}
.product-description a {
	font-size: 23px;
	display: block;
	margin-bottom: 10px;
}
.woocommerce-checkout .total-payment span.title::after {
    margin-right: 9px;
    content: 'דמי מקדמה';
}
.single-product .product .entry-summary .price::before {
	content: 'החל מ ';
	font-size: 20px;
}
.single-product .product .entry-summary .price::after,
.single-product .product .entry-summary .variations th.label::after {
	content: '*';
	font-size: 33px;
	vertical-align: top;
}
.single-product .product .entry-summary .variations th.label::after {
	content: '**';
	font-size: 21px;
	font-weight: 100;
	margin-right: 6px;
}
section.car-model.car-model-3 .specs-score,
section.car-model.car-model-4 .specs-score,
section.car-model.car-model-5 .specs-score {
	opacity: 0;
}

/* --- End Temporary price removal --- */
.soon a {
	cursor: not-allowed;
}

.button-title-text {
	text-align: center;
	font-size: 15px;
}
.media-slider .colors-viewer .color-viewer-panel .main-logo {
	top: 20%;
}
.car-model .car-model-wrap .car-model-data .car-model-footer {
	justify-content: space-between;
	align-items: center;
}
button.boto {
	color: #fff;
	font-size: 30px;
}

.mishpat {
	color: #fff;
	font-size: 12px;
	padding: 8px;
	display: none;
}
p.colo {
	font-size: 12px;
	text-align: center;
	padding: 37px 0 0 0;
}
.car-model-1 .mishpat,
.car-model-2 .mishpat {
	display: block;
}
.car-model .car-model-wrap .specs-score {
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 0.4rem 0.5rem 0.38rem;
	gap: 1rem;
	font-size: 1.2rem;
	line-height: 1;
	border-radius: 0;
	max-width: 100%;
	padding-left: 1rem;
	padding-right: 4rem;
	margin-bottom: 0;
}

.home .car-model-3 .car-model-details,
.home .car-model-5 .car-model-details,
.home .car-model-3 button.boto,
.home .car-model-5 button.boto {
	display: none !important;
}

#slide-0 .main-logo:after {
/*	content: 'תכירו חוויות חדשות';*/
	text-align: center;
	color: #fff;
	width: 100%;
	display: block;
	line-height: 35px;
}

.home h1,
.single-models h1 {
	font-size: clamp(2.5rem, 1rem + 3vw, 6rem);
}
.single-product .product .entry-summary .variations .variation-radios .variation-image {
	width: 55px;
	height: 55px;
	background-size:cover;
}

.single-product .product .entry-summary .variations .variation-radios {
	gap: 1.3rem;
}

table.tablo tbody tr:nth-child(odd) {
	background-color: #f9f9f9;
}
.tablo th {
	background: #eee;
}
table.tablo,
table.tablo td {
	border: solid 1px #eee;
	font-size: 16px;
	border-collapse: separate;
	border-spacing: 0;
	border-right: none;
	border-left: none;
}
table.tablo th,
table.tablo td {
	padding: 10px 8px;
}

.soon span.menu-title:after {
	content: '(בקרוב)';
	display: block;
	color: red;
	font-size: 16px;
	margin: auto;
}
.home .media-slider .colors-viewer .color-viewer-buttons {
	display: none;
}
.home .main-title h2 {
	color: #ffffff;
	font-size: 27px;
	display: inline-block;
	padding: 5px 23px;
	border-radius: 0 0 14px 14px;
	position: inherit;
	margin-top: 10px;
	right: -5px;
	rotate: 0deg;
}

/*Data tables*/
table.dataTable thead .sorting {
	font-size: 17px;
}

table#api-table {
	padding-top: 50px;
}

.page-id-284 .editor .editor-content.page-content.width-regular {
	max-width: 1100px;
}
.woocommerce-cart table.shop_table .product-remove a {
	color: red;
}
.specs-score .digit.d-4 {
	background-color: #34899f;
}
tr.woocommerce-cart-form__cart-item.cart_item:nth-child(odd) {
	background: #f7f7f7;
}
.media-slider .colors-viewer .color-viewer-buttons {
	direction: rtl;
}

/*RECALL*/
#recallForm .form-group {
	margin-bottom: 15px;
}
#recallForm label {
	margin-bottom: 15px;
}
.form-group input[type='submit'] {
	background: #000;
}

.recall-card {
	border: 1px solid #d1d1d1; /* מסגרת בצבע אפור בהיר */
	border-radius: 10px; /* פינות מעוגלות */
	background-color: #f9f9f9; /* רקע בהיר */
	padding: 20px; /* ריווח פנימי */
	margin-bottom: 20px; /* ריווח חיצוני בין הכרטיסים */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* צל להוספת עומק */
	transition: transform 0.2s, box-shadow 0.2s; /* אנימציה חלקה */
}

.recall-card:hover {
	transform: translateY(-5px); /* התרוממות קלה */
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* צל חזק יותר */
}

.recall-card h3 {
	font-size: 1.4em; /* גודל פונט לכותרת */
	margin-top: 0; /* ללא ריווח עליון */
	color: #333; /* צבע טקסט כהה */
}

.recall-card p {
	font-size: 1em; /* גודל פונט רגיל לפסקאות */
	margin: 10px 0; /* ריווח סביב הפסקאות */
	color: #666; /* צבע טקסט אפור כהה */
}

.recall-card p:last-child {
	margin-bottom: 0; /* הסרת ריווח תחתון מהפסקה האחרונה */
}
#loader {
	text-align: center;
	margin: 20px 0;
}

#loader img {
	width: 50px; /* ניתן לשנות את הגודל בהתאם לצורך */
	height: 50px;
}
/* סגנון להודעת שגיאה */
.error-message {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.error-message svg {
	margin-right: 10px;
}

.error-message .close-btn {
	margin-left: 10px;
	cursor: pointer;
}

/* סגנון להודעת מידע */
.info-message {
	background-color: #d1ecf1;
	color: #0c5460;
	border: 1px solid #bee5eb;
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.info-message svg {
	margin-right: 10px;
}

.info-message .close-btn {
	margin-left: 10px;
	cursor: pointer;
}
/*RECALL end*/

.editor-8 {
	padding: 0;
}
/*colred-scrollbar
::-webkit-scrollbar {
  display: block;
  width: 15px;
}
::-webkit-scrollbar-thumb {
 background:#607D8B;
    border-radius: 0px;
}
::-webkit-scrollbar-track {
    background: #d2dfe5;
}*/
@keyframes fadeInUp {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

.page-id-765 .main-media {
	animation: 1.5s fadeInUp;
}

.gallery-images a {
	cursor: zoom-in;
}

.car-model .car-model-wrap .specs-score .digit.d-6 {
	background-color: #258cca;
}
.media-slider .colors-viewer .color-viewer-buttons [aria-selected='true'] {
	background: #00000059;
}
.media-explainers .tabs-trigger.is-selected,
.media-explainers .tabs-trigger.is-selected:hover,
.media-explainers .tabs-trigger.is-selected:focus {
	background: #061e5b40;
}
button.boto {
	display: none;
}

.cover-media .cover-media-inner .cover-buttons a.button {
    background-color: rgb(255 255 255 / 0%);
}
.car-model-data.alignlarge {
    max-width: 1740px;
}
.model-links .action-link {
     background-color: rgb(255 255 255 / 95%);
    color: #000;
    border: 1px solid #000;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .03);
	
}
.media-explainers .tabs-trigger {
    font-size: clamp(1.4rem, 0.50rem + .75vw, 2rem);

}
.media-list .media-item {
    justify-content: space-evenly;
}
.media-list .media-item .media-content {
    background: #000;
    color: #fff;
}
.media-list .media-image img {
    border-radius: 0;
	    width: 100%;
}
.media-columns .columns-layout .media-item,.media-columns .columns-layout .media-image img {
    border-radius: unset;
	 width: 100%;
}
section.media-columns.media-columns-11.py-x-large.has-global-padding ,section.media-columns.media-columns-8.py-x-large.has-global-padding {
    background: #0D111B;
    color: #fff;
}
.car-model .car-model-wrap .car-model-header .main-logo img {
    margin: 15px auto;
}
.model-links .action-link {
    width: 120px;
    height: 32px;
    border-radius: 48px;
	text-decoration:none;
}
.page-id-213 section.car-gallery.car-gallery-1.py-x-large.has-global-padding {
    background: #000;
}
.page-id-213 section.car-gallery.car-gallery-1.py-x-large.has-global-padding::after {
    content: ''; /* Empty content to allow the pseudo-element to render */
    display: block;
    width: 168px;
    height: 100px; /* Adjust as needed */
    background: url('https://staging.voyah.co.il/wp-content/uploads/2025/02/download-1.webp') no-repeat center center;
    background-size: contain; /* Ensures the image scales properly */
    margin: 37px auto;
    text-align: center;
}
a.leedbtn {
    text-decoration: none;
    border: solid 1px #000000;
    margin-top: 16px;
    padding: 10px 60px;
    display: inline-block;
}
.site-header .site-navigation .nav-buttons a.button:hover {
    background-color: rgb(255 255 255);
    color: #333;
}
.home .car-model .car-model-wrap .car-model-inner {
    justify-content: flex-start;
    pointer-events: none;
}
.home .car-model .car-model-wrap .car-model-data .car-model-details{
    gap:0;
width:auto;
display:none;
}
.home .car-model-buttons, .car-model .car-model-wrap .car-model-data {
    justify-content: center;
}
.home .car-model .car-model-wrap .car-model-data-bg {
    background: none;
}
.home .car-model .car-model-wrap .specs-score{
    margin:0;
    border-bottom: 1px solid #bdc1ca;
}
.home .specs-score {
    opacity: 0; 
    transition: opacity 0.3s ease-in-out;
}

.specs-score.loaded {
    opacity: 1;
}
.home a.button.button-light{
    pointer-events:auto;
}

form.post-password-form {
    max-width: 500px;
    margin: 20% auto;
	  padding:20px;
}
form.post-password-form input{
	  margin-bottom:20px;
}
.media-explainers .accordion-tabs .tabs-panel.is-open .accordion-trigger {
    font-weight: 600;
}
.postid-455 .media-text-4 .main-media,.postid-455 .media-text-9 .main-media{
	opacity:1;
}
.media-text-9 .media-content {
    max-width: 1400px;
    margin: 0 auto;
    text-shadow: 1px 1px 1px #000;
}
 .service-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    direction: rtl;
  }
  .region-title {
    grid-column: 1 / -1;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 40px;
    color: #2c3e50;
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
  }
  .service-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px;
    background-color: #f9f9f9;
  }
  .service-card h3 {
    margin: 0 0 8px 0;
    font-size: 1.1em;
    color: #34495e;
  }
  .service-card p {
    margin: 4px 0;
  }
  .service-card a {
    color: #2980b9;
    text-decoration: none;
	display: inline-flex;
  }
  .waze-link {
    display: inline-block;
    margin-top: 6px;
    color: #27ae60;
    font-weight: bold;
  }
  .waze-link img {
    width: 80px;
    vertical-align: middle;
    margin-left: 6px;
  }
a.waze-link {
    color: #000;
    line-height: 11px;
    font-size:20px;
}
a.waze-link img{
    margin-right:4px;
}
.page-id-213 .page-content.editor-content.width-large {
    max-width: 100%;
}

.page-id-213 section.editor.editor-1.py-x-large.has-global-padding,.page-id-213 section.editor.editor-1.py-x-large.has-global-padding img,.page-id-213 section.editor.editor-1.py-x-large.has-global-padding p {
    padding: 0;
	padding-top:clamp(3rem,6vw,3rem);
    margin: 0;
}
.page-id-337 .media-text {
    height: 100vh;
    max-height: 650px;
}
.anch{
  direction:rtl;
  display:flex;
    flex-wrap: wrap;        /* Allows wrapping to new rows */
    justify-content: center; /* Centers the items */
	justify-content: space-between;
    gap: 10px;  
}
.anch a{
  text-decoration:none;
  display:block;
  margin:3px;
  background:#eee;
  padding:5px 8px;
	flex: 0 0 30%;            /* Two boxes per row (~45% each) */
	box-sizing: border-box;   /* Includes padding in width */
	text-align: center;
	padding: 15px;
	background: lightblue;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
/*posts view*/
.post-template-default .entry-content,.post-template-default .post-thumbnail,.archive .entry-content,.archive .post-thumbnail{
    max-width: 1024px;
    margin: 0 auto;
	background: #fff;
    padding: 0 50px;
}
.post-template-default .post-thumbnail,.archive .post-thumbnail{
	padding:0;
}
.post-template-default .entry-content img,.archive .entry-content img{
    margin:20px auto;
    width:100%;
}
.post-template-default .entry-content h1,.archive .entry-content h1{
    font-size: clamp(1.5rem, 2rem + 2vw, 3rem);
}
.post-template-default .entry-content h2,.archive .entry-content h2{
    font-size: clamp(1.5rem, 3rem + 3vw, 2rem);
	margin: 15px 0 5px 0;
}

.post-template-default  .entry-header,.post-template-default .entry-footer,.archive  .entry-header,.archive .entry-footer{
     display:none;
}
.post-template-default .entry-content p,.archive .entry-content p{
    font-size: 17px;
    line-height: 26px;
}

/*end-posts*/

/*contact 7 service form*/
.page-id-695 .editor .editor-content.page-content.width-large {
    max-width: 100%;
}
.wpcf7 {
    max-width: 500px;
}
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
    direction: rtl;
}
.wpcf7 input,.wpcf7 select{
	margin-bottom: .8rem;
}
.wpcf7-list-item{
	font-size:12px;
}
.page-content .flexo p {
    margin-bottom: 0;
}
.wpcf7 .title-two {
        display: block;
        font-size: clamp(2rem, 2rem + 2vw, 3rem);
        font-weight: 600;
}
.wpcf7 input[type=submit]{
	border-radius: 5px;
    background-color: #1976D2;
}
.spf-wrap h3 {
    font-size: 20px;
    text-align: center;
    margin: 0 0 28px;
}
.spf-wrap label{
    font-size:25px;
}
.planso{
	gap:20px;
}
.planso div {
    width: 100%;
}
.flexo{
	display: flex;
    justify-content: center;
    align-items: flex-start;
}
.flexo .py-x-large{
	padding:0;
}
.flexo img{
	max-width:50%;
}
.grecaptcha-badge { 
	visibility: hidden; 
}
.reca {
    font-size: 12px;
    text-align: center;
}
/* תוחם באדום שדות עם שגיאה */
.wpcf7-not-valid {
  border: 2px solid #e53935 !important;
  background-color: #fff6f6;
}

/* מיקום הודעת שגיאה בתוך השדה עצמו */
.wpcf7-form-control-wrap {
  position: relative;
}

/* עיצוב הטקסט של השגיאה */
.wpcf7-not-valid-tip {
  font-size: 14px;
  color: #e53935;
  text-align: right;
  padding: 8px 12px;
  margin-top: 5px;
}
.color-viewer-buttons li{
	text-align:center;
}


/* התנהגות במובייל */
@media (max-width: 768px) {
    .flexo {
        flex-direction: column; /* אלמנטים אחד מתחת לשני */
    }

    .flexo img {
        max-width: 100%; /* שיתפוס רוחב מלא במובייל */
    }
	.wpcf7 .title-two {
    display: block;
    font-size: clamp(2rem, 2rem + 2vw, 2rem);
    font-weight: 600;
    text-align: right;
	}
}
/*end wpc7*/

.wpcf7 p{
	padding:6px 0 !important;
}
.postid-145 span.colors-price::after,.postid-202 span.colors-price::after {
    content: '**';
    font-size: 31px;
    vertical-align: super;
}

/*MQ*/
/*עמוד דגם הקטנת לוגו*/
@media (max-width: 1024px) {
	.page-id-337 .media-text {
    height: 100vh;
    max-height: 340px;
	}
	.post-template-default .entry-content h1 ,.archive .entry-content h1 {
    font-size: clamp(1.5rem, 2rem + 2vw, 2rem);
	}
	.post-template-default .entry-content h2,.archive .entry-content h2{
	font-size: clamp(1.5rem, 3rem + 3vw, .5rem);
	}
	.post-template-default .entry-content,.archive .entry-content{
     padding: 0 20px;
    }
	.post-template-default .entry-content img,.archive .entry-content img{
	max-width:100%;	
	}
	.post-template-default .entry-content p ,.archive .entry-content p {
    text-align: justify;
    margin: 12px 0;
	}
	.postid-455 .media-text-9 .main-media img {
    object-position: -600px;
}
	.anch a{
 flex: 1 0 30%; 
}
	.com{
		display:none;
	}
	.page-header .page-title {
    font-size: 39px;
    padding: 0;
	}
	.tech-specs .main-image img {
    /*min-height: 400px;*/
	}
	.postid-455 .media-text-4 .main-media img,.postid-455 .media-text-9 .main-media img,.postid-455 .media-text-4 .main-media video{
	height:75%;	
	}
	body.single-models h1 {
    font-size: clamp(1.5rem, 1rem + 1vw, 6rem);
	}
	.editor .editor-content.page-content.width-large {
    padding: 20px;
    text-align: justify;
	}
    a.button {
    padding: .5rem 1.1rem;
    }
	section.media-list.media-list-10.py-x-large.has-global-padding .alignlarge {
    max-width: 100%;
	}
	.media-list .media-item {
    gap: 0;
	}
	.media-content p,.media-content h2 {
    font-size: 17px;
    padding:2% 4%;
    margin-bottom: 0;
	}
	.media-content p {
        padding-bottom: 5%;
    }
	.media-content h2 {
	padding-top: 5%;
    font-size:25px;
	}
	.car-model .car-model-wrap .car-model-data .car-model-details {
        margin-bottom: 30px;
    }
    .page-id-284 .media-text {
    height:200px;
    }
	.car-colors-viewer .color-viewer-buttons button {
		width: 40px;
		height: 40px;
	}
	.single-models .car-model .car-model-wrap .main-image {
		height: 90vh;
	}
	.single-product .product .entry-summary .variations .variation-radios {
		gap: 1rem;
	}
	#myDIV {
		display: none;
	}
    .car-model .car-model-wrap .specs-score {
        padding-right: 2rem;
        font-size: .8rem;
    }
	
	button.boto {
		display: inline-block;
        width: 100%;
        text-align:right;
	}
	.car-colors-viewer .color-viewer-panel .color-viewer-image {
    max-width: 100%;
	}
}
@media (max-width: 37.5em) {
	.car-model-inner .main-logo img {
		max-width: 90%;
	}

	div#api-table_wrapper {
		overflow: scroll;
	}
	.but{
	    font-size:12px;
		text-decoration:none;
	}
	.home .cover-media .main-media {
    height: 576px;
    }
    .car-model-2 .car-model-header.alignlarge {
    margin-top: clamp(2rem, 1vw, 1rem);
    }
   .home a.button.button-light {
    background: #181d317d;
    font-size: 16px;
    }
}
@media (min-width: 1025px) {
	.comob{
		display:none;
	}
    .media-explainers .tabs-panel .content .text {
    text-shadow: 0px 2px 1px #061e5b;
    }
	.site-footer .lead-form .main-form .main-form-header .title-two {
    display: block;
    font-size: clamp(2rem, 2rem + 2vw, 3rem);
    font-weight: 600;
	}
	.car-model .car-model-wrap .car-model-data .car-model-details .detail .sub-title, .car-model .car-model-wrap .car-model-data .car-model-details .detail .title {
    font-size: clamp(2.4rem, 1.25rem + .75vw, 2rem);
	}

    .page-id-284 .media-text {
    height: 500px;
    }
    .media-explainers .tabs-panel .content {
        height: 100vh;
    }
	a.button {
        min-width: 250px;
        padding: 0.8rem;
    }
	.car-colors-viewer .color-viewer-panels {
    height: 527px;
}
.model-links .action-link {
        width: 227px;
        height: 46px;
        border-radius: 30px;
        font-size: 26px;
        text-decoration: none;
        gap: 3px;
}
/*
	nav.main-navigation {
    width: 100%;
	}
    .site-header .site-navigation .main-navigation ul.menu {
        display: flex;
        justify-content: space-evenly;
    }	  
 
 */
}
@media (min-width: 1200px) {
	.home .main-title h2 {
		top: 50%;
	}
	 .site-header .site-navigation .main-navigation .sub-menu {
        background-color: #ffffff;
    }
	.site-header .site-navigation .main-navigation .sub-menu .sub-menu-list li a {
    padding: 0;
    color: #000;
}
}

/* Animation */

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.alignlarge {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both
}

.animatedFadeInUp {
    opacity: 0
}

.car-model-header {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
}