/*
Theme Name: OsTende Child
Template: ostende
Theme URI: http://ostende.themerex.net/
Description: OsTende - excellent WordPress theme with many different blog and header layouts
Author: ThemeREX
Author URI: http://themerex.net/
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: ostende
*/

/* Theme customization starts here
------------------------------------------------------------ */

:root {
    --color-orange-lbs: #F15946;
    --color-mauve-lbs: #36062B;
}

@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Light.woff2') format('woff2'),
    url('fonts/Erode-Light.woff') format('woff'),
    url('fonts/Erode-Light.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-LightItalic.woff2') format('woff2'),
    url('fonts/Erode-LightItalic.woff') format('woff'),
    url('fonts/Erode-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Regular.woff2') format('woff2'),
    url('fonts/Erode-Regular.woff') format('woff'),
    url('fonts/Erode-Regular.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Italic.woff2') format('woff2'),
    url('fonts/Erode-Italic.woff') format('woff'),
    url('fonts/Erode-Italic.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Medium.woff2') format('woff2'),
    url('fonts/Erode-Medium.woff') format('woff'),
    url('fonts/Erode-Medium.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-MediumItalic.woff2') format('woff2'),
    url('fonts/Erode-MediumItalic.woff') format('woff'),
    url('fonts/Erode-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Semibold.woff2') format('woff2'),
    url('fonts/Erode-Semibold.woff') format('woff'),
    url('fonts/Erode-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-SemiboldItalic.woff2') format('woff2'),
    url('fonts/Erode-SemiboldItalic.woff') format('woff'),
    url('fonts/Erode-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-display: swap;
    font-style: italic;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-Bold.woff2') format('woff2'),
    url('fonts/Erode-Bold.woff') format('woff'),
    url('fonts/Erode-Bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: 'Erode';
    src: url('fonts/Erode-BoldItalic.woff2') format('woff2'),
    url('fonts/Erode-BoldItalic.woff') format('woff'),
    url('fonts/Erode-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
    font-style: italic;
}


.page_content_wrap {
    padding-top: 0rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.pleineLargeur {
    max-width: none !important;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}


/* Debut de style du shortcode programme_projet */
.programmeProjet{
    color:var(--color-orange-lbs) !important;
    font-size:1.176rem;
    line-height:1.2em;
    padding-bottom:35px;
}

.compositeur{
    color:var(--color-orange-lbs) !important;
    font-weight:bold;
}

.morceau{
    color:var(--color-orange-lbs) !important;
}

.dureeConcert{
    color:var(--color-orange-lbs) !important;
    font-size:1.176rem;
    font-style: italic;
    font-weight: 500;
}
/* Fin de style du shortcode programme_projet */


/* Debut de style du shortcode prochain_concert_projet */
.prochainConcert{
    color:var(--color-mauve-lbs) !important;
    text-transform: uppercase;
}
.prochainConcert .infoProchainConcert{
    font-family: 'DMsans';
    font-size:0.941rem;
    line-height: 1.3125em;
    font-weight:bold;
    padding-bottom:15px;
}
.prochainConcert a.elementor-button{
    font-size:1rem;
    background-color: var(--color-mauve-lbs) !important;
    color:#FFFFFF;
}
.prochainConcert a.elementor-button:hover{
    background-color: var(--color-orange-lbs) !important;
}
/* Fin de style du shortcode prochain_concert_projet */


/* Debut de style du shortcode agenda_prochain_concert_projet */
.divProchainConcert{
    display:flex;
    background-color:#FFF;
    border:1px solid #36062B;
    justify-content:space-between;
    align-items:center;
    margin-top:12px;
}

.detailProchainConcert{
    padding:25px;
    font-family: 'DMsans';
    font-size:1.176rem;
    line-height:1.3em;
}

.agendaProchainConcert a.elementor-button{
    font-size:1rem;
}
/* Fin de style du shortcode agenda_prochain_concert_projet */


/* Debut de style du shortcode select_concert_ville */
#divSelectVilleSaison .aSelectVilleSaison, #divSelectAnneeSaison .aSelectVilleSaison{
    display:block;
    padding-top:50px;
}
#divSelectVilleSaison label, #divSelectAnneeSaison  label{
    font-size:1.411rem;
    line-height:1.66em;
    padding-bottom:5px;
}
#divSelectVilleSaison .select_container, #divSelectAnneeSaison  .select_container{
    border:1px solid #36062B;
    background-color: #FFF;
}
#divSelectVilleSaison  .scheme_default select::before, #divSelectVilleSaison  .scheme_default .select_container::before,
#divSelectAnneeSaison  .scheme_default select::before, #divSelectAnneeSaison  .scheme_default .select_container::before
{
    background-color: #FFF;
}

#divSelectVilleSaison select::before, #divSelectVilleSaison  .select_container::before,
#divSelectVilleSaison .select2-container--default .select2-selection--single .select2-selection__arrow::after, #divSelectVilleSaison .select_container::after,
#divSelectVilleSaison select, #divSelectVilleSaison .select_container select,
#divSelectAnneeSaison select::before, #divSelectAnneeSaison  .select_container::before,
#divSelectAnneeSaison .select2-container--default .select2-selection--single .select2-selection__arrow::after, #divSelectAnneeSaison .select_container::after,
#divSelectAnneeSaison select, #divSelectAnneeSaison .select_container select{
    background-color: #FFF !important;
    color: #36062B;
}

#divSelectVilleSaison select, #divSelectAnneeSaison select{
    padding:1em !important;
}
/* Fin de style du shortcode select_concert_ville */


/* Debut style du shortcode labellesaison_calendrier_representation */
.calendrierProchainConcert{

}

.moisCalendrier{
    margin-top:0px;
    padding-bottom:35px;
}

.moisCalendrier, .jourChiffre, .titreRepresentation{
    font-size:40px;
    font-weight:500;
    line-height:1.25em;
}

.representationCalendrier{
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    padding-bottom:75px;
}

.jourRepresentation{
    margin-left:5%;
    flex-basis:8%;
    text-align:left;
    color:var(--color-mauve-lbs);
}
.jourSemaine{
    padding-top:15px;
    font-size:14px;
    font-weight:500;
    line-height:1.2em;
}
.jourChiffre{
    line-height:1.2em;
}

.infoRepresentation{
    flex-basis:51%;
    margin-right:2%;
    display:flex;
    flex-direction:column;
}

.imageRepresentation{
    flex-basis:30%;
}

.dateHeureRepresentation, .lieuRepresentation, .descriptionRepresentation{
    font-family: 'DMsans';
    font-size:17px;
    line-height:1.65em;
}
.dateHeureRepresentation span{
    display:flex;
    align-items:center;
}
.dateHeureRepresentation span:before{
    content:' ';
    background-image:url('/wp-content/themes/ostende-child/img/calendar.png');
    width:22px;
    height:20px;
    display:inline-block;
    margin-right:10px;
}

.dateHeureRepresentation{
    font-weight:700;
    color:var(--color-orange-lbs);
    padding-bottom:14px;
}

.titreRepresentation, .lieuRepresentation{
    padding-bottom:8px;
}
.titreRepresentation a{
    color:var(--color-mauve-lbs);
}

.lieuRepresentation{
    font-family: 'DMsans';
    font-weight:400;
    color:var(--color-mauve-lbs);
}

.descResRepresentation{
    padding-top:10px;
    display:flex;
    align-items:stretch;
}

.billeterieRepresentation{
    padding-right:15px;
}

.billeterieRepresentation .elementor-button{
    font-family: 'DMsans';
    padding:26px 17px;
    font-size:17px;
    font-weight:500;
}

.descriptionRepresentation{
    font-weight:500;
}

.imageRepresentation img{
    width:100%;
    height:auto;
}
/* Fin style du shortcode labellesaison_calendrier_representation */



.page_content_wrap{
    padding-top: 0rem !important;
    padding-bottom:6rem;
}

.scheme_default .sc_layouts_menu_nav > li.current-menu-item > a, .scheme_default .sc_layouts_menu_nav > li.current-menu-parent > a, .scheme_default .sc_layouts_menu_nav > li.current-menu-ancestor > a{
    font-weight:bold !important;
}

header nav a{
    font-family: 'DMsans';
    font-size:16px;
    color:var(--color-mauve-lbs) !important;
}
.sc_layouts_menu_nav > li + li {
    margin-left: 4px;
}
.sc_layouts_menu_nav > li > a, .sc_layouts_menu_nav > li.menu-item-has-children > a{
    padding-left:10px;
    padding-right:10px;
}

.menu_mobile .search_wrap{
    display:none;
}

.widget_contacts .contacts_info span{
    margin-bottom:1rem;
}

.contacts_info{
    font-weight:500;
    font-family: 'DMsans';
    font-size:1rem;
}

footer nav a.elementor-item{
    font-size:1.529rem;
    font-weight:500;
    padding:10px 5px !important;
    line-height:20px;
}

footer nav li{
    border:1px solid #f00;
}

footer .elementor-item::after{
    display:none;
}

form.mc4wp-form .mc4wp-form-fields input[type="email"]{
    font-family: 'DMsans';
}

form.mc4wp-form .mc4wp-form-fields input[type="submit"]{
    font-family: 'DMsans';
    font-weight:600;
    padding-left: 3.3em;
    padding-right: 3.3em;
}


.effetZoom img {
    transition: transform 0.4s ease;
    transform-origin: center center;
}

.effetZoom:hover img {
    transform: scale(1.15);
}

.effetZoom{
    overflow:hidden;
}


.logo_image{
    max-width:182px !important;
}

@media (min-width: 1570px) {
    .scheme_default body.home .rev_slider .custom.tparrows:hover::before, .scheme_default body.home .rev_slider .custom.sr7-arrows:hover::before{
        color:#FFF !important;
    }
}

@media (max-width: 1569px) {
    
    .navGaucheSlider{
        display:none !important;
    }
}


.btEffetDroite::after {
  height: 2px;
  width: 41px;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: red;
    background-color: red;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.3;
  margin-top: 1px;
}

.btEffetDroite:hover::after {
  right: -19px;
  opacity: 1;
}

.scheme_dark form.mc4wp-form input[type="email"],
.scheme_default form.mc4wp-form input[type="email"]{
    color:#FFF !important;
}

.scheme_default form.mc4wp-form input[type="email"]:focus{
    border-color: #e8e8e9 !important;
}

.scheme_default .mc4wp-form input[type="submit"]:hover{
    /* border:1px solid #FFF !important; */
    background-color:#FFF;
    color:#36062B;
}

@media (max-width: 1279px) {
    body .rev_slider .rev-link a:hover, body .rev_slider .rev-link a{
        padding: 1.8em 3.3em !important;
    }

    .moisCalendrier, .jourChiffre, .titreRepresentation{
        font-size:32px;
    }

    .dateHeureRepresentation, .lieuRepresentation, .descriptionRepresentation, .billeterieRepresentation .elementor-button{
        font-size:16px;
    }
}

@media (max-width: 1023px) {

    .jourRepresentation{
        display:none;
    }

    .imageRepresentation{
        flex-basis:40%;
    }
    .infoRepresentation{
        flex-basis:55%;
        margin-right:0;
    }

    .contacts_info{
        font-size:15px;
    }

    footer nav a.elementor-item{
        font-size:22px;
    }

}

@media (max-width: 767px) {
    body .rev_slider .rev-link a:hover, body .rev_slider .rev-link a{
        padding: 0.8em 1.8em !important;
        font-size:11px !important;
    }

    .moisCalendrier, .jourChiffre, .titreRepresentation{
        font-size:28px;
    }

    .dateHeureRepresentation, .lieuRepresentation, .descriptionRepresentation, .billeterieRepresentation .elementor-button{
        font-size:15px;
    }

    .representationCalendrier{
        flex-direction:column-reverse;
    }
    .imageRepresentation, .infoRepresentation{
        flex-basis:100%;
    }
    .infoRepresentation{
        padding-top:20px;
    }

    footer nav a.elementor-item{
        font-size:20px;
    }
    .detailProchainConcert{
        padding:20px;
    }
}

@media (max-width: 479px) {
    .divProchainConcert{
        flex-direction:column;
    }
    .divProchainConcert > .elementor-button-wrapper{
        margin-bottom:20px;
    }
}