/*
 Theme Name:   Librex Ulb
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Twenty child
 Author:       F.R.
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  librexulbsite
*/

@font-face {
    font-family: 'inconsolataregular';
    src: url('fonts/inconsolata-regular-webfont.woff2') format('woff2'),
         url('fonts/inconsolata-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'inconsolatabold';
    src: url('fonts/inconsolata-bold-webfont.woff2') format('woff2'),
         url('fonts/inconsolata-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, .entry-content,  .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file
  {font-family: 'inconsolataregular'; }
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%
}
.section-inner {max-width: 155rem}
h1, h2, h3, h4, h5,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {  font-family: 'inconsolatabold';font-weight: normal;}
.contentsflex h2 {font-size: 2.5rem; line-height: 1;}
a:not(.ab-item) {text-decoration: none; color: black !important}
.has-social-menu a {color: white !important}
.primary-menu a { font-family: 'inconsolatabold'; text-transform: uppercase;}

ul.primary-menu li ul li a {color: white !important}



.featured-media-inner {left: 0;
width: 100vw;
max-width: 100vw;}
.featured-media img {width: 100%}

.single .entry-header {border-bottom:solid 2px black; border-top:solid 2px black}

#homeflex h2 {margin: 0; margin-bottom: 1rem}
.posttype {margin: 0px;
    text-align: right;
    font-size: 1.7rem;
    text-transform: uppercase;
    width: 100% !important;
    max-width: 100% !important;}

#homepremier {min-height: 70vh; position: relative;margin-bottom: 2rem}
#homepremier article {background-size: cover; position: absolute;width: 100%; height: 100%; background-position: center;}
#homepremier article .post-inner {text-align: right;
padding: 3rem 10rem;
color: white;
background-color: rgba(0,0,0,0.5);
width: auto;
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
text-shadow: 2px 2px 2px #000000;}
#homepremier article .post-inner a {color: white;text-shadow: 2px 2px 2px #000000;}

.articletop a:hover .entry-content, .articletop a:hover h2 {transform: scale(0.99);
  transform-origin: center;-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}
.articletop a .entry-content, .articletop a h2 {-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}

.contentsflex {display: flex;flex-wrap: wrap; max-width: 155rem; margin: 0 auto}
.contentsflex article {width: 33%; padding:2rem }
@media screen and (max-width: 800px) {
  .contentsflex article {width: 50%; padding:2rem }
}
@media screen and (max-width: 400px) {
  .contentsflex article {width: 100%; padding:2rem }
}
.contentsflex article a:hover img {opacity: 0.85;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}
.contentsflex article a img {
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}

.contentsflex article a:hover {color: black !important;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}
.contentsflex article a {-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;}

.contentsflex .post-inner {padding-top: 0}

body:not(.single) #metafield {width: 100%; max-width: 100%}
body:not(.single) .metafield {width: 100% !important; max-width: 100% !important; margin-bottom: 2rem}

.metafield {font-style: italic; font-size: 1.5rem}

.postsflex .entry-content{background: white;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
padding: 10px 20px 20px 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
overflow: auto;
z-index: 1;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
top: 0;}

.pagination {width: 100%; text-align: center;}


.searchandfilter .sf-input-select, .searchandfilter .sf-input-text, .searchandfilter .sf-label-checkbox, .chosen-container .chosen-drop, .chosen-container-single .chosen-single, .chosen-container-multi .chosen-choices {

    border: solid 1px black !important;
    background-color: #FAF9F8;
    color: black !important;
    font-size: calc(9px + 0.4125vw) !important;
    letter-spacing: 0.025em;
    border-radius: 0 !important;
    cursor: pointer;
    width: 100%;
    background-image: none;
    box-shadow: none;
    font-family: inherit;
text-transform: uppercase;

}
.searchandfilter .sf-input-text {
    padding: 1.5rem;
}
.searchandfilter select.sf-input-select {
    min-width: 170px;
    padding: 1.5rem;
}

.searchandfilter > ul {
padding: 1rem 5rem;
background-color: white;}
.searchandfilter{text-align:center;}
.searchandfilter ul li{
    display: inline-block;
    margin-right: 1rem;
}

.searchandfilter ul li ul li label {padding: 1.6rem}
.searchandfilter ul li ul li input {display: none}
.searchandfilter ul li ul li.sf-option-active label {background-color: #E53C41; color: white !important}



.datesingle, .dateecrit, .heures {display: inline;}

#pdfbulletin {text-align: center;}
a.btn {background-color:black; padding: 0.5rem; border-radius:5px; border:solid 1px black; color:white !important}
a.btn:hover {background-color:white; color:black !important}

@media screen and (min-width: 1000px) {
    .header-toggles.hide-no-js {display: none !important;}
}