body { color: black; }
body.asc { font-family: Cascadia; }

nav { background-color: white; border-bottom: 1px solid rgb(221,221,221); /* position: fixed; width: 100%; top: 0; */ z-index: 9999; }

#mainMenu { margin-top: 20px; }
#mainMenu a { color: black; }
#mainMenu label svg { fill: black; }

#hpBrandTitle { border-bottom: 1px solid rgb(221,221,221); }
#hpBrandTitle img { width: 100%; }
#hpBrandTitleText { margin-top: -18vw; color: white; height: 18vw; }
#hpBrandTitleText h1 { font-size: 3vw; max-width: 70%; }
#hpBrandTitleText h2 { font-size: 2vw; margin-top: 1vw; max-width: 70%; }

a { text-decoration: underline; color: inherit; }
a:hover { text-decoration: underline; color: inherit; }
a.underline { text-decoration: underline; color: inherit; }
a:visited { text-decoration: underline; color: inherit; }


footer { /* background: linear-gradient(0deg, rgba(221,221,221,1) 97%, rgba(168,168,168,1) 100%); */ background-color: rgb(168,168,168); color: rgb(48,48,48); box-shadow: inset 0px 20px 20px -20px rgb(64,64,64); }
footer a { color: rgb(48,48,48); } 
.footerNews { background: rgb(221,221,221); box-shadow: inset 0px 20px 20px -20px rgb(128,128,128); }

input[type="submit"], .formButton, button, a.button, input[type="file"] + label.customized { background-color: rgb(0,0,0); color: rgb(255,255,255); border: 0px solid rgb(0,0,0); }
input[type="submit"]:not(:disabled):hover, .formButton:not(:disabled):hover, button:not(:disabled):hover, a.button:not(:disabled):hover { color: rgb(255,255,255); }

.breadcrumbs { padding-left: 20px; padding-right: 20px; background-color: rgb(238,238,238); display: inline-block; }
.breadcrumbs a { display: inline-block; line-height: 35px; text-transform: uppercase; font-size: 14px; color: black; }
.breadcrumbs a:visited { color: black; }

.categoryBox { }
.categoryBox h2 { font-size: 1.8em; }
.categoryBox.pane2 h2 { font-size: 1.5em; }
.categoryBox.pane3 h2 { font-size: 1.2em; }
.categoryBox.pane4 h2 { font-size: 1em; }
.categoryBox.pane6 h2 { font-size: 0.85em; font-weight: bold; height: 2.2em; line-height: 1.1em; }

.categoryBox p { font-size: 1em; line-height: 1.3em; min-height: 8em; }
.categoryBox.pane3 p { font-size: 0.9em; }
.categoryBox.pane4 p { font-size: 0.8em; }
.categoryBox.pane6 p { font-size: 0.7em; }

.categoryBox.pane6 .paneContent { padding: 10px; }

/* STOCK STICKERS */

.stockTagStickersWrapper { position: absolute; z-index: 9998; line-height: 20px; text-align: right; right: 0px; top: 70px; }
.stockTagStickersWrapper:after { clear: both; }
.stockTagSticker { display: block; color: rgb(96,96,96); background-color: white; border: 1px solid rgb(221,221,221); border-right: 0px; font-size: 10px; text-transform: uppercase; line-height: 20px; min-width: 25px; text-align: center; border-radius: 4px 0px 0px 4px;  }
.stockTagSticker + .stockTagSticker { margin-top: 1px; }

/* PRODUCT DETAIL */

.productList { }
.productList .productBoxPrice { color: black; text-align: center; }
.productBoxContent { border: 1px solid rgb(221,221,221); box-shadow: 0px 0px 10px 0px rgba(221,221,221,1); }
.productList .productBoxTitle { text-align: center; margin-top: 20px; }
.productDetail .priceBox { margin-top: 20px; }
.productDetail .productSpec { margin-top: 40px; }

.productDetail .squareImageBoxWrapper { border: 1px solid rgb(221,221,221); }
.smallProductImagesWrapper .squareImageBox .squareImageBoxWrapper { border: 1px solid rgb(221,221,221); }

.productList .productCategoryFrame { }
.productCategoryFrame .productCategoryDesc { }
.productCategoryFrame .productCategoryImage { }
.productCategoryFrame .productCategoryImage img { width: 50%; }

.productFilter {}
.productFilter .pageColumnHeader { text-transform: uppercase; }
.productFilter .pageColumnContent { text-align: left; padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 10px; }
.productFilter .pageColumnContent ul { padding-left: 0px; list-style: none; }
.productFilter .pageColumnContent li { font-size: 0.9em; line-height: 1.5em; width: 50%; display: inline-block; }
.productFilter .pageColumnContent li.filterSelected { font-weight: bold; line-height: 1.5em; }
.productFilterButtons { padding: 20px; text-align: center; clear: both; }
.productFilterButtons .formButton+.formButton { margin-top: 10px; }
.productFilterButtons .formButton { width: 100%; }
.productFilterOptions { padding-left: 20px; padding-right: 20px; padding-top: 10px; text-align: left; clear: both; }
.productFilterOption { font-size: 0.9em; cursor: pointer; }

/* PRODUCT CONFIGURATOR */

.productConfigurator .defaultImage { border: 1px solid rgb(233,233,233); padding: 20px; }
.productConfigurator .defaultImageDesc { margin-top: 10px; margin-bottom: 5px; font-size: 0.85em; text-align: center; }

.sliderBox { width: 100%; margin-left: auto; margin-right: auto; background-color: rgb(238,238,238); }
.sliderBoxHeader { font-weight: bold; font-size: 1em; padding: 20px; text-transform: uppercase; }
.sliderBoxHeader:after { content: ''; display: block; clear: both; }
.sliderBoxCaption { float: left; cursor: pointer; line-height: 25px; }
.sliderBoxIcon { font-weight: bold; background-color: rgba(0,0,0,0.2); float: right; width: 25px; height: 25px; text-align: center; cursor: pointer; line-height: 25px; }
.sliderBoxIcon:before { content: "\2195"; }
.sliderBoxContent { background-color: rgb(238,238,238); }
.sliderBoxContent[data-state="closed"] { display: none; }
.sliderBoxContent:after { content: ''; display: block; clear: both; }

/* SHOP BAR */

#shopBar { text-align: right; display: inline-block; margin-left: 2em; }
#shopBar .shopBarItem { display: inline-block; }
#shopBar .shopBarItem + .shopBarItem { margin-left: 20px; }
#shopBar .cartTitle { display: none; }
#shopBar .currencyTitle { display: none; }
#shopBar .currencySelect {  }
#shopBar .cartIcon { display: inline-block; }
#shopBar .cartIcon svg { display: inline-block; height: 2.5em; vertical-align: middle; }
#shopBar .cartIcon svg .lines { fill: rgb(0,0,0); }
#shopBar .cartIcon svg circle { fill: rgb(0,0,0); stroke-width: 0px; }
#shopBar .cartIcon svg text { font-size: 15em; fill: white; }  
#shopBar .cartItemsCount { background-color: rgb(0,0,0); color: white; font-size: 0.9em; display: inline-block; width: 1.5em; height: 1.5em; border-radius: 0.75em; margin-left: -2.7em; vertical-align: +1em; }
#shopBar .cartAmount { display: inline-block; margin-left: 1em; font-size: 1em; line-height: 2.5em; vertical-align: middle; }
#shopBar .cartButtonEnter button { display: none; }
#shopBar .cartButtonClear button { display: none; }

@media (max-width: 900px) {
    #mainMenu { margin-top: 0px; }
    
    .categoryBox.pane2 h2 { font-size: 1.8em; }
    .categoryBox.pane3 h2 { font-size: 1.5em; }
    .categoryBox.pane4 h2 { font-size: 1.2em; }    
    .categoryBox.pane3 p { font-size: 1em; }
    .categoryBox.pane4 p { font-size: 9em; }

}

@media (max-width: 600px) {     
    
    .categoryBox.pane3 h2 { font-size: 1.8em; }
    .categoryBox.pane4 h2 { font-size: 1.8em; }        
    .categoryBox.pane4 p { font-size: 1em; }
    .categoryBox h2 { margin-top: 0px; }
}