/*
Theme Name: Propulsr
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: MG WEB
Author URI: https://mg-web.fr
Description: Propulsr.
Tags: 
Updated: 2025-07-29 09:16:50

*/

/*Fonts*/
h1, h2, h4, h4, h5, h6, .elementor-heading-title {font-weight:700 !important}

/*Correction footer*/

.pvc h3 a {
    font-family: var(--e-global-typography-a84ba32-font-family), Sans-serif;
    font-size: var(--e-global-typography-a84ba32-font-size);
    line-height: var(--e-global-typography-a84ba32-line-height);
    font-weight: 700
}

/*header*/

.header .elementor-nav-menu .elementor-item, .header .elementor-button,
.footer .elementor-nav-menu .elementor-item, .footer .elementor-button  {font-weight:600 !important}


/*Professionalise*/

.img-pro {
    width: 100%;
    height: 30vh;
    padding: 0; 
    margin-bottom: 1rem
}

/*Chiffres*/
.elementor-counter-number {
  position: relative;
  padding-bottom: 8px; 
}

.elementor-counter-number::after {
  content: "";
  display: block;
  width: 60px; 
  height: 3px;
  background-color: var(--e-global-color-secondary);
  margin: 0 auto;
}

.elementor-counter-title {
	text-align : center;
}

/*qui*/

.elementor-flip-box__layer__overlay {
    align-items: stretch;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 25px;
    text-align: center;
    width: 100%;
}

.elementor-flip-box__image {
    display: inline-block;
    margin: 30px 0 30px !important;
    width: 100%;
}

h3.elementor-flip-box__layer__title {
  position: absolute;
  top: 2rem;
  right: 3rem;
  color: #fff;
  padding: 5px 12px !important;
  font-size: 13px !important;
  border-radius: 12px;
  line-height: 1.2;
  margin: 0;
}

.animateur  h3.elementor-flip-box__layer__title{background-color: #3B82F6 !important;} 
.entreprise  h3.elementor-flip-box__layer__title{background-color: #973DE5!important;} 
.membre  h3.elementor-flip-box__layer__title{background-color: #E5713D!important;} 


.elementor-flip-box {
    min-height: 60vh;
    border-radius: 68px;
    margin: -20px -20px 10px 10px;
}

.elementor-flip-box__back {
    border: 10px #23238B solid;
    border-radius: 68px;
}

.elementor-flip-box__layer__description {
    font-size: 13px !important;
    text-align: left;
}

.tem-flip {
    font-size: 18px;
	line-height:1.2;
    text-align: left;
    padding: 0.5rem 1rem;
    background: #fff;
    width: 80%;
    margin: 1rem auto 0;
    border-radius: 24px;
    color: #23238B;
}

.tem-flip span {color:#EA439F}

/*footer*/

.footer .demo a.elementor-item {color:var(--e-global-color-secondary) !important;}
.footer .demo a.elementor-item:hover {color:var(--e-global-color-primary) !important;}

/*demo*/

.floating-demo-btn {
    position: fixed !important;
    bottom: 15vh;
    right: -20px;
    z-index: 999;
    padding: 4px 8px 0 8px;
    background: #EA439F;
    color: #fff;
    font-weight: 600;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-out !important;
    width: 180px;
}

.floating-demo-btn a {color: #fff;}

.floating-demo-btn:hover {
  transform: translateX(-20px);
}

.floating-demo-btn .elementor-button-icon {
  margin-right: 8px;
}

.floating-demo-btn .elementor-button-icon svg {
    height: auto;
    width: 3rem;
}



/*Mobile responsive*/

@media (max-width: 1024px) {
    .elementor-flip-box {
        cursor: pointer;
        min-height: 75vh !important;
    }
}


@media (max-width: 768px) {
	
  .floating-demo-btn{
	right: 0px;
    width: 64px;
    padding: 10px 2px;
    border-radius: 20px 0 0 20px;
	bottom: 30vh;
  }
.floating-demo-btn:hover {
  transform: translateX(-2px);
}
.floating-demo-btn .elementor-button-content-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }
	
.floating-demo-btn .elementor-button-text{
    writing-mode: vertical-rl; 
    text-orientation: upright;  
    line-height: 1;
    letter-spacing: 0.06em;
  }
.floating-demo-btn .elementor-button-icon{
    margin: 0;   }
  .floating-demo-btn .elementor-button-icon svg{
    width: 2.5em; height: auto;
  }
	    .elementor-flip-box {
        cursor: pointer;
        min-height: 75vh !important;
    }

}