/*
Theme Name: Woody
Text Domain: themewoody
Author: Le Studio Culotté
Author URI: https://le-studio-culotte.com/
Description: Ce thème est développé par Le Studio Culotté et conçu pour Woody
Version: 2.0
Requires at least: 5.0
Tested up to: 6.2
Requires PHP: 7.2
*/
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');
*, ::before, ::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
}
body{
    overflow-x: hidden;
}
h1{
    font: 900 38px/3rem "Krona One";
    text-align: center;
    color: #2c3338;
}
h2{
    font: 700 24px/2rem "Krona One";
    text-transform: uppercase; 
    color: #2c3338;
}
h3{
    font: 700 14px/1.7rem "Krona One";
    color: #2c3338;
}
.wp-block-button a, .other a, .blog-part a.wp-block-post-excerpt__more-link{
    font: 500 14px/1.7rem "Krona One";
    color: white;
    border: 2px solid white;
    margin: 20px 0;
    padding: 0.3rem 1rem;
    background-color: transparent;
    border-radius: 3px;
    text-transform: uppercase;
}
.wp-block-button a:hover::after, .other a:hover::after{
    content: " >";
    color: #c2ab92;
}
.wp-block-button a:hover, .other a:hover{
    border: 2px solid transparent;
    border-radius: 2px;
    background-color: hsla(0,0%,100%,.2);
}
.black a.wp-block-button__link{
    color: #2c3338;
    border: 2px solid #2c3338;
}
.banner a.wp-block-button__link{
    color: #fff;
    border: 2px solid #fff;
}
p, a{
    font: 500 14px/1.7rem "Space Grotesk";
    color: #2c3338;
}
.wp-block-post-title a{
    font: 700 20px/1.7rem "Space Grotesk";
}
span, label, input{
    font: 500 17px/1.7rem "Space Grotesk";
    color: #2c3338;
}
hr{
    border-bottom: 1px solid #c2ab92 !important;
    width: 75%;
    margin: 2.75% 0;
}
.wp-block-separator{
    border: 0px solid;
}

/* Header */
header.head{
    position: fixed;
    width: 100%;
    z-index: 999;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #2C3338;
}
/* Burger Menu */
header.head .burger-menu{
    height: 20px;
    width: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}
header.head .burger-menu .line{
    height: 2px;
    width: 100%;
    border-radius: 5px;
    background: #C2AB92;
    transition: all 0.5s ease-in-out;
    position: absolute;
}
header.head .burger-menu .line:nth-child(1){
    top: 0px;
}
header.head .burger-menu .line:nth-child(2){
    top: 8px;
}
header.head .burger-menu .line:nth-child(3){
    top: 16px;
}
header.head .burger-menu.active .line:nth-child(1){
    top: 8px;
    transform: rotate(135deg);
}
header.head .burger-menu.active .line:nth-child(2){
    transform: scaleY(0);
}
header.head .burger-menu.active .line:nth-child(3){
    top: 8px;
    transform: rotate(-135deg);
}
header.head .burger-menu.active .line{
    color: #C2AB92;
    background-color: #C2AB92;
}
/* Sub Menu */
.dropdown-toggle {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
    margin-left: 10px;
    cursor: pointer;
}
.dropdown-toggle.active {
    transform: rotate(180deg);
}
.sub-menu {
    display: none;
}
/* Navigation */
nav{
    display: none;
    padding-top: 100px;
    height: 100vh;
    position: fixed;
    background-color: white;
    width: 100%;
    z-index: 998;
}
nav ul{
    width: 100%;
    padding-left: 40px;
}
nav.open{
    display: flex;
    background-color: black;
}
nav.open a, nav.open li{
    color: white;
    padding: 10px 0;
    font-size: 16px;
}
/* Footer */
footer .credits{
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
}
footer .credits #tarteaucitronManager{
    margin: 0;
    cursor: pointer;
}
footer .credits span{
    margin: 0 1rem;
}
.icon-footer{
    margin-top: 0.938rem;
    width: 160px;
    height: auto;
    display: flex;
}
.icon-footer a{
    margin-right: 1.563rem;
}
footer h2.title-link-footer, footer h2.title-link-footer a{
    font: 700 1rem/1rem "Krona One";
    text-transform: uppercase;
}
footer h2.title-link-footer{
    padding-top: 5px;
}
footer a{
    color: black;
}
footer h3{
    color: white;
}
footer .commercial-requests{
    background-color: #c2ab92;
    padding: 80px 50px;
}
footer .commercial-requests .wp-block-group{
    display: flex;
    justify-content: center;
}
footer .commercial-requests .wp-block-group .wp-block-group__inner-container.commercial{
    display: block;
}
footer .commercial-requests .part-left hr{
    border-bottom: 1px solid black !important;
    width: 10%;
    margin-top: 30px;
}
footer .commercial-requests .part-middle{
    padding: 25px 0;
}
footer .commercial-requests .part-right{
    min-width: fit-content;
}
footer .commercial-requests .part-right button{
    border: 2px solid #2c3338;
    margin-bottom: 15px;
}
footer .commercial-requests .part-right button a{
    font: 500 14px/1.7rem "Krona One";
}
footer .commercial-requests .part-right button:hover{
    color: white;
    border: 2px solid transparent;
    border-radius: 2px;
    margin-bottom: 15px;
    background-color: rgba(0,0,0,.05);
}
footer .commercial-requests .part-right button:hover:after{
    content: " >";
    color: #c2ab92;
}
footer .site-footer{
    padding: 80px 50px;
}
/* Single */
main.single section header{
    text-align: center;
    margin-bottom: 1rem;
    display: none;
}
main.single section header p{
    font-style: italic;
}
main.single section.categories{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1rem 0 calc(1rem - 5px);
}
main.single section.categories a{
    border: 1px dotted black;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
main.single section.similar{
    display: none;
}
/* main.single section.similar{
    text-align: center;
}
main.single section.similar h2, main.single section.similar ul li{
    margin-bottom: 1rem;
}
main.single section.similar ul li img{
    max-width: 300px;
}
main.single section.similar ul li p{
    font-style: italic;
} */
main.single h2{
    margin-bottom: 20px;
}
main.single p{
    font: 500 16px/1.7rem "Space Grotesk";
}
/* main.single .is-layout-flex{
    padding: 20px 0;
} */
main.single a{
    color: #c2ab92;
}
main.single .fond-gris{
    background-color: #f4f5f5;
}
main.single .fond-gris, main.single .fond{
    padding-top: 20px;
}
main.single header p{
    display: none;
}
main.single .fond-gris .hr{
    padding: 0;
}
/* Comments */
section.comments h2{
    margin-bottom: .5rem;
    display: flex;
}
section.comments h2 span{
    margin-left: 1rem;
}
section.comments .comments-list{
    display: none;
}
section.comments .comments-list.open{
    display: block;
}
section.comments .comments-list ul li, section.comments .comments-list ul li div.comment-body{
    margin-bottom: 1rem;
}
section.comments .comments-list ul li div.comment-body{
    border: 1px solid black;
    padding: 10px;
}
section.comments .comments-list ul li ul.children{
    padding-left: 1rem;
}
section.comments .comment-respond h3 {
    margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input{
    margin-bottom: 1rem;
}
section.comments .comment-respond .comment-form .comment-input input, section.comments .comment-respond .comment-form .comment-textarea textarea{
    width: 100%;
    border: 1px solid black;
    padding: 5px;
    max-width: 500px;
}
section.comments .comment-respond .comment-form .comment-textarea label{
    display: block;
}
section.comments .comment-respond .comment-form .comment-textarea textarea{
    height: 150px;
}
section.comments .comment-respond .comment-form .form-submit {
    text-align: center;
    margin: 1rem;
}
section.comments .comment-respond .comment-form .form-submit input{
    padding: 10px;
}
/* 404 */
main.error-404{
    text-align: center;
}
main.error-404 h1{
    margin-bottom: 2rem;
}
main.error-404 p{
    margin: 1rem 0;
}
main.error-404 a{
    text-decoration: underline;
}
main.error-404 .searchform form{
    margin: 0 auto;
}
/* Search Form */
.searchform{
    margin: 1rem 0;
}
.searchform form{
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid black;
    border-radius: 10px;
    padding: 5px;
}
.searchform form input{
    width: 75%;
    height: 25px;
}
.searchform form button{
    padding: 0;
    border: none;
}
.searchform form button img{
    width: 20px;
    height: 20px;
}
/* Search & Catégories */
main section.results .post{
    margin-bottom: 1rem;
}
main section.results .post .content .date{
    font-style: italic;
}
main section.results .post .content .excerpt{
    margin-bottom: 1rem;
}
main section.results .post .content .categories{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1rem 0 calc(1rem - 5px);
}
main section.results .post .content .categories a{
    border: 1px dotted black;
    padding: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}
main select.select-categories{
    margin-bottom: 1rem;
    border: 1px solid black;
    padding: 5px;
}
.taxonomy-category span{
    color: #c2ab92;
}
.taxonomy-category a{
    font: 400 12px/1.7rem 'Krona One';
    text-transform: uppercase;
}
.wp-block-post hr, .blog-part hr{
    width: 20%;
}
h2.wp-block-post-title{
    text-transform: none;
}
/* Sitemap */
main.sitemap{
    margin-bottom: 2rem;
}
main.sitemap ul li, main.sitemap option{
    padding-left: 15px;
}
/* Tools */
/* .alignfull{
    width: 100vw;
	max-width: 100vw; 
	margin-left: calc(50% - 50vw);
} */
p{
    margin-bottom: .5rem;
}
img{
    max-width: 100%;
    height: auto;
}
button{
    background-color: initial;
    padding: 10px;
    border: 1px solid black;
}
/* Blog */
.fond-blog{
    background-color: #f4f5f5;
}
.blog-article .wp-block-post-excerpt a{
    font: 500 14px/2rem "Krona One";
    padding: 5px 10px;
    border-radius: 3px;
    margin-top: 20px;
}
.counter .box .title{
    font: 500 14px/2rem "Krona One";
    color: #0e2431;
}
.counter{
    display: block;
}
.num {
    font: 500 70px/2rem "Space Grotesk";
    margin: 20px 0;
    color: #c2ab92;
}
.box {
    flex: 1;
    text-align: center;
    padding: 20px;
    color: #000;
    text-transform: uppercase;
}
  
/* Main */
body main .banner .is-layout-flex{
    display: block;
    text-align: center;
}
.banner h1{
    padding: 10px;
    text-shadow: 0px 0px 20px #757575;                          
}
main .banner-accueil .colums-right, main .banner-accueil{
    gap: 0;
    align-items: normal;
}
main .banner-accueil{
    display: inherit;
}
main .hero .banner-title h1{
    -webkit-text-stroke: 1px #C2AB92;
    text-stroke: 1px #C2AB92;
    color: transparent;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 2.3rem;
}
main .banner-accueil .colums-left .hero .wp-block-group__inner-container{
    width: 100%;
}
main .banner-accueil .fond-shop{
    background-color: transparent;
}
main .banner-accueil .fond-shop .wp-block-button a{
    color: white;
    border: 2px solid white;
}
main .photography-fond .about-me-col{
    padding-top: 5rem;
}
.photography-fond hr, .fond-shop hr, .safe hr, .fond-blog-about .about-me-blog hr, .fond-blog hr, .blog-article hr{
    width: 10%;
}
.fond-blog-about .about-me-blog hr, .fond-blog hr, .blog-article hr, article hr, .colums-fond-blog hr, .colums-image-blog hr, .blog-tag hr, .image-lightroom hr{
    width: 20%;
}
.about-me hr, .life-stats hr, .if-was hr, main.single article .safe hr{
    width: 35%;
}
.photography-fond h2,.photography-fond p, .safe h2, .safe p, .fond-blog-about h2, .fond-blog-about p{
   color: white;
}
.photography-fond h2, .photography-fond .about-me-accueil{
  padding-bottom: 25px;
}
.photography-fond .about-me-accueil{
  padding-top: 45px;
}
.photography-fond, .safe{
    padding: 48px 0;
    background-color: #2c3338;
    color: white;
    margin: auto;
}
.fond-blog-about{
    background-color: #2c3338;
    color: white;
    margin: auto;
}
.fond-blog-about{
    background-color: #2c3338;
    color: white;
    margin: auto;
}
.fond-blog, .blog-article, .fond-blog-about, .collection{
    padding: 50px 0;
}
.fond-blog h3, .blog-article h3, .fond-blog-about h2{
    padding-bottom: 30px;
}
.wp-block-group__inner-container, .photography-fond .wp-block-group__inner-container, .fond-shop .wp-block-group__inner-container, .comming-soon .wp-block-group__inner-container, .safe .wp-block-group__inner-container{
    width: 80%;
    margin: auto;
}
.photography-fond .wp-block-button.insta a, .blog-article .wp-block-post-excerpt a, .wp-block-button.insta a, .blog-part a.wp-block-post-excerpt__more-link{
    color: #c2ab92;
    border: 2px solid #c2ab92;
    margin-bottom: 15px;
}
.blog-part a.wp-block-post-excerpt__more-link{
    margin-bottom: 70px;
}
.photography-fond .wp-block-button.insta a:hover, .blog-article .wp-block-post-excerpt a:hover, .wp-block-button.insta a:hover{
    color: white;
    border: 2px solid transparent;
    margin-bottom: 15px;
    background-color: rgba(0,0,0,.05);
}
.photography-fond .wp-block-button.insta a:hover::after, .blog-article .wp-block-post-excerpt a:hover::after, .wp-block-button.insta a:hover::after{
    content: " >";
    color: #c2ab92;
}
.photo-col{
    padding-bottom: 60px;
}
.fond-shop, .comming-soon{
    background-color: #f4f5f5;
    padding: 50px 0 50px;
}
.collection, .blog-part{
    background-color: #f4f5f5;
}
.fond-shop a{
    color: black;
    border: 2px solid black;
    margin-top: 0px;
}
.fond-shop h2{
    padding: 20px 0 40px;
}
.fond-shop .fines-col{
    padding-bottom: 20px;
}
.fond-shop hr{
    margin: 0;
}
.collection hr{
    width: 30%;
}
.collection h2{
    padding-bottom: 40px;
}
.collection{
    padding-bottom: 60px;
}
h3.has-text-align-center.wp-block-post-title.has-medium-font-size{
    margin-bottom: 0rem !important;
}
.free-presets{
    padding-top: 60px;
}
.comming-soon hr{
    width: 30%;
}
.comming-soon h2{
    padding-top: 1rem;
}
.comming-soon p{
    margin-bottom: 3.5rem;
}
.comming-soon .p-soon{
    margin-bottom: 3.5rem;
}
.nom hr, .blog hr{
    width: 10%;
    margin: 40px 0px 18px;
}
.safe h2{
    padding-bottom: 15px;
}
.safe hr, .photography-fond hr, .fond-shop hr{
    margin-left: 0 !important;
}
.blog hr{
    width: 15%;
    margin: 18px 0px;
}
.blog h2{
    margin: 25px 0;
}
/* .blog-part{
    padding: 39px 0;
} */
.blog-part h3{
    margin-bottom: 1.5rem;
}
.blog-part .wp-block-post-excerpt__excerpt, .wp-block-post-excerpt__excerpt{
    display: none;
}
/* .blog-part p.wp-block-post-excerpt__more-text{
    text-align: center;
} */
.blog-tag{
    gap: 0;
}
.blog-tag .road-trips a, .blog-tag .instagram-spots a{
    color: #2C3337;
    border: 2px solid #2C3337;
}
.blog-tag .road-trips, .blog-tag .instagram-spots{
    padding-top: 25px;
}
.blog-tag h2{
    color: #C2AB92;
}
.wp-container-core-columns-layout-12.wp-container-core-columns-layout-12{
    margin-top: 2.5rem;
}
.blog-part .wp-container-67{
    padding: 39px 0;
}
.about-me, .life-stats, .if-was{
    padding: 62px 0;
}
.about-me h2, .life-stats h2, .if-was h2{
    padding: 12px 0 25px;
}
.wp-block-columns.is-layout-flex.wp-container-core-columns-layout-3.wp-block-columns-is-layout-flex{
    margin-top: 1.5rem;
}
.banner-first-footer, .banner-second-footer{
    gap: 0;
}
.colums-image-blog, .colums-fond-blog{
    width: -webkit-fill-available;
}
.image-lightroom{
    padding: 25px 0 70px;
}
.image-lightroom figure.wp-block-gallery{
    padding-top: 25px;
}
/* Responsive */
@media screen and (min-width: 426px){
    /* main.single section.similar ul{
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    } */
    main section.results .post{
        display: flex;
        justify-content: space-between;
    }
    main section.results .post > a{
        width: 30%;
    }
    main section.results .post section.content{
        width: 65%;
    }
    nav{
        right: 0%;
        width: 30%;
    }
}
@media screen and (min-width: 1200px){
    h1{
        font: 900 72px/5rem "Krona One";
        text-align: center;
    }
    header.head{
        left: 50%;
        transform: translate(-50%, 0);
        padding: 1rem 0;
    }
    header.head .burger-menu {
        right: 32px;
    }
    header.head div.logo-header a img.img-logo-header {
        position: relative;
        left: 32px;
        display: flex;
    }
    body main .banner .is-layout-flex{
        display: flex;
    }
    main .banner-accueil{
        display: flex;
    }
    main .banner-accueil .colums-right{
        width: 40%;
    }
    main .banner-accueil .colums-left{
        width: 60%;
        align-self: normal;
    }
    main .banner-accueil .colums-left .banner-title{
        padding-bottom: 300px;
        width: 80%;
    }
    main .hero .banner-title h1{
        font-size: 50px;
        line-height: 3rem;
        -webkit-text-stroke: 0.1px #C2AB92;
        text-stroke: 0.1px #C2AB92;
    }
    main .banner-accueil .colums-right .banner-blog, main .banner-accueil .colums-right .banner-shop{
        min-height: 45vh;
    }
    main .banner-accueil .colums-left .hero, main .banner-accueil .colums-left, main .banner-accueil .colums-left .hero .wp-block-group__inner-container{
        width: 80%;
    }
    main .photography-fond .about-me-col{
        padding-top: 7rem;
    }
    main{
        margin: 0 auto;
    }
    main section.results .post > a{
        width: 20%;
    }
    main section.results .post section.content{
        width: 75%;
    }
    /* main.single h2{
        font: 700 50px/4.3rem 'Krona One';
        padding-top: 20px;
    } */
    main.single h3{
        font: 700 37px/3rem 'Krona One';
        margin: 40px 0 60px;
    }
    main.single h4{
        font: 700 24px/1rem "Krona One";
        padding: 20px 0;
    }
    main.single hr{
        color: #c2ab92;
        /* margin-top: 65px; */
    }
    main.single a.categorie{
        font: 500 20px/1.7rem "Space Grotesk";
    }
    /* main.single .is-layout-constrained{
        padding: 50px 0 134px;
    } */
    /* main.single{
        max-width: 1201px;
    } */
    .banner-first-footer{
        display: grid !important;
        grid-template-columns: 3fr 2fr;
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .banner-second-footer{
        display: grid !important;
        grid-template-columns: 2fr 3fr;
        gap: 0;
    }
    .colums-fond-blog{
        grid-area: 1 / 2 / 2 / 3;
        align-self: normal;
    }
    .colums-image-blog{
        grid-area: 1 / 1 / 2 / 2;
    }
    .colums-fond-blog .text, .colums-image-blog .text{
        padding-top: 200px;
    }
    /* .blog-tag{
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .first-colums{
        grid-area: 1 / 1 / 2 / 2;
    }
    .second-colums{
        grid-area: 1 / 2 / 2 / 3;
    }
    .third-colums{
        grid-area: 1 / 3 / 2 / 4;
    } */
}
@media (min-width: 64.375rem) {
    nav{
        right: 0%;
        width: 30%;
    }
    span, label, input{
        font: 500 20px/1.7rem "Space Grotesk";
    }
    .site-footer{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
    }
    .gridunsurdeux{
        grid-column: 1 / 2;
    }
    .griddeuxsurtrois{
        grid-column: 2 / 3;
    }
    .gridtroissurquatre{
        grid-column: 3 / 4;
    }
    .gridquatresurcinq{
        grid-column: 4 / 5;
    }
    footer .commercial-requests .wp-block-group .wp-block-group__inner-container.commercial{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    footer .commercial-requests .part-middle{
        padding-right: 100px;
    }
    .counter{
        display: flex;
    }
}