/* cyrillic-ext */
@font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 400;
	src: url(/Assets/fonts/caveat/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIipYSxP.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 400;
	src: url(/Assets/fonts/caveat/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIGpYSxP.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* latin-ext */
  @font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 400;
	src: url(/Assets/fonts/caveat/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIupYSxP.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
	font-family: 'Caveat';
	font-style: normal;
	font-weight: 400;
	src: url(/Assets/fonts/caveat/WnznHAc5bAfYB2QRah7pcpNvOx-pjfJ9eIWpYQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

#page {background-color: #fff;}

#page .transparent {background-color: transparent !important;}


#page_content H1, #page_content H2, #page_content H3 {
	font-family: Caveat;
	font-weight: 400;
}
	
#page_content H1 {
	padding-top: 1em;
	font-size: 3em;
}

#page_content H2 {
	font-size: 2em;
}

#page_content H3 {
	font-size: 1.5em;
}


#microsite_header {
	background-color: rgb(140 198 62 / 43%);
    background-image: url(/-/media/Files/CSS/staunton-farm/pattern-leaves);
    padding-top: 1rem;
    background-size: 30%;
}

#page {
	background-color: #fff;
	background-image: url(/-/media/Files/CSS/staunton-farm/staunton-farm-background.jpg);
	background-repeat:  repeat-y;
	background-position: center;
	background-size: 100% auto;
        padding-top: 0;
}

footer.navbar.noprint {
	padding-top: 0;
}

footer .row.noprint {
	background-color: #fff;
	background-image: url(/-/media/Files/CSS/staunton-farm/animal-footer.png), url(/-/media/Files/CSS/staunton-farm/staunton-farm-background.jpg);
	background-repeat: no-repeat, repeat-y;
	background-position: bottom, center;
	padding-bottom: 10em;
	background-size: 100%, 100% auto;
        padding-bottom: 5em;
}

@media only screen and (min-width: 48em) {
	footer .row.noprint {
padding-bottom: 8em;
	}
}

@media only screen and (min-width: 64em) {
	footer .row.noprint {
padding-bottom: 13em;
	}
}

@media only screen and (min-width: 90em) {
	footer .row.noprint {
padding-bottom: 15em;
	}
}

@media only screen and (min-width: 120em) {
	footer .row.noprint {
padding-bottom: 25em;
	}
}


/* HOMEPAGE SLIDESHOW */

#microsite_header .scale-images.container.no-pad.content {
	z-index: 100000;
}

#local_header {
	z-index: 255;
}

.breakout-area {
	top: 0;
}

#slideshow ul.on li div.caption {
	position: absolute;
	background-color: rgba(243,112,33,0.8);
	max-width: 100%;
	height: auto !important;
	padding: 1rem 4rem;
}

@media only screen and (min-width: 37.5em) {
	#slideshow .navprev {margin-left: 2.5rem !important;}
	#slideshow .navnext {margin-right: 2.5rem !important;}
}

@media only screen and (min-width: 48em) {
	#slideshow ul.on li div.caption {
		position: absolute;
		background-color: rgba(243,112,33,0.8);
		max-width: 100%;
		height: auto !important;
		padding:1rem 4rem;
	}
}

@media only screen and (min-width: 64em) {
	.breakout-area {
		top: -70px;
	}
	#slideshow ul.on li div.caption {
		position: absolute;
		top: 7em;
		left: 5%;
		bottom: auto !important;
		background-color: rgba(243,112,33,1);
		max-width: 25%;
		margin:0;
		padding:2rem;
		border-radius: 0.75em;
	}
}

#slideshow ul.on li div.caption h2, #slideshow ul.on li div.caption p {
	color: #000;
	margin-bottom:1em;
}

.caption:nth-child(1):after{
	display:none
}


/* CONTENT CARDS */

div.card-tags {
	position: absolute;
	left: -9999px;
}

.wall .stamp, p.card-description {
	display:none;
}

.wall .brick .card-media {
	position: relative;
	height: 100%;
	background: #fff;
}

.wall .brick .card-media img {
	position: relative;
	top: 0;
	transform: none;
}


.wall li:nth-of-type(1n+0) .card-button {background:#F37021  !important; color:#000}
.wall li:nth-of-type(2n+0) .card-button {background:#8cc63e  !important;color:#000}
.wall li:nth-of-type(3n+0) .card-button {background:#62CAE1 !important; color:#000}
.wall li:nth-of-type(4n+0) .card-button {background:#FEC10D  !important; color:#000}
.wall li:nth-of-type(1n+0) .card-button {background:#DA3154  !important; color:#000}


/* NEWS SLIDER */

.bxslider a.thumbnail {
	padding: 0.35em;
	border-radius: 0.5em;
	border-bottom: none;
}

.bxslider li:nth-of-type(1n+0)  a.thumbnail   { background-color: #8cc63e; background-image: url("/-/media/Files/CSS/staunton-farm/pattern-webbed"); background-size: 80%; }
.bxslider li:nth-of-type(2n+0) a.thumbnail   { background-color: #FEC10D; background-image: url("/-/media/Files/CSS/staunton-farm/pattern-horseshoe") }
.bxslider li:nth-of-type(3n+0) a.thumbnail   { background-color: #F37021;background-image: url("/-/media/Files/CSS/staunton-farm/pattern-hooves");}
.bxslider li:nth-of-type(4n+0) a.thumbnail   { background-color: #62CAE1; background-image: url("/-/media/Files/CSS/staunton-farm/pattern-webbed");}
.bxslider li:nth-of-type(5n+0) a.thumbnail   { background-color: #DA3154;background-image: url("/-/media/Files/CSS/staunton-farm/pattern-horseshoe") }

.bxslider a.thumbnail img {
	border-radius: 0.5em 0.5em 0 0;
}

.bxslider a.thumbnail h3 {
	padding-left: 0.7em;
	padding-bottom: 0.5em;
	color: #000000;
}






/* OVERLAY IMAGES */

.overlay-image .caption {
	position: absolute;
	left: 1em !important;
	font-size: 1.2em;
	color: #000;
	max-width: 75% !important;
	border-radius: 0.65em 0.65em 0 0 !important;
	padding: 0.5em 1em !important;
   }
   
   /* OVERLAY IMAGES - breakout alternate*/
   
.breakout-bg.bg.alternate .columns:nth-child(1) .overlay-image {
	background-color: #FEC10D;
	border-bottom: 5px solid #FEC10D !important;
}
.breakout-bg.bg.alternate .columns:nth-child(1) .overlay-image .caption {background-color: #FEC10D;}

.breakout-bg.bg.alternate .columns:nth-child(2) .overlay-image {
	background-color: #8cc63e;
	border-bottom: 5px solid #8cc63e !important;
}
.breakout-bg.bg.alternate .columns:nth-child(2) .overlay-image .caption {background-color: #8cc63e;}

.breakout-bg.bg.alternate .columns:nth-child(3) .overlay-image {
	background-color: #F37021;
	border-bottom: 5px solid #F37021 !important;
}
.breakout-bg.bg.alternate .columns:nth-child(3) .overlay-image .caption {background-color: #F37021;}

.breakout-bg.bg.alternate .columns:nth-child(4) .overlay-image {
	background-color: #62CAE1;
	border-bottom: 5px solid #62CAE1 !important;
}
.breakout-bg.bg.alternate .columns:nth-child(4) .overlay-image .caption {background-color: #62CAE1;}


/* OVERLAY IMAGES - breakout alternate two*/
  
.breakout-bg.bg.alternate-two .columns:nth-child(1) .overlay-image {
	background-color: #62CAE1;
	border-bottom: 5px solid #62CAE1 !important;
}
 .breakout-bg.bg.alternate-two .columns:nth-child(1) .overlay-image .caption {background-color: #62CAE1;} 
 
 .breakout-bg.bg.alternate-two .columns:nth-child(2) .overlay-image {
	background-color: #da3154;
	border-bottom: 5px solid #da3154 !important;
}
.breakout-bg.bg.alternate-two .columns:nth-child(2) .overlay-image .caption {background-color: #da3154;}
  
   
.breakout-bg.bg.alternate-two .columns:nth-child(3) .overlay-image {
	background-color: #FEC10D;
	border-bottom: 5px solid #FEC10D !important;
}
.breakout-bg.bg.alternate-two .columns:nth-child(3) .overlay-image .caption {background-color: #FEC10D;}

.breakout-bg.bg.alternate-two .columns:nth-child(4) .overlay-image {
	background-color: #8cc63e;
	border-bottom: 5px solid #8cc63e !important;
}
.breakout-bg.bg.alternate-two .columns:nth-child(4) .overlay-image .caption {background-color: #8cc63e;}


/* OVERLAY IMAGES - breakout alternate three*/


.breakout-bg.bg.alternate-three .columns:nth-child(1) .overlay-image {
	background-color: #8cc63e;
	border-bottom: 5px solid #8cc63e !important;
}

.breakout-bg.bg.alternate-three .columns:nth-child(1) .overlay-image .caption {background-color: #8cc63e;}



.breakout-bg.bg.alternate-three .columns:nth-child(2) .overlay-image {
	background-color: #F37021;
	border-bottom: 5px solid #F37021 !important;
}
.breakout-bg.bg.alternate-three .columns:nth-child(2) .overlay-image .caption {background-color: #F37021;}

.breakout-bg.bg.alternate-three .columns:nth-child(3) .overlay-image {
	background-color: #62CAE1;
	border-bottom: 5px solid #62CAE1 !important;
}
.breakout-bg.bg.alternate-three .columns:nth-child(3) .overlay-image .caption {background-color: #62CAE1;}

.breakout-bg.bg.alternate-three .columns:nth-child(4) .overlay-image {
	background-color: #da3154;
	border-bottom: 5px solid #da3154 !important;
}
.breakout-bg.bg.alternate-three .columns:nth-child(4) .overlay-image .caption {background-color: #da3154;}








/* PAGE BUTTONS */

button.green, a[role="button"], a[role="button"]:visited, #page .breakout-bg.alternate-five .white.button {
	color: #000;
	font-weight: 700;
	background-color: #8cc63e;
	border-radius: .5em;
	min-height: 3em;
	transition: all .5s ease;
	text-shadow: none;
	box-shadow: none;
	border: none;
}

a[role="button"].green, button.green, input[type="submit"].green, input[type="reset"].green, input[type="button"].green {
	background-color: #8cc63e;
	border-color: none;
	color: #000 !important;
	border-bottom: none !important; 
}

a[role="button"].green:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover, #page .breakout-bg.alternate-five .white.button:hover {
	background-color: #AFD779;
	border-color: none;
	color: #000 !important;
}

.well.pink a[role="button"].green, .well.alternate button.green, .well.alternate input[type="submit"].green, .well.alternate input[type="reset"].green, .well.alternate input[type="button"].green {
	background-color: #FEC10D;
	border-color: #FEC10D;
	color: #000 !important;
	border-bottom: none !important; 
}

.well.pink a[role="button"]:hover, .well.alternate button:hover, .well.alternate input[type="submit"]:hover, .well.alternate input[type="reset"]:hover, .well.alternate input[type="button"]:hover {
	background-color: #d4e073;
	border-color: #d4e073;
	color: #000 !important;
}

.well.pink a[role="button"].green:hover, .well.alternate button.green:hover, .well.alternate input[type="submit"].green:hover, .well.alternate input[type="reset"].green:hover, .well.alternate input[type="button"].green:hover {
	background-color: #ffe9a9;
	border-color: #ffe9a9;
	color: #000 !important;
}

@media only screen and (min-width: 37.5em) {
	div.even-well {
		min-height: 304px !important;
	}
	div.even-well-two {
		min-height: 320px !important;
	}
}

@media only screen and (min-width: 48em) {
	div.even-well {
		min-height: 300px !important;
	}
	div.even-well-two {
		min-height: 230px !important;
	}
}

@media only screen and (min-width: 64em) {
	div.even-well {
		min-height: 255px !important;
	}
	div.even-well-two {
		min-height: 190px !important;
	}
}


/* NAVIGATION */
#page .navbar .nav {
	text-align: center;
        margin-top: 0.75em;
}

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

#page .navbar .nav>li>a {
    display: inline-block;
    font-weight: bolder;
    text-shadow: none;
    font-size: 1.25em;
    color: #000;
    border-radius: 7px 7px 0 0;
    min-width: 150px;}
	
#page .navbar .nav>li:nth-of-type(1)>a {
	background-color: #FEC10D;
}
#page .navbar .nav>li:nth-of-type(2)>a {
	background-color: #62CAE1;
}
#page .navbar .nav>li:nth-of-type(3)>a {
	background-color: #8cc63e;
}
#page .navbar .nav>li:nth-of-type(4)>a {
	background-color: #F37021;
}
#page .navbar .nav>li:nth-of-type(5)>a {
	background-color: #da3154;
}

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

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


/*IMAGES*/

img.orange {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #F37021;
   	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

img.yellow {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #FEC10D;
  	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

img.blue {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #62CAE1;
  	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

img.green {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #8CC63E;
  	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

img.pink {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #DA3154;
  	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}

img.brown {
    border-radius: 999em;
        line-height: 0;
    border: 10px solid #796367;
  	image-rendering: auto;
    height: auto;
    vertical-align: middle;
    width: 100%;
}



/*WELLS*/

.well {
	text-shadow: none;
	}

.well.green.alternate {
	padding: 1rem;
}

.well.green.alternate p {
	padding: 2rem 1em;
}

.well.yellow {
	min-height: 10em;
	padding: 2rem;
	border-radius: 2em;
	background-color: #FEC10D;

}

.well.blue {
	min-height: 10em;
	padding: 2rem;
	border-radius: 2em;
	background-color: #62CAE1;
	
}

.well.orange {
	min-height: 10em;
	padding: 2rem;
	border-radius: 2em;
	background-color: #F37021;
	
}

.well.green {
	min-height: 10em;
	padding: 2rem;
	border-radius: 2em;
	background-color: #8cc63e;
		}



.well.pink {
	min-height: 10em;
	padding: 2rem;
	background-color: #DA3154;
	color:#fff; 
	border-radius: 20px;
	}
	
.well.pink:after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 10em;
	height: 10em;
	bottom: -5em;
	right: -5em;
	background-image: url(/-/media/Files/CSS/staunton-farm/staunton-three-chicks.png);
	background-repeat: no-repeat;
	background-size: contain;
	color: #fff
}

#page .well.hooves  {
    background-image: url(/-/media/Files/CSS/staunton-farm/pattern-hooves.png);
	background-size: 70%;
    background-repeat: repeat;
    background-position: top left;
}

#page .well.webbed {
    background-image: url(/-/media/Files/CSS/staunton-farm/pattern-webbed.png);
	background-size: 70%;
    background-repeat: repeat;
    background-position: top left;
}

#page .well.horseshoe {
    background-image: url(/-/media/Files/CSS/staunton-farm/pattern-horseshoe.png);
	background-size: 70%;
    background-repeat: repeat;
    background-position: top left;
}
#page .well.blue a, #page .well.green a{
	color: #014579;
	border-bottom: 1px solid #014579;
	}

#page .well.yellow a:link{
	color: black;
    border-bottom: 1px solid black;
}

.keyfigure.well {
    background-color: #8cc63e;
    text-align: center;
    border-radius: 20px;
     min-height: 12.5em;
    vertical-align: middle;
}

.keyfigure .figure {
    font-size: 3rem;
    line-height: 1em;
    font-family: Caveat;
}

/* STICKY BUTTON */

button#contact-stickies-button {
    background-color: #DA3154;
    text-shadow: none;
    color: #FFFFFF;
    height: 5em;
    width: 5em;
    border-radius: 50%;
    border: 4px solid #fec10d;
    box-shadow: none;
    display: block;
	filter: drop-shadow(0.2rem 0.25rem 0.3rem #a1a1a1) !important;
}

@media only screen and (min-width: 37.5em) {
	button#contact-stickies-button {
		width: 8em;
		height:8em;
	}
}
#contact-stickies {
    position: fixed;
    bottom: 3em;
    right: 3em;
    z-index: 100000;
}

#contact-stickies dt {
    position: relative;
    z-index: 10;
    bottom: -2em;
    right: -1.25em;
}

@media only screen and (min-width: 72em) {
	#contact-stickies {
		bottom: calc(50vh - 2em);
		right: calc(-35em + 50vw);
	}
}

#contact-stickies dt:hover #contact-stickies-button{
    filter: none;
	animation-name: jiggle;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;	
}

.jiggle {
	left: -2em;
		position: relative;
	  animation-name: jiggle;
	  animation-duration: 2000ms;
	  animation-iteration-count: infinite;
	  animation-timing-function: ease-in-out;
	}
	
	.jiggle:hover{
		animation-play-state: paused;
	}
	
	
	@keyframes jiggle {
	  20% {transform: rotate(5deg);}
	  40% {transform: rotate(-10deg);}
	  60% {transform: rotate(10deg);}
	  80% {transform: rotate(-5deg);}
	  100% {transform: rotate(0deg);}
	}
	
	/* NEWSLETTER */

.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);
}

#__button39, #__button39:hover{
	background-color:#FCDF51;
	color:#131E29;
}

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

/* 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,
.alternate .error-placeholder{
    color: #FCDF51 !important;
}

.sapCpBody .alert-danger, .sapCpBody .alert-error {
    background-color: #FCDF51 !important;
    border-color: #131E29 !important;
	color: #131E29 !important;
}

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


/* PROMOS */

#page .well.promo {
    min-height: 1em;
    padding: 1rem;
    border-radius: 20px;
    margin-bottom: 40px;
    color: #fff;
    text-shadow: none;
    background-position: left 20px bottom 10px;
    background-repeat: no-repeat;
    background-color: rgb(21 21 39 / 15%);
    position: absolute;
    padding-bottom: 10em;
    top: 10%;
    left: 10%;
    max-width: 80%;
	
}
#page .well.promo h2 {
    font-size: 1.4em;
    color: #ffffff;
    text-shadow: 1px 1px #000;
}
a.desk-pic {
    display: none;
    border-bottom: none;
}
a.mob-pic {
    display: block;
    border-bottom: none;
}
a.desk-pic:hover, a.mob-pick:hover {
    border-bottom: none;
}
@media only screen and (min-width: 37.5em) {
    #page .well.promo {
        top: 4%;
        left: 5%;
        max-width: 70%;
        padding-bottom: 6em;
        background-size: 20%;
    }
    a.mob-pic {
        display: none;
    }
    a.desk-pic {
        display: block;
    }
    #page .well.promo h2 {
        font-size: 1.75em;
    }
}
@media only screen and (min-width: 48em) {
    #page .well.promo {
        top: 1%;
        left: 5%;
        max-width: 60%;
        padding-bottom: 7em;
        background-size: 30% 45%;
    }
    a.mob-pic {
        display: none;
    }
    a.desk-pic {
        display: block;
    }
    #page .well.promo h2 {
        font-size: 2em;
    }
}
@media only screen and (min-width: 50em) {
    #page .well.promo {
        top: 5%;
        left: 5%;
        max-width: 50%;
    padding-bottom: 8em;    }
    a.mob-pic { display: none;  }
    a.desk-pic { display: block; }
    #page .well.promo h2 { font-size: 2.6em; }
}

#page .breakout-bg.promo .breakout-content {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 3em;
}

#page .breakout-bg.promo.alternate.transparent.alt .breakout-content {
    background-image: none;
}

#page .breakout-bg.promo.alternate.transparent.alt .breakout-content .link-caption p.title {
	font-family: Caveat;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.25;
}

#page .breakout-bg.promo.alternate.transparent.alt .breakout-content .link-caption {
	color: #000;
}

#page .breakout-bg.alternate-four .breakout-content {
    background: #F37021;
    color: #fff !important;
    text-shadow: none; 
}

#page details summary {
    display: block;
    padding-left: 3rem;
    margin: .5em 0;
    line-height: 1em;
    margin-top: 0;
    border-radius: 2rem;
    color: #000;
}

#page .breakout-bg.promo.alternate-five.transparent .breakout-content  {
	background-image: url(/-/media/Files/CSS/staunton-farm/staunton-enlightened-promo.jpg);
	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
	border: solid #DA3154 5px
}

.breakout-bg.bg.promo.alternate-five.transparent .well {
    background-color: rgb(255 255 255 / 74%);
    border-radius: unset;
    padding: 1em;
    background-image: none;
	color: #000;
}

#page_content .breakout-bg.bg.promo.alternate-five.transparent .well  h3{
    font-size: 2em;
}

/* PROMOBLOCKS*/
@media only screen and (min-width: 40em) {
	.thumbnail>img {width: 70%;}

	a.thumbnail.no-padding {display: flex;}

	.columns.six a.thumbnail.no-padding, .columns.four a.thumbnail.no-padding   {display: inline;}

	.columns.six .thumbnail>img, .columns.four .thumbnail>img {
    	width: 100%;
	}
}

.thumbnail p.caption {
    text-transform:revert!important;
	font-family:revert!important
}

.thumbnail .link-caption .title {
    font-size: 1.5em;
}

.breakout-bg.bg.promo  p.caption {
    text-transform:revert!important;
	font-family:revert!important
}

.breakout-bg.bg.promo .title {
    font-size: 1.5em;
	font-weight:700
}

.breakout-bg.bg.transparent.promo {
    margin-bottom: 0.75em;
}

.breakout-bg.bg.transparent.promo .thumbnail{
    box-shadow: none;
}

/* PROMO BLOCKS */
.breakout-bg.bg.promo a.thumbnail.no-padding {
	background-color: #2A3551;
	color: #fff;
}

.breakout-bg.bg.promo a.thumbnail.no-padding:hover {
	background-color: #fff ;
	color: #2A3551;
}


/*EVENTS*/
.event-banner-row {
padding-top:5rem;
}
/*LINK TILES - TO ENABLE WHEN THERE IS ONLY ONE */
 
@media only screen and (min-width: 40em) {
 
    .thumbnail>img {width: 70%;}
 
    a.thumbnail.no-padding {display: flex;}
 
    .columns.six a.thumbnail.no-padding, .columns.four a.thumbnail.no-padding {display: inline;}
 
    .columns.six .thumbnail>img, .columns.four .thumbnail>img { width: 100%;}
}

.well.temp-price-offer{
     background: #ef4e5d;
     color:#222;
}