/* 
Theme Name: Trace Theme
Description: Trace Custom WordPress Theme
Author: Webalia
Author URI: https://webalia.fr/
Template: hello-elementor
Version: 2.0.0
Text Domain: Trace
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */

/* Style bouton */

.btn-fleche-droite .elementor-button-icon, .btn-fleche-haut .elementor-button-icon{
    width: 11px;
}

.btn-fleche-haut .elementor-button-icon{
    transform: rotate(-45deg)
}

.btn-fleche-droite a:hover .elementor-button-content-wrapper, .btn-fleche-haut a:hover .elementor-button-content-wrapper{
    gap: 12px!important;
    transition: .3s;
}

.btn-fleche-droite a .elementor-button-content-wrapper, .btn-fleche-haut a .elementor-button-content-wrapper{
    transition: .3s;
}

/* Sous-titre */

.titre-bullet:before {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 12px;
    margin-right: 6px;
    background-color: var(--e-global-color-dc699f8);
}

bullet-blanc:before{
	background-color: var(--e-global-color-63c4398);
}

/* Breadcrum */
.rank-math-breadcrumb, .rank-math-breadcrumb a{
    color: var(--e-global-color-dc699f8);
}

.rank-math-breadcrumb a{
    text-decoration: underline;
    text-underline-offset: 3px;
}

.texte-blanc .rank-math-breadcrumb, .texte-blanc .rank-math-breadcrumb a{
	color: var(--e-global-color-63c4398);
}

/* Animation image */

.anim-image {
  transform: translateY(-100%);
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(.85,0,.15,1);
  overflow: hidden;
}

.anim-image img {
  width: 250px;
  transform: translateY(100%);
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(.85,0,.15,1);
}

.anim-image.on, .anim-image.on img {
  transform: translateX(0);
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(.85,0,.15,1);
}

/* Formulaire */

#form-newsletter .wpcf7 p, .formulaire-long .wpcf7 p{
	margin-block-end: 0px;
}

#form-newsletter .wpcf7 label, .formulaire-long .wpcf7 label{
	margin-block-end: .9rem;
}

#form-newsletter input, .formulaire-long input, .formulaire-long textarea, #formulaire-livre-blanc input, .formulaire-long select{
    border: 1px solid #FFFFFF;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px 16px;
}

.formulaire-long input, .formulaire-long textarea, #formulaire-livre-blanc input, .formulaire-long select{
	border: 1px solid #D1D1D1;
	background-color: #FFFFFF;
}

#form-newsletter input::placeholder, #form-newsletter span[data-name="rgpd"], #formulaire-livre-blanc input::placeholder, #formulaire-livre-blanc span[data-name="rgpd"]{
  opacity: 1;
  font-family: "Poppins", Sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2em;
  color: var(--e-global-color-63c4398);
}

.formulaire-long span[data-name="rgpd"]{
	line-height: 1.2em;
}

#formulaire-livre-blanc input::placeholder, #formulaire-livre-blanc span[data-name="rgpd"]{
	color: var(--e-global-color-text);
}

#formulaire-livre-blanc span[data-name="rgpd"]{
	font-size: 13px;
}

#form-newsletter span[data-name="rgpd"]{
    font-size: 14px;
}

#form-newsletter label, .formulaire-long label, #formulaire-livre-blanc label{
    width: 100%;
	font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2em;
}

.formulaire-long label .titre-label{
	margin-bottom: 8px;
	display: inline-block;
}

#form-newsletter input[type="submit"], .formulaire-long input[type="submit"], #formulaire-livre-blanc input[type="submit"]{
    background-color: var(--e-global-color-63c4398);
    border-radius: 100px 100px 100px 100px;
    padding: 11px 16px 10px 16px;
    border: none;
    color: #000000;
	padding-right: 32px;
}

.formulaire-long input[type="submit"], #formulaire-livre-blanc input[type="submit"]{
	background-color: var(--e-global-color-secondary);
	color: var(--e-global-color-63c4398);
}

.formulaire-long input[type="submit"]:hover, #formulaire-livre-blanc input[type="submit"]:hover{
	background-color: var(--e-global-color-accent);
	padding-right: 38px;
}

#form-newsletter input[type="submit"]:hover{
	padding-right: 38px;
}

.formulaire-long span.prix-1, .formulaire-long span.prix-2{
	font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
}

.formulaire-long span.prix-2{
    font-size: 22px;
}

.formulaire-long .submit-wrapper, #formulaire-livre-blanc .submit-wrapper{
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: start;
  flex-direction: column-reverse;
	margin-top: 16px;
}

#form-newsletter .submit-wrapper{
	position: relative;
	margin-top: 8px;
}

.formulaire-long .submit-wrapper p{
	margin-bottom: 0px;
}

.formulaire-long .wpcf7-spinner{
	display: none;
}

.formulaire-long .submit-wrapper::after, #formulaire-livre-blanc .submit-wrapper > p::after, #form-newsletter .submit-wrapper > p::after{
  content: "→";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.3s ease;
  color: #FFFFFF;
}

#form-newsletter .submit-wrapper > p::after{
	color: var(--e-global-color-text);
	left: 110px;
	transition: all .3s;
}

#form-newsletter p:has(input[type="submit"]:hover)::after{
	left: 115px;
	transition: all .3s;
}

#formulaire-livre-blanc .submit-wrapper > p{
	display: flex;
	flex-direction: row-reverse;
	margin-bottom: 0px;
}

#formulaire-livre-blanc form > p:nth-of-type(1), #formulaire-livre-blanc form > p:nth-of-type(2){
	margin-bottom: 8px;
}

.wpcf7-form:not([aria-label="Formulaire de contact"]) p{
	margin-block-end: 0px;
}

.wpcf7-form:not([aria-label="Formulaire de contact"]) label{
	margin-block-end: .9rem;
}

@media (min-width: 1024px){
	.formulaire-long .submit-wrapper, #formulaire-livre-blanc .submit-wrapper{
		flex-direction: row;
    	align-items: center;
	}
}