/*
Theme Name: GeneratePress Child
Description: Child theme for GeneratePress. You can now safely customize it and not risk losing your customizations.
Author: WPTurbo
Author URI: https://wpturbo.dev
Template: generatepress
Version: 1.0
Text Domain: generatepress-child
color: #ce1b28; 2022
color: #a33689; 2023
color:#37b3be; 2024
hover : #f6d613
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:wght@300&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');

.d-none{
    display: none!important;
}

/* Entête*/
body{
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    background-color: transparent!important;
    background-image: url('/wp-content/uploads/2024/09/fond-bloc-centre.jpg');
    background-repeat: no-repeat;
    background-position: center top;    
}
.site-header:before{
    background-color: #FFCC0D;
    width: 100%;
}
.site-header{
    /*background-color: #FFCC0D;*/
}
.main-navigation{
    background-color: white;
}
.inside-header{
    padding: 0px;
    padding-top: 10px;
}

.is-left-sidebar{
    padding-left: 5px;
    width: 20%;
}
.site-content .content-area{
    width: 80%;
}

.separate-containers .site-main{
    margin: 0px;
}
.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation{
    padding: 10px;
}

/* Menu flottant */
.inside-left-sidebar{
    position: fixed;
    background-color: white;
    border: 2px solid #FFCC0D;
    width: 170px;
}

.inside-left-sidebar p{
    margin-bottom: 0px;
}

.inside-left-sidebar a{
    text-transform: uppercase;
    color: #990000;
    font-size: 20px;
    text-decoration: none;
    padding: 5px;
    width: 100%;
    display: block;
}
.inside-left-sidebar a:hover{
    background-color: #FFCC0D;
}

.amenagement-urbain .inside-left-sidebar a{
    font-size: 16px;
}

.patrimoine-culturel-tourisme .inside-left-sidebar a{
    font-size: 16px;
}

.habitat .inside-left-sidebar a{
    font-size: 16px;
}
.commerces .inside-left-sidebar a{
    font-size: 16px;
}
.actualites .inside-left-sidebar a{
    font-size: 16px;
}
.contact .inside-left-sidebar{
    display: none;
}

/* Bandeau */
#bandeau{
    margin-top:20px;
}
#bandeau img{
    width: 100%;
}
/* Titres */

h1,h2{
    color:#990000;
    font-family: Open Sans Condensed;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
}
h2{
    font-size: 28px;
}

/* Menu*/

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items{
    font-family: 'Open Sans Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, 
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a, 
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a, 
.main-navigation .menu-bar-item:hover > a, 
.main-navigation .menu-bar-item.sfHover > a{
    color: #FFCC0D;
    color: #990000;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a{
    color: #990000;
}


.main-navigation .main-nav>ul{
    align-items: baseline;
}
.main-navigation .main-nav ul li{
    width: 140px;
    height: 83px;
}
.main-navigation .main-nav ul li:before{
    margin: 0 auto;
    width: 72px;
    height: 30px;
    display: block;
    transition: all 0.3s ease;
    cursor: pointer;
}

.main-navigation .main-nav ul li#menu-item-169:before{
    content:url('/wp-content/uploads/2024/09/amenagement-urbain.png');
}
.main-navigation .main-nav ul li#menu-item-169:hover::before{
    content: url('/wp-content/uploads/2024/09/amenagement-urbain_hover.png');
    width: 72px;
    height: 30px;
}

.main-navigation .main-nav ul li#menu-item-168:before{
    content:url('/wp-content/uploads/2024/09/patrimoine.png');
}
.main-navigation .main-nav ul li#menu-item-168:hover::before{
    content:url('/wp-content/uploads/2024/09/patrimoine_hover.png');
}

.main-navigation .main-nav ul li#menu-item-167:before{
    content:url('/wp-content/uploads/2024/09/habitat.png');
}
.main-navigation .main-nav ul li#menu-item-167:hover::before{
    content:url('/wp-content/uploads/2024/09/habitat_hover.png');
}

.main-navigation .main-nav ul li#menu-item-166:before{
    content:url('/wp-content/uploads/2024/09/habitat.png');
}
.main-navigation .main-nav ul li#menu-item-166:hover::before{
    content:url('/wp-content/uploads/2024/09/habitat_hover.png');
}

.main-navigation .main-nav ul li#menu-item-166:before{
    content:url('/wp-content/uploads/2024/09/commerce.png');
}
.main-navigation .main-nav ul li#menu-item-166:hover::before{
    content:url('/wp-content/uploads/2024/09/commerce_hover.png');
}

.main-navigation .main-nav ul li#menu-item-165:before{
    content:url('/wp-content/uploads/2024/09/actu.png');
}
.main-navigation .main-nav ul li#menu-item-165:hover::before{
    content:url('/wp-content/uploads/2024/09/actu_hover.png');
}

.main-navigation .main-nav ul li a{
    line-height: normal;
    text-align: center;
    padding-top: 15px;
}

/* Contact */
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]{
    background-color: #FFCC0D;
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]:hover{
    background-color: #990000;
}

/* Ariane */
.home #breadcrumbs{
    display: none;
}
#breadcrumbs a{
    color: #FFCC0D;
}
#breadcrumbs a:hover{
    color: #990000;
}
#menu-top_menu{
    height: 83px;
}
/* Menu mobile */
@media only screen and (max-width: 966px) {
    .main-navigation .main-nav ul li a{
        font-size: 24px;
    }
}