/*
Theme Name:   LaLumiereRouge
Theme URL:    .
Description:  Thème WordPress pour l'association La Lumière Rouge
Author:       Benjamin Louis-Lhomme
Author URL:   https://www.bll-web.com
Template:     generatepress
Version:      3.5.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options
Text Domain:  lalumiererouge 
*/

@font-face {
    font-family: 'Le Murmure_Regular';
    src:    url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.eot');
    src:    url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.eot?#iefix') format('embedded-opentype'),
            url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.woff') format('woff'),
            url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.woff2') format('woff2'),
            url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.ttf') format('truetype'),
            url('fonts/Le_Murmure-Regular/Le_Murmure-Regular_web.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Syne_Regular';
    src:    url('fonts/Syne/Syne-Regular.eot');
    src:    url('fonts/Syne/Syne-Regular.eot?#iefix') format('embedded-opentype'),
            url('fonts/Syne/Syne-Regular.woff') format('woff'),
            url('fonts/Syne/Syne-Regular.woff2') format('woff2'),
            url('fonts/Syne/Syne-Regular.ttf') format('truetype'),
            url('fonts/Syne/Syne-Regular.svg#svgFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    width: 100vw;
    min-height: 100vh;
}

body {
	/* background: #FFEDCC; */
    overflow-x: hidden;
    min-height: 100vh;
}

* {
	font-family: 'Syne_Regular';
}

a.wp-block-button__link.wp-element-button {
    border-radius: 0;
    background-color: #E3081F;
}

h1 {
    text-align: center;
}

header.entry-header > h1.entry-title {
    margin-top: 0;
    padding-top: .5em;
}

h1.entry-title {
    margin-top: 1em;
    font-family: 'Le Murmure_Regular';
    font-size: 3em;
    /* padding-left: 1em; */
    padding-bottom: .5em;
}

h3 {
    font-family: 'Le Murmure_Regular';
}

main.site-main {
    margin-top: 0 !important;
}

.site.grid-container, .inside-article {
    min-height: calc(100vh - 120px - 50px);
}

.inside-article {
    padding: 0 !important;
    background: #FFEDCC;
}

.wp-block-columns {
    margin: auto !important;
}

.entry-content {
    overflow-x: hidden;
}

.entry-content:not(:first-child) {
    margin-top: 0;
}

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

/* HEADER */
header, .inside-header .grid-container, #site-navigation, .main-navigation .inside-navigation {
    background: inherit !important;
}

.site-header {
    height: 120px;
}

.inside-header {
    padding: 5px 40px;
}

.main-navigation .main-nav > ul li a {
	text-transform: uppercase !important;
}

.main-navigation ul ul li {
	background: #E3081F;
}

.main-navigation ul ul li a {
	/* color: inherit !important; */
	color: white !important;
	text-transform: uppercase !important;
}

.main-navigation ul ul li a:hover {
	color: black !important;
}

.main-navigation.toggled .main-nav {
    background: white !important;
}

.menu-item-has-children .dropdown-menu-toggle .gp-icon {
	display: none;
}

.menu-item-692 {
    display: none; /* HIDE link compagnies marraines */
}

/* ACCUEIL */
.one-container .site-content {
    padding: 0;
    margin-top: 0;
}

.site-title-description {
    position: absolute;
    top: calc(120px + 5vw);
    /* outline: 1px solid yellow; */
}

h1.site-title {
    /* position: absolute; */
    /* top: calc(120px + 10vh); */
    width: 100vw;
    max-width: 2000px;
    color: #E3081F;
    font-size: 8vw !important;
    font-family: 'Le Murmure_Regular';
    margin: 0;
}

h2.site-description {
    /* position: absolute; */
    /* top: calc(120px + 70vh); */
    margin-bottom: 20px;
    font-size: 2vw !important;
    letter-spacing: 1px;
    color: white;
    text-align: center;
}

.flex-direction-nav {
    display: none;
}

/* .metaslider > img {
    outline: 1px solid yellow;
    height: 80vh !important;
} */

/* .home-banner {
    max-height: 80vh;
    min-height: 0 !important;
    display: none;
}

.home-banner .wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background-color: transparent;
}

.home-banner .has-large-font-size {
    color: #E3081F;
    font-size: 6em !important;
    font-family: 'Le Murmure_Regular';
    margin: 0;
    padding: -.5em 0 -.5em 0;
} */

/* .home-banner .has-large-font-size:nth-child(1) {} */
/* .home-banner .has-large-font-size:nth-child(2) {} */
/* .home-banner .has-large-font-size:nth-child(3) {} */

/* .home-banner .has-text-align-center:not(.has-large-font-size) {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    letter-spacing: 1px;
} */

/* .home-banner .wp-block-cover__inner-container {
    background: yellow;
    min-height: inherit;
} */

.agenda-slider-title, .agenda-slide, .tous-les-evenements {
    filter: opacity(.3) !important;
    cursor: default !important;
}

h2.agenda-slider-title {
    margin-top: 1em;
    margin-left: 20vw;
    font-family: 'Le Murmure_Regular';
    font-size: 3em;
    text-align: left;
}

.tous-les-evenements {
    margin-bottom: 3vh;
}

.tous-les-evenements a.wp-block-button__link.wp-element-button {
    margin-left: 20vw;
    margin-bottom: 1em;
}

/* .wp-theater-events {} */

#wp-theater-productions-home {
    width: 80vw;
    max-width: 572px;
    margin: auto;
    min-height: inherit;
    justify-content: center;
    padding-bottom: 48px;
}

#wp-theater-productions-home .wp-theater-production-thumbnail {
    width: inherit;
    text-align: center;
    overflow: hidden;
}

#wp-theater-productions-home .wp-theater-production-thumbnail > img {
    width: inherit;
}

#wp-theater-productions-home .wp-theater-production-title {
    text-align: center;
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
    margin-top: 10px;
}

#wp-theater-productions-home .wp-theater-production-date {
    text-align: center;
    margin-top: 0;
    padding-bottom: 1.2em;
}

#wp-theater-productions-home .wp-theater-production-date p {
    margin: 0;
    padding: 0;
}

/* #wp-theater-productions-home .wp-theater-production-excerpt {} */
/* #wp-theater-productions-home .wp-theater-production-content {} */

/* #wp-theater-productions-home .wp-theater-production-date li {
    list-style: none;
} */

#wp-theater-productions-home .wp-theater-production-infos {
    text-align: center;
}

#wp-theater-productions-home .wp-theater-production-infos > a {
    background: #333;
    color: white !important;
    padding: 10px;
    text-decoration: none;
}

.swiper-button-lock {
    display: block !important;
}

/* .wp-theater-event {
    min-height: 280px;
}

.wp-theater-event-body {
    width: 80%;
    margin: auto;
    min-height: inherit;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.wp-theater-event-thumbnail {
    width: 50%;
    text-align: right;
    padding: 10px;
    padding-right: 30px;
}

.wp-theater-event-thumbnail img {
    width: 50%;
}

.wp-theater-event-content {
    width: 50%;
    padding-top: 25px;
    padding-left: 30px;
}

.wp-theater-event-title {
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
} */

/* .wp-theater-event-date {} */
/* .wp-theater-event-time {} */
/* .wp-theater-event-location {} */

/* .wp-theater-event-infos {
    margin-top: 20px;
}

.wp-theater-event-infos a {
    background: #333;
    color: white;
    padding: 10px;
} */

.swiper-pagination-bullet-active, .swiper-scrollbar-drag {
    background: #E3081F;
}

.swiper-button-prev, .swiper-button-next {
    top: 80%;
}

.swiper-button-prev {
    left: 0;
}
.swiper-button-next {
    right: 0;
}

.swiper-button-prev::after, .swiper-button-next::after {
    color: #E3081F;
    font-weight: bold;
    height: 100%;
}

@media screen and (max-width: 780px) {
    .wp-theater-event-body {
        flex-direction: column;
        justify-content: center;
    }

    .wp-theater-event-thumbnail, .wp-theater-event-content {
        margin: auto;
        text-align: center;
        padding: 25px;
    }
 }

.wp-block-column.home-contact {
    background: #E3081F;
    color: white;
    padding: 1em;
    width: 100%;
}

.home-agenda p {
    font-size: 3em;
}

.home-contact a {
    text-decoration: none;
    color: white;
}

.home-contact p {
    text-align: center;
    font-family: 'Le Murmure_Regular';
    font-size: 3em;
    margin-bottom: 0;
}

.home-contact table {
	border: none !important;
    text-align: left;
}

.home-contact table tr > td:nth-child(1) {
    width: 40%;
    text-align: right;
}

.home-contact table tr > td:nth-child(1) img {
    width: 2em !important;
    height: auto;
}

.home-contact table tr > td:nth-child(2) {
    width: 60%;
    text-align: left;
    font-size: 1.2em;
}

.wp-block-table td, .wp-block-table th {
	border: none !important;
}

/* .home-contact-map {
    gap: 0;
    margin: 0;
    padding: 0;
} */

/* AGENDA */
/* #post-81 h1 {
    padding-left: 15%;
} */

#wp-theater-productions-page {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    gap: 40px 0;
    margin: auto;
    max-width: 992px;
}

#wp-theater-productions-page .wp-theater-production {
    width: 50%;
    min-width: 400px;
    margin: 0;
    display: block;
    text-align: center;

}

#wp-theater-productions-page .wp-theater-production-thumbnail {
    overflow: hidden;
    position: relative;
    width: 80%;
    margin: auto;
    max-height: 200px;
}

#wp-theater-productions-page .wp-theater-production-date {
    position: absolute;
    left: 5%;
    bottom: 2%;
    text-align: center;
    width: 90%;
    margin-top: 80%;
    height: 2.8em;
    font-size: .9em;
    background-color: #E3081F;
}

#wp-theater-productions-page .wp-theater-production-date p {
    margin: 0;
    padding: 0;
}

/* #wp-theater-productions-page .wp-theater-production-date span {} */

#wp-theater-productions-page .wp-theater-production-title > h2 {
    text-align: center;
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
    margin-bottom: 0 !important;
}

#wp-theater-productions-page .wp-theater-production-excerpt > h3 {
    text-align: center;
    font-family: inherit;
    font-size: 1.2em;
}

/* #wp-theater-productions-page .wp-theater-production-content {
    outline: 1px solid red;
} */

#wp-theater-productions-page .wp-theater-production-infos {
    /* outline: 1px solid red; */
    text-align: center;
}

#wp-theater-productions-page .wp-theater-production-infos > a {
    background: #333;
    color: white !important;
    padding: 10px;
    text-decoration: none;
}

#wp-theater-productions-page .wp-theater-production-infos > a:hover {
    background: #555;
}

/* #wp-theater-productions-page .entry-content {
    text-align: center;
    display: none;
} */

/* SINGLE PRODUCTION PAGE */
/* article.type-wp_theatre_prod {} */

article.type-wp_theatre_prod .featured-image {
    text-align: center !important;
}

article.type-wp_theatre_prod .featured-image img {
    max-width: 800px;
    margin-top: 15px;
}

article.type-wp_theatre_prod header.entry-header > h1.entry-title {
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
    padding: 8px;
}

article.type-wp_theatre_prod header.entry-header > h2 {
    text-align: center;
    font-size: 1.5em;
    padding: 6px;
}

article.type-wp_theatre_prod h3, article.type-wp_theatre_prod .wpt_events {
    display: none;
}

article.type-wp_theatre_prod .theater-production-events-list {
    list-style: none;
    text-align: center;
    max-width: 800px;
    margin: auto;
    border: 0;
    margin-bottom: 2em;
}

article.type-wp_theatre_prod .theater-production-events-list tr {
    padding: 0;
    margin: 0;
    border: 0;
}

article.type-wp_theatre_prod .theater-production-events-list td {
    padding: 0;
    margin: 0;
    border: 0;
}

article.type-wp_theatre_prod .theater-production-events-list .date {
    text-align: right;
    padding-right: 5px;
}

article.type-wp_theatre_prod .theater-production-events-list .location {
    text-align: left;
    padding-left: 5px;
}

article.type-wp_theatre_prod .theater-production-events-list span {
    background-color: #E3081F;
    padding: 2px 6px;
    text-align: center;
}

article.type-wp_theatre_prod .wp_theatre_event {
    display: flex;
    justify-content: center;
    max-width: 572px;
    /* text-align: center; */
    background-color: #E3081F;
    color: white;
    margin: auto;
    margin-bottom: 5px;
}

article.type-wp_theatre_prod .wp_theatre_event_location {
    margin-left: 5px;
    display: flex;
}

article.type-wp_theatre_prod .entry-content > p {
    max-width: 992px;
    /* outline: 1px solid blue; */
    margin: auto;
    padding: 10px;
}

article.type-wp_theatre_prod .wp-block-column {
    padding: 0 5vw;
}

/* article.type-wp_theatre_prod .entry-content .p-left {
    padding-left: 5vw !important;
} */

/* article.type-wp_theatre_prod .wp_theatre_event > div {
    background-color: #E3081F;
    color: white;
    margin: 5px;
} */

/* COMPAGNIES ACCOMPAGNÉES */
/* #post-83 h1 {
    padding-left: 15%;
} */

#post-83 .entry-content {
    padding-top: 1em;
}

.wp-block-latest-posts.is-grid li {
    text-align: center;
    margin-bottom: 20px;
    display: none;
}

.wp-block-latest-posts.is-grid li > .wp-block-latest-posts__featured-image {
    text-align: center;
}

.wp-block-latest-posts.is-grid li > .wp-block-latest-posts__featured-image img {
    width: 60%;
}

.wp-block-latest-posts.is-grid li > a.wp-block-latest-posts__post-title {
    font-size: 2em;
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
    text-decoration: none;
}

.wp-block-latest-posts.is-grid li > a.wp-block-latest-posts__post-title:hover {
    color: black;
    transition: .5s;
}

#custom-post-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    max-width: 1200px;
}

#custom-post-list > li a {
    text-decoration: none;
}

#custom-post-list > li {
    width: 50%;
    text-align: center;
    list-style: none;
    margin-bottom: 2em;
}

#custom-post-list > li > p {
    max-width: 400px !important;
    margin: auto;
    text-align: left;
}

#custom-post-list > li img {
    max-width: 400px !important;
}

#custom-post-list > li .title {
    font-size: 2em;
    font-family: 'Le Murmure_Regular';
    color: #E3081F;

}

#custom-post-list > li .infos {
    background: black;
    color: white;
    padding: .5em;
    font-size: .8em;
    font-weight: bold;
    letter-spacing: 1px;
}

.nous-les-avons-accompagnees {
    text-align: center;
}

.nous-les-avons-accompagnees-gallerie {
    max-width: 20vw;
    margin: auto;
}

.nous-les-avons-accompagnees-gallerie img {
    width: 10vw !important;
}

/* COMPAGNIE */
article.type-post .inside-article {
    padding-bottom: 1em !important;
}

article.type-post .featured-image {
    text-align: center;
}

article.type-post .featured-image > img {
    min-width: 100%;
    max-height: 50vh;
    object-fit: cover;
    object-position: -30% 0;
}

article.type-post a {
    color: #555;
    text-decoration: none;
}

article.type-post h1.entry-title {
    position: absolute;
    top: 20vh;
    left: 50vw;
    transform: translateX(-50%);
    color: white;
    padding: 0;
}

article.type-post h2 {
    font-family: 'Le Murmure_Regular';
    color: #E3081F;
}

article.type-post .entry-meta {
    display: none;
}

article.type-post .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    max-width: 60%;
    margin: auto;
    margin-top: 30px;
}

article.type-post .compagnie-contact {
    background: #E3081F;
    color: white;
    padding: 5% 10% 5% 10%;
    width: 80%;
    margin: auto;
    margin-top: 2em;
}

article.type-post .compagnie-contact strong {
    font-family: 'Le Murmure_Regular';
    font-size: 2em;
}

article.type-post .compagnie-contact a {
    color: white;
    text-decoration: none;
}
 
/* ASSOCIATION & ÉQUIPES */
header.entry-header, .site-content {
	background: #eee;
	padding-bottom: 0;
}

#post-85 .qui-sommes-nous-association {
	padding-top: 2em;
}

#post-85 h1.entry-title {
    margin-left: -1em;
	font-family: 'Le Murmure_Regular';
}

#post-85 h2 {
    font-weight: bold;
	font-family: 'Le Murmure_Regular';
}

#post-85 .entry-content > div {
	background: white;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

#post-85 .qui-sommes-nous-association {
	background: #E3081F !important;
	color: white;
}

#post-85 .wp-block-column:nth-child(2) {
    padding-left: 1em;
    padding-right: 2.5em;
}

#post-85 .wp-block-column:nth-child(2) > p:nth-child(1) {
    font-weight: bold;
}

#post-85 .wp-block-image {
    text-align: right;
}

#post-85 .wp-block-image img {
    border-radius: 50%;
    width: 400px;
    height: 400px;
}

/* OBJECTIFS ET VALEURS */
/* #post-386 h1 {
    padding-left: 15%;
} */

#post-386 h2.wp-block-heading {
    margin-bottom: 0;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    font-weight: bold;
	font-family: 'Le Murmure_Regular';
}

#post-386 p {
    padding-bottom: 1.5em !important;
}

#post-386 p > strong {
    color: black;
    letter-spacing: 1px;
    filter: opacity(.8);
}

#post-386 h2.objectifs-title, #post-386 .objectifs-text {
    background: #E3081F;
    color: white;
    padding: 0 15% 0 15%;
}

#post-386 h2.valeurs-title, #post-386 .valeurs-text {
    padding: 0 15% 0 15%;
}

#post-386 details.wp-block-details {
    margin-bottom: 1em;
}

#post-386 details.wp-block-details summary {
    letter-spacing: 1px;
    color: black;
}

#post-386 details.wp-block-details summary::marker {
    font-size: larger;
}

#post-386 details.wp-block-details p {
    color: white;
    padding-left: 1em;
    padding-bottom: 0 !important;
}

/* ACCOMPAGNEMENT ET PRESTATIONS */
#post-413 .entry-content {
    background: #E3081F;
}

/* #post-413 h1 {
    padding-left: 15%;
} */

#post-413 h3 {
    padding-left: 15%;
    color: white;
}

#post-413 p > strong {
    color: black;
    letter-spacing: 1px;
    filter: opacity(.8);
}

#post-413 h2.wp-block-heading {
    margin-bottom: 0;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    font-weight: bold;
	font-family: 'Le Murmure_Regular';
}

#post-413 p {
    padding-bottom: 1.5em !important;
}

/* #post-413 .accompagnement-title,
#post-413 .accompagnement-text, 
#post-413 .accompagnement-price,
#post-413 .appel-candidatures {
    padding: 0 15% 0 15%;
} */

#post-413 h2.wp-block-heading, #post-413 p {
    padding: 0 15% 0 15%;
}

#post-413 .accompagnement-title, #post-413 .accompagnement-text {
    background: #E3081F;
    color: white;
}

#post-413 .accompagnement-price {
    width: 50%;
    background: white;
    margin: auto;
    text-align: left;
    margin-bottom: 1em;
    padding: 1em 3em 1em 3em;
    line-height: 1.5em;
}

#post-413 .accompagnement-price > strong {
    font-weight: bold;
	font-family: 'Le Murmure_Regular';
    font-size: 1.5em;
    text-align: left;
}

#post-413 .appel-candidatures {
    background: black;
    color: white;
    width: 50%;
    margin: auto;
    text-align: center;
    padding: 1em 3em 1em 3em;
    line-height: 1.5em;
    margin-bottom: 1em;
}

#post-413 .prestation-title {
    color: black;
    background: white;
}

#post-413 .prestation-text {
    color: black;
    background: white;
    padding-bottom: 1.5em !important;
}

/* CONTACT */
/* #post-87 h1, #post-87 h2 {
    padding-left: 15%;
}

#post-87 h2.wp-block-heading {
    margin-bottom: 0;
    padding-top: .5em !important;
    padding-bottom: .5em !important;
    font-weight: bold;
	font-family: 'Le Murmure_Regular';
}

#post-87 p {
    padding-left: 15%;
} */

/* FOOTER */
/* .site-footer {
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
} */

.separate-containers .site-main {
    margin-bottom: 0;
}

/* footer.site-info {
    background: black !important;
    color: white;
    max-width: none;
} */

.site-footer {
    background: black !important;
    color: white;
    text-align: center;
    padding: .5em 0;
    height: 50px;
    width: 100%;
    max-width: 2000px;
    margin: auto;
}