/*
Theme Name: Astra Child
Description: Theme enfant de Clientela
Author: AnjouWeb
Author URI: https://www.anjouweb.com
Template: astra
Version: 0.1.0
*/

:root{
    --principal: #64724E;
    --secondaire: #F3EDD9;
    --texte: #11301C;
    --white: #fff;
    --sblack: #333;

}


*, a:focus, button:focus {
    outline: none;
}

/* Header */
header#masthead {
  top: 0;
  left: 0;
  width: 100%;
  transform: translateY(0);
  transition: transform 0.35s ease, background-color 0.35s ease;
    width: 100%;
}

header#masthead .ast-primary-header-bar {
   z-index: 4;
    animation: gradientMove 5s linear infinite;
    view-transition-name: navbar;
}

header#masthead.is-sticky {
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: fixed;
}

header#masthead::before,
header#masthead::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 150px;
    pointer-events: none;
    z-index: 2;
}

header#masthead .logo  img {
    position: relative;
    top: 0;
    background-color: transparent;
    transition: all 0.35s ease;
}

header#masthead.is-sticky .logo  img {
    transform: scale(.7);
    top: -30px;
    background-color: var(--principal);
}

header#masthead.is-sticky::before {
    top: 0;
    background: linear-gradient(to top, transparent, rgba(51, 51, 51, 0.35));
}

header#masthead.is-sticky::after {
    bottom: 0;
    background: linear-gradient(to top, transparent, rgba(51, 51, 51, 0.35));
}

body .entry-content p {
    margin-bottom: 7px;
}

body header a.hfe-menu-item {
    max-height: 45px;
}

body .home-bloc .elementor-image-box-description {
  text-align: left;
}

/* Move reCAPTCHA v3 badge to the left */
 
 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}
.grecaptcha-badge:hover {
  width: 256px !important;
}

/* NF */

.label-hidden.rgpd .nf-field-element {
  width: 30px !important;
  position: relative;
}

.label-hidden.rgpd .nf-field-label {
  width: 0;
}

.label-hidden.rgpd .nf-field-description {
  width: calc(100% - 30px);
  float: right;
  line-height: 1.4;
}

body #nf-form-title-1 .nf-field-label, body #nf-form-title-1 label, body #nf-form-title-1 .nf-field-description {
    color: #fff;
}

body #nf-form-title-1 .nf-field-description a {
    color:  var(--e-global-color-secondary);
}