/*
Theme Name: SUEZ EVENTS
Template: Divi
Description: Theme site suez events
Author: Florian - NEA
Author URI: https://nea-design.com
*/

.header-content:before {
    content: 'Évènement';
    font-size: 11px;
    margin-bottom: 20px;
    position: relative;
    display: block;
}

.logo_container {
    background-image: url('https://suez-events.com/wp-content/uploads/2023/01/SUEZ.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 90px auto;
    transition: all ease 200ms
}

.et-fixed-header .logo_container {
    background-size: 70px auto;
}

#et-top-navigation {
    display: none;
}

.et_header_style_centered #main-header .container {
    text-align: left !important;
}

.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content-container {
    width: 75% !important;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container {
    width: 25% !important;
}

.et_pb_fullwidth_header_subhead {
    margin-bottom: 30px;
}



.ZoneForm {
    background-color: #fff;
    padding: 40px 40px 0 40px;
    border-left: 5px solid #1aa2a8;
}

.wpcf7 {

    height: 100%;
}


.wpcf7 p {
    margin-bottom: 20px;
}

.wpcf7 input.text,
.wpcf7 input.title,
.wpcf7 input[type=email],
.wpcf7 input[type=password],
.wpcf7 input[type=tel],
.wpcf7 input[type=text],
.wpcf7 select,
.wpcf7 textarea {
    background-color: #f2f7f7;
    width: 100% !important;
    padding: 20px;
    border: 0;
    border-bottom: 2px solid #9bcccc;
    transition: all ease 200ms;
}

.wpcf7 input.text:focus,
.wpcf7 input.title:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type=password]:focus,
.wpcf7 input[type=tel]:focus,
.wpcf7 input[type=text]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    border-color: #1aa2a8;
    padding: 20px 20px 20px 40px;
}

span.time {
    margin-left: 5px;
    padding-left: 25px;
    background-image: url('./img/calendar.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px 20px;
}

span.profil {
    margin-left: 5px;
    padding-left: 25px;
    background-image: url('./img/user.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px 20px;
    font-size: 16px;
}

span.location {
    margin-left: 5px;
    padding-left: 25px;
    background-image: url('./img/location.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px 20px;
    font-size: 16px;
}

.mentionForm {
    font-size: 12px;
    font-style: italic;
}

.wpcf7 input[type=submit] {
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    border: 0;
    border-radius: 25px;
    background-color: #fa8a24;
    color: #ffffff;
    padding: 15px 20px;
    color: #fff;
    transition: all ease 200ms;
}

.wpcf7 input[type=submit]:focus,
.wpcf7 input[type=submit]:hover {
    background-color: #ea781b;
    padding: 15px 30px;
}


.wpcf7-not-valid-tip {
    font-size: 12px;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: fff;
    border: 0;
    background-color: #1aa2a8;
    border-radius: 25px;
    padding: 15px;
}

@media (min-width: 768px) {
.ZoneForm {margin-top: -150px;}
}

@media (max-width: 768px) {
    .et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container{width:50% !important;}
.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content-container{width:100% !important;}
}