/* ==================================== */
/*        NINJA FORMS                   */
/* ==================================== */

.nf-form-cont form nf-fields-wrap{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media(min-width: 768px){
	.nf-form-cont form nf-fields-wrap{
	    flex-direction: row;
	    flex-wrap: wrap;
	    gap:20px;
	}
}



.nf-form-cont form nf-fields-wrap nf-field{
	width: 100%;
	margin:0;
}

@media(min-width: 768px){
	.nf-form-cont form nf-fields-wrap nf-field{
		width: 40%;
    	display: block;
    	-webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
	}
}

.nf-form-cont form nf-fields-wrap nf-field .nf-field-container{
  margin:0;
  width: 100%;
  padding:0;

}
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-field .nf-field-element *{
  outline: 0;
}

.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-field .nf-field-element,
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-field .nf-field-element p{
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: 500;
	font-size:14px;
	line-height:22px; 
	color:var(--e-global-color-e67a06b);
	width:100%;

}
@media(min-width: 768px){
	.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-field .nf-field-element,
	.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-field .nf-field-element p{
		font-size:16px;
    	line-height:26px; 
	}
}

/* FORMS MARKUP  */

/* INPUT - TEXTAREA*/
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element input,
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element textarea{
	font-family: "Gotham", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--e-global-color-primary);
    background-color: var(--e-global-color-979b7c8);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 10px 10px 10px 10px;
}


/* PLACEHOLDER */
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element .ninja-forms-field::placeholder {
  color: #757575;
  opacity: 1;
}


/* SELECT */
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select, 
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select:hover,
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select:focus,
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select:active{
	font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: 26px;
    color: var(--e-global-color-primary);
    background-color: transparent;
    border:1px solid var(--e-global-color-accent);
    border-radius: 10px 10px 10px 10px;
    padding-right:44px;
    cursor:pointer;
}



.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select:not([multiple]){
	height: 50px;
}


.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select:has(option:first-child:checked){
	color: #757575;
}


.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select + div{
  border:0 none!important;
  background-color: #fff!important;
  color:var(--e-global-color-e67a06b);
  border-radius:10px;
}


.nf-form-cont form nf-fields-wrap nf-field .nf-field-element select + div:after{
  color: var(--e-global-color-accent);
}




/* CHECKBOX */
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container {
  margin-top: 15px;
  margin-bottom: 0;
}



.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container .nf-field-label label{
  font-family: var(--e-global-typography-primary-font-family);
  font-weight: 500;
  color: var(--e-global-color-e67a06b);
  font-size:12px;
  line-height: 1.4;
}



.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container .nf-field-label label:before {
  content: "";
  font-family: inherit;
  font-size: 0;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  left: -22.5px;
  top: 5px;
  bottom: auto;
  opacity: 0;
  z-index: 3;
  box-sizing: content-box;
}


.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container .nf-field-label label:after{
	width: 16px;
	height: 16px;
	left: -28px;
	top: 3px;
	bottom: auto;
	box-sizing: border-box;
	border: 1.5px solid #43B28E;
	border-radius: 4px;
	background: #fff;
	transition: background-color .2s;
}
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container .nf-field-label label.nf-checked-label:before {
  opacity: 1;
}
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container.checkbox-container .nf-field-label label.nf-checked-label:after {
  background: #43B28E;
}


/* HTML CONTENT */
.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .html-container p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 4px;
}


/* INPUT / BTN SUBMIT */
.nf-form-cont form nf-fields-wrap nf-field .nf-field-element input[type="submit"]{
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  background-color: var(--e-global-color-accent);
    color: var(--e-global-color-498b099);
    border-radius: 34px;
    border: 0 none;
    padding: 0.6rem 01.5rem 0.6rem 01.5rem;
    min-width: 170px;
    height: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
} 


.nf-form-cont form nf-fields-wrap nf-field .nf-field-element input[type="submit"]:hover{
  background-color: var(--e-global-color-e67a06b);
}




/* ERRORS */

.nf-form-cont form nf-fields-wrap nf-field .nf-field-container .nf-error.field-wrap .nf-field-element:after{
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 9;
}

.nf-form-cont form .nf-error-msg{
  font-size:16px;
  line-height: 1.5;
}





/* NINJA FORMS LANDING PAGE */
/* Hide required text * */
.crh-landing-form .nf-form-cont form .nf-before-form-content{
  display: none;
}

.crh-landing-form .nf-form-cont form nf-field:has(.label-above), 
.crh-landing-form .nf-form-cont form nf-field:has(.label-below){
  width: 100%;
}

/* CHECKBOX */
.crh-landing-form .nf-form-cont form nf-fields-wrap nf-field:has(.nf-field-container.checkbox-container){
  width: 100%;
}








/* A VERIFIER */

/* Landing page - form - country select */

.nf-form-content .listcountry-wrap>div select {
    background: #fff0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    z-index: 2;
}
.nf-form-content .listcountry-wrap>div.nf-field-label{
  display:block;
  visibility:visible;
}
.nf-form-content .listcountry-wrap>div.nf-field-element {
  margin-top:0px;
  
}
.nf-form-cont .nf-form-content .listcountry-wrap div:after {
  color: var(--e-global-color-accent);
}
  .nf-form-content .listcountry-wrap>div div:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 10px;
    bottom: 0;
    height: 50px;
    line-height: 50px;
}
.nf-form-cont .nf-form-content .listcountry-wrap .nf-field-element>div {
  border:1px solid var(--e-global-color-accent) !important;
    background: #fff;
    color: var(--e-global-color-e67a06b);
    border-radius: 10px;
  height: 50px;
}
.nf-form-content .listcountry-wrap>div div {
    display: block;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding: 16px;
    height: 50px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
  margin-top:-50px;
}




