/*COLOURS
#dc0073
BRONZE: #AA5139, SILVER: #B2B1B0, GOLD #C69F52*/

/* PAGE BACKGROUND */

#page {
	background-color: #fff;
}

/* FONT STYLE - check for contrast accessibility, may need color variants for different backgrounds. If non-standard font required, remember to import it at top of stylesheet */

#page_content H1, #page_content H2, #page_content H3, #page_content H4, p.caption, #local_menu_header li {
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: none;
    color:  #dc0073;
	
}
#page h1{
	padding-top:0.75em;
}
footer h2{
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	text-shadow: none;
}
/* NAVIGATION & HEADER */
#page .pseudo-h1 a {
    border-bottom: none;
    color: #dc0073;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
/* HEADER */

#microsite_header {
	background-color: ;
}

/* NAVIGATION */

#page .navbar-inner {
    box-shadow: none;
    border: 0;
}

#page .navbar .nav>li {
    border: none;
}

#page .navbar .nav>li:last-child {
    border-right: 0;
}

#page .navbar .nav>li>a {

    text-shadow: none;
    font-family: 'Oswald', sans-serif;
	
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}


@media only screen and (min-width: 37em) {
	#page #local_header {
		margin-bottom:0;
		position:absolute;
		top:2em;
		width:50%;
		right:0;
		line-height:1em
	}

	#page #local_menu_header {
		margin:0;
		text-align:left;
	}
}
@media only screen and (min-width: 37em) and (max-width: 58em) {
	#page #local_header {
		left: 50% !important;
		right:0 !important;
		width: 50%;
		top: 3.6em;
	}
	
	
	#page #local_menu_header{
		float: right;
		width: 75%;
		text-align: right;
		padding-right:1em;
	}

	#page #local_header li a {
		font-size: 0.8rem !important;
	}
	
}

@media only screen and (min-width: 58em) {
	#page #local_header {
		left: auto !important;
		right: 0 !important;
		top: 3.5em;
		width: 50%;
	}

	#page #local_menu_header {
		margin: 0;
		text-align: right !important;
	}
}
/* FOOTER */

.breakout-bg.footer {
	background-color: #2A3551 !important;
}

.breakout-bg.footer {
    color: #fff;
}

.breakout-bg.footer a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

/* WELLS - Classes can be added to wells in rich text to enable multiple styles of well (colours, background-images, etc) */

#page .well {
	background: #f7cce3;
	text-shadow: none;
}

#page .well h2, #page .well h3, #page .well h4 {
    color: #000;
	font-weight: 700;
}
#page .well.white{
	background:#fff;
}

#page .well.alternate-two p, #page .well.alternate-two ul {
	padding: 0 1rem;
	margin-top: revert
}
#page .well.bronze {
	background: #fff;
	border: solid 3px #AA5139;
}
/*
#page .well.bronze h3 {
    background-color: #AA5139;
    color: #fff;
    padding: 1rem;
}*/
#page .well.silver {
	background: #fff;
	border: solid 3px #B2B1B0;
}
/*
#page .well.silver h3 {
    background-color: #B2B1B0;
    color: #000;
    padding: 1rem;
}*/
#page .well.gold {
	background: #fff;
	border: solid 3px #C69F52;
}
/*
#page .well.gold h3 {
    background-color: #C69F52;
    color: #000;
    padding: 1rem;
}
*/
#page .well.bronze.alternate{
	background: #AA5139;
	color: #fff;
}
#page .well.silver.alternate{
	background: #B2B1B0;
	color: #000;
}
#page .well.gold.alternate{
	background: #C69F52;
	color: #000;
}
#page .well.bronze.alternate-two, #page .well.silver.alternate-two, #page .well.gold.alternate-two {
	padding:0;
}
#page .conform-block>.columns>div {width: -webkit-fill-available;}

/* BREAKOUT AREAS */


#page .breakout-bg.bronze {
    background-color: rgba(170, 81, 57, 0.2);
}
#page .breakout-bg.bronze.alternate {
    background-color: #AA5139;
	background-image: none;
}
#page .breakout-bg.silver {
    background-color: rgba(178, 177, 176, 0.25);
}
#page .breakout-bg.gold {
    background-color: rgba(198, 159, 82, 0.2);
}
#page .breakout-bg.pink {
    background-color: rgba(247, 204, 227, 0.5);
}
#page .breakout-bg.bg.bronze, #page .breakout-bg.bg.silver, #page .breakout-bg.bg.gold {
	background-image:url(/-/media/Files/CSS/things-to-do/learning-outdoors/images/contours-background);
    background-size: cover;
    border-bottom: 0;
    padding-bottom: 2em;
    padding-left: 1em;
    padding-right: 1em;
    background-repeat: no-repeat;
    background-position: center;
}
.breakout-area.pink {
   background-image: url(/-/media/Files/CSS/things-to-do/learning-outdoors/images/contours-background);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(247, 204, 227, 0.5);
}	
#page .breakout-bg.bg.transparent {
	background-color: transparent;
}
#page .breakout-bg.bronze.alternate {
    background-color: #AA5139;
	background-image: none;
	color: #fff;
}
#page .breakout-bg.bronze.alternate p{
	color: #F2F2F2;
}
#page .breakout-bg.silver.alternate {
    background-color: #B2B1B0;
	background-image: none;
}
#page .breakout-bg.gold.alternate {
    background-color: #C69F52;
	background-image: none;
}
#page .breakout-bg.silver.alternate p, #page .breakout-bg.gold.alternate p {
	color:#222;
}
/* BUTTONS */

#page button, a[role="button"], a[role="button"]:visited, input[type="submit"], input[type="reset"], input[type="button"] {
    color: #fff !important;
	background-color: #dc0073;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	text-transform:uppercase;
}

#page button:hover, a[role="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    color: #000;
	background-color: #eb66ab;
}
#page a[role=button].cta{
	font-size: 1.2em;
}
/* KEYFIGURES - aka price blocks */

#page .keyfigure.well {
    text-align:center;
	list-style:none;
	padding: 1em;
}
.keyfigure li.caption::before, .keyfigure li.figure::after{
	display:none!important
}

/*OVERLAY IMAGES*/
.overlay-image .caption{
	background:#dc0073;
	padding: 0.75em;
}
.overlay-image {
	margin-bottom:2.75em
}
/*IMAGE ASSETS */
.image-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.background-img {
  width: 100%;
  display: block;
}

.swirl-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 22%;
  height: auto;
}

/* Media query to hide swirl on screens <= 600px */
@media (max-width: 600px) {
  .swirl-img {
    display: none;
  }
}

 /* PHOTO WITH ARROW */       
.photo-wrapper {
    position: relative;
    display: inline-block;
  }

.photo-wrapper img.photo {
    display: block;
    max-width: 400px;
    height: auto;
  }

.photo-wrapper img.arrow {
    position: absolute;
    top: -30px;   
    right: 0px; 
    width: 100px; 
    transform: rotate(15deg); /
  }
        
.photo-wrapper-two {
    position: relative;
    display: inline-block;
  }
.photo-wrapper-two img.photo {
    display: block;
    max-width: 400px;
    height: auto;
  }

.photo-wrapper-two img.arrow {
    position: absolute;
    bottom: -25px;   
    left: 20px; 
    width: 100px; /* arrow size */
    transform: rotate(-180deg); /* rotate arrow slightly if needed */
  }
  
  /*THUMBNAIL IMAGES */
#page a.thumbnail{
	background-color:#dc0073;
	text-shadow: none;
}

#page a.thumbnail p {
    font-size: 1.5rem;
    text-align:center;
    margin: .75em 0;
    line-height: 1.25em;
	color: #fff !important;
}
/*ACCORDIONS*/

details>summary::before {
	color: #dc0073;
    border-color: #dc0073;
}

details summary[aria-expanded="true"]:before {
	color: #dc0073;
	border-color: #dc0073;
}