/* 
Theme Name: Jeveuxunsite.be
Theme URI: https://github.com/elementor/hello-theme/
Description: Jeveuxunsite.be is a child theme of Hello Elementor
Author: Jeveuxunsite.be
Author URI: https://jeveuxunsite.be/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*IE page*/

#ie-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom:50px;
    padding-top: 50px;
}

.ie-centernav {
    display: inline-block;
    padding: 25px;
}

.flatpickr-current-month select {
    display: inline-block;
}


.elementor-button.elementor-button-link, 
.equipe .ha-btn.ha-btn--link, 
#formulaire-contact button.wpforms-submit {
    position: relative;
    overflow: hidden;
/*    background: linear-gradient(135deg, #5454CC 0%, #85DDC4 100%) !important;*/
    background: #5454CC !important;
    transition: box-shadow 0.5s ease-out !important;
    z-index: 1;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--e-global-color-text);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #A6E2E8;
    border-radius: 30px 30px 30px 30px !important;
    padding: 15px 25px 15px 25px;
    font-family: "Optima Roman", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: 0.5s !important;
}

/*.elementor-button.elementor-button-link::before, .equipe .ha-btn.ha-btn--link::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #85DDC4 0%, #5454CC 100%);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    z-index: -1; 
}

.elementor-button.elementor-button-link:hover::before, 
.equipe .ha-btn.ha-btn--link:hover::before {
    opacity: 1;
}*/

.elementor-button.elementor-button-link:hover, 
.equipe .ha-btn.ha-btn--link:hover, 
.equipe .ha-btn.ha-btn--link:focus,
#formulaire-contact button.wpforms-submit:hover, 
#formulaire-contact button.wpforms-submit:focus{
    box-shadow: #A6E2E8 0px 0px 10px !important;
/*   color: var(--e-global-color-text);*/
    background-color: #A6E2E8 !important;
    color: #1D1D1B !important;
/*    transition: opacity 0.5s ease-out;*/
}

/*#formulaire-contact button.wpforms-submit:hover, 
#formulaire-contact button.wpforms-submit:focus {
    background: linear-gradient(135deg, #85DDC4 0%, #5454CC 100%) !important;
}
*/
#formulaire-contact .wpforms-field-label {
font-weight: normal !important;
color: #1D1D1B !important;
}

#formulaire-contact h2{
color: #5454CC !important;
}

/*.approches p.elementor-image-box-description {
    text-align: left;
}*/

.map-title {
    font-family: "Optima Roman", Sans-serif;
    font-size: 19px;
    font-weight:500
}


.elementor-location-footer {
    margin-right: 20px !important;
}

.equipe-bas h4{
    color: #1D1D1B !important;
    font-family: "Optima Roman", Sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

.equipe-bas .elementor-image-box-content{
    font-size: 15px;
}


.equipe-bas .elementor-image-box-content p{
    max-width: 900px;
}

.lieu-photos .ha-justified-gallery .justified-gallery>.entry-visible>img{cursor: pointer !important}

.elementor-icon-list-text {
    font-style: normal !important;
}


#formulaire-contact .wpforms-confirmation-container-full, 
#formulaire-contact div[submit-success]>.wpforms-confirmation-container-full {
    font-size: 16px !important;
    text-align: left !important;
    padding: 0 !important;
}

#formulaire-contact .wpforms-confirmation-container-full p, 
#formulaire-contact div[submit-success]>.wpforms-confirmation-container-full p {
    font-weight: bold !important;
}


#cookie-notice {
    background: rgb(84, 84, 204) !important;
    font-family: "Optima Roman", sans-serif !important;
    font-size: 15px !important;
}

#cookie-notice .cn-button {
    border-radius: 20px !important;
    line-height: 20px !important;
}

#cookie-notice .cn-button:hover {
    background: #1d1d1b !important;
    color: white !important;
    line-height: 20px !important;
}


button.mfp-close:hover,  button.mfp-close:focus {
    background: none !important;
}