/*
 Theme Name:   Ollie Child
 Theme URI:    olliewp.com
 Description:  Personnal variation of the Ollie Theme
 Author:       Stephanie VESTER
 Author URI:   http://www.stephanie-vester.fr
 Template:     ollie
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom, homemade
 Text Domain:  ollie-child
*/
html {
    overflow-x: hidden;
    max-width: 100vw;
}

header, .fix-header, .is-position-sticky {
    position: sticky;
    top: 0;
    z-index: 9999;
}

header div.the-header {
    box-shadow: rgba(25, 56, 64, 0.55) 0px 5px 15px;
}

header nav ul.wp-block-navigation__container li.current-menu-item {
    color: var(--wp--preset--color--dark-screen-500);
    background-color: var(--wp--preset--color--silver-circuit-400);
}

header nav ul.wp-block-navigation__container li a.current-menu-ancestor {
    color: var(--wp--preset--color--dark-screen-500) !important;
    background-color: var(--wp--preset--color--silver-circuit-400);
    border-radius: 10px;
}

header nav ul.wp-block-navigation__container>li.current-menu-item {
    border-radius: 10px;
}

header nav ul.wp-block-navigation__container li ul li.current-menu-item a:hover {
    color: var(--wp--preset--color--dark-screen-500) !important;
    cursor: default;
}

/* fin header */

/* hero */
.left-bg-squared {
    background: url(./assets/images/large-left-bg.webp) no-repeat 100% 50%;
    max-height: 685px;
}

/* generiques */
.bg-squares-hellodawn-100 {
    background: url(./assets/images/bg-squares-hellodawn-100.webp) no-repeat 0 100%;
}

a.wp-block-button__link:hover {
    transition: all .2s ease;
    transform: scale(1.1);
}

.uagb-button__icon>svg {
    fill: inherit;
}

div.feature-boxes {
    background-position: 50% 50%;
}

footer p a {
    text-decoration: none;
}

/* fin generiques */

/* breadcrumb */
div.breadcrumb {
    box-shadow: rgba(25, 56, 64, 0.55) 0px 5px 15px;
}

div#seokey-breadcrumbs {
    font-weight: 800;
    font-size: var(--wp--preset--font-size--x-small);
    line-height: 1.2em;
}

div#seokey-breadcrumbs a {
    font-weight: 500;
    text-decoration: none;
}

/* fin breadcrumb */

/* single */
.single .wp-block-cover {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.single .wp-block-group .wp-block-post-terms.no-bottom-margin,
.blog .wp-block-group .wp-block-post-terms.no-bottom-margin {
    margin-bottom: 0px !important;
}

button.qxCTlb {
    border: var(--wp--preset--color--dark-sreen-500) solid 1px;
    background-color: var(--wp--preset--color--hello-dawn-100);
    padding: var(--wp--preset--spacing--small);
    border-radius: 10px;
}

.single .entry-content {
    padding-top: 2em;
    padding-bottom: 2em;
}

/* yarpp related posts - default = mobile */
.yarpp ul {
    list-style: none;
}

.yarpp-template-yarpp-template-thumbnail ul li {
    padding: var(--wp--preset--spacing--small);
    border-radius: 10px;
    background-color: var(--wp--preset--color--silver-circuit-100);
}

.yarpp-template-yarpp-template-thumbnail ul li div {
    margin-block-start: var(--wp--preset--spacing--x-small);
}

.yarpp-template-yarpp-template-thumbnail ul li a {
    color: var(--wp--preset--color--dark-screen-500);
}

.yarpp-template-yarpp-template-thumbnail ul li div.m-auto {
    margin: auto;
}

.yarpp-template-yarpp-template-thumbnail ul li div.is-nowrap-large {
    gap: var(--wp--preset--spacing--small);
}

.yarpp-template-yarpp-template-thumbnail ul li div.taxonomy-category {
    flex-wrap: nowrap;
}

.yarpp-template-yarpp-template-thumbnail ul li img {
    border-radius: 10px;
}


/* hack mini mobile */
@media screen and (max-width: 395px) {
    header div.the-header {
        padding-right: var(--wp--preset--spacing--small);
        padding-left: var(--wp--preset--spacing--small);
    }

    header div.the-header img {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 479px) {
    .hide-mobile {
        display: none;
    }

    /* home */
    .home .left-bg-squared {
        background-image: none;
        background-color: rgba(25, 56, 64, 0.6);
    }

    /* mentions légales */
    .page-id-315 .uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel {
        flex-direction: row;
    }

    .page-id-315 .uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel li {
        margin-right: 30px;
    }

    .page-id-315 .uagb-block-36ce42b0.uagb-tabs__wrap .uagb-tabs__body-wrap {
        padding-top: 200px;
    }

    /* services */
    .page-id-306 .wp-block-uagb-container.uagb-block-1e292a72::before {
        background-image: linear-gradient(90deg, rgb(25, 56, 64, 1) 1%, rgb(25, 56, 64, 0.90) 40%, rgba(25, 56, 64, 0.30) 90%);
    }

    .page-id-306 .wp-block-uagb-container.uagb-block-1e292a72 {
        background-position: 50% 50%;
    }

    footer div.footer-links {
        display: block;
        text-align: center;
    }

    /* page consultante seo */
    .wp-block-uagb-container.uagb-block-1e292a72::before {
        background-color: rgb(25, 56, 64, 0.8) !important;
        background-image: none !important;
    }
    .page-id-1750 .large-margin-pc > div{
        padding-right: 0 !important;
    }

    /* blog */
    .single .wp-container-core-group-is-layout-11 {
        overflow-wrap: break-word;
    }    
    
}

/* tablet */
@media screen and (min-width: 480px) and (max-width: 1279px) {
    .hide-tablet {
        display: none;
    }

    /* header */
    header .padding-tablet {
        padding-top: var(--wp--preset--spacing--20) !important;
        padding-bottom: var(--wp--preset--spacing--30) !important;
    }

    header .special-tablet {
        margin: auto !important;
    }

    /* home */
    .home .uagb-block-7ced4876 {
        background-position: 30% 50%;
    }

    .home .left-bg-squared {
        background-image: none;
        position: relative;
    }

    .home .wp-block-columns .wp-block-column {
        flex-basis: 80% !important;
    }

    .home .left-bg-squared:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        background-image: url(./assets/images/large-left-bg.webp);
        background-repeat: no-repeat;
        background-position: 110% 0;
        background-size: cover;
    }

    .home .left-bg-squared>div {
        position: relative;
    }

    /* mentions legales */
    .page-id-315 .uagb-tabs__wrap.uagb-tabs__stack4-mobile ul.uagb-tabs__panel {
        flex-direction: row;
    }

    .page-id-315 ul.uagb-tabs__panel li.uagb-tab {
        display: block;
        width: 100%;
        margin-right: 30px;
    }

    .page-id-315 .uagb-block-36ce42b0.uagb-tabs__wrap .uagb-tabs__body-wrap {
        padding-top: 200px;
    }

    /* services */
    .page-id-306 .wp-block-uagb-container.uagb-block-1e292a72::before {
        background-image: linear-gradient(90deg, rgb(25, 56, 64, 1) 1%, rgb(25, 56, 64, 0.90) 40%, rgba(25, 56, 64, 0.30) 90%);
    }

}

@media screen and (min-width: 480px) {

    /* single - related posts */
    .yarpp ul {
        display: flex;
    }

    .yarpp-template-yarpp-template-thumbnail ul li {
        width: 50%;
    }

    .yarpp-template-yarpp-template-thumbnail ul li div.is-nowrap-large {
        flex-wrap: nowrap;
    }

    /* footer */
    footer p a {
        font-size: var(--wp--preset--font-size--small);
    }
}

/* ecran supérieur a 1920 */
@media screen and (min-width: 1980px) {
    .home .uagb-block-7ced4876 {
        background-position: 0 50%;
    }

    .side-padding-desktop {
        padding-left: var(--wp--preset--spacing--xx-large) !important;
    }
}


/* mentions legales */
@media screen and (min-width: 1441px) {
    .page-id-315 .uagb-block-36ce42b0.uagb-tabs__wrap ul.uagb-tabs__panel {
        width: 1280px;
    }

    .page-id-315 .uagb-block-36ce42b0.uagb-tabs__wrap ul.uagb-tabs__panel li.uagb-tab a.uagb-tabs-list {
        padding-left: 1.8em;
        padding-right: 1.8em;
    }
}

.page-id-315 ul.uagb-tabs__panel {
    position: fixed;
    z-index: 9998;
    top: 100px;
}

.page-id-315 .uagb-block-36ce42b0.uagb-tabs__hstyle2-desktop>.uagb-tabs__panel .uagb-tab {
    border: 3px solid white !important;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.page-id-315 ul.uagb-tabs__panel li.uagb-tab a {
    text-decoration: none;
}

.page-id-315 .uagb-block-36ce42b0 .uagb-tabs__panel .uagb-tab:hover {
    background-color: var(--wp--preset--color--hello-dawn-500);
}