/*Includes*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i,900,900i|Roboto:100,200,300,400|Nunito:300,400,600,700');

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

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale
}

html {
  /* font-size: 62.5%; */
	margin: 0px;
	padding: 0px;
}

body {
  /* font-size: 1.6rem; */
	font-family: 'Source Sans Pro', sans-serif;
  color: #25283D;
  background-color: #fafafa;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	margin: 0px;
	padding: 0px;

	background: url('../img/global/bkgd.jpg') #003F76;
	background-color: rgba(1, 64, 118, 1.0);
	background-position: top center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body.environment_dev {
	background-color: rgba(1, 119, 87, 1);
}

a {
  color: rgba(1, 63, 120, 1.0);
  text-decoration: none;
}
a:hover, a:hover * {
	/* fade link effects on hover */
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
	color: rgba(6, 83, 154, 1);
}
p a {
	border-bottom: 1px dotted rgba(1, 63, 120, 1.0);
}

.grid-container {
	max-width: 1200px;
}

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

Header

-------------------------------- */
	.siteHeader {
		margin-top: 15px;
		margin-bottom: 15px;
		}
		.siteHeader .logo img {
			max-height: 120px;
			}
		.siteHeader .cta-phone {
			text-align: right;
			margin-top: 30px;
		}
		.siteHeader .cta-phone a {
			font-size: 30px;
			color: rgba(255,255,255,0.6);
			}
			.siteHeader .cta-phone a:hover {
				color: rgba(255,255,255,0.8);
				}
			.siteHeader .cta-phone span {
				font-size: 30px;
				color: rgba(255,255,255,0.3);
				}
				.siteHeader .cta-phone a:hover span {
					color: rgba(255,255,255,0.6);
					}
		@media only screen and (max-width: 640px) {
			.siteHeader {
				text-align: center;
			}
			.siteHeader .logo img {
				margin-bottom: 15px;
				}
			.siteHeader .cta-phone {
				text-align: center;
				margin-top: 15px;
			}
			.siteHeader .cta-phone a {
				font-size: 30px;
				color: rgba(255,255,255,0.6);
				background: rgba(255,255,255,0.2);
				display: inline-block;
				padding: 3px 8px;
				padding-left: 48px;
				border-radius: 3px;
				background-image: url('../img/icons/phone-BCDCE8.svg');
				background-size: 30px;
				background-repeat: no-repeat;
				background-position: 10px center;
			}
			.siteHeader .cta-phone a span {
				display: none;
			}
		}

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

Navigation

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

nav.primary ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	}
	nav.primary ul li {
		color: rgba(255,255,255,0.8);
		background-color: rgba(255,255,255,0.1);
		border-radius: 3px;
		}
		nav.primary ul li ul {
			display: none;
			}
		nav.primary ul li + li {
			margin-top: 8px;
		}
		nav.primary ul li a {
			display: block;
			color: rgba(255,255,255,0.8);
			font-weight: 400;
			font-size: 18px;
			padding: 8px 10px;
			}
		nav.primary ul li:hover,
		nav.primary ul li.nav-selected,
		nav.primary ul li.nav-path-selected {
			background-color: rgba(255,255,255,0.3);
			}
			nav.primary ul li:hover a {
				display: block;
				color: rgba(255,255,255,0.8);
				}
			nav.primary ul li:hover ul {
				display: block;
				}
				.siteNavigation .nav-toggle {
					display: none;
				}
			@media screen and (max-width: 640px) {
				.nav-toggle {
					display: block;
					position: absolute;
					top: 50px;
					right: 15px;
					padding: 10px 20px;
					background: rgba(255,255,255,0.3);
					background-image: url('../img/icons/menu-white.svg');
					background-size: 30px;
					background-position: center center;
					background-repeat: no-repeat;
				}
				.siteNavigation nav.primary {
					display: none;
				}
				.siteNavigation.siteNavigation--open nav.primary {
					display: block;
					margin-bottom: 15px;
				}
			}



nav.breadcrumbs ol {
	padding: 0px;
	margin: 0px;
	list-style: none;
	background-color: rgba(0,0,0,0.05);
	min-height: 30px;
	/* overflow: auto; */

	display: none;
	}
	nav.breadcrumbs ol::after {
	  content: "";
	  clear: both;
	  display: table;
	}
	nav.breadcrumbs ol li {
		color: rgba(255,255,255,0.8);

		padding: 8px 8px;
		font-weight: 400;
		font-size: 16px;
		color: rgba(1, 65, 121, 1.0);
		}
		nav.breadcrumbs ol li::before {
		  content: ">";
			margin-right: 15px;
			color: rgba(0,0,0,0.3);
		}
		nav.breadcrumbs ol li:nth-of-type(1)::before {
			display: none;
		}
		nav.breadcrumbs ol li a {
			/* display: block; */
			color: inherit;
			color: rgba(0,0,0,0.5);
			}
			nav.breadcrumbs li:not(:last-child)::after {
				display: none;
			}
		nav.breadcrumbs ol li:hover {
			}
			nav.breadcrumbs ol li:hover a {
				color: rgba(1, 65, 121, 1.0);
				}

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

Content

-------------------------------- */
.siteContent {
	background: rgba(255,255,255,0.95);
	border-radius: 3px;
	padding: 15px;
	}
	h1 {
		margin: 10px 0px 10px 0px;
	}
	h2 {

	}
	.siteContent h3 {
	  /*line-height: 1.4;*/
	  /*margin: 1em auto;*/
		/*font-size: 28px !important;*/
	  color: #7d7d7d;
	  color: rgba(0,0,0,0.7);
	  color: rgba(1, 63, 119, 1);
		font-size: 24px;
		font-family: 'Source Sans Pro';
		font-weight: 600;
		margin-bottom: 5px;
		}
		.siteContent * + h3 {
			margin-top: 5px;
		}
		.siteContent p + h3 {
			margin-top: 20px;
			border-top: 1px solid rgba(0,0,0,0.08);
			padding-top: 10px;
		}
	.siteContent h4 {
		color: #7d7d7d;
		color: rgba(0,0,0,0.7);
		color: rgba(1, 63, 119, 1);
		font-size: 20px;
		font-family: 'Source Sans Pro';
		font-weight: 600;
		margin-top: 5px;
		margin-bottom: 0px;
		}

		.siteContent p + h4 {
			margin-top: 10px;
		}
		.siteContent h3 + h4 {
			margin-top: 10px;
		}
		.siteContent h4 + p {
			margin-top: 0px;
			/* border-top: 1px solid rgba(0,0,0,0.08); */
			padding-top: 0px;
		}
	.siteContent h5 {
		color: #7d7d7d;
		color: rgba(0,0,0,0.7);
		color: rgba(1, 63, 119, 1);
		font-size: 17px;
		font-family: 'Source Sans Pro';
		font-weight: 600;
		margin-top: 5px;
		margin-bottom: 0px;
		}

	.siteContent p {
		/* max-width: 1024px; */
	  line-height: 1.3;
	  margin: 0px 0px 0px 0px;
		font-size: 20px;
	  color: #7d7d7d;
	  color: rgba(0,0,0,0.6);
		font-family: 'Source Sans Pro', Helvetica, sans-serif;
		font-weight: 400;
		}
		.siteContent p + p {
			margin: 15px 0px 0px 0px;
		}
		.siteContent p strong {
			font-weight: 600;
		}
	.siteContent ul li {
		line-height: 1.3;
		margin: 0px 0px 0px 0px;
		font-size: 18px;
		color: #7d7d7d;
		color: rgba(0,0,0,0.6);
		font-family: 'Source Sans Pro', Helvetica, sans-serif;
		font-weight: 400;
	}
	blockquote {

	}

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

	Hero

	-------------------------------- */
	.hero {
		height: 300px;
		width: 100%;
		/* background: rgba(0,0,100,1); */
		/* margin-bottom: 15px; */
	}
	.hero.hero--slim {
		height: 200px;
		height: 200px;
		width: 100%;
		margin-bottom: 15px;
	}
	.hero--slim {
		background-color: rgba(2, 109, 163, 1.0);
	}

	.hero {
	  /* vertically align its content */
	  display: table;
	  width: 100%;
	  /* margin-top: 60px; */
	  height: 440px;
	  background-repeat: no-repeat;
		background-position: center center;
	  background-size: cover;
	}
	.hero .hero-content {
	  /* vertically align inside parent element */
	  display: table-cell;
	  vertical-align: middle;
	  text-align: center;
		background: center center;
		background-size: cover;

		/* padding-top: 80px; */
		/* padding-bottom: 50px; */
	}
	.hero.hero--slim .hero-content {
		padding-left: 15px;
		padding-right: 15px;
		}
		.hero .hero-content .ccm-image-slider-text {
			max-width: 100%;
			overflow: auto;
			text-overflow: clip;
		}
		.hero .hero-content h2 {
			align-items: center;
			justify-content: center;
			/*height: 100%;*/
			/*width: 100%;*/
			background-color: rgba(0,0,0,0.0);
			-o-transition:.3s;
			-ms-transition:.3s;
			-moz-transition:.3s;
			-webkit-transition:.3s;
			/* ...and now for the proper property */
			transition:.3s;
			color: rgba(0,0,0,0);
			margin-top: 4px;
			margin-bottom: 0px;

			font-weight: 800;
			text-transform: uppercase;
			font-size: 40px;
			line-height: 42px;

			color: rgba(255,255,255,1);
			text-align: left;

			display: inline-block;
			border-radius: 1px;
			clear: both;
			float: left;
			}
			.hero .hero-content h2 span {
				background-color: #004078;
				background-color: rgba(1, 63, 119, 1);
				padding: 4px 10px 4px 10px;
				display: inline-block;

				/* -ms-transform: skewY(-3deg);
				-webkit-transform: skewY(-3deg);
				transform: skewY(-3deg); */
			}

			.hero .hero-content p {
				float: left;
				clear: both;
				margin-top: 15px;
				font-size: 20px;
				/* color: rgba(255,255,255,1); */
				color: rgba(1, 63, 119,1);
				text-align: left;
				/* background: rgba(1, 63, 119, 0.5); */

				/* padding: 4px 10px 4px 10px; */
				/* background: rgba(255,255,255, 0.7); */
				/* -ms-transform: skewY(-3deg);
				-webkit-transform: skewY(-3deg);
				transform: skewY(-3deg); */
			}
			.hero .ccm-image-slider-text p span {
				display: inline-block;
				background: rgba(255,255,255, 0.7);
				padding: 4px 3px 4px 3px;
				/* border-radius: 3px; */
			}
			.hero.hero--slim .hero-content h2 span {
				background-color: rgba(1, 63, 119, 0.3);
			}
			.hero.hero--slim .hero-content p {
				background-color: rgba(255,255,255, 0);
				color: rgba(255,255,255, 1);
				padding: 0px 0px 0px 0px;
				margin-top: 5px;
				font-size: 24px;
				max-width: 80%;
			}
			.hero.hero--slim .hero-background {
				position: absolute; top: 0px; width: 100%; height: 100%; opacity: 0.1;
				background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 1;
		    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(130,91,0,1) 100%);   /* FF3.6+ */
		    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(130,91,0,1))); /* Chrome,Safari4+ */
		    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(130,91,0,1) 100%); /* Chrome10+,Safari5.1+ */
		    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(130,91,0,1) 100%); /* Opera 11.10+ */
		    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(130,91,0,1) 100%); /* IE10+ */
		    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(130,91,0,1) 100%); /* W3C */
		    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#825b00',GradientType=0 ); /* IE6-9 */

			}
			.hero.hero--slim .hero-background:before {
				content: " ";
				width: 100%;
				height: 100%;
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				background: linear-gradient(to bottom, rgba(125,125,125, 1.0) 0%, rgba(255,255,255,0) 100%);
				/* background: red; */
			}
		.hero .hero-content a {
			float: left;
			clear: both;
			/* margin-top: 15px; */
			font-size: 15px;
			color: rgba(255,255,255,1);
			border: 1px solid rgba(255,255,255,0.8);
			border-radius: 3px;
			padding: 3px 5px 3px 5px;
		}
		.hero .hero-content a:hover {
			color: rgba(50, 120, 182, 1.0);
			border-color: rgba(255,255,255,1);
			background-color: rgba(255,255,255,1);
		}
	@media only screen and (min-width: 768px) {
	  .hero {
	    height: 400px;
	  }
	}
	@media only screen and (min-width: 1024px) {
	  .hero {
	    height: 400px;
	    /* margin-top: 80px; */
	  }
	}
	@media only screen and (min-width: 600px;) and (max-width: 1024px) {
		.hero .hero-content h2 {
			font-size: 40px;
			color: yellow;
		}
	}
	@media only screen and (max-width: 600px) {
		.hero .hero-content h2 {
			font-size: 30px;
		}
		.hero .hero-content p {
			width: 100%;
		}
		.hero .hero-content p a {
			float: none;
		}
	}

	body.pageType_content .hero {
		height: 250px !important;
		/*background: linear-gradient(200deg, #F54D3D,#38b0f3) !important;*/
		background-image: url('/application/themes/eit2017a/img/content/hero_blue1.jpg');
		/*background-size: 400% 400%;*/
		-webkit-animation: EITRoyaleEasing 59s ease infinite;
		-moz-animation: EITRoyaleEasing 59s ease infinite;
		-o-animation: EITRoyaleEasing 59s ease infinite;
		animation: EITRoyaleEasing 59s ease infinite;
	}
	@-webkit-keyframes EITRoyaleEasing {
			0%{background-position:0% 71%}
			50%{background-position:100% 30%}
			100%{background-position:0% 71%}
	}
	@-moz-keyframes EITRoyaleEasing {
			0%{background-position:0% 71%}
			50%{background-position:100% 30%}
			100%{background-position:0% 71%}
	}
	@-o-keyframes EITRoyaleEasing {
			0%{background-position:0% 71%}
			50%{background-position:100% 30%}
			100%{background-position:0% 71%}
	}
	@keyframes EITRoyaleEasing {
			0%{background-position:0% 71%}
			50%{background-position:100% 30%}
			100%{background-position:0% 71%}
	}
	body .hero img {
		height: 100%;
		width: auto;
		max-height: 600px !important;
		max-width: 100%;
	}
	body .hero .hero-content h1 {
		text-transform: uppercase;
		font-family: 'Nunito';
		font-weight: 300;
		font-size: 50px;

		background-color: #FAFAFA;
		/* background-color: rgba(235,235,235,1); */
		/*rgba(255, 255, 255, 0.9);*/
		color: #205cc0;

		display: inline-block;
		border-radius: 1px;
		padding: 5px 10px 5px 10px;
		-ms-transform: skewY(-3deg);
		-webkit-transform: skewY(-3deg);
		transform: skewY(-3deg);
		box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
	}
	body.pageType_internal .hero {
		max-height: 250px !important;
	}

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

modals

-------------------------------- */
	.modal {

	}
	.modal-content {
		display: none;
	}
	.modal-content.modal {
		border-radius: 2px;
		box-shadow: 0 0 3px rgba(0,0,0,0.4);
	}
	.modal-content.modal .siteContent {
		padding: 0px;
	}
	.modal-content.modal form,
	.modal-content.modal form h3 {
		padding-top: 0px;
		margin-top: 0px;
	}

	.enrol_children_result {
		list-style: none;
	}
	.enrol_children_result li:hover {
		background-color: rgba(255,255,255,0.1);
	}
	.enrol_children_result li .age {
		font-size: 0.8em;
		margin-left: 5px;
		color: rgba(0,0,0,0.6);
	}
	.enrol_children_result li .remove {
		float: right;
		color: rgba(255,0,0,0.6);
		margin-right: 15px;
	}

.hiddenFormFieldDestination {
	background-color: rgba(251, 20, 5, 0.36) !important;
}

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

class_levels

-------------------------------- */
	.wsss_swimLevels {
		margin-top: 15px;
		}
	.wsss_swimLevels .cell {
		/* border: 1px solid rgba(0,0,0,0.1); */
	}
	.wsss_swimLevels .cell:nth-child(even) {
		border: 1px solid rgba(0,0,0,0.1);
	}
	.wsss_swimLevels .cell:nth-child(odd) {
		background: rgba(255,255,255,0.2);
	}
	.wsss_swimLevels .cell p {
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;

		padding-top: 20px;
		padding-bottom: 20px;
	}
	.wsss_swimLevels .cell p span {
		font-size: 26px;
		color: rgba(1, 63, 119, 1);
		display: block;
	}

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

forms

-------------------------------- */
	input[type="text"],
	input[type="email"],
	textarea {
		box-shadow: none;
		box-shadow: inset 0 0px 0px rgba(0,0,0, 0);
		border-radius: 0px;
		background: rgba(255,255,255,1);
	}
	.form-actions {
		text-align: right;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	input[type="submit"],
	button[type="submit"]{
		border: 2px solid transparent;
		background-color: rgba(1, 63, 119, 0.5);
		padding: 5px 10px;
		border-radius: 2px;
		}
	.ccm-item-selector-choose {
		margin-bottom: 10px;
	}
	.ccm-item-selector-choose button {
		border: 2px solid transparent;
		background-color: rgba(1, 63, 119, 0.5);
		padding: 5px 10px;
		border-radius: 2px;
		cursor: pointer;
		color: white;
		}
		.ccm-item-selector-choose button:hover {
			background-color: rgba(1, 63, 119, 0.791);
			}
		input[type="submit"]:hover,
		button[type="submit"]:hover{
			border: 2px solid rgba(1, 63, 119, 1);
			background-color: rgba(1, 63, 119, 1);
			color: white;
			cursor: pointer;
		}
		input[type="submit"]:disabled,
		button[type="submit"]:disabled,
		input[type="submit"]:disabled:hover,
		button[type="submit"]:disabled:hover {
			border: 2px solid rgba(213, 213, 213, 1);
			background-color: rgba(213, 213, 213, 1);
			color: white;
			cursor: pointer;
		}
	.form-group + .form-group,
	.alert + .form-group {
		margin-top: 10px;
	}
	.form-group.form-group--box,
	.form-group-inner.form-group-inner--box {
		border: 1px solid rgba(0,0,0,0.13);
		background: rgba(0,0,0,0.02);
		padding: 10px;
		margin-bottom: 10px;
	}
	.form-group + p {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 13px;
	}
	form p.note {
		margin-top: 5px;
		margin-bottom: 10px;
		font-size: 13px;
		border: 1px solid rgba(0,0,0,0.15);
		background: rgba(0,0,0,0.05);
		padding: 8px;
		border-radius: 3px;
		}
		form p.note a {
			color: rgba(1, 34, 63, 0.74);
			border-bottom: rgba(1, 34, 63, 0.74);
			}
	form label {
			font-size: 16px;
			color: rgba(0,0,0,0.8);
		}
	form label.control-label,
	form label.form-label {
			font-size: 16px;
			color: rgba(1, 63, 119, 1);
			/* border-bottom: 1px solid rgba(0,0,0,0.2); */
			width: auto;
			display: inline-block;
			padding-right: 10px;
		}
	form span.text-muted.small {
			/* float: right; */
			/* margin-top: -20px; */
			color: rgba(0,0,0,0.3);
			text-transform: uppercase;
		}
	.form-group div.radio input {
		display: inline-block;
		width: auto;
	}
	fieldset>legend {

		}
		fieldset>div {
			margin-left: 15px;
		}
	form .alert.alert-info {
		font-size: 13px;
		color: rgba(0,0,0,0.4);
	}
	.ccm-block-express-form .alert.alert-success {
		/* font-size: 13px; */
		color: rgba(0,0,0,0.8);
		background-color: rgba(0, 255, 0, 0.3);
		border: 1px solid rgba(0, 255, 0, 0.6);
		border-radius: 3px;
		padding: 15px;
		}
	.ccm-block-express-form .alert.alert-danger {
		font-size: 13px;
		color: rgba(0,0,0,0.8);
		background-color: rgba(255, 0, 0, 0.1);
		border: 1px solid rgba(255, 0, 0, 0.3);
		border-radius: 3px;
		padding: 15px;
		}
		.ccm-block-express-form .alert.alert-danger ul::before {
			content: "Some errors occurred when submitting your form";
			font-size: 15px;
			padding-bottom: 10px;
		}
		.ccm-block-express-form .alert.alert-danger ul {
			margin: 0px;
		}

	.ui-datepicker select.ui-datepicker-year {
		padding-top: 0px;
		padding-bottom: 0px;
	}

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

children for form:multi

-------------------------------- */
#wsss_enrol_children_list .child .remove {
	font-weight: normal;
	font-size: 14px;
	color: rgba(255, 0, 0, 0.51);
	margin-left: 10px;
	}
	#wsss_enrol_children_list .child .remove:hover {
		font-weight: normal;
		font-size: 14px;
		color: rgba(255, 0, 0, 0.98);
		margin-left: 10px;
	}
#wsss_enrol_children_list .child-inner {
	border: 1px solid rgba(0,0,0,0.13);
	background: rgba(0,0,0,0.02);
	padding: 10px;
	margin-bottom: 10px;
}
#wsss_enrol_children_list .child-inner .date {
	width: 25%;
	display:inline-block;
}
#wsss_enrol_orderTotal {
	display: inline-block;
	float: left;
	font-size: 24px;
	}
	#wsss_enrol_orderTotal span {
		text-transform: uppercase;
		font-size: 16px;
		color: rgba(0,0,0,0.4);
		top: -2px;
		position: relative;
	}
#wsss_enrol_formNotifications {
	margin-bottom: 15px;
	color: rgba(130, 0, 0, 1);
	display: none;
	padding: 15px;
	background: rgba(130,0,0,0.1);
	border: 1px solid rgba(130,0,0,0.1);
	border-radius: 2px;
}

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

locations

-------------------------------- */
.wsss_locations {
	margin-top: 15px;
}
.wsss_locations--a {
	/* padding-bottom: 15px; */
	/* border-bottom: 1px solid rgba(0,0,0,0.1); */
}
.wsss_locations--a .wsss_locations-details {
	padding-left: 15px;
}
.wsss_locations--b .wsss_locations-details h3 {
	padding-top: 15px;
	padding-right: 15px;
	margin-top: 0px;
	margin-right: 15px;
	border-top: 2px solid rgba(1, 63, 119, 0.6);
}


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

courses

-------------------------------- */
	.wsss_courseDetail {

		}
		.wsss_courseDetail .wsss_courseDetail-details {

			}
		.wsss_courseDetail .wsss_courseDetail-details a.wsss_courseDetail-enrollNow,
		.wsss_courseDetail .wsss_courseDetail-details a.wsss_courseDetail-feestructure {
			margin-bottom: 15px;
			min-height: 85px;
			}
			.wsss_courseDetail .wsss_courseDetail-details h4 {
				display: block;
				font-size: 14px;
				text-transform: uppercase;
			}
/* --------------------------------

courses

-------------------------------- */
	.wsss_courses {
		margin-top: 15px;
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 10px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		}
		.wsss_courses-sep {
			display: block;
			border-top: 1px solid rgba(0,0,0,0.1);
			height: 1px;
			width: 100%;
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 20px;
		}
		.wsss_courses-header {
			display: block;
			width: 100%;
			}
		.wsss_courses-header h3 {
			margin-top: 0px;
			}
		.wsss_courses-courses {
			/* background: red; */
			margin-top: 10px;
		}
		.wsss_courses-course {
			border: 1px solid rgba(0,0,0,0.2);
			border-radius: 3px;
			padding-bottom: 10px;
			background-color: rgba(255,255,255,1);
			margin-bottom: 15px;
		}
		.wsss_courses-course:hover {
			opacity: 0.8;
		}
		.wsss_courses-course .wsss_courses-course-poster {
			background: rgba(0,0,0,0.1);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			width: 100%;
			height: 150px;
		}
		.wsss_courses-course h3 {
			margin-left: 10px;
			margin-right: 10px;
		}
		.wsss_courses-course p {
			margin-left: 10px;
			margin-right: 10px;
			font-size: 18px;
		}
		.wsss_courses-course span.more {
			display: block;
			margin-top: 5px;
			margin-left: 10px;
			margin-right: 10px;
			font-size: 14px;
			opacity: 0.7;
		}

	.wsss_swimLevels .cell {
		/* border: 1px solid rgba(0,0,0,0.1); */
	}
	.wsss_swimLevels .cell:nth-child(even) {
		border: 1px solid rgba(0,0,0,0.1);
	}
	.wsss_swimLevels .cell:nth-child(odd) {
		background: rgba(255,255,255,0.2);
	}
	.wsss_swimLevels .cell p {
		text-align: center;
		text-transform: uppercase;
		font-size: 14px;

		padding-top: 20px;
		padding-bottom: 20px;
	}
	.wsss_swimLevels .cell p span {
		font-size: 26px;
		color: rgba(1, 63, 119, 1);
		display: block;
	}

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

news

-------------------------------- */
	.newsPosts {
		margin-left: 10px;
		margin-right: 10px;
	}
	.newsPost {
		border-bottom: 1px solid rgba(0,0,0,0.1);
		padding-bottom: 15px;
		margin-bottom: 50px;
		/* padding-left: 15px; */
		}
		.newsPost h3 {
			color: rgba(0,0,0,0.8);
			font-size: 24px;
			margin-bottom: 0px;
			margin-top: 0px;
		}
		.newsPost p {
			color: rgba(0,0,0,0.8);
			font-size: 18px;
		}
		.newsPost:hover {
			opacity: 0.8;
			/* border-bottom: 0px solid rgba(0,0,0,0.1); */
			}
			.newsPost:hover h3,
			.newsPost:hover p {
				color: rgba(0,0,0,0.6);
			}
		.newsPost .newsPost-meta {
			font-size: 13px;
			color: rgba(0,0,0,0.4);
			border-bottom: 1px solid rgba(0,0,0,0.1);
			margin-bottom: 10px;
		}
	.newsSidebar {
		background: rgba(0,0,0,0.02);
		border-left: 1px solid rgba(0,0,0,0.2);
		padding: 10px;
		margin-bottom: 15px;
		}
		@media screen and (max-width: 640px){
			.newsSidebar {
				border-left: 0px solid rgba(0,0,0,0.2);
				border-top: 1px solid rgba(0,0,0,0.2);
			}
		}
		.newsSidebar h5 {
			text-transform: uppercase;
			color: rgba(0,0,0,0.5);
			border-bottom: 1px solid rgba(0,0,0,0.3);
			font-size: 16px;
			margin: 0px;
			}
			.newsSidebar ul {
				list-style: none;
				margin-left: 0px;
				padding-left: 0px;
			}
			.newsSidebar ul>li {
				margin-left: 10px !important;
				list-style: none;
				text-transform: uppercase;
				color: rgba(2, 109, 163, 1.0);
			}
			.newsSidebar .ccm-block-topic-list-wrapper > ul.ccm-block-topic-list-list>li {
				margin-top: 10px;
			}
			.newsSidebar ul>li>ul {
				margin-top: 5px;
				}
				.newsSidebar ul>li>ul>li {
					text-transform: uppercase;
					margin-top: 0px;
				}
			.newsSidebar ul>li a {
				display: inline-block;
				color: rgba(0,0,0,0.6);
				font-size: 16px;
				border-bottom: 1px solid rgba(0,0,0,0);
				text-transform: none;
			}
			.newsSidebar ul>li a:hover {
				font-size: 16px;
				color: rgba(6, 83, 154, 1);
			}
			.newsSidebar li a.ccm-block-topic-list-topic-selected {
				font-size: 16px;
				color: rgba(6, 83, 154, 1);
				border-bottom: 1px solid rgba(6, 83, 154, 0.5);
			}
		.newsContent {
			padding: 0px 15px 50px 0px;
			}
			.newsContentImage {
				max-width: 100%;
				margin-bottom: 15px;
			}
			.newsContentHeader {
				border-bottom: 1px solid rgba(0,0,0,0.1);
				padding-bottom: 10px;
				margin-bottom: 15px;
			}
			.newsContent .newsContentHeader h3 {
				margin-top: 0px;
				margin-bottom: 0px;
			}
			.newsContent .newsContentHeader .postMeta {
				font-size: 14px;
				color: rgba(0,0,0,0.5);
			}
			.newsPostsIndexContainer .ccm-image-slider-container {
				margin-top: 15px;
				border-top: 1px solid rgba(0,0,0,0.1);
				padding-top: 20px;
			}

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

course_timetable

-------------------------------- */
	.course_timetable {
		background: transparent;
		border-left: 0px solid rgba(0,0,0,0.1);
		border-right: 0px solid rgba(0,0,0,0.1);
		border-radius: 2px;
		margin-top: 15px;
	}
	.course_timetable thead {
		background: rgba(1, 63, 119, 0.5);
		color: rgba(255,255,255,1);
		text-transform: uppercase;
		border: 1px solid rgb(194, 194, 194);
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		}
		.course_timetable thead tr th:nth-child(1),
		.course_timetable thead tr th:nth-child(2) {
			text-align: center;
		}
	.course_timetable tbody {
		background: rgba(255,255,255,0.5);
		border: 1px solid rgb(194, 194, 194);
	}
	.course_timetable tbody tr:nth-child(even) {
		/* background: rgba(255,255,255,1); */
		background: transparent;
		/* border: 1px solid rgba(0,0,0,0.1); */
	}
	.course_timetable tr td {
		background: transparent;
		border-bottom: 1px solid rgb(194, 194, 194);
		text-align: center;
		margin-bottom: 1px;
	}
	.course_timetable tr td + td {
		border-left: 1px solid rgb(194, 194, 194);
	}
	.course_timetable.course_timetable--col3top tbody tr td:nth-child(3) {
		vertical-align: text-top;
	}
	.course_timetable tr td p {
		text-align: left;
		font-size: 16px;
		margin-bottom: 0px;
	}
	.course_timetable tr td p + p {
		margin-top: 2px;
	}

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

	table_fees

	-------------------------------- */
		.table_fees {
			background: transparent;
			border-left: 0px solid rgba(0,0,0,0.1);
			border-right: 0px solid rgba(0,0,0,0.1);
			border-radius: 2px;
			margin-top: 15px;
		}
		.table_fees thead {
			background: rgba(1, 63, 119, 0.5);
			color: rgba(255,255,255,1);
			text-transform: uppercase;
			border: 1px solid rgb(194, 194, 194);
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
			}
			.table_fees thead tr th:nth-child(1),
			.table_fees thead tr th:nth-child(2) {
				text-align: center;
			}
		.table_fees tbody {
			background: rgba(255,255,255,0.5);
			border: 1px solid rgb(194, 194, 194);
		}
		.table_fees tbody tr:nth-child(even) {
			/* background: rgba(255,255,255,1); */
			background: transparent;
			/* border: 1px solid rgba(0,0,0,0.1); */
		}
		.table_fees tr td {
			background: transparent;
			border-bottom: 1px solid rgb(194, 194, 194);
			text-align: center;
			margin-bottom: 1px;
		}
		.table_fees tr td + td {
			border-left: 1px solid rgb(194, 194, 194);
		}
		.table_fees tbody tr td {
			vertical-align: middle;
		}
		.table_fees tbody tr td:nth-child(3) {
			/*stage column*/
			/* vertical-align: text-top; */
		}
		.table_fees tbody tr td:nth-child(4),
		.table_fees tbody tr td:nth-child(5) {
			/*price columns*/
			vertical-align: middle;
		}
		.table_fees tr td p {
			text-align: left;
			font-size: 16px;
			margin-bottom: 0px;
		}
		.table_fees tr td p + p {
			margin-top: 2px;
		}

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

Main content

-------------------------------- */
.cd-main-content {
  /*padding: 60px 5% 2em;*/
  /*overflow: hidden;*/
	/*padding-bottom: 20px;*/
}
.cd-main-content.sub-nav {
  /* to be used if there is sub nav */
  padding-top: 110px;
}
.cd-main-content.sub-nav-hero {
  /* to be used if there is hero image + subnav */
  padding-top: 0;
}
.cd-main-content.sub-nav-hero.secondary-nav-fixed {
  margin-top: 50px;
}
.cd-main-content h1 {
  line-height: 1.4;
	margin-top: 20px;
  /*margin: 1em auto;*/
	/*font-size: 28px !important;*/
  color: #7d7d7d;
  color: rgba(0,0,0,0.8);
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Nunito';
	font-weight: 300;
	}
	.cd-main-content .bg-dark h1 {
		color: #a8a8a8;
		color: rgba(255,255,255,0.8);
	}
.cd-main-content h2 {
  line-height: 1.4;
	/* margin-top: 20px; */
  /*margin: 1em auto;*/
	/*font-size: 28px !important;*/
  color: #7d7d7d;
  /* color: rgba(0,0,0,0.8); */
  color: rgba(0,0,0,0.8);
	color: rgba(29, 106, 192, 1.0);
	font-size: 32px;
	/* text-transform: uppercase; */
	font-family: 'Nunito';
	font-weight: 300;
	}
	.cd-main-content .bg-dark h2 {
		color: #a8a8a8;
		color: rgba(255,255,255,0.8);
	}

	.cd-main-content .bg-dark h3 {
		color: #a8a8a8;
		color: rgba(255,255,255,0.8);
	}
	.cd-main-content .bg-dark p {
		color: #a8a8a8;
		color: rgba(255,255,255,0.8);
	}
	.cd-main-content .bg-dark p a {
		color: #c9c9c9;
		color: rgba(255,255,255,0.6);
	}
	.cd-main-content .bg-dark p a:hover {
		color: #b8b7b7;
		color: rgba(255,255,255,1);
	}
	.cd-main-content .footnote {
		font-size: 12px !important;
		line-height: 16px !important;
		color: rgba(0,0,0,0.5);
		display: block;
	}
	.cd-main-content .termAndConditionIndicator {
		color: rgba(0,0,0,0.3);
	}
.cd-main-content .row .columns.sidekick.background {
	background: rgba(0,0,0,0.03);
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	padding-top: 45px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
}
.cd-main-content .row .columns a img {
	 opacity: 1;
	}
	.cd-main-content .row .columns a:hover img {
		 opacity: 0.6;
	}
.cd-main-content .row .columns.content {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	/* padding-left: 20px;
	padding-right: 20px; */
	/* padding-bottom: 30px; */
}
.cd-main-content blockquote {
	text-align: center;
  max-width: 1024px;
  line-height: 1.3;
  margin: 0px 0px 10px 0px;
	font-size: 22px !important;
  color: #7d7d7d;
  color: rgba(0,0,0,0.3);
	font-family: 'Nunito', Helvetica, sans-serif;
	font-weight: 300;
	border-left: 0px;
}

.cd-main-content form {
	background: rgba(255,255,255,0.1);
	padding-top: 15px;
}
.cd-main-content label {
	font-size: 15px;
}
.cd-main-content label span.text-muted {
	color: rgba(0,0,0,0.2);
}
.cd-main-content p.text-muted {
	color: rgba(0,0,0,0.5);
	font-size: 14px;
}
.cd-main-content span.text-muted.notsmall {
	color: rgba(0,0,0,0.5);
	font-size: 14px;
}
.cd-main-content input,
.cd-main-content textarea,
.cd-main-content select {
	width: 100%;
	padding: 5px;
	font-size: 16px;
	line-height: 24px;
	height: auto;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid #e9e9e9;
	outline: none;
	box-shadow: none;
}
.cd-main-content select:disabled {
	background-color: rgba(0, 0, 0, 0.06);
	color: rgba(0,0,0,0.3);
}
.cd-main-content input[type="radio"],
.cd-main-content input[type="checkbox"] {
	width: auto;
	margin: 0px;
	padding: 0px;
}
.cd-main-content select {
	background-position: right center;
	padding-right: 10px;
}
.cd-main-content input:focus,
.cd-main-content textarea:focus,
.cd-main-content select:focus {
	background-color: rgba(255, 255, 255, 1);
	border: 2px solid #03A6F7;
	/* border-bottom: 2px solid #03A6F7; */
	outline: none;
	box-shadow: none;
}
.cd-main-content form input[type="button"]{
	float: right;
	padding: 10px;
	border-radius: 3px;
	cursor: pointer;
	background-color: #1093F6;
	color: rgba(255,255,255,1);
	}
	.cd-main-content form input[type="button"]:not(:disabled):hover {
		background-color: #03A6F7;
		color: rgba(255,255,255,1)
	}
	.cd-main-content form input[type="button"]:disabled {
		background-color: rgba(0,0,0,0.2);
		color: rgba(255,255,255,1);
		cursor: not-allowed;
	}
.cd-main-content form .form-actions {
	margin-top: 10px;
	padding: 10px;
	border-top: 1px solid rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.03);
	overflow: auto;
	}
	.cd-main-content form .form-actions .btn-primary,
	.cd-main-content form input[type="submit"] {
		float: right;
		padding: 10px;
		border-radius: 3px;
		cursor: pointer;
		background-color: #1093F6;
		color: rgba(255,255,255,1);
		border: 0px;
	}
	.cd-main-content form .form-actions .btn-primary:disabled {
		background-color: rgba(0, 170, 255, 0.49);
		color: rgba(255,255,255,1);
		cursor: wait;
	}
	.cd-main-content form .form-actions .btn-primary:not(:disabled):hover {
		background-color: #03A6F7;
		color: rgba(255,255,255,1)
	}

@media only screen and (min-width: 1024px) {
  .cd-main-content {
    /*padding-top: 80px;*/
  }
  .cd-main-content.sub-nav {
    padding-top: 150px;
  }
  .cd-main-content.sub-nav-hero.secondary-nav-fixed {
    margin-top: 70px;
  }
}

/*
	adjust the positioning of in-page links
	http://nicolasgallagher.com/jump-links-and-viewport-positioning/
*/
.cd-main-content.sub-nav :target::before,
.cd-main-content.sub-nav-hero :target::before {
  display: block;
  content: "";
  margin-top: -50px;
  height: 50px;
  visibility: hidden;
}
@media only screen and (min-width: 1024px) {
  .cd-main-content.sub-nav :target::before,
  .cd-main-content.sub-nav-hero :target::before {
    margin-top: -70px;
    height: 70px;
  }
}
.cd-main-content .main--introBlock {
	padding-top: 30px;
	padding-bottom: 30px;
	/* background: rgba(255,0,0,0.3); */
	background-color: rgba(255,255,255,1);
	border-bottom: 1px solid rgba(0,0,0,0.08);
	}
	.cd-main-content .main--introBlock--grey {
		background-color: rgba(250, 250, 250, 1.0);
	}
	.cd-main-content .main--introBlockPullUp {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: -90px;
		}
		.cd-main-content .main--introBlockPullUp h2 {
			color: white;
		}
	.cd-main-content .main--introBlock--marginbottom {
		margin-bottom: 40px;
	}
	.cd-main-content .main--introBlock--sidekickImage {
		text-align: center;
		}
		.cd-main-content .main--introBlock--sidekickImage img {
			width: 50%;
			margin-top: 42px;
			}
			@media only screen and (max-width: 640px) {
			  .cd-main-content .main--introBlock--sidekickImage img {
			    margin-top: 0px;
			  }
			}
.cd-main-content .main--sectionPadded {
	padding-top: 30px;
	padding-bottom: 30px;
}
.cd-main-content .main--separateBelow {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.cd-main-content .main--noPaddingBelow {
	padding-bottom: 0px;
}

.sidebar-cta-imagebkgd,
.sidebar-cta-imagebkgd-dark {
	padding: 15px;
	margin-top: 15px;
	border-radius: 2px;
}
.sidebar-cta-imagebkgd-dark h2 {
	color: rgba(255,255,255,1);
	font-size: 25px;
	text-shadow: 0px 0px 8px rgba(0,0,0,0.8);
}
.sidebar-cta-imagebkgd-dark a {
	display: inline-block;
	margin-top: 15px;
	background-color: rgba(255,255,255,0.9);
	color: rgba(29, 106, 192, 1.0);
	padding: 10px;
	border-radius: 3px;
	font-size: 18px;
}

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

Intro Section

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


.main--content--downloadImageArea {
	text-align: center;
}
.main--content--downloadImageArea picture {
	width: 60%;
	display: inline-block;
	margin-top: 15px;
}


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

ui_button

-------------------------------- */
	.ui_button {
		padding: 15px;
		display: block;
		}
	.ui_button:hover {
		opacity: 0.7;
		}
		.ui_button img {
			float: left;
			width: 50px;
			margin-top: 5px;
			margin-bottom: 25px;
		}
		.ui_button div {
			display: block;
			margin: 0px 15px 0px 60px;
			/* float: left; */
			}
			.ui_button h2 {
				padding: 0px;
				padding-bottom: 0px;
				margin: 0px;
				display: block;
				font-size: 22px;
				font-weight: 400;
				color: rgba(255,255,255,0.9);
			}
			.ui_button p {
				padding: 0px;
				margin: 0px;
				display: block;
				font-size: 16px;
				font-weight: 600;
				color: rgba(255,255,255,0.7);
			}



/*foundation customisation*/
.row {
	max-width: 1100px;
}
.row.pushUp {
	position: relative;
	top: -30px;
}
.row.pushUp + .row  {
	position: relative;
	top: -10px;
}
.noPadding {
	padding: 0px;
	}
.box {
	height: 300px;
}
.iphone {
	background-image: url('/img/content/iphone7_silver.jpeg');

}

/*

Responsive Slider

*/
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner .rslides_nav {
		border: 0px;
		opacity: 0.2;
	}
	.ccm-image-slider-container .ccm-image-slider:hover .ccm-image-slider-inner .rslides_nav {
		opacity: 0.5;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner .rslides_nav:hover{
		opacity: 0.9;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner .rslides_nav.next {
		background: transparent url("../img/icons/right.svg") no-repeat left top;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner .rslides_nav.prev {
		background: transparent url("../img/icons/left.svg") no-repeat left top;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner ul.rslides_tabs {
		margin-top: 5px;
		padding-top: 5px;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner ul.rslides li {
		background-position: center center;
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner ul.rslides_tabs li a {
		width: 30px;
		height: 3px;
		border-radius: 3px;
		border: 0px;
		background-color: rgba(1, 64, 118, 0.2);
	}
	.ccm-image-slider-container .ccm-image-slider .ccm-image-slider-inner ul.rslides_tabs li.rslides_here a {
		background-color: rgba(1, 64, 118, 1.0);
	}





/*

Feature Boxes

*/
.featureBoxes {
	color: white;
	text-align: center;
	}
	.featureBoxes .cell {
		/* margin: 10px; */
		padding: 30px 15px;
	}
	.featureBoxes .cell:hover {
		opacity: 0.8;
	}
	.featureBoxes img {
		height: 80px;
	}
	.featureBoxes h2 {
		margin-top: 5px;
		margin-bottom: 5px;
		color: rgba(255,255,255,0.7);
		font-weight: 400;
	}
	.featureBoxes p {
		font-size: 16px;
		color: rgba(255,255,255,0.6);
	}
	.featureBoxes--slim .cell {
		/* margin: 10px; */
		padding: 10px 15px;
		text-align: left;
		border-bottom: 10px solid white;
	}
	.featureBoxes .cell:hover {
		opacity: 0.8;
	}
	.featureBoxes--slim img {
		height: 40px;
		float: left;
	}
	.featureBoxes--slim h2 {
		float: left;
		margin-top: 5px;
		margin-bottom: 5px;
		margin-left: 10px;
		color: rgba(255,255,255,0.7);
		font-weight: 400;
		}
		.featureBoxes--slim .cell.active:hover h2 {
			/* text-decoration: underline; */
			border-bottom: 2px solid rgba(255,255,255,1);
			/* fade link effects on hover */
			-o-transition:0s;
			-ms-transition:0s;
			-moz-transition:0s;
			-webkit-transition:0s;
			/* ...and now for the proper property */
			transition:0s;
			}
		.featureBoxes--slim .active h2 {
			color: rgba(255,255,255,1);
		}
	.featureBoxes--slim p {
		display: none;
		font-size: 16px;
		color: rgba(255,255,255,0.6);
	}
	.featureBoxes--slim .cell {
		opacity: 0.5;
	}
	.featureBoxes--slim .cell.active {
		opacity: 1;
		color: white;
		border-bottom: 0px solid white;
	}
	@media screen and (max-width: 715px) {
		.featureBoxes .cell {
			margin-bottom: 15px;
		}
		.featureBoxes.featureBoxes--slim .cell {
			text-align: center;
			margin-bottom: 0px;
		}
		.featureBoxes.featureBoxes--slim .cell img {
			height: 40px;
			float: none;
		}
		.featureBoxes.featureBoxes--slim .cell h2 {
			float: none;
			padding-left: 0px;
			font-size: 16px;
		}
	}
	@media screen and (max-width: 514px) {
		.featureBoxes.featureBoxes--slim .cell h2 {
			float: none;
			padding-left: 0px;
			font-size: 14px;
		}
	}
	@media screen and (max-width: 375px) {
		.featureBoxes.featureBoxes--slim {
			display: none;
		}
	}




.brand-bg-green {
	background-color: rgba(104, 205, 127, 1.0);
}
.brand-bg-teal {
	/* background-color: rgba(5, 236, 192, 1); */
	background-color: rgba(0, 209, 147, 1);
}
.brand-bg-purple {
	background-color: rgba(151, 117, 207, 1.0);
}
.brand-bg-orange {
	background-color: rgba(226, 167, 85, 1.0);
}
.brand-bg-blue {
	background-color: rgba(99, 201, 249, 1.0);
}
.brand-bg-pink {
	background-color: rgba(248, 116, 118, 1.0);
}
.brand-bg-yellow {
	background-color: rgba(209, 206, 10, 1);
}








.row.sidekicks {
	/*position: relative;*/
	/*top: -50px;*/
}
.row.sidekicks.pagefooter {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px 15px 0px 15px;
	/* background: #eaeaea; */
	border-top: 2px solid rgba(0,0,0,0.04);
	border: 2px solid rgba(0,0,0,0.04);
	background: rgba(0,0,0,0.02);
	border-radius: 3px;
}

.row.sidekicks .sidekick {
  width: 100%;
  height: 300px;
  /*margin: 80px 0;*/
  text-align: center;
  /*border: 1px solid #ddd;*/
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
	/*background-color: #57b65a;*/
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	margin-bottom: 30px;
	background-position: center;
	background-size: cover;
}
.row.sidekicks.pushUp .sidekick {
	margin-bottom: 0px;
}
.row.sidekicks.pagefooter .sidekick {
	height: 200px;
}

.row.sidekicks .sidekick>a {
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(0,0,0,0.9);
	}
	.row.sidekicks .sidekick.dark>a {
		color: rgba(255,255,255,0.9);
	}
.row.sidekicks .sidekick:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.row.sidekicks .sidekick>a:hover {
	/*opacity: 0.2;*/
	/*background-color: rgba(0,0,0,0.8);*/
}
.row.sidekicks .sidekick h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	/*height: 100%;*/
	/*width: 100%;*/
	background-color: rgba(0,0,0,0.0);
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	/* ...and now for the proper property */
	transition:.3s;
	color: rgba(0,0,0,0);
	margin-top: 4px;

	text-transform: uppercase;
	font-family: 'Nunito';
	font-weight: 300;
	font-size: 30px;

	background-color: rgba(0,0,0,0.3);
	color: rgba(255,255,255,0.6);
	padding: 4px 10px 4px 10px;

	display: inline-block;
	/* border-radius: 1px;
	-ms-transform: skewY(-3deg);
	-webkit-transform: skewY(-3deg);
	transform: skewY(-3deg); */
	}
	.row.sidekicks .sidekick:hover h4 {
		background-color: rgba(0,0,0,0.3);
		color: rgba(255,255,255,1);

		background-color: #FAFAFA;
		/*background-color: rgba(235,235,235,1);*/
		/*rgba(255, 255, 255, 0.9);*/
		color: #174289;
	}



.circleNav {
	margin-top: 30px;
	background-color: rgba(0, 0, 0, 0.03);
	float: left;
	display: block;
	width: 100%;
	padding: 15px;
	border-radius: 2px;
	}
	.circleNav::after {
		clear: both;
	}
	.circleNav .previous,
	.circleNav.center .previous {
		text-align: right;
		padding-right: 15px;
	}
	.circleNav .next,
	.circleNav.center .next {
		text-align: left;
		padding-left: 15px;
		border-left: 1px solid rgba(0,0,0,0.1);
	}
	.circleNav .next.noPrevious,
	.circleNav.center .next.noPrevious {
		border-left: none;
	}
	.circleNav--outter .previous {
		text-align: left;
		padding-left: 0px;
		padding-right: 0px;
	}
	.circleNav--outter .next {
		text-align: right;
		padding-left: 0px;
		padding-right: 0px;
	}
	.circleNav h5 {
		text-transform: uppercase;
		color: rgba(0,0,0,0.3);
		font-weight: bold;
		margin-bottom: 0px;
		font-size: 11px;
	}
	.circleNav a {
		font-size: 18px;
	}


footer {
	display: block;
	/* min-height: 300px; */
	/* background-color: #3E4245; */
	color: rgba(255,255,255,0.5);
	margin: 0px;
	padding: 0px;
	}
	footer section.container {
		display: block;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 30px;
		font-size: 12px;
		}
		footer section.container h3 img {
			height: 60px;
			width: 80px;
			opacity: 0.6;
		}
		footer section.container h3 {
			font-size: 16px;
		}
		footer section.container .title h3 img {
			position: relative;
			top: -5px;
		}
		footer section.container .title h3 span {
			font-size: 24px;
			margin-left: 15px;
			}
			@media screen and (max-width: 640px) {
				footer section.container .title h3 span {
					display: block;
					margin-top: 15px;
				}
			}
		footer section.container .footerBody {
			/*margin-top: 60px;*/
		}
		footer section.container .footerBody .column {
			padding: 0px;
		}
		footer section.container .andcopyBox ul.nav {
			list-style: none;
			margin: 0px;
			padding: 0px;
			margin-top: 20px;
			margin-bottom: 20px;
			}
			footer section.container .andcopyBox ul.nav li {
				display: inline-block;
				font-size: 16px;
				margin-right: 10px;
				}
				footer section.container .andcopyBox ul.nav li + li{
					/* margin-left: 10px; */
				}
				footer section.container .andcopyBox ul.nav li a {
					display: block;
					color: rgba(255,255,255,0.4);
					}
					footer section.container .andcopyBox ul.nav li a:hover {
						color: rgba(255,255,255,0.7);
					}
					footer section.container .andcopyBox h2 {
						text-transform: uppercase;
						font-family: Roboto, Helvetica, sans-serif;
						font-size: 13.600000381469727px;
						font-weight: 500;
					}
		footer section.container .andcopyBox.contactMethods {
			text-align: right;
		}
		footer section.container .andcopyBox.contactMethods div {
			/* margin-bottom: 20px; */
		}
		footer section.container .andcopyBox.contactMethods a img {
			opacity: 0.7;
			}
			footer section.container .andcopyBox.contactMethods a:hover img {
				opacity: 1;
			}
		footer section.container .row.titles {
			margin: 0px;
			padding: 0px;
		}
		footer section.container .andcopyBox.telephone h3 {
			text-align: right;
			font-size: 24px;
		}
		footer section.container .andcopyBox.telephone h3 a {
			color: inherit;
			}
		footer section.container .andcopyBox.telephone h3 a:hover {
			color: rgba(43, 159, 246,0.7);
			}
		footer section.container .andcopyBox .socialLinks {
			text-align: right;
			/*background-color: red;*/
			margin-top: 10px;
		}
		footer section.container .andcopyBox .socialLinks a img {
			height: 32px !important;
			width: 32px !important;
			}
			footer section.container .andcopyBox .socialLinks a:hover img {
				opacity: 1;
			}
		footer section.container .footerBody .andcopy p {
			font-size: 11px;
			color: rgba(255,255,255,0.3);
			}
			footer section.container .footerBody .andcopy a {
				color: rgba(255,255,255,0.4);
				border-bottom: 1px dotted rgba(255,255,255,0.3);
			}
			footer section.container .footerBody .andcopy a:hover {
				color: rgba(255,255,255,0.7);
				border-bottom: 1px dotted rgba(255,255,255,0.5);
			}
		footer section.container .footerBody .andcopy {
			border-top: 1px solid rgba(255,255,255,0.1);
			margin-top: 15px;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		footer section.container .footerBody .andcopy p {
			font-size: 10px;
			/*max-width: 60%;*/
			width: 100%;
			color: rgba(255,255,255,0.2);
		}
		footer section.container .footerBody .andcopy p.leading {
			font-size: 12px;
			color: rgba(255,255,255,0.4);
		}
		@media screen and (max-width: 640px) {
			footer section.container {
				margin: 5px;
			}

			footer section.container h3,
			footer section.container .andcopyBox h2,
			footer section.container .andcopyBox ul.nav,
			footer section.container .andcopyBox.telephone h3,
			footer section.container .andcopyBox .socialLinks {
				text-align: center;
			}
			footer section.container .andcopyBox.telephone h3 {
				margin: 15px 0px 0px 0px;
			}
			footer section.container .andcopyBox ul.nav {
				margin: 30px 0px 0px 0px;
			}

		}
main {
	/*background-color: red;*/
}
main a.attract {
	display: inline-block;
	padding: 5px;
	border: 1px solid #299EF5;
	border-radius: 3px;
	font-weight: 400;
	margin-top: 10px;
	}
	main a.attract + a.attract {
		margin-left: 15px;
	}
	main a.attract:hover {
		background: #299EF5;
		color: rgba(255,255,255,0.8);
	}

/* Pricing Tables */
	table.pricingTable {
		width: 100%;
		border-collapse: collapse;
		border: 0px solid white !important;
		background: transparent;
	}
	table.pricingTable thead,
	table.pricingTable tbody {
		border: 0px solid white !important;
		background: transparent !important;
	}
	table.pricingTable thead tr {
		border-bottom: 1px solid #0f2f73;
		font-size: 14px;
		text-transform: uppercase;
		color: #0f2f73;
		vertical-align: bottom;
	}
	table.pricingTable tbody tr td {
		padding: 3px 8px 3px 8px;
		}
	table.pricingTable tbody tr td span {
		display: block;
		color: #bababa;
		color: rgba(0, 0, 0, 0.4);
		font-size: 0.7em;
	}
	table.pricingTable tbody tr {
		border-bottom: 1px solid #dadada;
		border-bottom-color: rgba(0, 0, 0, 0.05);
		}
	table.pricingTable thead tr td.col_cost,
	table.pricingTable tbody tr td.cost {
		width: 20%;
		text-align: center;
	}
	/* responsive styles */
	@media screen and (max-width: 580px) {
		table.pricingTable thead tr td.col_cost {
			font-size: 11px;
		}
	}
/* Opening Hours Tables */
	table.openingHours {
		width: 100%;
		border-collapse: collapse;
		border: 0px solid white !important;
		margin-top: 10px;
		background-color: rgba(250,250,250,1);

	}
	table.openingHours thead,
	table.openingHours tbody {
		border: 0px solid white !important;
		background-color: rgba(250,250,250,1);
	}
	table.openingHours thead tr {
		border-bottom: 1px solid #0f2f73;
		font-size: 14px;
		text-transform: uppercase;
		color: #0f2f73;
		vertical-align: bottom;
	}
	table.openingHours tbody tr:nth-child(even) {
		background: inherit !important;
	}
	table.openingHours tbody tr td {
		padding: 3px 8px 3px 8px;
		background: transparent;
		}
		table.openingHours tbody tr td:first-child {
			color: rgba(0,0,0,0.6);
		}
	table.openingHours tbody tr td span.closed {
		color: #bababa;
		color: rgba(0, 0, 0, 0.4);
		font-size: 0.8em;
		font-weight: 600;
		text-transform: uppercase;
	}
	table.openingHours tbody tr + tr {
		border-top: 1px solid #dadada;
		border-top-color: rgba(0, 0, 0, 0.05);
		}
	table.openingHours thead tr td.col_cost,
	table.openingHours tbody tr td.cost {
		width: 20%;
		text-align: center;
	}
	/* responsive styles */
	@media screen and (max-width: 580px) {
		table.openingHours thead tr td.col_cost {
			font-size: 11px;
		}
	}

.row.footer {
	background-color: rgba(44, 62, 80, 0.1);
	padding: 30px;
}
.row.footer p{
	color: rgba(0,0,0,0.7);
	font-size: 12px !important;
	margin-bottom: 0px;
}

/******************
	Site Banner Notice
	*/
	.siteBannerNotice {
		display: none;
		width: 100%;
		text-align: center;
		color: rgb(254, 254, 254);
		/* background-color: rgb(12, 112, 185); */
		background-color: rgba(42, 120, 236, 1.0);
		/* margin-top: 80px; */
		/* padding-bottom: 10px */
		background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
		background-size: 400% 400%;
		-webkit-animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
		-moz-animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
		animation: ANIM_siteBannerNoticeGradient 15s ease infinite;
			}
			@-webkit-keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
			@-moz-keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
			@keyframes ANIM_siteBannerNoticeGradient {
				0% {background-position: 0% 50%}
				50% {background-position: 100% 50%}
				100% {background-position: 0% 50%}
			}
		.siteBannerNotice.christmas {
			background-color: rgb(208, 29, 26);
		}
		.siteBannerNotice .inner {
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 15px;
			padding-right: 15px;
			}
			.siteBannerNotice a {
				color: rgba(255, 255, 255,1);
				}
			.siteBannerNotice a:hover {
				color: rgba(255, 255, 255,0.7);
				}
		.siteBannerNotice + section.hero {
			margin-top: 0px !important;
		}
		.siteBannerNotice + section.hero .hero-content {
			/* padding-top: 40px; */
		}


/* c5 modifications */
div#ccm-panel-overlay {
	position: fixed;
	width: 100%;
	height: calc(100% - 50px) !important;
	top: 50px !important;
}
body.c5_userIsAdmin .cd-auto-hide-header {
	/* top: 45px; */
}
body.c5_userIsAdmin .hero {
	/* margin-top: 75px; */
}
.ccm-ui label {
	/* fix for foundation mod to labels in c5*/
	font-size: 0.76em;
}
.ccm-ui input[type="search"] {
	border-radius: 15px;
}

body.pageType_content .cd-main-content {
	padding-top: 30px;
}


/*********
enVisage ui2: generics
*********/
/*generic adjustments*/
	/*spans*/
		.displayNone {display:none;}
		.displayBlock {display:block;}
		.displayInlineBlock {display:inline-block;}
		.floatRight {float:right;}
	/*colors*/
		.silvertext {color:#aaaaaa;}
		.darksilvertext {color:#777777;}
		.text-light {color: rgba(127, 127, 127, 0.6);}
/*
		.text-blue {color: #0070ff !important;}
		.text-red {color: #e10018 !important;}
		.text-green {color: #15ca00 !important;}
		.text-orange {color: #ff8d00 !important;}
		.text-yelow {color: #ffff00 !important;}
		.text-grey-dark {color: #777777 !important;}
		.text-grey-darker {color: rgba(0, 0, 0, 0.60) !important;}
		.text-grey-mid,.text-grey-mid * {color: #909090 !important;}*/

		.border-bottom-1px {border-bottom: 1px solid;}

		.text-blue {color: #3b8dbb !important;}
		.border-blue {border-color: #3b8dbb !important;}
		.background-blue {border-color: #3b8dbb !important;}

		.text-brightblue {color: #00c0ef !important;}
		.border-brightblue {border-color: #00c0ef !important;}
		.background-brightblue {border-color: #00c0ef !important;}

		.text-green {color: #00a65a !important;}
		.border-green {border-color: #00a65a !important;}
		.background-green {border-color: #00a65a !important;}

		.text-yellow {color: #f29b12 !important;}
		.border-yellow {border-color: #f29b12 !important;}
		.background-yellow {border-color: #f29b12 !important;}

		.text-orange {color: #ff851b !important;}
		.border-orange {border-color: #ff851b !important;}
		.background-orange {border-color: #ff851b !important;}

		.text-red {color: #dd4a39 !important;}
		.border-red {border-color: #dd4a39 !important;}
		.background-red {border-color: #dd4a39 !important;}

		.text-maroon {color: #d81a5f !important;}
		.border-maroon {border-color: #d81a5f !important;}
		.background-maroon {border-color: #d81a5f !important;}

		.text-purple {color: #5f5ba8 !important;}
		.border-purple {border-color: #5f5ba8 !important;}
		.background-purple {border-color: #5f5ba8 !important;}

		.text-grey-dark {color: #777777 !important;}
		.border-grey-dark {border-color: #777777 !important;}
		.background-grey-dark {border-color: #777777 !important;}

		.text-grey-darker {color: rgba(0, 0, 0, 0.60) !important;}
		.border-grey-darker {border-color: rgba(0, 0, 0, 0.60) !important;}
		.background-grey-darker {border-color: rgba(0, 0, 0, 0.60) !important;}

		.text-grey-mid {color: #909090 !important;}
		.border-grey-mid {border-color: #909090 !important;}
		.background-grey-mid {border-color: #909090 !important;}

		.text-grey-light {color: rgba(0,0,0,0.2) !important;}
		.border-grey-light {border-color: rgba(0,0,0,0.2) !important;}
		.background-grey-light {border-color: rgba(0,0,0,0.2) !important;}

		.text-grey-mid * {color: #909090 !important;}
		.border-grey-mid * {border-color: #909090 !important;}
		.background-grey-mid * {border-color: #909090 !important;}


		.text-wight-thin {font-weight: 100;}
		.text-wight-normal {font-weight: 300;}
		.text-wight-thick {font-weight: 500;}

		.text-uppercase {text-transform: uppercase;}

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

	/* text fonts */
		.text-monospaced {font-family: 'Anonymous Pro', monospace;}

		.text-empty, .text-disabled {
			font-size: 13px;
			font-style: italic;
			color: rgba(0, 0, 0, 0.3);
		}
		p.text-footnote {
			font-size: 13px;
			color: rgba(0, 0, 0, 0.3);
		}

	/* background highlights (used in ui_table) */
		.bg-highlight-grey-light {
			background-color: rgba(0, 0, 0, 0.1) !important;
			}
		.bg-highlight-red {
			background-color: #ff0000 !important;
			background-color: rgba(255, 0, 0, 0.1) !important;
			}
		.bg-highlight-red-strong {
			background-color: #ff0000 !important;
			background-color: rgba(255, 0, 0, 0.4) !important;
			}
		.bg-highlight-orange {
			background-color: #ff8500 !important;
			background-color: rgba(255, 133, 0, 0.1) !important;
			}
		.bg-highlight-yellow {
			background-color: #fbff00 !important;
			background-color: rgba(251, 255, 0, 0.2) !important;
			}

		.bg-glass {
			background-color: #fefefe;
			background-color: rgba(255, 255, 255, 0.5);
		}
		.bg-glass-frost {
			background-color: #fefefe;
			background-color: rgba(255, 255, 255, 0.8);
			-webkit-backdrop-filter: blur(5px);
		}
		.border-glass {
			border-top: 1px solid rgba(128, 128, 128, 0.27);
		}

	/*borders*/
	.border-1px {border: 1px solid transparent;}
	.border-2px {border: 2px solid transparent;}
	.border-radius-1 {border-radius: 1px;}
	.border-radius-2 {border-radius: 2px;}
	.border-radius-3 {border-radius: 3px;}
	.border-radius-5 {border-radius: 5px;}
	.border-radius-100pc {border-radius: 100%;}

	/*opacity*/
		.opacity-100 {opacity: 1;}
		.opacity-80 {opacity: 0.8;}
		.opacity-60 {opacity: 0.6;}
		.opacity-50 {opacity: 0.5;}
		.opacity-40 {opacity: 0.4;}
		.opacity-20 {opacity: 0.2;}
		.opacity-10 {opacity: 0.1;}
		.opacity-0 {opacity: 0;}

	/*font size*/
		.small {font-size: 12px;}
		.text-big {font-size: 22px;}
		.text-reallyBig {font-size: 40px;}
	/*font weight*/
		.heavy {font-weight: 400;}
	/*padding*/
		.padding0 {padding: 0px;} .padding2 {padding: 2px;}	.padding3 {padding: 3px;}	.padding5 {padding: 5px;}	.padding10 {padding: 10px;}	.padding15 {padding: 15px;}	.padding20 {padding: 20px;}
	/*paddingT*/
		.paddingT0 {padding-top: 0px;}	.paddingT5 {padding-top: 5px;}	.paddingT10 {padding-top: 10px;}	.paddingT15 {padding-top: 15px;}
		.paddingT20 {padding-top: 20px;}	.paddingT30 {padding-top: 30px;} .paddingT40 {padding-top: 40px;}	.paddingT50 {padding-top: 50px;}
	/*paddingB*/
		.paddingB0 {padding-bottom: 0px;}	.paddingB5 {padding-bottom: 5px;}	.paddingB10 {padding-bottom: 10px;}	.paddingB15 {padding-bottom: 15px;}
		.paddingB20 {padding-bottom: 20px;}
	/*paddingLR*/
		.paddingLR0 {padding-left: 0px; padding-right: 0px;}	.paddingLR5 {padding-left: 5px; padding-right: 5px;}
		.paddingLR10 {padding-left: 10px; padding-right: 10px;}	.paddingLR15 {padding-left: 15px; padding-right: 15px;}
		.paddingLR20 {padding-left: 20px; padding-right: 20px;}
	/*paddingTB*/
		.paddingTB0 {padding-top: 0px; padding-bottom: 0px;}	.paddingTB5 {padding-top: 5px; padding-bottom: 5px;}
		.paddingTB10 {padding-top: 10px; padding-bottom: 10px;}	.paddingTB15 {padding-top: 15px; padding-bottom: 15px;}
		.paddingTB20 {padding-top: 20px; padding-bottom: 20px;}
	/*paddingTB->children*/
		.paddingTBchildren0>* {padding-top: 0px; padding-bottom: 0px;}	.paddingTBchildren5>* {padding-top: 5px; padding-bottom: 5px;}
		.paddingTBchildren10>* {padding-top: 10px; padding-bottom: 10px;}	.paddingTBchildren15>* {padding-top: 15px; padding-bottom: 15px;}
		.paddingTBchildren20>* {padding-top: 20px; padding-bottom: 20px;}
	/*padding->children*/
		.paddingchildren0>* {padding: 0px;}	.paddingchildren5>* {padding: 5px;}	.paddingchildren10>* {padding: 10px;}	.paddingchildren15>* {padding: 15px;}
		.paddingchildren20>* {padding: 20px;}
	/*paddingLR->children*/
		.paddingLRchildren0>* {padding-left: 0px; padding-right: 0px;}	.paddingLRchildren5>* {padding-left: 5px; padding-right: 5px;}
		.paddingLRchildren10>* {padding-left: 10px; padding-right: 10px;}	.paddingLRchildren15>* {padding-left: 15px; padding-right: 15px;}
		.paddingLRchildren20>* {padding-left: 20px; padding-right: 20px;}
	/*margin*/
		.margin0 {margin: 0px;}	.margin5 {margin: 5px;}	.margin10 {margin: 10px;}	.margin15 {margin: 15px;}	.margin20 {margin: 20px;}
	/*marginLR*/
		.marginLR0 {margin-left: 0px; margin-right: 0px;}	.marginLR5 {margin-left: 5px; margin-right: 5px;}
		.marginLR10 {margin-left: 10px; margin-right: 10px;}	.marginLR15 {margin-left: 15px; margin-right: 15px;}
		.marginLR20 {margin-left: 20px; margin-right: 20px;}
/*marginTB*/
		.marginTB0 {margin-top: 0px; margin-bottom: 0px;}	.marginTB5 {margin-top: 5px; margin-bottom: 5px;}
		.marginTB10 {margin-top: 10px; margin-bottom: 10px;}	.marginTB15 {margin-top: 15px; margin-bottom: 15px;}
		.marginTB20 {margin-top: 20px; margin-bottom: 20px;}
/*marginT*/
		.marginT0 {margin-top: 0px;}	.marginT5 {margin-top: 5px;}	.marginT10 {margin-top: 10px;}	.marginT15 {margin-top: 15px;}
		.marginT20 {margin-top: 20px;}
	/*marginB*/
		.marginB0 {margin-bottom: 0px;}	.marginB5 {margin-bottom: 5px;}	.marginB10 {margin-bottom: 10px;}	.marginB15 {margin-bottom: 15px;}
		.marginB20 {margin-bottom: 20px;}
	/*marginTB->children*/
		.marginTBchildren0>* {margin-top: 0px; margin-bottom: 0px;}	.marginTBchildren5>* {margin-top: 5px; margin-bottom: 5px;}
		.marginTBchildren10>* {margin-top: 10px; margin-bottom: 10px;}	.marginTBchildren15>* {margin-top: 15px; margin-bottom: 15px;}
		.marginTBchildren20>* {margin-top: 20px; margin-bottom: 20px;}
	/*margin->children*/
		.marginchildren0>* {margin: 0px;}	.marginchildren5>* {margin: 5px;}	.marginchildren10>* {margin: 10px;}	.marginchildren15>* {margin: 15px;}
		.marginchildren20>* {margin: 20px;}
	/*marginLR->children*/
		.marginLRchildren0>* {margin-left: 0px; margin-right: 0px;}	.marginLRchildren5>* {margin-left: 5px; margin-right: 5px;}
		.marginLRchildren10>* {margin-left: 10px; margin-right: 10px;}	.marginLRchildren15>* {margin-left: 15px; margin-right: 15px;}
		.marginLRchildren20>* {margin-left: 20px; margin-right: 20px;}
	/*textalign*/
		.textaligncentre {text-align: center;}	.textalignright {text-align: right;}
	/*strikethrough*/
		.strikethrough {text-decoration: line-through;}
	/*width*/
		.width50 {width: 50px;}
		.width45pc {width: 45% !important;}
		.width50pc {width: 50% !important;}
		.width50pc-children > * {width: 50% !important;}
		.width50pc-children > * > img {width: 50% !important;}
		.width100pc {width: 100% !important;}
		.width150px {width: 150px !important; max-width: 100%;}
		.width300px {width: 300px !important; max-width: 100%;}
	/*cursor*/
		.cursor-normal {cursor: normal;}
		.clickable, .cursor-pointer {cursor: pointer;}
		.not-clickable, .cursor-notallowed {cursor: not-allowed;}


/*
Foundation Fixes
*/

	/* Stop text breaking out of cells */
	.cell {
		word-break: break-word;
		}

@media print {
	html, body {
		padding: 0px;
		margin: 0px;
	}
	.siteNavigation {
		display: none;
	}
	#viewport {
		width: 100%:
	}
	.siteContent {
		margin: 0px;
		width: 100% !important;
		max-width: 100%;
	}
}