/*! jQuery UI - v1.10.3 - 2013-09-26
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Open Sans%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.4em&cornerRadius=0&bgColorHeader=%23246060&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23246060&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=%23d8d8d8&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23ffffff&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23ffffff&bgColorHover=%2349c0c1&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%2349c0c1&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23e8f8f9&bgTextureHighlight=flat&bgImgOpacityHighlight=100&borderColorHighlight=%23e8f8f9&fcHighlight=%23363636&iconColorHighlight=%2349c0c1&bgColorError=%23f7474e&bgTextureError=flat&bgImgOpacityError=100&borderColorError=%23f7474e&fcError=%23ffffff&iconColorError=%23ffffff&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/animated-overlay.gif?96f7afe58765');
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Open Sans,Arial,sans-serif;
	font-size: 1.2em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Open Sans,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #d8d8d8;
	background: #ffffff url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_ffffff_40x100.png?96f7afe58765') 50% 50% repeat-x;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #246060;
	background: #246060 url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_246060_40x100.png?96f7afe58765') 50% 50% repeat-x;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #ffffff url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_ffffff_40x100.png?96f7afe58765') 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #49c0c1;
	background: #49c0c1 url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_49c0c1_40x100.png?96f7afe58765') 50% 50% repeat-x;
	font-weight: normal;
	color: #ffffff;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #ffffff;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #49c0c1 url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_glass_65_49c0c1_1x400.png') 50% 50% repeat-x !important;
	font-weight: normal;
	color: white;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #e8f8f9;
	background: #e8f8f9 url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_e8f8f9_40x100.png?96f7afe58765') 50% 50% repeat-x;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f7474e;
	background: #f7474e url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_100_f7474e_40x100.png?96f7afe58765') 50% 50% repeat-x;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_222222_256x240.png?96f7afe58765');
}
.ui-widget-header .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png?96f7afe58765');
}
.ui-state-default .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png?96f7afe58765');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png?96f7afe58765');
}
.ui-state-active .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_454545_256x240.png?96f7afe58765');
}
.ui-state-highlight .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_49c0c1_256x240.png?96f7afe58765');
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-icons_ffffff_256x240.png?96f7afe58765');
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png?96f7afe58765') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url('http://ealingcvs.org.uk/static/wagtailadmin/scss/vendor/jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png?96f7afe58765') 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/* paths */
/* We can't use absolute paths here, because those are dependent on Django's
STATIC_URL setting. However, django-compressor consistently places the compiled
CSS into ${STATIC_URL}/CACHE/css/ regardless of compilation mode, so we can
reliably use relative paths to get back to STATIC_URL. */
/* grid settings */
/* screen breakpoints */
/* 800px */
/* 900px */
/* 1200px */
/* 1600px */
/* colours */
/* darker to lighter */
/* misc sizing */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden:active, .visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.visuallyvisible {
  clip: none;
  height: auto;
  width: auto;
  margin: auto;
  overflow: visible;
  position: initial; }

/* Utility variable - you should never need to modify this */
/* Ensure grid columns are set to border-boxes. This is essential */
/* Our row container */
/* Our column container */
/* Push adds left padding */
/* Pull adds right padding */
/* only used in places where padding not applied to same elements as row or row-flush
 * most of the time this class should be applied directly to the html elements */
/*
min z-index: 500;
max z-index: unknown;
*/
.explorer {
  pointer-events: none;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: none;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  -moz-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  /*.no-touch .explorer li a:hover {
        background: rgba(255,248,213,0.1);
    }*/
  /* Hide the inner submenus */
  /*
    When a submenu is openend, we will hide all li siblings.
    For that we give a class to the parent menu called "dl-subview".
    We also hide the submenu link.
    The opened submenu will get the class "dl-subviewopen".
    All this is done for any sub-level being entered.
    */
  /* Dynamically added submenu outside of the menu context */ }
  .explorer ul {
    background: #282828;
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
  .explorer li {
    position: relative;
    border-top: 1px solid #595959; }
    .explorer li:first-child {
      border-top: 0; }
  .explorer a {
    text-decoration: none;
    padding: 0.9em;
    color: white;
    display: block;
    position: relative;
    outline: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .explorer a:before {
      opacity: 0.5;
      left: 1em;
      margin-right: 0.5em;
      font-size: 1.5em; }
    .explorer a:hover {
      background: #650704;
      color: white; }
  .explorer .has-children a {
    padding-right: 5em; }
  .explorer .children {
    position: absolute;
    z-index: 501;
    right: 0;
    top: 0;
    width: 4em;
    text-align: center;
    height: 100%;
    color: white;
    background-color: #282828;
    cursor: pointer;
    border-left: 1px solid rgba(255, 255, 255, 0.2); }
    .explorer .children:before {
      padding: 0.55em 0;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 1.7em; }
    .explorer .children:hover {
      background: #650704; }
  .explorer .dl-subviewopen > .children, .explorer .dl-subview > .children {
    display: none; }
  .explorer .dl-menu {
    position: relative;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; }
    .explorer .dl-menu.dl-menuopen {
      opacity: 1;
      pointer-events: auto; }
  .explorer li .dl-submenu {
    display: none; }
  .explorer .dl-menu.dl-subview li, .explorer .dl-menu.dl-subview li.dl-subviewopen > a, .explorer .dl-menu.dl-subview li.dl-subview > a {
    display: none; }
  .explorer .dl-menu.dl-subview li.dl-subview, .explorer .dl-menu.dl-subview li.dl-subview .dl-submenu, .explorer .dl-menu.dl-subview li.dl-subviewopen, .explorer .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .explorer .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block; }
  .explorer > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0; }

/* Animation classes for moving out and in */
.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  -moz-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s; }

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  -moz-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out; }

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  -moz-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease; }

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  -moz-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease; }

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  -moz-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease; }

@-webkit-keyframes MenuAnimOut1 {
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg); }

  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5; }

  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut2 {
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut3 {
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut4 {
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }

@-webkit-keyframes MenuAnimOut5 {
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0; } }

@-moz-keyframes MenuAnimOut1 {
  50% {
    -moz-transform: translateZ(-250px) rotateY(30deg); }

  75% {
    -moz-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5; }

  100% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }

@-moz-keyframes MenuAnimOut2 {
  100% {
    -moz-transform: translateX(-100%);
    opacity: 0; } }

@-moz-keyframes MenuAnimOut3 {
  100% {
    -moz-transform: translateZ(300px);
    opacity: 0; } }

@-moz-keyframes MenuAnimOut4 {
  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0; } }

@-moz-keyframes MenuAnimOut5 {
  100% {
    -moz-transform: translateY(40%);
    opacity: 0; } }

@keyframes MenuAnimOut1 {
  50% {
    transform: translateZ(-250px) rotateY(30deg); }

  75% {
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5; }

  100% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; } }

@keyframes MenuAnimOut2 {
  100% {
    transform: translateX(-100%);
    opacity: 0; } }

@keyframes MenuAnimOut3 {
  100% {
    transform: translateZ(300px);
    opacity: 0; } }

@keyframes MenuAnimOut4 {
  100% {
    transform: translateZ(-300px);
    opacity: 0; } }

@keyframes MenuAnimOut5 {
  100% {
    transform: translateY(40%);
    opacity: 0; } }

.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  -moz-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s; }

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  -moz-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out; }

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  -moz-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease; }

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  -moz-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease; }

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  -moz-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease; }

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }

  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }

  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0; }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }

@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }

@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }

@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0; }

  100% {
    -webkit-transform: translateY(0);
    opacity: 1; } }

@-moz-keyframes MenuAnimIn1 {
  0% {
    -moz-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }

  20% {
    -moz-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }

  100% {
    -moz-transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes MenuAnimIn2 {
  0% {
    -moz-transform: translateX(-100%);
    opacity: 0; }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1; } }

@-moz-keyframes MenuAnimIn3 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0; }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1; } }

@-moz-keyframes MenuAnimIn4 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0; }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1; } }

@-moz-keyframes MenuAnimIn5 {
  0% {
    -moz-transform: translateY(40%);
    opacity: 0; }

  100% {
    -moz-transform: translateY(0);
    opacity: 1; } }

@keyframes MenuAnimIn1 {
  0% {
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0; }

  20% {
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5; }

  100% {
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1; } }

@keyframes MenuAnimIn2 {
  0% {
    transform: translateX(-100%);
    opacity: 0; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@keyframes MenuAnimIn3 {
  0% {
    transform: translateZ(300px);
    opacity: 0; }

  100% {
    transform: translateZ(0px);
    opacity: 1; } }

@keyframes MenuAnimIn4 {
  0% {
    transform: translateZ(-300px);
    opacity: 0; }

  100% {
    transform: translateZ(0px);
    opacity: 1; } }

@keyframes MenuAnimIn5 {
  0% {
    transform: translateY(40%);
    opacity: 0; }

  100% {
    transform: translateY(0);
    opacity: 1; } }

.explorer > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  -moz-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease; }

.explorer > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out; }

.explorer > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  -moz-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease; }

.explorer > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  -moz-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease; }

.explorer > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  -moz-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease; }

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0; }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0; }

  100% {
    -webkit-transform: translateX(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0; }

  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1; } }

@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; }

  100% {
    -webkit-transform: translateZ(0);
    opacity: 1; } }

@-moz-keyframes SubMenuAnimIn1 {
  0% {
    -moz-transform: translateX(50%);
    opacity: 0; }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1; } }

@-moz-keyframes SubMenuAnimIn2 {
  0% {
    -moz-transform: translateX(100%);
    opacity: 0; }

  100% {
    -moz-transform: translateX(0px);
    opacity: 1; } }

@-moz-keyframes SubMenuAnimIn3 {
  0% {
    -moz-transform: translateZ(-300px);
    opacity: 0; }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1; } }

@-moz-keyframes SubMenuAnimIn4 {
  0% {
    -moz-transform: translateZ(300px);
    opacity: 0; }

  100% {
    -moz-transform: translateZ(0px);
    opacity: 1; } }

@-moz-keyframes SubMenuAnimIn5 {
  0% {
    -moz-transform: translateZ(-200px);
    opacity: 0; }

  100% {
    -moz-transform: translateZ(0);
    opacity: 1; } }

@keyframes SubMenuAnimIn1 {
  0% {
    transform: translateX(50%);
    opacity: 0; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn2 {
  0% {
    transform: translateX(100%);
    opacity: 0; }

  100% {
    transform: translateX(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn3 {
  0% {
    transform: translateZ(-300px);
    opacity: 0; }

  100% {
    transform: translateZ(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn4 {
  0% {
    transform: translateZ(300px);
    opacity: 0; }

  100% {
    transform: translateZ(0px);
    opacity: 1; } }

@keyframes SubMenuAnimIn5 {
  0% {
    transform: translateZ(-200px);
    opacity: 0; }

  100% {
    transform: translateZ(0);
    opacity: 1; } }

.explorer > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  -moz-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease; }

.explorer > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  -moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out; }

.explorer > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  -moz-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease; }

.explorer > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  -moz-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease; }

.explorer > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  -moz-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease; }

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(50%);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1; }

  100% {
    -webkit-transform: translateX(100%);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }

  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1; }

  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0; } }

@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1; }

  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0; } }

@-moz-keyframes SubMenuAnimOut1 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1; }

  100% {
    -moz-transform: translateX(50%);
    opacity: 0; } }

@-moz-keyframes SubMenuAnimOut2 {
  0% {
    -moz-transform: translateX(0%);
    opacity: 1; }

  100% {
    -moz-transform: translateX(100%);
    opacity: 0; } }

@-moz-keyframes SubMenuAnimOut3 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1; }

  100% {
    -moz-transform: translateZ(-300px);
    opacity: 0; } }

@-moz-keyframes SubMenuAnimOut4 {
  0% {
    -moz-transform: translateZ(0px);
    opacity: 1; }

  100% {
    -moz-transform: translateZ(300px);
    opacity: 0; } }

@-moz-keyframes SubMenuAnimOut5 {
  0% {
    -moz-transform: translateZ(0);
    opacity: 1; }

  100% {
    -moz-transform: translateZ(-200px);
    opacity: 0; } }

@keyframes SubMenuAnimOut1 {
  0% {
    transform: translateX(0%);
    opacity: 1; }

  100% {
    transform: translateX(50%);
    opacity: 0; } }

@keyframes SubMenuAnimOut2 {
  0% {
    transform: translateX(0%);
    opacity: 1; }

  100% {
    transform: translateX(100%);
    opacity: 0; } }

@keyframes SubMenuAnimOut3 {
  0% {
    transform: translateZ(0px);
    opacity: 1; }

  100% {
    transform: translateZ(-300px);
    opacity: 0; } }

@keyframes SubMenuAnimOut4 {
  0% {
    transform: translateZ(0px);
    opacity: 1; }

  100% {
    transform: translateZ(300px);
    opacity: 0; } }

@keyframes SubMenuAnimOut5 {
  0% {
    transform: translateZ(0);
    opacity: 1; }

  100% {
    transform: translateZ(-200px);
    opacity: 0; } }

/* Transitions */
body.ready .children {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

body.ready .dl-menu.dl-menu-toggle {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.icon.teal {
  color: #A50C07; }

.icon.white {
  color: white; }

.icon-ecvs {
  background-image: url('http://ecvs.sites.djangoeurope.com/media/images/ealing_logo.svg');
  background-repeat: no-repeat;
  background-size: 45px 45px;
  background-position: center center;
  background-color: transparent !important; }

.icon-ecvs:hover {
  background-image: url('http://ecvs.sites.djangoeurope.com/media/images/ealing_logo_hover.svg'); }

.icon:before, .icon:after, .hallotoolbar [class^="icon-"], .hallotoolbar [class*=" icon-"]:before, .hallotoolbar [class^="icon-"]:before {
  font-family: "wagtail";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none !important;
  speak: none;
  text-decoration: none;
  width: 1.3em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  vertical-align: middle;
  margin-right: 0.2em; }

.icon:after, .hallotoolbar [class^="icon-"]:after, .hallotoolbar [class^="icon-"]:after {
  text-align: right; }

.hallotoolbar [class^="icon-"], .hallotoolbar [class*=" icon-"]:before, .hallotoolbar [class*=" icon-"]:before, .hallotoolbar [class^="icon-"]:before {
  vertical-align: -10%;
  margin-right: 0; }

.icon-cogs:before {
  content: "a"; }

.icon-doc-empty-inverse:before {
  content: "b"; }

.icon-doc-empty:before {
  content: "c"; }

.icon-edit:before {
  content: "d"; }

.icon-arrow-up:before, .icon-arrow-up-after:after {
  content: "e"; }

.icon-arrow-down:before, .icon-arrow-down-after:after {
  content: "q"; }

.icon-search:before {
  content: "f"; }

.icon-cross:before {
  content: "g"; }

.icon-folder-open-1:before {
  content: "i"; }

.icon-folder-inverse:before {
  content: "j"; }

.icon-mail:before {
  content: "k"; }

.icon-arrows-up-down:before {
  content: "l"; }

.icon-locked:before {
  content: "m"; }

.icon-arrow-right:before, .icon-arrow-right-after:after {
  content: "n"; }

.icon-doc-full:before, .icon-file-text-alt:before {
  content: "h"; }

.icon-image:before, .icon-picture:before {
  content: "o"; }

.icon-unlocked:before {
  content: "p"; }

.icon-doc-full-inverse:before {
  content: "r"; }

.icon-folder:before {
  content: "s"; }

.icon-plus:before {
  content: "t"; }

.icon-tag:before {
  content: "u"; }

.icon-folder-open-inverse:before {
  content: "v"; }

.icon-cog:before {
  content: "w"; }

.icon-tick:before {
  content: "x"; }

.icon-user:before {
  content: "y"; }

.icon-arrow-left:before {
  content: "z"; }

.icon-tick-inverse:before {
  content: "A"; }

.icon-plus-inverse:before {
  content: "B"; }

.icon-snippet:before {
  content: "D"; }

.icon-wagtail:before {
  content: "V"; }

.icon-wagtail-inverse:before {
  content: "0"; }

.icon-bold:before {
  content: "C"; }

.icon-italic:before {
  content: "E"; }

.icon-undo:before {
  content: "H"; }

.icon-repeat:before {
  content: "I"; }

.icon-list-ol:before {
  content: "G"; }

.icon-list-ul:before {
  content: "F"; }

.icon-link:before {
  content: "J"; }

.icon-radio-full:before {
  content: "K"; }

.icon-radio-empty:before {
  content: "L"; }

.icon-arrow-up-big:before {
  content: "M"; }

.icon-arrow-down-big:before {
  content: "N"; }

.icon-group:before {
  content: "O"; }

.icon-media:before {
  content: "P"; }

.icon-horizontalrule:before {
  font-family: Open Sans, Arial, sans-serif !important;
  content: "\2014"; }

.icon-password:before {
  content: "Q"; }

.icon-download:before {
  content: "S";
  /* Credit: Icon made by Freepik from Flaticon.com */ }

.icon-order:before {
  content: "T"; }

.icon-grip:before {
  content: "U"; }

.icon-home:before {
  content: "W"; }

.icon-order-down:before {
  content: "X"; }

.icon-order-up:before {
  content: "Y"; }

.icon-bin:before {
  content: "Z"; }

.icon-spinner:after {
  width: 1em;
  animation: spin 1s infinite;
  -webkit-animation: spin 1s infinite;
  -moz-animation: spin 1s infinite;
  content: "1"; }

.icon-pick:before {
  content: "2"; }

.icon-redirect:before {
  content: "3"; }

.icon-view:before {
  content: "4";
  /* Credit: Icon made by Zurb from Flaticon.com */
  font-size: 1.3rem; }

.icon-collapse-down:before {
  content: "5"; }

.icon-collapse-up:before {
  content: "6"; }

.icon-date:before {
  content: "7"; }

.icon-success:before {
  content: "9"; }

.icon-help:before {
  content: "?"; }

.icon-warning:before {
  content: "!"; }

.icon-form:before {
  content: "$"; }

.icon.text-replace {
  font-size: 0em;
  line-height: 0;
  overflow: hidden; }
  .icon.text-replace:before {
    margin-right: 0;
    font-size: 1rem;
    display: inline-block;
    width: 100%;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle; }

.icon.icon-larger:before {
  font-size: 1.5em; }

@keyframes spin {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg); }

  to {
    -moz-transform: rotate(360deg); } }

.tab-nav {
  padding: 0;
  /* For cases where tab-nav should merge with header */ }
  .tab-nav:before, .tab-nav:after {
    content: " ";
    display: table; }
  .tab-nav:after {
    clear: both; }
  .tab-nav li {
    list-style-type: none;
    width: 48%;
    float: left;
    padding: 0;
    position: relative; }
    .tab-nav li:before, .tab-nav li:after {
      display: none; }
  .tab-nav a {
    background-color: #830606;
    outline: none;
    line-height: 3em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
    text-decoration: none;
    display: block;
    padding: 0 20px;
    color: white;
    border-top: 0.3em solid #830606;
    border-bottom: 1px solid transparent; }
    body.ready .tab-nav a {
      -webkit-transition: border-color 0.2s ease;
      -moz-transition: border-color 0.2s ease;
      -o-transition: border-color 0.2s ease;
      transition: border-color 0.2s ease; }
    .tab-nav a:hover {
      color: white;
      border-top-color: #650704; }
  .tab-nav a.errors:after {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1);
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    z-index: 5;
    min-width: 0.9em;
    color: white;
    background: #A50C07;
    content: attr(data-count);
    padding: 0 0.3em;
    line-height: 1.4em;
    text-align: center;
    font-size: 0.8em; }
  .tab-nav li.active a {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #282828;
    background-color: white;
    border-top: 0.3em solid #282828; }
  .tab-nav.merged {
    background-color: #A50C07;
    margin-top: 0; }

.tab-content section {
  display: none;
  padding-top: 1em; }
  .tab-content section.active {
    display: block; }

@media screen and (min-width: 50em) {
  .tab-nav li {
    width: auto;
    padding: 0;
    margin-left: 0.7em; }
  .tab-nav a {
    padding: 0 50px; }
  .modal-content .tab-nav li {
    padding: 0;
    min-width: 0; } }

.dropdown {
  position: relative;
  /* Styles for dropdowns which are also buttons e.g page editor */ }
  .dropdown:before, .dropdown:after {
    content: " ";
    display: table; }
  .dropdown:after {
    clear: both; }
  .dropdown .dropdown-toggle {
    color: white;
    text-transform: uppercase;
    background-color: #A50C07;
    line-height: 3em;
    padding-left: 1em;
    padding-right: 1em;
    cursor: pointer; }
    .dropdown .dropdown-toggle:before, .dropdown .dropdown-toggle:after {
      margin: 0; }
  .dropdown input[type=button], .dropdown input[type=submit], .dropdown button, .dropdown .button {
    padding: 1em 0;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 1em; }
  .dropdown ul {
    background-color: #A50C07;
    position: absolute;
    overflow: hidden;
    top: 100%;
    left: -2000px;
    z-index: 500;
    opacity: 0; }
    .dropdown ul, .dropdown ul ul, .dropdown ul li {
      list-style-type: none;
      font-style: normal; }
    .dropdown ul, .dropdown ul ul {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0; }
    .dropdown ul li {
      float: none;
      border-color: rgba(255, 255, 255, 0.2);
      border-style: solid;
      border-width: 1px 0 0 0; }
    .dropdown ul a {
      box-sizing: border-box;
      white-space: nowrap;
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      display: block;
      color: white;
      padding: 1em;
      font-weight: normal; }
      .dropdown ul a:hover {
        background-color: #740705; }
      .dropdown ul a.icon {
        padding-right: 5em; }
        .dropdown ul a.icon:before, .dropdown ul a.icon:after {
          right: 1em; }
      .dropdown ul a.shortcut {
        padding-right: 7em; }
    .dropdown ul a, .dropdown ul input[type=submit], .dropdown ul input[type=reset], .dropdown ul input[type=button], .dropdown ul .button, .dropdown ul button {
      font-size: 0.95em;
      -webkit-font-smoothing: auto;
      -webkit-border-radius: 0;
      border-radius: 0; }
    .dropdown ul label {
      padding: 1.3em; }
    .dropdown ul .kbd {
      position: absolute;
      right: 1em;
      font-weight: 600;
      font-size: 0.8em;
      color: rgba(0, 0, 0, 0.3); }
  .dropdown.open ul {
    -webkit-box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, 0.2);
    opacity: 1;
    left: 0;
    display: block; }
  .dropdown.match-width ul {
    width: 100%;
    min-width: 110px; }
    .dropdown.match-width ul li {
      white-space: nowrap; }
  .dropdown.dropup ul {
    -webkit-box-shadow: 0px -3px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px -3px 3px 0 rgba(0, 0, 0, 0.2);
    top: auto;
    bottom: 100%; }
    .dropdown.dropup ul li {
      border-width: 0 0 1px 0; }
  .dropdown .button {
    float: left; }
    .dropdown .button:hover {
      background-color: #740705; }
  .dropdown > .button + .dropdown-toggle {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 0.5em;
    text-align: center; }
    .dropdown > .button + .dropdown-toggle:before {
      width: 1em;
      font-size: 1.2rem; }
    .dropdown > .button + .dropdown-toggle:hover {
      background-color: #740705; }
  .dropdown.open > .button + .dropdown-toggle {
    background-color: #740705; }
  .dropdown.dropdown-button .dropdown-toggle {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0; }
  .dropdown.dropdown-button.open > input[type=button], .dropdown.dropdown-button.open > input[type=submit], .dropdown.dropdown-button.open > button, .dropdown.dropdown-button.open > .button {
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px; }
  .dropdown.dropdown-button.open .dropdown-toggle {
    -webkit-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0; }
  .dropdown.dropup.dropdown-button.open > input[type=button], .dropdown.dropup.dropdown-button.open > input[type=submit], .dropdown.dropup.dropdown-button.open > button, .dropdown.dropup.dropdown-button.open > .button {
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
  .dropdown.dropup.dropdown-button.open .dropdown-toggle {
    -webkit-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0; }

.dropdown.white ul {
  background-color: white; }
  .dropdown.white ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .dropdown.white ul a {
    color: #595959; }
    .dropdown.white ul a:hover {
      background-color: #A8A8A8; }

h2 .dropdown {
  display: inline-block;
  font-size: 0.7em;
  margin-right: 0.5em;
  vertical-align: middle; }
  h2 .dropdown .dropdown-toggle {
    padding: 0.5em 0;
    border-right: 1px solid #A8A8A8;
    /* icon */ }
    h2 .dropdown .dropdown-toggle:before {
      opacity: 0.5;
      padding: 0.2em;
      height: 1.1em;
      text-align: left; }
    h2 .dropdown .dropdown-toggle:hover {
      background-color: #A50C07;
      border-color: transparent; }
  h2 .dropdown.open .dropdown-toggle {
    background-color: #A50C07; }
  h2 .dropdown.open ul {
    left: auto; }
  h2 .dropdown .dropdown-toggle:hover {
    background-color: #A8A8A8; }
    h2 .dropdown .dropdown-toggle:hover:before {
      color: white;
      opacity: 1; }
  h2 .dropdown.open .dropdown-toggle:before {
    background-color: #A50C07;
    color: white;
    opacity: 1; }

/* Transitions */
body.ready .dropdown ul {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.fade {
  opacity: 0; }
  body.ready .fade {
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.modal-open {
  overflow: hidden; }
  .modal-open .content-wrapper {
    -webkit-transform: none;
    transform: none; }

.modal {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 500; }

.modal-dialog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 0px;
  z-index: 510;
  height: 90%;
  width: 85%; }
  .modal-dialog:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

.modal-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 98.7%;
  position: relative;
  background-color: white;
  outline: none;
  margin-top: 2em;
  padding-bottom: 3em;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 490;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 0.5; }

.modal .close {
  padding: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  z-index: 1; }

.modal-body {
  position: relative;
  padding-bottom: 2em; }
  .modal-body header {
    padding-right: 100px; }

@media screen and (min-width: 50em) {
  .modal-dialog {
    padding: 0px 0 2em 150px; } }

@media screen and (min-width: 100em) {
  .modal-dialog {
    max-width: 100em;
    padding: 0 0 2em 0; } }

form ul, form li {
  list-style-type: none; }
form ul {
  margin: 0;
  padding: 0; }
form li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  /*max-width: $grid-max-width; NO MAX WIDTH*/
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0; }
  form li:before, form li:after {
    content: " ";
    display: table; }
  form li:after {
    clear: both; }

fieldset {
  border: 0;
  padding: 0 0 2em 0;
  margin: 0; }

legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  legend:active, legend:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

label {
  font-weight: bold;
  color: #282828;
  font-size: 1.1em;
  display: block;
  padding: 0 0 0.8em 0;
  line-height: 1.3em; }
  .checkbox label, .radio label {
    display: inline; }

input, textarea, select, .richtext, .tagit {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-family: Open Sans, Arial, sans-serif;
  border: 1px solid #BABABA;
  padding: 0.9em 1.2em;
  background-color: #E2E2E2;
  -webkit-appearance: none;
  color: #282828;
  font-size: 1.2em;
  font-weight: 300;
  outline: none;
  /* what the hell firefox? Spare us your opinions */ }
  input::-moz-focus-inner, textarea::-moz-focus-inner, select::-moz-focus-inner, .richtext::-moz-focus-inner, .tagit::-moz-focus-inner {
    padding: 0 !important;
    border: 0 !important;
    margin-top: -3px !important;
    margin-bottom: -2px !important; }
  input:hover, textarea:hover, select:hover, .richtext:hover, .tagit:hover {
    background-color: white; }
  input:focus, textarea:focus, select:focus, .richtext:focus, .tagit:focus {
    border-color: #54d0ce;
    outline: none;
    background-color: #f4fcfc; }

/* select boxes */
.choice_field .input, .typed_choice_field .input {
  position: relative; }
  .choice_field .input select, .typed_choice_field .input select {
    outline: none; }
  .choice_field .input:after, .typed_choice_field .input:after {
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
    z-index: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    height: 95%;
    width: 1.5em;
    font-family: wagtail;
    content: "q";
    border: 1px solid #BABABA;
    border-width: 0 0 0 1px;
    text-align: center;
    line-height: 1.4em;
    font-size: 3em;
    pointer-events: none;
    color: #A8A8A8;
    background-color: #E2E2E2;
    margin: 0px 1px 0 0; }
  .ie .choice_field .input:after, .ie .typed_choice_field .input:after {
    display: none; }

/* radio and check boxes */
input[type=radio], input[type=checkbox] {
  -webkit-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  border: 0; }

input[type=radio] {
  -webkit-appearance: radio;
  width: auto;
  position: relative;
  margin-right: 15px; }

input[type=radio]:before {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  font-family: wagtail;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: -5px;
  left: -2px;
  cursor: pointer;
  display: block;
  content: "K";
  width: 1em;
  line-height: 1.1em;
  padding: 4px;
  background-color: white;
  color: #BABABA;
  border: 1px solid #BABABA; }

input[type=radio]:checked:before {
  content: "K";
  color: #A50C07; }

input[type=checkbox] {
  -webkit-appearance: checkbox;
  width: auto;
  position: relative;
  margin-right: 15px; }

input[type=checkbox]:before {
  font-family: wagtail;
  font-style: normal;
  text-align: center;
  position: absolute;
  top: -5px;
  cursor: pointer;
  display: block;
  content: "x";
  line-height: 20px;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid #BABABA;
  color: #BABABA; }

input[type=checkbox]:checked:before {
  color: #A50C07; }

/* Core button style */
input[type=submit], input[type=reset], input[type=button], .button, button {
  font-family: Open Sans, Arial, sans-serif;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: auto;
  padding: 0.7em 1em;
  background-color: #A50C07;
  border: 1px solid #A50C07;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9em;
  white-space: nowrap;
  position: relative;
  -webkit-font-smoothing: auto;
  vertical-align: middle;
  line-height: 1em;
  display: inline-block;
  overflow: hidden;
  position: relative;
  font-weight: normal;
  outline: none;
  -moz-appearance: none;
  -moz-box-sizing: border-box; }
  input[type=submit].button-small, input[type=reset].button-small, input[type=button].button-small, .button.button-small, button.button-small {
    padding: 0.55em 0.8em;
    font-size: 1em; }
  input[type=submit].button-secondary, input[type=reset].button-secondary, input[type=button].button-secondary, .button.button-secondary, button.button-secondary {
    color: #A50C07;
    background-color: white; }
  input[type=submit].icon.text-replace:before, input[type=reset].icon.text-replace:before, input[type=button].icon.text-replace:before, .button.icon.text-replace:before, button.icon.text-replace:before {
    font-size: auto; }
  input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, .button:hover, button:hover {
    background-color: #740705;
    color: white;
    border-color: transparent; }
  input[type=submit].yes, input[type=reset].yes, input[type=button].yes, .button.yes, button.yes {
    background-color: #07A53D;
    border: 1px solid #07A53D; }
    input[type=submit].yes.button-secondary, input[type=reset].yes.button-secondary, input[type=button].yes.button-secondary, .button.yes.button-secondary, button.yes.button-secondary {
      border: 1px solid #07A53D;
      color: #07A53D;
      background-color: transparent; }
    input[type=submit].yes:hover, input[type=reset].yes:hover, input[type=button].yes:hover, .button.yes:hover, button.yes:hover {
      color: white;
      border-color: transparent;
      background-color: #057e2e; }
  input[type=submit].no, input[type=submit].serious, input[type=reset].no, input[type=reset].serious, input[type=button].no, input[type=button].serious, .button.no, .button.serious, button.no, button.serious {
    background-color: #A50C07;
    border: 1px solid #A50C07; }
    input[type=submit].no.button-secondary, input[type=submit].serious.button-secondary, input[type=reset].no.button-secondary, input[type=reset].serious.button-secondary, input[type=button].no.button-secondary, input[type=button].serious.button-secondary, .button.no.button-secondary, .button.serious.button-secondary, button.no.button-secondary, button.serious.button-secondary {
      border: 1px solid #A50C07;
      color: #A50C07;
      background-color: transparent; }
    input[type=submit].no:hover, input[type=submit].serious:hover, input[type=reset].no:hover, input[type=reset].serious:hover, input[type=button].no:hover, input[type=button].serious:hover, .button.no:hover, .button.serious:hover, button.no:hover, button.serious:hover {
      color: white;
      border-color: transparent;
      background-color: #430403; }
  input[type=submit].bicolor, input[type=reset].bicolor, input[type=button].bicolor, .button.bicolor, button.bicolor {
    border: 0;
    padding-left: 3.5em; }
    input[type=submit].bicolor:before, input[type=reset].bicolor:before, input[type=button].bicolor:before, .button.bicolor:before, button.bicolor:before {
      font-size: 1rem;
      position: absolute;
      left: 0;
      top: 0;
      width: 2em;
      line-height: 2em;
      height: 100%;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.2);
      display: block; }
  input[type=submit].button-small.bicolor, input[type=reset].button-small.bicolor, input[type=button].button-small.bicolor, .button.button-small.bicolor, button.button-small.bicolor {
    padding: 0.65em 0.8em;
    padding-left: 3.5em; }
    input[type=submit].button-small.bicolor:before, input[type=reset].button-small.bicolor:before, input[type=button].button-small.bicolor:before, .button.button-small.bicolor:before, button.button-small.bicolor:before {
      width: 2em;
      font-size: 0.9rem;
      line-height: 2em; }
  input[type=submit] + input[type=submit], input[type=submit] + input[type=reset], input[type=submit] + input[type=button], input[type=submit] + .button, input[type=submit] + button, input[type=reset] + input[type=submit], input[type=reset] + input[type=reset], input[type=reset] + input[type=button], input[type=reset] + .button, input[type=reset] + button, input[type=button] + input[type=submit], input[type=button] + input[type=reset], input[type=button] + input[type=button], input[type=button] + .button, input[type=button] + button, .button + input[type=submit], .button + input[type=reset], .button + input[type=button], .button + .button, .button + button, button + input[type=submit], button + input[type=reset], button + input[type=button], button + .button, button + button {
    margin-left: 1em; }

button.icon:before, button.icon:after {
  line-height: 0; }

.multiple {
  padding: 0;
  max-height: 10000px;
  max-width: 974px;
  overflow: hidden;
  /* Object controls */ }
  body.ready .multiple {
    -webkit-transition: max-height 10s ease;
    -moz-transition: max-height 10s ease;
    -o-transition: max-height 10s ease;
    transition: max-height 10s ease; }
  .multiple > li {
    position: relative;
    background-color: white;
    padding: 1em 10em 1em 1.5em;
    /* 10em padding leaves room for controls */
    margin-bottom: 1em;
    border: 1px solid #c2c2c2;
    /* really trying to avoid creating more greys, but this one is better than grey 4 or 5 */
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .multiple.moving {
    position: relative; }
  .multiple li.moving {
    position: absolute;
    width: 100%; }
  .multiple fieldset {
    padding-top: 0;
    padding-bottom: 0; }
  .multiple .controls {
    position: absolute;
    z-index: 1;
    right: 1em;
    top: 1em;
    color: white;
    overflow: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
    .multiple .controls li {
      background-color: #A50C07;
      float: left;
      cursor: pointer;
      margin-right: 1px; }
      .multiple .controls li:last-child {
        margin-right: 0; }
    .multiple .controls .icon {
      padding: 0.3em; }
    .multiple .controls .icon:before {
      line-height: 2em;
      width: 2em; }
    .multiple .controls .icon:hover {
      background-color: #740705; }
      .multiple .controls .icon:hover:before {
        color: white; }
    .multiple .controls .icon-bin:hover {
      background-color: #A50C07; }
    .multiple .controls .disabled {
      display: none; }

/* wrapper around add button for mutliple objects */
.add {
  font-weight: 700;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 2em;
  clear: both; }

/* Other text */
.help, .error-message {
  font-size: 0.85em;
  font-weight: normal;
  margin: 0.5em 0 0 0; }

.error-message {
  color: #A50C07; }

.help {
  color: #595959; }

fieldset:hover > .help, .field.focused + .help, .field:focus + .help, .field:hover + .help, li.focused > .help {
  opacity: 1; }

.required label:after {
  content: "*";
  color: #A50C07;
  font-weight: bold;
  display: inline-block;
  margin-left: 0.5em;
  line-height: 1em;
  font-size: 13px; }

.error input, .error textarea, .error select, .error .tagit {
  border-color: #A50C07;
  background-color: #feedee; }

/* Layouts for particular kinds of of fields */
/* permanently show checkbox/radio help as they have no focus state */
.boolean_field .help, .radio .help {
  opacity: 1; }

.iconfield {
  position: relative;
  /* special case for search spinners */ }
  .iconfield input:not([type=radio]), .iconfield input:not([type=checkbox]), .iconfield input:not([type=submit]), .iconfield input:not([type=button]) {
    padding-left: 2.5em; }
  .iconfield:before, .iconfield:after {
    font-family: wagtail;
    position: absolute;
    top: 0.4em;
    font-size: 1.4em;
    color: #A8A8A8; }
  .iconfield:before {
    left: 0.5em; }
  .iconfield:after {
    right: 0.5em; }
  .iconfield.icon-spinner:after {
    color: #A50C07;
    opacity: 0.8;
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 23px;
    text-align: center;
    top: 0.3em; }

.fields li {
  padding-top: 0.5em;
  padding-bottom: 1.2em; }

.field-content .input li label {
  width: auto;
  float: none; }

.input {
  clear: both; }

/* field sizing */
.field-small input, .field-small textarea, .field-small select, .field-small .richtext, .field-small .tagit {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0.4em 1em; }

.field.col1, .field.col2, .field.col3, .field.col4, .field.col5, .field.col6, .field.col7, .field.col8, .field.col9, .field.col10, .field.col11, .field.col12 {
  clear: both; }

li.inline .field.col1, li.inline .field.col2, li.inline .field.col3, li.inline .field.col4, li.inline .field.col5, li.inline .field.col6, li.inline .field.col7, li.inline .field.col8, li.inline .field.col9, li.inline .field.col10, li.inline .field.col11, li.inline .field.col12 {
  clear: none; }

/* solve gutter issues of inline fields */
ul.inline li:first-child, li.inline:first-child {
  margin-left: -1.5%; }

/* TODO this chooser style has been made more generic based on two identical methods for choosing pages and images that were previously included in their own less files in each app directory (and since deleted). It would be best if an admin "theme" provided all the design for a UI in a single place, but should that be a series of overrides to the css provided from an app? If so, perhaps those two previous less files should be re-instated and then overriden here? hmm. */
.chooser {
  /* We show the 'chosen' state...*/
  /* ...unless the .page-chooser has the 'blank' class set */ }
  .chooser:before, .chooser:after {
    content: " ";
    display: table; }
  .chooser:after {
    clear: both; }
  .chooser input[type=text] {
    float: left;
    width: 50%;
    margin-right: 1em; }
  .chooser .chosen {
    display: block; }
  .chooser .unchosen, .chooser .chosen {
    position: relative; }
    .chooser .unchosen:before, .chooser .chosen:before {
      vertical-align: middle;
      font-family: wagtail;
      content: "";
      position: relative;
      display: block;
      float: left;
      color: #A8A8A8;
      line-height: 1em;
      font-size: 2.5em;
      margin-right: 0.3em; }
  .chooser .unchosen {
    display: none; }
  .chooser.blank .chosen {
    display: none; }
  .chooser.blank .unchosen {
    display: block; }
  .chooser input[type=button] {
    font-size: 0.85em;
    padding: 0.5em 0.5em; }

/* standard way of doing a chooser where the chosen object's title is overlayed */
.page-chooser .chosen .title, .snippet-chooser .chosen .title, .document-chooser .chosen .title {
  color: #282828;
  display: block;
  padding-left: 3em; }
.page-chooser .chosen .actions, .snippet-chooser .chosen .actions, .document-chooser .chosen .actions {
  clear: both;
  padding-top: 0.6em; }

.page-chooser .unchosen:before, .page-chooser .chosen:before {
  content: "b"; }

.snippet-chooser .unchosen:before, .snippet-chooser .chosen:before {
  content: "D"; }

.document-chooser .unchosen:before, .document-chooser .chosen:before {
  content: "r"; }

.image-chooser .unchosen:before, .image-chooser .chosen:before {
  content: "o"; }
.image-chooser .chosen {
  padding-left: 130px; }
  .image-chooser .chosen:before {
    content: ""; }
  .image-chooser .chosen .preview-image {
    float: left;
    margin-left: -130px;
    margin-right: 1em; }

/* taggit tagging */
.tagit {
  padding: 0.6em 1.2em; }
  .tagit .tagit-choice {
    border: 0; }

ul.tagit input[type="text"] {
  padding: 0.2em 0.5em !important;
  /* having to use important, FML*/ }

ul.tagit li.tagit-choice-editable {
  padding: 0 23px 0 0 !important;
  /* having to use important, FML*/ }

.tagit-close .ui-icon-close {
  margin-left: 1em;
  text-indent: 0;
  background: none; }
.tagit-close .ui-icon-close:before {
  font-family: wagtail;
  display: block;
  color: #A8A8A8;
  content: "g"; }
.tagit-close .ui-icon-close:hover:before {
  color: #A50C07; }

/* search-bars */
.search-bar .required label:after {
  display: none; }

/* Transitions */
body.ready fieldset, body.ready input, body.ready textarea, body.ready select {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }

body.ready input[type=submit], body.ready input[type=reset], body.ready input[type=button], body.ready .button, body.ready button {
  -webkit-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; }

body.ready .help {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease; }

@media screen and (min-width: 50em) {
  label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 16.66667%;
    padding-right: 1.5%;
    padding-left: 1.5%;
    padding-top: 1.2em;
    padding-left: 0; }
    .model_multiple_choice_field label, .boolean_field label, .model_choice_field label, .image_field label, .file_field label {
      padding-top: 0; }
    .boolean_field label {
      padding-bottom: 0; }
  input[type=submit], input[type=reset], input[type=button], .button, button {
    font-size: 0.95em;
    padding: 0.75em 1.4em; }
    input[type=submit].bicolor, input[type=reset].bicolor, input[type=button].bicolor, .button.bicolor, button.bicolor {
      padding-left: 3.5em; }
      input[type=submit].bicolor:before, input[type=reset].bicolor:before, input[type=button].bicolor:before, .button.bicolor:before, button.bicolor:before {
        width: 2.2em;
        line-height: 2.15em; }
  .help {
    opacity: 1; }
  .fields {
    max-width: 800px; }
  .field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    /*max-width: $grid-max-width; NO MAX WIDTH*/
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0; }
    .field:before, .field:after {
      content: " ";
      display: table; }
    .field:after {
      clear: both; }
  .field-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 83.33333%;
    padding-right: 1.5%;
    padding-left: 1.5%;
    padding-right: 0; } }

/* General listings, like for pages, images or snippets */
ul.listing, ul.listing ul, ul.listing li {
  list-style-type: none;
  font-style: normal; }
ul.listing, ul.listing ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }

.listing {
  margin-bottom: 2em;
  /* specific columns */ }
  .listing ul, .listing ul ul, .listing ul li {
    list-style-type: none;
    font-style: normal; }
  .listing ul, .listing ul ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .listing > li {
    padding: 1em 0;
    border-bottom: 1px dashed #BABABA; }
  .listing h3 {
    margin: 0;
    font-size: 0.95em; }
  .listing td, .listing th {
    padding: 1.2em 1em; }
  .listing.small td, .listing th {
    padding: 0.6em 1em; }
  .listing thead {
    color: #595959;
    border-bottom: 1px solid #BABABA;
    /*
        .dropdown{
            padding:0;
        }
        .dropdown-toggle{
            display:block;
            padding:1.5em;
        }
        .dropdown:hover,
        .dropdown.open{
            @include box-shadow(0px 0px 3px 0 rgba(0,0,0,0.2));
            background-color:white;
            margin-left:-$grid-gutter-width * 2;
        }
        */ }
    .listing thead th {
      font-size: 0.85em;
      text-align: left;
      font-weight: normal;
      white-space: nowrap;
      text-transform: uppercase; }
    .listing thead th.children {
      border: 0; }
    .listing thead th a {
      text-decoration: none;
      color: inherit;
      position: relative; }
      .listing thead th a.icon:after {
        opacity: 0.5;
        right: 0; }
  .listing.full-width td:first-child, .listing.full-width th:first-child {
    padding-left: 20px; }
  .listing.full-width {
    margin-bottom: -3em;
    /* this negates the padding added to the bottom of .content */ }
  .listing.full-width th {
    background-color: #E2E2E2; }
  .listing .table-headers {
    border-bottom: 1px solid #BABABA; }
  .listing tbody {
    border-bottom: 1px dashed #BABABA; }
  .listing tbody tr {
    border-top: 1px dashed #BABABA; }
    .listing tbody tr:first-child {
      border-top: 1px dashed #BABABA; }
  .listing.full-width tbody {
    border: 0; }
  .listing.full-width tbody tr:hover {
    background-color: #FDFDFD; }
  body.ready .listing.chooser tr.can-choose a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; }
  .listing.chooser tr.can-choose:hover {
    background-color: #A50C07;
    color: white; }
    .listing.chooser tr.can-choose:hover a, .listing.chooser tr.can-choose:hover a:hover {
      color: white; }
    .listing.chooser tr.can-choose:hover .status-tag {
      border-color: white; }
  .listing.small tbody tr {
    font-size: 1em; }
  .listing .divider {
    text-transform: uppercase;
    font-size: 0.8em;
    background-color: #A8A8A8; }
    .listing .divider td {
      padding-top: 0.5em;
      padding-bottom: 0.5em; }
  .listing.full-width .divider td {
    padding-left: 20px; }
  .listing .bulk {
    padding-right: 0; }
    .listing .bulk label {
      font-size: 1em;
      display: block;
      width: 100%;
      position: relative; }
    .listing .bulk label span {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
      .listing .bulk label span:active, .listing .bulk label span:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto; }
    .listing .bulk input {
      margin-top: 3px; }
  .listing .title h2 {
    text-transform: none;
    margin: 0;
    font-size: 1.1em;
    font-weight: 700;
    color: #595959;
    line-height: 1.5em; }
    .listing .title h2 a {
      color: inherit;
      text-decoration: none; }
      .listing .title h2 a:hover {
        color: #A50C07; }
  .listing .actions {
    margin-top: 0.8em;
    text-transform: uppercase;
    font-size: 0.85em;
    margin-bottom: -0.5em; }
    .listing .actions:before, .listing .actions:after {
      content: " ";
      display: table; }
    .listing .actions:after {
      clear: both; }
    .listing .actions a {
      text-decoration: none; }
    .listing .actions li {
      float: left;
      padding: 0 0.5em 0 0;
      margin: 0 0 0.5em 0;
      line-height: 1em; }
  .listing .button {
    color: #A50C07;
    border-color: #A8A8A8;
    background: transparent; }
    .listing .button:hover {
      border-color: #A50C07;
      background-color: #A50C07;
      color: white; }
  .listing .moderate-actions form {
    float: left;
    margin: 0 1em 1em 0; }
  .listing .children, .listing .no-children {
    padding: 0 !important;
    border-left: 1px dashed #BABABA; }
    .listing .children:hover, .listing .no-children:hover {
      background-color: #E2E2E2; }
  .listing .children a, .listing .no-children a {
    display: block;
    padding: 2em 0; }
  .listing .children a {
    color: #A50C07;
    display: block; }
    .listing .children a:before {
      font-size: 3rem; }
  .listing .no-children a {
    color: #A8A8A8;
    display: block; }
    .listing .no-children a:before {
      font-size: 1.5rem; }
    .listing .no-children a:hover {
      color: #A50C07; }
  .listing.small .children a:before {
    font-size: 30px; }
  .listing .ord {
    padding-left: 10px !important; }
  .listing th.ord a:before {
    width: 1em;
    font-size: 15px; }
  .listing th.ord a:hover:before {
    color: #A50C07; }
  .listing .handle {
    cursor: move;
    width: 20px; }
    .listing .handle:before {
      font-size: 20px;
      color: #A8A8A8;
      width: 1em; }
    .listing .handle:hover:before {
      color: #595959; }
  .listing .ui-sortable-helper {
    border: 1px dashed #BABABA;
    border-width: 1px 0; }
    .listing .ui-sortable-helper td {
      display: none; }
    .listing .ui-sortable-helper .ord, .listing .ui-sortable-helper .title {
      display: table-cell; }
  .listing .dropzone {
    height: 80px;
    background-color: #282828; }
    .listing .dropzone:hover {
      background-color: #282828; }
    .listing .dropzone td {
      padding: 0 !important; }
  .listing td.children:hover {
    background-color: #A50C07; }
    .listing td.children:hover a:before {
      color: white; }
  .listing table .no-results-message {
    padding-left: 20px; }
  .listing .inactive h2 {
    opacity: 0.5; }
  .listing .index {
    background-color: #BABABA; }
    .listing .index .title h2 {
      font-size: 1.2em;
      opacity: 1; }
      body.ready .listing .index .title h2 a {
        -webkit-transition: opacity 0.2s ease;
        -moz-transition: opacity 0.2s ease;
        -o-transition: opacity 0.2s ease;
        transition: opacity 0.2s ease; }
      .listing .index .title h2 a:hover {
        opacity: 0.7; }
    .listing .index a {
      color: auto; }
    .listing .index .actions {
      margin-top: 1em; }
    .listing .index .button {
      color: white;
      border-color: #740705; }
      .listing .index .button:hover {
        color: white;
        background: #740705; }
      .listing .index .button.bicolor {
        background: #740705; }

ul.listing {
  border-top: 1px dashed #BABABA;
  margin-bottom: 2em; }

table.listing {
  width: 100%; }

/* explorer specific tweaks */
.page-explorer .listing .index {
  color: white;
  background-color: #A50C07; }
  .page-explorer .listing .index td {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
  .page-explorer .listing .index .title h2 {
    color: white;
    font-size: 1.8em;
    font-weight: 600; }
    .page-explorer .listing .index .title h2 a:hover {
      color: white; }
.page-explorer .listing .table-headers .ord {
  padding-right: 0; }
.page-explorer .listing .table-headers .title {
  padding-left: 0; }
.page-explorer .listing tbody .title {
  padding-left: 0; }

.pagination {
  text-align: center; }
  .pagination p {
    margin: 0; }
  .pagination ul, .pagination ul ul, .pagination ul li {
    list-style-type: none;
    font-style: normal; }
  .pagination ul, .pagination ul ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .pagination ul {
    margin-top: -1.7em; }
  .pagination li {
    line-height: 1em; }
  .pagination .prev {
    float: left; }
  .pagination .next {
    float: right; }

.listing.full-width + .pagination {
  margin-top: 3em;
  border-top: 1px dashed #d9d9d9;
  padding: 2em 50px 0 50px; }

/* listing filters */
.listing-filter {
  background-color: #E2E2E2;
  border-width: 1px 0;
  margin: 3em 0; }
  .listing-filter:before, .listing-filter:after {
    content: " ";
    display: table; }
  .listing-filter:after {
    clear: both; }

.filter-title {
  float: left;
  text-transform: uppercase;
  font-size: 0.95em;
  padding: 1em;
  margin: 0 1em 0 0;
  background-color: #BABABA; }

.filter-options {
  overflow: hidden; }
  .filter-options, .filter-options ul, .filter-options li {
    list-style-type: none;
    font-style: normal; }
  .filter-options, .filter-options ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .filter-options:before, .filter-options:after {
    content: " ";
    display: table; }
  .filter-options:after {
    clear: both; }
  .filter-options li {
    padding: 0.8em;
    float: left; }

@media screen and (min-width: 50em) {
  .listing.horiz > li {
    float: left; }
  .listing.images {
    border: 1px solid #BABABA;
    border-width: 0 0 0 1px !important; }
    .listing.images:before, .listing.images:after {
      content: " ";
      display: table; }
    .listing.images:after {
      clear: both; }
    .listing.images > li {
      padding: 1.3em;
      width: 200px;
      height: 220px;
      text-align: center;
      margin-top: -1px;
      border: 1px solid #BABABA;
      border-width: 1px 1px 1px 0px; }
      .listing.images > li .image {
        text-align: center;
        height: 180px; }
        .listing.images > li .image:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle;
          margin-right: -0.25em; }
        .listing.images > li .image img {
          display: inline-block;
          vertical-align: middle; }
      .listing.images > li:hover {
        background-color: #FDFDFD; }
        .listing.images > li:hover img {
          border-color: #A50C07; }
    .listing.images a {
      color: inherit; }
  .listing .actions {
    visibility: hidden; }
  .listing .index .actions {
    visibility: visible; }
  .listing td:hover .actions {
    visibility: visible; }
  .listing .no-children {
    border-color: transparent; }
  .listing .no-children a {
    opacity: 0; }
  .listing .no-children:hover {
    border-color: #BABABA; }
    .listing .no-children:hover a {
      opacity: 1; }
  .listing table .no-results-message {
    padding-left: 50px; }
  .listing.full-width td:first-child, .listing.full-width th:first-child {
    padding-left: 50px; }
  .listing.full-width .divider td {
    padding-left: 50px; } }

/* Transitions */
body.ready .listing thead .dropdown ul {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none; }
body.ready .listing .children, body.ready .listing .no-children {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
body.ready .listing .children a, body.ready .listing .no-children a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.messages {
  position: relative;
  z-index: 5;
  background-color: #282828; }
  .messages ul {
    padding-left: 10px;
    position: relative;
    top: -100px;
    opacity: 0; }
    .messages ul, .messages ul ul, .messages ul li {
      list-style-type: none;
      font-style: normal; }
    .messages ul, .messages ul ul {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0; }
  .messages li {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1.3em;
    padding-bottom: 1.3em;
    color: white; }
    @media screen and (min-width: 50em) {
      .messages li {
        padding-left: 50px;
        padding-right: 50px; } }
  .messages li:before {
    margin-right: 0.5em;
    font-size: 1.5em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .messages .error {
    background-color: #A50C07; }
    .messages .error:before {
      font-family: wagtail;
      content: "!"; }
  .messages .warning {
    background-color: #F86622; }
    .messages .warning:before {
      font-family: wagtail;
      content: "!"; }
  .messages .success {
    background-color: #07A53D; }
    .messages .success:before {
      font-family: wagtail;
      content: "9"; }

.messages.new ul {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  top: -100px; }

.ready .messages ul, .messages.appear ul {
  -webkit-transition: top 0.5s ease, opacity 0.5s ease, max-height 1.2s ease;
  -moz-transition: top 0.5s ease, opacity 0.5s ease, max-height 1.2s ease;
  -o-transition: top 0.5s ease, opacity 0.5s ease, max-height 1.2s ease;
  transition: top 0.5s ease, opacity 0.5s ease, max-height 1.2s ease;
  opacity: 1;
  top: 0; }

@media screen and (min-width: 50em) {
  .messages ul {
    margin-left: -15px; }
    .messages ul li {
      padding-left: 50px;
      padding-right: 50px; }
      .messages ul li:before {
        margin-left: -0.75em; }
    .messages ul:before {
      content: "";
      height: 0;
      width: 0;
      display: block;
      position: absolute;
      bottom: -15px;
      left: 0;
      border-top: 15px solid #000;
      border-left: 15px solid transparent; } }

/* user avatars, with fallback to placeholder graphic if no gravatar exists */
.avatar {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px; }
  .avatar a {
    position: absolute;
    z-index: 2;
    left: 0;
    display: block;
    width: 100%;
    height: 50px; }
  .avatar img {
    z-index: 2;
    position: relative;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 0; }
  .avatar:before {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #A8A8A8;
    border: 2px solid #A8A8A8;
    text-align: center;
    display: block;
    width: 42px;
    height: 42px;
    margin: 2px 0 0 2px;
    line-height: 42px;
    position: absolute;
    z-index: 1;
    left: 0; }
  .avatar:hover:before {
    color: #A8A8A8;
    border-color: #A8A8A8; }
  .avatar.small {
    vertical-align: middle;
    margin: 0 0.5em;
    width: 25px;
    height: 25px; }
    .avatar.small:before {
      margin: 1px 0 0 1px;
      width: 22px;
      height: 22px;
      line-height: 22px;
      border-width: 1px;
      font-size: 1em; }
    .avatar.small img {
      border: 0; }
    .avatar.small:hover:before {
      color: #A8A8A8;
      border-color: #A8A8A8; }

.media-placeholder {
  width: 600px;
  height: 400px;
  background-color: #CCC;
  padding: 5px; }
  .media-placeholder h3, .media-placeholder p {
    margin: 0; }
  .media-placeholder img {
    max-width: 350px;
    max-height: 350px;
    margin: 20px; }

/* Displays "timesince" formatted date with full date on hover */
.human-readable-date {
  overflow: hidden;
  display: block;
  position: relative; }
  .human-readable-date:before {
    position: absolute;
    display: none;
    content: attr(title); }
  .human-readable-date:hover {
    visibility: hidden; }
    .human-readable-date:hover:before {
      visibility: visible;
      display: block; }

/* makes a link look like regular text */
.nolink {
  color: #595959; }
  .nolink:hover {
    color: #A50C07; }

/* Status tags */
.status-tag {
  text-align: center;
  display: inline-block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
  padding: 0em 0.5em;
  border: 1px solid #a6a6a6;
  color: #a6a6a6;
  -webkit-font-smoothing: auto;
  font-size: 0.8em;
  margin: 0 0.5em;
  background: white url('http://ealingcvs.org.uk/static/wagtailadmin/images/bg-dark-diag.svg?96f7afe58765'); }
  .status-tag.primary {
    color: #595959;
    border: 1px solid #595959;
    background: white; }

a.status-tag:hover, a.status-tag.primary:hover {
  border-color: #A50C07;
  color: #A50C07; }

/* free tagging tags from taggit */
.tag {
  background-color: #A50C07;
  padding-right: 0.5em;
  padding: 0.2em 0.5em;
  color: white;
  line-height: 2em;
  white-space: nowrap;
  -webkit-border-radius: 2px;
  border-radius: 2px; }
  .tag:before {
    font-family: wagtail;
    display: inline-block;
    color: white;
    content: "u";
    padding-right: 0.5em; }
  .taglist .tag {
    margin-right: 0.8em; }

a.tag:hover {
  background-color: #740705;
  color: white; }

.taglist {
  font-size: 0.9em;
  line-height: 2.4em; }
  .taglist h3 {
    display: inline;
    margin-right: 1em; }

/* make a block-level element inline */
.inline {
  display: inline; }

.unlist, .unlist ul, .unlist li {
  list-style-type: none;
  font-style: normal; }
.unlist, .unlist ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }

/* utility class to allow things to be scrollable if their contents can't wrap more nicely */
.overflow {
  overflow: auto; }

header {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #A50C07;
  margin-bottom: 2em;
  color: white;
  /* For case where content below header should merge with it */
  /*
    &.hasform h1{
        margin-top:0.2em;
    }
    */
  /* necessary on mobile only to make way for hamburger menu */ }
  header h1, header h2 {
    margin: 0;
    color: white; }
  header h1 {
    padding: 0.2em 0; }
    header h1.icon:before {
      width: 1em;
      display: none;
      margin-right: 0.4em;
      font-size: 1.5em; }
  header .col {
    float: left;
    margin-right: 2em; }
  header .left {
    float: left; }
    .hasform header .left:first-child {
      padding-bottom: 0.5em;
      float: none; }
  header .right {
    text-align: right;
    float: right; }
  header.merged {
    margin-bottom: 0; }
  header.tab-merged, header.no-border {
    border: 0; }
  header.merged.no-border {
    padding-bottom: 0; }
  header.no-v-padding {
    padding-top: 0;
    padding-bottom: 0; }
  header .button {
    background-color: #740705; }
    header .button:hover {
      background-color: #650704; }
  header.nice-padding {
    padding-left: 50px; }
  header label {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
    header label:active, header label:focus {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: visible;
      position: static;
      width: auto; }
  header input[type=text], header select {
    border-width: 0; }
    header input[type=text]:focus, header select:focus {
      background-color: white; }
  header .fields {
    margin-top: -0.5em; }
    header .fields li {
      padding-bottom: 0; }
    header .fields .field {
      padding: 0; }
  header .field-content {
    width: auto;
    padding: 0; }

/* mozilla specific hack */
@-moz-document url-prefix() {
  .iconfield.icon-spinner:after {
    line-height: 20px; } }

.page-explorer header {
  margin-bottom: 0;
  padding-bottom: 0em; }

@media screen and (min-width: 50em) {
  header {
    padding-top: 1.5em;
    padding-bottom: 1.5em; }
    header .left {
      float: left;
      margin-right: 0; }
      header .left:first-child {
        padding-bottom: 0;
        float: left; }
    header .second {
      clear: none; }
      header .second .right, header .second .left {
        float: right; }
    header h1.icon:before {
      display: inline-block; }
    header .col3 {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline;
      float: left;
      width: 25%;
      padding-right: 1.5%;
      padding-left: 1.5%; }
    header .col3.addbutton {
      width: auto; }
    header .col6 {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline;
      float: left;
      width: 50%;
      padding-right: 1.5%;
      padding-left: 1.5%; }
    header .col9 {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: inline;
      float: left;
      width: 75%;
      padding-right: 1.5%;
      padding-left: 1.5%; }
    header .breadcrumb {
      margin-left: -50px;
      margin-right: -50px; } }

.xdsoft_datetimepicker {
  box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.4);
  background: #FFFFFF;
  border: 1px solid #54d0ce;
  display: block;
  padding: 8px;
  padding-left: 0px;
  padding-top: 2px;
  position: absolute;
  z-index: 9999;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none; }
  .xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    margin: 0px; }
  .xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none; }
  .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker {
    display: none; }
    .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active {
      display: block; }
  .xdsoft_datetimepicker .xdsoft_datepicker {
    float: left;
    margin-left: 8px; }
  .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px; }
  .xdsoft_datetimepicker .xdsoft_mounthpicker {
    position: relative;
    text-align: center; }
  .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    cursor: pointer;
    display: block;
    border: 0;
    overflow: hidden;
    padding: 5px 0px;
    position: relative;
    white-space: nowrap;
    width: 2em;
    color: #A50C07;
    text-transform: none;
    text-align: center; }
    .xdsoft_datetimepicker .xdsoft_next:before, .xdsoft_datetimepicker .xdsoft_prev:before, .xdsoft_datetimepicker .xdsoft_today_button:before {
      font-size: 1.5em;
      font-family: wagtail;
      width: 1em;
      line-height: 1.3em;
      text-align: center;
      margin: 0; }
    .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .xdsoft_today_button:hover {
      color: #740705; }
  .xdsoft_datetimepicker .xdsoft_prev {
    float: left; }
    .xdsoft_datetimepicker .xdsoft_prev:before {
      content: "z"; }
  .xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    margin-left: 5px; }
    .xdsoft_datetimepicker .xdsoft_today_button:before {
      content: "W"; }
  .xdsoft_datetimepicker .xdsoft_next {
    float: right; }
    .xdsoft_datetimepicker .xdsoft_next:before {
      content: "n"; }
  .xdsoft_datetimepicker .xdsoft_timepicker {
    width: 70px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0px; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
      float: none;
      height: 1.5em;
      display: block;
      text-align: center;
      width: 100%;
      padding: 0; }
      .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before {
        width: 100%; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before {
      content: "e"; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before {
      content: "q"; }
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
      position: relative;
      border: 1px solid #ccc;
      height: 170px;
      overflow: hidden;
      border-bottom: 1px solid #DDDDDD; }
      .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
        background: #F5F5F5;
        border-top: 1px solid #DDDDDD;
        color: #666666;
        font-size: 1em;
        text-align: center;
        border-collapse: collapse;
        cursor: pointer;
        border-bottom-width: 0px;
        height: 2.3em;
        line-height: 2.3em; }
        .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
          border-top-width: 0px; }
  .xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer; }
    .xdsoft_datetimepicker .xdsoft_label:hover {
      text-decoration: underline; }
    .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
      border: 1px solid #ccc;
      position: absolute;
      display: block;
      right: 0px;
      top: 30px;
      z-index: 101;
      display: none;
      background: #fff;
      max-height: 160px;
      overflow-y: hidden; }
      .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
        right: -7px; }
      .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
        right: 2px; }
      .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
        color: #fff;
        background: #ff8000; }
      .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
        padding: 2px 15px 2px 5px; }
      .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
        background: #33AAFF;
        color: #fff;
        font-weight: 700; }
  .xdsoft_datetimepicker .xdsoft_month {
    width: 90px;
    text-align: right; }
  .xdsoft_datetimepicker .xdsoft_year {
    width: 56px; }
  .xdsoft_datetimepicker .xdsoft_calendar {
    clear: both; }
    .xdsoft_datetimepicker .xdsoft_calendar table {
      border-collapse: collapse; }
    .xdsoft_datetimepicker .xdsoft_calendar td > div {
      padding-right: 5px; }
    .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
      width: 14.285%;
      border: 1px solid #DDDDDD;
      color: #666666;
      font-size: 12px;
      text-align: right;
      padding: 5px 7px;
      border-collapse: collapse;
      cursor: pointer;
      height: 25px; }
    .xdsoft_datetimepicker .xdsoft_calendar td {
      background-color: white; }
    .xdsoft_datetimepicker .xdsoft_calendar th {
      background: #F1F1F1;
      font-weight: 700;
      font-size: 0.85em;
      text-align: center;
      cursor: default; }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #F86622;
    color: #fff;
    font-weight: 700; }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    background: #A8A8A8; }
  .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2; }
  .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff;
    background: #A50C07; }

.xdsoft_noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.xdsoft_noselect::selection {
  background: transparent; }

.xdsoft_noselect::-moz-selection {
  background: transparent; }

.xdsoft_datetimepicker.xdsoft_inline {
  display: inline-block;
  position: static;
  box-shadow: none; }

.xdsoft_scroller_box {
  position: relative; }

.xdsoft_scrollbar {
  position: absolute;
  width: 7px;
  width: 7px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  cursor: pointer; }
  .xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px; }

@font-face {
  font-family: "Open Sans";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Light-webfont.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Light-webfont.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Light-webfont.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Light-webfont.svg?96f7afe58765#opensans_italic_webfont') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Light-webfont.woff?96f7afe58765') format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Open Sans";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Regular-webfont.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Regular-webfont.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Regular-webfont.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Regular-webfont.svg?96f7afe58765#opensans_regular_webfont') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Regular-webfont.woff?96f7afe58765') format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Open Sans";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Semibold-webfont.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Semibold-webfont.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Semibold-webfont.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Semibold-webfont.svg?96f7afe58765#opensans_semibold_webfont') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Semibold-webfont.woff?96f7afe58765') format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Open Sans";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Bold-webfont.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Bold-webfont.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Bold-webfont.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Bold-webfont.svg?96f7afe58765#opensans_bold_webfont') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/OpenSans-Bold-webfont.woff?96f7afe58765') format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Bitter";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Regular.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Regular.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Regular.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Regular.svg?96f7afe58765#Bitter-Regular') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Regular.woff?96f7afe58765') format("woff");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Bitter";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Bold.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Bold.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Bold.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Bold.svg?96f7afe58765#Bitter-Bold') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/Bitter-Bold.woff?96f7afe58765') format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "wagtail";
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.eot?96f7afe58765');
  src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.eot?&96f7afe58765#iefix') format("embedded-opentype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.ttf?96f7afe58765') format("truetype"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.svg?96f7afe58765#wagtail') format("svg"), url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.woff?96f7afe58765') format("woff");
  font-weight: normal;
  font-style: normal; }

/* fix to make chrome on windows use svg, which renders better */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "wagtail";
    src: url('http://ealingcvs.org.uk/static/wagtailadmin/scss/fonts/wagtail.svg?96f7afe58765#wagtail') format("svg"); }
 }

html {
  background: #BABABA;
  height: 100%; }

body {
  -webkit-font-smoothing: antialiased;
  /* Do not remove! */
  font-family: Open Sans, Arial, sans-serif;
  font-size: 80%;
  line-height: 1.5em;
  color: #595959;
  overflow-x: hidden;
  position: relative; }
  body.reordering {
    overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h1 {
  line-height: 1.3em;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #282828;
  font-weight: 600; }
  h1 span {
    text-transform: none;
    font-weight: 300; }
  .homepage h1 {
    text-transform: none; }

h2 {
  text-transform: uppercase;
  font-size: 1.3em;
  font-family: Open Sans;
  font-weight: 600;
  color: #595959; }
  .page-explorer h2 {
    text-transform: none; }

a {
  outline: none;
  color: #A50C07;
  text-decoration: none; }
  a:hover {
    color: #650704; }

code {
  -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  background-color: #E2E2E2;
  padding: 2px 5px; }

kbd {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: Open Sans, Arial, sans-serif;
  border: 1px solid #595959;
  border-color: rgba(0, 0, 0, 0.2);
  padding: 0.3em 0.5em; }

img {
  max-width: 100%;
  height: auto;
  border: 3px solid #BABABA; }

.browsermessage {
  background-color: #A50C07;
  color: white;
  padding: 1em 2em;
  margin: 0;
  position: relative;
  left: 0;
  top: 0;
  right: 0; }
  .browsermessage a {
    color: white;
    text-decoration: underline; }

.wrapper:before, .wrapper:after {
  content: " ";
  display: table; }
.wrapper:after {
  clear: both; }

.nav-wrapper {
  -webkit-box-shadow: inset -5px 0px 5px -3px rgba(0, 0, 0, 0.3);
  box-shadow: inset -5px 0px 5px -3px rgba(0, 0, 0, 0.3);
  position: relative;
  background: #282828;
  margin-left: -100%;
  width: 180px;
  float: left;
  height: 100%;
  min-height: 800px; }

.logo {
  display: block;
  margin: 2em auto;
  text-align: left;
  text-decoration: none;
  color: white;
  padding: 0.9em 1.2em;
  margin: 0;
  font-size: 0.9em;
  -webkit-font-smoothing: auto; }
  .logo span {
    text-transform: uppercase; }
  .logo img {
    width: 20px;
    float: left;
    border: 0;
    margin-right: 1em; }

#nav-toggle {
  left: 20px;
  cursor: pointer;
  position: absolute; }
  #nav-toggle:before {
    font-size: 40px;
    color: white;
    line-height: 40px;
    content: "\2261"; }

.nav-main {
  top: 43px;
  bottom: 0px;
  overflow: auto;
  width: 100%;
  /* search form */ }
  .nav-main ul, .nav-main li {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .nav-main ul {
    border-top: 1px solid #595959; }
  .nav-main li {
    border-bottom: 1px solid #595959;
    position: relative; }
    .nav-main li.selected {
      background-color: #282828; }
    .nav-main li a:before {
      font-size: 1.2rem; }
    .menu-snippets .nav-main li.menu-snippets, .menu-users .nav-main li.menu-users, .menu-snippets .nav-main li.menu-snippets, .menu-documents .nav-main li.menu-documents, .menu-images .nav-main li.menu-images, .menu-search .nav-main li.menu-search, .menu-explorer .nav-main li.menu-explorer {
      background: #0e0e0e; }
      .menu-snippets .nav-main li.menu-snippets a, .menu-users .nav-main li.menu-users a, .menu-snippets .nav-main li.menu-snippets a, .menu-documents .nav-main li.menu-documents a, .menu-images .nav-main li.menu-images a, .menu-search .nav-main li.menu-search a, .menu-explorer .nav-main li.menu-explorer a {
        color: white; }
  .nav-main a {
    -webkit-font-smoothing: auto;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    color: #AAA;
    padding: 0.9em 1.2em;
    position: relative;
    font-size: 0.85em;
    font-weight: 400;
    white-space: nowrap;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); }
    .nav-main a:before {
      vertical-align: -20%;
      margin-right: 0.5em; }
    .nav-main a:hover {
      color: white; }
  .nav-main .avatar {
    display: none; }
  .nav-main #menu-search {
    position: relative; }
    .nav-main #menu-search .fields {
      border: 0; }
      body.ready .nav-main #menu-search .fields {
        -webkit-transition: background-color 0.2s ease;
        -moz-transition: background-color 0.2s ease;
        -o-transition: background-color 0.2s ease;
        transition: background-color 0.2s ease; }
      .nav-main #menu-search .fields li {
        border: 0; }
    .nav-main #menu-search .field {
      padding: 0;
      color: #AAA; }
      .nav-main #menu-search .field:before {
        position: absolute;
        left: 0.75em;
        top: 0.45em; }
    .nav-main #menu-search .submit {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
      .nav-main #menu-search .submit:active, .nav-main #menu-search .submit:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto; }
    .nav-main #menu-search label {
      font-weight: normal;
      -webkit-font-smoothing: auto;
      line-height: inherit;
      text-transform: uppercase;
      padding: 0.9em 1.2em 0.9em 3.7em;
      color: #AAA;
      font-size: 0.95em; }
    .nav-main #menu-search input {
      float: left;
      margin-top: -1000px;
      text-transform: uppercase;
      font-size: 1em;
      padding: 0.9em 1.2em 0.9em 3.5em;
      border: 0;
      border-radius: 0;
      background-color: transparent;
      line-height: inherit; }
    .nav-main #menu-search:hover .field, .nav-main #menu-search:hover input {
      color: white; }
    .nav-main #menu-search.focussed label {
      display: none; }
    .nav-main #menu-search.focussed .fields {
      background-color: #BABABA; }
    .nav-main #menu-search.focussed .field {
      color: #282828; }
    .nav-main #menu-search.focussed input {
      margin-top: 0px;
      color: #282828; }

.explorer {
  position: absolute;
  margin-top: 70px;
  font-size: 0.9em; }

.content-wrapper {
  width: 100%;
  height: 100%;
  /* this has no effect on desktop, but on mobile it helps aesthetics of menu popout action */
  float: right;
  position: relative;
  background-color: #BABABA;
  border-bottom: 1px solid #A8A8A8;
  /* transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);*/ }

.content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  /*max-width: $grid-max-width; NO MAX WIDTH*/
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  background: white;
  border-top: 0px solid #E2E2E2;
  /* this top border provides space for the floating logo to toggle the menu */
  padding-bottom: 4em;
  position: relative;
  /* yuk. necessary for positions for jquery ui widgets */ }
  .content:before, .content:after {
    content: " ";
    display: table; }
  .content:after {
    clear: both; }

body.nav-open .nav-wrapper {
  margin-left: 0; }

body.nav-open .content-wrapper {
  transform: translate3d(180px, 0, 0);
  -webkit-transform: translate3d(180px, 0, 0);
  position: fixed; }

body.nav-open footer {
  bottom: 1px; }

body.nav-closed footer {
  bottom: 0; }

body.explorer-open .nav-wrapper {
  width: 80%; }
body.explorer-open .nav-main {
  display: none; }
body.explorer-open .content-wrapper {
  transform: translate3d(80%, 0, 0);
  -webkit-transform: translate3d(80%, 0, 0);
  position: fixed; }
body.explorer-open .explorer {
  display: block;
  border-top: 1px solid rgba(200, 200, 200, 0.1); }
  body.explorer-open .explorer:before {
    position: absolute;
    top: -3em;
    content: "Close explorer";
    padding: 0.9em; }

footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  /*max-width: $grid-max-width; NO MAX WIDTH*/
  margin-right: auto;
  margin-left: auto;
  padding-right: 0;
  padding-left: 0;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
  background: #282828;
  position: fixed;
  bottom: 0;
  padding: 0.5em;
  width: 90%;
  margin: 0 5%;
  color: white; }
  footer:before, footer:after {
    content: " ";
    display: table; }
  footer:after {
    clear: both; }
  body.ready footer {
    -webkit-transition: bottom 0.5s ease 1s;
    -moz-transition: bottom 0.5s ease 1s;
    -o-transition: bottom 0.5s ease 1s;
    transition: bottom 0.5s ease 1s; }
  footer ul, footer ul ul, footer ul li {
    list-style-type: none;
    font-style: normal; }
  footer ul, footer ul ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  footer li {
    float: left; }
  footer .actions {
    width: 250px;
    margin-right: 1.5%; }
    footer .actions .button {
      padding-top: 1em;
      padding-bottom: 1em; }
  footer .meta {
    float: right;
    text-align: right;
    padding-right: 1.5%;
    line-height: 3.5em;
    font-size: 0.85em; }
    footer .meta p {
      margin: 0;
      margin-right: 3%;
      white-space: nowrap; }

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
  background: #282828; }

::-webkit-scrollbar-thumb {
  background: #595959;
  -webkit-border-radius: 1ex; }

::-webkit-scrollbar-corner {
  background: #282828; }

.breadcrumb, .breadcrumb ul, .breadcrumb li {
  list-style-type: none;
  font-style: normal; }
.breadcrumb, .breadcrumb ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0; }

.breadcrumb {
  overflow: hidden;
  padding-top: 1.4em;
  font-size: 0.85em; }
  .breadcrumb:before, .breadcrumb:after {
    content: " ";
    display: table; }
  .breadcrumb:after {
    clear: both; }
  .breadcrumb li {
    display: block;
    float: left;
    padding: 0.5em 1.3em;
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 1em;
    white-space: nowrap;
    line-height: 1.5em;
    /*   &:after, &:before{
            content: "";
            border-top: 1.2em solid transparent;
            border-bottom: 1.2em solid transparent;
        }
        &:after {
            border-left: 1em solid $color-teal-darker;
            position: absolute; right: -1.2em; top: 0;
            z-index: 1;
            border:1em solid red;
        }
        &:before {
            border-left: 1em solid white;
            position: absolute; left: 0; top: 0;
        } */ }
    .breadcrumb li a, .breadcrumb li span {
      color: #fa817e;
      display: block;
      max-width: 12em;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      line-height: 1.6em;
      padding-right: 1em; }
      .breadcrumb li a:after, .breadcrumb li span:after {
        right: 0;
        z-index: 5;
        position: absolute;
        font-family: wagtail;
        content: "n";
        padding-left: 20px;
        font-size: 2em;
        color: #740705;
        line-height: 0.9em; }
    .breadcrumb li:hover {
      background: #650704; }
      .breadcrumb li:hover a {
        color: white; }
    .breadcrumb li:hover:after {
      border-left-color: #650704; }
    .breadcrumb li.home a {
      padding-right: 0;
      text-align: center;
      width: 3em;
      font-size: 1em; }
      .breadcrumb li.home a:before {
        line-height: 1em;
        font-size: 1.15rem;
        line-height: 0.85em;
        padding-top: 0.1em; }
      .breadcrumb li.home a:after {
        right: -0.3em; }
  header .breadcrumb li:before {
    border-left: 1em solid white;
    position: absolute;
    left: 0;
    top: 0; }
  .breadcrumb.single li a {
    white-space: nowrap;
    text-overflow: inherit;
    max-width: 100%; }

.row:before, .row:after {
  content: " ";
  display: table; }
.row:after {
  clear: both; }

.nice-padding {
  padding-left: 20px;
  padding-right: 20px; }

/* Z-indexes */
#nav-toggle {
  z-index: 5; }

.nav-wrapper {
  z-index: 2; }

.content-wrapper {
  z-index: 3; }

footer, .logo {
  z-index: 100; }

@media screen and (min-width: 50em) {
  /* UN-set the transformations used on mobile */
  /* Z-indexes */
  .col1 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 8.33333%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 16.66667%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 25%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 33.33333%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col5 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 41.66667%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col6 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 50%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col7 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 58.33333%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col8 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 66.66667%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 75%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col10 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 83.33333%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col11 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 91.66667%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .col12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline;
    float: left;
    width: 100%;
    padding-right: 1.5%;
    padding-left: 1.5%; }
  .row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    /*max-width: $grid-max-width; NO MAX WIDTH*/
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0; }
    .row:before, .row:after {
      content: " ";
      display: table; }
    .row:after {
      clear: both; }
  .row-flush {
    margin-left: -1.5%;
    margin-right: -1.5%; }
  .nice-padding {
    padding-left: 50px;
    padding-right: 50px; }
  .wrapper {
    margin-left: 150px; }
  .browsermessage {
    margin: 0 0 0 -150px; }
  .content-wrapper {
    -webkit-transform: none;
    transform: none;
    border-bottom-right-radius: 5px; }
  .nav-wrapper {
    /* heigt and position necessary to force it to 100% height of screen (with some JS help) */
    position: absolute;
    left: 0;
    height: 100%;
    width: 150px;
    margin-left: 0; }
    .nav-wrapper .inner {
      height: 100%;
      position: fixed;
      width: 150px; }
  .logo {
    margin: 1em auto;
    text-align: center; }
    .logo span {
      display: none; }
    .logo img {
      width: 60px;
      float: none;
      margin: auto;
      display: block; }
  .content {
    border-top: 0;
    background-color: none;
    padding-top: 0; }
  #nav-toggle {
    display: none; }
  .nav-main {
    position: absolute;
    top: 125px;
    margin-bottom: 116px;
    /* WARNING: magic number - the height of the .footer */ }
    .nav-main .footer {
      padding-top: 1em;
      background-color: #282828;
      position: fixed;
      width: 143px;
      bottom: 0;
      text-align: center; }
    .nav-main .avatar {
      display: block;
      margin: auto;
      text-align: center;
      margin-bottom: 1em; }
      .nav-main .avatar a {
        padding: 0 0 1em 0; }
      .nav-main .avatar:hover {
        -webkit-box-shadow: 0px 0px 6px 0px black;
        box-shadow: 0px 0px 6px 0px black; }
  .explorer {
    width: 400px;
    position: absolute;
    top: 0;
    left: 99%;
    margin-top: 124px;
    /* same as .nav-main minus 1 pixel for border */ }
  .dl-menu {
    position: absolute; }
  body.nav-open .content-wrapper {
    position: relative;
    transform: none;
    -webkit-transform: none; }
  body.nav-open .nav-wrapper {
    margin-left: -150px; }
  body.nav-open .nav-wrapper, body.nav-open .nav-main {
    width: 150px; }
  body.explorer-open .nav-wrapper {
    width: 150px; }
  body.explorer-open .explorer:before {
    display: none; }
  body.explorer-open .nav-main {
    display: block; }
  body.explorer-open .content-wrapper {
    transform: none;
    -webkit-transform: none;
    position: relative; }
  footer {
    width: 80%;
    margin-left: 50px; }
  .breadcrumb {
    padding-top: 0;
    background: #740705; }
    .breadcrumb li a:after, .breadcrumb li span:after {
      color: #A50C07; }
  .nav-main li {
    z-index: 1; }
  .nav-main .footer {
    z-index: 2; }
  .explorer {
    z-index: 500; }
  .nav-wrapper {
    z-index: auto;
    /* allows overspill of messages banner onto left menu, but also explorer to spill over main content */ } }

@media screen and (min-width: 90em) {
  .wrapper {
    max-width: 100em; }
  .nav-wrapper .inner {
    background: #282828; }
  footer {
    width: 90em; } }

/* Transitions (resolution agnostic) */
body.ready .content-wrapper, body.ready .nav-main, body.ready #nav-toggle, body.ready footer, body.ready .logo {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.nav-wrapper {
  -webkit-transition: -webkit-transform 0.2s ease;
  -moz-transition: -moz-transform 0.2s ease;
  -o-transition: -o-transform 0.2s ease;
  transition: transform 0.2s ease; }

body.ready .nav-main a, body.ready a {
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  -moz-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease; }