/*!
Theme Name: s088_2
Theme URI: http://underscores.me/
Author: Marquise du Joug
Author URI: http://www.marquisedujoug.com
Description: 260712
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: s088
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

s088 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Pirata+One&display=swap');


body {
    /* 1. Dimensions et base */
    width: 100%;
    height: 100%;
    margin-top: 91px; /* À sortir si possible dans un header fixe */

    /* 2. Typographie (Groupée) */
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;

    /* 3. Couleurs et Visuel */
    background: #0c0a09;
    color: #ffffff; /* Important : définir une couleur de texte par défaut ! */
}

html {
    width: 100%;
    height: 100%;
}





a.wp-element-button, a.wp-block-button__link {
    background-color: #0c0a09;
    color: #8a8377;
    font-family: "Jost", sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 16px 40px;
    border: 1px solid rgba(237,230,217,0.3);
    transition: all .35s ease;
    border-radius: 0;
}

a.wp-element-button:hover, a.wp-block-button__link:hover,
a.wp-element-button:focus ,a.wp-block-button__link:focus  {
    background: transparent;
    color: #b8935e;
    border-color: #d4b483;
    text-decoration: none;
        
}





.content-block-separator {
    width: 50px;
    height: 1px;
    background: #b8935e;
    margin: 50px 0;
}




.navbar-default {
    background-color: rgba(12,10,9,1);
    border-color: rgba(184,147,94,0.18);
}
.navbar-default .navbar-brand {
    font-family: "Pirata One", system-ui;
    font-size: 26px;
    font-weight: 400;
    font-style: normal;
    color:#ede6d9;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out  
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: darkred;
    background-color:transparent
}
.navbar-default .navbar-nav > li > a {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#8A8377;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out  
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color:#ede6d9;
    background-color:transparent
}

/* nav-toggle */
.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}




/* home section
---------------------------------- */
.home section {
    height: 100%;
    padding-top: 110px;
    text-align: center;
    padding-bottom: 110px;
}
.home .wp-block-columns {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left:15px;
    width:66.66666667%;
    margin-left:16.66666667%
}


/* home
---------------------------------- */

.home section:first-of-type {
    background: radial-gradient(ellipse at center 30%, rgba(61, 11, 22, 0.55), transparent 60%), linear-gradient(180deg, #0C0A09 0%, #16120F 100%);
}
.home section:first-of-type span{
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #b8935e;
    display: block;
    margin-bottom: 24px;
}
.home section:first-of-type h1{

    font-family: "Cormorant Garamond", serif;

    font-weight: 300;

    font-size: clamp(22px, 2.6vw, 30px);
    letter-spacing: 1px;

    color: #ede6d9;
    margin-bottom: 24px;
    color: #d4b483;
    color: #bcb5a8;
    letter-spacing: -1px;
}



.home section:first-of-type p:nth-of-type(1){
    font-family: "Pirata One", system-ui;
    font-weight: 500;
    font-size: clamp(38px, 6vw, 68px);
    line-height: 1.15;
    color: #ede6d9;
    margin-bottom: 0px;
}




.home section:first-of-type p:nth-of-type(2){
    font-family: "Jost", sans-serif;
    
    font-weight: 200;
    font-size: clamp(17px, 2vw, 21px);
    font-size: clamp(16px, 1.8vw, 18px);
    color: #8A8377;
    margin-bottom: 44px;

}


.home section:first-of-type .wp-element-button,
.home section:first-of-type .wp-block-button__link  {
    background-color: transparent;
    color: #8a8377;
    font-family: "Jost", sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 16px 40px;
    border: 1px solid rgba(237,230,217,0.3);
    transition: all .35s ease;
    border-radius: 0;
}

a.wp-element-button:hover, a.wp-block-button__link:hover,
a.wp-element-button:focus ,a.wp-block-button__link:focus  {
    background: transparent;
    color: #b8935e;
    border-color: #d4b483;
    text-decoration: none;
        
}






.home section span.eyebrown {
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #b8935e;
    display: block;
    margin-bottom: 24px;
}

.home section h2 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(30px, 4vw, 44px);
    letter-spacing: 1px;

    color: #ede6d9;
    margin-bottom: 24px;
    color: #d4b483;
    color: #bcb5a8;
    letter-spacing: -1px;
    margin: 0 auto 26px;
}

.home section p {
    font-family: "Jost", sans-serif;
    font-weight: 200;
    font-size: clamp(17px, 2vw, 21px);
    font-size: clamp(16px, 1.8vw, 18px);
    color: #8A8377;
    margin-bottom: 44px;
}

.home section .pe-aucun-evenement {
    font-family: "Cormorant Garamond", serif;
    font-weight: 200;
    font-size: clamp(17px, 2vw, 21px);
    font-size: clamp(16px, 1.8vw, 18px);
    color: #8A8377;
    margin-bottom: 44px;
}
.home section .pe-widget-evenement {
    border: 1px solid rgba(184,147,94,0.25);
    padding: 50px;
}

.home section .pe-widget-evenement .pe-colonne-infos {
    text-align: left;
}
.home section .pe-widget-evenement .pe-colonne-infos .pe-date {
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #b8935e;
    margin-bottom: 10px;
}
.home section .pe-widget-evenement .pe-colonne-infos .pe-titre {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: 26px;
    color: #ede6d9;
    margin-bottom: 8px;
}
.home section .pe-widget-evenement .pe-colonne-infos .pe-categorie a {
    font-family: "Jost", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8a8377;
}
.home section .pe-widget-evenement .pe-colonne-bouton {
    text-align: right;
}
.home section .pe-widget-evenement .pe-colonne-bouton a {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 16px 40px;
    border: 1px solid #b8935e;
    color: #d4b483;
    transition: all .35s ease;
    
}


.home section .pe-widget-evenement {
    border: 1px solid rgba(184,147,94,0.25);
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.home section .pe-widget-evenement .pe-colonne-bouton {
    text-align: right;
    flex-shrink: 0;
}



@media (max-width: 600px) {
    .home section .pe-widget-evenement {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .home section .pe-widget-evenement .pe-colonne-infos {
        text-align: center;
    }

    .home section .pe-widget-evenement .pe-colonne-bouton {
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }
}










/* home
---------------------------------- */
.home main{
    display: none;
}






/* banner(s)
---------------------------------- */
section.banner {
    height: 100%;
    padding-top: 110px;
    text-align: center;
    padding-bottom: 110px;
    background: radial-gradient(ellipse at center 25%, rgba(122, 18, 32, 0.5), transparent 60%), linear-gradient(180deg, #0C0A09 0%, #16120F 100%);
}
section.banner span{
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #b8935e;
    display: block;
    margin-bottom: 24px;
}
section.banner h1{
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(32px, 5vw, 52px);
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: #bcb5a8;
    letter-spacing: -1px;
}


/* tag-banner */
header.tag-banner {
    height: 100%;
    padding-top: 110px;
    text-align: center;
    padding-bottom: 110px;
    
}
header.tag-banner span{
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #b8935e;
    display: block;
    margin-bottom: 24px;
}
header.tag-banner h1{
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(32px, 5vw, 52px);
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: #bcb5a8;
    letter-spacing: -1px;
}
header.tag-banner p{
    font-size: 17px;
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: #8a8377;
}



header.tag-banner .tag-filters{
    padding-top: 50px;
    
}

header.tag-banner .tag-filters a{
    margin: 10px;
    padding: 9px 18px;
    font-family: "Jost", sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8a8377;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid rgba(184,147,94,0.35);
    transition: all 3s ease;
}


header.tag-banner .tag-filters a.active, header.tag-banner .tag-filters a:hover{
    color: #b8935e;
    border-bottom: 1px solid #b8935e;
}






/* Archive tag
---------------------------------- */

.events-list{
    padding-bottom: 50px;
}

.event-list-item:first-of-type{
    border-top: 1px solid rgba(184,147,94,0.18);
}


.event-list-item {
    padding: 34px 0;
    border-bottom: 1px solid rgba(184,147,94,0.18);
}

.event-list-item h2 {
    margin-top: 10px; 
}

.event-list-item h2 a{
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(22px, 2?6vw, 28px);
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: #bcb5a8;
    letter-spacing: -1px;
    text-decoration: none;
    transition: all .5s ease;
}
.event-list-item h2 a:hover{
    color: #fff;
}

.event-list-item span{
    font-family: "Jost", sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #b8935e;
    margin-bottom: 10px;
}







/* page-template default
---------------------------------- */
.page-template-default {
    color: #ede6d9;
}
.page-template-default .entry-content {
    padding-top: 70px;
    padding-bottom: 50px;
}
.page-template-default .entry-content h1 {
    margin-top: 50px;
    margin-bottom: 20px;
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(28px, 4.4vw, 46px);
    color: #ede6d9;
}
.page-template-default .entry-content h2 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(24px, 3vw, 30px);
    color: #ede6d9;
    margin: 56px 0 20px;
}
.page-template-default .entry-content p:nth-of-type(1) {
    font-family: "Cormorant Garamond", serif;
    font-style: italic;
    font-size: clamp(19px, 2.2vw, 23px);
    line-height: 1.8;
    color: #d4b483;
    margin-bottom: 46px;
}
.page-template-default .entry-content p {
    font-size: clamp(17px, 1.8vw, 19px);
    color: #8a8377;
    line-height: 1.85;
    margin-bottom: 20px;
}
.page-template-default .entry-content p a {
    color: #d4b483;
}
.page-template-default .entry-content p a:hover {
    color: #ede6d9;
}

.page-template-default .entry-content .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
}

.page-template-default .entry-content .wp-block-column:first-child {
    margin-right: 0.3rem;
}

.page-template-default .entry-content .wp-block-column:last-child {
    margin-left: 0.3rem;
}

@media (max-width: 781px) {
    .page-template-default .entry-content .wp-block-column:first-child {
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    .page-template-default .entry-content .wp-block-column:last-child {
        margin-left: 0;
    }
}

.page-template-default .entry-content .wp-block-column {
    background: #16120f;
    border: 1px solid rgba(184,147,94,0.25);
    padding: 30px 28px;
    box-sizing: border-box;
}
.page-template-default .entry-content .wp-block-column h3 {
    margin-top: 0;
}

.page-template-default .entry-content h3 {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(19px, 2.2vw, 22px);
    color: #ede6d9;
    margin: 40px 0 14px;
}

.page-template-default .entry-content .wp-block-column p {
    font-family: "Jost", sans-serif;
    font-size: 15px;
    font-style: normal;
    color: #8a8377;
    margin-bottom: 20px;
}

.page-template-default .entry-content .wp-block-column a.wp-element-button:hover, .page-template-default .entry-content .wp-block-column a.wp-block-button__link:hover,
.page-template-default .entry-content .wp-block-column a.wp-element-button:focus, .page-template-default .entry-content .wp-block-column a.wp-block-button__link:focus  {
    color: #ede6d9;
    border-color: #ede6d9;
    text-decoration: none;
        
}


/* post-template default
---------------------------------- */
.post-template-default article {
    padding-top: 20px;
}


.post-template-default .entry-title {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(32px, 5vw, 52px);
    letter-spacing: 1px;
    margin-bottom: 24px;
    color: #bcb5a8;
    letter-spacing: -1px;
}

.post-template-default .entry-meta {
    display: none
}

.post-template-default .entry-content{
    padding-top: 15px
    
}

.post-template-default .entry-content .wp-block-column:nth-of-type(2){
    padding-left: 20px;
}

.post-template-default .entry-content .wp-block-column:nth-of-type(2) h2{
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(24px, 3vw, 30px);
    letter-spacing: -1px;
    color: #bcb5a8;
    margin-bottom: 20px;
}
.post-template-default .entry-content .wp-block-column:nth-of-type(2) p{
    font-size: 17px;
    color: #8a8377;
    margin-bottom: 20px;
}



.post-template-default .entry-content .wp-block-column:nth-of-type(2) .wp-block-buttons {
    margin-top: 40px;
}

.post-template-default .entry-content .wp-block-column:nth-of-type(2) .wp-element-button,
.post-template-default .entry-content .wp-block-column:nth-of-type(2) .wp-block-button__link  {
    background-color: transparent;
    color: #8a8377;
    font-family: "Jost", sans-serif;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 16px 40px;
    border: 1px solid rgba(237,230,217,0.3);
    transition: all .35s ease;
    border-radius: 0;
}



.post-template-default .entry-content .wp-block-column:nth-of-type(2) a.wp-element-button:hover,
.post-template-default .entry-content .wp-block-column:nth-of-type(2) a.wp-block-button__link:hover,
.post-template-default .entry-content .wp-block-column:nth-of-type(2) a.wp-element-button:focus,
.post-template-default .entry-content .wp-block-column:nth-of-type(2) a.wp-block-button__link:focus {
    background: transparent;
    color: #b8935e;
    border-color: #d4b483;
    text-decoration: none;
    
}


.post-template-default .type-post .entry-footer {
    display: none;
}





/* error page
---------------------------------- */
.error404 {
    background: radial-gradient(ellipse at center 30%, rgba(61, 11, 22, 0.55), transparent 60%), linear-gradient(180deg, #0C0A09 0%, #16120F 100%);
}
.error-404 {
    text-align: center;
    padding-bottom: 100px;
    background: radial-gradient(ellipse at center 30%, rgba(61, 11, 22, 0.55), transparent 60%), linear-gradient(180deg, #0C0A09 0%, #16120F 100%);
}
.error-404 .page-header {
    border-bottom: 1px solid transparent;
}
.error-404 .error-code {
    font-family: "Pirata One", system-ui;
    font-size: clamp(90px, 16vw, 180px);
    line-height: 1;
    color: #b8935e;
    opacity: 0.9;
    margin-bottom: 8px;
}
.error-404 .page-title {
    font-family: "Cormorant Garamond", serif;
    font-weight: 500;
    font-size: clamp(24px, 3.4vw, 34px);
    color: #ede6d9;
    margin-bottom: 18px;
}
.error-404 p {
    font-size: 18px;
    color: #8a8377;
    max-width: 480px;
    margin: 0 auto 44px;
}
.error-404 a {
    background-color: transparent;
    color: #d4b483;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 16px 40px;
    border: 1px solid #b8935e;
    transition: all .35s ease;
    border-radius: 0;
}
.error-404 a:hover {
    text-decoration: none;
    color: #ede6d9;
    border: 1px solid #ede6d9;
    
}













/* footer
---------------------------------- */

.site-footer {
    border-top: 1px solid rgba(184,147,94,0.18);
    letter-spacing: 1px;
    background: #000 ;
    color: #8a8377;
}
.site-footer .site-info {
    padding-top: 30px;
    padding-bottom: 30px;
}
.site-footer .site-info span {
    padding-right: 10px;
}
.site-footer .list-info {
    display: inline;
    display: flex;
    justify-content: flex-end;
}
.site-footer .list-info a{
    color: rgba(255, 255, 255, .25);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out  
}
.site-footer .list-info a:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .75);
}
.site-footer span.site-disclaimer {
    color: rgba(255, 255, 255, .35);
}

.site-footer .footer-column {
    padding-top: 35px;
}
.site-footer .footer-column h3 {
    font-family: "Cormorant Garamond", serif;
    font-size: 16px;
    color: #ede6d9;
    margin-bottom: 18px;
}
.site-footer .footer-column a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #8a8377;
}
.site-footer .footer-column a.footer-site-name {
    display: block;
    font-family: "Pirata One", system-ui;
    font-size: 14px;
    letter-spacing: 1px;
    color: #8a8377;
    margin-top: 20px;
    margin-bottom: 18px;
    color: rgba(255, 255, 255, .35);
       -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out  
}
.site-footer .footer-column a.footer-site-name:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, .75);

}






/* media query
---------------------------------- */

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    body {
        margin-top: 50px;
    }
    .home .wp-block-columns {
        width:100%;
        margin-left:0;
    }
    
    .post-template-default .entry-content .wp-block-column:nth-of-type(2){
        padding-left: 0px;
    }
    .site-footer span.site-disclaimer {
        display: block;
        float: left !important;
    }
    
    
}