/*
*****************************************
 PVII MXM: Maxi Menu Magic
 by Project Seven Development
 www.projectseven.com
*****************************************
*/

/*
**********************************************
          ROOT MENU LINKS SEPARATION
		  AND ROOT MATTE PADDING
**********************************************
*/
.mxm-root-links-sep li.mxm-root-li {padding: 3px 3px;}
.mxm-root-matte ul.mxm-root-ul {padding: 3px 3px;}

/*
**********************************************
        DROP DOWN / FLYOUT SUB MENUS
		      MINIMUM WIDTH
**********************************************
*/
.mxm-sub-menu {min-width: 200px;}

/*
**********************************************
          ROOT MENU LINK PADDING
**********************************************
*/

a.mxm-root-link,
a.mxm-sub-link { /* menu header text */
	padding: 1.15vw 1.5vw !important;
	font-size:110%;
	font-weight:400;
}

/*
******************************
        CURRENT MARK
******************************
*/
.mxm-root-ul a.mxm-root-link.current_mark {
	font-weight: bold;
}
.mxm-sub-menu a.mxm-sub-link.current_mark {
	font-weight: bold;
}

/*
******************************************
        CUSTOM LINK COLOR SETS
******************************************
*/
/*CUSTOM-LINKS-PINK*/

/*Root Links*/
.p7MXM.Custom-Links-Pink a.mxm-root-link {
	background-color: rgb(244,102,150);
	color: #FFF;
}
.p7MXM.Custom-Links-Pink a.mxm-root-link:hover,
.p7MXM.Custom-Links-Pink a.mxm-trigger.open,
.p7MXM.Custom-Links-Pink a.mxm-maxi-trigger.open {
	background-color: rgb(216,60,140);
	color: #FFF;
}
/*Root Current Mark*/
.p7MXM.Custom-Links-Pink .mxm-root-ul a.mxm-root-link.current_mark {
	font-weight: bold;
}

/*Sub Menu*/
.p7MXM.Custom-Links-Pink .mxm-sub-menu {
	background-color: rgb(21,21,21);
	color: #FFF;
}
/*Sub Menu Links*/
.p7MXM.Custom-Links-Pink a.mxm-sub-link {
	background-color: rgb(21,21,21);
	color: #FFF;
}
.p7MXM.Custom-Links-Pink a.mxm-sub-link:hover,
.p7MXM.Custom-Links-Pink a.mxm-maxi-trigger.open,
.p7MXM.Custom-Links-Pink a.mxm-sub-link.mxm-trigger.open {
	background-color: rgba(217, 61, 141, 1);
	color: #FFF;
}
/*Sub Menu Current Mark*/
.p7MXM.Custom-Links-Pink .mxm-sub-menu a.mxm-sub-link.current_mark {
	font-weight: bold;
}

/*
****************************************************
    VERTICAL TEXT LINK LISTS FOR MAXI SUBS
****************************************************
*/
.maxi-text-list,
.maxi-text-list-boxed {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.maxi-text-list li,
.maxi-text-list-boxed li {
	list-style-type: none;
	margin-bottom: 1em;
}
.maxi-text-list li a,
.maxi-text-list-boxed li a,
a.maxi-text-link {
	color: inherit;
	text-decoration: none;
/* 	border-bottom: 1px dotted; */
}
.maxi-text-list-boxed li a {
	display: inline-block;
	background-color:#005A66;
	padding: 12px;
	border: 1px solid;
	transition: all .2s linear;
}
.maxi-text-list li a:hover,
.maxi-text-list-boxed li a:hover,
a.maxi-text-link:hover {
	background-color:#00B4CC;
	transition: all .2s linear;
}
.maxi-text-list-boxed li a:hover {
	background-color: #00B4CC;
}
.maxi-text-list-boxed.round li a {
	border-radius: 4px;
}

/*
*****************************************************
                    TOOLBAR
*****************************************************
*/
.mxm-toolbar {
	background-color: rgb(21,21,21);
	padding: 10px;
}
.mxm-toolbar a {
	color: #FFF;
}

/*
******************************************************
                UTILITY RULES
******************************************************
*/
.rounded {border-radius: 5px;}


/*
******************************************************
                JEC ADDS
******************************************************
*/

.departments_section h3, .boardsCommittees_section h3, .agendasMinutes_section h3 {
/*     color:#222222; */
}
.departments_section ul li, .boardsCommittees_section ul li, .agendasMinutes_section ul li {
    margin-left:1vw;
}

/* Add phone icon to "Contact City Hall" frequent buttons. See beldingm_ssi/mxm_menu.php, line 149 - JEC 072020 */
.phoneIconBefore:before {
    content:"\260F"; /* phone icon */
    color:#FAA124; /* belding logo orange */
    font-size:1.75em;
    font-weight:bold;
    vertical-align: -2px;
    display:inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1100px) {
/*
    a.mxm-root-link,
    a.mxm-sub-link {
    	padding: 1.1vw;
    }
*/
}