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

.logo-home,
#index .logo-shop { display: none; }
#index .logo-home { display: block; }

#cascade_search {
padding: 0;
    margin-top: 70px;
    margin-bottom: 40px;
}
#cascade_search .horizontal-select, 
#cascade_search .horizontal-select:nth-child(1) {
    width: 33.333%;
    padding-right: 0;
}
#cascade_search .custom-dropdown__select--white select {
    background-color: #f35b25;
    color: #2a3356;
}
#cascade_search .custom-dropdown__select--white select[disabled="disabled"] {
    background-color: #2a3356;
    color: #f35b25;
    opacity: 1 !important;
}
#cascade_search .custom-dropdown__select select {
    padding: 2em 3em;
    font-size: 1.3em;
    font-weight: 700;
}
#cascade_search .custom-dropdown__select--white select {
    background-color: #f35b25;
    color: #2a3356;
}
#cascade_search .custom-dropdown__select--white select:focus-visible {
    outline: none;
}
#cascade_search .horizontal-select:not(:last-child) { position: relative; }
#cascade_search .horizontal-select:not(:last-child):after {
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background: #f35b25;
content: "";
}
#cascade_search .horizontal-select:first-child:after {
background: #2a3356;
}

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)){
.custom-dropdown::after {
    content: "\25BC";
    height: auto;
    font-size: 1em;
    line-height: 1;
    right: 2em;
    top: 50%;
    margin-top: -0.5em;
    color: #fff;
}
}

.cascadesearch_form { display: flex; }
#cascade_search .horizontal-select .block-horz {
    height: 100%;
}
.horizontal-select button#submitCascadeSearch {
    background: #2a3356;
    color: #f35b25;
    height: 100%;
    font-size: 1.3em;
    font-weight: 700;
}
.horizontal-select button#submitCascadeSearch:hover {
    background: #f35b25;
    color: #2a3356;
cursor: pointer;
}

#page #contact-form-box .form-box {
    position: relative;
    z-index: 99;
    width: 100%;
    top: auto;
    left: auto;
}

#page #contact-form-box .form-box #left-column { display: block !important; }
#page #contact-form-box .form-box #content-wrapper { width: 75%; }
#contact-form-box .page-content {
    width: 100%;
}

#page .subcategory-image,
.subcategory-description,
.functional-buttons { display: none !important; }