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

This Website Coded By The Dev Team At

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

www.whitewonder.com

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

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

    Theme Name: Meaghan Renee Events
	Template: Divi
    Description: Divi Child Theme for MRE
	Author: White Wonder Studios
    Author URI: http://www.whitewonder.com
		
----------------------------------------------------------- */

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

.mre-footer-credits a {}
.mre-footer-credits a:hover {color: #7CCAA8;}

#et-top-navigation ul#top-menu li a:hover {
	opacity: 1; color: #7CCAA8;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
	background: none !important;
}

/* --- Callout Menu Button --- */

.callout-button a, li.callout-button.current-menu-item > a {
	background-color: #7a1517;
	border: none !important;
	border-radius: 3px;
	color: #fff !important;
	line-height: 1.7em;
	margin: 4px auto;
	padding-left: 2em;
	padding-right: 4em;
	transition: all 0.2s ease 0s;
	opacity: 1 !important;
	font-weight: bold;
}
.callout-button a, li.callout-button.current-menu-item > a:first-child:after {
	line-height: 1.7em;
	padding-top: 0.6em !important;
	padding-right: 2em !important;
}
.et-fixed-header #top-menu li.callout-button > a {
	color: #7a1517 !important;
}
.callout-button a:hover, li.callout-button.current-menu-item > a:hover {
	color: #ffffff !important;
	background: #787878;
	border: none !important;
	opacity: 1 !important;
}


/* --- END Callout Menu Button --- */

/*------------------------------------------------*/
/*-----------------[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: #fff !important;
				padding: 1em !important;}
			.get-started a::after {
				position: relative !important;
				padding-left: 0.5em;
			}
            li.get-started {
                background-color:#7a1517; 
                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:#787878;}
            .get-started a:hover {
                opacity: 1!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;}


/* Top Menu Callouts */

.mhh-top-action a {
    font-weight: 600!important;
    letter-spacing: 0.5px;
    background: #b8c5a5;
    color: #fff;
    border-radius: 2px;
    padding: 4px 10px !important;

}
.mhh-top-action:hover a {
    font-weight: 600!important;
    background: #787878;
    text-decoration: none !important;
	opacity: 1 !important;
}

.menu_cta {
background-color: #ff6900;
color: #fff;
padding: 0 !important;
}

.menu_cta a {
color: #fff !important;
padding: 15px 15px 15px 15px !important;
}