/*
Theme Name: Theme L - Lourdes
Author: Bayard-Service
Author URI: https://www.bayard-service.com
Description: A child theme for bsw-aster.
Text Domain: aster
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.3.3
Template: bsw-aster
*/

@media only screen and (max-width: 800px) {
    :root body {
        --wp--style--global--content-size: 90vw;

    }
}
@media only screen and (max-width: 1200px) {
    .bs-content > * {
        max-width: 100% !important;
    }
}

/* *****************************
----------------------------
	= LAYOUT
----------------------------
***************************** */
.home .wp-site-blocks {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
}
.bs-content {
    position: relative;
    width: var(--wp--style--global--content-size);
    margin-block-start: 10vw !important;
    margin-left: 10vw;
    padding: var(--wp--preset--spacing--current) !important;
}
.bs-content::before {
    content: "";
    position: absolute;
    top: -40px;
    left: -40px;
    border-top: solid 10px var(--wp--preset--color--white);
    border-left: solid 10px var(--wp--preset--color--white);
    width: 150px;
    height: 150px;
}
.bs-content::after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: -40px;
    border-bottom: solid 10px var(--wp--preset--color--white);
    border-right: solid 10px var(--wp--preset--color--white);
    width: 150px;
    height: 150px;
}

@media only screen and (max-width: 1400px) {
    .bs-content::after {
        display: none;
    }
    .bs-content {
        width: 60vw;
    }
}
@media only screen and (max-width: 1200px) {
    .bs-content {
        width: 80vw;
    }
    .bs-main-home .entry-content {
        margin-right: 0 !important;

    }
}
@media only screen and (max-width: 800px) {
    .wp-site-blocks {
        margin-block-start: 10vh;
        align-items: normal;
        min-height: auto;
        margin: calc(var(--wp--preset--spacing--current) *2) 20px 10px 20px;
    }
    .home .wp-site-blocks {
        justify-content: initial;
        margin: calc(var(--wp--preset--spacing--current) *2) 20px 10px 20px;
    }
    .home .bs-content {
        margin: 0 !important;
        padding: 20px;
    }
    .bs-content {
        width: 100% !important;
        padding: 20px !important;
        margin: 0 !important;
    }
    .bs-content::before {
        display: none;
    }
}

/* ----------------------------
	== HEADER
---------------------------- */
.site-header > div {
    padding: 0;
    display: flex;
}
@media only screen and (max-width: 1200px) {
    .site-header.is-style-default.wp-block-template-part {
        margin: 0 !important;
    }
}
@media only screen and (max-width: 800px) {
    .site-header > div {
        display: flex;
        margin-block-start: 0 !important;
    }
}

/*
    LOGO DU SITE
*/
.bs-logo {
    display: flex;
    align-items: center;
}

/*
    TITRE
*/
.site-header .wp-block-site-title {
    font-size: clamp(2rem, 4vw, 3rem) !important;
}
@media only screen and (max-width: 800px) {
    .site-header .wp-block-site-title {
        font-size: 2rem !important;
        margin-top: 0;
    }
}

/*
	MAIN NAVIGATION
*/
.site-header .main-nav {
    margin-block-start: var(--wp--preset--spacing--text);
}
.main-nav .wp-block-navigation {
    transition: color 0.3s;
}
.site-header .wp-block-navigation .wp-block-page-list > li > a {
    padding: 0 0 5px 0;
    letter-spacing: 1px;
    margin-bottom: 5px;
    font-size: 0.9rem;
}
.site-header .wp-block-navigation li {
    display: inline-block;
    position: relative;
}
.site-header .wp-block-navigation ul li {
    display: inherit;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    padding-top: 10px;
}
.site-header .wp-block-navigation  .wp-block-page-list > li::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--wp--preset--color--primary);
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
}
.site-header .wp-block-navigation .wp-block-page-list > li:hover::after,
.site-header .wp-block-navigation .wp-block-page-list > li:focus::after {
    opacity: 1;
    transform: translateX(-50%) translateY(5px);
}
.site-header .wp-block-navigation .wp-block-page-list > li.current-menu-item > a {
    color: var(--wp--preset--color--primary);
}
.site-header .wp-block-navigation__submenu-container a:hover {
    color: var(--wp--preset--color--white) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
    display: none;
}
nav.bs-navmobile .wp-block-navigation__responsive-container-open {
    position: relative;
    z-index: 1;
}
nav.bs-navmobile .wp-block-navigation__responsive-container-open::after {
    content: "";
    width: 60px;
    height: 60px;
    background: var(--wp--preset--color--primary);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
    z-index: -1;
}
nav.bs-navmobile {
    position: absolute;
    top: -60px;
    right: 0;
    color: var(--wp--preset--color--white) !important;
}
.home nav.bs-navmobile {
    top: -83px;
}
.bs-small-nav .main-nav {
    display: none;
}
.bs-small-nav nav.bs-navmobile {
    display: block !important;
}
.bs-small-nav nav.bs-navmobile ul {
    display: flex !important;
}
@media only screen and (min-width: 800px) {
    .site-header .wp-block-navigation .wp-block-page-list > li.current-menu-ancestor::after,
    .site-header .wp-block-navigation .wp-block-page-list > li.curent-menu-item::after,
    .site-header .wp-block-navigation .wp-block-page-list > li.current-menu-item::after {
        opacity: 1;
        color: var(--wp--preset--color--secondary);
        transform: translateX(-50%) translateY(5px);
    }
}

@media only screen and (max-width: 1200px) {
    .site-header .wp-block-navigation .wp-block-page-list > li.current-menu-item > a {
        color: var(--wp--preset--color--secondary);
    }

}
@media only screen and (max-width: 800px) {
    nav.bs-navmobile {
        top: -83px;
    }
}


/* ----------------------------
	== FOOTER
---------------------------- */
.site-footer {
    position: absolute;
    top: 100%;
    left: var(--wp--preset--spacing--current);
    width: 100%;
    margin-block-start: var(--wp--preset--spacing--text) !important;
}
.site-footer > div {
    padding: 0;
}
@media only screen and (max-width: 800px) {
    .site-footer {
        left: 0;
        right: 0;
    }
}

/*
	CONTACT INFO
*/
.site-footer .wp-block-group > ul {
    display: flex;
    justify-content: left;
    list-style: none;
    padding: 0;
}
.site-footer .wp-block-group li:not(:first-child) {
    padding: 0 20px 0 20px;
}
.site-footer .wp-block-group li::before {
    font-size: 1.5rem;
    padding-right: 10px;
}
@media only screen and (max-width: 800px) {
    .site-footer .wp-block-group li {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 20px !important;
    }
    .site-footer .wp-block-group li::before {
        padding: 0;
    }
    .site-footer .wp-block-group > ul {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
}

/*
	COLOPHON
*/
.home .bs-nav-footer {
    width: max-content;
    align-self: flex-start;
}
.bs-nav-footer {
    padding: 30px 10px 10px 20px;
    margin-top: 200px;
}
@media only screen and (max-width: 800px) {
    .bs-nav-footer {
        padding: 30px 30px 10px;
        margin-top: 270px;
        justify-content: center;
        width: 100% !important;
        padding-bottom: 40px;
        flex-wrap: wrap !important;
    }
    .bs-nav-footer .wp-block-navigation__container {
        justify-content: center;
    }
}

/* ----------------------------
	== MAIN
---------------------------- */
main {
    margin-block-start: var(--wp--preset--spacing--current);
    padding: 0 !important;
}
.home main {
    margin-block-start: var(--wp--preset--spacing--current) !important;
}

/* *****************************
----------------------------
	= COMPONENTS
----------------------------
***************************** */

/* ----------------------------
	== BREADCRUMBS
---------------------------- */
.breadcrumb {
    padding: var(--wp--preset--spacing--text) !important;
    background: var(--wp--preset--color--grey);
}
.wp-block-wpseopress-breadcrumbs {
    text-align: left;
}
.wp-block-wpseopress-breadcrumbs a,
.wp-block-wpseopress-breadcrumbs li::after,
.wp-block-wpseopress-breadcrumbs li > span {
    opacity: 1;
}
.wp-block-wpseopress-breadcrumbs a:hover {
    color: var(--wp--preset--color--primary);
}
.breadcrumb-item.active {
    color: var(--wp--preset--color--primary);
    font-weight: 800;
}
@media screen and (max-width: 800px) {
    .wp-block-wpseopress-breadcrumbs li.breadcrumb-item:nth-last-child(2) a::before {
        content: "";
        font-family: theme-l;
        margin: 0 10px 0 0;
    }
    .breadcrumb-item a {
        color: var(--wp--preset--color--primary);
        font-weight: 800;
        opacity: 1;
    }
}

/* ----------------------------
	== BUTTONS
---------------------------- */
.wp-block-buttons {
    margin-block-start: var(--wp--preset--spacing--current) !important;
    margin-block-end: var(--wp--preset--spacing--text);
}
@media only screen and (max-width: 800px) {
    .bs-btnsticky .wp-block-button__link {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: var(--wp--preset--color--primary) !important;
        border: none;
        border-radius: 0 !important;
        z-index: 1000;
    }
}

/* ----------------------------
	== SLIDER
---------------------------- */
.splide__pagination {
    display: none !important;
}

/* ----------------------------
	== IMAGE MISE EN AVANT
---------------------------- */
.bs-imagebg {
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
    width: 50%;
    height: 100vh;
    overflow: hidden;
    margin-block-start: 0;
}
.bs-imagebg > img {
    object-fit: cover;
    width: 100%;
    height: 100vh;
}
@media only screen and (max-width: 800px) {
    .bs-imagebg > img {
        height: 20vh;
    }
    .bs-imagebg {
        height: 20vh;
    }
}
@media only screen and (max-width: 1200px) {
    .bs-imagebg {
        position: absolute;
        top: 0;
        width: 100%;
        height: 40vh;
    }
    .bs-imagebg > img {
        height: 40vh;
    }
}

/* *****************************
----------------------------
	= PATERNS - TEMPLATES PART
----------------------------
***************************** */
.wp-block-template-part {
    margin-block-start: 0;
}

/* ----------------------------
	== LISTE DES ACTUALITES
---------------------------- */
.wp-block-post-template a {
    margin-block-start: 10px;
}
.wp-block-post-template a:hover {
    color: var(--wp--preset--color--white);
}

/* ----------------------------
	== LISTE PAGE SOEURS
---------------------------- */
.wp-block-bsw-siblings-posts {
    top: 0;
    margin-block-start: calc(10vw + 30px) !important;
    position: absolute;
    margin-left: 61vw;
    background: var(--wp--preset--color--white);
    padding: var(--wp--preset--spacing--text);
    font-size: 1.2rem;
}
.wp-block-bsw-siblings-posts a {
    font-size: 0.9rem;
}
.wp-block-bsw-siblings-posts a:hover {
    color: var(--wp--preset--color--secondary);
}
.wp-block-bsw-siblings-posts ul {
    list-style: none;
}
.wp-block-bsw-siblings-posts li {
    position: relative;
}
.wp-block-bsw-siblings-posts ul li::before {
    content: "▶";
    position: absolute;
    color: var(--wp--preset--color--primary);
    left: -30px;
}
@media only screen and (max-width: 1400px) {
    .bs-subnav {
        margin-left: 71vw;
        padding: 10px;
    }
}
@media only screen and (max-width: 1200px) {
    .bs-subnav {
        display: none;
    }
}

/* ----------------------------
	== READ MORE
---------------------------- */
.bs-readmore {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--secondary);
    padding: var(--wp--preset--spacing--current) var(--wp--preset--spacing--window) var(--wp--preset--spacing--window);
    margin: var(--wp--preset--spacing--current) calc(var(--wp--preset--spacing--current) * -1) calc(var(--wp--preset--spacing--current) * -1) calc(var(--wp--preset--spacing--current) * -1) !important;
}
.bs-readmore p {
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    font-size: 2.5rem;
}
.bs-readmore  li {
    width: calc(50% - (var(--wp--preset--spacing--text) * 2 / 3)) !important;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible !important;
}
.bs-readmore  h2 {
    padding-left: var(--wp--preset--spacing--text);
    flex: 40%;
}
.bs-readmore figure {
    width: 100%;
    flex: 60%;
    overflow: visible !important;
}
.bs-readmore figure::after {
    content: "";
    position: absolute;
    border-top: solid 5px var(--wp--preset--color--secondary);
    border-right: solid 5px var(--wp--preset--color--secondary);
    width: 40px;
    height: 40px;
    z-index: 1000;
    right: -20px;
    top: -20px;
}
.bs-readmore a {
    color: var(--wp--preset--color--secondary);
}
.bs-readmore a:hover {
    color: var(--wp--preset--color--white) !important;
}
.bs-readmore   ul li:nth-child(n + 3) {
    display: none;
}

@media only screen and (max-width: 1500px) {
    .bs-readmore p {
        margin-top: 0 !important;
    }
}
@media only screen and (max-width: 800px) {
    .bs-readmore {
        margin: var(--wp--preset--spacing--current) calc(20px * -1) calc(20px * -1) calc(20px * -1) !important;
    }
    .bs-readmore li {
        width: calc(100% - (var(--wp--preset--spacing--text) * 2 / 3)) !important;
        padding: 20px 0;
    }
    .bs-readmore  p {
        text-align: center;
    }
    .bs-readmore  h2 {
        flex: 50%;
    }
    .bs-readmore  figure {
        flex: 50%;
    }
}

/* ----------------------------
	== NEXT/PREV
---------------------------- */
.next-prev {
    margin: var(--wp--preset--spacing--text) 0 !important;
    max-width: 100% !important;
}
.next-prev .post-navigation-link-previous a::before {
    content: "\e900";
    transition: all .5s;
    font-family: theme-l;
    color: var(--wp--preset--color--primary);
}
.next-prev .post-navigation-link-next a::before {
    content: "\e901";
    transition: all .5s;
    font-family: theme-l;
    color: var(--wp--preset--color--primary);
}

/* ----------------------------
	== POST LISTE GRILLE
---------------------------- */
.is-style-aster-grille figure::before {
    padding-top: 120% !important;
}
.is-style-aster-grille li:hover figure img {
    animation: zoom 5s ease forwards;
}
.is-style-aster-grille figure {
    overflow: hidden;
}
.is-style-aster-grille > ul {
    margin-block-start: var(--wp--preset--spacing--current);
}
.is-style-aster-grille a:hover {
    color: var(--wp--preset--color--primary);
}