/*EXTENDING STYLES FROM LAYOUT*/

:root {
	--custom-design-color-01: #333;
}

.margin-center {
	margin-left: auto;
	margin-right: auto;
}

/*removing fixed height - readded via equalheight (JS) but per row */
#shop .item-box figure {
	height: auto;
}
/*removing fixed height - readded via equalheight (JS) but per row */
#shop .item-box-desc {
	height: auto;
}
/*removing fixed max-height*/
#shop .item-box-desc h4 {
	max-height: none;
}

/*improve already cut off title to show ellipsis*/
#portfolio .item-box-desc h4 {
	text-overflow:ellipsis;
	white-space: nowrap;
}



.dropdown-toggle.language + ul.dropdown-menu {
	min-width: 56px;
    text-align: center;
}


@media (min-width: 768px) {
	footer .footer-bar .toTop {
		text-align: right;
	}
}






/* QUICK FIX FOR LAYOUT (hopefully stepofweb will fix those things so we could remove them here) */
.panel-footer {
	border-top: 0;
}




.icon-getbutik,
.icon-getbutik-b,
.icon-getbutik-w,
.icon-getbutik-y,
.icon-getbutik-custom {
    display: inline-block !important;
    width: 75px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url('/assets/images/getbutik-logo-b.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px;
    margin-top: 1px; /*fix for inline use to align with text*/
}
.icon-getbutik-w {
    background-image: url('/assets/images/getbutik-logo-w.png');
}
.icon-getbutik-y {
    background-image: url('/assets/images/getbutik-logo-y.png');
}
.icon-getbutik-b.x2,
.icon-getbutik-custom.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-b2x.png');
}
.icon-getbutik-w.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-w2x.png');
}
.icon-getbutik-y.x2 {
    width: 150px;
    height: 32px;
    line-height: 32px;
    background-image: url('/assets/images/getbutik-logo-y2x.png');
}

/*for a change the default should be white instead of black*/
footer .icon-getbutik-custom {
    background-image: url('/assets/images/getbutik-logo-w.png');
}
footer .icon-getbutik-custom.x2 {
    background-image: url('/assets/images/getbutik-logo-w2x.png');
}







.static {
    position: static !important;
}
.relative {
    position: relative !important;
}
.absolute {
    position: absolute !important;
}
.fixed {
    position: fixed !important;
}
.absolute-tl,
.absolute-tr,
.absolute-br,
.absolute-bl {
    position: absolute !important;
}
.absolute-tl,
.absolute-tr {
    bottom: auto;
    top: 0;
}
.absolute-bl,
.absolute-br {
    top: auto;
    bottom: 0;
}
.absolute-tr,
.absolute-br {
    left: auto;
    right: 0;
}
.absolute-tl,
.absolute-bl {
    right: auto;
    left: 0;
}
.fixed-tl,
.fixed-tr,
.fixed-br,
.fixed-bl {
    position: fixed !important;
}
.fixed-tl,
.fixed-tr {
    bottom: auto;
    top: 0;
}
.fixed-bl,
.fixed-br {
    top: auto;
    bottom: 0;
}
.fixed-tr,
.fixed-br {
    left: auto;
    right: 0;
}
.fixed-tl,
.fixed-bl {
    right: auto;
    left: 0;
}






/* START - proportional elements */
.fixed-ratio {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	/*overflow-y: scroll;*/
	overflow: hidden;
}
/* IE workarounds */
* html .fixed-ratio {
	margin-bottom: 45px;
	/*margin-bot\tom: 0; FAILS IN LESS - no workaround so far*/
}
.fixed-ratio > div,
.fixed-ratio > object,
.fixed-ratio > embed,
.fixed-ratio > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ratios */
.fixed-ratio.wideScreen,
.fixed-ratio.sixteenByNine {
	padding-bottom: 56.25%;
}
.fixed-ratio.fourByThree {
	padding-bottom: 75%;
}
.fixed-ratio.golden-ratio {
	padding-bottom: 61.8%;
}
.fixed-ratio.golden-ratio-2 {
	padding-bottom: 161.8%;
}
.fixed-ratio.a4 {
	padding-bottom: 70.7%;
}
.fixed-ratio.a4-2 {
	padding-bottom: 141.4%;
}
.fixed-ratio.square {
	padding-bottom: 100%;
}
/* chromes - no idea what that is */
.fixed-ratio.chrome_25 {
	padding-top: 25px;
}
.fixed-ratio.chrome_30 {
	padding-top: 30px;
}
.fixed-ratio.chrome_35 {
	padding-top: 35px;
}
/* strict doctype / FF3 focus */
.fixed-ratio > object {
	display: block;
	outline: none;
}
/* END - proportional elements */







/* WORKAROUND for icon class .icon-refresh which does not exist in LENZERHEIDE but .fa.fa-refresh does */
[data-meta-type="captcha"] .icon-refresh {
	/* general styles from .fa */
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
[data-meta-type="captcha"] .icon-refresh:before {
	/* styles from .fa-refresh:before */
	content: "\f021";
}


/* copy from bootstrap (added !important)
 * hide stuff - but not for screen readers *
 */
.sr-only,
.help-block:empty,
.form-group[data-meta-type="hidden"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}


/* v1: hide empty help-messages by default */
/*
.help-block:empty {
	display: none;
}
*/



.quick-cart-content-inner {
	overflow-y: auto;
	max-height: 300px;
}
/* FIXME: CART IMAGE SIZES*/
.quick-cart-content img.pull-left {
	max-width: 50px;
	max-height: 40px;

	float: none !important /*remove floating and give it to new span around img*/
}
.quick-cart-content .quick-cart-content-img {
	width: 68px;
	display: block;
	float: left;
	text-align: center;
}
header#topNav li.quick-cart .quick-cart-content a.item > .inline-block {
	padding-left: 68px;
}
/* OPTIONAL (but could result in a extra long flyout cart/wishlist)
header#topNav li.quick-cart .quick-cart-content a.item span.title,
header#topNav li.quick-cart .quick-cart-content a.item span.price {
	max-height: none;
}
*/
header#topNav li.quick-cart .quick-cart-content a.item span.price {
	margin-top: 3px;
}


a.logo > img {
	max-height: 47px;
}


.full-price {
    color: #888;
}
.line-through {
    text-decoration: line-through;
}






/* required for design.js */
header#topNav nav.nav-main a.dropdown-toggle.hover-effect + ul.dropdown-menu {
	display: block !important;
}

@media (max-width: 767px) {
	/* without this the shadow would make the slider unusable on mobile because overlapping */
	#header_shadow {
		display: none;
	}
}




/* FOOTER-Content: force styling à la .alert-link */
.custom-cart-alert a {
	font-weight: 700;
}
.custom-cart-alert.alert-success a {
	color: #2b542c;
}
.custom-cart-alert.alert-info a {
	color: #245269;
}
.custom-cart-alert.alert-warning a {
	color: #66512c;
}
.custom-cart-alert.alert-danger a {
	color: #843534;
}




/* Mega Menu FIX - make is scrollable */
@media (min-width: 990px) {
	header#topNav nav.mega-menu ul.nav-main .mega-menu-content {
		max-height: 450px;
		overflow-y: auto;
		overflow-x: hidden;
		margin: 8px;
	}
	header#topNav nav.mega-menu .mega-menu-content {
		padding: 12px 8px;
	}
}



.footer-payment-imgs>img {
	margin-right: 0;
	vertical-align: top;
}






/* START: COPY FROM DAVOS */

/** 46. Side Nav
**************************************************************** **/
div.side-nav li.list-group-item {
	padding:0 15px;
}


/* deep nav fix */
div.side-nav li.list-group-item li.list-group-item {
	padding: 0;
}
div.side-nav li.list-group-item li.list-group-item>ul {
	padding-left: 15px;
	padding-right: 5px;
}
div.side-nav li.list-group-item li.list-group-item a.dropdown-toggle:before {
	right: 5px;
}


div.side-nav ul,
div.side-nav ul>li {
	border:0 !important;
}
div.side-nav ul>li {
	position: relative;
	background-color:transparent !important;
}

div.side-nav ul>li:before {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	font-size: 15px;
	left: 0;
	top: 4px;
	color: #999;
}
div.side-nav li.list-group-noicon:before,
div.side-nav ul.list-group-noicon>li:before,
div.side-nav ul.list-group-noicon>li>ul>li:before {
	content:'';
	display:none;
}
div.side-nav ul.list-group-noicon>li {
	padding-left:0;
}


div.side-nav ul>li>a {
	display:block;
	padding:4px 0 4px 0;
}
div.side-nav ul>li>a {
	color:#777;
	text-decoration:none;
}
div.side-nav ul>li:hover>a,
div.side-nav ul>li.active>a {
	color:#111 !important;
	color:var(--custom-design-color-01) !important;
}
button.page-side-nav-mobile {
	display:none;
}
div.side-nav ul>li>ul>li>a{
	padding:4px 0 4px 15px;
}

ul.side-nav>li>a>i {
	margin-right:8px;
}


/* side nav sub categs */

/*RD: fix for multiline*/

div.side-nav ul>li>a.dropdown-toggle {
	padding-right: 20px;
}
div.side-nav ul>li>a.dropdown-toggle-pseudo:before, /* use this pseudo class to make it look like the real deal without any functionality */
div.side-nav ul>li>a.dropdown-toggle:before {
	content: "\f196";
	font-family: FontAwesome;
	position: absolute;
	font-size: 17px;
	right: 20px;
	top: 6px;
	color: #999;
}
div.side-nav ul>li.active>a.dropdown-toggle:before {
	content: "\f147";
}
div.side-nav ul>li.active>a.dropdown-toggle-pseudo:before {
	display: none;
}
div.side-nav ul>li>ul {
	display:none;
}
div.side-nav ul>li.active>ul {
	display:block;
}

div.side-nav ul>li>ul,
div.side-nav ul>li>ul>li {
	margin:0; padding:0;
	list-style:none;
}
div.side-nav ul>li>ul {
	padding:10px 0;
}
div.side-nav ul>li>ul>li a {
	font-size:12px;
}



/* */
div.side-nav .side-nav-head {
	position:relative;
}
div.side-nav .side-nav-head h4 {
	font-size:16px;
}
div.side-nav ul.list-group-bordered>li>a {
	display:block;
	border-bottom:rgba(0,0,0,0.05) 1px solid;
	padding:6px;
}
div.side-nav ul.list-group-bordered>li>a>span.pull-left,
div.side-nav ul.list-group-bordered>li>a>span.pull-right {
	margin-top:3px;
}
div.side-nav .side-nav-head button {
	display:none;
	font-size:21px;

	background-color:rgba(0,0,0,0.2);
	height:44px;
	width:44px;
}
@media only screen and (min-width: 990px) {
	div.side-nav>ul {
		display:block !important;
	}
}
@media only screen and (max-width: 767px) {
	/*RD: fixing menu sublevel issue for mobile nav*/
	/*div.side-nav ul {*/
	div.side-nav>ul {
		display:none;
		max-height:350px;
		overflow-y:auto;
		margin-bottom:30px;
	}
	div.side-nav ul>li {
		border-bottom:rgba(0,0,0,0.03) 1px solid !important;
	}
	div.side-nav .side-nav-head {
		height:44px;
		background-color:rgba(0,0,0,0.1);
		margin-bottom:30px;
	}
	div.side-nav .side-nav-head>h4 {
		line-height:44px;
		padding-left:15px;
		margin:0;
	}
	div.side-nav .side-nav-head button {
		display:block;
		position:absolute;
		right:0;
	}
}
@media only screen and (max-width: 768px) {
	/*RD: fixing menu sublevel issue for mobile nav*/
	/*div.side-nav ul {*/
	div.side-nav>ul {
		max-height:250px;
		overflow-y:auto;
	}
}
/* END: COPY FROM DAVOS */





/* Cookie Banner Script - https://cookieconsent.insites.com
 * https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css
 *
 * NOTE: we changed:
 * .cc-theme-classic .cc-btn:last-child{min-width:150px} to .cc-theme-classic .cc-btn:last-child{width:160px} as IE-QUICK-FIX
 * @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) to @media screen and (max-width:520px) and (orientation:portrait),screen and (max-width:736px) as IE-QUICK-FIX
 */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:520px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{width:160px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}



/* Cookie Banner Script - style overwrite */
.cc-btn.cc-deny {
	/*color: rgb(0, 0, 0) !important;*/
	color: rgb(255, 255, 255) !important;
    background-color: rgb(224, 86, 86) !important;
    border-color: transparent !important;
}
.cc-huge-bg {
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.cc-type-info .cc-link,
.cc-type-opt-out .cc-link {
	padding: 0;
}





/* v1 - but they don't like it */
.bgimg-centered {
	display: block !important;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
/* not really required */
/*
@media (max-width: 767px) {
	[data-page-action="product-filter"] .bgimg-centered.fixed-ratio.square {
		height: auto;
		padding-bottom: 0;
		background-image: none !important;
	}
}
*/
/* adding !important */
/*
.fixed-ratio.square {
	padding-bottom: 100% !important;
}
*/


.hidden-empty:empty {
	display: none;
}