/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.garden_discovery_box_container {
	max-width:1060px;
}

.garden_discovery_box {
	width:257px;
	height:257px;
	background-size:cover;
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
	position:relative;
}

.garden_discovery_title {
	font-family: 'Cinzel', serif;
	font-size:36px;
	border-bottom:1px solid black;
    margin-bottom: 30px;
    line-height: 35px;
}

.garden_discovery_box:nth-child(4n+4) {  
	margin-right:0px;
}

@media only screen and (max-width:1075px) {
	.garden_discovery_box:nth-child(4n+4) {  
		margin-right:10px;
	}

	.garden_discovery_box:nth-child(3n+3) {  
		margin-right:0px;
	}
}

@media only screen and (max-width:808px) {
	.garden_discovery_box:nth-child(4n+4) {  
		margin-right:10px;
	}

	.garden_discovery_box:nth-child(3n+3) {  
		margin-right:10px;
	}

	.garden_discovery_box:nth-child(2n+2) {  
		margin-right:0px;
	}
}

@media only screen and (max-width:540px) {
	.garden_discovery_box {  
		margin-right:auto !important;
		margin-left:auto;
	}
}

.garden_discovery_hover {
	opacity:0;
	cursor:pointer;
	text-decoration: none;
	text-align:center;
	color:white;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background: rgba(79,29,99,0.8);
	background: -moz-radial-gradient(center, ellipse cover, rgba(79,29,99,0.8) 0%, rgba(46,7,59,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(79,29,99,0.8)), color-stop(100%, rgba(46,7,59,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(79,29,99,0.8) 0%, rgba(46,7,59,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(79,29,99,0.8) 0%, rgba(46,7,59,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(79,29,99,0.8) 0%, rgba(46,7,59,1) 100%);
	background: radial-gradient(ellipse at center, rgba(79,29,99,0.8) 0%, rgba(46,7,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f1d63', endColorstr='#2e073b', GradientType=1 );
}

.garden_discovery_hover span {
	font-family: 'Economica', sans-serif;
	font-size:34px;	
    padding-top: 100px;
    display:block;
}

.garden_discovery_error {
	font-size:26px;
	text-align:center;
	min-height:300px;
	padding-top:20px;
	font-weight:bold;
}

.garden_discovery_pageTitle {
    margin-top: 10px;
	font-family: "Trajan Pro", 'Cinzel', serif;
	font-size:34px;
}

.garden_discovery_pageDescription {
	font-family: "Myriad Pro", 'Droid Sans', sans-serif;
	font-size:16px;	
}

.garden_discovery_slider {
	max-width:1440px;
	margin:0 auto;
}

.garden_discovery_slide {
	background-size:cover;
	background-repeat:no-repeat;
	display:block;
}

.garden_discovery_slide.slick-slide.slick-current.slick-active {
	opacity:1;
}

.garden_discovery_slide.slick-slide {
	opacity:0;
}

.garden_discovery_slider_navigation {
	max-width:1440px;
	margin:0 auto;
	position:relative;
}

.garden_discovery_nav_tab {
	display:inline-block;
	background:#aacf4a;
	height:24px;
	border-right:2.5px solid white;
	border-left:2.5px solid white;
	vertical-align:top;
	transition:all 0.5s;
	margin-bottom: 10px;
}

.garden_discovery_nav_tab:hover {
	opacity:0.9;
	cursor:pointer;
}

.garden_discovery_nav_tab.active_tab {
	height:34px;
	background:#265630;
	margin-bottom:0px;
}

.garden_discovery_nav_tab:first-child {
	border-left:0px;
}

.garden_discovery_nav_tab:last-child {
	border-right:0px;
}

.garden_discovery_container .slick-slider {
	margin-bottom:0px;
}

.garden_discovery_container .slick-arrow {
	width:20px;
	height:49px;
	box-shadow:none;
	text-shadow:none;
	background-size:100%;
	background-repeat:no-repeat;
}

.garden_discovery_container .slick-arrow:active {
	box-shadow:none;
	text-shadow:none;	
}

.garden_discovery_container .slick-next.slick-arrow {
	/*Background image in class-garden-discovery-public.php*/
	right:20px;
	z-index:200;
}

.garden_discovery_container .slick-prev.slick-arrow {
	/*Background image in class-garden-discovery-public.php*/
	left:20px;
	z-index:200;
}

.garden_discovery_container .slick-next.slick-arrow:before,
.garden_discovery_container .slick-prev.slick-arrow:before {
	content:" ";
}

.garden_discovery_mobile_title {
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    color: white;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: rgba(79,29,99,0.8);
    opacity:0;
}

.garden_discovery_mobile_title span {
	font-family: 'Economica', sans-serif;
	font-size:34px;	
    display:block;
}