/*
Theme Name: SEO
Description: Theme enfant de Twentytwenty par Geoffroy Crabières
Author: Geoffroy Crabières
Author URI: https://geoffroycrabieres.com
Template: twentytwenty 
Version: 0.1.0
*/

/* GLOBAL */
h1, h2, h3, h4, h5, h6, p, span, ul, li, ol, a, label, textarea, input {
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
/* .entry-header {
    display: none;
} */
h2 {
    font-weight: 900;
}
p, span, ul, li, ol, a {
    font-size:16px;
} 
.blue-bg {
    background-color: #e1f5fe;
    margin: 0!important;
}
.no-decoration {
    text-decoration:none!important;
}
.no-margin-bottom {
    margin-bottom:0!important;
}
a {
    color:#000B6D!important;
    text-decoration:none!important;
}
.header-inner {
    padding:10px 0;
}
li.h3 {
    margin-left:55px;
}
.anchor {
    scroll-margin-top:75px;
}
.post .entry-title {
    text-align: left;
    font-size:3em;
}
.post h2, .post h3, .post h4, .post h5, .post h6 {
    font-size:2em!important;
}
.post-template-default .featured-media {
    display:none;
}
.post .post-inner {
    padding-top:0;
}
.post-meta-wrapper {
    display:none;
}

/* BUTTONS */
.basic-button {
    margin: 0!important;
    color: black!important;
}
.basic-button a {
    text-transform: uppercase;
    background-color: transparent;
    color: black;
    padding: 0;
    position: relative;
    font-weight: 600;
    text-decoration:none!important;
    font-size:14px;
}
.basic-button a:hover {
    color: black;
}
.basic-button a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background-color: #000B6D;
    bottom: -3px;
    left: 0;
    transition: all 0.2s ease-in-out;
}
.basic-button a:hover::before {
    width: 100%;
}
.red-button a {
    text-transform: none;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
    opacity: 0.9;
}
.red-button a:hover {
    opacity: 1;
}
button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    text-decoration: none;
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color:inherit;
}
.wpcf7-submit {
    background-color:#000B6D!important;
    color:white!important;
    text-transform:none!important;
}
.blue-button a {
    color:white!important;
}


/* HEADER */
.site-logo {
    width: 55px;
}
.logo-svg {
    width:55px;
    margin-top:1rem;
    fill:white;
}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {
    color: #000B6D!important;
}
#site-header {
    position:fixed;
    top:0;
    width:100%;
    z-index:9999999999;
}
#site-header.fixed {
    position:fixed;
    background-color:white!important;
}
#site-header.fixed a {
    color:#000B6D!important;
}
#site-header.fixed svg {
    fill:#000B6D;
}
body:not(.overlay-header) .primary-menu ul {
    background-color:white!important;
}
.sub-menu {
    box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
}


/* ANIMATIONS */
/* @keyframes fadeInUp {
    0% { opacity: 0; }
    100% { opacity: 1; }
} */

/* HOMEPAGE */
.slider-home-background {
    /* background-image:url(https://prod.geoffroycrabieres.com/wp-content/uploads/2023/05/11000-scaled.jpg); */
    background-size:40%;
    background-position: right 100px center;
    background-repeat:no-repeat;
}
/* .slider-home-background .n2-ss-section-main-content {
    padding: 10px 100px 10px 100px!important; 
} */
/* .banner-homepage {
    margin-top: -50px!important;
} */
.fade-in-up-h2, .fade-in-up-p {
    /* animation: fadeInUp 1s; */
    margin-top: 0;
}
.fade-in-up-p {
    font-size: 18px;
}
.fade-in-up-h2 .letter {
    display: inline-block;
    line-height: 1em;
}
/* .text-container .wp-block-group__inner-container {
    overflow: hidden;
    height: 150px;
} */
.vagues {
    margin: 0!important;
    margin-top:-50px!important;
}
.service-container {
    
    height: fit-content;
    width: 100%;
    border-radius: 12px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color:transparent;
    transition: all 0.2s ease-in-out;
    padding: 20px;
    min-height:315px;
    transform:scale(0.99);
    transition: all 0.2s ease-in-out;
}
.service-container:hover {
    background-color:white;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease-in-out;
}
.service-container:hover {
    transform:scale(1);
}
.service-container .wp-block-group__inner-container {
    position:relative;
    min-height:345px;
}
.service-container .wp-block-group__inner-container h3, .service-container .wp-block-group__inner-container p, .service-container .wp-block-group__inner-container div.wp-block-buttons, .service-container .wp-block-group__inner-container figure {
    position:absolute;
    left:0px;
    width:calc(100% - 40px);
}
.service-container .wp-block-group__inner-container figure {
    top:0px;
    margin-top:0!important;
}
.service-container .wp-block-group__inner-container h3 {
    top:90px;
}
.service-container .wp-block-group__inner-container p {
    top:150px;
}
.service-container .wp-block-group__inner-container div.wp-block-buttons {
    bottom:0px;
}
.service-container h3 {
    font-size:30px;
    margin: 0 !important;
}
.service-container:hover .basic-button a::before {
    width:100%;
}
.service-container .wp-block-group__inner-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.service-container p {
    margin-top:30px;
}
.service-container .wp-block-buttons {
    opacity:0;
    transition: all 0.2s ease-in-out;
}
.service-container:hover .wp-block-buttons {
    opacity:1;
}
/* .service-container:hover {
    background-color:#f7fde7;
} */
/* .service-container.keywords:hover {
    background-color: #afc3fe;
}
.service-container.website-optimization:hover {
    background-color: #ffa461;
}
.service-container.copywriting:hover {
    background-color: #a8d2a0;
}
.service-container.netlinking:hover {
    background-color: #f7fde7;
}
.service-container.analytics:hover {
    background-color: #faddbf;
}
.service-container.training:hover {
    background-color: #7499f1;
} */
.client-logo-container {
    height: 175px;
    width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 20px!important;
}
.client-logo-container img {
    width: 50%;
    margin: auto;
}
.client-logo-container.we-share-our-workspace img {
    width: 75%;
}
.client-logo-container.indeed {
    background-color: #e4e9ff;
}
.client-logo-container.appart-ambiance {
    background-color: #fff1e2;
}
.client-logo-container.we-share-our-workspace {
    background-color : #a8d2a0;
}
.case-study-title {
    padding: 0 10px;
    margin-bottom: 23px;
}
.case-study-container .basic-button {
    padding-left: 10px;
}
.blog-container {
    background-color: white;
    padding: 10px;
    border-radius: 12px;
    max-width:370px;
    position:relative;
}
.blog-container .basic-button {
    position:absolute;
    bottom:20px;
    left:20px;
}
.blog-container figure {
    margin-top: 0!important;
    margin-bottom: 20px!important;
}
.blog-container figure img {
    border-radius: 12px;
}
.category {
    background-color: #e4e9ff;
    border-radius: 20px;
    font-size: 14px;
    color: #2a3a9a;
    padding: 7px 10px;
    font-weight: 600;
    margin-left: 10px;
}
.blog-title {
    margin-top: 13px!important;
    font-size:20px!important;;
    font-weight:600;
    margin-bottom:36px!important;
}
.blog-container .blog-title, .blog-container .wp-block-buttons {
    padding-left:10px;
}
.blog-container .wp-block-buttons {
    margin-bottom:10px!important;
}
.blogs-container {
    position:relative;
    padding-top:50px;
    padding-bottom:50px;
}
.blogs-container h2 {
    color:#000B6D;
    font-size:34px!important;
    font-weight:bold;
}
.circle-bottom-transition {
    position:absolute;
    width: 140vw;
    background-color: #e1f5fe;
    height: 100px;
    min-width: 140vw;
    border-radius: 100%;
    left:50%;
    bottom:-35px;
    transform: translateX(-50%);
    z-index:1;
}
.last-blogs-row {
    z-index:2;
    padding-bottom:200px;
}
.client-logo figure img {
    /* max-height: 35px; */
    filter:grayscale(1);
}
.clients-container {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-radius:7px;
    padding: 20px 40px;
    margin-top: -100px!important;
    z-index: 4;
    background-color: white;
}

/* ETUDES DE CAS */
.case-study {
    font-size:34px!important;
    color:#000B6D;
    font-weight:bold;
}
/* .case-study-row {
    margin-top:20px!important;
    max-width:calc(100vw - 200px);
    overflow-x:scroll;
}
.case-study-row::-webkit-scrollbar {
    display: none;
  } */
.case-study-logo {
    height: 200px;
    display: flex;
    align-items: center;
    border-radius: 7px;
    margin-bottom:0px!important;
    margin-top:0!important;
}
/* .case-study-container {
    transform: scale(0.98);
    transition: all 0.2s ease-in-out;
}
.case-study-container:hover {
    transform:scale(1);
} */
.case-study-title {
    padding-left: 10px;
    font-size: 24px;
    margin-top:15px!important;
}
/* .case-study-container .case-study-title {
    padding-left:10px;
} */
.case-study-logo.indeed {
    background-color: #E4E9FF;
}
.case-study-logo.appart-ambiance {
    background-color: #FFF1E2;
}
.case-study-logo.we-share-our-workspace {
    background-color: #A8D2A0;
}
.wp-block-nextend-smartslider3 {
    max-width:120rem!important;
}

/* BLOG PAGE */
.table-of-content {
    position:sticky;
    top:120px;
    height:310px;
}
.table-of-content ul li a {
    text-decoration:none!important;
}
.table-of-content p, .table-of-content ul li, .table-of-content a {
    font-size:14px!important;
}
.post p, .post a, .post ul, .post ol, .post li, .post span {
    font-size:20px;
}
.blog-content p, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
    min-width:100%;
}
body.post-template-default #site-content {
    overflow:visible;
}
.post .section-inner.medium {
    max-width:120rem;
}
.post .entry-categories-inner {
    justify-content:flex-start!important;
}
.post header.entry-header {
    padding: 100px 0 0 0;
}
.post-meta-wrapper {
    margin-left:0;
}
.table-of-content ul {
    list-style-type:none;
    margin-left:0;
}
.table-of-content ul li {
    margin-left:0;
}
.table-of-content ul li.h2 {
    margin-left:0;
    font-weight:600;
}
.table-of-content ul li.h3 {
    margin-left:20px!important;
}
.entry-categories-inner a  {
    background-color: #e4e9ff;
    border-radius: 20px;
    font-size: 14px;
    color: #2a3a9a;
    padding: 7px 10px;
    font-weight: 600;
    margin-left: 10px;
    border-bottom : 0;
    text-transform:none;
}
.sharethis-inline-share-buttons {
    margin-bottom: 0px!important;
    width: 120rem!important;
    min-width: 120rem!important;
    margin-top: 40px!important;
}
.st-label {
    font-size:14px!important;
}
.table-content-title {
    font-size:18px!important;
}
.post h2 {
    font-weight:700;
}
.post h3 {
    font-size:1.3em!important;
    font-weight:600;
}
.intro-text {
    display:none;
}

/* AUDIT FORM */
.wp-block-contact-form-7-contact-form-selector {
    margin-left:0!important;
}

/* CASE STUDIES */
.with-banner header.entry-header {
    display:none;
}
header#site-header.white {
    background-color:transparent;
}
header.white nav ul li.menu-item a, header.white .primary-menu .icon::before, header.white .primary-menu .icon::after {
    color:white!important;
}
.wp-block-group.alignwide h2, .wp-block-group.alignwide p {
    min-width:100%;
} 

/* BLOG */ 
body.blog #site-content {
    display:flex;
    max-width:120rem;
    margin:auto;
}
body.blog .featured-media-inner {
    margin-left:0;
    width:100%;
}
body.blog .featured-media-inner img {
    margin-left:0;
    margin-bottom:20px;
    width: 100%;
    height: auto;
}
body.blog .featured-media {
    margin-top:0;
}
body.blog main > article:first-of-type {
    padding-top:0;
}
body.blog article .entry-content p {
    font-size:16px;
}
body.blog .entry-categories {
    margin-bottom:0;
}
body.blog article .entry-header-inner {
    width:calc(100% - 4rem);
}
body.blog article .entry-title a {
    font-size:20px!important;;
    font-weight:600;
}
body.blog article h2.heading-size-1 {
    line-height:0.8;
    margin:15px 0!important;
}
body.single-post article.post .blog-content a {
    text-decoration:underline!important;
}

/* SCREEN SIZE */
@media (min-width: 1280px) {
    /* [class*="__inner-container"] > .alignwide, .alignwide {
        max-width: unset!important;
        width: calc(100vw - 200px)!important;
    } */
    /* .clients-container {
        max-width: unset!important;
        width: calc(100vw - 200px)!important;
    } */
}