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

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

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

/* ------------------------------------------------------
**** Animations
------------------------------------------------------ */
@keyframes fadeInDown {
	from {
		opacity: 0;
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}


/* ------------------------------------------------------
**** Fonts
------------------------------------------------------ */
/* ---- Fonts.com ---- */
/*
font-family: 'Mastoc W01', cursive;
font-family: 'Folksolid', Helvetica, Arial, sans-serif;
font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
*/

/* ---- Folksolid ---- */
@font-face {
    font-family: 'Folksolid';
    src: url('../fonts/folksolid/Folksolid-webfont.eot');
    src: url('../fonts/folksolid/Folksolid-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/folksolid/Folksolid-webfont.woff') format('woff'),
         url('../fonts/folksolid/Folksolid-webfont.ttf') format('truetype'),
         url('../fonts/folksolid/Folksolid-webfont.svg#Folksolid') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---- Icomoon ---- */
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts/icomoon/fonts/icomoon.eot?acvaes');
    src:    url('../fonts/icomoon/fonts/icomoon.eot?acvaes#iefix') format('embedded-opentype'),
        url('../fonts/icomoon/fonts/icomoon.ttf?acvaes') format('truetype'),
        url('../fonts/icomoon/fonts/icomoon.woff?acvaes') format('woff'),
        url('../fonts/icomoon/fonts/icomoon.svg?acvaes#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-before:before,
.icon-after:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.icon-before.icon-shower:before,
.icon-after.icon-shower:after {
  content: "\e913";
}
.icon-before.icon-hot-breakfast:before,
.icon-after.icon-hot-breakfast:after {
  content: "\e914";
}
.icon-before.icon-joy:before,
.icon-after.icon-joy:after {
  content: "\e912";
}
.icon-before.icon-bed:before,
.icon-after.icon-bed:after {
  content: "\e90f";
}
.icon-before.icon-cutlery:before,
.icon-after.icon-cutlery:after {
  content: "\e910";
}
.icon-before.icon-toiletries:before,
.icon-after.icon-toiletries:after {
  content: "\e911";
}
.icon-before.icon-angel:before,
.icon-after.icon-angel:after {
  content: "\e90b";
}
.icon-before.icon-calendar:before,
.icon-after.icon-calendar:after {
  content: "\e90c";
}
.icon-before.icon-edit:before,
.icon-after.icon-edit:after {
  content: "\e90d";
}
.icon-before.icon-payment:before,
.icon-after.icon-payment:after {
  content: "\e90e";
}
.icon-before.icon-arrow-down:before,
.icon-after.icon-arrow-down:after {
  content: "\e900";
}
.icon-before.icon-arrow-left:before,
.icon-after.icon-arrow-left:after {
  content: "\e901";
}
.icon-before.icon-arrow-right:before,
.icon-after.icon-arrow-right:after {
  content: "\e902";
}
.icon-before.icon-arrow-up:before,
.icon-after.icon-arrow-up:after {
  content: "\e903";
}
.icon-before.icon-clothes:before,
.icon-after.icon-clothes:after {
  content: "\e904";
}
.icon-before.icon-enews:before,
.icon-after.icon-enews:after {
  content: "\e905";
}
.icon-before.icon-facebook:before,
.icon-after.icon-facebook:after {
  content: "\e906";
}
.icon-before.icon-home:before,
.icon-after.icon-home:after {
  content: "\e907";
}
.icon-before.icon-twitter:before,
.icon-after.icon-twitter:after {
  content: "\e908";
}
.icon-before.icon-instagram:before,
.icon-after.icon-instagram:after {
    content: "\e909";
}
.icon-before.icon-youtube:before,
.icon-after.icon-youtube:after {
    content: "\e90a";
}


.bg-orange .noUi-background {
	background-color: #f39e2c;
}

.bg-orange .noUi-connect {
	background-color: #f3e8bc;
}

.bg-orange .donation-slider-amount-value-wrapper {
	background-color: #f39e2c;
}

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

html {
	font-size: 62.5%;
}

body {
	line-height: 1.4;
	font-size: 1.6em;
	color: #1D1C1D;
	font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	body {
		font-size: 1.5em;
		line-height: 1.3;
	}
}
/* BP 5 */
@media screen and (max-width: 500px) {
	body {
		font-size: 1.4em;
	}
}

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

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


.feature-title {
	font-size: 6rem;
	font-family: 'Mastoc W01', cursive;
	font-weight: normal;
	line-height: 0.8;
	text-transform: none;
}
.feature-title:after,
.feature-title:after {
	content: none;
}

h1, .h1 {
	font-size: 3.1rem;
	text-transform: uppercase;
	line-height: 1;
	font-family: 'Proxima Nova W15', Helvetica, Arial, sans-serif;
}

h2, .h2 {
	font-size: 2.4rem;
	line-height: 1;
	text-transform: uppercase;
}

h3, .h3 {
	font-size: 2.2rem;
	line-height: 1;
	color: #e56823;
	font-weight: bold;
	font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
}

h4, .h4 {
	font-size: 1.9rem;
	line-height: 1;
	font-weight: bold;
	font-family: 'Neue Helvetica W01', Helvetica, Arial, sans-serif;
}

h5, .h5 {
	font-size: 1.7rem;
	line-height: 1;
	text-transform: uppercase;
}

h6, .h6 {
	font-size: 1.5rem;
	line-height: 1;
	text-transform: uppercase;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.feature-title {
		font-size: 4.7rem;
	}
	h1, .h1 {
		font-size: 2.5rem;
	}

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

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

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

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

	h6, .h6 {
		font-size: 1.4rem;
	}
}

/* BP 5 */
@media screen and (max-width: 500px) {
	.feature-title {
		font-size: 4.2rem;
	}
	h1, .h1 {
		font-size: 2.3rem;
	}

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

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

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

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

	h6, .h6 {
		font-size: 1.4rem;
	}
}

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

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


small {
	font-size: 1.28rem;
}


/* ---- Lists ---- */
ul,
ol {
	padding: 0 0 0 2rem;
}

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

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

/* -- List style 1 -- */
div.list-style-1 ul,
ul.list-style-1,
.widget-RelatedLinks ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list-style-1 a,
.widget-RelatedLinks ul a {
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 13px;
}
ul.list-style-1 > li > a:before,
div.list-style-1 > ul > li > a:before,
.widget-RelatedLinks > ul > li > a:before {
	content: "\e902";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 13px;
	margin-right: 3px;
	margin-left: -16px;
}

/* Depth 2 */
div.list-style-1 ul ul,
ul.list-style-1 ul,
.widget-RelatedLinks ul ul {
	padding-left: 12px;
	font-size: 1.4rem;
}
ul.list-style-1 ul > li > a:before,
div.list-style-1 ul ul > li > a:before,
.widget-RelatedLinks ul ul > li > a:before {
	content: "- ";
	margin-left: -10px;
}
ul.list-style-1 ul > li > a,
div.list-style-1 ul ul > li > a,
.list-style-1 ul > li > a,
.widget-RelatedLinks ul ul > li > a	{
	padding: 3px 0 3px 11px;
}

/* On white (default) */
.list-style-1 a,
.widget-RelatedLinks ul a {
	color: #8a8c8f;
}
.list-style-1 a:hover,
.list-style-1 a:focus,
.widget-RelatedLinks ul a:hover,
.widget-RelatedLinks ul a:focus {
	color: #1D1C1D;
}
.widget-RelatedLinks ul .on > a {
	color: #1D1C1D;
}
.widget-RelatedLinks ul .on > a:before {
	color: #f27631;
}

/* On light black */
.bg-light-black .list-style-1 a {
	color: #8a8c8f;
}
.bg-light-black .list-style-1 a:hover,
.bg-light-black .list-style-1 a:focus {
	color: #FFF;
}


/* ---- Text selection ---- */
::selection {
  background: #a1cbe3;
  color: #FFF;
}
::-moz-selection {
  background: #a1cbe3;
  color: #FFF;
}


/* ---- Breadcrumbs ---- */
.breadcrumb {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px;
	font-size: 1.5rem;
	color: #8a8c8f;
	text-transform: uppercase;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.breadcrumb > li {
	display: inline;
}
.breadcrumb > li:before {
	content: "\00a0//\00a0";
}
.breadcrumb > li:first-child:before {
	content: none;
}
.breadcrumb a {
	color: #8a8c8f;
	text-decoration: underline;
}
.breadcrumb a:hover {
	color: #FFF;
}


/* ---- Quotations ---- */
blockquote {
	margin: 1.5rem 0;
	padding: 15px 20px 22px;
	background: #f6f6f6;
	font-style: normal;
}
blockquote p:last-child {
	margin-bottom: 0;
}


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


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

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

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

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

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

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

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}


/* ---- Links ---- */
a {
	color: #F27631;
	word-break: break-word;
}

a:hover {
	color: #d74c00;
}

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


/* ---- Site Messages ---- */
ul.messages,
.field-error__list {
	list-style: none;
	margin: 16px 0 25px;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	zoom: normal;
}
ul.messages li,
.field-error__list__item {
	margin: 0 0 15px;
	padding: 12px 20px 11px !important;
	vertical-align: bottom;
	text-align: left;
	font-size: 1.8rem;
	line-height: 1.2em;
	font-family: "museo-sans", Helvetica, Arial, sans-serif;
	letter-spacing: 0.06em;
}
ul.messages .error,
.field-error__list__item {
	background: #E04D4D !important;
	border-left: 5px solid #B72323;
	color: #FFF !important;
}
ul.messages .confirm {
	color: #FFF !important;
	background: #6DBB5A !important;
	border-left: 5px solid #439230;
}


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

/* ---- Buttons ---- */
.button {
	display: inline-block;
	margin-bottom: 0;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	border-radius: 0;
	border: none;
	text-transform: uppercase;
	transition: all 120ms ease-in;
	outline: none;
	position: relative;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	line-height: 1.2;
}


/* Default arrow */
.button:after {
	content: "\e902";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin-left: 7px;
	font-size: 17px;
	position: absolute;
	top: 8px;
	right: 7px;
}
.button.button-small:after {
	font-size: 12px;
	top: 7px;
	right: 4px;
}
.button.button-large:after {
	font-size: 28px;
	top: 16px;
}


/* Buttons with icons */
.button.icon-before:before,
.button.icon-after:after {
	font-size: 12px;
}
.button.icon-before:before {
	margin-right: 7px;
}
.button.icon-after:after {
	margin-left: 7px;
}

/* No icon */
.button.button-no-icon {
	padding-right: 12px;
}
.button.button-no-icon:after {
	content: none;
}
.button.button-small.button-no-icon {
	padding-right: 9px;
}
.button.button-large.button-no-icon {
	padding-right: 26px;
}

/* Save */
.button.icon-save.icon-before:before,
.button.icon-save.icon-after:after {
	font-size: 13px;
}

/* Buttons with only icons */
.button.button-icon.icon-before:before,
.button.button-icon.icon-after:after {
	margin: 0;
}

/* Small */
.button.button-icon.button-small {
	padding: 10px 9px 8px;
}
.button.button-icon.button-small.icon-before:before,
.button.button-icon.button-small.icon-after:after {
	font-size: 14px;
}


/* Regular (default) */
.button.button-icon,
.button.button-icon.button-regular {
	padding: 11px 11px 9px;
}
.button.button-icon.icon-before:before,
.button.button-icon.icon-after:after,
.button.button-icon.button-regular.icon-before:before,
.button.button-icon.button-regular.icon-after:after {
	font-size: 21px;
}

/* Large */
.button.button-icon.button-large {
	padding: 13px 13px 9px;
}
.button.button-icon.button-large.icon-before:before,
.button.button-icon.button-large.icon-after:after {
	font-size: 25px;
}



/* Small */
.button.button-small,
.field-element--button.field-element--small .button {
	padding: 3px 20px 2px 9px;
	font-size: 1.7rem;
}

/* Regular (default) */
.button,
.button-regular {
	padding: 5px 29px 3px 14px;
	font-size: 2rem;
}

/* Large */
.button.button-large,
.field-element--button.field-element--large .button {
	font-size: 2.8rem;
	padding: 16px 41px 9px 26px;
}

/* Orange (default) */
.button,
.button.button-orange {
	background-color: #f27631;
	color: #fff;
}
.button.icon-before:before,
.button.icon-after:after,
.button.button-orange.icon-before:before,
.button.button-orange.icon-after:after {
	color: #0d7344;
}
.button:hover,
.button.button-orange:hover,
.button:focus,
.button.button-orange:focus {
	background-color: #e56823;
	color: #fff;
}

/* Green */
.button.button-green {
	background-color: #74C389;
	color: #fff;
}
.button.button-green.icon-before:before,
.button.button-green.icon-after:after {
	color: #CC4925;
}
.button.button-green:hover,
.button.button-green:focus {
	background-color: #5CAF72;
	color: #fff;
}

/* Red */
.button.button-red {
	background-color: #E07373;
	color: #fff;
}
.button.button-red.icon-before:before,
.button.button-red.icon-after:after {
	color: #A22B2B;
}
.button.button-red:hover,
.button.button-red:focus {
	background-color: #CE5A5A;
	color: #fff;
}

/* Grey */
.button.button-grey {
	background-color: #EBEBEB;
	color: #1D1C1D;
}
.button.button-grey.icon-before:before,
.button.button-grey.icon-after:after {
	color: #81848A;
}
.button.button-grey:hover,
.button.button-grey:focus {
	background-color: #D6D6D6;
	color: #1D1C1D;
}

/* Blue */
.button.button-blue {
	background-color: #74A6C3;
	color: #fff;
}
.button.button-blue.icon-before:before,
.button.button-blue.icon-after:after {
	color: #2A333E;
}
.button.button-blue:hover,
.button.button-blue:focus {
	background-color: #3E7C9F;
	color: #fff;
}


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

/* Hover/unhover states */
.button-hover-state {
	display: none;
}
.button:hover .button-hover-state {
	display: inline;
}
.button:hover .button-unhover-state {
	display: none;
}

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

/* Gets the buttons to line up with form inputs when you want them to */
.button.inline {
	margin-bottom: 0.75em;
}

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

/* Inline buttons */
.inline-buttons .button {
	margin-right: 8px;
	float: left;
}
.inline-buttons .button:last-child {
	margin-right: 0;
}

/* right */
.inline-buttons.inline-buttons-right {
	text-align: right;
}
.inline-buttons.inline-buttons-right .button {
	margin-right: 0;
	margin-left: 8px
}
.inline-buttons.inline-buttons-right .button:first-child {
	margin-left: 0;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	/* Menu donate button */
	.menu-item-donate .button {
		padding: 6px 22px 1px 9px;
		font-size: 1.7rem;
		line-height: 1.2;
	}
	.menu-item-donate .button:after {
		font-size: 14px;
		top: 6px;
		right: 4px;
	}

	/* Large */
	.button.button-large {
		font-size: 2.4rem;
		padding: 9px 36px 7px 17px;
	}
	.button.button-large:after {
		font-size: 21px;
		top: 11px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	/* Large turns regular */
	.button.button-large {
		padding: 5px 29px 3px 14px;
		font-size: 2rem;
	}
	.button.button-large:after {
		font-size: 17px;
		top: 8px;
	}
}


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

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

/* ---- Base styles ---- */

fieldset.fb-widget-datepicker {
	border: 0;
	padding: 0;
}
.field-element {
	margin-bottom: 21px;
}

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

.field-element:after {
	clear: both;
}

.field-input .textbox,
.field-input select {
	display: block;
	width: 100%;
	outline: none;
	line-height: normal;
	padding: 11px 20px 10px;
	-webkit-appearance: none;
}
.field-input .textbox,
.field-input select,
.field-element--fileselector .fs-preview-wrapper {
	font-size: 1.5rem;
	line-height: 1.2;
	border: 1px solid #CED2DC;
	border-radius: 5px;
	background-color: #EBEBEB;
}

/* ---- Inline ---- */
.field-elements-inline:before,
.field-elements-inline:after {
	content: " ";
	display: table;
}

.field-elements-inline:after {
	clear: both;
}
.field-elements-inline .field-element {
	float: left;
	margin-right: 1%;
}
.field-elements-inline .field-element:last-child {
	margin-right: 0;
}

/* Button */
.field-elements-inline .field-element--button {
	margin-top: 29px;
}
.field-elements-inline .field-element--button.field-element--inline-no-label {
	margin-top: 0;
}

/* Add top margin to make empty space for margins */
.field-element--inline-with-label {
	margin-top: 29px;
}

/* ---- White ---- */
.field-element.field-element--white .field-input .textbox,
.field-element.field-element--white .field-input select,
.field-element--white.field-element--fileselector .fs-preview-wrapper {
	background-color: #fff;
}


/* ---- Small ---- */
.field-element--small .field-input .textbox,
.field-element--small .field-input select {
	font-size: 1.4rem;
	padding: 7px 15px 7px;
}

/* ---- Large ---- */
.field-element--large .field-input .textbox,
.field-element--large .field-input select {
	font-size: 1.8rem;
	padding: 14px 25px 13px;
}

@media screen and (max-width: 760px) {
	.field-element {
		margin-bottom: 13px;
	}
}

/* ---- Disabled ---- */
.field-element--disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
.field-element--disabled .textbox[disabled],
.field-element--disabled select[disabled],
.field-element--disabled button[disabled] {
	cursor: not-allowed;
}

/* ---- Caps ---- */
.field-element--caps .textbox,
.field-element--caps select {
	text-transform: uppercase;
}

/* ---- Fieldset ---- */
.field-element fieldset {
	border: none;
	padding: 0;
	margin: 0;
}


/* ---- Labels and legends ---- */
.field-label,
.fieldset__legend {
	font-weight: 600;
	font-size: 1.6rem;
	margin-bottom: 10px;
	line-height: 1.2;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
}

/* Instead of h3s */
.label.heading {
	margin: 30px 0px 20px;
	padding: 8px 8px 8px 0px;
	border-bottom: 1px solid #E2E2E2;
}

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


/* ---- Required ---- */
.field-label__required {
	text-indent: -9999px;
	line-height: 0;
	display: inline-block;
}

.field-label__required:after {
	content: "*";
	text-indent: 0;
	display: block;
	line-height: inherit;
}


/* ---- Field helpers ---- */
.field-helper {
	font-weight: 400;
	font-size: 1.3rem;
	margin-bottom: 1em;
}

.field-label .field-helper {
	margin-top: 0.3em;
	margin-bottom: 0;
}


/* ---- Field errors ---- */
.field-error__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.field-error__list__item {
	color: #fff;
	background: #C44556;
	padding: 10px 20px;
	margin: 11px 0;
	border-left: 6px solid #A23947;
}

/* ---- Text area ---- */
textarea {
	resize: vertical;
}

/* ---- Range ---- */
.field-element--range .field-input .textbox {
	-webkit-appearance: slider-horizontal;
	background: none;
	padding: 0;
	border-radius: 0;
	border: none;
	background: none !important;
}
input[type=range]::-moz-focus-outer {
    border: 0;
}


/* ---- Selects ---- */
.field-element .field-input select {
	-moz-appearance: none;
	background-image: url(../images/form-icons.svg),
	url(../images/form-icons.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top -257px right -104px, top -447px right -92px;
	padding-right: 55px;
}
.field-element .field-input select[multiple] {
	background-image: none;
	padding-right: 20px;
}

.field-element select::-ms-expand,
.daterangepicker select.monthselect::-ms-expand,
.daterangepicker select.yearselect::-ms-expand {
    display: none;
}

/* Multiple selects */
.field-element.field-element--select.field-element--select--multiple select {
	padding: 8px 8px;
	background-image: none;
}

.field-element.field-element--select.field-element--select--multiple option {
	padding: 6px 10px;
}

/* White */
.field-element--white .field-input select {
	background-position: top -257px right -104px, top -607px right -92px;
}

/* White + Small */
.field-element--small.field-element--white .field-input select {
	background-position: top -262px right -104px, top -607px right -92px;
}
/* White + Large */
.field-element--large.field-element--white .field-input select {
	background-position: top -253px right -104px, top -607px right -92px;
}

/* Small */
.field-element--small .field-input select {
	background-position: top -262px right -104px, top -447px right -92px;
}
/* Large */
.field-element--large .field-input select {
	background-position: top -253px right -104px, top -447px right -92px;
}

/* Large and regular field elements turn small */
@media screen and (max-width: 1000px) {
	.field-element .field-input select,
	.field-element.field-element--large .field-input select,
	.field-element.field-element--regular .field-input select {
		background-position: top -262px right -104px, top -447px right -92px;
		font-size: 1.4rem;
		padding: 7px 15px 7px;
		padding-right: 55px;
	}
}


/* ---- Checkboxes and radio buttons ---- */
.field-element.field-element--checkbox,
.field-element.field-element--radio {
	font-size: 1.6rem;
}

.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"] + label,
.field-element input[type="radio"] + label {
	padding-left: 34px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}

.field-element input[type="checkbox"] + label:before,
.field-element input[type="radio"] + label:before {
	content: " ";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 13px;
	position: relative;
	top: 4px;
	background-color: #EEF0F3;
	border: 1px solid #CED2DC;
	margin-left: -34px;
	border-radius: 1px;
}

/* Check and dot */
.field-element input[type="checkbox"]:checked + label:after,
.field-element input[type="radio"]:checked + label:after {
	content: " ";
	position: absolute;
	left: 1px;
	top: 6px;
	font-size: 15px;
}


/* Without labels */
.field-element.field-element--checkbox--no-label input[type="checkbox"] + label,
.field-element.field-element--radio--no-label input[type="radio"] + label {
	padding-left: 0;
}

.field-element.field-element--checkbox--no-label input[type="checkbox"] + label:before,
.field-element.field-element--radio--no-label input[type="radio"] + label:before {
	margin-left: 0;
	margin-right: 0;
}

.field-element.field-element--checkbox--no-label input[type="checkbox"]:checked + label:after,
.field-element.field-element--radio--no-label input[type="radio"]:checked + label:after {
	left: 1px;
}

.field-element.field-element.field-element--radio--no-label input[type="radio"]:checked + label:after {
	margin-left: 4px;
}


/* -- Checkboxes -- */

/* Check (pseudo element) */
.field-element input[type="checkbox"]:checked + label:after {
	content: " ";
	background-image: url(../images/form-icons.svg);
	background-repeat: no-repeat, no-repeat;
	background-position: top -711px left 1px;
	width: 20px;
	height: 20px;
	margin: -2px 0 0 -1px;
}

.field-element--checkboxlist--columns .field-element__input-set {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
}

/* -- Radio Buttons -- */

/* Radio button (pseudo element) */
.field-element input[type="radio"] + label:before {
	border-radius: 10px;
}

/* Radio dot (pseudo element) */
.field-element input[type="radio"]:checked + label:after {
	left: 5px;
	top: 9px;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #58595B;
}

/* -- Varations -- */

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

/* Large */
.field-element.field-element--large input[type="checkbox"] + label:before,
.field-element.field-element--large input[type="radio"] + label:before {
	width: 24px;
	height: 24px;
	margin-right: 16px;
	top: 5px;
}

.field-element.field-element--large input[type="radio"]:checked + label:after {
	left: 6px;
	top: 11px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
}
.field-element.field-element--large input[type="checkbox"]:checked + label:after {
	background-position: top -891px left 1px;
	width: 23px;
	height: 23px;
	margin: -2px 0 0 -1px;
}

/* ---- Color picker ---- */
.field-element--colorpicker .textbox.colorpicker {
	padding: 3px 8px;
	height: 43px;
	width: 50px;
}

/* Small */
.field-element--colorpicker.field-element--small .textbox.colorpicker {
	padding: 2px 7px;
	height: 33px;
	width: 39px;
}

/* Large and regular field elements turn small */
@media screen and (max-width: 1000px) {
	.field-element.field-element--colorpicker .textbox.colorpicker,
	.field-element.field-element--colorpicker.field-element--large .textbox.colorpicker,
	.field-element.field-element--colorpicker.field-element-regular .textbox.colorpicker {
		padding: 2px 7px;
		height: 33px;
		width: 39px;
	}
}

/* ---- Money ---- */
.field-element--money .field-input .textbox {
	padding-left: 55px;
	background-image: url(../images/form-icons.svg);
	background-repeat: no-repeat;
	background-position: top -447px left 0;
}

.field-element--money .field-input {
	position: relative;
}
.field-element--money .field-input .money-symbol:before {
	content: "\00a4";		/* Generic currency sign */
	position: absolute;
	display: block;
	top: 9px;
	left: 0;
	color: #58595B;
	font-weight: bold;
	font-size: 19px;
	width: 41px;
	text-align: center;
}
.field-element--money .field-input .money-symbol--dollar:before {
	content: "$";    /* Dollars */
}
.field-element--money .field-input .money-symbol--pound:before {
	content: "\00a3";    /* Pounds */
}
.field-element--money .field-input .money-symbol--yen:before {
    content: "\00a5";    /* Yen */
}
.field-element--money .field-input .money-symbol--indian_rupee:before {
    content: "\20B9";   /* Indian rupee */
}

/* White */
.field-element--money.field-element--white .field-input .textbox,
.field-element--money.field-element--white.field-element--small .field-input .textbox,
.field-element--money.field-element--white.field-element--large .field-input .textbox {
	background-position: top -607px left 0;
}

/* Small */
.field-element--money.field-element--small .field-input .textbox {
	background-position: top -447px left 0;
}
.field-element--money.field-element--small .field-input .money-symbol:before {
	top: 3px;
}

/* Large */
.field-element--money.field-element--large .field-input .textbox {
	background-position: top -447px left 0;
}
.field-element--money.field-element--large .field-input .money-symbol:before {
	top: 14px;
}

/* Large and regular field elements turn small */
@media screen and (max-width: 1000px) {
	.field-element.field-element--money .field-input .textbox,
	.field-element.field-element--money.field-element--large .field-input .textbox,
	.field-element.field-element--money.field-element--regular .field-input .textbox {
		background-position: top -447px left 0;
	}
	.field-element.field-element--white.field-element--money .field-input .textbox,
	.field-element.field-element--white.field-element--money.field-element--large .field-input .textbox,
	.field-element.field-element--white.field-element--money.field-element--regular .field-input .textbox {
		background-position: top -607px left 0;
	}
	.field-element--money .field-input .money-symbol:before,
	.field-element--money.field-element--large .field-input .money-symbol:before,
	.field-element--money.field-element--regular .field-input .money-symbol:before {
		top: 5px;
	}
}


/* ---- Lightweight elements ---- */
.field-element--lightweight {
	margin: 0;
}


/* ---- Attach labels ---- */
.field-element--attach-wrapper {
	position: relative;
}
.field-element--attach-wrapper .field-input .textbox {
	padding-right: 65px;
}
.field-element--attach-button {
	-webkit-appearance: none;
	outline: none;
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	padding: 5px 8px;
	background: #dfdcdc;
	color: #8a8c8f;
	border-radius: 0 5px 5px 0;
	text-indent: -9999px;
	width: 50px;
}
.field-element--attach-button:before {
	text-indent: 0;
	position: absolute;
	top: 8px;
	left: 11px;
	font-size: 26px;
}
.field-element--attach-button:hover,
.field-element--attach-button:focus {
	background-color: #d0cece;
}

/* Small */
.field-element--small + .field-element--attach-button {
	padding: 5px 8px;
	width: 40px;
}
.field-element--small + .field-element--attach-button:before {
	top: 5px;
	left: 9px;
	font-size: 21px;
}
.field-element--attach-wrapper .field-element--small .field-input .textbox {
	padding-right: 52px;
}

/* Large and regular field elements turn small */
@media screen and (max-width: 1000px) {
	.field-element--attach-wrapper .field-element--attach-button {
		padding: 5px 8px;
		width: 40px;
	}
	.field-element--attach-wrapper .field-element--attach-button:before {
		top: 5px;
		left: 9px;
		font-size: 21px;
	}
	.field-element--attach-wrapper .field-element .field-input .textbox {
		padding-right: 52px;
	}

}

/* Form errors */
span.field-error {
    background-color: #E04D4D;
    margin-bottom: 5px;
    padding: 10px;
    border-left: 5px solid #B72323;
    display: block;
    color: #fff;
}


/* ---- Responsiveness ---- */

/* Large and regular field elements turn small */
@media screen and (max-width: 1000px) {
	.field-element .field-input .textbox,
	.field-element.field-element--large .field-input .textbox,
	.field-element.field-element--regular .field-input .textbox {
		font-size: 1.4rem;
		padding: 8px 15px 7px;
	}
}


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

table {
	border-collapse: collapse;
	border: 1px solid #d7d7d7;
}

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

th,
thead td {
	background: #f6f6f6;
}

/* ---- Content tables ---- */
.table--content-standard {
	width: 100%;
	margin: 2rem 0;
}
.table--content-standard caption {
	text-align: left;
	padding-bottom: 13px;
}
.table--content-standard th,
.table--content-standard thead td {
	font-weight: bold;
	background-color: #F0F0F0;
	font-size: 1.7rem;
}
.table--content-standard td {
	background-color: #FFF;
}
.table--content-standard th,
.table--content-standard td {
	border: 1px solid #d7d7d7;
	padding: 12px 15px;
	text-align: left;
}


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

/* Regular table turns small */
/* BP 3 */
@media screen and (max-width: 760px) {
	.table--content-standard {
		font-size: 1.3rem;
	}
	.table--content-standard th,
	.table--content-standard td {
		padding: 5px 10px;
	}
	.table--content-standard th,
	.table--content-standard thead td {
		font-size: 1.4rem;
	}
}

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

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

/* ---- Angel for a day calendar ---- */
.calendar {
	margin-bottom: 20px;
}
.calendar th,
.calendar td {
	vertical-align: top;
	padding: 9px 15px;
}
.calendar .controls {
	background-color: #1D1C1D;
	color: #FFF;
}
.calendar .controls td {
	text-align: center;
	border: none;
	text-indent: -9999px;
	position: relative;
	padding: 0;
}
.calendar .controls .title {
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 3rem;
	line-height: 1.2;
	padding: 14px 0 5px;
	text-indent: 0;
}
.calendar .controls .prev a,
.calendar .controls .next a {
	text-decoration: none;
	color: #FFF;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.calendar .controls .prev a:hover,
.calendar .controls .next a:hover {
	background-color: #000;
}
.calendar .controls .prev a:before {
	content: "\e901";
}
.calendar .controls .next a:before {
	content: "\e902";
}

.calendar .controls .prev a:before,
.calendar .controls .next a:before {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 29px;
	position: absolute;
	color: #FFF;
	text-indent: 0;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.calendar .day {
	display: block;
	text-align: right;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.7rem;
	line-height: 1.1;
}
.calendar .output {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 1.4rem;
}
.calendar .event {
	background: #757575;
	color: #FFF;
	border: 1px solid #5F5F5F;
}
.calendar .event.special_event {
	background: #FFFFFF;
	color: #F27631;
	border: 1px solid #D6D6D6;
}
.calendar .available {
	background: #F27631;
	color: #FFF;
	border: 1px solid #DA5E19;
}
.calendar .available a {
	word-break: initial;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.2;
}
.calendar .available a:after {
	display: block;
	font-size: 46px;
	content: "\e90b";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

.calendar .available.special_event {
	background: #FFF;
	color: #F27631;
	border: 1px solid #D6D6D6;
}
.calendar .available.special_event a {
	color: #F27631;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	.calendar {
		overflow: scroll;
		display: block;
	}
	.calendar th, .calendar td {
		padding: 6px 8px;
	}
	.calendar .day {
		font-size: 2.3rem;
	}
	.calendar .output {
		font-size: 1.2rem;
	}
	.calendar .available a {
		font-size: 1.6rem;
	}
	.calendar .available a:after {
		font-size: 36px;
	}
	.calendar .controls .title {
		font-size: 2.5rem;
		padding: 14px 0 6px;
	}
	.calendar .controls .prev a:before,
	.calendar .controls .next a:before {
		font-size: 24px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.calendar th, .calendar td {
		padding: 4px;
	}
	.calendar .day {
		font-size: 1.9rem;
	}
	.calendar .output {
		font-size: 1.1rem;
	}
	.calendar .available a {
		font-size: 1.2rem;
	}
	.calendar .available a:after {
		font-size: 27px;
	}
}

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

/* ---- Clearfix ---- */
.clear {
	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 ---- */

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

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


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

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

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

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


/* ------------------------------------------------------
**** Grid
------------------------------------------------------ */
.grid:before,
.grid:after {
	content: " ";
	display: table;
}

.grid:after {
	clear: both;
}

.grid-col {
	float: left;
	margin-right: 1.754385964912%;
}
.grid-col:last-child,
.grid-col.grid-col-last-in-row {
	margin-right: 0;
}

/* Reverse */
.grid.grid-reverse .grid-col {
	float: right;
	margin-right: 0;
	margin-left: 1.754385964912%;
}
.grid.grid-reverse .grid-col:last-child,
.grid.grid-reverse .grid-col.grid-col-last-in-row {
	margin-left: 0;
}

/* 2 col grid */
.grid-2-cols .grid-col:nth-child(2n+2) {
	margin-right: 0;
}
/* 3 col grid */
.grid-3-cols .grid-col:nth-child(3n+3) {
	margin-right: 0;
}
/* 4 col grid */
.grid-4-cols .grid-col:nth-child(4n+4) {
	margin-right: 0;
}

/* 1 col */
.grid-col-1 {
	width: 6.725146198830%;
}
/* 2 col */
.grid-col-2 {
	width: 15.204678362573%;
}
/* 3 col */
.grid-col-3 {
	width: 23.684210526316%;
}
/* 4 col */
.grid-col-4 {
	width: 32.163742690058%;
}
/* 5 col */
.grid-col-5 {
	width: 40.643274853801%;
}
/* 6 col */
.grid-col-6 {
	width: 49.122807017544%;
}
/* 7 col */
.grid-col-7 {
	width: 57.602339181287%;
}
/* 8 col */
.grid-col-8 {
	width: 66.081871345029%;
}
/* 9 col */
.grid-col-9 {
	width: 74.561403508772%;
}
/* 10 col */
.grid-col-10 {
	width: 83.040935672515%;
}
/* 11 col */
.grid-col-11 {
	width: 91.520467836257%;
}
/* 12 col */
.grid-col-12 {
	width: 100%;
	margin-right: 0;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	/* 1 col */
	.grid-col-1-bp1 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp1 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp1 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp1 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp1 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp1 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp1 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp1 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp1 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp1 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp1 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp1 {
		width: 100%;
		margin-right: 0;
	}

	.grid.grid-reverse .grid-col.grid-col-12-bp1 {
		margin-left: 0;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	/* 1 col */
	.grid-col-1-bp2 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp2 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp2 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp2 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp2 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp2 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp2 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp2 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp2 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp2 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp2 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp2 {
		width: 100%;
		margin-right: 0;
	}

	.grid.grid-reverse .grid-col.grid-col-12-bp2 {
		margin-left: 0;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	/* 1 col */
	.grid-col-1-bp3 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp3 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp3 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp3 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp3 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp3 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp3 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp3 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp3 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp3 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp3 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp3 {
		width: 100%;
		margin-right: 0;
	}

	.grid.grid-reverse .grid-col.grid-col-12-bp3 {
		margin-left: 0;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	/* 1 col */
	.grid-col-1-bp4 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp4 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp4 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp4 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp4 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp4 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp4 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp4 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp4 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp4 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp4 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp4 {
		width: 100%;
		margin-right: 0;
	}

	.grid.grid-reverse .grid-col.grid-col-12-bp4 {
		margin-left: 0;
	}
}

/* BP 5 */
@media screen and (max-width: 500px) {
	/* 1 col */
	.grid-col-1-bp5 {
		width: 6.725146198830%;
	}
	/* 2 col */
	.grid-col-2-bp5 {
		width: 15.204678362573%;
	}
	/* 3 col */
	.grid-col-3-bp5 {
		width: 23.684210526316%;
	}
	/* 4 col */
	.grid-col-4-bp5 {
		width: 32.163742690058%;
	}
	/* 5 col */
	.grid-col-5-bp5 {
		width: 40.643274853801%;
	}
	/* 6 col */
	.grid-col-6-bp5 {
		width: 49.122807017544%;
	}
	/* 7 col */
	.grid-col-7-bp5 {
		width: 57.602339181287%;
	}
	/* 8 col */
	.grid-col-8-bp5 {
		width: 66.081871345029%;
	}
	/* 9 col */
	.grid-col-9-bp5 {
		width: 74.561403508772%;
	}
	/* 10 col */
	.grid-col-10-bp5 {
		width: 83.040935672515%;
	}
	/* 11 col */
	.grid-col-11-bp5 {
		width: 91.520467836257%;
	}
	/* 12 col */
	.grid-col-12-bp5 {
		width: 100%;
		margin-right: 0;
	}

	.grid.grid-reverse .grid-col.grid-col-12-bp5 {
		margin-left: 0;
	}
}

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

* {
	margin: 0;
}

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

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

/* BP 2 */
@media screen and (max-width: 1000px) {
	#wrap {
		margin-top: 69px;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	#wrap {
		margin-top: 40px;
	}
}

.container {
	width: 1140px;
	margin: 0 auto;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	.container {
		width: 930px;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.container {
		width: 720px;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.container {
		width: 560px;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.container {
		width: 92%;
		margin: 0 4%;
	}
}

/* ---- Hide/show ---- */

.hide {
	display: none;
}
.show {
	display: block;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	.hide-bp1 {
		display: none;
	}
	.show-bp1 {
		display: block;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.hide-bp2 {
		display: none;
	}
	.show-bp2 {
		display: block;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.hide-bp3 {
		display: none;
	}
	.show-bp3 {
		display: block;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.hide-bp4 {
		display: none;
	}
	.show-bp4 {
		display: block;
	}
}
/* BP 5 */
@media screen and (max-width: 500px) {
	.hide-bp5 {
		display: none;
	}
	.show-bp5 {
		display: block;
	}
}

/* ---- Sections ---- */
.section {
	position: relative;
}
/* Allow section padding to be added to other elements */
.section,
.section-padding {
	padding-top: 52px;
	padding-bottom: 52px;
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section,
	.section-padding {
		padding-top: 38px;
		padding-bottom: 38px;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.section,
	.section-padding {
		padding-top: 27px;
		padding-bottom: 27px;
	}
}

/* ---- Background colours ---- */
.bg-white {
	background-color: #fff;
}
.bg-black {
	background-color: #080808;
	color: #8a8c8f;
}
.bg-black h2,
.bg-black .h2 {
	color: #FFF;
}
.bg-light-black {
	background-color: #1d1c1d;
	color: #8a8c8f;
}
.bg-light-black h2,
.bg-light-black .h2 {
	color: #FFF;
}
.bg-grey {
	background-color: #ebebeb;
}
.bg-orange h3 {
	color: #FFF;
}
.bg-orange {
	background-color: #f27631;
	color: #FFF;
}
.bg-orange a {
	color: #FFF;
}
.bg-blue {
	background-color: #74a6c3;
	color: #FFF;
}

/* ---- Header ---- */
#header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: 1px solid #b9babd;
	height: 88px;
}
#logo {
	padding: 8px 0 0;
	width: 120px;
	float: left;
}
#logo .logo {
	height: 77px;
	width: 120px;
}
.container--header-logo {
	position: relative;
}


/* BP 2 */
@media screen and (max-width: 1000px) {
	#header {
		height: 69px;
	}
	#logo {
		padding-top: 6px;
	}
	#logo .logo {
		width: 98px;
		height: 56px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	#header {
		height: auto;
	}
	#logo {
		padding-top: 2px;
		padding-bottom: 4px;
		background: #EBEBEB;
	}
	#logo .logo {
		width: 58px;
		height: 33px;
	}
}


/* ---- Sidebar ---- */
.sidebar {
	width: 305px;
	float: right;
	margin: 0 66px 0 0;
	position: relative;
	z-index: 1;
}
.sidebar .widget-RelatedLinks,
.sidebar-donate {
	margin: 40px 0;
}
.sidebar .widget-RelatedLinks:first-child,
.sidebar-donate:first-child {
	margin-top: 0;
}
.sidebar .widget-RelatedLinks:last-child,
.sidebar-donate:last-child {
	margin-bottom: 0;
}

/* Donate */
.sidebar-donate__list {
	padding: 0;
	margin: 27px 0 0;
	list-style: none;
	line-height: 1.2;
	font-size: 1.5rem;
}
.sidebar-donate__list li {
	margin-bottom: 10px;
}
.sidebar-donate__list a {
	text-decoration: none;
	display: block;
	background-color: #F27631;
	color: #FFF;
	position: relative;
	min-height: 52px;
}
.sidebar-donate__list__amount {
	float: left;
	margin: 0 15px 0 0;
	font-size: 2.4rem;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	width: 79px;
	display: block;
	background-color: #e56823;
	padding: 17px 14px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	text-align: center;
}
.sidebar-donate__list__description {
	overflow: hidden;
	display: block;
	padding: 9px 20px 11px 96px;
}
.sidebar-donate__list a:hover,
.sidebar-donate__list a:focus {
	background-color: #F3874D;
}
.sidebar-donate__list a:hover .sidebar-donate__list__amount,
.sidebar-donate__list a:focus .sidebar-donate__list__amount {
	background-color: #E47538;
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.sidebar-donate__list {
		font-size: 1.4rem;
	}
	.sidebar-donate__list__amount {
		font-size: 1.8rem;
		width: 58px;
		padding: 11px 10px;
	}
	.sidebar-donate__list__description {
		padding: 9px 17px 11px 72px;
	}
	.sidebar-donate__list a {
		min-height: 36px;
	}
}

/* ---- Mainbar ---- */
.mainbar {
	float: right;
	width: 760px;
	min-height: 1px;
}
.mainbar > h2:first-child {
	margin-top: 0;
}

/* Wide */
.mainbar.mainbar--wide {
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* ---- Mainbar/sidebar ---- */
/* BP 1 */
@media screen and (max-width: 1200px) {
	.mainbar {
		width: 619px;
	}
	.sidebar {
		width: 245px;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.mainbar {
		width: 470px;
	}
	.sidebar {
		width: 220px;
		margin-right: 30px;
	}
}
/* BP 3 */
@media screen and (max-width: 760px) {
	.mainbar,
	.sidebar {
		float: none;
		width: auto;
	}
	.sidebar {
		margin-right: 0;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {

}
/* BP 5 */
@media screen and (max-width: 500px) {

}

/* ---- Skewed ---- */
.skewed {
	transform: skewY(-5deg);
	transform-origin: left;
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.skewed {
		transform: none;
	}
}

/* ---- Offset left ---- */
.offset-left {
	padding-left: 30px;
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.offset-left {
		padding-left: 0;
	}
}

/* ---- Text center ---- */
.text-center {
	text-align: center;
}

/* ---- Lined text ---- */
.lined-text {
	text-align: center;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.2rem;
	line-height: 1;
}

.lined-text__inner {
	padding: 0;
	position: relative;
	display: inline-block;
}
.lined-text {
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}
.lined-text__inner:before,
.lined-text__inner:after {
	content: " ";
	height: 2px;
	width: 300%;
	position: absolute;
	top: 9px;
	right: 100%;
	display: inline-block;
}
.lined-text__inner:before {
	right: 100%;
	margin-right: 16px;
}
.lined-text__inner:after {
	left: 100%;
	margin-left: 16px;
}

h1 + .lined-text,
.h1 + .lined-text {
	margin-top: -6px;
}

/* White (default) */
.lined-text__inner:before,
.lined-text__inner:after,
.bg-white .lined-text__inner:before,
.bg-white .lined-text__inner:after {
	background-color: #b9babd;
}

/* Blue */
.bg-blue .lined-text__inner:before,
.bg-blue .lined-text__inner:after {
	background-color: #a1cbe3;
}

/* Orange */
.bg-orange .lined-text__inner:before,
.bg-orange .lined-text__inner:after {
	background-color: #E56823;
}


/* BP 3 */
@media screen and (max-width: 760px) {
	.lined-text {
		font-size: 1.8rem;
	}
}


/* ---- Calendar lists ---- */
.calendar-list {
	list-style: none;
	padding: 0;
	margin: 0 0 25px;
}
.calendar-list:before,
.calendar-list:after {
	content: " ";
	display: table;
}

.calendar-list:after {
	clear: both;
}
.calendar-list__item {
	float: left;
	margin-right: 3%;
	width: 17.5%;
	text-align: center;
	border-radius: 5px;
}
.calendar-list__item:last-child {
	margin-right: 0;
}
.calendar-list__item a {
	text-decoration: none;
	display: block;
	color: #1D1C1D;
	height: 77px;
	position: relative;
}
.calendar-list__item time {
	display: block;
}
.calendar-list__month {
	background-color: #f24c31;
	width: 100%;
	display: block;
	color: #FFF;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 2.1rem;
	line-height: 1;
	padding: 7px 0 3px;
	border-radius: 8px 8px 0 0;
	height: 29px;
}
.calendar-list__day-wrapper {
	display: block;
	background: #FFF;
	border-radius: 0 0 8px 8px;
	z-index: 1;
}
.calendar-list__day-wrapper,
.calendar-list__item--hover .calendar-list__hover {
	height: 48px;
}
.calendar-list__day {
	display: block;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 3.8rem;
	line-height: 1;
	padding: 8px 0;
}

/* With hovers */
.calendar-list__item--hover .calendar-list__hover {
	position: absolute;
	top: 29px;
	left: 0;
	right: 0;
	background: #1D1C1D;
	border-radius: 0 0 8px 8px;
	display: block;
	z-index: -1;
	opacity: 0;
	color: #FFF;
	transition: opacity 20ms linear 400ms;
}
.calendar-list__item.calendar-list__item--hover .calendar-list__day-wrapper,
.calendar-list__item.calendar-list__item--hover .calendar-list__day {
	transition: transform 400ms cubic-bezier(0.74, 1.65, 0.4, 0.51);
	transform-origin: center top;
	transform: perspective(300px) rotateX(0deg);
}
.calendar-list__item--hover .calendar-list__day {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
.calendar-list__item--hover a:hover .calendar-list__hover ,
.calendar-list__item--hover a:focus .calendar-list__hover {
	opacity: 1;
	transition-delay: 0ms;
}

.calendar-list__hover--book__line1,
.calendar-list__hover--book__line2 {
	display: block;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 0.9;
}
.calendar-list__hover--book__line1 {
	padding-top: 9px;
	font-size: 2.4rem;
}
.calendar-list__hover--book__line2 {
	font-size: 1.4rem;
}

/* Min iPad */
@media screen and (min-width: 1024px) {
	.calendar-list__item.calendar-list__item--hover a:hover .calendar-list__day-wrapper,
	.calendar-list__item.calendar-list__item--hover a:focus .calendar-list__day-wrapper,
	.calendar-list__item.calendar-list__item--hover a:hover .calendar-list__day,
	.calendar-list__item.calendar-list__item--hover a:focus .calendar-list__day {
		transform: perspective(300px) rotateX(180deg);
		transition: transform 350ms cubic-bezier(0.14, 0.99, 0.44, 1.04);
	}
}

/* iPad */
@media screen and (max-width: 1024px) {
	.calendar-list__item--hover .calendar-list__hover {
		display: none;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.calendar-list__item {
		width: 31.333333%;
	}
	.calendar-list__item:nth-child(3) {
		margin-right: 0;
	}
	.calendar-list__item:nth-child(1n+4) {
		display: none;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.calendar-list__day {
		font-size: 3.1rem;
	}
	.calendar-list__month {
		font-size: 1.8rem;
		padding: 4px 0 3px;
		height: 24px;
	}
	.calendar-list__day-wrapper {
		height: 41px;
	}
	.calendar-list {
		margin-bottom: 20px;
	}
	.calendar-list__item a {
		height: 65px;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.calendar-list__day-wrapper {
		background: #EBEBEB;
	}
	.calendar-list__item {
		width: 17.5%;
	}
	.calendar-list__item:nth-child(3) {
		margin-right: 3%;
	}
	.calendar-list__item:nth-child(1n+4) {
		display: block;
	}
	.calendar-list {
		margin-bottom: 12px;
	}
}


/* Extra BP */
@media screen and (max-width: 350px) {
	.calendar-list__item {
		width: 22.75%;
	}
	.calendar-list__item:nth-child(4) {
		margin-right: 0;
	}
	.calendar-list__item:nth-child(1n+5) {
		display: none;
	}
}

/* ---- Pre footer ---- */
.section--pre-footer h2,
.section--pre-footer .h2 {
	margin-top: 0;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.section--pre-footer {
		font-size: 1.4rem;
	}
}

/* ---- Footer ---- */
.section--footer {
	padding-top: 42px;
	padding-bottom: 20px;
	color: #8a8c8f;
	line-height: 1.4;
	font-size: 1.2rem;
}
.section--footer a {
	color: #8a8c8f;
	text-decoration: none;
	display: inline-block;
}
.section--footer a:hover,
.section--footer a:focus {
	color: #FFF;
}
.section--footer .terms-p,
.section--footer ul,
.section--footer li {
	float: left;
	margin: 0;
}
.section--footer p {
	margin: 5px 0 0;
}
.section--footer .terms-p:after,
.section--footer li:after {
	content: " | ";
	margin: 0 6px 0 3px;
	display: inline;
}
.section--footer .terms-p:last-child:after,
.section--footer ul:last-child li:last-child:after {
	content: none;
}
.section--footer ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0;
}

.footer-list {
	clear: left;
}
.section--footer p.footer__product-note {
	margin-top: 10px;
	display: block;
}

.accred {
	position: relative;
	padding-top: 27px;
	padding-bottom: 27px;
}
.accred__item {
	padding-bottom: 14px;
}
.accred__item:last-child {
	padding-bottom: 0;
}
.accred a {
	float: left;
	clear: left;
	padding-right: 10px;
}
.section--footer .accred__ases p {
	margin: 29px 0;
}
.section--footer .accred__acnc p {
	margin: 21px 0;
}
.accred__ases img {
	width: 46px;
	height: 90px;
}
.accred__acnc img {
	width: 60px;
	height: 60px;
}
.accred img {
	display: block;
}
@media screen and (min-width: 761px) {
	.accred {
		float: right;
		text-align: right;
		padding-top: 0;
		padding-bottom: 0;
	}
	.accred p {
		margin-right: 60px;
		margin-bottom: 5px;
		max-width: 160px;
	}
	.accred a {
	float: right;
	clear: unset;
	padding-right: 0;
	}
	.accred img {
		display: inline-block;
	}
	.section--footer .accred__ases p {
		margin: 0 0 5px;
	}
	.section--footer .accred__acnc p {
		margin: 0 0 5px;
	}
	.accred__ases p {
		width: calc(100% - 56px);
	}
	.accred__acnc p {
		width: calc(100% - 70px);
	}
	.footer__content {
		padding-right: 40px;
		display: inline-block;
		float: left;
		width: calc(100% - 160px);
	}
	.footer__product-note span {
		white-space: nowrap;
	}
	.section--footer p.footer__product-note {
		clear: both;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.section--footer {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 1.3rem;
	}
	.section--footer p,
	.section--footer ul,
	.section--footer li {
		display: block;
		float: none;
	}
	.section--footer p:after, .section--footer li:after {
		content: none;
	}
}
/* BP 5 */
@media screen and (max-width: 500px) {
	.section--footer {
		font-size: 1.2rem;
	}
}

/* BP 2 */
@media screen and (min-width: 1001px) {
	.footer__content {
		width: calc(100% - 340px);
	}
	.accred__item {
		display: inline-block;
		float: right;
	}
	.accred__ases {
		padding-left: 20px;
	}
}

/* ---- Promo banner ---- */
.section.section--promo-banner {
	padding: 0;
	z-index: 0;
	overflow: hidden;
}
.section.section--promo-banner,
.promo-banner-image {
	height: 390px;
}
.promo-banner__text-wrapper {
	width: 490px;
	padding: 50px 0 0;
	position: relative;
	z-index: 2;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%) skewY(-5deg);
	transform-origin: left;
}
.promo-banner-image,
.promo-banner-image-wrapper {
	width: 56%;
}

.promo-banner-image-wrapper--full-width {
	max-width: 1140px;
	margin: auto;
}
.promo-banner-image {
	background: url(../images/promo-banner/banner.jpg) no-repeat right center;
	background-size: cover;
	position: fixed;
	top: 88px;
	bottom: 0;
	right: 0;
}
@media screen and (min-width: 1200px) {
	.promo-banner-image--full-width {
		position: fixed;
		top: 88px;
		bottom: 0;
		text-align: center;
	}
	.section--promo-banner-full-width {
		height: 390px;
	}
}

.promo-banner-image-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	height: 390px;
}
.promo-banner-image-wrapper:before {
	content: " ";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 390px 193px 0 0;
	border-color: #1d1c1d transparent transparent transparent;
	position: absolute;
	top: 0;
	left: -74px;
	z-index: 1;
}
.promo-banner-image-wrapper:after {
	content: " ";
	position: absolute;
	top: 0;
	left: -74px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 643px 193px 0 0;
	border-color: #080808 transparent transparent transparent;
	z-index: 0;
}
.promo-banner-title {
	font-size: 7.3rem;
	margin: 0 0 12px;
}
.promo-banner-text {
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 4.2rem;
	line-height: 1;
	padding-right: 80px;
	margin: 0 0 5px;
}
.promo-banner-line-text {
	font-family: 'Mastoc W01', cursive;
	font-size: 4rem;
	line-height: 1;
	padding: 0;
	margin: 0;
	position: relative;
	display: inline-block;
}
.promo-banner-line-text-wrapper {
	padding: 0 45px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
.promo-banner-line-text:before,
.promo-banner-line-text:after {
	content: " ";
	height: 2px;
	width: 100%;
	position: absolute;
	top: 21px;
	right: 100%;
	display: inline-block;
}
.promo-banner-line-text:before {
	right: 100%;
	margin-right: 16px;
}
.promo-banner-line-text:after {
	left: 100%;
	margin-left: 16px;
}

/*  - campaign styles - */

.section--promo-banner--campaign {
	position: relative;
	overflow: hidden;
}

.campaign-promo-banner {
	background: #1d1c1d;
	padding: 20px 0;
	position: relative;

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

	-webkit-box-align: center;
    -ms-flex-align: center;
	        align-items: center;

    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;

}

.campaign-promo-banner:after {
	content: '\00a0';
	position: absolute;
	top: 0px;
	left: 100%;
	bottom: 0px;
	width: 100px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22174px%22%20height%3D%22375px%22%20viewBox%3D%220%200%20174%20375%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20fill%3D%22%231D1C1D%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200L174%200%200%20375%22%2F%3E%3C%2Fsvg%3E);
}

.campaign-promo-banner__quote {
	font-family: 'Caveat', cursive;
	font-size: 2.6rem;
	line-height: 1.1;
	padding-right: 20px;
	color: #D0D0D0;
}

.campaign-promo-banner__cta {
	display: block;
	padding-top: 10px;
	padding-bottom: 5px;
}

.campaign-promo-banner__cta.button:after {
	top: 11px;
}

.campaign-promo-banner__pre-cta {
	color: #ffffff;
	font-family: 'Proxima Nova W15', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 2.8rem;
}

.section--promo-banner--campaign .promo-banner-image-wrapper::before,
.section--promo-banner--campaign .promo-banner-image-wrapper::after {
	display: none;
}


.campaign-intro-wrapper {
	overflow: hidden;
	text-align: center;
}

.campaign-intro h3,
.campaign-intro h4,
.campaign-intro p,
.campaign-intro li {
	text-align: left;
}

.campaign-heading {
	margin: 0px auto 60px;
	text-align: center;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	font-size: 3.3rem;
	text-transform: uppercase;
	line-height: 1;
	font-family: 'Proxima Nova W15', Helvetica, Arial, sans-serif;
}

.campaign-heading:after {
	display: none;
}


.campaign-intro {
	max-width: 780px;
	margin: auto;
	position: relative;
}

.campaign-intro > h2 {
	display: inline-block;
	margin: 0 auto 35px;
	position: relative;
}
.campaign-intro > h2:first-child:before,
.campaign-intro > h2:first-child:after {
	content: " ";
	height: 2px;
	width: 300%;
	width: 22.5vw;
	position: absolute;
	top: 9px;
	right: 100%;
	display: inline-block;
	background-color: #b9babd;
}

.campaign-intro > h2:first-child:before {
	right: 100%;
	margin-right: 16px;
}

.campaign-intro h2:first-child:after {
	left: 100%;
	margin-left: 16px;
}

/* campaign icon example donations */

.campaign-examples {
	list-style-type: none;
	margin: 0 -20px;
	padding: 0;

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

    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.campaign-examples__item {
	padding: 25px 20px 0;
	width: 50%;
	float: left;

	-webkit-box-flex: 1;
	-ms-flex: 1 1 50%;
        flex: 1 1 50%;
}

.campaign-examples__item__icon {
	border: 2px solid #979797;
	border-radius: 500px;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 0 auto 15px;
}

.campaign-examples__item__icon {
	font-size: 40px;
}

.campaign-examples__item__icon:before {
	line-height: 100px;
}

.campaign-examples__item__amount {
	color: #f27631;
	font-size: 3.4rem;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
}

.campaign-examples__item__desc {
	margin: 0 auto 0px;
	max-width: 220px;
}

/* Campaign call to action*/
.campaign-cta {
	clear: both;
}

.campaign-cta-button {
	margin: 40px auto;
	font-family: 'Proxima Nova W15', Helvetica, Arial, sans-serif;
	font-size: 2.8rem;
	padding: 11px 23px 11px 22px;
}

.button.campaign-cta-button:before,
.button.campaign-cta-button:after {
	content: " ";
	height: 2px;
	width: 300%;
	width: 50vw;
	position: absolute;
	top: 30px;
	right: 100%;
	display: inline-block;
	background-color: #b9babd;
}

.campaign-cta-button:before {
	right: 100%;
	margin-right: 16px;
}

.campaign-cta-button:after {
	left: 100%;
	margin-left: 16px;
}


@media screen and (min-width: 400px) {

	.campaign-examples {
		margin: 0 -40px;
	}
	.campaign-examples__item {
		padding: 25px 40px 0;
	}
	.campaign-examples__item__icon {
		width: 124px;
		height: 124px;
	}
	.campaign-examples__item__icon {
		font-size: 55px;
	}
	.campaign-examples__item__icon.icon-shower {
		font-size: 48px;
	}

	.campaign-examples__item__icon:before {
		line-height: 124px;
	}

	.campaign-examples__item__desc {
		margin-bottom: 25px;
		max-width: 220px;
		font-size: 1.8rem;
	}

	.campaign-cta-button {
		font-size: 3.6rem;
		padding: 10px 30px 12px 30px;
	}

	.button.campaign-cta-button:before,
	.button.campaign-cta-button:after {
		top: 33px;
	}

	.campaign-cta-button:before {
		margin-right: 25px;
	}

	.campaign-cta-button:after {
		margin-left: 25px;
	}
}

@media screen and (min-width: 1000px) {
	.campaign-examples {
	}
	.campaign-examples__item {
		width: 25%;

		-webkit-box-flex: 1;
		-ms-flex: 1 1 0px;
        flex: 1 1 0;
		max-width: 34%;
		min-width: 24%;
	}
}


@media screen and (min-width: 761px) {
	.campaign-promo-banner {
		padding-top: 50px;
		padding-bottom: 30px;
		max-width: 54%;
		z-index: 100;
		position: relative;
		min-height: 350px;
	}
    .campaign-promo-banner__quote {
    	font-size: 3.2rem;
    	padding: 0;
    	margin-right: -25px;
    	position: relative;
    	z-index: 3;
    }
    .campaign-promo-banner__cta.button {
    	display: inline-block;
    }

    .section--promo-banner--campaign .promo-banner-image-wrapper,
    .section--promo-banner--campaign .promo-banner-image {
		height: auto;
		bottom: 0;
    }
    .section--promo-banner--campaign .promo-banner-image {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	bottom: 0px;
    	right: 0px;
    	width: auto;
    }

}

@media screen and (min-width: 1000px) {
    .campaign-promo-banner {
		min-height: 380px;
    }
}

@media screen and (min-width: 1280px) {
    .campaign-promo-banner {
		min-height: 440px;
    }
}


/* --- Share buttons --- */

.share-buttons__column {
	margin: 15px 0;
}

.share-button {
	display: block;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding: 11px 10px 10px 60px;
	transition: all 200ms ease-in-out;
}

.share-button:hover,
.share-button:focus,
.share-button:active {
	background: #000000;
	color: #ffffff;
}

.share-button:before {
	font-size: 36px;
	position: absolute;
	left: 0;
	width: 60px;
	text-align: center;
}

.share-button-facebook {
	color: #ffffff;
	background-color: #3b5998;
}

.share-button-email {
	color: #ffffff;
	background-color: #f27631;
}

@media screen and (min-width: 48em) {/*  768px */
    .share-buttons {
		margin-left: -15px;
		margin-right: -15px;
	}

	.share-buttons__column {
		padding: 0 15px;
		width: 50%;
		float: left;
	}

	.share-button {
		padding: 11px 10px 10px 70px;
	}

	.share-button:before {
		font-size: 42px;
		width: 70px;
	}
}




/* Light black */
.bg-light-black .promo-banner-title {
	color: #f27631;
}
.bg-light-black .promo-banner-text {
	color: #FFF;
}
.bg-light-black .promo-banner-line-text {
	color: #8a8c8f;
}
.bg-light-black .promo-banner-line-text:before,
.bg-light-black .promo-banner-line-text:after {
	background-color: #8a8c8f;
}

/* Inner */
.section.section--promo-banner.section--promo-banner--inner {
	height: 290px;
}
.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
	background-image: url(../images/inner-banner/inner-banner.jpg);
}
.section.section--promo-banner.section--promo-banner--inner .promo-banner-image-wrapper,
.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
	height: 290px;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	.promo-banner-image,
	.promo-banner-image-wrapper {
		width: 50%;
	}
}

/* iPad */
@media screen and (max-width: 1024px) {
	.promo-banner-image {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section.section--promo-banner,
	.promo-banner-image,
	.promo-banner-image-wrapper {
		height: 300px;
	}
	.promo-banner-title {
		font-size: 5.9rem;
	}
	.promo-banner-text {
		font-size: 3.3rem;
		padding-right: 60px;
	}
	.promo-banner-line-text {
		font-size: 3.4rem;
	}
	.promo-banner__text-wrapper {
		padding-top: 40px;
		width: 430px;
	}
	.promo-banner-line-text:before,
	.promo-banner-line-text:after {
		top: 17px;
	}

	.section.section--promo-banner.section--promo-banner--inner,
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image-wrapper,
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
		height: 250px;
	}
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
		background-image: url(../images/inner-banner/inner-banner-581x290.jpg);
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.promo-banner__text-wrapper {
		width: 360px;
	}
	.section.section--promo-banner,
	.promo-banner-image,
	.promo-banner-image-wrapper {
		height: 240px;
	}
	.promo-banner-title {
		font-size: 4.4rem;
	}
	.promo-banner-text {
		font-size: 2.5rem;
	}
	.promo-banner-line-text {
		font-size: 2.9rem;
	}
	.promo-banner__text-wrapper {
		padding-top: 33px;
	}
	.promo-banner-line-text:before,
	.promo-banner-line-text:after {
		top: 14px;
	}
	.promo-banner-line-text-wrapper {
		padding: 0 20px;
	}
	.promo-banner-line-text:before {
		margin-right: 7px;
	}
	.promo-banner-line-text:after {
		margin-left: 7px;
	}

	.section.section--promo-banner.section--promo-banner--inner,
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image-wrapper,
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
		height: 200px;
	}
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
		background-image: url(../images/inner-banner/inner-banner-485x250.jpg);
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.section--promo-banner.section--promo-banner--inner .promo-banner-image-wrapper {
		display: none;
	}
	.section.section--promo-banner,
	.promo-banner-image,
	.section.section--promo-banner.section--promo-banner--inner,
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image-wrapper {
		height: auto;
	}
	.promo-banner__text-wrapper {
		width: auto;
		position: static;
		transform: none;
		top: auto;
		padding: 12px 0 8px;
		text-align: center;
	}
	.promo-banner-image,
	.promo-banner-image-wrapper {
		width: auto;
	}
	.promo-banner-image-wrapper {
		position: static;
		height: auto;
	}
	.promo-banner-image {
		position: static;
		height: 210px;
	}
	.promo-banner-image-wrapper:before,
	.promo-banner-image-wrapper:after {
		content: none;
	}
	.promo-banner-title {
		font-size: 3.4rem;
		margin-bottom: 9px;
	}
	.promo-banner-text {
		padding-right: 0;
		font-size: 2rem;
	}
	.promo-banner-line-text {
		font-size: 2.1rem;
	}
	.promo-banner-line-text:before,
	.promo-banner-line-text:after {
		top: 10px;
	}

	.section.section--promo-banner.section--promo-banner--inner {
		height: auto;
	}
	.section.section--promo-banner.section--promo-banner--inner .promo-banner-image {
		background-image: url(../images/inner-banner/inner-banner-367x200.jpg);
	}
}

/* Extra BP */
@media screen and (max-width: 450px) {
	.promo-banner-image {
		height: 150px;
	}
}


/* ---- Make a donation section ---- */
.section--make-a-donation__content {
	padding: 0 17.017543859649123%;
	margin: 19px 0 0;
	text-align: center;
}
.section--make-a-donation .h1 {
	margin-top: 0;
}

.donation-slider__info {
	margin: 29px 0 0;
	display: inline-block;
}
.donation-slider-amount {
	float: left;
}
.section--make-a-donation__content__custom-amount {
	text-align: center;
}
.section--make-a-donation__content__custom-amount .donation-slider-amount {
	float: none;
}
.section--make-a-donation__content__custom-amount .donation-slider-amount {
	margin: 0 auto;
}
.donation-into-text {
	text-align: center;
	margin-bottom: 30px;
}
.donation-slider-amount-value-wrapper {
	color: #FFF;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 4.4rem;
	background-color: #3E7C9F;
	display: inline-block;
	border-radius: 6px;
	padding: 10px 15px 0;
	text-align: center;
	width: 153px;
}
.donation-slider-amount-value-preview {
	line-height: 1;
}
.donation-slider-amount-value-preview span {
	outline: none;
}
#donation-slider-amount-value,
#donation-slider-custom-amount-value {
	-webkit-appearance: none;
	border: none;
	outline: none;
	background: none;
	color: inherit;
	padding: 0;
	display: inline;
	width: 98px;
	text-align: center;
}
#donation-slider-amount-value::-webkit-inner-spin-button,
#donation-slider-amount-value::-webkit-outer-spin-button,
#donation-slider-custom-amount-value::-webkit-inner-spin-button,
#donation-slider-custom-amount-value::-webkit-outer-spin-button {
	display: none;
}
.donation-slider-amount-description {
	float: left;
	margin: 8px 30px 0;
	width: 310px;
	min-height: 62px;
}
#donation-slider-amount-description__text-wrapper:before {
	font-size: 50px;
	float: left;
	margin: 0 15px 0 0;
}
#donation-slider-amount-description__text {
	overflow: hidden;
	padding-top: 3px;
	margin: 0;
	text-align: left;
}
#section--make-a-donation__content__button {
	float: right;
}

.donation-custom-amount-button {
	-webkit-appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: none;
	color: #FFF;
	text-decoration: underline;
}
.donation-custom-amount-button:hover,
.donation-custom-amount-button:focus {
	color: #c3e0f1;
}


/* BP 1 */
@media screen and (max-width: 1200px) {
	.section--make-a-donation__content {
		padding-left: 12%;
		padding-right: 12%;
	}
}
/* BP 2 */
@media screen and (max-width: 1000px) {
	.section--make-a-donation__content {
		padding-left: 15px;
		padding-right: 15px;
	}
	.donation-slider-amount-value-wrapper {
		font-size: 3.6rem;
		padding: 7px 10px 2px;
		width: 139px;
	}
	#donation-slider-amount-value,
	#donation-slider-custom-amount-value {
		width: 81px;
	}
	.donation-slider-amount-description {
		margin: 8px 17px 0;
		width: 310px;
		min-height: 54px;
	}
	#donation-slider-amount-description__text {
		padding-top: 0;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	#donation-slider-amount-description__text-wrapper:before {
		font-size: 37px;
		margin: 0 0 6px;
		float: none;
		display: block;
	}
	#section--make-a-donation__content__button {
		float: none;
		margin: 0 auto;
	}
	.donation-slider__info {
		text-align: center;
	}
	.donation-slider-amount {
		float: none;
	}
	.donation-slider-amount-description {
		margin: 18px auto 30px;
		width: auto;
		text-align: center;
		min-height: 0;
		float: none;
	}
}

/* ---- How we help section ---- */
.section--how-we-help h2,
.section--how-we-help .h1:first-child {
	margin-top: 0;
}
.how-we-help__image {
	padding-right: 20px;
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.how-we-help__image {
		padding-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
}

/* ---- Angel for a day section ---- */
.section--angel-for-a-day {
	padding: 0;
	overflow: hidden;
}
.section--angel-for-a-day .container {
	position: relative;
	z-index: 1;
}
.section--angel-for-a-day__description {
	padding-right: 30px;
	position: relative;
	z-index: 1;
}
.section--angel-for-a-day__description .h1 {
	margin-top: 0;
	padding-top: 32px;
}
.section--angel-for-a-day__next-available {
	padding: 143px 0 50px 60px;
	position: relative;
}
.section--angel-for-a-day__next-available__inner {
	position: relative;
	z-index: 1;
}
.section--angel-for-a-day__next-available .h1 {
	margin-top: 0;
}
.section--angel-for-a-day__next-available:before {
	background-color: #ebebeb;
	left: 43px;
}
.section--current-angels__archangel:before {
	background-color: #e56823;
	left: -58px;
}
.section--angel-for-a-day__next-available:before,
.section--current-angels__archangel:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	width: 200%;
	height: 200%;
	z-index: 0;
}

.section--angel-for-a-day__next-available:after {
	margin-right: -43px;
	width: 20px;
	border-width: 0 0 1200px 300px;
	border-color: transparent transparent #ebebeb transparent;
}
.section--current-angels__archangel:after {
	margin-right: 58px;
	width: 20px;
	border-width: 0 0 1200px 300px;
	border-color: transparent transparent #e56823 transparent;
}
.section--angel-for-a-day__next-available:after,
.section--current-angels__archangel:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 100%;
	bottom: 0;
	z-index: 0;
	width: 0;
	height: 0;
	border-style: solid;
	z-index: 0;
}


.section--current-angels__archangel {
	position: relative;
	background-color: #e56823;
}
.section--current-angels__archangel__inner {
	position: relative;
	z-index: 1;
}

.section--current-angels h2 {
	margin-top: 8px;
}



/* BP 1 */
@media screen and (max-width: 1200px) {
	.section--angel-for-a-day__next-available.section--angel-for-a-day__next-available--archangel {
		padding-top: 80px;
	}
	.section--current-angels__archangel:after {
		margin-right: 63px;
	}
	.section--current-angels__archangel:before {
		left: -63px;
	}
}

/* BP 2 */
@media screen and (max-width: 1000px) {
	.section--angel-for-a-day__next-available {
		padding: 129px 0 60px 30px;
	}
	.section--angel-for-a-day__next-available:before {
		left: 29px;
	}
	.section--angel-for-a-day__next-available:after {
		margin-right: -29px;
		border-width: 0 0 1350px 300px;
	}
	.section--angel-for-a-day__description .h1 {
		padding-top: 20px;
	}
	.section--angel-for-a-day__description {
		padding-right: 45px;
	}
	.section--current-angels__archangel:after {
		content: none;
	}
	.section--current-angels__archangel:before {
		left: -100%;
		width: 1000%;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.section--angel-for-a-day__next-available:after {
		border-width: 0 0 1700px 300px;
	}
	.section--angel-for-a-day__next-available {
		padding-top: 109px;
	}
}
/* BP 4 */
@media screen and (max-width: 600px) {
	.section--angel-for-a-day__next-available {
		padding: 3px 0 30px;
	}
	.section--angel-for-a-day__next-available:before,
	.section--angel-for-a-day__next-available:after {
		content: none;
	}
	.section--angel-for-a-day__description .h1 {
		padding-top: 0;
	}
	.section--angel-for-a-day__description {
		padding-right: 0;
	}
}

/* Current angel */
.current-angel {
	position: relative;
	margin-top: 26px;
}
.current-angel:last-child {
	margin-right: 0;
}
.current-angel__logo {
	float: left;
	margin-right: 30px;
	overflow: hidden;
	max-width: 148px;
}
.current-angel__info {
	float: left;
	width: 322px;
}
.section--current-angels {
	padding-top: 0;
	padding-bottom: 0;
}
.current-angel h3 {
	margin-top: 0;
}
.current-angel h4 {
	margin-bottom: 0;
}
.current-angel__type {
	color: #1D1C1D;
}


/* BP 1 */
@media screen and (max-width: 1200px) {
	.current-angel__info {
		width: 266px;
	}
	.current-angel__logo {
		max-width: 110px;
		margin-right: 20px
	}
}


/* BP 2 */
@media screen and (max-width: 1000px) {
	.current-angel__info {
		width: auto;
		float: none;
	}
	.current-angel__logo {
		max-width: 110px;
		margin-right: 0;
		float: none;
		margin-bottom: 20px;
	}
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.current-angel {
		width: 100%;
		float: left;
	}
	.current-angel__info {
		width: 430px;
	}
	.current-angel__logo {
		max-width: 110px;
		margin-right: 20px
	}
	.current-angel--archangel {
		padding-left: 0;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.current-angel__logo {
		float: none;
		margin-bottom: 20px;
	}
	.current-angel__info {
		width: auto;
	}
}

/* ---- Step list ---- */
#angel-for-day-steps {
	list-style: none;
	margin: 30px 0 30px;
	padding: 0;
}
#angel-for-day-steps:before,
#angel-for-day-steps:before,
#angel-for-day-steps:after {
	content: " ";
	display: table;
}
#angel-for-day-steps:after {
	clear: both;
}
.angel-for-a-day-step {
	float: left;
	width: 25%;
	text-align: center;
	position: relative;
}
.angel-for-a-day-step:after {
	content: "\e902";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 29px;
	position: absolute;
	top: 22px;
	left: 100%;
	margin-left: -13px;
	color: #D2D1D1;
}
.angel-for-a-day-step:last-child:after {
	content: none;
}
.angel-for-a-day__icon {
	background-color: #757575;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	margin: 0 auto 10px;
	color: #FFF;
	font-size: 44px;
	position: relative;
}
.angel-for-a-day-step--active .angel-for-a-day__icon {
	background-color: #F27631;
}
.angel-for-a-day__icon:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 600px) {
	.angel-for-a-day__icon {
		width: 45px;
		height: 45px;
		font-size: 27px;
	}
	.angel-for-a-day-step:after {
		font-size: 22px;
		top: 12px;
		margin-left: -11px;
	}
}

/* ---- Donation page ---- */

/* Donation amounts */
.donation-amt-item {
	width: 18.4%;
	float: left;
	min-height: 250px;
	-webkit-appearance: none;
	outline: none;
	margin: 0 2% 20px 0;
	padding: 12px 12px 35px;
	background: #EAEAEA;
	border: 2px solid #eaeaea;
	text-align: center;
	position: relative;
	transition: border 300ms ease;
}
.donation-amt-item:last-child {
	margin-right: 0;
}

.donation-amt-item a,
ul.donate a {
	text-decoration: none;
}

.donation-amt-item .icon {
	width: 36px;
	height: 36px;
	margin: 0 auto 10px auto;
}

.donation-amt-item h3,
.donation-amt-item p {
	color: #000;
	text-align: center;
}

.donation-amt-item h3 {
	font-size: 3.4rem;
}

.donation-amt-item .textbox {
	width: 100px;
	margin-top: 10px;
}

.donation-amt-item.selected {
	background: #DE6624;
}

.donation-amt-item.selected .icon {
	background-position: 0px -36px;
}

.donation-amt-item.selected p,
.donation-amt-item.selected h3 {
	color: #FFF;
}


.donation-amt-item:hover,
.donation-amt-item.selected {
	border: 2px solid #f59f4c
}
.donation-amt-item:after {
	content: 'Select';
	display: block;
	background: #f5a04d;
	color: #fff;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-ms-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}
.donation-amt-item:hover:after {
	opacity: 1;
}

.donation-amt-item.selected:after {
	content: 'Selected';
	opacity: 1;
}
.donation-amt-item--other-amount.donation-amt-item.selected:after {
	content: 'Enter amount';
}


/* ---- Social list ---- */
.social-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.social-list:before,
.social-list:after {
	content: " ";
	display: table;
}
.social-list:after {
	clear: both;
}
.social-list__item {
	float: left;
	margin-right: 11px;
}
.social-list__item:last-child {
	margin-right: 0;
}
.social-list__item a {
	text-indent: -9999px;
	display: block;
	background-color: #3b5998;
	border-radius: 50%;
	color: #FFF;
	width: 44px;
	height: 44px;
	position: relative;
	text-decoration: none;
}
.social-list__item a:before {
	text-indent: 0;
	position: absolute;
	font-size: 25px;
	top: 10px;
	left: 10px;
}
.social-list__item a.icon-facebook {
	background-color: #3b5998;
}
.social-list__item a.icon-facebook:hover,
.social-list__item a.icon-facebook:focus {
	background-color: #324e8a;
}
.social-list__item a.icon-twitter {
	background-color: #55acee;
}
.social-list__item a.icon-twitter:hover,
.social-list__item a.icon-twitter:focus {
	background-color: #489fe1;
}
.social-list__item a.icon-enews {
	background-color: #1d1c1d;
}
.social-list__item a.icon-enews:hover,
.social-list__item a.icon-enews:focus {
	background-color: #000000;
	color: #FFF;
}
.social-list__item a.icon-instagram {
	background-color: #405de6;
	background:
    radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%),
    radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%),
    radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),
    radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),
    linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}
.social-list__item a.icon-instagram:hover,
.social-list__item a.icon-instagram:focus {
	background-color: #405de6;
	background: radial-gradient(circle farthest-corner at 35% 90%, #EFB450, transparent 50%),     radial-gradient(circle farthest-corner at 0 140%, #EFB450, transparent 50%),     radial-gradient(ellipse farthest-corner at 0 -25%, #4046BF, transparent 50%),     radial-gradient(ellipse farthest-corner at 20% -50%, #4046BF, transparent 50%),     radial-gradient(ellipse farthest-corner at 100% 0, #7B31B3, transparent 50%),     radial-gradient(ellipse farthest-corner at 60% -20%, #7B31B3, transparent 50%),     radial-gradient(ellipse farthest-corner at 100% 100%, #C7236B, transparent),     linear-gradient(#6559ca, #bc318f 30%, #C7236B 50%, #E86628 70%, #EFB450 100%);
}
.social-list__item a.icon-youtube {
	background-color: #cd201f;
}
.social-list__item a.icon-youtube:hover,
.social-list__item a.icon-youtube:focus {
	background-color: #B71514;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.social-list__item a {
		width: 36px;
		height: 36px;
	}
	.social-list__item a:before {
		font-size: 21px;
		top: 8px;
		left: 8px;
	}
}

/* ---- Article boxes ---- */
.article-box {
	position: relative;
}
.article-box__image {
	margin: 0 0 15px;
}
.article-box__image img {
	width: 100%;
}
.article-box__content {
	padding: 20px 25px;
	position: relative;
	overflow: hidden;
}
.article-box__content:before {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 500px 111px;
}
.article-box__content__title {
	line-height: 1;
	margin: 2px 0 9px;
}

.article-box__content__inner {
	position: relative;
	z-index: 1;
}

.article-image__main {
	margin-bottom: 2em;
}

/* Orange (default) */
.article-box__content {
	color: #FFF;
}
.article-box__content:before {
	border-color: transparent transparent #e56823 transparent;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.article-box__content {
		padding: 15px 17px;
	}
}

/* BP 5 */
@media screen and (max-width: 500px) {
	.article-box {
		margin-bottom: 25px;
	}
	.article-box:last-child {
		margin-bottom: 0;
	}
}

/* ---- Line heading/line link shared ---- */
h1:after,
.h1:after,
.line-heading:after,
.line-link:before {
	content: " ";
	height: 2px;
	display: block;
	margin: 10px 0 11px;
	max-width: 104px;
	background-color: #444;
}

/* White (default) */
.line-link:before,
.bg-white .line-link:before,
h1:after,
.h1:after,
.line-heading:after,
.bg-white .line-heading:after {
	background-color: #b9babd;
}

/* Orange */
.bg-orange h1:after,
.bg-orange .h1:after,
.bg-orange .line-link:before,
.bg-orange .line-heading:after {
	background-color: #faa475;
}

/* Light black */
.bg-light-black h1:after,
.bg-light-black .h1:after,
.bg-light-black .line-link:before,
.bg-light-black .line-heading:after {
	background-color: #393739;
}

.no-line-heading:after {
	content: none;
}

/* BP 5 */
@media screen and (max-width: 500px) {
	h1:after,
	.h1:after,
	.line-heading:after {
		margin: 6px 0 9px;
	}

	.line-link:before {
		content: none;
	}
}

/* ---- Line links ---- */
.line-link {
	text-transform: uppercase;
	font-family: 'Folksolid', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 2rem;
}
.line-link a {
	text-decoration: none;
	color: inherit;
}
.line-link a:before {
	content: "\e902";
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 15px;
	margin-right: 3px;
}

/* White (default) */
.line-link a,
.bg-white .line-link a {
	color: #F27631;
}
.line-link a:hover,
.line-link a:focus,
.bg-white .line-link a:hover,
.bg-white .line-link a:focus {
	color: #E56823;
}

/* Orange */
.bg-orange .line-link a {
	color: #FFF;
}
.bg-orange .line-link a:hover,
.bg-orange .line-link a:focus {
	color: #FFECE2;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	.line-link {
		font-size: 1.7rem;
	}
	.line-link a:before {
		font-size: 13px;
	}
}


/* ---- Line heading ---- */
/* All in shared styles */

/* =================
---- OLD STYLES ----
==================== */

/* ---- Expanding Sections ---- */

.expando-opener-heading {
	color: #e85505;
}

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

a.expando-opener-link:before,
.expando-opener-heading:before {
	content:"\003e ";
	margin-right: 5px;
	display: inline-block;
	top: -2px;
	position: relative;
}

.expando-opener-heading.expanded:before {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}



/* Form style */

table.form-section,
table.checkbox-list {
	border-collapse: collapse;
	border: 1px #d1d1d1 solid;
	margin-bottom: 30px;
	width: 100%;
}

table.form-section tr,
table.checkbox-list tr {
	border-bottom: 1px #D7D7D7 solid;
}

table.form-section th {
	width: 200px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 14px;
	vertical-align: top;
}

table.form-section td,
table.checkbox-list td {
	width: auto;
	padding: 15px 17px;
	vertical-align: top;
}

table.form-section td.field-info {
	vertical-align: middle;
	width: 150px;
}

table.checkbox-list td.check {
	width: 10px;
	text-align: center;
}

table.form-section span.s {
	display: block;
	font-weight: normal;
	font-size: 1.3rem;
	color: #555;
}

table.form-section table.checkbox-list {
	margin: 0;
}

table.form-section td.subheading {
	font-size: 16px;
	font-weight: bold;
	padding: 17px 29px 8px 29px;
}

table.form-section .textbox,
table.form-section select {
	display: block;
	width: 100%;
	outline: none;
	border: none;
	line-height: normal;
	padding: 11px 20px 10px;
	font-size: 1.5rem;
	line-height: 1.2;
	border: 1px solid #CED2DC;
	background-color: #EBEBEB;
}
table.form-section .fb-widget-datepicker .textbox {
	display: inline-block;
	min-width: 4.5em;
}
span.field-info {
	font-size: 1.3rem;
}

/* BP 3 */
@media screen and (max-width: 760px) {
	table.form-section,
	table.form-section thead,
	table.form-section tbody,
	table.form-section tr,
	table.form-section th,
	table.form-section td {
		display: block;
		width: 100%;
		border: none;
	}
	table.form-section {
		border-top: 1px #d1d1d1 solid;
		border-left: 1px #d1d1d1 solid;
		border-right: 1px #d1d1d1 solid;
	}
	table.form-section th,
	table.form-section td {
		padding: 12px 10px;
		border-bottom: 1px #d1d1d1 solid !important;
	}
	table.form-section td.field-info {
		width: 100%;
	}
	table.form-section input {
		width: 100% !important;
	}
}

/* Submit bar */
.submit-bar {
	border-top: 1px solid #ebebeb;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 30px;
}
.submit-bar [type="submit"],
.submit-bar a:only-child {
	float: right;
}
/* BP 5 */
@media screen and (max-width: 500px) {
	.submit-bar a,
	.submit-bar input {
		margin: 0 0 9px;
	}
	.submit-bar [type="submit"],
	.submit-bar a:only-child {
		float: none;
	}
}

/* ---- Blog ---- */

/* - Sidebar widget - */
.blog-cat-sub-tall .field-info {
	display: none;
}
.blog-cat-sub-tall .submit-bar {
	border-top: none;
	margin-top: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
.blog-cat-sub-tall:before,
.blog-cat-sub-tall:after {
	content: " ";
	display: table;
}

.blog-cat-sub-tall:after {
	clear: both;
}

.blog-cat-sub-tall .field-input p {
	margin: 0;
}

/* - Blog hub - */
#blog-hub-posts,
#blog-posts {
	margin: 0 -2%;
}
.blog-post-preview {
	border: 1px solid #ececec;
	padding: 22px 25px;
	width: 47%;
	margin: 0 0 20px 2%;
	float: left;
	background: #fff;
}
.blog-post-preview .blog-post-featured-img-small {
	width: 100%;
	display: block;
}
.blog-post-preview .excerpt a {
	text-decoration: none;
}
.view-more-link-wrapper {
	position: relative;
	margin-bottom: 30px;
}
.view-more-link {
	background-color: rgba(32, 43, 64, 0.9);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #FFF;
	margin: 0;
	opacity: 0;
	transition: opacity 200ms ease;
}
.view-more-link__text {
	margin: 0;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.view-more-link__text:before {
	font-size: 6rem;
	vertical-align: top;
	margin-top: -15px;
	display: inline-block;
}
.blog-post-img-link:hover .view-more-link,
.blog-post-img-link:focus .view-more-link {
	opacity: 1;
}
.project-screenshots-area a:hover .view-more-link,
.project-screenshots-area a:focus .view-more-link {
	opacity: 1;
}

.blog-post-preview .social-list {
	margin: 0;
}
.blog-post-preview .social-list__item {
	display: block;
}
.blog-post-preview .social-list__item a {
	font-size: 3rem;
}
.blog-post-preview a.blog-link {
	color: #f1633a;
}
.blog-post-preview .excerpt__title a {
	text-decoration: none;
}
.excerpt__title a {
	color: inherit;
}
.blog-post-preview .excerpt__title h2 {
	margin: 0 0 5px;
}
.blog-post-preview .excerpt .author {
	font-size: 1.4rem;
	text-transform: uppercase;
}
.blog-post-preview .excerpt p {
	font-size: 1.7rem;
	margin: 0 0 20px;
}
.blog-post-preview .excerpt p:last-child {
	margin-bottom: 0;
}
.blog-post-preview .hub-share p {
	text-transform: uppercase;
	margin: 0 0 8px;
	font-family: 'Proxima Nova W15', Helvetica, Arial, sans-serif;
}

/* Refine bar */
.blog-refine-bar {
	margin: 37px 0;
}
.blog-refine-bar .on {
	background: #231f20;
	color: #FFF;
}

/* BP 1 */
@media screen and (max-width: 1200px) {
	.blog-refine-bar {
		margin: 27px 0;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.blog-post-preview {
		padding: 17px;
	}
}

/* BP 5 */
@media screen and (max-width: 500px) {
	.blog-post-preview {
		width: 100%;
		margin: 0 0 20px;
	}
	.view-more-link-wrapper {
		margin-bottom: 20px;
	}
}

/* -- Blog post -- */
.blog-post-featured-img {
	margin: 0 0 20px;
}

#blog-post-section .blog-post .blog-date p {
	color: #ffc400;
}
#blog-post-section .blog-post .side {
	float: left;
	width: 180px;
	border-right: 1px solid #ececec;
	text-align: center;
	margin: 0 50px 0 0;
}
.side-col {
	padding: 23px 20px;
	border-bottom: 1px solid #ececec;
}
.side-col:last-child {
	border-bottom: none;
}

.blog-author-pic p {
	margin: 0;
}
.blog-author-pic a {
	display: block;
	font-size: 1.5rem;
	text-transform: uppercase;
}
.blog-author-pic img {
	margin-bottom: 18px;
	max-width: 100px;
}

.blog-subscribe p {
	margin-bottom: 0;
}

.blog-date .date-shield {
	margin: 0 auto;
}

#blog-post-section .blog-post .blog-date p {
	color: #ffc400;
}

.blog-post .side .share p {
	margin: 0 0 10px;
	text-transform: uppercase;
	font-size: 1.7rem;
}
.blog-post .side .social-list {
	margin: 0;
}
.blog-post .side .social-list__item {
	display: block;
}
.blog-post .side .social-list__item a {
	font-size: 3.5rem;
}
.blog-post .side .social-list__item a:hover,
.blog-post .side .social-list__item a:focus {
	color: #E35F36;
}

.blog-post .side a img {
	display: block;
	margin: 15px auto;
}
#blog-post-section .blog-post .share a:hover img {
	opacity: 0.5;
	transition: opacity 300ms ease-in;
}
#blog-post-section .blog-post .excerpt {
	float: left;
	width: 910px;
}

#blog-post-section .blog-post .excerpt h3:before,
#blog-post-section .blog-post .excerpt h3:after {
	display: none;
}
#blog-post-section .blog-post .excerpt .author {
	font-size: 1.6rem;
	text-transform: uppercase;
	margin: 10px 0 20px;
}


.blog-post__footer .fb_iframe_widget span {
	display: block;
}
.blog-post__tags {
	margin-bottom: 20px;
}

.blog-post__footer .share-item {
	display: inline;
	vertical-align: middle;
}
.blog-post__footer .share-buttons {
	margin-bottom: 20px;
}
.blog-post__footer .share {
	margin-bottom: 20px;
}

/* ---- Product list ---- */
.prod-list {
	margin: 25px 0;
}
.prod-list .product {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 35px;
}
.prod-list .product:last-child {
	margin-bottom: 0;
}
.prod-list .product:before,
.prod-list .product:after {
	content: " ";
	display: table;
}

.prod-list .product:after {
	clear: both;
}
.prod-list .pic {
	float: left;
	margin-right: 35px;
	width: 170px;
}
.prod-list .desc {
	float: left;
	width: 405px;
}
.prod-list .buy {
	float: left;
	width: 150px;
}
.product__title {
	margin-top: 0;
}

.payment-total {
	text-align: right;
	font-size: 1.9rem;
}


/* BP 1 */
@media screen and (max-width: 1200px) {
	.prod-list .pic {
		margin-right: 30px;
		margin-bottom: 30px;
		width: 150px;
	}
	.prod-list .desc {
		width: auto;
		float: none;
		overflow: hidden;
	}
	.prod-list .buy {
		float: none;
		width: auto;
		text-align: right;
	}
}

/* BP 4 */
@media screen and (max-width: 600px) {
	.prod-list .pic {
		float: none;
		width: auto;
		display: block;
		margin: 0 auto 24px;
	}
	.prod-list {
		margin: 12px 0;
	}
}


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