/*
Theme Name: Eulalie Hnc Studio
Theme URI: https://studio.eulaliehncphotographie.fr
Description: Thème pour Eulalie Hnc Studio, Infographiste et WebDesigner
Version: 1.0
*/

@font-face {
    font-family: "Poppins Medium";
    src: url('https://studio.eulaliehncphotographie.fr/wp-content/themes/eulaliehncstudio/fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: "Poppins Light";
    src: url('https://studio.eulaliehncphotographie.fr/wp-content/themes/eulaliehncstudio/fonts/Poppins-Light.ttf');
}

@font-face {
    font-family: "Arapey";
    src: url('https://studio.eulaliehncphotographie.fr/wp-content/themes/eulaliehncstudio/fonts/Arapey-Regular.ttf');
}

body {
    margin: 0;
    font-family: 'Poppins Light', sans-serif;
}

.arapey {
    font-family: 'Arapey', serif;

}

h1.subtitle {
    font-weight: 100;
    font-size: 1rem;
    text-transform: uppercase;
}


section#container{
    display: flex;
    padding: 0;
    flex-direction: column;
    justify-content: center;
}

/* NAVBAR */


header nav {
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1%;

    border-bottom: 3px solid #709b4b;
    box-shadow: 0px 0px 5px #537436;
}


header nav div.menu-main-menu-container {
    width: 100%;
}

header nav div.menu-main-menu-container ul {
    display: flex;
    flex-direction: row;
    justify-content: center;

}

header nav div.menu-main-menu-container ul li {
    list-style-type: none;
    margin: 0% 2%;
}

header nav div.menu-main-menu-container ul li a {
    text-decoration: none;
    color: #537436;
    text-transform: uppercase;
    font-family: 'Poppins Medium', sans-serif;
    letter-spacing: 2px;
}

img#navbar-img {
    max-width: 300px;
}


div.menu-small {
    display: none;
}

/* NAVBAR RESPONSIVE */
@media screen and (max-width: 750px) {
    div.menu-small {
        display: block;
    }

    header nav {
        background-color: #ecd405;
        color: #537436;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }

    nav.open {
        height: 150px;
    }

    header nav div.menu-main-menu-container ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    header nav div.menu-main-menu-container ul li a {
        text-decoration: none;
        color: white;

    }

    header nav div.menu-main-menu-container ul {
        display: none;
    }


}

article a img {
    width: 25%;
    height: 25%;
}


/* ACCUEIL */

.cont-2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

div.cont-2 div {
    margin : 0% 2%;
}

section#acc-present {
    padding : 2% 5%;
    background-color: rgba(236, 212, 5, 0.7);
}

section#acc-services {
    padding : 2% 5%;
    background-color: white;
    text-align: center;
}


section#acc-services h2 {
    font-size: 1rem;
    font-weight: 100;
}

section#acc-services h3 {
    margin-top: -0.5%;
    font-family: 'Arapey', serif;
    font-size: 2rem;

}

.separation {
    padding : 1% 5%;
    background-color: #cfe5e8;
    text-align: center;
}


/* Affichage des articles 

ul.wp-block-latest-posts li a img, ul.wp-block-latest-posts li a{
    width : 100%;
    height : 300px;
}
ul.wp-block-latest-posts a.wp-block-latest-posts__post-title {
    display: none;
}

.wp-block-latest-posts__featured-image:hover {
    
}
*/

/* MISE EN PAGE REALISATIONS */
section#container-realisations {
    display : flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section#container-realisations article.type-post {
    width : 50%;
    height : 50%;
}

section#container-realisations  article.type-post a img{
    width : 100%;
    height : 100%;
}

/* ARTICLE */

.titres {
    text-align: start;
}

.titres h2.article-title {
    margin-top: -10px;
    font-family: 'Arapey-Regular', serif;
    font-size: 2rem;
}

section#container-single-post {
    padding : 8%;
}
section#container-single-post article, section#container-single-post article img
 {
    width : 100%;
}

.gallery-declinaisons figure img {
    width : 80% !important;
}




/* SERVICES */

section#services h2.arapey{
    font-size: 2.5rem;
}

section#services h4 {
    font-size: 1.75rem;
}

section#services h5 {
    font-size: 1.35rem;
}

div#srv-title {
    padding : 2% 5%;
    text-align : center;
}

div.sous-menu {
    display : flex;
    justify-content: center;
}
div.sous-menu a {
    margin : 1%;
}

section#graphisme {
    padding : 2% 5%;
    background-color: #ecd405;
}

section#web {
    padding : 2% 5%;
    background-color: #a9ddd6;
}

section#photographie {
    padding : 2% 5%;
    background-color: #bbc7a4;
}