/*!
Theme Name: MG Motor
Theme URI: http://www.stix-digital.com/
Author: Stix Digital
Author URI: http://www.stix-digital.com/
Description: Custom Developed Theme for MG Motors
Version: 5.0.29
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mgmotor
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

MG is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*  for mobile  */
.page-contact .request__form-holder .gform_wrapper .gform-body .input-holder option{
    background-color:black;
color: #fff;
padding: 30px;
font-size: .875em;
line-height: 190%;
}

/* .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px;
}  */

.input-holder input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select {
height: 50px;
}

.gfield_contains_required::after{
content: "*";
width: 3px;
height: 3px;
color: white;
position: absolute;
top: 16px;
right: 4px;
}

.gfield--type-select {
position:relative;
}

.gfield--type-select::after {
top: 16px;
left: unset;
right: 25px;
}

.subject-wrapper .gfield--type-select::after {
top: 16px;
left: 126px;
}


.gform_footer.top_label {
margin-top: 40px;
padding: 50px 0;
position: relative;
display: flex;
justify-content: flex-end;
}

.d-none {
display:none;
}

.hidden {
visibility:hidden;
}

.details-wrap #field_1_54 {
display:none;
}

.details-wrap {
flex: 100%;
display: flex;
justify-content: space-between;
}

.custom-switch {
position: absolute;
right: 0;
top: -115px;
width: 300px;
}

.custom-switch input {
opacity: 0;
}

.custom-switch label {
    cursor: pointer;
position: relative;
color: transparent;
background-color: transparent;
height: 60px;
align-items: center;
border: 2px solid #e5e5e5;
border-radius: 25px;
display: flex;
justify-content: space-between;
padding: 0;
width: 100%;
}

.custom-switch label::before {
content: "Business";
color: white;
transform: translateX(-88%);
position: absolute;
top: 17px;
right: -26px;
}

.custom-switch label::after {
content: 'Business';
position: absolute;
top: 0px;
left: -2px;
width: 50%;
height: 100%;
background: #fff;
border-radius: 25px;
transition: 0.3s;
padding-left: 40px;
padding-top: 20px;
color: black;
}

.custom-switch input:not(:checked) + label::after {
content: "Private";
left: calc(100% - 134px);
transform: translateX(-100%);
position: absolute;
color: black;
top: 0;
}

.custom-switch input:checked + label::after {
content: "Business";
left: calc(100% + 1px);
transform: translateX(-100%);
position: absolute;
color: black;
top: 0;
}

.custom-switch input:checked + label:before {
content: "Private";
color: white;
transform: translateX(-88%);
position: absolute;
top: 17px;
left: 155px;
}

.gform_wrapper.gravity-theme .gform_fields, .wrapper, .wrapper-city, .subject-wrapper {
display: flex;
flex-wrap: wrap;
margin-bottom: 70px;
}

.form__block {
display: none;
}

.ginput_container.ginput_container_select {
height: 100%;
}

.city input {
width:100% !important;
}

#field_1_34 {
display: none;
}

.custom-switch {
position: absolute;
right: 32px;
top: -106px;
width: 300px;
}

.gform_title {
margin-bottom: 145px;
}

.gform_fields .gfield {
flex: 100%;
}

.wrapper .gfield {

flex: 100%;
}

.details-wrap .input-holder {
margin-right: 4%;
width: 31%;
}

.details-wrap .zip-code {
margin-right: 0;
}

@media only screen and (max-width: 641px) {
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
height: 50px;
}
}


.wrapper {
margin-bottom: 0;
}

.wrapper-city, .subject-wrapper {

margin-bottom: 0;
}

.subject-wrapper .subject {
height: 50px;
flex: 100%;
}

.gform_wrapper.gravity-theme .gfield textarea.small {
height: 78px;
}

.button {
font-size: 1.25em;
outline: none;
height: fit-content;
border-color: #181818;
}


@media screen and (min-width:768px){
.input-holder input, .page-contact .request__form-holder .gform_wrapper .gform-body .input-holder select {
height: 60px;
}
.gfield_contains_required::after{
top: 23px;
}

.gform_wrapper.gravity-theme .gform_fields {
column-gap: 8%;
margin-bottom: 70px;
}

.gform_fields .gfield {
flex: 46%;
}

.gform_footer.top_label {
justify-content: flex-start;
}

.wrapper {
column-gap: 8%;
margin-bottom: 70px;
}

.wrapper .gfield {
flex: 46%;
}



.details-wrap {
flex: 46%;
}

.zip-code {
margin-right: 0;
}



.wrapper-city,
.subject-wrapper {
column-gap: 8%;
margin-bottom: 70px;
}

.wrapper-city .gfield,
.subject-wrapper .gfield{
flex: 46%;
}



.subject-wrapper .subject {
height: 60px;
}

.custom-switch {
left: -16px;
}

}

@media screen and (min-width:1024px){
.custom-switch {
right: -15px;
top: -195px;
left: auto;
}

.wrapper-city .gfield,
.subject-wrapper .gfield,
.wrapper .gfield, .details-wrap,
.gform_fields .gfield
{
flex:28%;
}
}

.page-model .banner-image__info .container{
color: white;
}
.configurator-box-delivery-text ul, .configurator-box-list, .configurator-box-technical-details-text ul{
color: black;
}

.page-model #page-wrapper #page-container .bg-white .container-bg .dual-block-container .dual-block__content .image-text-cta-block__title{
line-height: 46px;
}

.page-model .switcher__container .switcher__tab-holder .switcher__tab-container .tab__container-item{
font-size: 20px;
}
.page-id-1755 .dual-block-container--reverse > div:nth-child(1) > div:nth-child(5){
display: none;
}

.page-model .page-model .bg-white .compare-block-container .compare-block .compare-block__car .compare-block__specs{
display: block;
}

.page-model .page-model .hero__wrapper .model-header .model-header__content-container .model-header__content .model-header__info-blocks .model-header__info-block .model-header__info-block-title{
white-space: break-spaces;
}
.page-ismart #app #page-wrapper #page-container .homepage__switcher-container{
background-color: #fff;
margin: 0 120px;
}
.page-ismart #app #page-wrapper #page-container .homepage__switcher-container .homepage__container{
margin: 40px 0;
}
.page-privacy-pages #app #page-wrapper{
background-color: #000 !important;
}
@media screen and (min-width: 1024px){
.slider-container {
position: sticky;
top: 0;
}
}
.section-locations{
background-color: #fff;
}
.page-contact .gfield--type-checkbox{
display: flex;
}
.page-contact .gfield--type-checkbox .gfield_description{
padding-top: unser;
}
.homepage__thumb-slider .homepage__thumb-slider-swiper{
left: unset;
}

.location-new-modal {
display:none;
}


/* fixes 27.07 */
@media (max-width: 640px){
.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
grid-column: 1/-1!important;
}
.request__title, .gform_title {
font-size: 2.825em;
}

.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1!important;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-quarter.input-holder-2 {
grid-column: span 6!important;
}
}

.configurator__text-indicator{
color: black;
}
@media screen and (min-width: 641px){
.teaser-form-container .request__form-holder .form__block{
width: 45%;
}

}


.page-compare-models .test-drive-link{
display: none;
}
.comparison__car-header{
height: 360px;
}
.no-cursor{
pointer-events: none !important;
}

.page-template-contact .ginput_container_select .gfield_select{
color: gray !important;
}
.section-locations{
background-color: #f7f7f7;
}
@media screen and ( max-width: 1023px ){
.acf-map{
height: inherit;
}
}
@media screen and ( max-width: 767px ){
.page-ismart #app #page-wrapper #page-container .homepage__switcher-container{
margin: 0 30px;
}
}
@media screen and ( max-width: 767px ){
.comparison__add-model{
display: none !important;
}
.comparison__car{
width: fit-content;
}
}
.teaser-form-container form .gfield select{
background-color: white;
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-bottom: solid 1px hsla(0,0%,9%,.1);
height: 60px;
}
.teaser-form-container .gform_required_legend, .teaser-form-container form .gfield .gfield_required_asterisk {
display: none;
}

.teaser-form-container form .gfield select .gf_placeholder {
color: #181818;
}

.teaser-form-container .request__form-holder form input{
color: #181818;
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-bottom: solid 1px hsla(0,0%,9%,.1);
}
.teaser-form-container .request__form-holder form .gfield_contains_required::after{
color: #181818;
}
.teaser-form-container .request__form-holder form .search-address-lnglat .ginput_container::before{
content: url('../img/search-icon-black.svg');
}
.teaser-form-container .request__form-holder form input[type="submit"]{
align-self: flex-start;
font-family: Roboto,sans-serif;
font-size: 16px;
font-weight: 700;
margin-bottom: 40px;
padding: 16px 56px;
background-color: #181818;
color: #fff;
}
.teaser-form-container .request__form-holder h1 {
font-size: 42px;
line-height: 44px;
margin-bottom: 60px;
font-weight: unset;
}
.teaser-form-container .request__form-holder .request__subtitle {
font-size: 1.25em;
margin-bottom: 80px;
}
.teaser-form-container .request__form-holder form .gfield_required_text {
display: none;
}
.teaser-form-container .request__form-holder form .search-address-lnglat {
width: 100%;
}
.teaser-form-container .request__form-holder form .gform_wrapper.gravity-theme .hidden_label {
position: unset;
}
.search-address-lnglat .dropdown__options-holder {
position: absolute!important;
top: 80px;
width: 100%;
z-index: 10;
}

#newsletter{
padding: 20px 20px;
}
@media screen and (min-width:768px) and (max-width:878px) {
#header-v2 .main-navigation-new__show-tablet nav.main-navigation-new {
padding: 0 10px;
}
}
@media screen and (max-width: 768px){
#newsletter .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full){
grid-column: 1/-1;
}
}
.button-v2, .homepage__thumb-slider .thumb-slider__button-v2--white{
width: 175px;
}
@media screen and (min-width:768px) {
.button-v2, .homepage__thumb-slider .thumb-slider__button-v2--white {
width: 240px;
}
}
input[type="submit"] {
width: 250px;
}
.model-new-mobile-cta-wrapper .model-new-mobile-cta-bar__cta-holder a:not(:last-child){
width: unset;
}
.main-navigation-new__list > li a,.main-navigation-new__list > li i {
    z-index: 99;
}
.main-navigation-new-children{
padding-top: 25px;
background-color: rgb(247, 247, 247);
padding-left: 0.2em;
border-radius: 5px;
}
.page-owners .image-text-block__content.image-text-block__content--large-text{
height: fit-content;
align-self: center;
}
.page-owners .homepage__ismart-chapter-title , .page-owners .homepage__ismart-section-title {
line-height: 1;
margin-bottom: 0;
padding-bottom: 15px;
}
.page-owners .homepage__ismart-chapter-title{
font-weight: 700;
}
.page-owners .homepage__ismart-section-description{
margin-bottom: 0;
font-size: 18px;
}
.page-owners .button-v2{
background: #000;
border: 2px solid #000;
color: #fff;
background: linear-gradient(270deg,#000 50%,#fff 0) 100%;

background-size: 300% 200%;
transition: 0.4s ease-out;
}
.page-owners .button-v2:hover{
background-position: 0 100%;
color: #000;
}
.page-owners .container.image-text-block-container {
max-width: none;
}
.page-owners .homepage__ismart-section-description{
padding-bottom: 0px;
}
/*change edition slider styles*/
.configurator .nav-item {
width: unset;
flex: 1;
}
@media screen and (min-width: 1024px) {
.slider-configurator {
width: 550px;
}
.accordion-button, .configurator {
padding-right: 40px;
}
}
@media screen and (min-width: 1440px) {
.accordion-button, .config-disclaimer, .configurator {
padding-right: 65px;
}
}

/* remove vignette effect from sliders*/
.homepage__thumb-slider .thumb-slider__gradient-overlay{
background: none;
}
.specs-tabs {
scrollbar-width: thin;
}
table{
font-weight: 600;
width: 100%;
}

table th{
text-align: center;
color: #c2c2c2;
}

table tr td:first-child,
table tr th:first-child  {
text-align: left;
width: 250px !important;
}
table tr th:not(:first-child){
text-align: center;
width: 130px !important;
}

table tr td:not(:first-child){
font-weight: 300;
text-align: center;
width: 130px !important;
}

table h5 {
font-size: .75em;
}

table tr{
border-bottom: 1px solid #f2f2f2;
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
height: min-content !important;
}
table td{
line-height: 120%;
height: min-content !important;
}

table p{
margin: 0;
}

transition {
display: none;
}

.owners-new-section .dual-grid-index__card-image img {
height: 100%;
}
@media screen and (max-width: 600px){
.model-specs-holder table tr td:first-child {
width: 120px;
}
.model-specs-holder .specs-container {
padding: 0;
}
}

/* blog */
.press-contact {
color: black;
}

.press-contact table td, .press-contact table th {
width: auto!important;
color: black;
text-align: left !important;
}

.press-contact table tr {
border: none;
padding: 0;
display: table-row;
}

.press-contact h3 {
font-weight: 600;
}

/* social media */
.blog-page .addtoany_list a {
border-radius: 100%;
width: 40px;
height: 40px;
position: relative;
border: 2px solid #d5d5d5;
display: block;
vertical-align: middle;
display: inline-block;
}

.blog-page .addtoany_shortcode {
line-height: 1.5em;
margin: 1.5em 0 1.5em 1em;
color: #595959;
padding-left: 0;
}

.blog-page .addtoany_list a img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 18px;
width: 100%;
}
.addtoany_list {
display: flex;
gap: 10px;
}

.blog-page article .col-auto {
display:flex;
justify-content:center;
align-items:center;
}

.blog-page article .addtoany_list a:hover, .blog-page article .addtoany_list a:focus, .blog-page article .addtoany_list a:active {
border: 3px solid #d5d5d5;
}

@media screen and (min-width: 768px) {
.blog-page .addtoany_list a {
width: 60px;
height: 60px;
}
}

.block-slider__slider .swiper-pagination-bullet-active {
background-color: #000;
}

/* pagination */
/* .swiper-pagination {
mix-blend-mode: difference;
}

.block-slider__slider .swiper-pagination-bullet {
position: relative;
width: 20px;
height: 20px;
background-color: transparent;
opacity: .2;
}

.block-slider__slider .swiper-pagination-bullet span {
border-radius: 50%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
height: 6px;
width: 6px;
background-color: #000000;
background-color: #fff;
}

.block-slider__slider .swiper-pagination-bullet.swiper-pagination-bullet-active span {
height: 10px;
margin-bottom: 0;
width: 10px;
background-color: #fff;
}

.block-slider__slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity: 1;
} */
.news__wrapper div ul {
color: #181818;
}

.press-contact {
    display: none !important;
}

.compare-block__link__full-specs-new {
    display: none;
}

.compare-block__link__full-specs-new.active {
    display: block;
}

.section-chapter.section-chapter--open {
    height: auto;
}

.page-contact .gfield--type-multiselect.input-holder select {
    height: max-content !important;
    background-color: transparent;
}

.page-contact .gfield--type-multiselect.input-holder select option {
    background-color: transparent !important;
    color: #fff;
    padding: 10px !important;
    font-size: .875em;
    line-height: 190%;
}

@media screen and (min-width: 992px){
    .klm-number-field input {
        width: 100%;
    }
}

@media screen and (min-width: 768px){
    .page-contact .request__form-holder .gform_wrapper .gform-body .custom-checkbox-field input {
        height: 30px;
    }

}

header .header-inner .mg-site-title {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 1rem;
    margin: auto;
    width: max-content;
    font-size: 14px;
}

.page-promo textarea {
    color: #000;
}

.page-promo #page-container > * {
    padding:  40px 40px;
}

.page-promo #page-container .full-width-image-block {
    padding: 0;
}

/* TITLE */
.page-promo .teaser-form-container .request__form-holder h1 {
    @media only screen and (max-width: 512px) {
      font-size: 35px;
      margin-bottom: 40px;
    }
    @media only screen and (max-width: 453px) {
      font-size: 25px;
      margin-bottom: 30px;
    }
}

.page-promo .teaser-form-container .request__form-holder .request__subtitle {
    @media only screen and (max-width: 512px) {
        font-size: 18px;
        margin-bottom: 50px;
    }
    @media only screen and (max-width: 453px) {
        font-size: 15px;
        margin-bottom: 40px;
    }
}

/* HORIZONTAL ALIGNMENT CHECKBOX */
.ginput_container_checkbox .gchoice {
    display: flex;
    gap: 4px;
    align-items: start;
}
.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"] {
    margin-top: 4px;
}

/* HORIZONTAL ALIGNMENT RADIO */
.ginput_container_radio .gchoice {
    display: flex;
    gap: 4px;
    align-items: start;
}

.gform_wrapper.gravity-theme .gfield input[type="radio"] {
    margin-top: 4px;
}

/* CTA BUTTON */
.gform_wrapper.gravity-theme .gform_footer {
    @media only screen and (max-width: 768px) {
        justify-content: center;
    }
}

/* IMAGE BLOCK */
.full-width-image-block {
    width: 100%;
}

.full-width-image {
    width: 100%;
    object-fit: cover;
}

.input-holder input[type="radio"] {
    height: unset;
}

.drawer__accordion-content--active {
    max-height: max-content;
}

@media screen and (max-width: 768px) {
    #header-v2 .drawer__menu-mobile .drawer__accordion-content li a {
        font-size: 20px;
        line-height: 17px;
    }

    .drawer__link-mobile {
        font-size: 24px;
    }
}

.ginput_container_radio .gchoice {
    display: flex;
    gap: 4px;
    align-items: baseline !important;
}

.ginput_container_checkbox .gchoice {
    display: flex;
    gap: 4px;
    align-items: center !important;
}

.hidden_label .ginput_container_checkbox .gchoice {
    display: flex;
    gap: 4px;
    align-items: baseline !important;
}

.ginput_container_radio .gchoice .gform-field-label {
    align-self: center !important;
}

.ginput_container_checkbox .gchoice .gform-field-label {
    align-self: center !important;
    margin-top: 2px !important;
}

.input-holder
    .ginput_container_radio
    .gchoice
    .gfield-choice-input[type="radio"] {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 2px !important;
}

.gform_wrapper.gravity-theme .gfield-choice-input[type="checkbox"] {
    margin-top: 0 !important;
}

.hidden_label
    .ginput_container_checkbox
    .gchoice
    .gfield-choice-input[type="checkbox"] {
    margin-top: 6px !important;
}

.page-template-model .history__item--text {
    font-size: 16px;
}