body{
    background-color: #F7EFE5;
}

/*
** ARCHIVE
*/

.archive-thumbnail img{
padding: 1rem;
background-color: rgb(255, 255, 255);
border: 10px purple solid ;
clip-path: polygon(100% 0, 100% 57%, 83% 73%, 64% 91%, 38% 76%, 0 100%, 0 0);
overflow: hidden;
}

.archive-grid,
.home .site-main {
    background-color: pink;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 3%;

}

.archive-grid article,
.home .site-main article{
    width: 30%;
    text-align: center;
    position: relative;
}

.archive-grid .entry-header {
    position: absolute;
    top: 50%;
    width: 100%;
}

.archive-grid .entry-header h3 {
    text-align: center;
    color: white;
    font-size: 3rem;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.archive-grid article img {
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.archive-grid article a:hover h3{
    opacity: 1;
}

.archive-grid article a:hover img{
    filter: grayscale(0);
    transform: scale(1.025);
    box-shadow: 15px 15px 15px rgba(28, 30, 30, 0.3);
}

/*
** 3D
*/

.canvas-box {
    height: 500px;
}

/* header */

.site-header{
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
margin: auto;


}

.site-header .nav-menu li a {
display: inline-block;
    padding: 0 1em ;
}

.site-header .nav-menu li {
margin: 0 1rem;

}

 .site-header .container{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.main-navigation{
    width: auto;
}

/* couleur rouge */
.site-header .nav-menu li.current-menu-item a ,
.site-header .nav-menu li a:hover
{
color: rebeccapurple;
}

.site-header .nav-menu li a
{
color: teal;
}


.nav-menu{
    display: inline-block;
    align-items: center;
}
    
.site-branding a {
    color: bisque;
}

/* inner  */

.inner{
    width: 80%;
    margin: auto;
    background-color: red;
}

/* pour le titre */
    /* .titre{
z-index: 100;

    } */


.postid-31 .entry-header{
    display: none;
}