/* GOOGLE FONT MUST BE REMOVED/REPLACED BEFORE GO LIVE */

/*Colours Dark green: #126050, Bright lime green #94D500, Softer lime green: #c4d664, Teal #00A79D */


@font-face {
  font-family: 'LemonBird';
  src: url(/Assets/fonts/lemonBird/LemonBird-Regular.woff) format('woff');
  font-weight: 400;
}

#page>.container {
    z-index: 10;
}

#page h1,
#page h2,
#page h3,
#page dt {
    font-family: 'Asap', sans-serif;
	color: #126050;
}

#page .pseudo-h1 a {
	font-family: "Asap";
	border-bottom: none;
	color: #126050;
}

#page .pseudo-h1 {
	text-align: center;
	font-size: 3em;
}

#newsletter-promo-block h3{
	color: #c4d664;
}

#page h3 {
	font-size: 1.5em;
}

.large {
    line-height: 1.28;
}

img#header-logo {
    max-width: 40%;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}


#page .navbar .nav{
    text-align: center; 
	font-size: 1.2em;
}

#page .navbar .nav > li{
	border:none;
	float:none;
	display:inline;
	padding:0.75em 0.5em;
}


#page .navbar .nav > li > a{
	display:inline-block;
}

#page .navbar .nav > li a:not([role="button"]) {
    color: #126050;
    text-shadow: none !important;
	font-size:1em;
	font-weight: 600;
}

#page .navbar-inner {
    background-color: transparent;
	border:none;
	box-shadow: none !important;
}


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

.dropdown-menu {
    z-index: 300;
}

.dropdown-menu a:hover {
    padding-left: 10px;
    border-left: 5px solid #94D500 !important;
    transition: all 0.3s ease;
    background-color: transparent !important;
}

.nav-header {
	text-shadow: none;
	color: #126050;
}

/* HOMEPAGE HERO IMAGES  */
#page_content .banner-area.breakout-area img {
    border-radius: 0;
}

.banner-area {
	padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0;
}

.banner-area .row {
    z-index: inherit;
}

.banner-area div.columns.twelve.center {
	/* background-color: rgba(10,48,41,0.5); */
	color: #fff;
}

@media only screen and (min-width: 37.5em) {
    .banner-area.breakout-area .row {
        top: -9%;
    }
}

@media only screen and (min-width: 90em){
    .banner-area.breakout-area .row {
        top: 12%;
    }
}

h2#search-h2 {
    font-size: xxx-large;
    font-family: "LemonBird" !important;
    color: #fff !important;
    text-shadow: 3px 5px #000;
    margin-top: 0 !important;
    margin-bottom: 0.5em;
}


/* For tablets */
@media only screen and (min-width: 37.5em) {
	.banner-area div.columns.twelve.center {
		width: 39.5em;
        margin-left:calc(50vw - 19.6em);
	}

	.banner-area .scale-images img {
		min-height: 20em;
	}
}
@media only screen and (min-width: 48em) {
	.banner-area div.columns.twelve.center {
		width: 26.5em;
        margin-left:calc(50vw - 13em);
	}

	.banner-area h2.pad-top {
        padding: 0;
	}

	.banner-area div.columns.twelve.center p {
       	margin: 1em;
        }
}
/* For PCs etc */
@media only screen and (min-width: 64em) {
	.banner-area div.columns.twelve.center {
		width: 26em;
        padding: 1.2em;
		/* background-color: rgba(10,48,41,0.5); */
	}
}



p.columns.six {
    padding: 1em;
}

.caps {
    text-transform: uppercase;
}

#page_content img.scale-with-grid {
    border-radius: 60px 0 60px 20px;
}

#page .breakout-bg.bg.alternate.transparent.alt.green .breakout-content img {
    border-radius: 60px 0 60px 20px !important;
}

#page_content img#hazard {
    border-radius: 0;
}

img.scale-with-grid.margin-top {
    margin-top: 1rem;
}

/* BREAKOUT BLOCKS */

.breakout-bg {
    padding: 0.5em 0;
    margin-bottom: 1em;
}

.breakout-bg h2 {
	margin-bottom: 0;
}

#page .breakout-bg.bg.alternate.transparent {
    background-color: transparent;
}

#page .breakout-bg.bg.alternate.transparent .breakout-content, #page .breakout-bg.bg.alternate.transparent .link-content {
    background-color: rgba(0,0,0,.05);
    padding-top: 1.5em;
    padding-bottom: 1em;
}

page .breakout-bg.bg.alternate.transparent .link-content h3 {
	padding-left: 10px;
}

#page .breakout-bg.bg.alternate.transparent.secondary .breakout-content {
    background-color: #c4d664;
}

/* picture-less tiles in alternate breakout block */
#page .breakout-bg.bg.alternate.transparent .breakout-content a.thumbnail, #page .breakout-bg.bg.transparent .breakout-content a.thumbnail {
    background-color: #126050;
    box-shadow:none;
    text-align: center;
    color: #fff;
    font-family: 'Asap', sans-serif;
    font-size: 1.25em;
}

/*
#page .breakout-bg.bg.alternate.transparent .breakout-content div.four.columns:nth-child(3) a.thumbnail:after{
    background-image: url(/-/media/microsites/countryside/brand-assets/CountrysideWebsiteAssets-15.png);
    content: "";
    position: absolute;
    right: -2.5em;
    top: 2.7em;
    display: inline-block;
    width: 6em;
    height: 6em;
    background-repeat: no-repeat;
    background-size: contain;
}*/

/* remove extra top and bottom padding from alternate transparent breakout block*/
#page .breakout-bg.bg.alternate.transparent.alt .breakout-content {
    background-color: rgba(0,0,0,.05);
    padding-top: revert;
    padding-bottom: revert;
}

#page .breakout-bg.bg.alternate.transparent.alt.green .breakout-content {
    background-color: #c4d664;
}

#page .breakout-bg.bg.alternate.transparent.alt.teal .breakout-content {
    background-color: #00A79D;
}

.breakout-bg.bg.alternate-two,
.breakout-bg.alternate-six {
    background-color: #c4d664;
}

.breakout-bg.alternate-five {
    	background-color: #126050;
        margin-bottom: inherit;
}

@media only screen and (min-width: 37.5em) {
    .breakout-bg.alternate-five {
        position: absolute;
        bottom: 0;
        width: -webkit-fill-available;
    }
}

@media only screen and (min-width: 64em) {
    .breakout-bg.alternate-five {
        background-color: rgba(19, 96, 81, 0.8);
	    left: 20%;
        width: auto;
        }
}

/* INLINE CONTENT - IN USE ON NATURE RECOVERY PAGE */
.breakout-bg.bg.transparent.inline-expand, .breakout-bg.bg.transparent.inline-expand .row.small {
    margin-bottom: 0 !important;
}

.breakout-bg.bg.transparent.inline-expand .link-content {
    margin-left: 2em
}

.breakout-bg.bg.transparent.inline-expand a.thumbnail:hover, .breakout-bg.bg.transparent.inline-expand a.thumbnail:focus, .breakout-bg.bg.transparent.inline-expand .thumbnail.active {
	padding-bottom: 6px;
	border-bottom: 10px solid #00A79D !important;
}


.breakout-bg.bg.transparent.inline-expand a.thumbnail:hover .icon{
	color: #00A79D !important;
}



/* Foraging page not currently in use

.breakout-bg.alternate-six {
    background-image: url(/-/media/microsites/countryside/foraging-feast.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
 */

#page .breakout-bg.alternate-six h2,
#page .breakout-bg.alternate-six h3,
#page .breakout-bg.alternate-six p {
    color: #fff;
}

/*
.breakout-bg.alternate .hero-form fieldset {
    background: rgba(20, 83, 66,0.5);
}
*/

.breakout-content form.hero-form {
    position: relative;
}

/* @media only screen and (min-width: 37.5em) {
    .breakout-content form.hero-form {
        margin-top: -11em;
    }
}*/

@media only screen and (min-width: 64em) {
    .breakout-content form.hero-form {
        width: 160%;
        left: -31%;
    }
}

@media only screen and (min-width: 90em) {
    .breakout-content form.hero-form {
        width: 160%;
        left: -31%;
    }
}

/* OLD STYLING FOR SEARCH ON HOME PAGE

.breakout-bg.alternate-seven .hero-form fieldset {
    background: transparent;
    box-shadow: none;
}

.breakout-bg.alternate .hero-form.has-legend fieldset legend{
      background: rgb(20, 83, 66);
      color:#fff
}

.breakout-bg.alternate .hero-form fieldset label
{
    color:#fff
}



.breakout-bg.alternate-seven .hero-form fieldset label {
    color: #000;
}

.breakout-bg.alternate .hero-form fieldset a
{
    color:#fff;
    border-bottom:1px solid #fff;
    transition: all .5s ease;
}

.breakout-bg.alternate .hero-form fieldset a:hover
{
    color:#cfdf70;
    border-bottom:1px solid #cfdf70;
}

.breakout-bg.alternate-seven .hero-form fieldset a,
.breakout-bg.alternate-seven .hero-form fieldset a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}


.breakout-bg.alternate  .bx-viewport.has-next:after {
	background: rgba(248, 248, 248, .25);
	background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, #cfdf70 100%);
}

.breakout-bg.alternate  .bx-viewport.has-prev:before {
	background: rgba(248, 248, 248, .75);
	background: linear-gradient(to right, #cfdf70 0%, rgba(248, 248, 248, 0) 100%);
}

*/
  
.breakout-bg.alternate-seven {
    padding: 6rem;
    margin-top: -20em;
    background-size: 120%;
}

.breakout-bg.alternate h2, .breakout-bg.alternate h3 {
	color:#222 !important;
}


#page .one-half.column.pull.right{
	z-index:100;
}


/*PROMO BLOCKS*/

/*MEMEBERSHIPS AND PARKING BLOCK ON HOMEPAGE - object removed from homepage but code still works
#page .breakout-bg.alternate-three.transparent .breakout-content  {
    background-image: url(/-/media/files/CSS/countryside/images/lepe-carpark);
    padding-top: 1em;
    padding-bottom: 1em;
    background-size:cover;
    margin-top: 2em;
    border-radius: 25px;
}
.promo-text { 
    background-color: rgb(255 255 255 / 70%);
    padding:1em;
    border-radius: 25px;
}*/
#page .transparent {
    background-color: transparent !important;
}
* STANDARD PROMO BLOCKS */
/*.promo img {
	border-radius: 0 !Important;*/
}
.promo .well {
	margin: 0;
}

#page .promo .thumbnail {
	border-radius: 25px;
}
#page .promo .thumbnail img {
	border-top-left-radius:25px;
	border-top-right-radius: 25px;
}
#page .promo .thumbnail .link-caption .title{
	font-size: 1.25em;
}
#page .promo .thumbnail .link-caption p.caption{
	font-size: 1rem;
}
#page .breakout-bg.bg.promo .breakout-content{
	padding: 0;
}
/* SLIDESHOW */


#slideshow ul.on li div.caption,
.overlay-image .caption {
    background: rgba(19, 96, 81, 0.8);
	padding-left: 1em;
}

#slideshow h2,
.overlay-image .caption h2 {
	font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    #slideshow ul.on li div.caption,
.overlay-image .caption {
        padding: 0 0 0 1em;
    }

    #slideshow h2,
.overlay-image .caption h2 {
        font-size: 1.2em;
    }
}

@media only screen and (min-width: 48em) {

    #slideshow ul.on li div.caption {
        background: rgba(19, 96, 81, 0.8);
        bottom: 10%;
        left: 5%;
        max-width: 40%;
	border-radius: 25px;
    }

    #slideshow h2,
.overlay-image .caption h2 {
        font-size: auto;
    }
}


#slideshow .navcontrols{
	z-index:9999;
}

#slideshow p.slideshowmenu a {
font-size: 5rem;
}



#slideshow ul.on li div.caption p, #slideshow ul.on li div.caption h2, #slideshow ul.on li div.caption h2 a,
.overlay-image .caption h2 {
    color: #fff !important;
    font-family:inherit;
    text-transform: none;
}
.content .slideshowmenu a {
    color: #c4d664 !important;
}

.content .slideshowmenu a.active {
    color: #126050 !important;
}


#slideshow .shadowed {
	box-shadow: none;
}

#slideshow img {
	border-radius: 25px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(0,0,0,.1);
    text-indent: -9999px;
    display: block;
    width: 2.25em;
    height: 2.25em;
    margin: 0 .25em;
    border: none;
}

/* HOMEPAGE IMAGES AND LINKS */


.row.alternate .columns.six {
    padding-left: 10px;
    padding-right: 0px;
      }

.row.alternate .columns.six.right {
        padding-left: 0px !important;
}

.row.alternate .columns.six.left {
        padding-right: 10px !important;
}

/* WELLS */

.well {
	text-shadow: none;
	margin: 10px;
}
.conform-block .well {
    height: 100%;
}
.well.alternate {
	background-color: #c4d664;
	padding: 1.5em;
}

.well.alternate a,
.breakout-bg.alternate-two a,
.well.alternate-four a {
    color:#000;
    border-bottom: 1px solid #000;
}

#page .breakout-bg.alternate-two h2,
#page .breakout-bg.alternate-two h3 {
    color: #000;
}

.well.alternate:after {
   background-image: url(/-/media/files/CSS/countryside/images/CountrysideWebsiteAssets-14.png);
 content: "";
    position: absolute;
    display: inline-block;
	 width: 6em;
    height: 6em;
	right: -2em;
    bottom: -3em;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1000;
}

.well.alternate-two {
	background: #126050;
	color:#fff;
}

#page .well.alternate-two h2,
#page .well.alternate-two h3,
#page .well.alternate-two a {
    color: #FFF;
}

#page .well.alternate-two a {
    border-bottom: 1px solid #fff;
}

#page .well.alternate-two a:after {
    color: #fff;
    border: 1px solid #fff;
}

.well.alternate-two:after {
   background-image: url(/-/media/files/CSS/countryside/images/CountrysideWebsiteAssets-15.png);
    content: "";
    position: absolute;
    right: -2em;
    top: -2em;
    display: inline-block;
    width: 6em;
    height: 6em;
    background-repeat: no-repeat;
    background-size: contain;
	
}

.row.well.alternate-three {
	background:#0a3029;
	color:#fff;
	text-shadow:none;
	padding: 0px;
}

.well.alternate h2, .well.alternate h3,
.well.alternate-four h2, .well.alternate-four h3 {
	color:#222 !important;
}

.well.alternate-three h2, .well.alternate-three h3 {
	color:#fff !important;	
}

.well.alternate-three .columns.four {
    padding: 0px;
}

.well.alternate-three .columns.eight {
    padding: 30px !important;
}

.well.alternate-four {
	background-color: #c4d664;
	padding: 1.5em;
}

.well.paw-print {
    background: #126050;
    color: #fff;
    text-shadow: none;
    margin: 0.25em 0 2em 0;
}

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

.well.alternate-five {
    margin:0;
}

.well.white {
    background-color: #fff;
}

/* well custom-overlays is no longer used on the Nature Recovery page
.well.custom-overlays {
     background-image: url(/-/media/microsites/countryside/nature-recovery/intro-image.jpg);
    background-repeat: no-repeat;
  background-position-y: -100px;
       border-radius: 25px;
}

.well.custom-overlays p {
    background: rgb(255 255 255 / 70%);
      padding: 20px;
    border-radius: 25px;
    font-size: 1.2em;
    line-height: 1.5em;
}

@media only screen and (min-width: 48em) {

.well.custom-overlays {
      background-position-y: -100px;
   }

.well.custom-overlays p {
    margin: 20px;
 }
}

@media only screen and (min-width: 64em) {

.well.custom-overlays {
	background-size: 100%;
      background-position-y: -100px;
   }

.well.custom-overlays p {
    margin: 30px;
 }
}

@media only screen and (min-width: 90em) {
.well.custom-overlays {
      background-position-y: -150px;

}
}

@media only screen and (min-width: 160em) {
.well.custom-overlays {
      background-size: 100%;
    background-position-y: -150px;
}

.well.custom-overlays p {
    margin: 30px;
  }
}
*/
/* SLIDER */
.bx-wrapper {
    margin: 0 ;
    padding: 0 ;
}


/* FORAGE WELLS */

div.month-reveal {
    display:inline-block;
    background-color: rgba(20, 83, 66,.6);
    color: #fff;
    border: 2px solid #c4d664;
  }

  .month-reveal:hover {
    animation: darken 2s 1 both;
  }

  @keyframes darken {
    0% {background-color: rgba(20, 83, 66,.6);}
    100% {background-color: rgba(20, 83, 66,.9);}
  }

  /* .reveal-text {
    opacity: 0;
  }
  
  .month-reveal:hover .reveal-text {
    animation: reveal 2s 1 both;
  }
  
  @keyframes reveal {
      0% {opacity:0;}
      100% {opacity:1;}
  } */

/* BUTTONS */

a[role="button"], button {
    box-shadow: none;
    border-radius: 1.5em;
    border: none;
    text-shadow: none !important;
}

a[role="button"].green, button.green, input[type="submit"].green, input[type="reset"].green, input[type="button"].green {
    background-color: #126050;
    color: #fff !important;  
}

a[role="button"].green[href$=".pdf"]:after {
    color: #fff;
    border: 1px solid #fff;
}

a[role="button"].medium.white {
    background-color: #126050 !important;
    color: #fff !important;
}

a[role="button"].green:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover {
    background-color: #00A79D;
    color: #000 !important;
}

a[role="button"].medium.white:hover {
    background-color: #00A79D !important;
    color: #000 !important;
}

a[role="button"].orange, button.orange, input[type="submit"].orange, input[type="reset"].orange, input[type="button"].orange, button.sapCpButton {
    background-color: #c4d664 !important;
    text-shadow: none;
    color: #222 !important;
}

a[role="button"].orange:hover, button.orange:hover, input[type="submit"].orange:hover, input[type="reset"].orange:hover, input[type="button"].orange:hover, button.sapCpButton:hover {
    background-color: #1D967E !important;
	color: #fff;
	border-color: #00A79D;
	
}

a[role="button"] {
    text-shadow: none !important; 
}

/* CONTENT CARDS */
.card-media {
	height: 11em !important;
}

#page .card-promo-media img.scale-with-grid,
#page .event-card-media img.scale-with-grid,
#page .card-media img.scale-with-grid {
    border-radius: 0;
}
#page .event-card-content .well {
	margin: 0;
}

footer.card-footer {
background-color: transparent;
}

/* COLOURED BUTTONS ON BLOG CONTENT CARDS */

li.Video a[role="button"] {
    color: #000 !important;
    background-color: #4087fb;
}

li.Audio a[role="button"] {
    color: #000 !important;
    background-color: #fa8126;
 }

li.Audio a:hover[role="button"], li.Video a:hover[role="button"]  {
        background-color: #126050;
	color: #fff !important;
 }
 
/* ACCORDIONS */
/* Accordion heading box */
details summary {
    background-color: #00A79D;
    border-radius: 20px;
    box-shadow: none;
    border: 1px solid #f8f8f8f8;
    color: #000;
}

address.show-on-map details summary {
    color: revert;
    border: 1px solid rgba(0,0,0,.1);
}

/* for accordions with maps */
address.show-on-map details summary {
    background-color: #fff;
    border-radius: revert;
    box-shadow: revert;
}

/* Plus sign when accordion closed*/
details>summary::before {
	color: #000;
	border-color: #000;
}

address.show-on-map details>summary::before {
	color: #94d500;
	border-color: #94d500;
}

/* Minus sign when accordion open*/
details summary[aria-expanded="true"]:before, .no-details details.open>summary:before  {
	color: #000;
	border-color: #000;
}

address.show-on-map details summary[aria-expanded="true"]:before, .no-details details.open>summary:before  {
	color: #126050;
	border-color: #126050;
}

/* Box border changes colour on hover or focus */
details summary:hover,
details summary:focus {
    border: 2px solid #126050;
}

address.show-on-map details summary:hover,
address.show-on-map details summary:focus {
    border: 2px solid rgb(148,213,0);
}

#page details h3 {
    font-size: 1em !important;
    color: #000;
}

address.show-on-map details h3 {
    color: revert;
}

/* FIND A SITE SEARCH */

.hero-form fieldset,
.event-search-breakout .hero-form fieldset {
    min-height: 1em;
    padding: 0 0.9em;
    border: 0;
    border-radius: 0;
    position: relative;
    box-shadow: 0 0.5rem 0 -0.25rem rgb(0 0 0 / 10%);
}

.breakout-bg .hero-form fieldset {
    box-shadow: none;
    background-color: transparent;
}

.breakout-bg .hero-form fieldset legend {
    display: none;
}

.breakout-bg .hero-form fieldset .gsa-label,
.breakout-bg .hero-form fieldset a {
    color: #fff !important;
}

.breakout-bg .hero-form fieldset a {
    border-bottom: 1px solid #fff !important;
}

.breakout-area.event-search-breakout {
    padding: 0 !important;
}

.hero-form.has-legend fieldset legend,
.hero-form.has-legend fieldset button {
    background-color: #c4d664;
    color: #000 !important;
}

.hero-form.has-legend fieldset a {
    color: #000;
    border-bottom: 1px solid #000;
}

.datepart {
    color: #126050;
}

.content a.tag {
    background-color: #126050;
}

.event-card-content .three-quarters.column.alpha {
    padding-left: 1em;
}

.radio-checked:after {
    background-color: #126050 !important;
}

.paginate_active {
    background-color: #126050 !important;
}

.hero-form input[type=text], .hero-form select {
	box-shadow: none;
}

@media only screen and (max-width: 47em) {
    .hero-form .input-append li:first-child input {
        border-radius: 0.5em 0.5em 0 0 !important;
    }
}

/* KEY FIGURES */

.keyfigure .figure:after, .caption:nth-child(1):after, hr:before, .section-break:after {
	visibility: hidden !important;
}

.keyfigure .figure:nth-child(2):before, .keyfigure .caption:nth-child(2):before, .keyfigure .caption:nth-child(3):before, hr:after {
	visibility: hidden !important;
}

.keyfigure {
 	background-color: #dceade;
	text-shadow: none; 
	color: #126050;
	border: 0.2em solid;
	padding-top: 0px;
}


.keyfigure .caption {
	font-size: 1.5em;
}

/* GUIDE PAGES */

#local_sections .active a {
    background-color: #126050;
}

.active .caption {
    background-color: #126050;
}

/* WALKING AND CYCLING SEARCH - NOT CURRENTLY IN USE

#search-promo-hero {
    background-image: url(/-/media/hero-images/thingstodo/countryside/walkcyclepromo2-826-550.jpg);
    background-size: cover;
    background-position: right top;
    padding: 2rem;
}
#search-promo-hero .well {
    background-color: rgba(255, 255, 255, 0.75);
    margin: 0.5rem;
    box-shadow: 0 0 0 0.5em rgba(168, 164, 79, 0.5), inset 0 2px 0 0 rgba(168, 164, 79, 1.0);
}
#search-promo-hero .seven.columns {
    border: 1px solid rgba(168, 164, 79, 0.75);
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.5);
    padding: 0;
}
@media screen and (min-width: 37.5em) {
#search-promo-hero .seven.columns {
    width: 45%;
}
}

#search-promo-hero h2,
#search-promo-hero .lead {
    color: rgba(114, 153, 90, 1);
}
#search-promo-hero h2 {
    font-size: 2rem;
}
#search-promo-hero .lead {
    font-size: 1.5rem;
}
*/

/* OVERLAY IMAGES */

.overlay-image {
    position: relative;
}

.overlay-image img {
		border-radius: 25px;
}

#page .row .columns .overlay-image .caption {
    background: rgba(19, 96, 81, 0.8);
	width: 100%;
	position: absolute;	
	text-align: right;
	color: #fff;
	padding: 0.5em 1em 0.5em 0.2em;
		border-radius: 0 0 25px 25px;
}

#page .row .columns .overlay-image .caption {
    background: rgba(19, 96, 81, 0.8);
	width: 100%;
	position: absolute;	
	text-align: right;
	color: #fff;
	padding: 0.5em 1em 0.5em 0.2em;
}


.overlay-image:hover .caption.bottom {
	font-weight: 600;
}

.row .three.columns .overlay-image .caption {
	font-size: 1.5em;
}

.row .four.columns .overlay-image .caption {
	font-size: 1.8em;
}

.row .six.columns .overlay-image .caption {
	font-size: 1.5em;
}


/* NEWS */

.thumbnail-block h3,
.thumbnail-block a {
    color: #126050 !important;
}

.thumbnail-block a.thumbnail {
    border-left: 5px solid #9ebf4c;
}


/* PROMOTED TEXT IN A PULL LEFT */

p.hcs-intro {
    font-size: x-large;
    line-height: 1.5em;
    margin: 0 0 0.5em 0 !important;
}
.pull.left {
	border-color: #94d500;
	margin-bottom: 1.5em !important;
	text-align: left;
	border-right-width: 0;
	border-left-width: 0.25em;
		padding-left: 0.5em;
}

@media only screen and (min-width: 90em) {
    p.hcs-intro {
    margin-right: 10% !important; 
	
    }
}



/* NEWSLETTER */

.sapCpRuntime~.link-colorbox {
    padding-bottom: 16rem;
}

.sapCpLabel {
	width:75%;
	display:inline-block;
}

.req, .opt {
	width:25%;
	padding-top:0.5em;
}

.sapCpContentPage .sapCpWidget.sapCpWidgetHidden {
    display: none;
}

li .req,
.input-append li .req,
.input-append li .opt,
.input-append li .sapCpWidgetContent input,
.input-append li .sapCpWidgetContent button,
.input-append li .sapCpWidgetContent select {
    border-radius: 0 !important;
}


/* BUTTON WIDGET */

.sapCpButtonWidget .sapCpButtonWidgetExtraText,
.sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: block;
}

.sapCpContentPage:not(.sapCpMissingMandatoryField) .sapCpButtonWidget .sapCpMissingMandatoryFieldLabel {
    display: none;
}

.sapCpButtonWidget .sapCpErrorMessageText {
    display: block;
}

.sapCpContentPage:not(.sapCpSubmitError) .sapCpButtonWidget .sapCpErrorMessageText {
    display: none;
}

.sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: block;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpSuccessMessageLabel {
    display: none;
}

.sapCpContentPage:not(.sapCpSubmitCompleted) .sapCpButtonWidget .sapCpButtonWidgetDownloadLink {
    display: none;
}

.sapCpButtonWidget .sapCpButtonWidgetDownloadLink:not(.sapCpButtonWidgetDownloadLinkVisible) {
    display: none;
}

.sapCpButtonWidget.sapCpButtonWidgetLoading button {
    cursor: wait;
}

/* Customize the label (the container) */
.sapCpCheckBox {
  display: block;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0;
  cursor: pointer;
  font-size: 2.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sapCpCheckBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 3rem;
  width: 3rem;
  background-color: #fff;
  border-radius:0;
  border: 1px solid rgba(0,0,0,.25);
  box-shadow: inset 0 0.25rem 0 rgba(0,0,0,.1);
}



summary{color:#131E29;}
/*
    color: #FCDF51;
    color: #415364;
    color: #fff;
    color: #131E29;
*/
/* On mouse-over, add a background color */
.sapCpCheckBox:hover input ~ .checkmark {
  background-color: #98C23D;
}

/* When the checkbox is checked, add a  background 
.sapCpCheckBox input:checked ~ .checkmark {
  background-color: #571c4b;
  border-color:#331a4a;
}
*/
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.sapCpCheckBox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.sapCpCheckBox .checkmark:after {
  left: 1.125rem;
   top: .675rem;
  width: .5rem;
  height: 1rem;
  border: solid #131E29;
  border-width: 0 .25rem .25rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark-text{margin-left:4rem;display:inline-block;}

.alternate .error label,
.alternate .error legend,
.alternate .error .help,
.alternate .is-error,
.alternate .field-validation-error,
.alternate .req { 
    color: #98C23D !important;
}

.error-placeholder {
    clear: both;
    padding-top: 0.5rem;
}

/* FOOTER */

.breakout-bg.bg.alternate-four {
    background-color: #126050;
    color: #fff;
}


.breakout-bg.bg.alternate-four a {
    color: #fff;
}

.breakout-bg.bg.alternate-four h3 {
    color: #fff !important;
    font-size: 1.25em !important;
}

.breakout-bg.bg.alternate-four a:hover {
    background-color: #126050;
    color: #fff;
    text-decoration:underline;
}

#walking-button {
    margin-top: 2rem;
}

/* FIGURES */

figure {
    background-color: #126050;
    border-radius: 1.5rem;
	
}

figcaption {
    color: #fff;
    font-style: normal;
    position: absolute;
    font-size: xx-large;
    top: 8%;
    left: 6%;
	
}

figcaption.small {
	font-size: xx-large !important;
}

@media only screen and (max-width: 37.5em) {
    figcaption.small {
        font-size: small !important;
    }

    figcaption {
        font-size: large;
    }
}

@media only screen and (min-width: 37.5em) {
    figcaption {
        max-width: 80%;
        top: 5%;
		left: 14%;
		font-size: 1em;
		line-height: 1em;
    }

    figcaption.small {
        font-size: small !important;
    }

    .row.has-hidden-parts {
        display: none;
    }
}

@media only screen and (min-width: 64em) {
    figcaption {
        max-width: 80%;
        top: 5%;
		left: 14%;
		font-size: 1em;
		line-height: 1em;
		padding-right: 10px;
    }

}

@media only screen and (min-width: 90em) {
    figcaption {
        top: 7%;
        max-width: 81%;
		padding-right: 15px;
    }
}

figure img.scale-with-grid {
    border-radius: 1.5rem;
}

/* ABOUT US PAGE */

.well.mission {
    padding: 10px;
    background: #126050;
    color: #fff;
    margin: 0;
}

.well.mission h2, .well.vision h2 {
    text-align: center;
    margin: 0;
}

.well.mission h2 {
    color: #fff !important;
}

.well.vision h2 {
    color: #000 !important;
}

.well.vision {
    padding: 10px;
    background: #00A79D;
    color: #000;
    margin: 0;
}

@media only screen and (min-width: 64em) {
    .well.mission:after {
        content: " ";
        width: 0;
        height: 0;
        border-left: 220px solid transparent;
        border-right: 220px solid transparent;
        border-top: 20px solid #126050;
        position: absolute;
        bottom: -20px;
        left: 10px;
    }

    .well.vision:after {
        content: " ";
        width: 0;
        height: 0;
        border-left: 220px solid transparent;
        border-right: 220px solid transparent;
        border-top: 20px solid #00A79D;
        position: absolute;
        bottom: -20px;
        left: 10px;
    }
}

/*
h2.about{
    font-family: 'lemonbird' !important;
    font-size: 2em;
}
*/

.values p {
    text-align: center;
    margin-top: 0;

}

.values {
        border-right: 3px dotted #878786;
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 1em;
	margin-right: 0;
	min-height: 285px;
}

.goal {
    padding: 10px;
    border-radius: 20px;
    min-height: 7.5rem;
}

.goal#one {
    background: #94d500;
    margin-bottom: 1em
}

.goal#two {
    background: #fae056;
     margin-bottom: 1em;
}

.goal#three {
    background: #007069;
     margin-bottom: 1em;
    color: #fff;
}

.goal#four {
    background: #126050;
     margin-bottom: 1em;
    color: #fff;
}

@media only screen and (min-width: 37.5em) {
    .goal#one:before {
        background-image: url(/-/media/files/CSS/countryside/images/goals-connection.png);
        left: -16%;
        top: -1%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 8em;
        height: 8em;
        position: absolute; 
    }

    .goal#two:before {
        background-image: url(/-/media/files/CSS/countryside/images/goals-nature.png);
        left: -16%;
        top: -1%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 8em;
        height: 8em;
        position: absolute; 
    }

    .goal#three:before {
        background-image: url(/-/media/files/CSS/countryside/images/goals-sustainable.png);
        left: -16%;
        top: 3%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 8em;
        height: 8em;
        position: absolute; 
    }

    .goal#four:before {
        background-image: url(/-/media/files/CSS/countryside/images/goals-volunteer.png);
        left: -16%;
        top: 3%;
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 8em;
        height: 8em;
        position: absolute; 
    }

    .goal p {
        text-align: right;
        font-size: large;
        width: 80%;
        left: 19%;
    }
}

/* MAP ICON FIX */

address i {
    display: none;
}

/* UPCOMING EVENTS SLIDER */

.breakout-bg.bg.transparent section a[role="button"].white {
    background-color: #c4d664;
}
#page img.remove-border {
	border-radius: 0;
}

/* FEATURES - BREAKOUTS WITHIN PAGES */
.breakout-bg.bg.green {
    background-color: #c4d664;
}

.breakout-bg.bg.green h2 {
 font-size: xxx-large;
    font-family: "LemonBird" !important;
    color: #000 !important;
    text-shadow: 3px 5px #fff;
    margin-top: 0 !important;
    margin-bottom: 0.5em;
}

.breakout-bg.bg.green .well {
    background-color: #fff;
    border-radius: 0 0 20px  20px;
   margin:0!important;
}

.breakout-bg.bg.green  img {
    border-radius: 0!important;
}

/* Corporate team day icons */
#page .breakout-bg.bg.transparent.primary .columns.two {
    text-align:center;
}

@media only screen and (min-width: 47em) {
    #page .breakout-bg.bg.transparent.primary .columns.two {
        width: 20%;
    }
}

#page .breakout-bg.bg.transparent.primary .columns.two .well {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0;
    margin: 5px;
    font-weight: bold;
}

#page .breakout-bg.bg.transparent.primary .columns.two .well.lightgreen {
    background-color: #7db917;
}

#page .breakout-bg.bg.transparent.primary .columns.two .well.yellow {
    background-color: #ffbb06;
}

#page .breakout-bg.bg.transparent.primary .columns.two .well.darkgreen {
    background-color: #0a4336;
    color: #fff;
}

#page .breakout-bg.bg.transparent.primary .columns.two .well.salmon {
    background-color: #ed5766;
}

#page .breakout-bg.bg.transparent.primary .columns.two .well.teal {
    background-color: #52b7a0;
}

/* conform-block fix */
.conform-block>.columns>div {
    width: -webkit-fill-available;
}

/* Corporate team days image labels */
p.imagecaption {
    margin-top: -2rem;
    text-align: center;
}

p.imagecaption.tiltright {
    transform: rotate(-5deg);
}

p.imagecaption.tiltleft {
    transform: rotate(5deg);
}

p.imagecaption span {
    padding: 0.5rem;
    background-color: #126050;
    color: #fff;
    font-weight: bold;
}

p.strapline {
    font-size: 1.4rem;
    color: #126050;
    margin: 0 0 0.5em;
    line-height: 1.28;
}

@media only screen and (min-width: 48em) {
    p.strapline {
        font-size: 1.5rem;
    }
}

.breakout-bg.bg.alternate.transparent.alt.green .well, .breakout-bg.bg.alternate.transparent.alt.teal .well {
    border-radius: 20px;
    margin-top: 1em !important;
    background-color: #fff;
}

@media only screen and (min-width: 48em) {
    .breakout-bg.bg.alternate.transparent.alt.green .well {
        margin-top: 3em !important;
    }
}

.breakout-bg.bg.alternate.transparent.alt.green .well.remove-top {
    margin-top: 2em !important;
}

/* HEADER IMAGES */

#page .breakout-area.primary img {
	border-radius: 0;
}

#page .breakout-area.primary h1 {
    padding-top: 1em;
	text-align: center
}

#page .breakout-area.primary p.hcs-intro.remove-top.remove-bottom.pull.left {
	margin-top: 1em !important;
}

@media only screen and (min-width: 64em) {

#page .breakout-area.primary p.hcs-intro.remove-top.remove-bottom.pull.left {
	margin-left: 1.5em !important;
}
}



/* Autumn Countryside HTML banner */
  @import url("https://use.typekit.net/fea5fol.css");
@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&display=swap');


#country-park-autumn-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}
#country-park-autumn-banner {
    width: 100%;
    height: auto;
    border: 0;
    border-radius: 0;
    display: block;
    border-radius: 0!important;
    border: 0!important;
}
#country-banner-autumn-text {
    position: absolute;
    top: 35%;
    left: 8%;
    color: #faeddc;
    font-family: "open-sans", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.9rem;
    line-height: 1.3;
}
#country-banner-autumn-text strong {
    display: block;
}
#country-banner-autumn-text em {
   font-family: "Fuzzy Bubbles", sans-serif;
font-weight: 700;
    display: block;
    font-size:2.75rem;
}

@media(max-width:37.5em) {
#country-banner-autumn-text {
    top: 40%;
    left: 5%;
    font-size: 1rem;
    line-height: 1.3;
}
    
#country-banner-autumn-text em {
     font-size: 1rem;
    font-style:normal;
}
}