/*
 Theme Name:   Mon thème
 Description:  Ashe Child Theme
 Author:       AC CHauvin
 Author URI:   https://ac-chauvin.go.yj.fr
 Template:     ashe
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  mon-theme
*/

.blog-grid {
    width: 70% !important;
    margin-left: 90px;
}

.article {
    width: 80% !important;
    padding-left: 50px;
    margin-right: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans' !important;
}

h2 {
    font-size: 30px !important;
    color: #ce2160 !important;
    font-weight: bold !important;
}

h1 {
    font-weight: bold;
    font-size: 36px;
    color: #514e4f !important;
}

h2 #titre-accueil {
    font-family: 'Open Sans';
    color: #ffffff;
    font-size: 32px;
    font-weight: bold;
}

.prestation, .prestation2 {
    background-color: #ce2160;
    color: #ffffff !important;
    font-size: 15px;
    font-family: 'Open Sans';
    font-weight: bold;
    padding: 10px 0 8px 0;
    border-radius: 15px;
    height: 50px;
    width: 350px;
    margin: 10px;
    text-align: center;
}

.prestation:hover, .prestation2:hover {
    background-color: #514e4f;
}

.widget-title h2 {
    font-weight: bold;
    font-size: 16px !important;
}

#block-2 {
    color: #ce2160;
    font-weight: bold;
}

.post-content {
    margin-right: 15px;
}

.wp-block-image {
    margin: 30px 0 50px 0 !important;
}

.img-accueil {
    margin: 30px 0 30px 0;
    border: solid 4px #ce2160;
    border-radius: 10px;
}

.solution {
    margin: 20px;
    line-height: 32px;
}

#offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 10px 0 8px 0;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 60px;
}

.bouton {
    text-align: center;
}

#reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    border-radius: 15px;
    padding: 6px 15px 6px 15px;
    margin: 25px;
    color: #ffffff;
    text-align: center;
    display: inline-block;
}

#reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
}

p {
    margin-bottom: 10px;
}

#slogan {
    margin: 30px;
    padding: 15px;
    border-radius: 10px;
    background-color: #ce2160;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
}
/* accueil */ 
.wp-block-separator, .wp-block-separator.is-style-default {
    width: 100%;
    border: 0;
    background-color: #ce2160;
    margin: 20px 0 30px 0;
}

hr {
    background-color: #ce2160;
    height: 4px;
    margin: 20px 0 30px 0;
}

/* formulaire */
label {
    color: #514E4F;
    text-align: left;
    display: block;
    width: 550px;
}

label.compte {
    color: #514E4F;
    text-align: left;
    display: block;
    width: 350px;
}

input, textarea, select, option {
    width: 550px;
    margin: 2px 10px 20px 0;
    padding: 5px;
    -webkit-box-sizing: border-box; /* Pour les anciennes versions des navigateurs WebKit */
    -moz-box-sizing: border-box; /* Pour tous les navigateurs Gecko */
    box-sizing: border-box;
    border: 1px solid #CE2160;
    border-radius: 7px;  
  }

.formulaire-candidat {
    padding: 25px;
    display: flex;
    justify-content: center;
}

.btn-enregistre, button, div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background-color: #CE2160 !important;
    color: #ffffff !important;
}

/* widgets */
.widget-title h2{
    color: #ce2160 !important;
    font-weight: 600;
    font-family: 'Open Sans';
}

/* en-tête */
.cv-outer {
    display: none;
}

.main-nav-sidebar {
    display: none;
}

.featured-slider-area {
    display: none;
}
/* fin en-tête */

/* nav */
.main-menu, #main-nav {
    background-color: #ce2160 !important;
}

#main-menu {
    color: #fbe1ea;
}

#main-menu li a:first-child {
    color: #FFC2D8;
}

#main-nav li:current-menu-item > a {
    color: #514e4f;
}

#mobile-menu li.menu-item-has-children > a, #main-menu ul li.menu-item-has-children > a:after {
    color: #514e4f;
}

#main-nav a, #main-nav i,#main-nav #s {
    color: #FFC2D8 !important;
}

.widget_nav_menu li, .widget_recent_comments li, .widget_meta li, .widget_recent_comments li, .widget_pages > ul > li, .widget_archive li, .widget_categories > ul > li, .widget_recent_entries ul li {
    line-height: 25px;
}

#mobile-menu li a {
    color: #ffc2d8;
}
/* fin nav */

.main-content {
    padding-top: 0;
    padding-bottom: 0;    
}

.post-content1 {
    padding-right: 25px;
}

.post-header {
    padding-top: 25px;
}

.sidebar-right {
    padding-top: 25px;
    background-color: #fbe1ea;
    padding-right: 25px;
}

.widget-title {
    border-bottom: 1px solid #CE2160;
}

.post-footer {
    display: none;
}

.wp-elements-8a0d32463a975438a51f98da9ac79b7a a:hover, p .has-link-color {
    color: #ffc2d8;
}


.has-text-align-left {
    text-align: justify;
}
/* footer */

ul.signature {
    list-style-type: none !important;
    display: inline-flex !important;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center;
} 

.lien-fb {
    display: flex;
    margin: 5px;
}

#footer {
    position:absolute;
    /* bottom:0;  on le colle en bas */
    width: 100%;
    height: 70px;   /* Hauteur du pied de page */
 }

footer {
    background-color: #514E4F;
    align-items: center;
    padding: 20px 20px 20px 15px;
    display: flex;
    width: auto;
    height: 70px;
    flex-direction: row;
    justify-content: space-between !important;
    border-top: 3px solid #FFC2D8;    
}

.texte-footer {
    color: white;
    text-align: start;    
    font-size: small;
    margin-left: 15px;
    line-height: normal;
    margin-top: 20px;
}

a.credit-photo,  a.credit-photo:link, a.credit-photo:visited, a.credit-photo:hover,  a.credit-photo:focus,  a.credit-photo:active {
    text-decoration: none !important;
    list-style-type: none !important;
    box-shadow: none !important;
    color: #ffffff;
    font-size: small;
}

/* fin footer */

.entry-header {
    height: 350px !important;
}

#premiercontact, #reserveprem, #premiercontactA {
    color: #ffffff !important;
    font-weight: bold;
}


@media screen and (max-width: 1280px) { /* ------------------------------------------------------------------------------------- */

    /* --------------------------- menu burger---------------------------------------------------------- */
    
    /* --------------------------- fin menu burger---------------------------------------------------------- */

    a.credit-photo,  a.credit-photo:link, a.credit-photo:visited, a.credit-photo:hover,  a.credit-photo:focus,  a.credit-photo:active {
        text-decoration: none !important;
        list-style-type: none !important;
        box-shadow: none !important;
        color: #ffffff;
        font-size: smaller;
    }
    
    .entry-header {
    height: 350px !important;
    }
    
    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 5px 0 8px 0;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    }
    
    #reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 6px 15px 6px 15px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }


}

@media screen and (max-width: 1080px) { /* ------------------------------------------------------------------------------------- */
    
    .sidebar-right, .sidebar-left {
        padding: 20px !important;
        width: 90% !important;
    }
    
    .entry-header {
    height: 300px !important;
    }
    
    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 5px 0 8px 0;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 60px;
    }
    
    #reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 6px 15px 6px 15px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }


}

@media screen and (max-width: 979px) { /* ------------------------------------------------------------------------------------- */

    .sidebar-right, .sidebar-left {
        padding: 20px !important;
        width: 90% !important;
    }
    
    .entry-header {
    height: 250px !important;
    }
    
    .bouton {
    text-align: center;
    }
    
    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 5px 0 8px 0;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 60px;
    }
    
    #reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 6px 15px 6px 15px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }
    
    .page-content {
        display: block !important;
    }

    .prestation {
    width: 250px;
    }
    
    .prestation2 {
    width: 250px;
    height: 70px;
    }
}

@media screen and (max-width: 880px) { /* ------------------------------------------------------------------------------------- */
    .entry-header {
    height: 250px !important;
    }
    
    .bouton {
    text-align: center;
    }

    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 5px 0 8px 0;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 60px;
    }
    
    #reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 7px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }


}

@media screen and (max-width: 750px) { /* ------------------------------------------------------------------------------------- */

    .entry-header {
    height: 250px !important;
    }
    
    .lien-fb {
        width: 25px;
        margin: 5px;
    }

    a.credit-photo,  a.credit-photo:link, a.credit-photo:visited, a.credit-photo:hover,  a.credit-photo:focus,  a.credit-photo:active {
        text-decoration: none !important;
        list-style-type: none !important;
        box-shadow: none !important;
        color: #ffffff;
        font-size: 8px;
    }

    .texte-footer {
        font-size: 8px;
        margin-left: 10px;
        line-height: normal;
        margin-top: 20px;
    }

    footer {
        padding: 10px 5px 10px 5px;        
        height: 70px;
    }

    ul.signature {
        padding-left: 0;
    }
    
    .bouton {
    text-align: center;
    }

    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 8px;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 80px;
    }
    
    #reserveplace, #premierereserve, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 7px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
        background-color: #ce2160;
    }
    
    .post-content {
    max-width: 510px !important;
    padding-left: 30px !important;
    padding-right: 10px !important;
    }
    
    .post-header {
        padding: 20px 95px 0 95px !important;
    }
    
    #respond {
        margin-left: auto;
        margin-right: auto;
        width: 60%;
    }
    
    
    .sidebar-right-wrap {
        max-width:  400px !important;
    }

}

@media screen and (max-width: 640px) { /* ------------------------------------------------------------------------------------- */

    .entry-header {
    height: 250px !important;
    }
    
    strong {
        line-height: normal !important;
    }
    
    .post-content1 {
        max-width: 570px !important;
        padding-left: 75px !important;
    }
    
    .post-header1 {
        padding: 0 95px 0 95px !important;
    }
    
    .bouton {
    text-align: center;
    }

    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 18px;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 80px;
    }
    
    #reserveplace, #reserveplaceA {
    height: 40px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 7px;
    padding: 7px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    
    #premierereserve {
    height: 80px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 7px;
    padding: 15px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }
    
    .sidebar-right-wrap {
        max-width:  400px !important;
    }

}

@media screen and (max-width: 500px) { /* ------------------------------------------------------------------------------------- */
    .entry-header {
    height: 200px !important;
    }
    
    .bouton {
    text-align: center;
    }
    
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0;
    }
    
    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 8px;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 80px;
    }
    
    #reserveplace, #reserveplaceA {
    height: 60px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 8px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #premierereserve {
    height: 120px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 15px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }

    .post-content1 {
    max-width: 410px !important;
    padding-left: 105px !important;
    }
    
     .post-header1 {
        padding: 0 95px 0 95px !important;
    }
    
    .sidebar-right-wrap {
        max-width:  400px !important;
    }

}

@media screen and (max-width: 420px) { /* ------------------------------------------------------------------------------------- */
    
    .entry-header {
    height: 200px !important;
    }
        
    .texte-footer {
        font-size: 8px;
        margin-left: 10px;
        line-height: normal;
        margin-top: 20px;
    }

    .lien-fb {
        width: 15px;
        margin: 5px;
    }

    a.credit-photo,  a.credit-photo:link, a.credit-photo:visited, a.credit-photo:hover,  a.credit-photo:focus,  a.credit-photo:active {
        text-decoration: none !important;
        list-style-type: none !important;
        box-shadow: none !important;
        color: #ffffff;
        font-size: 8px;
    }
    
    .bouton {
    text-align: center;
    }

    #offredecouverte {
    background-color: #ce2160;
    color: #ffffff !important;
    padding: 15px;
    margin: 70px 0 25px 0;
    font-family: 'Open Sans';
    font-weight: bold;
    border-radius: 15px;
    height: 120px;
    }
    
    <#reserveplace, #reserveplaceA {
    height: 60px;
    background-color: #514e4f;
    width: 50%;
    border-radius: 15px;
    padding: 10px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    
    #premierereserve {
    height: 70px;
    background-color: #514e4f;
    width: 70%;
    border-radius: 15px;
    padding: 10px;
    margin: 25px;
    color: #ffffff;
    display: inline-block;
    }
    
    #reserveplace:hover, #premierereserve:hover, #reserveplaceA:hover {
    background-color: #ce2160;
    }

    .post-content1 {
    max-width: 410px !important;
    padding-left: 105px !important;
    }
    
    .post-header1 {
        padding: 0 95px 0 95px !important;
    }
    
    
    .sidebar-right-wrap {
        max-width:  350px !important;
    }

    
}