/*
 Theme Name:     Koncept Child
 Theme URI:      http://demo.krownthemes.com/koncept/
 Description:    A basic child theme for the Koncept theme.
 Author:         KrownThemes
 Author URI:     http://krownthemes.com
 Template:       koncept
 Version:        1.0
*/
@import url("../koncept/style.css");

/* Correction images menu blog catégories */
.category img,
.archive img {
    height: auto !important;
    max-width: 100% !important;
}

.category .post-thumbnail img,
.archive .post-thumbnail img {
    height: auto !important;
    object-fit: cover;
}

.category .post-thumbnail,
.archive .post-thumbnail {
    height: auto !important;
}

/* --------------------------------------
-----   Blog - vignettes desktop   -----
------------------------------------------*/
/* Blog - vignettes desktop */
body.page-template-template-blog #posts-container.classic .post a.post-image {
    height: auto !important;
    position: relative !important;
}

body.page-template-template-blog #posts-container.classic .post a.post-image img {
    height: auto !important;
    width: auto !important;
    max-width: 230px !important;
    max-height: 230px !important;
    object-fit: contain !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

/* --------------------------------------
-----   Blog - vignettes mobile   -----
------------------------------------------*/
@media screen and (max-width: 768px) {
    body.page-template-template-blog  #posts-container.classic .post {
        display: flex !important;
        flex-direction: column !important;
    }
    body.page-template-template-blog  #posts-container.classic .post a.post-image {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        text-align: center !important;
        margin: 0 auto 15px auto !important;
        float: none !important;
    }
    body.page-template-template-blog  #posts-container.classic .post a.post-image img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        margin: 0 auto !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

/* --------------------------------------
-----   Réalisations - padding images   -----
------------------------------------------*/
body.single-portfolio .krown-column-row.only-images > .krown-column-container {
    padding: 0 !important;
    background: transparent !important;
}
/* Portfolio - suppression padding des images au sein d'une ligne avec txt */
body.single-portfolio .krown-column-container:has(.krown-single-image) {
    padding: 0 !important; object-fit: cover !important;
}
/* Accueil - suppression padding sur images uniquement */
body.home .krown-column-row.only-images > .krown-column-container {
    padding: 0 !important;
}
/* Accueil - suppression padding et cover des images trop petites */
body.home div#col-3 { padding: 0 !important; } body.home div#col-3 img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.home div#col-0 { padding: 0 !important; } body.home div#col-0 img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.home div#col-8 { padding: 0 !important; } body.home div#col-8 img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
body.home div#col-9 { padding: 0 !important; } body.home div#col-9 img { width: 100% !important; height: 100% !important; object-fit: cover !important; }




/* Réalisations articles - suppression padding sur images uniquement */
body.single-portfolio .krown-column-row.only-images > .krown-column-container.has-images {
    padding: 0 !important;
    background: transparent !important;
}
body.single-portfolio .krown-column-row > .krown-column-container.has-text {
    padding: 40px 80px !important;
    background: #fff !important;
}
/* Permet au menu déroulant de ne pas sortir de l'écran sur la droite */
.menu-three .sub-menu {
    left: -150px !important;
}
/* Uniformise la taille des photos et supprime les marges */
body.home .krown-column-container:has(.krown-team) {
    padding: 0 !important;
}

body.home .krown-team .image img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: top !important;
}
body.home #col-11 .krown-team .image img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: top !important;
}

body.home #col-11 {
    padding: 0 !important;
}