@import url('https://fonts.googleapis.com/css2?family=Arapey:ital@0;1&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* GENERAL */
html{scroll-behavior: smooth;scroll-padding-top:5rem;position: relative}
body{font-family: "Nunito", serif;background:#F5F0E5!important;position:relative}
section{position: relative;padding:50px 0;}
h1{font-family: "Arapey", serif;position: relative;text-align: center;font-size:30px;padding:10px 0;color:#172f43;display: block;}
h2{font-family: "Arapey", serif;color:#172f43;position: relative;padding:10px 0;font-size:30px!important;text-align: center;display:block;}
h2::after{content:url(../img/icon.png);display: block;margin:auto;}
h3{font-family: "Arapey", serif;color:#172f43;font-size:26px;padding:10px 0}
h3::after{content:' ';display: block;width:20px;border-style:solid;border-color: #172f43;border-width: 1px;}
h4{font-family: "Arapey", serif;color:#172f43;font-size:20px;font-weight: 600;}
label{color:#000}
p{font-size:16px;text-align: justify;}
a{color:#172f43}
main{margin-top:80px;padding:0;}

.blank{min-height: 150px;border-top: 1px dotted #aaa;border-bottom:1px dotted #aaa;background: url('../img/lotus2.jpg') no-repeat center;background-size:cover;background-attachment: fixed;}
.btn{background-color:#172f43!important;}
.wp-block-button__link{padding:10px!important;background-color:#172f43!important;border-radius:10px!important;font-size:14px!important}
.accordion{margin-bottom: 10px;}
.accordion-button{background:#172f43!important;color:#fff!important}
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"; font-family: FontAwesome;font-size:10px;display: inline-block;margin-left: calc( var(--icon-space) * -1 );width: var(--icon-space);color:#172f43}
.wp-block-quote{font-style: italic;font-family: "Arapey", serif;background:#fce5a0;padding:10px;}
.wp-block-quote p{text-align: center;margin:0!important;font-size:20px;}
.wp-block-buttons{margin-bottom:20px}

/* HEADER */
header{height:80px;position: fixed;top:0;z-index: 2;width: 100%;background:#172f43}
.logo img{max-width: 100px}
.navbar-nav .nav-link{color:#f6d267;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:#f6d267}
.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 #f6d267;}
.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 */
.intro{min-height: 100vh;background-image:url('../img/lotus.jpg');background-size:cover;background-attachment: fixed;padding-top:0}
.ParallaxLayer{max-width:450px;background:#ffffffb6;margin: auto;text-align: center;padding: 10px;}
.ParallaxVideo{min-height: 100vh;}
.ParallaxVideo video{ min-width: 100%;position: fixed;top:0;z-index: -999;}
button a{color:#fff;text-decoration: none;}

/* PRESTATIONS */
.wp-block-group__inner-container{background-color: #fff;padding:5px;margin-bottom: 10px;}
.hid-desc{display: none;}

/* PAGES */
.page h1{font-size:35px;text-align: left;background-color: #ffffff85; display: block;padding:10px}
.page h2{text-align: left;}
.page .wp-block-heading::after{display: none;}
.page .wp-block-latest-posts li{background-color: #fff;padding:10px; margin-bottom: 10px;}
.page .wp-block-latest-posts__post-title{font-size:20px;text-decoration: none;}
.page .wp-block-latest-posts__read-more{margin-top:10px;display: block; background-color: #172f43; color:#fff;text-decoration: none; padding: 10px;border-radius:10px;max-width: 120px;text-align: center;}

/* FOOTER */
footer .bf{background:#172f43}
footer .bf p, footer .bf a{color:#fff}
footer .nav-link{color:#fff!important;padding: 0 10px;font-size:12px}

/* AJUSTEMENTS MOBILES */
@media screen and (max-width: 991px) {    
    .navbar{position: static!important;}
    .navbar-collapse{width:100%;position: absolute;top:5rem;left: 0;background:#172f43;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: "Font Awesome 6 Free";font-weight: 900;content: "\e4be";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: 450px) {
    header{padding-top:0;}
    section{padding:20px 0}
    .home main{margin-top:5rem}
    .nav-block{display:none}
}