@media (min-width: 992px) {
.filter-wrapper {
position: sticky;
top: 115px;
z-index: 5;
background: var(--main-color-one);
margin-top: 0;
}
}
div .filter-wrapper .active-categories a {
-webkit-transition: font-size .2s;
-o-transition: font-size .2s;
transition: font-size .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header--condensed ~ div .filter-wrapper {
top: 65px;
}
@media (max-width: 991px) {
.header--condensed ~ div .filter-wrapper {
top: 57px;
}
}
@media (max-width: 599px) {
.header--condensed ~ div .filter-wrapper {
top: 50px;
}
}
.header--condensed ~ div .filter-wrapper [class*="sf-item"] label {
font-size: .8em;
}
.header--condensed ~ div .filter-wrapper .active-categories-wrapper {
padding-top: 0;
}
.header--condensed ~ div .filter-wrapper .active-categories a {
font-size: .6em;
}
.filter-label {
font-weight: bold;
font-size: .8em;
margin-bottom: 10px;
margin-top: 0;
}
.searchandfilter input[type="checkbox"], input[type="radio"] {
all: unset;
cursor: pointer;
display: none;
}
.reset-checkbox-style input[type="checkbox"]::after, input[type="radio"]::after {
all: unset;
}
label {
cursor: pointer;
} .main-cat-filter {
padding: calc(var(--gutter) / 2) 0;
}
.searchandfilter {
text-align: center;
}
.searchandfilter input[type="submit"] {
display: none;
}
.searchandfilter div > ul,
.searchandfilter div > ul > li > ul {
padding-left: 0;
}
.searchandfilter ul {
list-style-type: none;
--list--font-family: var(--secondary-font-family);
}
[class*="sf-item"] {
border-radius: 50px;
background: transparent;
color: #fff;
cursor: pointer;
transition: background .2s, color .2s;
border: 1px solid #fff;
margin-right: var(--gutter);
}
[class*="sf-item"] input[type="checkbox"] + label,
[class*="sf-item"] label {
padding: 9px 24px 4px;
display: block;
margin: 0;
font-size: var(--global--font-size-base);
-moz-transition-property: font-size;
-webkit-transition-property: font-size;
transition-duration: 0.4s;
}
.windows-padding {
padding-top: 4px !important;
}
@media (max-width: 991px) {
[class*="sf-item"] input[type="checkbox"] + label,
[class*="sf-item"] label {
font-size: 1.5rem;
}
}
[class*="sf-item"].sf-option-active,
[class*="sf-item"]:hover,
[class*="sf-item"]:focus,
[class*="sf-item"]:active {
background: #fff;
color: var(--main-color-one);
} .main-cat-filter > form > ul,
.main-cat-filter > form > ul > li > ul {
margin: 0;
padding: 0;
}
.sf-level-0 {
display: inline-block; display: inline flow-root list-item;
margin: 5px 5px;
}
.searchandfilter .sf-level-0[class*="sf-item"] > label:not(:last-child)::after {
font-family: 'icomoon';
content: '\e902';
font-size: .45em;
margin-left: 5px;
} .children {
display: none;
position: absolute;
z-index: 10;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
border-radius: 26px;
margin-top: 21px;
width: 285px;
padding: 20px;
}
.open .children {
display: block;
}
.children [class*="sf-item"] {
color: var(--main-color-one);
transition: border-color .2s;
width: max-content;
margin-bottom: 10px;
}
.children [class*="sf-item"]:last-child {
margin-bottom: 0;
}
.children [class*="sf-item"] label {
font-size: 1em;
}
.children [class*="sf-item"]:hover,
.children [class*="sf-item"]:focus,
.children [class*="sf-item"]:active,
.children .sf-option-active {
border-color: var(--main-color-one);
color: var(--main-color-one);
}
.active-categories-wrapper {
padding-top: calc(var(--gutter) / 2);
position: absolute;
display: none;
left: 0;
right: 0;
background: var(--main-color-one);
padding-bottom: calc(var(--gutter) / 2);
}
.active-categories a {
text-decoration: none;
padding: 5px 10px;
font-size: 1.5rem;
display: block;
float: left;
transition: color .2s;
}
.active-categories a:hover,
.active-categories a:focus,
.active-categories a:active {
color: var(--base-text-color-dark);
}
.active-categories a::after,
.children [class*="sf-item"].sf-option-active > label::after {
content: '\e903';
font-family: 'icomoon';
margin-left: var(--gutter);
font-size: .8em;
}
.active-categories a::after {
margin-left: 5px;
}
.comment-list .comment ul.children {
display: block;
position: inherit;
padding: 0px;
background: #007A8B;
box-shadow: none;
}
.comment-list .comment ul.children p{
font-size: 20px;
}