/*
Theme Name: SNTP 2021
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Manon Jean
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */



/* ****************** LOGO ************** */

img.custom-logo{
    position:absolute;
    top:-9rem;
    left:3rem;
    margin-top:2rem;
}

/* ****************** SLOGAN et TOPBAR ************** */

span#slogan{
    margin-left:33rem;
    font-size:20px;
    z-index:1000;
    font-family: 'Chelsea Market', cursive;
}

div.bloc-slogan{
    margin-top:4rem;
}


#top-bar-wrap{
    z-index:0;
}

/* ****************** FOOTER ************** */


#footer-bottom #copyright{
    float: left;
    text-align: center;
    padding-right: 0px;
}

#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
    width: 100%;
}


/* ************** MENU *********************** */

nav#site-navigation.navigation.main-navigation.clr{
    margin-left:5%;
    width:130%;
}

h1.page-header-title{
    margin-top:4rem;
}




/************************************** PAGE D'ACCUEIL ****************************************/

.elementor-kit-21 button, .elementor-kit-21 input[type="button"], .elementor-kit-21 input[type="submit"], .elementor-kit-21 .elementor-button{
    background-color: rgba(0,0,0,0);
}

div.elementor-widget-wrap.elementor-element-populated{
    display:flex;
    align-content:center;
}


div.elementor-widget-container h2.elementor-heading-title.elementor-size-default{
    margin:4rem;
}


/* ************************************************ ANNUAIRE ****************************************************** */

.sntp_member h2 a{
    color:#94be0F;
}

#bloc_etiquette h4{
    color:white;
    background-color:#840C73; 
    display:inline-flex;
    padding:1rem;
}

header.annuaire h1{
    margin-top:8rem;
    margin-bottom:8rem;
}

row.post_evenement{
    margin-bottom:4rem;
}

.btn.bouton-recherche{
    font-family: "Chelsea Market", Sans-serif;
    font-weight: 500;
    background-color: #840C73;
    color:#ffffff;
}

.btn.bouton-savoir-plus,.btn.bouton-savoir-plus-membre{
    font-family: "Chelsea Market", Sans-serif;
    font-weight: 500;
    background-color: none; /* #b09b76 */
    color:#323e14;  
}


div.row.selecteur-activite.justify-content-center.text-center div.col-md-3.recherche,div.row.boutons-recherche div.dropdown.mb-6.col-md-4.text-center{
    margin-bottom:2rem;
}

/* ********************************************** MODELE MEMBRE SOLO ************************************************* */


.row.coordonnees{
    margin-bottom: 5rem;
}

h2.valeurs,.fichiers,.retour_annuaire{
    margin:6rem;
}

/* CAROUSEL MEMBRE SOLO */

.carousel .carousel-item {
    height: 500px;
}

.carousel-item img {
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 500px;
}

div.col-md-6.fs-2 table.coordonnees tbody tr td{
    vertical-align: middle;
}

.portrait_membre_solo img {
    display: block;
    max-width:230px;
    max-height:95px;
    width: auto;
    height: auto;
}

.image-membre-archive img {
    display: block;
    justify-content:center;
    max-width:100%;
    max-height:300px;
    width:600px;
    height: auto;
    object-fit:cover;
}

.image-membre-solo img {
    display: block;
    justify-content:center;
    max-width:100%;
    max-height:400px;
    width:600px;
    height: auto;
    object-fit:cover;
}

.portrait_membre_solo{
    margin-bottom:3rem;
}

div .selecteur-activite{
    margin-bottom: 8rem;
}

.sntp_member{
    margin:5rem;
}


/* ************************************************** EVENEMENTS ********************************************************** */

ul.dropdown-menu{
    font-size: 22px;
    font-family:"Chelsea Market", Sans-serif;
    background-color: #b09b76;
}

ul.dropdown-menu li a.dropdown-item.type-filter{
    color: #ffffff;
    padding:5px;
    margin:5px;
}

.pictos-event,image-membre-archive,.portrait_membre_solo{
    object-fit:contain;
}

#carouselevent img{
    max-height:300px;
    width:auto;
}

div.row.boutons-recherche{
    margin-bottom:4rem;
}


div.row.post_evenement{
    margin-bottom: 8rem;
}



/* ************************************ PAGE CONTACT **************************************** */
div#wrap.clr main#main.site-main.clr div#content-wrap.container.clr{
    padding-top: 0px;
}





/* ******************************************* RESPONSIVE *************************************************** */




@media screen and (max-width:640px){
    div.bloc-slogan{
        color:#ffffff;
    }
}


a.menu-link{
    margin-bottom: 2rem;
}


@media screen and (max-width:1274px){
    body.default-breakpoint .oceanwp-mobile-menu-icon{
        display:inline-flex;
        margin-right:2rem;
    }

    nav#site-navigation.navigation.main-navigation.clr{
        display:none;
    }
}


picture.pictos-event i.fas{
    margin:2rem;
    padding:2rem;
}

@media screen and (min-width:959px){
    ul#menu-menu-principal.main-menu.dropdown-menu.sf-menu{
        display:contents;
    }
}

@media screen and (min-width:768px) and (max-width:1200px){
    div.row.selecteur-activite.justify-content-center.text-center div.col-md-3.recherche{
        width:85%;
    }
}

@media screen and (min-width:320px) and (max-width:1024px){
    div.elementor-widget-wrap.elementor-element-populated h3{
        text-align:center;
    }

    div.elementor-container.elementor-column-gap-default{
        display: flex;
        justify-content: center;
    }


    div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-e384a0f, div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-559656e, div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-2e7c194, div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-bf24268{
        width:80%;
    }
    div.elementor-container.elementor-column-gap-default div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.icones{
        width:30%;
    }


}



@media screen and (max-width:767px){
    div.row.post_evenement{
        justify-content:center;
        text-align:center;
    }
}



@media screen and (max-width:430px){
    div#carouselpresentationmembre.carousel.slide.carousel-fade.col-md-6 div.carousel-inner div.carousel-item {
        height: 250px;
    }

    #carouselaccueil{
        display:none;
    }
    
    div.oceanwp-mobile-menu-icon.clr.mobile-right a.mobile-menu span.oceanwp-text{
        display:none;
    }

    div#carouselpresentationmembre.carousel.slide.carousel-fade.col-md-6 div.carousel-inner div.carousel-item img{
        position: center;
        object-fit:cover;
        min-height: 250px;
    }

}



@media screen and (min-width:810px) and (max-width:1080px){
    div#carouselpresentationmembre.carousel.slide.carousel-fade.col-md-6.pointer-event{
        width:100%;
    }
}