/*
Theme Name: Inspiro Child
Theme URI: https://www.wpzoom.com/free-wordpress-themes/inspiro-lite/
Template: inspiro
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a professional & lightweight photo and video-focused WordPress theme with a modern design. Packed with features including a fullscreen area that supports Vimeo, YouTube & self-hosted video background, Page Builder integration, Inspiro is perfect for showing off your photography and video portfolio. Moreover, the theme is compatible with WooCommerce and popular Page Builders such as Elementor, Beaver Builder. Learn more and check out our powerful premium version at https://www.wpzoom.com/themes/inspiro/
Tags: one-column,two-columns,right-sidebar,flexible-header,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,e-commerce,wide-blocks,portfolio,blog,custom-background,featured-image-header,full-width-template,theme-options,block-styles
Version: 1.4.1.1631167551
Updated: 2021-09-09 06:05:51

*/
:root {
    --main:#A4181B;
    --button-hover:#ffbcbc;
    --secondary:#000;
    --paragraph:#777;
    --grey:#CCC;
}
h2, .favorite-titles h3 {
    margin: 20px 0 10px !important
}
.main-img-container h2 {
    font-family: "Montserrat",Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    font-weight: 300 !important;
    color:white;
}
ul {
    list-style-type:none;
  }
button.wpforms-submit {
    background-color:var(--main) !important;
    font-size:16px !important;
    padding:5px 10px !important
}
button, .elementor-button {
    text-transform:none !important;
    letter-spacing: inherit !important;
    background-color: var(--main);
    color:white;
    font-family: "Montserrat",Arial, Helvetica, sans-serif !important;
    font-size: inherit;
    font-weight: 500;
    border:2px solid var(--main);
    border-radius:3px;
}
button:hover, .elementor-button:hover {
    border-color:var(--button-hover) !important;
    color:var(--button-hover) !important
}
.elementor-img-headings {
    left:calc(((100vw - 1140px)/2) + 30px);
    top:120px;
}
.main-img-container { /*Hauteur image de couverture*/
    max-height: 600px
}
.h2-block {
    position:absolute;
    bottom:10%
}

/* HEADER */

nav a {
    color:var(--main)!important;
}
header.headroom--not-top nav a {
    color:var(--main)!important;
}
header .navbar {
    padding:5px 0;
}
header.headroom--not-top .navbar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
    padding: 5px 0
}
header.headroom--pinned .navbar, header.headroom--top .navbar {
    background-color: #ffffffee;
}
.navbar-nav>li>a:hover, .navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a, .navbar-nav>li.current_page_item>a {
    border-bottom: 1px solid var(--main);
}
header.headroom--not-top .navbar-nav>li>a:hover, .navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-parent>a, .navbar-nav>li.current_page_item>a {
    border-bottom: 1px solid var(--main);
}
.navbar li {
    display:flex;
    margin:0 !important;
    align-items: center;
}
.navbar ul li:not(:last-child)::after {
    width: 1px;
    height:10px;
    content: "";
    margin:0px 20px;
    background-color: var(--main);
}
.navbar .current_page_item a {
    font-weight:500;
    border-bottom: unset !important;
}
@media (max-width:767px) {
    .headroom--unpinned .icon-bar {
        background:var(--main)
    }
}

/* HOMEPAGE */

#content {
    padding-top:0 !important;
}
section.events-homepage h2 {
    text-align:center;
}
img.wp-image-157 { /*image de couverture des pages*/
    height: 500px;
    object-fit: cover;
}
.favorite-titles {
    display: flex;
    justify-content: center !important;
    align-items: center !important
}
.favorite-titles::after {
    content:url(/wp-content/themes/inspiro-child/img/logos-icons/papillon-face-1.svg);
    margin-left: 0px;
}
.separateur {
    display: block;
    width: 150px;
    height:2px;
    margin: 0 auto;
    background-color: var(--main);
}
.separateur::before {
    content: url(/wp-content/themes/inspiro-child/img/micro-homepage.png);
    position: absolute;
    top:-550px;
    filter:grayscale(1);
    transform :rotate(-20deg);   
}
.events-pictures {
    display:flex;
    text-align:center;
    justify-content: space-between;
    margin: 20px 0
}
.events-pictures > div {
    width:22%;
}
.events-pictures .events-img-block {
    position: relative;
}
.events-pictures img {
    filter: brightness(65%);
    max-height:100%;
}
h3.events-thumbnail-title {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:0;
    margin:0;
    text-transform: uppercase !important;
    color:#fff !important;
}
.events-pictures .more-info {
    display: block;
    font-weight: 600;
    width:80%;
    background-color: var(--main);
    padding:5px 10px;
    position:absolute;
    left:50%;
    top:80%;
    transform:translate(-50%,-50%);
    color:#fff;
}

@media (max-width:767px) {
    header.headroom--pinned .navbar,
    header.headroom--top .navbar{
        background-color:inherit;
    }
    .main-img-container img {
        object-fit: cover;
        object-position:70% 30%;
    }
    .elementor-img-headings { /*bloc titre complet image couverture*/
        bottom:5%
    }
    .image-h1 {
        font-size:28px;
        position:absolute;
        bottom:15%;
        text-align: center;
        margin: 0 auto;
        left:0;
        right:0;
    }
    .h2-container {
        width:70%;
        margin-top:80px;
    }
    .main-img-container h2 {
        font-size:24px !important
    }
}
@media (max-width:1023px) {
    .navbar-nav li {
        border-bottom: 1px solid var(--main);
    }
}
@media (max-width:1140px) {

    #side-nav {
        box-shadow:-3px 0px 10px 0px black
    }
    .side-nav__scrollable-container {
        background-color: white;
    }
}
/* PAGE NOS PRESTATIONS */


/*.two-options .vermillon-solo-duo {
    height:300px;
    justify-content:space-around
}
.two-options span.solo-duo {
    text-transform: uppercase;
    font-weight: 600;
    font-style: italic;
    color:var(--main)
}
*/
/*.homepage section.headings {
    display:flex;
    flex-direction:column;
    width:45%;
    position:absolute;
    z-index: 1;
    left:45%;
    top:150px
}*/
h1.image-h1::after {
    content:"";
    display: block;
    width: 50px;
    height:2px;
    margin:0 0 0 20px;
    background-color: var(--main);
}
.two-options h2 {
    display: flex;
    justify-content: center !important;
    align-items: center !important
}
.deux-formules h2::after {
    content:"";
    display: block;
    width: 50px;
    height:2px;
    margin: 5px auto 0px;
    background-color: var(--main);    
}
.two-options h2::after {
    content:url(/wp-content/themes/inspiro-child/img/logos-icons/papillon-face-1.svg);
    margin-left:20px;
}
.tabs {
    margin: auto;
}

/* Conteneur parent pour les onglets avec flex */
.tab-buttons {
    display: flex;
    border-bottom:2px solid var(--main);
    position:sticky;
    top:90px
}

/* Styliser les labels avec width: 50vw pour chaque label */
.tab-buttons .tab-label {
    width: 50vw;
    text-align: center;
    padding: 10px;
    margin:0;
    cursor: pointer;
    background-color: #f1f1f1;
    border-bottom: none;
    transition: background 0.3s, color 0.3s;
}

/* Masquer les radio buttons */
.tab-input {
    display: none;
}

/* Styliser le label lorsque l'input est coché */
#tab1:checked ~ .tab-buttons label[for="tab1"],
#tab2:checked ~ .tab-buttons label[for="tab2"] {
    background: var(--main);
    color: white;
}

/* Contenu des onglets */
.tab-content {
    display: none;
    padding: 15px;
    border: 1px solid #ccc;
}
.tab-content p {
    text-align: justify;
}

/* Afficher le contenu de l'onglet actif */
#tab1:checked ~ .content1,
#tab2:checked ~ .content2 {
    display: block;
}
.tabs h3 span {
    font-style:italic;
    color:var(--main);
    text-transform: uppercase;
}
.tabs img.caricature-vermillon {
    display:block;
    margin: 0 auto;
}
.tabs button{
    width:200px;
}
.tabs button a {
    color:unset;
}

/* Mode desktop : masquer les titres des onglets et afficher uniquement les contenus */
@media (min-width: 768px) {
    .tabs {
        display: flex;
        gap:10px;
    }
    .tab-buttons {
        display: none; /* Masquer les titres des onglets en desktop */
    }
    .tab-content {
        display: flex !important; /* Toujours affiché en mode desktop */
        flex-direction: column;
        align-items: center;
        border-radius:30px
    }
    .tab-content:hover {
        outline:3px solid var(--main);
    }
    .tab-content img {
    max-width:500px !important
    }
}
section.repertoire {
    border: 1px solid var(--main);
    margin: 0 auto 20px;
}
section.repertoire .setlist-container {
    display:flex;
    justify-content: space-evenly;
}
section.repertoire h2 {
    text-align: center;
}
section.repertoire h2::after {
    content:"";
    display: block;
    width: 50px;
    height:2px;
    margin: 0 auto 20px;
    background-color: var(--main);
}
section.repertoire .setlist-column{
    width:40%;
}
section.repertoire li.track {
    display:flex;
}
section.repertoire .trackname {
    width:60%;
    font-weight:600;
}
.personal-request {
    text-align: center;
    line-height: 60px;
    border: 1px solid black;
    border-radius: 30px;
}
@media (max-width: 767px) {
    h1.image-h1::after {
        margin:0 auto;
        background-color: var(--main);
    }
    section.repertoire {
        margin:0 0 20px;
    }
    section.repertoire h2 {
        padding:0 10px
    }
    section.repertoire .setlist-container {
        display:flex;
        flex-direction: column;
    }
    section.repertoire .setlist-column {
        width:100%
    }
    section.repertoire ul {
        margin:0 20px;
        font-size: 0.875em
    }
    .personal-request {
        font-size: 0.875em;
        line-height:1.75em;
        margin:0;
        padding:10px
    }
}

/* PAGE AGENDA */

.concert-bloc p {
    margin:0
}
.concert-date p {
    font-weight: 600;
}
.concert-data h1::after {
    content:"";
    display: block;
    width: 50px;
    height:2px;
    margin-left:20px;
    background-color: var(--main);
}
.main-container .bloc-list .bloc-list-child {
    max-height:80vh;
}

/* PAGE CONTACT */

section.headings.contact-page.h2-variation h2{
    padding-top:5px;
}
section.headings.contact-page{
    left:5%;
}
.contact-form h2::after {
    content:url(/wp-content/themes/inspiro-child/img/logos-icons/papillon-face-2.svg);
    margin-left:20px;
}
svg {
    width: 25px;
    height:auto
}
.contact-form .navbar-toggle .icon-bar {
    background:var(--main) !important
}
@media (max-width:1024px) {
    .navbar-toggle .icon-bar {
        background:var(--main);
    }
}

/* FOOTER */

footer a {
    font-family: "Montserrat","Arial","sans-serif";
    font-weight:500
}
footer .footer-section-title {
    text-transform: uppercase;
    color:#fff;
    font-family: "Montserrat","Arial","sans-serif";
    font-weight:600;
    font-size: 20px;
}
footer .social-block a {
    display: flex;
    align-items:center;
    margin-bottom:10px;
    color:var(--grey);
}
footer .social-block img {
    margin-right:10px;
}
footer .footer-mandatory-fields li {
    margin-bottom:10px
}
footer .footer-mandatory-fields a {
    color:var(--grey);
}
footer .copyright span:last-child {
    display: none;
}