/*
Theme Name:     Camping-Albizia
Description:    Theme enfant de Divi
Author:         Guillaume Mounot
Template:       Divi
Version:        1.0
*/


/* =======================
   =======================
   == STYLE PERSONALISÉ ==
   =======================
   ======================= */


/* ========
   [ MENU ]
   ======== */


/* HEADER-Logo */

#top-header {
    z-index: 99999;
}

#logo {
    max-height: 250% !important;
    z-index: 100000;
    margin-top: -15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width: 980px) {
    #logo {
        max-height: 120% !important;
        margin-top: 5px !important;
    }
}

/* Cacher titre de la page 
#menu-item-686 {
    display: none !important; 
} */


/*-----------------[CTA Menu Item]----------------*/


/* style the get started cta button */

.get-started {
    border-radius: 0px;
}

.get-started a {
    color: #fff!important;
}

li.get-started {
    background-color: #DF3275;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 12px 13px 10px 10px!important;
    border-radius: 3px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

li.get-started:hover {
    background-color: #BBF677;
}


/* fixed header button text color */

.et-fixed-header #top-menu .get-started a {
    color: #fff!important;
}

.get-started li.current-menu-ancestor > a,
.get-started li.current-menu-item > a {
    color: #fff !important;
}

@media only screen and (min-width: 981px) {
    li.get-started {
        height: 33px;
    }
}

/* Supprimer ombre du header */
#main-header{
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}




/* ============
   [ HOMEPAGE ]
   ============ */


/*  */

.gm-h-colonne {
    border: solid 1px #EA518C;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 50px;
}

.gm-home-p3 .et_pb_main_blurb_image {
    margin-top: -50px;
}


/* Design et gestion du responsive sur les titres */

@media (min-width: 980px) {
    .gm-border {
        border-right: solid 5px #DF3275;
        padding-right: 10px;
        text-align: right;
    }
}

@media (max-width: 980px) {
    .gm-border {
        border-left: solid 5px #DF3275;
        padding-left: 10px;
        text-align: left;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
    }
}


/* =================
   [ PAGES ANNEXES ]
   ================= */


/* Modules h1 et texte de description */

.gm-module-top h1 {
    border-right: solid 5px #DF3275;
    padding-right: 10px;
    text-align: right;
    font-size: 200%;
}


/* Modules h2, texte, bouton et image */

.gm-module-r {
    margin-top: 50px;
}

.gm-module-l {
    margin-top: 50px;
}


/* Version texte à droite */

.gm-module-r h2 {
    position: relative;
    z-index: 10 !important;
    border-bottom: solid 3px #DF3275;
    margin-left: -30%;
    margin-right: 30%;
    padding-bottom: 5px;
    padding-left: 30%;
    text-align: right;
}

.gm-module-r .img {
    position: relative;
    z-index: -5 !important;
}


/* Version texte à gauche */

.gm-module-l h2 {
    font-size: 200%;
    position: relative;
    z-index: 10 !important;
    border-bottom: solid 3px #DF3275;
    margin-left: 30%;
    margin-right: -30%;
    padding-bottom: 5px;
    padding-right: 30%;
    text-align: left;
}

@media (max-width: 980px) {
    .gm-module-l h2 {margin-right: -13% !important}
}

.gm-module-l .img {
    position: relative;
    z-index: -5 !important;
}


/* Inverser ordre des images en responsive */

@media screen and (max-width: 980px) {
    .gm-module-l {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}


/* ======================
   [ PAGES HEBERGEMENTS ]
   ====================== */

/* Modules h1*/

.gm-module-h h1 {
    border-right: solid 5px #DF3275;
    padding-right: 10px;
    text-align: right;
    font-size: 200%;
}


/* ============
   [  FOOTER  ]
   ============ */


/* Rendre les liens blanc du module téléchargement */

.et_pb_blurb_8 a {
    color: white;
}


/* Centrer les infos du footer */

@media (min-width: 980px) {
    #footer-info {
        float: center;
        text-align: center;
    }
}