/**
 * Theme Name: Kraft le Blog
 * Description: Theme enfant de Blocksy
 * Author: Antoine TIGNON
 * Author URI: https://antoinetignon.com
 * Template: blocksy
 * Text Domain: blocksy
 */




/*------------------------------ CARTES ARTICLES ------------------------------*/

.entry-card{
    padding:0 !important;
    border-radius: 11px !important;
}

.entry-card .entry-title{
    background-color:rgb(255,255,255,1);
    padding:20px;
    border-radius: 0 0 10px 10px
}

.entry-card img, .entry-card .ct-image-container:after{
    transition:all 0.2s !important;
}

.entry-card:hover img{
    transform:scale(1.1)
}

.entry-card:hover .ct-image-container:after {
    background-color: rgba(79,148,212,0.3) !important;
    border-radius:10px !important;
}

.entry-card:hover h2 a{
    color:#1559ed!important;
}

.ct-media-container img{
    border-radius: 0 0 15px 15px;
}

/*------------------------------ BARRE LATERALE ------------------------------*/

.titre-widget{
    font-weight:bold
}

.wp-block-latest-posts__featured-image img{
    aspect-ratio:4/3;
    object-fit:cover;
    border-radius : 10px;
    margin-bottom:10px
}

.wp-block-latest-posts__list li{
    margin-bottom:25px
}


/*------------------------------ COMMENTAIRES ------------------------------*/

.ct-comment-inner{
    background-color:#FFFFFF;
    border-radius:10px
}

.ct-comment-author{
    color:#3a4f66;
}

.ct-comment-inner{
    margin-top:30px;
            box-shadow:rgb(0,0,0,0.1) 3px 3px 10px;
    border-top:0;
    padding:20px;
}

.comment-reply-title{
    border-top:0 !important
}

/*------------------------------ HOME ------------------------------*/

@media (min-width:690px){
    .home-articles{
        margin-top:-120px
    }
}

/*------------------------------ IFRAME ------------------------------*/

.wp-block-embed__wrapper iframe{
    border-radius:10px !important;
    left:0; 
    top:0; 
    height:100%;
    width:100%;
    aspect-ratio:16/9;
}


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

footer h4{
    color:#FFFFFF;
}

.ct-footer .ct-widget:nth-child(2){
      width: 30px;
    height: 3px;
    background: #1266f1;
    margin:10px 0 !important;
}

.ct-footer .ct-widget:nth-child(3){

    margin-top:20px !important;
}



/*------------------------------ SCROLLBAR ------------------------------*/

::-webkit-scrollbar{
    width:20px
}
::-webkit-scrollbar-track{
    background-color:#F2F2F2
}
::-webkit-scrollbar-thumb{
    border-radius:20px;
    background-color:#C1CDD7;
    border:6px solid transparent;
    background-clip:content-box
}
::-webkit-scrollbar-thumb:hover{
    background-color:#999999
}

.ct-sidebar{
    z-index:9 !important;
}


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

.wp-block-pb-accordion-item{
    border-radius:10px
}


.wp-block-pb-accordion-item{
    box-shadow:rgba(0,0,0,0.1) 5px 2px 10px;
    padding:20px 20px 1px 20px;
}

.c-accordion__title:after{
    font-weight:1000 !important;
    color:#1266F1 !important;
}


/*------------------------------ COLONNES ------------------------------*/

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

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

/*------------------------------ COOKIES COMPLIANZ ------------------------------*/

.cmplz-manage-consent {
    font-family:"Open Sans"  !important;
    font-weight:bold !important;
    background-color:#FFFFFF !important;
    color:#5E5E5E !important;
    bottom: 0 !important;
    font-size: 12px;
    padding: 5px 10px !important;
    max-height: 30px !important;
    margin-bottom: 20px !important;
    box-shadow: rgb(0,0,0,0.1) 0px 4px 20px !important;
    font-weight:600 !important;
    border-radius:10px !important;
}

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

.btn-success{
    color:#FFFFFF;
    background-color:#1266f1;
    font-weight:bold;
    padding:5px 20px;
    border-radius:0 0 0 15px;
}

.ct-button{
    font-weight:bold;
}

.wp-block-button a,.entry-button,.form-submit button{
    font-weight:bold;
}


/*------------------------------ TABLE DES MATIERES ------------------------------*/



.wp-block-aioseo-table-of-contents ul{
    margin-bottom:0px
}

/*------------------------------ FIL D'ARIANE ------------------------------*/

.ct-breadcrumbs-shortcode{
    text-align:right !important;
    color:#FFFFFF !important;
    margin:0 !important;
}

.ct-breadcrumbs-shortcode a,.last-item {
    margin:0px 5px;
        color:#FFFFFF !important;
}

.ct-breadcrumbs-shortcode a :hover{
    color:#1266F1 !important
}


/*------------------------------ INPUTS  ------------------------------*/

main textarea:focus, maininput:focus{
    box-shadow: rgba(18, 102, 241, 0.1) 0 4px 20px !important;
}

/*------------------------------ IMAGES ARTICLES ------------------------------*/

.wp-block-image img{
    border-radius:10px;
}

/*------------------------------ MENU PRINCIPAL ------------------------------*/

#menu-menu-principal a:hover .ct-icon-container svg{
   transform: rotate(90deg);
}

#menu-menu-principal .current-menu-item svg, #menu-menu-principal .current-menu-parent svg{
    transition:all 0s !important;
}

#menu-menu-principal .current-menu-item .ct-icon-container svg, #menu-menu-principal .current-menu-parent .ct-icon-container svg{
       transform: rotate(90deg);
}


/*------------------------------ MENU MOBILE ------------------------------*/

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

.ct-panel-actions .ct-toggle-close{
    margin:0 44.5%;
    border:solid 0.px black !important;
    padding:15px !important;
    border-radius:100px !important;
    background-color:white !important;
    box-shadow:1px 1px 7px rgba(0,0,0,0.2) !important;
}


.search-form .modal-field{
    border-bottom:solid 1px #1266f1 !important;
}

@media (max-width:1000px){
.ct-toggle{
    visibility:hidden;
}
}

/*------------------------------ TRENDING BLOCK ------------------------------*/


.ct-trending-block h3{
    font-family:"Shadows Into Light Two";
    font-weight:normal;
    color:#1266f1;
    font-size:30px
}

.ct-trending-block h3 svg{
width: 100%; height: auto;
    width:30px !important
}

.ct-trending-block .ct-image-container{
    border-radius:3px 3px 3px 13px !important
}

@media (max-width:700px){
    .ct-trending-block h3 svg{
        visibility:hidden;
}
}


/*------------------------------ RESEAUX SOCIAUX PAGE ACCUEIL ------------------------------*/


.social-col .wp-block-column .wp-block-column{
    height:170px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-col .wp-block-column img[src$='.jpg']{
        height:170px !important;
    object-fit:cover;
    width:100%!important;
}

.social-col .wp-block-column .wp-block-column figure{
    width:100%!important;}


.social-col p{
    font-family:"Shadows Into Light Two";
    font-size:2.4em
}
/*
.facebook-kraft,.boutique-kraft,.instagram-kraft,.youtube-kraft,.linkedin-kraft:hover{
    cursor: pointer;
}
*/

.boutique-kraft a{
    text-decoration:none!important
}

/*------------------------------ TITLE LABEL ------------------------------*/

.ct-title-label{
    border:solid 1.5px;
    padding:2px 5px !important;
    border-radius: 0 0 0 7px;
    text-transform:capitalize !important;
    font-size:10px !important;
    width:100px !important;
    margin:auto !important;
    font-family:"Open Sans";
    font-weight:600;
    margin-bottom:10px !important;
}