/*!
Theme Name: Kava Child
Theme URI:
Author: Zemez
Author URI:
Description: Kava child theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kava-child
*/


:root {
    --white:#FFF;
    --black:#000010;
    --color1:#005CFF;
    --color2:#FFF;
    --weight-bold:800;
    --size-title:3.2em;
    --size-text:1.3em;
}




/*BACKGROUND*/
.fd1 {
    /*background:var(--black);*/
    
}
.fd2 {
    background: color-mix(in srgb, var(--color1) 90%, black 25%);
    border-top:4px solid var(--white)!important;
    border-bottom:4px solid var(--white)!important;
    padding-top:48px;
    padding-bottom:48px;
}

/*ESPACEMENT*/
.ep1 {
    padding:48px 0!important;
}
.ep2 {
    padding:12px 0!important;
}
/*TAG*/
.tag.bg li,
.tag.nr li {
    border: 2px solid var(--white)!important;
    padding:4px 12px!important;
    border-radius: 50px;
    margin:4px!important;
    font-size:12px;
}
.tag.bg li span {
    font-size:15px;
    color:#FFF;
    fill:var(--color1)!important;
    font-weight:500;
    padding:3px 6px;
}

.tag.nr li span {
    font-size:12px;
    color:var(--white);
    font-weight:500;
}
.tag.nr svg {
    fill: var(--white);
}
.tag.ns li {
    font-size:18px;
    color:var(--white);
    margin-bottom:8px;
}

/*TITRE*/
.tt h1 {
    color:var(--white);
    text-transform:uppercase;
    font-weight:800;
    font-size:60px;
}
.tt h1 .ts1 {
    color:var(--white);
    font-size:54px;
    line-height:52px;
}
.tt h1 .ts2 {
    color:var(--color1);
    font-size:120px;
    line-height:100px;
}
.tt h1 .ts3 {
    color:var(--white);
    font-size:50px;
    line-height:30px;
}

/*TEXTE*/
.txt p {
    color:var(--white);
}

.txt.of p {
    margin-bottom:0!important;
}
.ttp p {
    color:var(--white);
    text-transform:uppercase;
    font-weight:800;
    font-size:100px;
    line-height:80px;
}
.ttp.br p {
color: color-mix(in srgb, var(--white) 70%, transparent);    text-transform:uppercase;
    font-weight:400;
    font-size:30px;
    line-height:48px;
    font-style: italic;
  text-decoration: line-through;
  text-decoration-color: var(--blanc);
  text-decoration-thickness: 2px;
}


/*CADRE*/
.cd .elementor-widget-wrap {
    border:3px solid #FFFFFF40;
    background:#FFFFFF20!important;
    border-radius:32px;
    padding:32px!important;
}
.elementor-background-overlay {
    border-radius:32px;
}

/*CHIFFRE HAUT*/
.cht p {
    font-weight:800;
    font-size:40px;
    line-height:46px;
    color:#005CFF;
    border-radius:8px;
    text-transform: uppercase;
    text-align: center;
}

.chb {
    font-weight:400;
    font-size:26px;
    line-height:30px;
    color:var(--white)!important;
    border-radius:8px;
    text-transform: uppercase;
    text-align: center;
}

.but1 .elementor-button {
    background:#005CFF;
    font-weight:600;
    font-size:22px;
    line-height:30px;
    color:#FFF;
    border-radius:8px;
    text-transform: uppercase;
}
.img1 img {
    box-shadow:2px 2px 8px color-mix(in srgb, var(--color1) 30%, black 70%);
        border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1C1F3A;
    border-radius:24px;
}

.lg p {
    color:#FFF;
    font-style:italic;
    font-weight:400;
    font-size:11px;
    line-height:10px;
}
.lg1 p {
    color:#FFF;
    font-style:italic;
    font-weight:400;
    font-size:14px;
    line-height:17px;
    width:60%;
    margin:0 auto;
}
.s1 .m1 {
    color:var(--white);
}

.t2 .elementor-heading-title {
    color:#FFF;
    font-weight:800;
    font-size:60px;
    line-height:1.2em;
    text-transform: uppercase;
}
.t2.pt .elementor-heading-title {
    font-size:32px;
    line-height:1.1em;
}
/*S2*/
.s2 .elementor-heading-title {
    color:var(--white);
    text-align: center;
    font-weight:var(--weight-bold);
    text-transform: uppercase;
    font-size:var(--size-title);
    line-height:1.3em;
}
.s2 .elementor-widget-text-editor p {
    color:var(--white);
    text-align: center;
    font-size:var(--size-text);
    line-height:calc(var(--size-text) + 0em)!important;
    
}
@media screen and (min-width: 1024px) {
.s2 .elementor-widget-text-editor p {
    width:60%;
    margin:0 auto;
    
}    
}


/*S3*/
/*title*/
.s3 .jet-hor-timeline-item__card-title {
    color:var(--black);
    font-weight:var(--weight-bold);
    text-transform: uppercase;
    font-size:1.4em;
    line-height:1.2em;
}
.s3 .jet-hor-timeline-item__card {
    transition:1s ease all; 
}

.s3 .jet-hor-timeline-item__card-inner:hover {
    background:var(--color1)!important;
    color:var(--white)!important;
}
.s3 .jet-hor-timeline-item__card-inner:hover h3,
.s3 .jet-hor-timeline-item__card-inner:hover p {
    color:var(--white)!important;
}
/*text*/
.s3 .jet-hor-timeline-item__card-desc {
    color:var(--black);
    font-size:1em;
    line-height:1.2em;
}
/*color*/
.s3 .jet-hor-timeline-item.is-active .jet-hor-timeline-item__point-content {
    background-color: var(--color1);
}


/*S4*/
/*title*/
.s4 .jet-hor-timeline-item__card-title {
    color:var(--black);
    font-weight:var(--weight-bold);
    text-transform: uppercase;
    font-size:1.4em;
    line-height:1.2em;
}
/*text*/
.s4 .jet-hor-timeline-item__card-desc {
    color:var(--black);
    font-size:1em;
    line-height:1.2em;
}
/*color*/
.s4 .jet-hor-timeline-item.is-active .jet-hor-timeline-item__point-content {
    background-color: var(--color1);
}

/*S5*/

.s5 .slick-track {
    background: #fff;
}
.s5 .jet-carousel__content {
    display:none;
}

.s5 .m2 {
  transform: rotate(3deg);
}
.s5 .m2 {
  background-color:var(--blanc)!important;
}
.s5 img {
  filter: grayscale(100%);
}
.s5 .m3 {
  transform: rotate(-3deg);
}



@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }
}

/* Conteneur parent */
.s5  {
  padding-top:40px;
  padding-bottom:240px!important;
}

.s5 .elementor-widget-wrap.elementor-element-populated{
    position: relative;
}

/* Les deux bandeaux */
.s5 .m2,
.s5 .m3{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* Gestion de l'ordre d'affichage */
.s5 .m2{
    z-index: 2;
}

.s5 .m3{
    z-index: 1;
}


/*S6*/
.s6 .elementor-heading-title {
    color:var(--white);
    text-align: left;
    font-weight:var(--weight-bold);
    text-transform: initial;
    font-size:calc(var(--size-title) - 0.8em);
    line-height:1.3em;
}
.s6 .elementor-widget-text-editor p {
    color:var(--white);
    text-align: left;
    font-size:calc(var(--size-text) - 0.2em);
    line-height:1.2em!important;
    
}
.s7 .jet-animated-box__front,
.s7 .jet-animated-box__back {
    padding: 16px;
    border-radius: 24px;
}
.s7 .jet-animated-box__front {
    background-color:var(--black);
    color:var(--white);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1C1F3A;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    background-color: color-mix(in srgb, var(--color1) 20%, black 98%);
;
}

.s7 .jet-animated-box__back {
    background-color:var(--color1);
    color:var(--white);
    border:5px solid var(--color1)!important;
}
.s7 .jet-animated-box__description {
    font-size:calc(var(--size-text) - 0.4em);
    line-height:1.1em!important; 
}

.s7 .jet-animated-box__title {
    color:var(--white);
    text-align: left;
    font-size:calc(var(--size-title) - 1.8em);
    line-height:1.2em!important;
}


.m4 img {
    box-shadow:8px 8px 32px color-mix(in srgb, var(--color1) 40%, black 70%);
    border:0px solid var(--color1);
    border-radius:12px;
        border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1C1F3A;
}


.m6 {
    padding:12px 0;
}
.m6 .elementor-icon svg {
    fill:var(--white);
    margin-top:4px;
}
.m6 .elementor-icon-box-title {
    padding:0!important;
    margin:0!important;
    color:var(--white);
    text-align: left;
    font-size:calc(var(--size-title) - 1.6em);
    line-height:1.2em!important;
    
}
.m6 .elementor-icon-box-description {
    color:var(--white);
    text-align: left;
    font-size:calc(var(--size-text) - 0.3em);
    line-height:1.1em!important;
}

.m8 {
    margin-bottom:24px!important;
    padding:0px!important;
}
.m8 .elementor-image-box-img img {
    box-shadow:16px 16px 50px color-mix(in srgb, var(--color1) 50%, black 98%);
    border:1px solid var(--color1);
    border-radius:12px!important;
}
.m8 .elementor-image-box-title {
    color:var(--white);
    font-size:24px!important;
    line-height:26px;
    margin-bottom:4px;

}
.m8 .elementor-image-box-description {
    color:var(--white);
    font-size:14px!important;
    line-height:16px;
}

.m9 .jet-elements {
    box-shadow:2px 2px 8px color-mix(in srgb, var(--color1) 30%, black 70%);
        border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #1C1F3A;
    border-radius:24px;
}

/* BODY */
body{
  margin:0;
  min-height:300vh;
  background:#0000010;
}

/* HALO FIXE GLOBAL */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(
      circle 550px at bottom right,
      rgba(00,00,255,0.80),
      rgba(120,119,255,0.12) 20%,
      transparent 70%
    );
}




/*BOUTON PANIER*/
    ul.products.columns-4 li.product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .woocommerce-LoopProduct-link,
    .woocommerce-loop-product__title,
    .price {
        display:none!important;
    }
.product-content {
    padding:0!important;
    border:none!important;
    margin-top:18px;
}

.add_to_cart_button {
    background:#005CFF!important;
    font-weight:600!important;
    font-size:22px!important;
    line-height:30px!important;
    color:#FFF!important;
    border-radius:!;
    text-transform: uppercase;
    width:100%;
}

.add_to_cart_button::before {
    display:none!important;
}



/*TEMOIAGNE*/
.jet-images-layout__content:hover {
    background:var(--color1);
    opacity:1!important;
    justify-content: center;
    border-radius:24px!important;

}
.jet-images-layout__inner:hover {
    border-radius:24px!important;

}
.jet-images-layout__content:before {
    background-color:var(--color1)!important;
}

/*FAQ*/
.faq .elementor-accordion-item {
    border:none!important;
}
.faq .elementor-accordion .elementor-tab-title {
    padding:16px!important;
}
.faq .elementor-accordion .elementor-tab-title.elementor-active {
    background:var(--white)!important;
    color:var(--color1);
    border:none!important;
    border-radius:8px;
    
}
.faq .elementor-accordion .elementor-tab-content {
    border:none!important;
    
}




.logoCadre .elementor-image-box-img {
    border:1px solid #1C1F3A;
    border-radius:8px;
    background-color: color-mix(in srgb, var(--color1) 20%, black 98%);
    padding:12px 24px;
    box-shadow:2px 2px 16px color-mix(in srgb, var(--color1) 35%, black 70%);
    border:0px solid var(--color1);
    border-radius:12px;
    
}
.logoCadre .elementor-image-box-title,
.logoCadre .elementor-image-box-description {
    color:var(--white);
}
.es {
    transition: transform 0.4s ease-out;
}

.es:hover {
    transform:scale(1.1);
}




body{
    margin:0;
    background:#0f172a;
}

/* Les particules */
.particle{
    position:fixed;
    width:10px;
    height:10px;
    border-radius:50%;
    pointer-events:none;
    background:#38bdf8;
    box-shadow:0 0 12px #38bdf8;
    animation:fadeOut 0.8s linear forwards;
}

/* Animation */
@keyframes fadeOut{
    to{
        transform:scale(0);
        opacity:0;
    }
}


/* FORMULAIRE DE CONTACT*/
body.page-id-1654 {
    min-height: auto!important;
    background: #0f172a;
	padding-bottom:32px!important;
}
.jet-form-builder__label-text {
	color:var(--white)!important;
	margin-bottom:6px;
	margin-top:18px;
	font-size:20px;
	line-height:22px;
}
.jet-form-builder__next-page,
.jet-form-builder__prev-page:hover,
.jet-form-builder__action-button {
	background:var(--color1);
	color:var(--white)!important;
	border:1px solid var(--color1);
	font-size:15px;
	line-height:16px;
}
.jet-form-builder__next-page:hover,
.jet-form-builder__action-button:hover,
.jet-form-builder__prev-page {
	background:var(--white);
	color:var(--color1)!important;
	border:1px solid var(--white);
	font-size:15px;
	line-height:16px;
}
.jet-apb-calendar-wrapper {
    color: var(--white)!important;
}
.jet-apb-calendar-slots.jet-apb-calendar-slots--active {
	border:1px solid var(--color1);
	border-radius:8px;
    padding: 8px 12px !important;
    background: var(--white);
	margin:6px!important;
}
.jet-apb-slot {
    color: var(--black)!important;
}
.jet-apb-slot:hover,
.jet-apb-calendar-date:hover {
    padding: 4px 8px !important;
    background: var(--color1) !important;	
    color: var(--white)!important;
	border-radius:4px;
}
.jet-apb-calendar-appointments-list {
    background: #FFF;
    width: fit-content;
    color: #000;
    padding: 12px 18px;
    margin-top: 12px;
    margin-bottom: 24px;
    border-radius: 12px;
}

.elementor-column-gap-extended,
.elementor-container {
    background-color:var(--blanc)!important;
}

.fond1 .e-con-inner {
    background:var(--color1)!important;
    border-radius:24px;
    box-shadow: 0 0 24px var(--black);
    padding:24px!important;
}

.m9 .elementor-icon-box-icon {
    background:var(--white);
    border-radius:12%;
    padding:12px;
}
.m9 .elementor-icon-box-icon path {
    fill:var(--color1)!important;

}



.m9 .elementor-icon-box-title {
    color:var(--white);
    font-size:20px!important;
    line-height:22px;
    margin-top:0px;
    margin-bottom:2px;

}
.m9 .elementor-icon-box-description {
    color:var(--white);
    font-size:13px!important;
    line-height:15px;
}