/*
*****************************************
 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 {
	padding: 15px;
}

/*
******************************
        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: rgb(216,60,140);
	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: 10px;
}
.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;
	padding: 12px;
	border-bottom: none;
	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 {
	border-bottom: 1px solid;
}
.maxi-text-list-boxed li a:hover {
	background-color: #181818;
	color: #FFF;
}
.maxi-text-list-boxed.round li a {
	border-radius: 4px;
}

/*
*****************************************************
TOOLBAR MMSNOTES  WHEN SHRUNK HAMBURGER MENU COLORS
*****************************************************
*/
.mxm-toolbar {
	background-color: rgb(255,255,255);
	padding: 10px;
	font-size: 200%
}
.mxm-toolbar a {
	color: #000;
}

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


/*
******************************************************
                Hover Tabs
******************************************************
*/

<style>
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
	float: left;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	width: 30%;
	height: auto;
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 5px 5px;
  width: 100%;
  border: none;
  outline: none;
  text-align: right;
  cursor: pointer;
  font-size: 13px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 300px;
  display: none;
}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
</style>

/* My table from https://tabletag.net/ and this also controls the form in the includes text alignment*/

table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	width: 30px;
	height: 25px;
	text-align: left;
}
th {
	background: #f0e6cc;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}


/* Hide mega sub nav column */

@media only screen and (min-width: 0px) and (max-width: 768px) {
.hide-me {display: none;}
}