/*
Theme Name:Child Theme for Divi
Theme URI: http://www.fedmc.com
Description: Child Theme For Divi
Author: Eduard Ungureanu
Author URI: http://wordpress-style.net
Template: Divi
Version: 1.0
*/
@import url("/style.css");
/* Start your custom CSS bellow this comment
============================================ */

/*==THE CHILD CSS WAS LAST MIRRORED WITH DIVI CSS ON 1-10-2019==*/

/*==THIS IS DESKTOP CSS==*/
/* Custom CSS to round corners on image
/*==Custom CSS to float email & # to the right in header== */
#top-header #et-info{
float: right;
}


/*== Custom CSS to round corners on image==*/

.custom-image-style5 img{border-radius: 5%;}

/*============================================ */

.custom-image-style10 img{border-radius: 10%;}

/*============================================ */
.custom-image-style img{border-radius: 25%;}


/*=========================================== */
.custom-image-style2 img{border-radius: 15%;}

/*===css to overlap logo and float right 45px==*/
#logo {
    margin-top: -55px;
    padding-left: 45px;
}
/*css to move equal housing icon left
==============================================*/
.et-social-lender a {
background: url(http://www.fedmc.com/wp-content/uploads/2017/05/equalhousing.png) !important;
height: 36px;
width: 58px;
background-size: contain !important;
background-repeat: no-repeat !important;
float:left !important;
}

/*==this css is to float the social icons in the header to the RIGHT==*/
#top-header .et-social-icons {
    float: right; !important
    display: inline-block;
	margin-right: 20px;
	margin-top: -3px;
}
/*==margin for social icon==*/
#et-secondary-nav li {
    margin-right: 2px;
}
/*==This css gives shape to the social icons==*/
#top-header .et-social-icon a {
    font-size: 14px;
    color: white;
	background: #3E5B99;
    padding: 5px;
    border-radius: 5px;
}
img {
    max-width: 100%;
    height: auto;
    margin-bottom: -7px;
	border-radius: 5px;
}

/*==reduce the size of the top/secondary header==*/
div#top-header {
    height: unset !important;
}
#page-container #top-header div#et-info {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/*==change magnify to pointer on new popup home pg==*/
.n2-lightbox-trigger {
    cursor: auto!important;
}

/*==Change the size of the lightbox new pop up home pg==*/
.litebox-overlay .litebox-container {
    top: 5%!important;
    right: 5%!important;
    bottom: 5%!important;
    left: 5%!important;
}

/*==css to space at bttm of the logo in desktop secondary menu.  LOGO moved from primary menu up to secondary
#et-secondary-menu{
float:left !important;
}

img {
    max-width: 100%;
    height: auto;
	margin-bottom: -85px;
	padding-top: 10px;
	
}

#et-info, #et-secondary-menu > ul > li a{
padding-bottom:0 !important;
padding-top:0 !important;
}

.et_fullwidth_secondary_nav #top-header .container{
padding-left: 75px !important;
}
#top-header .container{
padding-top:0 !important;
padding-bottom:0 !important;
}
div#top-header #et-info{
padding-top:0px !important;
padding-bottom:0px !important
}
==*/

/*==css to modify desktop drop down menu==*/
#top-menu li li a {
background: #004200;
margin-bottom: 4px;
text-align: center;
border: 1px solid green;
float: right;
}

.nav li ul {
	border-top: 0px solid #96CA4F;
	margin-top: -10px;
}

#top-menu li li a:hover {
background: #004200;
border: 1px solid white;
}

/*==css to make bttn icon in IE centered on bttn==*/
body.ie #page-container .et_pb_button:after {
font-size: 32px !important;
}

/*==css for CTA button in header
.menu-cta {
	border-radius: 25px;
	text-align: center;
	text-decoration-color: white;
	background-color: #e09900;
	border: 1px solid white;
}

@media only screen and (min-width: 981px) {
	.menu-cta {
	height: 30px;
	padding-left: 8px;
	padding-right: 8px;
	
}

.menu-cta:hover{
	background-color: #e09900;
	border-color: #000000;
	
}

.menu-cta:hover a {
	color: #004200!important;
	
}

.et_header_style_left #et-top-navigation {
	padding-top: 8px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
	padding-top: 8px;
}



/*==css for CTA button in mobile header

@media only screen and (max-width: 980px) {
	.menu-cta {
		background-color: white;
		padding: 0px!important;
		text-align: center;
				
	}
}==*/


/*==THIS IS ALL MOBILE CSS==*/

/*==css to make the mobile icon bigger

@media (max-width: 980px){
.et_header_style_centered #logo {
max-height: 140px !important;
}
}

@media (max-width: 980px){
.et_header_style_centered #et_mobile_nav_menu {
margin-top: 0px !important;
}
}
==*/

/*==css to make mobile icon bigger==*/
@media (max-width: 980px) {
.et_header_style_left #logo {
max-height: 100%;
max-width: 100%;
padding-left: 45px;
margin-bottom: -52px;
padding-top: 2px;
}
}
/*=this section closes the gap pn my drop down mobile menu=*/
.et_mobile_menu {
border-color: #c3b467;
padding-top: 3px!important;
}
.et_header_style_centered .et_mobile_menu {
top: 30px;
}
/*mobile DROP DOWN MENU background*/
.et_mobile_menu{
background:#0A6D49 !important;
}


/*turn off logo at bttm of drop down mobile menu*/
@media (max-width:481px){
.wp-image-6629{
display:none !important;
}}
/*==css to put lines in drop down menu mobile==*/
.et_mobile_menu li a{
border-bottom:1px solid white;
}

/*==Mobile Style header and Drop Down Menu==*/

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: 100%;
 }
}

.et_mobile_menu {
align-content: center;
 width: 100;

}

/*==css to radius the bttm of the drop down mobile menu==*/
#mobile_menu {
border-radius: 0px 0px 40px 40px;
}

#mobile_menu {
border-bottom: 8px solid #C4A006;
}

/*==css to stop apply button from moving==*/
#top-menu { 
width: 100% !important;
}

/*CSS to ghange the color of the hamburg lines*/
.mobile_menu_bar:before {
color: #ffffff !important;
padding-right: 25px;
}
#main-header .et_mobile_menu {
border-top: 3px solid #0A6D49;
}

/*==CSS to move hamburger menu up to secondary menu - THIS IS TURNED OFF
@media only screen and (max-width: 980px){
#top-header {
z-index: 1;
}
.mobile_menu_bar::before {
color: #003612 !important;
top: -48px !important;
left: -5px !important;
}
}
==*/
/*==turn off phone and email in secondary mobile menu==*/
@media (max-width: 980px) {
.et_fixed_nav #top-header {
display: none;
}
}
@media (max-width: 980px) {
#top-header {
display: none;
}
}


/*==CSS to remove left padding in secondary menu for mobile
.et_fullwidth_secondary_nav #top-header .container {
    padding-left: 20!important;
    margin-left: 10px;
}
==*/
/*==CSS to float phone number to the left in mobile
@media(max-width:767px){
#top-header #et-info {
    float: left !important;
}
}
==*/

.menu-item-7009, .menu-item-7130, .menu-item-7132, .menu-item-7133, .menu-item-7131 {
    display: none;
}
/**CUSTOMCSS**/