body{
	margin:0;
}

/*Remove li style image*/
ul.menu li,
ul.menu,
ul.sub-menu li,
ul.sub-menu{
	list-style-image:none;
	list-style:none;
	margin:0;
	padding:0;
}

/*remove underline from menu a's */

.menu a{
	text-decoration:none;
}

 /* ADD DEFAULT BACK FOR inside articles*/  

.wrapper{
	max-width:800px;
	margin:auto;
}

/* Force to edge of browser when inside centered parent container */
.wall-to-wall {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}


/* topBar*/

.topBarContainer{
	display:flex;
	flex-flow: row wrap;
}

.topBarContainer .menu-top-left-container{
flex: 1 1 50%;	
}

.topBarContainer .menu-top-right-container{
flex: 1 1 50%;	
text-align:right;

}

.topBarContainer .menu-top-left-container ul li{
	display:inline-block;
}


.topBarContainer .menu-top-right-container ul li{
	display:inline-block;
}

/* Header*/
.site-branding .site-title{
	display:none;
	visibility:hidden;
}


/* PAGE TEMPLAE FORMATS*/

/* Wall to Wall - override wrapper max width*/
.page-template-template-wall-to-wall #content.site-content.wrapper{
	max-width:100%!important;
}


/*Two Column*/
.page-template-template-two-column .site-content{
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
}

.page-template-template-two-column .site-content .content-area{
flex: 1 1 50%;
 box-sizing: border-box;
margin-right:1em;

}
.page-template-template-two-column .site-content .widget-area{
flex: 1 1 50%;
}





/* FOOTER*/

.footer-widget-order-row{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
}
.footer-widget-order-column{ /*visual column is flex row with wrapping*/
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}

.footer-widget-order-rows > div{
	flex: 1 1 100%;
}

@media screen and (min-width: 768px) {
.footer-widget-order-column.columns-2 > div{
	flex: 1 1 50%;
}
.footer-widget-order-column.columns-3 > div{
	flex: 1 1 33%;
}
.footer-widget-order-column.columns-4 > div{
	flex: 1 1 25%;
}
.footer-widget-order-column.columns-5 > div{
	flex: 1 1 20%;
}
}

@media screen and (max-width: 767px) {
		.footer-widget-order-column > div{
	flex: 1 1 50%;
}
}


@media screen and (max-width: 480px) {
	.footer-widget-order-column > div{
	flex: 1 1 100%;
}
}


/* GRID */
@supports (display: grid) {
	/* code for browsers that support grid */
	
.topBarContainer{
	/*display:grid;*/	
}

}