/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

:root{
    /* --bleu: #35598D;
    --bleu-profond:#1C2747;
    --orange:#D56C4C;
    --orange-fonce:#e25b32;
    --vert:#B9BE00;
    --blanc:#FFF;
    --noir:#000;
    --gris-leger:#F8F8F8;



    --rouge-clair: red;
    --rouge-fonce: rgb(172, 3, 3);


    --bs-body-color: #1C2747; */



    --beige : #F4F4F4;

    --rouge-clair: red;
    --rouge-fonce: rgb(172, 3, 3);


    --bs-body-color: #1C2747;






    
    --bs-body-font-weight: 300;
}


@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1520px;
    }
}

@font-face {
    font-family: 'ClementePDag Book';
    font-style: normal;
    font-weight: normal;
    src: local('ClementePDag Book'), url('/wp-content/themes/bootscore-child/assets/font/ClementePDag-Book.woff') format('woff');
}

@font-face {
    font-family: 'ClementePDak SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('ClementePDak SemiBold'), url('/wp-content/themes/bootscore-child/assets/font/ClementePDak-SemiBold.woff') format('woff');
}

h1{
    font-family: 'ClementePDak', 'Poppins', 'Roboto';
}

h1.home{
font-weight: 200 !important;
    text-align: center;
    font-size: 1.5em;
    font-family: 'Poppins';
}

h2{
    font-family: 'ClementePDai', 'Poppins', 'Roboto';
}



h3, .clemente{
    font-family: 'ClementePDak', 'Poppins', 'Roboto';
}



p{

    font-family: "Poppins", sans-serif;
    font-style: normal;
    margin: 0;
}

a{
    color: var(--bleu);
    
    transition: color ease 0.1s;
}

a:hover{
    color: var(--orange);
}

.bg-bleu{
    background-color: var(--bleu);
    color: #FFF;
}


.bg-orange{
    background-color: var(--orange);
    color: #FFF;
}

.bg-vert{
    background-color: var(--vert);
    color: #FFF;
}

.bg-noir{
    background-color: var(--noir);
    color: #FFF;
}

.bg-blanc{
    background-color: var(--blanc);
    color: #1C2747;
}

.bg-gris-leger{
    background-color: var(--gris-leger);
    color: #000;
}

.bg-flou-bleu{
    background-color: rgba(28, 39, 71, 0.5);
    backdrop-filter: blur(30px);
}


.color-bleu{
    color: var(--bleu);
}
.color-bleu-profond{
    color: var(--bleu-profond);
}

.border-radius-10{
    border-radius: 10px;
}

.border-radius-20{
    border-radius: 20px;
}

.border-radius-top-20{
    border-radius: 20px 20px 0 0 ;
}

.border-radius-start-20{
    border-radius: 20px 0 0 20px ;
}

.border-bot{
    border-bottom: solid black 2px;
}

.smooth-shadow{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.cta, .cta-fake{
    padding: 15px 30px;
    border-radius: 20px;
    font-size:1.3em;
    font-weight: 300;
    

}


.cta.bg-orange:hover{
    border: solid 1px var(--orange);
}
.cta.bg-bleu:hover{
    border: solid 1px var(--bleu-profond);
}
.btn.bg-vert:hover{
    border: solid 1px var(--vert);
    color: var(--vert);
}
.cta.bg-blanc:hover{
    border: solid 1px var(--noir);
    color: black;
}



/* Cards formation & disciplines */

.card{
    border-radius: 20px;
    background-color: white;
    height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    transition: all ease 0.5s;
}

.card img{
    object-fit: cover ;
    height: 250px;
    border-radius: 20px 20px 0 0;
    transition: all ease 0.5s;
}

.card:hover img{
    border-radius: 10px 10px 0 0;
}

.card:hover{
    border-radius: 10px;
    transform: scale(1.03);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


/* style header */

.nav-item{
    padding:10px;
}

#bootscore-navbar .nav-link{
   
    color: var(--bs-body-color);
}

#bootscore-navbar .nav-link.active{
 
    color: var(--bleu) !important;
   
    
}

#logo-header{
    transition: all ease .5s;
}

#contact-header{
    transition: all ease .5s;
}

.dropdown-item.active, .dropdown-item:active{
    background-color: var(--bleu) !important;
    border-radius: 5px;
}

/* FIN style header */

/* Style footer */
#footer-menu .nav-link{
    color: var(--blanc);
  
}
/* FIN Style footer */

/* Overlay flou bleu par dessus image d'une section */
.overlay-section {
    position: relative;
    overflow: hidden;
}

.overlay-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(28, 39, 71, 0.6);; /* Couleur de l'overlay (noir semi-transparent) */
    backdrop-filter: blur(30px); /* Effet de flou */
    -webkit-backdrop-filter: blur(10px); /* Support pour Safari */
    z-index: 1;
}

.overlay-section .container {
    position: relative;
    z-index: 2; /* Met le contenu au-dessus de l'overlay */
}

.overlay-section .content {
    position: relative;
    z-index: 2; /* Met le contenu au-dessus de l'overlay */
    color: var(--blanc);
}
/* FIN Overlay */

/* Commentaire section contenu ( encart flou bleu avec du texte dedans) */
.encart-com{
    
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items:center;
    background: url('/wp-content/themes/bootscore-child/assets/img/4-image-format-section_1.webp'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;
}

/* .texture-bg-1{
    background: url('/wp-content/themes/bootscore-child/assets/img/texture-de-fond-imara_1.webp'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;
    color: #FFF;
} */
.texture-bg-1 {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                url('/wp-content/themes/bootscore-child/assets/img/texture-de-fond-imara_1.webp'); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #FFF;
}


.texture-bg-2{
    background: url('/wp-content/themes/bootscore-child/assets/img/texture-de-fond-papier-froisse_1.webp'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center;
}

.icone-marquage-titre{
    display: inline-block;
    background-image:  url('/wp-content/themes/bootscore-child/assets/img/icone-titre-imara.svg');
    background-size: cover;
}

.icone-question{
    display: inline-block;
    background-image:  url('/wp-content/themes/bootscore-child/assets/img/icone-interrogation-imara.svg');
    background-size: cover;
}



/* Style side menu pages internes */

.side-menu-title{
    font-size: 1.4rem;
}

.lien-side-menu{
    color:black ;
    text-decoration: none;
    font-size: 1rem;
}

.lien-side-menu:hover{
    color:black ;
    text-decoration: none;
    font-weight: 500;
}

/* Video (iframe) */
.i-frame iframe{
    width: 100%;
}
iframe{
    border-radius: 20px;
}

/* Couleur pagination carrousel */
.swiper-pagination-bullet{
    background: rgb(255, 255, 255) !important;
}

.swiper-pagination-bullet-active{
    background: rgb(255, 255, 255) !important;
}

.swiper-slide img{
    object-fit: cover;
}
/* ACCORDIONS QUESTIONS REPONSES */

.check-input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordion {
    width: 100%;
    color: white;
    overflow: hidden;
    margin-bottom: 16px;
}
.accordion:last-child{
    margin-bottom: 0;
}
.accordion-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px;
    background: var(--orange);
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    border-radius: 10px;
    transition: border-radius ease-in-out 0.3s;
}
.accordion-label:hover {
    background: var(--orange-fonce);
}
.accordion-label::after {
    content: "\276F";
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
}
.accordion-content {
    max-height: 0;
    background: #F4F4F4;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: auto;
}

.check-input:checked + .accordion-label {
    background: var(--orange);
    border-radius: 10px 10px 0 0;
}
.check-input:checked + .accordion-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.check-input:checked ~ .accordion-content {
    max-height: unset;
    padding: 16px;
    border-radius:  0 0 10px 10px;
    
}

/* Cards article */

.article-thumbnail{
    height: 218px;
    object-fit: cover;
}

.post-thumbnail {
    position: relative;
    display: inline-block;
    width: 100%;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}

.post-title-overlay {
    position: absolute;
    bottom: 50px; /* Ajuste selon le besoin */
    left: 45%;
    transform: translateX(-50%);
    background: rgba(53, 89, 141, 0.5); /* Fond semi-transparent */
    color: #fff;
    padding: 30px;
    width: 90%;
    border-radius:  0 10px 10px 0;
    backdrop-filter: blur(10px);
}




















/* Formulaire de contact */

/* Style général du formulaire */
.wpcf7-form .row {
    margin-bottom: 15px;
}

/* Champs de texte et textarea */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    width: 100%;
    padding: 10px;
    border: none;
    border-bottom: 2px solid #ccc;
    
    font-size: 16px;
    color: #333;
    outline: none;
}

/* Placeholder stylisé */
.wpcf7-form ::placeholder {
    color: #777;
}

/* Champ Message */
.wpcf7-form textarea {
    height: 100px;
    resize: none;
}

/* Bouton Envoyer */
.wpcf7-form input[type="submit"] {
    width: 100%;
    background-color: var(--bleu); /* Couleur bleu comme l'image */
    color: white;
    font-size: 16px;
    padding: 12px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

/* Effet au survol du bouton */
.wpcf7-form input[type="submit"]:hover {
    background-color: #2a4573;
}



.clip-container {
    height: 400px; /* Doit être la même hauteur que votre clip-path */
    overflow: hidden; /* Cache la partie débordante */
}

.img-clip-path {

    object-fit: cover;
    clip-path: url(/wp-content/themes/bootscore-child/assets/img/clip.svg#clip-shape);
}


















@media (max-width: 768px) { 
    /* Barre de recherches */
    .card-chiffres {
        border-radius: 20px 20px 0 0;
        width: 100%;
        text-align: center;
    }
}












































html::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

html::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #355a8d89;
}
















#custom-search-input {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 0 ;
    border-radius: 50px;
    outline: none;
    transition: border-color 0.3s ease;
    padding-left:40px !important;
}
#custom-search-input:focus {
    border-color: #0073aa;
}
#search-loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid #0073aa;
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    position: absolute;
    right: 40px;
}
.search-icon{
    position : absolute; 
    width: 20px;
    height: 20px;
    left: 15px;

}




@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
#custom-search-results {
    position: absolute;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    display: none;
    max-height: 250px;
    overflow-y: auto;
    z-index: 1000;
}
.search-result-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    
}
.search-result-item a {
    text-decoration: none;
    
    display: block;
}
.search-result-item:hover,.search-result-item:hover a  {
    background: var(--bleu);
    color: white !important;
}











.btn-search:hover i{
    color: #1C2747;
}


.search-suggestions{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.513);
}









/* MENU FOOTER */
#menu-menu-legal-1{
    display: flex;
    flex-wrap: wrap;
}
#menu-menu-legal-1 a{
    margin-right: 10px;;
}






html {
    scroll-behavior: smooth; /* Ajoute un effet de défilement fluide */
}

:target {
    scroll-margin-top: 100px; /* Décale l'ancrage de 100px plus haut */
}






.sib_signup_box_inside_1 input[type="submit"]{
    margin-left:10px;
}


.sib_signup_box_inside_1 input[type="email"]{
    border-radius: 20px;
}

.text-white p a {
    color: var(--orange);
}




























/* -------------------------------------------------------------- AJUSTEMENT BETA -------------------------------------------------*/


/* Supprime la flèche par défaut de Bootstrap */


.dropdown-toggle::after {
    font-family: "Font Awesome 6 Pro"; /* Police FontAwesome */
    content: "\f078"; /* Code unicode de l'icône chevron-down */
    font-weight: 900;
    font-size: 0.8em;
    margin-left: 5px;
    display: inline-block;
    transition: transform 0.3s ease-in-out;
    border-top: 0;
    border-right: 0 ;
    border-bottom: 0;
    border-left: 0 ;
}

/* Rotation de l'icône quand le menu est ouvert */
.dropdown-toggle[aria-expanded="true"]::before {
    transform: rotate(180deg);
}



/* .menu-item-has-children.dropdown{
    display: flex;
    align-items: center;
} */



#bootscore-navbar li.menu-item-has-children.dropdown a {
    display: flex;
    align-items: center;
}



.custom-weight p{
    font-size: 1.5em;
    font-weight: 200;
}










.tooltip{
    --bs-tooltip-max-width: 100%;

}
.tooltip-inner{
    text-align: unset !important;
}


 /* em{
    font-weight: 100;
    font-style: normal;
} */


h1 em{
    font-weight: 300 !important;
    text-align: center;
    font-size: 1.2em !important;
    font-family: 'Poppins';
}



.box-shadow{
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.513);
}



.text-shadow{
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8),
    -1px -1px 3px rgba(0, 0, 0, 0.8),
    0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8),
     2px 2px 6px rgba(0, 0, 0, 0.8);

}