/*
Theme Name: Le Toucher Shen
Description: Theme enfant de radcliffe-2
Author: Zahra Chouitar
Template: radcliffe-2 
Version: 0.1.0
*/
:root {
  --lts-green-color: #b6c63c;
}

body, button, input, select, textarea {
    font-family: "Alegreya", serif;
}


.site-header {
    border-top: 0px solid #222;
}
.header-search .s, .entry-meta, .site-footer, .main-navigation a, .entry-footer, .post-navigation a span, .comment-actions, .comment-navigation, #wp-calendar tfoot a, form, input, button, .button, input[type="button"], input[type="reset"], input[type="submit"], #infinite-handle span {
    font-family: "Alegreya", serif;
}
.site-branding a img {
    margin-left: 50px;
    /*width: 200px;*/
}
.main-navigation a {
    color: black !important;
 }
 .main-navigation ul ul a {
    background: var(--lts-green-color);
    color: #fff !important;
}
.main-navigation {
    justify-content: center;
}
.site-title,
.entry-title {
    font-family: "Cherry Swash", sans-serif;
    font-size: 28px;
    font-weight: 400;
    font-style: normal;
    text-shadow: 1px 1px 2px gray;
}
.site-description {
    font-size: 22px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Cherry Swash", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h2 {
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
}
a, a:visited {
    color: var(--lts-green-color);
    text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0, 0, 25, 0.2);
}
a:hover,
a:focus,
a:active {
	color: var(--lts-green-color);
	text-decoration: underline;
}
.entry-content p {
    margin: 0 0 1em;
    text-align: justify;
    hyphens: auto;
}
.custom-logo-link {
    display: block;
    margin-bottom: 40px;
    text-align: center;
}

.site-info {
    text-transform: none;
}
.page-content, .entry-content,
.entry-summary, .entry-footer, 
.post-navigation, 
.posts-navigation, 
.comments-wrapper, 
.respond-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 92%;
    width: 66%;
}
#page .slideshow-wrapper {
    border: 2px solid;
    border-radius: 10px;
    margin: 0px auto;
}
.slideshow-information {
    background: rgba(0, 0, 0, 0.3) !important;
    text-align: center !important;
}
.slideshow-info-heading {
    display: none !important;
}

.wp-block-jetpack-slideshow {
    background-color: #000000;
    border: 10px solid #000000;

}
.wp-block-jetpack-slideshow_caption.gallery-caption {
    text-align: center !important;
}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-simple, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom .swiper-pagination-simple {
    text-align: center !important;
    color: white;
}
.tiled-gallery__item img {
    width: calc( 33% - 20px);
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.tiled-gallery__gallery .tiled-gallery__row .tiled-gallery__col:nth-child(3) .tiled-gallery__item img {
    margin-right: 0px;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 0.5em;
}

.wp-block-columns.is-layout-flex figure {
    margin: 0.5em 0;
}
.gallery-rounded img {
    border-radius: 50%;
}
@media only screen and (max-width: 600px) {

    .site-branding a img {
        margin-left: 44px;
        width: 80%;
    }
    body .is-layout-flex {
        justify-content: center;
    }
    .page-content, .entry-content,
    .entry-summary, .entry-footer, 
    .post-navigation, 
    .posts-navigation, 
    .comments-wrapper, 
    .respond-wrapper {
        max-width: 92%;
        width: 92%;
    }
    .entry-content p {
        text-align: justify;
        hyphens: auto;
        line-height: normal;
        margin-bottom: 1em;
    }
    .contact-info-area .icon {
        fill: var(--lts-green-color);
        height: 2.5em;
        width: 2.5em;
    }
}
@media only screen and (min-width: 600px) {
 
  .site-title,
  .entry-title {
        font-size: 42px;
        font-style: normal;
        font-weight: 400;
    }
}
@media screen and (min-width: 768px) {
    .site-header {
        border-top-width: 0px;
    }
    .hero-area-title {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1.125;
        margin-top: 0;
        margin-bottom: 27px;
    }
    .main-navigation li:hover > a, .main-navigation li.focus > a, .main-navigation li.current-menu-item > a {
        background: var(--lts-green-color);
        border-radius: 3px;
        color: #fff;
    }
    .contact-info-area .icon {
        fill: var(--lts-green-color);
        height: 2em;
        width: 2em;
    }
}