/* FACETS */

/* Disabled from original code */
/* body, html { 
	font-size: 100%;
	padding: 0; 
	margin: 0;
} */

/* COLORS */
/* :root {
	--main-facet-bg: rgb(200,200,200);
	--main-facet-txt: rgb(35,35,35);
} */
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}



/* Facets */
/* body > .container {
	z-index: 1000;
} */
/* #facets {	
    z-index: 2000;
} */
.demo-box {
    min-height: 100vh
}
.body-content {
    padding: .7em 0
}
#facets .accordion .card {
    background-color: var(--main-facets-color);   
}




/* General styles for all menus */
.cbp-spmenu {
	/* background: #47a3da; */
	background-color: var(--main-facet-bg);
	position: fixed;
}
.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}
.cbp-spmenu a:hover {
	background: #258ecd;
}
.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
	width: 15rem;;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}


/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
	/* top: 3.8rem; */
	/* top: 11.2vh; */
	top: 7.7vh;
	left: -15rem;
	padding-top: 2rem;
}
.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}
.cbp-spmenu-push-toright {
	left: 15rem;
}


/* Push classes applied to the body */
.cbp-spmenu-push {
	/* overflow-x: hidden; */
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright {
	left: 15rem;
}

#showLeftPush {
	margin-left: 16rem;
	width: 3rem;
    height: auto;
	/* margin: 2rem; */
	/* z-index: 2000;	 */
	cursor: pointer;
	color: var(--txt-light)
} 
#showLeftPush .fa-times {
	color: var(--txt-dark)
}
#showLeftPush:hover .fa-times {
	color: var(--txt-darker)
}
#showLeftPush:hover {
	color: var(--second-flat)
}
#showLeftPush.slide {
	margin-left: 10rem;
}

#showLeftPush svg:first-child {
	opacity: 1;
}
#showLeftPush svg:nth-child(2) {
	opacity: 0;
}
#showLeftPush.slide svg:first-child {
	opacity: 0;
}
#showLeftPush.slide svg:nth-child(2) {
	opacity: 1;
}



/* Transitions */
/* #showLeftPush, */
.cbp-spmenu,
.cbp-spmenu-push,
#showLeftPush svg:first-child,
#showLeftPush svg:nth-child(2),
#showLeftPush.slide svg:first-child,
#showLeftPush.slide svg:nth-child(2) {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* Example media queries */
@media screen and (max-width: 55.1875em){
	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}
}
@media screen and (max-height: 26.375em){
	.cbp-spmenu-push-toleft {
		left: -10rem;
	}
}