/*
Theme Name: WigomediaStarterChild
Theme URI: http://wigo-media.com
Author: the WigoMedia team
Author URI: http://wigo-media.com/
Description: Thème de base wordpress.
Template: wp-starter-theme-master
Version: 3.0
*/

body{background-color: var(--wp--preset--color--grey-mermo); color: var(--wp--preset--color--blue-dark); font-family: "Barlow", sans-serif; font-weight: 400;}

.btn-orange, .has-orange-background-color{color: var(--wp--preset--color--white) !important;}
.btn-outline-orange, .is-style-outline .has-orange-background-color{color: var(--wp--preset--color--blue-dark);}
.btn-orange:hover, .has-orange-background-color:hover{color: var(--wp--preset--color--white);}
.btn-outline-orange:hover, .is-style-outline .has-orange-background-color:hover{color: var(--wp--preset--color--white);}
.btn-outline-blue-dark, .is-style-outline .has-blue-dark-background-color{color: var(--wp--preset--color--blue-dark);}
.btn-outline-blue-dark:hover, .is-style-outline .has-blue-dark-background-color:hover{color: var(--wp--preset--color--white);}

:root {
    --wp--preset--color--grey-mermo: #F1F2F3;
}

header.scrolled{background-color: rgba(255, 255, 255, .434);}
header .logo{margin-top: 1rem;}
.gradient-line{background: linear-gradient(90deg, rgba(28, 35, 56, 0) 0%, #1C2338 100%);}

.home .hero-banner .hero-banner-illustration{height: 100%; left: -2rem; z-index: 0;}
.hero-banner .hero-banner-illustration{z-index: -1; width: 76%;}
.hero-banner .hero-banner-bg{position: absolute; top: 0; left: 0; width: 100vw; height: 100%; object-fit: cover; z-index: -1; pointer-events: none;}

.home .mermo-grooves{position: absolute; right: 0; margin-top: -7rem; pointer-events: none; z-index: -1;}


.page{background-image: url('.img/page-body-bg.png'); background-repeat: no-repeat; background-position: top center;}
.page .hero-banner-illustration{z-index: -1; width: auto; height: 100%; left: 40%}

.jobs-list-wrapper .jobs-list .item{text-decoration: none;}

/*# Bloc style : is-style-grooves-columns #*/
.is-style-grooves-columns .wp-block-column{background: #1C23380D; padding: 2.25rem; position: relative; overflow: hidden;}
.is-style-grooves-columns .wp-block-column::before{content: ''; position: absolute; width: 78%; height: 167%; top: -3.5rem; right: -12rem; background-image: url('./img/grooves.svg'); background-size: contain; background-repeat: no-repeat;}
.is-style-grooves-columns .wp-block-column:first-child::before{top: -12.5rem;}
.is-style-grooves-columns .wp-block-column:last-child::before{top: -14.5rem; right: -14rem;}
.is-style-grooves-columns .wp-block-column p{width: 80%;}

/*# Bloc style : is-sytle-expert-banner #*/
.btn-orange, .has-orange-background-color{background-color: transparent !important;}
.is-style-expert-banner .wp-block-media-text__content{padding: 2.75rem 0; position: relative;}
.is-style-expert-banner .wp-block-media-text__content::before{content: ''; position: absolute; width: 100%; height: 97%; top: 1%; right: -45%; background-image: url('./img/grooves-expert-banner.svg'); background-size: contain; background-repeat: no-repeat;}
.is-style-expert-banner figure img{top: -29%; width: 490px;}
.wp-block-button__link.has-blue-dark-background-color{background-color: transparent !important;}

/*# Footer #*/
footer .grooves-footer{height: 140%; position: absolute; bottom: -15%; right: 12.5%;}

@media only screen and (max-width: 1399px){
    .home .hero-banner .hero-banner-illustration{left: -11rem;}

    .page .hero-banner-illustration{left: 30%}

    /*# Bloc style : is-sytle-expert-banner #*/
    .is-style-expert-banner figure img{top: -27%;}
}

@media only screen and (max-width: 1199px){
    /*# Bloc style : is-sytle-expert-banner #*/
    .is-style-expert-banner figure img{width: 370px;}
    .page .hero-banner-illustration{left: 30%}
}

@media only screen and (max-width: 991px){
    header .logo{width: 50%;}

    .home .hero-banner .hero-banner-illustration{display: none;}
    .page .hero-banner-illustration{display: none;}

    .mermo-grooves{display: none;}

    .wp-block-media-text{display: flex;}
    .wp-block-media-text .wp-block-media-text__media{width: 100%;}
    .is-style-fw.has-media-on-the-right .wp-block-media-text__media img{width: 100%;}
    .wp-block-media-text .wp-block-buttons{align-items: flex-start;}

    /*# Bloc style : is-sytle-expert-banner #*/
    .is-style-expert-banner .wp-block-media-text__content{margin-left: 1rem;}
    .is-style-expert-banner .wp-block-media-text__content::before{display: none;}
    .is-style-expert-banner figure img{top: 0; right: 0;}

    /*# Footer #*/
    footer{margin-top: 5rem;}
    footer .grooves-footer{display: none;}
    footer .btn{font-size: 1rem !important;}
}

@media only screen and (max-width: 767px){
    header .logo{width: 100%;}

    /*# Bloc style : is-sytle-expert-banner #*/
    .is-style-expert-banner figure img{right: -11rem;}
}