/*
Warburton Green
Created: Aug 19, 2022;
*/


/*
CSS Reset 
https://www.ninth.digital/blog-posts/what-is-a-css-reset-and-the-proper-way-to-do-it
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}

nav ul, nav ol {
  list-style :none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select {
  vertical-align :middle;
}

/* End CSS Reset */


.b {display: inline-block;text-decoration: none; padding: 12px 42px;border:none; background-color: #39552C; color:#fff; border-radius: 25px;font-family: "Shippori Mincho", georgia, serif; font-size: 18px;}


body {
	background-color: #F6F6EC;
	color: #39552C;
	font-family: "Shippori Mincho", georgia, serif;
  background: #F6F6EC url('../img/page-repeating-bg.png') repeat 0 0; background-size: 15%;
  line-height: 1.6em
}

p {line-height: 1.8em; margin-bottom: 24px;}
a {color:#629F46; text-decoration: underline}
h2 {font-size: 24px;margin-bottom:24px;}

.stage-container {width: 1200px;margin: 0 auto;}
#main-nav {display: flex; width:100%;margin: 0 auto padding-top:15px; position: fixed; top:0; background-color: rgba(246,246,236, 90%);}
.body-home #main-nav {margin-bottom: 0;}
.body-home #content {}

#main-nav ol                  {display: flex; flex-flow: row nowrap; flex-grow:1; justify-content: space-between;max-width:1200px; margin:0 auto;}
#main-nav li                  {margin: 0; padding-top:61px; padding-bottom: 30px;}
#main-nav li a                {border-radius:50px;font-size: 18px; font-weight:500;padding:12px 18px;border-width:2px; border: 2px solid rgba(0,0,0,0); color:#39552C; text-decoration: none; display: block;}
#main-nav li a:hover          {background-color:#F6F6EC;border-color:rgba(57,85,44,100); box-sizing:content-box;}
#main-nav li.nav-logo         {padding-top: 3px;margin-left: 0}
#main-nav li.nav-logo a       {text-indent: -9999px;width:209px; height:86px;background:url('../img/Logo.png') no-repeat 0 0; background-size: 100%}
#main-nav li.nav-logo a:hover {border-color:rgba(0,0,0,0);}
#main-nav li.insta            {padding-top:60px;}
#main-nav li a.insta          {font-size: 30px;}
#main-nav li .insta span      {position: absolute;left:-9999px;}
#main-nav li.nav-book         {margin-right:0;background: url('../img/leaf_book-bg.png') no-repeat 14px 23px; background-size: 100%;padding-top: 61px; padding-bottom: 20px;}
#main-nav li.nav-book a       {display: inline-block; padding: 12px 42px; background-color: #39552C; color:#fff; border-radius: 35px;}
#main-nav li.nav-book a:hover {background-color:#1C3112 }


#content {padding-bottom: 200px;padding-top:260px;}
.body-home #content {padding-top:180px;}
.body-home #main-nav {background-color: transparent;}
.body-home #content .stage-container {width:933px;min-height:858px;position: relative; background:url('../img/img_floral-circle.png') no-repeat 50% 50%; background-size: 100%; position: relative; display: flex; align-items: center; justify-content:center;}
h1 {font-size: 40px; font-weight: 400; padding-bottom: 15px; text-align: center; margin:0 auto;}
h2 {font-size: 14px; font-weight: 600; text-align: center; letter-spacing: 0.02em; margin:0 auto;}

.body-book #main-nav {position: static; background-color: transparent}
.body-book #content {padding-top: 64px;}

.intro-header {padding:200px 0 120px;margin-bottom:20px;background:url('../img/house/flower-header.png') no-repeat 50% 30px;}
.body-gardens .intro-header {background-image: url('../img/gardens/flower-header.png'); background-position: 50% 0;}
.intro-header h1 {padding-bottom: 25px;}
.intro-header h2 {font-size: 16px; font-weight: 400}


/*
.i {display: block; width:40px; height:40px; background-repeat:no-repeat; background-position: 0 0; background-size: 50%; position: absolute;left:0; top:0;}
.i-leaf {width:200px; height:200px;}

.il-1  {background-image:url('../img/leaf-1.png');left:240px;top:582px;width:428px;height:351px;}
.il-2  {background-image:url('../img/leaf-1.png');left:220px;top:px;width:217px;height:217px; display: none;}
.il-3  {background-image:url('../img/leaf-3.png');left:px;top:px;width:134px;height:208px; display: none;}
.il-4  {background-image:url('../img/leaf-4.png');left:px;top:px;width:171px;height:203px; display: none;}
.il-5  {background-image:url('../img/leaf-5.png');left:px;top:px;width:268px;height:306px; display: none;}
.il-6  {background-image:url('../img/leaf-6.png');left:px;top:px;width:189px;height:190px; display: none;}
.il-7  {background-image:url('../img/leaf-7.png');left:px;top:px;width:464px;height:365px; display: none;}
.il-8  {background-image:url('../img/leaf-8.png');left:px;top:px;width:166px;height:156px; display: none;}
.il-9  {background-image:url('../img/leaf-9.png');left:px;top:px;width:144px;height:103px; display: none;}
.il-10 {background-image:url('../img/leaf-10.png');left:px;top:px;width:163px;height:199px; display: none;}
.il-11 {background-image:url('../img/leaf-11.png');left:px;top:px;width:231px;height:248px; display: none;}
.il-12 {background-image:url('../img/leaf-12.png');left:px;top:px;width:350px;height:408px; display: none;}
.il-13 {background-image:url('../img/leaf-13.png');left:px;top:px;width:433px;height:370px; display: none;}
.il-14 {background-image:url('../img/leaf-14.png');left:px;top:px;width:368px;height:360px; display: none;}
.il-15 {background-image:url('../img/leaf-15.png');left:px;top:px;width:441px;height:431px; display: none;}
.il-16 {background-image:url('../img/leaf-16.png');left:px;top:px;width:355px;height:348px; display: none;}
.il-17 {background-image:url('../img/leaf-17.png');left:px;top:px;width:305px;height:364px; display: none;}
.il-18 {background-image:url('../img/leaf-18.png');left:px;top:px;width:329px;height:365px; display: none;}
.il-19 {background-image:url('../img/leaf-19.png');left:px;top:px;width:303px;height:288px; display: none;}
.il-20 {background-image:url('../img/leaf-20.png');left:px;top:px;width:338px;height:291px; display: none;}
.il-21 {background-image:url('../img/leaf-21.png');left:px;top:px;width:246px;height:240px; display: none;}
.il-22 {background-image:url('../img/leaf-22.png');left:px;top:px;width:197px;height:175px; display: none;}
.il-23 {background-image:url('../img/leaf-23.png');left:px;top:px;width:416px;height:424px; display: none;}
.il-24 {background-image:url('../img/leaf-24.png');left:px;top:px;width:452px;height:415px; display: none;}
.il-25 {background-image:url('../img/leaf-25.png');left:px;top:px;width:164px;height:164px; display: none;}
.il-26 {background-image:url('../img/leaf-26.png');left:px;top:px;width:158px;height:160px; display: none;}
.il-27 {background-image:url('../img/leaf-27.png');left:px;top:px;width:158px;height:160px; display: none;}
.il-28 {background-image:url('../img/leaf-28.png');left:px;top:px;width:222px;height:222px; display: none;}
.il-29 {background-image:url('../img/leaf-29.png');left:px;top:px;width:192px;height:176px; display: none;}
.il-30 {background-image:url('../img/leaf-30.png');left:px;top:px;width:200px;height:160px; display: none;}

.il-31 {background-image:url('../img/leaf-31.png');left:px;top:px;width:335px;height:367px; display: none;}
.il-32 {background-image:url('../img/leaf-32.png');left:px;top:px;width:395px;height:252px; display: none;}
.il-33 {background-image:url('../img/leaf-33.png');left:px;top:px;width:299px;height:328px; display: none;}
.il-34 {background-image:url('../img/leaf-34.png');left:px;top:px;width:534px;height:543px; display: none;}
.il-35 {background-image:url('../img/leaf-35.png');left:px;top:px;width:631px;height:648px; display: none;}
.il-36 {background-image:url('../img/leaf-36.png');left:px;top:px;width:332px;height:351px; display: none;}
.il-37 {background-image:url('../img/leaf-37.png');left:px;top:px;width:246px;height:306px; display: none;}
.il-38 {background-image:url('../img/leaf-38.png');left:px;top:px;width:244px;height:225px; display: none;}
.il-39 {background-image:url('../img/leaf-39.png');left:px;top:px;width:244px;height:235px; display: none;}
.il-40 {background-image:url('../img/leaf-40.png');left:px;top:px;width:207px;height:236px; display: none;}

*/

.body-book #content .stage-container   {display:flex; flex-flow: row nowrap;justify-content:center; column-gap:60px; align-items:flex-start;}
#faq-panel                     {width: 600px;border:2px solid #39552C;border-radius:10px; background-color: #F6F6EC}
#faq-panel #titles             {background: url('../img/ad-panel-header.png') no-repeat 0 0; background-size: 100%; padding-top: 230px; margin-bottom: 30px;}
.ap-blurb                     {padding: 60px 60px 0;margin-bottom:40px;background: url('../img/leaf-0.png') no-repeat 50% 0; background-size: 45px;}
#faq {padding:0 60px 30px;}
#faq h2 {text-align: left; font-size:21px; font-weight: 600; margin-bottom:32px;}
#faq ul {list-style-type:none;margin:0;padding:0;}
#faq li {margin-bottom:32px;}
#faq li > span {display: block;}
.question {margin-bottom:8px; font-weight: 600; text-decoration: none; color:#39552C;}
.answer {}

@media only screen and (min-width: 1025px) {
}


.hint {font-size: 12px; line-height: 1.8em}

#book-panel                   {width:540px;}
#book-panel form {margin:0;padding:0;}
#book-panel fieldset {margin:0;padding:0;}
#book-panel legend span {position: absolute;left:-9999px;}

#book-panel ol {margin:0;padding:0;list-style-type:none;}
#book-panel li {position: relative; display: block}
#book-panel fieldset > ol > li {margin:0 auto 16px;padding:0;}
#book-panel label {position: absolute; left:24px; top:12px;}
#book-panel input {display: block;height: 80px; border-radius: 10px;
  color:#39552C; font-size: 14px; border:none;width:100%;border:2px solid #fff;
  font-family: "Shippori Mincho", georgia, serif; font-size: 18px; padding:32px 24px 10px;
  box-sizing:border-box;}
#book-panel input:hover {border-color:#629F46;}
#book-panel input:focus, #book-panel input:active {border-color:#629F46;}

#book-panel .stay-dates ol {display:flex; flex-flow: row nowrap;justify-content:center; column-gap:16px;}
#book-panel .stay-dates ol li {width:50%;}

#book-panel .people-number {margin-bottom: 40px;}
#book-panel .people-number input {width:240px;}
#book-panel textarea {display:block;width:100%; height: 160px;border:none;;border-radius:10px;color:#39552C;
padding: 32px 24px 10px;font-family: "Shippori Mincho", georgia, serif; font-size: 18px;box-sizing:border-box;}
#book-panel .contact-submit {padding-top:30px;}
.contact-submit button {margin-bottom:16px;}


.gardens ul {list-style:none;margin:0;padding:0;}
.gardens .stage-container > ul {margin-bottom: 50px;}
.gardens .stage-container > ul > li {display: block;margin-bottom: 0; padding-bottom: 90px; background-repeat: no-repeat; background-position: 50% 100%}
.gardens .stage-container > ul > .leaf-1 {background-image: url(../img/gardens/leaf-1.png)}
.gardens .stage-container > ul > .leaf-2 {background-image: url(../img/gardens/leaf-2.png)}
.gardens .stage-container > ul > .leaf-3 {background-image: url(../img/gardens/leaf-3.png)}
.gardens .stage-container > ul > .leaf-4 {background-image: url(../img/gardens/leaf-4.png)}
.gardens .stage-container > ul > .leaf-5 {background-image: url(../img/gardens/leaf-5.png)}
.gardens .stage-container > ul > .leaf-6 {background-image: url(../img/gardens/leaf-6.png)}
.gardens ul ul {display: flex; column-gap:2px;}

.cta ul {list-style:none; margin:0 auto; text-align: center; display: flex; justify-content: center; column-gap:20px;}
.cta ul li {}