/*
Theme Name: Edenhouse 2017
Description: Edenhouse 2017 theme
Version: 1.0
Author: Andy
*/

/* General styles                                   */
/* ------------------------------------------------ */

html,body {
    height:100%;
}

body {
	margin: 0;
	background: #fff;
	min-width: 300px;
}

html, body, p, li, dd, td {
	color: #7b7973;
	line-height: 160%;
	font-size: 0.95em;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 300;
}

p {
    margin-top: 0;
    padding-top: 0;
}
/*
pace-running {
	background: url(images/preloader.gif) center 200px no-repeat #fff;
}

.pace-running > :not(.pace) {
  opacity: .5;
}

.pace-done > :not(.pace) {
  opacity: 1;
  transition: opacity .5s ease;
}
*/
img a, a img {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

td {
	vertical-align: top;
}

a {
	color: #34a1a0;
	text-decoration: underline;
    font-weight: 700;
	outline: none;
}

a:hover {
	color: #ff9900;
}

ul {
	margin: 8px 0 18px 18px;
	padding: 0;
}

li {
	padding-left: 4px;
	line-height: 180%;
}

b, strong {
    font-weight: 700;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {
	line-height: 150%;
    font-weight: 400;
    font-family: 'Merriweather Sans', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: #42413c;

}

h1 {
	font-size: 1.8em;
	margin-top: 0;
    /*text-align: center;*/
}

h2 {
	font-size: 1.7em;
    margin: 30px 0 10px 0;
}

h3 {
	font-size: 1.4em;
    margin: 30px 0 20px 0;
}

h4 {
    font-size: 1.2em;
    margin: 30px 0 20px 0;
}


hr {
    background: url('images/flower.png') no-repeat top center;
    background-size: contain;
    display: block;
    height: 48px;
    border: 0;
    position: relative;
    z-index: 99;
    margin: 60px 0;
    clear: both;
}

hr:before,
hr:after {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    background: #e8e3d5;
    height: 1px;
    top: 22px;
}

hr:before {
    left: 0;
    right: 53%;
    margin-right: 10px;
}

hr:after {
    right: 0;
    left: 53%;
    margin-left: 10px;
}




.wrapper {
	width: 950px;
	padding: 0 25px;
	margin: 0 auto;
    position: relative;
}

/* Header                                           */
/* ------------------------------------------------ */
#header {
	line-height: 140%;
	padding: 10px 25px;
    height: 60px;
    text-align: right;
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5 ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.lightheader {
     background: url(images/header-bg.png);
}


img#header-logo {
    float: left;
    margin-top: -5px;
    position: relative;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5 ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flexsliderheader, .single-slide {
	height: 100%;
    width: 100%;
	overflow: hidden;
    z-index: 1;
    position: fixed !important;
}

.headercaption {
    position: absolute;
    z-index: 99;
    bottom: 40px;
    left: 25px;
}

.headercaption-content {
    text-shadow: 0 0 14px rgba(0, 0, 0, 0.9);
    padding: 10px 24px 16px 24px;
    background: rgba(0, 0, 0, 0.5);
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    color: #e6d9b4;
    letter-spacing: 0.05em;
    max-width: 420px;
 }

 .headertitle {
    color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 0.4em;
    border-bottom: 2px solid #cfc197;
    text-transform: uppercase;
    padding: 22px 0;
    margin-bottom: 20px;
    display: inline-block;
 }

 .headertitle-smalltext {
    font-size: 32px;
    letter-spacing: 0.2em;
 }

 .single-slide {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 70% 50%;
 }

 .container {
     height: 100%;
     position: relative;
 }


 .container img.phoneimage {
     display: none;
 }


 /* Homepage                                         */
 /* ------------------------------------------------ */
 #homepage-activities, .roomthumbs {
     padding-bottom: 70px;
     overflow: hidden;
     margin: 20px -2.666% 0 -2.666%;
 }

.roomthumbs {
    clear: both;
    padding: 50px 0;
    background: #f6f2ec;
}

 .homepage-activity, .roomthumb {
     width: 28%;
     margin: 0 2.666%;
     float: left;
 }

 .homepage-activity h2 {
     font-size: 18px;
     letter-spacing: 0.08em;
 }

 .homepage-activity p {
     margin: 0 0 14px 0;
 }

.homepagecontent h3 {
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.1em;
    color: #34a1a0;
    margin-bottom: 20px;
}

 #homepage-strip {
    background: #f1ede5 url(images/header-bg.gif);
    padding: 80px 0;
    overflow: hidden;
    text-align: center;
 }


 #gardenslideshow {
    z-index: 1;
    position: relative;
    margin: 30px 0;

 }


/* Content                                          */
/* ------------------------------------------------ */
#mainbody {
    z-index: 2;
    position: relative;
    background: #fff;
}
.content {
    padding: 70px 0 100px 0;
	overflow: hidden;
	font-size: 1.1em;
	min-height: 200px;
}

.content, .content p, .content li {
	line-height: 160%;
}

.content img {
	max-width: 100%;
	height: auto;
}

#bookingframe {
    height: 500px;
    border:none;
    text-overflow:hidden;
}


a.readmore, input[type="submit"] {
	color: #fff;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 0.05em;
    background: #34a1a0;
	padding: 15px 25px;
 	text-decoration: none;
	display: inline-block;
	margin: 15px 0;
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 100%;
	cursor: pointer;
}

a.readmore:hover, input[type="submit"]:hover {
	background: #c2b8ac;
	color: #fff !important;
}

.divider a.readmore {
    color: #fff;
    border: 2px solid #fff;
}

a.readmore, .homepagebox-image img, input[type="submit"], .box-label, #varieties ul li a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.video {
    position: relative;
    padding-bottom: 54.25%;
    padding-top: 20px;
    margin: 30px 0 0 0;
    height: 0;
    overflow: hidden;
}

.video iframe,.video object,.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#video-author {
    margin: 5px 0 30px 25px;
    font-style: italic;
    font-size: 0.8em;
    line-height: 140%;
    color: #a2956d;
}

#winter-package {
    background: #f6f2ea;
    padding: 14px;
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: bold;
    overflow: hidden;
}

#winter-package h2 {
    color: #348f8e;
    font-size: 27px;
    font-weight: normal;
    font-family: 'Source Sans Pro', sans-serif;
    font-style: normal;
    margin: 0 0 5px 0;
}

#winter-package img {
    float: right;
    margin-left: 10px;
}

.twocolumns {
    margin: 25px -2%;
}

.column-half {
    width: 46%;
    float: left;
    margin: 2% 2%;
}

.column-half img {
    width: 100%;
    height: auto;
}

.column-half h3 {
    margin: 0;
}

.column-half {
    font-size: 0.9em;
}

#gardenpage-slideshow {
    width: 96%;
    margin: 0 2% 70px 2%;
}

#gardenpage-slideshow li.gardenpage-slide {
    background: #0000ff url(images/header-bg.gif) left top;
}

#gardenpage-slideshow img {
    width: 320px;
    height: auto;
    float: left;
}

#gardenpage-slideshow .gardencaption {
    float: left;
    margin: 20px;
}

#gardenpage-slideshow .flex-control-nav {
    bottom: -50px;
}

a.pdflink {
    background: url(images/pdf.png) left top no-repeat;
    display: block;
    padding-left: 40px;
    line-height: 32px;
    margin-bottom: 30px;
}

.roomspecs {
    text-align: center;
    margin: 20px auto 50px auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #e8e3d5;
    max-width: 220px;
    clear: both;
}

.roomspec {
    display: inline-block;
    padding: 0 10px 0 45px;
    font-size: 20px;
}

.bedrooms {
    background: url(images/icon-bedrooms.png) left top no-repeat;
}

.bathrooms {
    background: url(images/icon-bathrooms.png) left top no-repeat;
}

.people {
    background: url(images/icon-people.png) left top no-repeat;
}

ul.tariffs li i {
    display: inline-block;
    width: 320px;
    font-style: normal;
}

/* Testimonials                                           */
/* ------------------------------------------------ */
#testimonials {
    padding: 80px 0 80px 0;
    background: url(images/testimonials-bg.jpg);
    background-size: cover;
}

#testimonials h2 {
    color: #fff;
    margin-bottom: 20px;
    font-size: 36px;
}

#testimonials a.readmore {
    background: #fff;
    color: #303a15;
}

#testimonials a.readmore:hover {
    background: #beb085;
}

#quotearea {
    clear: both;
    height: 300px;
    padding-bottom: 50px;
}

#quote {
    background: url(images/quotes-bg.png) 0 12px no-repeat;
    padding: 20px 0 20px 40px;
    color: #fff;
    font-size: 22px;
    line-height: 160%;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0.05em;
    display: block;
}

#quoterotator {
    line-height: 140%;
}

#quoteauthor {
    padding: 20px 0 0 40px;
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.activitythumb {
    max-height: 350px;
    overflow: hidden;
}

/* Testimonials page                                */
/* ------------------------------------------------ */
#all-testimonials span {
    margin: 20px 0 42px 15px;
    display: block;
    font-size: 15px;
    font-weight: 700;
}

.testimonial {
    background: #f0ece6;
    position: relative;
    padding: 22px;
    font-size: 18px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    font-weight: 400;
}

.testimonial:after {
    content: ' ';
    position: absolute;
    border-style: solid;
    border-width: 14px 15px 0;
    border-color: #f0ece6 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -14px;
    left: 30px;
}


/* Footer                                           */
/* ------------------------------------------------ */
#footer {
    background: #1c1b1b url(images/footer-bg.gif);
    overflow: hidden;
}

#footer {
    font-size: 0.9em;
    padding: 80px 0;
    text-align: center;
}

#footer a, #footer, #footer p {
    color: #909090;
}

#footer img {
    padding: 0 20px 20px 20px;
}

#footer a:hover {
    opacity: 0.70;
    filter: alpha(opacity=70);
}

#copyright {
    font-size: 0.8em;
    margin: 12px 0;
    text-align: center;
}

#social {
    display: inline-block;
}

#social b {
    border-bottom: 1px solid #5d5d5d;
    display: block;
}

#social img {
    padding: 10px 6px;
}

.clearfix {
    clear: both;
}

.border {
    border-top: 1px solid #eae8e3;
    margin-bottom: 25px;
}


.panel {
    background: #f6f4f0;
    padding: 20px;
}

.panel h3 {
    margin: 0 0 10px 0;
}

.quote {
    line-height: 140%;
    color: #a2956d;
    font-style: italic;
    font-size: 1.4em;
    font-family: "times new roman", times, serif;
    padding-left: 24px;
    display: block;
    background: url(images/quotes.gif) left 4px no-repeat;
}

.smalltext {
    font-size: 0.9em;
    line-height: 120%;
    font-weight: bold;
    padding-left: 30px;
    margin: -10px 0 40px 0;
    display: block;
}

.roomplans {
    background: #f6f2ec;
    overflow: hidden;
}

.floorplan {
    max-height: 250px;
    width: auto;
    float: right;
}


a.scrollup {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 50px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	background: url('images/top.png') no-repeat;
	opacity: 0.5;
}

a.scrolldown {
    width: 69px;
    height: 41px;
    bottom: 0px;
    left: 48%;
    position: absolute;
    text-indent: -9999px;
    background: url('images/down.png') no-repeat;
    opacity: 1;
    z-index: 99;
}

/* Responsive elements                              */
/* ------------------------------------------------ */

@media screen and (min-width: 1280px) {
	.wrapper {
		width: 1200px;
	}
}

@media screen and (max-width: 1280px) {
	.wrapper {
		width: auto;
	}
}

@media screen and (max-width: 800px) {
    #bookingframe {
        height: 600px;
    }
}

@media screen and (max-width: 700px) {
    .scrolldown {
        display: none;
    }


    .box-wrapper {
        width: 46%;
    }
}

@media screen and (max-width: 600px) {
    #homepage-activities {
        margin-left: 0;
        margin-right: 0;
    }

    .homepage-activity {
        width: 100%;
        margin:0 0 50px 0;
        float: none;
    }

    .homepage-activity img {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 550px) {
    .twocolumns {
        margin-left: 0;
        margin-right: 0;
    }

    .column-half {
        width: 100%;
        margin:0 0 50px 0;
        float: none;
    }
}

@media screen and (max-width: 480px) {
    img#header-logo {
        width: 170px;
        height: auto;
        margin-top: 6px;
    }

    .headercaption-content {
        max-width: none;
        margin-right: 25px;
        font-size: 15px;
    }

    .headertitle {
        font-size: 20px;
    }

    ul.tariffs li i {
        width: auto;
        display: block;
    }
}




/* WP Common Styles */
ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	font: small-caps bold 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration:underline;
	}

.commentlist .time {
	padding-left:13px;
	}

.commenttext {
	border-top:1px solid #c5f386;
	padding: 0 20px 10px 20px;
	color:#fafcf6;
	}

.editLink {
   margin-top: 30px;
   text-align: center;
   padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
   background: #777;
   color: #fff;
   font-size: 18px;
   text-decoration: none;
   padding: 8px 15px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #444;
   text-decoration: none !important;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}

img.aligncenter {
   display: block;
   text-align: center;
   margin: 0 auto;
   padding-bottom: 10px;
}
img.alignright {
   text-align: right;
   display: block;
   float: right;
   margin: 10px 0px 5px 15px;
}
img.alignleft {
   text-align: left;
   display: block;
   float: left;
   margin: 10px 20px 5px 0px;
}
.wp-caption-text,.wp-caption-dd {
   margin: 0;
   font-weight: bold;
   font-size: smaller;
   text-align: center;
}
.wp-caption {
   margin-right: 5px;
}

.wp-caption img {
	padding-bottom: 5px;
}

.alignleft, .alignright {
	margin-bottom: 20px;
}

.more-link {
   display:block;
}
.linklove {
   display:none;
}
.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}


@media screen and (max-width: 560px) {
	.alignleft, .alignright {
		float: none;
		margin: 20px auto;
	}
}