@charset "utf-8";
/* CSS Document */

.ten-pound-menu {
	line-height: 1em;
	margin: 0;
	padding: 0;
}
.ten-pound-menu ul {
	margin: 0;
	padding: 0;
}
.ten-pound-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.ten-pound-menu a {
	cursor: pointer;
	display: block;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}
.ten-pound-menu .disabled { pointer-events: auto; }
.ten-pound-menu .disabled > .text  { cursor: inherit; }
.ten-pound-menu .sub-menu { display: none; }





/* Desktop */

.ten-pound-menu.desktop .sub-menu {
	left: 0;
	position: absolute;
	z-index: 999;
}
.ten-pound-menu.desktop .sub-menu .sub-menu { top: 0; }





/* Mobile */

.ten-pound-menu.mobile { display: none; }
.ten-pound-menu.mobile.open { display: block; }
.ten-pound-menu.mobile .toggle {
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}




/* CSS Animate */

.ten-pound-menu.desktop.css-animate .sub-menu {
	display: block;
	opacity: 0;
	transition: opacity 0.1s ease 0s;
		-webkit-transition: opacity 0.25s ease 0s;
	visibility: hidden;
}
.ten-pound-menu.desktop.css-animate .item:hover > .sub-menu {
	opacity: 1;
	visibility: visible;
}
.ten-pound-menu.desktop.css-animate .sub-menu .sub-menu {
	left: auto;
	right: 100%;
}
.ten-pound-menu.mobile.css-animate.open { display: block; }
.ten-pound-menu.mobile.css-animate .open > .sub-menu { display: block; }




/* Mobile FLyout */

.ten-pound-menu.flyout {
	display: block;
    height: 100%;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
    top: 0;
    transition: left 0.25s ease 0s;
    	-webkit-transition: left 0.25s ease 0s;
    z-index: 1001;
}
.ten-pound-menu.flyout.open { left: 0; }


.ten-pound-menu.flyout li { position: initial; }
.ten-pound-menu.flyout .root { float: none; }
.ten-pound-menu.flyout .sub-menu {
	display: block !important;
	height: 100%;
	position: absolute;
	left: 100%;
	width: 100%;
	top: 0;
	opacity: 1 !important;
	z-index: 1000;
    transition: left 0.25s ease 0s;
}
.ten-pound-menu.flyout .open { left: -100%; }
.ten-pound-menu.flyout .open > .sub-menub { left: 0; }





/* Styles */
/*
.ten-pound-menu.desktop { font-size: 0; text-align: right; }
.ten-pound-menu.desktop .root {
	display: inline-block;
	font-size: 14px;
	line-height: 1em;
	text-align: left;
}
.ten-pound-menu.desktop .root + .root { border-left: solid 1px #ccc; }
.ten-pound-menu.desktop .root > a {
	font-size: 1.25em;
	padding: 1em;
	transition: background-color 0.25s ease 0s;
		-webkit-transition: background-color 0.25s ease 0s;
}
.ten-pound-menu.desktop .root:hover > a { background-color: #fff; }
.ten-pound-menu.desktop .sub {
	background-color: #fff;
}
.ten-pound-menu.desktop .sub a {
    overflow: hidden;
	padding: 0.5em 1em;
	text-overflow: ellipsis;
}
.ten-pound-menu.desktop .sub .text {
	transition: margin-left 0.25s ease 0s;
		-webkit-transition: margin-left 0.25s ease 0s;
}
.ten-pound-menu.desktop .sub .item:hover > a .text { margin-left: 0.5em; }

.ten-pound-menu.mobile .item + .item { border-top: solid 1px #eee; }
.ten-pound-menu.mobile a { padding: 1em; }
.ten-pound-menu.mobile .toggle {
    border-left: solid 1px #eee;
    padding: 1em 0;
    width: 25%;
}

.ten-pound-menu.mobile.css-animate:not(.flyout) .root + .root { border-top: solid 1px #ccc; } 
.ten-pound-menu.mobile.css-animate:not(.flyout) .open { background-color: #ddd; }
.ten-pound-menu.mobile.css-animate:not(.flyout) .sub { padding-left: 5%; }

html, body {
	height: 100%;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	width: 100%;
}

.ten-pound-menu.flyout {
	background-color: #fff;
    left: -270px;
    width: 270px;
}
.ten-pound-menu.flyout .root > a { font-size: inherit; }
.ten-pound-menu.flyout .sub { background-color: #fff; }
#siteWrapper {
	transition: transform 0.25s ease 0s;
		-webkit-transition: transform 0.25s ease 0s;
}
#siteWrapper.open {
	transform: translate3d(270px, 0, 0);
		-webkit-transform: translate3d(270px, 0, 0);
}*/