/*
Theme Name:     Solut
Theme URI:      
Description:    Astra child theme.
Author:         Me
Author URI:     
Template:       astra
Version:        0.1.0
*/

/* Header Nav */
.e-n-menu-dropdown-icon {
    box-shadow: none;
}


/* FORMS */
.form-custom-wrap {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.03);
    padding: 75px;
}
.form-custom-wrap .nf-form-fields-required {
    font-size: 14px;
}
.form-custom-wrap .nf-field-label label {
    color: #414042;
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.form-custom-wrap .nf-field-element select {
	height: 56px;
    border-radius: 8px;
    border: 1px solid #D0D5DD;
	color: #414042;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.form-custom-wrap .nf-field-element input {
	color: #414042;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	    height: 56px;
}
.form-custom-wrap .nf-field-element input:focus {
    border: 1px solid #282828;
}
.form-custom-wrap .nf-field-element input[type="submit"] {
    height: 50px;
	padding: 0 37.7px;
    border-radius: 38px;
    background: #238158;
    color: var(--white, #FFF);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.form-custom-wrap .nf-field-element input[type="submit"]:hover {
	background: #522A5E;
} 
.form-custom-wrap .nf-field-element input::placeholder,.form-custom-wrap .nf-field-element textarea::placeholder {
    color: #7E828B;
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
.form-custom-wrap .nf-field-element textarea {
    height: 137px;
}

/* contact us form */
.solutContactForm .nf-form-content nf-fields-wrap,
.solutContactForm .nf-form-content .nf-fields-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.solutContactForm .nf-form-content nf-field {
  display: contents !important;
}

.solutContactForm .nf-field-container {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
}

.solutContactForm #nf-field-9-container,   /* Email */
.solutContactForm #nf-field-10-container,  /* Street Address */
.solutContactForm #nf-field-15-container,  /* How Did You Hear About Us? */
.solutContactForm #nf-field-16-container,  /* Subject */
.solutContactForm #nf-field-17-container,  /* Message */
.solutContactForm #nf-field-18-container   /* Submit */
{
  grid-column: 1 / -1 !important;
}

.solutContactForm #nf-field-18-container .nf-field-element {
  display: flex !important;
  justify-content: flex-start !important;
}

@media (max-width: 768px) {
  .solutContactForm .nf-form-content nf-fields-wrap,
  .solutContactForm .nf-form-content .nf-fields-wrap {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
}

/* become a distributor */
.solutBecomeDistributorForm #nf-form-4-cont .nf-form-content nf-fields-wrap,
.solutBecomeDistributorForm #nf-form-4-cont .nf-form-content .nf-fields-wrap {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
}

.solutBecomeDistributorForm #nf-form-4-cont .nf-form-content nf-field {
  display: contents !important;
}

.solutBecomeDistributorForm #nf-form-4-cont .nf-field-container {
  float: none !important;
  clear: none !important;
  width: auto !important;
  margin: 0 !important;
}

.solutBecomeDistributorForm #nf-form-4-cont #nf-field-36-container, /* Email */
.solutBecomeDistributorForm #nf-form-4-cont #nf-field-37-container, /* Street Address */
.solutBecomeDistributorForm #nf-form-4-cont #nf-field-43-container, /* Subject */
.solutBecomeDistributorForm #nf-form-4-cont #nf-field-44-container, /* Message */
.solutBecomeDistributorForm #nf-form-4-cont #nf-field-45-container  /* Submit */
{
  grid-column: 1 / -1 !important;
}

.solutBecomeDistributorForm #nf-form-4-cont #nf-field-45-container .nf-field-element {
  display: flex !important;
  justify-content: flex-start !important;
}

@media (max-width: 768px) {
  .solutBecomeDistributorForm #nf-form-4-cont .nf-form-content nf-fields-wrap,
  .solutBecomeDistributorForm #nf-form-4-cont .nf-form-content .nf-fields-wrap {
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }
	.form-custom-wrap {
    	padding:35px;
	}
}