/*
 * Site General Layout
 */

body {
	margin: 0px;
    color: var(--text-black);
    font-family: 'Roboto', sans-serif !important;
}

.layout-container > header {
	width: 100%;
    background-image: url("/sites/default/files/inline-images/header_9.jpg");
    height: 30em;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black;
    background-position: center;
}

.layout-content {
    max-width: 1200px;
    margin: auto;
    border: none !important;
}

.pace  {
    z-index: 10 !important;
}

img#logos_eglises_req {
    width: 100%;
    max-width: 1000px;
    height: initial;
}


/*
 SOCIAL MEDIA BLOCK
*/
#block-implantation-2023-socialmedialinks {
    float: right;
    position: relative;
    top: -2em;
}

#block-implantation-2023-socialmedialinks li a {
    padding: 0em 0.5em;
    font-size: 0.9em;
}

#block-implantation-2023-socialmedialinks li a:hover {
    color: var(--black);
}
a.social-media-link-icon--facebook {
    color: #4267B2;
}
a.social-media-link-icon--youtube {
    color: #FF0000
}

a.social-media-link-icon--email {
    color: goldenrod;
}

/* make it look decent on small / cell screen */
@media only screen and (max-width: 900px) {
    .layout-container > header {
        display: none;
    }
    a#superfish-main-toggle {
        padding: 1em 0em !important;
        width: 100%;
        display: inline-block;
        top: 0em !important;
    }
    #block-implantation-2023-navigationprincipale {
        width: 100%;
        position: fixed;
        top: 0px;
        z-index: 2;
    }
    #block-implantation-2023-socialmedialinks {
        top: 0px;
    }
    .sf-accordion-toggle {
        float: none !important;
        background: black;
        padding: 0em !important;
    }
    .layout-content {
        padding: 4em 0em 0em 0em !important;
        min-height: 85vh;
    }
    .legende,
    .layout-content p {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
    .views-exposed-form .form-actions,
    .views-exposed-form .js-form-item {
        padding: 1em !important;
    }
}

.layout-content {
	padding: 3em 5em;
    background: var(--text-background);
    border-left: 1px var(--light-grey) solid;
    border-right: 1px var(--light-grey) solid;
}

#block-implantation-2023-navigationprincipale {
    background-color: var(--black);
    text-align: center;
}

#block-implantation-2023-page-title {
    clear:both;
}

/* hide the legende title */
header > article > h2 {
    display: none;
}


/*
 * MAPS legende general layouting
 */

.legende {
    margin-right: 0em;
}

.legende .line {
    padding: 0.5em 0em;
}

.legende .title {
    display: inline-block;
}

.legende .data {
    display: inline-block;
}

.legende .left_side,
.legende .right_side {
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2em;
}

/* theme our own links */
.legende .right_side .selector,
.legende .right_side .annee {
    display: inline-block;
}

.legende .right_side .selector.line_two {
    padding-top: 2em;
}

.legende .right_side .title {
    display: block;
    padding-bottom: 1.5em;
}

.legende .heatmap {
    display: inline;
    height: 1em;
    position: relative;
    top: 0.1em;
    width: 8em;
}

 /* églises specific layouting */
.legende.container.eglise {
    float: left;
    padding-bottom: 3em;
    padding-top: 3em;
}

.legende.container.premiere_nation .line img {
    position: relative;
    top: 0.8em;
}
.legende.container.eglise .line {
    display: inline-flex;
    width: 13em;
}

.legende.container.eglise .line img {
    position: relative;
    top: -0.8em;
}

/* Population année layouting */
.legende.container .data {
    width: 25em;
    font-weight: 600;
}

.legende.container .left_side .title {
    width: 13em;
}

.legende.container.religion .title.ligne2,
.legende.container.mariage .title.ligne2,
.legende.container.langues .title.ligne2 {
    padding-top: 2em;
}

.legende .right_side .selector.active a,
#selector_2016.act_2016 a,
#selector_2021.act_2021 a {
    background: var(--medium-grey);
    color: var(--white);
    border: 1px solid var(--black);
}

.legende .right_side .selector a,
.legende .right_side .annee a {
    background: var(--lighter-grey);
    padding: 0.5em 1em 0.45em 1em;
    border-radius: 0.25em;
    margin: 2em 1em 2em 0em;
    border: 1px solid var(--medium-grey);
    color: var(--black);
    font-weight: 500;
    font-size: 0.9em;
}

.legende .right_side .selector a:hover,
.legende .right_side .annee a:hover {
    background: var(--light-grey);
}

div.definition p {
    font-size: 0.9em;
}

div.definition {
    position: relative;
    top: -0.5em;
}

/* remove a bit of spacing on the map popups */
div.leaflet-popup-content p.address,
p.popup {
    padding-top: 0em !important;
    text-align: left !important;
}

/* hide the drupal exposed form, since we are using our own links */
#views-exposed-form-carte-religion-page-1,
#views-exposed-form-carte-mariage-page-1,
#views-exposed-form-carte-langues-page-1,
#views-exposed-form-carte-age-moyen-page-1,
#views-exposed-form-population-page-1 {
    display: none;
}

/* Eglise form selection */
#views-exposed-form-carte-page-1 {
    float: left;
    padding-bottom: 3em;
}

#block-implantation-2023-content .leaflet-container {
    clear: both;
}

/*
 * view form controls
 */
/* user login */
#user-login-form {
    margin-left: 10%;
}
#user-login-form .js-form-item {
    padding: 1em 0em;
}

#user-login-form label {
    display: block;
    padding-bottom: 0.8em;
    font-weight: 500;
}

#user-login-form input {
    padding: 0.5em;
    font-weight: 500;
    font-size: 0.9em;
}

/*
 * MAPS - buttons and custom forms
 */
.views-exposed-form label {
    display: block;
    padding-bottom: 0.8em;
    font-size: 0.9em;
}

.views-exposed-form .form-actions,
.views-exposed-form .js-form-item {
    display:inline-block;
    padding: 0em 1em;
    vertical-align: top;
}

.views-exposed-form .form-select,
.views-exposed-form .form-select option {
    padding: 0.5em 1em;
    width: 15em;
}
.views-exposed-form .js-form-submit {
    font-weight: 600;
    margin-top: 2.2em;
    padding: 0.5em 1.2em;
    display: block;
}

/*
 * Site Footer
 */

#block-implantation-2023-footer {
    clear: both;
    height: 3em;
    text-align: center;
    background-color: var(--black);
    color: var(--white);
}

#block-implantation-2023-footer p {
    padding:0px;
    margin: 0px;
    font-weight: 600;
    position: relative;
    top: 0.8em;
}

#block-implantation-2023-footer a:hover,
#block-implantation-2023-footer a {
    color: var(--white);
    text-decoration: none;
}

/* this block shows in implantation theme when a new church is created
 * buttons are themed inside the block, but the layout has to be touched up */
#block-implantation-2023-boutonsfamillesdeglise {
    padding-bottom: 2em;
}