@charset "UTF-8";

/* Enrolmy CSS

Colours:
Light Blue #00a7e8
Dark Blue #2145b2

Order of CSS:

1. General
2. Elements 
3. Anchors, Inputs, Buttons, Checkboxes etc
4. Sections
5. Nav, Secondary Nav & Sub Nav (right sidebar)
6. Enrolmy Fixed Grid Widths
7. User-entered data (inputs etc)
8. Individual Pages (see headings within this section)
9. Miscelleaneous and General Classes
10. Bootstrap overrides (general)
11. Bootstrap overrides (by screen size)
12. Retina images

*/
 
div.paid_watermark,
div.void_watermark {
	font-size:400px;
	position:absolute;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform:rotate(-45deg);
	top:375px;
	opacity:0.25;
	/*Font size relative to container*/
	font-size: 41cqmin;
	/*Center absolute element horizontally*/
	width: fit-content;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
div.paid_watermark {
	color:rgb(103, 211, 157);
}
/* Floating bottom bars */

div#floating-bottom-bars {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:1000;
	text-align:right;
}
/* Return to enrolment form */

div#return-to-enrol {
	display:inline-block;
	padding: 10px 40px 10px 15px;
	margin:0 90px 10px 0;
	background: #ee7521;
	border-radius:4px;
	position: relative;
}
div#return-to-enrol span {
	line-height: 1.2em;
	color: #eaeaea !important;
	display: block;
	clear: both;
}
div#return-to-enrol a:hover {
	text-decoration: none;
}
div#return-to-enrol a:hover strong {
	text-decoration: underline;
}
div#return-to-enrol a:link,
div#return-to-enrol a:visited {
	color:white !important;
}
div#return-to-enrol a i.fa {
	position: absolute;
	top: 10px;
	right: 15px;
}
div#return-to-enrol a i.fa:before {
	color:#7F0000 !important
}

/* IE Sucks */

div#ie-warning-bar {
	width:100%;
	background-color:red;
	text-align:center;
	color:white !important;
}
div#ie-warning-bar p {
	color:white !important;
}
div#ie-warning-bar a {
	color:blue !important;
}
.lt-ie10 body {
	margin-bottom:2em;
}
.ie-placeholder-div {
	position:relative;
}
.ie-placeholder-span {
	position:absolute;
	top:0;
	left:0;
	color:rgb(166, 166, 166);
	height:100%;
	width:100%;
}
/* 1. General */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #f8f9f9;
	font-family: "lato-regular", Arial, sans-serif;
	font-size: 16px;
	color: #4d4d4d;
	overflow-x: hidden;
}
body.iframe-embed {
	background-color:white;
	overflow:hidden;
}
.iframe {
	display:none
}
.iframe-embed .no-iframe {
	display:none !important;
}
.iframe-embed .iframe {
	display:block !important;
}
main.iframe-embed,
body.iframe-embed div#main-wrap,
body.not-full-width main.iframe-embed .container,
body.not-full-width main.iframe-embed .row {
	width:100% !important;
	max-width:none !important;
}
body.not-full-width main#booking_events-view-page.iframe-embed #programme-header-map {
	top:246px !important; /* powered by enrolmy takes up space */
}
body.iframe-embed div#main-wrap {
	padding:0 20px;
}
.iframe-embed .bc_selectAll,
.iframe-embed #new-attendee-button,
.iframe-embed .already-booked-text {
	display:none
}
/* 2. Elements */

p,
li,
label {
	font-family: "lato-regular", Arial, sans-serif;
	font-size: 16px; /* was 13px */
	line-height: 1.4;
	color: #4d4d4d;
	margin: 0;
	padding: 4px 0; /* label has padding override */
}

span.lead-in-text {
	font-family: "lato-light";
	font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "lato-light", "lato-regular", Arial, sans-serif;
	color: #4d4d4d;
	font-weight: 400;
	margin: 0;
	padding: 0.2em 0;
}

/*h1 { /* Use this one for home page later?
	font-size: 33px;
	line-height: 58px;
} */

h1 {
	font-size: 34px;
	line-height: 1.5;
}

h2 {
	font-size: 20px;
	line-height: 1.3;
}

h3 {
	font-size: 18px;
	line-height: 1.3;
}

h4 {
	font-size: 20px;
	line-height: 1.3;
}

h4 i.fa.fa-exclamation-triangle {
	color: #f08c1e;
}

h5 {
	font-size: 18px;
	line-height: 1.3;
	color: #2c4666;
}

h6 {
	font-size: 16px;
	line-height: 1.3;
}

ul,
ol {
	margin: 0 0 0 20px;
	padding: 4px 0;
}

li {
	padding: 0;
}

a.icon-link, a.icon-link:link, a.icon-link:visited {
	color: #007ccf;
}
a.icon-link:hover {
	color: #007ccf;
	cursor: pointer;
}
a.icon-link i {
	margin-right: 5px;
}
a.icon-link i:before {
	color: #007ccf;
}
a.blue-link:link, a.blue-link:visited {
	color:#2145b2;
}

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

.green {
	color: rgb(68, 181, 124);
}
.red {
	color: rgb(224, 110, 98);
}
.blue {
	color: rgb(0, 124, 207);
}
.orange {
	color: rgb(229, 141, 81);
}
.purple {
	color: rgb(98, 72, 134);
}
.grey {
	color: #2c4666;
}
button.grey {
	color: #fff;
}

.floatContainer {
	overflow: hidden;
}

.button--padded,
.button.button--padded {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
}

.button--right {
	float: right;
}

.button--small,
.button.button--small {
	font-size: 14px;
}

.size-xs .button.button--xs-small {
	font-size: 14px;
}


ul.large-bullet-points li {
	font-size: 20px;
}
.right {float:right !important;}
#top-flash-message.full-width-flash {
	width:100%;
}
#top-flash-message {
	background-color:white;
	margin-top: 20px;
	margin-bottom:20px;
	padding:20px;
	border-radius:6px;
	border:1px solid rgb(217, 217, 217);
}
body.full-width div#top-flash-message {
	width:100% !important;
}
#top-flash-message-image {
	float:left;
	width:190px;
}
#top-flash-message-image img {
	border-radius:6px;
	border:1px solid rgb(217, 217, 217);
}
#top-flash-message-icon {
	width: 100px;
	text-align: center;
	float: left;
	font-size: 90px;
	padding: 0px;
	line-height: 90px;
	color: #67D39D;
}
#top-flash-message.vertical-align #top-flash-message-icon {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
#top-flash-message-icon.red {
	color: #E06E62;
}
#top-flash-message-info {
	margin-left:210px;
}
#top-flash-message.with-icon #top-flash-message-info {
	margin-left: 110px;
}
#top-flash-message.vertical-align #top-flash-message-info {
	margin-left: 0px;
	display: inline-block;
}
#top-flash-message h1 {
	font-size:25px;
	padding:0;
	margin:0;
	color:#2c4666;
}
#top-flash-message h2 {
	font-size:20px;
	padding:0;
	margin:0;
}
#top-flash-message p {
	text-align:left !important;
	padding-left:0 !important;
	font-size:18px !important;
	color:rgb(77,77,77) !important;
}
#top-flash-message.flash-banner {
	text-align: center;
	border-radius: 100px;
	margin-top: 0px;
	box-shadow: 0 0 5px lightgrey;
}
#top-flash-message.flash-banner p {
	text-align: center !important;
}
#top-flash-message.flash-banner #top-flash-message-info {
	margin: 0px;
}
#top-flash-message.flash-banner h2 {
	font-size: 30px;
	line-height: 34px;
	color: #007ccf;
}



.size-xs #top-flash-message {
	margin-top: 10px;
}

.size-xs #top-flash-message h1 {
	color: #888;
	font-size: 23px;
}


.size-xs #top-flash-message p {
	font-size: 15px !important;
}

.size-xs #top-flash-message .button {
	margin-top: 10px;
}

.size-xs #top-flash-message-icon {
	float: none;
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

.size-xs #top-flash-message.with-icon #top-flash-message-info {
	margin-left: 0;
}

.aggressiveTopMessage {
	background: #ffe5e5; 
	border: 3px solid #ce2a2a;
	border-radius: 10px;
	margin-bottom:20px;
}

.aggressiveTopMessage article {
	padding: 15px;
}

.aggressiveTopMessage h1 {
	padding: 15px;
	font-size: 25px;
	background-color: #ce2a2a;
	color: #fff;
	position: relative;
	padding-left: 55px;
}
.aggressiveTopMessage h1 i {
	position: absolute;
    left: 20px;
    top: 20px;
}
.aggressiveTopMessage p {
	font-size: 18px;
}

a.skip-emergency-contacts {
	display:block;
	margin-bottom:20px;
}
div#authMessage,
body#oauths-parent_signup div#flashMessage,
body#enrolments-form div#flashMessage,
blockquote {
	border: none;
	font-size: 16px; /* was 13px */
	line-height: 1.4;
	background-color: #e6f4f4;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	padding: 13px 40px 13px 18px;
	margin: 15px 0;
	color: #4d4d4d;
	position: relative; /* for positioning close button */
	clear: both;
}

.emergency-contact-alert {
	border: none;
	font-size: 16px; /* was 13px */
	line-height: 1.4;
	background-color: #ffe5e5;
	border: 1px #ce2a2a solid;
	border-radius: 6px;
	padding: 13px 40px 13px 18px;
	margin: 15px 0;
	position: relative; /* for positioning close button */
	clear: both;
}
.form-section .emergency-contact-alert p {
	color: #ce2a2a;
	padding: 0px;
}

div#authMessage,
body#enrolments-form div#flashMessage {
	margin-left:20px;
	margin-right:20px;
	max-width:820px;
}
body#oauths-parent_signup div#flashMessage {
	margin-left:20px;
	margin-right:20px;
}
blockquote.fa {
	padding-left: 60px;
}
div#authMessage.fa:before,
body#enrolments-form div#flashMessage.fa:before,
blockquote.fa:before {
	position: absolute;
	left: 13px;
	font-size: 40px;
	line-height: 40px;
}
div#authMessage p,
body#enrolments-form div#flashMessage p,
blockquote p {
	color: #4d4d4d !important;
}
div#authMessage p:first-child,
body#enrolments-form div#flashMessage p:first-child,
blockquote p:first-child {
	padding-top: 0px;
}
div#authMessage p:last-child,
body#enrolments-form div#flashMessage p:last-child,
blockquote p:last-child {
	padding-bottom: 0px;
}

em,
i {
	font-family: "lato-italic";
	font-style: normal;
}


strong,
b {
	font-family: "lato-bold";
	font-style: normal;
}

iframe {
	background: #e6e5e5;
}
iframe.f2c-iframe {
	background:white;
}

/* 3. Anchors, Inputs, Buttons, Checkboxes etc */

/* Anchors */

a.body-link:link,
a.body-link:visited {
	color:rgb(128,128,128);
	text-decoration:underline;
}
a:link,
a:visited {
	color: #2c4666;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover {
	color: #f0ae1e;
	text-decoration: underline;
	transition: all 0.3s ease;
}

a:active {
	color: #f08c1e;
	text-decoration: none;
	transition: all 0.3s ease;
}

h1 a:link,
h1 a:visited,
h1 a:link,
h1 a:visited,
h1 a:link,
h1 a:visited,
h1 a:link,
h1 a:visited,
h1 a:link,
h1 a:visited,
h1 a:link,
h1 a:visited {
	color: #f08c1e;
	text-decoration: none;
	transition: all 0.3s ease;
}

h1 a:hover,
h1 a:hover,
h1 a:hover,
h1 a:hover,
h1 a:hover,
h1 a:hover {
	color: #f0ae1e;
	text-decoration: underline;
	transition: all 0.3s ease;
}

h1 a:active,
h1 a:active,
h1 a:active,
h1 a:active,
h1 a:active,
h1 a:active {
	color: #f08c1e;
	text-decoration: none;
	transition: all 0.3s ease;
}

a.more {
	font-family: "lato-italic";
}
/*blue is a lie for these*/
a.blue.invoice-link:link,
a.blue.invoice-link:visited {
	color:rgb(77,77,77);
}
.overdue-invoice,
span.blue.invoice-link.overdue-invoice,
a.blue.invoice-link.overdue-invoice:link,
a.blue.invoice-link.overdue-invoice:visited {
	color:rgb(224, 110, 98)
}
.paid-invoice,
span.blue.invoice-link.paid-invoice,
a.blue.invoice-link.paid-invoice:link,
a.blue.invoice-link.paid-invoice:visited {
	color:rgb(103, 211, 157);
}


/*end blue is a lie*/
a.activity-provider:link,
a.activity-provider:visited,
a.blue:link,
a.blue:visited {
	color: #007ccf;
}

a.activity-provider:hover,
a.blue:hover {
	color: #2145b2;
}

a.activity-provider:active,
a.blue:active {
	color: #007ccf;
}

a.filename:link,
a.filename:visited {
	color: #4d4d4d;
}

a.filename:hover {
	color: #f08c1e;
}

a.filename:active {
	color: #4d4d4d;
}

a.filename i {
	color: #2c4666;
}
.button-disabled{
	opacity:0.5
}
a.button {
	display: block;
}

a.button.enrolmy-col-2 {
	width: 400px !important;
	max-width: 100% !important;
}
a.button.auto-margin {
	margin-left: auto !important;
	margin-right: auto !important;
}
a.button.enrolmy-full-width {
	width:100%;
}
a.button:hover {
	text-decoration: none;
}
.check-padded {
	margin-left:30px;
}
/* Inputs */

input:disabled,
input:read-only:not([type="submit"]),
select:disabled,
textarea:disabled,
textarea:read-only {
	background-color:rgb(250,255,255) !important;
	color:rgb(128,128,128) !important;
	-webkit-text-fill-color:rgb(128,128,128) !important; /* fix safari bug */
}
.to-reveal {
	display:none;
}
input,
label.check-label,
button,
select,
textarea,
a.button {
	border-radius: 4px;
	border: 1px #d9d9d9 solid;
	padding: 6px 12px;
	background-color: #fff;
	transition: all 0.3s ease;
	text-align: left;
}
label.check-label {
	border-color: #2c4666 !important;
}

.size-xs input[type=checkbox]:disabled:checked + label.check-label,
.input input[type=checkbox] + label.check-label {
	float: left;
}

input[type=checkbox].has-check-label {
	/* display:none; */
	opacity: 0;
}
.lt-ie9 input[type=checkbox] {
	display:inline !important;
	width:25px;
	height:25px;
	padding:0;
}
.lt-ie9 label.check-label {
	display:none !important;
}
input[type="checkbox"] + label.check-label {
	/*position: static;
	box-shadow: 0 0 5px rgba(240,140,30, 1);
	float: none;
	width: 25px;*/
}
.input input[type=checkbox]:disabled + label.check-label,
input[type=checkbox]:disabled + label.check-label {
	background: url('/img/icons/checkboxes.png') transparent no-repeat -207px -1px;
}
.input input[type=checkbox]:disabled:checked + label.check-label,
input[type=checkbox]:disabled:checked + label.check-label {
	background: url('/img/icons/checkboxes.png') transparent no-repeat -185px -1px;
	border: 1px solid rgb(92,198,236);
}


input:focus {
	border: 1px #f08c1e solid;
	outline-width:0;
	outline-offset:0
}
#login-element .error {
	padding-left:46px
}
#login-element input:focus {
	border: 1px #007ccf solid;
}
#login-element button {
	font-family:inherit
}
input[type=text],
input[type=email],
input[type=tel],
textarea,
select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.3s ease;
	outline: none;
	border: 1px #d9d9d9 solid;
}

input[type=checkbox] + label.check-label {
	outline: 0;
	border: 1px #d9d9d9 solid;
	transition: all 0s ease;
}

button:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	box-shadow: 0 0 5px rgba(240,140,30, 1);
	border: 1px solid rgba(240,140,30, 1);
}
#login-element button:focus,
#login-element input[type=text]:focus,
#login-element input[type=email]:focus,
#login-element input[type=tel]:focus,
#login-element input[type=password]:focus,
#login-element textarea:focus,
#login-element select:focus {
	box-shadow: 0 0 5px #007ccf;
	border: 1px solid 007ccf;
}
button:focus,
input[type=checkbox]:focus + label.check-label {
	outline: 0;
}

label {
	padding: 0 0 6px 0;
}

/* Buttons */

button,
input[type=submit],
button.close-button,
a.login,
a.button {
	color: #fff;
	width: 190px;
	height: 41px;
	font-size: 20px;
	line-height: 39px;
	font-family: "lato-italic";
	font-style: normal;
	text-align: center;
	border: 0;
	border-radius: 4px;
	padding: 0;
	margin: 0;
	background: #f08c1e;
	background: -webkit-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* Standard syntax */
	text-shadow: 0 0 5px #c86400;
}

/* Clean up Styling on CookieBot popup */
button.CybotCookiebotDialogBodyButton {
	text-shadow: none;
	height: auto;
	line-height: initial;
}

button.close-button {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
}

button:hover,
input[type=submit]:hover,
button.close-button:hover,
a.button:hover {
	background: #f0ae1e;
	background: -webkit-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%); /* Standard syntax */
}

button:active,
input[type=submit]:active,
button.close-button:active,
a.button:active {
	background: #e37a38;
	background: -webkit-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%); /* Standard syntax */
}

button i,
a.button i {
	position: relative;
	top: 5px;
	font-size: 120%;
}

button i.fa,
a.button i.fa {
	position: relative;
	top: 1px;
}

button.close-button i {
	position: static;
}

button.grey {
	background: #666;
	background: -webkit-linear-gradient(#2c4666 0%, #4d4d4d 84%, #666 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#2c4666 0%, #4d4d4d 84%, #666 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#2c4666 0%, #4d4d4d 84%, #666 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#2c4666 0%, #4d4d4d 84%, #666 100%); /* Standard syntax */
	text-shadow: 0 0 5px #4d4d4d;
}

button.grey:hover {
	background: #2c4666;
	background: -webkit-linear-gradient(#d9d9d9 0%, #4d4d4d 84%, #666 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#d9d9d9 0%, #4d4d4d 84%, #666 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#d9d9d9 0%, #4d4d4d 84%, #666 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#d9d9d9 0%, #4d4d4d 84%, #666 100%); /* Standard syntax */
}

button.grey:active {
	background: #666;
	background: -webkit-linear-gradient(#666 0%, #4d4d4d 16%, #2c4666 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#666 0%, #4d4d4d 16%, #2c4666 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#666 0%, #4d4d4d 16%, #2c4666 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#666 0%, #4d4d4d 16%, #2c4666 100%); /* Standard syntax */
}

button.inverse,
a.button.inverse {
	border: 1px #f08c1e solid;
	background: none;
	color: #f08c1e;
	text-shadow: none;
}
button.inverse i,
a.button.inverse i {
	color: #f08c1e !important;
}
button.inverse:hover i,
a.button.inverse:hover i {
	color: #f0ae1e !important;
}

button.inverse.white,
a.button.inverse.white {
	color: #fff;
	border: 1px #fff solid;
}

button.inverse:hover,
a.button.inverse:hover {
	background-color: #ffffff;
	color: #f0ae1e;
}

button.inverse:active,
a.button.inverse:active {
	border: 1px #cf622a solid;
	color: #cf622a;
}

button.inverse.white:hover,
a.button.inverse.white:hover {
	background-color: none;
}

button.inverse.white i,
a.button.inverse.white i {
	color: #f08c1e;
}

button.small-text {
	font-size: 16px;
	line-height: 16px;
}

button.login,
a.login { /* used in nav menu */
	position: relative;
	top: -6px;
	background: none;
	border: 1px #fff solid;
	border-radius: 4px;
	width: auto;
	height: 33px;
	padding: 0px 16px !important; /* should be about 86px x 34px in outer dimension */
	font-family: "lato-regular";
	font-size: 14px;
	line-height: 29px !important;
	margin: 0;
	text-shadow: none;
}

a.login {
	display: block;
	border-radius: 4px;
	width: auto;
	height: 33px;
	line-height: 29px;
}

button.login i,
a.login i {
	position: relative;
	top: 4px;
}

button.login:hover,
a.login:hover {
	background: #f08c1e !important;
}

button.login:active,
a.login:active {
	background: #4d4d4d;
	background: rgba(77, 77, 77, 0.5) !important;
}

button.user {
	border: 1px #d9d9d9 solid;
	background: #e6f4f4;
	color: #4d4d4d;
	font-family: "lato-regular";
	text-shadow: none;
}

button.user:hover {
	background: #e1efef; /* darkened by 5 */
	color: #2c4666;
}

button.user:active {
	background: #e6f4f4;
	color: #4d4d4d;
}

div.button-styling { /* styled to look like a button */
	border: 1px #f08c1e solid;
	border-radius: 4px;
	margin: 6px 0;
	height: 39px;
	padding: 0 17px;
}

div.button-styling label,
div.button-styling input,
div.button-styling p {
	float: left;
	font-size: 20px;
	line-height: 39px;
	font-family: "lato-italic";
}

div.button-styling label {
	color: #f08c1e;
}

div.button-styling input {
	width: 25px;
	border: none;
	height: 31px;
	line-height: 31px;
	margin: 4px 0 0 10px;
	font-size: 20px;
	padding: 1px;
	text-align: center;
	color: #4d4d4d;
}

div.button-styling p {
	float: right;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
	padding: 0 !important;
}

div.button-styling .input {
	margin: 0 !important;
	width: auto !important;
}


.iframe-embed .above-overlay {
	position: relative;
	z-index: 200;
}
.iframe-embed select {
	background:none !important
}
.iframe-embed .above-overlay select {
	background: url('../img/select-arrow.png') white no-repeat center right !important;
	background-position: center right 10px !important;
	background-size: 17px 15px !important;
}


/* 4. Sections */

div.div-floated-left {
	float: left;
}


div.div-floated-right {
	float: right;
}

#top-pad-spacer{
	margin-top: 5px;
}
#secondary-nav div.div-floated-left ul,
#secondary-nav div.div-floated-right ul,
footer div.div-floated-left ul,
footer div.div-floated-right ul {
	margin: 0;
}


#header-banner,
footer.home-page,
#bottom-banner {
	width: 100%;
	background: #2145b2; /* Fallback */
	background: -webkit-linear-gradient(160deg, #2145b2, #00a7e8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(160deg, #2145b2, #00a7e8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(160deg, #2145b2, #00a7e8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(160deg, #2145b2, #00a7e8);
}


/* Central Content */

#main-wrap.container,
#main-wrap .container,
#main-wrap .row {
	padding: 0; /* Padding is within the central content div with a white bg instead of on the container here */
	margin: 0;
}

#main-wrap .container.padded {
	padding-left: 40px;
	padding-right: 40px;
}

#main-wrap.container {
	margin: 0 auto;
	margin-top: 10px;
}

main,
section.main {
	max-width: 1068px;
	background-color: #fff;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
}
main.no-style {
	background-color: inherit;
	border: none;
}
section.main {
	margin-bottom: 50px;
}
main.iframe-embed,
main.iframe-embed div#activity-provider-listings {
	border-width:0 !important;
	border-radius:0 !important;
}
.top-border {
	border-top: 1px #d9d9d9 solid;
}
.padded {
	padding: 20px;
}

@media (max-width: 767px) {
	.padded {
		padding-left: 5px;
		padding-right: 5px;
	}
	.padded .less-padding {
		padding: 5px;
	}	
	.recurring-box-mobile #recurring-limit-start-date-select,
	.recurring-box-mobile #recurring-limit-date-select {
		width: 100% !important;
	}
	.recurring-box-mobile #recurring-limit-date-select {
		width: 100% !important;
	}
	
	#programme-header-info-responsive {
		text-align: center;
	}
	
	#programme-header-sidebar {
		float: none !important;
	}
	
}

.margin-padded {
	margin:20px;
}
.padded.sides-only {
	padding-top: 0px;
	padding-bottom: 0px;
}

.padded-vertically {
	padding-top: 20px;
	padding-bottom: 20px;
}

.padded-horizontally {
	padding-left: 20px;
	padding-right: 20px;
}

.padded-top {
	padding-top: 20px;
}
.padded-bottom {
	padding-bottom: 20px;
}
.padded-left {
	padding-left: 20px;
}
.padded-right {
	padding-right: 20px;
}
.padded-left-half {
	padding-left: 10px !important;
}
.padded-right-half {
	padding-right: 10px !important;
}
.padded-sides-and-bottom {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}


/* Footer */

footer {
	width: 100%;
}

footer .row {
	padding: 20px;
}

footer ul {
	list-style-type: none;
}

footer ul li {
	color: #2c4666;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 13px;
	line-height: 22px;
	font-size: 92%;
}

footer div.div-floated-right ul li:first-child { /* overrides because of NZ made logo */
	position: relative;
	top: 0;
	font-size: 13px;
	line-height: 20px;
	padding-right: 20px;
}

footer ul li a,
footer ul li a:link,
footer ul li a:visited {
	padding-right: 20px;
	font-size: 13px;
	color: #2c4666;
}

footer ul li:last-child a,
footer ul li:last-child a:link,
footer ul li:last-child a:visited {
	padding-right: 0;
}

footer ul li a:hover {
	color: #4d4d4d;
	text-decoration: underline;
}

footer ul li a:active {
	color: #2c4666;
	text-decoration: none;
}


/* Secondary Nav */

#secondary-nav {
	height: 51px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
}

#secondary-nav .container {
	margin-top: 114px; /* height of header which is fixed */
}

#secondary-nav .row {
	padding: 0 20px;
}

#secondary-nav div.div-floated-left {
	/*min-width: 60%;*/
}

#secondary-nav div.div-floated-right { /* lines up everything with the right margin */
	position: relative;
	left: 10px;
}

#secondary-nav ul {
	list-style-type: none;
}

#secondary-nav ul li {
	float: left;
	margin-top: 2px;
	font-size: 14px;
	line-height: 36px;
}

#secondary-nav div.div-floated-left ul li:nth-child(n+2),
#secondary-nav div.div-floated-right ul li { /* Positioning fix for Browse Activities and City dropdown */
	margin-top: 3px;
}

#secondary-nav div.div-floated-left ul li:first-child { /* target Activities Search box only */
	margin-top: 0;
}

#secondary-nav ul li a,
#secondary-nav ul li a:link,
#secondary-nav ul li a:visited {
	color: #2c4666;
	text-decoration: none;
	padding: 10px; /* 10px left and right creates 20px gutter */
	box-shadow: none;
	height: 32px;
}

#secondary-nav ul li a:hover {
	color: #2c4666;
	border-radius: 4px;
	/*border: 1px #f08c1e solid;*/
	box-shadow: 0px 0px 5px #f4a956; /* #f08c1e at 75% opacity on #fff background */
	text-decoration: none;
	padding: 10px; /* 10px left and right creates 20px gutter */
}

#secondary-nav ul li a i.icon.icon-enrolmy-arrow-d {
	position: relative;
	top: 2px;
	font-size: 110%;
	line-height: 36px;
}

/* Secondary Nav: Activities Search Form */

form#activities-search-form {
	width: 190px;
	height: 33px;
	border: 1px #d9d9d9 solid;
	border-radius: 4px;
	margin: 5px 10px 0 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

#activities-search-form button[type=submit] {
	position:relative;
	top: -3px;
	color: #2c4666;
	border: none;
	border-radius: 4px 0 0 4px; /* still required! */
	margin-right: 0;
	margin: 0;
	padding: 0;
	background: none;
	width: 30px;
	height: 36px;
	line-height: 30px;
	box-shadow: none;
	text-shadow: none;
}

#activities-search-form button[type=submit] i {
	position: relative;
	top: -2px;
}

#activities-search-form input[type=text] {
	position: relative;
	top: -3px;
	height: 36px; /* deliberately higher than the form element */
	width: 155px;
	font-size: 14px;
	line-height: 18px;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
}

#activities-search-form input[type=text]:focus {
	box-shadow: none;
}

#activities-search-form button[type=submit]:hover {
	background: #f2f2f2;
}

#activities-search-form button[type=submit]:active {
	background: #fff;
}

#activities-search-form button[type=submit] i {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

/* Aside (Sub Nav) */

aside ul.myenrolmy-collapse-ul {
	display:none;
}
aside ~ main,
aside ~ #top-flash-message {
	float:right !important;
}
aside {
	float: left; /* if not using fixed positioning */
	margin: 0;
	max-width: 190px;
}
aside > ul,
aside > ul > ul {
	margin-left:0;
}
aside ul {
	list-style-type: none;
}

aside ul li {
	text-align: left;
	color: #2c4666;
	font-size: 16px;
}
aside ul li a,
aside ul li a:link,
aside ul li a:visited {
	color: #2c4666;
	transition: all 0.3s ease;
	font-size:14px;
}
aside ul li a.dark,
aside ul li a.dark:link,
aside ul li a.dark:visited {
	color: #2c4666;
}
aside ul li a:hover,
aside ul li a.dark:hover {
	color: #f08c1e;
	text-decoration: none;
	transition: all 0.3s ease;
}
aside ul li a:active {
	color: #4d4d4d;
	text-decoration: none;
	transition: all 0.3s ease;
}
aside ul li.myenrolmy-active,
aside ul li.myenrolmy-active a:link,
aside ul li.myenrolmy-active a:visited,
aside ul li.myenrolmy-active i,
aside ul li.myenrolmy-active i:before {
	color:#2c4666;
}
aside ul li.myenrolmy-active a:hover,
aside ul li.myenrolmy-active a:hover i,
aside ul li.myenrolmy-active a:hover i:before {
	color:#2145b2;
}
aside ul li.main-title {
	font-size:1.25em;
}
aside ul li {
	padding-left:40px;
	text-indent:-40px;
}
aside ul li span.icon {
	display:inline-block;
	width:20px;
	height:20px;
	border-radius:4px;
	text-indent:0 !important;
	padding:0 !important;
	margin:0 4px 0 0 !important;
	text-align:center;
}
aside ul li i {
	color: #2c4666;
	line-height:20px;
	text-indent:0 !important;
	padding:0 !important;
	margin:0 !important;
}
aside ul li i:before {
	line-height:20px;
}
aside ul li a i {
	transition: color 0.3s ease;
}
aside ul li span.subname {
    display: block;
    margin-left: -15px;
    font-size: 12px;
    text-indent: 0px;
    color: #2c4666;
}

aside ul li a:hover i {
	color: #f08c1e;
	transition: all 0.3s ease;
}

aside ul li a:active i {
	color: #4d4d4d;
	transition: all 0.3s ease;
}

aside ul li.active {
	color: #4d4d4d;
	padding: 4px 0;
}

aside ul li.active i {
	color: #f08c1e;
}


/* 6. Enrolmy Fixed Grid widths */

.enrolmy-col-1 {
	width: 190px;
}

.enrolmy-col-2 {
	width: 400px;
	max-width: 100%;
}

.enrolmy-col-3 {
	width: 610px;
	max-width: 100%;
}

/* UNCOMMENT THESE IF THEY ARE USED

.enrolmy-col-4 {
	width: 820px;
	max-width: 100%;
}

.enrolmy-col-5 {
	width: 1030px;
	max-width: 100%;
}

.enrolmy-col-6 {
	width: 1280px; /* includes left and right gutters
	max-width: 100%;
}*/


/* 7. User-entered data (inputs etc) */

.section-notes h4,
.section-notes p {
	color: #2c4666;
}

.form-section.padded {
	padding-top: 5px; /* h4 always first and has padding */
}

.form-section.grey { /* the grey is a lie */
	background-color:white;
	box-shadow:0 0 5px lightgrey;
}

.form-section.grey h4 {
	margin-top: 0px;
}

.form-section h4 i {
	color: #2c4666;
}

.form-section p {
	color: #2c4666;
	padding: 1em 0;
}
.form-section p.body {
	color:rgb(77,77,77);
	font-weight:100;
}
.form-section h4 {
	margin-top: 0px;
	font-size: 20px;
	padding: 1em 0;
}

.form-section h4 button i {
	color: #ffffff;
}

.input-wrap {
	width: 100%;
}

.input { /* full width by default */
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
}

::-webkit-input-placeholder { /* placeholder text */
	font-size: 90%;
	color: #2c4666;
	opacity: 1;
}

::-moz-placeholder { /* Firefox 19+ */
	font-size: 90%;
	color: #2c4666;
	opacity: 1;
}

:-ms-input-placeholder {
	font-size: 90%;
	color: #2c4666;
	opacity: 1;
}

:-moz-placeholder { /* Firefox 18- */
	font-size: 90%;
	color: #2c4666;
	opacity: 1;
}

::placeholder {
	font-size: 90%;
	color: #2c4666;
	opacity: 1;
}
div.half-width,
.input.half-width { /* smaller input width sizings */
	width: 48%;
	margin-right: 2%;
}

div.alsmost-full-width,
.input.alsmost-full-width { /* smaller input width sizings */
	width: 98%;
	margin-right: 2%;
}


.input.third-width {
	width: 31.33333333%;
	margin-right: 2%;
}

.input.sixth-width {
	width: 16.66666666%;
	margin-right: 2%;
}

.input.clear.half-width {
	margin-right: 52%;
}

.input.two-thirds-width {
	width: 58.6666666%;
	margin-right: 2%;
}

.input.enrolmy-col-1 {
	width: 190px;
}

.input.red-band {
	border-left: solid 1px #e74c3c;
	margin-left: 2%;
}

.input.red-band.half-width {
	width: 47%;
}

.input.half-width + .input.half-width { /* Overrides for inputs with adjacent siblings to remove the right margin on the far one and line them all up with the Enrolmy grids */
	width: 50%;
	margin-right: 0;
}

.input.half-width.clear + .input.half-width.clear { /* Reset */
	width: 48%;
	margin-right: 2%;
}
.input.half-width.input-list {
	width:49% !important;
	margin-right:0;
	margin-left:0;
}
.input.half-width.input-list.input-odd {
	margin-right:1%;
}
.input.half-width.input-list.input-even {
	margin-left:1%;
}
.input.third-width + .input.third-width + .input.third-width {
	width: 33.33333333%;
	margin-right: 0;
}

.input.sixth-width + .input.third-width + .input.half-width {
	margin-right: 0;
}

.input label {
	display: block;
	margin-bottom: 0;
	white-space: normal;
	font-family: "lato-regular", sans-serif;
	font-weight: 400;
	color: #2c4666;
}

.input input,
.input select,
.input textarea {
	color: #4d4d4d;
	border: 1px solid #d9d9d9;
}

.input input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 33px;
	padding: 0 10px;
	line-height: 20px;
}

.input select {
	width: 100%;
	height: 33px;
	padding: 0 10px;
	padding-right: 30px;
	background: white;
	/*color: #2c4666;*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none;  /*Removes default style Firefox*/
	appearance: none;
	background: url('../img/select-arrow.png') white no-repeat center right;
	background-position: center right 10px;
	background-size: 17px 15px;
}
.input select::-ms-expand {
	display: none;
}
.input select[multiple] {
	height: auto;
	padding-right: 10px;
	background: none;
}

.input select.selected {
	color: #4d4d4d;
}

.input select option {
	color: #4d4d4d;
}

.input select.grey-out-first-option option:first-child {
	color: #2c4666;
}


.input textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width:100%;
	padding: 10px;
	height: 125px;
}

.input select:focus {
	box-shadow: 0 0 5px rgba(240,140,30, 1);
	border: 1px solid rgba(240,140,30, 1);
}

.input textarea.half-height {
	height: 70px;
}

.input.select .checkbox {
	padding-left: 0px;
}

.input.select .checkbox label:not(.check-label) {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 80%;
	cursor: pointer;
}

.size-xs .input.checkbox label:not(.check-label) {
	display: block;
	margin-left: 35px;
}

.input.checkbox label:not(.check-label) {
	display: inline-block;
	vertical-align: middle;
	line-height: 29px;
	margin-left: 15px;
	cursor: pointer;
	padding: 0;
}

.input.select .checkbox input + label.check-label,
.input input[type=checkbox] + label.check-label {
	-webkit-appearance: none;
	appearance: none;
	display: inline-block;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 21px;
	height: 21px;
	margin: 0px;
	padding: 0px;
	outline: 0;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: url('/img/icons/checkboxes.png') transparent no-repeat -24px -1px;
	vertical-align: middle;
	float: none;
	cursor: pointer;
}

.input.select .checkbox input:checked + label.check-label,
.input input[type=checkbox]:checked + label.check-label {
	background: url('/img/icons/checkboxes.png') transparent no-repeat -1px -1px;
	border: 1px solid #d17736;
}

.input.select .checkbox input:focus + label.check-label,
.input input[type=checkbox]:focus + label.check-label {
	box-shadow: 0 0 5px rgba(240,140,30, 1);
    border: 1px solid rgba(240,140,30, 1) !important;
}

/*.input.select .checkbox input:checked,
.input.checkbox input:checked + label.check-label {
	background: url('/img/icons/arrows.png') transparent no-repeat 0px -76px;
}*/

.input.radio {
	white-space: normal;
}

.input.radio .legend,
.input.radio legend {
	width: 100%;
	white-space: normal;
	clear: both;
	border-bottom: none;
	font-size: 16px;
	font-family: "lato-regular", sans-serif;
	color: #2c4666;
	margin-bottom: 10px;
}

.input.radio div {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	width: 25%;
	min-width: 175px;
}

.input.radio input {
	display: inline-block;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 20px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	margin-right: -25px;
	border: 3px solid #d9d9d9;
	background: rgb(250, 250, 250);
	vertical-align: middle;
	border-radius: 12px;
	outline: none;
}


.input.radio label {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	padding-left: 35px;
}

.input.date select.day {
	width: 20%;
}

.input.date select.month {
	width: 41%;
	margin-right: 4%;
	margin-left: 4%;
}
.input.half-width.date select.month {
    width: 45%;
    margin-right: 2%;
    margin-left: 2%;
}

.input.date select.year {
	width: 31%;
	margin-right: 0;
	float: right;
}

.input select.lives-with {
	width: 41%;
}

.input .lives-with-center {
	display: inline-block;
	width: 14%;
	text-align: center;
}

.input .lives-with-center p {
	margin: 0px;
}

.input.checkbox.yeahnah-option {
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.input.checkbox.yeahnah-option input + label.check-label {
	margin-right: 10px;
	vertical-align: middle;
	float: none;
	display: inline-block;
}

.input.checkbox.yeahnah-option label:not(.check-label) {
	display: inline-block;
	float: none;
	vertical-align: middle;
	width: 54%;
	padding-left:0;
	margin-left:0;
}

.input.phone .phone-prefix,
.input.half-width .sixth-width {
	width: 31.333333%; /* % of half width, same with margin */
	margin-right: 4%;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.input.phone .phone-number,
.input.half-width .third-width  {
	width: 63.666666%;
	box-sizing: border-box;
}

.input.phone.third-width .phone-number {
	width: 74%;
}

.input.notify-remaining-char {
	position: relative;
}
.input.notify-remaining-char input {
	padding-right: 100px;
}
.input.notify-remaining-char span.remaining-limit {
	position: absolute;
	font-size: 12px;
	right: 5px;
	top: 37px;
	color: #2c4666;
}


.error {
	margin-bottom: 10px;
}
.no-fill,
.no-fill * {
	border-width:0 !important;
	background-color:transparent !important;
}
.error input,
.error select,
.error textarea {
	box-shadow: 0 0 5px rgba(231, 76, 60, 1);
	border: 1px solid rgba(231, 76, 60, 1);
}
.error.error-background {
	background-color: rgb(255, 238, 238);
	padding: 10px;
	margin-left: -10px;
	margin-right: -10px;
	box-sizing: content-box;
}

.error-message {
	color: rgb(231, 76, 60);
	margin-top: 10px;
	white-space: normal;
}

.loading-icon {
	font-size: 50px;
	line-height: 50px;
	position: absolute;
	left: -55px;
	top: 16px;
}

/* 8. Individual Pages (see headings within this section) */

/* Programme Header */
#programme-header #programme-header-image {
	float: left;
	margin-right: 20px;
	margin-bottom:10px;
}

#programme-header #programme-header-image-fixed-size {
	margin-top: 0px;
	margin-bottom: 10px;
	min-width: 230px;
}

#programme-header #programme-header-image img {
	border-radius: 6px;
	border: 1px solid #d9d9d9;
}

#programme-header #programme-header-info {
	float: left;
	min-width: 55%;
	max-width: 610px; /* This is for XLG size, overrides below */
	margin-bottom: 15px;
}

#programme-header #programme-header-info h1 {
	padding: 8px 0;
	line-height:1;
}

#programme-header #programme-header-info p {
	color: #2c4666;
	font-size: 16px;
}

#programme-header #programme-header-info a,
#programme-header #programme-header-info a:link,
#programme-header #programme-header-info a:visited {
	color: #4d4d4d;
}

#programme-header #programme-header-info a:hover {
	color: #f08c1e;
	text-decoration: underline;
}

#programme-header #programme-header-info a:active {
	color: #4d4d4d;
	text-decoration: none;
}

#programme-header #programme-header-info h2 a,
#programme-header #programme-header-info h2 a:link,
#programme-header #programme-header-info h2 a:visited {
	color: #007ccf;
}

#programme-header #programme-header-info h2 a:hover {
	color: #2145b2;
	text-decoration: none;
}

#programme-header #programme-header-info h2 a:active {
	color: #007ccf;
	text-decoration: none;
}

#programme-header-info a:link i.social-icon,
#programme-header-info a:visited i.social-icon,
#programme-header-info a:link i.fa-envelope-o,
#programme-header-info a:visited i.fa-envelope-o,
#programme-header-info a:link i.fa-phone,
#programme-header-info a:visited i.fa-phone,
#programme-header-info a:link i.fa-share-square-o,
#programme-header-info a:visited i.fa-share-square-o {
	color: #d9d9d9;
	margin: 0 3px;
	transition: all 0.3s ease;
}

#programme-header-info a:hover i.social-icon,
#programme-header-info a:hover i.fa-envelope-o,
#programme-header-info a:hover i.fa-phone,
#programme-header-info a:hover i.fa-share-square-o {
	color: #2c4666;
	text-decoration: none;
}

#programme-header-info a:active i.social-icon,
#programme-header-info a:active i.fa-envelope-o,
#programme-header-info a:active i.fa-phone,
#programme-header-info a:active i.fa-share-square-o {
	color: #d9d9d9;
	text-decoration: none;
}

#programme-header-sidebar {
	float: right;
	clear: right;
	height: 149px; /*147px*/
	position: relative;
	min-height: 5.5em; /* EMY891 */
}
#programme-header.has-login-button #programme-header-sidebar {
	margin-top: 0px !important;
}
#programme-header.has-login-button #programme-header-sidebar.header-login-button {
	margin-top: 15px !important;
}
.bottom {
	position:relative;
}
.bottom p{
	position:absolute;
	bottom:0px;
}
main#booking_events-add_booking-page #programme-header-sidebar {
	height: 87px;
}

#programme-header-sidebar-inner-wrap {
	position: absolute;
	left: 0;
	bottom: 0;
}

#programme-header-sidebar p {
	/*font-family: "lato-italic";*/
	font-size: 12px;
	text-align: center;
	color: #2c4666;
}

#programme-header-sidebar a {
	font-family: "lato-italic";
	color: #f08c1e;
}


/* Mike Provider Listings Page */
main#provider-listings {
	border-radius: 6px;
	border: 1px #d9d9d9 solid;
	background: #fff;
}
#provider {
	text-align: center;
}
#provider p {
	font-size: 14px;
	color: #007ccf;
}
#provider p a {
	line-height: 20px;
	color: #007ccf;
}
#provider p.title a {
	font-family: 'lato-light';
	font-size: 18px;
	line-height: 20px;
	color: #4d4d4d;
}
#provider .provider-logo {
	display: block;
	height: auto;
	border-radius: 6px;
	border: 1px #d9d9d9 solid;
	background: #fff;
}
#provider .provider-logo img {
	width: 100%;
}

/* Enrolment Form */

main.enrolments-form {
	border-radius: 6px 6px 0 0; /* required so bottom can be either square or rounded as per design */
	border-bottom: none;
}

main.enrolments-form #programme-header #programme-header-info p:nth-of-type(n+3) {
	float: left;
	margin-right: 10px;
	font-family: "lato-italic";
	font-style: normal;
}

main.enrolments-form.rounded {
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
}

main.enrolments-form section {
	border-top: 1px #d9d9d9 solid;
}

main.enrolments-form section .section-header {
	background: #e6f4f4;
	border-bottom: 1px #d9d9d9 solid;
	box-sizing: content-box;
	height: 41px;
	padding: 20px;
}

main.enrolments-form section.inactive + section.inactive,
main.enrolments-form section.inactive + section.active {
	border-top: none;
}

main.enrolments-form section#submit-enrolment-form.inactive {
	border-bottom: none;
}

/*main.enrolments-form section .section-header h3 {
	color: #2c4666;
	padding: 0;
}*/

main.enrolments-form section .section-header h2 {
	color: #4d4d4d;
	font-size: 24px;
	padding: 0;
	line-height: 41px;
}

main.enrolments-form section.active .section-header h2 {
	font-family: "lato-bold", "lato-regular", sans-serif;
}

main.enrolments-form section .section-header h2 i {
	color: #2c4666;
	padding-right: 5px;
}

main.enrolments-form section .section-notes {
	border-bottom: 1px #d9d9d9 solid;
	padding: 20px 0;
	margin: 0 20px;
	max-width: 820px;
}

main.enrolments-form section h4 {
	font-size: 20px;
}

main.enrolments-form section .section-notes,
main.enrolments-form section.active .section-notes {
	display: visible;
}

main.enrolments-form section.inactive .section-notes,
main.enrolments-form section.inactive .form-section {
	display: none;
}

main.enrolments-form section .section-notes p {
	color: #2c4666;
}

main.enrolments-form section .section-notes a:link,
main.enrolments-form section .section-notes a:visited,
main.enrolments-form section .form-section a:link,
main.enrolments-form section .form-section a:visited {
	color: #007ccf;
}

main.enrolments-form section .section-notes a:hover,
main.enrolments-form section .form-section a:hover {
	color: #2145b2;
}

main.enrolments-form section .section-notes a:active,
main.enrolments-form section .form-section a:active {
	color: #007ccf;
}

main.enrolments-form section .section-notes a:link i,
main.enrolments-form section .section-notes a:visited i,
main.enrolments-form section .form-section a:link i,
main.enrolments-form section .form-section a:visited i {
	color: #2c4666;
	transition: all 0.3s ease;
}

main.enrolments-form section .section-notes a:hover i,
main.enrolments-form section .form-section a:hover i {
	color: #4d4d4d;
	transition: all 0.3s ease;
}

main.enrolments-form section .section-notes a:active i,
main.enrolments-form section .form-section a:active i {
	color: #2c4666;
	transition: all 0.3s ease;
}

main.enrolments-form .section-end h4 {
	padding-bottom: 0;
}

main.enrolments-form .section-end h4:first-child {
	margin-top: 8px; /* to align vertically with button */
	float: left;
}

main.enrolments-form .section-end h4:last-of-type {
	float: right;
	position: relative;
}

main.enrolments-form .section-completed-tick {
	float: left;
	margin-right: 20px;
	display: none;
}
main.enrolments-form .section-completed .section-completed-tick {
	display: block;
}

main.enrolments-form .section-completed-tick i {
	display: block;
	width: 41px;
	height: 41px;
	color: #fff;
	font-size: 29px;
	line-height: 41px;
	padding: 10px;
	text-align: center;
	border: 0;
	border-radius: 4px;
	padding: 0;
	margin: 0;
	background: #f08c1e;
	background: -webkit-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%); /* Standard syntax */
}

.nsw-voucher-rules {
	padding: 20px 0px;
}
.nsw-voucher-rules p,
.nsw-voucher-rules li {
	font-size: 14px;
	color: rgb(180, 180, 180);
}


div#login-register-bar + div#enrolment-form div.section-completed-edit {
	display:none !important;
}
main.enrolments-form .section-completed-edit {
	float: right;
	margin-left: 20px;
	display: none;
}
.section-completed + section:not(.section-completed):not(.active) .section-completed-edit,
div#enrolment-form section:first-child:not(.section-completed):not(.active) .section-completed-edit,
main.enrolments-form .section-completed:not(.active) .section-completed-edit {
	display: block !important;
}
main.enrolments-form .section-completed-edit button,
main.enrolments-form .section-completed-edit button:active {
	border: 1px #f08c1e solid;
	background: #e6f4f4;
	color: #f08c1e;
	text-shadow: none;
}

main.enrolments-form .section-completed-edit button:hover {
	background: #fff;
}

main.enrolments-form .submission-buttons {
	width: 100%;
}

main.enrolments-form .submission-buttons button {
	float: left;
	height: 83px;
	width: 100%;
	text-align: left;
	padding-left: 17%;
	font-size: 150%;
	line-height: 1.3;
	text-indent: -28px; /*text-indent: -5%; */ /* moves right arrow to the left */
}

main.enrolments-form .submission-buttons h4 {
	text-align: center;
}

.school-search {
	position: relative;
}
.school-search .school-search-spinner {
	position: absolute;
	right: 10px;
	/*top: 36px;*/
	margin-top: 0.5em;
}

#login-register-bar {
	padding: 20px 0;
	margin: 0 20px;
	border-top: 1px #d9d9d9 solid;
	max-width: 100%;
}
main#login-page #login-register-bar,
main#enrolments-form-page #login-register-bar {
	border-top-width:0;
}
main#enrolments-form-page #login-register-bar {
	padding-top:0;
}
main#enrolments-form-page .permission-options-wrap {
	border: 1px solid rgb(68, 181, 124);
	border-radius: 5px;
	padding: 15px;
	float: left;
	width: 100%;
	background-color: rgb(224 255 239);
	color: rgb(120, 120, 120);
}
main#enrolments-form-page .permission-options-wrap h4 {
	color: rgb(68, 181, 124);
	padding-top: 0px;
}
main#enrolments-form-page .permission-options-wrap h4 i.fa {
	color: rgb(68, 181, 124);
}
main#enrolments-form-page .permission-options-wrap .input {
	margin: 0px;
}
main#enrolments-form-page .permission-options-wrap .input label {
	color: rgb(120, 120, 120);
}
body.full-width #login-register-bar {
	margin:0;
}

/* Activity Booking Form Page - NB: .activity-item is also used on other pages */

.activity-item .container {
	max-width: 100%;
}

main#booking_events-add_booking-page #programme-header #programme-header-info h2,
.activity-item .activity-item-info h2 a,
main#booking_events-view-page #programme-header #programme-header-info h2 {
	font-size: 24px;
	color: #007ccf;
	font-family: "lato-regular";
}

main#booking_events-add_booking-page #programme-header #programme-header-info h2 a,
main#booking_events-add_booking-page .activity-item .activity-item-info h2 a {
	color: #007ccf;
}

main#booking_events-add_booking-page #programme-header div.line {
	margin:10px 0;
	clear: both;
}

main#booking_events-add_booking-page .activity-booking-form-section {
	border-bottom: 1px #d9d9d9 solid;
	padding: 20px 0;
}

main#booking_events-add_booking-page .activity-booking-form-section:first-of-type {
	padding-top: 0;
}

main#booking_events-add_booking-page .activity-booking-form-section:last-of-type {
	padding-bottom: 0;
	border-bottom: none;
}

main#booking_events-add_booking-page #purchase-activity-items.activity-booking-form-section {
	border-bottom: none;
	padding-bottom: 0;
}

main#booking_events-add_booking-page #activity-booking-form {
	position: relative;
	padding: 20px 40px;
}
main#booking_events-add_booking-page #activity-provider-about-content #activity-booking-form {
	padding: 20px;
	padding-top: 0px;
}

main#booking_events-add_booking-page #activity-booking-form.padded {
	padding-top: 0;
}

main#booking_events-add_booking-page #activity-booking-form h1:first-child {
	margin: 12px 0 12px 0;
	padding-top: 0;
	line-height: 33px;
}

main#booking_events-add_booking-page #activity-booking-form span#activity-items-price-select.input.enrolmy-col-1 {
	float: right;
}

main#booking_events-add_booking-page h4 i.fa-gift,
main#booking_events-add_booking-page h4 i.fa-money,
main#booking_events-add_booking-page h4 i.fa-tags,
main#booking_events-add_booking-page h4 i.fa-check-circle-o {
	color: #2c4666;
}

.activity-item {
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
}

.activity-item .activity-item-image img {
	border-radius: 6px;
	border: 1px solid #d9d9d9;
}

.activity-item-details {
	position: relative;
	height: 190px;
}

.activity-item-details .activity-item-details-inner-wrap {
	position: absolute;
	bottom: 0;
}

.activity-item-details .activity-item-details-inner-wrap p:last-of-type {
	padding-bottom: 0;
}

.activity-item-details .activity-item-details-inner-wrap p.extra-padding {
	padding-bottom: 15px;
}

main#booking_events-add_booking-page p.price {
	color: #f08c1e;
	text-align: center;
	font-family: "lato-italic";
	font-size: 25px;
	line-height: 29px;
	padding: 0;
}

main#booking_events-add_booking-page #booking-calendar-section {
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
	margin-bottom: 30px;
}
main#booking_events-add_booking-page .with-bottom-border {
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
	margin-bottom: 30px;
}

main#booking_events-add_booking-page #contact-form {
	text-align: center;
	padding-bottom: 40px;
	border-bottom: 1px #d9d9d9 solid;
}
main#booking_events-add_booking-page #contact-form h2 {
	margin-bottom: 10px;
}


main#booking_events-add_booking-page #gift-voucher {
	padding: 20px 0 10px 0;
	border-bottom: 1px #d9d9d9 solid;
}
main#booking_events-add_booking-page #gift-voucher #voucher-result {
  width: 190px;
  float: right;
  clear: both;
  font-size: 14px;
  line-height: 40px;
  text-align: right;
  color: #2c4666;
}
main#booking_events-add_booking-page #gift-voucher #voucher-result i.fa-times {
	color: rgb(231, 76, 60);
}
main#booking_events-add_booking-page #gift-voucher #voucher-result i.fa-check {
	color: rgb(72, 231, 60);
}

main#booking_events-add_booking-page #gift-voucher h4 {
	float: left;
}

main#booking_events-add_booking-page #gift-voucher .input {
	width: auto !important;
	float: right;
}

main#booking_events-add_booking-page #gift-voucher .input label {
	width: auto !important;
	float: left;
	margin-right: 20px;
	line-height: 33px;
	padding: 0;
}

main#booking_events-add_booking-page #gift-voucher .input input {
	width: 190px !important;
	font-size: 16px;
	line-height: 37px;
	padding: 0 10px;
}

main#booking_events-add_booking-page #terms-conditions.activity-booking-form-section {
	padding-bottom: 15px;
}

main#booking_events-add_booking-page #terms-conditions h4,
main#booking_events-add_booking-page #subsidy h4,
main#booking_events-add_booking-page #terms-conditions p {
	float: left;
	width: auto;
	margin-right: 20px;
}

main#booking_events-add_booking-page #terms-conditions p {
	font-size: 90%;
	margin-top: 4px;
}

main#booking_events-add_booking-page #terms-conditions p a:link,
main#booking_events-add_booking-page #terms-conditions p a:visited {
	color: #2c4666;
	text-decoration: underline;
}

main#booking_events-add_booking-page #terms-conditions p a:hover {
	color: #4d4d4d;
}

main#booking_events-add_booking-page #terms-conditions p a:active {
	color: #2c4666;
}
main#booking_events-add_booking-page #subsidy .input,
main#booking_events-add_booking-page #terms-conditions .input {
	float: none;
	margin-top: 7px;
	margin-right: 15px;}

main#booking_events-add_booking-page #terms-conditions .input input {
	float: right;
	margin-right: 15px;
}

main#booking_events-add_booking-page #terms-conditions .input label {
	float: right;
	color: #4d4d4d;
}

.large-info-circle {
	margin: 0 auto;
	width: 64px;
	height: 64px;
	line-height:64px;
}
.large-info-circle .fa:before {
	color: #2c4666;
	font-size:75px;
	line-height:64px;
	display: block;
		text-align: center
}

main#booking_events-add_booking-page #create-booking a {
	font-family: "lato-italic";
}

.action-link a,
.action-link a:link,
.action-link a:visited {
	color: #4d4d4d;
}
.action-link a:hover {
	color: #2c4666;
}
.action-link a:active {
	color: #4d4d4d;
}
.action-link i {
	color: #2c4666;
	margin-right: 2px;
}

a.print-link,
a.print-link:link,
a.print-link:visited {
	color: #4d4d4d;
}
a.print-link:hover {
	color: #2c4666;
}
a.print-link:active {
	color: #4d4d4d;
}
a.print-link i {
	color: #2c4666;
}

main#booking_events-add_booking-page #create-booking .container,
main#booking_events-add_booking-page #create-booking .container .row {
	width: 100% !important;
}

#create-booking .text-wrap {
	margin-right: 20px;
}

main#booking_events-add_booking-page #create-booking button {
	width: 100%;
	height: 83px;
	line-height: 1.3;
	/* text-indent: -5%; */ /* moves right arrow to the left */
	padding-left: 10px;
	padding-right: 10px;
}

main#booking_events-add_booking-page #create-booking button:first-of-type {
	margin-bottom: 20px;
}
/* Changes for EMY1594 #START */
main#booking_events-add_booking-page #create-booking button.green-flat {
	background: rgba(139, 195, 74, 1.0); /* Sushi */
	border: 1px solid rgba(76, 175, 80, 1.0); /* fern */
}
main#booking_events-add_booking-page #create-booking button.green-flat i {
	margin-right: 5px;
}
main#booking_events-add_booking-page #create-booking button.green-flat .fa {
	font-size: 130%;
}
main#booking_events-add_booking-page #create-booking button.green-flat:disabled {
	background: rgba(139, 195, 74, 0.5); /* Sushi - transparent */
	border: 1px solid rgba(76, 175, 80, 0.5); /* fern - transparent */
}
main#booking_events-add_booking-page #create-booking .free-trials.row p.row-status-message {
	width: 50%;
	float: right;
	text-align: right;
	margin-right: 20px;
}
/* Changes for EMY1594 #END */
main#booking_events-add_booking-page #login-register-bar {
	padding: 0 0 20px 0;
	margin: -10px 20px 30px 20px;
	border-top: none;
	border-bottom: 1px #d9d9d9 solid;
	max-width: 100%;
}

#main-wrap #in-progress-section {
	padding:20px 40px;
	max-width:100% !important;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

#success-section h2,
#error-section h2{
	text-align: center; 
	font-size: 1.5em;
}

#success-section h2 i.fa,
#error-section h2 i.fa{
	position: relative; 
	top: 10px; 
	left: -5px; 
}

#success-section h2 i.fa {
	color: rgb(0,145,64);
}

#error-section h2 i.fa {
	color: rgb(255, 58, 58);
}

/* Activity Provider Listings Page */

main#enrolments-form-page,
main#booking_events-index-page,
main#organisations-view-page,
main#organisations-terms_and_conditions-page { /* Also styling here for the Activity Provider About page */
	background: none;
	border: none;
}

main#enrolments-form-page #programme-header,
main#enrolments-form-page #enrolment-form,
main#booking_events-index-page #programme-header,
main#booking_events-index-page #activity-provider-listings,
main#organisations-view-page #programme-header,
main#organisations-terms_and_conditions-page #programme-header,
main#organisations-view-page #activity-provider-about,
main#organisations-terms_and_conditions-page #activity-provider-about {
	background: #fff;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
}

main#enrolments-form-page #enrolment-form {
	border-bottom: none;
}

main#enrolments-form-page #programme-header,
main#booking_events-index-page #programme-header,
main#organisations-view-page #programme-header,
main#organisations-terms_and_conditions-page #programme-header {
	margin-bottom: 20px;
}

main#booking_events-index-page #programme-header h1,
main#organisations-view-page #programme-header h1 {
	line-height: 1.3;
}

main#booking_events-index-page #programme-header #programme-header-info a i.social-icon,
main#organisations-view-page #programme-header #programme-header-info a i.social-icon,
main#organisations-terms_and_conditions-page #programme-header #programme-header-info a i.social-icon {
	font-size: 80%;
}

main#booking_events-index-page #programme-header ul li,
main#organisations-view-page #programme-header ul li,
main#organisations-terms_and_conditions-page #programme-header ul li {
	color: #007ccf;
	float: left;
	margin: 0 30px 0 0;
}

main#booking_events-index-page #programme-header p.icon-item,
main#organisations-view-page #programme-header p.icon-item,
main#organisations-terms_and_conditions-page #programme-header p.icon-item {
	float: left;
	margin-right: 20px;
	font-family: "lato-italic";
}

main#enrolments-form-page #programme-header p.icon-item i.fa,
main#booking_events-index-page #programme-header p.icon-item i.fa,
main#organisations-view-page #programme-header p.icon-item i.fa,
main#organisations-terms_and_conditions-page #programme-header p.icon-item i.fa {
	color: #007ccf !important;
}

main#booking_events-add_booking-page #programme-header #programme-header-sidebar {
	margin-top: 94px;
}

main#booking_events-index-page #programme-header #programme-header-sidebar p:last-of-type,
main#organisations-view-page #programme-header #programme-header-sidebar p:last-of-type,
main#organisations-terms_and_conditions-page #programme-header #programme-header-sidebar p:last-of-type,
main#booking_events-add_booking-page #programme-header #programme-header-sidebar p:last-of-type {
	padding-bottom: 0;
}


#activity-provider-menu { /* also used on other pages */
	width: 100%;
	background: #e6f4f4;
	height: 58px;
	border-bottom: 1px #d9d9d9 solid;
	border-radius: 6px 6px 0 0; /* required for wrapping div to round corners properly */
}
main#enrolments-form-page #activity-provider-menu {
	margin-bottom: 20px;
}

#activity-provider-menu ul {
	list-style-type: none;
	padding: 0;
	margin:0;
}

#activity-provider-menu ul li {
	float: left;
}

#activity-provider-menu ul li.active {
	position: relative;
	left: -1px;
	top: -1px;
	width: 120px;
	height: 60px;
	line-height: 50px;
	text-align: center;
	display: block;
	background: #fff;
	border: 1px #d9d9d9 solid;
	border-radius: 6px 6px 0 0;
	border-bottom: 1px #fff solid;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}

#activity-provider-menu ul li a {
	width: 120px;
	height: 58px;
	line-height: 50px;
	text-align: center;
	display: block;
}

#activity-provider-menu ul li a:link,
#activity-provider-menu ul li a:visited {
	color: #007ccf;
	text-decoration: none;
}

#activity-provider-menu ul li a:hover {
	color: #2145b2;
}

#activity-provider-menu ul li a:active {
	color: #007ccf;
}

main#booking_events-index-page #listing-details-top {
	border-bottom: 1px #d9d9d9 solid;
	padding-bottom: 8px;
}


main#booking_events-index-page #listing-details-top p {
	float: left;
}

main#booking_events-index-page #listing-details-top .input {
	float: right;
	width: auto;
	min-width: 300px;
}

main#booking_events-index-page #listing-details-top .input label {
	width: auto;
	font-family: "lato-light", "lato-regular", Arial, sans-serif;
	color: #d9d9d9;
	font-weight: 400;
	margin: 0;
	padding: 0.2em 0;
	font-size: 20px;
	line-height: 1.3;
	width: 90px;
	text-align: right;
	float: left;
}

main#booking_events-index-page #listing-details-top .input select {
	width: 190px;
	float: right;
}

main#booking_events-index-page .activity-item:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

main#booking_events-index-page .activity-item-details i.fa-calendar,
main#booking_events-index-page .activity-item-details i.fa-user {
	color: #2c4666;
}

main#booking_events-index-page .activity-item-details p {
	text-align: right;
}

main#booking_events-index-page #listing-details-bottom p,
main#booking_events-index-page #listing-details-bottom .input {
	float: left;
	width: auto;
	margin: 0 5px;
}

main#booking_events-index-page #listing-details-bottom p:last-of-type {
	float: right;
	margin: 0;
}

main#booking_events-index-page #listing-details-bottom select {
	width: 70px;
	padding: 0 5px 0 10px;
}

/* Bottom Banner */

#bottom-banner {
	margin-top: 20px;
}

#bottom-banner .row {
	background: url('../img/enrolmy-kids@05x.png') no-repeat;
	background-position: right 130px bottom;
}

#bottom-banner .text-wrap {
	padding-left: 20px;
	padding-right: 20px;
}

#bottom-banner h1,
#bottom-banner p {
	color: #fff;
}

#bottom-banner p {
	font-size: 20px;
}

#bottom-banner h1 {
	line-height: 1.3;
}

#bottom-banner button,
#bottom-banner a.button {
	float: left;
	margin: 20px 20px 0 0;
}


/* Activity Provider About page */

#programme-header-edit {
	position: absolute;
	right: 0;
	top: 20px;
}

#programme-header-edit button.user {
	width: 210px;
	border-radius: 4px 0 0 4px;
}

main#organisations-view-page #programme-header-sidebar,
main#organisations-terms_and_conditions-page #programme-header-sidebar,
main#booking_events-index-page #programme-header-sidebar {
	margin-top: 0;
	height: 188px;
	position: relative;
}

main#organisations-view-page #programme-header-sidebar p:last-of-type,
main#organisations-terms_and_conditions-page #programme-header-sidebar p:last-of-type,
main#booking_events-index-page #programme-header-sidebar p:last-of-type {
	position: absolute;
	bottom: 0;
}

main#organisations-view-page #programme-header-sidebar p:nth-last-of-type(2),
main#organisations-terms_and_conditions-page #programme-header-sidebar p:nth-last-of-type(2),
main#booking_events-index-page #programme-header-sidebar p:nth-last-of-type(2) {
	position: absolute;
	bottom: 45px;
}

#aside-about {
	position: relative;
	word-wrap: break-word;
	margin-top: 0px;
}



.share_buttons .share-links {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 30px;
	background-color: #fff;
}

.share-buttons-wrapper {
	display: flex;
	justify-content: space-around;
}
.share_buttons .share-links p {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
}

.share_buttons .share-button {
	margin-top:10px!important;
	margin-bottom:10px!important;
}

.aside_info_with_share_buttons {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-bottom: 30px;
	background-color: #fff;
}

#activity-provider-about-content.padded {
	padding-bottom: 0;
}


#activity-provider-about-content #main-content {
	padding-left: 20px;
	padding-right: 3px;
}

#aside-about h4 {
	width: 100%;
	font-size: 115%;
	padding: 15px 20px;
	background: #e6f4f4;
	border-top: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
}

#aside-about h4:first-child {
	border-top: none;
	border-radius: 6px 6px 0 0;
}

#aside-about {
	margin-bottom: 20px;
}

#aside-about p {
	padding-left: 15px;
	padding-right: 12px;
	margin-bottom: 20px;
}

#aside-about ul {
	padding-left: 15px;
	padding-right: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#aside-about p,
#aside-about li {
	line-height: 2.0;
}

#aside-about #aside-map {
	width: 188px;
	height: 188px;
	overflow: hidden;
	background: #f2f2f2;
}

#aside-about #aside-map iframe,
#aside-about #aside-map img { /* Has overflow above and below to get rid of Google branding */
	width: 188px;
	height: 488px;
	margin-top: -150px;
	pointer-events: none;
}

main#organisations-view-page #main-content #top-image,
main#organisations-terms_and_conditions-page #main-content #top-image {
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
}

main#organisations-view-page #main-content #top-image img,
main#organisations-terms_and_conditions-page #main-content #top-image img {
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	width: 100%;
	height: auto;
}

main#organisations-view-page #main-content p:first-of-type,
main#organisations-terms_and_conditions-page #main-content p:first-of-type {
	margin-top: 10px;
}

main#organisations-view-page #aside-about,
main#organisations-terms_and_conditions-page #aside-about {
	position: relative;
	top: 0;
}

.user-links ul {
	margin: 20px 0;
	list-style-type: none;
	float: right;
}

.user-links ul li {
	float: left;
}

.user-links ul li a {
	padding: 10px;
	font-family: "lato-italic";
}

.user-links ul li a:link,
.user-links ul li a:visited {
	color: #4d4d4d;
}

.user-links ul li a:hover {
	color: #f08c1e;
}

.user-links ul li a:active {
	color: #4d4d4d;
}

.user-links ul li:last-child a {
	padding-right: 0;
}

.user-links ul li a i {
	color: #f08c1e;
	margin-right: 5px;
}

main#booking_events-add_booking-page #contact-form-section,
main#organisations-view-page #contact-form-section,
main#organisations-terms_and_conditions-page #contact-form-section {
	border-top: 1px #d9d9d9 solid;
	padding: 20px 0;
}
main#booking_events-add_booking-page #contact-form-section {
	border-top:none;
}
main#booking_events-add_booking-page #contact-form-section h1,
main#organisations-view-page #contact-form-section h1,
main#organisations-terms_and_conditions-page #contact-form-section h1 {
	text-align: center;
}

main#booking_events-add_booking-page #contact-form-section #contact-form,
main#organisations-view-page #contact-form-section #contact-form,
main#organisations-terms_and_conditions-page #contact-form-section #contact-form {
	background-color: #f2f2f2;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	padding: 20px;
}

/* Photo marquee (additional CSS in css/marquee.css */

#activity-photo-marquee { /* 16 x 9 format - use images 336x189 */
	position: relative;
	top: 2px;
	width: 338px; /* 2px greater width and height to account for border */
	max-width: 100%;
	height: 191px;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	float: right;
	background-color: #f2f2f2;
	margin: 20px 0 20px 20px;
	overflow: hidden;
}

#activity-photo-marquee img {
	width: 100%;
	height: auto;
}
/* Booking Listing */
.fa.gray:before {
		color:#2c4666 !important;
}
div.bookings-header {
		background-color:rgb(230, 244, 244);
		padding:20px;
		border-bottom:1px solid #d9d9d9;
		border-top-right-radius:5px;
		border-top-left-radius:5px;
}
div.bookings-header h2 {
		display:inline-block;
}
div.bookings-header div.inputs {
		float:right;
}

.size-xs div.bookings-header div.inputs {
	margin-top: 10px;
}

div.bookings-header div.input.select {
		width:250px;
		margin-bottom:0 !important;
		margin-left:20px;
}

.size-xs div.input.select,
.size-xs div.bookings-header div.input.select {
	margin-bottom: 5px !important;
	width: 100%;
	margin-left: 0;
}

div.activity-listing {
		padding:20px;
		clear: both;
}
div.line.padded-line {
		margin:0 20px;
}
div.activity-listing div.promo-image,
div.activity-listing div.avatar-image {
		float:left;
		border:1px solid #d9d9d9;
		border-radius:6px;
		overflow:hidden;
		margin-right:20px;
}
div.activity-listing div.promo-image img,
div.activity-listing div.avatar-image img {
		width:auto;
		height:auto;
		margin:auto;
		display:block;
}
div.activity-listing div.activity-right {
		float:right;
		position:relative;
}
div.activity-listing div.activity-right p {
	padding-top:0;
	padding-bottom:4px;
	line-height:1.25 !important;
}
div.activity-listing div.activity-right button {
		position:absolute;
		bottom:0;
		right:0;
		width: 215px;
}
div.activity-listing div.activity-right button.safety-form {
	bottom: 50px;
	right:0;
}
div.activity-listing div.promo-image {
		width:200px;
		height:200px;
}

div.activity-listing div.promo-image--mobile a {
	display: block;
	height: 100px;
	width: 100%;
	background-position: center center;
	margin-bottom: 10px;
}
div.activity-listing div.activity-right {
	width:220px;
	margin-left:20px;
	min-height:190px;
}
div.activity-listing div.activity-right .invoices {
	min-height: 175px;
	text-align: right;
	margin-bottom: 50px;
}
div.activity-listing div.activity-mobile-button {
	display: none;
}


div.activity-listing .pickup-pin-wrap {
	display: flex;
	width: 100%;
	margin-bottom: 10px;
}
div.activity-listing .pickup-pin-wrap p {
	font-size: 12px;
	text-align: right;
	padding: 5px;
	color: #2c4666;
}
div.activity-listing .pickup-pin-wrap .pickup-pin {
	min-width: 105px;
	border-radius: 5px;
	background: #2d65ba;
}
div.activity-listing .pickup-pin-wrap .pickup-pin p {
	text-align: center;
	color: white;
	font-size: 12px;
	padding-bottom: 0px;
	padding-top: 10px;
}
div.activity-listing .pickup-pin-wrap .pickup-pin .pickup-pin-number {
	font-family: monospace;
	font-size: 32px;
	padding-top: 0px;
}

div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile {
	display: none;
	margin-top: 10px;
}
div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile p {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
}
div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile .pickup-pin {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 7px;
}
div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile .pickup-pin p {
	width: auto;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
	margin-right: 10px;
}
div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile .pickup-pin .pickup-pin-number {
	display: inline-block;
	vertical-align: middle;
	font-size: 32px;
	line-height: normal;
	letter-spacing: 3px;
}


div.activity-listing div.promo-image img {
		max-width:198px;
		max-height:198px;
}
div.activity-listing div.avatar-image {
		width:50px;
		height:50px;
}
div.activity-listing div.avatar-image img,
div.activity-listing div.avatar-image a.avatar-fallback {
		max-width:48px;
		max-height:48px;
}
div.activity-listing div.avatar-image a.avatar-fallback {
		text-align:center;
		line-height:48px;
		font-size:22px;
		font-family: "lato-light", "lato-regular", Arial, sans-serif;
		background-color:#007ccf !important;
		color:white !important;
		text-decoration:none !important;
		display:block;
}
div.activity-listing h3 {
		padding:0;
		margin:0;
		vertical-align:top;
		line-height:1em;
/*		height:1em;*/
}
div.activity-listing h4 {
	padding: 0 10px; /* visually centers */
	margin: 20px 0px;
	min-height: 46px;
}
div.no_act {
	text-align: center;
	padding:20px;
}
div.activity-listing span.light {
		color:#2c4666;
}
.fa-sq {
		display:inline-block;
		width:1.2em;
		text-align:center;
}

div.user-invite,
div.has-no-forward-sessions, 
div.has-incomplete-safety-form,
div.has-credit {
	text-align: center;
	background: #2d65ba; 
	border-radius: 7px;
	padding: 10px;
	margin-top: 10px;
	font-size: 16px;
	cursor: pointer;
}
div.user-invite h3,
div.has-no-forward-sessions h3,
div.has-incomplete-safety-form h3,
div.has-credit h3 {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
}
div.user-invite a,
div.has-no-forward-sessions a,
div.has-incomplete-safety-form a,
div.has-credit a {
	color: #fff;
	line-height: 18px;
}

div.has-incomplete-safety-form {
	background: #ffe5e5; 
	border: 1px solid #ce2a2a;
	padding: 15px;
}

div.has-credit {
	background: #feffe5;
	border: 1px solid #ff8e00;
	cursor: default;
	margin: 10px 0 10px 0;
}
div.has-credit h3,
div.has-credit span,
div.has-credit p,
div.has-credit i::before{
	color: #ff8e00;
}

div.user-invite {
	border: 1px solid #2d65ba; 
	background: #eaf2fd;
	margin-bottom: 20px;
}

div.user-invite .safety-button,
div.has-incomplete-safety-form .safety-button {
	text-align: right;
}

div.user-invite h3,
div.user-invite a {
	color: #2d65ba;
}

div.has-incomplete-safety-form h3,
div.has-incomplete-safety-form a {
	color: #ce2a2a;
}


div.user-invite button,
div.has-incomplete-safety-form button {
	width: 252px;
	margin: 5px 0 0 0;
}

.warning-box,
.available-discounts-box {
	padding: 15px;
	border-radius: 5px;
	margin-top: 15px;
}

.warning-box {
	background: #ffe5e5; 
	border: 1px solid #ce2a2a;
}

.warning-box h2,
.warning-box h3,
.warning-box p,
.warning-box a {
	color: #ce2a2a;
}

.available-discounts-box {
	background: #daf0e5;
	border: 1px solid #22533a;
}

.available-discounts-box h2,
.available-discounts-box h3,
.available-discounts-box p,
.available-discounts-box a {
	color: #22533a;
}

.available-discounts-box em {
	font-weight: 700;
}

/* Activity Details */

#aside-note {
	margin-top: 250px;
	text-align: center;
}

main#booking_events-view-page #main-content { /* margin-bottom not required on #aside-about as this is shifted up relatively by 20px anyway */
	margin-bottom: 20px;
}

main#booking_events-view-page div#programme-header div.line {
	display: none;
}

#programme-header #programme-header-image,
#programme-header #programme-header-sidebar,
#aside-about {
	position: relative;
	z-index: 2;
}

#programme-header-map { /* Built to XS size with overrides for larger sizes */
	width: 100%;
	height: auto;
	max-height: 275px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#programme-header-map #map {
	pointer-events: none;
}

#programme-header-map img {
	background: #f2f2f2;
	border: none;
}

#aside-about {
}

main#booking_events-view-page #activity-photo-marquee { /* 16 x 9 format - use images 336x189 */
	margin: 0 0 20px 20px;
}

.size-sm .contact-details-wrap {
	margin-left: 20px;
}

.contact-details-wrap p {
	color: #2c4666;
}

.contact-details-wrap p:nth-of-type(n+2) {
	font-family: "lato-italic";
	float: left;
	margin-right: 20px;
}

.contact-details-wrap a:link,
.contact-details-wrap a:visited {
	color: #4d4d4d;
}

.contact-details-wrap a:hover {
	color: #f08c1e;
}

.contact-details-wrap a:active {
	color: #4d4d4d;
}

.contact-details-wrap a i {
	color: #2c4666;
}

main#booking_events-view-page .user-links {
	float: left;
}

main#booking_events-view-page .user-links ul {
	margin-left: 0;
}

main#booking_events-view-page .user-links ul li:first-child a {
	padding-left: 0;
}

main#booking_events-view-page .user-links ul li:last-child a {
	padding-right: 10px;
}

main#booking_events-view-page .user-links ul li a i {
	color: #2c4666;
	margin-right: 5px;
}

main#booking_events-view-page .book-now {
	float: right;
	margin-top: 15px;
	max-width: 100%;
}

main#booking_events-view-page .activity-item {
	border-bottom: none;
	border-top: 1px #d9d9d9 solid;
}

main#booking_events-view-page .activity-item h5 {
	font-family: "lato-regular";
	font-size: 16px;
}

main#booking_events-view-page .activity-item h5 a:link,
main#booking_events-view-page .activity-item h5 a:visited {
	color: #2c4666;
}

main#booking_events-view-page .activity-item h5 a:hover {
	color: #2c4666;
}

main#booking_events-view-page .activity-item h5 a:active {
	color: #2c4666;
}

main#booking_events-view-page .activity-item i.fa-calendar,
main#booking_events-view-page .activity-item i.fa-user {
	color: #2c4666;
}


/* Home Page */

/* Header Banner */

#header-banner {
	padding-top: 114px; /* height of header which is fixed */
	margin-top: 0;
	overflow: hidden;
	height: 600px;
}

#header-banner .row.clearfix,
#header-banner .container {
	min-height: 486px;
}

#header-banner .container {
	padding: 0;
}

#header-banner .row {
	background: url('../img/enrolmy-kids.png') no-repeat;
	background-position: right bottom;
	margin: 0 auto;
	padding: 0;
}

#header-banner h1,
#header-banner p {
	color: #fff;
}

#header-banner h1 {
	line-height: 1.3;
	max-width: 500px;
	padding-bottom: 0.6em;
}

#header-banner p {
	font-size: 20px;
	max-width: 500px;
	padding-bottom: 1em;
}

#header-banner button,
#header-banner a.button {
	float: left;
	margin: 20px 20px 0 0;
}

#header-banner .text-wrap {
	margin-top: 60px;
	width: auto;
}

#header-banner .text-wrap a {
	margin-top: 30px;
}

/* Booking Progress */
#booking-progress-steps-wrap {
	float: right !important;
}

#booking-progress-steps {
	display: flex;
	justify-content: space-around;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	overflow: hidden;
}

#booking-progress-steps li {
	position: relative;
	flex-grow: 1;
	padding: 0px 5px;
	min-width: 100px;
	float: left;
	text-align: center;
	color: #4d4d4d;
}

#booking-progress-steps li a {
	font-family: "lato-light", "lato-regular", Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #2c4666;
	text-decoration: none;
}

#booking-progress-steps li a:after {
	content: "";
	display: block;
	position: absolute;
	background: rgb(217, 217, 217);
	width: 100%;
	height: 3px;
	left: 50%;
	top: 23px;
	z-index: -1;
}
#booking-progress-steps li:last-child a:after {
	background: #f2f2f2;
	width: 50%;
}

#booking-progress-steps li a span.step-count {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	border: 2px solid rgb(217, 217, 217);
	font-size: 24px;
	background-color: rgb(230, 244, 244);
}

#booking-progress-steps li.active a span.step-count,
#booking-progress-steps li.completed a span.step-count {
	background-color: rgb(50, 140, 30);
	color: white;
}

#booking-progress-steps li.no-go a {
	cursor: not-allowed;
}

#booking-progress-steps li.active a span.step-count {
	font-weight: bold;
}

#booking-progress-steps li.incomplete:hover a {
	cursor: auto;
}

@media (max-width: 570px) {
	#booking-progress-steps {
		justify-content: flex-start;
		overflow-x: scroll;
	}
	#booking-progress-steps li {
		min-width: 80px;
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		transform:scale(0.8);
	}
}



/* Main Content */

main#home-page {
	margin: 20px 0;
}

.info-box {
	position: relative;
}

.info-box:first-of-type {
	border-right: 1px solid #d9d9d9;
}

.info-box:nth-of-type(3) {
	border-left: 1px solid #d9d9d9;
}

.info-box h1,
.info-box h3,
.info-box p {
	text-align: center;
	max-width: 290px;
	padding: 0 20px;
	margin: 0 auto;
}

.info-box h1 {
	text-transform: uppercase;
	font-size: 27px;
	padding-bottom: 0.5em;
}

.info-box h1 i {
	font-size: 35px;
}

.info-box p:last-child {
	margin-bottom: 20px;
}

.info-box h1 a {
	display: block;
	width: 100%;
	padding-top: 30px;
}

.info-box h1 a:link,
.info-box h1 a:visited {
	color: #007ccf;
	text-decoration: none;
}

.info-box h1 a:hover {
	color: #1161ac;
	text-decoration: none;
}

.info-box h1 a:active {
	color: #007ccf;
	text-decoration: none;
}

.info-box h3 {
	font-family: "lato-bold";
	text-transform: capitalize;
}

.info-box p a {
	font-family: "lato-italic";
}

.info-box-separator {
	position: absolute;
	left: -25px;
	top: 85px;
	width: 50px;
	height: 50px;
	border: 1px #d9d9d9 solid;
	border-radius: 30px;
	background: #fff;
	z-index: 2;
	box-shadow: 0 0 2px #d9d9d9;
}

.info-box-separator i {
	color: #ccc;
	font-size: 46px;
	line-height: 50px;
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 6px;
	padding-left: 3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* centering fix for webkit browsers */
	.info-box-separator i {
		padding-top: 10px;
	}
}

#partners-photo-marquee p {
	text-align: center;
}

/*#partners-photo-marquee {
	position: static;
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
}*/

#partners-photo-marquee #marquee_outer_container {
	height: 110px;
	z-index: 2;
}

/* Featured Activity Providers section */

.featured-activity-providers-heading h1 {
	font-size: 34px;
	text-align: center;
	color: #2c4666;
	line-height: 1.7;
	margin-bottom: 10px;
}

.featured-activity-providers .activity-box .activity-details h2 {
	font-size: 24px;
}

.featured-activity-providers .activity-box .activity-buttons p:first-child {
	padding-top: 12px;
}

.featured-activity-providers .activity-box .activity-buttons p .orange-highlight {
	font-family: "lato-bold";
	font-style: normal;
}

/* Activity Providers */

body#pages-display-activity-providers #header-banner .row {
	background: url('../img/header-banner/enrolmy-kids-activity-provider-features.png') no-repeat;
	background-position: right bottom;
}

body#pages-display-activity-providers #header-banner .text-wrap {
	margin-top: 60px;
}

body#pages-display-activity-providers #header-banner .text-wrap button {
	margin-top: 100px;
}

main#activity-providers-page,
main#parents-page,
main#about-page,
main#pricing-page,
main#invest-page,
main#consultancy-page,
main#privacy-page,
main.error-page {
	max-width: 100% !important;
	border: none;
	background: none;
}

main#activity-providers-page {
	margin-top: 20px;
}

main#activity-providers-page .row,
main#activity-providers-page .container,
main#parents-page .row,
main#parents-page .container {
	padding: 0;
	margin: 0;
	max-width: 1280px;
}

main#activity-providers-page .row,
main#parents-page .row {
	margin: 0 auto;
}

main#activity-providers-page #partners-photo-marquee {
	margin: 20px auto;
	border-bottom: none;
}

main#activity-providers-page section.info-boxes .row,
main#parents-page section.info-boxes .row,
main#pricing-page section.info-boxes .row {
	background: #fff;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	margin-bottom: 20px;
}

main#activity-providers-page section.info-boxes {
	margin: 0 auto;
}

section.promo-box,
section.promo-box-full-width {
	height: 454px;
	background: #fff;
	border-top: 1px #d9d9d9 solid;
	border-bottom: 1px #d9d9d9 solid;
	margin-bottom: 20px;
}

section.promo-box .row,
section.promo-box-full-width .row {
	height: 454px;
}
section.promo-box.full-height,
section.promo-box-full-width.full-height,
section.promo-box.full-height .row,
section.promo-box-full-width.full-height .row,
section.promo-box.full-height .row div,
section.promo-box-full-width.full-height .row div {
	height:auto !important;
	min-height:454px !important;
}

section.promo-box .row .col-lg-6:first-child,
section.promo-box-full-width .row .col-lg-6 {
	display: flexbox;
	display: box;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 454px;
}

section.promo-box .row .col-lg-8 { /* for About page */
	padding-left: 20px;
}

section.promo-box .row .col-lg-4,
section.promo-box .row .col-lg-12 { /* for About page, Invest page etc */
	padding-left: 20px;
	padding-right: 20px;
}

section.promo-box h1,
section.promo-box p,
section.promo-box i,
section.promo-box-full-width h1,
section.promo-box-full-width p {
	padding: 0 20px;
	text-align: center;
}

section.promo-box h1,
section.promo-box-full-width h1 {
	color: #007ccf;
	font-size: 42px;
	line-height: 52px;
	max-width: 400px;
	margin: 0 auto;
	padding-bottom: 0.5em;
}
section.promo-box h1.full-width,
section.promo-box-full-width h1.full-width {
	max-width:100%;
}

section.promo-box-full-width h1 {
	color: #4d4d4d;
	max-width: 100%
}

section.promo-box p,
section.promo-box-full-width p {
	font-size: 160%;
	font-family: "lato-light";
	max-width: 590px;
	margin: 0 auto;
}

section.promo-box-full-width p {
	max-width: 100%
}

section.promo-box p:last-of-type,
section.promo-box-full-width p:last-of-type {
	padding-bottom: 30px; /* forces vertical centring upwards a bit */
}

section.promo-box-full-width p:last-of-type {
	margin-top: 2em;
}

section.promo-box i {
	width: 100%;
	font-size: 250px;
	line-height: 420px;
	color: #00a7e8;
	text-align: center;
}

section.provider-quote {
	min-height: 144px;
}

section.provider-quote img {
	margin: 0 20px 0 0;
	border-radius: 50%;
	float: right;
}

section.provider-quote.double-line img {
	margin-top: 5px;
}

section.provider-quote blockquote {
	border: 0;
	padding: 0;
	background: none;
	font-family: "lato-light-italic";
	font-size: 170%;
	margin: 35px 0 10px 0;
}

section.provider-quote.double-line blockquote {
	margin-top: 10px;
	margin-right:20px;
}

section.provider-quote blockquote:before {
  content: open-quote;
}

section.provider-quote blockquote:after {
  content: close-quote;
}

section.provider-quote p {
	font-family: "lato-light";
	margin-left: 190px;
	font-size: 130%;
}

section.provider-quote.double-line p {
	margin-bottom: 20px;
}

section.provider-quote p strong {
	font-family: "lato-regular";
}

section.provider-quote a:link,
section.provider-quote a:visited {
	color: #4d4d4d;
}

section.provider-quote a:hover {
	color: #2c4666;
}

section.provider-quote a:active {
	color: #4d4d4d;
}

main#activity-providers-page section.activities-boxes {
	margin-bottom: 20px;
}

main#activity-providers-page section.info-boxes .info-box {
	padding-bottom: 15px;
}

/* Parents */

body#pages-display-parents #header-banner .row {
	background: url('../img/header-banner/enrolmy-kids-parents-page.png') no-repeat;
	background-position: right bottom;
}

body#pages-display-parents #header-banner .text-wrap {
	margin-top: 130px;
}

body#pages-display-parents #header-banner p {
	margin-top: 20px;
	max-width: 500px;
}

main#parents-page section.provider-quote:first-of-type {
	margin-top: 20px;
}

.activities-boxes .row {
	margin: 0 auto;
}

.activity-box {
	width: 49%;
	height: 295px;
	overflow: hidden;
	float: left;
	background: #fff;
	border: 1px #d9d9d9 solid;
	border-radius: 6px;
	margin-bottom: 20px;
}

.activity-box:last-of-type,
.activity-box:nth-last-of-type(2):nth-of-type(odd) {
	margin-bottom: 0;
}

.activity-box:nth-of-type(even) {
	float: right;
}

.activity-full-width-wrap {
	width: 100%;
}

.activity-box .activity-image {
	float: left;
	margin: 20px 0 20px 20px;
}

.activity-box:nth-of-type(even) .activity-image {
	float: right;
	margin: 20px 20px 20px 0;
}

.activity-box .activity-image img {
	border: 1px #d9d9d9 solid;
	border-radius: 4px;
}

.activity-box .activity-details {
	position: relative;
	width: 58%;
	height: 190px;
	float: right;
	margin: 20px 20px 20px 0;
}

.activity-box:nth-of-type(even) .activity-details {
	margin: 20px 0 20px 20px;
	float: left;
}

.activity-box .activity-details h5 {
	font-size: 90%;
	font-family: "lato-regular";
}

.activity-box .activity-details > p {
	position: absolute;
	bottom: 0;
}

.activity-box .activity-details > h5 {
	position: absolute;
	bottom: 76px;
}

.featured-provider-box {
	margin-bottom:0 !important;
	height:210px !important;
}
.activity-box .featured-provider-box.activity-details > h5 {
	padding-bottom:20px !important;
}
.activity-box .activity-details .activity-details-heading {
	height: 62px;
	max-height: 62px;
	display: table-cell;
	vertical-align: middle;
}

.activity-box .activity-details .activity-top-line h5 {
	width: 66%;
	float: left;
	padding-top: 0;
}

.activity-box .activity-details .activity-top-line p {
	width: 33%;
	float: right;
	text-align: right;
	font-size: 90%;
	padding-top: 0;
}

.activity-box .activity-details h2 {
	font-family: "lato-regular";
	color: #007ccf;
	font-size: 18px;
	line-height: 1.2;
}
.activity-box .activity-details h2 a {
	color: #007ccf;
}
span.premium {
	color: #f08c1e;
	font-size: 80%;
	text-transform: uppercase;
	white-space: nowrap;
}

.activity-box .activity-buttons p {
	float: right;
	padding: 0;
	margin: 0 0 20px 3%;
	width: 30%;
}

.activity-box .activity-buttons p button {
	max-width: 100% !important;
}


.activity-box:nth-of-type(even) .activity-buttons p {
	float: left;
	margin: 0 3% 20px 0;
}

.activity-box .activity-buttons p:first-of-type {
	margin-top: -5px;
	font-size: 95%;
	line-height: 1.7em;
}

.activity-box:nth-of-type(even) .activity-buttons p:first-of-type {
	float: left;
	margin-left: 3%;
	margin-right: 5px;
}

.activity-box .activity-buttons i.fa-calendar {
	color: #2c4666;
}

.activities-boxes .refine-results {
	margin-bottom: 10px;
}

.activities-boxes .refine-results .sixth-width {
	float: left;
	width: 14.66666666%;
	margin-right: 2%;
}

.activities-boxes .refine-results h4.sixth-width {
	width: 14.66666666%;
	margin-left: 2%;
}

.activities-boxes .refine-results div.sixth-width:last-of-type {
	float: right;
	width: 12.66666666%;
	margin-right: 2%;
}

.activities-boxes .refine-results .sixth-width .half-sixth-width {
	float: right;
	width: 48%;
	max-width: 48%;
	margin-left: 2%;
}

.activities-boxes .refine-results .sixth-width select {
	background: url('../img/select-arrow.png') #f2f2f2 no-repeat center right;
	background-position: center right 2px;
	background-size: 17px 15px;
	padding-left: 2px;
}

.activities-boxes .refine-results .sixth-width select.half-sixth-width {
	padding-left: 0;
	padding-right: 0;
	border: none;
	background: #f2f2f2;
}

/* Contact Page */

main#contact-page {
	margin: 114px auto 0 auto;
	background: none;
	border: none;
	max-width: 1280px;
}

main#contact-page section .row {
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 6px;
}

main#contact-page section .heading.row {
	background: none;
	border: none;
	padding: 0;
	margin: 0 auto;
}

main#contact-page .heading:first-child h1 {
	margin-bottom: 0;
}

main#contact-page .container {
	max-width: 1280px;
	margin: 0 auto;
}

main#contact-page h1 {
	text-align: center;
	margin: 0 0 20px 0;
}

main#contact-page .heading h1 {
	margin-top: 3px;
}

main#contact-page .info-boxes .row {
	padding: 0;
}

main#contact-page .info-boxes h1,
main#pricing-page .info-boxes h1  {
	margin: 20px auto 0 auto;
}

main#contact-page .info-boxes a.button {
	margin-top: 20px;
	margin-bottom: 40px;
}

main#contact-page .info-boxes .info-box {
	border: none;
}

main#contact-page .info-boxes .info-box:nth-of-type(2) {
	border-left: 1px #d9d9d9 solid;
	border-right: 1px #d9d9d9 solid;
}

main#contact-page #contact-form-section {
	margin-top: 20px;
}

main#contact-page #contact-form-section #contact-details.row {
	border: none;
}

main#contact-page #contact-form-section h1 {
	margin: 20px 0 0 0;
	padding: 0;
}

main#contact-page #contact-details {
	margin-bottom: 20px;
	margin-left:0px;
}

main#contact-page #contact-details.row {
	max-width: 100% !important;
}
main#contact-page #contact-details h4,
main#contact-page #contact-details p {
	text-align: center;
}

main#contact-page #contact-details h4 {
	color: #007ccf;
}

/* About page */
.row.bottom-image {
	position:relative;
}
.row.bottom-image div.has-image {
	position:static;
}
.row.bottom-image div.has-image div {
	position:absolute;
	bottom:-30px;
}
main#about-page,
main#invest-page,
main#consultancy-page,
main#privacy-page,
main.error-page {
	margin-top: 114px;
	background: none;
	border: none;
}
main#invest-page section.promo-box i,
main#consultancy-page section.promo-box i,
main.error-page section.promo-box i{
	width:auto;
	font-size:inherit;
	line-height:inherit;
	color:white;
	padding:0;
}
main#about-page h1,
main#invest-page h1,
main#consultancy-page h1,
main#privacy-page h1,
main.error-page h1 {
	text-align: center;
	margin: 20px 0;
}

main#about-page .heading h1,
main#invest-page .heading h1,
main#consultancy-page .heading h1,
main#privacy-page .heading h1,
main.error-page .heading h1 {
	margin-top: 23px;
}

main#about-page .row,
main#invest-page .row,
main#consultancy-page .row,
main#privacy-page .row,
main.error-page .row {
	margin: 0 auto;
	padding: 0;
}

main#about-page .promo-box,
main#invest-page .promo-box,
main#consultancy-page .promo-box,
main#privacy-page .promo-box,
main.error-page .promo-box {
	height: auto;
	padding: 20px 0 30px 0;
}

main#about-page .promo-box.grey,
main#invest-page .promo-box.grey,
main#consultancy-page .promo-box.grey,
main#privacy-page .promo-box.grey,
main.error-page .promo-box.grey {
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
	background: none;
}

main#about-page .promo-box .row,
main#invest-page .promo-box .row,
main#consultancy-page .promo-box .row,
main#privacy-page .promo-box .row,
main.error-page .promo-box .row {
	height: auto;
}

main#invest-page .promo-box h1,
main#consultancy-page .promo-box h1,
main#invest-page .promo-box p,
main#consultancy-page .promo-box p,
main#privacy-page .promo-box h1,
main#privacy-page .promo-box p,
main.error-page .promo-box h1,
main.error-page .promo-box p {
	text-align: left;
	width: 95% !important;
	max-width: 95% !important;
	padding-left: 0;
}

main#about-page .promo-box h1,
main#about-page .promo-box p {
	text-align: left;
	width: 100% !important;
	/* max-width: 95% !important; */
	padding-left: 0;
}



main#about-page .promo-box h1,
main#invest-page .promo-box h1,
main#consultancy-page .promo-box h1,
main#privacy-page .promo-box h1,
main.error-page .promo-box h1 {
	margin-top: 10px;
	margin-bottom: 0;

}

main#about-page .promo-box p,
main#about-page .promo-box li,
main#invest-page .promo-box p,
main#consultancy-page .promo-box p,
main#invest-page .promo-box li,
main#consultancy-page .promo-box li,
main#privacy-page .promo-box p,
main#privacy-page .promo-box li,
main.error-page .promo-box p,
main.error-page .promo-box li {
	font-family: "lato-light", Arial, sans-serif;
	font-size: 16px; /* was 13px */
	line-height: 1.9;
	margin: 0;
	padding: 8px 0; /* label has padding override */
}

main#privacy-page .promo-box p,
main#privacy-page .promo-box li {
	line-height: 1.2;
}

main#about-page .promo-box ul.large-bullet-points li {
	font-size: 20px;
}

main#about-page .promo-box p span.lead-in-text {
	font-family: "lato-light", Arial, sans-serif;
	font-size: 20px;
}

main#about-page .promo-box i {
	font-size: 100%;
	line-height: inherit;
	width: auto;
	padding: 0;
}

main#about-page .promo-box h3 {
	font-size: 200%;
	font-family: "lato-hairline";
	padding-bottom: 0;
	font-weight: 600;
}

main#about-page .promo-box h4 {
	font-size: 125%;
	padding-top: 0;
	margin-bottom: 15px;
	font-family: "lato-light";
}

main#about-page .promo-box h4:last-of-type {
	margin-top: 20px;
}

main#about-page .promo-box a:link,
main#about-page .promo-box a:visited,
main#about-page .promo-box a:link i,
main#about-page .promo-box a:visited i {
	color: #007ccf;
}

main#about-page .promo-box a:hover,
main#about-page .promo-box a:hover i {
	color: #2145b2;
}

main#about-page .promo-box a:active,
main#about-page .promo-box a:active i {
	color: #007ccf;
}

main#about-page section#dean {
	height: 404px;
}

main#about-page section#dean img {
	height: 541px;
	position: absolute;
	/* left: -55px;
	top: -105px;*/
	left: -105px;
	top: -96px;
	z-index: 2;
}

main#about-page #staff-photos.promo-box  {
	padding-bottom: 0;
}

main#about-page #staff-details {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

main#about-page #staff-details .row .col-lg-3 {
	padding-left: 10px;
	padding-right: 10px;
}

main#about-page #staff-details .row .col-lg-3:first-child {
	padding-left: 20px;
}

main#about-page #staff-details .row .col-lg-3:last-child {
	padding-right: 20px;
}

main#about-page #partners-photo-marquee {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

main#about-page #partners-photo-marquee .row {
	border-top: 1px #d9d9d9 solid;
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
}

/* Login page */

main#login-page {
	padding: 30px 0px;
	margin: auto;
	border: none;
	max-width: 100%;
	min-height: 700px;
}

main#login-page .heading.container h1 {
	text-align: center;
}

main#login-page section#login-form {
	width: 100%;
}

main#login-page section#login-form .row.padded {
	padding: 20px 20px 0 20px;
}

main#login-page section#login-form .row.padded:first-of-type p {
	font-family: "lato-light";
	text-align: center;
	font-size: 140%;
	color: #2c4666;
	padding: 15px 10px;
}

div#login-element div.error-message {
	font-family:lato-light;
}
div#login-element div.input.error div.error-message {
	color: rgb(192,192,192);
}
div#login-element div.input.error div.error-message.color_red {
	color: rgb(231, 106, 90);
}
div#login-element div.input.error div.error-message.color_black {
	color: rgb(77,77,77);
}
div#login-element div.input.error div.error-message.color_light {
	color: rgb(192,192,192);
}
div#login-element div.input.error div.error-message.color_orange {
	color: rgb(240,140,30);
}
div#login-element div.input.error div.error-message.color_green {
	color: rgb(50, 140, 30);
}

div#login-element .col-lg-6 {
	position: relative;
	padding: 0px 20px;
	width: 50%;
	margin: 0px;
}

div#login-element #login-existing-user.col-lg-6 {
	margin-left: 1%;
	margin-right: 0;
}

div#login-element h1,
div#login-element h2,
div#login-element p {
	text-align: center;
}

div#login-element h1 {
	color: #007ccf;
	font-size: 45px;
	line-height: 1.1;
	padding-top: 0;
}

div#login-element h2 {
	padding-top: 0;
	padding-bottom: 20px;
}

div#login-element h2 i {
	color: #2c4666;
}

div#login-element input[type=text],
div#login-element input[type=email],
div#login-element input[type=password] {
	border: none;
	border-radius: 0;
	margin: 0;
}
div#login-element #login-user form div.login-input-wrap .input input[type=text]:focus,
div#login-element #login-user form div.login-input-wrap .input input[type=email]:focus,
div#login-element #login-user form div.login-input-wrap .input input[type=password]:focus {
	outline: none;
	box-shadow: none;
}

div#login-element label {
	display: none;
}

div#login-element .login-input-wrap {
	border: 1px #d9d9d9 solid;
	border-radius: 4px;
	margin: 10px 0;
	padding: 0;
	background: #fff;
	position: relative; /* Added for EMY1295 */
}
div#login-element .login-input-wrap.focused {
	box-shadow : 0px 0px 5px #2332ff;
}
div#login-element .login-input-wrap.focused-error {
	box-shadow : 0px 0px 5px #e51919;
}
div#login-element .login-input-wrap.focused-none {
	box-shadow : none;
}

#login-element .forgot-link {  /* Added for EMY1295 */
	width: 100% !important;
	text-align: center !important;
}

div.login-input-wrap p i.fa {
	width:100%;
	display:inline-block;
	text-align:center;
}

div#login-element .login-input-wrap.remember-me {
	border: none;
	background: none;
	text-align: left;
	padding-left:8px;
}
div#login-element .login-input-wrap.remember-me label {
	display: inline;
	color: #4d4d4d;
	position: relative;
	top: 2px;
	padding-left: 16px;
}
/* EMY1295 #STARTS */
#login-element .login-input-wrap .textbox-icon {
	position: absolute;
}
#login-element .login-input-wrap .input {
	padding-left: 33px;
	width: 100% !important;
}
#login-element .login-input-wrap .input.middle-fill-width {
	padding-right: 143px; /* to accomodate the save link or other stuff present in the right. */
}
#login-element .login-input-wrap .forgot-link {
	position: absolute;
	right: 0px;
}
/* EMY1295 #ENDS */
div#login-element .login-input-wrap .input.half-width,
div#login-element .login-input-wrap .input.full-width {
	margin-bottom: 0;
}

div#login-element .login-input-wrap .input.full-width {
	width: 328px; /* XLG size: width - 36px (fa-icon) - 180px (links) */
	float: left;
}
div#login-element .login-input-wrap .input.middle-fill-width {
	margin: 0px;
	width: 49%; /* 70% */
	float: left;
}
div#login-element .login-input-wrap .input.fill-width {
	margin: 0px;
	width: 85%; /* changed for EMY1181 */
	float: left;
}

div#login-element .login-input-wrap p {
	text-align: left;
	float: left;
	line-height: 33px;
	padding: 0 10px;
	width: 36px;
}

div#login-element .login-input-wrap p:nth-of-type(2) {
	float: right;
	padding: 0;
	width: auto;
}

div#login-element .login-input-wrap p:nth-of-type(2) a:link {
	display: block;
	height: 33px;
}

div#login-element .submit,
div#login-element .login-input-wrap.remember-me .input.full-width {
	width: 531px; /* LG size */
}

div#login-element .login-input-wrap .input.full-width {
	width: 275px; /* LG size: width - 36px (fa-icon) - 180px (links) */
	float: left;
}

div#login-element .login-input-wrap .input.half-width:first-of-type {
	max-width: 204px; /* LG size - 264px (2nd input) - 36px (icon) - 27px (padding) */
}

div#login-element .login-input-wrap .input.half-width:nth-of-type(2) {
	border-left: 1px #d9d9d9 solid;
}
div#login-element .login-input-wrap p.forgot-link {
	padding-right:10px !important;
	font-size:0.75em
}
div#login-element .login-input-wrap p.forgot-link a:link,
div#login-element .login-input-wrap p.forgot-link a:visited {
	color: #007ccf;
}

div#login-element .submit {
	margin-top:40px;
	text-align: center;
	width: 100% !important;
}

div#login-element #login-new-user .password-requirements p,
div#login-element #login-new-user .accept-tac p {
	padding-top: 0px;
	font-size: 80%;
}
body#oauths-login #partners-photo-marquee {
	border-bottom: 1px #2c4666 solid;
}

main.enrolments-form div#login-element,
main#booking_events-add_booking-page div#login-element {
	border-top: none !important;
}

main.enrolments-form div#login-element .submit,
main.enrolments-form div#login-element .login-input-wrap.remember-me .input.full-width,
main#booking_events-add_booking-page div#login-element .submit,
main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
	width: 415px; /* LG size */
}
main.enrolments-form div#login-element .login-input-wrap .input.error:first-of-type {
	padding-left:46px;
}
main.enrolments-form div#login-element .login-input-wrap .input.error.half-width:first-of-type {
	padding-left:10px;
	margin-left:36px;
}
main.enrolments-form div#login-element .login-input-wrap .input.error:last-of-type {
	padding-right:46px;
}
main.enrolments-form div#login-element .login-input-wrap .input.error {
	padding-left:10px;
	padding-right:10px;
}
main.enrolments-form div#login-element .login-input-wrap .input.error div.error-message {
	margin-top:0;
}
main.enrolments-form div#login-element .login-input-wrap .input.half-width:first-of-type,
main#booking_events-add_booking-page div#login-element .login-input-wrap .input.half-width:first-of-type {
	max-width: 146px; /* LG size - 269px total (206px (2nd input) + 36px (icon) + 27px (padding)) */
}

main.enrolments-form div#login-element .login-input-wrap .input.full-width,
main#booking_events-add_booking-page div#login-element .login-input-wrap .input.full-width {
	width: 199px; /* LG size - 216px total (36px (fa-icon) + 180px (links)) */
	float: left;
}

main#booking_events-add_booking-page div#login-register-bar {
	display: none;
}


section.organisation-tiles {
	width: 100%;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-evenly;
}
section.organisation-tiles h2 {
	width: 100%;
	clear: both;
	font-size: 35px;
	line-height: 40px;
	text-align: center;
	margin: 20px 0px;
}
section.organisation-tiles .organisation-tile {
	width: 250px;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.organisation-tile .organisation-logo img,
.organisation-tile .organisation-logo div {
	width: 225px; 
	height: 225px;
	border-radius: 50%;
	background-color: rgb(230, 244, 244);
}
.organisation-tile .organisation-details {
	margin: 15px 0px;
}
.organisation-tile .organisation-details h3 {
	font-size: 24px;
	line-height: 28px;
	max-height: 60px;
	margin-bottom: 5px;
	overflow: hidden;
}
.organisation-tile .organisation-details h4 {
	color: rgb(140, 140, 140);
	font-size: 16px;
	line-height: 18px;
}
.organisation-tile .organisation-links {
	margin-top: auto;
	padding: 0px 10px;
}
.organisation-tile .organisation-links button {
	
	width: 100%;
	margin: 5px 0px;
}

section.organisation-tiles .organisation-tile.small-tile {
	width: 210px;
}
.organisation-tile.small-tile .organisation-logo img,
.organisation-tile.small-tile .organisation-logo div {
	width: 160px; 
	height: 160px;
}
.organisation-tile.small-tile .organisation-details h3 {
	font-size: 22px;
	line-height: 26px;
}
.organisation-tile.small-tile .organisation-links button {
	font-size: 18px;
}

.organisation-parade {
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 10px;
	padding: 10px;
}
.organisation-parade a {
	box-sizing: content-box;
	float: left;
	width: 70px;
	height: 70px;
	border: 4px solid rgb(230, 244, 244);
	border-radius: 50%;
	overflow: hidden;
	margin: 10px;
}
.organisation-parade a.active {
	border: 4px solid rgb(76, 175, 80);
}


/* Pricing Page */

body#pages-display-pricing header .row {
	border-bottom: 1px #fff solid;
}

body#pages-display-pricing header.scrolled { /* re-add the header background here on scroll */
	background: #2145b2; /* Fallback */
	background: -webkit-linear-gradient(160deg, #2145b2, #00a7e8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(160deg, #2145b2, #00a7e8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(160deg, #2145b2, #00a7e8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(160deg, #2145b2, #00a7e8);
	height: 75px;
	transition: all 0.3s ease;
	border-bottom: 1px #d9d9d9 solid;
}

body#pages-display-pricing header.scrolled .row {
	border-bottom: none;
}

body#pages-display-pricing #header-banner .row {
	background: none !important;
}

body#pages-display-pricing #header-banner .text-wrap {
	padding-right: 30px;
	margin-top: 120px;
}

body#pages-display-pricing #header-banner .text-wrap h1 {
	font-size: 46px;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel {
	margin-top: 95px; /* 64 + 31px offset */
	padding: 20px 20px 0 20px;
	background: #fff;
	border: 1px solid #d9d9d9;
	min-height: 326px;
}

body#pages-display-pricing #header-banner a.button {
	float: none;
	margin-bottom: 0;
}

body#pages-display-pricing #header-banner .col-lg-3:nth-of-type(2) .price-panel { /* Starter */
	border-radius: 6px 0 0 6px;
}

body#pages-display-pricing #header-banner .col-lg-3:nth-of-type(3) .price-panel { /* Standard */
	border-radius: 6px 6px 0 0;
	margin-top: 64px;
	background: #e6f4f4;
	min-height: 357px;
}

body#pages-display-pricing #header-banner .col-lg-3:last-of-type .price-panel { /* Premium */
	border-radius: 0 6px 6px 0;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1 {
	color: #007ccf;
	padding-bottom: 0;
	font-size: 44px;
	line-height: 54px;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1 span.dollar-symbol {
	font-size: 22px;
	line-height: 54px;
	position: relative;
	top: -11px;
}


body#pages-display-pricing #header-banner .col-lg-3 .price-panel h2 {
	font-size: 23px;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1:first-of-type + h2 {
	padding-top: 5px;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel h2 + h1 { /* Dollars */
	font-size: 60px;
	line-height: 80px;
	padding-top: 15px;
	padding-bottom: 0;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1,
body#pages-display-pricing #header-banner .col-lg-3 .price-panel h2,
body#pages-display-pricing #header-banner .col-lg-3 .price-panel p {
	text-align: center;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel p {
	color: #4d4d4d;
	text-transform: uppercase;
	font-family: "lato-light";
	font-size: 105%;
}

body#pages-display-pricing #header-banner .col-lg-3 .price-panel p a.button {
	margin: 0 auto;
	text-transform: none;
}

body#pages-display-pricing #header-banner .col-lg-3:nth-of-type(3) .price-panel p:first-child { /* Standard */
	padding-top: 0;
	margin-top: -9px;
}

main#pricing-page {
	background: none;
	border: none;
}

main#pricing-page h1 {
	text-align: center;
	margin: 20px 0;
}

main#pricing-page .heading h1 {
	margin-top: 23px;
}

main#pricing-page .row {
	margin: 0 auto;
	padding: 0;
}

main#pricing-page .promo-box {
	height: auto;
	padding: 20px 0 30px 0;
}

main#pricing-page .promo-box.grey {
	border: 0;
	margin: 0;
	padding: 10px 0 0 0;
	background: none;
}

main#pricing-page .promo-box.grey.no-padding {
	padding: 0;
}

main#pricing-page table.table {
	margin-bottom: 0;
}

main#pricing-page .promo-box .row {
	height: auto;
}

main#pricing-page .promo-box h1,
main#pricing-page .promo-box p {
	text-align: left;
	width: 95% !important;
	max-width: 95% !important;
	padding-left: 0;
}

main#pricing-page .promo-box h1 {
	margin-top: 10px;
	margin-bottom: 0;
}

main#pricing-page .promo-box p,
main#pricing-page .promo-box li {
	font-family: "lato-regular", Arial, sans-serif;
	font-size: 16px; /* was 13px */
	line-height: 1.4;
	margin: 0;
	padding: 8px 0; /* label has padding override */
}

main#pricing-page .promo-box p span.lead-in-text {
	font-family: "lato-light", Arial, sans-serif;
	font-size: 20px;
}

main#pricing-page .promo-box i {
	font-size: 100%;
	line-height: inherit;
	width: auto;
	padding: 0;
	color: #007ccf;
}

main#pricing-page table th,
main#pricing-page table td {
	font-weight: normal;
	font-family: "lato-regular", Arial, sans-serif;
	height: 65px;
	vertical-align: middle;
}

main#pricing-page table td {
	text-align: center;
	color: #007ccf;
	font-size: 140%;
}

main#pricing-page .promo-box h1 {
	text-align: center;
}

main#pricing-page .centred-text p {
	text-align: center;
}

main#pricing-page p a.button {
	margin: 25px auto 0 auto;
}

main#pricing-page p a.button i {
	color: #fff;
}

main#pricing-page .col-lg-6.padded,
main#pricing-page .col-lg-12.padded {
	padding: 20px;
}

main#pricing-page section.promo-box .row .col-lg-6:first-child {
	display: inline;
	height: auto;
}

main#pricing-page h1.no-bottom-padding {
	padding-bottom: 0;
}

main#pricing-page h2 {
	color: #007ccf;
	font-size: 180%;
}

main#pricing-page section.promo-box ul {
	list-style-type: none;
}

main#pricing-page section.promo-box ul li i.fa-check {
	padding-right: 5px;
}

main#pricing-page p a.button.no-top-padding {
	margin-top: 0;
}

main#pricing-page .info-box {
	padding-bottom: 20px;
}

main#pricing-page .col-lg-8 p {
	font-size: 120%;
	font-family: "lato-light";
}

main#pricing-page #one-month-free.promo-box {
	padding-top: 30px;
}

main#pricing-page #enterprise.promo-box {
	padding-bottom: 30px;
}

main#pricing-page #partners-photo-marquee {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

main#pricing-page #partners-photo-marquee .row {
	border-top: 1px #d9d9d9 solid;
	padding-bottom: 20px;
	border-bottom: 1px #d9d9d9 solid;
}


/* Invest Page (additional styles) */

main#invest-page .promo-box h1,
main#consultancy-page .promo-box h1,
main#invest-page .promo-box p,
main#consultancy-page .promo-box p,
main#privacy-page .promo-box h1,
main#privacy-page .promo-box p,
main.error-page .promo-box h1,
main.error-page .promo-box p {
	padding-left: 20px;
	padding-right: 20px;
}

/* Privacy Policy */
main#privacy-page h2 {
	font-size:30px;
	padding-top:100px;
	margin-top:-100px;
}
main#privacy-page section.wide-top {
	margin-top:120px;
}
main#privacy-page h3 {
	margin-bottom:20px;
	margin-top:20px;
	padding-bottom:0;
}
main#privacy-page h3 a {
	padding:2px 50px;
}
main#privacy-page h3 a.active-link {
	border-bottom:3px solid rgb(217, 217, 217);
}
main#privacy-page h4 {
	font-size:22px;
}
main#privacy-page h5 {
	font-size:18px;
	color:rgb(77, 77, 77);
}


main#privacy-page ul {
	padding-left: 20px;
	padding-right: 20px;
}

main#privacy-page ul li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


main#privacy-page div.policy-styles {
	clear:both;
	position:relative;
}
main#privacy-page div.policy-styles:before,
main#privacy-page div.policy-styles:after {
	content:" ";
	display:table;
	clear:both;
}
main#privacy-page div.policy-styles h4 {
	padding-left:60px;
	font-family:lato-bold;
}
main#privacy-page div.last-updated {
	float:right;
}
main#privacy-page div.last-updated#privacy-policy-last-updated {
	position:absolute;
	top:-40px;
	right:0
}
main#privacy-page div.policy-styles li {
	margin-bottom:0.6em !important;
	margin-top:0.6em !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	padding-left:0 !important;
	margin-left:0 !important;
}
main#privacy-page div.policy-styles ol,
main#privacy-page div.policy-styles ul {
	padding-left:60px !important;
	margin-left:0 !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top:0 !important;
	margin-bottom:0 !important;
}
main#privacy-page div.policy-styles span.num {
	display:inline-block;
	position:absolute;
	left:0;
}
main#privacy-page .CookieDeclaration {
	padding-left: 40px;
}

main#privacy-page div#organisers {
	display:none;
}

/* 9. Miscelleaneous and General Classes */

#password-items {
	display: block;
	width: 100%;
	list-style-type: none;
	margin: 0px;
}

#password-items li {
	display: block;
	float: left;
	width: 33.333%;
	padding: 5px 0px;
	font-size: 14px;
}

#password-items li i {
	color: #2c4666;
	font-size: 16px;
}


#password-items li.active i {
	color: #f08c1e;
}

i.nz-made {
	position: relative;
	left: 0;
	top: 4px;
	display: inline-block;
	width: 23px;
	height: 17px;
	margin-right: 5px;
	background: url('../img/nz-made-logo.png') no-repeat;
}

#bootstrap-test p {
	text-align: center;
	font-weight: bold;
}

.hovering,
a.pointer:hover {
	cursor: pointer;
}

div.line {
	height: 1px;
	background: #d9d9d9;
	overflow: hidden;
}

div.line.horizontal-margins {
	margin-left: 20px;
	margin-right: 20px;
}

div.line.vertical-margins {
	margin-top: 20px;
	margin-bottom: 20px;
}

p.dark-highlight,
span.dark-highlight {
	color: #4d4d4d;
}

p.light-highlight,
span.light-highlight {
	color: #2c4666;
}

.force-wrap {
	clear: both;
}

.large-text {
	font-size: 130%;
}

/*.small-text {
	font-size: 95%;
}*/

.orange-highlight {
	color: #f08c1e !important;
}

.centred {
	text-align: center;
	margin: 0 auto;
}

sup.reg { /* special styles applied to &reg; element within the sup, eg. <sup class="reg">&reg;</sup> */
	font-size: 60%;
	line-height: 60%;
}

.notice {
	margin: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 15px;
	padding-left: 20px;
	padding-right: 30px;
	position: relative;
	border: 1px solid #dbdfe0;
	border-radius: 4px;
	display: inline-block;
	background: white;
	min-height: 40px;
	line-height: 18px;
	display: flex;
	align-items: center;
}
.notice i.fa {
	font-size: 40px;
	min-width: 50px;
	text-align: center;
	margin-right: 15px;
}
.notice p {
	padding: 0;
	line-height: 1.2em;
}
.notice i.fa.fa-exclamation-circle,
.notice i.fa.fa-exclamation-triangle {
	color: #f08c1e;
}


/* 10. Bootstrap overrides (general) */

.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 { /* Remove all padding / gutters */
	margin: 0;
	padding: 0;
}

.row {
	padding: 20px 0;
}

.container-fluid {
	padding: 0;
}

header .row {
	margin-top: 0;
	height: 114px;
}

#breadcrumbs .row {
	padding: 0;
}

ol.breadcrumb {
	background-color: #f8f9f9;
	padding: 0;
	margin-bottom: 0px;
}

ol.breadcrumb li,
ol.breadcrumb li.active {
	font-family: "lato-italic";
	font-size: 14px;
	color: #2c4666;
	line-height: 32px;
}

ol.breadcrumb li:before {
	content: '>';
	color: #2c4666;
	padding: 0 2px;
}

ol.breadcrumb li:first-child:before {
	content: '';
	padding: 0
}

ol.breadcrumb a,
ol.breadcrumb a:link,
ol.breadcrumb a:visited {
	color: #2c4666;
	text-decoration: none;
}

ol.breadcrumb a:hover{
	color: #4d4d4d;
	text-decoration: underline;
}

ol.breadcrumb a:active {
	color: #2c4666;
	text-decoration: none;
}

.ot-msd .input label {
	color: #4d4d4d;
}

.tnc-section {
	border-bottom: 1px #d9d9d9 solid;
	padding: 20px 0;
}

.health-options label {
	font-size: 18px;
	color: rgb(77,77,77);
}
.advance-details-list {
    float: left;
    display: block;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 3px solid #d9d9d9;
}

.advance-details-option {
    border-bottom: 1px solid #d9d9d9;
    padding: 20px 0 10px;
    margin-bottom: 20px;
	position: relative;
}

.advance-details-option:last-of-type {
    border-bottom: none;
	padding-bottom: 0;
}

.advance-details-option .input textarea {
	height: 75px;
}

.add-health-item {
    margin-bottom: 15px;
}

.fileupload-progress {
	margin-top: 10px;
}

.fileupload .progress {
	height: 10px;
	margin-bottom: 10px;
}

.fileinput-button {
	background: #f08c1e;
	background: -webkit-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	background: -o-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	background: -moz-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
    background: linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
    border-color: #f08c1e;
}

.fileinput-button:active {
	background: #e37a38;
	background: -webkit-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%);
	background: -o-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%);
	background: -moz-linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%);
	background: linear-gradient(#e37a38 0%, #cf622a 16%, #ee7521 50%, #f08c1e 100%);
    border-color: #e37a38;
}

.fileinput-button:hover {
	background: #f0ae1e;
	background: -webkit-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%);
	background: -o-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%);
	background: -moz-linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%);
	background: linear-gradient(#f0ae1e 0%, #ee9021 50%, #cf622a 84%, #e37a38 100%);
    border-color: #f0ae1e;
}

.fileupload table {
	margin-bottom: 0;
}

.files p {
	padding: 0;
}

.files .preview {
	width: 100%;
	display: block;
}

.files .preview img,
.files .preview canvas {
	width: 100%;
}

.files td {
	vertical-align: middle !important;
}

.fileinput-button i {
	font-family: "lato-regular", Arial, sans-serif;
}

.files-icon-button {
    width: 50px;
}

/* Commenting out because it looks bad on Booking Form...
.terms-conditions .Choice__input {
	padding-left: 0px;
	width: 37px;
}
.terms-conditions .Choice__info {
	margin-left: 35px;
}
*/
/* ---- Booking Processing ---- */
#processing {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: white;
	z-index: 999999999;
	text-align: center;
}
#processing i {
	font-size: 100px;
	line-height: 100px;
	color: #f48b20;
	margin-bottom: 20px;
}
#processing div{
	display: inline-block;
}
#processing div p {
	font-size: 16px;
}

/* 11. Bootstrap overrides (by screen size) */

/* Largest  - X-Large size (normal display) NB: LG size formatting is included in this */

.visible-lg-override {
	display: none;
}



/* Featured Providers */
.featured-provider-desc {
	display:inline-block;
	max-height:4.2em;
	overflow:hidden;
}
.featured-activity-providers .activities-boxes-wrap {
	display:table;
	vertical-align:top;
}
.featured-activity-providers .activities-boxes-wrap > .featured-provider-table-wrap {
	display:table-row !important;
}
.featured-provider-box {
	width:50%;
	display:table-cell;
	padding-bottom:20px;
	vertical-align:top;
}
.featured-provider-wrap {
	background-color:white;
	border-radius:6px;
	padding:20px 10px;
	border: 1px solid #d9d9d9;
}
.featured-provider-full-width-wrap {
	display:table-row;
}
.featured-provider-image {
	width:33.333%;
	padding: 0 10px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:top;
}
.featured-provider-details {
	width: 66.666%;
	padding: 0 10px;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:top;
}
.featured-provider-box .featured-provider-buttons {
	display:table-row;
	width:100%;
}
.featured-provider-box .featured-provider-buttons div {
	width:50%;
	padding:0 10px 0 0;
	box-sizing:border-box;
	display:table-cell;
}
.featured-provider-box .featured-provider-buttons div button {
	width:100%;
}
.featured-provider-table-wrap {
	display:table;
	width:100%;
	position:relative;
}
.featured-provider-box img {
	border: 1px #d9d9d9 solid;
	border-radius: 4px;
	width:100%;
	margin-bottom:20px;
}
.featured-provider-details .featured-provider-top-line {
	height:30px;
}
.featured-provider-details .featured-provider-top-line h5 {
	float:left;
}
.featured-provider-details .featured-provider-top-line p {
	float:right;
}
.featured-provider-details .featured-provider-details-heading h2 {
	font-family: lato-regular;
	font-size: 24px;
}
.featured-provider-details .featured-provider-details-heading h2 a {
	color:#007ccf;
}
.featured-provider-location {
	font-size:14px;
	height:20px;
}

.booking-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999999;
	background-color: rgba(0,0,0,0.3);
}

.booking-popup__header {
	margin-bottom: 15px;
}

.booking-popup__heading {
	margin-bottom: 15px
}

.booking-popup__container {
	position: absolute;
	width: 100%;
	max-width: 600px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 10px #2c4666;
	padding: 10px 20px
}

.booking-popup__button {
	color: #f08c1e;
	font-size: 16px;
	height: 40px;
	line-height: 36px;
	padding: 0px 14px;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 2px solid #f08c1e;
	position: relative;
}

.booking-popup__button--solid {
	color: #fff;
	background: #f08c1e;
	background: -webkit-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	background: -o-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	background: -moz-linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	background: linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	text-shadow: 0 0 5px #c86400;
} 

.booking-popup__button span {
	font-size: 20px;
}

.booking-popup__button__link {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.booking-popup__seperator {
    position: relative;
}

.booking-popup__seperator span {
	position: absolute;
	left: 50%;
	top: -12px;
	transform: translateX(-50%);
	background-color: #fff;
	padding: 0 15px;
}

@media (min-width: 992px) {
	.featured-provider-box:nth-of-type(even) .featured-provider-image {
		float:right;
	}
	.featured-provider-box:nth-of-type(even) .featured-provider-details {
		float:left;
	}
	.featured-provider-box:nth-of-type(odd) {
		padding-right:10px;
	}
	.featured-provider-box:nth-of-type(even) {
		padding-left:10px;
	}
	.featured-provider-box:nth-of-type(odd) .featured-provider-buttons div:first-child {
		position:absolute;
		right:0;
	}
	.featured-provider-box:nth-of-type(odd) .featured-provider-buttons div:last-child {
		position:absolute;
		left:0;
	}
	
}
@media (max-width: 991px) {
	.featured-provider-box {
		width: 100%;
		display:block;
		height: auto !important;
	}
	.system-student-questions-mobile {
		width:100%!important;
	}
	
	main#booking_events-add_booking-page #activity-booking-form {
		position: relative;
		padding: 20px 20px;
	}
	main#booking_events-add_booking-page #activity-provider-about-content #activity-booking-form {
	}
	
	#main-wrap .container.padded {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 1320px) { /* see http://stackoverflow.com/questions/15884102/bootstrap-how-do-i-change-the-width-of-the-container */
	div#login-element .login-input-wrap .input.middle-fill-width {
		margin: 0px;
		width: 63%;
		float: left;
	}
	.row,
	.container {
		width: 1280px !important;
		max-width: 1280px !important;
	}

	main#activity-providers-page .row,
	main#activity-providers-page .container,
	main#parents-page .row,
	main#parents-page .container,
	main#about-page .row,
	main#about-page .container,
	main#contact-page .row,
	main#contact-page .container,
	main#pricing-page .row,
	main#pricing-page .container,
	main#invest-page .row,
	main#consultancy-page .row,
	main#invest-page .container,
	main#consultancy-page .container,
	main.error-page .row,
	main.error-page .container {
		max-width: 1280px !important;
	}

	body.not-full-width main .row,
	body.not-full-width main .container {
		max-width: 1030px !important; /* overrides LG sizing below */
	}

	nav .container {
		max-width: 700px !important;
	}

	.form-section .row {
		max-width: 820px;
	}

	main.col-lg-10 {
		width: 84%;
	}

	footer div.div-floated-right {
		margin-right: 0px; 
	}
	

	body#pages-display-index footer div.div-floated-right,
	body#pages-display-parents footer div.div-floated-right,
	body#pages-display-activity-providers footer div.div-floated-right,
	body#pages-display-contact footer div.div-floated-right,
	body#pages-display-about footer div.div-floated-right,
	body#pages-display-privacy-policy footer div.div-floated-right,
	body#pages-display-invest footer div.div-floated-right {
		margin-right: 0; /* overrides for the above when main content is full width (no aside) */
	}

	.form-section blockquote {
		width: 100%;
		/* max-width:820px; */
	}

	.visible-lg-override {
		display: inline;
	}

	main.enrolments-form section#submit-enrolment-form .section-notes.lg-override,
	main.enrolments-form section#submit-enrolment-form .submission-buttons.lg-override {
		width: 1030px;
		max-width: 1030px;
	}

	main.enrolments-form section#submit-enrolment-form .section-notes.lg-override h4,
	main.enrolments-form section#submit-enrolment-form .section-notes.lg-override p {
		max-width: 820px;
	}

	main#organisations-view-page #main-content.col-lg-9,
	main#organisations-terms_and_conditions-page #main-content.col-lg-9,
	main#booking_events-view-page #main-content.col-lg-9 {
		width: 840px !important; /* !important used to override LG size below */
		max-width: 840px !important;
	}

	.activity-box .activity-details > p {
		line-height: 1.4 !important;
	}

	.activity-box .activity-details > h5 {
		bottom: 76px !important;
	}

	div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 584px; /* XLG size */
	}

	div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 230px; /* XLG size - 291px (2nd input) - 36px (icon) - 27px (padding) */
	}

	div#login-element .login-input-wrap .input.full-width {
		width: 328px; /* XLG size: width - 36px (fa-icon) - 180px (links) */
		float: left;
	}

	main.enrolments-form div#login-element .submit,
	main.enrolments-form div#login-element .login-input-wrap.remember-me .input.full-width,
	main#booking_events-add_booking-page div#login-element .submit,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 463px; /* XLG size */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.half-width:first-of-type,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 171px; /* XLG size - 292px total (229px (2nd input) + 36px (icon) + 27px (padding)) */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.full-width,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.full-width {
		width: 247px; /* XLG size - 216px total (36px (fa-icon) + 180px (links)) */
		float: left;
	}
	/* EMY1181 */
	div#login-element .login-input-wrap .input.fill-width {
		width: 93%;
	}
}

/* Large - LG size */
@media (min-width: 1200px) {

	main.enrolments-form section#submit-enrolment-form .submission-buttons h4 { /* Centres this h4 vertically (also with MD & SM sizes below) */
		margin-top: 12px;
	}

	body.not-full-width main .row,
	body.not-full-width main .container {
		max-width: 100% !important; /*973px; */
	}

	/*main#activity-providers-page .row,
	main#activity-providers-page .container,
	main#parents-page .row,
	main#parents-page .container,
	main#contact-page .row,
	main#contact-page .container {
		max-width: 1200px;
	}*/

	.row {
		max-width: 1170px;
	}

	.activity-item .col-lg-3,
	.activity-item .col-lg-6 {
		width: 55%;
	}

	.activity-item .col-lg-3 {
		width: 190px;
		margin-right: 20px;
	}

	.activity-item .col-lg-3:last-of-type {
		float: right;
		margin-right: 0;
	}

	.activity-box .activity-details > p {
		line-height: 1.2;
	}

	.activity-box .activity-details > h5 {
		bottom: 78px;
	}

	#programme-header #programme-header-info {
		max-width: 55%;
	}
	#aside-about.col-lg-3 {
		width: 190px;
	}

	main#organisations-view-page #main-content.col-lg-9,
	main#organisations-terms_and_conditions-page #main-content.col-lg-9,
	main#booking_events-view-page #main-content.col-lg-9 {
		width: 79%;
	}

	main#booking_events-view-page #main-content {
		margin-top: 230px;
	}
/*	#activity-provider-about-content.dodge-map #main-content {
		margin-top:275px;
	}
*/	main#booking_events-view-page #main-content.no-map {
		margin-top: 0px;
	}
	
	main#booking_events-add_booking-page #create-booking #booking-buttons {
		padding-right: 0px;
	}

	#programme-header-map {
		display: inline;
		position: absolute;
	}

	#programme-header-map iframe {
		display: inline;
	}

	#header-banner .row {
		background: url('../img/enrolmy-kids.png') no-repeat;
		background-position: right 65px bottom;
	}


	@media (max-width: 1279px) { /* LG only (not override) */
		body#pages-display-parents #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-parents-page.png') no-repeat;
			background-size: 732px 346px;
			background-position: right bottom 40px;
		}

		body#pages-display-activity-providers #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-activity-provider-features.png') no-repeat;
			background-size: 753px 468px;
			background-position: right bottom;
		}
	}
	/* EMY1181 */
	@media (max-width: 1320px) {
		div#login-element .login-input-wrap .input.fill-width {
			width: 92%;
		}
	}

	main#home-page {
		max-width: 1280px;
	}


}

/* Medium - MD size */
@media (min-width: 992px) and (max-width: 1199px) {
	/* EMY1181 */
	div#login-element .login-input-wrap .input.fill-width {
		width: 90%;
	}

	main.enrolments-form section#submit-enrolment-form .submission-buttons h4 {
		margin-top: 12px;
	}

	main .row,
	main .container {
		max-width: 970px;
	}
	div.padded .row {
				max-width: 930px !important;
	}

	#programme-header #programme-header-info {
		max-width: 55%;
	}
		#programme-header #programme-header-info h1 {
				min-width:700px; /* quick and dirty fix for HQ-480. Remove when needed. */		
		}
	.activity-item .col-lg-3,
	.activity-item .col-lg-6 {
		width: 55%;
	}

	.activity-item .col-lg-3 {
		width: 190px;
		margin-right: 20px;
	}

	.activity-item .col-lg-3:last-of-type {
		float: right;
		margin-right: 0;
	}

	#bottom-banner .row {
		background: url('../img/enrolmy-kids@05x.png') no-repeat;
		background-position: right bottom;
	}

	#aside-about.col-md-3 {
		width: 190px;
	}

	main#organisations-view-page #main-content.col-md-9,
	main#organisations-terms_and_conditions-page #main-content.col-md-9,
	main#booking_events-view-page #main-content.col-md-9 {
		width: 79%;
	}

	main#booking_events-view-page #main-content {
		margin-top: 230px;
	}
	#activity-provider-about-content.dodge-map #main-content {
		margin-top:275px;
	}
	main#booking_events-view-page #main-content.no-map {
		margin-top: 0px;
	}

	#programme-header-map {
		display: inline;
		position: absolute;
	}

	#programme-header-map iframe {
		display: inline;
	}

	section.provider-quote blockquote {
		font-size: 130%;
	}

	section.provider-quote p {
		margin-left: 50px;
	}

	.activity-box .activity-image {
		max-width: 25%;
		max-height: 25%;
	}

	.activity-box .activity-image img {
		max-width: 100%;
		height: auto;
	}

	.activity-box .activity-details {
		width: 65%;
	}

	.activity-box:nth-of-type(even) .activity-buttons p:nth-of-type(3) {
		margin-right: 0;
	}

	.activities-boxes .refine-results .sixth-width {
		float: left;
		width: 18%;
		margin-right: 2%;
	}

	.activities-boxes .refine-results h4.sixth-width {
		width: 100%;
	}

	.activity-box .activity-details > p {
		line-height: 1.2;
	}

	.activity-box .activity-details > h5 {
		bottom: 78px;
	}

	div#login-element .submit,
	div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 433px; /* MD size */
	}

	div#login-element .login-input-wrap .input.full-width {
		width: 177px; /* MD size: width - 36px (fa-icon) - 180px (links) */
		float: left;
	}

	div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 155px; /* MD size - 215px (2nd input) - 36px (icon) - 27px (padding) */
	}

	main.enrolments-form div#login-element,
	main.enrolments-form div#login-element .row,
	main#booking_events-add_booking-page div#login-element,
	main#booking_events-add_booking-page div#login-element .row {
		max-width: 928px !important;
	}

	main.enrolments-form div#login-element .col-md-6,
	main#booking_events-add_booking-page div#login-element .col-md-6 {
		width: 454px;
	}

	main.enrolments-form div#login-element .submit,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width,
	main#booking_events-add_booking-page div#login-element .submit,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 412px; /* MD size */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.half-width:first-of-type,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 145px; /* MD size - 267px total (204px (2nd input) + 36px (icon) + 27px (padding)) */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.full-width,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.full-width {
		width: 196px; /* MD size - 216px total (36px (fa-icon) + 180px (links)) */
		float: left;
	}

	body#pages-display-pricing #header-banner .col-lg-3 .price-panel h2 {
		font-size: 20px;
	}

	body#pages-display-parents #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-parents-page.png') no-repeat;
		background-size: 732px 346px;
		background-position: right bottom 40px;
	}

	body#pages-display-activity-providers #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-activity-provider-features.png') no-repeat;
		background-size: 753px 468px;
		background-position: right -254px bottom;
	}

}

/* Small - SM size */
@media (min-width: 768px) and (max-width: 991px) {
	div#login-element .login-input-wrap .input.middle-fill-width {
		width: 70%;
	}
	/* EMY1181 */
	div#login-element .login-input-wrap .input.fill-width {
		width: 94%;
	}

	main#booking_events-add_booking-page #terms-conditions .input {
		float: right;
	}

	main#booking_events-add_booking-page #terms-conditions .input label {
		float: left;
	}

	main#booking_events-add_booking-page #subsidy .input {
		float: right !important;
	}

	nav .container {
		max-width: 500px !important;
	}

	.col-sm-3 button {
		width:180px !important
	}

	.activity-item-details.col-sm-3 {
		float:right
	}

	.activity-item-info.col-sm-5 .activity-item-truncate {
		display:inline-block;
		max-height:4.2em !important; /* line height is 1.4em, so this is 3 lines */
		overflow:hidden;
	}
	main.enrolments-form section#submit-enrolment-form .submission-buttons h4 {
		margin-top: 12px;
	}

	#pages-display-index #header-banner .row,
	#pages-display-parents #header-banner .row {
		background: none;
	}

	#header-banner .text-wrap img.visible-sm {
		display: none;
	}

	#pages-display-index #header-banner .text-wrap img.visible-sm {
		position: relative;
		left: 490px;
		top: -400px;
		z-index: 1;
	}

	#header-banner .text-wrap h1,
	#header-banner .text-wrap p,
	#header-banner .text-wrap a {
		position: relative;
		z-index: 2;
	}

	main.enrolments-form .submission-buttons button {
		padding-left: 10%;
	}

	main .row,
	main .container {
		max-width: 750px;
	}

	#programme-header-sidebar {
	/*	float: none;
		display: inline;
		position: relative;
		left: 210px;
		margin-top: 0 !important;
		width: 400px;
		height: 87px !important;*/
	}

	#programme-header-sidebar p {
		float: none;
		line-height: 33px;
		width: 190px;
		text-align: left;
	}

	#programme-header-sidebar p:last-of-type {
		margin-right: 0;
	}

	main#booking_events-add_booking-page #programme-header div.line {
		margin-left: 0;
	}

	#programme-header #programme-header-info {
		min-width: 100px;
		max-width: 290px;
	}
	main.enrolments-form #programme-header #programme-header-info {
		max-width:none;
	}
	.activity-item .col-sm-4 {
		float: left;
		width: 190px;
		margin-right: 20px;
	}

	.activity-item .col-sm-4:last-of-type {
		margin-top: 20px;
	}

	.activity-item .col-sm-8 {
		width: 70%;
		min-width: 490px;
	}

	main#booking_events-index-page .activity-item-details p {
		text-align: left;
	}

	/*#aside-about {
		margin-top: 20px;
	}*/ 

	#bottom-banner .row {
		background: url('../img/enrolmy-kids@05x.png') no-repeat;
		background-position: right bottom;
	}

	#aside-about.col-sm-4 {
		width: 190px;
		top: 7px;
	}

	main#organisations-view-page #main-content.col-sm-8,
	main#organisations-terms_and_conditions-page #main-content.col-sm-8,
	main#booking_events-view-page #main-content.col-sm-8 {
		width: 73%;
	}

	#activity-photo-marquee {
		width: 100%;
		max-width: 336px;
		float: none;
		margin: 20px 0;
	}

	main#booking_events-view-page #activity-photo-marquee {
		margin: 0;
	}

	#activity-photo-marquee + p {
		margin-top: 10px;
	}

	#header-banner .text-wrap {
		/*background: rgba(33,69,178,0.3);*/
	}

	section.provider-quote blockquote {
		font-size: 110%;
	}

	section.provider-quote p {
		font-size: 100%;
		margin-left: 0;
	}

	.activity-box {
		width: 100%;
	}

	.activity-box:nth-of-type(even) .activity-image {
		float: left;
		margin: 20px 0 20px 20px;
	}

	.activity-box .activity-image {
		max-width: 25%;
		max-height: 25%;
	}

	.activity-box .activity-image img {
		max-width: 100%;
		height: auto;
	}

	.activity-box .activity-details,
	.activity-box:nth-of-type(even) .activity-details {
		float: right;
		width: 65%;
	}

	.activity-box .activity-buttons p,
	.activity-box:nth-of-type(even) .activity-buttons p,
	.activity-box .activity-buttons p:first-of-type,
	.activity-box:nth-of-type(even) .activity-buttons p:first-of-type {
		float: right;
		margin: 0 0 20px 3%;
	}

	.activity-box .activity-buttons p:last-of-type,
	.activity-box:nth-of-type(even) .activity-buttons p:last-of-type {
		float: left;
		margin-left: 20px;
	}

	.activity-box .activity-buttons p,
	.activity-box:nth-of-type(even) .activity-buttons p,
	.activity-box .activity-buttons p button,
	.activity-box:nth-of-type(even) .activity-buttons p button {
		min-width: 190px;
	}

	.activities-boxes .refine-results .sixth-width {
		float: left;
		width: 23%;
		margin-right: 2%;
	}

	.activities-boxes .refine-results h4.sixth-width {
		width: 100%;
	}

	#enrolments-form .col-sm-6 button {
		max-width: 98%;
		margin-right: 2%;
	}

	#enrolments-form .col-sm-6:last-child button {
		max-width: 98%;
		margin-right: 0;
		margin-left: 2%;
	}

	div#login-element .col-sm-12 {
		width: 100%;
		margin-right: 0;
	}

	div#login-element #login-existing-user.col-sm-12 {
		margin-top: 20px;
		margin-left: 0;
	}

	div#login-element .submit,
	div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 708px; /* SM size */
	}

	div#login-element .login-input-wrap .input.full-width {
		width: 452px; /* SM size: width - 36px (fa-icon) - 180px (links) */
		float: left;
	}

	div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 293px; /* SM size - 352px (2nd input) - 36px (icon) - 27px (padding) */
	}

	main.enrolments-form div#login-element .submit,
	main.enrolments-form div#login-element .login-input-wrap.remember-me .input.full-width,
	main#booking_events-add_booking-page div#login-element .submit,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 668px; /* SM size */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.half-width:first-of-type,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 253px; /* SM size - 415px total (352px (2nd input) + 36px (icon) + 27px (padding)) */
	}

	main.enrolments-form div#login-element .login-input-wrap .input.full-width,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.full-width {
		width: 452px; /* SM size - 216px total (36px (fa-icon) + 180px (links)) */
		float: left;
	}

	main.enrolments-form div#login-element,
	main.enrolments-form div#login-element .row,
	main#booking_events-add_booking-page div#login-element,
	main#booking_events-add_booking-page div#login-element .row,
	main.enrolments-form div#login-element .row {
		max-width: 710px !important;
	}
	div.padded .row {
		max-width: 710px !important;
	}

	body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1:first-of-type {
		font-size: 38px;
	}

	body#pages-display-pricing #header-banner .col-lg-3 .price-panel p a {
		max-width: 100%;
	}

	body#pages-display-parents #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-parents-page.png') no-repeat;
		background-size: 852px 403px;
		background-position: right -305px bottom 0px;
	}

	body#pages-display-activity-providers #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-activity-provider-features.png') no-repeat;
		background-size: 753px 468px;
		background-position: right -510px bottom;
	}

}

@media (min-width: 992px) {

	main#booking_events-add_booking-page #terms-conditions .input {
		float: right;
	}

	main#booking_events-add_booking-page #subsidy .input {
		float: right !important;
	}

	main#booking_events-add_booking-page #terms-conditions .input label {
		float: left !important;
	}
}
@media (min-width: 767px) { /* Added for EMY1295 */
	div#login-element .login-input-wrap p.forgot-link { /* Changed for EMY1295 - The forgot link needs to be visible for smaller widths */
		width: 142px !important;
	}
}
/* Smallest - XS size */
@media (max-width: 767px) { /* see http://getbootstrap.com/css/ > Grid Options */
	/* EMY1181 */
	@media (min-width: 570px) {
		div#login-element .login-input-wrap .input.fill-width {
			width: 93%;
		}
	}

	main#booking_events-add_booking-page #subsidy .input,
	main#booking_events-add_booking-page #terms-conditions .input {
		text-align: center;
	}

	main#booking_events-add_booking-page #terms-conditions .input label {
		float: none;
	}

	main#booking_events-add_booking-page #terms-conditions h4,
	main#booking_events-add_booking-page #subsidy h4,
	main#booking_events-add_booking-page #terms-conditions p {
		 float: none;
		width: auto;
		margin-right: 0px;
		text-align: center;
	}




	#top-flash-message-image {
		width:20%;
	}
	#top-flash-message-image img {
		max-width:100%;
		height:auto;
	}
	#top-flash-message-info {
		margin-left:25%;
	}

#top-pad-spacer{margin-top:0px}
	header {
		position: relative !important;
	}

	header .row,
	header .container {
		height: auto !important;
	}

	/* Nav fixes - styling for now */

	body#pages-display-index header .row {
		border-bottom: none;
	}

	#header-banner {
		border-top: 1px #fff solid;
		position: relative;
		top: -40px;
		margin-bottom: -40px;
	}

	#pages-display-index #header-banner .row,
	#pages-display-parents #header-banner .row,
	body#pages-display-parents #header-banner .row,
	body#pages-display-activity-providers #header-banner .row {
		background: none;
	}

	#header-banner .text-wrap img.visible-xs {
		display: none;
	}

	#pages-display-index #header-banner .text-wrap img.visible-xs {
		position: relative;
		left: 490px;
		top: -400px;
		z-index: 1;
	}

	#header-banner .text-wrap h1,
	#header-banner .text-wrap p,
	#header-banner .text-wrap a {
		position: relative;
		z-index: 2;
	}

	#header-banner .text-wrap a {
		margin-top: 5px !important;
	}

	#header-banner .text-wrap .button.enrolmy-col-2 {
		max-width: 300px !important;
	}

	nav .container,
	nav ul {
		margin: 0 !important;
	}

	/* Other header styles */

	header a#enrolmy-logo-a {
		position: relative;
		z-index: 200;
	}

	body#pages-display-index #header-banner,
	body#pages-display-parents #header-banner,
	body#pages-display-activity-providers #header-banner,
	body#pages-display-pricing #header-banner { /* restore original height */
		min-height: 486px;
		padding-top : 0;
		margin-top : 0;
	}

	body#pages-display-parents header .row,
	body#pages-display-activity-providers header .row,
	body#pages-display-pricing header .row {
		border-bottom: none !important;
	}

	nav {
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 100%;
		height: auto !important;
		position: static;
	}

	nav .navbar-header {
		height: 68px;
	}

	nav #navbar.in {
		border-top: none !important;
		max-width: 100%;
		padding: 0;
		margin: 0;
		overflow-x: hidden;
		display: block;
		float: none;
		position: static;
		height: auto !important;
	}


	nav #navbar ul li {
		position: relative;
		display: block;
		float: none;
		text-align: center;
		font-size: 120%;
	}

	nav #navbar ul li a,
	nav #navbar ul li.dropdown ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	nav #navbar ul li:last-of-type {
		width: 100%;
		height: 70px;
		line-height: 70px;
	}

	nav #navbar ul li button.login {
		color: #4d4d4d;
		border: 1px #4d4d4d solid;
		font-size: 120%;
		height: 45px;
		line-height: 45px;
	}

	nav #navbar ul li.dropdown ul.dropdown-menu li {
		border-bottom: none;
	}

	nav #navbar ul li a:link,
	nav #navbar ul li a:visited {
		color: #4d4d4d !important;
	}

	nav #navbar ul li a:hover {
		color: #2c4666 !important;
		background: #fff !important;
	}

	nav #navbar ul li a:visited {
		color: #4d4d4d !important;
	}

	nav #navbar ul li.dropdown ul li:nth-of-type(-n+2) { /* hide the triangle and the menu title */
		display: none;
	}

	nav ul li.dropdown ul.dropdown-menu,
	nav ul li.dropdown ul.dropdown-menu li,
	nav ul li.dropdown ul.dropdown-menu li a {
		width:100% !important;
		height:auto !important;
		line-height:1.2em !important;
	}
	nav ul li.dropdown ul.dropdown-menu li a {
		display:inline-block !important;
		padding:10px 0 !important;
	}
	nav ul #more-dropdown ul.dropdown-menu,
	nav ul #login-dropdown ul.dropdown-menu {
		position: static !important;
	}
	nav #navbar ul li:last-of-type {
		height:auto !important;
	}
	nav ul #login-dropdown ul.dropdown-menu li {
		border-right-width:0 !important;
	}
	header .row::after,
	header .row::before { /* Makes menu push content down in webkit browsers (instead of over) */
		display: inline !important;
	}

	#secondary-nav .container,
	#header-banner,
	main#contact-page,
	main#about-page,
	main#login-page,
	main#privacy-page,
	main#invest-page,
	main#consultancy-page {
		margin-top: 0;
	}

	.input.half-width.make-full-width-xs {
		width: 100%;
	}

	#secondary-nav {
		height: auto;
	}

	#secondary-nav div.div-floated-right {
		float: left;
	}

	#programme-header-image {
		width: 20%;
		height: auto;
	}

	#programme-header-image img {
		max-width: 100%;
		height: auto;
	}
	
	#programme-header-image-fixed-size {
		text-align: center;
	}

	#programme-header-info {
		width: 70% !important;
		float: right;
	}
	
	#programme-header-info-responsive {
		width: 100%;
		float: right;
	}

	#programme-header #programme-header-sidebar::before {
		clear: both !important;
	}

	#programme-header #programme-header-sidebar {
		float: left;
		height: auto !important;
		min-height: 87px !important;
	}

	#programme-header-sidebar p {
		margin-left: 0 !important;
		margin-right: 10px;
		text-align: left;
		width: 190px;
	}

	#programme-header-sidebar p:last-of-type {
		margin-right: 0;
	}

	main#booking_events-add_booking-page #programme-header div.line {
		margin-left: 0;
	}

	#aside-about {
		margin-top: 20px;
	}

	.activity-item .col-xs-12 {
		width: auto;
	}

	.activity-item .col-xs-6 {
		float: left;
		min-width: 210px;
	}

	main#booking_events-index-page #programme-header #programme-header-sidebar {
		margin-top: 20px;
	}

	main#booking_events-index-page .activity-item-details p {
		text-align: left;
	}

	#bottom-banner .row {
		background: url('../img/enrolmy-kids@05x.png') no-repeat;
		background-position: right bottom;
	}

	#aside-about.col-xs-4 {
		width: 190px;
	}

	main#organisations-view-page #main-content.col-xs-8,
	main#organisations-terms_and_conditions-page #main-content.col-xs-8,
	main#booking_events-view-page #main-content.col-xs-8 {
		width: 65%;
	}

	.user-links ul {
		float: left;
	}

	.user-links ul li:first-child a {
		padding-left: 0;
	}

	main.enrolments-form section .section-header h2 {
		font-size: 16px;
		line-height: 20px;
	}

	#activity-photo-marquee {
		width: 100%;
		max-width: 336px;
		float: none;
		margin: 20px 0;
	}

	main#booking_events-view-page #main-content {
		padding-left: 0;
	}

	main#booking_events-view-page #activity-photo-marquee {
		margin: 0;
	}

	#activity-photo-marquee + p {
		margin-top: 10px;
	}

	main#home-page {
		border-radius: 0;
		margin-top: 0;
	}

	.info-box {
		border-bottom: 1px #d9d9d9 solid;
	}

	.info-box:nth-of-type(-n+2) { /* first two boxes */
		padding-bottom: 25px;
	}

	.info-box:nth-of-type(n+2) { /* last two boxes */
		padding-top: 25px;
	}

	.info-box-separator {
		position: absolute;
		left: 50%;
		top: -25px;
		margin: 0 0 25px -25px;
		border-bottom: none;
		border: 1px #d9d9d9 solid;
	}

	.info-box-separator i {
		position: relative;
		left: -2px;
	}

	.info-box {
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px solid #d9d9d9 !important;
	}

	.info-box:nth-of-type(3) {
		border-bottom: none !important;
	}

	section.provider-quote {
		padding: 0 20px;
	}

	section.provider-quote blockquote {
		font-size: 110%;
	}

	section.provider-quote p {
		font-size: 100%;
		margin-left: 0;
	}

	section.promo-box h1,
	section.promo-box-full-width h1 {
		font-size: 42px;
		line-height: 52px;
		max-width: 95%;
	}

	section.promo-box p,
	section.promo-box-full-width p {
		font-size: 140%;
		max-width: 95%;
	}

	section.promo-box p:last-of-type,
	section.promo-box-full-width p:last-of-type {
		padding-bottom: 30px; /* forces vertical centring upwards a bit */
	}

	section.provider-quote blockquote {
		font-size: 130%;
		margin: 30px 0 10px 0;
	}

	section.provider-quote p {
		margin-left: 0;
		font-size: 100%;
	}

	.activity-box {
		width: 100%;
	}

	.activity-box:nth-of-type(even) .activity-image {
		float: left;
		margin: 20px 0 20px 20px;
	}

	.activity-box .activity-image {
		max-width: 25%;
		max-height: 25%;
	}

	.activity-box .activity-image img {
		max-width: 100%;
		height: auto;
	}

	.activity-box .activity-details,
	.activity-box:nth-of-type(even) .activity-details {
		float: right;
		margin-right: 10px;
		width: 65%;
	}

	.activity-box .activity-buttons p,
	.activity-box:nth-of-type(even) .activity-buttons p,
	.activity-box .activity-buttons p:first-of-type,
	.activity-box:nth-of-type(even) .activity-buttons p:first-of-type {
		float: right;
		margin: 0 0 20px 3%;
	}

	.activity-box .activity-buttons p:last-of-type,
	.activity-box:nth-of-type(even) .activity-buttons p:last-of-type {
		float: left;
		margin-left: 20px;
	}

	.activity-box .activity-buttons p,
	.activity-box .activity-buttons p button {
		max-width: 29%;
	}

	.activities-boxes .refine-results .sixth-width {
		float: left;
		width: 40%;
		margin-right: 2%;
	}

	.activities-boxes .refine-results h4.sixth-width {
		width: 100%;
	}

	.activity-box .activity-details > p {
		line-height: 1.2;
	}

	.activity-box .activity-details > h5 {
		bottom: 78px;
	}

	main#contact-page #contact-details h4 {
		margin-top: 20px;
	}

	main#contact-page .info-box h1 {
		margin: 0 auto;
	}

	main#about-page section#dean {
		height: auto;
	}

	main#about-page section#staff-photos {
		display: none;
	}

	main#about-page #staff-details .row .col-lg-3 { /* targeting .col-lg-3 here instead of .col-xs-12 as .col-lg-3 is the one which needs to be overridden */
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#login-form > .container {
		padding-right: 5px;
		padding-left: 5px;
	}

	div#login-element .col-xs-12 {
		width: 100%;
		margin-right: 0;
		border-radius: 0;
		padding: 20px;
	}

	div#login-element .login-input-wrap {
		width: 100%;
	}

	div#login-element #login-existing-user.col-xs-12 {
		margin-top: 20px;
		margin-left: 0;
	}

	div#login-element .submit,
	div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 90%; /* XS size */
	}

	div#login-element .login-input-wrap .input.full-width {
		width: 87%; /* XS size: width - 36px (fa-icon) */
		float: left;
	}

	div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 34%; /* XS size - 352px (2nd input) - 36px (icon) - 27px (padding) */
	}

	#login-element .login-input-wrap .input.middle-fill-width { /* Added for EMY1295. */
		padding-right: 0px
	}
	div#login-element .login-input-wrap p.forgot-link { /* Changed for EMY1295 - The forgot link needs to be visible for smaller widths */
		position: static !important;
	}

	div#login-element #login-existing-user {
		min-height: 385px;
	}

	div#login-element .login-input-wrap.remember-me {
		position: absolute;
		bottom: 70px;
	}

	main.enrolments-form div#login-element .submit,
	main.enrolments-form div#login-element .login-input-wrap.remember-me .input.full-width,
	main#booking_events-add_booking-page div#login-element .submit,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 652px;
		max-width: 100%;
		position: absolute;
		left: 0;
	}

	main.enrolments-form div#login-element .login-input-wrap.remember-me .input.full-width,
	main#booking_events-add_booking-page div#login-element .login-input-wrap.remember-me .input.full-width {
		width: 97%;
		max-width: 612px;
		position: relative;
		left: -20px;
	}

	main.enrolments-form div#login-element .login-input-wrap .input.half-width:first-of-type,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.half-width:first-of-type {
		max-width: 30%;
	}

	main.enrolments-form div#login-element .login-input-wrap .input.full-width,
	main#booking_events-add_booking-page div#login-element .login-input-wrap .input.full-width {
		width: 85%;
	}

	main.enrolments-form div#login-element,
	main.enrolments-form div#login-element .row,
	main#booking_events-add_booking-page div#login-element,
	main.enrolments-form div#login-element .row {
		max-width: 710px !important;
	}

	body#pages-display-pricing #header-banner .col-lg-3 .price-panel h1:first-of-type {
		font-size: 38px;
	}

	body#pages-display-pricing #header-banner .col-lg-3 .price-panel p a {
		max-width: 100%;
	}

	main#pricing-page table.table {
		width: 100%;
		max-width: 100%;
	}

	main#pricing-page table.table th {
		width: 25% !important;
		height: auto !important;
		white-space: normal;
	}

	main#pricing-page section#features.promo-box .row .col-lg-6 {
		display: block;
	}
	
	.date-entry-mobile {
		clear: both !important;
		width: 100% !important;
	}
	
	.add-child-fields {
		display: flex;
		justify-content: center;
	}
	
	.input-list-mobile {
		width: 100% !important;
	}
	
	.system-student-questions-mobile {
		width: 100%!important;

	}
}
/* EMY1181 */
@media (max-width: 570px) and (min-width: 460px) {
	div#login-element .login-input-wrap .input.fill-width {
		width: 91%;
	}
}

/* Extra Extra Small - Custom XXS size NB: XS size formatting is included as well */
.visible-xxs-override {
	display: none;
}

@media (max-width: 471px) {
	.input.select .checkbox input:checked + label.check-label,
	.input input[type=checkbox]:checked + label.check-label {
		background: url('/img/icons/checkboxes.png') transparent no-repeat -1px -1px;
		border: 1px solid #d17736;
	}
	
	.new-attendee-date-mobile {
		width:100%!important;
		margin-left:0px!important;
		margin-bottom: 10px;
	}
	
	.input-name-mobile {
		width:100%!important;
	}
	
	#main-wrap #in-progress-section {
		padding: 20px;
	}
	
	#success-section h2 i.fa {
		display: block;
		margin-bottom: 10px;
	}
}

@media (max-width: 525px) {

	.visible-xxs-override {
		display: inline;
	}

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

	button.smaller-xxs {
		width: auto;
		padding: 0 10px;
	}

	footer div.div-floated-right {
		margin-top: 10px;
		clear: both;
		float: left;
	}

	main#booking_events-index-page #listing-details-bottom p:last-of-type {
		margin-top: 10px;
		clear: both;
		float: left;
	}

	#activity-provider-menu ul li.active {
		width: 80px;
	}

	#activity-provider-menu ul li a {
		width: 80px;
	}

	#activity-provider-menu ul li:nth-child(2),
	#activity-provider-menu ul li:nth-child(2) a { /* Activities tab needs to be wider */
		width: 90px;
	}

	main#organisations-view-page .col-xxs-12,
	main#organisations-terms_and_conditions-page .col-xxs-12 {
		width: 100%;
	}

	main#organisations-view-page #main-content.col-xxs-12,
	main#organisations-terms_and_conditions-page #main-content.col-xxs-12 {
		padding-left: 0;
		margin-top: 20px;
	}

	#header-banner,
	#header-banner .row {
		height: auto !important;
		min-height: 486px !important;
		padding-top: 0 !important;
	}

	#header-banner .text-wrap {
		margin-top: 0;
	}

	#header-banner .text-wrap button:last-of-type {
		margin-bottom: 20px;
	}

	#bottom-banner .text-wrap {
		background: rgba(33,69,178,0.3);
		width: auto;
	}

	#partners-photo-marquee p.marquee_navigator {
		font-size: 25px !important;
	}

	section.promo-box h1,
	section.promo-box-full-width h1 {
		font-size: 40px;
		line-height: 50px;
		max-width: 95%;
	}

	section.provider-quote blockquote {
		margin-top: 0;
	}

	section.promo-box p,
	section.promo-box-full-width p {
		font-size: 120%;
	}

	section.promo-box-full-width p:last-of-type {
		margin-top: 1em;
	}

	.activity-box .activity-image {
		display: none;
	}

	.activity-box .activity-details,
	.activity-box:nth-of-type(even) .activity-details {
		width: 90%;
		float: left;
		margin: 20px 10px 20px 20px;
	}

	.activity-box .activity-buttons p:first-of-type br {
		display: none;
	}

	.activity-box .activity-buttons p,
	.activity-box:nth-of-type(even) .activity-buttons p {
		width: 40%;
		min-width: 40%;
	}

	.activity-box .activity-buttons p:first-of-type,
	.activity-box:nth-of-type(even) .activity-buttons p:first-of-type {
		width: 90%;
		min-width: 90%;
		margin-left: 20px;
		float: left;
	}

	.activity-box .activity-buttons p:nth-of-type(2),
	.activity-box:nth-of-type(even) .activity-buttons p:nth-of-type(2) {
		margin-right: 20px;
	}

	.activity-box {
		height: auto;
	}

	.activities-boxes .refine-results .sixth-width {
		float: left;
		width: 100%;
	}

	div#login-element #login-new-user {
		min-height: 420px;
	}

	div#login-element p.forgot-link.visible-xs {
		padding-top: 2px;
	}

	div#login-element .login-input-wrap.remember-me {
		position: absolute;
		bottom: 60px;
	}
	
	div.activity-listing div.activity-right {
		display: none;
	}
	div.activity-listing .pickup-pin-wrap.pickup-pin-wrap-mobile.visible {
		display: block;
	}

	div.activity-listing div.activity-mobile-button {
		display: block;
		clear: both;
		text-align: center;
		margin-top: 10px;
	}
	
	div.activity-listing div.activity-mobile-button button {
		width: 100%;
	}
}



/* 12. Retina Images */

@media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 120dpi) {

	#enrolmy-logo,
	header.scrolled #enrolmy-logo {
		background: url('../img/enrolmy-logo@2x.png') no-repeat;
		background-size: 190px 31px;
	}

	#enrolmy-tagline {
		background: url('../img/enrolmy-tagline@2x.png') no-repeat;
		background-size: 190px 15px;
	}

	#header-banner .row {
		background: url('../img/enrolmy-kids@2x.png') no-repeat;
		background-size: 478px 470px;
		background-position: right bottom;
	}

	body#pages-display-parents #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-parents-page@2x.png') no-repeat;
		background-size: 852px 403px;
		background-position: right bottom 20px;
	}

	body#pages-display-activity-providers #header-banner .row {
		background: url('../img/header-banner/enrolmy-kids-activity-provider-features@2x.png') no-repeat;
		background-size: 773px 480px;
		background-position: right bottom;
	}

	@media (min-width: 1200px) { /* LG */
		#header-banner .row {
			background: url('../img/enrolmy-kids@2x.png') no-repeat;
			background-size: 478px 470px;
			background-position: right 65px bottom;
		}

		@media (max-width: 1279px) { /* LG only (not override) */
			body#pages-display-parents #header-banner .row {
				background: url('../img/header-banner/enrolmy-kids-parents-page@2x.png') no-repeat;
				background-size: 732px 346px;
				background-position: right bottom 40px;
			}

			body#pages-display-activity-providers #header-banner .row {
				background: url('../img/header-banner/enrolmy-kids-activity-provider-features@2x.png') no-repeat;
				background-size: 753px 468px;
				background-position: right bottom;
			}
		}
	}
	

	@media (min-width: 992px) and (max-width: 1199px) { /* MD */
		body#pages-display-parents #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-parents-page@2x.png') no-repeat;
			background-size: 732px 346px;
			background-position: right bottom 40px;
		}

		body#pages-display-activity-providers #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-activity-provider-features@2x.png') no-repeat;
			background-size: 753px 468px;
			background-position: right -254px bottom;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) { /* SM */
		#pages-display-index #header-banner .row {
			background: none;
		}

		body#pages-display-parents #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-parents-page@2x.png') no-repeat;
			background-size: 852px 403px;
			background-position: right -305px bottom 40px;
		}

		body#pages-display-activity-providers #header-banner .row {
			background: url('../img/header-banner/enrolmy-kids-activity-provider-features@2x.png') no-repeat;
			background-size: 753px 468px;
			background-position: right -510px bottom;
		}
	}

	@media (max-width: 767px) { /* XS */
		#header-banner .row {
			background: none !important;
		}
	}

	
	i.nz-made {
		background: url('../img/nz-made-logo@2x.png') no-repeat;
		background-size: 23px 17px;
	}

	#bottom-banner .row {
		background: url('../img/enrolmy-kids.png') no-repeat; /* non-retina image is half size (@05x) */
		background-position: right bottom;
		background-size: 239px 235px;
	}

	@media (min-width: 1200px) { /* LG */
		#bottom-banner .row {
			background: url('../img/enrolmy-kids.png') no-repeat;
			background-position: right 130px bottom;
			background-size: 239px 235px;
		}
	}

}

.header-row-responsive {
	padding: 20px !important;
}

@media (max-width: 767px) {
	#programme-header-sidebar.responsive-mobile p {
		text-align: center !important;
		width: auto !important;
		padding-top: 30px;
		padding-bottom: 35px !important;
		position: static !important;
	}
	
	.bc_package.bc_week {
		padding-left: 0px !important;
	}
	
	.b_radius {
		border-radius: 0px 6px 6px 0px;
		padding-right: 7px;
	}
	
	.left-b_radius {
		border-radius: 6px 0px 0px 6px;
		padding-left: 7px;
	}
	
	.session-closed-notice {
		padding-bottom: 20px;
	}

}

@media (min-width: 768px) {
	
	.header-row-responsive {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
	#programme-header-sidebar.responsive-mobile {
		margin-top: 0px !important;
		height: auto !important;
		
		
	}
	
}

.full-width-escape{
	margin-left:-40px;
	margin-right:-40px;
	padding-left:40px !important;
	padding-right:40px !important;
	border-bottom-width:0 !important;
}
.full-width-escape .bottom-border {
	padding-top:10px;
	border-bottom:1px solid rgb(217, 217, 217);
}
.org-terms-and-conditions {
	border:1px solid rgb(217, 217, 219);
	border-radius:6px;
	margin:10px;
	padding:1em;
	position:relative;
}
.org-terms-and-conditions p.org-last-modified {
	border-bottom:1px solid rgb(217, 217, 219);
	width:100%;
	float:none !important;
	margin-right:0 !important;
}
.org-terms-and-conditions > div > div {
	max-height:300px;
	overflow-y:auto;
	margin-right:-1em;
}


.cake-debug {
	z-index:314159;
	position:relative;
}

/* CART */

.cart-table,
.invoice-table {
	width:100%;
}
.cart-table th,
.invoice-table th {
	background-color:rgb(230, 244, 244);
	padding:10px 20px;
	font-weight:400;
	font-style:italic;
}
.cart-table th:first-child,
.invoice-table th:first-child  {
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
}
.cart-table th:last-child,
.invoice-table th:last-child {
	width: 170px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:right;
	padding-right:80px;
}
.invoice-table th:last-child {
	padding-right:20px;
}
.cart-table td,
.invoice-table td {
	padding:10px 20px;
}

.size-xs .invoice-table td {
	padding: 20px 10px;
}


.cart-table td:first-child,
.invoice-table td:first-child {
}
.cart-table td:last-child,
.invoice-table td:last-child {
	text-align:right;
}
.cart-table td:last-child {
	padding-right:0;
}
.cart-table .cart-provider-img,
.invoice-table .invoice-provider-img {
	border-radius:4px;
	border:1px solid #d9d9d9;
	margin-right:20px;
}
.cart-table .cart-black-link,
.invoice-table .invoice-black-link {
	color:#4d4d4d;
}
.cart-table .cart-black-link:hover,
.invoice-table .invoice-black-link:hover {
	color:#f08c1e;
}
.cart-table .cart-blue-link,
.invoice-table .invoice-blue-link {
	color:#007ccf;
}
.cart-table .cart-blue-link:hover,
.invoice-table .invoice-blue-link:hover {
	color:#2145b2;
}
.cart-table .cart-remove {
	padding:0 20px 20px 40px;
	display:inline-block;
	width:80px;
}
.cart-table .cart-remove:hover {
	text-decoration: none;
}
.cart-table .cart-price,
.invoice-table .invoice-price {
	font-size:18px;
}
.invoice-table .invoice-price.invoice-paid {
	color: rgb(103, 211, 157);
}

.cart-table tr td,
.invoice-table tr td {
	border-bottom:1px solid #d9d9d9;
}
.cart-table tr:last-child td,
.invoice-table tr:last-child td {
	border-bottom-width:0;
}

.cart-table tr.with-cart-message td {
	border-bottom: none;
}
.cart-table tr.cart-message td {
	vertical-align: top;
	padding-top: 0px;
	padding-right: 80px;
	padding-left: 80px;
}
.cart-table tr.cart-message td p {
	font-size: 15px;
	font-style: italic;
	position: relative;
	top: -5px;
}


.cart-table td.cart-provider-column {
	padding-left: 20px;
}

.cart-table td.cart-provider-column > a {
	display: inline-block;
}


.size-sm .cart-table {
	font-size: 14px;
}

.size-sm .cart-table td.cart-provider-column {
	text-align: center;
}

.size-sm .cart-table td.cart-provider-column .cart-provider-img {
	margin-right: 0;
}

.size-sm .cart-table th.cart-provider-head {
	text-align: center;
}

.size-sm .cart-table td.cart-attendee-column {
	white-space: nowrap;
}

.cart-table .cart-invoice-nr {
	color: #aaa;
}

.size-xs .cart-table .cart-remove {
	padding: 0;
	padding-right: 15px;
	width: auto;
}

.size-xs .cart-table .cart-price {
	font-weight: bold;
	display: block;
	text-align: right;
	padding-right: 40px;
}

.size-xs table.invoice-totals {
	margin-right: 0;
	margin-top: 10px;
}
 
div.invoice-top-box {
	background-color:white;
	border-radius:8px;
	border:1px solid rgb(217,217,217);
	margin-bottom:20px;
}
div.invoice-top-box .light {
	color:rgb(180,180,180);
}
div.invoice-top-box table {
	margin-bottom:5px;
}
div.invoice-top-box td{
	padding-right:1ex;
}
div.invoice-top-box h2 {
	font-size:1.6em;
}
div.invoice-top-box h2 strong {
	color:#007ccf;
}
div.card div.icon-fa {
	width:75px;
	float:left;
	margin-right:20px;
	text-align:center;
}
div.card div.icon-fa i.fa:before {
	font-size:50px;
}
div.card {
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #d9d9d9 !important
}
div.card:last-child {
	border-bottom-width:0 !important;
	padding-bottom:0;
}
div.card:first-child {
	padding-top:0;
}
div.invoice-top-box div.massive-fa {
	width:125px;
	float:left;
	margin-right:20px;
	text-align:center;
}
div.invoice-top-box div.massive-fa i.fa:before {
	font-size:150px;
	color:rgb(230,244,244);
}
div.invoice-top-box div.float-patch {
	overflow:auto;
}
span.invoice-status-flag {
	display:inline-block;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	width:125px;
	background-color:red;
	border-radius:6px;
	color:white;
	font-size: 13px;

}
span.invoice-status-flag.invoice-void {
	background-color: rgb(128, 128, 128);
}
span.invoice-status-flag.invoice-outstanding {
	background-color: rgb(229, 141, 81);
}
span.invoice-status-flag.invoice-overdue {
	background-color: rgb(224, 110, 98);
}
span.invoice-status-flag.invoice-paid {
	background-color: rgb(103, 211, 157);
}

table.invoice-totals {
	float:right;
	background-color:rgb(230, 244, 244);
	border-radius:6px;
	margin-right:40px;
}
table.invoice-totals td {
	padding:5px 20px;
	text-align:right;
}
table.invoice-totals tr:first-child td {
	padding-top:10px;
}
table.invoice-totals tr.line td {
	border-top:1px solid #d9d9d9 !important;
}
table.invoice-totals tr:last-child td {
	padding-bottom:10px;
	font-size:18px;
}
table.invoice-totals td:last-child {
	padding-right:40px;
	font-size:18px;
}
table.invoice-totals td:first-child {
	padding-left:40px;
}
table.invoice-no-cc-table td:first-child {
	padding-right:20px;
	text-align:right;
}
.card-error {
	background-color:rgb(224, 110, 98);
	color:white;
	border-radius:8px;
	padding:10px;
	box-sizing:border-box;
}
.card-error * {
	color:white
}

.blue-bg {
	background-color:#e6f4f4;
}
.completed-booking {
	padding:20px;
	margin-bottom:20px;
	border-radius:6px;
	border:1px solid rgb(192,192,192);
	float:right;
}








#booking-view thead th {
	padding-left: 5px;
	padding-right: 5px;
}
#booking-view tbody tr.calendar-row td {
	vertical-align: top;
	height: 130px;
	border-top: 5px solid white;
}
#booking-view tbody tr.calendar-row td.even {
	background-color: rgb(242,242,242);
}
#booking-view tbody tr.calendar-row td p.date-line,
#booking-view tbody tr.calendar-row td p.week-no {
	display: block;
	line-height: 16px;
	padding: 7px 5px;
	background-color: rgb(220,220,220);
	margin-bottom: 5px;
}
#booking-view tbody tr.calendar-row td p.date-line.even {
	background-color: rgb(200, 200, 200);
}

#booking-view tbody tr.calendar-row .booked-session {
	margin-bottom: 10px;
	float: left;
	clear: both;
}

#booking-view tbody tr.calendar-row td p {
	white-space: normal;
}

#booking-view tbody tr.calendar-row td p.no-booking-text {
	font-style: italic;
	color: rgb(120,120,120);
}
#booking-view tbody tr.calendar-row td p.attendee-name {
	font-weight: bold;
	margin-bottom: 5px;
}
#booking-view tbody tr.calendar-row td p.time-line {
	font-size: 13px;
	padding: 0px 5px;
}
#booking-view tbody tr.calendar-row td p.package-name {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	padding: 0px 5px;

}
#booking-view tbody tr.calendar-row td p.booking-status {
	padding: 3px 5px;
	margin: 0px 5px;
	color: white;
	float: left;
	clear: both;
}
#booking-view tbody tr.calendar-row td .status-attended p.booking-status { background-color: rgb(143,194,44); }
#booking-view tbody tr.calendar-row td .status-changed p.booking-status { background-color: rgb(143,194,44); }
#booking-view tbody tr.calendar-row td .status-absent p.booking-status { background-color: rgb(236,31,33); }
#booking-view tbody tr.calendar-row td .status-free_trial p.booking-status { background-color: rgba(139, 195, 74, 1.0); border: 1px solid rgba(76, 175, 80, 1.0); }
#booking-view tbody tr.calendar-row td .status-credited p.booking-status { background-color: rgb(183,91,146); }
#booking-view tbody tr.calendar-row td .status-waiting p.booking-status { background-color: rgb(233, 103, 19); }
#booking-view tbody tr.calendar-row td .status-waiting_absent p.booking-status { background-color: rgb(233, 103, 19); }
#booking-view tbody tr.calendar-row td span.former-package-name {
	font-size: 11px;
	clear: both;
}


.email-modal-share-buttons .button:hover {
		background-color: none;

}

#aside-about.share-buttons {
	border: none;
	margin-bottom: 15px;
	margin-top: 15px;
}

.email-close-button-modal {
	background: transparent!important;
}
main#about-page .heading {
	background: linear-gradient(80deg, #2145b2, #00a7e8);
}

main#about-page .heading h1 {
	color: white;
}

main#about-page .heading p {
	color: white;
	text-align: center;
	font-size: 1em;
	width: 55%;
	padding-bottom: 3em;
	margin: auto;
	font-family: "lato-light", Arial, sans-serif;
	transition: all 0.3;
}

main#about-page .promo-box#about_enrolmy h1 {
	color: #4d4d4d;
	font-size: 2em;
	margin: 0em 0.6em;
	margin-top: 2em;
	margin-bottom: 0.2em;
	transition: all 0.3;
}

main#about-page .promo-box#about_enrolmy p {
	font-family: "lato-light", Arial, sans-serif;
	font-size: 1em;
	padding: 1.2em 0;
	margin: 0 auto;
	max-width: 95%;
	width: 100%;
	transition: all 0.3;
}

main#about-page .promo-box#about_enrolmy #emy_offers, main#about-page .promo-box#about_enrolmy #emy_offers h1 {
	text-align: right;
	float: right;
	transition: all 0.3;
}

main#about-page .promo-box#about_enrolmy #emy_offers ul {
	display: inline-block;
	list-style: none;
	font-size: 1.6em;
	font-family: "lato-hairline", Arial, sans-serif;
	margin-right: 0.8em;
	padding-right: 0.8em;
	transition: all 0.3;
}

main#about-page .promo-box#about_enrolmy li {
	font-family: "lato-hairline", Arial, sans-serif;
	font-weight: 200;
	font-size: 0.9em;
	line-height: 1.4;
	padding: 0.8em 0;
	transition: all 0.3 ease;
}

main#about-page #deans_picture #mobile_picture {
	width: 100%;
	background: white;
	margin: -1.4em 0 0;
	display: none;
	text-align: center;
}

main#about-page #deans_picture #mobile_picture img {
	padding-top: 2em;
	height: 60%;
	width: 60%;
	margin: 0em auto;
}

main#about-page .promo-box#dean h4 {
	font-family: "lato-regular", Arial, sans-serif;
}

main#about-page .promo-box.the_ladies img {
	height: 357px;
	padding-bottom: 0;
	width: auto;
}

main#about-page .promo-box.the_men img {
	height: 357px;
	padding-bottom: 0;
}

main#about-page .promo-box.staff_details .pic {
	margin: auto;
	display: none;
	background: white;
	float: left;
	width: 100%;
}

main#about-page .promo-box.staff_details .pic img {
	width: 60%;
}

main#about-page .promo-box.staff_details h3 {
	font-size: 190%;
	font-family: "lato-light", Arial, sans-serif;
	font-weight: 600;
}

main#about-page .promo-box.staff_details h4 {
	font-size: 150%;
	font-family: "lato-hairline", Arial, sans-serif;
	font-weight: 600;
}

main#about-page .promo-box.staff_details b {
	font-family: "lato-hairline-italic", Arial, sans-serif;
	font-weight: 900;
	color: black;
	font-size: 1.1em;
}

main#about-page .promo-box.staff_details, main#about-page .promo-box.staff_details p {
	text-align: center;
}

#volunteer-details {
	display: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
}
#volunteer-details.error {
	background-color: rgb(255, 238, 238);
}





#volunteer-is-me fieldset input {
	display: none;
}

#can-volunteer {
}

#can-volunteer > label {
	display: block;
	padding-bottom: 10px;
}

#can-volunteer .volunteer-type {
	display: inline-block;
	float: none;
	width: 33%;
	margin-top: 0px;
}

#can-volunteer .volunteer-type label {
	padding-left: 30px;
}

#volunteer-questions fieldset label {
	display: inline-block;
	position: relative;
	left: -20px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	padding-left: 25px;
	margin-right: 34px;
}

.volunteer-radio-button {
	height: 20px;
	width: 20px!important;
	border-radius: 100%;
	vertical-align: middle!important;
	display: inline-block!important;
	padding: 0!important;
	margin: 0!important;
	min-width: auto!important;
	border: 2px solid #eb7321; /* blue #3aa4ef; */
	position: relative;
}

.volunteer-radio-button .inside-radio {
	height: 50%;
	width: 50%!important;
	border-radius: 100%;
	position: absolute;
	top: 4px;
	left: 4px;
	min-width: auto!important;
	background-color: transparent;
}
.volunteer-radio-button.radio-on .inside-radio {
	background-color: #eb7321; /* blue #3aa4ef; */
}

.volunteer-extra-details-wrapper {
	float: left;
	width: 100%;
}


#attendee-questions .attendee-questions {
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
}
#attendee-questions .attendee-questions.error {
	background-color: rgb(255, 238, 238);
}
#attendee-questions .attendee-questions h2 {
	margin-bottom: 10px;
}

#volunteer-is-me {
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 30px;
}

.additional-questions-input-wrapper {
	margin-left: 25px;
}

.parent-questions .additional-input {
	box-sizing: content-box;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 0px;
}
.parent-questions .additional-input.error {
	background-color: rgb(255, 238, 238);
}

/* Booking form Attendee questions. */
.attendee-questions.booking-radio-buttons .input.radio legend  {
	border-bottom: none;
	font-size: 16px;
	font-family: "lato-regular", sans-serif;
	color: #2c4666;
	margin-bottom: 10px;
}

.attendee-questions div.booking-radio-buttons input[type="radio"] {
	position: absolute;
	left: -9999px;
}

.attendee-questions div.booking-radio-buttons [type="radio"]:checked + label,
.attendee-questions div.booking-radio-buttons [type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 28px;
	padding-right: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
}

.attendee-questions div.booking-radio-buttons [type="radio"]:checked + label:before,
.attendee-questions div.booking-radio-buttons [type="radio"]:not(:checked) + label:before {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2.2px solid #eb7321;
	border-radius: 100%;
	background: #fff;
}
.attendee-questions div.booking-radio-buttons [type="radio"]:checked + label:after,
.attendee-questions div.booking-radio-buttons [type="radio"]:not(:checked) + label:after {
	content: '';
	width: 8px;
	height: 8px;
	background: #eb7321;
	position: absolute;
	top: 6px;
	left: 6px;
	border-radius: 100%;
	-webkit-transition: all 0s ease;
	transition: all 0s ease;
}
.attendee-questions div.booking-radio-buttons [type="radio"]:not(:checked) + label:after {
	opacity: 0;
}
.attendee-questions div.booking-radio-buttons [type="radio"]:checked + label:after {
	opacity: 1;
}

@media (max-width: 768px) {
	.attendee-questions div.booking-radio-buttons [type="radio"]:checked + label,
	.attendee-questions div.booking-radio-buttons [type="radio"]:not(:checked) + label,
	.parent-questions #can-volunteer .volunteer-type {
		display: block;
		margin-top: 0.5em;
	}
}


@media only screen and (max-width: 1200px) {
	
	main#about-page section#dean img {
		top: -97px;
	}
}

@media only screen and (max-width: 992px) {
	main#about-page .promo-box#about_enrolmy h1 {
		text-align: center;
		max-width: 100%;
	}
	
	main#about-page .heading p {
		width: 80%;
	}
	
	main#about-page .promo-box#about_enrolmy li {
		line-height: 1.4;
		padding: 0.2em 0;
	}
	
	main#about-page .promo-box#about_enrolmy p {
		text-align: center;
	}
	
	main#about-page section#dean h3, main#about-page section#dean h4 {
		text-align: center;
	}
	
	
	main#about-page .promo-box#dean p {
		text-align: center;
		max-width: 97%;
	}

	main#about-page .promo-box#about_enrolmy #emy_offers, main#about-page .promo-box#about_enrolmy #emy_offers h1 {
		text-align: left;
		float: left;
		margin: 0 0.4em;
	}
	
	main#about-page .promo-box#about_enrolmy #emy_offers, main#about-page .promo-box#about_enrolmy #emy_offers h1 {
		margin: 0 0.4em;
	}
	
	main#about-page .promo-box.staff_details p {
		text-align: center;
	}
	
	main#about-page .promo-box p {
		max-width: 100%;
		width: 100%;
	}

	div.has-incomplete-safety-form .safety-button {
		text-align: center;
	}
	
}

@media only screen and (max-width: 991px) {
	main#about-page section#dean img {
		top: 23.9px;
	}
}

@media only screen and (max-width: 780px) { 
	
	main#about-page .promo-box.staff_details .staff_intro:first-of-type {
		padding-top: 1.9em;
	}
	
	main#about-page .promo-box.staff_details .staff_intro:not(:first-of-type) {
		padding-top: 3em;
	}
	
	main#about-page .promo-box.staff_details .staff_intro p {
		max-width: 100%;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) { 
	
	main#about-page .promo-box#about_enrolmy p {
		max-width: 93%;
	}
	
	main#about-page #deans_picture #mobile_picture {
		display: block;
	}
	
	main#about-page .promo-box.staff_details .pic {
		display: block;
		overflow: hidden;
	}
}

@media only screen and (max-width: 470px) {
	.add-child-fields-checkbox {
		margin-left: 0px !important;
	}
	#attendee-questions,
	#can-volunteer,
	#volunteer-is-me {
		margin-left: 0px;
		margin-right: 0px;
	}
	.volunteer-extra-details-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	#can-volunteer .volunteer-type {
		width: 49%;
	}
}

@media only screen and (max-width: 310px) { 
	main#about-page .promo-box#about_enrolmy p {
		max-width: 90%;
	}
	
	main#about-page .promo-box#about_enrolmy h1 {
		font-size: 1.6em;
	}
}

@media (max-width: 390px) {
	div#login-element .login-input-wrap p { 
		width:15%;
	}
	
	div#login-element .login-input-wrap .input.full-width {
		width:85%;
	}
}

/* Styling for Attendee questions */
.team_status {
	width: 100%;
	margin-top: 1em;
}
.team_status > h3 {
	font-size: 1.3em;
	padding: 1.4em 0em 1.4em 0em;
}

.team_status.unallocated > h3 {
	font-size: 1.3em;
	padding: 1.4em 0em 0.4em 0em;
}

.team_status.unallocated > .unallocated_info {
	padding: 0.7em 2em 0.7em 2em;
	background: #dfeded;
	border-radius: 0.4em;
}
.volunteer_list {
	width: 100%;
}
.volunteer_list > h3 {
	font-family: "lato-italic", Arial, sans-serif;
	padding: 0.7em 0.7em 0.7em 0.7em;
	background: #dfeded;
	border-radius: 0.4em;
	font-size: 16px;
}

.volunteer_list > ul {
  list-style-type: none;
  width: 100%;
  margin: 0em;
}
.volunteer_list > ul li.volunteer_info {
	width: 100%;
}
li.volunteer_info.not_allocated {
	padding: 0.8em 0.8em 0.8em 0.8em;
}
li.volunteer_info > .contact_image {
	width: 15%;
	float: left;
}
li.volunteer_info > .contact_info {
	width: 85%;
	float: left;
	padding: 0.2em 0.2em 0.2em 1em;
}
li.volunteer_info > .contact_info ul {
	margin: 0em;
}
li.volunteer_info > .contact_info ul li {
	margin: 0em 2em 0em 0em;
	padding: 0.4em 0.4em 0.4em 0.8em;
	min-width: 25%;
	box-sizing: border-box;
	overflow-x: auto;
	color: #858585;
}
li.volunteer_info > .contact_info ul li:hover {
	cursor: pointer;
	background-color: #dedede;
}
li.volunteer_info > .contact_info ul li span {
	font-family: "lato-light", "lato-regular", Arial, sans-serif;
	padding: 0em 0em 0em 0.5em;
}
li.volunteer_info > .contact_info ul li span a {
	color: #858585;
}
li.volunteer_info > .contact_info ul li:hover span a {
	color: #545454;
}
li.volunteer_info > .contact_info ul li:hover span a:hover {
	color: #545454;
	text-decoration: none;
}



/* Styling for EMY891 STARTS */
#programme_header_info {
	min-height: 5.5em;
	position: relative;
}

#programme_header_info .at_bottom {
	position: absolute;
	bottom: 0;
}
#programme_header_info #programme-header-sidebar .at_bottom {
	right: 0em;
}
#programme_header_info #programme-header-info-responsive {
	min-height: 5.5em;
	float: left;
}
@media (min-width: 768px) and (max-width: 991px) {
	#programme-header-image-fixed-size {
		width: 42%;
	}
}
@media (max-width: 768px) {

	#programme_header_titles h1,
	#programme_header_titles h2,
	#programme_header_info .at_bottom {
		width: 100%;
		text-align: center;
	}
}

#main-content p.description {
	margin: 1em 0em 1.5em;
	padding-right: 20px;
}

#main-content .description {
	padding-right: 20px;
}

.downloads_group {
	margin: 0.5em 0em;
	border-radius: 0.5em;
	border: 1px #d9d9d9 solid;
}
.downloads_group h4 {
	background-color: #E2F2FE;
	width: 100%;
	line-height: 2.5em;
	border-bottom: 1px #d9d9d9 solid;
	padding: 0em 0em 0em 0.8em;
}
.downloads_group .download_items {
	padding: 1em;
}
.downloads_group .download_items .filename { /* reusing the .filename class_name */
	margin-left: 1.2em;
	font-family: 'lato-italic', sans-serif;
}

.free-trial-heads-up {
	margin-top: 20px;
	margin-bottom: 40px;
}


#main-wrap #in-progress-section .in-progress-message {
	margin-bottom: 10px; 
	position: relative; 
	padding-left: 45px;
}
#main-wrap #in-progress-section .in-progress-message i {
	position: absolute;
	top: 11px; 
	left: 0;
}
#main-wrap #in-progress-section .in-progress-message.waiting-list i,
#main-wrap #in-progress-section .in-progress-message.indicative-price i {
	left: 3px;
}


/*stripe form fields*/
#payment-form-fields {
	width: 60%;
}
#payment-form-fields .input.text.full-width {
	min-height: 98px;
}
#payment-form-fields .input-field-element {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	padding: 5px;
}
#payment-form-fields .input-field-element.half {
	width: 50%;
	height: 35px;
}
#payment-form-fields .input-field-element iframe {
	background: #fff;
}
#payment-form-fields .input.text.half-width {
	min-height: 125px;
}
#payment-form-fields .input.text .error {
	color: red;
}
#payment-form-fields .cvc-link-wrapper {
	display: flex;
}
@media (max-width: 575px) {
	#payment-form-fields {
		width: 100%;
		padding-lefT: 10px;
		padding-right: 10px;
	}
	#payment-form-fields button {
		width: 100%;
		display: block;
		clear: both;
	}
}

/* EMY1113 #STARTS */
.authorized_pickups {
	width: 100%;
}
.authorized_pickups .an_authorized_pickup input {
	transition: all 0.1s;
}
.authorized_pickups .an_authorized_pickup.unauthorized input[type="text"],
.authorized_pickups .an_authorized_pickup.unauthorized input[type="text"]::placeholder {
	background-color: #d1d1d1 !important;
	color: rgb(128,128,128);
	text-decoration: line-through;
}
.authorized_pickups .an_authorized_pickup .is_active {
	width: 5%;
	padding: 0.25em;
	float: left;
	min-width: 33px;
}
.authorized_pickups .an_authorized_pickup .pickup_details {
	width: 80%;
	float: left;
}
.authorized_pickups .an_authorized_pickup .pickup_details .input.third-width {
	display: inline-block;
	float: left;
	padding: 0em 0.5em;
}
.authorized_pickups .an_authorized_pickup:only-of-type .pickup_details .input.third-width {
	min-height: 25px;
}
.authorized_pickups.add_new .an_authorized_pickup {
	margin: 6px auto auto 12px;
	min-height: 50px;
	text-align: right;
}
.authorized_pickups.add_new .an_authorized_pickup .right_padding {
	width: 15%;
	float: right;
}
.authorized_pickups.add_new .an_authorized_pickup a:link i,
.authorized_pickups.add_new .an_authorized_pickup a:visited i {
	color: #007ccf;
	margin: auto 5px auto auto;
	transition: all 0.1s;
}

.authorized_pickups.add_new .an_authorized_pickup .button_area {
	float: right;
	padding: 0 10px 0 0;
}
@media (max-width: 768px) {
	.authorized_pickups .an_authorized_pickup .input.third-width {
		width: 100%;
	}
	.authorized_pickups .an_authorized_pickup .input.third-width + .input.third-width + .input.third-width {
		width: 100%; /* Needed; trust me... :-D */
	}
	.authorized_pickups .an_authorized_pickup {
		margin: 15px 0; /* for spaces between the items on list. */
	}
	.authorized_pickups .an_authorized_pickup .right_padding {
		display: none;
	}
	.authorized_pickups.add_new .an_authorized_pickup {
		text-align: center;
	}
}
/* EMY1113 #ENDS */
#payment-form-fields .what-is-cvc {
	font-size: 14px;
	margin-left: 20px; 
	line-height: 38px;
	white-space: nowrap;
}
#stripe-cc-form {
	position: relative;
	padding-top: 0;
}
#stripe-cc-form .stripe-shoutout {
	text-align: right;
	position: absolute;
	top: 40px;
	right: 0;
}
@media (max-width: 768px) {
	#stripe-cc-form .stripe-shoutout {
		position: static;
		width: 100%;
		text-align: center;
		font-size: 14px;
		margin-top: -20px;
		margin-bottom: 20px;
	}
	#stripe-cc-form .stripe-shoutout br {
		display: none;
	}
	#stripe-cc-form .half-width {
		width: 100%;
	}
}

#emypay-powered {
	width: 150px;
	float: left;
}
#emypay-powered.emypay-powered-cart {
	margin-top: 25px;
}
#emypay-powered div {
	width: 150px;
}
#emypay-powered img,
#emypay-powered span {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
#emypay-powered.right {
	float: right;
}
@media (max-width: 575px) {
	#emypay-powered {
		width: 100%;
	}
	#emypay-powered.emypay-powered-cart {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	#emypay-powered div {
		width: 100%;
		margin-top: 5px;
		display: flex;
		gap: 10px;
		align-items: flex-end;
		justify-content: center;
	}
	#emypay-powered span {
		text-align: center;
	}
	#emypay-powered img {
		width: auto;
		height: 32px;
	}
	#emypay-powered.emypay-reposition {
		margin-top: -30px;
		margin-bottom: 30px;
	}
}

.w-21 {
	width: 21px;
}

/**
 * Hide the poll container on booking pages on mobile
 */
body.size-xs[id^="booking_events"] #_hj_poll_container {
	display: none;
}

/**
 * If there are no activities, let's hide them on the screen. 
 * Screen readers will still read it.
 */
.no-activity-addons {
	display: none;
}


.success-waitlist-warning {
	clear: both;
    background: #f08c1e;
    color: white;
    border-radius: 15px;
    padding: 3px 10px;
    display: block;
    margin-lefT: auto;
    margin-right: auto;
    max-width: 180px;
    margin-bottom: 5px;
}


/**

	o.     O                             o                                                  o
	Oo     o                            O                                                  O
	O O    O                        O   o                                        O         o
	O  o   o                       oOo  O                                       oOo        O
	O   o  O .oOo. 'o     O         o   OoOo. .oOo. `oOOoOO. .oOo.       .oOo    o   O   o o  .oOo. .oOo
	o    O O OooO'  O  o  o         O   o   o OooO'  O  o  o OooO'       `Ooo.   O   o   O O  OooO' `Ooo.
	o     Oo O      o  O  O         o   o   O O      o  O  O O               O   o   O   o o  O         O
	O     `o `OoO'  `Oo'oO'         `oO O   o `OoO'  O  o  o `OoO'       `OoO'   `oO `OoOO Oo `OoO' `OoO'
	                                                                                     o
	                                                                                  OoO'

 */

/*
	Helpers for showing blocks in different screen sizes
 */

.show-xs { 	display: none; }
.size-xs .show-xs { display: inherit; }
.size-xs .show-xs.show-xs--inlineBlock { display: inline-block; }

.show-sm { display: none; }
.size-sm .show-sm { display: inherit; }
.size-sm .show-sm.show-sm--inlineBlock { display: inline-block; }

.show-md { display: none; }
.size-md .show-md { display: inherit; }
.size-md .show-md.show-md--inlineBlock { display: inline-block; }

.show-lg { display: none; }
.size-lg .show-lg { display: inherit; }
.size-lg .show-lg.show-lg--inlineBlock { display: inline-block; }

.size-xs .hide-xs { display: none; }
.size-sm .hide-sm { display: none; }
.size-md .hide-md { display: none; }
.size-lg .hide-lg { display: none; }


/**
 * Margin helpers
 */

.m-10 { margin: 10px; }
.mt-10 { margin-top: 10px; }
.ml-10 { margin-left: 10px; }
.mr-10 { margin-right: 10px; }
.mb-10 { margin-bottom: 10px; }

.m-20 { margin: 20px; }
.mt-20 { margin-top: 20px; }
.ml-20 { margin-left: 20px; }
.mr-20 { margin-right: 20px; }
.mb-20 { margin-bottom: 20px; }

.m-5 { margin: 5px; }
.mt-5 { margin-top: 5px; }
.ml-5 { margin-left: 5px; }
.mr-5 { margin-right: 5px; }
.mb-5 { margin-bottom: 5px; }

.p-10 { padding: 10px; }
.pt-10 { padding-top: 10px; }
.pl-10 { padding-left: 10px; }
.pr-10 { padding-right: 10px; }
.pb-10 { padding-bottom: 10px; }

.p-20 { padding: 20px; }
.pt-20 { padding-top: 20px; }
.pl-20 { padding-left: 20px; }
.pr-20 { padding-right: 20px; }
.pb-20 { padding-bottom: 20px; }

.p-5 { padding: 5px; }
.pt-5 { padding-top: 5px; }
.pl-5 { padding-left: 5px; }
.pr-5 { padding-right: 5px; }
.pb-5 { padding-bottom: 5px; }




.float-container { position: relative; overflow: hidden; }
.float-left { float: left; }
.float-right { float: right; }
.clear-right { clear: right; }


.size-xs #programme_header_titles h1 {
	font-size: 30px;
	font-weight: bold;
}

button.inverse.Button {
	font-family: "lato-regular";
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	height: auto;
}

	button.inverse.Button i {
		padding-right: 10px;
	}

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

	.size-xs button.Button.Button--block {
		padding: 10px;
	}

	button.inverse.Button.Button--blue {
		border: 1px solid #5A78C2;
		color: #5A78C2;
	}

	button.inverse.Button.Button--blue i {
		color: #5a78c2 !important;
	}


.booking-section {
	overflow: hidden;
}	

	.booking-section h2 {
		margin-bottom: 10px;
	}

	.booking-section-title {
		background-color: #E2F2FE;
		border-top: 1px solid #DADADA;
		border-bottom: 1px solid #DADADA;
		padding: 10px;

		font-family: Lato-Light;
		font-size: 18px;
		color: #4D4D4D;
		text-align: center;
		line-height: 33px;
	}
	
	.booking-section-content.padded,
	.booking-section-content.padded-sides-and-bottom {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	@media (max-width: 768px) {
		.booking-section-content.padded,
		.booking-section-content.padded-sides-and-bottom {
			padding-left: 20px;
			padding-right: 20px;
		}
	}
	@media (max-width: 460px) { 
		.booking-section-content.padded,
		.booking-section-content.padded-sides-and-bottom {
			padding-left: 10px;
			padding-right: 10px;
		}
	}

	
	.booking-section-container--fold {
		position: relative;
		overflow: hidden;
	}

	.booking-section-toggle {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px;
		padding-bottom: 10px;
		padding-top: 40px;
		text-align: center;
		z-index: 99;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.001) 0%, white 50%);

		color: #4C84E7;
		text-decoration: underline;
		cursor: pointer;
	}

	.booking-section-container--expanded .booking-section-toggle {
		background: none;

	}

	.booking-section-container--expanded {
		padding-bottom: 40px;
	}

	.booking-section-title--Form {
		margin-left: -40px;
		margin-right: -40px;
	}

	.size-xs .booking-section-title--Form,
	.size-sm .booking-section-title--Form {
		margin-left: -20px;
		margin-right: -20px;
	}


.Choice {
	position: relative;
	overflow: hidden;
}

	.Choice__input {
		float: left;
		width: 50px;
		padding-top: 8px;
		padding-left: 6px;
	}

	.Choice__input--required {
		color: #D52949;
		font-size: 16px;
		vertical-align: super;

	}

	.Choice__info {
		margin-left: 55px;
	}
	
	.Choice__info p.info-with-icon {
		position: relative;
		padding-left: 22px;
	}
	
	.Choice__info p.info-with-icon i.fa {
		position: absolute;
		left: 0;
		top: 7px;
	}

	.Choice label {
		margin-top: 7px;
		font-weight: normal;
	}

.Choice.Choice__HelpfulInfo {
	border: 1px #2d65ba solid; 
	border-radius: 10px; 
	padding: 20px; 
	margin-top: 20px; 
	margin-bottom: 20px;
}
.Choice.Choice__HelpfulInfo h2 {
	font-family: 'lato-italic';
	color: #2d65ba;
}
.Choice.Choice__HelpfulInfo p.blue-text {
	color: #2d65ba;
}
	
	
.Choice.GDRP__options {
}

.Choice.GDPR__options.unanswered {
	background: rgb(255, 238, 238);
}

	.Choice.GDPR__options .Choice__input {
		width: auto;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio {
		width: auto;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio div {
		position: relative;
		width: 75px;
		min-width: 75px;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio label {
		font-weight: bold;
		color: #4d4d4d;
		padding-left: 34px;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio input {
		opacity: 0;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio label:before {
	    content: ' ';
	    position: absolute;
	    left: 0px;
	    top: 0px;
	    width: 26px;
	    height: 26px;
	    border: 3px solid #eb7321;
	    border-radius: 100%;
	    background: #fff;
	}
	
	.Choice.GDPR__options .Choice__input .input.radio input:checked + label:after {
	    content: '';
	    width: 10px;
	    height: 10px;
	    background: #eb7321;
	    position: absolute;
	    top: 8px;
	    left: 8px;
	    border-radius: 100%;
	}

	.GDPR__explainer {
		padding: 10px 0px 20px 47px;
	}
	.GDPR__explainer p, li {
		color: #2c4666;
	}



.size-lg .container.lg-no-borderspace {
	padding-left: 0;
	padding-right: 0;
}

ol.breadcrumb {
	margin-left: 17px;
}


.perma-hide {
	display: none !important;
}

.InfoBox {}

	.InfoBox.below-map {
		margin-top: 20px;
	}
	
	.InfoBox.InfoBox--first {
		margin-left: 30px;
	}
	
	.InfoBox .InfoBox__title {
		text-transform: uppercase;
		font-size: 1em;
		font-family: "lato-regular";
		margin-top: 0.5em;
	}
	
	.InfoBox .InfoBox__body p {
		padding-left: 27px;
	}
	
	.InfoBox .InfoBox__body p i.fa {
		color: #2c4666;
		text-align: center;
		margin-right: 5px;
		margin-left: -27px;
	}
	.InfoBox .InfoBox__body p span i.fa {
		margin-left: 0px;
	}

	.size-lg .InfoBox--padded,
	.size-md .InfoBox--padded {
		padding: 10px 50px;
	}

	.size-sm .InfoBox--padded,
	.size-xs .InfoBox--padded {
		padding: 10px;
	}

	.size-xs .InfoBox--padded {
		margin-left: 10px;
	}


.HeroImage {
	margin-bottom: 0 !important;
	min-height: 400px;
	background-position: 50% 50%;
	background-size: cover;
}

	.size-sm .HeroImage {
		min-height: 300px;
	}

	.size-xs .HeroImage {
		min-height: 200px;
	}

	.HeroImage .HeroImage__link {
		display: block;
	}

.HeaderContainer {
	position: relative;
}

	
	.HeaderContainer__link {
		text-decoration: none;
		color: white !important;

	}

	.HeaderContainer__organisation {
		position: absolute;
	    top: 20px;
	    left: 40px;
	    display: inline-block;
	    background-color: #3F9391;
	    padding: 2px 10px;
	    border-radius: 5px;
	    color: white;
	    font-size: 0.8em;		
	}

	.size-xs .HeaderContainer__organisation {
		top: 20px;
		left: 20px;
	}

	.HeaderContainer__content {
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		padding-bottom: 10px;
		padding-top: 50px;
		padding-left: 40px;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.001) 0%, black 100%);
	} 

	.size-xs .HeaderContainer__content {
		padding-left: 20px;
	}

	.HeaderContainer__title {
		color: white;
		font-weight: bold;
		font-size: 2.5em;
		max-width: 75%;
		padding-bottom: 0;
	}

	.size-sm .HeaderContainer__title {
		font-size: 1.8em;
	}

	.size-xs .HeaderContainer__title {
		font-size: 1.5em;
		max-width: 100%;
	}

	.HeaderContainer__location {
		display: inline-block;
		font-size: 0.9em;
		color: white;
	}

	/**
	 * Style changes based on the fact that there is not going to be a background image
	 */
	 
	.HeaderContainer.HeaderContainer--noImage .HeaderContainer__content {
		background: none;
	}

	.HeaderContainer.HeaderContainer--noImage .HeaderContainer__title,
	.HeaderContainer.HeaderContainer--noImage .HeaderContainer__location {
		color: #333;
	}

	.HeaderContainer.HeaderContainer--noImage .HeroImage {
		min-height: 150px;
	}

	.HeaderContainer.HeaderContainer--noImage .HeaderContainer__content {
		position: relative;
	}

	.size-xs .InfoBox__body p {
		font-size: 90%;
	}


.BlockLabel {
	display: block;
	cursor: pointer;
}

.ActivityInfo {
	position: relative;
	overflow: hidden;
	margin: 15px;
}

	.ActivityInfo__Button {
		float: right;
	}

	.ActivityInfo__Button.ActivityInfo__Button--block {
		float: none;
		margin: auto;
		margin-top: 10px;
		width: 50%;
	}

	.size-xs .ActivityInfo__Button.ActivityInfo__Button--block {
		width: 70%;
	}

	.ActivityInfo__Label {
		float: left;
		display: block;
		margin-top: 8px;
	}

	.ActivityInfo__Label--first {
		margin-left: 25px;
	}

	.size-xs .ActivityInfo__Label--first {
		margin-left: 0;
	}

	.size-sm .ActivityInfo__Label {
		font-size: 90%;
	}

	.size-xs .ActivityInfo__Label {
		float: none;
		margin-top: 0;
		margin-left: 6px;
	}

	.ActivityInfo__Label.ActivityInfo__Label--spaced {
		margin-right: 30px;
	}

	.ActivityInfo__Label i.fa {
		padding-right: 5px;
	}

.Button {
	display: block;
	border: 1px solid #666;
	border-radius: 5px;
	padding: 10px 30px;
}

	.Button:hover {
		text-decoration: none;
	}

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

	.Button.Button--blue {
		border: 1px solid #747E88;
	}

	.Button.Button--solidBlue {
		border: 1px solid #2196F3;
		background: #2196F3;
		color: white;
	}

	.Button.Button--solidGrey {
		border: 1px solid #eee;
		background-color: #eee;
		color: #333;
	}

	.Button.Button--inline {
		display: inline-block;
	}

	.Button.Button--flat {
		padding: 5px;
		border: 1px solid #333;
		background: white;
		border-radius: 0;
 
		color: white;
	}

	.Button.Button--small {
		padding: 5px 20px;
	}

	.Button.Button--flat .Button__Text {
		color: white;
	}


	.Button__Icon {
		padding-right: 10px;
		color: #666;
	}

	.Button.Button--blue .Button__Icon {
		color: #2c4666;
	}

	.Button__Text {
		color: #666;
	}

	.Button.Button--blue .Button__Text {
		color: #2c4666;
	}


.Link, .Link:link{
	text-decoration: underline;
	color: #333;
}

.Link--float {
	float: left;
}

.Link:hover {
	text-decoration: underline;
}

.Link.Link--orange {
	color: #F08C2C;
}

.Link.Link--blue {
	color: #2d65ba;
}

.ActivityMap {
	position: relative;

}

	.ActivityMap__canvas {
		margin-top: 20px;
		height: 275px;
	}

	.size-xs .ActivityMap__canvas {
		margin-top: 0;
	}

/*

	.oOOOo.                         o        o                o
	o     o              o         O        O       o         O
	O.                             o        o                 o
	 `OOoo.                        O        o                 o
	      `O .oOo. .oOo  O  .oOoO' o        O       O  'OoOo. O  o  .oOo
	       o O   o O     o  O   o  O        O       o   o   O OoO   `Ooo.
	O.    .O o   O o     O  o   O  o        o     . O   O   o o  O      O
	 `oooO'  `OoO' `OoO' o' `OoO'o Oo       OOoOooO o'  o   O O   o `OoO'

*/

.SocialIcons {
	padding: 20px;
}

	.SocialIcons__List {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
		margin: auto;
	}

	.SocialIcons__Item {
		display: inline-block;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}

	.SocialIcons__Link {
	}

	.SocialIcons__Description {
		font-size: 1em;	
		color: #575757;
		display: block;
	}

	.SocialIcons__Icon {
		font-size: 34px;	
		color: #575757;	
	}

/*

	OOooOoO                     o       o      O                   o
	o       o                  O        O      o                  O
	O                          o        o      O                  o
	oOooO                      o        OoOooOOo                  o
	O       O  o   O .oOo. .oOoO        o      O .oOo. .oOoO' .oOoO  .oOo. `OoOo.
	o       o   OoO  OooO' o   O        O      o OooO' O   o  o   O  OooO'  o
	o       O   o o  O     O   o        o      o O     o   O  O   o  O      O
	O'      o' O   O `OoO' `OoO'o       o      O `OoO' `OoO'o `OoO'o `OoO'  o


*/


.FixedHeader {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;

	height: 0px;
	overflow: hidden;

	z-index: 10000;
}


.size-xs .FixedHeader__Content#recurring-booking-calendar {
	margin-right: 0px;
	margin-left: 0px;
}

.size-xs .FixedHeader__Content#booking-calendar {
	padding-left: 10px;
	padding-right: 10px;
}

.size-xs .bc_hoverTitle .description {
	font-size: 12px;
}

.size-xs .bc_table .bc_hoverText p.hover-notice span.extra-desc {
	font-size: 12px;
}

.size-xs .bc_hoverTimes {
	font-size: 12px;
}

.size-xs .bc_table .bc_day .bc_hover .bc_hoverContent p.alert {
	font-size: 13px;
	white-space: normal;
}

.size-xs .bc_table .bc_hoverText p.use-recurring-calendar-notice.non-alert {
	font-size: 12px;
	min-width: 120px;
}

/* Changes for EMY1599 #START */
#programme-header .programme-addon-banners {
    position: absolute;
    top: -1px;
    right: 0;
    display: inline-block;
    z-index: 100; /* not the hightest but definitely not the lowest. */
}
#programme-header .programme-addon-banners .arrow-banner {
	position: relative;
	float: right;
	margin: 0px 20px 0px 0px;
	width: 105px;
	border: 1px solid #c2e1f5;
	border-width: 1px 1px 0px;
	padding: 3px;
	background: #ffffff;
	border-radius: 0px 0px 2px 2px ;
	color: #c2e1f5;
	/*min-height: 47px;*/
	height: 47px;
}
#programme-header .programme-addon-banners .arrow-banner p {
	text-align: center;
	color: #c2e1f5;
	/*font-family: "lato-light", Arial, sans-serif;*/
	overflow: hidden;
}
#programme-header .programme-addon-banners .arrow-banner p.addon-name {
	/*min-height: 55px;*/
	margin: 3px 4px auto;
	/*font-size: 35px;*/
	font-size: 14px;
	line-height: 1;
}
#programme-header .programme-addon-banners .arrow-banner p.addon-conditions {
	padding: 0px;
	line-height: 1;
}
#programme-header .programme-addon-banners .arrow-banner:after,
#programme-header .programme-addon-banners .arrow-banner:before {
	/*top: 98.75%;*/
	top: 45px;
	/*left: 2%;*/
	left: -2px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
#programme-header .programme-addon-banners .arrow-banner:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #ffffff;
	border-width: 17px 52px 0px;
	margin-left: 2px;
	border-radius: 2px;
}
#programme-header .programme-addon-banners .arrow-banner:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 18px 55px 0px;
	margin-left: -1px;
	border-radius: 7px;
}
#programme-header .programme-addon-banners .arrow-banner.free-trial {
	border-color: rgba(76, 175, 80, 1); /* Dark Green */
}
#programme-header .programme-addon-banners .arrow-banner.free-trial p {
	margin: 10.6px auto 0;
	color: rgba(76, 175, 80, 1); /* color: Dark Green; font color */
}
#programme-header .programme-addon-banners .arrow-banner.free-trial:before {
	border-top-color: rgba(76, 175, 80, 1); /* color: Dark Green; arrow head border */
}
@media (max-width: 768px) {
	#programme-header .programme-addon-banners .arrow-banner {
		width: 85px;
		/*min-height: 38px;*/
		height: 38px;
	}
	#programme-header .programme-addon-banners .arrow-banner p.addon-name {
		margin: 1px 4px auto;
		font-size: 11px;
	}
	#programme-header .programme-addon-banners .arrow-banner:after,
	#programme-header .programme-addon-banners .arrow-banner:before {
		/*top: 97.75%;*/
		top: 36px;
	}
	#programme-header .programme-addon-banners .arrow-banner:after {
		border-width: 14px 41px 0px;
	}
	#programme-header .programme-addon-banners .arrow-banner:before {
		border-width: 15px 44px 0px;
		border-radius: 5px;
	}
	#programme-header .programme-addon-banners .arrow-banner.free-trial p {
		margin: 8.4px auto 0;
	}
}
/* .fill-color styling... It is just colors and appearances from now on.... */
#programme-header .programme-addon-banners .arrow-banner.free-trial.fill-color {
	background: rgba(139, 195, 74, 1); /* light Green */
}
#programme-header .programme-addon-banners .arrow-banner.free-trial.fill-color:after {
	border-top-color: rgba(139, 195, 74, 1); /* light Green */
}
#programme-header .programme-addon-banners .arrow-banner.discounts-available {
	border-color: rgba(7, 54, 129); /* Dodger Blue */
}
#programme-header .programme-addon-banners .arrow-banner.discounts-available p {
	color: rgba(7, 54, 129); /* Dodger Blue */
}
#programme-header .programme-addon-banners .arrow-banner.discounts-available:before {
	border-top-color: rgba(7, 54, 129); /* Dodger Blue */
}
#programme-header .programme-addon-banners .arrow-banner.discounts-available.fill-color {
	background: rgba(13, 71, 161, 1); /* Tory Blue */
}
#programme-header .programme-addon-banners .arrow-banner.discounts-available.fill-color:after {
	border-top-color: rgba(13, 71, 161, 1); /* Tory Blue; Arrow-head fill */
}
#programme-header .programme-addon-banners .arrow-banner.free-trial.fill-color p,
#programme-header .programme-addon-banners .arrow-banner.discounts-available.fill-color p {
	font-family: "lato-regular", Arial, sans-serif;
	color: rgba(255, 255, 255, 1); /* white */
}
/* Changes for EMY1599 #END */

section#booking-free-trial-dates .row .sub-title {
	color: #2c4666;
}
section#booking-free-trial-dates .dates-area {
	margin-top: 20px;
}
section#booking-free-trial-dates .dates-area .input.half-width {
	width: 48%;
	margin-right: 2%;
}
@media (max-width: 767px) {
	section#booking-free-trial-dates .dates-area .input.half-width {
		width: 100%;
		margin-right: 0%;
	}
}
/* Changes for EMY1599 #END */
/* Changes for EMY1630 #START */
#programme_header_titles .one_flag_padding {
	padding-right: 120px;
}
#programme_header_titles .two_flag_padding {
	padding-right: 240px;
}
@media (width: 768px) {
	#programme_header_titles .one_flag_padding {
		padding-right: 100.5px;
	}
	#programme_header_titles .two_flag_padding {
		padding-right: 201px;
	}
}
@media (max-width: 767px) {
	#programme_header_titles h2.one_flag_padding,
	#programme_header_titles h2.two_flag_padding {
		padding-right: 0%;
	}
}
/* Changes for EMY1630 #END */

.row-eq-height, 
.size-xs .row-eq-height-xs,
.size-sm .row-eq-height-sm,
.size-md .row-eq-height-md,
.size-lg .row-eq-height-lg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


#team-logo-wrap {
	text-align: center;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	width: 252px;
	margin-left: auto;
	margin-right: auto;
}
#team-logo {
	border: 1px solid #d9d9d9;
}
#team-logo {
	width: 250px;
	height: 250px;
}
#team-logo-input {
    cursor: pointer;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 99;
    /*This makes the button huge. If you want a bigger button, increase the font size*/
    font-size:50px;
    /*Opacity settings for all browsers*/
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)
}

/*

	oOoOOoOOo
	    o
	    o                                                               O
	    O                                                              oOo
	    o     .oOo. O   o  `OoOo. 'OoOo. .oOoO' `oOOoOO. .oOo. 'OoOo.   o
	    O     O   o o   O   o      o   O O   o   O  o  o OooO'  o   O   O
	    O     o   O O   o   O      O   o o   O   o  O  O O      O   o   o
	    o'    `OoO' `OoO'o  o      o   O `OoO'o  O  o  o `OoO'  o   O   `oO



	o      O                   o                    OooOOo.                       o
	O      o                  O                     O     `O                     O
	o      O                  o                     o      O                     o
	OoOooOOo                  o                     O     .o                     O
	o      O .oOo. .oOoO' .oOoO  .oOo. `OoOo.       oOooOO'  .oOoO' 'OoOo. .oOo. o
	O      o OooO' O   o  o   O  OooO'  o           o        O   o   o   O OooO' O
	o      o O     o   O  O   o  O      O           O        o   O   O   o O     o
	o      O `OoO' `OoO'o `OoO'o `OoO'  o           o'       `OoO'o  o   O `OoO' Oo


*/
#main-wrap .container.TnmtHeader__container {
	padding: 20px;
	padding-top: 0;
}

.size-xs #main-wrap .container.TnmtHeader__container {
	padding: 0;
}

.size-xs #main-wrap .container.TnmtHeader__container .row {
	padding: 20px;
}

.TnmtHeader__panel {
	padding: 30px;
	border: 1px solid #aaa;
	box-shadow: 0px 0px 20px 0px #ddd;
	border-radius: 5px;
	box-sizing: border-box;
}

.TnmtHeader__panel--first {
	margin-right: 10px;
	background: linear-gradient(45deg, white, #F4FBFF);
}

.TnmtHeader__panel--last {
	margin-left: 10px;
	background: linear-gradient(-45deg, white, #F4FBFF);
}

.size-xs .TnmtHeader__panel--last,
.size-xs .TnmtHeader__panel--first {
	margin: 0;
	margin-bottom: 20px;
}

	.TnmtHeader__title {
	    text-transform: uppercase;
	    font-size: 1em;
	    font-family: "lato-regular";
	    font-weight: bold;
	}

	 .TnmtHeader__desc {
	 	line-height: 21px;
	 }

	.TnmtHeader__buttons {
		text-align: right;
		margin-top: 30px;
	}

	.TnmtHeader__buttons .Button {
		background-color: white;
	}


/*

	oOoOOoOOo
	    o
	    o
	    O
	    o     .oOo. .oOoO' `oOOoOO.
	    O     OooO' O   o   O  o  o
	    O     O     o   O   o  O  O
	    o'    `OoO' `OoO'o  O  o  o

*/

.Teams {
	overflow: hidden;
}

	.Teams__description {
		margin: 20px auto;
		font-size: 110%;
		max-width: 525px;
		line-height: 1.5em;
		text-align: center;
	}

	.Teams .row {
		border-bottom: 1px solid #eee;
	}

	.Team {
		margin: 20px;
	}

		.Team__name {
		    text-transform: uppercase;
		    font-size: 1em;
		    font-family: "lato-regular";
		    font-weight: bold;
		    margin-top: 0.5em;
		}

		.Team__imageContainer {
			position: relative;
			margin-bottom: 10px;
		}	

			.Team__image {
				width: 100%;
			}

		.Team__managers {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
			.Team__name {
				margin-top: 0;
				margin-bottom: 0.5em;
			}
			
			.Team__manager {
				margin-bottom: 0.5em;
			}

				.Team__mgrHead {}
					.Team__mgrName {
						font-weight: bold;
					}
					.Team__mgrPosition {
						color: #888;
						font-size: 78%;
					}

				.Team__mgrPhone {}
				.Team__mgrEmail a {
					color: #333;
				}

			.Team__mgrInfo {
				list-style: none;
				margin-left: 0;
			}

			.Team__mgrInfoElement {
				font-size: 80%;
				padding-right: 9px;
				display: inline;
			}

			.Team__mgrInfoElement .fa {
				color: #2c4666;
			}

		.Team__buttons {
			text-align: left;
			text-align: right;
 			position: absolute;
 			right: 0;
		}

			.Team__buttons .Team__join {
				color: #333;
				padding-right: 20px;
				display: block;
			}

			.Team__buttons .Button {
				padding: 3px 10px;
				margin-right: 20px;
			}


.Team.Team--horizontal {
	overflow: hidden;
}

.Team.Team--horizontal.Team--panel {
	position: relative;
	padding: 30px;
	padding-bottom: 15px;
	border: 1px solid #aaa;
	box-shadow: 0px 0px 20px 0px #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	background: linear-gradient(45deg, white, #F4FBFF);
	margin-left: -5px;
	margin-right: -5px;
}

.Team.Team--horizontal.Team--panel .Team__title {
	position: relative;
	top: -15px;
}

.Team.Team--horizontal .Team__imageContainer {
	float: left;
	width: 150px;
} 

.Team.Team--horizontal .Team__name {
	padding-top: 0px;
	font-size: 1.3em;
}

.Team.Team--horizontal .Team__managers {
	margin-left: 170px;
}

.Team.Team--horizontal .Team__manager {
	min-width: 330px;
	float: left;
}

.Team.Team--horizontal .Team__buttons {
	position: absolute;
	bottom: 10px;
	right: 0px; 
}

.Team.Team--horizontal .Team__buttons .Button {
	margin-right: 10px;
	background-color: white;
}

.MgrCallout {
	padding: 20px;
	text-align: center;
}

.MgrCallout h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

@media (max-width: 460px) {
	.Team.Team--horizontal .Team__imageContainer {
		display: block;
		width: 100%;
		clear: both;
		text-align: center;
	}
	.Team.Team--horizontal .Team__imageContainer img {
		max-width: 150px;
	}
	
	.Team.Team--horizontal .Team__managers {
		margin-left: 0px;
	}
}


.Modal {

}

	.Modal .Modal__close {
		width: auto;
	}

	.Modal button.Modal__close:hover {
		background: none;
	}

	.Modal.Modal--white {
		background: white;
	}

	.Modal__content {
		padding: 20px;
	}


.team-member-row {
	overflow: hidden;
	clear: both;
}

.TeamMemberForm {
	margin-bottom: 5px;
}

	.size-md .TeamMemberForm__input input[type='text'] {
		width: 150px;
	}

	.size-sm .TeamMemberForm__input input[type='text'] {
		width: 130px;
	}

	.size-xs .TeamMemberForm__input input[type='text'] {
		width: 130px;
	}

	.size-xs .TeamMemberForm__input--email .input {
		clear: left;
	}

	.size-xs .TeamMemberForm__input input, 
	.size-xs .TeamMemberForm__input select, 
	.size-xs .TeamMemberForm__input option {
		font-size: 90%;
	}


	.TeamMemberForm .input {
		width: auto;
		display: inline-block;
		margin-right: 10px;
	}

	.TeamMemberForm .input--last .input {
		margin-right: 0;
	}

	.remove-team-member {
		display: inline-block;
		padding-left: 8px;
		padding-top: 8px;
		margin-left: 0;
	}

	.add-team-member {
		display: block;
		margin-top: 10px;
		float: right;
		clear: both;
	}


/**
 * Team form styles
 */

.TeamForm__Title {
	margin-bottom: 0;
}

.TeamForm__Text {
	max-width: 50%;
	padding-left: 90px;
	padding-bottom: 20px;
	background: url("/img/icons/team.png") 9px 10px no-repeat;
}


.size-md .TeamForm__Text { max-width: 75%; }
.size-lg .TeamForm__Text { max-width: 70%; }

.size-sm .TeamForm__Text,
.size-xs .TeamForm__Text { max-width: 80%; }



.Cart {

}

	#Cart__Totals {
		width: 386px;
	}

	.Cart__Cards {
		overflow: hidden;
		margin-bottom: 20px;

		margin-right: 40px;
	}

	.size-xs .Cart__Cards,
	.size-xs .Cart__ButtonContainer {
		margin-right: 0;
	}

	.Cart__CardChoice {
		width: 387px;
		float: right;
	}

	.Cart__CardText {
		text-align: right;
	}

	.Cart__ButtonContainer {
		text-align: right;
		margin-top: 10px;
		margin-right: 40px;
		overflow: hidden;
	}

	.Cart__Button {
		display: inline-block;
		width: 220px;
		height: 50px;
	}

	.Cart__Button button {
		color: #fff;
	}

	.size-xs .Cart__CardText {
		font-size: 14px;
	}

	.Cart__PayButton {
		float: right;
		width: 200px;
		margin-top: -5px;
	}

	.size-xs .Cart__PayButton {
		width: auto;

		font-size: 15px;

		padding-left: 10px;
		padding-right: 10px;

	}
	
	
	.Cart__Cards .error-message {
		margin-bottom: 10px;
	    white-space: normal;
	    width: 41%;
	    padding: 10px;
	    color: white;
	    background: rgb(231, 76, 60);
	    border-radius: 7px;
	    float: left;
	    display: none;
	}
	
	
	.Cart__CardChoice #payment-methods {
		display: flex;
		list-style-type: none;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	.Cart__CardChoice #payment-methods .payment-method-option {
	    border: 1px #2d65ba solid;
	    color: #2d65ba;
		flex: 1 1 0px;
		text-align: center;
		padding: 10px 5px;
		border-left: none;
		cursor: pointer;
	}
	
	.Cart__CardChoice #payment-methods .payment-method-option:first-child {
	    border-left: 1px #2d65ba solid;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	.Cart__CardChoice #payment-methods .payment-method-option:last-child {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	
	.Cart__CardChoice #payment-methods .payment-method-option.selected {
		background-color: #2d65ba;
		color: #ffffff;
	}

	.Cart__CardChoice #common-card-token {
		width: 100%;
	}

	.Cart__CardChoice .Choice__PaymentConsent {
		margin-top: 20px;
	}
	.Cart__CardChoice .Choice__PaymentConsent .Choice__input {
		width: 40px;
		margin-top: 5px;
	}
	.Cart__CardChoice .Choice__PaymentConsent .Choice__info {
		margin-left: 45px;
	}

	.Cart__CardChoice .Choice__PaymentConsent .Choice__info .payment-consent-info {
		display: none;
		margin-left: -40px;
	}
	.Cart__CardChoice .Choice__PaymentConsent .Choice__info .payment-consent-info-link a {
		font-size: 14px;
		margin-top: -5px;
	}
	.Cart__CardChoice .Choice__PaymentConsent .Choice__info .payment-consent-info p {
		font-size: 14px;
	}

	
@media (max-width: 575px) {
	#Cart__Totals {
		width: 100%
	}

	.Cart__CardChoice {
		width: 100%;
	}
	
	.Cart__CardChoice #common-card-token-wrap {
		width: 100%;
	}
}

	

	
/* Used in: My Providers */

.Activity {
	overflow: hidden;
}

	.Activity .Activity__Title {
		font-size: 22px;
		font-weight: bold;
	}

	.size-xs .Activity .Activity__Logo {
		float: right;
		margin-top: 8px;
		margin-left: 10px;
		width: 75px;
		height: 75px;
	}

	.size-xs .Activity .Activity__Logo img {
		width: 100%;
		height: 100%;
	}

	.Activity .Activity__Location {
		font-size: 14px;
	}

	.Activity .Activity__Options.Activity__Options--mobile {
		margin-top: 20px;
	}

	.Activity .Activity__Options.Activity__Options--mobile button {
		font-size: 15px;
	}


.invoice-information {
	position: relative;
}

.Invoice__Number,
.Invoice__DueDate {
	color: #888;
	font-size: 14px;
}

.Invoice__installment-plans {
	margin: 10px 0px;
	border-left: 2px solid #2d65ba;
	padding-left: 10px;
}
	.Invoice__installment-plans h4 {
		font-family: "lato", sans-serif;
		font-size: 16px;
		color: #2d65ba;
	}
	
	.Invoice__installment-plans ul {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		margin: 0px;
		list-style-type: none;
	}
	.Invoice__installment-plans ul li {
		font-family: "lato-light", sans-serif;
		font-size: 12px;
		line-height: 14px;
		padding: 7px 0px 0px 0px;
		color: #ffffff;
		border: 1px solid #2d65ba;
		color: #2d65ba;
		background-color: white;
		width: 46px;
		height: 46px;
		border-radius: 23px;
		text-align: center;
	}
	.Invoice__installment-plans ul li.red {
		background-color: rgb(224, 110, 98);
		border: 1px solid rgb(224, 110, 98);
		color: white;
	}
	.Invoice__installment-plans ul li.paid {
		background-color: #2d65ba;
		color: white;
	}
	.Invoice__installment-plans ul li.grey {
		border-color: rgb(180,180,180);
		color: rgb(180,180,180);
	}
	.Invoice__installment-plans ul li.black {
		background-color: rgb(128, 128, 128);
		border: 1px solid rgb(128, 128, 128);
		color: white;
	}
	.Invoice__next-installment .Invoice__installment-overdue {
		display: inline-block;
		background-color: rgb(224, 110, 98);
		color: white;
		font-weight: bold;
		padding: 2px 10px;
		border-radius: 3px;
		margin: 4px 0px;
	}
	.Invoice__next-installment .Invoice__installments-remaining {
		color: #888;
		font-size: 14px;
	}


.size-xs .Invoice__Reference {
	font-size: 22px;
	color: #007ccf;
	margin-bottom: 2px;
}

.size-xs .invoice-blue-link {
	margin-top: 8px;
	text-align: right;
	display: block;
}

.Invoice__Price {
	margin-bottom: 5px;
}

.Invoice__OutstandingLabel {
	font-size: 14px;
}


.Invoice__Button.Invoice__Button--mobile {
	display: none;
}

.size-xs .Invoice__Button.Invoice__Button--mobile {
	display: block;
	font-size: 15px;
	margin-top: 15px;
}

span.invoice-status-flag.invoice-status-flag--mobile {
	display: none;
	width: auto;
	padding-left: 8px;
	padding-right: 8px;
}

.size-xs span.invoice-status-flag.invoice-status-flag--mobile {
	display: inline-block;
	margin-bottom: 10px;
}

.size-xs .invoice-table .invoice-blue-link {
	display: none;
}


.search-filter--compact {
	width: 150px;
}


.size-xs .xs-full-width,
.size-xs .input.xs-full-width + .input.xs-full-width,
.size-xs .input-wrap .input.half-width.input-list.xs-full-width {
	width: 100% !important;
}

.size-xs .input-wrap .input.half-width.input-list.input-even.xs-full-width {
	margin-left: 0;
}

.size-xs .input-wrap .input.half-width.input-list.input-odd.xs-full-width {
	margin-right: 0;
}

/* sticky message */
div#top-flash-message.sticky-message {
	position: -webkit-sticky !important;
	position: sticky !important;
	top: 0 !important;
	padding: 10px 30px !important;
	z-index: 9999 !important;
	margin: 0;
	width: 100%;
	border-radius: 0px;
}

div.sticky-red {
	background-color: #b40000 !important;
	color: #fff !important;
}

#top-flash-message.sticky-red h1,
#top-flash-message.sticky-red p,
#top-flash-message.sticky-red #top-flash-message-icon i {
	color: #fff !important;
}

#top-flash-message.sticky-red p {
	font-size: 18px !important;
}

.payment-option {
	margin-bottom: 10px;
}

.payment-option [type="radio"] {
	z-index: -1;
	position: absolute;
	opacity: 0;
}

.payment-option [type="radio"]:checked ~ label {
	border-color: #f08c1e;
	background-color: rgba(240, 140, 30, 0.16);
}

.payment-option [type="radio"]:checked ~ label:before {
	will-change: transform, border-width, border-color;
	animation: bubble 300ms ease-in;
}

.payment-option [type="radio"]:checked ~ label:after {
	will-change: opacity, box-shadow;
	animation: sparkles 700ms ease-in-out;
}

.payment-option [type="radio"]:checked ~ label > .payment-option__check {
	will-change: transform;
	border: 0;
	background-image: linear-gradient(#f08c1e 0%, #ee7521 50%, #cf622a 84%, #e37a38 100%);
	animation: radio 300ms cubic-bezier(0.17, 0.89, 0.32, 1.49);
}

.payment-option [type="radio"]:checked ~ label > .payment-option__check:after {
	content: "\f00c";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: FontAwesome;
    color: #fff;
    font-size: 16px;
}

.payment-option label {
	position: relative;
	display: grid;
	align-items: center;
	grid-template-columns: 20px auto;
	grid-gap: 30px;
	width: 100%;
	padding: 10px 20px;
	border-radius: 6px;
	border: 2px solid transparent;
	background-color: transparent;
	transition: all 100ms ease-in;
	cursor: pointer;
}

.payment-option label:hover {
	border-color: #f08c1e;
	background-color: rgba(240, 140, 30, 0.16);
}

.payment-option label:before, label:after {
	position: absolute;
	left: 29px;
	border-radius: 50%;
	content: '';
}

.payment-option label:before {
	margin: -2rem;
	border: solid 2rem #545461;
	width: 4rem;
	height: 4rem;
	transform: scale(0);
}

.payment-option label:after {
	margin: -0.1875rem;
	width: 0.375rem;
	height: 0.375rem;
}

.payment-option label > .payment-option__check {
	position: relative;
	display: inline-flex;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	border: 2px solid #454861;
	background-color: #fff;
}

.payment-option__text {
	position: relative;
}

.payment-option__text p{
	line-height: 1.1em;
}

.payment-option__text  .discount {
    display: inline-block;
    background: #f08c1e;
    font-size: 13px;
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    position: absolute;
	left: 0;
	top: 5px;
}

.payment-option__text--label span {
    display: inline-block;
	text-transform: uppercase;
    background: rgb(120, 120, 120);
    font-size: 11px;
    color: #fff;
    padding: 3px 8px;
    border-radius: 4px;
}
.payment-option__text--label span.green {
	background-color: rgb(68, 181, 124);
}
.payment-option__text--label span.blue {
	background-color: rgb(0, 124, 207);
}
.payment-option__text--label span.orange {
	background-color: rgb(229, 141, 81);
}


.payment-option__text--description {
	font-family: "lato-light", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em !important;
}

.payment-option__instalment_dates {
	font-family: "lato-light", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.1em !important;
	color: #007ccf;
	margin-top: 10px;
	margin-bottom: 10px;
}

.payment-option__instalment_dates ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.payment-option__instalment_dates ul li {
	width: 80px;
	padding: 5px;
	font-family: "lato-light", sans-serif;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3em !important;
	color: #007ccf;
	text-align: center;
	border: 1px solid #007ccf;
	border-radius: 5px;
	background: #ffffff;
}

@media screen and (max-width: 570px) {
	.payment-option__instalment_dates {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.payment-option label {
		grid-template-columns: 20px auto 100px;
	}

	.payment-option .price {
		text-align: right;
	}

	.payment-option__text  .discount {
		position: relative;
		margin-left: 20px;
		top: 0;
	}

	.payment-option__text--title {
		padding-top: 4px;
	}
	
}