/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


html {
    overflow:auto;
}
body {
    overflow:hidden;
}
ul.elementor-nav-menu--dropdown a, ul.elementor-nav-menu--dropdown a:focus, ul.elementor-nav-menu--dropdown a:hover {
    border-left:none !important;
}

/*== Sticky header ==*/
/* Changes the header to not be sticky when editing (doesn't show in the front end) */
body.elementor-editor-active #stickyheader {
    margin-bottom:0px !important;
}

/* sticky padding*/
#stickyheader {
    transition: all 0.5s ease;
}
#stickyheader .e-con-inner {
    transition: all 0.5s ease;
}
#stickyheader.elementor-sticky--effects .e-con-inner {
    padding-top:15px;
    padding-bottom:15px;
    transition: all 0.5s ease;
}
/* --- LOGO ---- */
/* Logo sizing before sticky */
.logo img {
    max-height:200px;
    transition: all 0.5s ease;
}
/* Logo sizing after sticky */
#stickyheader.elementor-sticky--effects .e-con-inner .logo img {
    max-width: 250px;
}
#stickyheader.elementor-sticky--effects nav a {
    color:;
}
/*== Einde sticky header ==*/


/* Alleen de diepst geneste .elementor-element container krijgt de padding  */
/*
.e-con-inner:not(:has(.e-con-inner)),
.e-con-inner:not(:has(> .e-con-inner)):has([data-shortcode]), 
.e-grid, 
.e-con-inner.elementor-element.space > .e-con-inner,
.e-con-inner.elementor-element.space, .elementor-element.space  {
    padding-right:40px !important;
    padding-left:40px !important;
}
.e-con-inner .elementor-element.nospace, .elementor-element.nospace  {
    padding:0px !important;
}
.e-con-inner .elementor-element.top-bottom {
    padding-top:0px !important;
    padding-bottom:0px !important;
}
*/


.e-parent, .space {
    padding-left:40px !important;
    padding-right:40px !important;
}
.e-parent.nospace {
    padding-left:0px !important;
    padding-right:0px !important;
}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
    .elementor-element {
      --widgets-spacing: 35px 35px;
      --widgets-spacing-row: 35px;
      --widgets-spacing-column: 35px;
    }
    
	.e-parent, .space {
        padding-left:50px !important;
        padding-right:50px !important;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .elementor-element {
      --widgets-spacing: 30px 30px;
      --widgets-spacing-row: 30px;
      --widgets-spacing-column: 30px;
    }
    
	.e-parent, .space {
        padding-left:40px !important;
        padding-right:40px !important;
    }
}
@media only screen and (min-width: 881px) and (max-width: 1024px) {
    .elementor-element {
      --widgets-spacing: 25px 25px;
      --widgets-spacing-row: 25px;
      --widgets-spacing-column: 25px;
    }
    
	.e-parent, .space {
        padding-left:30px !important;
        padding-right:30px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
    .elementor-element {
      --widgets-spacing: 20px 20px;
      --widgets-spacing-row: 20px;
      --widgets-spacing-column: 20px;
    }
    
	.e-parent, .space {
        padding-left:25px !important;
        padding-right:25px !important;
    }
}
@media only screen and (max-width: 767px) {
    .elementor-element {
      --widgets-spacing: 35px 35px;
      --widgets-spacing-row: 35px;
      --widgets-spacing-column: 35px;
    }
    
	.e-parent, .space {
        padding-left:20px !important;
        padding-right:20px !important;
    }
}



span.onsale {
    color:#fff !important;
    background-color:var( --e-global-color-primary ) !important;
    padding:10px 15px !important;
    border-radius:0px !important;
}

.button {
    background-color:var( --e-global-color-primary );
    border-color:var( --e-global-color-primary );
    color:#fff;
    border-radius:3px;
    font-size:var( --e-global-typography-accent-font-size );
    font-weight:var( --e-global-typography-accent-font-weight );
}
.button:hover {
    background-color:rgba(0,0,0,0.75) !important;
}

.spacing ul > li {
    margin-top:20px !important;
    margin-bottom:20px !important;
}

.elementor-widget-image .elementor-widget-container img {
    border-radius:3px;
}


.archive-side-menu ul {
    margin-left:12px;
    list-style:none;
    font-size:var( --e-global-typography-03f6aa5-font-size );
}

.archive-side-menu ul li a {
    position:relative;
}
.archive-side-menu ul li a:before {
    content:"";
    display:block;
    position:absolute;
    border: 3px solid var( --e-global-color-primary );
    width:0px;
    height:0px;
    top:50%;
    margin-top:-1px;
    left:-12px;
}


.archive-side-menu ul li > a:hover, .archive-side-menu ul li.current-cat > a, .archive-side-menu ul li.current-cat-parent > a {
    color:var( --e-global-color-2fbbbc4 );
}
.archive-side-menu ul li a:hover:before, .archive-side-menu ul li.current-cat > a:before, .archive-side-menu ul li.current-cat-parent > a:before {
    border-color:var( --e-global-color-2fbbbc4 );
}
.archive-side-menu ul li.current-cat > a:before {
    border-width:6px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-right:6px solid transparent;
    margin-top:-3px;
}
#tab-description, #tab-additional_information {
    padding-left:0px;
    padding-right:0px;
}
.archive-side-menu ul ul {
    margin-top:5px;
    margin-left:18px;
}

/* Woocommerce */

/* "Toegevoegd aan winkelwagen" melding */
.woocommerce-message {
    background:var( --e-global-color-primary ) !important;
    line-height:50px;
}
.woocommerce-message a.button.wc-forward {
    line-height:30px;
}
.wc-forward {
    padding:10px 15px;
}
.wp-block-woocommerce-cart {
    margin-top:60px;
    margin-bottom:60px;
}
.wc-block-cart__submit-container a:hover {
    background:#000000BF;
}
.wc-block-components-button__text {
    color:#fff;
}
.wc-block-components-button {
    border-radius:3px;
}

.wc-block-cart-items__header, .wp-block-woocommerce-cart-order-summary-heading-block {
    font-size: var( --e-global-typography-03f6aa5-font-size ) !important;
    font-weight: var( --e-global-typography-text-font-weight ) !important;
}

.wp-block-woocommerce-cart, .wp-block-woocommerce-cart a {
    font-size: var( --e-global-typography-text-font-size ) !important;
    font-weight: var( --e-global-typography-text-font-weight ) !important;
}
.wc-block-components-formatted-money-amount, .wc-block-components-product-price, .wc-block-components-button__text {
    font-size: var( --e-global-typography-accent-font-size ) !important;
    font-weight: var( --e-global-typography-accent-font-weight ) !important;
}
.wc-block-components-order-summary-item__individual-price {
    font-size:15px !important;
}
.wp-block-product-new {
    margin-top:60px;
}
.elementor-menu-cart__toggle .elementor-button:hover .elementor-button-icon {
    color:#fff !important;
}
.elementor-menu-cart__product-price {
    color:var( --e-global-color-primary ) !important;
}

.woocommerce-variation-price {
    padding:0 0 20px 0;
}
.woocommerce-product-gallery__image {
    background:#eee;
}
.woocommerce-product-gallery__image a img {
    max-height: 650px;
    max-width:650px;
    object-fit: contain;
    margin:0 auto;
}

.woocommerce ul.products li.product a img {
    height: 300px; /* adjust height */
    object-fit: cover;
}

.smart-search-view-all {
    background-color:var( --e-global-color-primary ) !important;
    color:#fff !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    height:auto !important;
    border-radius:0 0 3px 3px !important;
}
.smart-search-view-all:hover {
    background-color:var( --e-global-color-fb88a84 ) !important;
    color:#fff !important;
}
.smart-search-popup {
    border-radius:0 0 3px 3px !important;
}

.shopmenu li .sub-menu,
.shopmenu li.current-menu-item > .sub-menu,
.shopmenu li.current-menu-ancestor > .sub-menu {
    display: block;
}

.shopmenu ul.sub-menu {
    scale: 0.9;
}
.shopmenu .elementor-nav-menu .sub-arrow {
    padding:0px 10px;
    margin-block-end:-16px;
}


/* Product kaarten webshop */
li.product {
    box-shadow:0 0 10px rgba(0,0,0,0.15);
    padding-bottom:25px !important;
}
li.product:hover {
    box-shadow:0 0 10px rgba(0,0,0,0.30);
}
li.product h2, li.product .price, li.product .button {
    margin-left:15px !important;
    margin-right:15px !important;
}
li.product h2 {
    font-size:var( --e-global-typography-c91796e-font-size );
    font-weight:var( --e-global-typography-c91796e-font-weight );
}
/* Einde Product kaarten webshop */


/* Onsale badge */
.single-product span.onsale {
    position:absolute !important;
    margin-top:15px;
    margin-left:15px;
    z-index:9;
}
.woocommerce ul.products li.product.sales-flash-overlay .onsale {
    top:10px !important;
    right:10px !important;
}
/* Einde Onsale badge */



.green {
    color:var( --e-global-color-primary );
}
.btn-orange a.elementor-button {
    background-color:var( --e-global-color-2fbbbc4 );
    border-color:var( --e-global-color-2fbbbc4 );
}
.btn-green a.elementor-button {
    background-color:var( --e-global-color-primary );
    border-color:var( --e-global-color-primary );
}
.btn-negative a.elementor-button  {
    background-color:transparent;
    border:1px solid #FFF;
}
.btn-orange a.elementor-button:hover, .btn-green:hover a.elementor-button:hover, .btn-negative:hover {
    background-color:rgba(0,0,0,0.75) !important;
}

.product-categories > li {
    padding-bottom:8px;
}
.product-categories li li {
    padding-bottom:2px;
}
.cat-item .children .cat-item {
    font-size:16px;
}
.cat-item .children {
    margin-bottom:10px;
}

.overflow {
    overflow:hidden !important;
}
.product-card .product-photo {
    transition: transform 0.8s ease;
}
.product-card:hover .product-photo {
    transform: scale(1.2);
}
.product-card .elementor-button-icon i {
    font-size:12px;
    line-height:21px;
}


/* Searchfield header */
.ysm-search-widget .search-field[type="search"] {
    padding-top:5px;
    padding-bottom:5px;
    border-radius:10px;
}
.ysm-search-widget .search-submit::before {
    line-height:25px;
}
/* End Searchfield header */


/* Woocommerce */
.woocommerce-product-gallery__image {
    background:#fff;
}
.pvie-configurator {
    margin-top:0px;
    max-width:100%;
}

.pvie-configurator .button:hover {
    background-color:rgba(0,0,0,0.75);
    border-color:rgba(0,0,0,0.75);
}
.woocommerce div.product.elementor .woocommerce-tabs .panel.wc-tab {
    padding-top:40px;
    padding-bottom:40px;
}
.elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout > a.checkout-button:hover {
    background-color:rgba(0,0,0,0.75) !important;
    border-color:rgba(0,0,0,0.75) !important;
}

.checkout-container #place_order.button {
    margin-top:20px;
    border-radius:6px;
    background-color:var( --e-global-color-2fbbbc4 );
    border:1px solid var( --e-global-color-2fbbbc4 );
    font-size:130% !important;
}
.checkout-container #place_order.button:hover {
    background-color:rgba(0,0,0,0.75);
    border-color:rgba(0,0,0,0.75);
}
/* Woocommerce */



.trp-switcher-position-bottom {
    z-index:9;
}

.lgps-form button {
    padding:8px 20px !important;
    margin-left:5px !important;
}


.formulier input, .formulier textarea {
    border-radius:6px;
    padding:10px !important;
}
.formulier .gform-phone__dial-code {
    color:var(--e-global-color-text);
    font-size:var( --e-global-typography-secondary-font-size );
    font-weight:var(--e-global-typography-text-font-weight);
    line-height:27px;
}
.formulier .ginput_country-selector_container button.gform-phone__country-selector {
    border-color:#ccc !important;
}
.formulier input[type="tel"] {
    width:100%;
}

/* Ajax Search Pro */
/* Kleuren komen uit de Elementor-kit:
   primary   = #2F7D73  primair
   97a903d   = #ACCBC7  light primair
   2fbbbc4   = #CB7416  oranje
   c356782   = #EFEFEF  BG grijs
   secondary = #54595F
   text      = #7A7A7A
   De !important-vlaggen zijn nodig: de plugin laadt zijn eigen CSS na deze.

   Let op de DOM: de productfoto zit BINNEN .asp_content (in een
   a.asp_res_image_url), niet ernaast. De flexbox hoort dus op .asp_content
   en niet op .item -- anders valt de titel onder de foto. */

/* --- Zoekbalk --- */
/* Geen vaste hoogte op de buitenste div: die knipte de onderrand van de
   .probox eraf. De hoogte komt van de .probox zelf, met border-box zodat
   de 2px rand binnen de 40px valt. */
div.asp_m.ajaxsearchpro {
    height:auto !important;
    overflow:visible !important;
}
div.asp_m.ajaxsearchpro .probox {
    height:40px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 6px 0 4px !important;
    background:#eee !important;
    border:1px solid #eee !important;
    border-radius:6px !important;
    box-shadow:none !important;
}
div.asp_m.ajaxsearchpro .probox:focus-within {
    border-color:var( --e-global-color-primary ) !important;
}
div.asp_m.ajaxsearchpro .probox .proinput,
div.asp_m.ajaxsearchpro .probox .proinput form {
    height:100% !important;
}
div.asp_m.ajaxsearchpro .probox .proinput input {
    line-height:normal !important;
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    color:var( --e-global-color-secondary ) !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
/* Placeholder: zelfde lettertype en grootte als de getypte tekst, alleen
   lichter. Let op: deze selectors MOETEN los van elkaar staan. Browsers
   gooien een hele gegroepeerde regel weg zodra er een selector in staat die
   ze niet kennen, en ::-moz-placeholder / :-ms-input-placeholder kent
   Chrome niet. De plugin schrijft ze om dezelfde reden apart uit. */
div.asp_m.ajaxsearchpro .probox .proinput input.orig::placeholder {
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    font-weight:normal !important;
    line-height:normal !important;
    color:var( --e-global-color-text ) !important;
    opacity:1 !important;
}
div.asp_m.ajaxsearchpro .probox .proinput input.orig::-webkit-input-placeholder {
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    font-weight:normal !important;
    line-height:normal !important;
    color:var( --e-global-color-text ) !important;
    opacity:1 !important;
}
div.asp_m.ajaxsearchpro .probox .proinput input.orig::-moz-placeholder {
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    font-weight:normal !important;
    line-height:normal !important;
    color:var( --e-global-color-text ) !important;
    opacity:1 !important;
}
div.asp_m.ajaxsearchpro .probox .proinput input.orig:-ms-input-placeholder {
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    font-weight:normal !important;
    line-height:normal !important;
    color:var( --e-global-color-text ) !important;
    opacity:1 !important;
}
/* De autocomplete-suggestie is een tweede, doorschijnend invoerveld dat direct
   na het echte veld in het formulier staat en er met een negatieve bovenmarge
   overheen wordt getrokken. De plugin zet die marge op -28px en de hoogte op
   28px, en doet dat met een ID-selector (#ajaxsearchpro1_1 ...). Een
   klasse-selector verliest daarvan, ook met !important -- die marge is dus
   niet te overschrijven zonder de ID vast te leggen.
   Beide velden krijgen daarom de volle hoogte van de balk, zodat ze hun tekst
   allebei zelf verticaal centreren. De marge van de plugin wordt overschreven
   met een selector die de ID bevat -- anders wint die van ons. */
div.asp_m.ajaxsearchpro .probox .proinput input.orig,
div.asp_m.ajaxsearchpro .probox .proinput input.autocomplete {
    box-sizing:border-box !important;
    height:38px !important;
    margin-top:0 !important;
}
div#ajaxsearchpro1_1.asp_m .probox .proinput input.autocomplete,
div#ajaxsearchpro1_2.asp_m .probox .proinput input.autocomplete,
div.asp_m.ajaxsearchpro .probox .proinput input.autocomplete {
    margin:0 0 0 -4px !important;
    margin-top:-38px !important;
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    line-height:normal !important;
}

/* Vergrootglas in dezelfde kleur als de rand.
   De plugin geeft hem een vaste hoogte van 28px in een balk van 38px en laat
   hem bovenaan staan; align-self zet hem alsnog in het midden. De .innericon
   heeft float:right, die is hier overbodig binnen een flexbox. */
div.asp_m.ajaxsearchpro .probox .promagnifier {
    display:flex !important;
    align-self:center !important;
    align-items:center !important;
    justify-content:center !important;
    height:28px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon {
    float:none !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
}
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
    display:block !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
}
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg,
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg path,
div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg polygon {
    fill:var( --e-global-color-text ) !important;
    transition:fill 0.15s ease !important;
}
div.asp_m.ajaxsearchpro .probox .promagnifier:hover .innericon svg,
div.asp_m.ajaxsearchpro .probox .promagnifier:hover .innericon svg path,
div.asp_m.ajaxsearchpro .probox .promagnifier:hover .innericon svg polygon {
    fill:var( --e-global-color-primary ) !important;
}
div.asp_m.ajaxsearchpro .probox .prosettings {
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Wiskruisje. Let op: de plugin maakt het SVG-element zelf het rondje
   (background + box-shadow-ring + padding, gecentreerd met margin -10px op
   een formaat van 20px). Die maat moet dus intact blijven. */
div.asp_m.ajaxsearchpro .probox .proclose {
    width:24px !important;
    height:24px !important;
    margin:auto 2px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
}
div.asp_m.ajaxsearchpro .probox .proclose svg {
    width:24px !important;
    height:24px !important;
    margin-left:-12px !important;
    margin-top:-12px !important;
    /* Het kruisje is een massieve vorm en het vergrootglas een lijnicoon.
       Gelijke afmeting oogt dan niet gelijk van gewicht: deze padding houdt
       het kruisje op 14px tegenover 18px, zodat ze optisch even zwaar wegen. */
    padding:5px !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:50% !important;
    transition:background 0.15s ease !important;
}
div.asp_m.ajaxsearchpro .probox .proclose svg polygon {
    fill:var( --e-global-color-text ) !important;
}
div.asp_m.ajaxsearchpro .probox .proclose:hover svg {
    background:var( --e-global-color-c356782 ) !important;
}
div.asp_m.ajaxsearchpro .probox .proclose:hover svg polygon {
    fill:var( --e-global-color-primary ) !important;
}

/* --- Resultatenpaneel --- */
/* Sluit dicht op de zoekbalk aan; de plugin zet hier 12px tussen */
div.asp_r.ajaxsearchpro {
    margin-top:6px !important;
    padding:0 !important;
    background:#fff !important;
    border:1px solid rgb(200, 200, 200) !important;
    border-radius:6px !important;
    box-shadow:0 6px 24px -12px rgba(0,0,0,0.35) !important;
    overflow:hidden !important;
}

/* Kopbalk en "geen resultaten" */
div.asp_r.ajaxsearchpro .asp_results_top,
div.asp_r.ajaxsearchpro .asp_nores {
    padding:10px 16px !important;
    text-align:left !important;
    background:var( --e-global-color-c356782 ) !important;
    border-bottom:1px solid rgb(200, 200, 200) !important;
    font-size:13px !important;
    line-height:18px !important;
    color:var( --e-global-color-secondary ) !important;
}
div.asp_r.ajaxsearchpro .asp_nores .asp_nores_kw_suggestions {
    color:var( --e-global-color-secondary ) !important;
    font-weight:normal !important;
}
div.asp_r.ajaxsearchpro .asp_nores .asp_keyword {
    color:var( --e-global-color-2fbbbc4 ) !important;
    font-weight:700 !important;
}

/* Resultaatrij */
div.asp_r.ajaxsearchpro .results .item {
    display:block !important;
    padding:0 !important;
    border:0 !important;
    border-bottom:1px solid var( --e-global-color-c356782 ) !important;
    background:#fff !important;
}
div.asp_r.ajaxsearchpro .results .item:last-child,
div.asp_r.ajaxsearchpro .results .item.asp_last_item {
    border-bottom:0 !important;
}
div.asp_r.ajaxsearchpro .results .item:hover,
div.asp_r.ajaxsearchpro .results .item.hovered {
    background:var( --e-global-color-c356782 ) !important;
}
div.asp_r.ajaxsearchpro .results .item::after {
    display:none !important;
}

/* Hier zit de flexbox: foto en titel naast elkaar, verticaal gecentreerd */
div.asp_r.ajaxsearchpro .results .item .asp_content {
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    overflow:visible !important;
    margin:0 !important;
    padding:10px 16px !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content .asp_res_image_url {
    flex:0 0 44px !important;
    display:block !important;
    margin-right:14px !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content .asp_image {
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    background-size:contain !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content .asp_image img {
    object-fit:contain !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content h3 {
    flex:1 1 0 !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content h3,
div.asp_r.ajaxsearchpro .results .item .asp_content h3 a,
div.asp_r.ajaxsearchpro .results .item .asp_content h3 a:hover {
    display:block !important;
    font-family:"Open Sans", sans-serif !important;
    font-size:15px !important;
    line-height:20px !important;
    font-weight:600 !important;
    color:var( --e-global-color-primary ) !important;
}
/* Omschrijving en meta staan op een eigen regel, uitgelijnd onder de titel */
div.asp_r.ajaxsearchpro .results .item .asp_content .etc,
div.asp_r.ajaxsearchpro .results .item .asp_content .asp_res_text {
    flex:1 1 100% !important;
    margin:2px 0 0 58px !important;
    padding:0 !important;
    font-family:"Open Sans", sans-serif !important;
    font-size:13px !important;
    line-height:18px !important;
    color:var( --e-global-color-secondary ) !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_content .etc:empty,
div.asp_r.ajaxsearchpro .results .item .asp_content .asp_res_text:empty {
    display:none !important;
}
div.asp_r.ajaxsearchpro .results .item .asp_spacer {
    display:none !important;
}

/* Dunne schuifbalk */
div.asp_r.ajaxsearchpro .results::-webkit-scrollbar {
    width:6px !important;
}
div.asp_r.ajaxsearchpro .results::-webkit-scrollbar-track {
    background:transparent !important;
}
div.asp_r.ajaxsearchpro .results::-webkit-scrollbar-thumb {
    background:var( --e-global-color-97a903d ) !important;
    border-radius:3px !important;
    border:0 !important;
}
div.asp_r.ajaxsearchpro .asp_simplebar-scrollbar::before {
    background:var( --e-global-color-97a903d ) !important;
}

/* "Meer resultaten tonen" */
div.asp_r.ajaxsearchpro p.showmore,
div.asp_r.ajaxsearchpro .asp_showmore_container {
    margin:0 !important;
    border-top:1px solid var( --e-global-color-c356782 ) !important;
}
div.asp_r.ajaxsearchpro p.showmore a,
div.asp_r.ajaxsearchpro .asp_showmore_container a {
    font-family:"Open Sans", sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    color:var( --e-global-color-2fbbbc4 ) !important;
}
/* Einde Ajax Search Pro */

@media only screen and (max-width: 1200px) {

    #searchbar {
        min-width:70%;
    }
}