@charset "UTF-8";


/* ------ Reset ------- */
*, *::before, *::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	list-style-type: none;
}
/* ------ END Reset ------- */


/* ******************************
         My EPR Custom Menu
****************************** */

.epr---------------------------{}


/* -----------------------------------------
	root menu text color, bkg is set in
	main site stylesheet in class ".menu"
	entire menu font family, font size
----------------------------------------- */
.p7AMM.epr ul a {
	color: rgba(200,200,200,1.00);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	padding-top: 22px;
}
.p7AMM li a {
    padding: 15px 20px;
}
.p7AMM ul li {margin-left: -3px;}
.p7AMM ul ul li {margin-left: 0px;}
/* ---------------------------------------
	link hover text color
--------------------------------------- */
.p7AMM.epr ul a:hover,
.p7AMM.epr ul a:focus,
.p7AMM.epr ul a.amm-trigger.open {
	color: #fff;
}

.p7AMM.epr .current_mark {
	font-weight: bold;
	color: rgba(182,36,53,1.00) !important;    /* font-variant: small-caps; */
}

/* -------------------------------------
	the little triangle color
------------------------------------- */
.p7AMM a.amm-trigger {
	background-repeat: no-repeat;
	background-position: left 27px;
}
.p7AMM.epr ul a.amm-trigger {
	background-image: url(../p7amm/img/amm-right-light.gif) !important;
}
.p7AMM.epr ul a.amm-trigger:focus {
	background-image: url(../p7amm/img/amm-right-light.gif) !important;
}
.p7AMM.epr ul a.amm-trigger.open {
	background-image: url(../p7amm/img/amm-down-light.gif) !important;
}
.p7AMM.epr ul ul a.amm-trigger {
	background-image: url(../p7amm/img/amm-right-dark.gif) !important;
	background-position: left center !important;
}
.p7AMM.epr ul ul a.amm-trigger:focus {
	background-image: url(../p7amm/img/amm-right-light.gif) !important;
}
.p7AMM.epr ul ul a.amm-trigger:hover,
.p7AMM.epr ul ul a.amm-trigger.open {
	background-image: url(../p7amm/img/amm-down-light.gif);
	background-position: left center !important;
}

/* ------------------------------------------
	gradient bkg for submenu
	color change starts at 40%
------------------------------------------ */
.p7AMM.epr ul ul {
	/*background-image: linear-gradient(270deg,rgb(255,215,97) 20%,rgb(255, 181, 69) 100%);
	-webkit-box-shadow: 4px 4px 5px rgb(61,61,61);*/
	box-shadow: 4px 4px 5px rgb(61,61,61);
	background-color: transparent;
	min-width: 150px;
}

.p7AMM.epr.amm-subs-trans ul ul {
	/*background-image: linear-gradient(270deg,rgba(255,215,97,0.90) 0%,rgba(255,181,69,0.80) 100%);*/
	background-color: white;
}
/* ----------END gradient------------- */
   
.p7AMM.epr ul ul a {
	color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.p7AMM.epr ul ul a:hover,
.p7AMM.epr ul ul a:focus,
.p7AMM.epr ul ul a.amm-trigger.open {
	background-color: rgba(0,0,0,0.8);
	color: #FFF;
}

/* ------------------------------------------
   MENU ROUNDED CORNERS
------------------------------------------ */
.p7AMM.amm-root-rounded {
	border-radius: 0px;
}
.p7AMM.amm-rootlinks-rounded ul a {
	border-radius: 0px;
}
.p7AMM.amm-rootlinks-rounded ul ul a {
	border-radius: 0px;
}
.p7AMM.amm-subs-rounded ul ul { /* sub submenu all */
	border-radius: 0px;
}
.p7AMM.amm-subs-rounded ul ul a.amm-last { /* submenu bottom left rigth on hover */
	border-radius: 0px;
}
.p7AMM.amm-subs-rounded ul ul a.amm-first { /* submenu top left rigth on hover */
	border-radius: 0px;
}
.p7AMM.amm-subs-rounded ul ul a.amm-last.amm-first { /* sub submenu all hover */
	border-radius: 0px;
}

/* ------------------------------------------
        BORDERS
------------------------------------------ */
.p7AMM.amm-root-border {
	border: 1px solid rgba(191,191,191,1.00);
}
.p7AMM.amm-sub-borders ul ul { /* sub submenu all */
	border: 2px solid rgb(191,191,191,1.00);
}
.p7AMM.amm-rootlink-borders ul a,
.p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul li a,
.p7AMM.amm-rootlink-borders ul a:hover {
	border: 1px solid rgb(191,191,191,1.00);
}
.p7AMM.amm-rootlink-borders ul ul a,
.p7HMY .hmy-section .p7AMM.amm-rootlink-borders ul ul li a,
.p7AMM.amm-rootlink-borders ul ul a:hover {
	border: none;
}


/* ------------------------------------------
   Responsive Conversion
------------------------------------------ */

@media only screen and (min-width: 0px) and (max-width: 600px) {
	.p7AMM.amm-responsive {
		padding: 0px !important;
	}
	
/* ------------------------------------------
	position/size of mobile Menu button
----------------------------------=------- */
	.p7AMM.amm-responsive .amm-toolbar {
		display: block;
		text-align: left;
		margin: 0px 0px;
		padding-top: 30px;
		padding-right: 0px;
		padding-left: 20px;
		padding-bottom: 0px;
		color: #FFF !important;
		background-color: #000;
	}

	.p7AMM.amm-responsive .amm-toolbar a {
		font-size: 4rem;
		line-height: .5rem;
		font-weight: normal;
		color: #FFF;
		opacity: 0.7;
	}	
	
/* ------------------------------------------
	turns of the Show/Hide 
	text for mobile menu
----------------------------------=------- */
	.p7AMM.amm-responsive .amm-toolbar.closed a:before {
		content: " " !important;
	}	
	.p7AMM.amm-responsive .amm-toolbar.opened a:before {
		content: " " !important;
	}
	
/* ------------------------------------------
	sets the bkg color, font size, 
	color, family, padding
----------------------------------=------- */
	
	.p7AMM.epr ul {
		background-color: black;
	}
	
	.p7AMM.epr ul a {
		color: rgba(200,200,200,1.00);
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1rem;
		padding: 10px 0px 10px 25px;
	}
	
/* ------------------------------------------
    little triangle position
------------------------------------------ */
	.p7AMM a.amm-trigger {
		background-repeat: no-repeat;
		background-position: left 15px; /*moves triangle up or down*/
	}
		
/* ------------------------------------------
   MENU ROUNDED CORNERS
------------------------------------------ */
	.p7AMM.epr ul ul  {
		max-width: 80% !important;
		margin-left: 25px !important;
	}
		
} /* END @media 600px max-width */