/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */

/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
  Mixins RTL Themes 
/***************************************************/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot);
  src: local("Material Icons"), local("MaterialIcons-Regular"),
       url(../fonts/MaterialIcons-Regular.woff2) format("woff2"),
       url(../fonts/MaterialIcons-Regular.woff) format("woff"),
       url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
  font-display: swap;
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  /* Preferred icon size */
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga'; }

@font-face {
  font-family: "simple-line-icons";
  src: url("../fonts/Simple-Line-Icons.woff2?v=2.4.0") format("woff2"),
       url("../fonts/Simple-Line-Icons.woff?v=2.4.0") format("woff"),
       url("../fonts/Simple-Line-Icons.ttf?v=2.4.0") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
       url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
       url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
  
  
/*!
 *  Other CSS
 */
.widget-pklinks-title-kn {
  color: #dcaaa5;
  font-family: "Archivo Narrow", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  font-style: normal;
  line-height: 2em;
  letter-spacing: 3px;
  margin: 0px 0px 20px 0px;
}
.widget-pklinks-kn a {
  list-style: none;
    list-style-position: outside;
  list-style-position: inside;
  color: #d4d4d4;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 2.1em;
}
.widget-pklinks-kn {
  list-style: none;
    list-style-position: outside;
  list-style-position: inside;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5em;
}
.twint-icon {
  background-image: url("/img/cms/twint_icon.png");
  background-position: left center;
  display: inline-block;
  background-repeat: no-repeat;
  width: 70px;
  height: 30px;
  border-radius: 3px;
}

.product-description a,
.product-description a:active {
    color: #DBAF5D;
    text-decoration: none;
}
.product-description a:hover,
.product-description a:visited {
    color: #7D748C;
    text-decoration: none;
}
/* Tick Element e.g. for product combinations */
.checkmark {
  color: #DBAF5D;   
}
.checkmark :before {
  display: inline-block;	
  background-color: transparent;
  padding-top: 8px;    
  margin-left: 12px;   
  content: '✓';
  font-size: x-large;
  font-weight: bold;
}
.checkmark :after {
  border-radius: 100%;
  width: 3.4em;
  height: 3.4em;
  border: 1px solid #7d748c;
  margin-top: -45px;
  margin-left: -8px;
  content: '';
  display: flex;
  position: absolute;
}
.normal-button-layout {
  border-radius: 100%; 
  width: 3em; 
  height: 3em; 
  border: 1px solid #7d748c; 
  padding: 0.15em; 
  margin-top: 7px; 
  margin-right: 7px; 
  margin-bottom: 7px; 
  margin-left: 6px;
}
/* On hover element gets larger for a moment e.g. for product combinations */
.kn-grow { 
transition: all .2s ease-in-out; 
}
.kn-grow:hover { 
transform: scale(1.1); 
}
/* Product flags 'new' etc. for product page on non-AMP pages */
.product-flags li {
  background: #dcaaa5;
  border-radius: 5px;
}

/* Gdpr layout issue on login page with tick box and text missing */
label[for='psgdpr'] #result_box, label[for='psgdpr'] #result_box span {
  display: block; 
}
label[for='psgdpr'] {
  display: inline-grid;
}

.custom-checkbox .psgdpr_consent_message .psgdpr_checkbox {
    margin: 2px 5px 0 0;
	margin-left: 0px;
}
.custom-checkbox .psgdpr_consent_message span:not(.psgdpr_checkbox) {
  margin-left: unset;
}
 
/* Atrributes - Comination box lager in prod miniature */
.variant-links a {
  /*width: 15px!important;
  height: 15px!important;*/
}
.variant-links .active-attribute {
  border: 1px solid #7D748C;
  box-shadow: unset;
}
.product-miniature .nxtal-variant-text div, .product-container .nxtal-variant-text div {
  text-transform: uppercase;
  padding: 5px 10px;
  background: rgba(125, 116, 140);
  color: #fff;
  display: inline-block;
  font-size: 12px;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* For amount of products in cart label on top sign on desktops */
#header .header-item-counter {
  background-color: rgba(219, 175, 93, .9) !important;
  color: white !important;
  width: 30px;
  height: 20px;
  padding-top: 3px;
  font-size: small;
  font-weight: bold; 
}
#header .header-item-counter::before {
  content: "" !important;
}
#header .header-item-counter::after {
  content: "" !important;
}
/* For addition-info - content is too far down aligned */
#product .product-additional-info > * {
  margin: 10px 0 10px 0;
}
#product .short-desc {
  margin-bottom: 0px;
}
.hookDisplayGuide {
  margin-bottom: 0px;
}
.productButtons {
  margin-top: 0px;
}
/* Prestashop Productcomments Layout star buttons */
/* Not selected setting */
.criterion-rating .star-content div.star svg {
  color: #eee !important;
  stroke: #a3a3a3;
}
/* Loading setting */
.criterion-rating .star-content div.star.star-on svg {
  color: #dbaf5d !important;
  stroke: #dbaf5d; 
}
/* Hover setting */
.criterion-rating .star-content div.star-hover svg {
  color: #dbaf5d !important;
  stroke: #dbaf5d;  
}
/* Set layout font to standard font */
#content-hook_payment_return {
  font-family: unset!important;
}
/* Set layout font to standard font */
#content-hook_payment_return {
  font-family: unset!important;
}
/* General link color */
a, a:active, a:visited {
  /*color: #7d748c;*/ /*before 333 like black and also dbaf5d*/
  text-decoration: none;
}
a:hover {
  color: #dcaaa5; /*before 333 like black*/
  text-decoration: none;
}
/* Rounded corners for some buttons */
#product-comments-list-footer .post-product-comment {
    border-radius: 5px;
}
#product-comments-list .btn-comment {
    border-radius: 5px;
}
.add-to-cart {
    border-radius: 5px;
	margin-left: 5px;
}
/* SEO tab layout via Blistop */
.op-links-block-layout ul {
  list-style: none;
}
.op-links-block-layout li {
  list-style: none !important;
  display: inline;
  background: #f1f1f1;
  border-radius: 5px;
  margin-bottom: 2px;
  margin-right: 2px;
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
#search_filters .facet > ul li {
  list-style: none;
}
.facet .navbar-toggler {
  width: unset;
  margin-top: -20px;
}
.elementor .ps_categorytree .module-title .svgic {
  float: right;
}
.product-line-grid-right .cart-line-product-actions a {
  color: #7d748c;
}
/* hsmultiaccessoriespro larger selection - pulldown field */
.has_input_quantity select.accessories_group, .has_input_quantity select.product-combination {
  width: 60% !important;
}
.accessory_dropdown_wrap {
  width: 100%;
}
/* Button on product pages layout for button link */
#description .product-description a:visited {
  color: #dbaf5d;
  text-decoration: none;
  border-radius: 5px;
}
#description .product-description a:hover {
  color: #7D748C;
  text-decoration: none;
  border-radius: 5px;  
}
h1, h2, h3, h4, h5 {
  font-weight: bold;
}
/* Modal windonw after product was added to cart */
#blockcart-modal .modal-header > .svgic {
    width: 80px;
    height: 80px;
    padding: 10px;
    border: 1px solid #7D748C;
    border-radius: 100%;
    fill: #7D748C;
}
#blockcart-modal #cartModalLabel {
    color: #7D748C;
    display: block;
    margin: 20px 0;	
}
#blockcart-modal .modal-header .close {
    color: #7D748C;
	top: 15px;
	right: 5px;
	display: block;
	position: absolute;
    display: block;	
}
#blockcart-modal .modal-header .close .svgic {
    width: 18px;
    height: 18px;
    color: #7D748C;
    fill: #7D748C;
}
#blockcart-modal .modal-header .close .svgic use {
    color: #7D748C;
    fill: #7D748C;
}

/* Zoom for products - e.g. used on product miniature for addon product variants */
.zoom_min_product:hover {
  transform: scale(1.5); 
}
/* List decor for elementor and ps_categorytree list on category pages */
/* Background layout for category navigation */
@media (min-width: 768px) {
  .elementor-57010000 .elementor-element.elementor-element-540e591 {
    width: 20%;
  }
}
.ps_categorytree .module-body {
  border-top: none;
  margin-top: -20px;
  padding-top: -10px;	
}
.ps_categorytree a, .ps_categorytree a:hover {
  color: #251d2c;	
}
.elementor .ps_categorytree .category-tree li {
  list-style: none;
  font-size: 15px; 
}
.elementor .ps_categorytree .category-tree .current_cate {
  background-color: rgba(125,116,140,.05);
  border-bottom: 1px solid #dbaf5d;
  border-top: 1px solid #dbaf5d;  
  text-transform: math-auto;
  position: relative;
  padding: 5px 0 5px 20px;
}
.elementor .ps_categorytree .category-tree .current_cate a {
  color: #dbaf5d; 
}
.elementor .ps_categorytree .category-tree .current_cate::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #dbaf5d;
  position: absolute;
  display: block;
  left: 0;
  position: absolute;
  margin-top: 8px;
  margin-left: 3px;
}
.elementor .ps_categorytree .category-tree .current_cate:hover { 
  border-bottom: 1px solid #dcaaa5;
  border-top: 1px solid #dcaaa5;
}
.elementor .ps_categorytree .category-tree .current_cate a:hover { 
  color: #dcaaa5; 
}
.elementor .ps_categorytree .category-tree .current_cate:hover::before {
  background-color: #dcaaa5;
}
.elementor .ps_categorytree .category-tree .no_current_cate_line {
  border-bottom: 1px solid #e5e5e5; 
  text-transform: math-auto;
  position: relative;
  padding: 5px 0 5px 20px;
}
.elementor .ps_categorytree .category-tree .no_current_cate_line a:hover { 
  color: #dcaaa5; 
}
.elementor .ps_categorytree .category-tree .no_current_cate_line::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #e5e5e5;
  position: absolute;
  display: block;
  left: 0;
  position: absolute;
  margin-top: 8px;
  margin-left: 3px;
}
.elementor .ps_categorytree .category-tree .no_current_cate_line:hover::before {
  background-color: #dcaaa5;
}
.elementor .ps_categorytree .category-tree li:has(.current_cate) > div > ul {
    display: block;
}
.elementor .ps_categorytree .category-tree li:has(.current_cate) > div {
    display: block;
}



/* Pk Search Bar - Size amended */
@media (min-width: 768px) {
	.pk_search_result {
		width: 301px;
	}
}


/* Leo Mega Menu - default color */
.leo-megamenu .navbar-nav > li > a,
.leo-megamenu .dropdown-menu li a,
.leo-megamenu .dropdown-menu a > .menu-title,
.leo-megamenu .dropdown-menu .menu-title a,
.leo-widget .product-block .name a,
.leo-megamenu .dropdown-menu li a .eca500,
.off-canvas-nav-megamenu .navbar-nav .megamenu-highlight .menu-title,
.ApMegamenu .leo-verticalmenu .title_block,
div.verticalmenu ul li a .menu-title,
div.verticalmenu .dropdown-menu ul li a .menu-title {
    color: #251d2c;
	font-family: "Archivo Narrow";	
}
div.verticalmenu .dropdown-menu ul li:hover, .leo-megamenu .navbar-nav .widget-subcategories li.clearfix:hover::before {
    color: #dcaaa5;
}
.leo-megamenu .dropdown-menu {
	border: none;
}
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix {
    padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
	background-color: rgba(125,116,140,.02);
	position: relative;
}
/*.leo-megamenu .navbar-nav .nav-item {
    border-bottom: 1px solid #e5e5e5;
}*/
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix > a::after {
    content: "";
    position: absolute;
    inset: 0;
}
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix:hover > a,
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix:hover::before {
    color: #dcaaa5;
	text-decoration: none
}
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix:hover {
    background-color: rgba(125,116,140,.1);
}
.leo-megamenu .nav-link.dropdown-toggle.has-category > .menu-title {
    color: #251d2c;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
	font-family: "Archivo Narrow";
	font-weight: 700;
}
/* Leo Mega Menu - hover color */
.leo-megamenu .navbar-nav > li > a:hover,
.leo-megamenu .navbar-nav > li > a:hover > .menu-title,
.leo-megamenu .dropdown-menu li a:hover,
.leo-megamenu .dropdown-menu a:hover > .menu-title,
.leo-megamenu .dropdown-menu .menu-title a:hover,
.leo-widget .product-block .name a:hover,
div.verticalmenu .dropdown-menu ul li a .menu-title:hover {
    color: #dcaaa5;
	font-family: "Archivo Narrow";
}
/* Active main menu */
.leo-megamenu .navbar-nav > li.active > a {
    color: #7d748c !important;
}
/* Menu icons */
.leo-megamenu .menu-icon img,
.megamenu .menu-icon img {
    height: 15px;
    width: 15px;
}
/* Dropdown hover decoration */
.leo-megamenu .dropdown-menu li a:hover::before {
    background: #dcaaa5 !important;
    color: #dcaaa5 !important;
}
/* Desktop menu highlight */
@media screen and (min-width: 990px) {
    .navbar-header .navbar-toggler {
        cursor: pointer;
    }
}
/* Menu separator */
/*.megamenu-line {
    border-bottom: 0.1rem solid #7d748c;
}*/
/* Vertical Mega Menu */
.ApMegamenu .leo-verticalmenu {
    background: #fff;
    position: relative;
}
.ApMegamenu .leo-verticalmenu > .block_content {
    background: #fff;
    color: #7d748c;
}
div.verticalmenu .dropdown-menu {
    border: 2px solid #7d748c;
}
div.verticalmenu .navbar-nav > li:hover,
.leo-verticalmenu .megamenu > li > a:hover {
    color: #dcaaa5;
    background: #dcaaa5;
}
.leo-verticalmenu .megamenu > li > a:before {
    color: #dcaaa5;
    background: #dcaaa5;
}
/* Open horizontal dropdown on hover */
.leo-megamenu li.dropdown:hover > .dropdown-menu {
    display: block;
}
/* Position sub-levels right */
.leo-megamenu .widget-subcategories li.level2.dropdown {
    position: relative;
}
.leo-megamenu .widget-subcategories li.level2.dropdown > ul.dropdown-sub.dropdown-menu {
    top: 0;
    left: 100%;
}
/* Add own bullets to the list which are properly aligend */
.leo-megamenu .widget-subcategories .dropdown-menu li.level3 {
    display: block;
    position: relative;
    padding: 5px 5px 5px 20px;
    border-bottom: 1px solid #e5e5e5;
    background-color: rgba(125,116,140,.02);
    list-style: none;
}
.leo-megamenu .widget-subcategories .dropdown-menu li.level3::before {
    content: "•";
    position: absolute;
    left: 6px;
    color: #e5e5e5;
    font-size: 28px;
    line-height: 1;
}
.leo-megamenu .widget-subcategories li.clearfix {
    list-style: none;
}
.leo-megamenu .widget-subcategories li.clearfix::before {
    content: "•";
    position: absolute;
    left: 6px;
    color: #e5e5e5;
    font-size: 28px;
    line-height: 1;
}
.leo-megamenu .navbar-nav .widget-subcategories li.clearfix {
    padding-left: 20px;
}
/* Keep level 2 text clear of the submenu arrow */
.leo-megamenu .widget-subcategories li.level2.dropdown > a {
    display: block;
    padding-right: 25px;
    white-space: normal;
}
.leo-megamenu .widget-subcategories li.level2.dropdown > .caret {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
}
/* Make sub-nav indipendent from base row */
.leo-megamenu .widget-subcategories li.level2.dropdown > ul.dropdown-sub.dropdown-menu {
    top: 0;
    left: 100%;
    width: var(--leo-subwidth);
    min-width: var(--leo-subwidth);
    z-index: 1001;
}
.leo-megamenu .dropdown-sub,
.leo-megamenu .dropdown-menu-inner,
.leo-megamenu .mega-col,
.leo-megamenu .mega-col-inner,
.leo-megamenu .widget-subcategories,
.leo-megamenu .widget-subcategories .widget-inner {
    overflow: visible;
}
/* Mobile menu in general */
.off-canvas-button-megamenu {
  position: relative;
  width: 100%;
  height: 40px;
  z-index: 100001;
  font-size: 0;
  background-color: rgba(125,116,140,.02);
  color: #000;
  padding: 0;
}
.off-canvas-button-megamenu .off-canvas-nav {
  position: absolute;
  top: 10px;
  right: 10px;
}
.off-canvas-button-megamenu .off-canvas-nav::before {
  content: "\e082";
  font-family: "simple-line-icons";
  font-size: 14px;
  color: #7d748c !important;
}
.off-canvas-nav-megamenu {
  position: fixed;
  top: 1px;
  left: 1px;
  width: 80%;
  max-width: 340px;
  height: calc(100vh - 10px);
  background-color: #faf9fb;
  z-index: 100000;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 5px;
  box-shadow: 2px 2px 10px rgba(0,0,0,.12);
  -webkit-transform: translateX(calc(-100% - 5px));
  -moz-transform: translateX(calc(-100% - 5px));
  -ms-transform: translateX(calc(-100% - 5px));
  -o-transform: translateX(calc(-100% - 5px));
  transform: translateX(calc(-100% - 5px));
  -webkit-transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  transition: transform 400ms ease;
}
.off-canvas-active > .off-canvas-nav-megamenu.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.off-canvas-nav-megamenu .offcanvas-mainnav {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%;
  background-color: #faf9fb;
}
.off-canvas-nav-megamenu .navbar-nav {
  width: 100%;
  margin: 0;
}
/* Hide Promokit Menu on any page */
.pk-menu-horizontal {
    display: none;
}
/* Shows the PC menu */
@media (min-width: 992px) {
    .leo-megamenu .leo-top-menu {
        display: block;
    }
	/* Shop alone on first row */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:first-child {
		flex: 0 0 50%;
		border-bottom: 1px solid rgba(125,116,140, 1);
		padding-bottom: 5px;
	}
	/* Short line below Shop title only */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:first-child > a {
		display: inline-block;
		width: auto;
	}	
	.leo-megamenu .navbar-nav.megamenu {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 380px;
		column-gap: 30px;
		row-gap: 10px;
		position: relative;
	}
	/* Main navigation items */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item {
		flex: 0 0 auto;
		width: auto;
		margin: 0;
		border-bottom: none;
	}
	/* Main navigation hover */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item > a:hover .menu-title,
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:hover > a .menu-title,
	.leo-megamenu .navbar-nav.megamenu > li.nav-item > a:hover .material-icons,
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:hover > a .material-icons {
		color: #dcaaa5;
	}	
	/* Shop */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item.parent.dropdown {
		position: static;
		flex-basis: 100%;
		width: 100%;		
	}	
	.leo-megamenu .navbar-nav.megamenu > li.nav-item.parent.dropdown::before {
		content: "";
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		height: 10px;
	}	
	.leo-megamenu.cavas_menu.navbar {
		position: relative;
		top: 20px;
	}	
	/* Rounded Shop bar */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item.parent.dropdown > a {
		display: block;
		width: 100%;
		padding: 8px 14px;
		background-color: rgba(125,116,140,.4);
		border-radius: 16px;
		box-shadow: 2px 2px 10px rgba(125,116,140,.5);
	}
	.leo-megamenu .navbar-nav.megamenu > li.nav-item.parent.dropdown:hover > a {
		background-color: #7d748c;
		border-color: #7d748c;
	}	
	/* Main navigation titles */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item > a .menu-title {
		color: #7d748c;
		font-family: "Archivo Narrow";
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 3px;
		font-size: 16px;
	}
	/* Main navigation icons */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item > a .material-icons {
		color: #7d748c;
	}	

	.leo-megamenu .navbar-nav.megamenu > li.nav-item.parent.dropdown.aligned-left {
		position: relative;
		left: -15px;
	}
	/* No separator lines on Sommer and Aktionen */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:not(.parent) {
		border-bottom: none;
	}		
	/* Shop submenu spans the complete navigation */
	.leo-megamenu .navbar-nav.megamenu > li.nav-item:first-child > .dropdown-sub.dropdown-menu {
		/*flex: 0 0 50%;*/
		border-bottom: 1px solid rgba(125,116,140, 1);
		padding-bottom: 5px;
		left: 0;
	}
	.leo-megamenu .navbar-nav > li > a .sub-title {
		display: inline-block;
		margin-left: -18px;
		position: relative;
		top: -18px;
		color: #fff;
		background-color: #dcaaa5;
		font-family: "Archivo Narrow";
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
		padding: 3px 6px;
		border-radius: 5px;
	}	
    .leo-megamenu .dropdown-sub .mega-col-inner > div  {
        border-radius: 5px;
        box-shadow: 2px 2px 10px rgba(0,0,0,.12);
    }	
    .leo-megamenu .dropdown-sub .mega-col-inner .level2 > ul  {
        padding-top: 0px;
        padding-bottom: 0px;
		padding-left: 1px;
        border-radius: 5px;
        box-shadow: 2px 2px 10px rgba(0,0,0,.12);		
    }	
	.leo-megamenu .navbar-nav.megamenu > li.parent.dropdown::after {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%237d748c' d='M8 2.194c0 .17-.062.34-.183.47L4.44 6.275c-.117.126-.275.197-.44.197-.165 0-.323-.07-.44-.194L.184 2.666c-.242-.26-.243-.68 0-.94.243-.26.637-.26.88 0L4 4.866l2.937-3.14c.243-.26.638-.26.88 0 .12.128.183.298.183.468z'/%3E%3C/svg%3E") 100% 50% no-repeat;
	}
	.leo-megamenu .navbar-nav.megamenu > li.parent.dropdown:hover::after {
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23dcaaa5' d='M8 2.194c0 .17-.062.34-.183.47L4.44 6.275c-.117.126-.275.197-.44.197-.165 0-.323-.07-.44-.194L.184 2.666c-.242-.26-.243-.68 0-.94.243-.26.637-.26.88 0L4 4.866l2.937-3.14c.243-.26.638-.26.88 0 .12.128.183.298.183.468z'/%3E%3C/svg%3E") 100% 50% no-repeat;
	}	
}
/* Mobile submenu */
@media (max-width: 991px) {
  /* Force to show breadcrump on mobile */	
  .breadcrumb.page-width {
    display: block !important;
  }	
  .leo-megamenu .navbar-toggler {
    color: #7d748c;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 0;
    padding: 0;
    left: -5px;
    position: absolute;		
  }
  .megamenu-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 300px;
	z-index: 99999;
	background: rgba(125,116,140,.15);
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
  } 
  body.off-canvas-active .megamenu-overlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
  } 
  .leo-megamenu.cavas_menu.navbar {
    padding: 0;
  }	
  /* Shop title */
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent > a,
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent > a .menu-title {
    font-family: "Archivo Narrow";
  }
  /* Remove spacing between Shop and categories */
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent {
    margin: 0;
    padding: 0;
  }
  /* Always show categories directly below Shop */
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent > div.dropdown-sub.dropdown-menu {
    display: block;
    position: static;
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0;
    transform: none;
    visibility: visible;
    opacity: 1;
    border: none;
    background-color: transparent;
    color: #7d748c;
    font-family: "Archivo Narrow";
  }
  .off-canvas-nav-megamenu .dropdown-menu-inner,
  .off-canvas-nav-megamenu .dropdown-menu-inner > .row,
  .off-canvas-nav-megamenu .dropdown-menu-inner .mega-col,
  .off-canvas-nav-megamenu .dropdown-menu-inner .mega-col-inner,
  .off-canvas-nav-megamenu .widget-subcategories,
  .off-canvas-nav-megamenu .widget-subcategories .widget-inner,
  .off-canvas-nav-megamenu .widget-subcategories .widget-inner > ul {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .off-canvas-nav-megamenu .widget-subcategories .widget-inner > ul > li {
    margin: 0;
    padding: 5px 5px 5px 7px;
    border-bottom: 1px solid #e5e5e5;
    background-color: rgba(125,116,140,.02);
    color: #7d748c;
    font-family: "Archivo Narrow";
  }
  /* Shop title color */
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent > a,
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent > a .menu-title
  .off-canvas-nav-megamenu a.nav-link.has-category,
  .off-canvas-nav-megamenu a.nav-link.has-category .menu-title,
  .off-canvas-nav-megamenu a.nav-link.has-category .menu-title,
  .off-canvas-nav-megamenu .megamenu-line > a  {  
	color: #7d748c;
    font-family: "Archivo Narrow";
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
  }  
  /* Level 1 title areas */
  .off-canvas-nav-megamenu .megamenu > li.nav-item,
  .off-canvas-nav-megamenu .megamenu-line {
    border-bottom: .1rem solid rgba(125,116,140,.3);
  }
  .off-canvas-nav-megamenu .megamenu > li.nav-item > a,
  .off-canvas-nav-megamenu .megamenu-line > a {
    background-color: rgba(125,116,140,.1);
	width: 100%;
  }
  /* Mobile menu link and material icon color */
  .off-canvas-nav-megamenu a.nav-link.has-category .material-icons {
    color: #7d748c;
	margin-left: 2px;
  } 
  /* Action sub-title */  
  .off-canvas-nav-megamenu a.nav-link.has-category .sub-title {
    display: inline-block;
    color: #fff;
    background-color: #dcaaa5;
    font-family: "Archivo Narrow";
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 6px;
    margin-left: 4px;
    border-radius: 5px;
    position: relative;
    top: -2px;
  }   
  /* Level 2 text color */
  .off-canvas-nav-megamenu .widget-subcategories li.level2.open-sub {
    background-color: rgba(125,116,140,.1);
  }
  .off-canvas-nav-megamenu .widget-subcategories li.level2.open-sub > a {
    color: #dcaaa5;
  }  
  .off-canvas-nav-megamenu .widget-subcategories .widget-inner > ul > li > a {
    color: #251d2c;
    font-family: "Archivo Narrow";
  }
  /* Keep level 3 hidden initially and open it inside level 2 */
  .off-canvas-nav-megamenu .widget-subcategories li.level2 > ul.dropdown-sub.dropdown-menu {
    display: none;
    position: static;
    float: none;
    width: 100%;
    min-width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    transform: none;
    box-shadow: none;
	border: none;
	border-radius: 5px;
	box-shadow: 2px 2px 10px rgba(0,0,0,.12);	
  }
  /* Remove generated arrow - Leo's real caret is used below */
  .off-canvas-nav-megamenu .widget-subcategories li.level2.dropdown::after,
  .off-canvas-nav-megamenu .widget-subcategories li.level2.dropdown > .caret::before,
  .off-canvas-nav-megamenu .widget-subcategories li.level2.dropdown > .caret::after {
    display: none;
  }
  /* Mobile level 2: clickable submenu arrow */
  .off-canvas-nav-megamenu .widget-subcategories li.level2.dropdown > .caret {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 32px;
    z-index: 5;
    cursor: pointer;
    border: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiPjxwYXRoIGQ9Ik04IDIuMTk0YzAgLjE3LS4wNjIuMzQtLjE4My40N0w0LjQ0IDYuMjc1Yy0uMTE3LjEyNi0uMjc1LjE5Ny0uNDQuMTk3LS4xNjUgMC0uMzIzLS4wNy0uNDQtLjE5NEwuMTg0IDIuNjY2Yy0uMjQyLS4yNi0uMjQzLS42OCAwLS45NC4yNDMtLjI2LjYzNy0uMjYuODggMEw0IDQuODY2bDIuOTM3LTMuMTRjLjI0My0uMjYuNjM4LS4yNi44OCAwIC4xMi4xMjguMTgzLjI5OC4xODMuNDY4eiIgLz48L3N2Zz4=) center no-repeat !important;
  }  
  /* Point arrow upwards when level 3 is open */
  .off-canvas-nav-megamenu .widget-subcategories li.level2.open-sub > .caret {
    transform: rotate(180deg);
  }  
  /* Level 3: same style as level 2, slightly indented */
  .off-canvas-nav-megamenu .widget-subcategories li.level2 > ul.dropdown-sub.dropdown-menu > li.level3 {
    margin: 0;
    padding: 5px 5px 5px 22px;
    border-bottom: 1px solid #e5e5e5;
    background-color: rgba(125,116,140,.03);
    color: #251d2c;
    font-family: "Archivo Narrow";
    position: relative;
  }

  .off-canvas-nav-megamenu .widget-subcategories li.level2 > ul.dropdown-sub.dropdown-menu > li.level3 > a {
    color: #251d2c !important;
    font-family: "Archivo Narrow";
    text-decoration: none;
	border: none;
  }
  /* Level 3 bullet */
  .off-canvas-nav-megamenu .widget-subcategories li.level2 > ul.dropdown-sub.dropdown-menu > li.level3::before {
    content: "•";
    position: absolute;
    left: 8px;
    color: #e5e5e5;
    font-size: 28px;
    line-height: 1;
  }  
  /* Hide Shop arrow because first level is always expanded */
  .off-canvas-nav-megamenu .megamenu > li.nav-item.parent.dropdown::after {
    display: none;
  }
}