:root {
    --main-color-white: #fff;
    --main-color-red: #d4202b;
    --heading-color-1:#d4202b;
    --heading-color-2: #d4202b;
}

html {font-size: 18px;}

body {font-size: 1rem;}

#sp-main-body,
#sp-position-2 {
    background-color: #fff !important;
}

#sp-main-body {
    padding: 100px 0 50px;
}


#sp-bottom {
    background-color: #e5e5e5 !important;
}

/* Frontend editing --------------------------------------- */

.article-details .article-can-edit a {
    display: block !important;
    width: 100%;
    background-color: #2a61c9;
    border-bottom: 1px dotted #000;
    height: 2rem;
    margin-bottom: 2rem !important;
}

/* Typografie --------------------------------------------- */

h1, h2 {
    font-family: 'Exo 2', sans-serif;
    font-size: 2.5rem !important;
    font-weight: 700;
    line-height: 1.1;
    margin-top: calc(1rem - 1px);
    margin-bottom: 3rem;
    color: var(--heading-color-1) !important;
    text-decoration: none;
    text-align: center;
}

h3,
.sp-module-title,
#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title,
.hikashop_filter_title {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700 !important;
    font-size: 1.25rem;
    margin: 0;
    padding-bottom: 1.25rem;
    color: var(--heading-color-1) !important;
    line-height: 1.25;
    text-decoration: none;
}

#sp-bottom,
#sp-bottom h3
#sp-bottom p,
#sp-bottom a, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus  {color: #252525;}

div[itemprop="articleBody"] p:first-of-type {
    font-weight: 700;
}

/* Bootstrap ---------------------------------------------- */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}


/* Mega Menu ---------------------------------------------- */

.sp-megamenu-parent > li > a {
    border-bottom: 2px solid transparent;
    padding: 0;
    margin: 0 10px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #fff;
    border-bottom: 2px solid var(--main-color-red);
}

.sp-megamenu-parent > li:hover > a {
    color: var(--main-color-white);
    border-bottom: 2px solid var(--main-color-red);
}

.sp-megamenu-parent > li:last-child > a {
    padding: 0px 13px 0px 13px;
    margin: 0px 10px 0px 10px;
}

.sp-megamenu-parent .sp-menu-item a.rood,
.sp-megamenu-parent .sp-menu-item a.rood:hover,
.sp-megamenu-parent .sp-menu-item a.rood:active,
.sp-megamenu-parent .sp-menu-item a.rood:focus {
    background: var(--main-color-red);
    color: var(--main-color-white);
}

.sp-megamenu-parent > li.active > a {
    font-weight: 700;
}

.storing.rood {padding: 0 15px;}

#sp-header .sp-module {
  margin-left: 10px;
}

/* Offcanvas menu ----------------------------------------- */

.offcanvas-menu {background-color: #fff;}

.offcanvas-menu .offcanvas-inner ul.menu > li > a {
    color: #000;
}

/* Template blokken en posities --------------------------- */

/* SP Header ---------------------------------------------- */

#sp-header {
    background-color: #000;
    min-height: 60px;
}

/* SP Left / SP Right ------------------------------------- */

#sp-left .sp-module, #sp-right .sp-module {
    background-color: #eeeeee;
}

#sp-left {
    padding-right: 3.5rem;
}


/* SP Footer ---------------------------------------------- */

#sp-footer #sp-footer1, #sp-footer #sp-footer2 {text-align: center;}

#sp-footer, #sp-footer p, #sp-footer a, #sp-footer a:hover {
    color: var(--main-color-white)
}

#sp-footer .menu li,
#sp-bottom .sp-module ul > li {margin-bottom: 0;}

/* Modules ------------------------------------------------ */

/* Modules in header -------------------------------------- */

#sp-menu .header-modules {
    margin-left: 0px;
}

/* Logo (in menubalk) ------------------------------------- */

#sp-logo.has-border {
    padding-right: 0;
}

/* Login (menubalk) --------------------------------------- */

.sp-sign-in {
    display: inline-block;
    font-family: 'Rubik', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 3.88888889;
    text-decoration: none;
    color: var(--main-color-white);
  }

.sp-sign-in:hover {
  display: inline-block;
  color: var(--main-color-white);
  font-family: 'Rubik', sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #ffffff;
  line-height: 3.88888889;
  text-decoration: none;
  border-bottom: 2px solid var(--main-color-red);
}    

.sp-sign-in .user-text {
    max-width: 6rem;
    max-height: 42px;
    overflow: hidden;
}

/* DJ Image Slider ---------------------------------------- */

.djslider .slide-desc {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}

.djslider .slide-desc-bg {
    background: none;
}

.djslider .slide-title {
    font-family: 'Exo 2', sans-serif;
    font-size: 2rem !important;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 3rem;
    color: #d4202b !important;
    text-decoration: none;
    text-align: left;
}

#sp-feature .slide-desc-in {
    position: relative;
    max-width: 1290px;
    margin: 0 auto;
}

#sp-feature .slide-desc-bg {background: transparent !important;}

.slide-desc-text-default {
    position: relative;
    padding: 0;
    text-align: left;
    margin-top: 10%;
    width: 33%;
}


/* Chronoforms --------------------------------------------------------- */

.chronocredits {display: none !important;}

/* END: Chronoforms ---------------------------------------------------- */

/* com_momforms -------------------------------------------------------- */

.display_label_none label {display: none !important;}

/* END: com_momforms --------------------------------------------------- */

/* Offcanvas menu ------------------------------------------------------ */

.burger-icon > span {
    background-color: var(--main-color-white);
}

/* Hikashop ------------------------------------------------------------- */

/* Category listings ---------------------------------------------------- */

.hikashop_products_listing .hikashop_product {margin-bottom: 6rem;}

.hikashop_products_listing .hikashop_product .hikashop_product_image .hikashop_product_image_subdiv {max-width: 100%;}

.hikashop_subcategories_listing .hikashop_category_name a,
.hikashop_product .hikashop_product_name a {
    font-family: 'Exo 2', sans-serif;
    font-weight: 700 !important;
    font-size: 1.25rem;
    color: var(--heading-color-1) !important;
}

.hikashop_product .hikashop_product_name a {
    width: 100%;
    display: block;
    margin-bottom: 1rem;;
}

.hikashop_category_image,
.hikashop_product_image {
    height: auto !important;
}

.hikashop_category_description .hikashop_category_image {
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
    max-width: 33%;
}


/* Verberg standaard filter boven producten op categorie pagina */

.hikashop_filter_collapsable_title_mobile {display: none !important;}
.hikashop_category_information  .hikashop_filter_main_div {display: none !important;}

/* Hikashop fulters */

.hikashop_filter_module h3 {
    display: none;
}

.hikashop_filter_module .hikashop_filter_main {
    min-height: 0 !important;
    margin-bottom: 2rem;
}
    
.hikashop_filter_module .hikashop_filter_checkbox {
    width: 100%;
    display: inline-block;
}

.hikashop_filter_module .hikashop_filter_checkbox input {
    margin-right: 0.5rem;
}

.hikashop_filter_module .hikashop_filter_checkbox label {
    width: auto;
}


/* Individual product pages --------------------------------------------- */

.hikashop_product_custom_info_main_table .key {
    display: block;
    margin-right: 2rem;
}

.hikashop_small_image_div, 
.hikashop_small_image_div a,
.hikashop_small_image_div a picture,
.hikashop_small_image_div a picture img  {
    width: 100%;
    display: block !important;
    float: left;
}

.hikashop_product_page .hikashop_small_image_div a {
    width: calc(25% - 5px);
    height: auto;
}

/* Shwdowbox popups */
#sb-body {background-color: #fff;}

/* END: Individual product pages ---------------------------------------- */

/* Media Queries -------------------------------------------------------- */


/* X-Small devices (portrait phones, less than 576px) -------------------- */
/* No media query for `xs` since this is the default in Bootstrap -------- */

/* Small devices (landscape phones, 576px and up) ------------------------ */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) -------------------------------- */
@media (min-width: 768px) { 
    
 }

/* Large devices (desktops, 992px and up) -------------------------------- */
@media (min-width: 992px) { 


    /* Footer */
    #sp-footer #sp-footer1 {text-align: left;}
    #sp-footer #sp-footer2 {text-align: right;}
    
 }

/* X-Large devices (large desktops, 1200px and up) ----------------------- */
@media (min-width: 1200px) { 
    
 }

/* XX-Large devices (larger desktops, 1400px and up) --------------------- */
@media (min-width: 1400px) { 
    
 }