@charset "utf-8";
/* CSS Document */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;
	color: grey;
}

.item_companyLogo { grid-area: companyLogo; text-align: left; background-color:#9acbf0; } /* #C3DFF4*/
.item_menuTop { grid-area: menuTop; text-align: right; padding-top: 10px; padding-right: 10px; padding-left: 10px; background-color: #F78F1E;}
.item_main { grid-area: main; }
.item_contactMe { grid-area: contactMe; }
.item_partner { grid-area: partner; } /* e.g. GMC logo, plus others*/
.item_menuBottom { grid-area: menuBottom; }
.item_footer { grid-area: footer; font-size:0.6em; color: grey; background-color: antiquewhite; }
.item_footer a {text-decoration: none; color: grey;}	/* Remove underline from links */

.grid-container {
  display: grid;
  grid-template:
	  'menuTop menuTop'
	  'companyLogo companyLogo'
	  'main main'
	  'contactMe contactMe'
	  'partner partner'
	  'menuBottom menuBottom'
	  'footer footer';
}

/*.grid-container > div {border-style:solid;	border-color: purple;	border-width:thin;}*/

.navList a {
	color: white; /*#c9880b;*/
	text-decoration: none;	/* Remove underline from links */
	display:block;
	padding: 10px;
}

.navList ul {
	list-style-type: none;
	padding: 0px;
}

.menuIcon img {width: 28px; height:auto;}  /*sets size of burger bars and cross, plus other icon++ */
#burgerMenuBarTop, #burgerMenuCrossTop, #burgerMenuBarBottom, #burgerMenuCrossBottom { padding-left: 20px;}

#NavListTop {
	text-align: center;
	background: #F78F1E; /*C3DFF4; /*white;*/
}

#NavListBottom {
	background: #F78F1E;
	font-size: 20px;
}

.item_partner img {width:40%;}

.IconWithText {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	text-align: center;
}
.IconWithText img {	width:25%;}
.IconWithText p {overflow: hidden; /* this is what keep the <p> from wrapping*/ }  


.fixSpaceTopDiv {padding-top: 25px;}
.fixSpaceBottomDiv {padding-bottom: 25px;}

.activeItm a {
	color: red;
}

.activeMenuItem a {color:white; } /*#9880b*/
.inActiveMenuItem a {color:lightgray;} /*#9acbf0*/


.aesButton {
	padding-top: 20px;
	padding-bottom: 20px;
}
.aesButton a {
	border-radius: 4px;
	padding: 6px 16px;
	text-decoration: none;
	color: rgb(255, 255, 255);
	background-color: rgb(61, 61, 70);
	border: 1px solid rgb(61, 61, 70);
}

.messageBar {padding: 6px 8px;}
.messageRed {color: red;}
.messageGreen {color: green;}
.messageAmber {color: yellow;}