/* Global default styling */
:root {
    --carousel-height: 294px;
}


h1,h2,h3,h4,h5 {
    word-wrap: normal;
}


/* HEADER */

header .bricks-site-logo {
  height: 50px;
  transition: all 0.6s;
}

header.scrolling .bricks-site-logo {
  height: 40px;
}

/* Home slider arrows */
.splide__arrows.splide__arrows--ltr {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10rem;
}

.splide__arrows button svg {
    height: 2rem;
    color: white !important;
    path {
        fill: white;
    }
}

button.splide__arrow.splide__arrow--prev {
    background: white !important;
    path {
        fill: var(--primary);
    }
}

button.splide__arrow.splide__arrow--next {
    background: var(--primary) !important;
}

button.splide__arrow.splide__arrow--prev {
    background: var(--secondary-light) !important;
}



/* ajax search bar */

.probox {
    padding: 8px!important;
}

/* search results */
div[id*='ajaxsearchliteres'].wpdreams_asl_results div.resdrg span.highlighted {
    background-color: var(--primary);
    font-family: Bebas Neue; }

    div#ajaxsearchliteres1 h3 a {
    font-family: Bebas Neue;
    font-size: 24px!important;
    font-weight: 700;
    color: var(--primary)
}

p.asl_desc {
    font-family: Bebas Neue;
    font-size: 15px!important;
    font-weight: 700;
    color: var(--primary)
}

.asl_content {
    display: flex;
    align-items: center;
}

img.asl_image {
    margin-right: 16px!important;
}



.resdrg > div:nth-child(2) {
    background-color: var(--secondary-ultra-light)!important;
}

.resdrg > div:nth-child(3) {
    background-color: var(--secondary-ultra-light)!important;
}

.resdrg > div:nth-child(6) {
    background-color: var(--secondary-ultra-light)!important;
}

.resdrg > div:nth-child(7) {
    background-color: var(--secondary-ultra-light)!important;
}

.resdrg > div:nth-child(10) {
    background-color: var(--secondary-ultra-light)!important;
}

/* acf nestable gallery slider pagination */
ul.splide__pagination.splide__pagination--ltr {
    display: none;
}


/** Custom AJAX Search markup */
.asl_content .etc
.asl_content .asl_desc,
.asl_content:empty {
    display: none !important;
}

.asl_content .asl_image {
    float: none !important;
}

.asl_content .mod-search-description {
    width: calc(100% - 90px);
    color: var(--primary);
    font-weight: 700;
    font-family: 'Barlow';
}

.asl_content .mod-search-description__ref span {
    /** Ref span here */
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    font-family: Barlow;
    font-weight: 500;
}

.mod-search-description__ref {
    margin-top: -10px!important;
}

.asl_content .mod-search-description__manu span {
    /** Manufacturer span here */
    text-transform: uppercase;
    font-size: 2.2rem;
}

.asl_content .mod-search-description__meta  {
    /** meta parent here */
    display: flex;
    justify-content: space-between;
    margin-top: -6px;
}

.asl_content .mod-search-description__meta span {
    /** Meta span(s) here (model and price) */
    font-size: 1.5rem;
    text-transform: uppercase;
}

.modsg-splide .splide__arrows .splide__arrow {
    margin: 0 24px;
}

ul.wpgb-hierarchical-list span {
    font-size: 14px !important;
}

h4.wpgb-facet-title {
    text-transform: uppercase;
    font-size: 16px !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 14px!important;
    width: 14px!important;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px!important;
    cursor: pointer;
    transition: border-color ease 0.25s, background-color ease 0.25s;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox {
    align-items: center;
}

#brxe-tmpxvv > .tab-menu .tab-title.brx-open {
    background-color: var(--primary);
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Barlow Condensed";
    letter-spacing: .5px;
}

.brx-popup.brxe-popup-2376 {
    z-index: 9999;
}

@media only screen and (max-width: 400px) {
  html, body {
    overflow-x: hidden!important;;
  }
}