/* Customisation for STB
------------------------------------------------------ */

/* Color scheme
------------------------------------------------------ 
Jaune       -   #FFA400     rgba (255, 164, 0, 1);
Bleu clair  -   #009FFD     rgba (0, 159, 253, 1);
Bleu foncé  -   #2A2A72     rgba (42, 42, 114, 1);
Gris        -   #232528     rgba (35, 37, 40, 1);
Ciel        -   #EAF6FF     rgba (234, 246, 255, 1);
Noir        -   #000000     rgba (0,0,0.1);
Blanc       -   #ffffff     rgba (255,255,255.1);

Fontes

*/

@font-face {
    font-family: 'sangbleuempire-regular';
    src: url('webfonts/sangbleuempire-regular-webfont.woff2')
         url('webfonts/sangbleuempire-black-webfont.woff');
    font-weight: normal;
}


/* Header
------------------------------------------------------ */
p.site-title a,
h1.site-title a{
    display: block;
    width: 200px;
    height: 200px;
    background: url(images/logo-swiss-type-biennal-test.svg) no-repeat center center ;
    background-size: contain;
    text-indent: -5000000000px;
}


/* Media
------------------------------------------------------ */
img{
    filter: grayscale(100%);
}


/* Typography
------------------------------------------------------ */

h1, h2, h3, h4, h5, h6{
    font-family: 'sangbleuempire-regular';
    font-weight: normal;
    font-style: normal;
}

/* Event grid
------------------------------------------------------ */
.archive .site-main{
    
}

.archive-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}

.archive-grid article{
    border: 1px solid black;
    border-radius: 30px;
    padding: 1rem;
}

.event-info{
    border: 1px solid black;
    border-radius: 30px;
    padding: 1rem;
}

.entry-header .event-info-date{
    font-size: 2rem;
    margin: 0;
    font-weight: bold;
}

.event-info p {
    margin: 0;
}

.event-info h2{
    font-size: 2.5rem;
    font-weight: normal;
}

.read-more-link{
    padding: 1rem 0;
    text-align: right;
}

.read-more-link a{
    display: inline-block;
    padding: 0.5em 1em;
    background-color: black;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}


/* BURGER MENU ---------------- */

button.menu-toogle{
    background: url(images/icon-burger-off.svg) no-repeat center center;
    background-size: contain;
    border: 0;
    width: 50px;
    height: 50px;
    text-indent: -50000000000px;
    position: absolute;
    top: 1.5rem;
    right:1rem;
}

.toggled button.menu-toggle{
    background-image: url(images/icon-burger-on.svg);
}