/*** FILTER LIST ***/

#avqcevt_filterlist .mobile {display: none;}

#avqcevt_filterlist .filters_controls {display: flex; justify-content: space-between; margin-bottom: 1em;}
#avqcevt_filterlist .filters_controls h4 {margin: 0; color: #2384bc; text-transform: uppercase; font-family: 'Source Sans Pro'; font-size: 1em; line-height:1.8em;}
#avqcevt_filterlist .filters_controls button {margin: 0; color: #999; text-transform: uppercase; font-family: 'Source Sans Pro'; font-size: 1em; line-height:1.8em; background: none; border:none; padding: 0; font-weight: bold;}
#avqcevt_filterlist .filters_controls button:hover {color: #2384bc;}

#avqcevt_filterlist .filters_results {display: flex; justify-content: space-between; margin-bottom: 2em;}
#avqcevt_filterlist .filters_results div {margin: 0; color: #999; text-transform: uppercase; font-family: 'Source Sans Pro'; font-size: 1em; line-height:1.8em; font-weight: bold;}
#avqcevt_filterlist .filters_results button {margin: 0; color: #999; text-transform: uppercase; font-family: 'Source Sans Pro'; font-size: 1em; line-height:1.8em; background: none; border:none; padding: 0; font-weight: bold;}
#avqcevt_filterlist .filters_results button:hover {color: #2384bc;}

#avqcevt_filterlist .filters {display: flex; justify-content: space-between; gap: 1em; margin-bottom: 1em;}
#avqcevt_filterlist .list {width: 100%;}
#avqcevt_filterlist .list .rw {display: flex; flex-wrap: wrap;}
#avqcevt_filterlist .list .rw > .cl {flex:1 1; padding: 1em 0.5em;}


#avqcevt_filterlist .list .rw {border-bottom: solid 2px #d5d6d7;}
#avqcevt_filterlist .list .rw.header {font-weight:bold; text-transform: uppercase; border-bottom: solid 1px #5d6166; }
#avqcevt_filterlist .list .rw.header .cl {padding: 0.2em 0.5em; cursor: pointer;}
#avqcevt_filterlist .list .rw.header .cl i {margin-left: 1em;}

#avqcevt_filterlist .list .rw > .cl.toggle {min-width: 40px; max-width: 40px; flex: 0; text-align: center;}

#avqcevt_filterlist .list .body .rw > .cl.toggle {cursor: pointer;}
#avqcevt_filterlist .list .body .rw > .cl.toggle:hover {background: rgba(0, 0, 0, 0.1);}
#avqcevt_filterlist .list .body .rw > .cl.toggle i.fa-angle-up {display: none;}
#avqcevt_filterlist .list .body .rw > .cl.toggle.active i.fa-angle-up  {display: inline-block;}
#avqcevt_filterlist .list .body .rw > .cl.toggle.active i.fa-angle-down  {display: none;}

#avqcevt_filterlist .list .body .rw > .cl.expander { min-width: 100%; transition: transform 0.2s, padding 0.2s; transform-origin: top; transform: scaleY(0); height:0; overflow: hidden; padding: 0 0.5em;}
#avqcevt_filterlist .list .body .rw > .cl.expander.active {border-top: solid 2px #eaeaea; transform: scaleY(1); height: auto; padding: 1em 0.5em;}

#avqcevt_filterlist .list .body .rw > .cl.expander {display: flex; gap:1em;}
#avqcevt_filterlist .list .body .rw > .cl.expander > div {flex: 1;}
#avqcevt_filterlist .list .body .rw > .cl.expander > div > h5 {font-size: 0.9em; margin: 0.5em 0; font-weight: 900;}
#avqcevt_filterlist .list .body .rw > .cl.expander a {color: #d43b39; text-decoration: underline;}
#avqcevt_filterlist .list .body .rw > .cl.expander .contact-info > div {display: flex;}
#avqcevt_filterlist .list .body .rw > .cl.expander .contact-info > div > div {flex: 1;}
#avqcevt_filterlist .list .body .rw > .cl.expander .contact-info > div > div:first-child {font-family: 'Source Sans Pro',sans-serif; font-size: 0.9em; text-transform: uppercase; font-weight: bold; max-width: 25%; min-width: 150px;}

#avqcevt_filterlist .list .body .rw > .cl.expander .readmore {margin-top:1em;}

#avqcevt_filterlist .list .body .rw > .cl.expander a.invitation {color: white; background:#d43b39; padding:1em; border-radius:5px; text-decoration:none; text-transform:uppercase;font-family: 'Source Sans Pro',sans-serif;}
#avqcevt_filterlist .list .body .rw > .cl.expander a.invitation:hover {opacity: 0.6;}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.multiselect {
    flex: 1 1 0;
    width: 0;
    font-size: 1em;
    transition: 0.2s;
    outline: none;
    background: white;
    color:#2384bc;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.multiselect:hover {

}

.multiselect.active {

}

.multiselect > .title {
    cursor: pointer;
    padding: 1em;
    position: relative;
}

.multiselect > .title > .text {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 1em;
}

.multiselect > .title > .expand-icon {
    position: absolute;
    right:1em;
    top:1em;
    border-radius: 50%;
    padding: 0 4px;
    transition: 0.2s;
}

.multiselect > .title > .close-icon:hover {
    background: rgb(203, 32, 32);
    color: #fff;
}

.multiselect > .container {
    max-height: 200px;
    overflow: auto;
    transition: 0.2s;
    position: absolute;
    width: 100%;
    z-index: 99;
    background: #fff;
}

.multiselect:hover > .container {
}

.multiselect.active:hover > .container {

}

.multiselect > .container > div {
    display: none;
    padding: 1em;
    cursor: pointer;
    transition: 0.2s;
    font-weight: bold;
}

.multiselect > .container > div.selected {
    background: #2384bc;
    color: #fff;
}

.multiselect > .container > div:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #2384bc;
}

.multiselect.active > .container > div {
    display: block;
}


@media only screen and (max-width: 760px) {
    #avqcevt_filterlist .mobile {display: block;}
    #avqcevt_filterlist .desktop {display: none;}

    .multiselect {margin-bottom: 1em;  width: 100%;}

    #avqcevt_filterlist .filters {display: block;}

    #avqcevt_filterlist .list .rw.header {display: none;}
    #avqcevt_filterlist .list .rw {display: block;}
    #avqcevt_filterlist .list .rw > .cl {padding: 0.2em 0;}
    #avqcevt_filterlist .list .rw > .cl > .mobile {display: inline-block; margin-right: 2em;}

    #avqcevt_filterlist .list .rw > .cl.toggle {min-width: initial; max-width: initial; flex: 0; text-align: right;}
    #avqcevt_filterlist .list .rw > .cl.toggle .mobile {margin-right: 1em; text-transform: uppercase; font-family: 'Source Sans Pro',sans-serif;}

    #avqcevt_filterlist .list .body .rw > .cl.expander.active {padding: 0.5em 0;}
    #avqcevt_filterlist .list .body .rw > .cl.expander > div:first-child {display:none;}

    #avqcevt_filterlist .list .body .rw > .cl.expander .contact-info > div {display: block;}
}

/*** SINGLE PAGE ***/

article.avqc-evenement h1 {font-weight: 300;}
article.avqc-evenement h2 {font-size: 2em;}

article.avqc-evenement hr {margin: 2em 0; background-color:#ccc;}

article.avqc-evenement .avqcevt_invitation {text-align: center;}
article.avqc-evenement .avqcevt_invitation a {color: white; background:#d43b39; padding:1em; border-radius:5px; text-decoration:none; text-transform:uppercase;font-family: 'Source Sans Pro',sans-serif;}
article.avqc-evenement .avqcevt_invitation a:hover {opacity: 0.6;}


article.avqc-evenement .avqcevt_details {display: flex;}
article.avqc-evenement .avqcevt_details > div {flex:1 1;}
article.avqc-evenement .avqcevt_details h5 {margin-bottom: 0.5em; font-size: 1em;}
article.avqc-evenement .avqcevt_details .subtitle {font-weight: bold;}
article.avqc-evenement .avqcevt_details .dates {display: flex; gap: 4px;}