﻿
:root{--soft-text-color:#999999;--soft-gray-color:#d9d9d9;--text-for-primary-color:#fff;--text-for-primary-color-030:#2b2b2b;}
button{color:var(--standard-text-color);}

.classic-container > .column-content > section:first-of-type{margin-top:30px;}
.classic-container > .column-content > section:not(:first-of-type){margin-top:100px;}

.breadcrumbs-desktop-cont{display:inline-block;position:relative;top:-20px;left:20px;}
.breadcrumbs-desktop-cont .ctr-breadcrumbs .breadcrumb-list > a{color:#666;text-decoration:underline;}

.superProducts{display:flex;flex-flow:row wrap;gap:10px;align-items:center;background-color:#f1f1f1;border-radius:25px;padding:25px;}
.superProducts > .customScrolling{flex-shrink:1;}
.superProducts > .customScrolling nav{display:flex;flex-flow:row nowrap;gap:5px;margin-bottom:5px;}
.superProducts > .customScrolling nav button{display:inline-flex;flex-flow:column;align-items:center;border:none;border-radius:10px; background-color:transparent;padding:10px 0;cursor:pointer;transition:.2s;}
.superProducts > .customScrolling nav button.selected{background-color:var(--primary-color-030);color:var(--text-for-primary-color-030);pointer-events:none;cursor:default;}
.superProducts > .customScrolling nav button .ctr-picture{width:100px;margin:0 10px;}
.superProducts > .customScrolling nav button .ctr-picture .picture-outer-container{border-radius:0;}
.superProducts > .customScrolling nav button h4{margin:.5em 0 0;}
.superProducts > #btnShowProductDescription{border:none;background-color:transparent;padding:0;cursor:pointer;text-decoration:underline;}
.superProducts > #btnShowProductDescription > .openLink{display:inline;}
.superProducts > #btnShowProductDescription > .closeLink{display:none;}
.superProducts > #btnShowProductDescription.open > .openLink{display:none;}
.superProducts > #btnShowProductDescription.open > .closeLink{display:inline;}
.superProducts > #btnShowProductDescription:hover{color:var(--primary-color);}

.filterValueLabel{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid var(--soft-text-color);border-radius:18px;text-decoration:none;transition:.2s;}
.filterValueLabel > i{width:1em;text-align:center;}
.filterValueLabel:hover{background-color:var(--primary-color);color:var(--text-for-primary-color);border-color:var(--standard-text-color);text-decoration:none;}
.filterValueLabel:focus{background-color:var(--primary-color);color:var(--text-for-primary-color);border-color:var(--standard-text-color);outline:1px solid var(--standard-text-color);}

.ctr-product-header .data-container .product-title > h1 > span#spanProductTitle{display:block;font-size:.7em;color:var(--light-text-color);font-weight:normal;}
.ctr-product-header .data-container .product-title > h1 > span#spanAuthorTitle{display:block;font-size:.5em;color:var(--soft-text-color);font-weight:normal;}
.ctr-product-header .data-container .product-title > h1 > span#spanAuthorTitle a{text-decoration:none;transition:.2s;letter-spacing:2px;}
.ctr-product-header .data-container .product-title > h1 > span#spanAuthorTitle a:hover{text-decoration:underline;}

#sct_features .text-container{display:flex;gap:100px;align-items:flex-start;padding:25px;}
#sct_features .text-container .left-column{flex:0.9;display:flex;flex-direction:column;gap:30px;}
#sct_features .text-container .right-column{flex:1.1;}
#sct_features .text-container .section-title{font-size:14px;text-align:left !important;font-weight:bold;text-transform:uppercase;margin:0 0 8px 0;color:#999;}
#sct_features .text-container .section-text{font-size:14px;margin:0 0 16px 0;line-height:1.6em;}

#sct_filters{border-top:1px solid var(--soft-gray-color);padding:25px 0;margin:0 25px;}
#sct_filters h3{text-align:left;font-size:14px;text-align:left !important;font-weight:bold;text-transform:uppercase;margin:0 0 25px 0;color:#999;}
#sct_filters .filters{display:flex;flex-flow:row wrap;gap:10px;}

@media only screen and (max-width:1002px) {

    .ctr-breadcrumbs .breadcrumb-list{display:block !important;}
    
    .classic-container > .column-content > section:first-of-type{margin-top:0;}

    #sct_features .text-container{flex-direction:column;gap:30px;padding:15px;}

    #sct_filters{margin:0 15px;}
    #sct_filters h3{margin:0 0 15px 0;}

}