/* 
Theme Name:  Paroisse Saint-Eustache
Theme URI:   https://www.satellitewp.com
Description: Th&egrave;me personnalis&eacute; pour la <a href="https://paroissese-eustache.com">Paroisse de Saint-Eustache</a>, basé sur Hello de Elementor
Author:      SatelliteWP
Author URI:  https://elementor.com/
Template:    hello-elementor
Version:     1.0.1
Text Domain: hello-elementor-child
*/

/*
    Palette de couleur
    #000000 : noir - couleur texte
    #1F1D1D : gris foncé - couleur de section
    #FFFFFF : blanc - couleur texte
    #FB7325 : orange - hover
    #DADADA : gris clair - bouton
    #c85c1d : orange - lien sur fond blanc
    #FB732573 : orange avec opacité - overlay, CTA

    CSS variables 
    --e-global-color-primary : #000000;
    --e-global-color-secondary : #1F1D1D;
    --e-global-color-text : #000000;
    --e-global-color-6e9faaa: #FFFFFF
    --e-global-color-0a32afc: #FB7325;
    --e-global-color-0406869 : #DADADA;
    --e-global-color-cec5731 : #C85C1D;
    --e-global-color-49f4b0a : #FB732573;

    Option css elementor de base:
    40px de marge entre les sections
*/


/* GLOBAL */
body a {
    color: var(--e-global-color-cec5731);
}
body a:hover {
    color: var(--e-global-color-0a32afc);
}

/* Navigation principale */
.paroisse__menu a:not([href]) {
    cursor: default;
}
.elementor-nav-menu .inscription__header--button {
    background-color: rgba(251, 115, 37, 0.6);
    transition: .4s;
    border: 1px solid transparent;
    border-width: 1px;
}
.inscription__header--button:hover {
    background-color:var(--e-global-color-6e9faaa);
    border: 1px solid var(--e-global-color-49f4b0a);
}

/* Bouton d'inscription en mobile */
section.paroisse__menu--content nav.elementor-nav-menu--dropdown li.inscription__header--button a.elementor-item:hover {
    background-color:var(--e-global-color-0a32afc);
}
section.paroisse__menu--content .paroisse__menu .inscription__header--button:hover a.elementor-item {
    color: var(--e-global-color-0a32afc);
}
.elementor-nav-menu--dropdown a:not([href]) {
    cursor: pointer;
}

/* Navigation éléments parent du dropdown */
header .elementor-element.paroisse__menu--content nav.elementor-nav-menu--dropdown ul.elementor-nav-menu .has-submenu,
header .elementor-element.paroisse__menu--content nav.elementor-nav-menu--dropdown .inscription__header--button a.elementor-item {
    font-size:14px;
    font-weight: 600;
    padding: 14px 0;
    text-transform: uppercase;
}


/* ACCUEIL */
/* Positionnement bouton "Découvrir"*/
.header__content {
    position: relative;
}
.header__content .elementor-widget-wrap,
.header__content .elementor-column-wrap, 
.header__content .elementor-column {
    position: static;
}
.header__button--content {
    position: absolute;
    bottom: 5%;
    width: calc(100% - 20px)!important;
}


/* FORMULAIRE */
#gform_fields_4 {
    display: flex;
    flex-flow: row wrap;
}
ul.gform_fields li {
    width: 100%;
}
.gform_wrapper .form-separator h2.gsection_title {
    margin-top: 50px!important;
}
.form_two_col>div {
    display: flex;
    flex-direction: column;
}
.form_two_col div.ginput_complex.ginput_container.gf_name_has_2 span {
    width:100%;
}
.form_two_col div.ginput_container_name span {
    padding-right: 0;
}
.gform_body .ginput_container_date .datepicker {
    max-width: 100px;
    padding: 5px 8px;
}
ul.gform_fields li.form-file-confirmation {
    width: 50%;
}
.gform_wrapper form .gform_footer {
    width: 130px;
    position: relative;
    padding: 0;
    margin: 50px 16px 10px auto;
    display: flex;
}
.gform_wrapper form .gform_footer input.gform_button {
    border-color: transparent;
    width:100%;
    margin:0;
    padding: 8px 16px 8px 8px;
}

/* Ajout icon au bouton */
.gform_footer::after,
.gform_footer::before {
    width: 4.5px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.gform_footer::after {
    content: url(img/arrow-dropdrop-black.svg);
    opacity: 1;
    transition: all 0.4s;
}
.gform_footer:hover::after  {
    opacity: 0;
    transition: all 0.4s;
}
.gform_footer::before {
    content: url(img/arrow-dropdown-white.svg);
}


/* HORAIRE RÉGULIER */
/* tableau */
.horaire__title--content{
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-primary-font-weight );
}
.horaire__title--content, 
.horaire__main>div {
    display:flex;
    flex:1;
    padding: 10px 0 10px 5px;
}
.horaire__main + .horaire__title--content {
    margin-top:20px;
}
.horaire__title--content div, 
.horaire__main div div {
    flex:1;
    padding: 0 5px;
    box-sizing: border-box;
}
.horaire__main>div:nth-child(even) {
    background-color:var( --e-global-color-9501592 );
}
.horaire__main>div:nth-child(odd) {
    background-color: var(--e-global-color-6e9faaa);
}
.horaire__title {
    font-weight: 600;
}
.horaire__table p {
    margin: 0;
}


/* HORAIRE DE LA PTITE PASTO */
/* tableau */
.horaire__4rows .horaire__title--content > *:first-child , 
.horaire__4rows .horaire__title {
    max-width:50px;
}
.horaire__4rows .horaire__title--content div:nth-child(2), 
.horaire__4rows .horaire__main > div div:nth-child(2),
.horaire__4rows .horaire__title--content div:nth-child(4), 
.horaire__4rows .horaire__main > div div:nth-child(4) { 
    flex:0.5;
}
.horaire__4rows .horaire__title--content div:nth-child(3), 
.horaire__4rows .horaire__main > div div:nth-child(3) { 
    flex:2;
}


/* GAGNANT DES TIRAGES */
/* tableau */
.horaire__5rows .horaire__title--content > *:first-child,
.horaire__5rows .horaire__title,
.horaire__5rows .horaire__title--content div:nth-child(4),
.horaire__5rows .horaire__main > div div:nth-child(4) {
    max-width:120px;
}
.horaire__5rows-responsive .elementor-tab-content div {
    display: flex;
    flex-direction: column;
    padding: 10px;
    box-sizing: border-box;
}
.horaire__5rows-responsive .elementor-tab-content div:nth-child(even) {
    background-color:rgba(218, 218, 218, 0.2) ;
}


/* JOURNAL */
/* inversion du titre et "Édition du" */
.journal-content .elementor-icon-box-content {
    flex-direction: column-reverse;
    display: flex;
}


/* INSCRIPTION */
/* retrait des bordure du widget */
.elementor-element.inscription_widget--content .elementor-tab-title, 
.elementor-element.inscription_widget--content .elementor-tab-title:before, 
.elementor-element.inscription_widget--content .elementor-tab-title:after, 
.elementor-element.inscription_widget--content .elementor-tab-content, 
.elementor-element.inscription_widget--content .elementor-tabs-content-wrapper {
    border:0px solid transparent;
}
.inscription_widget--content .button_content {
    display: flex;
    flex-flow: row wrap;
    margin: 40px 0;
}
.inscription_widget--content .button_content p {
    margin-right: 20px;
    padding: 15px 18px;
    background-color: var(--e-global-color-49f4b0a);
    border:1px solid transparent;
    font-weight: 500;
    transition: all 0.5s;
}
.inscription_widget--content .button_content a {
    color: black;
}
.inscription_widget--content .button_content p:hover {
    background-color: transparent;
    border:1px solid var(--e-global-color-49f4b0a);
}


/* FOOTER */
/* Input mailchimp*/
#mc-embedded-subscribe-form {
    background: var(--e-global-color-6e9faaa);
    overflow: hidden;
    display: block;
    padding: 2px 5px;
    border: 1px solid var(--e-global-color-primary);
    height: 36px;
    max-width: 254px;
    display: flex;
    align-items: center;
}
#mc-embedded-subscribe-form .email {
    border: 0;
    background: none;
    width: calc(100% - 32px);
    height: 24px;
    color: var(--e-global-color-secondary);
    box-sizing: border-box;
}
#mc-embedded-subscribe-form .searchsubmit {
    background: var(--e-global-color-primary);
    -webkit-mask: url(img/long-arrow-alt-right.svg) no-repeat center;
    mask: url(img/long-arrow-alt-right.svg) no-repeat center;
    border: 0;
    float: right;
    width: 25px;
    height: 24px;
    margin: 1px 0 0 0;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}
#mc-embedded-subscribe-form .searchsubmit:hover {
    background: var(--e-global-color-0a32afc);
}


/* MEDIA QUERY */
@media (max-width:1462px) and (min-width: 1025px) {
    header .paroisse__menu--content .elementor-element.elementor-col-66 {
        width: 90%;
    }
    header .paroisse__menu--content .elementor-element.elementor-col-33 {
        width: 10%;
    }
    body:not(.rtl) .elementor-widget-wrap .elementor-element.paroisse__menu {
        right: 0;
    }
    /* marges du logo à la navigation*/
    .elementor-271 .elementor-element.elementor-element-752e1a2 > .elementor-element-populated {
        margin: 0% ;
    }
    /* marges aux li à la navigation*/
    body:not(.rtl) .elementor-widget-wrap .elementor-element.paroisse__menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) {
        margin-right: 15px;
    }
}
@media (max-width:1235px) {
    body:not(.rtl) .elementor-widget-wrap .elementor-element.paroisse__menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child) {
        margin-right: 0px;
    }
}
@media (max-width:1120px) and (min-width:1025px) {
    header .paroisse__menu--content .elementor-element.elementor-col-33 {
        width: 8%;
    }
    .paroisse__menu--content .elementor-nav-menu--main .elementor-nav-menu a {
        padding: 13px 10px;
    }
}
@media (max-width:768px) {
    /* Accueil: alignement lien "Réflexions et prières*/
    .header__button--content .elementor-icon-box-wrapper {
        display: flex;
        flex-direction: row-reverse;
    }
    /*page inscription: Ajout bordure sous le titre*/
    .elementor-element.inscription_widget--content .elementor-tab-title {
        border-bottom:1px solid var(--e-global-color-0406869);
    }
}
@media (max-width:641px) {
    .gform_wrapper form .gform_footer{
        margin: 50px 0 10px auto;
    }
}