/*
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-primary : #E9AC33;
	--spcolor-secondary : #2C2E34;
	--spcolor-gray : #F6F6F6;
	--spcolor-hover : #FBBF44;
	--spcolor-txt : #757575;
	--spcolor-txt-light : #CECECE;
	--spcolor-sandwich : #00778D;
	--spcolor-rotisserie : #E2882D;
	--spcolor-tapas : #A42C5F;
}

/***** FOOTER *****/
/*
 une création <a href="https://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;
}

/* icons */
.spet_icon{
    position: relative;
    padding-left: 1.2em;
}

.spet_icon:before {
    content : '';
    font-family: ETmodules;
    position: absolute;
    left: 0;    
}

/* ligne avec alignement vertical des colonnes */
.spet_vertical_align .et_pb_column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

/* ligne avec colonnes inversées */
@media screen and (max-width:980px){
    .spet_reverse_on_mobile {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .spet_reverse_on_mobile:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

/* contact form */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit) {
    padding: 1em;
    width: 100%;
	background-color: var(--spcolor-gray);
	border: none;
}

p.et_pb_contact_field_half {
    width: 50%;
    float: left;
}

p.et_pb_contact_field_half:not(.et_pb_contact_field_last) {
    padding-right: 20px;
}

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

    p.et_pb_contact_field_half:not(.et_pb_contact_field_last) {
        padding-right: 0;
    }
}

.et_pb_contact_bottom_container {
    text-align: center;
}

body.et_pb_button_helper_class .et_pb_button.wpcf7-submit{
	padding: .3em 1em !important;
	color: #fff;
	background-color: var(--spcolor-primary);
}

body.et_pb_button_helper_class .et_pb_button.wpcf7-submit:hover{
	color: #fff;
	background-color: var(--spcolor-hover);
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin-top: 4em;
	clear: both;
	color: #fff;
	border: none;
}

.wpcf7-form.invalid .wpcf7-response-output {
    background-color: #f15959;
}

.wpcf7-form.sent .wpcf7-response-output {
    background-color: #39824b;
}

.wpcf7-not-valid-tip {
	color: #fff;
	background-color: #dc3232;
}

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