.slide-in {
  @include mui-slide(in);
}
.slide-out {
  @include mui-slide(out);
}


body {
    margin: 0;
    padding: 0;
    background: #eee;

    }

h5{
	font-weight: bold;
}
/*  CONFIG  */


/*  MOBILE STUFF */
#topbar{
	height:60px;
	
	color:#fff;
	/*background: #5ca0ee url("../images/logo-top_white.png")  no-repeat 17px 18px; */

background: #31AFDF;
background: linear-gradient(90deg, #31AFDF 0%, #67C8E0 100%);
/*background: #5ca0ee;*/

	padding-top: 19px;
	padding-left: 10px;
	margin-bottom:5px;
}
#topbar2{
	height:60px;
	
	color:#efefef;
	/*background: #5ca0ee url("../images/logo-top_white.png")  no-repeat 17px 18px; */

	background: #040c5f;
	background: linear-gradient(90deg, #040c5f 0%, #7094a6 100%);
  /*background: #5ca0ee;*/

	padding-top: 19px;
	padding-left: 10px;
	margin-bottom:5px;
}


.button {
	display: inline-block;
	vertical-align: middle;
	margin: 4px 0 4px 0;
	width:100%;
		background-color: #31AFDF;
	/*background-color: #3d77b9;*/
	/*background-color: rgb(0,38,80);*/
	-webkit-border-radius: 0px;
	border-radius: 0px;
	font-size:0.7rem;
}

.button:hover, .button:focus{
/*	background-color: #2b609c;*/
	background-color: #67C8E0;
}

.menu.nested{
	margin-left: 0rem; 
}

#blank{
	height:1000px;
}

/* TAKE OUT ARROWS */
.is-accordion-submenu-parent > a::after {
   	border-color: #FFF transparent transparent;
   	display: none;
}

.bannerbuttons{
	padding-right: 0.25rem;
	padding-left: 0.25rem;	
}

.bannerholder{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	overflow : auto;
}
#bannertitle{
		font-weight: bold;
/*display: none;*/
}

.inner {
	display: table;
	/*width: 50%;*/
	margin: 0 auto;
}

@media print, screen and (min-width: 40em) {
	#topbar {
		height: 68px;
	}
	h5{
		font-weight: bold;
	}
}

/* desktop size */
@media print, screen and (min-width: 64em) {
	#topbar {
		background-color: #204a79;
	} 
	li{
		/*border:red 1px solid;*/
	}
}


.largebannerholder{
	/*border: 1px solid yellow;*/
	margin-top:10px;
}

.largebannerholder2{
	/*border: 1px solid orange;*/
	margin-top:10px;
}