/*
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;
}

.spet_background_fixed {
	background-attachment: fixed;
}

/* motor */
.spet_motor .spet_rotor {
	position: absolute;
}


.spet_motor .spet_rotor,
.spet_motor .spet_rotor > * {
	animation: turnAround 2s 0s step-end normal backwards;
}

.spet_motor .spet_rotor > * {
	animation-direction: reverse;
}

/* .spet_motor .spet_rotor:nth-child(2),
.spet_motor .spet_rotor:nth-child(2) > * {
	animation-delay: -12s
}

.spet_motor .spet_rotor:nth-child(3),
.spet_motor .spet_rotor:nth-child(3) > * {
	animation-delay: -24s
} */

@keyframes turnAround {
	0% {
		/* rotate: 0; */
		/* scale : 0; */
		opacity : 0;
	}
	100% {
		/* rotate: 360deg; */
		/* scale : 1; */
		opacity : 1;
	}
}


/* flip card */
/*.flip-card {
    position: relative;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.card-front, .card-back {
	position: absolute;
    backface-visibility: hidden;
	transition: transform 600ms ease-in-out;
}

.card-back {
    transform: rotateY(180deg);
}

.flip-card:hover .card-front {
	transform: rotateY(180deg);
}

.flip-card:hover .card-back {
	transform: rotateY(0deg);
}*/

/* job */
.spet_job {
	aspect-ratio: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	overflow: hidden;
}

.spet_job .et_pb_blurb_content {
    padding: 0 20px;
    background-color: #fff;
	transition: translate 600ms ease-in-out;
}
.spet_job:hover .et_pb_blurb_content {
    translate: 0 0 !important;
}

.spet_job .et_pb_blurb_content:before {
    content: '';
    position: absolute;
    top: -49px;
    left: 0;
    height: 50px;
    width: 100%;
    background-color: #fff;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.spet_job .et_pb_module_header {
    margin-bottom: 20px;
}

.spet_job .et_pb_blurb_description {
	padding-bottom: 20px;
}