/*
 Theme Name:   Divi Child
 Description:  Child theme for Divi 5
 Author:       Pica2Studio
 Template:     Divi
 Version:      1.0.0
*/

/* drop down menu wider */

@media only screen and (min-width: 981px) {
  .et_pb_menu .nav li ul,
  .et_pb_menu ul.sub-menu {
    width: 340px;
    min-width: 240px;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .et_pb_menu .nav li li,
  .et_pb_menu ul.sub-menu > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }

  .et_pb_menu .nav li li a,
  .et_pb_menu ul.sub-menu > li > a {
    display: block !important;
    width: auto !important;
    white-space: nowrap;
  }
}





/* styling ninja forms */

.nf-form-fields-required {font-size: 11px; color: #a3a3a3;}
.nf-field-element input, .nf-field-element select, .nf-field-element textarea {padding: 15px; margin-bottom: -15px !important;}

/* All labels */
.field-wrap label,
.nf-form-content label {
    font-weight: 500 !important;
    color: #565656 !important;
    font-size: 16px !important;
}

/* Style for single-line fields, dropdowns, etc. */
.ninja-forms-field {
    background-color: #eeefef !important;
    border: 1px solid #2b3a67 !important;
    font-size: 16px !important;
    border-radius: 5px !important;
}

/* Specific styling for Paragraph / Textarea field */
.ninja-forms-fieldtextarea,
textarea.ninja-forms-field {
    background-color: #eeefef !important;
    border: 1px solid #2b3a67 !important;
    font-size: 16px !important;
    border-radius: 5px !important;
    min-height: 120px;           /* Optional: makes it taller */
    resize: vertical;            /* Optional: allows vertical resizing */
}

/* The Send button */
#nf-field-8 {
	color: #ffffff;
	font-size: 24px !important;
	background-color: #2b3a67 !important;
	border-radius: 100px !important;
	border: 0px !important;
	padding: 10px 50px 10px 50px;
}

/* The Send button - hover - mouse over effect */
#nf-field-8:hover {
	background-color: #689fc8 !important;
	color: #ffffff !important;
}

