html.responsive {
    background: #f5f5f5;
}
html.responsive,
#wrap_all {
    overflow: visible;
}

.single-autobedrijf_voertuig .image-overlay,
.post-type-archive-autobedrijf_voertuig .image-overlay {
    display: none !important;
}

.breadcrumb {
    display: flex;
    background: none;
    justify-content: center;
    padding: 10px 0 40px;
}
.breadcrumb a{
    color: var(--enfold-alternate-color-color);
}
.breadcrumb span{
    font-size: 14px;
}

.flickity-button {
    border-radius: 5px;
    fill: #060606;
    background: #ffffff;
}
.flickity-button:focus, 
.flickity-button:hover {
    fill: #060606;
    background: #ffffff;
}
.flickity-button.previous {
    left: 40px;
}
.flickity-button.next {
    right: 40px;
}

/*.flickity-prev-next-button svg {
  display: none;
}

.flickity-prev-next-button::after {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-left: 1px solid #060606;
    border-bottom: 1px solid #060606;
    transform: rotate(45deg);
    margin-left: 5px;
}

.flickity-prev-next-button.next::after {
    transform: rotate(-135deg);
    margin-right: 10px;
}*/

article.voertuig {
    background-color: #f5f5f5;
    padding: 0;
}

article.voertuig section {
    margin-bottom: 60px;
}


article.voertuig ._head h5 {
    color: #e1153b;
    font-weight: normal !important;
    margin-bottom: 10px;
}
article.voertuig ._head h1 {
    color: #0a0103;
    margin-bottom: 20px;
}

article.voertuig .text-sm.italic {
    font-size: 12px;
    font-style: italic;
}

section.upper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
    overflow: visible;
}
section.upper ._foto-gallery {
    width: 680px;
    position: sticky;
    top: 145px;
    height: fit-content;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}
section.upper ._foto-gallery .main-foto {
    margin-bottom: 20px;
}
section.upper ._foto-gallery .main-foto a{
    display: block;
    width: 100%;
    height: auto;
}
section.upper ._foto-gallery .main-foto img {
    display: block;
    object-fit: cover;
    border-radius: 10px;
    width: 100%;
    height: auto;
    aspect-ratio: 14 / 9;
    object-position: center;
}
section.upper ._foto-gallery .sub-foto .carousel-cell {
    width: 120px;
    margin-right: 10px;
}
section.upper ._foto-gallery .sub-foto .carousel-cell img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    display: block;
    border-radius: 10px;
}

section.upper ._contents {
    flex: 1;
    width: calc(100% - 680px);
}
section.upper ._contents .price_box {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
}
section.upper ._contents .price_box ._price {
    display: flex;
    gap: 10px;
}
section.upper ._contents .price_box h4 {
    width: 50%;
    display: flex;
    flex-direction: column;
    color: #13866b;
    font-size: 1.5em;
    margin-bottom: 0;
}
section.upper ._contents .price_box h4 span {
    font-size: 12px;
    font-weight: normal;
    color: #0a0103;
    line-height: 1.2;
}
section.upper ._contents .price_box a {
    color: #e1153b !important;
    text-decoration: underline !important;
}
section.upper ._contents .price_box .contacts {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
section.upper ._contents .price_box .contacts a {
    flex: 1;
    display: block;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 5px;
    padding: 10px;
	font-weight: 500;
    font-size: 16px;
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 1.2;
}
section.upper ._contents .price_box .contacts a span {
    background-color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 3px;
}
section.upper ._contents .price_box .contacts a span svg {
    width: 100%;
}
section.upper ._contents .price_box .contacts a.contact_phone {
    background-color: #13866b;
}
section.upper ._contents .price_box .contacts a.contact_form {
    background-color: #e11539;
}
section.upper ._contents .price_box .contacts a.contact_whatsapp {
    background-color: #7fc75a;
}

section.upper ._contents .specificaties {
    margin-bottom: 60px;
}
section.upper ._contents .specificaties ul {
    display: grid;
	grid-column-gap: 10px;
    grid-row-gap: 10px;
	grid-template-columns: repeat(3, 1fr);
}
section.upper ._contents .specificaties ul li {
    border-bottom:  1px solid #d3d2d2;
    display: flex;
    flex-direction: column;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 10px;
    color: #0a0103;
}
section.upper ._contents .specificaties ul li._hidden {
    display: none !important;
}
section.upper ._contents .specificaties.toggled ul li._hidden {
    display: flex !important;
}

section.upper ._contents .beschrijving {
    margin-bottom: 60px;
}
section.upper ._contents .beschrijving .js--toggler__target-elements {
    position: relative;
}
section.upper ._contents .beschrijving:not(.toggled) .js--toggler__target-elements::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f5f5);
    pointer-events: none;
}
section.upper ._contents .beschrijving .js--toggler__target-elements > p._hidden {
    display: none;
}
section.upper ._contents .beschrijving.toggled .js--toggler__target-elements > p {
    display: block;
}
section.upper ._contents .js--has-toggler-elements .js--toggler__trigger span {
    position: relative;
    display: flex;
    align-items: center;
}
section.upper ._contents .js--has-toggler-elements .js--toggler__trigger span:after {
    content: "";
    position: absolute;
    right: -32px;
    width: 22px;
    height: 22px;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z'/></svg>");
}
section.upper ._contents .js--has-toggler-elements.toggled .js--toggler__trigger span:after {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 201.4C309.9 188.9 330.2 188.9 342.7 201.4L502.7 361.4C515.2 373.9 515.2 394.2 502.7 406.7C490.2 419.2 469.9 419.2 457.4 406.7L320 269.3L182.6 406.6C170.1 419.1 149.8 419.1 137.3 406.6C124.8 394.1 124.8 373.8 137.3 361.3L297.3 201.3z'/></svg>");
}


section.upper ._contents .specificaties ul li span {
    font-size: 16px;
    font-weight: normal;
    color: #40393a;
}
section.upper ._contents .btn_con {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
section.upper ._contents .showmoreless {
    border-radius: 50px;
    background-color: #bfbdbd;
    color: #0a0103;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border: 0;
    font-size: 18px;
    padding: 10px 45px 10px 20px;
    cursor: pointer;
}

section.upper ._contents .sections h3 {
    color: #e1153b;
}
section.upper ._contents .more_info ul {
    margin: 20px 0 0;
}
section.upper ._contents .more_info li {
    display: flex;
    gap: 10px;
    margin-top: 8px;
}
section.upper ._contents .more_info li svg {
    width: 30px;
    fill: #13866b;
}

section.details .dropdown {
    margin-bottom: 20px;
}
section.details .dropdown h4{
    background: #0a0103;
    color: #fff;
    padding: 10px 10px 10px 40px;
	font-size: 26px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    margin: 0;
}
section.details .dropdown.active h4 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
section.details .dropdown h4 span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #f5f5f5;
    height: 50px;
    width: 50px;
    position: relative;
}
section.details .dropdown h4 span:after {
    content: "";
    width: 24px;
    height: 24px;
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 438.6C309.9 451.1 330.2 451.1 342.7 438.6L502.7 278.6C515.2 266.1 515.2 245.8 502.7 233.3C490.2 220.8 469.9 220.8 457.4 233.3L320 370.7L182.6 233.4C170.1 220.9 149.8 220.9 137.3 233.4C124.8 245.9 124.8 266.2 137.3 278.7L297.3 438.7z'/></svg>");
}
section.details .dropdown.active h4 span:after {
    background: no-repeat center/contain
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M297.4 201.4C309.9 188.9 330.2 188.9 342.7 201.4L502.7 361.4C515.2 373.9 515.2 394.2 502.7 406.7C490.2 419.2 469.9 419.2 457.4 406.7L320 269.3L182.6 406.6C170.1 419.1 149.8 419.1 137.3 406.6C124.8 394.1 124.8 373.8 137.3 361.3L297.3 201.3z'/></svg>");
}
section.details .dropdown ._dropdown{
    display: none;
    background-color: #fff;
    padding: 20px 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
section.details .dropdown ._dropdown ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
section.details .dropdown ._dropdown li {
    flex: 0 0 calc(25% - 10px);
    box-sizing: border-box;
    border-bottom: 1px solid #d3d2d2;
    color: #0a0103;
    font-size: 14px;
}
section.details .dropdown ._dropdown li span {
    display: block;
    font-weight: bold;
    font-size: 1.3em;
}

article.voertuig .contact_form {
    background-color: #edecec;
    padding: 60px 0;
    padding: 60px 0 300px;
}
article.voertuig .contact_form .container {
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
article.voertuig .contact_form .container ._form{
    width: 50%;
}
article.voertuig .contact_form .container ._form h5 {
    color: #e1153b;
    font-weight: normal !important;
    margin-bottom: 15px;
}
article.voertuig .contact_form .container ._form h3 {
    color: #0a0103;
    margin-bottom: 20px;
}
article.voertuig .contact_form .container ._form .gform_heading h2 {
    display: none;
}
article.voertuig .contact_form .container > img {
    width: auto;
    max-width: 640px;
    aspect-ratio: 14 / 9;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}
article.voertuig .contact_form .container ._form .gform_button {
    background-color: #e11539;
    color: #fff;
    position: relative;
}

@media screen and (max-width:1350px) {
    section.upper ._contents .price_box .contacts {
        flex-direction: column;
    }
    section.upper ._contents .specificaties ul {
        grid-template-columns: repeat(2, 1fr);
    }
}
.spview { display: none; }
.pcview { display: block; }
@media screen and (max-width:1200px) {
    .spview { display: block; }
    .pcview { display: none; }

    section.upper {
        flex-direction: column;
    }
    section.upper ._foto-gallery {
        width: 100%;
        position: relative;
        top: auto;
    }
    section.upper ._contents {
        width: 100%;
    }
    section.upper ._contents .price_box .contacts {
        flex-direction: row;
    }
    section.upper ._contents .specificaties ul {
        grid-template-columns: repeat(3, 1fr);
    }

    article.voertuig .contact_form .container {
        gap: 20px;
    }
    article.voertuig .contact_form .container > img{
        width: 350px;
    }
    article.voertuig .contact_form .container ._form {
        width: calc(100% - 350px);
    }
    section.details .dropdown ._dropdown li {
        flex: 0 0 calc(33.33333% - 10px);
    }
}
@media screen and (max-width:860px) {
    article.voertuig .contact_form .container ._form  {
        width: 100%;
    }
    article.voertuig .contact_form .container > img {
        display: none;
    }

    section.details .dropdown ._dropdown li {
        flex: 0 0 calc(50% - 10px);
    }
}
@media screen and (max-width:660px) {
    section.upper ._contents .price_box .contacts {
        flex-direction: column;
    }
    section.upper ._contents .specificaties ul {
        grid-template-columns: repeat(2, 1fr);
    }
    section.details .dropdown ._dropdown li {
        flex: 0 0 100%;
    }
}
@media screen and (max-width:500px) {
    section.upper ._contents .price_box ._price {
        flex-direction: column;
    }
    section.upper ._contents .price_box h4 {
        width: 100%;
    }
    section.upper ._contents .specificaties ul {
       grid-template-columns: repeat(1, 1fr);
    }
}