/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

:root {
/*    --ANCIEN bleu-fonce: #09457e;*/
    --bleu-fonce: #006e8b;
    --bleu-clair: #1e8ec2;
    --gris-bord-tuile : #d2d4d6;
    --gris-fond: #d2d4d6;
    --gris-fond-contenuOffice: #f3f3f3;
    --gris-paragraphe: #707070;
    --gris-menu: #454545;
    --bleu-cta: #3ca5d5;
    --transition: 0.2s;
}

/* GENERAL */
.lienIzii:hover {
    color: #60ca69 !important;
}

.italique {
    font-style: italic;
}

.noUnderline, .noUnderline a {
    text-decoration: none !important;
}

.coloredLink a:hover {
    color: #abc9d7 !important;
}

.btnRond {
    border: 1px solid var(--bleu-fonce);
    border-radius: 200px;
    padding: 10px 20px;
}
.btnBleu, .btnBlanc:hover {
    color: #fff !important;
    background: var(--bleu-fonce) !important;
}

.btnBleu:hover {
    color: #fff !important;
    background: var(--bleu-clair) !important;
    border-color: var(--bleu-clair) !important;
}

.btnBlanc {
    color: var(--bleu-fonce) !important;
    background: none !important;
}

.marginRight30px {
    margin-right: 30px;
}

/* MENU PRINCIPAL */
.not-sticky div#site-navigation-wrap {
    position: absolute !important;
}

@media screen and (min-width: 1500px) {
    .not-sticky div#site-navigation-wrap {
        top: 132px !important;
    }
}

.wpex-hamburger-icon--inactive {  /*menu hamburger mobile*/
    color: var(--bleu-fonce);
}

/* BARRE APICALE */
#top-bar {
    justify-content: flex-end;
}

#boutonsApicalContainer {
    display: flex;
}

@media screen and (max-width: 767px) {
    div#top-bar-content {
        margin-bottom: 25px;
    }
    #top-bar > div {
    margin-bottom: 25px;
    }
    div#top-bar {
        display: flex;
        flex-direction: column-reverse;
    }
    #boutonsApicalContainer {
        flex-direction: column;
    }
    #boutonSimul {
        margin-bottom: 30px;
    }
    #boutonConnexion a, #boutonSimul a {
        margin-right: 0px !important;
    }
}

#top-bar-social-list span {
    color: var(--bleu-fonce);
}

#top-bar-social-list .wpex-social-btn-minimal {
    border: 1px solid var(--bleu-fonce);
}

/* ACCUEIL SITE WEB */
@media screen and (max-width: 1364px) {
    #rowAccueil {
        min-height: 440px !important;
    }
}

/* BLOCS BLEU */
@media screen and (min-width: 1365px) {
    .blocBleuDroite {
        margin-top: -550px !important;
        width: 46% !important;
        position: absolute !important;
        right: 10% !important;
    }
    .blocBleuGauche {
        width: 50% !important;
        left: 10% !important;
        margin-top: -220px;
        z-index: 2 !important;
    }
    .rowSousBlocBleu {
        margin-top: 160px;
    }
    #actualitesBg {
        margin-top: 50px;
    }
}

@media screen and (min-width: 1643px) {
    .rowSousBlocBleu {
        margin-top: 90px;
    }
}

span.meta-icon.ticon.ticon-clock-o {
    display: none;
}

/* PAGE IMMOBILIER */
.immoGridCard:hover {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
    transition: var(--transition);
}

.immoGridContent {
    padding-left: 20px;
    padding-right: 20px;
}

.immoGridImage img{
    border-radius: 10px 10px 0px 0px;
}

/* BIEN IMMOBILIER SINGLE */
.stickyContainer {
    position: sticky !important;
    top: 320px !important;
}

.noPaddingLeftAndRight {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.smallMarginRight {
    margin-right: 5px;
}

.largeMarginRight {
    margin-right: 15px;
}

.noBottomMargin {
    margin-bottom: 0px !important;
}

#bienImmoTitreEtPrix {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-wrap: wrap;
}

.bienImmoTitrePrincipal, #prix, .bienImmoTuileTitre {
    font-family: 'Poppins';
    font-weight: bold;
}

.bienImmoTitrePrincipal, #prix {
    color: var(--bleu-fonce);
    font-size: 28px;
}

h2.bienImmoTitrePrincipal {
    font-size: 36px !important;
}

#bienImmoLocaliteRefSmallPrint {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.bienImmoPrixSmallPrint {
    font-size: 12px;
    text-align: right;
}

#bienImmoMainContainer {
    display: flex;
    flex-direction: column;
    width: 70%;
    margin: auto;
}

.bienImmoColGauche {
    padding-right: 50px;
}

.bienImmoTuile, .bienImmoTuileRetour {
    margin-bottom: 30px;
    word-wrap: break-word;
}

.bienImmoTuile h3, .bienImmoTuileTitreOffice h3 {
    margin-top: 0;
    font-family: 'Poppins';
    font-style: normal !important;
    color: #fff !important;
    font-size: 30px;
    font-weight: 600;
}

.bienImmoTuileTitre, .bienImmoTuileContenu, .bienImmoTuileTitreOffice, .bienImmoTuileContenuOffice {
    border: 1px solid var(--gris-bord-tuile);
    padding: 20px;
}

.bienImmoTuileTitre, .bienImmoTuileTitreOffice {
    border-radius: 15px 15px 0px 0px;
}

.bienImmoTuileTitre {
    background: var(--bleu-fonce);
}

.bienImmoTuileContenu.notesDPEGEScontainer {
    display: flex;
    justify-content: space-between;
}

img.graphsDPEGES {
    width: 230px;
}

@media screen and (max-width: 1199px) {
    .bienImmoColGauche {
        padding-right: 0px !important;
    }
    .bienImmoPrixSmallPrint {
        text-align: left;
    }
}

@media screen and (min-width: 1200px) {
    #prix {
        text-align: right;
    }
}

@media screen and (max-width: 1290px) {
    .notesDPEGEScontainer {
        flex-direction: column;
    }
}

.bienImmoTuileTitreOffice {
    background: var(--bleu-clair);
    text-align: center;
}

.bienImmoTuileContenu, .bienImmoTuileContenuOffice {
    border-top: none;
    border-radius: 0px 0px 15px 15px;
}

.bienImmoTuileContenuOffice {
    background: var(--gris-fond-contenuOffice);
}

.bienImmoTuileContenuOfficeAdresse {
    margin-bottom: 30px;
}

.bienImmoTuileContenuOfficeNomOffice {
    font-weight: bold;
}

.bienImmoBoutonAppelOfficeContainer {
    text-align: center;
    margin-bottom: 20px;
}

.bienImmoBoutonAppelOffice, .bienImmoBoutonAppelOffice:hover {
    transition: var(--transition);
}

.bienImmoBoutonAppelOffice {
    text-align: center;
    background: var(--bleu-clair);
    color: #fff !important;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 10px;
    text-decoration: none;
}

.bienImmoBoutonAppelOffice:hover {
    background: var(--bleu-cta) !important;
    text-decoration: none !important;
    border-radius: 100px;
}

.bienImmoTuileRetour {
    text-align: center;
    background: var(--bleu-fonce);
    padding: 10px 20px;
    border-radius: 11px;
    color: #fff !important;
    transition: var(--transition);
}

.bienImmoTuileRetour:hover {
    text-decoration: none !important;
    background: var(--bleu-clair);
    transition: var(--transition);
}

.bienImmoRetourBoutonIcon {
    margin-right: 13px;
    font-size: 22px;
}

/* CONTACT */
#coordonnees {
    width: fit-content;
    margin: auto;
}

/*FORMULAIRE CENTRÉ*/
input.wpcf7-text, input.wpcf7-date, input.wpcf7-number {
    border: none;
    border-bottom: 1px solid #aaa;
    margin-bottom: 30px;
}

.wpcf7-text::placeholder, .wpcf7-textarea::placeholder, .wpcf7-date::placeholder, .wpcf7-number::placeholder {
    color: #aaa !important;
}
.wpcf7-text, .wpcf7-date, .wpcf7-number, .wpcf7-submit {
    width: 100%;
}

textarea.wpcf7-form-control {
    border: 1px solid #aaa;
    height: 100px;
    margin-bottom: 15px;
}

.labelNoir {
    color: #333;
}

.wpcf7-submit {
    margin-top: 30px !important;
}

/* RESPONSIVE */
@media screen and (min-width: 1025px) and (max-width: 1290px) {
    h2 {
        font-size: 70px !important;
    }
    h3 {
        font-size: 40px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1290px) {
    .blurbFleche {
        flex-direction: column;
    }
    .blurbFleche h3 {
        font-size: 20px !important;
    }
    .blurbFleche img {
        width: 20px;
    }
}

@media screen and (max-width: 1290px) {
    .immoGridCard h3, .bienImmoTuile h3 {
        font-size: 20px !important;
    }
}