/*
Theme Name: Twenty Twenty-Four Child
Description: Twenty Twenty-Four Child
Author: AnjouWeb
Author URI: https://www.anjouweb.com
Template: twentytwentyfour
Version: 0.1.0
*/

:root {
    --ffamily1: "Red Hat Display", Sans-serif;
    --pink: #FD366F;
    --purple: #350196; 
    --green: #0DD68A;
}

.label-hidden.rgpd .nf-field-label {
    width: 30px !important;
    position: relative;
      top: 25px;
  }
  
  .label-hidden.rgpd .nf-field-element {
    width: 0;
  }
  
  .label-hidden.rgpd .nf-field-description {
    width: calc(100% - 30px);
    float: right;
    line-height: 1.4;
    font-family: var(--ffamily1);
  }

  body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=submit]), body .nf-form-content textarea {
    background: #ffffff70;
}

  body .nf-form-content input[type=submit] {
    background: var(--purple);
    color: #f7f7f7;
    transition: all .5s;
    border-radius: 7px;
    padding: 14px 70px;
    font-size: 14px;
    border: 1px solid var(--purple);
    cursor: pointer;
}

body .nf-form-content input[type=submit]:hover {
    background: #fff;
    color: var(--purple);
}

body .nf-error .nf-error-msg {
    color: var(--pink);
    FONT-WEIGHT: 700;
    font-family: "Red Hat Display", Sans-serif;
    font-size: 14px;
}

body .nf-error.field-wrap .nf-field-element:after {
    background: var(--pink);
    width: 42px;
    border-radius: 0 4px 4px 0;
}

body .nf-error .ninja-forms-field {
    border-color: var(--pink) !important;
}

body .nf-error-msg, body .ninja-forms-req-symbol, body .nf-form-fields-required {
    color: var(--pink);
    font-weight: 700;
    font-family: var(--ffamily1);
}

body .nf-field-element > textarea {
    border-radius: 7px;
}

body .nf-pass.field-wrap .nf-field-element:after {
    color: var(--green);
}
body .nf-pass .ninja-forms-field {
    border-color: var(--green) !important;
}

body .nf-form-content input:not([type=button]), body .nf-form-content textarea {
    font-family: var(--ffamily1);
    font-weight: 600;
    border-radius: 7px !important;
}