/* -----------------------------------------------------------

This Website Coded By The Dev Team At

\    /|_ ._|_ _   \    / _  _  _| _  _  (~_|_   _|. _  _
 \/\/ | || | (/_   \/\/ (_)| |(_|(/_|   _) ||_|(_||(_)_\

www.whitewonder.com

----------------------------------------------------------- */ 

/*-----------------------------------------------------------

    Theme Name: SD FF Emerald Society
	Template: Divi
    Description: Child Theme for San Diego Firefighters Emerald Society
	Author: White Wonder Studios
    Author URI: http://www.whitewonder.com
		
----------------------------------------------------------- */

/* ---------------------------------- */
/* ----- Across the board edits ----- */
/* ---------------------------------- */

ul#top-menu li a:hover, .et-fixed-header #et-top-navigation nav>ul>li>a:hover, .et-fixed-header #et-top-navigation ul.sub-menu>li>a:hover {
	opacity: 1 !important; transition: all .2s ease-in-out; color: #f08424 !important;
}
.et-fixed-header #et-top-navigation ul.sub-menu>li>a {color: #016435 !important;}
/*ul#top-menu .current-menu-item a {color: #cc0000 !important;}*/

.sdffes_footer a, .et_pb_button, .et_pb_button::after {
	transition: all .2s ease-in-out;
}
.sdffes_footer a {
	color: #32b883;
	font-weight: bold;
}

.sdffes_footer a:hover, #et-info a:hover {
	opacity: 1; color: #F0B724;
}

.pmpro_actionlinks a, a.pmpro_btn {
	padding: 10px 20px;
	background: #016435 !important;
	color: #fff !important;
	font-weight: bold;
}
.pmpro_actionlinks a:hover, a.pmpro_btn:hover {
	background: #ff9900 !important;
}

.fodc-cta {
background-color: #fbb040;
color: #5d574e;
padding: 0 !important;
margin-top:-2em !important;
}
.fodc-cta:hover {
	background-color: #881600;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.fodc-cta:hover a, .fodc-cta a:hover {
	color: #fff !important;
}

.fodc-cta a, ul li.current-menu-item.fodc-cta a {
color: #5d574e !important;
padding: 15px 15px 15px 15px !important;
}

@media (max-width: 980px) {
.fodc-cta {
margin: 0 !important;
}
}
li.fodc-cta.menu-item-has-children>a:first-child:after {top: 40%;}

.login-submit input[type="submit"], .pmpro_submit input[type="submit"] {border: 0 !important; font-size: 1em; font-weight: bold; color: #881600;}

.pmpro_member_log_out a, .login-submit input[type="submit"], .pmpro_submit input[type="submit"]  {
	background: #fbb040; 
	padding: 10px 15px;
}
.pmpro_member_log_out a:hover, .login-submit input[type="submit"]:hover, .pmpro_submit input[type="submit"]:hover {
	background: #881600 !important; 
	color: #fbb040 !important; 
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*------------------------------------------------*/
/*-----------------[CTA Menu Item]----------------*/
/*-----------------[by GenoQuiroz]----------------*/
/*------------------------------------------------*/
  
    /* style the get started cta button */
        @media only screen and (min-width : 981px) {
            .get-started {
                border-radius: 0px;}
            .get-started a, .et-fixed-header #top-menu .get-started a, .et-fixed-header #top-menu .get-started.current-menu-ancestor>a, .et-fixed-header #top-menu .get-started.current-menu-item>a, .et-fixed-header #top-menu .get-started.current_page_item>a {
                color: #016435 !important;
				padding: 1em !important;}
			.get-started a::after {
				position: relative !important;
				padding-left: 0.5em;
			}
            li.get-started {
                background-color:#f0b724; 
                font-weight: 700; 
                text-transform: uppercase; 
                text-align: center; 
                padding: 0 !important;
                border-radius: 0;
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                height: 41px;}
            li.get-started:hover {
                background-color:#32B883;}
            ul#top-menu li.get-started a:hover, .et-fixed-header #et-top-navigation nav>ul>li.get-started>a:hover, .et-fixed-header #et-top-navigation ul.sub-menu>li.getstarted>a:hover, li.get-started a:hover {
                opacity: 1!important;
				color: #016435 !important;}

}
 
    /*make sure get started CTA text is white even when menu is fixed */
        @media only screen and (min-width : 981px) {
            .et-fixed-header #top-menu li.current-menu-ancestor>a#mp_get_started, 
            .et-fixed-header #top-menu li.current-menu-item>a#mp_get_started,
            .et-fixed-header #top-menu li.current_page_item>a#mp_get_started,
            .et-fixed-header #top-menu a#mp_get_started {
                color: white!important;}}

/* ADD THIS ONLY IF YOUR CTA BUTTON HAS A DROP DOWN MENU */
 
/* style the get started cta button drop down menu */
    li.get-started li a, .et-fixed-header #top-menu li.get-started li a {
        color: #787878!important;
        width: 160px;
        text-transform: none;
        font-weight: normal;}
 
 
/* mobile menu adjustments */
    .et_mobile_menu li a {padding: 10px 5%; line-height: normal;}
 
    .et_mobile_menu li.get-started {
        background-color: #fff;
        padding-left: 0px;
        text-align: left;}
 
    .et_mobile_menu li.get-started a{
        color: #787878	!important; font-weight: 900;}