/*Google Font Import*/
@import url('https://fonts.googleapis.com/css?family=Sunflower:300,500');

/*Main Styles*/

* {
	box-sizing: border-box;
	font-family: 'Sunflower', sans-serif;
	}
	
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #1f2353;
	font-weight: 300;
	background: #fff;
}
a {
	text-decoration: none;
	color: #0000ff;
}
a:hover {
	color: #f5b300;
	text-decoration: none;
}
img {
	max-width: 100%;
}
strong, b{font-weight:500;}

button, input, optgroup, select, textarea{font-family: 'Sunflower', sans-serif;}

.mgcontent h1{font-size:2rem;}
.mgcontent h2{font-size:1.6rem;}
.mgcontent h3{font-size:1.3rem;}
.mgcontent h4{font-size:1.2rem;}

h1, h2, h3, h4{color: #000080;}

.lead{font-size: 1rem;}

.tbox{margin-bottom:15px;}
.redwarn{color: red;}

.photocap{font-size: .8rem; color: #424242; text-transform:uppercase;}
.clear{clear:both;}

input.formBox, input.formDropDown{font-family: 'Sunflower', sans-serif;}
div.messageEditTable{max-width:90%;}
div.messageEditTable textarea#body{height:300px;}

/**OLD GRADIENT
background: #1f2353 -moz-linear-gradient(top, #1f2353 5%, #2a3378 100%); 
    background: #1f2353 -webkit-linear-gradient(top, #1f2353 5%,#2a3378 100%); 
    background: #1f2353 linear-gradient(to bottom, #1f2353 5%,#2a3378 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f2353', endColorstr='#2a3378',GradientType=0 );
    **/

.gradientbg{
    background: #031843; /* Old browsers */
    background: -moz-linear-gradient(top, #031843 5%, #072f87 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #031843 5%,#072f87 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #031843 5%,#072f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031843', endColorstr='#072f87',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.btn{cursor: pointer;}

.btn-gradient{
    background: #031843 -moz-linear-gradient(top, #031843 5%, #072f87 100%); /* FF3.6-15 */
    background: #031843 -webkit-linear-gradient(top, #031843 5%,#072f87 100%); /* Chrome10-25,Safari5.1-6 */
    background: #031843 linear-gradient(to bottom, #031843 5%,#072f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031843', endColorstr='#072f87',GradientType=0 ); /* IE6-9 */ 
    color: #fff!important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
}
.btn-gradient:hover, .btn-gradient:active{background: #031843;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;}
    
.btn-yellow, .headerMessage .btn-yellow{background:#ffea50; color: #1f2353;}
.btn-yellow:hover, .btn-yellow:active, .headerMessage .btn-yellow:hover, .headerMessage .btn-yellow:active{ background: #fff; color: #1f2353;}
.btn-yellow-page{background:#ffea50; color: #1f2353;}
.btn-yellow-page:hover, .btn-yellow-page:active{background:#1f2353; color: #fff;}

.brightblue{color: #000080;}

.btn-wrap{white-space: normal!important;}

.brightblue{color: #000080;}
.yellowtext{color: #ffea50;}
.yellowtext-dk{color:#f5b300;}
.black{color: #000;}

/*custom tables*/

.thead-gradient{
    background: #031843 -moz-linear-gradient(top, #031843 5%, #072f87 100%); /* FF3.6-15 */
    background: #031843 -webkit-linear-gradient(top, #031843 5%,#072f87 100%); /* Chrome10-25,Safari5.1-6 */
    background: #031843 linear-gradient(to bottom, #031843 5%,#072f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031843', endColorstr='#072f87',GradientType=0 ); /* IE6-9 */ 
    color: #fff!important;
}

.border-black, .border-black th, .border-black td, .border-black thead th{ border-color: #000;}

.border-blue, .border-blue th, .border-blue td, .border-blue thead th{ border-color: #06256a;}

.horizontal-border th, .horizontal-border td{border-left:0; border-right: 0;}



.table-grey-bg{background: #eee;}
.table.text-center td, .table.text-center th{text-align:center;}

.tbox{
border: solid 2px #0033cc;
    background-color: white;
    padding: 10px;
    text-align: left;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    }
    
.spaced-li li{margin-bottom: 20px;}

.giant-check{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.giant-check li{
    background: url('../images/checkmark-dark-blue.jpg') no-repeat left top;
    padding-left: 65px;
    min-height: 60px;
    padding-top: 10px;
    margin-bottom: 5px;
}


.headerMessage {
	padding: 10px 0px;
	color: #FFFFFF;
}
.headerMessage a {
	color: #FFFFFF;
}
.headerMessage i {
	padding: 5px;
	margin: 0px 5px;
	color: #FFFFFF;
}

.headerMessage input{min-width: 100px;}

.headerIcons {
	margin: 0px 0px 0px auto;
	display: flex;
}
.mgsearchcontainer {
	display: flex;
}
.mgsearchcontainer .searchquery {
	width: 200px;
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
	border: 0px;
	padding: 10px;
	outline: 0;
	-webkit-backface-visibility: hidden;
	text-indent: 24px;
}
.mgsearchcontainer .searchquery:focus {
	width: 100%;
}
.mgsearchcontainer .fa-search { 
  position: absolute;
  top: 12px;
  left: 25px;
  color: #111111;
}
.mglogincol {
	background: #383838;
	padding: 20px;
	display: none;
}
header {
	background-color: transparent;
	background-color: #FFFFFF;
	text-transform: uppercase;
	width: 100%;
	z-index: 9999;
}

/* Remove fixed header
    header.fixed {
	position: fixed;
	top: 0px;
}*/
div.headercontainer {
	width: 1400px;
	margin: 0 auto;
}

#pmList{margin-bottom:20px;}

.header-menu-container{width: 1400px; max-width:100%;}
div.logo {
	padding: 10px 0 10px 20px;
}
div.logo a {
	color: #000 !important;
	text-decoration: none !important;
}
div.logo a img {
 width: 380px;
 max-width: 100%;
}
div.menuIcon {
	display: none;
	margin: 5px 20px 0px 0px;
	color: #fff;
	cursor: pointer;
	z-index: 9999;
	text-align:right;
	padding: 5px 0;
}
section {
	width: 1400px;
	margin: 0 auto;
	clear: both;
	display: flex;
	flex: 1;
}

/*section.fixed {
	padding: 60px 0px 0px 0px;
}
section div.container {
	display: flex;
	flex: 1;
}
*/

main.mgcontent {
	flex: 1;
	padding: 0 30px;
}


/************ MEMBER MENU USES MEMBERGATER #TOPNAV# ***************/
nav {
	
}
nav.main-menu ul li ul.mgsubtopnav {
	display: none;
	position: absolute;
	background: #000;
	z-index: 9999;
}
/* no right positioning
nav.top ul li ul.mgsubtopadmin {
	right: 0;
}
*/

nav.main-menu ul li{
    border-left: 1px solid #1e2150;
}

nav.main-menu ul li:first-child, nav.main-menu .button-holder{
    border-left: 0;
}

nav.main-menu ul li ul.mgsubtopnav li {
	display: list-item;
}
nav.main-menu ul li ul.mgsubtopnav li a {
	padding: 0px 20px;
	color: #FFFFFF;	
}
nav.main-menu ul li ul.mgsubtopnav li a:hover {
	color: #A6A6A6;
}
nav.main-menu {
    font-size: 18px;
	height: inherit;
	position: relative;
	vertical-align: middle;
	margin: 0 0 0 auto;
}
nav.main-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav.main-menu ul li {
	display: inline-block;
}
nav.main-menu ul li a {
	color: #1e2150;
	padding: 0px 10px;
	white-space: nowrap;
}
nav.main-menu ul li a:hover{
    color:#363a75;
}
nav.main-menu > ul > li.catdropdown > a::after {
	display: none;
	font-family: "Font Awesome 5 Solid";
    content: "\f0d7";
}

nav.main-menu .btn{
    padding: .5rem 1rem;
}

@media screen and (max-width: 968px){
  
}

/************ MEMBER MENU USES MEMBERGATER #TOPNAV# ***************/

.member-navigation{padding: 0; text-align: center;}

nav {
	
}
nav.top ul li ul.mgsubtopnav {
	display: none;
	position: absolute;
	background: #000;
	z-index: 9999;
}
/* no right positioning
nav.top ul li ul.mgsubtopadmin {
	right: 0;
}
*/
nav.top ul li ul.mgsubtopnav li {
	display: list-item;
}
nav.top ul li ul.mgsubtopnav li a {
	/*padding: 0px 20px;*/
	color: #FFFFFF;	
}
nav.top ul li ul.mgsubtopnav li a:hover {
	color: #A6A6A6;
}
nav.top {
	height: inherit;
	position: relative;
	vertical-align: middle;
	margin: 0 0 0 auto;
}
nav.top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	/*display: flex;*/
	justify-content:center;
}
nav.top ul li {
	display: inline-block;
	position: relative;
}

nav.top > ul > li:after{
   display: inline-block;
   content: "|";
   color: #fff;
    
}
nav.top > ul > li:last-child:after{
   display: inline-block;
   content: "";
   color: #fff;
    
}


nav.top ul li a {
    display:inline-block;
	color: #fff;
	padding: 8px 10px;
	white-space: nowrap;
}

nav.top ul li a:hover{color: #ffea50;}

nav.top > ul > li.catdropdown > a::after {
	display: none;
	font-family: "Font Awesome 5 Solid";
    content: "\f0d7";
}

ul.mgsubtopadmin{right: 0;}

.mgnavpanel .catdropdown{
    position:relative;
}

.logo-col{flex: 0 0 300px;}

@media screen and (max-width: 767px){
    nav.main-menu{font-size: 16px;margin-left:auto;margin-right:auto;}
    nav.main-menu ul li{border:0;}
    div.logo{padding:10px 20px;}
    .logo-col{  margin: 0 auto;}
    
    
}

.catdropdown .fa-caret-down{margin-left: 2px;}



nav.left, nav.right {
	width: 300px;
}
nav.left {
	
}
nav.right {
	
}
nav.left ul, nav.right ul, nav.responsive ul, nav.footer ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
nav.left ul li.mgcategory, nav.right ul li.mgcategory, nav.responsive ul li.mgcategory {
	margin-top: 20px;
	border-radius: 8px;
}
nav.responsive ul li.mgcategory {
	margin-top: 5px;
}
nav.left ul li div.catheader, nav.right ul li div.catheader, nav.responsive ul li div.catheader {
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 18px;
}
nav.left ul li div.catheader, nav.right ul li div.catheader {
	background: #1e2150;
	color: #fff;
	border-radius: 8px 8px 0 0;
}
nav.responsive ul li div.catheader {
	cursor: pointer;	
}
nav.left ul li div.catbody, nav.right ul li div.catbody, nav.responsive ul li div.catbody {
	color: #111111;
	padding: 10px 20px;
	line-height: 28px;
	background: #E8E8E8;
	border-radius: 0 0 8px 8px;
}
nav.responsive ul li div.catbody {
	display: none;	
}
nav.left ul li div.catbody a, nav.right ul li div.catbody a, nav.responsive ul li div.catbody a {
	
}
nav.left ul li div.catbody a:hover, nav.right ul li div.catbody a:hover, nav.responsive ul li div.catbody a:hover {
	
}

.mgnavpanel a{color: #000080;}
.mgnavpanel a:hover{color: #f5b300;}

@media screen and (max-width: 968px){
    nav.top > ul > li:after {display: none;}
}
nav.responsive {
	display: none;
}

nav.responsive .catheader{
    background: #031843; /* Old browsers */
    background: -moz-linear-gradient(top, #031843 5%, #072f87 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #031843 5%,#072f87 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #031843 5%,#072f87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#031843', endColorstr='#072f87',GradientType=0 ); /* IE6-9 */
    color: #fff;
}
footer {
	color: #FFFFFF;
	padding-top: 40px;
	margin-top: 20px;
}
footer h3{color: #fff;}
footer section {
	display: block;
}
footer section nav.footer {
	width: 100%;
    display: flex;
}
footer section nav.footer > div {
    flex-basis: 100%;
    padding: 4px;
    display: block;
    padding: 20px;
}
footer section nav.footer div span {
	display: block;
	padding: 5px;
}
footer section nav.footer div div.mgfooter {
	padding: 0;
}
.mgfooter{margin-bottom: 20px;}
.mgfooter a, .mgfooter a:link{
    color: #fff;
}
.mgfooter a:hover{color: #ffea50; text-decoration:none;}
.footer h3{
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: normal;
}
footer nav.footer ul li a, footer section nav.footer i {
	display: block;
	color: #FFFFFF;
}
footer nav.footer ul li a:hover, footer nav.footer i:hover {
	color: #ffea50;
}
div.copyright {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	clear: both;
	padding: 20px 60px 20px 0;
}

.to-top, .to-top:link{font-size: 80px; color: #fff; position: absolute; bottom: 10px; right: 20px; line-height: 0;}
.to-top:hover, .to-top:active{color: #ffea50;}

/***Advertisement Bar****/
.sub-nav-bar{padding: 10px 0;}
.portal-1 .sub-nav-bar{display:none;}

/**********Home Page*************/
section.container-fluid{width:100%;}
.mgsectioncontainer.container-fluid{padding: 0;}
.portal-1 nav.right, .portal-1 nav.responsive, .portal-1 #breadcrumb{display:none;}
.container-fluid .mgcontent{margin: 0; padding: 0;}
.portal-1 p.lead{display:none;}

.mgcontent .splash-title{
    font-size: 2.5rem 
}

.gradientbg h1, .gradientbg h2, .gradientbg h3, .gradientbg h4{color: #fff;}

/*Section #1* - Splash*/
.home-splash{
    min-height: 440px;
    background: #031843 url('../images/splashbg.png') center center no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 30px;
}
.home-splash h2{color: #fff; font-size: 2rem;}

.home-splash .splash-title{
    display: inline-block;
    background-color: rgba(3, 24, 67, 0.50);
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    margin: 0 auto 20px auto;
}

.home-splash2{
    padding-top:16.5%;
    padding-bottom:16.5%;
    min-height: 300px;
    background: #031843 url('../images/photo-collage2.jpg') top center no-repeat;
    background-size: cover;
    color: #fff;
    position: relative;
}
.home-splash2 h2{color: #fff; font-size: 2.8rem;}
.home-splash2 .splash-content{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    text-align:center;
}

.home-splash2 .splash-title{
    display: inline-block;
    background-color: rgba(3, 24, 67, 0.70);
    padding: 15px;
    border-radius: 15px;
    text-align: center;
    margin: 0 auto 60px auto;
}

.home-splash2 .splash-title sup{top: -15px;}

.btn-splash{border-radius: 15px; font-size: 30px; font-weight: 300; font-style: italic; padding: 25px; padding-top: 29px; text-transform: uppercase; white-space: normal;line-height: .9em;}

@media only screen and (max-width: 1050px){
    .home-splash2{padding: 30px 0;}
    
    .home-splash2 .splash-content{
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    -webkit-transform: none;
    text-align:center;
}

}

/*Section #2* - Map*/
.home-map{
    position:relative;
    color: #fff;
    background: transparent url('../images/splash-map.png') center center no-repeat;
    background-size: auto 100%;
    min-height: 300px;
    padding: 30px 10px;
    text-align: center;
}

.home-map .splash-title{font-weight: 300;}
.home-map .splash-sub{font-size: 2.5rem; margin-top: 30px; font-weight: 300;}
.home-map:after {
    border-top: 35px solid #072f87;
    border-left: 35px solid transparent; 
    border-right: 35px solid transparent; 
    bottom: -35px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -21px;
    width: 0; 
    height: 0;
}

.yellow-circle{
    background: #ffea50;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  color: #1e2150;
  display: inline-block;
  line-height: 1.8em;
  margin: 0 10px;
  text-align: center;
  width: 1.8em;
}

/*Section #3 - Success Stories*/
.success-stories{
   padding-top: 60px;
   position:relative;
   width:100%;
   max-width:100%;
}
.success-stories:after {
    border-top: 35px solid #1e2150;
    border-left: 35px solid transparent; 
    border-right: 35px solid transparent; 
    bottom: -35px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -21px;
    width: 0; 
    height: 0;
}

.success-stories .splash-title{
    text-align: center;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 300;
    margin-bottom: 0;
}

.success-stories .divider{height: 40px;}
.success-stories .divider+div{display:none;}

.success-stories .flexslider{border: 0px;margin-bottom:0!important;border-radius:0; width: 100%;max-width:100%;}
.success-stories .slider{margin-bottom: 0!important;}

/*keep prev/next controls from causing horizontal scroll bar but make sure height is always visible*/
.success-stories .mgslider{overflow-x:hidden; overflow-y:hidden; height: auto;}

/*section #4 - 4 Elements*/

@media screen and (min-width: 768px){
    .elements{padding-left: 50px;padding-right:50px;}
    }

.elements{padding-top: 50px;}
.elements:after {
    border-top: 35px solid #fff;
    border-left: 35px solid transparent; 
    border-right: 35px solid transparent; 
    bottom: -35px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -21px;
    width: 0; 
    height: 0;
    z-index: 99;
}

.elements .splash-title{text-align: center;margin-bottom:30px;}
.elements h4{text-transform: uppercase; font-size: 1.8rem; font-weight: 300;margin-bottom: 0;text-align: center;}
.elements p{text-align: justify;}
.element-img{width: 200px; max-width: 100%; display: block; margin: 0 auto 10px auto;}

/*Section #5 - signup form*/
.home-signup{
    position: relative;
    padding: 50px 0;
    color: #fff;
    
}

.home-signup .splash-title{text-align: center;margin-bottom:20px;}
.home-signup .form-control{
    max-width: 100%;
    font-size: 1.5rem;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 10px;
}
.home-signup img{display: block; margin: 0 auto;}
.home-signup .form-group{text-align: center;}
.home-signup h4{text-align:justify;}

.home-signup:after {
    border-top: 35px solid #072f87;
    border-left: 35px solid transparent; 
    border-right: 35px solid transparent; 
    bottom: -35px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -21px;
    width: 0; 
    height: 0;
    z-index: 99;
}

/*section #6 - join us*/
.home-join{
    padding: 50px 10px 10px 10px;
    text-align: center;
}

.home-join .bottom-logo{
    display:block;
    width: 375px;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 20px;
}
.home-join .logo-loc{
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 0;
}

.btn-join{
    font-size: 2.5rem;
    padding: 20px;
    border-radius: 20px 30px;
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 500;
    line-height:normal;
    white-space: normal;
}

@media screen and (max-width: 968px){
    .btn-join{
    font-size: 2.8rem;
    padding: 20px;}

}



/*flex slider fix*/
.flexslider{width:100%;}
.flexslider .flex-direction-nav a{height: 60px;}

/**********Recipes************/
.recipe-top{
    background: #f5bb1a;
    border-bottom: 2px solid #bd8b12;
    border-top: 2px solid #bd8b12;
    height: 15px;
}

.recipe-header{
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.6);
    font-style: italic;
    background-color: #f5b300;
    padding: 5px 10px;
    }
    
    .recipebg{
        margin:1px;
        padding: 0;
        background: -moz-linear-gradient(top, rgba(244,214,137,1) 0%, rgba(253,252,247,0) 151px); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(244,214,137,1) 0%,rgba(253,252,247,0) 151px); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(244,214,137,1) 0%,rgba(253,252,247,0) 151px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4d689', endColorstr='#00fdfcf7',GradientType=0 ); /* IE6-9 */
    }

/*Comparison Page*/

.comparison-div{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.comparison-chart{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 48%; /* width of each table */
  margin-right: 2%; /* spacing between tables */
  margin-bottom: 1em;
  border: 1px solid #000066;
  transition: all .5s;
}


.comparison-chart li{
  position: relative;
  margin:10px;
}

.comparison-chart .no-check{
    background-image: none;
    padding:5px;
}

.comparison-chart .bggrey{background-color: #ccc;}

.comparison-chart .chart-title{margin:0 0 15px 0;}

.comparison-chart .title-repeat{display:block; padding:10px; margin-bottom:15px;}

.comparison-chart .last-item{padding: 10px 0; margin: 0;}



/*very last LI within each pricing UL */
.comparison-chart .last-item{
  text-align: center;
  margin-top: auto; /*align last LI (price botton li) to the very bottom of UL */
}  



@media only screen and (max-width: 767px) {
  .comparison-chart{
    border-radius: 0;
    width: 100%;
    margin-right: 0;
  }
}


/* MG Elements - Content */

.mgsectioncontainer{padding-top: 15px;}

.mglogintease .articletease{margin: 0 0 10px 0; background: #d4dbeb; border: 2px dotted #1f2353; padding: 10px;}
.mglogintease .articletease .articleheadline{font-size: 1.5rem;}
.mglogintease .articletease .more{font-weight: 500;}

.mgbreadcrumb {
	background: #E8E8E8;
	padding:  0 5px;
	margin: 0px 0px 10px;
	color: #111111;
	font-size: .8rem;
}
.mgbreadcrumb a {
	color: #111111
}
.mgbreadcrumb a:hover {
	color: #646464
}
.mgbreadcrumbsearch {
	display: none;
}
.mgprintoptions {
	margin: 0px 0px 10px;
}
/* Content Item */

.related{
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    background: #1f2353;
    margin-bottom: 5px;
}

.contentlistleft, .contentlistright{vertical-align: top;}
.contentItem {
	display: inline-block;
	padding: 10px 5px;
	margin: 5px 0px;
	width: 100%;
}
.contentItem a {
	font-weight: bold;
	display: block;
}
.contentItem > a:first-of-type {
	border-bottom: 2px solid #ffea50;
	color: #000080;
}

.contentItem > a:first-of-type:hover{color: #f5b300;}

.contentItem .department{font-size: 1.2rem;}
.carousel-item > .contentItem > a:first-of-type {
	border-bottom: none;
}
.contentItem a.more {
	display: table;
	padding: 5px;
	font-weight: normal;
	clear: both;
	margin: 0 0 0 auto;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem 1rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    background-color: #031843;
    border-color: #031843;
    color: #fff;

}
.contentItem a.more:hover {
	color: #1f2353;
	background-color: #ffea50;
	border-color: #ffea50;
}
.contentItem .portalbyline {
	font-size: 0.8em;
	color: #111111;
	margin: 3px 0px;
}
.contentItem p.tease {
	margin: 5px 0px;
}

/* MG Elements - Clump */
.clumpheader img {
	display: none !important;
}
.clumpheader div.txt {
	display: block !important;
}
.clumpbody {
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

/* Forum */
.postSignature {
    display: block!important; /*always display forum signature*/
}
/* Grid Content */
.contentGrid > div {
	margin: 10px;
	background-color: #D2D2D2;
	-webkit-transition: box-shadow linear .5s, -webkit-transform linear .3s;
    transition: box-shadow linear .5s, transform linear .3s;
    box-shadow: 1px 1px 5px #888888;
}
.contentGrid > div:hover {
	background: #FFFFFF;
	box-shadow: 1px 1px 5px #888888;
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
}
.contentGrid div a {
	text-align: center;
	color: #111111;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.changeuser {
	width: 100%;
	max-width: 900px;
}
.changeuserheader {
	background-color: #000;
	color: #FFFFFF;
}
.changeuser td {
	padding: 5px;
}
.changeuser input, .changeuser select {
	padding: 4px;
	border-radius: 4px;
}
@media screen and (max-width: 1680px){
	section {
		width: 1200px
	}
}
@media screen and (max-width: 1280px){
	section {
		width: 100%;
	}
	nav.left, nav.right {
		width: 200px;
	}
	nav.left {
		margin-left: 5px;
	}
	nav.right {
		margin-right: 5px;
	}
}
@media screen and (max-width: 968px){
	section {
		width: 100%;
	}
	main.mgcontent {
		margin: 0px;
		padding: 0!important;
	}
	nav.left, nav.right {
		display: none;
	}
	nav.responsive {
		display: block;
	}
	div.menuIcon {
		display: block;
	}
	nav.top ul li ul.mgsubtopnav {
		position: inherit;
		padding-left: 40px;
		background-color: rgba(255,255,255,0.2);
	}
	nav.top {
		display: none;
		right: 0px;
		height: auto;
		position: relative;
		width: 100%;
		text-align: left;
	}
	nav.top ul {
		display: block;
		
	}
	nav.top ul li {
		display: block;
		padding: ;
	}
	nav.top ul li a {
		color: #FFFFFF;
		padding: 10px 40px;
	}
	nav.top ul li a:hover {
		color: #A6A6A6 !important;
	}
	footer section nav.footer {
		display: block;
	}
}
@media screen and (max-width: 576px){
	.mgsearchcontainer .searchquery {
		width: 135px;
		text-indent: 0px;
	}
	.mgsearchcontainer .fa-search {
		display: none;
	}
}

/* PRINT MEDIA */
@media print{
    .member-navigation, .headerMessage, .mgbreadcrumb, nav.main-menu, footer, nav.right, nav.left, .header-menu-container{display:none!important;}
    section, .row{ display: block!important; flex:none!important; max-width: 90%;}
    
}

/* Hide MG My Bar */
#myBarButton,
#myBarContainer,
.mybar_button,
.mybar_container {
	display: none !important;
}