/*
 * Formulaires Fluent Forms.
 * Chargé uniquement sur les pages contenant un formulaire Fluent Forms
 * ou sur les pages de contact / signalement.
 */

:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform{
margin:clamp(24px, 4vw, 44px) 0;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  position:relative;
}

:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform::before,
:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform::after{
content:none !important;
  display:none !important;
}

:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform .frm-fluent-form{
position:relative;
  margin:0;
  padding:clamp(24px, 4vw, 42px);
  background:linear-gradient(135deg, #ffffff 0%, #f7f8f6 100%);
  border:1px solid rgba(65,111,120,.18);
  border-left:7px solid var(--ms-green, #799a2b);
  border-radius:32px;
  box-shadow:0 12px 30px rgba(28,44,72,.09);
}

:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform .frm-fluent-form::before,
:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform .frm-fluent-form::after{
content:none !important;
  display:none !important;
}

@media (max-width: 780px){
:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform .frm-fluent-form{
padding:22px 18px;
    border-radius:24px;
    border-left-width:5px;
}
}

@media (max-width: 520px){
:is(.entry-content, .ms-richtext, .ms-flex-main__copy, .ms-flex-intro) .fluentform .frm-fluent-form{
padding:20px 14px;
    border-radius:22px;
}
}