.layout-container {
	box-sizing: border-box;
	min-height: 100px;
	position: relative;
}
#page_content {
min-height:400px;
}
#layout_wrapper {
margin-left:auto;
margin-right:auto;
}
.main-container {
	display: flex;
	flex-wrap: wrap;
}

.col {
	box-sizing: border-box;
	min-height: 100px;
	position: relative;
	padding:10px;
}

/** Flex Tests for collapsing left and right columns **/
.left-col,
.right-col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.center-col {
	flex: 1 0 50%;
	margin-left: auto;
	margin-right: auto;
	max-width:100rem;
}

#page_content {
	min-height:400px;
}
.watermark {
	background-color:#FFF;
}

body #layout_wrapper {
	background-color:transparent;
}
.col.empty {
	display: none;
}

ul.site-menu li {
	display:inline-block;
	vertical-align:top;
}
ul.site-menu li,
ul.site-menu li:hover{
	background-color:transparent;
}
ul.site-menu li span a,
ul.site-menu li span span {
	color:#000;
}

.menu-widget .menutoggle,
.menu-widget ul.site-menu {
vertical-align:middle;
display:inline-block;
}
.layout-widget .menutoggle .material-icons {
font-size:40px;
}
.menu-widget .menutoggle {
display:none;
}
ul.site-menu.hidden {

}

.right-col ul.site-menu li.sub-parent:hover ul {
	right: 100%;
	top: 0px;
}

.bottom-container ul.site-menu li.sub-parent:hover ul {
	bottom: 100%;
	left: 0px;
}

.layout-widget ul.site-menu ul.sub-menu li span a {
	text-align: left;
}

.left-col ul.site-menu li.sub-parent:hover ul {
	left: 95%;
	top: 0px;
}

.right-col ul.site-menu li.sub-parent:hover ul {
	right: 95%;
	top: 0px;
}

.layout-widget a.control-panel-link .material-icons {
	vertical-align: middle;
}

.layout-widget .add-me-link {
	display: inline-block;
	margin-bottom:0px;
	vertical-align:middle;
}

.layout-widget a.add-me-link.ce-button {
	background-image: none;
	background-color: #e8e8e8;
	color: #000;
}

#user_panel_widget .control-panel-link,
#user_panel_widget .favorites-hover {
	margin-right: 5px;
}

.user-panel .login-link.ce-button,
.user-panel.login-link.ce-button {
	background-image: none;
	border: none;
}
.layout-widget.menu-widget,
.layout-widget.social-widget {
	display: inline-block;
}

.layout-widget ul.site-menu {
	background-color: transparent;
	float: none;
	display: inline-block;
	width: auto;
}

.left-col ul.site-menu li,
.right-col ul.site-menu li {
	width: 100%;
}
.left-col .full.site-menu li.sub-parent:hover ul {
	left: 100%;
	top: 0px;
}

/** end flex test stuff **/

@media (max-width : 768px) {
	.left-col,
	.right-col,
	.center-col {
		flex-basis: initial;
		flex-grow: initial;
		width: 100%;
		display: block;
		max-width:initial !important;
	}

	.main-container {
		display: block;
		flex-wrap: initial;
	}
	#mobile_layout_wrapper .menu-widget .menutoggle {
		display: block;
	}
	#mobile_layout_wrapper .menu-widget ul.site-menu {
		display: none;
		width: 100%;
	}
		#mobile_layout_wrapper .menu-widget ul.site-menu li {
			width: 100%;
			box-sizing:border-box;
			border-radius:0px !important;
		}
		#mobile_layout_wrapper .menu-widget ul.site-menu ul.sub-menu {
			position: relative;
			left: initial;
			right: initial;
			width: initial;
			padding-right: 0px;
		}
	#mobile_layout_wrapper .menu-widget ul.site-menu ul.sub-menu li {
		max-width: initial;
		min-width: initial;
		width: 100%;
	}
	#mobile_layout_wrapper ul.site-menu.hidden {
		display: none;
	}
	#mobile_layout_wrapper ul.site-menu li span a,
	#mobile_layout_wrapper ul.site-menu li span span {
		width: 100%;
		text-align: center;
	}
	#mobile_layout_wrapper .menu-widget ul.site-menu ul.sub-menu,
	#mobile_layout_wrapper .menu-widget ul.site-menu li.sub-parent:hover ul {
		top: initial;
		float: none;
		width: 100%;
		max-height: initial;
		white-space:normal;
		box-shadow:none;
	}

	#mobile_layout_wrapper .menu-widget ul.site-menu ul.sub-menu li {
		padding-right: 0px;
	}
	#mobile_layout_wrapper .menu-widget ul.site-menu li span a,
	#mobile_layout_wrapper .menu-widget ul.site-menu li span span,
	#mobile_layout_wrapper .menu-widget ul.site-menu ul.sub-menu li span a {
		box-sizing: border-box;
		width:100% !important;
	}
	.left-col .menu-widget ul.site-menu li.sub-parent.mega-sub-parent:hover ul.mega-sub {
	left:initial !important;
	}
}

a.menutoggle { 
cursor:pointer;
}
a.social-panel-icon {
height:25px;
width:25px;
}
footer {
padding-top:20px;
padding-bottom:20px;
}
.footer-container, .footer-container a, .footer-container span {
	font-size:14px;
	line-height:2;
}