#page {
	background-color: #fff !important;}
	
#page .transparent {
    background-color: transparent !important;}
	
div.container > div.content > header.row {
	display: none;
}
	
#page_content H1, #page_content H2, #page_content H3, #page_content H4, p.caption, #local_menu_header li, #slideshow ul.on li div.caption, h1.three-quarters.column.alpha {
    font-family: 'Libre Baskerville', serif;}
	
#page h4 {
    font-size: 1em !important;
}

#page .dropdown-menu, #page .dropdown .caret {
	display: none;
}

/* BANNER AREA */
#page_content .banner-area {
    padding: 0 0 1em 0;
}

#page .banner-area H2, #page .banner-area h1 {  
    font-size: 2.2rem;
    text-shadow: 1px 1px #000;
	padding-top: .5em;
    font-family: 'Libre Baskerville';
    font-weight: 600;
	color: #fff;
}

@media only screen and (min-width: 48em) {
	#page .banner-area H2, #page .banner-area h1 {  
		font-size: 2.75rem;
	}
}

.banner-area .scale-images img {
    	min-height: 19.5em;
}

@media only screen and (min-width: 64em) {
	#microsite_header {
		background-image: url(/-/media/Files/CSS/hillier-gardens/images/hilliers-fern-green.png);
		background-repeat: no-repeat, repeat-x;
		padding-top: 1rem;
		background-size: 20%;
		background-position: bottom left 90px;
	}
}

.banner-area div.columns.twelve.center {
	background-color: rgb(0 0 0 / 55%);
}

/* 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: rgb(0 0 0 / 34%);*/
	}
}

blockquote.feature-quote {
	margin-left: 0.6em;
}

@media only screen and (min-width: 64em) {
	blockquote.feature-quote {
		margin-left: 0;
	}
}
	
/*FOOTERS */

.footer {
	background-color: #E0EBD6;
}

h2.footer-head{
   font-family: 'Libre Baskerville', serif;
   font-size: 1.25rem;
}

.footer a{
	border-bottom:1px solid #01599d;
}

.footer li.inlined a{
	border-bottom: none;
}


/*HORIZONTAL NAVIGATION */

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

/*LOGO and HORIZONTAL NAVIGATION */

#page {
    padding-top: 0;
}

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

a.hillierslogo, a.hillierslogo:hover, a.hillierslogo:hover {border:0;}

div.container > div.content > header.row {
    display: none;
}

#page .navbar-inner {
    background-color: #9f1d2400;
    border: none;
    box-shadow: none;
}
    
#page .navbar .nav>li>a {
    float: none;
    padding: .5rem;
    margin: 0;
    text-decoration: none;
    text-shadow: none;
}

#page .navbar .nav>li {
	border: none;
	float: none;
	display: inline;
	margin: 0;
}

#page .navbar .nav>li:not(:last-child):after {
	content: '';
	display: inline-block;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 1rem;
	background-color: #646464;
	position: relative;
	top: -0.225rem;
}

@media only screen and (max-width: 37.5em) {
    #microsite_header .scale-images.container.no-pad.content.add-bottom {
        margin-bottom: 0 !important;
    }
}

@media only screen and (min-width: 37.5em) {
	#global_container_breadcrumb{
		padding-bottom:1em;
	}
	
	#page #local_header{
		margin-bottom:0;
		position:absolute;
		top:3.75em;
		width:75%;
		left:0;
		line-height:1em
	}

	#page #local_menu_header{
		margin:0;
		text-align:left;
	}

    #page .navbar-inner {
        padding-left: 3.1rem;
    }
}

@media only screen and (min-width: 58em) {
	#global_container_breadcrumb{
		padding-bottom:0em;
	}

	#page #local_header{
		left: auto !important;
		right:0 !important;
		top:4.75em;
		width:88%;
	}

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

@media only screen and (min-width: 37.5em) and (max-width: 58em) {
	#page #local_header{
		width: 100%;
	}

	#page #local_menu_header{
		float: right;
		width: 90%;
		text-align: right;
		/* padding-right:1em; */
	}

	#page .navbar .nav > li{
		line-height: 0.6em;
	}
}

/*BREAKOUT BACKGROUNDS */

#page .breakout-bg.bg {
    background-color: #e0ebd6;
    padding-top: 1em;
    padding-bottom: 1em;
}

#page .breakout-bg.bg.alternate-six {
    background-color: transparent;
    padding-top: 1em;
    padding-bottom: 4em;
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/flowers-green.png), url(/-/media/Files/CSS/hillier-gardens/images/flowers-green.png), url(/-/media/Files/CSS/hillier-gardens/images/flowers-green.png);
    background-repeat: no-repeat;
    background-position-x: -200px, 1200px, 1000px;
    background-position-y: 20px, 300px, 600px;
}

#page .breakout-bg.alternate .breakout-content  {
    background-color: #e0ebd6;
     padding-top: 1em;
    padding-bottom: 1em;
}

#page .breakout-bg.alternate-two .breakout-content  {
    background-color: #669E24;
     padding-top: 1em;
    padding-bottom: 1em;
}


#page .breakout-bg.promo .breakout-content  {
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/promo);
    padding-top: 1em;
    padding-bottom: 1em;
	background-size:cover;
}

#page .breakout-bg.promo.alternate .breakout-content  {
	background-image: url(/-/media/Files/CSS/hillier-gardens/images/promo-alternate.jpg);
	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
 	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
}

#page .breakout-bg.promo.alternate-two .breakout-content  {
	background-image: url(/-/media/Files/CSS/hillier-gardens/images/promo-alternate-two.jpg);
	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
 	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
}

#page .breakout-bg.promo.alternate-three .breakout-content  {
	background-image: url(/-/media/Files/CSS/hillier-gardens/images/promo-alternate-three.jpg);
	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
 	padding-top: 1em;
	padding-bottom: 1em;
	background-size:cover;
}

.promo { 
    background-color: rgb(255 255 255 / 70%);
    padding:1em;
}

div.breakout-area.footer {
	padding-left: 0.7em;
}
	
@media only screen and (min-width: 48em) {
	div.breakout-area.footer {
		padding-left: 0;
	}
}

/*WELLS */

#page .well {
	background-color: #E0EBD6;
	padding: 1rem;
	margin: 0;
    height: 100%;
}

#page .well.alternate {
    background-color: #669e24;
    color: #000;
    text-shadow: none;
}

#page .well.alternate-two {
    background-color: #fff;
    color: #000;
    text-shadow: none;
}

#page .well.alternate-three {
    background-color: #c4db80;
    color: #000;
    text-shadow: none;
}


.well.address-well {
    border: 3px ridge #669e24;
}


#page .well.trees {
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/trees-green); 
    background-repeat: no-repeat;
    background-position: bottom ;
    padding-bottom: 5em;
    background-size: 20%;
}


#page .well.bird {
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/bird-green);
	background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 5em;
    background-size: 25%;
        
}

#page .well.flowers {
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/flowers-green); 
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 5em;
    background-size: 30%;
}


#page .well.leaves {
    background-image: url(/-/media/Files/CSS/hillier-gardens/images/leaves-green); 
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 4em;
    background-size: 40%;
}

/* COLOURED GRIDS */
.row.green {
	background-color: #E0EBD6;
}

/*KEYFIGURES */

#page .keyfigure {
	background-color: #E0EBD6;
	min-height: 11em;
}


/* QUOTES */	
	
blockquote p, #page .blockquote q {
    font-style: oblique;
}

blockquote.feature-quote q:before, #page .blockquote.feature-quote p:before {
    color: rgb(102 158 36 / 63%);
    content: open-quote;
    font-size: 12rem;
    left: -2rem;
    position: absolute;
    top: 2.5rem;
}

blockquote q:before, blockquote p:before {
    content: open-quote;
    font-size: 3rem;
    left: -.25em;
    position: absolute;
 }

/*BUTTONS */

#page .button.green, a[role="button"], a[role="button"]:visited {
	border-radius: .5em;
	min-height: 3em;
	transition: all .5s ease;
	text-shadow: none;
	box-shadow: none;
	border: none;
}

#page a[role="button"].green, button.green, a[role="button"].white, input[type="submit"].green, input[type="reset"].green, input[type="button"].green {
	background-color: #5ca038 !important;
	border-color: #5ca038 !important;
	color: #000 !important;
	
}

#page a[role="button"].green:hover, a[role="button"].white:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover {
	background-color: rgb(92 160 56 / 75%) !important;
	border-color: #5ca038 !important;
	color: #000 !important;
}

#page a[role="button"] {
	background-color: #00396f;
	border-color: #00396f;
	color: #fff;
	
}

#page a[role="button"]:hover {
	background-color: rgb(0 57 111 / 75%);
	border-color: #00396f;
	color: #fff;
}

/* Buttons inside a homepage hero image */
#page .banner-area div.columns.twelve.center a[role="button"] {
    background-color: #5ca038;
	border-color: #5ca038;
	color: #000;
}


/* STICKY BUTTON */

button#contact-stickies-button {
    background-color: #d22777;
    text-shadow: none;
    color: #FFFFFF;
    height: 3em;
    width: 10em;
    display: block;
	border-radius: 0;
	font-size: larger;
}

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

#contact-stickies dt {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    right: 0px;
}

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

/* MENUS */

 .right {
    float: right;
}

.courtyard-menu  h3  {
    font-family: 'Questrial', sans-serif !important;
    color: black;
}
   
.courtyard-menu {
    background-color: #B58128 !important;
    padding: 1em;
    margin-bottom: 1em;
}

.garden-menu h3 {
    font-family: 'Lora', serif !important;
    color: black;
}  
	
.garden-menu {
    background-color: #97AE5D !important;
    padding: 1em;
    margin-bottom: 1em;
}

.new-garden h1,
.new-garden h2,
.new-garden p strong {
	color: #AB5D30;
}

.new-garden h1 {
	font-family: 'Libre Baskerville', serif;
}

.new-garden p.lead,
.new-garden h3 {
	color: #501404;
}

#garden-head {
	padding-top: 4rem;
}

.tilia-menu h3 {
    font-family: 'Satisfy', cursive !important;
    color: black;
    font-size: 2rem;
}
    
.tilia-menu {
    background-color: #5B9F2D !important;
    padding: 1em;
    margin-bottom: 1em;
}

#cboxLoadedContent .garden-menu .well{
	background-color: #E0EBD6;
	padding: 1rem;
	margin: 0 0 1.8em 0;
}

/* DIRECTIONS WIDGET */

#page label>input.directions-radio {
	display: none;
}

#page label>input.directions-radio+img {
	cursor: pointer;
	border: 0.25em solid transparent;
	padding: 0.5em;
}

#page label>input.directions-radio:checked+img {
	border: 0.25em solid #669E24;
	padding: 0.5em;
}

#page .number-blocks {
	display: inline-block;
	height: 1.875em;
	width: 1.875em;
	line-height: 1.875em;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #52811D;
	color: #fff;
	text-align: center;
	margin-right: 0.313em;
}

.transport-method {
	margin-right: 1.25em;
}

.input-append li:first-child input,
.input-append li:last-child button {
	border-radius: 0!important;
}


/* OVERLAY IMAGES */

.overlay-image{
	position: relative;
	overflow: hidden;
}

.overlay-image img{
	max-width: 100%;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.overlay-image:hover img, .overlay-image:focus img {
	-moz-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.overlay-image .caption {
	position:absolute !important;
	bottom: calc(-1em + 50%) !important;
	left:	45% !important;
	width: 55% !important;
	padding: 0.25em !important;
	text-align: right;
	font-size: 1em;
}

@media only screen and (min-width: 64em) {
	.overlay-image .caption {
		left:	50% !important;
		width: 50% !important;
		font-size: 1.25em;
	}
}

/* THUMBNAIL TILES */

.breakout-bg.transparent .thumbnail {
	padding-top: 4rem;
	background-color: #e0ebd6;
	background-image: url(/-/media/Files/CSS/hillier-gardens/images/hilliers-fern-green.png);
	background-repeat: no-repeat;
	background-position: bottom right 130px;
	background-size: 90%;
	color: #000;

}

.thumbnail, a.thumbnail, .thumbnail-block a {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 1em;
    transition: all .5s ease;
    text-align: center;
    font-size: 1.25rem;
    box-shadow: none;
}

/* INLINE CONTENT ARROW - for active tile - desktop only */
@media only screen and (min-width: 64em) {
    #page .breakout-bg .thumbnail.active:after {
        content: " ";
        width: 0;
        height: 0;
        border-left: 142px solid transparent; /* 3-column content - Adjust dimensions for different numbers of columns */
        border-right: 142px solid transparent;
           border-top: 20px solid rgb(224 235 214);
        position: absolute;
        bottom: -20px;
        left: 0;
    }
}


/* EVENTS */

#page .event-search-breakout{
	background: none;
	padding: 0 !important;
}


#page .event-card-description {color: #000;}
#page .event-card-occurrence {color: #000;}
#page .event-card .dateblock {color: #000; text-shadow: none}
#page .event-cards li:nth-of-type(1n+0) .event-card-media {background:#E0EBD6;}
#page .event-cards li:nth-of-type(1n+0) .event-card.blocklink {background:#fff;}
#page .event-cards li:nth-of-type(2n+0) .event-card-media {background:#E0EBD6;}
#page .event-cards li:nth-of-type(2n+0) .event-card.blocklink {background:#fff;}


div.breakout-area.event-search-breakout {
	display: none;
}

ul#local_filters > li:nth-child(2) {
  	display: none;
}

/*LOOPING VIDEO*/

#video-overlay {
    position: relative;
    bottom: 4em;
    right: 0;
    /* background: rgba(0, 0, 0, 0.75); */
    padding: 1em;
}

#video-overlay h2 {
    font-size: 2em;
    position: absolute;
    color: #fff;
    text-align: right;
    text-shadow: 0 0 0.25em rgb(0 0 0);
    right: 0;
    bottom: 1em;
    font-family: 'Libre Baskerville', serif;
}

#video-overlay a[role="button"].green{
    position: absolute;
	background: #669E24;
    border:#fff;
	color: #fff;
    text-shadow: none;
    right: 3em;
    top: -0.6em;
}

#auto-video-pause{
    min-height:auto;
    border-radius: 10em;
    height: 2em;
    width: 2em;
    text-align: center;
    color: #fff;
    background: #669E24;
    box-shadow: none;
    position: absolute;
    right: 0;
    bottom: 0;
}

#auto-video-pause em:before{
	font-family: 'wcms';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;	
    font-size: 1em;
    position: absolute;
    top: .25em;
    left: .4em;
	content:"\e600";
	text-shadow:none;
}

#auto-video-pause.paused em:before{
    font-size: 1.75em;
    color:#fff;
    position: absolute;
    top: -0.125rem;
    left: 0.125rem;
    content:"\e60e";
}

@media only screen and (min-width: 60em) {
	#auto-video {
		width: 100%;
		margin-top: 1rem;
	}
}


/*EVENTS*/
div.breakout-area.event-search-breakout {
	display: none;
}

ul#local_filters > li:nth-child(2) {
  	display: none;
}

/*DOCUMENT TYPES ON LINKS */
a[role="button"][href$=".pdf"]:after, a[role="button"][href$=".csv"]:after, a[role="button"][href$=".doc"]:after, a[role="button"][href$=".docx"]:after, a[role="button"][href$=".xls"]:after, a[role="button"][href$=".xlsx"]:after{
	border:1px solid #fff;
	color:#fff;
}

.well a[href$=".pdf"]:after, a[href$=".csv"]:after, a[href$=".doc"]:after, a[href$=".docx"]:after, a[href$=".xls"]:after, a[href$=".xlsx"]:after{
	border:1px solid #222;
	color:#222;
}
	
#page label, legend {
    min-height: 2em;
}