/*
Theme Name:     Spiral Divi
Theme URI:      
Description:    Divi child theme.
Author:         Spiral
Author URI:     http://spiral-communication.fr
Template:       Divi
Version:        0.1.0
*/


/**
 vars 
 **/
 :root {
	/*colors*/
	--spcolor-accent1 : #136566;
	--spcolor-accent1-50 : #13656685;
	--spcolor-accent2 : #229898;
	--spcolor-accent2-50 : #22989855;
    --spcolor-accent3 : #edf4f6;
    --spcolor-dark : #222222;
}

/***** FOOTER *****/
/*
 une création <a href="http://spiral-communication.fr" class="at-spiral" target="_blank"><span>@</span>spiral</a>
 */
.at-spiral span{
    transform: scaleY(-1);
    display: inline-block;
    transition: 200ms color;
    color : inherit;
}

.at-spiral:hover span{
    color:#229898;
}

/* filtre photo de couv */
.spet_filtered_color .et_parallax_bg {
	background-color : var(--spcolor-accent1-50);
	background-blend-mode: luminosity;
}


/***** HEADER *****/


/* contact form */
form.wpcf7-form {
    /* margin-left: -3%; */
}

.wpcf7 .wpcf7-form-control:not(.wpcf7-submit) {
    padding: 16px;
    width: 100%;
}

.wpcf7 .et_pb_button_module_wrapper.et_pb_button_alignment_center {
    text-align: center;
}

.wpcf7 .et_pb_button_module_wrapper.et_pb_button_alignment_right {
    text-align: right;
}

.wpcf7 .et_pb_button_module_wrapper.et_pb_button_alignment_left {
    text-align: left;
}

.wpcf7 .wpcf7-form-control.wpcf7-submit.et_pb_contact_submit.et_pb_button {
    width: auto;
    margin-top: 20px;
}

p.et_pb_contact_field_half {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
}


p.et_pb_contact_field_half:nth-child(even) {
    margin-right: 0;
    margin-left: 10px;
}

@media screen and (max-width: 767px){
    p.et_pb_contact_field_half {
    	width: 100%;
    	margin-left: 0 !important;
    	margin-right: 0 !important;
	}
}

.wpcf7 form .wpcf7-response-output {
    margin-top: 7em;
    color: #000;
}

.et_pb_honey{
	border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}