/*
Neil Milliken
NJMDesigns 2016
*/


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
}
/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* apply a natural box layout model to all elements, but allowing components to change */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: border-box
}
html, button, input, select, textarea {
	font-family: open sans;
	color: #222;
}
body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
	overflow-x: hidden;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection {
background: #7d458e;
color: #fff;
text-shadow: none;
}
::selection {
	background: #7d458e;
	color: #fff;
	text-shadow: none;
}
/* =============================================================================
   Links
   ========================================================================== */

a {
	color: #3a8bb9;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	cursor: pointer;
}
a:visited {
}
a:hover {
	text-decoration: underline;
	transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {
	border-bottom: 1px dotted;
}
b, strong {
	font-weight: bold;
}
blockquote {
	font-size: 1.3em;
	line-height: 1.6em;
	margin: 0 0 1.3em 0;
	font-style: italic;
}
dfn {
	font-style: italic;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ddd;
	margin: 0;
	padding: 0;
}
ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1.3em;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
q {
	quotes: none;
}
q:before, q:after {
	content: "";
	content: none;
}
small {
	font-size: 85%;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol {
	margin: 1em 0;
	padding: 0 0 0 20px;
}
dd {
	margin: 0 0 0 40px;
}
nav ul, nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
 */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) {
	overflow: hidden;
}
/* =============================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}
/* =============================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align: top;
}
/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}
/* ==|== primary styles =====================================================
   Author:
   ========================================================================== */
body {
	font-size: 62.5%;
	color: #333;
	background: #F3F3F3
}
p {
	font-size: 2em;
	line-height: 1.4em;
	margin: 0 0 1em 0;
	color: #2c346b;
}
h1 {
	font-size: 2.7em;
	line-height: 1.4em;
	color: #2c346b;
	font-weight: normal;
}
h2 {
	font-size: 3em;
	line-height: 1.2em;
	color: #679bb5;
	font-weight: 300;
	margin-top: 0;
}
h3 {
	font-size: 2em;
	line-height: 1.2em;
	color: #4556B2;
	font-weight: 300;
}
h4 {
	font-size: 1.7em;
	line-height: 1em;
	color: #4556B2;
	font-weight: 300;
}
p.emph {
	font-size: 1.5em;
	color: #000;
}
ul, ol {
}
ul li, ol li {
	font-size: 1.3em;
	line-height: 1.6em;
}
#main ul li, #main ol li {
	color: #000
}
#main ul li span, #main ol li span {
	color: #333;
}
ol ul {
	margin-bottom: 0;
}
ol {
	list-style-type: lower-alpha;
}
.clear {
	clear: both;
}
section {
	background: #fff;
}
.block {
	max-width: 1100px;
	margin: 0 auto;
	overflow: auto;
}
.container {
	margin: 20px auto;
	overflow: auto;
}
#main .container {
	width: 90%;
	overflow: visible;
	padding: 18px;
	max-width: 1400px;
}
.grey-back {
	background: #fafafa!important;
}
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
.top-margin {
	margin-top: 0;
}
.bottom-margin {
	margin-bottom: 0;
}
.right-margin {
	margin-right: 0;
}
.left-margin {
	margin-left: 0;
}
.top-padding {
	padding-top: 0;
}
.bottom-padding {
	padding-bottom: 0;
}
.right-padding {
	padding-right: 0;
}
.left-padding {
	padding-left: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.align-center {
	text-align: center;
}
.title {
	text-align: center;
}
section.desktop-only {
	display: none;
}
section.mobile-only {
	display: block;
}

@media only screen and (min-width: 1024px) {
.title {
	text-align: left;
}
section.desktop-only {
	display: block;
}
section.mobile-only {
	display: none;
}
}
/* -------------------------------
   COLUMNS
   ------------------------------- */
.columns {
	display: flex;
	flex-wrap: wrap;
}
.columns:after {
	content: "";
	clear:both;
	display: table;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10{
	float: left;
	display: inline-block;
	padding: 0px;
	width: 100%;
	position: relative;
	z-index: 2
}
.col img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}
.col100, .col100 h1, .col100 h2, .col100 p {
	text-align: center;
}
.col100.left, .col100.left h1, .col100.left h2, .col100.left p {
	text-align: left;
}

.columns > .col > h3:first-of-type {
	margin-top: 0;

} 

@media only screen and (max-width: 512px) {
.col .entry-summary .col {
	width: 100%;
}
.col .entry-summary .col20 > img {
	display: none;
}
}

@media only screen and (min-width: 1024px) {
.col {
	padding: 0 20px;
}
.col50 {
	padding: 0 30px;
}
.col10 {
	width: 10%;
}
.col15 {
	width: 16.66666666%;
}
.col20 {
	width: 20%;
}

	.col-3{
	width: 20%;
		padding-right: 14px;
}
.col25,.col-2,
	.col-6 {
	width: 25%;
}
.col30 {
	width: 30%;
}
.col33 {
	width: 33%;
}
.col33:nth-of-type(2),
.col33:nth-of-type(5),
.col33:nth-of-type(8)
	{
	width: 34%;
}
.col35 {
	width: 35%;
}
.col40
{
	width: 40%;
}
.col50,
	.col-4{
	width: 50%;
}
.col60 {
	width: 60%;
}
.col65 {
	width: 65%;
}
.col70 {
	width: 70%;
}
.col75 {
	width: 75%;
}
.col80 {
	width: 80%;
}
.col90 {
	width: 90%;
}
.col100,	.col-1 {
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	float: none;
}
.col .col {
	padding: 0;
}
.col .col50,.col .col-4 {
	padding: 0 20px 0 0;
}
	
	.title .col10 {
	padding: 0;
}
}
/* -------------------------------
   FULL HEIGHT AND WIDTH IMAGE (images used here must used in column classes and be 900px x 590px always)
   ------------------------------- */

.columns.fullheightimage .col {
	margin: 0;
	position: relative;
	z-index: 1
}

.columns.fullheightimage .col h3 {
	margin-top: 20px;
}
.columns.fullheightimage .col img {
	max-width: none;
	width: 110%;
	width: calc(100% + 60px + 10%);
	height: auto;
	z-index: 1;
	margin: 0 -60px
}

@media only screen and (min-width: 1024px) {
.columns.fullheightimage .col {
	padding: 68px 0 140px;
}
.columns.fullheightimage .col {
	margin: 0px 0 0 0px;
}
.columns.fullheightimage .col img {
	max-width: 780px;
	width: auto;
	position: absolute;
	margin-left: 70px;
	left: 0px;
	top: 20px;
	-webkit-box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
	-moz-box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
	box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
}
.columns.fullheightimage:nth-of-type(2n) .col img {
	left: auto;
	right: 0px;
	margin-left: 0;
	margin-right: 70px;
	-webkit-box-shadow: 11px 10px 31px -4px rgba(0,0,0,0.29);
	-moz-box-shadow: 11px 10px 31px -4px rgba(0,0,0,0.29);
	box-shadow: 11px 10px 31px -4px rgba(0,0,0,0.29);
}
}

@media only screen and (min-width: 1440px) {
.columns.fullheightimage .col {
	padding: 120px 0 200px;
}
.columns.fullheightimage .col img {
	max-width: 900px;
}
}
/* -------------------------------
   BUTTONS
   ------------------------------- */
.btn {
	background: #f8b22b;
	font-size: 1.8em;
	color: #0f0f0f;
	padding: 12px 0;
	text-align: center;
	margin: 16px 0;
	display: inline-block;
	width: 100%;
	border-radius: 50px;
	text-decoration: none;
	box-shadow: inset 0px -1px 1px rgba(0,0,0,0.2);
	max-width: 300px;
	border: none;
}
.btn:hover {
	background: #ffc555;
	text-decoration: none;
}
.btn-center {
	margin: 14px auto;
	text-align: center;
	display: table;
}
.btn-white {
	background: none!important;
	cursor: pointer;
	border: 2px solid #dedede!important;
	box-shadow: none!important;
		
}
.btn-white:hover {
	background: #fafafa!important;
	text-decoration: none;
}

.btn-faq{
	display: none;
}

@media only screen and (min-width: 1024px) {
.btn {
	width: 260px;
	padding: 12px 16px;
	box-shadow: none;
}
.btn-center {
	width: 200px;
	padding: 12px 16px;
}
	
	.btn-faq{
			width: 80px;
	background: rgba(0,0,0,0.08);
		display: inline-block;
}
}
/* -------------------------------
   TITLES
   ------------------------------- */
   
#main section.title .container {
	padding: 40px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0px
}
/* -------------------------------
   BANNERS
   ------------------------------- */
   

header {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0;
	text-align: center;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
	transition-duration: 0.1s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	height: 61px;
	display: block;
	background: url(../images/content/index-banner.jpg)
}
header .container {
	margin: 0px auto;
}
header a[href="#menu"] {
	display: block;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 22px;
	height: 24px;
	text-indent: -9999em;
	background: none;
	padding: 0px
}
header a[href="#menu"]:hover {
}
header a[href="#menu"] span {
	width: 100%;
	margin: 4px 0;
	height: 4px;
	background: #fff;
	display: block;
}
#logo {
	display: inline-block;
	margin: -11px auto 0;
	width: 75px;
	height: 68px;
	background-size: contain;
	position: relative;
	overflow:hidden;
}
#logo img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
}
@media only screen and (min-width: 768px) {
	#logo {
		height: 74px;
		margin-top:0;
	}
}



@-webkit-keyframes fadeInOut1 {
 0% {
opacity: 1
}
 33% {
opacity: 0
}
 66% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @keyframes fadeInOut1 {
 0% {
opacity: 1
}
 33% {
opacity: 0
}
 66% {
opacity: 0
}
 100% {
opacity: 1
}
}
@-webkit-keyframes fadeInOut2 {
 0% {
opacity: 0
}
 33% {
opacity: 1
}
 66% {
opacity: 0
}
 100% {
opacity: 0
}
	}
 @keyframes fadeInOut2 {
 0% {
opacity: 0
}
 33% {
opacity: 1
}
 66% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-webkit-keyframes fadeInOut3 {
 0% {
opacity: 0
}
 33% {
opacity: 0
}
 66% {
opacity: 1
}
 100% {
opacity:0
}
	}
 @keyframes fadeInOut3 {
 0% {
opacity: 0
}
 33% {
opacity: 0
}
 66% {
opacity: 1
}
 100% {
opacity: 0
}
}
.nav {
	display: none;
	overflow: auto;
}

@media only screen and (min-width: 768px) {
header {
	height: 100px;
}
header a[href="#menu"] {
	display: none;
}
header {
	padding: 10px 0 30px;
}
header .container {
	width: 94%;
	max-width: 1400px;
	position: relative;
	overflow: visible;
}
	header .container:after {
	clear: both;
		display: table;
		content:"";
	}
}

@media only screen and (min-width: 1024px) {
header {
	padding: 24px 0;
}	
.nav {
	display: block;
	overflow: auto;
}
.nav ul li {
	float: left
}
}
/* ------------------------------------------------------------
   MAIN CONTENT
   ----------------------------------------------------------- */
#main {
	margin-top: 60px;
	position: relative;
	z-index: 3
}
#main.index-main {
	margin-top: 0;
}
#main section .container {
	margin: 0 auto;
	padding: 20px;
}

@media only screen and (min-width: 768px) {
#main {
	margin-top: 100px;
}
}

@media only screen and (min-width: 1024px) {
#main section .container {
	margin: 0 auto;
	padding: 60px;
}
}

@media only screen and (min-width: 1360px) {
#main section .container {
	margin: 0 auto;
	padding: 100px 60px;
}
}
/* ------------------------------------------------------------ 
FAQs
---------------------------------------------------------------*/
section.faqs {
	background: url(/images/structure/mountain-faq.png) repeat-x #f8f8f8;
	padding-top: 80px;
}
.accordion dt {
	padding: 16px 0;
	border-bottom: 1px solid #ddd;
}
.accordion dt last-of-type {
	border-bottom: none;
}
.accordion a {
	display: block;
	font-size: 1.2rem;
	color: #4556b2;
}
.accordion dd {
	font-size: 1rem;
	padding: 30px 0;
}
/* ------------------------------------------------------------ 
	CONTACT US PAGE
---------------------------------------------------------------*/


/* ------------------------------------------------------------ 
	SUBCAMPS PAGE
---------------------------------------------------------------*/
	#main section.thesubcamps .container .col50{
		border-top:3px solid purple;
		position: relative;
		margin-top: 30px;
	}
		
	#main section.thesubcamps .container .col50.purple{
		border-color:purple;
	}
	#main section.thesubcamps .container .col50.red{
		border-color:#da2c2c;
	}
	#main section.thesubcamps .container .col50.blue{
		border-color: #4556b2;
	}
	#main section.thesubcamps .container .col50.yellow{
		border-color: #f8b22b;
	}
	#main section.thesubcamps .container .col50.pink{
		border-color: #FF33CE;

	}
	#main section.thesubcamps .container .col50.brown{
		border-color: #7B3F00;




	}
	#main section.thesubcamps .container .col50.green{
		border-color: #39a139;
	}
	#main section.thesubcamps .container .col50.orange{
		border-color: #FF7200;
	}
	#main section.thesubcamps .container .col50.white{
		border-color: #f2f2f2;
	}
	
	
	
	
	
	#main section.thesubcamps .container .col50:before{
		content: "\f024";
		color: purple;
		font-family: FontAwesome;
		position: absolute;
		font-size: 3.5em;
		text-align: right;
		top:-42px;
		left:-2px;
		display: block;
		width: 100%;
	}
	
	#main section.thesubcamps .container .col50.purple:before {
		color: purple;
	}
	#main section.thesubcamps .container .col50.red:before {
		color: #da2c2c;
	}
	#main section.thesubcamps .container .col50.blue:before {
		color: #4556b2;
	}
	#main section.thesubcamps .container .col50.yellow:before {
		color: #f8b22b;
	}
	#main section.thesubcamps .container .col50.pink:before{
		color: #FF33CE;
	}
	#main section.thesubcamps .container .col50.green:before {
		color: #39a139;
	}
	#main section.thesubcamps .container .col50.orange:before {
		color: #FF7200;
	}	
	
	#main section.thesubcamps .container .col50.white:before {
		color: #f2f2f2;
		
	}

#main section.thesubcamps .container .col50.brown:before {
		color: #7B3F00;
		
	}
		#main section.thesubcamps .container .col50.none:before {
		content: "";
	}
	
	#main section.thesubcamps .container .col50 p{
		font-size: 1.3em;
	}
	
	#main section.thesubcamps .container .col50 .col60 h3{
		margin-bottom:0;
	}
	
	#main section.thesubcamps .container .col50 .col60 h4{
		margin-top:5px;
	}
	
	#main section.thesubcamps .container .subcamp {
		padding:220px 40px;
		background: rgba(211,218,226,0.5);
		text-align: center;
		display: none;
		font-size: 1.5em;
	}
	#main section.thesubcamps .container .subcamp .fa-flag {
		color:#4556b2;
		font-size: 80px;
		opacity: 0.6;
	}
	img.mugshot {
		margin: 24px 0 24px 0;
		display: inline-block;
		width: 100%;
		height: auto;
		-webkit-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.20);
box-shadow: 10px 10px 25px 0px rgba(0,0,0,0.20);
		-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	}
	
	@media only screen and (min-width: 1024px) {
	#main section.thesubcamps .container {
		padding-bottom: 0;
		
	}
		
			#main section.thesubcamps .container .col50{
		margin-top: 0px;
				width: calc(50% - 10px);
	}
		
				#main section.thesubcamps .container .col50:first-of-type{
				margin-right: 20px;
	}
		
		
			#main section.thesubcamps .container .subcamp {
				display: block;
	}
			img.mugshot {
		width: 87%;
		}
	}
	
		@media only screen and (max-width: 1024px) {
			#main section.thesubcamps .container .col50 .col40:first-of-type{
				max-height: 700px;
				overflow: hidden;
			}}
/* ------------------------------------------------------------ 
	GALLERY STYLES
---------------------------------------------------------------*/
#gallery-list:after {
	clear: both;
	display: table;
	content: '';
}
#gallery-list ul {
	list-style: none;
}
#gallery-list ul li {
	width: 50%;
	float: left;
	text-align: center;
}
#gallery-list ul li span {
	display: none;
}
#gallery-list ul li div a {
	display: block;
	width: 100%;
	max-height: 100px;
	text-align: center;
	vertical-align: middle;
	padding: 40px 10px;
	background: rgba(0,0,0,0.07);
	position: relative;
}
#gallery-list ul li div a:hover {
	background: rgba(0,0,0,0.12);
}

#gallery-list ul li div a:hover:after {
	content: "\f002";
	font-family: FontAwesome;
	font-size: 30px;
	color: rgba(0,0,0,0.09);
	position: absolute;
	text-align: center;
	width: 100%;
	display: block;
	top:40px;
	left: -3px;
}

@media only screen and (min-width: 1024px) {
#gallery-list ul li {
	width: 25%;
}
}
.welcome-text li {
	font-size: 1em;
	float: left;
	list-style: none;
}
#gallery-thumbs ul {
	list-style: none;
}
#gallery-thumbs li {
	width: 50%;
	height: 210px;
	float: left;
	display: inline-block;
	overflow: hidden;
	position: relative;
	border: 2px solid #fff;
}
#gallery-thumbs li img {
	width: 100%;
	display: block;
	height: auto;
	position: absolute;
	top: 0;
	left: 0
}

@media only screen and (min-width: 1024px) {
#gallery-thumbs li {
	width: 25%;
	height: 165px;
}
}
/* ------------------------------------------------------------ 
	MAP STYLES
---------------------------------------------------------------*/
.maps iframe {
	pointer-events: none;
}
.themap {
	position: relative;
	display: none;
	background: #f4f4f4;
	width: 614px;
	margin-right: 20px
}
.themap img {
	width: 100%;
	width: 500px;
	margin: 60px auto;
}
.themap .point {
	position: absolute;
	top: 240px;
	left: 500px;
	width: 20px;
	height: 32px;
	display: block;
	background: url(/images/content/map/map-pointer.svg) no-repeat;
	-moz-transform: translate(-810%, -320%);
	-ms-transform: translate(-810%, -320%);
	-webkit-transform: translate(-810%, -320%);
	-o-transform: translate(-810%, -320%);
	transform: translate(-810%, -320%);
	z-index: 1;
	cursor: pointer;
}
.themap .point.arran {
	top: 663px;
	left: 434px;
}
.themap .point.bute {
	top: 630px;
	left: 436px;
}
.themap .point.mull {
	top: 550px;
	left: 368px;
}
.themap .point.tomintoul {
	top: 440px;
	left: 592px;
}
.themap .point.glen_lyon {
	top: 530px;
	left: 510px;
}
.themap .point.braemar {
	top: 486px;
	left: 574px;
}
.themap .point.dalmeny {
	top: 610px;
	left: 566px;
}
.themap .point.auchterader {
	top: 550px;
	left: 560px;
}
.themap .point.kincraig {
	top: 454px;
	left: 538px;
}
.themap .point.spean_bridge {
	top: 510px;
	left: 450px;
}
.themap .point.selkirk {
	top: 656px;
	left: 600px;
}
.themap .point.aboyne {
	top: 458px;
	left: 620px;
}

.themap .point.kinnaird {
	top: 519px;
	left: 609px;
}

.themap .point.kilmarnock {
	top: 630px;
	left: 469px;
}

.themap .point div {
	display: none;
	position: absolute;
	top: -100px;
	left: 50%;
	margin-left: -90px;
	text-align: center;
	width: 180px;
	background: #454EB7;
	color: #FFFFFF;
	font-size: 1.4em;
	border-radius: 6px;
	padding: 14px;
	min-height: 60px;
	z-index: 10;
}
.themap .point div:after {
	top: 99%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #454EB7;
	border-width: 10px;
	margin-left: -10px;
}
.themap .point:hover div {
	display: block;
}
.locations h4 {
	border-top: 1px solid #eee;
	padding: 14px 0 8px;
	margin: 0;
	font-size: 13px;
}
.locations p {
	font-size: 13px;
}

@media only screen and (min-width: 1200px) {
.themap {
	display: block;
}
}
/* ------------------------------------------------------------ 
FOOTER  
---------------------------------------------------------------*/
footer {
	clear: both;
	background: #f0f0f0;
	color: #999;
	margin: 0;
	width: 100%;
	z-index: 3;
}
footer .block {
	background: none;
	margin: 0;
}
footer .container {
	width: 90%;
	margin: 0 auto;
	max-width: 1200px;
	padding: 60px;
}
footer .container:after {
	content: "";
	display: table;
	clear: both;
}
footer p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 2px;
	display: block;
	width: 100%;
	text-align: left;
}
footer p a {
	color: #999;
}

@media only screen and (min-width: 768px) {
.container {
	margin: 50px auto 0;
}
}

@media only screen and (min-width: 1024px) {
#logo {
	float: left;
	margin: 0;
	margin-top: -11px;
}
}
/* -------------------------------
   NAVIGATION
   ------------------------------- */
nav {
	width: 100%;
	display: block;
	padding: 10px;
	z-index: 5;
	transition: 0.3s all;
	position: absolute;
	top: 0;
	right: 0;
}
nav:after {
	content: "";
	clear: both;
	display: table;
}
nav.fixed {
	background: #fff!important;
	border-bottom: 1px solid #cfd9df;
	transition: 0.3s all;
}
nav > .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
	position: relative;
	transition: 0.6s;
}
nav.fixed > .inner {
	max-width: 100%;
}
nav ul li a {
	font-size: 16px;
	font-weight: 600;
	display: block;
	padding: 16px 20px;
	text-align: left;
	text-decoration: none;
}

nav ul li .icons{
	font-size:2rem;
	padding: 4px 11px 4px;
	margin: 8px 8px;
}

nav ul li a span {
	text-indent: -9999em;
	display: block;
	position: absolute;
}

@media only screen and (min-width: 1024px) {
nav {
	background: url(/images/structure/header-scouts.png) no-repeat top right;
	background-size: 70px auto;
	background-position: right top 14px;
	width: 912px;
	padding: 0;
}
nav ul {
	margin: 0;
	list-style: none;
}
nav ul li {
	float: left;
	border-bottom: 0;
	padding: 0
}
nav ul li a {
	float: left;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-size: 0.6em;
	line-height: 56px;
	font-weight: 400;
	padding: 0 14px;
	margin: 0 9px;
	text-transform: uppercase;
}
nav ul li a:hover {
	background: rgba(255,255,255,0.25);
}
nav ul li a.active {
	background: #fff;
	color: #7BB0D3;
}
	
	nav ul li .icons{
	padding:4px 8px;
	line-height: 32px;
}
	
}

/* -------------------------------
   MOBILE ONLY NAV
   ------------------------------- */


@media only screen and (max-width: 1023px) {
nav ul {
	position: absolute;
	top: 56px;
	left: 10px;
	width: 90%;
	transition: ease-in-out 0.5s;
	display: none;
	z-index: 9999;
	background: #fff;
	-webkit-box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
	-moz-box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
	box-shadow: -10px 10px 31px -4px rgba(0,0,0,0.29);
}
nav ul:after {
	bottom: 99.9%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 12px;
	margin-left: -12px;
}
nav ul.opennav {
	display: block;
	background: #fff;
}
nav #mobile-icon {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 30px;
	left: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
nav #mobile-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #fff;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
nav #mobile-icon span:nth-child(1) {
	top: 0px;
}
nav #mobile-icon span:nth-child(2), nav #mobile-icon span:nth-child(3) {
	top: 8px;
}
nav #mobile-icon span:nth-child(4) {
	top: 16px;
}
nav #mobile-icon.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}
nav #mobile-icon.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
nav #mobile-icon.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
nav #mobile-icon.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
}
@media only screen and (max-width: 600px) {
nav #mobile-icon {
	top: 20px;
	}
	}
/* -------------------------------
   NAV on scroll
   ------------------------------- */
.shrinkhead {
	padding: 0;
	transition-duration: 0.3s;
	transition-property: all;
	transition-timing-function: ease-in-out;
	-webkit-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.12);
	-moz-box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.12);
	box-shadow: 0px 3px 4px -1px rgba(0,0,0,0.12);
	background: #333;
	height: 78px;
}
.shrinkhead #logo {
	width: 75px;
	margin-top: -3px;
}
.shrinkhead nav {
	margin: 0;
}
.shrinkhead .nav ul li a {
	color: #fff;
}
.shrinkhead .nav ul li a.active {
	background: rgba(255,255,255,0.5);
	color: #fff;
}

@media only screen and (min-width: 1023px) {
	.shrinkhead {
		height: 80px;
		padding:12px 0;
	}
	
	.shrinkhead #logo {
		margin-top: -11px;
		height: 74px;
		overflow: hidden;
	}
}

.acts .container {
	max-width: 1400px;
	width: 90%;
}
.acts .container .showmodal {
	padding: 2px;
}
.acts .container .col span {
	width: 100%;
	height: 180px;
	position: relative;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
.acts .container .col span img {
	width: 100%;
	height: 180px;
	position: relative;
	z-index: 1;
	transition: all .2s ease-in-out;
}
.acts .container .col span:hover img {
	transform: scale(1.2);
}
.acts .container .col span:after {
	background: rgba(0,0,0,0.6);
	width: 100%;
	position: absolute;
	height: 180px;
	top: 0;
	left: 0;
	z-index: 2;
	content: "";
}
.acts .container .col span:hover:after {
	background: rgba(65,82,174,0.7);
}
.acts .container .col span h3 {
	position: absolute;
	top: 44%;
	left: 0;
	z-index: 3;
	text-align: center;
	width: 100%;
	color: rgba(255,255,255,0.9);
	cursor: pointer;
	padding: 0 6px;
}
.acts .container .col span h3:after {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -40px;
	content: "";
	background-image: url(../images/content/activities/icons/icons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 510px;
	width: 80px;
	height: 60px;
}
.abseiling span h3:after {
	background-position: 0 0 !important;
}
.holy span h3:after {
	background-position: -80px 0 !important;
}
.power span h3:after {
	background-position: -240px 0 !important;
}

.wobble span h3:after {
	background-position: 6px -692px !important;
}


.acrobatics span h3:after {
	background-position: -78px -862px !important;
}


.airwheel span h3:after {
	background-position: -140px -862px !important;
}


.drytool span h3:after {
	background-position: -202px -862px !important;
}


.fff span h3:after {
	background-position: -273px -862px !important;
}

.heart span h3:after {
	background-position: -346px -862px !important;
}

.pond span h3:after {
	background-position: -428px -862px  !important;
}

.ringo span h3:after {
	background-position: 0px -935px !important;
}

.rr span h3:after {
	background-position: -73px -935px !important;
}

.sup span h3:after {
	background-position: -143px -935px !important;
}

.mega span h3:after {
	background-position: -421px -1167px !important;
}


.wood span h3:after {
	background-position: -205px -1009px !important;
}

.ryze span h3:after {
	background-position: -213px -935px  !important;
}

.base span h3:after {
	background-position: -341px -1168px  !important;
}

.water_wheel span h3:after {
	background-position: -248px -1168px  !important;
}


.wake span h3:after {
	background-position: -285px -935px !important;
}

.zip span h3:after {
	background-position: -354px -935px !important;

}

.cake span h3:after {
	background-position: -431px -935px !important;

}

.landyacht span h3:after {
	background-position: 7px -1009px !important;

}

.footgolf span h3:after {
	background-position: -274px -1009px  !important;

}

.lowropes span h3:after {
	background-position: -73px -1009px !important;

}

.quad span h3:after {
	background-position: -150px -1009px !important;

}




.zumba span h3:after {
	background-position: -60px -697px !important;
}

.scuba span h3:after {
	background-position: -126px -697px !important;
}

.bellboats span h3:after {
	background-position: -353px -697px !important;
}

.canadiancanoe span h3:after {
	background-position: -273px -697px !important;
}

.assault span h3:after {
	background-position: -198px -697px !important;
}

.hovercraft span h3:after {
	background-position: -428px -697px !important;
}


.jacobs span h3:after {
	background-position: -6px -785px !important;
}

.gladiator span h3:after {
	background-position: -72px -785px !important;
}


.pegpole span h3:after {
	background-position: -135px -785px !important;
}

.curling span h3:after {
	background-position: -206px -785px !important;
}

.slip span h3:after {
	background-position: -153px -1159px !important;
}

.water_slide span h3:after {
	background-position: -277px -785px !important;
}

.paint span h3:after {
	background-position: -56px -1155px !important;
}

.kmx span h3:after {
	background-position: -420px -785px !important;
}


.gokart span h3:after {
	background-position: -351px -785px !important;
}

.swing span h3:after {
	background-position: -6px -862px !important;
}

.gyro span h3:after {
	background-position: -428px -624px !important;
}
.sailing span h3:after {
	background-position: -324px 0 !important;
}
.nachos span h3:after {
	background-position: -396px 0 !important;
}
.rollers span h3:after {
	background-position: -0 -78px !important;
}
.laser span h3:after {
	background-position: -80px -82px !important;
}
.tomahawk span h3:after {
	background-position: -160px -82px !important;
}
.golf span h3:after {
	background-position: -230px -82px !important;
}
.backwoods span h3:after {
	background-position: 8px -1160px !important;
}

.aa span h3:after {
	background-position: -372px -1086px !important;
}

.abackwoods span h3:after {
	background-position: -284px -1081px !important;
}



.powerblocking span h3:after {
	background-position: -370px -82px !important;
}
.leap span h3:after {
	background-position: -436px -82px !important;
}
.grass span h3:after {
	background-position: -0 -160px !important;
}
.pedal span h3:after {
	background-position: -80px -160px !important;
}
.trike span h3:after {
	background-position: -160px -160px !important;
}
.circus span h3:after {
	background-position: -240px -160px !important;
}
.street span h3:after {
	background-position: -301px -160px !important;
}
.mountain span h3:after {
	background-position: -373px -154px !important;
}
.archery span h3:after {
	background-position: 8px -246px !important;
}
.water_walker span h3:after {
	background-position: -74px -239px !important;
}
.gps span h3:after {
	background-position: -160px -240px !important;
}
.branding span h3:after {
	background-position: -240px -240px !important;
}
.tin span h3:after {
	background-position: -320px -240px !important;
}
.climbing span h3:after {
	background-position: -395px -245px !important;
}
.zorb span h3:after {
	background-position: 6px -330px !important;
}
.inflatable span h3:after {
	background-position: -82px -329px !important;
}
.crafts span h3:after {
	background-position: -160px -331px !important;
}
.swimming span h3:after {
	background-position: -240px -320px !important;
}
.team span h3:after {
	background-position: -333px -329px !important;
}
.crepe span h3:after {
	background-position: -414px -320px !important;
}
.oven span h3:after {
	background-position: 0 -411px !important;
}
.kayaking span h3:after {
	background-position: -89px -409px !important;
}
.biking span h3:after {
	background-position: -173px -412px !important;
}
.chef span h3:after {
	background-position: -254px -407px !important;
}
.rafting span h3:after {
	background-position: -352px -408px !important;
}
.gorge span h3:after {
	background-position: -444px -405px !important;
}
.survival span h3:after {
	background-position: 13px -480px !important;
}
/* .sumo span h3:after {
	background-position: -83px -484px !important; 
}*/
.highb span h3:after {
	background-position: -83px -484px !important;
}
.service span h3:after {
	background-position: -83px -484px !important;
}
.movie span h3:after {
	background-position: -171px -484px !important;
}
.rescue span h3:after {
	background-position: -255px -488px !important;
}
.crates span h3:after {
	background-position: -344px -487px !important;
}
.rladder span h3:after {
	background-position: -438px -488px !important;
}
.glideboard span h3:after {
	background-position: 10px -564px !important;
}
.science span h3:after {
	background-position: -67px -571px !important;
}
.bubble span h3:after {
	background-position: -151px -1081px !important;
}

.water_sausage span h3:after {
	background-position: -346px -1009px !important;
}

.cave span h3:after {
	background-position: -434px -1009px !important;
}

.nerf span h3:after {
	background-position: 0px -1081px !important;
}

.zorb_slide span h3:after {
	background-position: -75px -1081px !important;
}


.ranger span h3:after {
	background-position: -228px -567px !important;
}
.mystery span h3:after {
	background-position: -312px -564px !important;
}
.tyrolean span h3:after {
	background-position: -400px -560px !important;
}
.highb span h3:after {
	background-position: 2px -632px !important;
}
.service span h3:after {
	background-position: -70px -632px !important;
}

.light_chase span h3:after {
	background-position: -198px -632px !important;
}
.segway span h3:after {
	background-position: -134px -628px !important;
}

.laser_clays span h3:after {
	background-position: -214px -1081px !important;
}
.electronics span h3:after {
	background-position: -348px -632px !important;
}


/* --  NEW November 2023 individual icons and master icn sheet is getting large -- */
.crossbow span h3:after {
	background-size: 90%!important;
	background-image: url(../images/content/activities/icons/crossbow.png)!important;
}

.abushcraft span h3:after {
	background-size: 90%!important;
	margin-left: -34px!important;
	background-image: url(../images/content/activities/icons/advanced.png)!important;
}

.rollerblades span h3:after {
	background-size: 90%!important;
	background-image: url(../images/content/activities/icons/rollerblades.png)!important;
}

.sumo span h3:after {
	background-size: 80%!important;
	margin-left: -34px!important;
	background-image: url(../images/content/activities/icons/sumo.png)!important;
	top:-64px!important;
}

.boxing span h3:after {
	background-size: 90%!important;
	background-image: url(../images/content/activities/icons/boxing.png)!important;
}

.dual span h3:after {
	background-size: 90%!important;
	background-image: url(../images/content/activities/icons/dual.png)!important;
	top:-64px!important;
}

.slingshot span h3:after {
	background-size: 90%!important;
	background-image: url(../images/content/activities/icons/sling.png)!important;
	top:-64px!important;
}

.human_football span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/human_football.png)!important;
	top:-70px!important;
}

.shootout span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/shoot_out.png)!important;
	top:-70px!important;
}

.equaliser span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/equaliser.png)!important;
	top:-70px!important;
}

.bungee span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/bungee.png)!important;
	top:-70px!important;
}

.demolition span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/demolition.png)!important;
	top:-65px!important;
}
.pillow span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/pillow.png)!important;
	top:-65px!important;
}
.wobbler span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/wobbler.png)!important;
	top:-65px!important;
}
.net span h3:after {
	background-size: 100%!important;
	background-image: url(../images/content/activities/icons/cargo.png)!important;
	top:-65px!important;
}
.diskgolf span h3:after {
	background-size: 120%!important;
	background-image: url(../images/content/activities/icons/golf.png)!important;
    background-size: 120%!important;
    top: -92px!important;
    left: 53px!important;
	width:100px!important;
	height:80px!important;
}

/* -------------------------------
   FORMS
   ------------------------------- */
.emailus {
	margin: 30px auto;
}
.emailus p {
	padding: 20px;
	margin: 0;
	text-align: center;
}
.form-text p {
	font-size: 14px
}
label {
	text-transform: uppercase;
	font-size: 1.1em;
	margin-bottom: 10px;
	margin-right: 20px;
	color: #999;
}
fieldset {
	border: none;
	margin: 20px 0;
}
legend {
	font-size: 14px;
}
input, textarea, .input.date > div, .input.select > div, div.input div.photo {
	background: #f2f2f2;
	padding: 10px;
	font-size: 1.2em;
	border: none;
	width: 100%;
	border: 1px solid #f2f2f2;
}
textarea {
	width: 100%;
}
input:focus, textarea:focus {
	border: 1px solid #2097CF;
}
input[type="text"], input[type="email"], input[type="number"], input[type="file"], textarea, .input.date > div {
	margin-bottom: 20px;
}
input[type="radio"] {
	width: 24px;
}

input[type="checkbox"] {
	width: auto;
}
select {
	margin-bottom: 20px;
	padding: 8px 12px;
	font-size: 1.4em;
}

.input.date > div > select, .input.select > div > select {
	margin:0;
}

form span {
	font-size: 1.2em;
}
.ui-datepicker {
	font-size: 14px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width: 94%;
}
#DistrictWarning {
	margin-bottom: 20px;
}
.submit input[type="submit"],
button[type="submit"] {
	background: #f8b22b;
	font-size: 1.2em;
	color: #000;
	padding: 12px 30px;
	text-align: center;
	margin: 16px 12px;
	display: inline-block;
	width: 90%;
	border-radius: 50px;
	text-decoration: none;
	box-shadow: inset 0px -1px 1px rgba(0,0,0,0.2);
	border: none;
	cursor: pointer;
}
.submit input[type="submit"]:hover {
	background: #ffc555;
}
button.btn-white {
	font-size: 1.2em;
	width: auto;
	min-width: 140px;
}

.child-application:first-of-type a {
	display:none;
}

.parent-group {
	padding-bottom: 50px;
	
}

.activitygroup {
	padding:0px 30px 30px;
	margin: -1px;
	border: 1px solid  #ddd;

}

.activitygroup input[type="text"] {
	width:85%;
}

.activitygroup:after {
	clear:both;
	display: table;
	content: "";
}

#risk-assessment-add .col20 label {
	height: 30px;
	margin-right: 0;
	margin-bottom: 10px;
}

#risk-assessment-add .input label {
	display: block;
}

#risk-assessment-add .col-3 .input label {
	text-align: left;
	margin-right: 0;
	display: inline;
}

#risk-assessment-add .col-3 label:after {
	display: table;
	clear: both;
		content:"";
}

#risk-assessment-add .col-3 .input {
	float: left;
    width: auto;
    /* margin: 6px 0; */
    padding: 10px 0 0 0;
    line-height: 26px;
} 

.subgroup {
	padding: 0;
	background: rgba(0,0,0,0.018);
	border:1px solid #ddd;
	margin:10px 0 20px;
}

.subgroup h3 {
	font-size: 18px;
	padding: 14px;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	background: rgba(0,0,0,0.58);

}

/* RA Table - Should update with someone who knwos what they are doing*/
.RaNewdivTable{
	display: table;
	width: 55%;
	margin: 0 auto 30px;
}
.RaNewdivTableRow {
	display: table-row;
}
.RaNewdivTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.RaNewdivTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.RaNewdivTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.RaNewdivTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.RaNewdivTableBody {
	display: table-row-group;
}

@media only screen and (min-width: 768px) {
.submit input[type="submit"],
	button[type="submit"]{
	display: inline-block;
	width: auto;
}
}
/* -------------------------------
   MODAL POPUP BOX
   ------------------------------- */
.modalcontent {
	display: none;
}
.modal_overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 999998;
}
.modal_pop {
	display: none;
	background: #fff;
	position: fixed;
	top: 50%;
	z-index: 999999;
	width: 100%;
	max-width: 700px;
	height: 100%;
	max-height: 500px;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 7px 7px 10px 0px rgba(0, 0, 0, 0.2);
}
.modal_pop:after {
	content: "";
	clear: both;
	display: table;
}
.modal_pop.small {
	max-height: 400px;
	max-width: 600px;
}
.modal_pop .modal-head {
	background: #ec5f19;
	width: 100%;
	display: block;
	height: 0px;
}
.modal_pop .modal-content {
	padding: 40px;
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}
.modal_pop .modal-content:after {
	content: "";
	display: table;
	clear: both;
}
.modal_pop .modal-content .fa-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
}
.modal_pop img {
	width: auto;
	max-width: 100%;
}
.modal_pop .fa-close {
	cursor: pointer;
	position: absolute;
	right: 30px;
	top: 16px;
	color: rgba(0,0,0,0.1);
	font-size: 27px;
	z-index: 2;
}
.modal_pop .fa-close:hover {
	color: rgba(0,0,0,0.22);
}
.modal_pop iframe {
	width: 100%;
	height: 100%;
	border: 0;
}
.modal_pop .modal-content .col-head {
	border-bottom: 1px solid #ddd;
}
.modal_pop .modal-content .col-head img {
	max-width: 240px;
	margin: -20px auto 0;
	display: block;
}

@media (max-width: 1024px) {
.modal_pop {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transform: none;
	max-width: 100%;
	max-height: 100%;
}
}

/* -------------------------------
   FLYER BUTTON
   ------------------------------- */
a.flyer {
	bottom: 0;
	left: 0;
	width: 100%;
	position: fixed;
	background: #ffc549;
	text-align: center;
	color: #222;
		font-size: 20px;
	line-height: 1.2em;
	padding: 10px;
	z-index: 4;
	opacity: 0.85;
}
a.flyer:hover {
	background: #ffc549;
	text-decoration: none;
		opacity: 1;
}

@media only screen and (min-width: 1700px) {
a.flyer {
	border-radius: 50%;
	bottom: auto;
	top: 390px;
	left:auto;
	right: 130px;
	width: 180px;
	height: 180px;
	padding: 50px 40px 10px;
	-o-transform: rotate(-15deg); /* IE 9 */
	-ms-transform: rotate(-15deg); /* IE 9 */
	-webkit-transform: rotate(-15deg); /* Safari */
	transform: rotate(-15deg);
	-webkit-box-shadow: 10px 10px 6px -5px rgba(0,0,0,0.14);
	-moz-box-shadow: 8px 13px 6px -5px rgba(0,0,0,0.12);
	box-shadow: 8px 13px 6px -5px rgba(0,0,0,0.12);
}
}

/* -------------------------------
   ERROR PAGE
   ------------------------------- */
.error h2 {
border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:20px;
	max-width: 500px;
	margin: 0 auto 30px;
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
*line-height: 0;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
* {
 background: transparent !important;
 color: black !important;
 box-shadow: none !important;
 text-shadow: none !important;
 filter: none !important;
 -ms-filter: none !important;
} /* Black prints faster: h5bp.com/s */
a, a:visited {
 text-decoration: underline;
}
a[href]:after {
 content: " (" attr(href) ")";
}
abbr[title]:after {
 content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
 content: "";
}  /* Don't show links for images, or javascript/internal links */
pre, blockquote {
 border: 1px solid #999;
 page-break-inside: avoid;
}
thead {
 display: table-header-group;
} /* h5bp.com/t */
tr, img {
 page-break-inside: avoid;
}
img {
 max-width: 100% !important;
}
 @page {
margin: 0.5cm;
}
p, h2, h3 {
 orphans: 3;
 widows: 3;
}
h2, h3 {
 page-break-after: avoid;
}
}


.child-application {
position:relative;
}

.remove-child-application {
position:absolute;
top:0;
right:0;
}

#add-child-application{
	background: #f2f2f2;
    font-size: 1.2em;
    width: auto;
    min-width: 140px;
    color: #000;
    padding: 12px 30px;
    text-align: center;
    margin: 16px 12px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: inset 0px -1px 1px rgba(0,0,0,0.2);
    border: 2px solid #dedede!important
    cursor: pointer;
}

/*----------------------------------------------------------------------
Camp info page
----------------------------------------------------------------------*/
.guideboxes {
                padding:0;
                background: #f3f3f3;
                position: relative;
            }
            
            .guideboxes .container {
                padding: 0px 0px!important;
                width: 100%!important;
                margin: 0;
                
            }
            
                        .guideboxes h3 {
                            position: absolute;
                            margin: 0;
                            top:0;
                            left: 0;
                            background: #003177;
                            color: #fff;
                            display: inline-block;
                            padding: 5px 10px;
                            z-index: 6;
            }

        .guideboxes .col25 {
            border-right: 1px solid #ccc;
            text-align: center;
            padding: 40px 30px 50px;
            transition: 0.2s ease-in-out;
            width: 50%;
        }
            
            @media only screen and (min-width: 1024px) {
                .guideboxes .col25 {
                    width: 25%;
                }
                      .guideboxes .container {
                padding: 0px 60px!important;
                          margin: 0 auto!important;
                
            }
            }
            
            .guideboxes .col25:hover {
                background: #fff;
            }
            .guideboxes .col25:last-of-type {
                border: none;
            }
            .guideboxes .col25 p{
                font-size:1.4em;
            }


    .tips {
                max-width: 1000px;
                margin: 0 auto;
            }
            .tips .accordion h3 {
                font-size: 22px;
                margin: 0;
                
            }
            
            .tips .accordion dd {
                font-size: 0.9em;
                margin: 0;
            }
            
            .tips .accordion dd .col20 a {
                
   
                background: #f8b22b;
                text-align: center;
                padding: 14px;
                border-radius: 6px;
                color: #0f0f0f;
                
            }
            .tips .accordion dd .col20 a:hover {
                
                border-color:#4556b2;
                            background: #FFC555
                text-align: center;
                padding: 14px;
                border-radius: 6px;
                
            }
            .tips .accordion dd .col20 i {
                display: block;
            }
            
            
			.highlight {
				padding: 40px;
				background: #f4f4f4;
				margin-bottom: 40px;
			}
            
            .highlight p {

			}
			
			.guidelines {
				border-bottom: 1px solid #ccc;
				padding-bottom: 30px;
                overflow: hidden;
			}
            
			.guidelines p {
                font-size: 1.6em;
                line-height: 1.5em;
			}
            .guidelines .highlight .col img {
				display: none
			}

            @media (min-width: 1024px) { 
            .guidelines .highlight .col img {
				height: auto;
                width: auto;
                max-width: 270%;
                object-fit: cover;
                display: block;
                margin-left: -70px;
                position: absolute;
			}
            .guidelines .highlight .col:first-of-type {
				margin: -40px 30px -40px -60px;
                overflow: hidden;
                width: calc(20% + 30px);
                position: relative;
			}
}