/*
Theme Name: CBPS
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cbps
*/
/* Test 2 */


/* Reset */
@media (max-width: 1024px) {
    body .content-area {
        margin-top: 15px;
        margin-bottom: 0rem;
    }
}

/* Génériques */
.font-din-condensed {
    font-family: 'Din Condensed Bold';
}


.r-o {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: .0625rem !important;
    margin: -.0625rem !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: .0625rem !important;
}

.pos-relative{
    position: relative;
}

@media(min-width:768px) {
    .pos-absolute{
        position: absolute;
    }
}

.pos-static {
    position: static;
}

.p-0 {
    padding:0!important;
}
.m-0 {
    margin:0px;
}
.mt-80 {
    margin-top:-80px;
} 
.d-all-none {
    display:none!important;
}
.d-xs-none {
    display:none;
}
.d-md-none {
    display:none;
}
@media(min-width:768px){
    .d-xs-none {
        display:unset;
    }
    .d-md-none {
        display:none;
    }
}
@media(min-width:1025px){
    .d-md-none {
        display:unset;
    }
}
.text-xs-center {
    text-align: center;
}
@media(min-width:768px){
    .text-xs-center {
        text-align: unset;
    }
}

.color-dark label {
    color:var(--global-palette3)!important;
}
/* Balise */ 
body .contenu img {
    border-radius: 20px!important;
}
body .single-content h1 {
    font-size: 60px;
    text-transform:uppercase; 
}
body .single-content h2 {
    margin:40px 0px 40px 0px;
    font-size: 50px;
    line-height:70px;
    text-transform: uppercase;
}

@media(min-width:768px) {
    body .single-content h1 {
        font-size: 80px;
    }
    body .single-content h2 {
        font-size: 65px;
        line-height:85px
    }
}
@media(min-width:1024px) {
    body .single-content h1 {
        font-size: 100px;
    }
    body .single-content h2 {
        font-size: 80px;
        line-height:112px;
    }
}

body .single-content h3 {
    margin:40px 0px 20px 0px;
    line-height:56px;
    text-transform: uppercase;
}
h1 span.last-word {
    font-size: 30px;
}
@media(min-width:768px){
    h1 span.last-word {
        font-size: 50px;
    }
}

.page h1::after,
.single-projet h1::after,
.single-ressource h1::after,
h2::after {
    background-color: var(--global-palette1);
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    width: 75px;
    margin-top: 10px;
}
.home h1::after{
    background-color: var(--global-palette2);
}
body .single-content h2.no-border::after,
body .single-content h3.no-border::after {
    background-color: none;
    content: '';
    display: block;
    height: 0px;
    width: 0px;

}
h2.ligne-brune::after {
    background-color: var(--global-palette1);
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    width: 75px;
}
h2.ligne-brune-centree::after {
    background-color: var(--global-palette1);
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    width: 75px;
    margin-left: auto;
    margin-right: auto;
}
h2.ligne-bleue::after {
    background-color: var(--global-palette7); 
}
h2.ligne-bleue-centree::after {
    background-color: var(--global-palette7); 
    margin-left: auto;
    margin-right: auto;
}
h2.ligne-verte::after {
    background-color: var(--global-palette2); 
}
h2.ligne-verte-centree::after {
    background-color: var(--global-palette2); 
    margin-left: auto;
    margin-right: auto;
}

body .single-content h3::after,
.query-card-ressource h3::after {
    background-color: var(--global-palette1);
    bottom: 0;
    content: '';
    display: block;
    height: 5px;
    width: 50px;
    margin-top: 10px;
}


@media(min-width:1024px){
    .page h1::after,
    .single-projet h1::after,
    .single-ressource h1::after,
    h2::after {
        background-color: var(--global-palette1);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        width: 150px;
        margin-top: 20px;
    }
    .home h1::after{
        background-color: var(--global-palette2);
    }
    body .single-content h2.no-border::after,
    body .single-content h3.no-border::after {
        background-color: none;
        content: '';
        display: block;
        height: 0px;
        width: 0px;

    }
    h2.ligne-brune::after {
        background-color: var(--global-palette1);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        width: 150px;
    }
    h2.ligne-brune-centree::after {
        background-color: var(--global-palette1);
        bottom: 0;
        content: '';
        display: block;
        height: 10px;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    h2.ligne-bleue::after {
        background-color: var(--global-palette7); 
    }
    h2.ligne-bleue-centree::after {
        background-color: var(--global-palette7); 
        margin-left: auto;
        margin-right: auto;
    }
    h2.ligne-verte::after {
        background-color: var(--global-palette2); 
    }
    h2.ligne-verte-centree::after {
        background-color: var(--global-palette2); 
        margin-left: auto;
        margin-right: auto;
    }
    body .single-content .wp-block-post-content h2::after{
        width:75px;
        height:5px;
        margin-top: 0px;
    }
    body .single-content h3::after,
    .query-card-ressource h3::after {
        background-color: var(--global-palette1);
        bottom: 0;
        content: '';
        display: block;
        height: 5px;
        width: 100px;
        margin-top: 10px;
    }

}
/* Menu - Sous Menu */
header span.loupe {
    display:flex;
    background: url('data:image/svg+xml,<svg fill="%23000000" width="800px" height="800px" viewBox="0 -8 72 72" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><title>search</title><path d="M58.73,44.35l-11-11a21.26,21.26,0,0,1-6.37,6.37l11,11a4.51,4.51,0,0,0,6.38-6.38Z"/><path d="M48,22A18,18,0,1,0,30,40,18,18,0,0,0,48,22ZM30,35.52A13.53,13.53,0,1,1,43.52,22,13.55,13.55,0,0,1,30,35.52Z"/><path d="M19.47,22h3A7.52,7.52,0,0,1,30,14.47v-3A10.53,10.53,0,0,0,19.47,22Z"/></svg>');
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-top:-5px;
}
header span.loupe:hover,
header span.loupe:active {
    background: url('data:image/svg+xml,<svg fill="%236F662A" width="800px" height="800px" viewBox="0 -8 72 72" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><title>search</title><path d="M58.73,44.35l-11-11a21.26,21.26,0,0,1-6.37,6.37l11,11a4.51,4.51,0,0,0,6.38-6.38Z"/><path d="M48,22A18,18,0,1,0,30,40,18,18,0,0,0,48,22ZM30,35.52A13.53,13.53,0,1,1,43.52,22,13.55,13.55,0,0,1,30,35.52Z"/><path d="M19.47,22h3A7.52,7.52,0,0,1,30,14.47v-3A10.53,10.53,0,0,0,19.47,22Z"/></svg>');
    width: 30px;
    height: 30px;
    background-size: contain;
    margin-top:-5px;
}

/* -------------- Hero Accueil ------------------- */
body.home.page .kb-row-layout-id56_1fb1e7-1a > .kt-row-column-wrap  {
    min-height:200px;
}
body.home.page .hero-titre h1 {
    font-size: 60px;
}

@media(min-width:768px){
    body.home.page .kb-row-layout-id56_1fb1e7-1a > .kt-row-column-wrap  {
        min-height:425px;
    }
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 15%;
        padding-right: 10%;
        padding-left: 20px;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:250px;
    }
}
@media(min-width:1024px){
    
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 20%;
        padding-right: 10%;
        padding-left: 40px;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:300px;
    }
}

@media(min-width:1281px){
    
    body.home.page .hero-titre h1 {
        font-size: 100px;
    }
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 40px;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:285px;
    }
}

@media(min-width:1508px){
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 60px;
    }
    .home.page .hero .img-hero {
        top: 3.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:335px;
    }
}


@media(min-width:1855px){
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 200px;
    }
    .home.page .hero .img-hero {
        top: 3.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:300px;
    }
}

@media(min-width:1921px){
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 250px;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:375px;
    }
}

@media(min-width:2124px){
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 300px;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:375px;
    }
}

@media(min-width:2500px){
    .home.page .hero-titre > div.kt-inside-inner-col {
        padding-top: 8%;
        padding-right: 10%;
        padding-left: 40%;
    }
    .home.page .hero .img-hero {
        top: 5.5vh;
        left: -20px;
    }
    .home.page .accueil-hero-bottom > div.kt-row-column-wrap {
        min-height:375px;
    }
}
/*--------------- Hero Page --------------*/
.page .hero .img-hero {
    top: -3.5vh;
    left: 0;
}
.page .hero h1.hero-titre {
    font-size:60px;
    line-height:80px;
}
.page .page-hero-bottom > div.kt-row-column-wrap {
    min-height:190px;
}
@media(min-width:768px) {
    .page .hero .img-hero {
        top: 4.5vh;
        left: 0;
    }
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:300px;
    }
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:225px;
    }
}
@media(min-width:992px) {
    .page .hero h1.hero-titre {
        font-size:80px;
        line-height:100px;
    }
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:225px;
    }
}

@media(min-width:1024px) {
    .page .hero h1.hero-titre {
        font-size:100px;
        line-height:120px;
    }
    .page .hero .img-hero {
        top: 4.5vh;
        left: 0;
    }
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:225px;
    }
}
@media(min-width:1281px){
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:340px;
    }
}
@media(min-width:2124px){
    .page .page-hero-bottom > div.kt-row-column-wrap {
        min-height:375px;
    }
}
/* li */
li::first-letter{
    text-transform: capitalize;
}
/* Page accueil */


.pourquoi figure {
    z-index: 1000;
    top: 400px;
    right: 20px;
}
.cestquoi figure {
    z-index: 1000;
    top: 680px;
    right: 20px;
}
.pourqui figure{
    z-index: 1000;
    top: 600px;
    right: 20px;
}

@media(min-width:768px) {
    .pourquoi figure{
        z-index: 1000;
        top: 75px;
        right: -125px;
    }
    .cestquoi figure {
        z-index: 1000;
        top: 110px;
        left: -170px;
    }
    .pourqui figure{
        z-index: 1000;
        top: 74px;
        right: -100px;
    }
    .catalogue-evras figure {
        z-index: 1000;
        top: 42px;
        left: -105px;
    }
}




.realisation-projet .section-img-haut {
    top:-120px;
    left:43vw;
}


/*---- Page Projets ---- */
.card-projet:hover p,
.card-projet:hover h2,
.card-projet:hover a,
.card-projet:hover div {
    color:#fff!important;
} 
.card-projet h2::after {
    height: 5px;
}
.card-projet:hover h2::after  {
    background-color: var(--global-palette5);
}
.recherche-projet input[type="text"]{
    height:50px;
}
.recherche-projet .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn,
.recherche-projet-ressource .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn {
    background-color: var(--global-palette1);
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    border-radius: 10px;
    height: 40px;
    width: 40px;
    color:#fff;
}
.recherche-projet .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn:hover,
.recherche-projet-ressource .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn:hover {
       background-color: var(--global-palette2);
}
.recherche-projet .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn svg {
    height: 1.25em;
    width: 1.25em;
}

.recherche-projet select {
    color:var(--global-palette1);
}
.rangee-projet .kb-query-basic-style .kadence-filter-wrap select:focus {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==) no-repeat calc(100% - 6px) 50%, var(--kb-query-background-focus-color, var(--kb-query-background-color, var(--global-palette9, #fff)));
    border-color: var(--global-palette2);
    box-shadow: 0 5px 15px -7px rgba(0, 0, 0, .1);
    color: var(--global-palette1);
    outline: 0;
}
.rangee-projet .kb-query-basic-style .kadence-filter-wrap select:focus option {
        color: var(--global-palette1);
}
 /* Bouton Checkbox Projets */
 .page-id-36 .checkbox-options.filter-refresh-container input[type="checkbox"] {
    display: none;
}
.page-id-36 .checkbox-options.filter-refresh-container input[type="checkbox"] + label {
    box-sizing: border-box;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding:2px;
    background-color: #fff ;
    transition: all 0.5s ;
}
.page-id-36 .checkbox-options.filter-refresh-container input[type="checkbox"] + label::before {
    box-sizing: border-box;
    display: block;
    content: "";
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    border-radius: 50%;
    background-color:var(--global-palette1);
    transition: all 0.5s ;
}

.page-id-36 .checkbox-options.filter-refresh-container input[type="checkbox"]:checked + label {
    background-color: #fff;

}
.page-id-36 .checkbox-options.filter-refresh-container input[type="checkbox"]:checked + label::before {
    margin-left: 1.5rem ;
}
.recherche-projet input::placeholder {
    content:"Retrouver le nom d'un projet";
    color: var(--global-palette1);
    opacity:1;
}
.recherche-projet p.label-checkbox {
    margin-top:-15px;
}
 /* Bouton Checkbox Ressources */
 .page-id-1305 .checkbox-options.filter-refresh-container input[type="checkbox"] {
    display: none;
}
.page-id-1305 .checkbox-options.filter-refresh-container input[type="checkbox"] + label {
    box-sizing: border-box;
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    padding:2px;
    background-color: var(--global-palette4) ;
    transition: all 0.5s ;
}
.page-id-1305 .checkbox-options.filter-refresh-container input[type="checkbox"] + label::before {
    box-sizing: border-box;
    display: block;
    content: "";
    height: calc(1.5rem - 4px);
    width: calc(1.5rem - 4px);
    border-radius: 50%;
    background-color:var(--global-palette9);
    transition: all 0.5s ;
}

.page-id-1305 .checkbox-options.filter-refresh-container input[type="checkbox"]:checked + label {
    background-color: var(--global-palette4);

}
.page-id-1305 .checkbox-options.filter-refresh-container input[type="checkbox"]:checked + label::before {
    margin-left: 1.5rem ;
}

/* Single Projet */ 
.single-projet p.dateProjet {
    color:var(--global-palette4);
    display:flex;
    align-items:center;
    font-family: 'D-DIN bold';
    font-weight: 600;
    font-style: normal;
    margin-top:40px;
}
.single-projet p.dateProjet::before {
    content: url('./assets/agenda-bleu.png');
    width: 30px;
    height: 30px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
}


/* Page Docs & Ressources */
.query-card-ressource li.ressource {
    min-height:875px;
}
.query-card-ressource li.ressource:hover .box-content-card {
   background-color: #C4E4E3;
}
.query-card-ressource::after {
    content:'';
    clear:both;
}
 .img-ressource{
    z-index:100;
    position: relative;
    /*left:75px;*/
}

.box-content-card {
    position: absolute;
    top: 80px;

}
.taxonomy-thematique-ressource > a,
.taxonomy-public-ressource > a  {
    font-weight:600;
    pointer-events: none;
}
.post-navigation-link-previous > a,
.post-navigation-link-next > a {
    display:flex;
}
.post-navigation-link-previous > a::before {
    content:url('data:image/svg+xml,<svg width="25px" height="25px" viewBox="0 0 24 24" fill="%2377691F" xmlns="http://www.w3.org/2000/svg"><path d="M14.2893 5.70708C13.8988 5.31655 13.2657 5.31655 12.8751 5.70708L7.98768 10.5993C7.20729 11.3805 7.2076 12.6463 7.98837 13.427L12.8787 18.3174C13.2693 18.7079 13.9024 18.7079 14.293 18.3174C14.6835 17.9269 14.6835 17.2937 14.293 16.9032L10.1073 12.7175C9.71678 12.327 9.71678 11.6939 10.1073 11.3033L14.2893 7.12129C14.6799 6.73077 14.6799 6.0976 14.2893 5.70708Z" fill="%2377691F"/></svg>');
    width:25px;
    height:25px;
    display:flex;
}
.post-navigation-link-next > a::after {
    content:url('data:image/svg+xml,<svg width="25px" height="25px" viewBox="0 0 24 24" fill="77691f" xmlns="http://www.w3.org/2000/svg"><path d="M9.71069 18.2929C10.1012 18.6834 10.7344 18.6834 11.1249 18.2929L16.0123 13.4006C16.7927 12.6195 16.7924 11.3537 16.0117 10.5729L11.1213 5.68254C10.7308 5.29202 10.0976 5.29202 9.70708 5.68254C9.31655 6.07307 9.31655 6.70623 9.70708 7.09676L13.8927 11.2824C14.2833 11.6729 14.2833 12.3061 13.8927 12.6966L9.71069 16.8787C9.32016 17.2692 9.32016 17.9023 9.71069 18.2929Z" fill="%2377691f"/></svg>');
    width:25px;
    height:25px;
    display:flex;
}
/* Page Docs & Ressources v2 */

body .query-card-ressource-v2 div.filtre-ressource {
    max-width:unset!important;
    width:100%!important;
}

body .query-card-ressource-v2 div.filtre-ressource > div.kt-inside-inner-col,
.kt-inside-inner-col>.kb-section-is-sticky.filtre-ressource   {
    position:relative;
    top:unset;
}

@media(min-width:1280px){
    body .query-card-ressource-v2 div.filtre-ressource > div.kt-inside-inner-col,
    .kt-inside-inner-col>.kb-section-is-sticky.filtre-ressource {
        position:sticky;
        top: calc(var(--kb-admin-bar-visible, 0px) + var(--kb-section-setting-offset, 0px));
    }
    body .query-card-ressource-v2 div.filtre-ressource {
        max-width:250px;
        width:unset;
    }
}
.query-card-ressource-v2 li.ressource {
    min-height:825px;
}
.query-card-ressource-v2::after {
    content:'';
    clear:both;
}
.query-card-ressource-v2 li.ressource:hover .box-content-card {
    background-color: #C4E4E3;
 }

 .query-card-ressource-v2 .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn {
    background-color: var(--global-palette3);
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    border-radius: 10px;
    height: 30px;
    width: 30px;
}
.query-card-ressource-v2 .wp-block-kadence-query-filter-search .kb-filter-search-wrap .kb-filter-search-btn:hover {
    color: var(--global-palette9);
   
}
/* Footer-2 */

/* Modif */
input[type="text"]::placeholder {
    color:var(--global-palette1)!important;
}
.recherche-projet-ressource .wp-block-kadence-query-filter-search .kb-filter-search-wrap input[type="text"] {
    height:50px;
}


.footer-bottom a {
    color:#fff;
    text-decoration: none;
}