@charset "UTF-8";

/*
Theme Name: Chatterie des Amours Birmanes
Theme URI: https://example.com
Description: A child theme for Twenty Twenty One for Des Amours Birmanes.
Author: Celine Auzias
Author URI: https://c.line-design.fr
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.wp-block-site-title { border:2px solid black!important; }

h1.wp-block-heading { line-height:2.5rem!important; margin-top:1rem!important; }
@media screen and (max-width: 480px) {
    h1.wp-block-heading { font-size:1.7rem!important;line-height:1.7rem!important; }
}
@media screen and (min-width: 481px) and (max-width: 770px) {
    h1.wp-block-heading { font-size:2rem!important;line-height:2rem!important; }
}


.page-id-59 .comment-list > li {
    background: #f9f5f275;
    padding: 2rem;
    margin:2rem;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
}
.page-id-59 .comment-body::before, .page-id-59 .comment-body::after {
    content: '"';
    font-size: 10rem;
    position: absolute;
    top: -7rem;
    color: grey;
    font-family: 'Dancing Script', cursive;
}
.page-id-59 .comment-body::after {
    top: auto;
    bottom: -14rem;
    right: 0;
}
.page-id-59 .post-59 { margin-bottom:0 }
.page-id-59 .comments-area { margin-top:0; max-width:1200px!important; }
.page-id-59 .comments-area .comments-title, .page-id-59 .comments-area .comment-respond .comment-reply-title { color:#42c5d4; text-align:center; display:block;}
.page-id-59 .comments-area .comments-title { font-size:2rem;}
.page-id-59 .comments-area .comment-respond {
    padding-top:180px;
    margin:2rem;
    margin-top:0!important;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(img/Chat-cinammon-300.png);
    background-size: auto 180px;
}
.page-id-59 .comments-area .comments-pagination { margin-bottom:0!important; }

@media only screen and (max-width: 651px){
    .page-id-17 .wp-block-media-text.is-style-tw-overlap.has-media-on-the-right .wp-block-media-text__content {
        margin-right: 0;
    }
    .page-id-18 .wp-block-media-text.is-style-tw-overlap.has-media-on-the-right .wp-block-media-text__content {
        margin-right: 0;
    }
}

.rl-gallery-container .rl-gallery-title {display: none;}
.rl-gallery .rl-gallery-link .rl-gallery-caption {
    padding: .2em .5em!important;
    line-height: 1em;
    text-align: center!important;
}
.site-header {
    display: inline-block!important;
    text-align: center;
    background-repeat: repeat-x;
    background-position: center top;
    background-image: url(img/header-gradient.png);
    background-size: auto 100%;
    padding-top: 0rem!important;
    padding-bottom: 0!important;
}
@media screen and (max-width: 940px) {
    .site-header { padding-left:0!important; padding-right:0!important; }
}
@media only screen and (max-width: 481px){
.site-header:not(.has-logo).has-title-and-tagline .site-branding {
    max-width: 100%!important;
}
}

.site-branding {
    text-align: center;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(img/AmoursBirmanes-banniere.png);
    background-size: 100% auto;
    padding-bottom: 14rem!important;
    padding-top: 1rem!important;
}
@media screen and (min-width: 1200px) {
    .site-branding { background-size: 1080px auto; }
}
@media screen and (max-width: 768px) {
    .site-branding { padding-top: 2.5rem!important; }
} 
@media screen and (min-width: 621px) and (max-width: 768px) {
    .site-branding { padding-bottom: 12rem!important; background-size: 110% auto; }
} 
@media screen and (min-width: 481px) and (max-width: 620px) {
    .site-branding { padding-bottom: 9rem!important; background-size: 110% auto; }
} 
@media screen and (max-width: 480px) {
    .site-branding { padding-bottom: 9rem!important; background-size: 120% auto; }
} 
@media screen and (max-width: 421px) {
    .site-branding { padding-bottom: 7rem!important; }
}
@media screen and (max-width: 353px) {
    .site-branding { padding-bottom: 6rem!important; }
}

@media screen and (max-width: 651px) {
    .site-header .site-title { line-height:2rem;padding-left:.5rem; padding-right:.5rem; }
    .site-header .site-description { padding-left:.5rem; padding-right:.5rem; }
}

.site-description { color:#71922f; line-height: 1.2rem;}

.primary-navigation  {
    margin-top:0!important;
}
.primary-navigation a {
    letter-spacing: 0;
    font-weight: 600;
}
.tw-nav-hover-border #site-navigation a {
    text-underline-offset: 4px;
    padding-bottom: 0;
}
.menu-button-container  {
    margin-top:-15px;
}
@media screen and (max-width: 768px) {
    .menu-button-container  {
        margin-top:-30px;
    }
}
@media screen and (max-width: 651px) {
    .menu-button-container  {
        margin-top:-16px;
    }
}
.menu-button-container #primary-mobile-menu {
    background: #b9d06f;
}

.singular .entry-content>.wp-block-cover:first-child, .singular .entry-content>.wp-block-group:first-child {
    padding-top: 400px!important;
}
@media screen and (max-width: 620px) {
    .singular .entry-content>.wp-block-cover:first-child, .singular .entry-content>.wp-block-group:first-child {
        padding-top: 240px!important;
    }
}
@media screen and (min-width: 621px) and (max-width: 1023px) {
    .singular .entry-content>.wp-block-cover:first-child, .singular .entry-content>.wp-block-group:first-child {
        padding-top: 300px!important;
    }
}

.site-footer .site-name {
    font-size:2rem!important;
    line-height: 2rem;
    text-align: center;
}
.site-footer .site-name a{
    text-decoration: none!important;

}
.site-footer {
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(img/Chat-blue-300.png);
    background-size: auto 170px;
}
@media screen and (max-width: 720px) {
    .site-footer{
        background-size: auto 150px!important;
    }
    .site-footer .site-info{
        margin-bottom: 5.3rem!important; 
    }
}

.actu-grid li .wp-block-latest-posts__post-full-content .wp-block-gallery { display:flex; flex-wrap: wrap;}
.actu-grid li .wp-block-latest-posts__post-full-content .wp-block-gallery:is(.tw-gutter-medium,.tw-gutter-large) {
    --wp--style--gallery-gap-default: 8px;
}

.bloc-galerie-robes { max-width:1200px!important; }