.carmen-orarend-filter{
position:relative;
margin:14px 0 18px;
display:flex;
flex-direction:column;
align-items:stretch;
} .carmen-orarend-filter__toggle{
display:inline-flex;
align-items:center;
gap:8px;
align-self:flex-end;
cursor:pointer;
user-select:none;
text-decoration:none;
color:#f05a3a;
font-weight:700;
margin-top: 90px;
}
.carmen-orarend-filter__toggle-ico{
width:16px;
height:16px;
display:block;
} .carmen-orarend-filter__toggle-text{ order:1; }
.carmen-orarend-filter__toggle-ico--closed{ order:2; display:block; }
.carmen-orarend-filter__toggle-ico--open{ order:0; display:none; } .carmen-orarend-filter__panel{
overflow:hidden;
max-height:0;
opacity:0;
transform:translateY(-6px);
transition:max-height .35s ease, opacity .25s ease, transform .25s ease;
}
.carmen-orarend-filter.is-open .carmen-orarend-filter__panel{
max-height:520px;
opacity:1;
transform:translateY(0);
}
.carmen-orarend-filter.is-open .carmen-orarend-filter__toggle{
margin-top: 0px;
color:#FFFFFF;
} .carmen-orarend-filter.is-open .carmen-orarend-filter__toggle-text{ order:2; }
.carmen-orarend-filter.is-open .carmen-orarend-filter__toggle-ico--open{ order:1; display:block; }
.carmen-orarend-filter.is-open .carmen-orarend-filter__toggle-ico--closed{ display:none; } .carmen-orarend-filter__inner{ }
.carmen-orarend-filter.is-open{
background-image:url(//carmen-dance.hu/wp-content/plugins/orarend/images/orarend-szuro-bg.png);
background-repeat:no-repeat;
background-position:top center;
background-size:100% 100%;
border-radius: 0 0 28px 28px;
overflow:hidden;
padding: 100px 22px 22px 18px;
height: 234px;
} .carmen-orarend-filter__fields{
display:grid;
gap:14px;
grid-template-columns:repeat(3, minmax(0, 1fr));
}
@media (max-width:900px){
.carmen-orarend-filter__fields{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:600px){
.carmen-orarend-filter__fields{ grid-template-columns:1fr; }
}
.carmen-orarend-filter__fields label{
display:block;
font-size:12px;
font-weight:800;
margin:0 0 6px;
color:#2b2b2b;
}
.carmen-orarend-filter__fields select{
width:100%;
height:40px;
border-radius:4px;
border:1px solid rgba(0,0,0,.15);
padding:0 10px;
background:#fff;
} .carmen-orarend-filter__fields button[type="submit"],
.carmen-orarend-filter__fields input[type="submit"]{
display:none !important;
} .orarend-grid{
display:grid;
grid-template-columns:repeat(7, minmax(0, 1fr));
gap:14px;
align-items:start;
}
.orarend-col{ min-width:0; }
.orarend-col h3{
text-align:center;
margin:0 0 10px;
}
@media (max-width:1200px){
.orarend-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}
@media (max-width:900px){
.orarend-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}
@media (max-width:700px){
.orarend-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width:520px){
.orarend-grid{ grid-template-columns:1fr; }
} .orarend-grid .orarend-lesson-link{ text-decoration:none; }
.orarend-grid .orarend-lesson-box{ border-width:1px;
} .orarend-grid .orarend-lesson-box.can-apply{
color:#fff !important;
}
.orarend-grid .orarend-lesson-box.can-apply *{
color:inherit !important;
}
.orarend-grid .orarend-lesson-box.lesson-salsa.can-apply{
background:#1a9a43 !important;
border-color:#1a9a43 !important;
}
.orarend-grid .orarend-lesson-box.lesson-bachata.can-apply{
background:#a53e9e !important;
border-color:#a53e9e !important;
}
.orarend-grid .orarend-lesson-box.lesson-vonalas.can-apply{
background:#2c90cf !important;
border-color:#2c90cf !important;
}
.orarend-grid .orarend-lesson-box.lesson-lady.can-apply{
background:#fc6ac9 !important;
border-color:#fc6ac9 !important;
} .orarend-grid .orarend-lesson-box.no-apply{
background:#fff !important;
}
.orarend-grid .orarend-lesson-box.lesson-salsa.no-apply{
border-color:#1a9a43 !important;
color:#1a9a43 !important;
}
.orarend-grid .orarend-lesson-box.lesson-bachata.no-apply{
border-color:#a53e9e !important;
color:#a53e9e !important;
}
.orarend-grid .orarend-lesson-box.lesson-vonalas.no-apply{
border-color:#2c90cf !important;
color:#2c90cf !important;
}
.orarend-grid .orarend-lesson-box.lesson-lady.no-apply{
border-color:#fc6ac9 !important;
color:#fc6ac9 !important;
} .orarend-grid .orarend-form-icon{ z-index: 20; }