/*
    Theme Name: Brandmates Thema
    Theme URI: https://github.com/elementor/hello-theme/
    Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
    Author: Brandmates
    Author URI: https://brandmates.nl
    Template: hello-elementor
    Version: 1.0.1
    Text Domain: brandmates-child
    License: GNU General Public License v3 or later.
    License URI: https://www.gnu.org/licenses/gpl-3.0.html
    Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Algemeen */
/* html, body{
    overflow-x:hidden
} */

b, strong {
    font-weight: 700 !important;
}

ul {
    padding-left: 32px;
    margin-bottom: .9rem;
}

[id] {
    scroll-margin-top: 100px !important;
}

.elementor-widget-text-editor h2 {
font-size: 32px;
}

.elementor-widget-html label {
    color: #000;
    margin-bottom: 10px;
    margin-top: 10px;
}

.elementor-widget-text-editor h2 {
    font-size: 32px;
    line-height: 36px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.elementor-widget-text-editor p + p {
    padding-top: 20px;
}

.elementor-widget-text-editor h2:nth-child(1) {
    padding-top: 0px;
}

.elementor-widget-text-editor h3  {
    font-size: 24px;
    line-height: 36px;
    padding-top: 30px;
    padding-bottom: 20px;
}

.elementor-element.elementor-element-0cf4b19.e-con-full.e-flex.e-con.e-parent {
    padding-bottom: 0px;
}

@media only screen and (max-width: 600px) {
    [id] {
        scroll-margin-top: 50px !important;
    }
    .elementor-widget-text-editor h2 {
        font-size: 24px;
        line-height: 29px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .elementor-widget-text-editor h3  {
        font-size: 20px;
        line-height: 36px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}


/* Button, icons, svg */
.elementor-icon, .elementor-button-icon, .elementor-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-icon-list-icon i {
    width: inherit !important;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg, span.elementor-icon-list-text.elementor-inline-editing, .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    margin: 0 !important;
    padding: 0 !important;
}

h1, h2, h3, h4, h5, h6, p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}


/* Webshop - WooCommerce & PDP */
/* bdi, span.price.amount.options {
    color: #A15CAA !important;
} */

.pswp__caption {
    display: none;
}

p.price {
    margin: 0;
}

.facetwp-facet {
    margin-bottom: 0 !important;
}

.elementor-widget-woocommerce-cart .woocommerce {
    font-family: "Gilroy", sans-serif  !important;
}

.woocommerce-info, .woocommerce-info::before {
    border-top-color: var( --e-global-color-primary );
}


/* Icon list background colors */
.iconlist-yellow200-bg i {
    padding: 8px;
    background-color: #FEE289; /* Selective Yellow - 200 */
    border-radius: 50%;
}

.iconlist-yellow400-bg i {
    padding: 8px;
    background-color: #FDBA2D; /* Selective Yellow - 400 */
    border-radius: 50%;
}

.iconlist-stardust100-bg i {
    padding: 8px;
    background-color: #EDEDED; /* Star Dust - 100 */
    border-radius: 50%;
}

.iconlist-stardust200-bg i {
    padding: 8px;
    background-color: #DFDFDF; /* Star Dust - 200 */
    border-radius: 50%;
}

.iconlist-electricviolet400-bg i {
    padding: 8px;
    background-color: #9282FF; /* Electric Violet - 400 */
    border-radius: 50%;
}


/* CSS */
.swiper-pagination-bullet-active {
    width: 56px !important;
    border-radius: 24px;
    transition: all .3s ease-in-out;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    border: 2px solid white;
    background: none !important;
    opacity: inherit;
    transition: all .3s ease-in-out;
}


@media only screen and (max-width: 1200px) {
    .elementor-swiper-button {
    display: none !important;
    }
}

.extra-tab-radius .e-n-tabs-heading {
    border-radius: 24px 24px 0 0 !important;
    overflow: auto;
}

.faq-icon-bg i::before {
    padding: 8px;
    background-color: var( --e-global-color-49c175d );
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .faq-icon-bg i::before {
        padding: 2px;
    }
}

.faq-buttons .e-n-tabs-heading {
    flex-direction: column;
}

.post-info-iconlist ul {
    justify-content: space-between !important;
}

.inhoudsopgave-active-link a {
    color: #363636 !important;
}

.inhoudsopgave-active-link i {
    transform: rotate(180deg);
}


/* Categorie pagina */
h3.car-name {
    font-size: 18px !important;
    font-weight: bold;
    color: #363636 !important;
}

.car-side-container.mb-4 h2 {
    letter-spacing: 0px;
}

a.prev.page-numbers, a.next.page-numbers {
    display: none;
}

.voordeel-item.d-flex.items-center {
    font-size: 16px;
    color: #363636 !important;
}

.round-checkmark {
    margin-right: 10px;
}

.voordeel-item.d-flex.items-center {
    font-size: 16px;
    color: #363636 !important;
    margin-bottom: 8px;
}

.car-side-container.mb-4 .content {
    color: #363636;
}

.elementor-shortcode .car-side-container:nth-child(3) h2 {
    padding-bottom: 0px;
}

.elementor-shortcode .car-side-container:nth-child(3) p {
    font-size: 16px !important;
}

.car-content {
    padding: 0 1rem;
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: unset;
}

.car-details {
    padding-top: 17px;
}

.car-listing {
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 24px;
    border-radius: 24px;
    overflow: hidden;
    display: flex
;
    flex-direction: row;
    justify-content: space-between;
}

div#carListingsContainer .car-images img {
    height: 100% !important;
}



h4.car-description {
    font-size: 16px !important;
    color: #363636;
    line-height: 35px;
    font-weight: 500;
    margin-top: -31px !important;
    line-height: 48px;
}


/* Auto detail pagina  */


.carpage-title-header h3 {
    color: #363636;
}

.carpage-title-header h3 {
    color: #363636;
    font-size: 48px !important;
    margin-top: -20px !important;
    margin-bottom: -10px !important;
}

.carpage-toc-step a, span.carpage-toc-icon {
    font-size: 16px;
}
.carpage-col-6.carpage-summary {
    padding-left: 55px;
}

 .carpage-ww-heading-title {
    margin-top: -25px !important;
}

h3.carpage-ww-sub-heading-title {
    font-size: 25px;
    font-weight: 600;
}

.carpage-ww-pakket-details-container img.tooltip-img {
    padding-left: 10px;
}

.carpage-ww-pakket-details-container img.tooltip-img {
    padding-left: 10px;
    vertical-align: -3px;
}

h4.carpage-ken-sub-heading-title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 20px;
}

.carpage-ken-heading-title, .carpage-opt-heading-title {
    font-size: 32px !important;
    font-weight: 600 !important;
}

.carpage-ww-content label {
    font-size: 16px;
    color: #363636 !important;
    padding-bottom: 10px !important;
}

input#downpayment, input#balloonpayment {
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    height: 55px;
}

select#SortOrder2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url(https://www.autoimporteur.nl/wp-content/uploads/arrow_drop_down.png) !important;
    background-repeat: no-repeat !important;
    background-position-x: 96% !important;
    background-position-y: 8px !important;
    border: 1px solid #C8C8C8;
    border-radius: 8px;
    background: white !important;
}
.carpage-title-header h1 {
    font-size: 48px;
    color: #363636 !important
}

.carpage-thumbnail-container img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
	.carpage-opt-table {
    padding: 0px 8px;
}
	.quickfilters {
    display: none;
}
	
h4.car-description {
        margin-top: -6px !important;
        line-height: 20px;
        padding-bottom: 17px;
    }
    .car-content {
        padding: 0 5 px;
        width: 100%;
        /* display: flex; */
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .car-listing {
        background: #FFFFFF;
        padding: 12px;
        margin-bottom: 24px;
        border-radius: 24px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .car-images {
        align-content: center;
        width: 100%;
    }

    .car-content td {
        padding: 0;
    }

    .car-details span {
        font-size: 12px;
    }

    .car-buttons {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    span.car-price {
        padding-top: 10px;
        padding-left: 17px;
        font-size: 17px;
    }

    .car-button-redirect {
        background: #1F1F1F;
        color: #FFFFFF !important;
        padding: 17px 24px;
        text-align: center;
        border-radius: 24px;
        font-size: 11px;
        font-weight: 600;
        line-height: 0.2;
    }

    .car-aspect-table .car-aspect-row:first-of-type {
        margin-bottom: 8px;
    }

    hr.car-hr {
        padding-bottom: 10px;
    }

    .carPagination {
        gap: 4px;
    }

    .page-numbers {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        padding: 6px;
        color: #1F1F1F !important;
        background-color: #FFFFFF;
        border-radius: 100px;
        font-size: 10px;
        width: 35px;
        height: 35px;
    }

    .carpage-thumbnail-container img {
        width: 100%;
    }

    .carpage-subcontainer {
        flex-direction: column;
        padding: 30px 22px;
    }

    .carpage-col-6 {
        width: 100%;
    }

    .carpage-col-6.carpage-summary {
        padding-top: 20px;
        padding-left: 0px;
    }

    span.carpage-buy-text-heading, h2.carpage-lease-text-heading {
        font-size: 15px !important;
    }

    span.carpage-buy-text-price, span.carpage-lease-price, span.carpage-lease-text-price {
        font-size: 20px !important;
    }

    img.tooltip-img {
        width: 18px;
    }
    .carpage-title-header h1 {
        font-size: 40px;
        color: #363636 !important
    }

    span.carpage-usps-text {
        font-size: 14px;
    }

    .carpage-usps-single-text {
        line-height: 18px;
    }

    .carpage-usps {
        margin: 00px;
    }

    span.carpage-quote-button-text {
        font-size: 14px;
    }

    .carpage-quote-button {
        padding-top: 15px;
    }

    a.carpage-questions-button-link {
        text-align: center;
        display: block;
    }

    span.carpage-questions-button-text {
        font-size: 16px;
    }

    .carpage-questions-button {
        margin: 16px 0 20px 0;
    }

    .carpage-price-container {
        padding-bottom: 10px;
    }

    .carpage-general-usps {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .carpage-gallery-container {
        margin-top: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        overflow: hidden;
        max-height: 145px;
        gap: 8px;
        align-content: flex-start;
        flex-wrap: wrap;
    }

    .carpage-gallery-thumbnail {
        width: 90px;
    }

    .carpage-toc-fields {
        display: flex;
        justify-content: space-between;
        width: 45%;
        flex-direction: column;
    }

    .carpage-ww-inner-container {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .carpage-ww-kopen-leasen-container {
        width: 100%;
    }

    .carpage-ww-pakket-details-container {
        width: 100%;
    }

    .carpage-ww-tab-content {
        padding: 40px 20px;
    }

    h2#werkwijze  {
        font-size: 25px !important;
        padding-top: 20px;
        padding-left: 8px;
        padding-bottom: 20px;
    }
    h2#kenmerken  {
        font-size: 25px !important;
        padding-top: 0px;
        padding-left: 8px;
        padding-bottom: 20px;
    }

    h2#opties {
        font-size: 25px !important;
        padding-top: 0px;
        padding-left: 8px;
        padding-bottom: 20px;
    }
    .page-id-2128 button.active {
        margin-top: 0px !important;
    }
    .carpage-ww-pakket-details-button {
        margin-top: 30px;
		background: #fcb900;
    }
    div#buy-tab {
        padding: 25px;
    }
    .buy-tab img.tooltip-img {
        width: 28px;
    }
    .page-id-2128 .elementor-shortcode {
        gap: 20px;
    }

    .carpage-ken-table {
        padding: 0px 10px;1}
    h4.carpage-ken-sub-heading-title {
        padding-left: 10px;
    }

    .carpage-opt-table-value.d-flex.gap-2.items-center {
        font-size: 12px;
    }
    .carpage-opt-table-value.d-flex.gap-2.items-center img {
        display: none;
    }

    .page-id-2128 .e-con-inner {
        overflow: hidden;
    }
}


/

/* Jouw aanvraag pagina  */

.package-card li:first-child {
    height: 80px !important;
}

#autoverzekering {
    display: none !important;
}
.page-id-2443 p.tekst-jouw-aanvraag {
    display: none !Important;
}

p.tekst-jouw-aanvraag {
    font-size: 16px;
    color: #363636;
    font-weight: 300;
    line-height: 1.5;
    padding-bottom: 30px;
}

.page-id-2143 {
    background: #F5F5F5;
}

.page-id-2143 h1 {
    font-size: 56px;
    padding-top: 50px;
    padding-bottom: 20px;
}

.block.block-package h2 {
    font-weight: 600;
    font-size: 32px;
    color: #363636;
}


a#package-title-auto_table {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 600;
}

img.tooltip-img {
    vertical-align: -3px !important;
}

.package-card ul li {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    font-weight: 400;
    color: #363636;
    text-align: left;
}

.package-wrapper {
    gap: 5px !important;
    padding-top: 25px;
}

.package-card.selected {
    background-color: #ffffff;
    border: 2px solid black;
}

.page-id-2143 .step-number-line {
    display: none;
}

.page-id-2143  .block.block-package h2:before {
    content: "";
    display: inline-block;
    background-image: url(/wp-content/uploads/Frame-39877.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-right: 22px;
    vertical-align: middle;
    margin-top: -9px;
}

@media only screen and (max-width: 600px) {
    p.tekst-jouw-aanvraag {
        font-size: 14px;
    }

    li#car_price p {
        font-size: 14px;
    }

    .page-id-2143 .form-row {
        display: flex;
        justify-content: space-between;
        gap: 0px;
        flex-direction: column;
    }



    .page-id-2143 h1 {
        font-size: 40px;
        padding-top: 50px;
        padding-bottom: 20px;
    }
}


/* Stel pakket samen */
/*
h4.car-description {
    display: none;
}
*/

.package-list h3#title_h3 {
    font-size: 23px !important;
    font-weight: 700;
    padding: 0px !important;
    margin: 0px !important;
    margin-top: 38px !important;
}

.block-alinea.p-2 a {
    color: black;
    text-decoration: underline;
}
p.tekstlink {
    color: black;
    padding: 0px;
    margin-top: -18px !important;
    font-size: 14px;
}


.blocks-section .step-container:nth-child(1) span.prijs-aanduiding {
    display: none;
}
.blocks-section .step-container:nth-child(1) .block-image, .blocks-section .step-container:nth-child(1)  .car-input-title, .blocks-section .step-container:nth-child(1) p.tekstlink{
    display: none;
}

.blocks-section .step-container:nth-child(1) h3.block-title {
    display: none;
}

.blocks-section .step-container:nth-child(1) .block-header:before {
    content: "Link naar de auto";
    margin-bottom: -30px;
    color: black;
    font-weight: 600;
    font-size: 22px;
	 padding-left: 5px;
}




span.prijs-aanduiding {
    font-size: 15px;
    padding-left: 10px;
    color: rgb(123, 123, 123);
}


span.read_more {
    display: none;
}

h4.car-input-title {
    font-size: 16px;
    color: #363636;
    font-weight: bold;
}

.sidebar-section h2.package-title {
    font-size: 32px;
    font-weight: 500;
}

.page-id-2141 .sidebar hr {
    display: none;
}

span.car-li-price, span#span-car-preview-price {
    font-weight: bold;
}

.d-flex.flex-column span:nth-child(2) {
    font-weight: bold;
    color: #363636;
}
.package-list li {
    border-bottom: 2px dashed #ddd !Important;
}

span.label-prijs {
    color: #888888;
    font-size: 18px;
    font-weight: 300;
}

.page-id-2141 .package-container {
    padding-top: 30px;
}

.total.d-flex.justify-between h3 {
    font-size: 40px;
    margin-top: -4px !important;
    display: block;
    float: left;
    width: 100%;
    color: #363636;
}

.total.d-flex.justify-between p {
  font-size: 14px;
  color: #363636;
  font-weight: bold;
}

.total {
    margin: 20px 0;
    display: block;
}

.car-features {
    list-style: none;
    padding: 0;
    text-align: left;
}

ul.car-features li {
    font-size: 16px;
    color: black;
    font-weight: 500;
}

.advies {
    background-color: #3a6cf4;
    color: #fff;
    padding: 10px 20px;
    display: block;
    align-items: center;
    border-radius: 9px;
    width: 100%;
    text-align: center !important;
    position: relative;
    font-weight: bold;
    font-size: 16px;
}

.advies::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #3a6cf4 transparent;
}

.advies img {
    width: 23px;
    height: 22px;
    margin-right: 10px;
    vertical-align: -5px;
}

img#car-preview {
    display: none !important;
}

h2.package-title {
    font-weight: 700 !important;
}

.package-container .sidebar span {
    color: #888888;
    font-family: 'Gilroy';
}

span.car-li-price {
    font-weight: bold;
    color: #1f1f1f ! IMPORTANT;
    font-family: 'Gilroy';
}

ul.car-features li {
    font-family: 'Gilroy';
}

span.tooltip-text h3 {
    font-size: 17px;
    line-height: 18px;
    padding-bottom: 10px;
}

.tooltip-text {
    visibility: hidden;
    width: 300px;
    background-color: white;
    color: #fff;
    text-align: center;
    padding: 16px 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: -100%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
    font-size: 11px !important;
    line-height: 14px;
    font-family: "Gilroy" !important;
    color: black !important;
    font-weight: 400 !important;
}

@media only screen and (max-width: 600px) {
	
	.blocks-section .step-container:nth-child(1) .block-header:before {
 
	 padding-left: 45px;
}

	
	.step-container:nth-child(1) .block .block-content .block-alinea.p-2 p {
    padding-top: 30px;
} 

.step-container:nth-child(1) .block .block-content .block-alinea.p-2 p {
    padding-top: 30px;
    margin-bottom: -20px !important;
}
    .package-container .block-image {
        display: none;
    }

    .package-container .step-number-line {
        position: absolute;
        padding-left: 26px;
        padding-top: 19px;
    }

    .package-container .block {
        padding-top: 28px;
        padding-left: 28px;
    }

    .package-container .step-number {
        margin-top: 8px;
        width: 33px;
        height: 33px;
        font-size: 16px;
    }

    .package-container .block-header {
        margin-bottom: 0px;
    }

    .package-container h3.block-title{
        padding-left: 44px;
    }

    .package-container button {
        padding: 8px 17px !important;
        font-size: 11px !important;
    }

    .car-label {
        display: none;
    }
    
    button.active {
        margin-top: -14px !important;
    }
    
    .block-actions button.active, .block-actions button:hover {
        height: 43px;
    }
}


/* Pakket aanvragen stap 2 */

.block.block-package h2#title_h2 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 23px;
    line-height: 44px;
}


.page-id-2443 .step-number {
    display: none;
}

.page-id-2443  .block.block-package{
	width: 100%;
}

.page-id-2443 .elementor-element.elementor-element-e4575d2 {
    background: #f7f7f7;
}

.page-id-2443 h1 {
    font-size: 56px;
    padding-top: 50px;
    padding-bottom: 20px;
}

.page-id-2443 .car-overview {
    padding: 20px;
    border: none;
    border-radius: 20px;
    padding: 20px 40px !important;
}

.car-overview{
    padding: 20px;
    border-radius: 20px;
}

.car-overview h3 {
    font-size: 18px;
    color: #363636;
}

span#total-amount {
    font-size: 40px;
    margin-top: -20px !important;
    display: block;
}

.box-good-content {
    font-size: 14px;
    color: #363636;
    font-weight: 300;
}
.box-good-title {
    font-size: 18px;
    font-weight: bold;
    color: #363636;
}

img.box-good-icon {
    height: 11px;
    padding-right: 10px;
    /* vertical-align: 2px; */
    margin-top: 8px;
}

.box-good-to-know {
    background: #F7F7F7;
    padding: 30px;
    border-radius: 15px;
    margin-top: 20px;
}

.page-id-2443 .form-section h2:before {
    content: "";
    display: inline-block;
    background-image: url(/wp-content/uploads/Frame-39877.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-right: 22px;
    vertical-align: middle;
    margin-top: -9px;
}

.page-id-2443 li#autoverzekering {
    display: none;
}

.page-id-2443 .package-container {
    padding-bottom: 100px;
}

@media only screen and (max-width: 600px) {
    .page-id-2443 h1 {
        font-size: 40px;
    }

    .package-notice-text {
        font-size: 12px;
        line-height: 16px;
    }

    .page-id-2443 .block-package {
        padding: 33px;
    }

    .page-id-2443 ul.package-list {
        font-size: 14px;
    }

    .page-id-2443 .form-row {
        display: flex;
        justify-content: space-between;
        gap: 0px;
        flex-direction: column;
    }

    .page-id-2443 .car-overview {
        display: none;
    }

    .container-usps {
        display: flex;
        justify-content: space-around;
        align-items: baseline;
        margin-top: 20px;
        flex-direction: column;
        gap: 10px;
    }

    .text-usp {
        font-size: 14px !important;
        display: -webkit-inline-box;
    }
}