@font-face {font-family: 'TambaSansDemo-Bold';       src:url('../../../../../fonts/tambasans/TambaSansDemo-Bold.ttf.woff') format('woff');}
@font-face {font-family: 'Poppins-Regular';          src:url('../../../../../fonts/poppins/Poppins-Regular.woff') format('woff');}
@font-face {font-family: 'Barlow-Regular';           src:url('../../../../../fonts/barlow/Barlow-Regular.woff2') format('woff2');}
@font-face {font-family: 'Montserrat-Regular';       src:url('../../../../../fonts/montserrat/Montserrat-Regular.woff') format('woff');}
@font-face {font-family: 'Montserrat-Bold';          src:url('../../../../../fonts/montserrat/Montserrat-Bold.woff') format('woff');}
@font-face {font-family: 'Roboto-Light';             src:url('../../../../../fonts/roboto/Roboto-Light.woff2') format('woff2');}
@font-face {font-family: 'Roboto-Bold';              src:url('../../../../../fonts/roboto/Roboto-Bold.woff2') format('woff2');}
@font-face {font-family: 'Roboto-Regular';           src:url('../../../../../fonts/roboto/Roboto-Regular.woff2') format('woff2');}
@font-face {font-family: 'Roboto-Condensed-Regular'; src:url('../../../../../fonts/roboto/Roboto-Condensed-Regular.woff2') format('woff2');}
@font-face {font-family: 'Roboto-Condensed-Bold';    src:url('../../../../../fonts/roboto/Roboto-Condensed-Bold.woff2') format('woff2');}
@font-face {font-family: 'Crayon';                   src:url('../../../../../fonts/crayon/Crayon-Crumble.woff2') format('woff2');}
@font-face {font-family: 'OpenSans-Regular';         src:url('../../../../../fonts/opensans/OpenSans-Regular.woff2') format('woff2');}
@font-face {font-family: 'Dharmapunk';               src:url('../../../../../fonts/dharmapunk/Dharma-Punk.woff2') format('woff2');}
@font-face {font-family: 'Grunge';                   src:url('../../../../../fonts/dharmapunk/Grunge Music.woff2') format('woff2');}
@font-face {font-family: 'Classico-Regular';         src:url('../../../../../fonts/classico/URWClassico-Regular.woff') format('woff');}
@font-face {font-family: 'Morgant-Regular';          src:url('../../../../../fonts/morgant/Morgant-Regular.woff') format('woff');}
@font-face {font-family: 'Modernist-Regular';        src:url('../../../../../fonts/modernist/Modernist-Regular.woff2') format('woff2');}
@font-face {font-family: 'Neoris-Bold';              src:url('../../../../../fonts/neoris/Neoris-Bold.woff2') format('woff2');}
@font-face {font-family: 'Anek-Bold';                src:url('../../../../../fonts/anek/Anek-Bold.woff2') format('woff2');}
@font-face {font-family: 'AlbertSans';               src:url('../../../../../fonts/albert/AlbertSans-Regular.woff') format('woff');}
@font-face {font-family: 'LuminaAtlas';              src:url('../../../../../fonts/juste.woff') format('woff');}

html {
    line-height: 1.15;
    touch-action: manipulation; /* no doubletouch zoom */
    overscroll-behavior-y: contain; /* disable pull to refresh */
}

/* scrollbar */
@media (min-width: 768px) {
    ::-webkit-scrollbar                  {width: 12px !important;}
    ::-webkit-scrollbar-thumb            {background-color: #062D40 !important;}
    ::-webkit-scrollbar-track-piece      {background-color: #021924 !important;}
    .brandpriceoverlay                   {display: none;}
    .underproductimage                   {margin-top:20px; background-color: #F5F5F5;}
    .underproductimage .border-green-400 {list-style:none; background-color:#FFFFFF; font-size: 16px; line-height:24px; border-left: 4px solid #34D399; width: 93%;}
    .hideme                              {border-bottom: 170px solid #FFFFFF;}
    /* no percetage block  */
    .page-product.theme-luxury .underproductimage {display:none;}
    .products-102 .underproductimage {display:none;}
}


/* lumina-atlas */
header .header-content {
    background-color: #FFFFFF !important;
    background-image: 
    linear-gradient(317deg, transparent 0%, transparent 1%, rgb(234 242 255 / 50%) 1%, rgb(191 214 255 / 50%) 34%, transparent 34%, transparent 73%, rgb(255 255 255 / 50%) 73%, rgb(239 239 239 / 50%) 100%), 
    linear-gradient(178deg, transparent 0%, transparent 11%, rgb(255 255 255) 11%, rgb(255 255 255) 62%, rgb(219 231 247) 62%, rgb(242 247 253) 93%, transparent 93%, transparent 100%), 
    linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
}

.lumina-mobile span {
    font-family: "Barlow-Regular" !important;
    font-size: 1.3rem !important;
}

@media (max-width: 768px) {
   .module-image-403 .image-wrap .title     {background: #263758BB; padding: 5px; border-radius: 10px; margin-left: -10px;}
   .module-image-403 .image-wrap .sub-title {background: #263758BB; padding: 5px; margin-left: -10px; border-radius: 0px 0px 8px 0px;}
}

@media (min-width: 768px) {
   .fw-bold.title {font-family:"Roboto-Bold" !important; font-size:3rem !important; line-height:1.2 !important; letter-spacing: -1.5px !important;}
   .module-title {font-family:"Roboto-Bold"; font-size: 40px; font-weight: 500 !important;}
   .module-image-403 .image-wrap .sub-title {white-space: pre-wrap !important; bottom: 5% !important; padding-right:30px !important;}
}

.lumina-header  {font-family:"Roboto-Bold" !important;}
.aanpakicons    {border-radius:50% !important;}

@media (max-width: 768px) {
   .lumina-text {color: #FFFFFF !important; font-family:"LuminaAtlas" !important; font-size:16px !important; filter: drop-shadow(2px 4px 6px black); transform: scale(1.3);}
   .module-title {font-family:"Roboto-Bold"; font-size: 26px; font-weight: 500 !important;}
   .modules-box .module-item:nth-child(8) .module-title {height: 73px !important; color: #1d4f99;}
   .module-image-403 .image-wrap .title     {bottom: 30% !important;}
   .module-image-403 .image-wrap .sub-title {white-space: pre-wrap !important; bottom: 5% !important; padding-right:10px !important;}
   .lumina-mobile                           {display: block !important;}
   header .header-mobile .center            {filter: none !important;}
   header .header-mobile .center img        {display: none !important;}
   #offcanvas-mobile-menu .offcanvas-header {background-color: #223f71 !important;}
   .percentageblock                         {line-height:1 !important;}
   .percentageblock .luminatop              {font-size:24px !important;}
   .percentageblock .luminabottom           {font-size:20px !important;}
   .lumina-header                           {font-size: 36px !important}
   .lumina-content                          {font-size: 17px !important}
   .mobile-content .left div:nth-child(2)   {display: none !important;}  /* no search */
   .mobile-content .right a:nth-child(2)    {display: none !important;} /* no orders */
}


.header-content .right-btn {filter: invert(1);}
.header-content .right-btn .nav-item:nth-child(1) {display: none !important;}
.header-content .right-btn .nav-item:nth-child(2) {display: none !important;}
.header-content .right-btn .nav-item:nth-child(4) {display: none !important;}


@media (max-width: 768px) {
    .page-categories .innertext {font-family: AlbertSans; line-height: 29px; font-size: 18px;}
    .page-product .rich-text-editor-content { font-size: 16px !important;}
    .rich-text-editor-content span    {color: #062356 !important; line-height:29px !important;}
    .rich-text-editor-content p span  {color: #062356 !important; font-family:"AlbertSans" !important; font-size:18px !important; line-height:29px !important;}
    .rich-text-editor-content ul span {color: #062356 !important; font-size:16px !important;}
     /* new: higher bottomblock  */
     .underproductimage        {display: none;}
    .products-11 .bottomblock  {margin-top: -60px; z-index:99;}  /* malfini cap */
    .products-53 .bottobblock  {margin-top: -38px; z-index:99;}  /* watch hat navy  */
    .products-54 .bottomblock  {margin-top: -38px; z-index:99;}  /* beanie  */
    .products-60 .bottomblock  {margin-top: -60px; z-index:99;}  /* cargo bucket hat  */
    .products-71 .bottomblock  {margin-top: -60px; z-index:99;}  /* bagbase belt bag */
    .products-73 .bottomblock  {margin-top: -60px; z-index:99;}  /* camo bucket hat */
    /* new higher productimage */
    .products-11 .product-image                         {margin-top: -20px;} /* malfini cap */
    .products-60 .product-image                         {margin-top: -20px;} /* cargo bucket hat */  
    .products-71 .product-image                         {margin-top: -36px;} /* bagbase belt bag */  
    .products-72 .product-image                         {margin-top: -20px;} /* camo bucket hat */ 
    .products-91 .product-image                         {margin-top: -50px;} /* visitekaartjes */
    .products-91 #product-app  .peoduct-info            {position: relative; margin-top: -60px; z-index: 10;} /* visitekaartjes */
    .products-91 .stock-and-sku .d-lg-flex:nth-child(2) {opacity:0; touch-action: none;} /* visitekaartjes */
    .products-91 .price-wrap .new-price                 {margin-bottom: 30px;} /* visitekaartjes */
}

/* no hickups! */
body.page-product .product-image .right .product-img {max-height: 500px;}

@media (min-width: 768px) {
body.page-product.theme-default {
    background-image: radial-gradient(circle at center center, transparent 0%, rgb(255, 255, 255) 99%), 
    repeating-linear-gradient(0deg, rgb(239, 237, 237) 0px, rgb(239, 237, 237) 1px, transparent 1px, transparent 6px), 
    repeating-linear-gradient(90deg, rgb(239, 237, 237) 0px, rgb(239, 237, 237) 1px, transparent 1px, transparent 6px), 
    linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));}
}

/* zoom on mobile */
@media (max-width: 768px) {
   body.page-product * {touch-action: auto !important;}
   .swiper {touch-action: pan-y pinch-zoom !important;}
   [style*="overflow-x: scroll"], .horizontal-scroll {touch-action: pan-x pinch-zoom !important;}
    #sc-canvas-wrap {width: 100vw !important; overflow: hidden !important;}
    header .header-mobile .center {filter: invert(1);}
    .hideme {position: absolute; bottom: 0; left:0; width:100vw; gap: 4px !important; justify-content: center;}
    .sc-hint { position: absolute; width: 100vw; top:0px; font-size: 12px !important; text-align: center; color: #1d273a !important;}
    #sc-invert {display: none !important;}
    .theme-luxury .hideonexec {opacity:0;} 
    .theme-luxury header .header-mobile .mobile-content{background: url('../../../../../image/executive-background.webp') no-repeat; background-size: contain;}
    .theme-luxury .showonexec {background: url('../../../../../image/executive-brand.webp') no-repeat; background-size: contain; background-position: 0px 4px;}
    .page-product .rich-text-editor-content                  {padding: 8px !important;}
    .page-product .variables-wrap .variable-group            {text-align: center; box-shadow: inset -1px 3px 8px 5px #ffffff, 2px 5px 16px 0px #c9c9c9, 5px 5px 15px 5px rgba(0, 0, 0, 0);}
    .page-product .variables-wrap .variable-group .mb-2      {background-color: #dee0e5; color: #000000 !important; padding:5px !important}
    .page-product .variables-wrap .variable-info             {display: flex !important; flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .page-product  .stock-and-sku                            {margin-top: -55px; margin-bottom:15px !important; padding-left: 25px;} /* higher brand */
    .theme-outdoor .stock-and-sku                            {display:none;}
    .page-product  .stock-and-sku  .d-lg-flex:nth-child(1)   {display: none;} /* no stock/voorraad */
    .page-product  .stock-and-sku  .d-lg-flex:nth-child(3)   {display: none;} /* no sku */
    .page-product  .stock-and-sku  .d-lg-flex:nth-child(4)   {display: none;} /* no weight */
    .brandpriceoverlay                                       {display: none;}
    body.page-product #product-app.container                 {margin-top: -10px;}
}

@media (max-width: 768px) {
    body.page-product .product-btns {background: #141b29 !important;}
    .quantity-wrap                  {border: 1px solid #37516d !important;}
    .product-btns .form-control     {background-color: #141b29; color: #FFFFFF !important;}
    .quantity-wrap>.right           {border-left: 1px solid #536980 !important;}
    .quantity-wrap>.right i         {background-color: #283347; color: #cad1dd !important;}
    .product-btns .add-cart         {background-color: #ff682e !important;}
    .product-btns .btn-dark         {background-color: #273349 !important;}
    body.page-product .product-btns .add-wishlist .btn {color: #ff0000 !important; padding-bottom: 10px !important;}
}


@media (min-width: 768px) {
   .sc-hint {color: #1d273a !important; font-size:16px !important;}
   .page-product  .stock-and-sku  .d-lg-flex:nth-child(1)   {display: none !important;} /* no stock/voorraad */
   .page-product  .stock-and-sku  .d-lg-flex:nth-child(3)   {display: none !important;} /* no sku */
   .page-product  .stock-and-sku  .d-lg-flex:nth-child(4)   {display: none !important;} /* no weight */
}

#sc-filename {display: none !important; font-size: 0px !important}
.xxxadd-cart-btns button:nth-child(2) {display: none !important;}
.sc-upload-row {display: flex; align-items: center; gap: 12px; padding-right: 20px;}


@media (min-width: 768px) {
    .hideme .btn {color: #ffffff !important; font-size: 15px !important; border-radius: 6px; padding: 10px;}
    .hideme .btn-outline-secondary {background-color: #1447a3; border: 1px solid #ffffff;}
    .hideme .btn-outline-danger    {background-color: #dc3545; border: 1px solid #ffffff;}
}

@media (max-width: 768px) {
    .hideme .btn                   {color: #ffffff !important;}
    .hideme .btn-outline-secondary {background-color: #1447a3; border: 0px;}
    .hideme .btn-outline-danger    {background-color: #dc3545; border: 0px;}
}


@media (max-width: 768px) {
    body.page-product {background-color: #ffffff !important;}
    footer {border-top: 1px solid #2d60c1 !important;}
}

/* hide youtube */
#youtubeDiv {display: none;}

/* brand2wear logo */
@media screen and (min-width: 768px) {
  brand {font-family:"Montserrat-Bold" !important; color: #ffffff !important;}
  two   {font-family:"Montserrat-Bold" !important; color: #ffffff !important; padding-left: 1px; padding-right: 1px;}
  wear  {font-family:"Montserrat-Bold" !important; color: #ffffff !important;}
}

@media screen and (max-width: 768px) {
  brand {font-family:"Montserrat-Bold" !important; color: #1d273a !important;}
  two   {font-family:"Montserrat-Bold" !important; color: #1d273a !important; padding-left: 0.5px; padding-right: 0.5px;}
  wear  {font-family:"Montserrat-Bold" !important; color: #1d273a !important;}
}

/* top wrap */
.top-wrap                    {background: #182235 !important; color: #FFFFFF !important; border-bottom: 1px solid #000000 !important;}
.top-wrap .dropdown-toggle   {background: #182235 !important; color: #FFFFFF !important; border-radius: 0 !important;}
.top-wrap a                  {color:#FFFFFF !important; text-decoration: none !important;}
.top-wrap .dropdown:hover .dropdown-menu {background: #182235 !important;}
.top-wrap .dropdown-item:focus, .dropdown-item:hover {background-color: #0b51d1;}

/* search */
#offcanvas-search-top                {background: #161C29 !important;}
.offcanvas-header .form-control      {background: #010b21 !important; color: #FFFFFF !important; border: 1px solid #004597 !important; border-radius: 6px !important; font-size: 16px !important;}
.offcanvas-header input::placeholder {color: #FFFFFF !important; opacity: 0.6 !important;}

/* sidebar */
#offcanvas-mobile-menu {background-color: #1d273a !important;  margin-top: 40px !important; background: url('../../../../../image/sidebar-background.webp') no-repeat; background-size: contain;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .nav-item-text>a {background: rgb(31 53 95) !important; color: #FFFFFF !important; 
                                                                                           font-family: "Roboto-Light" !important; font-size: 16px !important; height: 54px;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item {border-bottom: 1px solid #344e85 !important;}
#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion {border-top: 1px solid #2c374e !important;}
header .offcanvas-title             {font-family: "Montserrat-Bold"; font-size: 23px !important; text-transform: uppercase; color: #FFFFFF !important}
header .offcanvas-header .btn-close {filter: invert(1) !important;}

/* filter-box */
.module-category-wrap          {padding:17px; border-radius: 12px;}
.filter-box                    {padding:17px; border-radius: 12px;}
.filter-box .sidebar-widget li {font-size: 15px;}
.filter-box .sidebar-widget li.active>a {color: #fd560f; font-weight: 300 !important; font-size: 16px !important;}
.sidebar-widget li.active>a    {color: #5777b3;}

@media (min-width: 1500px) {
    .xmodule-category-wrap          {background-color: #f6f6f7 !important;}
    .xfilter-box                    {background-color: #f6f6f7 !important;}
    .xbody.page-categories .col-lg-3.left-column {background-color: #f6f6f7 !important; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);}
    body.page-categories .col-lg-3.left-column   {padding: 16px !important; border-radius: 16px;}
}

/* higher slideshow on big screen */
@media (min-width: 1200px) {
    .module-img-text-slideshow .image-wrap {background-position: 50% 30% !important;}
}

/* new: menu consbefore text */
#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(1) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-over-ons.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(2) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-methodiek.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(3) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-programma.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(4) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-resultaten.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(5) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-sponsors.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

#offcanvas-mobile-menu .mobile-menu-wrap .accordion-item:nth-child(6) .nav-link::before {
  content: ""; display: inline-block; width: 40px; height: 40px;
  background-image: url('../../../../../image/icon-aanmelden.webp'); background-size: contain; background-repeat: no-repeat; margin-right: 14px; vertical-align: middle;
}

/* header */
header .header-content                         {background-color: #FFFFFF !important; border-bottom: 1px solid #081325 !important;}
header .accordion-item                         {background: transparent !important;}
header .header-content .navbar-nav .nav-link   {font-weight: 300 !important; color: #0e2649;}
header .header-content .logo img               {max-height: 62px !important;}
header .header-content .menu-wrap>.navbar-nav>.nav-item>.nav-link {font-family: 'Roboto-Bold'; font-size: 20px !important; transition: all .2s ease-in-out;}
header .header-content .menu-wrap>.navbar-nav>.nav-item>.nav-link:hover {transform: scale(1.1); color:#0E2645 !important;}
header .header-content .right-btn .nav-link img           {filter: invert(1) !important;}
header .header-content .dropdown-menu                     {position: relative; z-index: 999 !important;}
header .header-content .dropdown .dropdown-menu .nav-link {font-family: 'Roboto-Light'; color: #0e2649 !important; font-size:16px !important}
header .header-content .dropdown:hover .dropdown-menu     {background-color: #060f1d !important;}
header .header-content .menu-wrap>.navbar-nav .group-name {font-size: 18px !important; text-transform: uppercase; color: #FFFFFF; line-height: 18px;
                                                           background-color: #1a2c46 !important; padding: 10px; border-radius: 5px !important; border: 1px solid #323c4e;}
header .header-content .dropdown-menu .card-body          {background: url('../../../../../image/grunge-blue-logo.webp') no-repeat; background-size: cover; color: #FFFFFF !important; 
                                                           border-left: 20px solid #1447a3 !important;}
header .header-content .nav-item:hover>a                  {color: #495873 !important;}
header .header-mobile.fixed                               {background: #000000 !important;}


/* padding only at werkkleding and lifestyle */
header .header-content .dropdown .dropdown-menu .nav-link              {padding-left:10px !important;}
header .header-content .dropdown:nth-child(1) .dropdown-menu .nav-link {padding-left:10px !important;}
header .header-content .dropdown:nth-child(2) .dropdown-menu .nav-link {padding-left:10px !important;}

header .header-content .menu-wrap>.navbar-nav .ul-children a:hover {background-color: #1d273a; color: #ffffff !important; border-radius: 6px;}

header .header-content {background-color: #FFFFFF !important;}

.module-swiper-img-scroll-text {background-color: #253044 !important; color: #edeaea !important;}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item>.accordion-collapse .children-group .children-title span:active {background-color: #182743 !important;}

/* footer */
footer .footer-content .logo {margin-top:-10px; margin-bottom: -10px !important;}

@media (min-width: 768px) {
    footer {
    background-image: linear-gradient(317deg, transparent 0%, transparent 1%, rgb(0 0 0 / 50%) 1%, rgb(0 0 0 / 50%) 34%, transparent 34%, transparent 73%, rgb(0 12 32 / 50%) 73%, rgb(0 0 0 / 50%) 100%), 
    linear-gradient(178deg, transparent 0%, transparent 11%, rgb(25 43 76) 11%, rgb(8 19 37) 62%, rgb(11 23 43) 62%, rgb(0 0 0) 93%, transparent 93%, transparent 100%), 
    linear-gradient(90deg, rgb(16 39 80), rgb(0 0 0));}
    footer .footer-content .text-dark  {color: rgb(116 162 255) !important;}
}

@media (max-width: 768px) {
    footer .footer-content .footer-link-wrap {border-bottom: 1px solid #152849 !important;}
    footer .footer-content .text-dark {color: rgb(134 155 197) !important;}
}

footer .list-unstyled li {color: #FFFFFF !important;}
.bi-envelope-fill  {color: #FFFFFF !important;}
.bi-telephone-fill {color: #FFFFFF !important;}
.bi-geo-alt-fill   {color: #FFFFFF !important;}

@media (max-width: 768px) {
    footer {background: #283347 !important;}
    footer .services-wrap .service-item .sub-title {color: #b6bcc5 !important; font-size: .8rem !important;}
}

/* brands */
body.page-brands {background-color: #0b1527 !important; background: linear-gradient(329deg, #01040a 60%, #1c222e 60%) !important;}
body.page-brands .justify-content-center:first-child {filter: invert(1);}
body.page-brands .breadcrumb-wrap {background-color: #1447a3 !important;}
body.page-brands .breadcrumb-wrap {background-color: #1447a3 !important;}
body.page-brands .breadcrumb a    {color: #FFFFFF !important;}
body.page-brands .breadcrumb .breadcrumb-item:last-of-type a {color: #FFFFFF !important;}
body.page-brands .brand-item       {box-shadow: none !important;}
body.page-brands .list-group-item  {background-color: #1447a3 !important; border:1px solid #000000 !important;}
body.page-brands .curser-list>li>a {color: #ffffff !important;}
body.page-brands .border-top       {border-top: 1px solid #3a4966 !important; color: #ffffff !important; font-weight: 300 !important;}
body.page-brands .brand-item>img   {filter: invert(1);}

/* card */
.module-brand .brand-item {box-shadow: none !important;}

.add-cart {background-color: #e96b3b !important; color: #FFFFFF !important; border: 1px solid #e96b3b !important; font-weight: 300 !important;}
@media (min-width: 768px) {.add-cart {font-size: 16px !important;}}
@media (max-width: 768px) {.add-cart {font-size: 12px !important;}}

.module-title .wave-line {height: 0px !important;}

.modules-box .module-item:nth-child(2) .module-title {
    height: 150px;
    background: url('../../../../../image/brand2wear-logo-large.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

.modules-box .module-item:nth-child(3) .module-title {
    height: 150px;
    background: url('../../../../../image/companywear.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

.xmodules-box .xmodule-item:nth-child(7) .xmodule-title {
    height: 130px;
    background: url('../../../../../image/our-brands.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 50px !important;
}

@media (max-width: 768px) {
    .modules-box .module-item:nth-child(2) .module-title {height: 70px !important; margin-top: 37px; }
    .modules-box .module-item:nth-child(3) .module-title {height: 60px !important;}
    .modules-box .module-item:nth-child(5) .module-title {height: 70px !important; margin-top: 37px; margin-bottom: 0px !important;}
    .modules-box .module-item:nth-child(6) .module-title {height: 60px !important; margin-top: 37px; margin-bottom: 20px !important;}
    .module-sub-title {font-size:15px !important;}
    .img-text-banner-wrap .text-wrap .description {font-size: 16px !important;}
    .img-text-banner-wrap .text-wrap .title {line-height: 1.2 !important;}
}


/* Text Gradient CSS */
.module-sub-title {
    color: #253044;
    background-image: linear-gradient(174deg, #0D0F29, #242852 25%, #3A406B 50%, #0a1221 75%, #B0B3D9 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.footer-bottom a {color: #FFFFFF !important;}
.text-secondary  {padding-left: 5px !important;}

header .header-mobile .mobile-content {background-color: #1d273a; background-color: #263758 !important;}
header .header-mobile                 {border-bottom: 1px solid #000000;}
header .header-mobile .img-fluid      {filter: invert(1) !important;}

body.page-product .variables-wrap .variable-info>div.selected, body.page-product .variables-wrap .variable-info>div:hover {
    border-color: #E96B3B !important; background-color: #f38243; color: #FFFFFF;}
body.page-product .variables-wrap .variable-group:nth-child(3) .image {width: 86px !important; height: 86px !important;}

@media (min-width: 768px) {
    .page-categories .product-wrap       {box-shadow: rgba(0, 0, 0, 0.01) 0px 6px 24px 0px, rgba(0, 0, 0, 0.01) 0px 0px 0px 1px; border-radius: 8px;}
    .page-categories .product-wrap:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, .15) !important;}
}

.menu-wrap {width: fit-content; user-select: none; margin: 0; border-radius: 8px;}

@media (min-width: 992px) {
    .module-sub-title {font-family: "Barlow-Regular" !important; font-size: 1.3rem !important;}
    .img-text-banner-wrap .text-wrap .description {font-size: 21px !important;}
}

@media (max-width: 768px) {
   .services-wrap .col-6 {margin-top: 20px !important; margin-bottom: 20px !important;}
}

.module-img-text-slideshow .text-wrap .title       {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .sub-title   {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .description {filter: drop-shadow(5px 5px 10px #000000);}
.module-img-text-slideshow .text-wrap .description {background-color: #FF0000; padding-top:8px; padding-bottom:8px; padding-left:10px; border-radius:6px}

@media (max-width: 768px) {
   .module-img-text-slideshow .text-wrap .title       {filter: drop-shadow(5px 5px 10px #000000); font-size:1.8rem !important; background-color: rgba(22,28,41,0.3) !important;
                                                       padding-top: 8px !important; padding-bottom: 10px !important;}
   .module-img-text-slideshow .text-wrap .sub-title   {filter: drop-shadow(5px 5px 10px #000000); font-size:1.0rem !important; background-color: rgba(22,28,41,0.1) !important;
                                                       padding-top: 5px !important; padding-bottom: 5px !important;}
   .module-img-text-slideshow .text-wrap .description {filter: drop-shadow(5px 5px 10px #000000); font-size:1.0rem !important;
                                                       padding-top: 5px !important; padding-bottom: 5px !important; margin-top:-20px !important;}
}

.page-categories-home, .page-pages    {background-color: #FFFFFF;}
.page-pages                           {background-color: #FFFFFF !important;}
.page-pages .page-content .card       {background-color: #FFFFFF !important;}
.page-categories-home .text-secondary {display: none !important;}

.page-categories-home .breadcrumb-wrap {background-color: #1d273a !important; color: #FFFFFF !important;}
.page-categories-home .breadcrumb      {color: #ffffff !important;}
.page-categories-home .breadcrumb a    {color: #ffffff !important;}

.page-pages .breadcrumb-wrap {background-color: #1d273a !important;; color: #FFFFFF !important;}
.page-pages .breadcrumb      {color: #ffffff !important;}
.page-pages .breadcrumb a    {color: #ffffff !important;}

/* NEW */
.page_categories-1 .card-body .mb-4 h3 + div {margin-top: -72px; opacity: 0; pointer-events: none;}

@media (max-width: 768px) {
.page_categories-1 .card-body h3 {height: 80px !important;}
}

@media (max-width: 768px) {
    .page-categories-home .post-item .text-summary, .page-pages .post-item .text-summary {
        display: flex !important; font-size: 16px; line-height: 23px;}
}

@media (min-width: 768px) {
  #module-xaUi1BwJXGJBMd1M .module-info .text-wrap {background-color: #f8f2eb!important; color: #162440 !important; border-radius: 10px 0px 0px 10px;}
  #module-xaUi1BwJXGJBMd1M .module-info .img-fluid, .img-thumbnail {border-radius: 0px 10px 10px 0px !important;}
}

@media (max-width: 768px) {
 .page-categories-home header .header-mobile       {border-bottom: 1px solid #1d273a !important;}
 .page-pages header .header-mobile                 {border-bottom: 1px solid #1d273a !important;}
  #module-xaUi1BwJXGJBMd1M .module-info .text-wrap {background-color: #f1f2f7 !important;}
}

.breadcrumb-item+.breadcrumb-item:before {color: #6181bd !important;}

.social-network {filter: brightness(160%) sepia(100) saturate(40) hue-rotate(193deg);}

/* footer */
footer                                         {background: #0a162b;}
footer .services-wrap .service-item .title     {color: #ffffff;}
footer .services-wrap .service-item .icon      {filter: invert(1) !important;}
footer .footer-content .text                   {color: #cad1d9 !important;}
footer .footer-content a                       {color: #eefffc !important;}
footer .footer-bottom                          {background: #1d273a !important; color: #d2dfed !important; padding-bottom: 10px;}
footer .services-wrap .service-item .sub-title {font-size: .9rem !important; color: #b7becb !important;}
footer .services-wrap                          {border-bottom: 1px solid #1b2435 !important;}

.footer-bottom .text-center {width: 100% !important;}
.lightbulblogo  {margin-top: 10px; width: 70px; height: auto !important;}
.footerflexbig  {font-size: 24px !important;}
.footerinnovate {display: block; margin-top: -10px; font-family: "crayon" !important; font-size: 26px !important; color: #FFFFFF !important; padding-bottom:10px;}

@media (min-width: 768px) {
   .page-categories .home .col-lg-3 .card-body         {background-color: #1d273a !important;}
   .page-categories .home .col-lg-3 .list-group-item   {background-color: #1d273a !important; border-bottom: 1px solid #293857 !important;}
   .page-categories .home .col-lg-3 .list-group-item a {color: #FFFFFF !important;}
   .page-categories .home .col-lg-3 .card-header       {background-color: #1d273a !important; border-bottom: 0 solid rgba(0, 0, 0, .125); color: #FFFFFF !important;}
}


@media (max-width: 768px) {
    body.page-product .product-btns .add-cart-btns>.btn {width: initial !important; margin-bottom: 0px !important;}
    body.page-product .product-btns .add-cart-btns>.btn:last-child {margin-bottom: 0px !important;}
    body.page-product .product-btns .add-cart-btns>.btn {margin-bottom: 0px !important;}
}

/* brands */
 .page-brands .justify-content-center:first-child {
    height: 80px;
    background: url('../../../../../image/our-brands.webp') no-repeat;
    background-size: contain;
    background-position: 50%;
    font-size: 0 !important;
    margin-bottom: 30px !important;
}

@media (max-width: 768px) {
    body.page-brands .curser-list {display: flex !important;}
    body.page-brands .curser-list {margin-bottom: 20px !important;}
    body.page-brands .brand-item {box-shadow: none !important;}
    body.page-brands .list-group {display: none !important;}
    body.page-brands .fs-5 {display: none !important;}
}

/* login */
@media (max-width: 768px) {
   .page-login {}
   .page-login .breadcrumb-wrap {}
   .page-login .breadcrumb a {}
   .page-login .breadcrumb .breadcrumb-item:last-of-type a {}
   .page-login .breadcrumb-item+.breadcrumb-item:before {}
   .page-login h1 {}
}

/* blog content */
.page-categories-home .card-body   {background-color: #FFFFFF !important;}
.page-categories-home .card-body p {font-size: 19px; line-height: 1.6;}

.text-black {font-family: "OpenSans-Regular"; text-transform: uppercase;}

@media (min-width: 768px) {
    .text-black {font-size: 22px !important; font-weight: 300 !important; color: rgb(0 73 191) !important;}
    .page-categories-home .post-item .text-danger a {font-size: 17px;}
}

@media (max-width: 768px) {
    .text-black {color: rgb(0 73 191) !important;}
}

.rich-text-editor-content {
   font-family: "AlbertSans"; font-size: 18px; font-weight: 400 !important; line-height: 29px !important; color: #062356 !important; margin: 0px !important; padding-right: 10px !important;
}

.rich-text-editor-content h2   {color: #062356 !important;}
.rich-text-editor-content table td, .rich-text-editor-content table th {padding: 15px !important;}

@media (min-width: 768px) {
  .page-product .rich-text-editor-content { font-size: 20px !important;}
  .rich-text-editor-content span {color: #062356 !important;}
  .rich-text-editor-content span p {font-size:20px !important;}
}

@media (min-width: 768px) {
.page-pages .page-content .card .rich-text-editor-content span {
   font-family: "OpenSans-Regular" !important;
   font-weight: 300 !important;
   font-size: 20px !important;
   line-height: 1.6 !important;
   color: #000000 !important;
}
}

@media (max-width: 768px) {
.page-pages .page-content .card .rich-text-editor-content span {
    font-family: "OpenSans-Regular" !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 0.1 !important;
    color: #000000 !important;
}
}

.page-pages .page-content .card-body .mb-3 {display: none;}
.page-pages .page-content .card-body .text-secondary {display: none;}

/* geen rightside */
@media (min-width: 992px) {
    .col-lg-9             {width: 100%; max-width:1024px; margin-left: auto; margin-right: auto;}
    .page-pages .col-lg-3 {display: none;}
}

.page-pages .rich-text-editor-content strong {color: #1d273a !important;} 

@media (min-width: 768px) {
     .page-pages {background-image: 
        linear-gradient(317deg, transparent 0%, transparent 1%, rgb(234 242 255 / 50%) 1%, rgb(202 212 229 / 50%) 34%, transparent 34%, transparent 73%, rgb(239 242 247 / 50%) 73%, rgb(198 221 241 / 50%) 100%), 
        linear-gradient(178deg, transparent 0%, transparent 11%, rgb(210 226 255) 11%, rgb(255 255 255) 62%, rgb(238 242 247) 62%, rgb(242 247 253) 93%, transparent 93%, transparent 100%), 
        linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));}
      .page-pages .page-content.card                 {border-radius: 18px;}
      .page-pages .rich-text-editor-content          {padding: 30px !important;}
      .page-pages .rich-text-editor-content h1 span  {font-size: 50px !important;}
      .page-pages .rich-text-editor-content p        {font-family: "Modernist-Regular" !important; font-size: 23px !important;}
      .page-pages .rich-text-editor-content p span   {font-family: "Modernist-Regular" !important; font-size: 23px !important;}
}

@media (max-width: 768px) {
      .page-pages                                    {background: url(../../../../../image/whiteground.webp); background-size: contain;}
      .pages-1                                       {background: url(../../../../../image/page1-background.webp) no-repeat; background-size: contain; background-position: 0px 120px;}
      .pages-1 .brandbannerimage                     {display: none;}
      .pages-1 .card                                 {background: transparent !important; padding-top: 350px;}
      .pages-1 .card .card-body                      {padding: 0px;}
      .page-pages .rich-text-editor-content          {margin-top: 20px !important; padding: 0px !important;}
      .page-pages .rich-text-editor-content h1 span  {font-size: 34px !important; line-height: 1 !important;}
      .page-pages .rich-text-editor-content p        {font-family: "Modernist-Regular" !important;}
      .page-pages .rich-text-editor-content p span   {font-family: "Modernist-Regular" !important;}
}

@media (min-width: 768px) {
    .pages-1 .brandbannerimage  {margin-top: -20px; background: url(../../../../../image/banner-over-ons.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-1 .page-content.card {margin-top: -300px;}
    .pages-2 .brandbannerimage  {margin-top: -20px; background: url(../../../../../image/banner-methodiek.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-2 .page-content.card {margin-top: -300px;}
    .pages-3 .brandbannerimage  {margin-top: -20px; background: url(../../../../../image/banner-programma.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-3 .page-content.card {margin-top: -300px;}
    .pages-4 .brandbannerimage  {margin-top: -20px; background: url(../../../../../image/banner-resultaten.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-4 .page-content.card {margin-top: -300px;}
    .pages-5 .brandbannerimage  {margin-top: -20px; background: url(../../../../../image/banner-sponsors.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-5 .page-content.card {margin-top: -300px;}
}


@media (max-width: 768px) {
    .pages-1 .brandbannerimage  {margin-top: -10px; background: url(../../../../../image/banner-over-ons.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-1 .col-12 {padding-top:0px;}
    .pages-2 .brandbannerimage  {margin-top: -10px; background: url(../../../../../image/banner-methodiek.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-2 .col-12 {padding-top:0px;}
    .pages-3 .brandbannerimage  {margin-top: -10px; background: url(../../../../../image/banner-programma.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-3 .col-12 {padding-top:0px;}
    .pages-4 .brandbannerimage  {margin-top: -10px; background: url(../../../../../image/banner-resultaten.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-4 .col-12 {padding-top:0px;}
    .pages-5 .brandbannerimage  {margin-top: -10px; background: url(../../../../../image/banner-sponsors.webp) no-repeat; background-size: contain; aspect-ratio: 21 / 9; }
    .pages-5 .col-12 {padding-top:0px;}
}

.page-categories-home .post-item .img-fluid {height: 100% !important; object-fit: cover;}

@media (max-width: 768px) {
    .product-wrap.list .product-name {white-space: normal; margin-bottom: 0px !important;}
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .nav-item-text>span {
    border-left: 1px solid #080808 !important; color: #bdbdbd !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .nav-item-text>span:active, #offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .nav-item-text>span[aria-expanded=true] {
    background-color: #111825 !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item>.accordion-collapse {
    border-top: 1px solid #1b2d4b !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item>.accordion-collapse .children-group .nav a {
    background-color: #111727; color: #ffffff !important; font-size: 16px !important; border-bottom: 1px solid #1b365c !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item>.accordion-collapse .children-group .children-title {
    height: 44px; color: #FFFFFF !important; font-size: 16px; padding-left: 20px; border-bottom: 1px solid #223553;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .children-group .nav-link::before {
    opacity: 0 !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .ul-children {
    padding-bottom:20px !important;
}

#offcanvas-mobile-menu .mobile-menu-wrap #menu-accordion .accordion-item .ul-children li {
    border-bottom: 1px solid #1a2b45 !important;
}

@media (min-width: 768px) {
    .page-categories {background: linear-gradient(90deg, rgba(246, 246, 247, 1) 0%, rgba(255, 255, 255, 1) 30%);}
}

.page-home #brandcontent {display:none !important;}
.aftercrumb {display:none;}
.clear {clear:both;}

@media (min-width: 768px) {
    .page-categories .breadcrumb-wrap {margin-bottom: 60px;}
}


.module-category-wrap .mb-3  {font-family: 'Montserrat-Bold';    text-transform: uppercase;}
.product-tool                {font-family: 'Montserrat-Regular'; text-transform: uppercase;}
.product-tool .children-wrap {font-family: 'Montserrat-Regular'; text-transform: uppercase;}


@media (min-width: 768px) {
    .xtop-wrap              .container-fluid {border-left: 20px solid #1447a3;}
    .xheader-content        .container-fluid {border-left: 20px solid #1447a3;}
    xfooter                 .container-fluid {border-left: 20px solid #1447a3;}
    xfooter .footer-bottom  .container-fluid {border-left: 0px  solid #1447a3 !important;}
}

@media (max-width: 768px) {
    .breadcrumb-filter {background-color: #0c172b !important; margin-bottom: 6px !important;}
}

.product-wrap .product-name {height: 40px; white-space: wrap !important}

/*! spinning logo */
.view{position:relative; z-index:100; perspective:400;overflow: visible!important;}
.plane{width:120px; height:120px; transform-style:preserve-3d;}
.plane.main{top:0;left:0;right:0;bottom:0;margin:auto;transform:rotateX(60deg) rotateZ(-30deg);animation:rotate 20s infinite linear;}
.plane.main .circle{width:120px;height:120px;position:absolute;transform-style:preserve-3d;border-radius:100%;box-sizing:border-box;box-shadow:0 0 60px #031823, inset 0 0 60px #092c41;}
.plane.main .circle::before,.plane.main .circle::after{content:" ";display:block;position:absolute;text-align:center;top:0;left:0;right:0;bottom:0;margin:auto;width:10%;height:10%;border-radius:100%;background:#43A9F9;box-sizing:border-box;box-shadow:0 0 60px 2px #2cb2fc;}
.plane.main .circle::before      {transform:translateZ(-90px);}
.plane.main .circle::after       {transform:translateZ(90px);}
.plane.main .circle:nth-child(1) {transform:rotateZ(72deg)  rotateX(63.435deg);}
.plane.main .circle:nth-child(2) {transform:rotateZ(144deg) rotateX(63.435deg);}
.plane.main .circle:nth-child(3) {transform:rotateZ(216deg) rotateX(63.435deg);}
.plane.main .circle:nth-child(4) {transform:rotateZ(288deg) rotateX(63.435deg);}
.plane.main .circle:nth-child(5) {transform:rotateZ(360deg) rotateX(63.435deg);}
.rotating{position:absolute;color:#FFFFFF;width:114px;height:114px;border-radius:50%;animation:rotate_animation 4s ease-in-out infinite alternate, pulse_animation 3s ease-out infinite;z-index:1;margin-top:-2px;margin-left:-2px;}
.rotating::before{width:100%;height:100%;content:" ";border-radius:50%;box-shadow:0 0 20px 12px rgba(13, 81, 156, 0.35);position:absolute;pointer-events:none;}
.rotating::after{width:calc(40vh - 6px);height:calc(40vh - 6px);background-color:currentColor;content:" ";position:absolute;top:3px;left:3px;border-radius:50%;animation:pulse_animation 6s ease-out infinite;animation-delay:.2s;}
@media (max-width: 767px){
.plane.main{position:relative;}
.view {width:100%; margin-top:70px;}
}
@media (min-width: 767px){
.plane.main{position:absolute;}
.view{width:80%;margin-bottom:260px;}
}
@keyframes rotate{0%{-webkit-transform:rotateX(0) rotateY(0) rotateZ(0);transform:rotateX(0) rotateY(0) rotateZ(0);}100%{transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg);}}
@keyframes rotate_animation{0%{transform:rotate(0deg);}100%{transform:rotate(600deg);}}
@keyframes pulse_animation{0%, 40%{box-shadow:0 0 5px 0px rgba(107, 163, 220, 0.2);}100%{box-shadow:0 0 5px 80px rgba(0, 0, 255, 0);}}

/*! youtube video */
.brandbanner             {background-color:#000000;}
.video-background        {background-color:#000000; position: relative; height: 100vh; overflow: hidden;}
.video-foreground        {background-color:#000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-foreground iframe {background-color:#000000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; object-fit: cover;}

@media (min-aspect-ratio: 16/9) {
  .video-foreground {height: 300%; top: -100%;}
}

@media (max-aspect-ratio: 16/9) {
  .video-foreground {width: 300%; left: -100%;}
}

@media (max-width: 768px) {
  .video-background {height: 234px !important;}
}

@media (min-width: 768px) {
    .page-product .breadcrumb-wrap {background-color: #0c172b !important; margin-bottom:70px;}
}

.page-product .breadcrumb a              {color: #ffffff !important; text-transform: uppercase;}
.breadcrumb-item+.breadcrumb-item:before {color: #6181bd !important;}

@media (max-width: 768px) {
    body.page-product .breadcrumb-wrap {display:block !important }
    .page-product .breadcrumb-wrap     {background-color: #0c172b !important;}
    .categories-100045 .innertext      {margin-top: -127px !important;}
    .page-product .breadcrumb .breadcrumb-item:last-of-type a {display: none;}
}

.brand-list .fw-bold {display: none;}

.page-brands .brand-list p {display:none !important;}

@media (max-width: 768px) {
    body.page-brands .border-top  {border-top: 0px solid #3a4966 !important;}
   .page-brands .brand-list .py-3 {padding:0px !important;}
   .page-brands .brand-list .mt-2 {margin-top: 0px !important;}
}

/*! hide some obvious menu headers */
@media (min-width: 768px) {
   .xxxheader .header-content .menu-wrap>.navbar-nav .nav-item:nth-child(3) .group-name {display: none;} /*! streetwear */
   .xxxheader .header-content .menu-wrap>.navbar-nav .nav-item:nth-child(4) .group-name {display: none;} /*! sportswear */
   .xxxheader .header-content .menu-wrap>.navbar-nav .nav-item:nth-child(5) .group-name {display: none;} /*! events */
}

/*! colored sidebar */
@media (min-width: 768px) {
    body.page-categories .col-lg-3.left-column     {background-color: #ffffff; border-radius: 0px 50px 50px 0px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border-left: 5px solid #8ea2c3;}
    .page-categories .col-lg-3.left-column         {background-color: #ffffff; border-radius: 0px 50px 50px 0px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); border-left: 5px solid #8ea2c3;}
    .module-category-wrap .mb-3                    {color: #071327; border-radius: 8px; padding: 10px;}
    .sidebar-widget                                {border-bottom: 1px solid #343f56 !important;}
    .sidebar-widget li                             {line-height: 27px !important; font-size: 15px !important; text-transform: uppercase;}
    .sidebar-widget li.active>a                    {background-color: #909db3; color: #ffffff; padding: 3px; border-radius: 6px; padding-left: 10px; padding-right: 10px; font-weight: 300 !important;}
    .sidebar-widget li .category-href              {color: #071327;}
    .filter-box .list-group-flush>.list-group-item {background-color: #FFFFFF !important; padding-left: 16px !important;}
    .filter-box .card .card-header                 {background-color: #FFFFFF !important;}
    .filter-box .attribute-item .form-check-label  {color: #081328;}
    .filter-box h4                                 {color: #081328;}
    .page-categories .col-lg-3.left-column .card:not(:last-of-type)  {background-color: #ffffff !important; border-bottom: 1px solid #abbbd7 !important;}
    .page-categories .col-lg-3.left-column .text-secondary           {color: #071327 !important;}
    .page-categories .ui-widget-content .ui-widget-header            {background: #fd560f !important;}
    .page-categories .ui-widget-content .ui-slider-handle            {background: #fd560f !important;}
    .page-categories .col-lg-3.left-column .card:not(:last-of-type)  {background-color: #ffffff !important; border-bottom: 1px solid #abbbd7 !important;}
    .page-categories .col-lg-3.left-column .text-secondary           {color: #FFFFFF !important;}
    .page-categories .ui-widget-content .ui-widget-header            {background: #226cf1 !important;}
    .page-categories .ui-widget-content .ui-slider-handle            {background: #226cf1 !important;}
}

#colbox_seodescription {font-family:"Poppins-Regular" !important;} /*! moet later weg, moet in de editor gebeuren! */

@media (min-width: 768px) {
    .relations-wrap .container {margin-top: -64px; padding-top: 64px;}
}


@media (min-width: 768px) {
    .page-brands .brand-list .row {justify-content: space-around;}
}

@media (max-width: 768px) {
    .page-brands .justify-content-center:first-child {display: none !important;}
}

#product-app {background: #FFFFFF;}
@media (min-width: 768px) {#product-app {border-radius: 12px;}}

@media (min-width: 768px) {
    body.page-product .product-image     {box-shadow: inset -1px 3px 8px 5px #ffffff, 2px 5px 16px 0px #f3f3f3, 5px 5px 15px 5px rgba(0, 0, 0, 0);}
    body.page-product.theme-defaultx     {background: url('../../../../../image/luxury.webp')         no-repeat; background-size: cover; background-attachment: fixed;}
    body.page-product.theme-streetwearx  {background: url('../../../../../image/grunge-blue.webp')    no-repeat; background-size: cover; background-attachment: fixed;}
    body.page-product.theme-luxury       {background: url('../../../../../image/luxury.webp')         no-repeat; background-size: cover; background-attachment: fixed;}
    body.page-product.theme-outdoor      {background: url('../../../../../image/grunge-outdoor.webp') no-repeat; background-size: cover; background-attachment: fixed;}
    body.page-product.theme-business     {background: url('../../../../../image/grunge-blue.webp')    no-repeat; background-size: cover; background-attachment: fixed;}
    body.page-product .price-wrap        {justify-content: flex-end;}
    #product-app                         {padding: 30px;}
    .relations-wrap .container           {background: #FFFFFF; padding: 30px; border-radius: 0px 0px 12px 12px;}
     /* luxury glow */ 
    .relations-wrap .containerxxx                             {box-shadow: 0px 4px 0 #2245ff, 0px 4px 4px #1f51ff, 0px 14px 8px #1b9cff, 0px 14px 16px #9410ff;}
    body.page-product.theme-luxury #product-app               {box-shadow: 0px 0px 0 #2245ff, 0px 0px 4px #1f51ff, 0px 0px 8px #1b9cff, 0px 0px 16px #9410ff !important;}                                  
    body.page-product.theme-luxury .relations-wrap .container {box-shadow: 0px 0px 0 #2245ff, 0px 0px 4px #1f51ff, 0px 0px 8px #1b9cff, 0px 0px 16px #9410ff !important;}
    
}

@media (max-width: 768px) {
    .theme-default    .peoduct-info .price-wrap {justify-content:end    !important; padding-right: 20px;}
    .theme-streetwear .peoduct-info .price-wrap {justify-content:center !important;}
    .theme-luxury     .peoduct-info .price-wrap {justify-content:center !important;}
    .theme-business.  .peoduct-info .price-wrap {justify-content:center !important;}
    .theme-outdoor    .peoduct-info .price-wrap {justify-content:center !important;}
}

/* themess: default streetwear outdoor luxury */
body.page-product.theme-outdoor     .peoduct-info                {font-family: "Poppins"; background: url(../../../../../image/grunge-white.webp) no-repeat; background-size: cover;}
/* omschrijving */
body.page-product.theme-streetwear  .peoduct-info .product-name  {font-family: "DharmaPunk"; background: -webkit-linear-gradient(#1d273a, #38445b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;
                                                                  text-decoration: underline; text-decoration-color: #ff6600; text-underline-offset: 0.08em;}
body.page-product.theme-outdoor     .peoduct-info .product-name  {font-family: "DharmaPunk";}
body.page-product.theme-luxury      .peoduct-info .product-name  {font-family: "Classico-Regular"; color: #08152b !important;}
body.page-product.theme-business    .peoduct-info .product-name  {font-family: "Morgant-Regular"; color: #33486c !important; text-transform: uppercase;
                                                                  text-decoration: underline; text-decoration-color: #8cb0c8; text-underline-offset: 0.08em; letter-spacing:3px !important}
/* prijs */
body.theme-default    .price-wrap .new-price                     {transform: rotate(356deg);}
body.theme-streetwear .price-wrap .new-price                     {font-family: 'Grunge' !important; color: #2f3f5f !important; transform: rotate(356deg);}
body.theme-outdoor    .price-wrap .new-price                     {font-family: 'Grunge' !important; color: #4b5947 !important; transform: rotate(356deg);}
body.theme-luxury     .price-wrap .new-price                     {font-family: "Classico-Regular"; color: #0c172b !important;}
body.theme-business   .price-wrap .new-price                     {font-family: "Grunge"; color: #33486c;}

/* idee camoback */
.xxxproducts-89  .product-image         {background: url(../../../../../image/camoback.webp) no-repeat; background-size: cover; border-radius:0px !important;}
body.page-product .product-image .right {border: 0px !important;}
body.page-product .product-image        {border: 0px !important;}

@media (min-width: 768px) {
    body.theme-default     #product-top .col-12         {background-color: #fafaff;}
    body.theme-default     .stock-and-sku               {margin-top:60px;}
    body.theme-default     .peoduct-info .product-name  {font-family: 'AlbertSans'; font-size: 3rem !important; font-weight: 300 !important; line-height: 1; text-align: right; padding-right: 40px; 
                                                         color: #0c172b;; padding: 20px; padding-bottom:100px;}
    body.theme-default-dark .peoduct-info .product-name {background: url(../../../../../image/greatidea.webp) no-repeat; background-size: cover; border-radius: 8px; 
                                                         border:4px solid #090a26; border-right-color: #090a26; border-bottom-color: black; border-left-color: #090a26;}
    body.theme-default     .peoduct-info .product-name  {border: 2px solid #f3f3f3; border-radius: 8px; 
                                                          box-shadow: inset -1px 3px 8px 5px #ffffff, 2px 5px 16px 0px #f3f3f3, 5px 5px 15px 5px rgba(0, 0, 0, 0);}

    body.theme-streetwear  .peoduct-info .product-name  {font-size: 5rem !important; font-weight: 300 !important; line-height: 1; text-transform: uppercase; letter-spacing: -3px; padding-top: 40px; transform: rotate(356deg);}
    body.theme-outdoor     .peoduct-info .product-name  {font-size: 5rem !important; font-weight: 300 !important; line-height: 1; text-transform: uppercase; letter-spacing: 0px; padding-top: 40px;}
    body.theme-streetwear  .peoduct-info .product-name  {font-size: 5rem !important; letter-spacing: 0px !important; transform: rotate(356deg);}
    body.theme-luxury      .peoduct-info .product-name  {font-size: 3rem !important; color: #0c172b !important; font-weight: 300 !important; padding-top: 0px; text-transform: uppercase; line-height: 0.9 !important;}
    body.theme-business    .peoduct-info .product-name  {font-size: 40px !important; letter-spacing:3px !important}
    /* desktop product price */
    body.theme-default     .peoduct-info .price-wrap    {margin-top: -120px !important;}
    body.theme-default     .price-wrap .new-price       {font-family: "AlbertSans" !important; color: #0c172b !important; font-size: 4rem !important; padding-right: 30px}
    body.theme-streetwear  .price-wrap .new-price       {font-size: 3rem !important; margin-top: 4px;   padding-right: 30px}
    body.theme-outdoor     .price-wrap .new-price       {font-size: 3.5rem !important; margin-top: 10px;  padding-right: 30px}
    body.theme-luxury      .price-wrap .new-price       {font-size: 3rem !important; margin-top: -10px; padding-right: 20px} 
    body.theme-business    .price-wrap .new-price       {font-size: 40px !important; padding-right: 40px;}
    /* idea */
    body.theme-default .variables-wrap .variable-group  {padding: 8px; padding-left:18px; border: 2px solid #f3f3f3; border-radius: 8px;
                                                         box-shadow: inset -1px 3px 8px 5px #ffffff, 2px 5px 16px 0px #f3f3f3, 5px 5px 15px 5px rgba(0, 0, 0, 0);}}

@media (max-width: 768px) {
    body.theme-default    .peoduct-info .product-name   {font-family: "AlbertSans"; font-size: 1.8rem !important; color: #384b6f !important; line-height:1.2 !important; text-transform: uppercase; 
                                                         text-align: center; padding-left: 6px; padding-right: 6px;}
    body.theme-streetwear .peoduct-info .product-name   {font-size: 2.4rem !important; letter-spacing: -1px; line-height:1 !important; text-transform: uppercase; text-align: center; padding-left: 10px; padding-right: 10px;}
    body.theme-outdoor    .peoduct-info .product-name   {font-size: 3.2rem !important; letter-spacing: -1px; line-height:0.8 !important; text-transform: uppercase; text-align: center; padding-left: 10px; padding-right: 10px;}
    body.theme-outdoor    .peoduct-info .product-name   {transform: rotate(356deg);}
    body.theme-streetwear .peoduct-info .product-name   {font-size: 3rem !important; letter-spacing: 0px !important; transform: rotate(356deg);}
    body.theme-luxury     .peoduct-info .product-name   {font-size: 2.2rem !important; line-height:1 !important; text-align: center; padding-left: 7px; padding-right: 7px; 
                                                         text-transform: uppercase; line-height: 0.9 !important;}
    body.theme-business   .peoduct-info .product-name   {font-size: 1.7rem !important; text-align: center;}
     /* mobile product price */
    body.theme-default    .price-wrap .new-price        {color: #152644 !important;}
    body.theme-default    .price-wrap .new-price        {font-family: "AlbertSans" !important; font-size: 2rem !important; color: #384b6f !important; margin-bottom: 10px; margin-top: -10px;}
    body.theme-streetwear .price-wrap .new-price        {font-size: 2rem !important; margin-top: 20px; margin-bottom: 10px;}
    body.theme-outdoor    .price-wrap .new-price        {font-size: 2.2rem !important; margin-top: 12px; margin-bottom: 10px;}  /* aangepast voor visible colors */
    body.theme-luxury     .price-wrap .new-price        {font-size: 3rem !important; margin-top: 4px;}
    body.theme-business   .price-wrap .new-price        {font-size: 2.3rem !important; padding-top: 10px;}
    .page-product .product-mb-block                     {background: url(../../../../../image/productinfo-background.webp) no-repeat; background-size: 100% 44px;} /* new bg effect */
}

/* theme outdoor */
.page-product.theme-outdoor .top-wrap                        {filter: hue-rotate(255deg);}
.page-product.theme-outdoor header .header-content           {filter: hue-rotate(255deg); z-index:9;} /* bug! */
.page-product.theme-outdoor .header-mobile                   {filter: hue-rotate(255deg);}
.page-product.theme-outdoor #offcanvas-mobile-menu           {filter: hue-rotate(255deg);}
.page-product.theme-outdoor .breadcrumb-wrap                 {filter: hue-rotate(255deg);}
.page-product.theme-outdoor footer                           {filter: hue-rotate(255deg);}
.page-product.theme-outdoor .product-btns                    {filter: hue-rotate(255deg);}
.page-product.theme-outdoor .add-cart-btns>.btn:nth-child(1) {filter: hue-rotate(-255deg);}
.page-product.theme-outdoor .add-wishlist>.btn               {filter: hue-rotate(279deg);}
.page-product.theme-outdoor footer .lightbulblogo            {filter: hue-rotate(170deg);}

.page-product.theme-outdoor .peoduct-info .product-name {
    background: -webkit-linear-gradient(#67765c, #282828);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: underline;
    text-decoration-color: #89946e;
}


body.theme-default .price-wrap .new-price {text-decoration: underline; text-decoration-color: #4c71c3; text-underline-offset: 0.05em;}

.category-header h1                    {font-family: "Anek-Bold";}
.color-black  .category-header         {background-color: #222222; text-align: center; border-radius: 8px;}
.color-black  .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-blue   .category-header         {background-color: #143f65; text-align: center; border-radius: 8px;}
.color-blue   .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-camo   .category-header         {background-color: #3c3e32; text-align: center; border-radius: 8px;}
.color-camo   .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-grey   .category-header         {background-color: #746f71; text-align: center; border-radius: 8px;}
.color-grey   .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-green  .category-header         {background-color: #087f40; text-align: center; border-radius: 8px;}
.color-green  .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-navy   .category-header         {background-color: #182336; text-align: center; border-radius: 8px;}
.color-navy   .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-orange .category-header         {background-color: #ee8227; text-align: center; border-radius: 8px;}
.color-orange .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-pink   .category-header         {background-color: #ee3d90; text-align: center; border-radius: 8px;}
.color-pink   .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-red    .category-header         {background-color: #7f1708; text-align: center; border-radius: 8px;}
.color-red    .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}
.color-white  .category-header         {background-color: #FFFFFF; text-align: center; border-radius: 8px;}
.color-white  .category-header h1      {color: #333333; padding:10px; text-align: center;}
.color-yellow .category-header         {background-color: #d6e106; text-align: center; border-radius: 8px;}
.color-yellow .category-header h1      {color: #FFFFFF; padding:10px; text-align: center;}


@media (min-width: 1400px) {
    .coltainer    {background: #FFFFFF !important;}
    .color-black  {background: linear-gradient(90deg, #AAAAAA 0%, #FFFFFF 10%, #FFFFFF 90%, #AAAAAA 100%);}
    .color-blue   {background: linear-gradient(90deg, #b7d1ff 0%, #FFFFFF 10%, #FFFFFF 90%, #b7d1ff 100%);}
    .color-camo   {background: linear-gradient(90deg, #9daf83 0%, #FFFFFF 10%, #FFFFFF 90%, #9daf83 100%);}
    .color-green  {background: linear-gradient(90deg, #c4dbc4 0%, #FFFFFF 10%, #FFFFFF 90%, #c4dbc4 100%);}
    .color-grey   {background: linear-gradient(90deg, #BBBBBB 0%, #FFFFFF 10%, #FFFFFF 90%, #BBBBBB 100%);}
    .color-navy   {background: linear-gradient(90deg, #c7ccd5 0%, #FFFFFF 10%, #FFFFFF 90%, #c7ccd5 100%);}
    .color-orange {background: linear-gradient(90deg, #ffe6c8 0%, #FFFFFF 10%, #FFFFFF 90%, #ffe6c8 100%);}
    .color-pink   {background: linear-gradient(90deg, #efc4ce 0%, #FFFFFF 10%, #FFFFFF 90%, #efc4ce 100%);}
    .color-red    {background: linear-gradient(90deg, #ffc5c8 0%, #FFFFFF 10%, #FFFFFF 90%, #ffc5c8 100%);}
    .color-yellow {background: linear-gradient(90deg, #fcffcc 0%, #FFFFFF 10%, #FFFFFF 90%, #fcffcc 100%);}
}

/* blue color theme */
.color-blue footer .lightbulblogo       {filter: hue-rotate(170deg);}

/* black color theme */
.color-black .top-wrap                  {filter: grayscale(100%)}
.color-black header .header-content     {filter: grayscale(100%); z-index:9;} /* bug! */
.color-black .header-mobile             {filter: grayscale(100%);}
.color-black #offcanvas-mobile-menu     {filter: grayscale(100%)}
.color-black .breadcrumb-wrap           {filter: grayscale(100%);}
.color-black footer                     {filter: grayscale(100%);}
.color-black footer .lightbulblogo      {filter: grayscale(100%);}

/* grey color theme */
.color-grey .top-wrap                   {filter: grayscale(100%)}
.color-grey header .header-content      {filter: grayscale(100%); z-index:9;} /* bug! */
.color-grey .header-mobile              {filter: grayscale(100%);}
.color-grey #offcanvas-mobile-menu      {filter: grayscale(100%)}
.color-grey .breadcrumb-wrap            {filter: grayscale(100%);}
.color-grey footer                      {filter: grayscale(100%);}
.color-grey footer .lightbulblogo       {filter: grayscale(100%);}

/* green color theme */
.color-green .top-wrap                  {filter: hue-rotate(255deg);}
.color-green header .header-content     {filter: hue-rotate(255deg); z-index:9;} /* bug! */
.color-green .header-mobile             {filter: hue-rotate(255deg);}
.color-green #offcanvas-mobile-menu     {filter: hue-rotate(255deg);}
.color-green .breadcrumb-wrap           {filter: hue-rotate(255deg);}
.color-green footer                     {filter: hue-rotate(255deg);}
.color-green footer .lightbulblogo      {filter: hue-rotate(170deg);}

/* camo color theme */
.color-camo .top-wrap                   {filter: hue-rotate(195deg);}
.color-camo header .header-content      {filter: hue-rotate(195deg); z-index:9;} /* bug! */
.color-camo .header-mobile              {filter: hue-rotate(195deg);}
.color-camo #offcanvas-mobile-menu      {filter: hue-rotate(195deg);}
.color-camo .breadcrumb-wrap            {filter: hue-rotate(195deg);}
.color-camo footer                      {filter: hue-rotate(195deg);}
.color-camo footer .lightbulblogo       {filter: hue-rotate(195deg);}

/* orange color theme */
.color-orange .top-wrap                 {filter: hue-rotate(136deg) saturate(230%);}
.color-orange header .header-content    {filter: hue-rotate(136deg) saturate(230%); z-index:9;} /* bug! */
.color-orange .header-mobile            {filter: hue-rotate(136deg) saturate(230%);}
.color-orange #offcanvas-mobile-menu    {filter: hue-rotate(136deg) saturate(230%);}
.color-orange .breadcrumb-wrap          {filter: hue-rotate(136deg) saturate(230%);}
.color-orange footer                    {filter: hue-rotate(136deg) saturate(230%);}
.color-orange footer .lightbulblogo     {filter: hue-rotate(193deg) saturate(230%);}

/* pink color theme */
.color-pink .top-wrap                   {filter: hue-rotate(90deg)   saturate(230%);}
.color-pink header .header-content      {filter: hue-rotate(90deg)   saturate(230%); z-index:9;} /* bug! */
.color-pink .header-mobile              {filter: hue-rotate(90deg)   saturate(230%);}
.color-pink #offcanvas-mobile-menu      {filter: hue-rotate(90deg)   saturate(230%);}
.color-pink .breadcrumb-wrap            {filter: hue-rotate(90deg)   saturate(230%);}
.color-pink footer                      {filter: hue-rotate(90deg)   saturate(230%);}
.color-pink footer .lightbulblogo       {filter: hue-rotate(181deg)  saturate(230%);}

/* red color theme */
.color-red .top-wrap                    {filter: hue-rotate(136deg) saturate(200%);}
.color-red header .header-content       {filter: hue-rotate(136deg) saturate(200%); z-index:9;} /* bug! */
.color-red .header-mobile               {filter: hue-rotate(136deg) saturate(200%);}
.color-red #offcanvas-mobile-menu       {filter: hue-rotate(136deg) saturate(200%);}
.color-red .breadcrumb-wrap             {filter: hue-rotate(136deg) saturate(200%);}
.color-red footer                       {filter: hue-rotate(136deg) saturate(200%);}
.color-red footer .lightbulblogo        {filter: hue-rotate(189deg) saturate(200%);}

/* pink color theme */
.color-yellow .top-wrap                 {filter: hue-rotate(200deg) brightness(200%);}
.color-yellow header .header-content    {filter: hue-rotate(200deg) brightness(200%); z-index:9;} /* bug! */
.color-yellow .header-mobile            {filter: hue-rotate(200deg) brightness(200%);}
.color-ywllow #offcanvas-mobile-menu    {filter: hue-rotate(200deg) brightness(200%);}
.color-yellow .breadcrumb-wrap          {filter: hue-rotate(200deg) brightness(200%);}
.color-yellow footer                    {filter: hue-rotate(200deg) brightness(200%);}
.color-yellow footer .lightbulblogo     {filter: hue-rotate(200deg) brightness(200%);}


@media (min-width: 768px) {
    .rich-text-editor-content span    {color: #062356 !important;}
    .page-product.theme-outdoor   #product-app               {border-left: 20px solid #006200 !important;}
    .page-product.theme-outdoor  .relations-wrap .container  {border-left: 20px solid #006200 !important;}
}

#colbox_seodescription .smallfont p {font-size: initial !important; font-family: "Calibri" !important;}


@media (min-width: 768px) {
    .filter-box .list-group-flush>.list-group-item {font-family: "OpenSans-Regular" !important; font-size: 15px !important;}
}


/* logos onder productafbeelding */
@media (min-width: 768px) {
.products-95 #product-top .col-12:nth-child(1):after {content: ""; display: block; width: 200px; height: 200px; margin-left: auto; margin-right: auto;
    background-image: url(../../../../../image/fruit-of-the-loom-logo.webp); background-size: contain; background-repeat: no-repeat; background-position: center;}
.products-61 #product-top .col-12:nth-child(1):after {content: ""; display: block; width: 250px; height: 130px; margin-left: auto; margin-right: auto;
    background-image: url(../../../../../image/russell-collection-logo.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.products-99 #product-top .col-12:nth-child(1):after {content: ""; display: block; width: 250px; height: 130px; margin-left: auto; margin-right: auto;
    background-image: url(../../../../../image/russell-collection-logo.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
.products-85 #product-top .col-12:nth-child(1):after {content: ""; display: block; width: 250px; height: 130px; margin-left: auto; margin-right: auto;
    background-image: url(../../../../../image/russell-collection-logo.png); background-size: contain; background-repeat: no-repeat; background-position: center;}
}

@media (min-width: 768px) {.xxx .video-foreground {margin-top: 400px;}}


@media (min-width: 768px) {
    body.page-product.theme-default    .peoduct-info .product-name {text-align: right; padding-top:40px; padding-right: 40px;}
    body.page-product.theme-streetwear .peoduct-info .product-name {text-align: right; padding-right: 40px;}
}