/*
 Theme Name:     Loupiac
 Theme URI:      https://mairie-loupiac-tarn.fr
 Description:    Mairie de Loupiac (Tarn) x Divi Child Theme
 Author:         M4XX
 Author URI:     https://m4xx.fr
 Template:       Divi
 Version:        1.0.0
*/

html,
body {
overflow-x: hidden !important;
}

/** Header  */

header#main-header {
    box-shadow: 0 1px 0 rgba(255, 38, 0, 1, 0.1) !important;
    -moz-box-shadow: 0 1px 0 rgba(255, 38, 0, 1, 0.1) !important;
    -webkit-box-shadow: 0 1px 0 rgba(255, 38, 0, 1, 0.1) !important;
}

/* overhanging logo by Geno Quiroz */
 
#top-header {z-index: 99999;}
 
#logo {
    min-height: 200%;
    transform:scale(1);
    margin-top: 10px;
    z-index: 100000;
    /*  transition:transform 0.3s ease-out; */
    transform-origin:left top;    
    overflow:hidden;
    height:auto;
    transition: all 0.3s ease;
}

@media only screen and (max-width : 980px) {
    header #logo { min-height: 120px}
}



.et-fixed-header #logo {
    /*  min-height: 130% !important;    */
    transform:scale(0.6);
}

@media only screen and (max-width : 980px) {
    header #logo { margin-top: 0px}
}

footer .et_pb_menu__menu {
    display: flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
}

footer .et_mobile_nav_menu {
    display: none !important;
}

/** Bulletins municipaux    */

.bm-article {
    border: 1px solid #ff2600;
    background-size: cover;
}

.bm-container {
    padding: 1em;
}

.bm-title h3 {
    color: white !important;
}    

.bm-date {
    color: white !important;
}   

.bm-pdf {
    color: white !important;
}


/** Menu    */

#top-menu li li a {
    width: 280px !important;
}

.nav li ul {
    width: 320px !important;
}


#actualite article {
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);	
}

/** Animations  */

.et_pb_post_content .et_pb_row {
    width: 100% !important;
    max-width: 100% !important;
}

/** Blurbs .aspect-ratio-4-3 */

.et_pb_blurb .et_pb_main_blurb_image {
    position: relative;
    display: block;
}
 
.et_pb_blurb .et_pb_image_wrap {
    padding-top: 75%;
}
 
.et_pb_blurb .et_pb_image_wrap img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

.et_pb_section {
    background-color: transparent !important;
}

.divi-carousel-base-wrap .divi-carousel-arrow {
    opacity: 1 !important;
}


a.more-link {
    background-color: #d20000 !important;
    color: white !important;
}

.et_pb_portfolio_items a, .et_pb_portfolio_items a:hover {
    /*cursor: none !important;*/
}



header #top-menu li ul li a {
    color: black !important;
}




/***    Demande spécifique affichage tablette   */

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
    #le-mot-du-maire .et_pb_row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

}

@media all and (max-width: 980px) {
    #equipe-municipale .et_pb_row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

    #personnel-municipal .et_pb_row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
    }

}