@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
:root{
    --orange: #ff601c;
}

/* GENERAL */
html{scroll-behavior: smooth;scroll-padding-top:5rem;position: relative}
body{font-family: "Nunito", serif;background:#fff!important;position:relative}
section{position: relative;padding:50px 0;}
h1{color:var(--orange);position: relative;font-size:1.8rem;padding:1rem 0;display: block;font-family: 'Marcellus', serif;}
h2{color:var(--orange);position: relative;font-size:1.5rem;text-align: center;display: inline-block;text-transform: uppercase; font-weight:600;font-family: 'Marcellus', serif;}
h3{color:var(--orange);font-size:1.25rem;letter-spacing: .1em;padding:1rem 0 1rem 1rem;background:#f9f9f9;border-radius: 10px;font-weight: 600;font-family: 'Marcellus', serif;}
h4{color:var(--orange);font-size:1.2rem;font-weight: 600;}
label{color:#000}
p{font-size:16px;text-align: justify;margin: 5px 0}
a{color:var(--orange)}
main{margin-top:5rem;padding:0}

/* PERSO */
.site-main{padding-left:0!important; padding-right:0!important}
.blank{min-height: 150px;background: transparent;}
.home-section{background-color: #fff;}
.btn{background-color:#000000ea!important;}

/* WORDPRESS */
.wp-block-buttons .wp-block-button .wp-block-button__link{padding:10px!important;background-color:#000000ea!important;border-radius:10px!important;font-size:1rem!important;padding: 12px 24px!important;border-radius: 30px!important;transition: .25s ease;}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover {transform: translateY(-2px);}
.accordion{margin-bottom: 0.7rem;}
.wp-block-accordion-heading__toggle-icon {background: var(--orange);border-radius: 10px;padding-right: 0.1rem;color: #fff;margin-right:1rem;}
ul.wp-block-list{--icon-space: 1.3em;list-style: none;padding: 0;}
ul.wp-block-list li{padding-left: var(--icon-space);}
ul.wp-block-list li:before {content: "\f138"; /* FontAwesome Unicode */font-family: FontAwesome;display: inline-block;margin-left: calc( var(--icon-space) * -1 );width: var(--icon-space);}
.wp-block-accordion-heading{color:#000;background:#f9f9f9;padding-left:1rem;border-radius:10px;letter-spacing: 0px; font-style: italic;font-weight:400;font-size:16px;}

/* HEADER */
header{height:5rem;position: fixed;top:0;z-index: 2;width: 100%;background:#000000ea}
.logo img{max-width: 150px}
.navbar-nav .nav-link{color:var(--orange);font-size:15px;font-weight: 600;}
.navbar-nav .menu-item.active a, 
.navbar-nav .nav-link.show,
.navbar-nav .nav-link:focus, 
.navbar-nav .nav-link:hover, 
.navbar-nav .show>.nav-link, 
.navbar-nav .current-menu-parent>a{color:var(--orange)}
.navbar-nav li{margin: 0 15px;position: relative;cursor: pointer;}
.navbar-nav li:last-child{margin-right:0}
.navbar-nav>li a:hover, 
.navbar-nav>li.active a{border-bottom: 3px solid #ff601c;}
.navbar-expand-lg .navbar-nav .dropdown-menu li{margin:5px}
.navbar-nav .dropdown-item.active, .navbar-nav .dropdown-item:active{background-color:#895252}
.navbar-toggler{border-color:#fff !important}
.navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;}

/* INTRO ACCUEIL */
.ParallaxVideo{min-height: 100vh;padding-top:0}
.ParallaxVideo video{ min-width: 100%;position: fixed;top:0;z-index: -999;}
.ParallaxLayer{max-width:450px;background:#ffffffa6;margin: auto;text-align: center;padding: 10px;}
.ParallaxLayer img{max-width: 90%;}
button a{color:#fff;text-decoration: none;}
.ParallaxLayer .wp-block-buttons{margin-top:1rem}

/* ACCUEIL */
.home h2{font-size:2rem;text-transform: none;font-style: italic;}
.home h2::after{display: block;content:' ';margin:1rem auto 2rem auto; width:30px;height:30px;background: url('../img/spirale-noire.png') no-repeat center;background-size: contain;}

/* BLOG */
.wp-singular h1{text-align: left;}
.site__sidebar__widget{background-color: #fff;padding:10px;}
.site__sidebar__widget__title{font-weight: 600;text-transform: uppercase;letter-spacing: 0.15rem;color:#ea7847;border-bottom:1px solid #ea7847}
.wp-block-latest-posts li:before{font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f1ea";padding-right:5px;font-size:10px}
.wp-block-categories li:before{font-family: "Font Awesome 6 Free";font-weight: 900;content: "\f0c2";padding-right:5px;font-size:10px}
.wp-block-latest-posts a, .wp-block-categories a{color:#000;text-decoration: none;}
.wp-block-categories{list-style: none;padding:0}

/* FOOTER */
footer{background:#ff601c;color:#fff;padding:20px 0 0 0}
footer h3{color:var(--orange)}
footer h3{font-size:20px;margin-bottom:1.5rem}
footer .nav-link{color:#fff!important;padding: 0 10px}
.footer{background:#000000ea}
.footer p{color:#fff}

/* AJUSTEMENTS MOBILES */
@media screen and (max-width: 991px) {    
    .navbar{position: static!important;}
    .navbar-collapse{width:100%;position: absolute;top:5rem;left: 0;background:#ea7847f5;z-index: 1}
    .navbar-nav li{margin: 0;position: relative;min-height: auto;cursor: pointer;padding:10px}
    .navbar-nav li:last-child{margin-right:auto}
    .navbar-nav .nav-link{font-size:18px;color:#fff}
    .navbar-nav .menu-item.active a, .navbar-nav .nav-link.show, .navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover, .navbar-nav .show>.nav-link, .navbar-nav .current-menu-parent>a{color:#fff!important;border-bottom: 0!important;}
    .navbar-nav .active .nav-link:before{font-family: "FontAwesome";font-weight: 900;content: "\f18c";padding-right:10px}
    .dropdown-item{white-space: normal!important;}
}

@media screen and (min-width: 992px) {
    .navbar-collapse{position: static!important}
}

@media screen and (max-width: 800px) {
    h1{font-size:24px}
    h2{font-size:20px}
}

@media screen and (max-width: 450px) {
    header{padding-top:0;}
    h1{font-size:20px}
    .nav-block{display:none}
}