@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}


/* ---- Breakpoints ---- */
/* BP 5 */
@media screen and (min-width: 420px) {

}

/* BP 4 */
@media screen and (min-width: 600px) {

}

/* BP 3 */
@media screen and (min-width: 769px) {

}

/* BP 2 */
@media screen and (min-width: 960px) {

}

/* BP 1 */
@media screen and (min-width: 1200px) {

}


/* ------------------------------------------------------
   Variables for easy find and replace


	$link:					#e85505;
	$link-hover:			#ae550d;

	$second-bg-color: #F6F6F6;
	$second-font-color: #707070;
	$table-border-color: #D6D6D6;

	$body-font:             font-family: Helvetica, Arial, sans-serif;
	$heading-font:           font-family: urw-din, D-DIN, Helvetica, sans-serif;


	Table of Contents for search based navigation


BASE STYLES

**** Box Model Reset

**** Typography
---- Lists
---- Breadcrumbs
---- Quotations
---- Text level elements
---- Links

**** Content Design Patterns
---- Buttons
---- Backgrounds
---- Expando Styles
---- Highlight box
---- Date Pattern
---- Site Messages
---- TinyMCE Templates

**** Animations
---- MegaMenuIn

**** Images

**** Forms
---- Form Help
---- Form Errors
---- Horizontal Form
---- Oldschool Table based form styles
---- Search Form
---- Submit Bar
---- Captcha

**** Tables
---- No Styles Table

**** Helper classes
---- Clearfix
---- Floats and positioning
---- Visually Hidden

GLOBAL TEMPLATE

**** Template Layout
---- Header
---- footer
---- site search

**** Widgets and modules
---- Related Links
---- Article Category Subscribe
---- Simple Image Gallery
---- Gallery
---- Gallery Preview
---- Children Page Gallery
---- Job Search
---- Order Form
---- Videos



**** Print styles

------------------------------------------------------ */

/* ------------------------------------------------------
**** Box Model Reset
------------------------------------------------------ */

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

/* ------------------------------------------------------
**** Typography
------------------------------------------------------ */

html {
	font-size: 62.5%;
}

body {
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6em;
	color: #1F1B1B;
	font-family: Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* ---- Headings ---- */

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 0 0 16px 0;
	margin: 0 0 1.6rem 0;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.25;
}
h1,
.h1,
h2,
.h2 {
	letter-spacing: -1px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: #8a7b7b;
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
	margin-top: 3rem;
}

.widget + h1,
.widget + h2,
.widget + h3,
.widget + h4,
.widget + h5,
.widget + h6 {
	margin-top: 3rem;
}


h1, .h1 {
	font-size: 3.2rem;
}

h2, .h2 {
	font-size: 2.8rem;
}

h3, .h3 {
	font-size: 2.4rem;
}

h4, .h4 {
	font-size: 2.0rem;
}

h5, .h5 {
	font-size: 1.8rem;
}

.mainbar h2, .mainbar .h2 {
	font-weight: bold;
	color: #353131;
}
.mainbar h3, .mainbar .h3 {
	font-weight: bold;
	color: #4B4848;
}
.mainbar h4, .mainbar .h4,
.mainbar h5, .mainbar .h5 {
	text-transform: uppercase;
}

.heading-inline {
	display: inline;
	float: left;
	padding: 0;
}

.no-margin {
	margin-bottom: 0;
}

.subtitle {
	text-transform: uppercase;
	font-size: 12px;
	font-size: 0.75em;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
}

.subtitle-large {
	font-size: 16px;
	font-size: 1.6rem;
}

p,
ol,
ul,
dl,
address {
	margin: 0 0 1.6rem;
}

small {
	font-size: 1.28rem;
}

/* ---- Lists ---- */

ul,
ol {
	padding: 0 0 0 2rem;
}


li ul,
li ol {
	list-style-type: none;
	margin: 1rem 0;
}

ul.inline,
ol.inline {
	list-style-type: none;
	margin-left: 0;
}
ul.inline > li,
ol.inline > li {
	display: inline-block;
	padding-left: 12px;
	padding-right: 12px;
}

/* ---- Breadcrumbs ---- */
.section--breadcrumb {
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
}
.breadcrumb {
	list-style-type: none;
	padding: 16px 0 15px;
	font-size: 1.2rem;
	line-height: 1;
	color: #CF5C36;
	text-transform: uppercase;
	margin: 0;
}
.breadcrumb > li {
	display: inline-block;
}
.breadcrumb > li a {
	color: #4B4848;
	text-decoration: none;
	padding: 12px 0;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
.breadcrumb > li a:hover {
	text-decoration: underline;
}
.breadcrumb > li > span {
	padding: 12px 0;
	display: inline-block;
}
.breadcrumb > li:before {
	content: "";
	background: url(../images/icon_arrow--breadcrumb.svg) center center no-repeat;
	padding: 12px;
	padding: 1.2rem 1.6rem;
}
.breadcrumb > li:first-child:before {
	content: none;
}
.breadcrumb > li:first-child a {
	text-indent: -2000px;
	text-indent: -100vw;
	position: relative;
	color: transparent;
	width: 20px;
	border-bottom: 1px solid transparent;
	padding: 4px 0;
}
.breadcrumb > li:first-child a:before,
.breadcrumb > li:first-child a:after {
	content: "";
	position: absolute;
	background: url(../images/icon_home--grey.svg) center center no-repeat;
	background-size: 80%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.breadcrumb > li:first-child a:hover {
	border-bottom: 1px solid #787676;
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.section--breadcrumb {
		height: 68px;
	}
	.breadcrumb {
		margin-left: calc(114px + (100vw - 104%));
	}
}
/* BP 2 */
@media screen and (min-width: 960px) {
	.breadcrumb {
		margin-left: 0;
	}
}


/* ---- Icons ---- */
.icon--inline {
	width: 16px;
	height: 100%;
	display: inline-block;
	margin-right: 4px;
}
.icon--pseudo {
	position: relative;
	padding-left: 18px;
}
.icon--pseudo:before,
.icon--pseudo:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	opacity: 1;
	transition: opacity 250ms ease-in-out;
}
.icon--pseudo:after {
	opacity: 0;
}
.icon--pseudo:hover:after,
a:hover .icon--pseudo:after {
	opacity: 1;
}
.icon--pseudo:hover:before,
a:hover .icon--pseudo:before {
	opacity: 0;
}

.icon--pseudo.icon--download:before {
	background-image: url(../images/icon_download.svg);
}
.icon--pseudo.icon--download:after {
	background-image: url(../images/icon_download--highlight.svg);
}


/* ---- Magnific Popup ---- */
.mfp-image-holder .mfp-content {
    max-width: 1000px;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    background-color: #fff;
    margin: 0 auto;
    padding: 50px;
    max-width: 700px;
}


/* ---- Quotations ---- */

blockquote {
	margin: 1.5rem;
	padding: 15px 20px 15px;
	background: #f6f6f6;
	font-style: italic;
}

/* ---- Text level elements ---- */

abbr[title] {
	border-bottom: 1px dotted #c6bfbf;
	cursor: help;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

ins {
	background-color: #f6f6f6;
	color: #473f3f;
	text-decoration: none;
}

mark {
	background-color: #f6f6f6;
	color: #473f3f;
	font-style: italic;
	font-weight: bold;
}

pre,
code,
kbd,
samp {
	font-family: Monaco, Courier New, monospace;
	color: #484040;
	background: #efefef;
	background: rgba(0, 0, 0, .07);
	padding: 0 2px;
	margin: 0 -2px;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ---- Links ---- */

a {
	color: #CF5C36;
	word-break: break-word;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

a:hover {
	color: #F26430;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
	outline: 0;
}

.text-link {
	color: #1F1B1B;
	text-decoration: none;
	background-color: transparent;
	border-radius: 0;
	border: none;
	font-size: 100%;
	padding: 4px 0;
	padding: 0.25em 0;
	border-bottom: 2px solid #1F1B1B;
}


/* ------------------------------------------------------
**** Design Patterns
------------------------------------------------------ */

/* ---- Buttons ---- */
button {
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	margin-bottom: 0;
	border-radius: 1px;
	font-size: 100%;
	text-transform: uppercase;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	z-index: 2;
}
.button {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	line-height: 1;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
	border-radius: 1px;
	border: none;
	font-size: 100%;
	padding: 8px 12px;
	padding: 0.5em 0.75em;
	text-transform: uppercase;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	position: relative;
	z-index: 2;
}
.button:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #1F1B1B;
	z-index: -1;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

/* Firefox: Get rid of the inner focus border */
.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.button-hover,
.button:hover,
.button:focus {
	color: #CF5C36;
}
.button-hover:before,
.button:hover:before,
.button:focus:before {
	height: 2px;
	background-color: #CF5C36;
}

.button--text {
	color: #1F1B1B;
	background-color: transparent;
	border-radius: 0;
	border: none;
	font-size: 100%;
	padding: 4px 0;
	padding: 0.25em 0;
	text-transform: uppercase;
	border-bottom: 2px solid #1F1B1B;
}
.button--text:before {
	content: none;
}

.button--text.button-hover,
.button--text:hover,
.button--text:focus {
	background-color: transparent;
	color: #CF5C36;
	border-bottom: 2px solid #CF5C36;
}

.button--small {
	font-size: 1.2px;
	font-size: 0.75em;
}

.button-large {
	font-size: 2rem;
	padding: 15px 18px 10px;
}

.button-block {
	display: block;
}

.button--arrow {
	border-color: transparent;
	position: relative;
	padding-right: 20px;
}
.button--arrow:hover,
.button--arrow:focus {
	border-color: transparent;
}
/* arrow decal pseudo */
.button--arrow:after {
	content: "";
	position: absolute;
	background: url(../images/icon_arrow.svg);
	width: 16px;
	height: 10px;
	top: calc(50% - 5px);
	right: 0;
	left: unset;
	bottom: unset;
	opacity: 1;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.button--arrow:hover:after,
.button--arrow:focus:after {
	opacity: 0;
}
/* override button:before styles */
.button--arrow:before,
.button--arrow:hover:before,
.button--arrow:focus:before {
	content: "";
	position: absolute;
	background-color: transparent;
	background-image: url(../images/icon_arrow--highlight-color.svg);
	width: 16px;
	height: 10px;
	top: calc(50% - 5px);
	right: 0;
	left: unset;
	bottom: unset;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.button--arrow:before {
	opacity: 0;
}
.button--arrow:hover:before,
.button--arrow:focus:before {
	opacity: 1;
}

.bg-highlight-colour .button {
	color: #CF5C36;
	background-color: transparent;
}
.bg-highlight-colour .button:before {
	background-color: #fff;
}
.bg-highlight-colour .button-hover,
.bg-highlight-colour .button:hover,
.bg-highlight-colour .button:focus {
    color: #fff;
}

/* Disabled/unavailable button style */

.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
	border: none;
	background-image: none;
	opacity: 0.40;
	cursor: default;
	box-shadow: none;
}

.button.ajax-popup {
	padding: 12px 16px 10px 16px;
}
/* Gets the buttons to line up with form inputs when you want them to */

.button.inline {
	margin-bottom: 0.75em;
}

/* ---- Backgrounds ---- */
.bg-white {
	background-color: #fff;
}

.bg-black {
	background-color: #1F1B1B;
	color: #fff;
}
.bg-black .button {
	color: #1F1B1B;
}
.bg-black .button:before {
	background-color: #fff;
}
.bg-black .button-hover,
.bg-black .button:hover,
.bg-black .button:focus {
	color: #F26430;
}
.bg-black .button-hover:before,
.bg-black .button:hover:before,
.bg-black .button:focus:before {
	background-color: #F26430;
}
.bg-black .button--text {
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #fff;
}
.bg-black .button-hover,
.bg-black .button--text:hover,
.bg-black .button--text:focus {
	color: #F26430;
	border: none;
	border-bottom: 2px solid #F26430;
}
.bg-black .text-link {
	color: #fff;
	border-bottom: 2px solid #fff;
}
.bg-black .text-link:hover,
.bg-black .text-link:active,
.bg-black .text-link:focus {
	color: #F26430;
	border-bottom: 2px solid #F26430;
}
.bg-noir /* darker than black */ {
	background-color: #151212;
	color: #fff;
}
.bg-highlight-colour {
	background-color: #CF5C36;
	color: #fff;
}
.bg-grey {
	background-color: #E8E8E8;
}

/* ---- Expando Styles ---- */

.expando-opener-heading {
	color: #e85505;
	position: relative;
	padding-left: 36px;
	background: transparent url(../images/bg-grey.svg) repeat-Y left center;
	background-size: 32px auto;
	line-height: 32px;
}

.expando-opener-heading:hover {
	color: #ae550d;
}

a.expando-opener-link:before,
a.expando-opener-link:after,
.expando-opener-heading:before,
.expando-opener-heading:after {
	content: " ";
    width: 14px;
    height: 2px;
    background-color: #353131;
    display: block;
    position: absolute;
    bottom: 15px;
    left: 9px;
    margin: 0 auto;
    transition: transform 200ms ease;
}
a.expando-opener-link:after,
.expando-opener-heading:after {
	transform: rotate(90deg);
}
.expanded.expando-opener-heading:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.expanded.expando-opener-heading:after {
	transform: rotate(135deg);
}
.expando.expanded {
	border: solid 1px #E8E8E8;
	padding: 16px;
	margin-bottom: 3.2rem;
}
.expando p:last-of-type {
    margin-bottom: 0;
}
.expando-closer-para {
	text-transform: uppercase;
}

@media screen and (min-width: 420px) {
	.event-details__content {
		padding: 24px;
	}
}
@media screen and (min-width: 600px){
	.expando.expanded {
		padding: 32px;
	}
}

hr {
	box-sizing: content-box;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
	padding: 0;
	clear: right; /* --------!!!! Change this to left if the sidebar is on the right !!!!-------- */
}

/* ---- Highlight ---- */
.highlight,
.highlight--right,
.highlight--left {
	margin: 0 0 1.5rem;
	padding: 25px;
	background: #f6f6f6;
}

@media screen and (min-width: 1000px) {
	.highlight--left {
		float: left;
		width: 45%;
		margin-right: 20px;
	}

	.highlight--right {
		float: right;
		width: 45%;
		margin-left: 20px;
	}
}

.highlight *:last-child,
.highlight--right *:last-child,
.highlight--left *:last-child {
	margin-bottom: 0;
}


/* ---- Date Pattern ---- */

.calendar-date {
	background: #e85505;
	color: #fff;
	border-radius: 6px;
	padding: 0px 0 5px;
	width: 60px;
	text-align: center;
}
	.calendar-date-text {
		color: #fff;
		text-decoration: none; /* Used if the date is a link */
		font-size: 2.4rem;
		line-height: 1;
		margin: 0;
		padding: 0;
	}

	.calendar-date-text span {
		font-size: 1.2rem;
		line-height: 1;
		text-transform: uppercase;
	}


/* ---- Site Messages ---- */

ul.messages {
	background: #f6f6f6;
	border: 2px solid #D6D6D6;
	font-family: arial,sans-serif;
	list-style-type: none;
	margin: 15px 0 30px 0;
	padding: 0;
}
	ul.messages.all-type-error {
		border-color: #900;
		background: #fee;
	}
	ul.messages.all-type-confirm {
		border-color: #090;
		background: #efe;
	}
	ul.messages li {
		margin: 0;
		padding: 10px 15px;
		vertical-align: bottom;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.2em;
	}



/* ---- TinyMCE Templates ---- */

/* These styles are for client use in the TinyMCE Template system */
/* prefixed with ct- (content template) to avoid clashing with skin template columns */

.ct-col-group {
}

/* two columns */
@media screen and (min-width: 500px) {
	.ct-col--one-half {
		float: left;
		width: 48.148148148148%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-half:first-child {
		margin-left: 0;
	}
}

/* three columns */
@media screen and (min-width: 560px) {
	.ct-col--one-third {
		float: left;
		width: 30.95916429249733%;
		margin-left: 3.561253561254%;
	}
	.ct-col--one-third:first-child {
		margin-left: 0;
	}
}


/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */

/* ---- Mega menu in ---- */
@-webkit-keyframes megaMenuIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes megaMenuIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

/* ---- Arrow bounce ---- */
@-webkit-keyframes arrowsBounceRight {
  0% {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
    }
 50% {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);
    }
100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    }
}
@keyframes arrowsBounceRight {
  0% {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
    }
 50% {
  -webkit-transform: translateX(2px);
          transform: translateX(2px);

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

@-webkit-keyframes arrowsBounceLeft {
  0% {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
    }
 50% {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);

    }
100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    }
}
@keyframes arrowsBounceLeft {
  0% {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
    }
 50% {
  -webkit-transform: translateX(-2px);
          transform: translateX(-2px);
    }
100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    }
}

/* ------------------------------------------------------
**** Images
------------------------------------------------------ */


img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

/*

Old school image left and right are more generic now so we can use them on anything

You can find them in the helper classes section

*/

/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */

form {
	margin: 0;
}
	form ul {
		list-style-type: none;
		margin: 0 0 1.5em 0;
		padding: 0;
	}

fieldset {
	margin-bottom: 1.5em;
	padding: 0;
	border-width: 0;
}
fieldset:last-of-type {
	margin-bottom: 0;
}

legend {
	display: block;
	width: 100%;
	margin-top: 15px;
	padding: 00;
	border: 0;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5em;
	white-space: normal;
}
	legend small {
		font-size: 1.125em;
		color: #625757;
	}

label,
input,
button,
select,
textarea {

}
.field-element--text input.textbox {
    height: unset;
}
.field-label,
.field-element .field-label,
.field-element--checkboxboollist .fieldset__legend,
.field-element .field-element--checkboxboollist .fieldset__legend,
.field-element--checkboxset .fieldset__legend,
.field-element .field-element--checkboxset .fieldset__legend,
.fieldset--multiradio .fieldset__legend,
.field-element .fieldset--multiradio .fieldset__legend {
    margin-top: 0;
    line-height: inherit;
    margin-bottom: 0;
    padding-top: 0;
    font-weight: bold;
	font-size: inherit;
}

label {
	display: block;
}

select,
.field-element select,
textarea,
.field-element textarea,
input[type="text"],
.field-element input[type="text"],
input[type="password"],
.field-element input[type="password"],
input[type="datetime"],
.field-element input[type="datetime"],
input[type="datetime-local"],
.field-element input[type="datetime-local"],
input[type="date"],
.field-element input[type="date"],
input[type="month"],
.field-element input[type="month"],
input[type="time"],
.field-element input[type="time"],
input[type="week"],
.field-element input[type="week"],
input[type="number"],
.field-element input[type="number"],
input[type="email"],
.field-element input[type="email"],
input[type="url"],
.field-element input[type="url"],
input[type="search"],
.field-element input[type="search"],
input[type="tel"],
.field-element input[type="tel"] {
	display: inline-block;
	margin-bottom: 0.75em;
	padding: 0.85rem 0.5em 0.65rem;
	font-size: 1.6rem;
	line-height: 1.5rem;
	color: inherit;
	border-radius: 1px;
	vertical-align: middle;
}

textarea {
	height: auto;
	resize-x: none;
}

textarea,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"]{
	width: 100%;
}

textarea,
.field-element textarea,
select,
.field-element select,
input[type="text"],
.field-element input[type="text"],
input[type="password"],
.field-element input[type="password"],
input[type="datetime"],
.field-element input[type="datetime"],
input[type="datetime-local"],
.field-element input[type="datetime-local"],
input[type="date"],
.field-element input[type="date"],
input[type="month"],
.field-element input[type="month"],
input[type="time"],
.field-element input[type="time"],
input[type="week"],
.field-element input[type="week"],
input[type="number"],
.field-element input[type="number"],
input[type="email"],
.field-element input[type="email"],
input[type="url"],
.field-element input[type="url"],
input[type="search"],
.field-element input[type="search"],
input[type="tel"],
.field-element input[type="tel"],
input[type="color"],
.field-element input[type="color"] {
	background-color: #F6F6F6;
	border: 2px solid transparent;
	border-bottom: 2px solid #E8E8E8;
	text-transform: lowercase;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color: rgba(0,0,0,0.5);
	border-radius: 1px;
}
.field-element input.textbox,
.field-element-attach-wrapper .field-element input.textbox,
.field-element select,
.field-element-attach-wrapper .field-element select,
.field-element textarea,
.field-element-attach-wrapper .field-element textarea {
	display: inline-block;
    margin-bottom: 0.75em;
    padding: 0.85rem 0.5em 0.65rem;
    font-size: 1.6rem;
    line-height: 1.5rem;
    color: inherit;
    border-radius: 1px;
    vertical-align: middle;
	margin-bottom: 0;
}
textarea:hover,
.field-element textarea:hover,
input[type="text"]:hover,
.field-element input[type="text"]:hover,
input[type="password"]:hover,
.field-element input[type="password"]:hover,
input[type="datetime"]:hover,
.field-element input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
.field-element input[type="datetime-local"]:hover,
input[type="date"]:hover,
.field-element input[type="date"]:hover,
input[type="month"]:hover,
.field-element input[type="month"]:hover,
input[type="time"]:hover,
.field-element input[type="time"]:hover,
input[type="week"]:hover,
.field-element input[type="week"]:hover,
input[type="number"]:hover,
.field-element input[type="number"]:hover,
input[type="email"]:hover,
.field-element input[type="email"]:hover,
input[type="url"]:hover,
.field-element input[type="url"]:hover,
input[type="search"]:hover,
.field-element input[type="search"]:hover,
input[type="tel"]:hover,
.field-element input[type="tel"]:hover,
input[type="color"]:hover,
.field-element input[type="color"]:hover {
	border: 2px solid #D3D3D3;
	color: rgba(0,0,0,0.75);
}
textarea:focus,
.field-element textarea:focus,
input[type="text"]:focus,
.field-element input[type="text"]:focus,
input[type="password"]:focus,
.field-element input[type="password"]:focus,
input[type="datetime"]:focus,
.field-element input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
.field-element input[type="datetime-local"]:focus,
input[type="date"]:focus,
.field-element input[type="date"]:focus,
input[type="month"]:focus,
.field-element input[type="month"]:focus,
input[type="time"]:focus,
.field-element input[type="time"]:focus,
input[type="week"]:focus,
.field-element input[type="week"]:focus,
input[type="number"]:focus,
.field-element input[type="number"]:focus,
input[type="email"]:focus,
.field-element input[type="email"]:focus,
input[type="url"]:focus,
.field-element input[type="url"]:focus,
input[type="search"]:focus,
.field-element input[type="search"]:focus,
input[type="tel"]:focus,
.field-element input[type="tel"]:focus,
input[type="color"]:focus,
.field-element input[type="color"]:focus {
	border: 2px solid #D3D3D3;
	outline: none;
	color: rgba(0,0,0,0.75);
}

/* ---- Placeholders ---- */
*::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    outline: none;
}
*::-moz-placeholder { /* Firefox 19+ */
    outline: none;
}
*:-ms-input-placeholder { /* IE 10+ */
    outline: none;
}
*:-moz-placeholder { /* Firefox 18- */
    outline: none;
}

/* on a black or coloured background */
.bg-black textarea,
.bg-black .field-element textarea,
.bg-highlight-colour textarea,
.bg-highlight-colour .field-element textarea,
.bg-black select,
.bg-black .field-element select,
.bg-highlight-colour select,
.bg-highlight-colour .field-element select,
.bg-black input[type="text"],
.bg-black .field-element input[type="text"],
.bg-highlight-colour input[type="text"],
.bg-highlight-colour .field-element input[type="text"],
.bg-black input[type="password"],
.bg-black .field-element input[type="password"],
.bg-highlight-colour input[type="password"],
.bg-highlight-colour .field-element input[type="password"],
.bg-black input[type="datetime"],
.bg-black .field-element input[type="datetime"],
.bg-highlight-colour input[type="datetime"],
.bg-highlight-colour .field-element input[type="datetime"],
.bg-black input[type="datetime-local"],
.bg-black .field-element input[type="datetime-local"],
.bg-highlight-colour input[type="datetime-local"],
.bg-highlight-colour .field-element input[type="datetime-local"],
.bg-black input[type="date"],
.bg-black .field-element input[type="date"],
.bg-highlight-colour input[type="date"],
.bg-highlight-colour .field-element input[type="date"],
.bg-black input[type="month"],
.bg-black .field-element input[type="month"],
.bg-highlight-colour input[type="month"],
.bg-highlight-colour .field-element input[type="month"],
.bg-black input[type="time"],
.bg-black .field-element input[type="time"],
.bg-highlight-colour input[type="time"],
.bg-highlight-colour .field-element input[type="time"],
.bg-black input[type="week"],
.bg-black .field-element input[type="week"],
.bg-highlight-colour input[type="week"],
.bg-highlight-colour .field-element input[type="week"],
.bg-black input[type="number"],
.bg-black .field-element input[type="number"],
.bg-highlight-colour input[type="number"],
.bg-highlight-colour .field-element input[type="number"],
.bg-black input[type="email"],
.bg-black .field-element input[type="email"],
.bg-highlight-colour input[type="email"],
.bg-highlight-colour .field-element input[type="email"],
.bg-black input[type="url"],
.bg-black .field-element input[type="url"],
.bg-highlight-colour input[type="url"],
.bg-highlight-colour .field-element input[type="url"],
.bg-black input[type="search"],
.bg-black .field-element input[type="search"],
.bg-highlight-colour input[type="search"],
.bg-highlight-colour .field-element input[type="search"],
.bg-black input[type="tel"],
.bg-black .field-element input[type="tel"],
.bg-highlight-colour input[type="tel"],
.bg-highlight-colour .field-element input[type="tel"],
.bg-black input[type="color"],
.bg-black .field-element input[type="color"],
.bg-highlight-colour input[type="color"],
.bg-highlight-colour .field-element input[type="color"] {
	background-color: rgba(255,255,255,0);
	border: 2px solid rgba(255,255,255,0);
	border-bottom: 2px solid rgba(255,255,255,1);
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	color: rgba(255,255,255,1) !important;
}
.bg-black textarea:hover,
.bg-highlight-colour textarea:hover,
.bg-black input[type="text"]:hover,
.bg-highlight-colour input[type="text"]:hover,
.bg-black input[type="password"]:hover,
.bg-highlight-colour input[type="password"]:hover,
.bg-black input[type="datetime"]:hover,
.bg-highlight-colour input[type="datetime"]:hover,
.bg-black input[type="datetime-local"]:hover,
.bg-highlight-colour input[type="datetime-local"]:hover,
.bg-black input[type="date"]:hover,
.bg-highlight-colour input[type="date"]:hover,
.bg-black input[type="month"]:hover,
.bg-highlight-colour input[type="month"]:hover,
.bg-black input[type="time"]:hover,
.bg-highlight-colour input[type="time"]:hover,
.bg-black input[type="week"]:hover,
.bg-highlight-colour input[type="week"]:hover,
.bg-black input[type="number"]:hover,
.bg-highlight-colour input[type="number"]:hover,
.bg-black input[type="email"]:hover,
.bg-highlight-colour input[type="email"]:hover,
.bg-black input[type="url"]:hover,
.bg-highlight-colour input[type="url"]:hover,
.bg-black input[type="search"]:hover,
.bg-highlight-colour input[type="search"]:hover,
.bg-black input[type="tel"]:hover,
.bg-highlight-colour input[type="tel"]:hover,
.bg-black input[type="color"]:hover,
.bg-highlight-colour input[type="color"]:hover {
	background-color: rgba(255,255,255,0.15);
	border: 2px solid rgba(255,255,255,1);
}
.bg-black textarea:focus,
.bg-highlight-colour textarea:focus,
.bg-black input[type="text"]:focus,
.bg-highlight-colour input[type="text"]:focus,
.bg-black input[type="password"]:focus,
.bg-highlight-colour input[type="password"]:focus,
.bg-black input[type="datetime"]:focus,
.bg-highlight-colour input[type="datetime"]:focus,
.bg-black input[type="datetime-local"]:focus,
.bg-highlight-colour input[type="datetime-local"]:focus,
.bg-black input[type="date"]:focus,
.bg-highlight-colour input[type="date"]:focus,
.bg-black input[type="month"]:focus,
.bg-highlight-colour input[type="month"]:focus,
.bg-black input[type="time"]:focus,
.bg-highlight-colour input[type="time"]:focus,
.bg-black input[type="week"]:focus,
.bg-highlight-colour input[type="week"]:focus,
.bg-black input[type="number"]:focus,
.bg-highlight-colour input[type="number"]:focus,
.bg-black input[type="email"]:focus,
.bg-highlight-colour input[type="email"]:focus,
.bg-black input[type="url"]:focus,
.bg-highlight-colour input[type="url"]:focus,
.bg-black input[type="search"]:focus,
.bg-highlight-colour input[type="search"]:focus,
.bg-black input[type="tel"]:focus,
.bg-highlight-colour input[type="tel"]:focus,
.bg-black input[type="color"]:focus,
.bg-highlight-colour input[type="color"]:focus {
	background-color: rgba(255,255,255,0);
	border: 2px solid rgba(255,255,255,1);
	-webkit-transition: all 500ms 500ms ease-in-out;
	-o-transition: all 500ms 500ms ease-in-out;
	transition: all 500ms 500ms ease-in-out;
	outline: none;
}

/* ---- Placeholders ---- */
.bg-black *::-webkit-input-placeholder,
.bg-highlight-colour *::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
    opacity: 0.8;
}
.bg-black *::-moz-placeholder,
.bg-highlight-colour *::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
    opacity: 0.8;
}
.bg-black *:-ms-input-placeholder,
.bg-highlight-colour *:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
    opacity: 0.8;
}
.bg-black *:-moz-placeholder,
.bg-highlight-colour *:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    opacity: 0.8;
}

input[type="color"] {
	padding: 0;
	border-radius: 4px;
	min-height: 38px;
	overflow: hidden;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 2px 0 0;
	line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"],
input.timepicker {
	width: auto;
	border: 1px solid #787676;
	background-color: transparent;
	color: rgba(0,0,0,0.75);
	padding: 8px 12px;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
input[type="submit"].button:hover,
input[type="submit"].button:focus,
input[type="submit"].button:active {
	background: #CF5C36;
	color: #fff;
	border-color: #CF5C36;
}


.submit-bar input[type="submit"] {
	border-color: transparent;
	border-bottom: 2px solid #1F1B1B;
	padding: 4px 0;
	color: #1F1B1B;
	position: relative;
	margin-bottom: 4px;
}
.submit-bar input[type="submit"]:hover,
.submit-bar input[type="submit"]:focus {
	background-color: transparent;
	color: #CF5C36;
	border-bottom: 2px solid #CF5C36;
}

input.datepicker.wd {
	margin-left: 0;
}
input.datepicker.wy {
	margin-right: 0;
}
input.datepicker {
	width: 60px;
	margin: 0 4px;
}
input.timepicker {
	width: 135px;
}

select {
	border: 1px solid #787676;
}

select[multiple],
select[size] {
	height: auto;
}

select.cc-type,
select.cc-exp,
input.cc-cvn {
	width: 30%;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	font-size: 1.4rem;
	color: #ccc;
}

.radio,
.checkbox {
	min-height: 1.5em;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-right: 10px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
	padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
	display: inline-block;
	padding-top: 5px;
	margin-bottom: 0;
	vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
	margin-left: 12px;
}

.-input-mini {
	width: 60px;
}

.-input-small {
	width: 90px;
}

.-input-medium {
	width: 150px;
}

.-input-large {
	width: 210px;
}

.-input-xlarge {
	width: 270px;
}

.-input-xxlarge {
	width: 530px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
	opacity: .25;
}

.form-actions {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 0.5em 24px 1.5em;
}
	.form-actions:before, .form-actions:after {
		content: " ";
		display: table;
	}
	.form-actions:after {
		clear: both;
	}

[placeholder]:focus::-webkit-input-placeholder {
	opacity: 0;
	-webkit-transition: opacity .5s .5s ease;
	-o-transition: opacity .5s .5s ease;
	transition: opacity .5s .5s ease;
}


/* ---- Form Errors ---- */

.has-error {

	background: #fae8e7;
	padding: 10px 20px;
	margin: 0 -20px;
}
	.has-error input {
		border-color: #B94A48;
	}

	.has-error .help-block,
	.has-error .help-inline {
		color: #B94A48;
		font-weight: bold;
		font-style: italic;
	}



/* ---- Form section form styles ---- */


.form-section input,
.form-section label,
.form-section select,
.form-section textarea {
	margin-bottom: 0;
}

/* Field info */
.form-section span.field-info {
	color: #e85505;
}
.form-section span.field-info:before {
	content: "\2039\00a0";
}

.form-section span.field-info,
.form-section span.field-error {
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 1.2rem;
	vertical-align: middle;
	text-transform: uppercase;
	color: #4B4848;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
}

.form-section span.field-error {
	color: #D20000;
}
.form-section th span.s {
	font-size: 1.2rem;
	font-weight: normal;
}
input[type=text].field-error,
input[type=password].field-error,
textarea.field-error,
.textbox.field-error {
	border: 1px #D20000 solid;
}
span.field-error + span.field-info {
	display: none;
}



/* ---- Submit Bar ---- */

.submit-bar {
	text-align: right;
	background: #F6F6F6;
	padding: 16px 24px;
}

.sidebar .submit-bar {
	padding: 10px 0;
}

.submit-bar a {
	margin-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
	color: #4B4848;
	border-bottom: 2px solid #4B4848;
	padding: 4px 0 3px;
}


/* ---- Search Form ---- */

input.search-query {
	margin-bottom: 0;
	padding-right: 14px;
	padding-left: 14px;
	border-radius: 0;

}

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
	border-radius: 0;
}

.form-search .input-append .search-query {
	border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
	border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
	border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
	border-radius: 14px 0 0 14px;
}

.form-search {
	/*radio*/
}
	.form-search input,
	.form-search textarea,
	.form-search select {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-search .hide {
		display: none;
	}
	.form-search label,
	.form-search .btn-group {
		display: inline-block;
	}
	.form-search .radio,
	.form-search .checkbox {
		margin-bottom: 0;
		padding-left: 0;
		vertical-align: middle;
	}
	.form-search .radio input[type="radio"],
	.form-search .checkbox input[type="checkbox"] {
		float: left;
	}
	.form-search .radio input[type="radio"] margin,
	.form-search .checkbox input[type="checkbox"] margin {
		right: 3px;
		left: 0;
	}
	.form-search .control-group {
		margin-bottom: 0.75em;
	}
	.form-search legend + .control-group {
		margin-top: 1.5em;
		-webkit-margin-top-collapse: separate;
	}


/* ---- Search results ---- */

.search-result {
	padding: 20px 0;
}


/* ---- Search pagination ---- */

.search-paginate {
	padding: 10px 0;
	text-align: center;
}
	.search-paginate .page-prev {
		margin: 0 8px 0 0;
	}
	.search-paginate .page {
		padding: 2px 9px;
		margin: 0 3px;
		background: #eee;
		border: 1px #e85505 solid;
		text-decoration: none;
	}
	.search-paginate .page.on {
		color: #000;
		border-color: #000;
	}
	.search-paginate .page-next {
		margin: 0 0 0 8px;
	}


/* ---- Captcha ---- */

.captcha {
	background-color: #f6f6f6;
	padding: 10px;
	width: 100%;
	border: 1px solid #D7D7D7;
}

	.captcha .captcha-info, .captcha .info {
		float: right;

		padding-bottom: 8px;
}
	.captcha .captcha-info, .captcha .info a {
		text-decoration: none;
	}
		.captcha .captcha-info .captcha-icon {
			width: 16px;
			height: 16px;
			margin-bottom: 16px;
		}

	.captcha .captcha-img {
		width: 200px;
		margin-bottom: 10px;
	}

	.captcha .captcha-input {
		width: 200px;
	}


/* ------------------------------------------------------
**** Tables
------------------------------------------------------ */

table {
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
}
/* responsive table, might require tbody to work */
.responsive-table {
	display: block;
	overflow-x: scroll;
}

th,
td {
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
}

th,
thead td {
	text-transform: uppercase;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
	font-size: 1.6rem;
	color: #4B4848;
}


/* ---- Content tables & Form section tables & Checkbox list tables (shared styles) ---- */
.table--content-standard,
.form-section,
.checkbox-list {
	width: 100%;
	margin: 2rem 0;
}
.table--content-standard caption,
.form-section caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--content-standard th,
.table--content-standard thead td,
.form-section th,
.checkbox-list th {
	text-transform: uppercase;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
	font-size: 1.6rem;
}
.table--content-standard td,
.form-section td,
.checkbox-list td {
	background-color: #FFF;
}
.table--content-standard  th,
.table--content-standard td,
.form-section th,
.form-section td,
.checkbox-list th,
.checkbox-list td {
	border: 1px solid #d7d7d7;
	padding: 12px 15px;
	text-align: left;
}
.form-section textarea,
.form-section select,
.form-section input[type="text"],
.form-section input[type="password"],
.form-section input[type="datetime"],
.form-section input[type="datetime-local"],
.form-section input[type="date"],
.form-section input[type="month"],
.form-section input[type="time"],
.form-section input[type="week"],
.form-section input[type="number"],
.form-section input[type="email"],
.form-section input[type="url"],
.form-section input[type="search"],
.form-section input[type="tel"],
.form-section input[type="color"],
.table--content-standard textarea,
.table--content-standard select,
.table--content-standard input[type="text"],
.table--content-standard input[type="password"],
.table--content-standard input[type="datetime"],
.table--content-standard input[type="datetime-local"],
.table--content-standard input[type="date"],
.table--content-standard input[type="month"],
.table--content-standard input[type="time"],
.table--content-standard input[type="week"],
.table--content-standard input[type="number"],
.table--content-standard input[type="email"],
.table--content-standard input[type="url"],
.table--content-standard input[type="search"],
.table--content-standard input[type="tel"],
.table--content-standard input[type="color"] {
	border: 1px solid #d7d7d7;
}

.form-section input[type="file"],
.table--content-standard input[type="file"] {
	border: none;
}


/* ---- Content tables ---- */

/* Small */
.table--content-standard.table--content-small {
	font-size: 1.3rem;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small td {
	padding: 5px 10px;
}
.table--content-standard.table--content-small th,
.table--content-standard.table--content-small thead td {
	font-size: 1.4rem;
}

/* ---- Form section tables ---- */

.form-section td.field-info {
	vertical-align: middle;
	font-size: 1rem;
}
.checkbox-list td.check {
	width: 10px;
	text-align: center;
}
.form-section .checkbox-list {
	margin: 0;
}

/* Form sections in sidebar */
.sidebar > .form-section,
.sidebar > .form-section > tbody,
.sidebar > .form-section > tbody > tr,
.sidebar > .form-section > tbody > tr > th,
.sidebar > .form-section > tbody > tr > td {
	display: block;
	width: 100%;
}
.sidebar .form-section > tbody > tr > td {
	 border-left: 1px solid #d7d7d7;
}
.sidebar .form-section .field-info {
	text-align: right;
}
.sidebar .form-section td.field-info:empty,
.sidebar .form-section td.nothing {
	display: none !important;
}
.sidebar span.field-info:before {
	content: "^\00a0";
}
.sidebar .form-section > tbody > tr > th:first-child {
	width: 100%;
}

/* Responsiveness */
@media all and (min-width: 651px) {
	.form-section > tbody > tr > th:first-child {
		width: 25%;
	}
}

@media screen and (max-width: 650px) {
    .pre-header__title a {
        font-size: 1.8rem;
    }

	.form-section,
	.form-section > tbody,
	.form-section > tbody > tr,
	.form-section > tbody > tr > th,
	.form-section > tbody > tr > td {
		display: block;
		width: 100%;
	}
	.form-section > tbody > tr > td {
		 border-left: 1px solid #d7d7d7;
	}
	.form-section .field-info {
		text-align: right;
	}
	.form-section td.field-info:empty,
	.form-section td.nothing {
		display: none !important;
	}
	.form-section {
		border: none;
	}
	.form-section th {
		border-bottom: none;
	}
	span.field-info:before {
		content: "^\00a0";
	}
}

/* ---- Responsive table ---- */
table.responsive {
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
	display: block;
}

/* ---- No Styles Table ---- */
.table__no-styles {
	border-collapse: separate !important;
	border: none !important;
	background: none !important;
	min-width: 0 !important;
}

.table__no-styles th,
.table__no-styles thead td,
.table__no-styles td {
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
}




/* ------------------------------------------------------
**** Helper classes
------------------------------------------------------ */

/* ---- Clearfix ---- */

.clear {
	height: 0;
	clear: both;
	display: block;
}

.-clearfix:before,
.-clearfix:after {
	content: " ";
	display: table;
}

.-clearfix:after {
	clear: both;
}


/* Image Replacement */
.-ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
}

.-ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

.-hidden {
	display: none !important;
	visibility: hidden;
}

.-vis-hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.-vis-hidden.focusable:active,
.-vis-hidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.-invisible {
	visibility: hidden;
}

/* Angle Brackets */
.-r-arrow-after:after {
	content: "\00a0\003e";
}
.-r-arrow-before:before {
	content: "\003e\00a0";
}
.-l-arrow-after:after {
	content: "\00a0\003c";
}
.-l-arrow-before:before {
	content: "\003c\00a0";
}

/* Ellipsis */
.ellipsis-2:after {
	content: "..";
}
.ellipsis-3:after {
	content: "...";
}

/* ---- Floats and positioning ---- */

.left {
	margin: 0 15px 15px 0;
	float: left;
}

.right {
	margin: 0 0 15px 15px;
	float: right;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */

* {
	margin: 0;
}

html,
body {
	background: #FFF;
	height: 100%;
}

#wrap {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	min-height: 100%;
	padding-top: 40px;
}

.container {
	width: 92%;
	margin: 0 4%;
}

/* BP 4 */
@media screen and (min-width: 600px) {
	.container {
		min-width: 580px;
		margin: 0 auto;
	}
}

/* BP 3 */
@media screen and (min-width: 769px) {
	.container {
		min-width: 720px;
	}

	#wrap {
		padding-top: 0;
	}
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.container {
		min-width: 920px;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

/* ---- Sections ---- */
.section {
	padding: 40px 0;
}

.section.section--small {
	padding: 20px 0;
}

.section.section--no-padding {
	padding: 0;
}

.section.section-grey {
	background-color: #f6f6f6;
}

/* BP 4 */
@media screen and (min-width: 600px) {
	.section {
		padding: 48px 0;
	}
	.section.section--small {
		padding: 24px 0;
	}
}

/* BP 3 */
@media screen and (min-width: 769px) {
	.section {
		padding: 56px 0;
	}
	.section.section--small {
		padding: 28px 0;
	}
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.section {
		padding: 64px 0;
	}
	.section.section--small {
		padding: 32px 0;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
	.section {
		padding: 80px 0;
	}
	.section.section--small {
		padding: 40px 0;
	}
}

.section--b0 {
	padding-bottom: 0;
}

/* ---- mobile frankenmenu ---- */
.mobile-header__fb-link {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 40px;
	float: right;
}
#mobile-header .container {
	position:relative;
}
#mobile-menu-button {
	position: absolute;
	top: 0;
	right: 0;
}
.mobile-header__fb-link__link {
	display: block;
	padding: 8px 4px;
	padding: 0.5em 1em;
	padding-bottom: 0;
}
.mobile-header__fb-link__link svg {
	height: 18px;
	height: 1.25em;
	width: auto;
}
.mobile-header__fb-link__link svg path {
	fill: #fff;
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.mobile-header__fb-link__link {
		padding: 8px 4px;
		padding: 0.5em 1em;
	}
}

/* ---- header ---- */
.section--pre-header {
	height: 40px;
	height: 2.5em;
	display: none;
}
.section--nav {
	display: none;
}
.pre-header__logo__wrapper {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pre-header__title {
    display: flex;
    align-items: center;
	z-index: 2;
    height: 40px;
    height: 2.5em;
    flex: 0 0 40%;
}
.pre-header__title a {
	color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-family: urw-din, D-DIN, Helvetica, sans-serif;
    font-size: 20px;
    font-size: 1.25em;
}
.pre-header__icon-links {
    flex: 0 0 50%;
}
.pre-header__icon-link__list {
    display: flex;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.pre-header__icon-link__social-list {
    float: right;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.pre-header__icon-link__item {
	display: block;
	margin-right: 16px;
}
.pre-header__icon-link__item__link {
	display: flex;
    padding: 0;
	padding-bottom: 0;
    width: fit-content;
    color: #fff;
    text-decoration: none;
    align-items: center;
}
.pre-header__icon-link__item a:last-child {
	padding-right: 0;
}

.pre-header__icon-link__item__link svg {
	width: auto;
    position: relative;
    margin-right: 8px;
}

.pre-header__icon-link__item__link svg path {
	fill: #fff;
}
.pre-header__socials {
    flex: 0 0 50%;
}

.pre-header__socials-list {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pre-header__socials-item {
    margin-left: 16px;
}

.pre-header__socials-link {
    display: flex;
    align-items: center;
    width: fit-content;
    color: #fff;
    text-decoration: none;
    padding: 0;
}

.pre-header__socials-item:last-child .pre-header__socials-link {
    margin-right: 0;
}

.pre-header__socials-link svg {
    width: auto;
    position: relative;
}

.pre-header__socials-link svg path {
    fill: #fff;
}
.nav__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/* BP 3 */
@media screen and (min-width: 992px) {
	.section--pre-header {
		display: flex;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255, 0.15);

	}
	.section--nav {
		display: block;
		height: 80px;
	}
}
/* BP 2 */
@media screen and (min-width: 992px) {
    .pre-header__title a {
        font-size: 24px;
        font-size: 1.5em;
    }
	.pre-header__icon-link__item__link:hover svg path,
	.pre-header__icon-link__item__link:focus svg path {
		fill: #CF5C36;
	}
	.pre-header__icon-link__item__link:hover #icon_phone path,
	.pre-header__icon-link__item__link:focus #icon_phone path {
		stroke: #CF5C36;
	}

    .pre-header__socials-link:hover svg path,
	.pre-header__socials-link:focus svg path {
		fill: #CF5C36;
	}
	.pre-header__socials-link:hover #icon_facebook path,
	.pre-header__socials-link:focus #icon_facebook path {
		stroke: #CF5C36;
	}
}

/* ---- banner ---- */
.section--banner__bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/bg_banner-image--xs.jpg);
    position: relative;
}
.section--banner__bg:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(238, 233, 221, 0.3);
	z-index:0;
}
.banner--slider__list {
	margin: 0;
	list-style-type: none;
	padding: 0;
	position: relative;
	z-index: 1;
}
.banner--slider__list__item__img {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 280px;
}
.banner__content__container {
	padding: 20px 0;
	padding-bottom: 40px;
}
.slick-dots,
.slick-arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.slick-dots li {
	display: inline-block;
}

.slick-dots li button,
.slick-arrow {
	width: 40px;
	height: 40px;
	background: #1F1B1B no-repeat center center;
	border: none;
}
.slick-arrow {
	text-indent: 2000px;
	text-indent: 100vw;
	color: transparent;
	background-image: url(../images/icon_arrow--white.svg);
	background-size: 16px auto;
}
.slick-arrow.slick-prev {
	right: 40px;
	background-image: url(../images/icon_arrow--white--left.svg);
}
.slick-arrow:hover {
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	        -webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1;
}
.slick-arrow:focus {
	outline: none;
	-webkit-animation-iteration-count: 3;
		animation-iteration-count: 3;
}
.slick-next:hover {
	-webkit-animation: arrowsBounceRight .300s cubic-bezier(0.400, -0.105, 0.590, 1.140) normal;
	        animation: arrowsBounceRight .300s cubic-bezier(0.400, -0.105, 0.590, 1.140) normal;
}
.slick-prev:hover {
	-webkit-animation: arrowsBounceLeft .300s cubic-bezier(0.400, -0.105, 0.590, 1.140) normal;
	        animation: arrowsBounceLeft .300s cubic-bezier(0.400, -0.105, 0.590, 1.140) normal;
}


/* BP 3 */
@media screen and (min-width: 769px) {
	.section--banner__bg {
	    background-image: url(../images/bg_banner-image--sm.jpg);
	}
	.banner--slider__list__item__img,
	.banner__content__container,
	.banner__content__wrapper {
		min-height: 386px;
		height:100%;
	}
	.section--banner__bg:after {
		content: none;
	}
	.banner__content__wrapper {
		padding: 80px 0 32px 0;
		padding: 5em 0 2em 0;
		min-width: 0;
	}
	.banner__img__container {
		width: 50%;
		margin-left: 32px;
		float: right;
	}
	.banner__content__container {
		padding: 0;
	}
	.slick-dots li button,
	.slick-arrow {
		opacity: 0.66;
	}
	.slick-arrow:hover {
		opacity: 0.9;
	}
	.slick-arrow:focus {
		opacity: 0.9;
	}
	@supports(display:flex) {
		.banner__content__wrapper {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;

		}
		.banner__content__heading,
		.banner__content__description,
		.banner__content__link {
			align-self: flex-end;
		}
	}
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.section--banner__bg {
	    background-image: url(../images/bg_banner-image--md.jpg);
	}
	.banner--slider__list__item__img,
    .banner__content__container,
    .banner__content__wrapper {
		min-height: 420px;
	}
	.banner__content__wrapper {
		padding: 80px 0 40px 0;
		padding: 5em 0 2.5em 0;
		background: transparent;
		position: relative;
		height: 100%;
		max-width: 396px;
	}
	.banner--slider__list {
		padding: 0;
	}
	.banner__content__link {
		width: 100%;
	}
	.banner__content__link p {
		text-align: right;
	}
	.banner__img__container {
		width: 60%;
		margin-left: 44px;
		float: right;
	}
	.banner--slider__list__item__img {
	    max-width: 980px;
	    margin: auto;

	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
	.section--banner__bg {
	    background-image: url(../images/bg_banner-image--lg.jpg);
	}
    .banner--slider__list__item__img,
    .banner__content__container,
    .banner__content__wrapper {
    	min-height: 500px;
    }
    .banner__heading {
    	font-size: 40px;
    	font-size: 2.5em;
    	line-height: 1.25;
    }
    .banner__content__container {
    	padding-right: 44px;
    	padding-right: 4.4rem;
	}
}

/* ---- banner inner ---- */
.section--banner-inner {
	padding: 34px 0 33px 0;
}
.section--banner-inner:after {
	content: none;
}
.banner__image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 214px;
}
.banner__content__section-title p{
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 12px;
	font-size: 0.8em;
	line-height: 1;
}
.banner__content__container--inner {
	padding: 20px 0;
}
.banner__content__heading h2 {
	line-height: 1;
}

/* BP 3 */
@media screen and (min-width: 769px) {
	.banner__image,
	.banner__content__wrapper--inner {
		min-height: 260px;
	}
	.banner__content__container--inner {
		padding: 0;
	}
	.banner__content__wrapper--inner {
		padding: 80px 0 32px 0;
		padding: 5em 0 2em 0;
	}
	@supports(display:flex) {
		.banner__content__wrapper--inner {
			display: flex;
			flex-flow: column wrap;
			justify-content: center;
			align-items: flex-start;
		}
	}

}

/* BP 2 */
@media screen and (min-width: 960px) {
	.banner__image,
	.banner__content__wrapper--inner {
		min-height: 322px;
	}
	.section--banner-inner .banner__content__wrapper--inner {
		padding: 80px 0 32px 0;
		padding: 5em 0 2em 0;
	}
	.section--banner-inner .banner__img__container {
		width: 66%;
	}
	.banner__content__heading h2 {
		line-height: 1.25;
	}
	.banner__content__section-title p {
		line-height: 1.25;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
    .banner__content__container--inner {
    	padding-right: 44px;
    	padding-right: 4.4rem;
	}
	@supports(display:flex) {
		/* override image width to be inline with breadcrumb */
		.section--banner-inner .banner__img__container {
			width: calc((1140px * 0.66) + ((100vw - 1140px) / 2));
		}
	}
}

/* ---- events promos / gallery ---- */
.event__header h2 {
	display: inline-block;
}
.event__header {
	margin-bottom: 24px;
}
.event__button--header {
	display: none;
}
.event__item {
	margin-bottom: 40px;
}
a.event-wrapper {
	text-decoration: none;
	color: #1F1B1B;
}
.section--events .row div:last-child {
	margin-bottom: 0;
}
.event__item__container {
	position: relative;
}
.event__item__date-time {
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	background: #1F1B1B;
	color: #fff;
	text-align: center;
	padding: 8px 4px;
	z-index: 2;
}
.event__item__date-time p {
	line-height: 1;
    margin: 0;
}
.event__item__date {
	display: block;
	font-size: 24px;
	font-size: 1.5em;
	line-height: 1;
}
.event__item__month {
	display: inline-block;
	font-size: 12px;
	font-size: 0.75em;
	line-height: 1;
	padding-bottom: 0;
	width: 48px;
}
.event__item__time {
	display: block;
	font-size: 12px;
	font-size: 0.75em;
}
.event__item__header {
	padding-left: 104px;
	width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    padding-bottom: 12px;
}
.event__item__title__heading {
	margin: 0;
	max-height: 48px;
	overflow: hidden;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.event__item__header .subtitle {
	margin: 0;
}
.event__item__image {
	background-color: #1F1B1B;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.event__item__image img {
	max-width: unset;
	max-height: unset;
	width: 100%;
	height: auto;
}
.event__item__timeslink:link,
.event__item__timeslink:visited {
	background: #CF5C36;
	border: solid 1px #fff;
	padding: 0.5em;
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
	text-decoration: none;
	color: #fff;
}
.event__item__timeslink:hover,
.event__item__timeslink:active,
.event__item__timeslink:focus {
	text-decoration: underline;
	color: #fff;
}
.event__item__container .event__item__popup {
	display: none;
}
.event__item__footer {
	padding-top: 16px;
}
.event__item__footer .button--text {
	float: left;
}
.event__item__footer .button--arrow {
	float: right;
}
.event__button--tail {
	margin-top: 16px;
	margin-top: 1em;
}
@media screen and (min-width: 460px) {
	.event__item__header {
		padding-left: 112px;
	}
}
/* BP 4 */
@media screen and (min-width: 600px) {
	.event__header {
		margin-bottom: 32px;
	}
	.event__button--tail {
		display: none;
	}
	.event__button--header {
		display: inline-block;
		float: right;
	}
	.section--events .row div:last-child {
		margin-bottom: 0;
	}
}

/* BP 3 */
@media screen and (min-width: 769px) {
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.event__button--header {
		margin-top: 4px;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
	.section--events {
		padding-bottom: 40px;
	}
	.event__header h2 {
		font-size: 40px;
		font-size: 2.5em;
	}
	.event__button--header {
		margin-top: 10px;
	}
}

/* ---- Subscribe ---- */

.subscribe__subtitle {
	max-width: 48%;
}
.subscribe__subtitle .next-line {
	display: none;
}
.subscribe__subtitle .non-mobile-info {
	display: none;
}
.section--subscribe {
	background-color: #8c7549;
    color: #000;
}
.section--subscribe .subscribe__form {
	padding-top: 24px;
}
.subscribe__form .field-element textarea,
.subscribe__form .field-element select,
.subscribe__form .field-element input[type="text"] {
	background-color: transparent;
	border: 2px solid rgba(0,0,0,0);
	border-bottom: 2px solid rgba(255,255,255, 1);
	border-radius: 0;
}
.subscribe__form .field-element textarea:focus,
.subscribe__form .field-element select:focus,
.subscribe__form .field-element input[type="text"]:focus,
.subscribe__form .field-element textarea:hover,
.subscribe__form .field-element select:hover,
.subscribe__form .field-element input[type="text"]:hover {
	border: 2px solid rgba(255,255,255, 1);
	outline: none;
	border-radius: 0;
}
.subscribe__form .field-element input[type="text"]#subscribe-email:focus .subscribe__button,
.subscribe__form .field-element input[type="text"]#subscribe-email:hover .subscribe__button {
	border: 2px solid rgba(255,255,255,1);
}
.subscribe__form .field-element {
    margin-bottom: 0;
}
.subscribe__form p {
	margin-bottom: 2px;
}
#subscribe-email {
	margin-bottom: 0;
}
.field-element-attach-wrapper {
	position: relative;
}
.subscribe__button {
	display: inline-block;
	color: #fff;
	background-color: transparent;
	border: 2px solid rgba(255,255,255,0);
	padding: 4px 2.5px;
	height: 100%;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	position: absolute;
	bottom: 0;
	right: 0;
}
.subscribe__button__svg {
	width: 100%;
	height: 100%;
	padding: 2px;
	display: block;
}
.subscribe__button svg g {
	stroke: #fff;
}
.subscribe--active .subscribe__button {
	background-color: rgba(255,255,255,1);
}
.subscribe--active .subscribe__button svg g {
	stroke: #AA9157;
}
.subscribe__link .subtitle {
	margin-bottom: 6px;
}
.subscribe__link__button {
	margin-bottom: 0;
}

@media screen and (min-width: 400px) {
	.subscribe__subtitle .next-line {
		display: inline;
	}
	.subscribe__subtitle .non-mobile-info {
		display: block;
	}
}
/* BP 4 */
@media screen and (min-width: 600px) {
	.subscribe__subtitle {
		max-width: none;
		padding-right: 24px;
	}
	.subscribe__wrapper .subscribe__header {
		margin-bottom: 0.4rem;
	}
	.subscribe__subtitle .non-mobile-info {
		display: none;
	}
	.section--subscribe .subscribe__form {
		padding-top: 6px;
	}
	.subscribe__wrapper .subscribe__header,
	.subscribe__wrapper p {
		margin-bottom: 0;
	}
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.subscribe__wrapper .subscribe__header {
		margin-bottom: 0;
	}
	.section--no-padding.subscribe__link {
		padding: 2px 0;
	}
	.subscribe__link .subtitle {
		margin-bottom: 2px;
	}
}

@media screen and (min-width: 960px) {
	.section--subscribe .subscribe__form {
		padding-top: 0;
	}
	.subscribe__subtitle .non-mobile-info {
		display: block;
	}
	.section--no-padding.subscribe__link {
		padding: 0;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
}

/* ---- Find us ---- */
.section.section-prefooter {
	padding: 40px 0;
}
.section-prefooter__header {
	display: inline-block;
	padding-right: 16px;
	position: relative;
	text-transform: uppercase;
}
.section-prefooter__header:after  {
	content: "";
	position: absolute;
	width: 1px;
	height: 36px;
	background: #000;
	top: calc(50% - 18px);
	left: 100%;
}
.section-prefooter__header__address {
	display: inline-block;
	padding-left: 16px;
	line-height: 1.25;
	vertical-align: bottom;
}
.find-us__link-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.find-us__link-list__item {
	display: block;
	padding: 8px 0;
}
.find-us__link-list__item a {
	color: #fff;
	text-decoration: none;
}
.find-us__map {
	overflow:hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
    background-image: url(../images/map/NCH_map_480.jpg);
    height: 240px;
    position: relative;
}
.find-us__map__link {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.find-us__map__link a {
	position: relative;
	display: block;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.find-us__map__link a span{
	position: relative;
	display: inline-block;
	top: 50%;
	top: calc(50% - 20px);
	vertical-align: middle;
	color: #fff;
	background-color: #1F1B1B;
	border-radius: 1px;
	padding: 8px 12px;
	padding: 0.5em 0.75em;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.find-us__map__link a:hover {
	opacity: 1;
}
.find-us__map__link a span:hover  {
	text-decoration: underline;
}

@media screen and (min-width: 480px) {   /* BP 4 */
    .find-us__map {
        background-image: url(../images/map/NCH_map_768.jpg);
        height: 200px;
        height: 36vw;
    }
}

/* BP 4 */
@media screen and (min-width: 600px) {
	.section-prefooter__header--wrapper {
		position: relative;
		height: 100%;
	}

	.section-prefooter__header--wrapper:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 36px;
		background: #fff;
		top: calc(50% - 18px);
		left: 100%;
	}

	.section-prefooter__header__address {
		display: block;
		padding-left: 0;
		margin-bottom: 0;
	}
	.section-prefooter__header {
		margin-bottom: 0.4rem;
	}
	.section-prefooter__header:after {
		content: none;
	}
	.find-us__link-list {
		text-align: center;
	}
	.find-us__link-list__item {
		display: inline-block;
		padding: 24px;
		position: relative;
	}
	.find-us__link-list__item:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 36px;
		background: #fff;
		top: calc(50% - 18px);
		left: 100%;
	}
	.find-us__link-list__item:last-child:after {
		content: none;
	}

	@supports(display:flex) {
		.find-us__link-list {
			display: flex;
			flex-flow: row;
			justify-content: space-around;
			padding: 8px 0;
		}
		.find-us__link-list__item {
			padding: 0;
		}
		.find-us__link-list__item:after {
			content: none;
		}
	}
}

/* BP 3 */
@media screen and (min-width: 769px) {
    .find-us__map {
        background-image: url(../images/map/NCH_map_992.jpg);
        height: 280px;
        height: 33vw;
    }
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.section-prefooter__header--wrapper:after {
		content: none;
	}
	.section-prefooter__header:after  {
		content: "";
		position: absolute;
		width: 1px;
		height: 36px;
		background: #000;
		top: calc(50% - 18px);
		left: 100%;
	}
	.section-prefooter__header,
	.section-prefooter__header__address {
		margin: 0;
	}
	.section-prefooter__header__address {
		display: inline-block;
		padding-left: 16px;
	}
    .find-us__map {
        background-image: url(../images/map/NCH_map_1200.jpg);
        height: 350px;
        height: 33vw;
    }
	.find-us__link-list {
		text-align: right;
		padding: 0;
	}
	.find-us__link-list__item {
		padding: 24px;
	}
	.find-us__link-list__item:last-child {
		padding-right: 0;
	}
	.find-us__link-list__item:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 36px;
		background: #fff;
		top: calc(50% - 18px);
		left: 100%;
	}

	@supports(display:flex) {
		.find-us__link-list {
			display: inline-block;
		}
	}
}
/* BP 1 */
@media screen and (min-width: 1200px) {
    .section-prefooter__header {
    	font-size: 40px;
    	font-size: 2.5em;
    }
    .find-us__map {
        background-image: url(../images/map/NCH_map_1600.jpg);
        height: 32vw;
    }
}

@media screen and (min-width: 1600px) {   /* BP 1 */
    .find-us__map {
        background-image: url(../images/map/NCH_map_2000.jpg);
        height: 23vw;
    }
}

/* ---- Prefooter ---- */
.section--pre-footer {
	position: relative;
}
.pre-footer__title {
	text-transform: uppercase;
}
.pre-footer-links-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.pre-footer-links-list__link {
	padding-left: 32px;
	position: relative;
	margin: 1em 0;
}
.pre-footer-links-list__link:before {
	content:"";
	width: 24px;
	height: 24px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../images/icon_circle.svg);
	background-position: center center;
	background-repeat: no-repeat;
}
.pre-footer-links-list__link a {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}
.pre-footer-links-list__link a:hover {
	color: #F26430;
	border-bottom: 2px solid #F26430;
}
.section--pre-footer__column {
	position: relative;
	z-index: 1;
}
.section--pre-footer__column,
.section--pre-footer__column__section {
	margin-bottom: 64px;
}
.section--pre-footer__column__section:last-child {
	margin-bottom: 0;
}
.section--pre-footer__column--related--desktop {
	display: none;
}
.field-element--text--name {
	width: 32%;
	width: calc(33% - 8px);
	display: inline-block;
	float: left;
	margin-right: 1%;
	margin-right: 8px;
}
.field-element--text--email {
	width: 65%;
	width: calc(66% - 8px);
	display: inline-block;
	float: left;
	margin-left: 1%;
	margin-left: 8px;
}
.field-element--text--message {
	width: 100%;
}
.section--quicklinks-placeholder--active {
	margin-top: 64px;
}
.related-links__list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
	justify-content: space-between;
}
.related-links__list__item {
	display: inline-block;
	float: left;
	width: 36.45%;
	padding-right: 10px;
}
.related-links__list__item--slim {
	width: 28.4%;
}
.related-links__list__item:last-child {
	padding-right: 0;
}
.related-links__list__item:last-child {
	width: calc(36.1% - 10px);
}
.related-links__list__item a {
	display: block;
}
.related-websites__logo {
	display: inline-block;
	height: auto;
}
.footer__enquiry-form .button {
	margin-top: 1.6rem;
}

/* icons for individualised links */
.icon--pin:before {
	background-image: url(../images/icon_pin.svg);
}
.icon--hire:before {
	background-image: url(../images/icon_hire.svg);
}
.icon--hall:before {
	background-image: url(../images/icon_building.svg);
}
.icon--faq:before {
	background-image: url(../images/icon_head.svg);
}
.icon--employment:before {
	background-image: url(../images/icon_employment.svg);
}
@media screen and (min-width: 960px) {
	.section--pre-footer__column__section--enquiry a,
	.section--pre-footer__column--contact .section--pre-footer__column__section--enquiry p > a {
		margin-bottom: 0;
	}
	.section--pre-footer__column--related--desktop {
		display: block;
	}
	.section--pre-footer__column--related--tablet {
		display: none;
	}
}

/* BP 1 */
@media screen and (min-width: 1200px) {
    .section--pre-footer__column--contact p > a {
    	margin-bottom: 1em;
    }
}



/* ---- footer ---- */
footer .container {
	z-index: 1;
	position: relative;
}
.footer__logo-overlay--wrapper {
	position: relative;
	width: 100%;
	z-index: 0;
}
.footer__logo-overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/decal_ornate.svg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom -100px right -100px;
}
.footer-logo {
    display: block;
    margin: 0 auto 16px;
    height: auto;
    max-width: 75px;
}
.footer-acknowledgement {
	color: #fff;
	font-size: 0.8em;
	opacity: 0.5;
	padding: 0 5vw;
	margin: 0.5em 0 1em 0;
	text-align: center;
	line-height:1.2em;
}
.footer-copyright {
	color: #fff;
	opacity: 0.5;
	display: inline-block;
	margin-bottom: 0;
	font-size: 0.8em;
}
.footer-links-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
	padding-top: 4px;
}
.footer-links-list li {
	padding: 4px;
}
.footer__content {
	position: relative;
	z-index: 1;
}
.section--footer a {
	color: #fff;
	opacity: 0.75;
}
.section--footer a:hover,
.section--footer a:focus {
	opacity: 1;
	color: #CF5C36;
}


/* BP 4 */
@media screen and (min-width: 600px) {
	.footer-links-list {
		padding-top: 0;
	}
	.footer-links-list li {
		padding: 2px 0;
		display: inline-block;
		padding: 0 4px;
		position: relative;
	}
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.footer-links-list li:after {
		content: "";
		position: absolute;
		width: 1px;
		height: 24px;
		background: #fff;
		top: calc(50% - 12px);
		left: 100%;
	}
	.footer-links-list li:last-child {
		padding-right: 0;
	}
	.footer-links-list li:last-child:after {
		content: none;
	}
	.footer__logo-overlay {
		width: 80%;
		background-position: bottom -180px right -180px;
	}
}

@media screen and (min-width: 960px) {
	.footer-links-list li {
		padding: 0 12px;
	}
	.footer__logo-overlay {
		width: 66%;
	}
}
/* BP 1 */
@media screen and (min-width: 1200px) {
	.footer__logo-overlay {
		width: 60%;
		background-position: bottom -220px right -180px;
	}
}

@media screen and (min-width: 1400px) {
	.footer__logo-overlay {
		width: 40%;
		background-position: bottom -120px right -80px;
	}
}


/* ---- site search ---- */

/* ie on the /search page */


@media screen and (min-width: 650px) {
	.site-search-form input[type="text"] {
		width: 60%;
		margin: 0 1.5% 0 0;
	}

}

/* ------------------------------------------------------
**** Mainbar

------------------------------------------------------ */
.mainbar > h1 {
	padding: 12px 0;
}

/* ------------------------------------------------------
**** Sidebar

------------------------------------------------------ */

/* BP 1 */
@media screen and (min-width: 1200px) {
    .sidebar {
    	padding-right: 44px;
    	padding-right: 4.4rem;
	}
}


/* Generic style for all widgets */

.widget .widget-title {
	border-top: 4px double #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	padding: 16px 0;
	position: relative;
}

@media screen and (min-width: 960px) {   /* BP 2 */
	.widget .widget-title {
		border-top: none;
		border-bottom: none;
	}
	.widget .widget-title:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 1000px;
		width: 100vw;
		height: 100%;
		border-top: 1px solid #E8E8E8;
		border-bottom: 1px solid #E8E8E8;
	}
}

/* ------------------------------------------------------
**** Widgets

Widgets & Modules that ship with sprout.
If they don't they belong in seperate partial file

------------------------------------------------------ */

/* ---- Catch all ---- */
.sidebar .widget {
	margin-bottom: 25px;
}

/* ---- Related Links ---- */
.widget-RelatedLinks {
	margin-bottom: 25px;
}
/* resets, don't touch */
.widget-RelatedLinks ul {
	padding: 0;
	margin:  0;
}
.widget-RelatedLinks li {
	list-style: none;
}
.widget-RelatedLinks a {
	text-decoration: none;
}
/* styles */
.widget-RelatedLinks li.depth1 {
	border-bottom: 1px solid #d6d6d6;
	position: relative;
	padding: 8px 16px 8px 0;
}
.widget-RelatedLinks li.depth1:last-child {
	border-bottom: none;
}
.widget-RelatedLinks li.depth1 > a {
	display: block;
	color: #4B4848;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
	padding-left: 24px;
}
.widget-RelatedLinks li > a:before,
.widget-RelatedLinks li.depth1 > a:before,
.widget-RelatedLinks li.depth2 > a:before,
.widget-RelatedLinks li > a:after,
.widget-RelatedLinks li.depth1 > a:after,
.widget-RelatedLinks li.depth2 > a:after {
	content: "";
	position: absolute;
	top: 0.6rem;
	top: calc(50% - 1.2rem);
	left: 0;
	background: url(../images/icon_arrow--breadcrumb.svg) center center no-repeat;
	padding: 1.2rem;
	transition: all 250ms ease-in-out;
}
.widget-RelatedLinks li > a:before,
.widget-RelatedLinks li.depth1 > a:before,
.widget-RelatedLinks li.depth2 > a:before {
	background: url(../images/icon_arrow--breadcrumb--accent-color.svg) center center no-repeat;
}

/* hover states */
.widget-RelatedLinks li.depth1 > a:hover,
.widget-RelatedLinks li.depth1 > a:focus {
	color: #F26430;
	padding-left: 32px;
}
.widget-RelatedLinks li.depth1.on > a::after,
.widget-RelatedLinks li.depth1 > a:hover::after,
.widget-RelatedLinks li.depth1 > a:focus::after {
	opacity: 0;
}

/* active states */
.widget-RelatedLinks li.on > a {
	color: #CF5C36;
}
.widget-RelatedLinks li.on > a:after {
	opacity: 0;
}
.widget-RelatedLinks li.depth1.on > a:hover,
.widget-RelatedLinks li.depth1.on > a:focus {
	padding-left: 24px;
}

/* Children */

.widget-RelatedLinks li.depth2 {
	font-size: 1.4rem;
}
.widget-RelatedLinks li.depth2 a {
	background: #f6f6f6;
}
.widget-RelatedLinks li.depth2.on a,
.widget-RelatedLinks li.depth2.on a:hover {
	background: #eee;
}
.widget-RelatedLinks li.depth2 a:before {
	content: "- ";
}
.widget-RelatedLinks li.depth2 {
	border-top: 1px solid #d6d6d6;
}

.widget-RelatedLinks li.depth2 a {
	-webkit-transition: all 150ms ease-out;
	-moz-transition: all 150ms ease-out;
	-o-transition: all 150ms ease-out;
	transition: all 150ms ease-out;
	position: relative;
	padding: 10px 25px 10px 25px;
	display: block;
}
.widget-RelatedLinks li.depth2 a:hover {
	background: #eee;
}

/* ---- virtual tour entry ---- */
.image-link__wrapper {
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.image-link__wrapper.outside {
	background-image: url(../images/img_virtual-tour_outside.jpg);
	margin-bottom: 24px;
}
.image-link__wrapper.inside {
	background-image: url(../images/img_virtual-tour_inside.jpg);
}
.image-link__wrapper a {
	height: 100%;
	width: 100%;
	display:block;
	text-decoration: none;
	color: #fff;
	background: rgba(31, 27, 27, 0.66);
	padding: 60px 20px;
}
.image-link__wrapper a:hover,
.image-link__wrapper a:focus,
.image-link__wrapper a:active {
	color: #CF5C36;
}
.image-link__content {
	width:100%;
	height: 100%;
    text-transform: uppercase;
    font-size: 1.5em;
	position: relative;
	padding-right: 1.25em;
}
.image-link__content:before,
.image-link__content:after {
    content: "";
    position: absolute;
    background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
    width: 1em;
    height: 1em;
    top: calc(50% - 8px);
    right: 0;
    left: unset;
    bottom: unset;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.image-link__content:before {
    background-image: url(../images/icon_arrow--white.svg);
}
.image-link__content:after {
    background-image: url(../images/icon_arrow--highlight-color.svg);
}
.image-link__content:after {
	opacity: 0;
}
.image-link__wrapper a:hover .image-link__content:before,
.image-link__wrapper a:focus .image-link__content:before {
	opacity: 0;
}
.image-link__wrapper a:hover .image-link__content:after,
.image-link__wrapper a:focus .image-link__content:after {
	opacity: 1;
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.image-link__wrapper.outside {
		margin-bottom: 0;
	}
	.image-link__wrapper a {
		padding: 120px 20px;
	}
}
/* BP 2 */
@media screen and (min-width: 960px) {
	.image-link__wrapper a {
		background-color: rgba(31, 27, 27, 0);
	}
	.image-link__wrapper a:hover,
	.image-link__wrapper a:focus,
	.image-link__wrapper a:active {
		background-color: rgba(31, 27, 27, 0.66);
	}
	.image-link__content {
		opacity: 0;
		transition: all 250ms ease-in-out;
	}
	.image-link__wrapper a:hover .image-link__content,
	.image-link__wrapper a:focus .image-link__content,
	.image-link__wrapper a:active .image-link__content {
		opacity: 1;
	}
	.image-link__wrapper a:hover,
	.image-link__wrapper a:focus,
	.image-link__wrapper a:active {
		color: #fff;
	}
	.image-link__content:hover,
	.image-link__content:focus,
	.image-link__content:active {
		color: #CF5C36;
	}
	.image-link__content:after {
		opacity: 0;
	}
	.image-link__wrapper a:hover .image-link__content:before,
	.image-link__wrapper a:focus .image-link__content:before {
		opacity: 1;
	}
	.image-link__wrapper a:hover .image-link__content:after,
	.image-link__wrapper a:focus .image-link__content:after {
		opacity: 0;
	}
	.image-link__wrapper a:hover .image-link__content:hover:after,
	.image-link__wrapper a:focus .image-link__content:focus:after {
		opacity: 1;
	}
	.image-link__wrapper a:hover .image-link__content:hover:before,
	.image-link__wrapper a:focus .image-link__content:focus:before {
		opacity: 0;
	}
}

/* ---- Simple Image Gallery ---- */
.widget-GallerySimple {
	margin: 15px -10px;
}

.widget-GallerySimple h3 {
	padding: 10px;
}

.widget-GallerySimple .gallery-simple-thumb {
	width: 33.333%;
	padding: 10px;
	float: left;
}
.widget-GallerySimple .gallery-simple-thumb img {
	width: 100%;
}

/* ---- Image Gallery ---- */
.widget-ImageGallery > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}
.image-gallery-thumb {
	float: none;
	margin: 0 !important;
	border: 4px transparent solid;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 50% !important;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row wrap;
	flex-direction: row wrap;
}
.image-gallery-thumb a {
	width: 100%;
	height: 100%;
}
.image-gallery-thumb a img {
	width: 100%;
	height: auto;
}
/* BP 4 */
@media screen and (min-width: 600px) {
	.image-gallery-thumb {
		width: 33% !important;
	}
}

/* ---- Children Page Gallery ---- */
.widget-ChildrenGallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
}
.widget-ChildrenGallery a {
	-webkit-box-flex: 1;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: flex-end;
	flex-direction: flex-end;
	text-decoration: none;
	color: #1F1B1B;
	margin-bottom: 24px;
	text-align: center;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.widget-ChildrenGallery a:hover,
.widget-ChildrenGallery a:hover {
	color: #CF5C36;
}
.widget-ChildrenGallery a h3 {
	display: inline-block;
	border-bottom: 2px solid transparent;
	border-color: transparent;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.widget-ChildrenGallery a:hover h3,
.widget-ChildrenGallery a:focus h3 {
	border-color: #CF5C36;
}
.widget-ChildrenGallery a:hover h3,
.widget-ChildrenGallery a:focus h3,
.widget-ChildrenGallery a:active h3 {
	color: #CF5C36;
}
.widget-ChildrenGallery a .pg-item {
	opacity: 0.9;
	-webkit-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.widget-ChildrenGallery a .pg-item img {
	margin-bottom: 8px;
}
.widget-ChildrenGallery a:hover .pg-item,
.widget-ChildrenGallery a:focus .pg-item,
.widget-ChildrenGallery a:hover .pg-no-image,
.widget-ChildrenGallery a:focus .pg-no-image {
	 	opacity: 1;
}
@media screen and (min-width: 420px) {
	.widget-ChildrenGallery a {
		width: 50%;
	}
}
@media screen and (min-width: 560px) {
	.widget-ChildrenGallery a {
		width: 33%;
	}
}
@media screen and (min-width: 768px) {
	.widget-ChildrenGallery a {
		width: 25%;
	}
}
/* ---- Concert Event Gallery ---- */
.widget-EventConcertGallery .event__item__link {
	color: #1F1B1B;
	text-decoration: none;
}
.widget-EventConcertGallery .event__item {
	margin-bottom: 40px;
}

/* ---- Single Event sidebar ---- */
/* back button */
.widget-EventBackButton {
	padding: 24px 0;
	position: relative;
}
.widget-EventBackButton:after {
	content: "";
	position: absolute;
	border-top: solid 1px #E8E8E8;
	border-bottom: solid 1px #E8E8E8;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 1000px;
	right: 0;
}
.widget-EventBackButton p {
	margin-bottom: 0;
}
.event__back-button {
	color: #1F1B1B;
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding-left: 12px;
	font-size: 1.4rem;
	line-height: 1;
}
.event__back-button:before,
.event__back-button:after {
	content: " ";
	position: absolute;
	height:12px;
	width: 7px;
	top:4px;
	left: 0;
	background: url(../images/icon_arrow--left.svg);
	opacity: 1;
	transition: opacity 250ms ease-in-out;
}
.event__back-button:after {
	background: url(../images/icon_arrow--left--highlight-color.svg);
	opacity: 0;
}
.event__back-button:hover,
.event__back-button:focus {
	color: #CF5C36;
}
.event__back-button:hover:after,
.event__back-button:focus:after {
	opacity: 1;
}
.event__back-button:hover:before,
.event__back-button:focus:before {
	opacity: 0;
}

/* ---- Sidebar upcoming events ---- */
.event-item {
	position: relative;
	padding: 4px 0 4px 72px;
	height: 64px;
	margin: 16px 0;
}
.event-date {
	position: absolute;
	top: 0;
	left: 0;
	width: 64px;
	height: 64px;
	color: #fff;
	background: #CF5C36;
	padding: 8px;
	text-align: center;
}
.event-date h4 span{
	display: block;
}

.event-details p strong {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
}

.event-details .event__item__date-time {
    display: none;
}

.event-file,
.event-details p a {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	background-color: transparent;
	border-radius: 0;
	border: none;
	font-size: 1.2px;
	font-size: 0.75em;
	padding: 4px 0;
	padding: 0.25em 0;
	text-transform: uppercase;
	color: #1F1B1B;
	border-bottom: 2px solid #1F1B1B;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.event-details p a:hover,
.event-details p a:focus {
	color: #CF5C36;
	border-bottom: 2px solid #CF5C36;
}
.event-link {
	display: block;
}
.event-details__more-details__text p a.button {
	z-index: 2;
    color: #fff;
    border-radius: 1px;
	border: none;
    font-size: 1em;
    padding: 8px 12px;
    padding: 0.5em 0.75em;
}
.event-details__more-details__text p a.button:hover,
.event-details__more-details__text p a.button:focus {
	color: #CF5C36;
	border-bottom: none;
}
.event-details__more-details__text p a.button:hover:before,
.event-details__more-details__text p a.button:focus:before {
    height: 2px;
    background-color: #CF5C36;
}

/* ---- Single Event view ---- */
.event-details__container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	padding: 16px;
	width: 100%;
}
.event-details__container--primary {
	padding: 0;
}
.event-details__image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	min-height: 200px;
}
.event-details__content {
	padding: 16px;
	width: 100%;
	font-size: 1.4rem;
}
.event-details__content::before {
	font-family: urw-din, D-DIN, Helvetica, sans-serif;
	font-size: 2.6rem;
	letter-spacing: -1px;
	margin-bottom: 4px;
	line-height: 1.25;
}
.event-details__content__item {
	margin-bottom: 0;
	width: 100%;
}
.event-details__content__item .subtitle {
	font-size: inherit;
}
.event-details__content__text {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.event-details__content__text p {
	margin-bottom: 0.5em;
	color: #4B4848;
}
.event-details__content__link {
	display: block;
	width: 100%;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.event-details__content__link .button {
	float: right;
    color: #fff;
    padding: 8px 12px;
    padding: 0.5em 0.75em;
    font-size: 100%;
}
.event-details__content__link .button--arrow:hover,
.event-details__content__link .button--arrow:focus {
	border-color: transparent;
}
.event-details__more-details__text {
	width: 100%;
	font-size: 1.4rem;
	color: #4B4848;
}
.event-details__content__link {
	margin-bottom: 0;
}
.event-details__actions__list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 100%;
}
.event-details__actions__item {
	display: block;
	width: 100%;
	float: left;
	padding: 4px 8px;
}
.event-details__actions__item a {
	color: #4B4848;
	text-transform: uppercase;
	list-style-type: none;
	font-size: 1.2rem;
	text-decoration: none;
	font-weight: normal;
}
a .faux-link {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	-webkit-transition: border-bottom 200ms ease-in-out;
	-o-transition: border-bottom 200ms ease-in-out;
	transition: border-bottom 200ms ease-in-out;
}

a:hover .faux-link,
a:focus .faux-link {
	border-bottom: 1px solid #4B4848;
}
.form--search-events {
	width: 100%;
}

.section--small.section--module-search-form {
	padding-top: 0;
}

.module-search-form__header,
.event-submit-form__header {
	width: 100%;
	display: block;
}
.form--search-events select {
	width: 100%;
}
.form--search-events input[type="text"] {
	padding: 2px 6px;
}
.form--search-events input[type="submit"] {
	background-color: #1F1B1B;
	border-color: #1F1B1B;
	color: #fff;
	text-transform: uppercase;
}
.form--search-events input[type="submit"]:hover,
.form--search-events input[type="submit"]:focus {
	background-color: #CF5C36;
	border-color: #CF5C36;
	color: #fff;
}
.event-submit-form__header p {
	margin-bottom: 0;
}


/* BP 5 */
@media screen and (min-width: 420px) {
	.event-details__container {
		padding: 24px;
	}
	.event-details__container--primary {
		padding: 0;
	}
	.event-details__content {
		padding: 24px;
	}
	.form--search-events input[type="text"] {
		width: calc(100% - 24px);
		float: left;
	}
	.form--search-events input[type="submit"] {
		position: relative;
		float: left;
		width: 24px;
		height: 24px;
		background: url(../images/icon_search.svg) center center no-repeat;
		background-size: contain;
		text-indent: -2000px;
		text-indent: -100vw;
		color: transparent;
		border-left: none;
	}
	.form--search-events input[type="submit"] {
		background-color: rgba(0,0,0,0);
		border-color: #787676;
	}
	.form--search-events input[type="submit"]:hover,
	.form--search-events input[type="submit"]:focus {
		background-color: rgba(0,0,0,0.15);
		border-color: #787676;
	}
}
/* BP 4 */
@media screen and (min-width: 600px) {
	.event-info-img {
		display: none;
	}
	.event-details__container {
		padding: 32px;
	}
	.event-info-list-download {
		width: 100%;
		overflow: scroll;
	}
	.event-details__container--primary {
		padding: 0;
		min-height: 270px;
	}

	.event-details__actions__item {
		display: inline-block;
		width: unset;
	}
	.event-details__image {
		display: flex;
		flex: 1 1 32%;
		width: 32%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: flex-end;
		flex-direction: flex-end;
		aspect-ratio: 1 / 1;
		max-width: 340px;
	}

	.event-details__content {
		padding: 32px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 40%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		font-size: 1.6rem;
	}
	.event-details__actions__list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap
	}
	.event-details__actions__item {
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.event-details__actions__item a {
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.event-details__content__link .button--text {
		float: left;
		margin-bottom: 1.5rem;
	}
	.event-details__content__link .button--arrow {
		float: left;
		margin-bottom: 0;
		text-align: left;
		display: block;
		clear: both;
	}
	.event-details__container--search .module-search-form__header h2,
	.event-details__container--search .module-search-form__header p {
		display: inline-block;
	}
	.event-details__container--search .module-search-form__header h2 {
		float: left;
	}
	.event-details__container--search .module-search-form__header p {
		float: right;
	}
	.event-details__container--search .event__button--header {
		margin-top: 4px;
	}
	.module-search-form__subtitle {
		margin-right: 20px;
	}
	.form--search-events {
		width: calc(100% - 100px);
	}
	.form--search-events select,
	.form--search-events input[type="text"] {
		width: calc(50% - (10px + 12px));
		float: left;
	}
	.form--search-events input[type="text"] {
		margin-left: 20px;
	}
}
/* BP 3 */
@media screen and (min-width: 769px) {
	.event-details__actions__item {
		min-width: 15%;
		max-width: 33%;
	}
	.event-details__content__link .button--text {
		margin-bottom: 0;
	}
	.event-details__content__link .button--arrow {
		text-align: center;
		float: right;
		clear: none;
	}
	@supports (columns: 2) {
		.event-details__more-details__text {

        -webkit-column-gap: 32px;
         	-moz-column-gap: 32px;
              	column-gap: 32px;
		}
	}
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.event-details__actions__item {
		min-width: unset;
		max-width: unset;
	}
	.event-details__content__link .button--text {
		margin-bottom: 1.5rem;
	}
	.event-details__content__link .button--arrow {
		float: left;
		text-align: left;
		display: block;
		clear: both;
	}
}
/* BP 1 */
@media screen and (min-width: 1200px) {
	.event-submit-form__header h2,
	.event-submit-form__header p {
		display: inline-block;
	}
	.event-submit-form__header h2 {
		float: left;
	}
	.event-submit-form__header h2 {
		margin-bottom: 0;
	}
	.event-submit-form__header p {
		float: right;
	}
	.event-details__content__link .button--text {
		margin-bottom: 0;
	}
	.event-details__content__link .button--arrow {
		text-align: center;
		float: right;
		clear: none;
	}
}

/* ---- Order Form ---- */
.widget-OrderForm .product {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.widget-OrderForm .product:nth-child(3n+3) {
	margin-right: 0;
}

/* ---- Videos ---- */
.widget-Video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.widget-Video iframe,
.widget-Video object,
.widget-Video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ---- Embedded virtual tour ---- */
/* note: div class="embedded-tour" is set in the custom html widget */
.embedded-tour {
	width: 100%;
	background-color: #1F1B19;
	color: #fff;
	position: relative;
}
.embedded-tour:before,
.embedded-tour:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #1F1B19;
	width: 2000px;
	width: 100vw;
	z-index: 0;
}
.embedded-tour:before {
	left: 100%;
}
.embedded-tour:after {
	right: 100%;
}
/* ------------------------------------------------------
**** Events Module styles
------------------------------------------------------ */

/* ---- event list ---- */
.event-list .event-list-item {
	position: relative;
	border: solid 1px #E8E8E8;
	margin-bottom: 16px;
}
.event-list .event-list-item .col-info {
	padding: 8px 16px 16px;
}
.event-list .event-details__image {
	margin-bottom: 8px;
}
.multiple-dates {
	line-height: 1;
	margin-top: 0.5em;
}
.event-list .event-list-item .link {
	margin-top: 1.6rem;
 	margin-bottom: 4px;
}
.event-list .event-list-item a {
	text-decoration: none;
	color: #1F1B1B;
	font-weight: bold;
}
.event-list .text,
.event-list .text .subtitle {
	font-size: 1.4rem;
}

/* BP 5 */
@media screen and (min-width: 480px) {
	.event-list .event-details__image {
		width: 50%;
		float: left;
		margin-right: 16px;
		margin-bottom: 16px;
	}
	.event-list .text {
		width: 100%;
		clear: both;
	}
	.event-list .col-info {
		padding: 16px;
		min-height: 200px;
	}
	.event-list .event-list-item .col-info {
		padding: 24px 16px;
	}
}
/* BP 4 */
@media screen and (min-width: 600px) {
	.event-list .event-details__image {
		width: 50%;
		margin-right: 0;
		margin-bottom: 0;
		min-height: 300px;
	}
	.event-list .col-info {
		width: 50%;
		float: right;
	}
	.event-list .text {
		width: auto;
		clear: none;
	}
	.event-list .event-date {
		width: 80px;
		height: 80px;
		padding: 16px;
	}
	.event-list .event-list-item .col-info {
		padding: 32px 32px 32px 24px;
	}

	@supports (display: flex) {
		.event-list .event-list-item {
			display: flex;
			flex-flow: row nowrap;
			justify-content: flex-start;
			align-items: stretch;
		}
		.event-list .col-info {
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			align-items: stretch;
		}
		.event-list .col-info__wrapper {
			width: 100%;
		}
	}
}
@media screen and (min-width: 760px) {
	.event-list .event-details__image {
		min-height: 350px;
	}
}

/* BP 1 */
@media screen and (min-width: 1280px) {
	.event-list .event-details__image {
		min-height: 370px;
	}
	.event-list .event-list-item .col-info {
		padding: 40px 24px 40px 24px;
	}
}

/* ---- event subscribe ---- */

form[action="/event/subscribe_action"] .submit-bar a {
	position: relative;
	color: #1F1B1B;
	padding-left: 20px;
	border-color: transparent;
	float: left;
}

form[action="/event/subscribe_action"] .submit-bar a:hover,
form[action="/event/subscribe_action"] .submit-bar a:focus {
	color: #CF5C36;
}

form[action="/event/subscribe_action"] .submit-bar a:after,
form[action="/event/subscribe_action"] .submit-bar a:before {
	content: "";
	position: absolute;
	background: url(../images/icon_arrow.svg);
	width: 16px;
	height: 10px;
	top: calc(50% - 5px);
	left: 0;
	opacity: 1;
	transform: rotate(180deg);
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

form[action="/event/subscribe_action"] .submit-bar a:before {
	background-image: url(../images/icon_arrow--highlight-color.svg);
	opacity: 0;
}

form[action="/event/subscribe_action"] .submit-bar a:hover:after,
form[action="/event/subscribe_action"] .submit-bar a:focus:after {
	opacity: 0;
}

form[action="/event/subscribe_action"] .submit-bar a:hover:before,
form[action="/event/subscribe_action"] .submit-bar a:focus:before {
	opacity: 1;
}

/* ---- event catagories ---- */

.event_entry_category_gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap
}

.event_entry_category_gallery .event-link {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: flex-end;
	flex-direction: flex-end;
	text-decoration: none;
	color: #1F1B1B;
	margin-bottom: 24px;
	text-align: center;
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.event_entry_category_gallery .event-link:hover,
.event_entry_category_gallery .event-link:hover {
	text-decoration: none;
	color: #CF5C36;
}
.event_entry_category_gallery .event-link--all {
	color: #CF5C36;
}
.event_entry_category_gallery .event-link h4 span {
	border-bottom: 2px solid transparent;
	border-color: transparent;
	-webkit-transition: border-color 250ms ease-in-out;
	-o-transition: border-color 250ms ease-in-out;
	transition: border-color 250ms ease-in-out;
}

.event_entry_category_gallery .event-link:hover h4 span,
.event_entry_category_gallery .event-link:focus h4 span {
	border-color: #CF5C36;
}

.event_entry_category_gallery .event-link h4{
	margin: 0.5em 0;
	text-transform: uppercase;
	font-size: 1.6rem;
	letter-spacing: 1.5px;
	white-space: nowrap;
}
.event_entry_category_gallery .event-link img {
	width: 100%;
	opacity: 0.9;
	-webkit-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}
.event_entry_category_gallery .event-link:hover img,
.event_entry_category_gallery .event-link:focus img {
	opacity: 1;
}

/* BP 4 */
@media screen and (min-width: 600px) {
	.event_entry_category_gallery .event-link {
		width: 50%;
		width: calc(50% - 16px);
	}
	.event_entry_category_gallery .event-link {
		margin-right: 16px;
	}
	.event_entry_category_gallery .event-link--all--empty {
		margin-right: 0;
	}
	.event_entry_category_gallery .event-link:nth-child(2n) {
		margin-right: 0;
	}
}

/* BP 3 */
@media screen and (min-width: 769px) {
	.event_entry_category_gallery .event-link {
		width: 33%;
		width: calc(33% - 32px);
	}
	.event_entry_category_gallery .event-link:nth-child(2n) {
		margin-right: 16px;
	}
	.event_entry_category_gallery .event-link:nth-child(3n) {
		margin-right: 0;
	}
	.event_entry_category_gallery .event-link h4{
		letter-spacing: 0.5px;
	}
}

/* BP 2 */
@media screen and (min-width: 960px) {
	.event_entry_category_gallery .event-link h4{
		letter-spacing: 0.5px;
	}
}

/* ------------------------------------------------------
**** Print styles
------------------------------------------------------ */

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,8
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}
