/**
 * Theme Name: Allegorie Strategie
 * Description: Theme enfant de Blocksy
 * Version : 20.06.2023
 * Author: Antoine TIGNON
 * Author URI: https://antoinetignon.com
 * Template: blocksy
 * Text Domain: blocksy
 */



.svg-logo{
    display:block !important;
    margin:auto !important;
}


/*-------------------------- BOUTONS ------------------------*/


/* .1. Boutons Menu Accompagnements */

.btn-accompagnement-dirigeant a, .btn-gradient a{
background: rgba(0,0,255);
background: linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(255,0,255,1) 100%);

}

.btn-atelier-entreprise a{
background: rgba(0,0,255);
background: -moz-linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
background: -webkit-linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
background: linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#00ff9b",GradientType=1);
}

.btn-blanc a{
background-color: #FFFFFF;
color: var(--theme-palette-color-2);
}

.btn-blanc:hover a{
background-color: #FFFFFF;
color: var(--theme-palette-color-2);
}

    /* Effet de transparence au survol des boutons */
.btn-atelier-entreprise:hover a,.btn-accompagnement-dirigeant:hover a, .wp-block-button:hover a{
    opacity:0.7 !important;
}

    /* Forcer le bold et la taille 14px sur les boutons */
.ct-button, .wp-block-button a{
    font-weight:600 !important;
    font-size:14px !important;
}

.uagb-marketing-btn__title{
    font-size:14px !important;
}



/*-------------------------------- TITRES ALLEGORIES --------------------------------------*/

    /* Calibrage des lignes de titre */
.allegorie-title,.allegorie-title-white{
    text-align:center;
    position:relative;
    line-height:1
}

    /* Effet Allégorie sur les H1 */
h1.allegorie-title:before{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-top-bar.svg) ;
    margin-bottom:0px;
}
h1.allegorie-title:after{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar.svg) ;
    margin-top:-12px
}


    /* Effet Allégorie sur les H2 normaux*/

h2.allegorie-title:before{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-top-bar.svg) ;
    margin-bottom:0px;
}
h2.allegorie-title:after{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar.svg) ;
    margin-top:-9px
}

    /* Effet Allégorie sur les H2 sur fond blanc */

h2.allegorie-title-white:before{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-top-bar-white.svg) ;
    margin-bottom:0px;
}
h2.allegorie-title-white:after{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar-white.svg) ;
    margin-top:-9px
}

    /* Effet Allégorie sur les H3 normaux */

h3.allegorie-title:before{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-top-bar.svg) ;
    margin-bottom:0px;
}

h3.allegorie-title:after{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar.svg) ;
    margin-top:-8px
}

    /* Effet Allégorie sur les H3 sur fond blanc */

h3.allegorie-title:before{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-top-bar-white.svg) ;
    margin-bottom:0px;
}

h3.allegorie-title:after{
    display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar-white.svg) ;
    margin-top:-8px
}

/*------------------------------------------------ HERO -------------------------------------------------- */

.hero-extrait{
    border-radius:20px !important;
    text-align:left;
    box-shadow:rgba(0,0,0,0.3) 5px 1px 10px;
}

.hero-extrait .wp-block-button__link:hover{
    opacity:0.7;
}

.img-hero-atelier img{
    aspect-ratio:16/9;
    object-fit:cover;

}
    
#main > div.hero-section > header > nav{
        display:flex;
    }


#main > div.hero-section > header{
    padding:25px!important;
}



/*------------------------------ FONCTIONNALITES RESPONSIVE ------------------------------------*/

@media (max-width:780px){

    /* Centrer le H1 sur mobile */
    h1{
        text-align:center !important;
    }

    /* Les boutons du sommaire prennent 100% de la largeur*/
    .sommaire .wp-block-button, .wp-block-button__link{
        width:100% !important;
    }
    

    /* Calibrage des icones du hero sur mobile */
    .icon-hero {
        margin-left:0px !important;
        width:100%
    }
    
    .icon-hero img{
        width:50% !important;
        margin-right:25% !important;
        margin-left:25% !important;
    }
    
    /* Recalibrage de l'effet Allégorie sur les H2*/
    h2.allegorie-title:after{
        display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar.svg) ;
        margin-top:-4px
    }
    
    h2.allegorie-title-white:after{
        display:block; content:url(https://www.allegorie-strategie.com/wp-content/uploads/2023/05/small-bot-bar-white.svg) ;
        margin-top:-4px
    }
}


/* ------------------------------------------------  Structuration de page ------------------------------------------------  */

/* Pour les colonnes qui contiennent uniquement du texte */

.col-text{
    padding:30px 0px !important;
}

.col-text > *{
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.col-margin{
    margin:15px !important;
    border-radius:2px
}


/* Pour les colonnes qui contiennent une image ou une bannière */

@media (min-width: 781px){
    .col-img,.col-banner{
        align-self:stretch !important;
    }

    .col-img  figure, .col-img img{
        height:100%;
        object-fit:cover;
        width:100%;
        padding:0px !important
    }

    .col-banner  .wp-block-cover{
        height:100%;
        object-fit:cover;
        width:100%;
        padding:30px !important
    }
}

/* Pour inverser l'ordre des colonnes sur mobile */

@media (max-width: 781px) {
    .reverse-mobile {
        flex-direction: column-reverse;
    }
}

/* Pour cacher la colonne sur mobile */

@media (max-width:781px){
    .hide-mobile{
        display:none;
    }
}

/* ------------------------------- FORMULAIRE DE CONTACT ------------------------------------*/

.form-max-width{
    margin: auto;
    padding: 10px;
    max-width:900px}

.form-row{ 
    width: 100%; 
} 
.col-half,.col-full{ 
    float: left; 
    position: relative; 
    padding: 0.65rem; 
    width:100%; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box 
} 
.clearfix:after { 
    content: ""; 
    display: table; 
    clear: both; 
} 
 
@media only screen and (min-width: 48em) {  
    .col-half{ 
        width: 50%; 
    } 
} 

.wpcf7-submit{
float:right !important;
    margin:auto !important;
}

.wpcf7-acceptance{
    float:right !important;
}


/*----------------------------------------------SLIDER ---------------------------------------------*/

.slick-slide article{
    padding:0px !important;
    border-radius:20px !important;
    box-shadow:rgba(0,0,0,0.25) 1px 1px 10px !important;
}

.slick-slide article img{
        padding:0px !important;
    border-radius:20px 20px 0 0  !important;
}

.slick-slide{
    padding:0px 20px 0px 10px !important;
}
@media (max-width:782px){
    .slick-slide{
    padding:0px 40px 0px 20px !important;
    }
}

.slick-prev, .slick-next{
    background: #F2F5F7 !important;
    border-radius:100px !important;
    box-shadow:rgba(0,0,0,0.25) 1px 1px 10px !important;
}

.slick-arrow svg{
    fill: #333333 !important;
}

/*----------------------------TABS --------------------------------------------*/

.uagb-tab,.uagb-tabs__body-wrap,.uagb-post__inner-wrap{
    box-shadow:rgba(0,0,0,0.1) 2px 2px 10px;
    border-radius:20px !important;
    padding:0px !important;
    margin:10px
}

.uagb-tab,.uagb-tabs__body-wrap,.uagb-post__inner-wrap img{
    border-radius:20px !important;
}


/*------------------------ Menu mobile UI & UX ------------------------*/

    /* Paneau ouverture */

/*accordeons du menu*/
.ct-panel-content li{
    background-color:#FFFFFF;
    padding:5px 15px 5px 20px;
    margin-bottom:15px;
    box-shadow:rgba(0,0,0,0.1) 3px 3px 10px !important;
    border-radius:20px
}

.ct-panel-content{
    padding:2vw !important;
}

    /* Configuration du sous menu */

.ct-panel-content .sub-menu{
    padding-left:0px !important;
    margin-bottom:0px;
}

.ct-panel-content .sub-menu li{
    box-shadow:none !important;
    border-radius:3px;
    margin-bottom:0px;
}

.ct-panel-content .sub-menu li .ct-menu-link{
    font-size:14px !important;
    text-align:left !important;
}


/* Hiding scrollbar for Chrome, Safari and Opera */
.ct-panel-content-inner::-webkit-scrollbar{
    display: none !important;
}

/* Hiding scrollbar for IE, Edge and Firefox */
.ct-panel-content-inner {
  scrollbar-width: none !important;  /* Firefox */
  -ms-overflow-style: none !important;  /* IE and Edge */
}

.ct-panel-content-inner{
    padding:20px !important
}

    /* Personnalisation des boutons */

        /*Bouton Conseil en developpement d'entreprise */

.mobile-menu .menu-item-1134{
    background-color:#0000ff;
    border-radius:20px !important;
    color:#FFFFFF !important !important;
    margin-top:10px !important;
    margin-bottom:10px !important;
}

.mobile-menu .menu-item-1134 a{
    color:white !important;
}

        /*Bouton Accompagnement du dirigeant */

.mobile-menu .menu-item-1133{
    background: rgba(0,0,255);
    background: linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(255,0,255,1) 100%);
    border-radius:20px !important;
    color:#FFFFFF !important !important;    margin-bottom:10px !important;
}

.mobile-menu .menu-item-1133 a{
    color:white !important;
}

        /* Bouton Formations */

.mobile-menu .menu-item-1132{
    background: rgba(0,0,255);
    background: -moz-linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
    background: -webkit-linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
    background: linear-gradient(332deg, rgba(0,0,255,1) 0%, rgba(0,255,155,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff",endColorstr="#00ff9b",GradientType=1);
    border-radius:20px !important;
    margin-bottom:10px !important;
}

.mobile-menu .menu-item-1132 a{
    color:white !important;
}


    /* Activation du menu mobile */

.ct-panel-actions{
    position: absolute !important;
    bottom:5% !important;
    z-index:9999 !important;
    width:100% !important;
}

    /* Fermeture du menu mobile */

.ct-panel-actions .ct-toggle-close{
    margin:0 44.5%;
    border:solid 0.px black !important;
    padding:15px !important;
    border-radius:50px !important;
    background-color:#0000ff !important;
}


#offcanvas > div:nth-child(3) > div{
    width:100%;
}


#offcanvas > div:nth-child(3) > div.ct-header-cta > a{
    width:100%;
}

#offcanvas > div:nth-child(3) > div:nth-child(1){
    width:100%;
    margin-top:20px
}

/*------------------------------------ MENU ANIMATIONS ----------------------------------------*/

.menu-animation{
    transition:all 0.2s;
}
.menu-animation:hover{
    padding-left:10px
}
.hover-animation-col{
    transition: all 0.2s !important;
}
.hover-animation-col:hover{
    transform: translateY(-10px) !important;
}



/*------------------------------------ ACCORDEONS ----------------------------------------*/

.wp-block-pb-accordion-item{
    background-color:#FFFFFF;
    border-radius:20px;
    box-shadow:rgba(0,0,0,0.05) 3px 3px 15px;
}

.c-accordion__title{
    padding: 20px 0 20px 20px ;
    margin:0px !important;
    font-size:20px;
}

.c-accordion__content{
    padding: 0px 14px 20px 14px;
}

.c-accordion__title:after{
    font-weight:700;
    color:#000000;
    margin-right:16px;
    font-size:25px;
}

.c-accordion__content{
    margin-top:20px;
}

.is-open .c-accordion__title, .is-open .c-accordion__title:after {
    color:#0101FF
}

@media (max-width: 780px){
.c-accordion__title {
        font-size:1rem;
    }
}

/* -------------------------- PUBLICATIONS CONNEXES ------------------------------------*/

.ct-related-posts-container article{
    background-color:#FFFFFF;
    border-radius:20px;
    box-shadow:rgba(0,0,0,0.05) 3px 3px 15px;
}

.ct-related-posts-container a{
    display: block;
    width: 100%;
    text-align: center;
    margin:0px !important;
    padding:15px 20px 15px 20px
}

.related-entry-title{
    margin: 0px !important;
}

.ct-related-posts-items article .ct-media-container{
    padding: 0px;
}

.ct-related-posts-items article{
    transition:all 0.2s;
}
.ct-related-posts-items article:hover{
        transform: translateY(-10px);
}

.ct-panel-content-inner{
    padding:10px
}

/* --------------------------------------  RECAPTCHA   --------------------------- */
.grecaptcha-badge { 
    visibility: hidden !important;
}

.recaptcha-line{
    font-size:10px;
    text-align:right;
    margin-bottom:30px
}

@media (max-width:782px){
    .recaptcha-line{
        text-align:left;
    }
}

/*------------------------- RUBRIQUE ARTICLES ----------------------*/

.auteur-avatar img {
    border-radius: 500px;
    width: 30px;
    height: 30px;
}

.auteur-nicename{
    color:white;
}

.auteur-nicename:hover{
    color:#00ff99;
}


/*-------------------------------- FOOTER ----------------------------------*/

footer h3{
    color:#FFFFFF !important;
}

/*------------------------------- OMBRES -------------------------------------*/

.box-shadow{
    box-shadow:rgba(0,0,0,0.05) 3px 3px 15px;
    border-radius:20px
}

.box-shadow-img img{
        box-shadow:rgba(0,0,0,0.05) 3px 3px 15px;
    border-radius:20px
}

.over-shadow{
    z-index:99999 !important;
    box-shadow:0px 0px 30px rgba(0,0,0,0.1);
        margin-bottom:30px !important;
}


/*------------------------------- INFOS ATELIERS -------------------------------------*/

 
@media (max-width:780px){

    .infos-atelier .wp-block-column{
        padding:10px !important;
        height:100% !important;
    }
    
.infos-atelier img{
width:50px !important;
    height:50px !important;
    }
    .infos-atelier .wp-block-image{
        margin-bottom:5px
    }
    
    .info-atelier{
        margin-bottom:0.7px !important;
        font-size:0.65rem !important;
    }
    
    .infos-atelier p{
                font-size:0.6rem !important;
    }

}

/*------------------------------- RGPD -------------------------------------*/


.cmplz-links{
    text-align:center !important;
}