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

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


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

	grey-01: #525252
	grey-02: #484848
	grey-03: #4A4A4A

	purple: #8A5997
	purple-dark: #744B7F

	orange: #E37C2F
	orange-dark: #C06927

	blue: #26A2B3
	blue-dark: #028293

	green: #B4BB30
	green-dark: #989E28


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

/*  ------------------------------------------------------
	Table of Contents for search based navigation
	- - - - - - - - - - - - - - - - - - - - - - - - - - -

	**** Box Model Reset

	**** Typography
	---- Fonts
	---- Headings
	---- Lists
	---- Breadcrumbs
	---- Blockquotes
	---- HR
	---- Text level elements
	---- Links
	---- Txt Helpers


	**** Design Patterns
	---- Background colours
	---- Buttons
	---- Animations
	---- Decals & motifs
	---- Highlight
	---- Site Messages
	---- Icon sprite
	---- Search Paginate


	**** Images


	**** Forms
	---- Form Errors
	---- Submit Bar
	---- Search Form
	---- Search pagination
	---- Captcha


	**** Tables
	---- Default
	---- Form tables
	---- Clean table
	---- No Styles Table
	---- Elected Table
	---- meeting records tables


	**** Helper classes
	---- Clearfix
	---- Hiding classes
	---- Pseudo elements
	---- Floats and positioning


	**** Template Layout
	---- Container
	---- Simple content alignment classes
	---- Sections
	---- Content Box
	---- Header
	---- Footer
	---- Magnific Popup


	**** Widgets
	---- Catch all
	---- Related Links
	---- Simple Image Gallery
	---- Children Page Gallery
	---- Sponsors module
	---- Order Form
	---- Videos
	---- Directory Documents

	**** Print styles

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

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

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

/* ------------------------------------------------------
**** Breakpoints
------------------------------------------------------ */

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */

}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */

}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */

}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */

}

/* BP xlarge */
@media screen and (min-width: 90em) {/* 1440px */

}

/* BP xxlarge */
@media screen and (min-width: 100em) {/* 1600px */

}

/* BP bigBoi */
@media screen and (min-width: 120em) {/* 1920px */

}

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

html {
	font-size: 62.5%;
}

body {
	line-height: 1.466;
	font-size: 1.6em;
	color: #525252;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	body {
		font-size: 1.8em;
	}
}

/* ---- Fonts ---- */


/*
 * Roboto - From Google Fonts
 * font-family: 'Roboto', Helvetica, Arial, sans-serif;
 *
 * Weights: 300, 700
 *
 *
 * Strayhorn fonts.com font
 * font-family: "Strayhorn MT W01 Bold", serif;

 * font-family:'Strayhorn MT W01 Bold';
 * font-family:'Strayhorn MT W00 Regular';
 */


/* ---- Headings ---- */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	margin: 0 0 1.8rem 0;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #525252;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: 300;
	line-height: 1;
	color: #8a7b7b;
}

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


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

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

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

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

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

h6, .h6 {
	font-size: 1.8rem;
	font-weight: 700;
}

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

small {
	font-size: 1.5rem;
}


@media screen and (max-width: 37.5em) { /* 600px */
	h3,
	.h3,
	h4,
	.h4,
	h5,
	.h5,
	h6,
	.h6 {
		margin-bottom: 0.8rem;
	}

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

}



/* ---- Lists ---- */
ul,
ol {
	padding: 0 0 0 2rem;
	list-style-type: disc;
}

li ul,
li ol {
	margin: 1rem 0;
}

ol {
	list-style-type: none;
	counter-reset: item;
}

ol ul {
	list-style-type: disc;
}

ol > li {
	display: table;
	counter-increment: item;
	margin-bottom: 0.6em;
}

ol > li:before {
	content: counters(item, ".") ". ";
	display: table-cell;
	padding-right: 0.6em;
}

li ol > li {
	margin: 0;
}

li ol > li:before {
	content: counters(item, ".") " ";
}


/* - Links list - */
.linklist {
	list-style-type: none;
	padding-left: 0;
}

.linklist a {
	text-decoration: none;
}

.linklist a:before {
	content: "\003e\00a0";
	display: inline-block;
}

.linklist a:hover,
.linklist a:focus {
	text-decoration: underline;
}


/* ---- Breadcrumbs ---- */
.breadcrumb {
	list-style: none;
	margin: 0 0 1.8rem;
	font-size: 1.6rem;
	padding: 0 0 5px 0;
	border-bottom: 1px #e5e5e4 solid;
	color: #8D8D8D;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb > li:before {
	content: "\00a0/\00a0";
}
.breadcrumb > li:first-child:before {
	content: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus,
.breadcrumb a:active {
	color: #4A4A4A;
}


/* ---- Blockquotes ---- */
blockquote {
	position: relative;
	margin: 2rem 0;
	padding: 2rem 4rem;
	font-size: 2rem;
	color: #484848;
	font-style: italic;
	position: relative;
}

blockquote:before,
blockquote > *:last-child:after {
	opacity: .4;
	position: absolute;
	font-size: 3.2em;
	line-height: 1;
	width: 36px;
	height: 30px;
	overflow: hidden;
	display: block;
}

blockquote:before {
	content: '\201C';
	top: 0.2em;
	left: 0.1em;
}

blockquote:after {
	content: none;
}

blockquote > *:last-child:after {
	content: '\201D';
	display: inline-block;
	bottom: 0.2em;
	margin-left: -0.1em;
}

blockquote.blockquote--left {
	float: left;
	width: 38%;
	margin-left: 0px;
	margin-right: 10px;
}

blockquote.blockquote--right {
	float: right;
	width: 38%;
	margin-right: 0px;
	margin-left: 10px;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.blockquote--left {
		float: left;
		width: 45%;
		margin-left: 0px;
		margin-right: 20px;
		clear: right;
	}

	.blockquote--right {
		float: right;
		width: 45%;
		margin-left: 20px;
		margin-right: 0px;
		clear: left;
	}
}


/* ---- HR ---- */
hr {
	-webkit-box-sizing: content-box;
			box-sizing: content-box;
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 2em 0;
	padding: 0;
}

/* ---- Text level elements ---- */
abbr[title] {
	border-bottom: 1px dotted #c6bfbf;
	cursor: help;
}

b, strong {
	font-weight: bold;
	font-weight: 700;
}

dfn {
	font-style: italic;
}

ins {
	background-color: #f6f6f6;
	color: #4A4A4A;
	text-decoration: none;
}

mark {
	background-color: #f6f6f6;
	color: #4A4A4A;
	font-style: italic;
	font-weight: bold;
	font-weight: 700;
}

pre,
code,
kbd,
samp {
	font-family: 'Monaco', 'Courier New', monospace;
	color: #473f3f;
	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: inherit;
	word-break: break-word;
}

a:hover,
a:active,
a:focus {
	color: #028293;
}

/* 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;
}

/* Include file type and size in document links */
a.document::after {
	content: " (" attr(data-ext) " " attr(data-size) ")";
}

/* ---- Txt Helpers ---- */
.txt-uppercase {
	text-transform: uppercase;
}

.txt-sign {
	font-size: 1.5rem;
	color: #4A4A4A;
	font-weight: 700;
	text-transform: uppercase;
}

.txt-sign p {
	background-color: #D8D8D8;
	padding: 10px 21px;
	display: inline-block;
	margin-bottom: 0;
}

.txt-intro {
	font-size: 1.8rem;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.txt-large {
		font-size: 2.2rem;
	}
}

.subtitle {
	font-weight: 700;
	color: #525252;
	font-size: 1.6rem;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.subtitle {
		font-size: 1.8rem;
	}
}

.section-title {
	padding-bottom: 54px;
}

.section-title span {
	position: relative;
	padding-bottom: 27px;
	color: #26A2B3;
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
}

.section-title span:before {
	content: "\00a0";
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 800px;
	height: 10px;
	background-color: #26A2B3;

}

.section-title span:after {
	content: "\00a0";
	position: absolute;
	right: 0;
	left: 0;
	bottom: 9px;
	height: 1px;
	background-color: #979797;
}

/* title center */
.section-title--center {
	padding-bottom: 54px;
	padding-top: 54px;
	margin-bottom: 0;
	text-align: center;
	line-height: 36px;
}

.section-title--center span {
	position: relative;
	display: inline-block;
	line-height: 36px;
}

.section-title--center span:before {
	content: "\00a0";
	position: absolute;
	right: 0;
	top: -54px;
	left: 0;
	height: 6px;
	background-color: #26A2B3;
}

/* section title with cta link */


.section-title-w-btn .section-title {
	padding-bottom: 24px;
}

.section-title-w-btn__btn {
	padding-bottom: 16px;
}

@media screen and (min-width: 48em) { /* 768px */
	.section-title-w-btn {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin-bottom: 24px;
	}
	.section-title-w-btn__btn {
		padding-left: 30px;
	}

}



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

/* ---- Background colours ---- */

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

/* Lightest grey */
.bg-grey-01 {
	background-color: #E9E9E9;
}

/* Light grey */
.bg-grey-02 {
	background-color: #D8D8D8;
}

/* Mid grey */
.bg-grey-03 {
	background-color: #8D8D8D;
}

/* Dark grey */
.bg-dark {
	background-color: #484848;
}

/* purple */
.bg-purple {
	background-color: #8A5997;
}

/* orange */
.bg-orange {
	background-color: #E37C2F;
}

/* blue */
.bg-blue {
	background-color: #26A2B3;
}

/* green */
.bg-green {
	background-color: #B4BB30;
}

/* dark purple */
.bg-blue-drk {
	background-color: #028293;
}

@media only screen and (min-width: 62em) { /*992*/
	.bg-reverse-dynamic.bg-grey-01 {
		background-color: #ffffff;
	}

	.bg-reverse-dynamic.bg-white {
		background-color: #E9E9E9;
	}
}

/* ---- reverse text ---- */
.reverse-text {
	color: #ffffff;
}

.reverse-text a {
	color: inherit;
}

.reverse-text a:hover,
.reverse-text a:focus,
.reverse-text a:active {
	color: inherit;
}

.reverse-text h1,
.reverse-text .h1,
.reverse-text h2,
.reverse-text .h2,
.reverse-text h3,
.reverse-text .h3,
.reverse-text h4,
.reverse-text .h4,
.reverse-text h5,
.reverse-text .h5 {
	color: inherit;
}

.reverse-text .button {
	border-color: #fff;
}

.reverse-text .button:hover,
.reverse-text .button:focus,
.reverse-text .button:active {
	background-color: #fff;
	border-color: #fff;
	color: #028293;
}


/* ---- Buttons ---- */
.button {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #028293;
	background-color: transparent;
	text-decoration: none;
	border-radius: 0;
	border: 2px solid #C4C4C4;
	text-transform: uppercase;
	outline: none;
	opacity: 1;
	position: relative;
	font-weight: 700;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.button:hover,
.button:focus,
.button:active {
	background-color: #028293;
	border-color: #028293;
	color: #fff;
}

.button {
	font-size: 1.5rem;
	padding: 12px 18px 12px;
}

/* Small */
.button.button-small {
	font-size: 1.5rem;
	padding: 8px 10px 8px;
}

.button.button-wide {
	padding-left: 24px;
	padding-right: 24px;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	/* Regular */
	.button {
		padding: 12px 18px 12px;
	}

	.button.button-wide {
		padding-left: 32px;
		padding-right: 32px;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	/* Large */
	.button.button-large {
		font-size: 1.8rem;
		padding: 14px 32px;
	}
}

.button--tag {
	background: #8d8d8d;
	color: #fff;
	border: 0;
	font-size: 1.4rem;
	padding: 8px 12px 8px 12px;
	border-radius: 2px;
	position: relative;
	text-transform: none;
}

.button--tag:hover,
.button--tag:focus,
.button--tag:active {
	background-color: #484848;
	color: #fff;
}


/* Primary -- purple */
.button--primary {
	border-color: #028293;
	background-color: #028293;
	color: #fff;
}

.button--primary:hover,
.button--primary:focus,
.button--primary:active {
	border-color: #508C94;
	background-color: #508C94;
	color: #fff;
}

.button--overlay {
	border-color: #028293;
	background-color: #028293;
	color: #fff;
}

.button--overlay:hover,
.button--overlay:focus,
.button--overlay:active {
	border-color: #508C94;
	background-color: #508C94;
	color: #fff;
	/* box-shadow: 0 0 10px rgba(0,0,0,0.1), 0 0 36px rgba(0,0,0,0.2); */
}

.button-white-outline {
	border-color: #fff;
	background-color: transparent;
	color: #fff;
}


/* Button -- charcoal */

.button--charcoal {
	color: #fff;
	border-color: #484848;
	background-color: #484848;
}

.button--charcoal:hover,
.button--charcoal:focus,
.button--charcoal:active {
	border-color: #878787;
	background-color: #878787;
}


/* Block */
.button--block {
	display: block;
	width: 100%;
}

.button--overlay {
	display: block;
	width: 100%;
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.button--overlay {
		color: #fff;
		background-color: transparent;
		border-color: #fff;
	}

	.button--overlay:hover,
	.button--overlay:focus {
		color: #028293;
		background-color: #fff;
		border-color: #fff;
	}
}

/* Disabled/unavailable button style */
.button[disabled],
.button-disabled,
.button-disabled:hover,
.button-disabled:focus,
.button-disabled:active {
	border: none;
	opacity: 0.4;
	cursor: default;
	-webkit-box-shadow: none;
			box-shadow: none;
}

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


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

/* ---- Decals & motifs ---- */
/* decal bottom chunky line */
.decal-btm-line::after {
	content: "\00a0";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background-color: rgba(0,0,0,0.25);
}

.decal-btm-line.bg-purple:after {
	background-color: #744B7F;
}

.decal-btm-line.bg-orange:after {
	background-color: #C06927;
}

.decal-btm-line.bg-blue:after {
	background-color: #028293;
}

.decal-btm-line.bg-green:after {
	background-color: #989E28;
}

.decal-btm-line.bg-blue-drk:after {
	background-color: #006876;
}

/* Icon and title tile */
.icon-title-tile {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	padding-top: 36px;
	padding-bottom: 21px;
}

.icon-title-tile h3 {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
	text-align: center;
	font-size: 1.8rem;
	margin-top: 9px;
}

.icon-title-tile-anchor {
	position: relative;
	width: 140px;
	height: 150px;
	margin-top: -47px;
	margin-bottom: 1.8rem;
	margin-left: auto;
	margin-right: auto;
}

.icon-title-tile-anchor .icon-title-tile {
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 150px;
	padding-top: 18px;
	padding-bottom: 10px
}

.icon-title-tile-anchor .icon-title-tile h3 {
	font-size: 1.5rem;
	margin-top: 6px;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.icon-title-tile-anchor {
		margin-right: 0;
		margin-left: 0;
		margin-top: -82px;
		margin-bottom: 0;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.icon-title-tile-anchor {
		position: relative;
		width: 180px;
		height: 180px;
	}

	.icon-title-tile-anchor .icon-title-tile {
		width: 180px;
		height: 180px;
		padding-top: 35px;
		padding-bottom: 24px
	}

	.icon-title-tile-anchor .icon-title-tile h3 {
		font-size: 1.8rem;
		margin-top: 9px;
		margin-bottom: 0;
	}
}


/* ---- Highlight ---- */
.highlight,
.highlight--right,
.highlight--left {
	margin: 0 0 1.5rem;
	background: #F2F2F2;
	padding: 20px 30px;
	margin-bottom: 15px;
	clear: both;
}

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

.mainbar .highlight h4 {
	color: #323232;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.highlight--left {
		float: left;
		width: 45%;
		margin-right: 20px;
		clear: right;
	}

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

.expando-opener-heading {
	margin-bottom: 0;
	position: relative;
	padding-left: 32px;
	transition:
		color 200ms ease-in-out;
}

h3.expando-opener-heading {
	font-size: 2.4rem;
}

h3.expando-opener-heading {
	font-size: 2rem;
}

.expando-opener-heading:hover,
.expando-opener-heading:hover,
.expando-opener-heading:focus,
.expando-opener-heading:focus {
	color: #26A2B3;
}

/* toggle icon */
.expando-opener-heading:after,
.expando-opener-heading:before {
	content: "\00a0";
	position: absolute;
	background-color: #525252;
	transition:
		background-color 200ms ease-in-out,
		top 200ms ease-in-out,
		left 200ms ease-in-out,
		transform 200ms ease-in-out;
}

.expando-opener-heading:after {
	height: 20px;
	width: 3px;
	top: calc(50% - 9.5px);
	left: 9px;
}
.expando-opener-heading:before {
	top: calc(50% - 1.5px);
	left: 0;
	height: 3px;
	width: 20px;
}

.expando-opener-heading.expanded:after,
.expando-opener-heading.expanded:before {
	transform: rotate(-45deg);
}

.expando-opener-heading:hover:after,
.expando-opener-heading:hover:before,
.expando-opener-heading:focus:after,
.expando-opener-heading:focus:before {
	background-color: #028293;
}

/* content */
.expando {
	margin-top: 12px;
}

/* close button */
.expando-closer-link {
	position: relative;
	padding-left: 20px;
}

.expando-closer-link:after,
.expando-closer-link:before {
	content: "\00a0";
	position: absolute;
	background-color:#26A2B3;
	transition: all 200ms ease-in-out;
	transform: rotate(-45deg);
}

.expando-closer-link:after {
	height: 16px;
	width: 2px;
	top: calc(50% - 8px);
	left: 7px;
}
.expando-closer-link:before {
	top: calc(50% - 1px);
	left: 0;
	height: 2px;
	width: 16px;
}

.expando-closer-link:hover:after,
.expando-closer-link:hover:before,
.expando-closer-link:focus:after,
.expando-closer-link:focus:before {
	background-color: #028293;
}

/* ---- Site Messages ---- */
ul.messages {
	list-style: none;
	margin: 16px 0 25px;
	padding: 0;
	background: none;
	border: 0px;
}

ul.messages li {
	margin: 0 0 15px;
	padding: 10px 20px;
	vertical-align: bottom;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2em;
}

ul.messages .error {
	background: #E04D4D !important;
	border-left: 4px solid #B72323;
	color: #FFF !important;
}

ul.messages .confirm {
	color: #FFF !important;
	background: #6DBB5A !important;
	border-left: 4px solid #439230;
}

ul.messages a {
	color: #FFF;
}


/* ---- Icon sprite ---- */



/* ---- Search Paginate ---- */



/* Pagination for search rsults */

.search-paginate {
	padding: 12px;
	text-align: center;
	font-weight: bold;
}

.search-paginate .page-prev {
	float: left;
	padding-top: 10px;
}

.search-paginate .page {
	border: 1px #DDD solid;
	background: #FFF;
	text-decoration: none;
	padding: 8px 5px 5px;
	margin: 0 3px;
	min-width: 40px;
	display: inline-block;
}

.search-paginate .page.on,
.search-paginate .page:hover {
	border: 1px #CCC solid;
	background: #EEE;
}

.search-paginate .page-next {
	float: right;
	padding-top: 10px;
}

@media screen and (max-width: 35em) { /* 560px */

	.search-paginate {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		margin: 0 -6px;
	}

	.search-paginate .page-next,
	.search-paginate .page-prev {
		flex: 1 0 50%;
		padding: 8px 6px;
	}

	.search-paginate .page-prev {
		order: 1;
		text-align: left;
	}

	.search-paginate .page-next {
		order: 2;
		text-align: right;
	}

	.search-paginate .page {
		order: 3;
		margin: 6px;
	}
}


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

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

/* ------------------------------------------------------
**** Forms
------------------------------------------------------ */
/* ---- Form Placeholder ---- */
::-webkit-input-placeholder {
	color: #4A4A4A;
}

::-moz-placeholder {
	color: #4A4A4A;
}

:-ms-input-placeholder {
	color: #4A4A4A;
}

:-moz-placeholder {
	color: #4A4A4A;
}

.placeholder-text {
	color: #4A4A4A;
}

/* ---- Base Styles ---- */
/* all */
input,
textarea,
select {
	margin-bottom: 1.8rem;
	border: 2px solid #D4D3D4;
	border-radius:0;
	background-color:#F0F0F0;
	height: 44px;
	font-size: 1.6rem;
	line-height: 18px;
	padding: 9px 8px 9px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

select {
	padding-right: 50px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-repeat: no-repeat;
	background-position: center right 12px, center right;
	background-size: 16px auto, auto 100%;
	background-image: url(../images/2019/icon_arrow-grey-down.svg), url(../images/2019/deco_select-drop-arrow-bg.svg);
}

.field-element--dropdown .field-input select {
	background-image: url(../images/2019/icon_arrow-grey-down.svg);
	background-size: 18px auto;
}

.field-element input.textbox,
.field-element select,
.field-element textarea {
	border: 2px solid #D4D3D4;
	border-radius:0;
	background-color:#F0F0F0;
	height: 44px;
}

.field-element .field-label,
.field-element .fieldset__legend {
	font-weight: bold;
}

form[action*="subscribe_action"] .field-element input.textbox,
form[action*="subscribe_action"] .field-element select,
form[action*="subscribe_action"] .field-element textarea {
	width: 100%;
}

textarea,
.field-element textarea {
	height: auto;
	min-height: 44px;
}

/* dropdown overrides */
.field-element--dropdown .field-input {
	height: 44px;
}
.field-element--dropdown.field-element--error select,
.field-element--dropdown select {
	height: 42px;
}
.field-element--dropdown select {
	border: none;
}

.field-element {
	margin-bottom: 1.8rem;
}


.form-section {
	background-color: #E9E9E9;
}

.form-section input,
.form-section textarea,
.form-section select {
	margin-bottom: 0;
}
.form-section td input,
.form-section td textarea,
.form-section td select {
	width:100%;
}

.form-section th span.s {
	font-size: 1.3rem;
	font-weight: normal;
}

/* ---- Radio and Checkbox Inputs ---- */

.checkbox-list .check {
	width: 40px;
}
.check input[type="checkbox"],
.radio input[type="radio"] {
	margin-bottom: 0;
	height: 1em;
	width: 1em;
}


.field-element--checkboxboollist .fieldset-input,
.field-element--checkboxset .fieldset-input,
.field-element--multiradio .fieldset-input {
	background-color: transparent;
	padding: 0 6px;
	margin-bottom: 0;
}

.field-element input[type="checkbox"],
.field-element input[type="radio"] {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px
}

.field-element input[type="checkbox"].focusable:active,
.field-element input[type="checkbox"].focusable:focus,
.field-element input[type="radio"].focusable:active,
.field-element input[type="radio"].focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto
}

.field-element input[type="checkbox"]+label,
.field-element input[type="radio"]+label,
.field-element--small input[type="checkbox"]+label,
.field-element--small input[type="radio"]+label {
	padding-left:32px;
	position:relative;
	cursor:pointer;
	display:inline-block;
}

.field-element input[type="checkbox"]+label:before,
.field-element input[type="radio"]+label:before,
.field-element--small input[type="checkbox"]+label:before,
.field-element--small input[type="radio"]+label:before {
	content:" ";
	display:inline-block;
	width:24px;
	height:24px;
	margin-right:12px;
	position:relative;
	top:4px;
	background-color:#F0F0F0;
	border:2px solid #D4D3D4;
	margin-left:-32px;
}

.field-element input[type="radio"]+label:before,
.field-element--small input[type="radio"]+label:before {
	border-radius:12px;
}

.field-element input[type="checkbox"]:checked+label:after,
.field-element input[type="radio"]:checked+label:after,
.field-element--small input[type="checkbox"]:checked+label:after,
.field-element--small input[type="radio"]:checked+label:after {
	content:" ";
	position:absolute;
	left:1px;
	top:6px;
}

.field-element input[type="checkbox"]:checked + label:after,
.field-element--small input[type="checkbox"]:checked + label:after {
	content:"\00a0";
	background-image:url(../images/2019/form_icons/icon_form_tick-md.svg);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:90%;
	width:24px;
	height:24px;
}

.field-element input[type="radio"]:checked + label:after,
.field-element--small input[type="radio"]:checked + label:after {
	left: 7px;
	top: 11px;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background:#5B5859;
}

.field-element--white input[type="checkbox"] + label:before,
.field-element--white input[type="radio"] + label:before {
	background-color:#fff;
}

.fieldset--multiradio:focus-within {
	outline:#636363 auto 5px;
}

.field-element input[type="checkbox"]:focus + label {
	outline:#636363 auto 5px;
	outline-offset: -3px;
}

/* Datepicker styles */

.field-element--datepicker input {
	background-image: url(../images/icon_form_datepicker.svg);
	background-repeat: no-repeat;
	background-position: center right 8px;
	width: 100%;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
	padding: 4px 8px;
}
.daterangepicker .calendar th {
	background-repeat: no-repeat;
	background-position: center center;
}

.daterangepicker .calendar th.prev {
	background-image: url(../images/icon_form_arrow-left.svg);
}

.daterangepicker .calendar th.next {
	background-image: url(../images/icon_form_arrow-right.svg);
}


/* Hidden labels */
.field-element--hidden-label .field-label,
.field-element--hidden-label .fieldset__legend {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* ---- Color - White ---- */
.bg-grey-01 input,
.bg-grey-01 textarea,
.bg-grey-01 select,
.bg-grey-01 input[type="submit"],
.fields--white input,
.fields--white textarea,
.fields--white select,
.fields--white input[type="submit"] {
	border: 2px solid #D4D3D4;
	background-color:#fff;
}

/* ---- borderless ---- */

.fields--borderless input,
.fields--borderless textarea,
.fields--borderless select,
.field-element--borderless input,
.field-element--borderless input.textbox,
.field-element--borderless textarea,
.field-element--borderless select {
	border: 0px;
	background-color:#fff;
}

/* ---- Required / field info ---- */
.field-info,
span.field-info {
	color: #E37C2F;
}



.submit-bar a + input[type="submit"] {
	margin-left: 32px;
}

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


/* 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 {

	padding: 0;
	margin: 0;
	font-size: 1.3rem;
	/* vertical-align: middle;
	text-transform: uppercase; */
}

.form-section span.field-error {
	color: #D20000;
	font-weight: bold;
	display: block;
}

/* ---- disabled ---- */
.textbox[disabled],
select[disabled],
button[disabled] {
	cursor:not-allowed;
}

/* ---- Submit Bar ---- */
input[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	background-color: transparent;
	text-decoration: none;
	border-radius: 0;
	text-transform: uppercase;
	outline: none;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.button.submit {
	font-weight: 700;
	padding-left: 12px;
	padding-right: 12px;
	color: #028293;
	background-color:#F0F0F0;
	border:2px solid #D4D3D4;
	box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}

.button.submit:hover,
.button.submit:focus,
.button.submit:active {
	background-color: #028293;
	border-color: #028293;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

/* ---- Inline forms ---- */
.form--inline,
.form--inline form {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	margin-left: -6px;
	margin-right: -6px;
}

.form--inline > *,
.form--inline form > *  {
	box-sizing: border-box;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;

	margin-left: 6px;
	margin-right: 6px;
}

/* inline form no spacing */
.form--inline-sans-space,
.form--inline-sans-space form {
	margin-left: 0;
	margin-right: 0;
}

.form--inline-sans-space > *,
.form--inline-sans-space form > *  {
	margin-left: 0;
	margin-right: 0;
}

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

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

.search-result {
	padding: 25px 0 15px;
	border-bottom: 1px solid rgb(200,200,200);
}

.search-result h3 {
   margin: 0;
}


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


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

.x-scroll-wrap {
	overflow-x: auto;
}

/* ---- Default ---- */

table {
	border-collapse: collapse;
	border: none;
	margin: 15px 0 30px 0;
	width: 100%;
}
/* responsive table, might require tbody to work */
.responsive-table {
	display: block;
	overflow-x: scroll;
}

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

th,
thead td {
	background: #E9E9E9;
	font-weight: 700;
}

table caption {
	background-color: #e5e5e4;
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
}

/* ---- Form tables ---- */
form th,
form td {
	border: none;
}

.event-form {
	background-color: #EAEAEA;
	border: 1px solid #D1D1D1;
	padding: 20px;
	margin: 0 0 20px 0;
}

/* ---- Clean table ---- */
.clean th,
.clean td {
	border: none;
}


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

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


/* ---- Elected Table ---- */
.elected {
	width: auto;
	margin-bottom: 10px;
}

.elected td {
	border: none;
	padding-left: none;
}

.elected h4 a:link,
.elected h4 a:visited {
	text-decoration: none;
}


/* ---- meeting records tables ---- */

.table--meeting-records tbody {
	display: table-row-group;
}

@media only screen and (max-width: 600px) {

	.table--meeting-records,
	.table--meeting-records tbody,
	.table--meeting-records tr {
		display: block;
		border: none;
	}
	.table--meeting-records thead,
	.table--meeting-records th {
		display: none;
	}
	.table--meeting-records tr {
		display: table;
		width: 100%;
	}
	.table--meeting-records tr.table--meeting-records__first-row {
		display: none;
	}
	.table--meeting-records td {
		display: block;
		border-top: 0px;
		/*padding: 0;*/
		/*width: 100%;*/
	}
	.table--meeting-records td:first-child {
		background: #e5e5e4;
	}

	.table--meeting-records tbody tr {
		margin-bottom: 20px;
	}


}




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

/* ---- Clearfix ---- */
.clear {
	height: 0;
	clear: both;
	display: block;
}

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

.-clearfix:after {
	clear: both;
}


/* ---- Hiding classes ---- */
.-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;
}

/* ---- Pseudo elements ---- */

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

.left,
.center,
.right {
	margin: 30px auto;
	display: block;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.left {
		margin: 0 30px 30px 0;
		float: left;
	}

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


/* ------------------------------------------------------
**** Template Layout
------------------------------------------------------ */
* {
	margin: 0;
}

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

#wrap {
	width: 100%;
	position: relative;
	overflow-x: hidden;
}


/* ---- Container ---- */
.container {
	width: 88%;
	max-width: 1140px;
	margin: 0 auto;
}

.container--wide {
	width: 88%;
	max-width: 1540px;
	margin: 0 auto;
}

.container--full {
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
}



/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.container,
	.container--wide {
		width: 92%;
	}

	.container--full {
		width: 100%;
	}

	.container--full-sm {
		width: 100%;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.container--full-md {
		width: 100%;
	}

}


/* ---- Simple content alignment classes ---- */
.content-cc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

/* align last item to bottom */
.content-lib {
	height: 100%;
}

.content-lib > *:last-child {
	margin-top: auto;
	margin-bottom: 0;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.content-lc-sm {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		height: 100%;
	}

	.content-lt-sm {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

/* BP bigBoi */
@media screen and (min-width: 120em) {/* 1920px */
	.content-lt-xxxlg {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	/* align last item to bottom */
	.content-lib-xxxlg {
		height: 100%;
	}

	.content-lib-xxxlg > *:last-child {
		margin-top: auto;
		margin-bottom: 0;
	}
}



/* ---- Margin & padding classes ---- */
.mb-0 {
	margin-bottom: 0;
}

.mx-0 {
	margin-left: 0;
	margin-right: 0;
}


/* ---- Sections ---- */
.section {
	padding-top: 36px;
	padding-bottom: 36px;
}

/* Small */
.section--small {
	padding-top: 18px;
	padding-bottom: 18px;
}

/* Large */
.section--large {
	padding-top: 54px;
	padding-bottom: 54px;
}

/* No padding */
.section--0 {
	padding-top: 0;
	padding-bottom: 0;
}

/* top only */
.section--t {
	padding-top: 36px;
	padding-bottom: 0;
}

.section--t-lg {
	padding-top: 54px;
	padding-bottom: 0;
}

/* bottom only */
.section--b {
	padding-top: 0;
	padding-bottom: 36px;
}

.section--b-lg {
	padding-top: 0;
	padding-bottom: 54px;
}

.section--content {
	padding-top: 24px;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.section--small {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.section--large {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	/* none */
	.section--0 {
		padding-top: 0;
		padding-bottom: 0;
	}

	/* top only */
	.section--t {
		padding-top: 72px;
		padding-bottom: 0;
	}

	.section--t-lg {
		padding-top: 108px;
		padding-bottom: 0;
	}

	/* bottom only */
	.section--b {
		padding-top: 0;
		padding-bottom: 72px;
	}

	.section--b-lg {
		padding-top: 0;
		padding-bottom: 108px;
	}

	/* breakpoint specific */
	.section-sm {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.section--large-sm {
		padding-top: 108px;
		padding-bottom: 108px;
	}

	.section--0-sm {
		padding-top: 0;
		padding-bottom: 0;
	}

	.section--vw-sm {
		padding-top: 4vw;
		padding-bottom: 4vw;
	}

	.section--content {
		padding-top: 40px;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	/* breakpoint specific */
	.section-md {
		padding-top: 72px;
		padding-bottom: 72px;
	}

	.section--large-md {
		padding-top: 108px;
		padding-bottom: 108px;
	}

	.section--0-md {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* BP xxlarge */
@media screen and (min-width: 100em) {/* 1600px */
	/* bottom only */
	.section--b--xxl {
		padding-top: 0;
		padding-bottom: 72px;
	}

	.section--b-lg--xxl {
		padding-top: 0;
		padding-bottom: 108px;
	}
}


/* -- Section CTA-- */
.section__cta {
	text-align: center;
	margin-bottom: 0;
}

.section__cta .button {
	width: 100%;
	display: block;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.section__cta .button {
		width: 360px;
		margin-left: auto;
		margin-right: auto;
	}

	.section .section__cta {
		padding-top: 36px;
	}

	.section--large .section__cta {
		padding-top: 54px;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section .section__cta {
		padding-top: 72px;
	}

	.section--large .section__cta {
		padding-top: 90px;
	}

}

/* ---- Ultra wide ---- */
.section--ultra-wide h1 {
	padding: 0 0.5em;
	font-family: 'Strayhorn MT W00 Regular', serif;
    line-height: 1;
    margin-bottom: 1.2rem;
}

.text-center {
	text-align: center;
}



/* ---- Page template styles ---- */
/* mainbar */
.mainbar {
	font-size: 1.6rem;
}

.mainbar h1:first-child {
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	margin-bottom: 0;
	line-height: 1.5;
}

.mainbar h2,
.mainbar-h2 {
	font-size: 2.2rem;
	color: #028293;
	line-height: 1.33;
}

.mainbar h3 {
	font-size: 1.92rem;
	font-weight: 700;
	color: #323232;
}

.mainbar h4 {
	font-size: 1.92rem;
	font-weight: 700;
	color: #028293;
}

.mainbar table + h2,
.mainbar table + h3,
.mainbar table + h4 {
	margin-top: 3rem;
}

/* Sidebar */
.sidebar h2,
.sidebar h3 {
	font-family: 'Strayhorn MT W01 Bold',serif;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.sidebar {
		padding-right: calc(18px + 1rem);
	}

	.sidebar--right {
		padding-right: 1rem;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.sidebar {
		padding-right: calc(30px + 1rem);
	}

	.sidebar--right {
		padding-right: 1rem;
	}
}


/* ---- Content Box ---- */


/* ---- Header ---- */
#header {
	display: none;
}

/* Fixed header */
.sticky-nav-active #header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

#logo {
	position: absolute;
	top: 0;
	left: 6%;
	z-index: 10;
}

#logo a {
	display: block;
	overflow: hidden;
	height: 202px;
	background-color: #fff;
}

.sitcky-nav-shrink #logo a {
	height: 132px;
}

#logo svg {
	-moz-transform-origin: center top;
	-ms-transform-origin:  center top;
	-o-transform-origin: center top;
	-webkit-transform-origin:  center top;
	transform-origin: center top;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.sitcky-nav-shrink #logo svg {
	-moz-transform: scale(0.7) translateY(-12px);
	-ms-transform: scale(0.7) translateY(-12px);
	-o-transform: scale(0.7) translateY(-12px);
	-webkit-transform: scale(0.7) translateY(-12px);
	transform: scale(0.7) translateY(-12px);
}

#logo a,
.logo_star,
.logo_text,
.logo_background {
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}


/* Topnav */
.top-nav {
	padding-top: 3px;
	position: relative;
}

.top-nav__wrapper {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
	text-align: end;
}

.top-nav__wrapper > div {
	box-sizing: border-box;
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
}

.top-nav__divider {
	position: relative;
	padding-right: 12px;
	padding-left: 12px;
}

.top-nav__divider:after {
	content: "\00a0";
	position: absolute;
	top:18px;
	right: 0;
	width: 1px;
	height: 21px;
	background-color: #979797;
	display: block;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.sitcky-nav-shrink .top-nav__divider:after {
	top: 8px;
	height: 21px;
}

.top-links {
	font-size: 1.4rem;
	line-height: 20.5px;
}

.top-links ul {
	margin: 0;
	padding: 0
}

.top-links li {
	display: inline-block;
	margin: 0 3px;
}

.top-links li:first-child {
	margin: 0;
}

.top-links a {
	display: block;
	color: #2C2C2C;
	text-decoration: none;
	padding: 18px 5px;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.sitcky-nav-shrink .top-links a {
	padding-top: 8px;
	padding-bottom: 8px;
}


/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.top-links {
		font-size: 1.5rem;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.top-links {
		font-size: 1.6rem;
	}
}

/* social list */
.top-social {
	padding-top: 13px;
	margin: 0;
	list-style-type: none;
	display: inline-block;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.top-social li {
	display: inline-block;
	margin: 0 4px;
}

.top-social a {
	display: block;
}

.sitcky-nav-shrink .top-social {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* search */
.top-search {
	padding-top: 13px;
	padding-left: 10px;
	display: inline-block;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.top-search a {
	display: block;
	margin: 0 4px;
}

.sitcky-nav-shrink .top-search {
	padding-top: 3px;
	padding-bottom: 3px;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	#logo {
		left: 4%;
	}
}


/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	#header {
		display: block;
	}

	.sticky-nav-active #wrap {
		padding-top: 212px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	#logo {
		left: calc((100vw - 1140px) / 2);
	}
}

/* ---- Coloured bar ---- */
.coloured-bar {
	position: relative;
	height: 10px;
}

#wrap .coloured-bar {
	display: none;
}

.coloured-bar span {
	position: absolute;
	top: 0;
	bottom: 0;
}

.coloured-bar .bg-blue {
	left: 0;
	width: 25%;
}

.coloured-bar .bg-green {
	left: 25%;
	width: 25%;
}

.coloured-bar .bg-purple {
	right: 25%;
	width: 25%;
}

.coloured-bar .bg-orange {
	right: 0;
	width: 25%;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	#wrap .coloured-bar {
		display: block;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.coloured-bar .bg-blue {
		left: 0;
		width: 33%;
	}

	.coloured-bar .bg-green {
		left: calc((50vw - 570px) + 170px);
		width: auto;
		right: 50%;
	}

	.coloured-bar .bg-purple {
		left: 50%;
		right: 25%;
		width: auto;
	}

	.coloured-bar .bg-orange {
		right: 0;
		width: 25%;
	}
}

/* BP xxxlarge */
@media screen and (min-width: 120em) {/* 1920px */
	.coloured-bar .bg-blue {
		width: 100%;
	}
}

/* ---- Banner ---- */
.section--banner {
	padding-top: 0;
	padding-bottom: 0;
}

.banner--slider {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.banner--slider.slick-dotted.slick-slider {
	margin-bottom: 0;
}

.section--banner .slick-slide > div {
	max-height: 1080px;
}

.banner__item {
	display: block !important;
}

.banner__item a {
	display: block;
	margin: 0;
	text-decoration: none;
}

.banner__item__text,
.banner--slider {
	background-color: #484848;
	color: #fff;
}

.banner__item__text {
	padding-top: 15px;
	padding-bottom: 48px;
	width: 88%;
	margin: 0 auto;
	font-size: 1.3rem;
}

.banner__item__text h3 {
	font-size: 1.8rem;
	color: #fff;
	margin-bottom: 0.9rem;
}

.banner__item__text p {
	margin-bottom: 0;
}

.banner__img__tablet,
.slick-slide .banner__img__tablet {
	display: block;
}

.banner__img__mobile {
	background-size: cover;
}

.banner__img__mobile .banner__img__tablet {
	opacity: 0;
}

.banner__img__desktop,
.slick-slide .banner__img__desktop {
	display: none;
}

.banner--slider .slick-prev {
	bottom: 6px;
}

.banner--slider .slick-next {
	bottom: 6px;
}

/* video banner */
.banner--video {
	background: #fff;
}

.banner__item--video {
	margin: auto;
	position: relative;
	overflow: hidden;
	background-color: #484848;
}

.home-banner__video {
	aspect-ratio: 1280 / 720;
}

.banner__item--video video {
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	margin: auto;
	background-color: #484848;
}

p + .banner__cta {
	margin-top: 10px;
}

.banner--video .button-white-outline {
	display: inline-block;
}

.banner--video .banner__item__text {
	padding-bottom: 15px;
	width: 100%;
	padding-left: 6%;
	padding-right: 6%;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.banner__item {
		position: relative;
	}

	.banner__item__text {
		position: absolute;
		bottom: 15%;
		background-color: rgb(72, 72, 72, 0.9);
		width: 50%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-right: 40px;
		padding-left: 20px;
		font-size: 1.4rem;
	}

	.banner__item[data-position="1"] .banner__item__text {
		right: 0;
		padding-right: 40px;
		padding-left: 20px;
	}

	.banner__item[data-position="2"] .banner__item__text {
		left: 0;
		padding-right: 20px;
		padding-left: 40px;
	}

	.banner--slider .slick-prev,
	.banner--slider .slick-next {
		width: 48px;
		height: 36px;
		bottom: calc(15% + 10px);
		z-index: 10;
	}

	.banner--slider .slick-prev:after {
		content: "\00a0";
		position: absolute;
		right: -1px;
		bottom: 3px;
		width: 1px;
		height: 27px;
		background-color: #fff;
		z-index: 2;
	}

	/* video */
	.banner--video .banner__item__text {
		width: 50%;
	}

	/* reveal custom tablet banner image */
	.banner__img__mobile .banner__img__tablet {
		opacity: 1;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.banner__item__text,
	.banner--video .banner__item__text {
		bottom: 45%;
		width: 40%;
		padding-top: 32px;
		padding-right: 40px;
		padding-bottom: 32px;
		padding-left: 40px;
	}

	.banner__item[data-position="1"] .banner__item__text,
	.banner__item[data-position="2"] .banner__item__text {
		padding-right: 40px;
		padding-left: 40px;
	}


	.banner--slider .slick-prev,
	.banner--slider .slick-next {
		bottom: calc(45% + 10px);
	}

	.banner--slider.slick-slider .slick-dots {
		bottom: 108px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.banner__item__text,
	.banner--video .banner__item__text {
		bottom: 50%;
		width: 33.3%;
	}

	.banner__item__text h3 {
		font-size: 2rem;
	}

	.banner__img__tablet,
	.slick-slide .banner__img__tablet {
		display: none;
	}

	.banner__img__desktop,
	.slick-slide .banner__img__desktop {
		display: block;
	}

	.banner--slider .slick-prev,
	.banner--slider .slick-next {
		bottom: calc(50% + 10px);
	}
	.home-banner__video {
		aspect-ratio: 1540 / 640;
	}
}

/* BP xlarge */
@media screen and (min-width: 90em) {/* 1440px */
	.banner__item__text,
	.banner--video .banner__item__text {
		bottom: 50%;
	}

	.banner--video .banner__item__text {
		bottom: 50%;
	}

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

	.banner__item__text p {
		font-size: 1.8rem;
	}

	.banner--slider .slick-prev,
	.banner--slider .slick-next {
		bottom: calc(50% + 10px);
	}
}

/* BP xxlarge */
@media screen and (min-width: 100em) {/* 1600px */
	.banner__item__text,
	.banner--video .banner__item__text {
		bottom: 60%;
	}

	.banner__item__text {
		padding-top: 32px;
		padding-right: 48px;
		padding-bottom: 32px;
		padding-left: 48px;
	}

	.banner__item[data-position="1"] .banner__item__text,
	.banner__item[data-position="2"] .banner__item__text {
		padding-right: 48px;
		padding-left: 48px;
	}

	.banner__item__text h3 {
		font-size: 2.8rem;
	}

	.banner__item__text p {
		padding-right: 12px;
	}

	.banner--slider .slick-prev,
	.banner--slider .slick-next {
		bottom: calc(60% + 10px);
	}
}

/* ---- Banner - Inner Pages ---- */
.banner__container {
	width: 100%;
}

.banner__wrapper {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
}

.banner-text {
	display: none;
}

.banner__wrapper .banner__lnk {
	display: block;
	width: 100vw;
	min-height: 1px;
}

.banner-text h2 {
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	padding-left: 21px;
	padding-right: 18px;
	font-size: 3.63rem;
	line-height: 1;
	color: #fff;
}

.banner-img {
	width: 100vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 33.33%;
}

.banner-img--fallback {
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #e9e9e9;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.banner-img {
		box-sizing: border-box;
		-ms-flex: 0 0 auto;
		-webkit-box-flex: 0;
		flex: 0 0 auto;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.banner__container {
		width: 92%;
	}

	.banner__wrapper {
		border-top: 6px solid #fff;
		border-bottom: 6px solid #fff;
	}

	.banner-text {
		position: relative;
		display: block;
		border-right: 6px solid #fff;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
		min-width: 25%;
		-ms-flex-align: end;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.banner__lnk {
		box-sizing: border-box;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-webkit-box-flex: 0;
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
		min-width: 75%;
	}

	.banner-img {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
		padding-top: 33.33%;
	}

	.banner-text:before {
		content: "\00a0";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 100%;
		width: 100vw;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.banner-text h2 {
		font-size: 3.63rem;
	}
}

/* ---- Banner - Slider ---- */
.banner-inner-slider {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
	padding-top: 40%;
}

.banner-inner-slider.slick-slider .slick-slide > div {
	position: relative;
	padding-top: 40%;
}

.slick-slider .banner-img__item {
	padding-top: 40%;
}

.slider-banner-href {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.slick-slider.banner-inner-slider {
	padding-top: 0;
}

.banner-img__item {
	width: 100%;
	height: 100%;
	display: block;
	background-position: center center;
	background-size: cover;
}

.banner-link-label {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	padding: 8px 24px;
	font-size: 1.5rem;
	line-height: 1.2;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.slider-banner-href:hover .banner-link-label,
.slider-banner-href:focus .banner-link-label,
.slider-banner-href:active .banner-link-label {
	background-color: rgba(0,0,0,0.75);
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.banner-inner-slider {
		padding-top: 25.96%;
	}

	.slick-slider.banner-inner-slider {
		padding-top: 0;
	}

	.banner-inner-slider.slick-slider .slick-slide > div {
		padding-top: 25.96%;
	}

	.slick-slider .banner-img__item {
		padding-top: 25.96%;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.banner-inner-slider {
		padding-top: 33.33%;
	}

	.slick-slider.banner-inner-slider {
		padding-top: 0;
	}

	.banner-inner-slider.slick-slider .slick-slide > div {
		padding-top: 33.33%;
	}

	.slick-slider .banner-img__item {
		padding-top: 33.33%;
	}
}

/* ---- Action Bar ---- */
/* action search */
.search-bar {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;

	width: 100%;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	position: relative;
	z-index: 1;
	padding-top: 3px;
	padding-bottom: 21px;
}

.search-bar.bg-blue:before,
.search-bar.bg-blue:after {
	content: "\00a0";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50vw;
	background-color: #26A2B3;
}

.search-bar.bg-blue:before {
	right: 100%;
}

.search-bar.bg-blue:after {
	left: 100%;
}

.search-bar h3 {
	box-sizing: border-box;
	-ms-flex: 1 1 100%;
	-webkit-box-flex: 1;
	flex: 1 1 100%;

	padding: 9px 0;
	margin: 0;
	font-weight: 300;
	font-size: 1.8rem;
}

.search-bar__form {
	box-sizing: border-box;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	position: relative;
}

.search-bar__form input[type="text"] {
	box-sizing: border-box;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;

	font-size: 1.5rem;
	color: #4E4E4E;
	padding: 9px 12px;
	margin-bottom: 0;
	font-weight: 300;
	border:none;
	height: auto;
}

.search-bar__form input[type="submit"] {
	box-sizing: border-box;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 40px;
	flex: 0 1 40px;
	height: auto;
	box-shadow: none;

	text-indent: -999em;
	border: none;
	background-color: #484848;
	background-image: url(../images/2019/icon_search-white.svg);
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center center;
}

/* Content search box */
.content-search-box {
	margin: 0 0 1.5rem;
	background: #F2F2F2;
	padding: 20px 30px;
	margin-bottom: 20px;
	clear: both;
}

.content-search-box *:last-child {
	margin-bottom: 0;
}

.content-search-box__title {
	margin-bottom: 0;
}

.site-search-form input[type="text"],
.content-search-box input[type="text"] {
	width: 100%;
}

#search-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #fff;

	padding: 15px 20px;
	z-index: 1;
	color: #525252;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	width: 100%;
}

#search-autocomplete h3 {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	padding: 0;
	text-align: left;
	color: #525252;
	margin-bottom: 5px;
}
.widget-RecyclingGuide #search-autocomplete {
	top: 0; left: 0;
	margin: -15px 0 10px 0;
}

#search-autocomplete .search-exact {
	font-size: 16px;
	margin-bottom: 15px;
}

#search-autocomplete .search-panel {
	float: left;
	width: calc(50% - 5px);
}

#search-autocomplete .search-panel + .search-panel {
	margin-left: 10px;
}

#search-autocomplete .search-panel h3 {
	font-size: 16px;
	margin: 0 0 6px 0;
	line-height: 27px;
}

#search-autocomplete .search-panel ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}

#search-autocomplete .search-panel li {
	margin-bottom: 4px;
	font-size: 14px;
}

#search-autocomplete .search-panel a {
	color: #666;
}

#search-autocomplete .search-panel li a {
	display: block;
	padding: 4px 6px;
}

#search-autocomplete .search-panel li a:link,
#search-autocomplete .search-panel li a:visited {
	background-color: #F0F0F0;
	color: #4A4A4A;
	text-decoration: none;
}

#search-autocomplete .search-panel li a:hover,
#search-autocomplete .search-panel li a:focus {
	background-color: #8A5997;
	color: #fff;
}

#search-autocomplete .search-seeall {
	text-align: right;
	margin: 15px 0 0;
	font-size: 14px;
	color: #525252;
}

#search-autocomplete .search-seeall:hover,
#search-autocomplete .search-seeall:focus {
	color: #8A5997;
}

#search-autocomplete .close {
	float: right;
	margin: 0;
	padding: 0 8px;
	cursor: pointer;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.site-search-form input[type="text"],
	.content-search-box input[type="text"] {
		width: calc(100% - 100px);
	}

	.site-search-form input[type="submit"],
	.content-search-box input[type="submit"] {
		float: right;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.search-bar {
		padding-top: 21px;
	}

	.search-bar h3 {
		-ms-flex: 1 1 auto;
		-webkit-box-flex: 1;
		flex: 1 1 auto;
	}

	#search-autocomplete h3 {
		font-size: 18px;
		font-weight: normal;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.search-bar {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;

		margin-top: -90.5px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.search-bar.bg-blue:before,
	.search-bar.bg-blue:after {
		content: none;
	}

	.search-bar h3 {
		padding: 36px 36px 18px;
		text-align: right;
		font-size: 2.5rem;
	}

	.search-bar h3 {
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
	}

	.search-bar__form input[type="text"] {
		font-size: 2.5rem;
		padding: 36px 18px 18px 36px;
	}

	.search-bar__form input[type="submit"] {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 91px;
		flex: 0 1 91px;

		background-size: auto;
		background-color: #26A2B3;
	}

	#search-autocomplete {
		top: auto;
		bottom: 100%;
		width: calc(100% - 91px);
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.search-bar h3 {
		-ms-flex: 1 1 auto;
		-webkit-box-flex: 1;
		flex: 1 1 auto;
	}
}

/* action links */
.action-bar {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;

	position: relative;
}

.action-bar + .action-buttons {
	padding-top: 54px;
}

.action-bar.bg-grey-01:before,
.action-bar.bg-grey-01:after {
	content: "\00a0";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50vw;
	background-color: #E9E9E9;
}

.action-bar.bg-grey-01:before {
	right: 100%;
}

.action-bar.bg-grey-01:after {
	left: 100%;
}

.action-bar h3 {
	display: none;
	box-sizing: border-box;
	-ms-flex: 0 1 100%;
	-webkit-box-flex: 0;
	flex: 0 1 100%;

	font-weight: 300;
	padding: 9px 0;
	margin: 0;
	font-size: 1.8rem;
}

.actions-bar__list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
	-ms-flex: 0 1 100%;
	-webkit-box-flex: 0;
	flex: 0 1 100%;
}

.actions-bar__list > li {
	display: block;
	margin: 18px 0;
}

/* Tab buttons - invisible & inline */
.action-bar__tab {
	border: none;
	border-left: 1px solid #979797;
	padding: 9px 6px 7px;
	font-weight: 700;
	font-size: 1.5rem;
	display: none;
	color: #028293;
}

.actions-bar__list li:first-child .action-bar__tab {
	border-color: transparent;
}

.action-tab {
	border: 2px solid #C4C4C4;
	padding: 18px;
}

.action-tab__cta {
	text-align: right;
	margin-bottom: 0;
	display: none;
}

.action-tab__cta .button {
	display: block;
}

.action-tab ul {
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
}

.action-tab ul li {
	margin-bottom: 0.2em;
}

.action-tab ul a {
	text-decoration: none;
	position: relative;
}

.action-tab ul a:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background-color: transparent;
}

.action-tab ul a:hover,
.action-tab ul a:focus,
.action-tab ul a:active {
	color: #4A4A4A;
}

.action-tab ul a:hover:after,
.action-tab ul a:focus:after,
.action-tab ul a:active:after {
	background-color: #028293;
}

.js .action-tab {
	padding: 0;
	padding-bottom: 9px;
}

.js .js--slide-toggle {
	position: relative;
	padding-top: 18px;
	padding-bottom: 9px;
	padding-left: 18px;
	padding-right: 27px;
}

.js .js--slide-toggle:after {
	content: "\00a0";
	position: absolute;
	right: 18px;
	top: 9px;
	bottom: 0;
	width: 18px;
	background-color: transparent;
	background-image: url(../images/2019/icon_slide-toggle.svg);
	background-repeat: no-repeat;
	background-position: center right;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.js .toggle-open:after {
	transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
}

.js .action-tab ul {
	display: none;
	opacity: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 9px;
}

.js .action-tab .toggle-open + ul {
	opacity: 1;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.actions-bar__list {
		box-sizing: border-box;

		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;

		-ms-flex-wrap: wrap;
		flex-wrap: wrap;

		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;

		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;

		margin-left: -9px;
		margin-right: -9px;
		margin-top: 9px;
		margin-bottom: 9px;
	}

	.actions-bar__list > li {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 50%;
		flex: 0 1 50%;

		padding: 0 9px;
		margin: 9px 0;
	}

	.actions-bar__list > li:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 300px;
		flex: 0 1 300px;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.action-bar + .action-buttons {
		padding-top: 36px;
	}
}

/* Small iPads only */
@media screen and (min-width: 48em) and (max-width: 62em) {
	.actions-bar__list > li .subtitle {
		font-size: 1.6rem;
	}

	.actions-bar__list > li:nth-child(1) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 30%;
		flex: 1 1 30%;
	}

	.actions-bar__list > li:nth-child(2) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 35.5%;
		flex: 1 1 35.5%;
	}

	.actions-bar__list > li:nth-child(3) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 34.5%;
		flex: 1 1 34.5%;
	}

	.actions-bar__list > li:nth-child(4) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 46.83%;
		flex: 1 1 46.83%;
	}

	.actions-bar__list > li:nth-child(5) {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 53%;
		flex: 1 1 53%;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.action-bar {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.action-bar.bg-grey-01:before,
	.action-bar.bg-grey-01:after {
		content: none;
	}

	.action-bar + .action-buttons {
		padding-top: 0;
	}

	.actions-bar__list {
		padding: 27px 36px 18px 9px;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 0;
	}

	.actions-bar__list > li {
		display: inline-block;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		padding: 0;
		margin: 0;
	}

	.action-bar__tab {
		font-size: 2.2rem;
		padding: 9px 15px 7px;
		display: block;
		position: relative;
	}

	.action-tab {
		display: none;
		max-width: 700px;
		position: absolute;
		top: calc(100% - 22px);
		left: 0;
		right: 0;
		z-index: 3;
		border: none;
		background: rgb(246,246,246);
		background: -moz-linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(216,216,216,1) 100%);
		background: -webkit-linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(216,216,216,1) 100%);
		background: linear-gradient(0deg, rgba(246,246,246,1) 0%, rgba(216,216,216,1) 100%);
	}

	.tab-active .action-tab {
		display: block;
	}

	.action-bar__tab:hover,
	.action-bar__tab:focus,
	.action-bar__tab:active {
		background-color: #d8d8d8;
		border-color: transparent;
		color: #525252;
	}

	.actions-bar__list li:hover + li .action-bar__tab,
	.actions-bar__list li:focus + li .action-bar__tab,
	.actions-bar__list li:active + li .action-bar__tab {
		border-color: transparent;
	}

	.actions-bar__list li:focus-within + li .action-bar__tab {
		border-color: transparent;
	}


	.action-bar h3 {
		display: block;

		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;

		text-align: right;
		font-size: 2.5rem;
		padding: 33px 9px 21px 36px;
	}

	.action-tab__cta {
		display: block;
	}

	.action-tab__cta .button {
		display: inline-block;
	}

	.action-tab,
	.js .action-tab {
		padding: 21px 45px;
	}

	.js .action-tab .js--slide-toggle {
		padding: 0;
	}

	.js .action-tab ul {
		display: block;
		opacity: 1;
		padding: 0;
		margin: 1rem 0;
	}

	.js .action-tab .js--slide-toggle:after {
		content: none;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.action-tab,
	.js .action-tab {
		padding: 36px 54px;
	}
}

.action-btn {
	padding: 40px 30px;
	text-align: center;
	position: relative;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.bg-purple.action-btn:after {
	background-color: #744B7F;
}

.bg-orange.action-btn:after {
	background-color: #C06927;
}

.bg-blue.action-btn:after {
	background-color: #028293;
}

.bg-green.action-btn:after {
	background-color: #989E28;
}

.action-btn img {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
}

.action__btn__preview {
	display: none;
}

.action__btn__title,
.action__btn__preview .h2 {
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
}

.action__btn__preview h3 {
	margin-bottom: 0;
}

.action__btn__hover ul {
	font-size: 1.6rem;
	line-height: 2;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
	list-style-type: none;
}

.action__btn__hover ul a {
	text-decoration: none;
	position: relative;
}

.action__btn__hover ul a:after {
	content: "\00a0";
	position: absolute;
	bottom: 1px;
	height: 1px;
	left: 0;
	right: 0;
	background-color: #fff;
	opacity: 0;
}

.action__btn__hover ul a:hover:after,
.action__btn__hover ul a:focus:after,
.action__btn__hover ul a:active:after {
	opacity: 1;
}

.action__btn--cta {
	margin-bottom: 0;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.action__btn__title {
		font-size: 2rem;
	}

	.action__btn__hover ul {
		font-size: 1.5rem;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.action__btn__title {
		font-size: 2.5rem;
	}

	.action__btn__hover ul {
		font-size: 1.8rem;
		line-height: 1.5;
		text-align: left;
	}

	.action__btn__preview {
		display: block;
	}

	.action__btn__title {
		display: none;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.action-btn {
		padding: 30px 20px;
	}

	.action-btn:after {
		content: "\00a0";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 10px;
		background-color: rgba(0,0,0,0.25);
	}

	.action__btn__hover ul {
		font-size: 1.5rem;
		line-height: 2;
	}

	.action__btn__preview .h2 {
		display: none;
	}

	.action__btn__title {
		display: block;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.action-btn {
		padding: 43px 40px;
	}

	.action-btn:before {
		content: "\00a0";
		position: absolute;
		bottom: 20px;
		left: calc(50% - 12px);
		width: 24px;
		height: 12px;
		background-image: url(../images/2019/icon_arrow-down.svg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.action__btn__preview {
		display: block;
		opacity: 1;
		-webkit-transition: all 150ms ease;
		-o-transition: all 150ms ease;
		transition: all 150ms ease;
		padding-left: 24px;
		padding-right: 24px;
	}

	.action__btn__preview .h2 {
		display: block;
		font-size: 3.2rem;
		line-height: 1.2;
		padding-bottom: 0.33em;
	}

	.bg-purple.action-btn .h2 {
		max-width: 160px;
		margin-left: auto;
		margin-right: auto;
	}

	.action__btn__hover {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
		-webkit-transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
		-o-transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
		transition: all 250ms cubic-bezier(0.86, 0, 0.07, 1);
	}

	.action__btn__title {
		padding-top: 40px;
		padding-left: 40px;
		padding-right: 40px;
		font-size: 1.8rem;
		font-weight: 700;
		text-align: left;
		margin-bottom: 0;
	}

	.action__btn__hover ul {
		font-size: 1.6rem;
		line-height: 1.5;
		padding-left: 40px;
		padding-right: 40px;
	}

	.action__btn--cta {
		padding-bottom: 40px;
		padding-left: 40px;
		padding-right: 40px;
	}

	/* hover state */
	.action-btn:hover .action__btn__hover,
	.action-btn:focus .action__btn__hover {
		height: 261px;
		opacity: 1;
	}

	.action-btn:hover .action__btn__preview,
	.action-btn:focus .action__btn__preview {
		opacity: 0;
	}
}

/* BP xlarge */
@media screen and (min-width: 90em) {/* 1440px */
	.action__btn__hover ul {
		font-size: 1.8rem;
		line-height: 1.5;
	}

	.bg-green .action__btn__hover ul {
		font-size: 1.6rem;
	}
}


/* ---- Article grid  ---- */
.article-list {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	list-style-type: none;
}

.article-item {
	margin-bottom: 1.8rem;
}

.section--news.bg-grey-01 .article-item {
	background-color: #fff;
}

.section--news.bg-white .article-item {
	background-color: #E9E9E9;
}

.article__date {
	font-size: 1.5rem;
	color: #4A4A4A;
	font-weight: 700;
	text-transform: uppercase;
}

.article__content {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 21px;
	padding-right: 21px;
}

.article__content h3 {
	font-size: 1.8rem;
	margin-bottom: 0.3rem;
}

.article__content p {
	font-size: 1.5rem;
}

.article__cta {
	padding: 0 21px 21px;
	margin-bottom: 0;
}

/* BP small */
@media screen and (max-width: 34.9375em) { /* 559px */
	.article__date {
		margin-top: -22px;
	}

	.article__date p {
		background-color: #D8D8D8;
		padding: 10px 21px;
		display: inline-block;
	}
}

/* BP small */
@media screen and (min-width: 35em) { /* 560px */
	.article-item {
		margin-bottom: 2.4rem;
	}

	.article__preview {
		box-sizing: border-box;
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
	}

	.article__img {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 16.66%;
		flex: 1 1 16.66%;
		max-width: 16.66%;
		padding: 16.66%;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.article__img img {
		display: none;
	}

	.article__content-wrapper {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		max-width: calc(100% - 16.66% - 21px);

		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	.article__hover {
		margin-top: auto;
	}

	.article__date {
		padding-top: 21px;
		padding-left: 21px;
	}

	.article__date p {
		margin-bottom: 6px;
	}

	.article__content h3 {
		margin-bottom: 12px;
	}

	.article__content p {
		display: none;
	}

	.article__cta .button--overlay {
		display: inline-block;
		width: auto;
	}

	.article-item--0 .article__preview {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.article-item--0 .article__content-wrapper {
		padding-bottom: 24px;

		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		max-width: 100%;

		display: block;
	}

	.article-item--0 .article__img {
		width: 100%;
		padding: 33.33%;
		float: none;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
		max-width: 100%;
	}

	.article-item--0 .article__date {
		margin-top: -22px;
		padding-top: 0;
		margin-bottom: 1.8rem;
	}

	.article-item--0 .article__date {
		padding-left: 0;
	}

	.article-item--0 .article__date p {
		background-color: #D8D8D8;
		padding: 10px 36px;
		display: inline-block;
	}

	.article-item--0 .article__content {
		padding-left: 36px;
		padding-right: 36px;
	}

	.article-item--0 .article__content h3 {
		margin-bottom: 0.3rem;
	}

	.article-item--0 .article__content p {
		display: block;
	}

	.article-item--0 .article__cta {
		padding: 0 36px 21px;
	}

	.article-item--0 .article__hover {
		margin-top: 0;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.article__content p {
		display: block;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.article__content p {
		display: none;
	}

	.article-item {
		width: calc(50% - 18px);
		margin-left: 17px;
		float: right;
	}

	.article__preview {
		height: 100%;
	}

	.article__content-wrapper {
		position: relative;
		-ms-flex-preferred-size: 72%;
		flex-basis: 72%;
		max-width: 72%;
	}

	.article__cta {
		padding-bottom: 21px;
	}

	.article-item--0 {
		width: calc(50% - 18px);
		margin-right: 17px;
		margin-left: 0;
		float: left;
	}

	.article-item--0 .article__content {
		padding: 0 36px;
	}

	.article-item--0 .article__content p {
		display: block;
	}

	.article__content h3 {
		margin-bottom: 0.9rem;
		font-size: 1.5rem;
	}

	.article__date p {
		margin-bottom: 3px;
		font-size: 1.5rem;
		display: inline-block;
	}

	.article-item--0 .article__date p {
		margin-bottom: 1.8rem;
	}

	.article-item--0 .article__img {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.article-item--0 .article__preview {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.article-item--0 .article__content-wrapper {
		width: 100%;
		float: unset;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}

	.article-item--0 .article__content h3 {
		font-size: 1.8rem;
	}

	@supports(display: grid) {
		.article-list {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr 1fr;
			grid-row-gap: 36px;
			grid-column-gap: 36px;
		}

		.article-list::before,
		.article-list::after {
			content: none;
		}

		.article-item--0 {
			grid-column: 1;
			grid-row: 1 / 4;
		}

		.article-item--1 {
			grid-column: 2;
			grid-row: 1 / 2;
		}

		.article-item--2 {
			grid-column: 2;
			grid-row: 2 / 3;
		}

		.article-item--3 {
			grid-column: 2;
			grid-row: 3 / 4;
		}

		.article-item {
			width: 100%;
			margin: 0;
		}

		.article-item--0 {
			display: flex;
			flex-flow: column;
		}

		.article__hover {
			margin-top: auto;
		}
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.article__date {
		padding-top: 0;
		padding-left: 36px;
		margin-top: 36px;
		margin-bottom: 1.8rem;
		max-height: 1.5em;
	}

	.article__date p {
		margin-bottom: 0;
	}

	.article__hover {
		opacity: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: rgba(2, 130, 147, 0.9);

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;

	}

	.article-item:hover .article__hover,
	.article-item:focus .article__hover {
	   opacity: 1;
	}

	.article__img {
		width: 14.5%;
		padding: 14.5%;
		margin-right: 0;
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}

	.article__content h3 {
		margin-bottom: 0;
		font-size: 2.1rem;
	}

	.article__content {
		padding: 0 36px;
		padding-bottom: 36px;
	}

	.article__cta {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 45px;
	}

	.article__cta .button--overlay {
		display: block;
		width: 100%;
	}

	.article-item--0 .article__date {
		margin-left: 0;
		max-height: 61px;
		position: relative;
		z-index: 2;
	}

	.article-item--0 .article__date p {
		margin-bottom: 0;
	}

	.article-item--0 .article__content h3 {
		font-size: 2.5rem;
	}

	.article-item--0 .article__content p {
		font-size: 1.8rem
	}

	.article-item--0 .article__cta {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
		padding: 45px;
	}
}

/* ---- Featured News Slider ---- */
.section--city.bg-grey-01 .featured-news__item {
	background-color: #fff;
}

.section--city.bg-white .featured-news__item {
	background-color: #E9E9E9;
}

.slick-slide .featured-news__item,
.slick-slide > div {
	display: block !important;
}

.featured-news__item__content {
	padding: 21px;
}

.featured-news__item__content p {
	font-size: 1.5rem;
}

.featured-news__date {
	font-size: 1.5rem;
	color: #4A4A4A;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 3px;
}

.featured-news__item__content h3 {
	margin-top: 0;
	font-size: 1.8rem;
	margin-bottom: 9px;
}

.featured-news__item__content > *:last-child {
	margin-bottom: 0;
}

/* slick arrows */
.featured-news .slick-prev,
.featured-news .slick-next {
	background-color: #C1C1C1;
	height: 70px;
	width: 70px;
	background-size: 11px;
	bottom: auto;
	top: calc(88vw - 70px);
}

.featured-news .slick-prev {
	left: 0;
	background-image: url(../images/2019/icon_arrow-grey-l.svg);
	z-index: 1;
}

.featured-news .slick-next {
	left: 70px;
	background-image: url(../images/2019/icon_arrow-grey-r.svg);
	transform: none;
	z-index: 0;
}

.featured-news .slick-prev:after {
	content: "\00a0";
	position: absolute;
	left: calc(50% + 35px);
	bottom: 21px;
	width: 1px;
	height: 27px;
	background-color:#fff;
	z-index: 2;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.featured-news__item > .row {
		margin-left: 0;
		margin-right: 0;
	}

	@supports(display: block) {
		.featured-news__item > .row {
			margin-left: -1rem;
			margin-right: -1rem;
		}
	}

	.featured-news__item__content {
		padding: 21px 21px 21px 11px;
	}

	.featured-news__item__img {
		padding-right: 0;
	}

	.featured-news .slick-prev,
	.featured-news .slick-next {
		bottom: 0;
		top: auto;
	}

	.featured-news .slick-prev {
		left: calc(50% - 140px);
	}

	.featured-news .slick-next {
		left: calc(50% - 70px);
	}

	@supports(object-fit: cover) {
		.featured-news__item__img img {
			max-height: 460px;
			height: 100%;
			object-fit: cover;
		}
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.featured-news__item {
		max-height: 46vw;
	}

	.slick-slide .featured-news__item,
	.slick-slide > div {
		max-height: 46vw
	}


	.featured-news__item__content {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		flex-direction: row;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 100%;
	}

	.featured-news__cta {
		margin-top: auto;
	}

	@supports(object-fit: cover) {
		.featured-news__item__img img {
			height: auto;
			max-height: 460px;
		}
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.featured-news__cta {
		margin-top: 0;
	}

	.featured-news__item__content {
		padding: 45px 45px 45px 35px;
	}

	.featured-news__item__content > * {
		width: 100%;
	}

	.featured-news__item__content p {
		font-size: 1.8rem;
	}

	.featured-news__date {
		font-size: 1.5rem;
		margin-bottom: 1.8rem;
	}

	.featured-news__item__content h3 {
		font-size: 2.5rem;
		margin-bottom: 1.8rem;
	}

	.featured-news__item__img {
		height: 46vw;
		position: relative;
		overflow: hidden;
	}

	.featured-news__item__img img {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left:  0;
	}

	@supports(object-fit: cover) {
		.featured-news__item__img img {
			position: static;
			height: 460px;
			width: 100%;
		}
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.featured-news__item__img {
		height: 460px;
		max-height: 460px;
	}

	.slick-slide .featured-news__item, .slick-slide > div {
		max-height: 460px;
	}

	@supports(object-fit: cover) {
		.featured-news__item__img img {
			max-height: 460px;
		}
	}

	.featured-news__item__content {
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 60px;
		padding-bottom: 60px;
		padding-right: 60px;
	}
}


/* ---- Event Landing page ---- */

.section--events-intro {

}


.events-intro {
	font-size: 1.8rem;
}

.events-intro__event-search-heading {
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	font-size: 3.63rem;
	line-height: 1;
	color: #fff;
	margin-top: 25px;
}

.events-intro__event-search {
	padding-bottom: 24px;
}

.events-intro__submit-event {
	position: relative;
	background-color: #008a99;
	color: #fff;
	padding: 24px 24px 34px;
	text-align: center;
	margin: 10px 0 -40px;
}

.events-intro__submit-event__heading {
	font-size: 1.8rem;
}

.event__category {
	margin-bottom: 16px;
	align-self: flex-end;
}

.event__where {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}


@media screen and (min-width: 48em) { /* 768px */

	.events-intro {
		font-size: 2.2rem;
	}
	.events-intro__submit-event {
		margin: 0 25% -20px 25%;
		height: calc(100% + 40px);
	}
	.events-intro__submit-event__heading {
		font-size: 2.4rem;
		margin-bottom: 20px;
	}


}

@media only screen and (min-width: 62em) { /* 992px */
	.events-intro {
		padding: 35px 0 20px;
	}
	.events-intro__submit-event {
		margin: -30px 0 -10px 24px;
	}
	.events-intro__submit-event__heading {
		margin-bottom: 40px;
	}
}

/* ---- Project Tile ---- */
.project-tile {
	background-color: #fff;
}

.project-tile .event__content {
	background-color: #fff;
	border-bottom: 1px solid #979797;
	border-left: 1px solid #979797;
	border-right: 1px solid #979797;
	flex-direction: column;
}

.project-tile__description {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.project-tile__img {
	position: relative;
}

.project-tile__category {
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #e9e9e9;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.2em 0.33em;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.project-tile__cta {
	margin-top: auto;
}

.project-tile__cta a {
	text-transform: uppercase;
	color: #028293;
	text-decoration: none;
	font-weight: bold;
}

.project-tile__cta a:after {
	content: " >";
}

/* ---- Project Landing page ---- */
.project-landing__subscribe {
	margin-top: 0;
	margin-bottom: 0;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.projects-intro > *:last-child {
		margin-bottom: 0;
	}
	.project-landing-content {
		padding-top: 36px;
	}

	.project-landing__subscribe {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

/* ---- Major Project Search Bar ---- */
.major-project-search {
	padding-top: 24px;
}

@media only screen and (min-width: 62em) { /* 992px */
	.major-project-search {
		padding-top: 0;
	}
}

.major-project-search .field-element--dropdown .field-input select {
	background-repeat: no-repeat;
	background-position: center right 12px, center right;
	background-size: 16px auto, auto 100%;
	background-image: url(../images/2019/icon_arrow-grey-down.svg), url(../images/2019/deco_select-drop-arrow-bg.svg);
}

.major-project-search.module-search-form {
	display: block;
}

.major-project-search .form--inline {
	padding-left: 6px;
	padding-right: 6px;
}

.major-project-search .form--inline,
.major-project-search .form--inline form {
	align-items: center;
}

@media screen and (min-width: 48em) { /* 768px */
	.major-project-search .form--inline,
	.major-project-search .form--inline form {
		width: calc(100% + 12px);
	}
}

.major-project-search .form--inline .field-input input,
.major-project-search .form--inline .field-input select,
.major-project-search .form--inline .field-input button {
	width: 100%;
}

.major-project-search button {
	margin-top: 26px;
}

.reverse-text .major-project-search button {
	border-color: #008a99;
	background-color: #008a99;
	color: #fff;
}

.major-project-search .field-element {
	margin-bottom: 0;
}

/* ---- Event promos ---- */
.events__row > .col-xs-12 {
	margin-bottom: 1.8rem;
}

.events-multi-rows > .col-xs-12 {
	margin-bottom: 1.8rem;
}

.event-promo-item {
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
}

.section--events.bg-white .event-promo-item {
	background-color: #e9e9e9;
}

.section--events.bg-grey-01 .event-promo-item {
	background-color: #FFF;
}

.event__date {
	position: absolute;
	left: -10px;
	top: 20px;
	width: 82px;
	height: 80px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 12px;
	z-index: 2;
}

.event__date p {
	margin-bottom: 0;
}

.event__date--today h4 {
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	font-size: 2.2rem;
	margin: 8px 0 0;
	color: #fff;
}

.event__date .month {
	display: block;
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
}

.event__date .date {
	display: block;
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	font-size: 4.2rem;
	line-height: 1;
}

.event-promo-img {
	overflow: hidden;
}

.event__image {
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.event__content {
	padding: 21px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.event__content--wide {
	padding-left: 16px;
	padding-right: 8px;
}

.event__content__details {
	margin-bottom: 8px;
}

.event__content__details a:last-child {
	font-weight: bold;
	color: #028293;
	transition: color 200ms ease-in-out;
}
.event__content__details a:last-child:hover,
.event__content__details a:last-child:focus,
.event__content__details a:last-child:active {
	color: inherit;
}

.event-promo-item--volunteer h3,
.event-promo-item--w-cat h3 {
	margin-bottom: 8px;
}

.event-promo-item--volunteer h3 a,
.event-promo-item--w-cat h3 a {
	text-decoration: none;
}

.event__content--wide h3 {
	margin-bottom: 0;
}

@supports (text-decoration-thickness: 0) {
	.event-promo-item--volunteer h3 a,
	.event-promo-item--w-cat h3 a {
		transition: all 200ms ease-in-out;
		text-decoration: underline;
		text-decoration-thickness: 0px;
		text-decoration-color: rgba(2, 130, 147, .0);
	}
	.event-promo-item--volunteer h3 a:focus,
	.event-promo-item--volunteer h3 a:hover,
	.event-promo-item--volunteer h3 a:active,
	.event-promo-item--w-cat h3 a:focus,
	.event-promo-item--w-cat h3 a:hover,
	.event-promo-item--w-cat h3 a:active {
		text-decoration-color: rgba(2, 130, 147, 1);
		text-decoration-thickness: 1px;
	}
}

/* Event promo used for volunteer vacancies ---- */
.event-promo-item--volunteer .event__details p strong {
	display: inline;
}

.event__content {
	font-size: 1.5rem;
}

.event__details .event__details__description {
	/* used for the volunteer vacancies tile */
	margin-block: 0.25em 0.5em;
}

.event-promo-item--w-cat .event__details {
	margin-bottom: 8px;
}

.event__details p strong {
	display: block;
}

.event__details p span {
	display: block;
}

.event__hover {
	margin-top: auto;
}

.event__content > * {
	width: 100%;
}

.event__cta {
	margin-bottom: 0;
}

.event-promo-item:hover,
.event-promo-item:focus,
.event-promo-item:active {
	color: inherit
}

.event-promo-item:hover .event-promo-item__button,
.event-promo-item:focus .event-promo-item__button,
.event-promo-item:active .event-promo-item__button {
	background-color: #028293;
	border-color: #028293;
	color: #fff;
}

a.event-promo-item:hover .event__image,
a.event-promo-item:focus .event__image,
a.event-promo-item:active .event__image,
.event__image:hover,
.event__image:focus,
.event__image:active {
	transform: scale(1.1);
}

.event-promo-item h3 {
	color: #028293;
	font-size: 1.8rem;
	line-height: 1.25;
	font-weight: 300;
}


/* BP small */
@media screen and (min-width: 35em) { /* 560px */
	.event__hover .button--overlay {
		display: block;
		width: 100%;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.events-multi-rows,
	.section--events .events__row {
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

	.section--events .events__row > .col-xs-12 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.events__row > .col-xs-12 {
		margin-bottom: 0;
	}

	.events-multi-rows {
		margin-bottom: -3rem;
	}

	.events-multi-rows > .col-xs-12 {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-bottom: 3rem;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.event-promo-item h3 {
		font-size: 2.2rem;
	}

	.event-promo-item--w-cat h3 {
		font-size: 2.2rem;
	}

	.event__content {
		padding: 21px 36px 36px;
	}
	.event__content--wide {
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 24px;
	}

	.event-promo-item--w-cat .event__content {
		padding: 21px 26px 6px;
	}

	.event__hover,
	.event__cta,
	.event__cta .button {
		display: block;
		width: 100%;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.event__content {
		position: relative;
	}

	.events-multi-rows {
		margin-left: -2rem;
		margin-right: -2rem;
	}
	.events-multi-rows > .col-xs-12 {
		padding-left: 2rem;
		padding-right: 2rem;
		margin-bottom: 4rem;
	}

	.event__details p {
		margin-bottom: 0;
	}

	.event__hover {
		opacity: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 45px;
		background-color: rgba(2, 130, 147, 0.9);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: center;
		-webkit-box-pack: center;
		justify-content: center;
		text-align: center;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		transition: all 100ms ease-in-out;
	}

	.event-promo-item:hover .event__hover,
	.event-promo-item:focus .event__hover,
	.event-promo-item:active .event__hover {
		opacity: 1;
	}

	.event-promo-item:hover .event-promo-item__button,
	.event-promo-item:focus .event-promo-item__button,
	.event-promo-item:active .event-promo-item__button {
		color: #fff;
		border-color: #fff;
		background-color: transparent
	}

	.event-promo-item .event-promo-item__button:hover,
	.event-promo-item .event-promo-item__button:focus,
	.event-promo-item .event-promo-item__button:active {
		background-color: #fff;
		border-color: #fff;
		color: #028293;
	}
}

/* Event subscribe promo */

.event-subscribe-promo {
	padding: 20px 20px 5px;
	color: #fff;
}
.event-subscribe-promo h2 {
	color: #fff;
}

@media screen and (min-width: 48em) { /* 768px */
	.event-subscribe-promo__cta {
		text-align: right;
	}
}


/* ---- volunteer vacancy single page ---- */
.volunteer-vacancy__summary {
	margin-block: 1em;
}

.volunteer-vacancy__summary_cta {
	margin-top: 1em;
}

.list--hide-bullet-singular {
	padding: 0;
	list-style-type: none;
}

/* ---- Facilities  ---- */
.factilities__item {
	cursor: pointer;
	color: inherit;
	text-decoration: none;
	display: block;
}

.factilities__item:hover,
.factilities__item:focus {
	color: inherit;
	text-decoration: none;
}

.factilities__item:hover .button,
.factilities__item:focus .button {
	background-color: #028293;
	border-color: #028293;
	color: #fff;
}

.facilities__row > .col-xs-12 {
	margin-bottom: 1.8rem;
}

.factilities__item__rhs > * {
	width: 100%;
}

.factilities__item__rhs {
	padding: 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 100%;
}

.factilities__item__rhs > * {
	width: 100%;
}

.facilities__item__hover {
	margin-top: auto;
}

.facilities__cta {
	margin-bottom: 0;
}


.bg-white + .section--facilities.bg-white {
	padding-top: 0;
}

.bg-grey-01 + .section--facilities.bg-grey-01 {
	padding-top: 0;
}

.section--facilities.bg-grey-01 .factilities__item__rhs {
	background-color: #fff;
}

.section--facilities.bg-white .factilities__item__rhs {
	background-color: #E9E9E9;
}


/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.facilities__row {
		margin-left: -2rem;
		margin-right: -2rem;
	}

	.facilities__row > .col-xs-12 {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.facilities__row > .col-sm-6 {
		margin-bottom: 0;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.factilities__item__rhs {
		padding: 36px;
	}

	.factilities__item__rhs {
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.factilities__item__rhs p {
		margin-bottom: 0;
	}

	.factilities__item__rhs {
		position: relative;
		height: auto;
	}

	.facilities__item__hover {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: auto;
		width: 0;
		overflow: hidden;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: center;
		-webkit-box-align: center;
		align-items: center;
		-webkit-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

	.facilities__item__hover .facilities__cta {
		width: 100%;
		padding: 45px 63px;
	}

	/* purple */
	.bg-purple + .factilities__item__rhs .facilities__item__hover {
		background-color: rgba(2, 130, 147, 0.9);
	}

	/* orange */
	.bg-orange + .factilities__item__rhs .facilities__item__hover {
		background-color: rgba(227, 124, 47, 0.9);
	}

	/* blue */
	.bg-blue + .factilities__item__rhs .facilities__item__hover {
		background-color: rgba(100, 176, 186, 0.9);
	}

	/* green */
	.bg-green + .factilities__item__rhs .facilities__item__hover {
		background-color: rgba(180, 187, 48, 0.9);
	}

	.factilities__item:hover .facilities__item__hover,
	.factilities__item:focus .facilities__item__hover,
	.factilities__item:active .facilities__item__hover {
		right: 0;
		width: 100%;
	}

	.factilities__item:hover .icon-title-tile {
		-webkit-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

	/* purple */
	.factilities__item:hover .icon-title-tile.bg-purple,
	.factilities__item:focus .icon-title-tile.bg-purple,
	.factilities__item:active .icon-title-tile.bg-purple {
		background-color: rgba(138, 89, 151, 0.93);
	}

	/* orange */
	.factilities__item:hover .icon-title-tile.bg-orange,
	.factilities__item:focus .icon-title-tile.bg-orange,
	.factilities__item:active .icon-title-tile.bg-orange {
		background-color: rgba(227, 124, 47, 0.93);
	}

	/* blue */
	.factilities__item:hover .icon-title-tile.bg-blue,
	.factilities__item:focus .icon-title-tile.bg-blue,
	.factilities__item:active .icon-title-tile.bg-blue {
		background-color: rgba(100, 176, 186, 0.93);
	}

	/* green */
	.factilities__item:hover .icon-title-tile.bg-green,
	.factilities__item:focus .icon-title-tile.bg-green,
	.factilities__item:active .icon-title-tile.bg-green {
		background-color: rgba(180, 187, 48, 0.93);
	}

	.factilities__item__rhs .facilities__item__hover::after {
		content: "\00a0";
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 10px;
		background-color: rgba(0,0,0,0.25);
	}

	.bg-purple + .factilities__item__rhs .facilities__item__hover:after {
		background-color: #744B7F;
	}

	.bg-orange + .factilities__item__rhs .facilities__item__hover:after {
		background-color: #C06927;
	}

	.bg-blue + .factilities__item__rhs .facilities__item__hover:after {
		background-color: #028293;
	}

	.bg-green + .factilities__item__rhs .facilities__item__hover:after {
		background-color: #989E28;
	}

	.factilities__item:hover .button,
	.factilities__item:focus .button,
	.factilities__item:active .button {
		background-color: transparent;
		border-color: #fff;
		color: #fff;
	}

	.factilities__item .button:hover,
	.factilities__item .button:focus,
	.factilities__item .button:active {
		background-color: #fff;
		border-color: #fff;
		color: #028293;
	}
}

/* ---- Elected  ---- */
.elected__title {
	display: none;
}

.elected__img {
	position: relative;
	padding-bottom: 67.37%;
	margin-top: calc(21px + 1.8rem);
}

.elected__img img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.elected__img .txt-sign {
	position: absolute;
	top: -21px;
	left: 0;
	z-index: 1;
	height: 42px;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.elected__cta {
		margin-bottom: 0;
	}

	.elected__title {
		display: block;
	}

	.elected__title-md {
		display: none;
	}

	.elected__img {
		margin-top: 0;
	}

	.section--elected .content-lc-sm p {
		margin-top: auto;
		margin-bottom: 0;
	}

	.section--elected .content-lc-sm .elected__cta {
		margin-top: 1.8rem;
		margin-bottom: auto;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--elected {
		padding-top: 42px;
	}

	.elected__img {
		margin-top: -42px;
		margin-right: calc(4vw - 1rem);
	}

	.elected__img .txt-sign {
		top: 0;
	}

	.elected__title {
		display: none;
	}

	.elected__title-md {
		display: block;
	}
}

@media only screen and (min-width: 75em) { /* 1280px */
	.elected-offset {
		margin-left: 24%;
		-ms-flex-preferred-size: 76%;
		flex-basis: 76%;
		max-width: 76%;
	}

	.elected__img {
		margin-right: calc((100vw - 1140px) / 2 - 1rem);
	}
}

/* BP xlarge */
@media screen and (min-width: 90em) {/* 1440px */
	.elected__img {
		margin-right: calc(4vw - 1rem);
	}
}

/* BP xxlarge */
@media screen and (min-width: 100em) {/* 1600px */
	.elected__img {
		margin-right: 0;
	}

	.section--elected .content-lc-sm p {
		margin-top: 0;
		margin-bottom: 1.8rem;
	}

	.section--elected .content-lc-sm .elected__cta {
		margin-top: auto;
		margin-bottom: 0;
	}
}

/* ---- Footer ---- */
.prefooter__item {
	text-align: center;
	margin-bottom: 45px;
}

.prefooter__item > img {
	margin-bottom: 18px;
}

.prefooter__item h3 {
	font-size: 18px;
}

.prefooter__item__links {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
}

.prefooter__item__links a {
	display: inline-block;
}

.prefooter__item__links .social {
	padding: 9px 12px 10px;
}

.prefooter__item__links .social svg {
	display: block;
}

.prefooter__item__links .button {
	border-color: #8D8D8D;
	margin-left: 6px;
}

.prefooter__item__links .button:hover,
.prefooter__item__links .button:focus,
.prefooter__item__links .button:active {
	border-color: #fff;
}

/* BP medium */
@media only screen and (min-width: 62em) and (max-width: 79.9375em) { /* 1279px */
	.prefooter__item__links .button {
		display: block;
		width: 100%;
	}
	.prefooter__item__links .social {
		border-left: none;
		margin-bottom: 10px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.prefooter__item > img {
		margin-bottom: 27px;
	}
}

/* newsletter  */
.section--newsletter .txt-large {
	text-align: center;
}

.footer__newsletter-form {
	background-color: #B67BC6;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
}

.footer__newsletter-form input[type="text"] {
	-webkit-appearance: none;
	background-color: #fff;
	color: #525252;
	display: block;
	width: 100%;
	outline: none;
	border: none;
	font-size: 1.5rem;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
	height: auto;
	margin-bottom: 0;
}

.footer__newsletter-form input[type="submit"] {
	-webkit-appearance: none;
	background-color: #028293;
	color: #fff;
	outline: none;
	border: none;
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 80px;
		-ms-flex: 1 1 80px;
			flex: 1 1 80px;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	padding-top: 40px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
	background-image: url(../images/2019/icon_email.svg);
	background-size: 28px auto;
	background-repeat: no-repeat;
	background-position: center top 12px;
	box-shadow: none;
	height: auto;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.footer__newsletter-form input[type="text"] {
		font-size: 1.8rem;
		padding-top: 18px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 18px;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.section--newsletter .txt-large {
		text-align: left;
		font-size: 1.5rem;
		padding-left: 32px;
		margin-bottom: 0;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--newsletter .txt-large {
		padding-left: 45px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.section--newsletter .txt-large {
		padding-left: 40px;
		font-size: 1.8rem;
		line-height: 1.4;
	}

	.footer__newsletter-form input[type="text"] {
		font-size: 2.5rem;
		padding-top: 32px;
		padding-left: 32px;
		padding-right: 32px;
		padding-bottom: 32px;
	}

	.footer__newsletter-form input[type="submit"] {
		-webkit-flex: 1 1 100px;
			-ms-flex: 1 1 100px;
				flex: 1 1 100px;
		background-size: 36px auto;
		background-position: center top 22px;
	}
}

/* footer contact */
.section--contact {
	position: relative;
}

.footer__social {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 29px repeat(auto-fill, minmax(20px, 1fr));
	gap: 8px;
	-webkit-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	margin-bottom: 1.5em;
}

.footer__social li {
	display: block;
}

.footer__social a {
	display: grid;
	place-content: center;
}

.footer__map-link {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 160px;
	background-image: url(../images/2019/bg_map.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;

	text-decoration: none;

	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.row-footer-contact h3 {
	font-size: 1.5rem;
	font-weight: 700;
}

.row-footer-contact p {
	font-size: 1.5rem;
	line-height: 1.75;
}

.row-footer-contact .col--contact {
	position: relative;
}

.link--icon {
	display: block;
	line-height: 32px;
	text-decoration: none;
	color: inherit;
}

.link--icon .icon {
	display: block;
	background-color: #8D8D8D;
	border-radius: 16px;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.icon--email {
	background-image: url(../images/2019/icon_email.svg);
}

.icon--feedback {
	background-image: url(../images/2019/icon_feedback.svg);
}

.icon--phone {
	background-image: url(../images/2019/icon_phone.svg);
}

.link__text {
	text-decoration: underline;
}

.link--icon:hover .icon,
.link--icon:focus .icon,
.link--icon:active .icon {
	background-color: #028293;
}

/* BP MAX Smaller */
@media screen and (max-width: 47.9375em) { /* 767px */
	.section--contact {
		padding-top: 196px;
	}

	.section--contact:before {
		content: "\00a0";
		position: absolute;
		background-color: rgba(0,0,0,0.2);
		top: 0;
		left: 0;
		right: 0;
		height: 160px;
		z-index: 1;
	}

	.footer__map-link .button {
		background-color: rgba(255,255,255,0.8);
		z-index: 2;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.footer__map-link {
		top: 0;
		bottom: 0;
		right: auto;
		left: 0;
		width: calc(50% - 32px);
		height: auto;
		background-position: left -30px center;
	}

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

	.footer__social {
		margin-bottom: 1.5em;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.footer__map-link {
		background-position: left center;
		width: 33%;
	}

	.row-footer-contact .col--contact:before {
		content: "\00a0";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -32px;
		width: 1px;
		background-color: #979797;
	}

	.row-footer-contact .col--address p {
		margin-bottom: 1em;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.row-footer-contact .col--contact:before {
		left: -40px;
	}

	.footer__social {
		margin-bottom: 0;
	}
}

/* Footer */
.section--footer {
	padding-top: 27px;
	padding-bottom: 27px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.footer__logo-area {
	padding-bottom: 24px;
}

.footer__link-list {
	margin-bottom: 0.4em;
}

.footer__link-list ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.footer__link-list li {
		display: inline-block;
	}

	.footer__link-list li:after {
		content: "\00a0\00a0\002f\00a0\00a0";
	}

	.footer__link-list li:last-child:after {
		content: none;
	}

	.footer__copyright {
		display: inline-block;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */

}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.footer__logo-area {
		float: right;
	}
	.footer__link-list a {
		text-decoration: none;
	}

	.footer__link-list a:hover,
	.footer__link-list a:focus,
	.footer__link-list a:active {
		text-decoration: underline;
	}
}


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

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


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

.sidebar > .widget > .widget-title:first-child {
	padding-top: 48px;
	padding-bottom: 3px;
	border-bottom: 1px #e5e5e4 solid;
	margin-bottom: 27px;
}

/* Boxes in the sidebar */
.sidebar-box {
	background: #E9E9E9;
	padding: 15px;
	margin: 15px 0;
}

.sidebar-box h2 {
	font-size: 2.5rem;
	line-height: 1.2;
}

.sidebar-box h3 {
	font-size: 15px;
	font-weight: 500;
	margin: 0 0 10px 0;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.sidebar-box {
		margin-right: -37px;
	}
}

/* ---- Related Links ---- */
.widget-RelatedLinks ul {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}

.widget-RelatedLinks .widget-title {
	margin: 0;
	color: #525252;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2rem;
}

.widget-RelatedLinks li {
	display: block;
}

.widget-RelatedLinks li a {
	position: relative;
	padding: 0;
	margin-top: 7px;
	margin-bottom: 7px;
	display: inline-block;
	text-decoration: none;
	font-size: 1.6rem;
	color: #4A4A4A;
	line-height: 1.2;
}

.widget-RelatedLinks > ul > li > a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: transparent;
	-webkit-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.widget-RelatedLinks li a:focus,
.widget-RelatedLinks li a:hover,
.widget-RelatedLinks li a:active {
	color: #4A4A4A;
}

.widget-RelatedLinks > ul > li > a:focus:before,
.widget-RelatedLinks > ul > li > a:hover:before,
.widget-RelatedLinks > ul > li > a:active:before {
	background-color: #028293;
}

/* Second level links */
.widget-RelatedLinks ul .on ul {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin: 0;
}

.widget-RelatedLinks ul .on ul.depth2 {
	padding-bottom: 8px;
}

.widget-RelatedLinks .on ul li a {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 24px;
	font-size: 1.4rem;
	color: #525252;
	position: relative;
}
.widget-RelatedLinks .on ul li a:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 24px;
	right: 0;
	height: 1px;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.widget-RelatedLinks .on ul .on a,
.widget-RelatedLinks .on ul li a:hover,
.widget-RelatedLinks .on ul .on a:hover {
	color: #000;
}

.widget-RelatedLinks .on ul li a:hover:before,
.widget-RelatedLinks .on ul .on a:hover:before,
.widget-RelatedLinks .on ul li a:focus:before,
.widget-RelatedLinks .on ul .on a:focus:before {
	background-color: #26A2B3;
}

.widget-RelatedLinks .on ul .depth3 a {
	padding: 0 0 0 48px;
	font-size: 1.4rem;
	color: #525252;
	position: relative;
}

.widget-RelatedLinks ul .on ul.depth3 {
	padding-bottom: 4px;
}

.widget-RelatedLinks .on ul .depth3 a:before {
	left: 48px;
}
.widget-RelatedLinks .on ul .depth3 a:after {
	content: "\2022";
	position: absolute;
	top: calc(50% - 0.5em);
	left: 32px;
}

.widget-RelatedLinks .on ul .depth3 a:hover:before,
.widget-RelatedLinks .on ul .depth3.on a:hover:before,
.widget-RelatedLinks .on ul .depth3 a:focus:before,
.widget-RelatedLinks .on ul .depth3.on a:focus:before {
	-webkit-transform: translateX(2px);
	transform: translateX(2px);
	color: #744B7F;
}



/* ---- Simple Image Gallery ---- */
.widget-ImageGallery {
	margin: 20px 0;
}

.widget-ImageGallery img {
	display: block;
}

.widget-ImageGallery .image-wide {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.widget-ImageGallery .image-gallery-thumb img {
	width: 100%;
}

.widget-ImageGallery .image-wide p {
	text-align: center;
}

.widget-ImageGallery .image-tall {
	margin-bottom: 5px;
}

.widget-ImageGallery .image-tall img {
	display: inline;
	vertical-align: middle;
	margin-right: 5px;
}

.widget-ImageGallery .image-tall span {
	vertical-align: middle;
}

.widget-ImageGallery .image-tall-compact {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* -- Wide -- */
.widget-ImageGallery.orientation-wide .image-gallery-thumb {
	margin: 0 3% 3% 0;
	width: 31.3333%;
}

.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(5n+5) {
	margin-right: 3%;
}

.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(3n+3) {
	margin-right: 0;
}

@media screen and (max-width: 850px) {
	.widget-ImageGallery.orientation-wide .image-gallery-thumb {
		margin: 0 3% 3% 0;
		width: 31.3333%;
	}
	.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(3n+3) {
		margin-right: 0;
	}
}
@media screen and (max-width: 650px) {
	.widget-ImageGallery.orientation-wide .image-gallery-thumb {
		margin: 0 3% 3% 0;
		width: 31.3333%;
	}
	.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(3n+3) {
		margin-right: 0;
	}
}

@media screen and (max-width: 500px) {
	.widget-ImageGallery.orientation-wide .image-gallery-thumb {
		width: 48.5%;
	}
	.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(3n+3) {
		margin-right: 3%;
	}
	.widget-ImageGallery.orientation-wide .image-gallery-thumb:nth-child(2n+2) {
		margin-right: 0;
	}
}

/* ---- Image Gallery - Version 2 ---- */
.widget-Gallery .g2-thumb,
.widget-GalleryPreview .g2-thumb {
	float: left;
	margin: 5px 15px 10px 0;
	width: 150px;
	background: #CCC;
	height: 220px;
}

.widget-Gallery .g2-thumb a.thum,
.widget-GalleryPreview .g2-thumb a.thum {
	display: block;
	text-decoration: none;
	color: #000;
}

.widget-Gallery .g2-thumb a.thum img,
.widget-GalleryPreview .g2-thumb a.thum img {
	display: block;
}

.widget-Gallery .g2-thumb .name,
.widget-GalleryPreview .g2-thumb .name {
	padding: 5px 10px;
	color: #000;
	text-align: center;
}

.widget-Gallery .g2-thumb .name a,
.widget-GalleryPreview .g2-thumb .name a {
	text-decoration: none;
	color: #000;
}

.g2popup .large {
	float: left;
	width: 645px;
	height: 500px;
	margin: 0;
	padding: 0;
}

#facebox .g2popup .large img {
	display: block;
	margin: 0 auto;
}

.g2popup .side {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

.g2popup .rating {
	padding: 12px 9px;
	background: #e7e7e7;
}

.g2popup .rating b {
	font-size: 30px;
	vertical-align: middle;
}

.g2popup .rating span {
	font-size: 12px;
	vertical-align: middle;
}

.widget-GalleryPreview {
	padding-bottom: 20px;
	padding-top: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #E5E5E4;
	border-top: 1px solid #E5E5E4;
}

.widget-GalleryPreview .show-all {
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	padding-right: 60px;
	margin: 0 0 0 0;
}

.widget-GalleryPreview .show-all a:link,
.widget-GalleryPreview .show-all a:visited,
.widget-GalleryPreview .show-all a:hover {
	font-weight: bold;
	text-decoration: none;
}


/* ---- Children Page Gallery ---- */
.widget-EventCategoryGallery,
.widget-ChildrenGallery {
	margin: 36px -9px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pg-link {
	position: relative;
	text-decoration: none;
	padding: 0 9px;
	margin-bottom: 27px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pg-item {
	position: relative;
	margin: 0;
	text-decoration: none;
	overflow: hidden;
}

@supports(display: block) {
	.pg-item {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex: 0 1 auto;
		-webkit-box-flex: 0;
		flex: 0 1 auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

.pg-item .pg-image,
.pg-item .pg-no-image {
	display: block;
}

.pg-item .pg-no-image {
	background: #CCC;
	aspect-ratio: 730/633;
}

.pg-item h3 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 0;
	color: #028293;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 700;
}

.pg-link:hover .pg-item h3,
.pg-link:focus .pg-item h3 {
	color: #525252;
}

.pg-item h4:hover,
.pg-link:hover .pg-item h4 {
	color: #525252;
}

.pg-item h4 span {
	text-decoration: underline;
}

.pg-item-mod3 {
	border: none;
}

.pg-image {
	transform-origin: bottom center;
	transition: all 250ms ease-in-out;
	opacity: 1;
}

.pg-link:hover .pg-image,
.pg-link:focus .pg-image {
	transform: scale(1.05);
	opacity: 0.9;
}

.pg-spacer {
	clear: both;
	display: block;
	border: none;
	border-top: 1px #e5e5e4 solid;
	height: 1px;
	margin: 2px 0;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.pg-link {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
	}
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.wide .pg-link {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.pg-item h3 {
		font-size: 1.6rem;
	}

	.pg-link {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.pg-item {
		width: 100%;
	}

	.pg-item img,
	.pg-item h3 {
		position: relative;
		z-index: 1;
	}

	.pg-link:hover .pg-item:before,
	.pg-link:focus .pg-item:before {
		width: 100%;
		opacity: 1;
	}
}

/* ---- Social Feed ---- */
/* NOTE: please review - does anyone know where this is being used?*/
.mainbar .widget-Social {
	width: 300px;
	height: 300px;
	float: right;
	overflow-y: auto;
}

.sidebar .widget-Social {
	height: 300px;
	overflow-y: auto;
}

.widget-Social .feed-post {
	padding: 12px;
	border-bottom: 1px #CCC dashed;
}

.widget-Social .feed-img {
	margin-right: 10px;
	float: left;
}

.widget-Social .feed-txt {
	width: 200px;
	line-height: 1.4em;
	float: left;
}

.feed-facebook h3 {
	background: url('../images/icon_fb.png') #3B5998 right 4px no-repeat;
	padding: 4px 0 4px 10px;
	color: #fff;
}

.feed-twitter h3 {
	background: url('../images/icon_tw.png') #3B5998 right 4px no-repeat;
	padding: 4px 0 4px 10px;
	color: #fff;
}

/* ---- Social Hub ---- */
.item-author {
	float: left;
}

.item-meta {
	width: 25%;
	text-align: right;
	position: static;
	right: auto;
	top: auto;
	float: right;
	padding-top: 12px;
}

.item .post-url {
	position: absolute;
	top: 10px;
	bottom: 10px;
	width: 80px;
	right: 10px;
	color: #fff;
	background-color:#8A5997;
	border-color:#8A5997;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.item:hover .post-url {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.item .post-url:hover,
.item .post-url:focus,
.item .post-url:active {
	color:#fff;
	background-color: #484848;
	border-color: #484848;
}

/* ---- Share links / Share bar ---- */
.share-bar {
	border-bottom: 1px #e5e5e4 solid;
	padding-top: 5px;
	margin-top: 36px;
	margin-bottom: 9px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.share-btn {
	margin-bottom: 5px;
	margin-top: 5px;
}

.share-btn a {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	color: #4A4A4A;
	text-decoration: none;
	border-radius: 0;
	background-color: transparent;
	border-radius: 3px;
	border: none;
	outline: none;
	opacity: 1;
	position: relative;
	font-size: 1.5rem;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	padding-right: 0;
	padding-left:  0;
}

.share-btn a:hover,
.share-btn a:focus,
.share-btn a:active {
	color: #000;
}

.share-btn a span {
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-right: 2px;
}

.share-btn a img {
	display: inline-block;
	vertical-align: text-bottom;
}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.share-btn {
		margin-top: 0;
		margin-bottom: 0;
	}
}

.email-share {
	margin: 0 0 20px 0;
	padding: 10px 20px;
	background-color: #E9E9E9;
}

.email-share *:last-child{
	margin-bottom: 0;
}
/* ---- Product List ---- */
.widget-ProductList table {
	width: 100%;
}

/* ---- Articles ---- */
.article {
	padding: 8px 0;
	margin: 8px 0;
	border-bottom: 1px solid #C9C9C9;
}

.article-search-link {
	padding: 16px 0;
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}

@media screen and (min-width: 64em ) { /* 1024 */
	.article {
		padding: 20px 0;
		margin: 20px 0;
	}

	.article-search-link {
		float: right;
		border: 0;
		margin-left: 20px;
	}
}


.article-search-box {
	clear: both;
	background: #f8f8f8;
	border: 1px solid #CCC;
	padding: 10px 15px;
}

.article-search-box p {
	float: left;
	margin-right: 10px;
}

/* ---- Events ---- */
.module-search-title {
	margin-bottom: 8px;
	font-size: 1.5rem;
}

@media screen and (min-width: 64em ) { /* 1024 */
	.module-search-title {
		margin-bottom: 0px;
	}

}


/* ---- widget-EventGallery ---- */

.widget-EventGallery {
	display: flex;
	flex-flow: row wrap;
}
.event-promo-item--widget-EventGallery {
	background-color: #e9e9e9;
}

.event-promo-item--widget-EventGallery h3 {
	font-size: 2.1rem;
}

.event-promo-item--widget-EventGallery .event__content {
	padding-bottom: 16px;
}

@media screen and (min-width: 64em ) { /* 1024 */
	.event-promo-item--widget-EventGallery {
		flex: 1 1 46%;
		margin: 2%;
	}
	.event-promo-item--widget-EventGallery h3 {
		font-size: 1.9rem;
	}
}

@supports (display: grid) {
	.widget-EventGallery {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		gap: 1.6rem;
	}
	.event-promo-item--widget-EventGallery {
		margin: 0;
	}


}


/* ---- event template ---- */

.events-view-container {
	max-width: 930px;
	margin: auto;
}

.section--artists-intro {
	background: #F2F2F2;
}

/* event search & event submit */
.find-event {
	background-color: transparent;
}

.find-event h1 {
	font-size: 2.0rem;
	font-family: 'Strayhorn MT W01 Bold',serif;
	margin-bottom: 0;
}


.module-search-form input,
.module-search-form textarea,
.module-search-form select {
	margin-bottom: 6px;
	font-size: 1.5rem;
}

.module-search-form select {
	width: 100%;
}

.module-search-form input[type="text"] {
	width: calc(100% - 58px);
}

.module-search-form__submit {
	border-color: #008a99 !important;
	background-color: #008a99 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-weight: 700;
	padding-left: 16px;
	padding-right: 16px;
}

.module-search-form__submit:hover,
.module-search-form__submit:focus,
.module-search-form__submit:active {
	border-color: #006773 !important;
	background-color: #006773 !important;
}

.submit-event {
	margin-top: 36px;
	margin-bottom: 0;
	padding: 21px;
}

.submit-event h2 {
	margin-bottom: 9px;
}

/* inner variation */
.module-search-form.inner {
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e4;
	margin-bottom: 27px;
	background-color: #26A2B3;
	position: relative;
}

.module-search-form.inner:before,
.module-search-form.inner:after {
	content: '\00a0';
	background-color: #26A2B3;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 50vw;
	color: #fff;
}

.module-search-form.inner:after {
	left: unset;
	right: 100%;
}

.module-search-form.inner .module-search-title {
	margin-right: 18px;
	font-family: 'Strayhorn MT W00 Regular', 'Strayhorn MT W01 Bold', serif;
	font-size: 3rem;
	line-height: 1;
	color: #fff;
}
.module-search-form.inner .form--inline {
	justify-content: flex-start;
	align-items: center;
}

.content-w-sidebar .module-search-form.inner .form--inline {
	justify-content: flex-start;
}

.content-w-sidebar .module-search-form.inner form {
	margin: 0;
}

.content-w-sidebar .module-search-title {
	margin-bottom: 12px;
}

@media screen and (min-width: 48em) { /* 768px */
	 .content-w-sidebar .module-search-form.inner:after {
		width: 16px;
	}

	.content-w-sidebar .module-search-form input,
	.content-w-sidebar .module-search-form textarea,
	.content-w-sidebar .module-search-form select {
		margin-bottom: 16px;
	}
	.content-w-sidebar .module-search-form.inner form {
		margin-bottom: -18px;
	}
}


@media only screen and (min-width: 62em) { /* 992px */
	.module-search-form.inner .form--inline {
		justify-content: center;
	}
	.module-search-form input,
	.module-search-form textarea,
	.module-search-form select {
		font-size: 1.6rem;
	}




}


/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.section--artists-intro {
		background: #fff;
	}

}

/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.module-search-form.inner .module-search-title {
		flex: 0 1 auto;
	}

	.submit-event {
		padding: 15px 21px;
		margin-top: 0;
		margin-bottom: 0;
	}

	.submit-event h2 {
		margin-bottom: 0;
		line-height: 46px;
	}

	.module-search-form input,
	.module-search-form textarea,
	.module-search-form select {
		margin-bottom: 0;
		width: auto;
	}

	.module-search-form input[type="text"] {
		width: auto;
	}
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.section--artists-intro .row > .col-xs-12 {
		padding-left: 3px;
	}

	.section--artists-intro .row > .mainbar {
		padding-right: 3px;
		padding-left: 1rem;
	}

	.module-search-form {
		display: inline-block;
	}

	.module-search-form input,
	.module-search-form textarea,
	.module-search-form select {
		margin-bottom: 0;
	}

	.submit-event {
		padding-top: 21px;
		padding-bottom: 19px;
		height: 100%;
	}

	.submit-event .button {
		margin-top: auto;
	}

	.submit-event h2 {
		line-height: 1.5;
		margin-bottom: 1.8rem;
	}
}


/* ---- event catagories ---- */
.event_entry_category_gallery,
.event_entry_category_gallery--all {
	margin-left: -9px;
	margin-right: -9px;
	margin-bottom: 36px;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.event_entry_category_gallery--all {
	margin-top: 36px;
}

.event_entry_category_gallery .event-link h4 span,
.event_entry_category_gallery--all .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,
.event_entry_category_gallery--all .event-link {
	position: relative;
	text-decoration: none;
	padding: 0 9px;
	margin-bottom: 27px;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.event_entry_category_gallery .event-link,
.event_entry_category_gallery--all .event-link {
	position: relative;
	margin: 0;
	text-decoration: none;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex: 1 1 auto;
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.event_entry_category_gallery .event-link h4,
.event_entry_category_gallery--all .event-link h4 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 0;
	padding-right: 0;
	color: #26A2B3;
	font-size: 1.6rem;
	line-height: 1.2;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: 700;
}

.event_entry_category_gallery .event-link:hover h4,
.event_entry_category_gallery .event-link:focus h4,
.event_entry_category_gallery--all .event-link:hover h4,
.event_entry_category_gallery--all .event-link:focus h4 {
	color: #525252;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.event_entry_category_gallery .event-link,
	.event_entry_category_gallery--all .event-link {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		max-width: 33.333%;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.event_entry_category_gallery .event-link img,
	.event_entry_category_gallery .event-link h4,
	.event_entry_category_gallery--all .event-link img,
	.event_entry_category_gallery--all .event-link h4 {
		position: relative;
		z-index: 1;
	}
}


/* ---- Purple event boxes ---- */
.event-date {
	width: 48px;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.event-date h4 {
	color: #fff;
	font-size: 25px;
	margin: 0;
	padding-bottom: 2px;
	line-height: 1.4;
	background: #028293;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: 300;
}

/* Assume a text with 'now'. */
.event-date.today h4 {
	font-size: 16px;
	font-weight: 400;
	line-height: 2.2;
}

.event-date h4 span {
	background-color: rgba(0,0,0,0.25);
	display: block;
	padding: 2px 0;
	margin: 0 0 2px;
	font-size: 12px;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	line-height: 1.4;
}

/* Event sidebar */
.event-item {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	width: 100%;
	margin-bottom: 1.2rem;
}

.event-item .event-date {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 48px;
	flex: 1 1 48px;
	max-width: 48px;
	width: 48px;
	margin-right: 9px;
	box-shadow: none;
}

.event-item .event-details {
	-ms-flex: 0 1 auto;
	-webkit-box-flex: 0;
	flex: 0 1 auto;
	max-width: calc(100% - 57px);
	border: none;
	margin: 0;
	padding: 2px 0;
	background: transparent;
}

.event-item .event-details p {
	line-height: 1.2em;
	margin-bottom: 0;
	font-size: 1.5rem;
	color: #4A4A4A;
}

.event-details__name {
	display: block;
	margin-bottom: 2px;
}


/* BP small */
@media screen and (min-width: 48em) { /* 768px */
	.module-search-title {
		display: inline-block;
	}

	.module-search-title + form {
		display: inline-block;
	}
}

/* Event list */

.event-link > img {
	/* This breaks the Event thumbs as the code outputs a different ratio
	width: 221px;
	height: 163px; */
}

.artist-link > img {
	width: 222px;
	height: 140px;
}

.event-list {

}

.event-list-item {
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	overflow: visible;
	clear: both;
}

.event-list .event-list-item  {
	position: relative;
	border-bottom: 1px #e7e7e7 dashed;
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.event-list .event-list-item .col-cal {
	position: absolute;
	top: 20px;
	left: 0;
	width: 48px;
}

.event-list .event-list-item .col-image--fallback + .col-cal {
	top: 0;
}

.event-list-item .col-info {
	margin: 0;
}

.event-list-item .col-info h3 {
	margin-bottom: 0;
	font-size: 2rem;
}

.event-list-item .col-info h3 a {
	color: inherit;
}

.event-list-item .col-info h3 a:hover,
.event-list-item .col-info h3 a:focus,
.event-list-item .col-info h3 a:active {
	text-decoration: underline;
	color: #8A5997;
}

.event-list-item .col-info .info {
	font-size: 1.5rem;
	margin-bottom: 0.9rem;
}

.event-list-item .col-info .info > span {
	color: #888;
}

.event-list-item .col-info .info > i {
	font-style: normal;
	margin: 0 10px;
	color: #CCC;
}

.event-list-item .col-info p,
.event-list-item .col-info .text {
	margin-bottom: 0.9rem;
}

.event-list-item .col-info > p:nth-child(2) .button {
	margin-left: 0;
	margin-bottom: 0;
	float: none;
}

.event-list-item .col-info .button {
	display: block;
}

.event-list-item .col-image {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;

	min-height: 60px;
	margin-bottom: 15px;
}

.event-list-item .col-image img {
	max-width: 100%;
	width: calc(100% - 15px);
	margin-left: 15px;
}

.event-list-item .col-map img {
	max-width: 100%;
}

.event-list-item .link a {
	display: inline-block;
	padding-bottom:2px;
	border-bottom: 1px solid #01616e;
	color: #01616e;
	transition: all 200ms ease-in-out;
	font-weight: 600;
}

.event-list-item .link a:hover,
.event-list-item .link a:focus,
.event-list-item .link a:active {
	padding-right: 46px;
}

.event-list-mt {
	font-size: 16px;
	text-align: center;
	margin: 20px 14px 0 30px;
	padding: 20px;
	background: #f8f8f8;
	border: 1px #e7e7e7 dashed;
}

.event-list-mt span,
.event-list-mt small {
	display: block;
	margin: 0 0 10px 0;
}


/* Details page is the same as "list", but with an extra class added */
.event-details {
	position: relative;
	height: auto;
	margin: 30px 0 10px 0;
	padding: 0 0 15px 0;
}

/* BP Smaller */
@media screen and (min-width: 35em) { /* 560px */
	.event-list-item .col-cal {
		position: static;
	}

	.event-list-item .col-info > p:nth-child(2),
	.event-list-item .col-info > p:nth-child(3) {
		display: inline-block;
	}

	.event-list-item .col-info .button {
		display: inline-block;
	}
}


/* BP small */
@media screen and (min-width: 48em) { /* 768px */

	.event-list .event-list-item  {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.event-list .event-list-item .col-cal {
		-webkit-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;

		position: static;
	}

	.event-list .event-list-item .col-info {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		min-width: 64%;

		padding-left: 15px;
	}

	.event-list .event-list-item .col-image {
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;

		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		min-width: 30%;
	}

	.event-list-item.event-details {
		display: flex;
		flex-flow: row wrap;
	}

	.event-list-item.event-details h3 {
		flex: 1 1 100%
	}

	.event-list-item .col-image img {
		min-width: 106px;
		margin-left: 18px;
	}

	.event-details .col-info {
		padding-right: 30px;
		max-width: calc(100% - 367px);
	}

	.event-list-item .col-map {
		flex: 1;
		max-width: 300px;
	}

	.event-details .info span {
		display: inline-block;
		margin-bottom: 4px;
	}

	.event-info-img {
		margin-left: 30px;
		max-width: 300px;
		float: right;
	}


}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.event-list {
		margin-right: 10px;
	}

	.event-list-item .col-map,
	.event-details .col-map {
		width: 300px;
	}


	.event-list-item .col-info > p:nth-child(2),
	.event-list-item .col-info > p:nth-child(3) {
		display: inline-block;
	}

	.event-list-item .col-info .button {
		display: inline-block;
	}

	.event-list-item .col-image img {
		min-width: 150px;
	}
}

/* BP large */
@media only screen and (min-width: 80em) { /* 1280px */
	.event-list-item .col-info a {
		text-decoration: none;
	}
}

/* single event */
.event-details .col-cal {
	display: block;
	width: 48px;
	margin-right: 15px;
	float: left;
}

.event-details .col-info {
	display: block;
	width: calc(100% - 63px);
	float: left;
}

.event-details .col-info {
	margin-bottom: 25px;
}

.col-map a {
	display: block;
}

.event-info .event-info-img {
	margin-bottom: 15px;
}

.event-info {
	font-size: 1.5rem;
}


/* Box on the right of the details page below pix */
.event-info-box {
	background: #e7e7e7;
	border-radius: 4px;
}

.event-info-box th,
.event-info-box td {
	border: none;
	padding: 6px 15px;
}

.event-info-box tr:first-child th,
.event-info-box tr:first-child td {
	padding-top: 12px;
}

.event-info-box tr:last-child td,
.event-info-box tr:last-child th {
	padding-bottom: 12px;
}

.col-map--mobile {
	display: none;
}

@media only screen and (max-width: 47.9375em) { /* MAX 767px */
	/* single event view */
	.event_controller.toolpage_view .banner-img,
	.event_controller.toolpage_view .module-search-form {
		display: none;
	}

	.event_controller.toolpage_view .event-details {
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.event_controller.toolpage_view .col-map--desktop {
		display: none;
	}

	.event_controller.toolpage_view .col-map--mobile {
		display: block;
		margin-bottom: 15px;
	}

	.event_controller.toolpage_view .seciton--banner {
		/* Ensure the page content sits below the site logo */
		margin-bottom: calc(var(--logo-height, 107px) - var(--header-height, 44px));
	}
}

/* ---- Artists ---- */
.find-artist h1 {
	font-size: 2.0rem;
	font-family: 'Strayhorn MT W01 Bold',serif;
	margin-bottom: 0;
}

.mainbar .find-artist h1 {
	line-height: 40px;
}

.find-artist h2 {
	margin: 0 0 12px 0;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
}

.artist-samples {
	margin: 0 0 20px;
}

/* ---- Artists Sidebar ----- */
.artist-details h2 {
	font-size: 2em;
}

.artist-item {
	position: relative;
	width: 100%;
	background-color: #E9E9E9;
}

.artist-item .artist-date {
	position: absolute;
	left: 0; top: 0;
}

.artist-item .artist-details {
	border: none;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}

.artist-item .artist-details a {
	color: #FFF;
	display: block;
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
}

.artist-item .artist-details a:hover {
	opacity: 0.9;
}

.artist-item .artist-details .artist-details-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(72,72,72,0.9);
	padding: 6%;
}

.artist-item .artist-details p {
	line-height: 1em;
	color:  #FFF;
}

.artist-item .artist-details .artist-details-name {
	font-size: 1.8rem;
	line-height: 1.2;
	margin-bottom: 12px;
}

.artist-item .artist-details .artist-details-link {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.artist-item .artist-details .artist-details-link:after {
	content: "\00a0\003e";
}

.artist-item--sans-img .artist-details {
	background-color: #e9e9e9;
	background-image: url(../images/2019/bg_fallback-icon-white.svg);
	background-size: 72px auto;
	background-repeat: no-repeat;
	background-position: center 33%;
	padding-bottom: 66.66%
}

.artist-item--sans-img img {
	display: none;
}

.artist-item--sans-img a {
	text-decoration: none;
	color: inherit;
}

/* sidebar contact details */
.contact-section {
	background-color: #E9E9E9;
	margin-bottom: 0;
	padding: 20px;
}

.contact-section > *:last-child {
	margin-bottom: 0;
}

/* artist list */
.artist-list {
	margin-right: 10px;
}

.artist-list-item {
	padding: 0;
	margin: 0 0 30px 0;
	overflow: visible;
	clear: both;
}

.artist-list .artist-list-item  {
	border-bottom: 1px #e7e7e7 dashed;
}

.artist-list-item .col-cal {
	float: left;
	margin: 0 22px 0 0;
}

.artist-list-item .col-info {
	float: left;
	margin: 0 22px 0 0;
}

.artist-list-item .col-info p.info {
	line-height: 1.7em;
}

.artist-list-item .col-info p.info > span,
.artist-statement > p > span a {
	color: #888;
	text-decoration: none;
}
.artist-statement > p > span a:hover {
	text-decoration: underline;
}

.artist-statement .button--tag {
	margin-bottom: 4px;
}

.artist-list-item .col-info p.info > i {
	font-style: normal;
	margin: 0 10px;
	color: #CCC;
}

.artist-list-item .col-image {
	float: left;
}

.artist-list-item .col-map {
	float: right;
}


.artist-list-mt {
	font-size: 16px;
	text-align: center;
	margin: 20px 14px 0 30px;
	padding: 20px;
	background: #f8f8f8;
	border: 1px #e7e7e7 dashed;
}

.artist-list-mt span,
.artist-list-mt small {
	display: block;
	margin: 0 0 10px 0;
}


/* Details page is the same as "list", but with an extra class added */
.artist-details {
	height: auto;
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
}

.right-box {
	float: right;
	margin: 0 0 20px 20px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

.artist-details .right-box {
	margin: 0 auto;
	float: none;
	display: block;
	background-color: #484848;
}

.artist-picture {
	margin-bottom: 0;
}

/* map pin */

.map-pin-details__bnr {
	margin-bottom: 16px;
	display: block;
}

.map-pin-details p.shortdesc {
	padding-right: 120px;
}

.map-pin-details .map-pin-content p:first-child  {
	margin-top: 0px;
}

.map-pin-details .map-desc {
	margin: 14px 0 20px;
}

.map-pin-details .map-desc p {
	margin: 8px 0;
}

.listing-item {
	padding: 10px 0;
	border-bottom: 1px solid #E3E3E2;
}

.listing-item img {
	border: 1px solid #E3E3E2;
	margin: 0 0 5px 0;
}

@media screen and (min-width: 37.5em ) { /* 600px */
	.listing-item img {
		float: right;
		width: 250px;
		max-width: 40%;
		margin: 0 0 5px 5px;
	}

}

.artist-picture a {
	display: block;
}

.artist-online-links a {
	display: inline-block;
}

.artist-online-links {
	margin: 0;
	background: url(../images/transparent-black-50.png) repeat;
	background-color: #484848;
	padding: 20px 6%;
	color: #FFF;
}

.artist-contact-form {
	float: left;
	width: 100%;
	margin-bottom: 3rem;
}

.artist-contact-form .form-section {
	margin-bottom: 5px;
}

.artist-online-links p {
	margin:0;
	font-size: 1em;
}

.artist-online-links img {
	margin: 0 0 0 5px;
	vertical-align: middle;
}

.artist-online-links img:hover {
	opacity: 0.8;
}

.uploaded-files img.remove-btn {
	cursor: pointer;
}

.artist-samples-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}
@media screen and (min-width: 992px) {
	.artist-samples-wrap {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

}
.artist-sample-single {
	float: left;
	display: inline-block;
	width: 100%;
	margin-left: 20px;
	border-collapse: collapse;
	text-align: center;
	position: relative;
}

@supports (gap: 20px) {
	.artist-sample-single {
		margin-left: 0px;
	}

}

.artist-sample-single a {
	display: block;
}

.artist-sample-single p {
	position: absolute;
	bottom: 3px;
	left: 0;

	width: 100%;
	background-color: rgba(0,0,0,0.5);

	padding: 6px 8px;
	margin: 0;
	color: #FFF;
}
.artist-sample-single:first-child {
	margin-left: 0;
}

.artist-sample-single span {
	height: 40px;
	padding: 10px;
}

.artist-samples a {
	text-decoration: none!important;
}

.artist-samples a:last-child img {
	margin-right: 0px!important;
}

.artist-cv,
.artist-contact-show {
	text-align: left;
}

.artist-update {
	vertical-align: top;
	background-color: #E9E9E9;
	border-collapse: collapse;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 20px 20px 4px;
}

.artist-cv a,
.artist-contact a,
.artist-update a {
	line-height: 22px;
	vertical-align: middle;
}

.artist-cv img,
.artist-contact img,
.artist-update img {
	vertical-align: middle;
	margin-right: 10px;
}

/* BP medium */
@media only screen and (min-width: 62em) { /* 992px */
	.submit-artist .button {
		font-size: 1.5rem;
		padding: 12px 8px;
	}
}

/* ---- Job Search ---- */
.job-search-div {
	background: #f8f8f8;
	margin: 10px 0;
	padding: 12px;
	border: 1px #f8f8f8 solid;
	border-bottom: 1px #ccc dashed;
	text-decoration: none;
	color: #6D6D6D;
}

.job-search-div:hover {
	background: #f2f2f2;
	border: 1px #ccc solid;
	box-shadow: 0 0 2px #ddd;
}

.job-search-a:link,
.job-search-a:visited,
.job-search-a:hover,
.job-search-a:active,
.job-search-a:focus {
	display: block;
	text-decoration: none;
	color: #333;
}


/* ---- Tags ---- */
.tag-list {
	margin: 0 0 20px 0;
	font-size: 1.5rem;
	padding: 9px;
	background-color: #E9E9E9;
}

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

.mainbar .tag-list ul {
	margin: 2px 0;
	padding: 0;
	list-style: none;
}

.mainbar .tag-list li {
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 2px;
	margin-left: 2px;
	display: inline-block;
}

.tag-list li a,
.tag-list .pin-toggle + .pin-toggle-label {
	padding: 5px 11px 4px 12px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	color: #4A4A4A;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.tag-list li a {
	position: relative;
	padding: 5px 10px 4px 28px;
}

.tag-list li a:after {
	content: "\00a0";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 8px;
	width: 15px;
	background-image: url(../images/2019/icon_tag.svg);
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: center center;
	opacity: 0.66;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.tag-list .pin-toggle + .pin-toggle-label {
	background-color: #ffffff;
}

.tag-list li a:hover,
.tag-list li a:active,
.tag-list li a:focus,
.tag-list .pin-toggle:checked + .pin-toggle-label {
	background-color: #dcdcdc;
	color: #230707;
}

.tag-list li a:hover:after,
.tag-list li a:active:after,
.tag-list li a:focus:after {
	opacity: 1;
}

/* ---- Sponsors module ---- */

/* ---- Recycling guide ---- */
.recycle-list,
.mainbar .recycle-list {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #d5dad8;
}
.recycle-list__group,
.mainbar .recycle-list__group {
	margin: 0;
}

.recycle-list__group__title,
.mainbar .recycle-list__group__title {
	background: #8c8e8d;
	margin: 0;
	padding: 12px 25px;
	color: #FFF;
	font-size: 22px;
}

.recycle-list__group__list,
.mainbar .recycle-list__group__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.recycle-list__item,
.mainbar .recycle-list__item {
	margin: 0;
	border-left: 1px solid #d5dad8;
	border-right: 1px solid #d5dad8;
}

.recycle-list__item__button {
	background-color: #f1f0f0;
	-webkit-appearance: none;
	padding: 15px 25px;
	width: 100%;
	border-top: 1px solid #d5dad8;
	outline: none;
	border: none;
	position: relative;
	display: block;
	cursor: pointer;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	color: #484848;
}
.recycle-list__item__button:hover {
	background-color: #eae9e9;
}
.recycle-list__item__button:before,
.recycle-list__item__button:after {
	content: " ";
	background-color: #8b8f8d;
	display: block;
	position: absolute;
	transition: transform 300ms cubic-bezier(0.2, 0.2, 0.4, 1.23), opacity 300ms ease;
}
.recycle-list__item__button:before {
	width: 4px;
	height: 20px;
	top: 15px;
	right: 34px;
}
.recycle-list__item__button:after {
	height: 4px;
	width: 20px;
	top: 23px;
	right: 26px;
}
.recycle-list__item--active .recycle-list__item__button:before,
.recycle-list__item--active .recycle-list__item__button:after {
	transform: rotate(90deg);
}
.recycle-list__item--active .recycle-list__item__button:before {
	transition: transform 300ms cubic-bezier(0.2, 0.2, 0.4, 1.23), opacity 1000ms ease;
}
.recycle-list__item--active .recycle-list__item__button:after {
	transform: rotate(180deg);
	opacity: 0;
}

.recycle-list__item__method-list,
.mainbar .recycle-list__item__method-list {
	list-style: none;
	padding: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.recycle-list__item--opened .recycle-list__item__method-list,
.mainbar .recycle-list__item--opened .recycle-list__item__method-list {
	width: auto;
	position: static;
	overflow: visible;
	margin: 0;
	height: auto;
	clip: auto;
}

.recycle-list__item__method-list__item,
.mainbar .recycle-list__item__method-list__item {
	margin: 0;
	padding: 7px 25px;
}
.recycle-list__item__method-list__item:first-child,
.mainbar .recycle-list__item__method-list__item:first-child {
	padding-top: 15px;
}
.recycle-list__item__method-list__item:last-child,
.mainbar .recycle-list__item__method-list__item:last-child {
	padding-bottom: 15px;
}
.recycle-list__item__method-list__item h4 {
	margin: 0 0 3px;
	font-size: 17px;
	color: #988355;
}
.recycle-list__item__method-text {
	margin: 0;
	font-size: 13px;
}
.recycle-list__item__method-list__item__inner {
	position: relative;
	padding: 15px 25px;
	border-radius: 6px;
	background-color: #f7ebde;
}

/* Preferred */
.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred {

}
.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner {
	background-color: #def5de;
	padding-right: 50px;
}
.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred h4 {
	color: #1fb522;
}

.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:before,
.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:after {
	content: " ";
	background-color: #1bb521;
	display: block;
	position: absolute;
}
.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:before {
	width: 3px;
	height: 0;
	top: calc(50% - 3px + 2px);
	right: 42px;
	transform-origin: left top;
	transform: rotate(-45deg);
}

.recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:after {
	width: 3px;
	height: 0;
	bottom: calc(50% - 3px - 2px);
	right: 35px;
	transform-origin: left bottom;
	transform: rotate(45deg);
}

.recycle-list__item__method-list__item--note .recycle-list__item__method-list__item__inner {
	background-color: #f1f0f0;
	background-image: url(../images/icon_info.svg);
	background-repeat: no-repeat;
	background-position: 97% center;
	background-size: 5%;
	padding-right: 50px;
}

@keyframes tick1In {
	from {
		height: 0;
	}
	to {
		height: 12px;
	}
}

@keyframes tick2In {
	from {
		height: 0;
	}
	to {
		height: 25px;
	}
}

#recycle-form:before,
#recycle-form:after {
	content: " ";
	display: table;
}

#recycle-form:after {
	clear: both;
}

#recycle-form input[type="text"] {
	width: calc(100% - 100px);
	float: left;
}

#recycle-form input[type="submit"] {
	width: 96px;
	float: right;
}

.recycle-list__item--active .recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:before {
	animation: tick1In 400ms;
	animation-delay: 200ms;
	animation-fill-mode: forwards;
}
.recycle-list__item--active .recycle-list__item__method-list__item.recycle-list__item__method-list__item--preferred .recycle-list__item__method-list__item__inner:after {
	animation: tick2In 120ms;
	animation-delay: 500ms;
	animation-fill-mode: forwards;
}

/* Search */
.recycle-list.recycle-list--search .recycle-list__item,
.recycle-list.recycle-list--search .recycle-list__group__title {
	display: none;
}
.recycle-list.recycle-list--search .recycle-list__item--result {
	display: block;
}
.recycle-search__feedback {
	padding: 5px 0 20px;
}

@media only screen and (min-width: 48em) { /* 768px */
	#recycle-form input[type="text"] {
		width: calc(100% - 130px);
	}

	#recycle-form input[type="submit"] {
		width: 120px;
	}
}


@media only screen and (min-width: 62em) { /* 992px */
	#recycle-form input[type="text"] {
		width: calc(100% - 142px);
	}

	#recycle-form input[type="submit"] {
		width: 132px;
	}
}



/* ---- Directions map ---- */
.widget-MapDirections #map {
	height: 320px;
	width: 100%;
	margin-bottom: 20px;
}

.widget-MapDirections h2 {
	margin-bottom: 10px;
}

.widget-MapDirections #directions-list li {
	padding: 2px 2px 0 2px;
	border-top: 1px solid #d1d1d1;
}

.map-directions-form p {
	background-color: #eee;
	padding: 15px;
}


/* ---- Content Blocks ---- */
/* please review
#column-main .widget-ContentBlock {
	margin: 0 0 0 20px;
	width: 231px;
	float: right;
}

#column-side .widget-ContentBlock {
	margin: 20px 0;
}

.widget-ContentBlock div {
	margin: 0 0 20px 0;
	padding: 30px 20px 17px 23px;
}

.widget-ContentBlock .pink { background-color: #8a5997; }
.widget-ContentBlock .orange { background-color: #cc712d; }
.widget-ContentBlock .blue { background-color: #74aab0; }
.widget-ContentBlock .green { background-color: #a2a830; }

.widget-ContentBlock h1,
.widget-ContentBlock h2,
.widget-ContentBlock h3,
.widget-ContentBlock h4,
.widget-ContentBlock p,
.widget-ContentBlock li,
.widget-ContentBlock a:link,
.widget-ContentBlock a:visited {
	text-decoration: none;
	color: #fff !important;
}

.widget-ContentBlock .pink a:hover,
.widget-ContentBlock .pink a:focus,
.widget-ContentBlock .pink a:active {
	text-decoration: none;
	color: #753680 !important;
}

.widget-ContentBlock .orange a:hover,
.widget-ContentBlock .orange a:focus,
.widget-ContentBlock .orange a:active {
	text-decoration: none;
	color: #8d480f !important;
}

.widget-ContentBlock .blue a:hover,
.widget-ContentBlock .blue a:focus,
.widget-ContentBlock .blue a:active {
	text-decoration: none;
	color: #2f565f !important;
}

.widget-ContentBlock .green a:hover,
.widget-ContentBlock .green a:focus,
.widget-ContentBlock .green a:active {
	text-decoration: none;
	color: #656a08 !important;
} */


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

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

iframe {
	border: 0;
}

.tinymce-media-iframe {
	margin: 2rem 0;
}




/* ---- Directory Documents ---- */

.dirdoc.dirdoc-entry,
.dirdoc-cat {
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
}

.dirdoc-cat:last-child {
	border-bottom: 0px;
}

.dirdoc-link {
	text-decoration: none;
	color: inherit;
	background: #e9e9e9;
	display: block;
}

.dirdoc-link__img {
}


.dirdoc-link__textarea {
	padding: 15px 12px;
}

.dirdoc-link__textarea > *:last-child {
	margin-bottom: 0;
}

.dirdoc-link__textarea h4 {
	font-weight: bold;
}

.dirdoc__filelist {
	list-style: none;
	padding: 0;
}

.dirdoc__filelist li {
	margin: 8px 0;
}

.dirdoc__filelist a {
	display: inline-block;
}

.dirdoc-image {
	margin: 30px auto;
	display: block;
	border: 1px solid #e9e9e9;
}

.dirdoc .article,
.dirdoc .article {
	background: #fff url('../images/dirdocs/icon_article.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .form,
.dirdoc-entry .form {
	background: #fff url('../images/dirdocs/icon_form.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .document,
.dirdoc-entry .document {
	background: #fff url('../images/dirdocs/icon_document.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .document-pdf,
.dirdoc-entry .document-pdf {
	background: #fff url('../images/dirdocs/icon_pdf.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .document-doc ,
.dirdoc-entry .document-doc {
	background: #fff url('../images/dirdocs/icon_word-doc.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .internal-page,
.dirdoc-entry .internal-page {
	background: #fff url('../images/dirdocs/icon_article.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .internal-url,
.dirdoc-entry .internal-url {
	background: #fff url('../images/dirdocs/icon_article.svg') top left no-repeat;
	padding-left: 30px;
}
.dirdoc .external-url,
.dirdoc-entry .external-url {
	background: #fff url('../images/dirdocs/icon_external_url.svg') top left no-repeat;
	padding-left: 30px;
}

@media screen and (min-width: 35em) {

	.dirdoc-image {
		float: right;
		margin: 0 0 0 30px;
	}
}

@media screen and (min-width: 48em) {

	.dirdoc-link {
		position: relative;
		background: none;
		display: flex;
		flex-flow: row nowrap;

		color: inherit;
	}

	.dirdoc-link:before {
		background: #e9e9e9;
		content: '\00a0';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 0%;
		opacity: 0;
		z-index: 0;
		transition: all 200ms ease-in-out
	}

	.dirdoc-link:hover:before {
		width: 100%;
		opacity: 1;
	}

	.dirdoc-link__img {
		position: relative;
		width: 190px;
		float: left;
		flex: 1 0 190px;
	}


	.dirdoc-link__textarea {
		position: relative;
		width: calc(100% - 200px);
		float: right;
		padding-left: 20px;
		flex: 1 1 auto;

		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}
}



/* ------------------------------------------------------
**** Add-on styles
------------------------------------------------------ */

/* ---- slick slider ---- */
/* Arrows */
.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;

	position: absolute;
	bottom: 0;
	z-index: 1;

	display: block;

	width: 36px;
	height: 36px;
	padding: 0;

	cursor: pointer;

	color: transparent;
	border: none;
	outline: none;
	background-color: transparent;

	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	background-image: url(../images/2019/icon_arrow.svg);
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}


.slick-prev:before,
.slick-next:before {
	content: none;
}

.slick-prev {
	left: 20px;
	top: auto;
	bottom: calc(50% - 14px);
}

.slick-next {
	right: 20px;
	top: auto;
	bottom: calc(50% - 14px);
	transform: rotate(180deg);
}

[dir='rtl'] .slick-prev:before,
[dir='rtl'] .slick-next:before {
	display: block;
	font-family: 'slick';
	font-size: 40px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[dir='rtl'] .slick-prev {
	left: auto; right: 0
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

[dir='rtl'] .slick-next {
	right: auto;
	left: 0;
}

[dir='rtl'] .slick-next:before {
	content: '←';
}

/* Dots */
.slick-dotted.slick-slider {
	margin-bottom: 1.8rem;
}


.slick-slider .slick-dots {
	position: absolute;
	bottom: 20px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	line-height: 8px;
}

.slick-slider .slick-dots li {
	position: relative;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 4px;
	padding: 0;
	cursor: pointer;
}

.slick-slider .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 8px;
	height: 8px;
	padding: 4px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
	overflow: hidden;
}

.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus {
	outline: none;
}

.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before {
	opacity: 0.75;
}

.slick-slider .slick-dots li button:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 8px;
	height: 8px;
	content: '';
	background-color: #fff;
	opacity: 0.33;
	border-radius: 20px;
	-webkit-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.slick-slider .slick-dots li.slick-active button:before {
	opacity: 1;
}

/* ---- recaptcha ---- */
.g-recaptcha {
	margin-bottom: 1.5em;
}


/* ---- 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 {
	margin-bottom: 15px;
}

.ct-col-group img {
	height: auto !important;
}


/* two columns */

.ct-col--one-half {
	float: left;
	width: 48.148148148148%;
	margin-left: 3.561253561254%;
}
.ct-col--one-half:first-child {
	margin-left: 0;
}


/* three columns */

.ct-col--one-third {
	float: left;
	width: 30.95916429249733%;
	margin-left: 3.561253561254%;
}
.ct-col--one-third:first-child {
	margin-left: 0;
}

@media screen and (max-width: 37.5em) { /* 600px */
	.ct-col--one-third {
		float: unset;
		width: 100%;
		margin-left: 0;
		margin-bottom: 24px;
		border-bottom: 2px solid #ccc;
		padding-bottom: 24px;
	}

}

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

@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		-webkit-box-shadow: none !important;
				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,
	h3 {
		orphans: 3;
		widows: 3;
	}

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



/* ---- Blog List ---- */
.search_results,
.widget-BlogsList > div:first-child {
	display: grid;
	grid-gap: 1.5em;
}

.search_results {
	grid-gap: 2em;
}

.blog-separate {
	display: block;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #d9d9d9;
}


.blog-item {
	display: flex;
	flex-direction: column;
}

.blog-item .author {
	display: none;
}

.blog-post__description {
	order: 2;
}

.blog-item .details {
	margin-bottom: 1em;
}

.blog-item .details .date {
	margin: 0;
}

.blog-post__read-more-link {
	display: none;
}

.blog-post-featured-img {
	order: -1;
}

.blog-item .blog-image {
	display: none;
}

.blog-item .blog-tools,
.blog-item .clear {
	display: none;
}


@media screen and (min-width: 35em ) { /* 560px */
	.blog-item {
		display: grid;
		column-gap: 1em;
		grid-auto-columns: 1fr 2fr;
		grid-template-rows: auto auto auto 1fr;
	}

	:where(.blog-item) > :where(.blog-post-featured-img) ~ * {
		grid-column: 2;
	}

	.blog-item .blog-post-featured-img {
		grid-column: 1;
		grid-row-start: 1;
		grid-row: span 4;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 62em ) { /* 992px */
	.blog-item {
		column-gap: 2em;
	}
}