/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.0.11.1645140617
Updated: 2022-02-17 23:30:17

*/


p {
    font-size: 19px;
    line-height: 22px;
	color:#1e1e1e;
}

h1{ 
	font-size:38px;	
}

h2{ 
	font-size:30px;	
}

h3 {
    font-size: 24px;
}

h4{
	font-size: 23px;
}

h5{
	font-size: 22px;
}

li{
	font-size:17px;
	color:black;
}

.nav li ul{
	border:none;
}

.et_mobile_menu{
	border:none;
}

#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu{
    background-color: #202020 !important;
}

.et_mobile_menu li a{
	color: white !important;
}

.mobile_menu_bar:before{
	color:white !important;
	z-index: 1000;
}

@media screen and (max-width: 550px){
	.et_menu_container {
  	 width:100%;
	}
	#logo{
	max-width: 33% !important;	
	padding-left: 6px;
	}
	.mobile_menu_bar {
    display: block;
    position: relative;
    line-height: 0;
    right: 13em;
	}
}


/*  Add Search Search Bar */


.searchdiv{
	position: relative;
    left: 81em;
    top: 1em;
}

input.addsearch {
    position: relative;
    top: 0.7em;
    border-radius: 4px;
    padding: 0.5em;
}

@media screen and (max-width: 550px){
	input.addsearch {
    position: relative;
    top: 0.7em;
    left: 11em;
    width: 35%;
	}
}


@media screen and (max-width: 550px){
	.searchdiv {
    position: relative;
    left: 7em;
    bottom: 3em;
	}
}

/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: white;
    font-size: 16px;
    font-family: ETmodules;
}

/* =============================================================
 * Mobile Menu Collapse
 * ============================================================*/
 
/**** This hides the sub menu items on mobile ****/
 
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
 
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
 
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
 
/**** This styles the icon and moves it to the right ****/
 
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
 
/**** Here you can swap out the actual icons ****/
 
span.menu-closed:before {
content: "\4c";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
 
span.menu-closed.menu-open:before {
content: "\4d";
}

/* ensure the wrapper is the positioning context */
.nf-form-cont .nf-field-element {
  position: relative;
}

/* paint the checkmark on any wrapper that gets .valid */
.nf-form-cont .nf-field-element.valid:after {
  color: green;
  font-family: FontAwesome;
  font-size: 30px;
  content: "\f058";          /* FontAwesome’s check-circle */
  position: absolute;
  top: 0;
  right: 16px;
  height: 50px;
  line-height: 50px;
  transition: all .5s;
}

/* turn the input border green when its wrapper is valid */
.nf-form-cont .nf-field-element.valid input {
  border-color: green !important;
}