.brand-archive-layout {
flex-direction: column;
}
.brand-sidebar {
display: none;
width: 100%;
margin-bottom: 20px;
}
.brand-sidebar.active {
display: block;
}
.filter-toggle {
display: block;
width: 100%;
padding: 12px 20px;
background-color: #095d55;
color: white;
border: none;
border-radius: 4px;
margin-bottom: 20px;
cursor: pointer;
font-weight: 500;
text-align: center;
position: relative;
}
.filter-toggle:after {
content: "+";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 20px;
}
.filter-toggle.active:after {
content: "-";
}
.widget-title:after {
content: "+";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.widget-title.active:after {
content: "-";
}
.widget-content {
display: none;
padding: 15px;
}
.widget-content.active {
display: block;
} @media screen and (min-width: 768px) {
.brand-archive-layout {
display: flex;
flex-direction: row;
gap: 2rem;
}
.brand-sidebar {
display: block;
flex: 1;
}
.filter-toggle {
display: none;
}
.widget-title {
cursor: default;
}
.widget-title:after {
display: none;
}
.widget-content {
display: block !important;
}
}