/*Content*/ body p { font-size:20px; line-height:33px; padding:0 0 20px 0; font-family: Lato, sans-serif;color:#23161A; } #content { margin:0 auto; } #content .spacing { padding:40px 0; } #content h1 { padding:0 0 18px 0; color:#444; font-size:36px; line-height:54px; font-weight:600; font-family: Calluna, serif; } #content h2 { padding:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:600; font-family: Calluna, serif; } #content h3 { padding:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:500; font-family: Calluna, serif; } #content h4 { padding:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:500; font-family: Calluna, serif; } #content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; font-family: Calluna, serif; } #content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; font-family: Calluna, serif; } #content form, #content p { font-size:22px; line-height:33px; padding:0 0 20px 0; font-family: Lato, sans-serif;color:#23161A; } #content a {color:#006b3f;} #content ul, #content ol { font-size:22px; line-height:33px; padding:0 0 0 20px; margin:0 0 20px 0; } #content ul { list-style:square; } #content li { padding:4px 0; } /*Page Styles*/ #content .entry-header h1 { margin-left:auto; margin-right:auto;} #content .entry-header.has-featured-image {background-position:center center; background-size:cover; } #content .entry-header.has-featured-image h1 { color:#fff; padding:0; } #content .entry-header.has-featured-image h1, .entry-header.has-featured-image h1 { font-size:60px; line-height:70px; color:#fff; font-weight:700;} #default-page .container .entry-content { max-width:1200px; padding:30px; margin:0 auto; } @media (max-width:620px){ #content .entry-header.has-featured-image h1 {font-size:45px; line-height:55px; padding:25% 5%!important;} } /* Alignment */ .alignleft { float: left; margin:6px 20px 14px 0; } .alignright { float: right; margin:6px 0 14px 20px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; padding:6px 0 14px 0; } /*Contact Forms*/ form [type="text"], form [type="tel"], form [type="email"], form [type="url"], form [type="search"], form select, form textarea, form [type="submit"] { padding:8px 13px !important; height:auto !important; line-height:16px; background:#fff; border:1px solid #ccc; border-radius:3px; } form [type="submit"] { text-align:center; cursor:pointer; } form [type="submit"]:hover { background:#f9f9f9; } .frm_style_formidable-style.with_frm_style .form-field { margin-bottom:10px !important; padding-bottom:5px !important; } @media all and (max-width: 600px) { .frm_hidden_container label.frm_primary_label { display:none !important; } } @media all and (max-width: 600px) { .frm_forms .frm_form_field { width:100%; } .frm_forms .frm_submit input { width:100%; padding:0; font-size:16px; line-height:50px; } } /* Blog */ #primary { position:relative; } #primary h1 { margin:0 0 30px 0; font-size:36px; line-height:46px; color:#006B3F; } #primary h2 { margin:0 0 25px 0; font-size:30px; line-height:40px; color:#006B3F; } #primary h3 { margin:25px 0 10px 0; font-size:26px; line-height:36px; color:#222; } #primary h4 { margin:25px 0 5px 0; font-size:24px; line-height:34px; color:#222; } #primary h5 { margin:25px 0 5px 0; font-size:22px; line-height:32px; color:#222; } #primary h6 { margin:25px 0 5px 0; font-size:18px; line-height:28px; color:#222; } #primary h1 a, #primary h2 a { color:#222; text-decoration:none; } #primary hr { border:none; background:none; margin:30px 0; border-bottom:1px solid #ccc; } #primary form, #primary p, #primary li { margin:0 0 15px 0; font-size:18px; line-height:32px; color:#000; } #primary li { margin:0 0 5px 0; } #primary ul, #primary ol { margin:0 0 15px 35px; } #primary #main { max-width:1200px; padding:40px 30px; margin:0 auto; } #primary .entry { margin-bottom:30px; } #primary .entry-footer, #primary .entry-meta { font-size:14px; } #primary .entry-footer > span, #primary .entry-meta > span { display:inline-block; margin-right:10px; padding:5px 0; } #primary .entry-footer span, #primary .entry-meta span, #primary .entry-footer a, #primary .entry-meta a { color:#666; text-decoration:none; } #primary .entry-footer i, #primary .entry-meta i { margin-right:5px; } #primary .blog-back-link { display:inline-block; position:fixed; left:30px; bottom:30px; font-size:30px; width:54px; height:54px; color:#fff; background:#fff; border:3px solid #444; border-radius:30px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #primary .blog-back-link i { width:54px; height:54px; text-align:center; line-height:54px; color:#444; } #primary.blog article:hover { } #primary.blog article a { text-decoration:none; } #primary.blog article p { color:#000; } #primary.blog article img { display:block; width:100%; vertical-align:top; } #primary.blog article i { margin-right:5px; font-size:14px; } #primary.blog article .time { color:#595959; } #primary.blog article .time .fa-user-circle { vertical-align:bottom; } #primary.blog article .time * { vertical-align:middle; } #primary.blog article .time a { display:inline-block; color:#595959; text-transform:uppercase; font-size:14px; line-height:14px; } #primary.blog article .time a:hover { color:#444; } #primary.blog article h2 { vertical-align:top; margin:10px 0; } #primary.blog article h2 a { display:block; padding:5px 0; margin:0; font-size:20px; line-height:24px; } #primary.blog article .btn { padding:10px 15px; margin:0; background:#333; color:#fff; font-weight:bold; display:block; border-radius:2px; text-decoration:none; text-transform:uppercase; text-align:center; } #primary.single a { color:#006B3F; } #primary.single a:hover { color:#004f2f; } #primary.single #main { max-width:800px; padding:85px 30px 40px 30px; } #primary.single img { margin-bottom:15px; } #primary.single h1 { margin:0; } #primary.single .entry-meta-data { padding:15px 0; color:#999; text-transform:uppercase; } #primary.single .entry-meta-data > span { margin-right:15px; display:inline-block; color:#777; text-transform:uppercase; font-size:14px; line-height:14px; } #primary.single .entry-meta-data > span .fa-user-circle { vertical-align:bottom; } #primary.single .entry-meta-data > span * { vertical-align:middle; } #primary.single .entry-meta-data > span i { margin-right:1px; font-size:12px; } #primary.single .entry-meta-data a { color:#777; text-decoration:none; } #primary.single .entry-meta-data a:hover { color:#444; } #primary.single .cat-links a, #primary.single .tags-links a { margin:0 2px 2px 0; border:1px solid #ccc; padding:0 5px; font-size:11px; line-height:14px; border-radius:4px; } #primary.single .widget { margin:0 0 15px 0; } #primary.single .widget ul { list-style:none; margin:0 0 20px 0; } #primary.single .widget li a { display:block; text-decoration:none; color:#777; font-size:15px; line-height:20px; font-weight:400; } #primary.single .widget .screen-reader-text { display:none; } #primary.single .widget h2 { margin:5px 0; font-size:20px; text-transform:uppercase; } #primary.single .widget.widget_categories a { text-transform:uppercase; } #primary.single .widget [type="search"] { margin-bottom:5px; } #primary.single figcaption { font-size:15px; color:#999; margin:-15px 0 15px 0; } @media all and (max-width: 1000px) { #primary .blog-back-link { left:10px; bottom:10px; } } @media all and (max-width: 600px) { figure { float:none !important; margin:0 !important; width:100% !important; max-width:none !important; } figure img { width:100%; } } #primary .inner-header {padding: 5% 7%;} @media (max-width: 1050px) { #primary .inner-header {padding: 8% 7%;} } @media (max-width: 400px) { #primary .inner-header {padding: 12% 7%;} } .post-box { } .blog .pagination { margin-top:30px; } .blog .screen-reader-text { display:none; } .blog .page-numbers { border: 1px solid #ccc; padding: 10px 16px; border-radius:5px; margin:0 5px; color:#006B3F; text-decoration:none; } .blog .page-numbers.current { color:#fff; background:#006B3F; border:none; padding:10px 16px; border-radius:5px; } .blog .next { border:none!important; padding:0!important; margin-left:15px; } .blog .prev { border:none!important; padding:0!important; margin-right:15px; } /*Blog Search*/ #blog-search .wrapper { background:#fff; } #blog-search .container { padding:30px 0 0 0; max-width:1200px; margin:0 auto; } #blog-search .widget { float:left; width:50%; } #blog-search .screen-reader-text { display:none; } #blog-search h2 { margin-bottom:10px; } #blog-search form { margin-top:15px; float:right; } #blog-search form input { margin-top:2px; } #blog-search ul { list-style:none; } #blog-search li { display:inline-block; } #blog-search a { color:#444; margin:0 5px 5px 0; border:1px solid #ccc; padding:0 10px; font-size:15px; line-height:18px; border-radius:4px; text-decoration:none; } #blog-search a:hover { border-color:#aaa; } @media all and (max-width: 1200px) { #blog-search .container { padding:30px 30px 0 30px; } } @media all and (max-width: 700px) { #blog-search .widget { width:100%; } #blog-search form { float:none; } } /*Popup*/ #popup { position:relative; z-index:99999; position:fixed; top:0; right:0; bottom:0; left:0; overflow:auto; } #popup .overlay { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.5); z-index:1; } #popup .frame { margin:0 auto; top:100px; max-width:800px; width:90%; position:relative; background:#fff; border-radius:2px; padding:.1%; z-index:2; } #popup .close { position:absolute; right:-10px; top:-10px; width:25px; height:25px; line-height:25px; font-size:15px; text-align:center; color:#333; background:#fff; border-radius:50%; cursor:pointer; } @media all and (max-width: 770px) { #popup .frame { top:20px; } } #popup form { padding:25px; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: calc(1.5 * 1rem); } .gallery-item { display: inline-block; margin-right: 16px; margin-bottom: 16px; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: calc((100% - 16px * 1) / 2); } .gallery-columns-2 .gallery-item:nth-of-type(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { max-width: calc((100% - 16px * 2) / 3); } .gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { max-width: calc((100% - 16px * 3) / 4); } .gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { max-width: calc((100% - 16px * 4) / 5); } .gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { max-width: calc((100% - 16px * 5) / 6); } .gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0; } .gallery-columns-7 .gallery-item { max-width: calc((100% - 16px * 6) / 7); } .gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0; } .gallery-columns-8 .gallery-item { max-width: calc((100% - 16px * 7) / 8); } .gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0; } .gallery-columns-9 .gallery-item { max-width: calc((100% - 16px * 8) / 9); } .gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0; } .gallery-item:last-of-type { padding-right: 0; } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .gallery-item > div > a { display: block; line-height: 0; box-shadow: 0 0 0 0 transparent; } .gallery-item > div > a:focus { box-shadow: 0 0 0 2px #0073aa; } a.btn {text-align:center;background-color:transparent;border:2px solid #006B3F;color:#006B3F;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} a.btn:hover {background-color:#0F6B3F;color:#F9F5F0!important;} /* Front Page */ #frontpage { margin-top:-15%; } #frontpage .btn {text-align:center;background-color:transparent;border:2px solid #006B3F;color:#006B3F;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} #frontpage .btn:hover {background-color:#0F6B3F;color:#F9F5F0;} #frontpage .section1 .full_width {background-color:#F9F5F0;} #frontpage .section1 .front2 {max-height:500px;background-color:#F9F5F0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;align-content: normal;background-image: url('/wp-content/uploads/2023/02/Cream-Pattern.png');background-size:cover;} #frontpage .section1 .border {border:100px solid #fff;padding:0px 0;} #frontpage .section1 h1 { font-size:55px;line-height:1em; color:#2F2A27;} #frontpage .section1 .front2 .contentblock {display:flex;flex-direction:column;padding:0px 0px 0px 80px;width:49%;margin-top:3.5%;} #frontpage .section1 .contentblock2 {width:auto;position:relative;top:-3em;left:6em;float:right;} #frontpage .section1 .front2 .contentblock .btn {max-width:180px;text-align:center;background-color:transparent; margin:25px 0;border:2px solid #006B3F;color:#006B3F;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} #frontpage .section1 .front2 .contentblock p {line-height:33px;font-size:22px;margin:40px 0 0px 0;} #frontpage .section2 { background-color:#F9F5F0;width:100%;margin:0 auto;padding:40px 0; } #frontpage .section2 h2 { color:#006B3F;font-size:55px;line-height:1em;text-align:center;margin-bottom:40px; padding:0 40px;} #frontpage .section2 .slickslider1 { max-width:1250px;margin:0 auto;} #frontpage .section2 ul.slides li {list-style:none;} #frontpage .section2 ul.slides .slide {margin:0 20px 0 20px;} #frontpage .section2 .screenshot {width: 100%;padding:20% 0;height: auto;background-size: cover !important;cursor: pointer;display: flex;justify-content: flex-start;box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);} #frontpage .section2 .screenshot i {color: #fff; font-size: 90px; text-shadow: 0px 3px 6px #00000029;} #frontpage .section2 .slidertxt { position:relative;top:12em;margin-left:5%;z-index:9999;} #frontpage .section2 .vidtitle { font-family:Calluna, serif;color: #fff;font-size:30px;margin-bottom:5px;z-index:9999;} #frontpage .section2 .vidtext { color: #fff;z-index:9999;font-size:18px; } #frontpage .section2 .section2-btns { display:flex;justify-content:center;width:100%;margin:0 auto;} #frontpage .section2 a {margin:30px 10px 0 10px;text-decoration:none;} #frontpage .section2 a.bookbtn {color:#F9F5F0;background: #0F6B3F 0% 0% no-repeat padding-box;border: 3px solid #006B3F;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;text-align:center;} #frontpage .section3 {background-color:#F9F5F0;background-image: url('/wp-content/uploads/2023/04/Leaf-Pattern.webp');background-size:cover;} #frontpage .section3 h2 { color:#2F2A27;font-size:55px;line-height:1em;text-align:center;padding:40px; } #frontpage .section3 .flexgrid .deal {max-height:380px;display:flex;width: 100%;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:4%;} #frontpage .section3 .events .flexgrid .deal .image {width:49%;} #frontpage .section3 .flexgrid .deal .info {width:49%;display:flex;flex-direction:column;justify-content:center;padding:20px 20px;} #frontpage .section3 .flexgrid .deal .info .ttl {color:#23161A;font-size:22px;line-height:1em;font-weight:600;padding-bottom:10px;} #frontpage .section3 .flexgrid .deal .info .excerpt {color:#23161A;font-size:18px;line-height:24px;padding-bottom:20px;} #frontpage .section3 .flexgrid .deal .info .event-link a {color:#006B3F;font-size:18px;line-height:24px;font-weight:700;text-decoration:none;} #frontpage .section3 .events {padding:0 7% 100px 7%;max-width:1400px;margin:0 auto;} #frontpage .section3 .events .flexgrid { display: flex;justify-content:flex-start;flex-flow: row wrap;grid-gap:5%; } #frontpage .section3 .events .flexgrid .holder { width: 30%;position: relative;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #frontpage .section3 .events .flexgrid .holder a {text-decoration:none;color:} #frontpage .section3 .events .flexgrid .holder .event-title {padding:15px 15px 0 15px;color:#23161A;font-size:22px;line-height:1em;font-weight:600;min-height:40px;} #frontpage .section3 .events .flexgrid .holder .event-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #frontpage .section3 .events .flexgrid .holder .event-link {padding:15px 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #frontpage .section4 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding:100px 0px 0 0px;} #frontpage .section4 .contentblock {max-width:500px;display:flex;flex-direction:column;justify-content:center;max-height:600px;} #frontpage .section4 .contentblock2 {max-height:600px;} #frontpage .section4 .contentblock h2 {color:#006B3F;font-size:55px;line-height:1em;text-align:left;margin-bottom:40px;} #frontpage .section4 .contentblock p {margin-bottom:25px;} #frontpage .section4 .contentblock a {max-width:220px;} #frontpage .section4 .contentblock2 .back-img {max-width:650px;} #frontpage .section4 .contentblock2 .front-img { max-width:400px;position:relative;top:-54%;left:-18%;} #frontpage .section5 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding-top:100px;} #frontpage .section5 .contentblock2 {width:69%;max-width:550px;display:flex;flex-direction:column;justify-content:center;} #frontpage .section5 .contentblock {max-width:550px;width:39%;} #frontpage .section5 .contentblock2 h2 {color:#006B3F;font-size:55px;line-height:1em;text-align:left;margin-bottom:40px;} #frontpage .section5 .contentblock2 p {margin-bottom:30px;} #frontpage .section5 .contentblock2 a {max-width:100px;} #frontpage .section6 {background:#F9F5F0;max-height:800px;margin-top:50px;max-height:37em;} #frontpage .section6 .flex {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;} #frontpage .section6 .contentblock {max-width:700px;display:flex;flex-direction:column;justify-content:center;} #frontpage .section6 .contentblock2 {margin-top:-50px;} #frontpage .section6 .contentblock h2 {color:#2F2A27;font-size:53px;line-height:1.1em;text-align:left;margin-bottom:40px;} #frontpage .section6 .contentblock p {margin-bottom:30px;} #frontpage .section6 .contentblock a {max-width:150px;} #frontpage .section7 { max-width:1400px;margin:0 auto;padding:100px 0; } #frontpage .section7 h2 { width:100%;color:#006B3F;font-size:55px;line-height:1em;text-align:center;margin-bottom:40px; } #frontpage .section7 .contentblock {display:flex;justify-content:space-between;grid-gap:30px;} #frontpage .section7 .contentblock .block1 {max-width:100%;height:100vh;max-height:500px;} #frontpage .section7 .contentblock .block2 {max-width:100%;height:100vh;max-height:500px;} #frontpage .section7 .contentblock .block3 {max-width:100%;height:100vh;max-height:500px;} #frontpage .section7 .contentblock .block4 {max-width:100%;height:100vh;max-height:500px;} #frontpage .section7 a {text-decoration:none;color:#fff; width: 50%; padding-bottom:30px;} #frontpage .section7 .contentblock .title {font-family: Calluna, serif;font-size:30px;color:#fff;padding:0 20px 10px 20px;display:flex;justify-content:flex-end;flex-direction:column;height:70%;} #frontpage .section7 .contentblock .desc {color:#fff;padding:0 20px 20px 20px;} #frontpage .section7 .contentblock span {padding:0 20px 20px 20px;} #frontpage .section7 .overlay { width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #0000001E 40%, #000000D1 100%) 0% 0% no-repeat padding-box; } #frontpage .section8 {background:#F9F5F0;width:100%;} #frontpage .section8 .flex { margin:0 auto;display:flex;flex-direction:column;} #frontpage .section8 h2 { width:100%;color:#2F2A27;font-size:42px;line-height:1em;text-align:center;margin-bottom:40px; } #frontpage .section8 .desc {max-width:750px;margin:0 auto;text-align:center;padding-bottom:30px;} #frontpage .section8 .desc a {color:#006B3F;font-weight:700;text-decoration:none;} #frontpage .section8 a.btn {margin:0 auto;max-width:250px;} @media (max-width:1500px) { #frontpage .section1 .border {border:20px solid #fff;} #frontpage .section1 {} #frontpage .section1 .front2 {max-height:none;} #frontpage .section1 .front2 .contentblock { width:100%;padding:0px 20px;} #frontpage .section1 .contentblock2 { position:unset;margin:0 auto;padding-bottom:30px;} } @media (max-width:1400px) { #frontpage .section4 .contentblock {margin:0 auto;padding-bottom:40px;max-width:100%;} #frontpage .section4 .contentblock2 {margin:0 auto;padding-bottom:100px;} #frontpage .section4 .contentblock2 .front-img {top:-20em;left:-40px;} #frontpage .section4 {padding:100px 40px 0 40px;flex-direction:column;} #frontpage .section5 {padding:100px 40px 0 40px;flex-direction:column;} #frontpage .section5 .contentblock {order:2;margin:0 auto;padding-bottom:20px;max-width:100%;width:auto;} #frontpage .section5 .contentblock2 {order:1;margin:0 auto;padding-bottom:50px;max-width:100%;width:100%;} #frontpage .section6 {max-height:none;} #frontpage .section6 .flex {padding:0px 40px 0 40px;flex-direction:column;} #frontpage .section6 .contentblock {order:1;margin:0 auto;padding:30px 0 50px 0;max-width:100%;} #frontpage .section6 .contentblock2 {order:2;margin:0 auto;padding-bottom:30px;} #frontpage .section7 {padding:100px 40px 0 40px;} } @media (max-width:1300px) { #frontpage .section2 .slickslider1 {width:90%;} } @media (max-width:1150px) { #frontpage .section2 .slidertxt {top:9em;} } @media (max-width:1050px){ #frontpage .section7 .contentblock .title {height:65%;} } @media (max-width:800px) { #frontpage {margin-top:0;} #frontpage .section2 section#slider1 { margin:0 20px; } #frontpage .section3 .flexgrid {flex-direction:column;grid-gap:30px;justify-content:center;} #frontpage .section4 {flex-direction:column;padding-bottom:30%;} #frontpage .section4 .contentblock {margin:0 auto;padding-bottom:40px;} #frontpage .section4 .contentblock2 {margin:0 auto;padding-bottom:0;} #frontpage .section4 .contentblock2 .front-img {position:relative;margin-top:30%;left:0px;width:70%;} #frontpage .section5 {padding-top:20%;flex-direction:column;} #frontpage .section5 .contentblock {width:100%;margin:0 auto;order:2;} #frontpage .section5 .contentblock2 {order:1;width:100%;margin:0 auto;padding-bottom:40px;} #frontpage .section6 {max-height:none;padding:40px 0;} #frontpage .section6 .flex {flex-direction:column;} #frontpage .section6 .contentblock {width:100%;margin:0 auto;} #frontpage .section6 .contentblock2 {margin:0 auto;padding-top:40px;} #frontpage .section7 .contentblock {flex-direction:column;max-width:100%;margin:0 auto; padding-bottom: 30px;} #frontpage .section7 a {width: 100%;} #frontpage .section3 .flexgrid .deal {flex-direction:column;max-height:none;max-width:440px;margin:0 auto;} #frontpage .section3 .events .flexgrid .deal .image {width:100%;min-height:250px;} #frontpage .section3 .flexgrid .deal .info {width:94%;padding:20px 20px;justify-content:flex-start;} #frontpage .section3 .events .flexgrid {flex-direction:column;grid-gap:30px;} #frontpage .section3 .events .flexgrid .holder {max-width:440px;width:100%;margin:0 auto;} #frontpage .section2 .slidertxt {top:5em;} } @media (max-width:600px) { #frontpage .section2 .slidertxt {top:2.5em;} #frontpage .section2 .section2-btns {flex-direction:column;width:250px;} #frontpage .section4 {padding-bottom:0;} #frontpage .section4 .contentblock2 .front-img {margin-top:35%;} #frontpage .section7 .contentblock .title {height:60%} } @media (max-width:500px) { #frontpage .section1 .border {border:20px solid #fff;} #frontpage .section2 section#slider1 { margin:0 40px; } #frontpage .section4 {padding:40px 40px 0 40px;} #frontpage .section4 .contentblock2 {padding-bottom:0;max-height:420px;} #frontpage .section4 .contentblock2 .front-img {margin-top:30%;} #frontpage .section6 .contentblock2 {padding-top:0;} #frontpage .section7 {padding-top:30px;} #frontpage .section5 {padding-top:35%;} } @media (max-width:450px) { #frontpage .section4 .contentblock2 .front-img {margin-top:70%;} #frontpage .section5 {padding-top:30%;} } @media (max-width:400px) { #frontpage .section4 .contentblock2 .front-img {margin-top:90%;} #frontpage .section5 {padding-top:20%;} } /* Card Landing Page */ #card-landing .intro {display: flex; flex-direction: row; margin-top: 60px; align-items:center;} #card-landing .intro h2 {color: #006B3F; text-align: left; font-size: 55px; line-height:65px; padding-bottom:3%;} #card-landing .intro p {font-size:22px; line-height:33px; max-width:700px;} #card-landing .leftbox {width:59%; margin-left: 5%; padding-right: 5%;} #card-landing .rightbox {max-width: 700px; width: 39%; display: flex; flex-wrap: wrap;} #card-landing .card-section {padding: 90px 0 50px; background-color: #F9F5F0; margin: 80px 0 0;} #card-landing .card-holder {padding:0 4%; display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1600px; margin: 0 auto;} #card-landing .background-overlay {background: transparent linear-gradient(180deg, #00000000 0%, #000000D1 100%) 0% 0% no-repeat padding-box; vertical-align: middle; width: 100%; padding: 206px 0;} #card-landing .card {color: #fff; margin-bottom: 50px; text-align: left; display: flex; max-height: 434px; overflow: hidden; width: 100%; max-width: 659px;flex-basis:calc(50% - 30px);} #card-landing .txt-holder {padding: 5% 3%;} #card-landing .card h3 {font-size:35px; line-height:45px; padding-bottom: 1.5%;} #card-landing .card p {font-size:20px; line-height:30px; padding-bottom: 1.5%; color:#fff;} #card-landing .card a {text-decoration:none; font-size:20px; line-height:30px; color:#fff; padding-bottom: 1.5%;} #card-landing .card i {font-size:18px; padding-left:8px;} #card-landing .crowdriff {background-color:#F9F5F0;} @media (max-width:1043px) { #card-landing .card {flex-basis:auto;} } @media (max-width:767px) { #card-landing .intro h2 {font-size: 45px; line-height:55px;} #card-landing .intro p {font-size:18px; line-height: 28px;} } @media (max-width:650px) { #card-landing .intro {flex-direction: column;} #card-landing .leftbox {width:auto; margin-left: 5%;} #card-landing .rightbox {width: auto; margin-left: 5%; margin-top: 5%;} } @media (max-width:489px){ #card-landing .background-overlay {padding: 160px 0;} } @media (max-width:375px){ #card-landing .card h3 {font-size:30px; line-height:40px;} #card-landing .card p {font-size:18px; line-height:28px;} #card-landing .card a {font-size:18px; line-height:28px;} #card-landing .background-overlay {padding: 70px 0 10px;} } /* Things to Do Page */ #things-to-do .intro {display: flex; flex-direction: row; margin-top: 60px; align-items:center;} #things-to-do .intro h2 {color: #006B3F; text-align: left; font-size: 55px; line-height:65px; padding-bottom:3%;} #things-to-do .intro p {font-size:22px; line-height:33px; max-width:700px;} #things-to-do .leftbox {width:59%; margin-left: 5%; padding-right: 5%;} #things-to-do .rightbox {max-width: 700px; width: 39%; display: flex; flex-wrap: wrap;} #things-to-do .rightbox i {color: #fff; position: relative; top: 50%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;drop-shadow(0px 0px 2px #333);} #things-to-do .rightbox a {text-decoration:none;} #things-to-do .card-section {padding: 90px 0 50px; background-color: #F9F5F0; margin: 80px 0 0;} #things-to-do .card-holder {padding:0 4%; display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1600px; margin: 0 auto;} #things-to-do .background-overlay {background: transparent linear-gradient(180deg, #00000000 0%, #000000D1 100%) 0% 0% no-repeat padding-box; vertical-align: middle; width: 100%; padding: 265px 0;} #things-to-do .card {color: #fff; margin-bottom: 50px; text-align: left; display: flex; max-height: 434px; overflow: hidden; width: 100%; max-width: 659px;flex-basis:calc(50% - 30px); align-items:stretch; } #things-to-do .card-section2 {padding-bottom: 50px; background-color: #F9F5F0; } #things-to-do .card-section2 .card {max-height: 350px; max-width: 500px; margin: 0 1% 50px;} #things-to-do .card-section2 .card-holder {flex-wrap: nowrap;} #things-to-do .card-section2 .background-overlay {padding: 205px 0;} #things-to-do .txt-holder {padding: 5% 3%;} #things-to-do .card h3 {font-size:35px; line-height:45px; padding-bottom: 1.5%;} #things-to-do .card p {font-size:20px; line-height:30px; padding-bottom: 1.5%;} #things-to-do .card a {text-decoration:none; font-size:20px; line-height:30px; color:#fff; width:100%;} #things-to-do .card i {font-size:18px; padding-left:8px;} #things-to-do .crowdriff {background-color:#F9F5F0;} #things-to-do .card-heading {color: #006B3F; font-size: 55px; line-height: 65px; text-align: center; padding: 0 4% 50px;} @media (max-width:1023px) { #things-to-do .card {flex-basis:auto;} #things-to-do .card-section2 .card {max-width:659px; max-height: 434px;} #things-to-do .card-section2 .background-overlay {padding: 265px 0;} } @media (max-width:850px) { #things-to-do .card-section2 .card-holder {flex-wrap:wrap;} } @media (max-width:767px) { #things-to-do .intro h2 {font-size: 45px; line-height:55px;} #things-to-do .intro p {font-size:18px; line-height: 28px;} #things-to-do .card-heading {font-size: 45px; line-height:55px;} } @media (max-width:650px) { #things-to-do .intro {flex-direction: column;} #things-to-do .leftbox {width:auto; margin-left: 5%;} #things-to-do .rightbox {width: auto; margin-left: 5%; margin-top: 5%;} } @media (max-width:448px){ #things-to-do .background-overlay {padding: 160px 0 20px;} #things-to-do .card-section2 .background-overlay {padding: 160px 0 20px;} } @media (max-width:375px){ #things-to-do .card h3 {font-size:30px; line-height:40px;} #things-to-do .card p {font-size:18px; line-height:28px;} #things-to-do .card a {font-size:18px; line-height:28px;} #things-to-do .background-overlay {padding: 120px 0 10px;} #things-to-do .card-section2 .background-overlay {padding: 120px 0 10px;} } /* Simple Landing Page - Restaurants */ #simple-landing .section1 {display: flex; margin: 0 auto; padding: 100px 0 100px; justify-content: space-between;max-width:1600px;background-color:#fffcfa;} #simple-landing .leftbox {max-width: 500px; display: flex; flex-direction: column; justify-content: center; max-height: 550px; margin-left: 5%;} #simple-landing .leftbox h2 {font-size:55px; line-height:65px; color:#006B3F; padding-bottom:3%;} #simple-landing .leftbox p {font-size:22px; line-height:33px; padding-bottom:5%;} #simple-landing .leftbox a {max-width:150px;} #simple-landing .leftbox .btns {display:flex;gap:30px;} #simple-landing .leftbox .btns a {min-width:170px;} #simple-landing .rightbox {max-height: 550px;} #simple-landing .back-img {max-width: 90%; float:right;} #simple-landing .front-img {max-width: 65%; position: relative; top: -70%; left: -30%; float:right;} #simple-landing .border {border: 100px solid #fff; padding: 0px 0;} #simple-landing .pattern {max-height: 500px; background-color: #F9F5F0; display: flex; justify-content: flex-start; align-items: center; background-image: url(/wp-content/uploads/2023/02/Cream-Pattern.png); background-size: cover;} #simple-landing .content-block {width: 45%; position: relative; padding-left:3%;} #simple-landing .content-block2 {display: flex; flex-direction:column; width: 45%; position: relative; left: 3em;} #simple-landing .content-block2 h2 {font-size:50px; line-height:60px;padding-bottom:0.5%;} #simple-landing .content-block2 p {font-size:22px; line-height:32px; padding-bottom:1.5%;} #simple-landing .section3 {display: flex; max-width: 1600px; margin: 0 auto; justify-content: space-between; padding: 80px 0; align-items:center;background-color:#fffcfa;} #simple-landing .sec3-leftbox {padding-right:3%; margin-left:5%; width:50%;} #simple-landing .sec3-leftbox h3 {font-size:25px; line-height:35px; text-transform:uppercase;font-family: Lato, sans-serif; font-weight:700; padding-bottom:1.5%;} #simple-landing .sec3-leftbox h2 {font-size:55px; line-height:65px; color:#006B3F;padding-bottom:3%;} #simple-landing .sec3-leftbox p {font-size:22px; line-height:32px;} @media (max-width:1400px) { #simple-landing .front-img {top:-60%;} } @media (max-width:1274px) { #simple-landing .leftbox {max-width:none; margin:0 5% 5%;} #simple-landing .front-img {top:-70%;} #simple-landing .section1 {flex-wrap:wrap;} #simple-landing .border {border:40px solid #fff;} #simple-landing .content-block2 h2 {font-size:40px; line-height:50px;} #simple-landing .content-block2 {left:2em; width:43%;} #simple-landing .content-block {width:50%; padding-left:2%;} } @media (max-width:1050px) { #simple-landing .pattern {max-height: fit-content; padding: 40px 5%; align-items:center; flex-wrap:wrap; flex-direction: column; align-content: space-around;} #simple-landing .content-block {width: fit-content; position: initial; padding-left: 0;} #simple-landing .content-block2 {width: fit-content; position: initial; padding-top: 30px;} } @media (max-width:800px) { #simple-landing .front-img {top:-60%;} #simple-landing .rightbox {max-height:500px;} } @media (max-width:765px) { #simple-landing .section3 {flex-direction:column-reverse; align-items:baseline; padding:7% 5% 0;} #simple-landing .sec3-leftbox {width:100%; margin: 5% 0;} } @media (max-width:700px) { #simple-landing .rightbox {max-height:430px;} } @media (max-width:654px) { #simple-landing .front-img {top:-40%;} #simple-landing .border {border:20px solid #fff;} } @media (max-width:530px) { #simple-landing .rightbox {max-height:350px;} #simple-landing .leftbox {padding-bottom:5%;} } @media (max-width:430px) { #simple-landing .section1 {padding:100px 0 4%;} } @media (max-width:375px) { #simple-landing .rightbox {max-height:280px;} } #simple-landing .section3-bfast {display:flex;margin:0 auto;justify-content:space-between;padding:30px 5% 0 0;} #simple-landing .section3-bfast .contentblock2 {width:50%;display:flex;flex-direction:column;justify-content:center;margin-left:50px;} #simple-landing .section3-bfast .contentblock {display:flex;justify-content:flex-start;} #simple-landing .section3-bfast .contentblock img {max-height:700px;} #simple-landing .section3-bfast .contentblock2 h2 {color:#006B3F;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px;} #simple-landing .section3-bfast .contentblock2 p {margin-bottom:30px;} #simple-landing .section3-bfast .contentblock2 a {max-width:200px;} @media (max-width: 1250px) { #simple-landing .section3-bfast {margin:0 auto;padding:0 5%;flex-direction:column-reverse;justify-content:center;padding-bottom:100px;} #simple-landing .section3-bfast .contentblock2 {width:100%;margin:0 auto;padding-bottom: 0px;} #simple-landing .section3-bfast .contentblock {margin:0 auto;} } @media (max-width:500px) { #simple-landing .leftbox {padding-bottom:70px;} #simple-landing .leftbox .btns {display:flex;gap:30px;flex-direction:column;} } @media (max-width:420px) { #simple-landing .section3-bfast .contentblock {width:100%;} #simple-landing .section3-bfast .contentblock2 {width:100%;} #simple-landing .section3-bfast {width:80%;} } /* WEDDINGS */ #weddings a {color:#006b3f; text-decoration:none;} #weddings .small-txt {color:#2F2A27;font-size:22px;line-height:1.7em;font-weight:700;} #weddings .section1 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding:100px 0 0 0;} #weddings .section1 .contentblock {left:20px;position:relative;z-index:10;z-index:1;padding:30px 30px;width:43%;display:flex;flex-direction:column;justify-content:center;background:url('https://basinparkhotel.wpengine.com/wp-content/uploads/2023/02/Cream-Pattern.png'), #F9F5F0;} #weddings .section1 .contentblock h2 {color:#2F2A27;font-size:45px;line-height:1em;text-align:left;margin-bottom:30px;} #weddings .section1 .contentblock p {margin-bottom:20px;} #weddings .section1 .contentblock a {max-width:350px;} #weddings .section1 .contentblock2 {display: flex; flex-wrap: wrap;z-index:0; position: relative; top:40px; } #weddings .section1 .contentblock2 .video-wrapper { width: 800px; height: 450px;position: relative;overflow: hidden;} #weddings .section1 .contentblock2 .video-wrapper iframe { width: 100%; height: 100%;} #weddings .section1 .contentblock2 .back-img {position:relative;width:1500px;} #weddings .section1 .contentblock2 i {drop-shadow(0px 0px 2px #333);color: #fff; position: absolute; top: 40%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;left:47%;} #weddings .section1 .contentblock2 a {text-decoration:none;} #weddings .section2 {margin:80px 0;} #weddings .section2 .flex {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;} #weddings .section2 .contentblock {width:39%;display:flex;flex-direction:column;justify-content:center;padding:50px 50px;} #weddings .section2 .contentblock2 {width:49%;} #weddings .section2 .contentblock h2 {color:#006B3F;font-size:45px;line-height:1.1em;text-align:left;margin-bottom:40px;} #weddings .section2 .contentblock p {margin-bottom:30px;} #weddings .section2 .contentblock a {max-width:250px;margin-bottom:30px;} #weddings .section2 .screenshot {width: 100%;height:600px;background-size: cover !important;cursor: pointer;display: flex;justify-content: flex-start;} #weddings .section2 .slickslider2 { max-width:1250px;margin:0 auto;} #weddings .section2 ul.slides li {list-style:none;} #weddings .section2 ul.slides .slide {margin:0 20px 0 20px;} #weddings .section3 {display:flex;margin:0 auto;justify-content:space-between;padding:30px 5% 0 0;} #weddings .section3 .contentblock2 {width:50%;display:flex;flex-direction:column;justify-content:center;margin-left:50px;} #weddings .section3 .contentblock {display:flex;justify-content:flex-start;} #weddings .section3 .contentblock img {max-height:700px;} #weddings .section3 .contentblock2 h2 {color:#006B3F;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px;} #weddings .section3 .contentblock2 p {margin-bottom:30px;} #weddings .section3 .contentblock2 a {max-width:200px;} #weddings .section4 {margin:80px 0 0 0;background-color:#F9F5F0;background-image: url('/wp-content/uploads/2023/04/Leaf-Pattern.webp');background-size:cover;} #weddings .section4 .flex { max-width:1400px;margin:0 auto;padding:50px 40px 80px 40px; } #weddings .section4 h2 { width:100%;color:#2F2A27;font-size:45px;line-height:1em;text-align:center;margin-bottom:40px; } #weddings .section4 .contentblock {display:flex;justify-content:space-between;grid-gap:30px;} #weddings .section4 .contentblock .block1 {max-width:100%;height:70vh;max-height:550px;} #weddings .section4 .contentblock .block2 {max-width:100%;height:70vh;max-height:550px;} #weddings .section4 a {text-decoration:none;color:#fff;cursor:pointer;} #weddings .section4 .contentblock .title {font-family: Calluna, serif;font-size:30px;color:#fff;padding:0 20px 15px 20px;display:flex;justify-content:flex-end;flex-direction:column;height:75%;} #weddings .section4 .contentblock .desc {color:#fff;padding:0 20px 20px 20px;} #weddings .section4 .contentblock span {padding:0 20px 20px 20px;} #weddings .section4 .overlay { width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #0000001E 40%, #000000D1 100%) 0% 0% no-repeat padding-box; } #weddings .section5 {display:flex;margin:80px 0 0 0;gap:5%;margin:0 auto;padding:50px 0px 80px 5%;} #weddings .section5 h2 {color:#006B3F;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px; } #weddings .section5 .contentblock {display:flex;flex-direction:column;justify-content:center;width:50%;} #weddings .section5 .contentblock2 {display:flex;justify-content:flex-end;width:50%;} #weddings .section5 .contentblock2 img {position:relative;right:0;} #weddings .section5 {scroll-margin-top: 65px;} #weddings .section5 .container {padding: 65px 30px 20px; max-width: 1600px; margin: 0 auto;} #weddings .section5 .container h2 {color: #006B3F; font-size: 45px; line-height: 1em; text-align: center; margin-bottom: 40px;} @media (max-width: 1200px) { #weddings .section1 {flex-direction:column;justify-content:center;} #weddings .section1 .contentblock { left:0;width:90%; margin:0 auto;padding:40px 40px;} #weddings .section1 .contentblock2 {padding:40px 30px 0 30px;} #weddings .section1 .contentblock2 .back-img {width:100%;margin:0 auto;left:0;} #weddings .section2 {padding:0 40px;} #weddings .section2 .flex {flex-direction:column;justify-content:center;} #weddings .section2 .contentblock {width:80%;display:flex;flex-direction:column;justify-content:center;} #weddings .section2 .contentblock2 {width:80%;margin:0 auto;} #weddings .section3 {margin:0 auto;padding:0 5%;} #weddings .section3 {flex-direction:column-reverse;justify-content:center;} #weddings .section3 .contentblock2 {width:100%;margin:0 auto;padding-bottom: 50px;} #weddings .section3 .contentblock {margin:0 auto;} #weddings .section4 .flex .contentblock {display:flex;flex-direction:column;justify-content:center;max-width:100%;margin:0 auto;} #weddings .section1 .contentblock2 i {top: 45%;left:44%;} #weddings .section5 {margin:0 40px;padding:0;} #weddings .section5 {flex-direction:column;justify-content:center;} #weddings .section5 .contentblock2 {order:2;width:100%;margin:0 auto;padding-bottom: 50px;justify-content:center;} #weddings .section5 .contentblock {order:1;width:100%;padding-bottom:30px;} } @media (max-width:820px) { #weddings .section1 {padding-top:50px;} #weddings .section2 .contentblock {padding:0;width:100%;} #weddings .section2 .contentblock2 {padding:0;width:100%;} #weddings .section4 .contentblock .block1 {height:50vh;} #weddings .section4 .contentblock .block2 {height:50vh;} #weddings .section4 .contentblock .title {height:60%;} #weddings .section2 .screenshot {height:40vh;} #weddings .section1 .contentblock {width:85%;margin:0 auto;} } @media (max-width:600px) { #weddings .section4 .contentblock .title {height:56%;} #weddings .section4 .contentblock .block1 {max-height:450px;} #weddings .section4 .contentblock .block2 {max-height:450px;} } @media (max-width:420px) { #weddings .section1 .contentblock {width:75%;margin:0 auto;} #weddings .section3 .contentblock {width:100%;} #weddings .section3 .contentblock2 {width:100%;} #weddings .section3 {width:80%;} #weddings .section5 .contentblock {width:100%;} #weddings .section5 .contentblock2 {width:100%;} #weddings .section5 {width:80%;} /*#weddings .section4 .contentblock .block1 {max-height:none;} #weddings .section4 .contentblock .block2 {max-height:none;} */ #weddings .section4 .contentblock .title {height:60%;} } @media (max-width:400px) { #weddings .section4 .contentblock .title {height:50%;} } /* GUest Rooms */ #guestrooms .section1 {margin:80px 0;} #guestrooms .section1 .flex {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;} #guestrooms .section1 .contentblock {width:39%;display:flex;flex-direction:column;justify-content:center;padding:50px 50px;} #guestrooms .section1 .contentblock2 {width:49%;} #guestrooms .section1 .contentblock h2 {color:#006B3F;font-size:45px;line-height:1.1em;text-align:left;margin-bottom:40px;} #guestrooms .section1 .contentblock p {margin-bottom:10px;} #guestrooms .section1 .icons {display:flex;justify-content:space-between;flex-wrap:wrap;font-size:22px;line-height:1em;color:#2F2A27;} #guestrooms .section1 .icons i {width:30px;} #guestrooms .section1 .icons .icon {width:49%;margin:10px 5px 10px 0;} #guestrooms .section2 { background-color:#F9F5F0;width:100%;margin:0 auto;padding:40px 0; } #guestrooms .section2 .flex {max-width:1400px;margin:0 auto;} #guestrooms .section2 h2 { color:#006B3F;font-size:55px;line-height:1em;text-align:center; } #guestrooms .section2 .sub-ttl {color:#2F2A27;text-align:center;font-size:42px;font-family: Calluna, serif;margin:30px 0px; } #guestrooms .section2 .slickslider3 { max-width:90%;margin:0 auto;} #guestrooms .section2 .slickslider4 { max-width:90%;margin:0 auto;} #guestrooms .section2 ul.slides li {list-style:none;} #guestrooms .section2 ul.slides .slide {margin:0 20px 20px 20px;} #guestrooms .holder { min-height:550px;width: 100%;position: relative;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #guestrooms .holder a {text-decoration:none;color:} #guestrooms .holder .event-title {padding:15px 30px 5px 30px;color:#23161A;font-size:22px;line-height:1.2em;font-weight:600;} #guestrooms .holder .event-desc {min-height:160px;padding:0 30px;color:#23161A;font-size:20px;line-height:30px;} #guestrooms .holder .event-link a {padding:8px 15px 8px 15px;color:#fff;background-color:#006B3F;font-size:18px;line-height:24px;} #guestrooms .holder .book {display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 30px 25px 30px;font-size:20px;} #guestrooms .holder .book i {margin-right:5px;} #guestrooms .holder .book .inner {margin-bottom:20px; margin-right:2%;} #guestrooms .section3 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding-top:30px;} #guestrooms .section3 .contentblock2 {width:69%;max-width:550px;display:flex;flex-direction:column;justify-content:center;} #guestrooms .section3 .contentblock {max-width:550px;width:39%;} #guestrooms .section3 .contentblock2 h2 {color:#006B3F;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px;} #guestrooms .section3 .contentblock2 .buttons {display:flex;flex-direction:row;flex-wrap:wrap;height:40px;justify-content:space-between;max-width:490px;} #guestrooms .section3 .contentblock2 p {margin-bottom:30px;} #guestrooms .section3 .contentblock2 a {max-width:250px;} #guestrooms .section3 .contentblock2 a:hover {background-color:#006B3F;color:#fff;} #guestrooms .section4 {margin-top:80px;background-color:#F9F5F0;background-image: url('/wp-content/uploads/2023/04/Leaf-Pattern.webp');background-size:cover;padding-bottom:50px;} #guestrooms .section4 h2 { color:#2F2A27;font-size:42px;line-height:1em;text-align:center;padding:40px 0 40px 0; } #guestrooms .section4 .events {padding: 0 7%;} #guestrooms .section4 .flexgrid {max-width:1400px;grid-gap:5%;margin:0 auto; } #guestrooms .section4 .flexgrid .holder {min-height:400px;width: 30%;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #guestrooms .section4 .flexgrid .holder a {display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-decoration:none;} #guestrooms .section4 .flexgrid .holder .event-title {font-family: Calluna, serif; color:#fff;padding:0 15px;font-size:22px;line-height:45px;font-weight:600;} #guestrooms .section4 .flexgrid .holder .event-desc2 {height:70px;color:#fff;padding:0 15px;font-size:18px;line-height:24px;} #guestrooms .section4 .flexgrid .holder .event-link {color:#fff;padding:15px 15px 20px 15px;font-size:18px;line-height:24px;} #guestrooms .section4 .flexgrid .holder .overlay { width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #0000001E 30%, #000000D1 100%) 0% 0% no-repeat padding-box; } #guestrooms .section4 a.btn {width:170px;display:flex;margin:0 auto;text-align:center;background-color:#0F6B3F;color:#fff;} #guestrooms .section5 {background-color:#F9F5F0; padding: 0 5%;} #guestrooms .section5 h2 {color:#2F2A27;font-size:42px;line-height:1em;text-align:center;padding:40px 0 0 0;} #guestrooms .section5 .flexgrid {display:flex;max-width:1400px;margin:0 auto;padding:60px 0;} #guestrooms .section5 .flexgrid .box {width:49%;color:#2F2A27;} #guestrooms .section5 .flexgrid .box .logo {max-width:250px;margin:0 auto;height:100px;} #guestrooms .section5 .flexgrid .box .title {font-size:22px;text-align:center;font-weight:600;line-height:1em;margin:20px 0;height:25px;} #guestrooms .section5 .flexgrid .box .desc {text-align:center;max-width:400px;margin:0 auto;padding:0 0 20px 0;} #guestrooms .section5 .flexgrid .box .link {width:250px;margin:0 auto;} #guestrooms .section5 .flexgrid .box .link a {color:#006B3F;text-decoration:none;font-weight:600;} #guestrooms .section5 .flexgrid .box .link a i {margin-left:10px;} @media (max-width:820px) { #guestrooms .section1 .flex {flex-direction:column;} #guestrooms .section1 .contentblock {order:2;width:80%;margin:0 auto;padding:50px 0;} #guestrooms .section1 .contentblock2 {order:1;width:80%;margin:0 auto;} #guestrooms .section2 .slickslider3 {max-width:85%;} #guestrooms .section2 .slickslider4 {max-width:85%;} #guestrooms .section1 .icons .icon {width:100%;} #guestrooms .section3 {flex-direction:column;} #guestrooms .section3 .contentblock {order:2;width:80%;margin:0 auto;} #guestrooms .section3 .contentblock2 {order:1;width:80%;margin:0 auto;padding-bottom:50px;} #guestrooms .section4 .flexgrid .holder {width:45%;margin-bottom:30px;} #guestrooms .section4 .flexgrid .holder .event-desc2 {padding-bottom:20px;} } @media (max-width:600px) { #guestrooms .section3 .contentblock2 .buttons {margin-bottom:70px;} #guestrooms .section3 .contentblock2 a {margin-bottom:20px;} #guestrooms .section4 .flexgrid .holder {width:100%;} #guestrooms .section5 .flexgrid {flex-direction:column;} #guestrooms .section5 .flexgrid .box .link {width:215px;} #guestrooms .section5 .flexgrid .box {width:80%;margin:0 auto;padding-bottom:50px;} } /* Packages */ .dealspackages .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} .dealspackages .flexgrid {display: flex;flex-wrap:wrap;justify-content: center;grid-gap:5%;max-width:1200px;margin:0 auto; } .dealspackages .flexgrid .holder {width: 50%;justify-content: space-between;max-width:500px;position: relative;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:50px;} .dealspackages .flexgrid .holder a {text-decoration:none;} .dealspackages .flexgrid .holder .package-img {display: flex; flex-direction: column; background-size: cover; max-width: 600px; max-height: 300px; height: 30vw;} .dealspackages .flexgrid .holder .package-img span {background: #006B3F; color: #fff; font-size: 18px; font-weight: 700; z-index: 99; position: relative; top: 7%; margin-left: auto; padding: 8px 15px;} .dealspackages .flexgrid .holder .package-title {padding:15px 15px 10px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} .dealspackages .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} .dealspackages .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} .dealspackages .flexgrid .holder .deal-link {background-color: #006B3F;color: #fff;padding: 10px 15px;font-size: 18px; line-height: 24px; font-weight: 700;} @media (max-width:895px){ .dealspackages .flexgrid .holder .package-img {height: 50vw;} .dealspackages .flexgrid .holder {width:100%;} } /* Deals and Packages Page */ #dealspackages .card-heading {color: #006B3F; font-size: 55px; line-height: 1em; text-align: center;} #dealspackages .section1 {background-color:#fffcfa;padding-top: 80px;background-image: url(/wp-content/uploads/2023/02/Cream-Pattern.png); background-size: cover;} #dealspackages .section1 .flexgrid {display: flex;justify-content:flex-start;grid-gap:5%;max-width:1400px;margin:0 auto;padding:80px 7%;} #dealspackages .section1 .flexgrid .holder {margin-bottom:50px;padding: 1% 2%;width: 30%;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #dealspackages .section1 .flexgrid .holder a {display:flex;flex-direction:column;text-decoration:none;} #dealspackages .section1 .flexgrid .holder .package-title {text-transform: uppercase;} #dealspackages .section2 {background-color: #F9F5F0; padding:50px 7% 100px;} #dealspackages .section2 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #dealspackages .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #dealspackages .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #dealspackages .flexgrid .holder .package-link {padding:15px 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} @media (max-width:895px){ #dealspackages .section1 .flexgrid {flex-direction: column; align-items: center;} #dealspackages .section1 .flexgrid .holder {width:80%;} } /* Spa Page */ #spa .section1 {display: flex; margin: 0 auto; padding: 100px 0 100px; justify-content: space-between;max-width:1600px;} #spa .leftbox {max-width: 500px; display: flex; flex-direction: column; justify-content: center; max-height: 550px; margin-left: 5%;} #spa .leftbox h2 {font-size:55px; line-height:65px; color:#006B3F; padding-bottom:3%;} #spa .leftbox p {font-size:22px; line-height:33px; padding-bottom:5%;} #spa .leftbox a {max-width:250px;} #spa .rightbox {max-height: 550px;} #spa .back-img {max-width: 90%; float:right;} #spa .front-img {max-width: 65%; position: relative; top: -70%; left: -30%; float:right;} #spa .sub-ttl {color: #2F2A27; text-align: center; font-size: 42px; font-family: Calluna, serif; margin: 30px 0px;} #spa .services-holder {padding-bottom: 50px; display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; justify-content: space-around; grid-gap: 5%; padding-left: 20px; padding-right: 20px;} #spa .services-desc ul {font-size: 18px; line-height: 24px; padding:0 5%; margin-left: 15px;} #spa .services-desc p {font-size: 18px; line-height: 28px;padding:0 5%;} #spa .services-title {font-size: 22px; line-height: 32px; font-family: Calluna, serif; padding:0 5% 10px; font-weight: 600; color:#006B3F;} #spa .section2 {background-color: #F9F5F0; padding:50px 0;} #spa .section2 .card {max-height: 350px; max-width: 500px; color: #fff; margin: 0 1% 50px; text-align: left; display: flex; overflow: hidden; width: 100%; flex-basis: calc(50% - 30px); align-items: stretch;} #spa .section2 .background-overlay {padding: 205px 0; background: transparent linear-gradient(180deg, #00000000 0%, #000000D1 100%) 0% 0% no-repeat padding-box; vertical-align: middle; width: 100%;} #spa .card-heading {color: #006B3F; font-size: 55px; line-height: 1em; text-align: center;} #spa .card-holder {padding:50px 4% 0; display: flex; flex-wrap: nowrap; justify-content: space-around; max-width: 1600px; margin: 0 auto;} #spa .txt-holder {padding: 5% 3%;} #spa .card h3 {font-size:35px; line-height:45px; padding-bottom: 1.5%;} #spa .card p {font-size:20px; line-height:30px; padding-bottom: 1.5%;} #spa .card a {text-decoration:none; font-size:20px; line-height:30px; color:#fff;width: 100%;} #spa .card i {font-size:18px; padding-left:8px;} #spa .section3 {background-color:#F9F5F0;background-image: url('/wp-content/uploads/2023/04/Leaf-Pattern.webp');background-size:cover;padding: 50px 0;} #spa .section3 .flex {max-width: 1600px; margin: 0 auto; padding:0 4%;} #spa .section3 .flexgrid { margin:60px 0 50px 0;display: flex;justify-content:flex-start;flex-flow: row wrap;grid-gap:5%; } #spa .section3 .flexgrid .holder {height: 100vh; max-height: 400px; width: 33.33%; min-height:400px;width: 30%;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #spa .section3 .flexgrid .holder a {text-decoration:none;} #spa .section3 .flexgrid .experience-holder {display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-decoration:none;} #spa .section3 .flexgrid .holder .experience-ttl {font-family: Calluna, serif; color:#fff;padding:0 15px 10px;font-size:30px;line-height:40px;font-weight:600;display: flex; justify-content: flex-end; flex-direction: column; height: 70%;} #spa .section3 .flexgrid .holder .experience-ttl1 {font-family: Calluna, serif; color:#fff;padding:0 15px 10px;font-size:30px;line-height:40px;font-weight:600;display: flex; justify-content: flex-end; flex-direction: column;height:63%;} #spa .section3 .flexgrid .holder .experience-desc {color:#fff;padding:0 15px 1%;font-size:18px;line-height:24px;} #spa .section3 .flexgrid .holder .experience-lnk {color:#fff;padding:5px 15px 20px;font-size:18px;line-height:24px;margin-bottom: 3%;} #spa .section3 .flexgrid .holder .overlay { width: 100%;height: 100%;background: transparent linear-gradient(180deg, #00000000 0%, #0000001E 30%, #000000D1 100%) 0% 0% no-repeat padding-box; } #spa .section3 a.btn {width:170px;display:flex;margin:0 auto;text-align:center;background-color:#0F6B3F;color:#fff;} #spa .section4 {background-color: #F9F5F0; padding:50px 7% 100px;} #spa .section4 .packages-description {text-align:center; padding:30px 5% 50px;} @media (max-width:1400px) { #spa .front-img {top:-60%;} } @media (max-width:1274px) { #spa .leftbox {max-width:none; margin:0 5% 5%;} #spa .front-img {top:-70%;} #spa .section1 {flex-wrap:wrap;} } @media (max-width:1123px) { #spa .section3 .flexgrid .holder .experience-ttl {height:55%;} #spa .section3 .flexgrid .holder .experience-ttl1 {height:50%;} } @media (max-width:1023px) { #spa .section2 .card {flex-basis:auto; max-width:659px; max-height: 434px;} #spa .section2 .background-overlay {padding: 265px 0;} } @media (max-width:895px) { #spa .card-holder {flex-wrap:wrap;} #spa .section3 .flexgrid {align-items:center;flex-direction: column;} #spa .section3 .flexgrid .holder {width:100%; max-width: 659px; margin-bottom:50px;} #spa .section3 .flexgrid .holder .experience-ttl {height:65%;} #spa .section3 .flexgrid .holder .experience-ttl1 {height:55%;} } @media (max-width:800px) { #spa .front-img {top:-60%;} #spa .rightbox {max-height:500px;} #spa .card-heading {font-size: 45px; line-height:55px;} } @media (max-width:700px) { #spa .rightbox {max-height:430px;} } @media (max-width:654px) { #spa .front-img {top:-40%;} } @media (max-width:530px) { #spa .rightbox {max-height:350px;} #spa .leftbox {padding-bottom:5%;} } @media (max-width:448px){ #spa .section2 .background-overlay {padding: 160px 0 20px;} } @media (max-width:430px) { #spa .section1 {padding:100px 0 4%;} } @media (max-width:375px) { #spa .rightbox {max-height:280px;} #spa .section2 .card h3 {font-size:30px; line-height:40px;} #spa .section2 .card p {font-size:18px; line-height:28px;} #spa .section2 .card a {font-size:18px; line-height:28px;} #spa .section2 .background-overlay {padding: 120px 0 10px;} } /* Spa Services */ #spa-services .services {background-color: #FFFCFA; padding: 50px 0;} #spa-services .flex {max-width: 1400px; margin: 0 auto; padding:0 5%;} #spa-services .services-holder {display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1600px; margin: 0 auto;padding: 20px 1.5% 0;} #spa-services .sub-ttl {color: #2F2A27; text-align: center; font-size: 42px; font-family: Calluna, serif; margin: 30px 0px;} #spa-services .card {min-height: 300px; max-width: 350px; background-color: #fff; margin: 0 1% 50px; text-align: left; box-shadow: 0px 3px 6px #00000029; padding: 2.5%; width: 25%;} #spa-services .services-desc ul {margin-left: 15px;font-size:20px; line-height:30px;} #spa-services .services-title {font-weight: 700; serif; color:#006B3F; font-size:24px; line-height:34px; padding-bottom:10px;} @media (max-width: 690px) { #spa-services .card {padding: 4.5%;} } @media (max-width:1300px) { #spa-services .card {width:100%;} } /* Video Modal -----------------------------------------*/ /* global video modal */ .global-video-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0,0,0,.85); } .global-video-modal .global-video-modal-frame { transform: translate(-50%); top: 50%; left: 50%; right: 50%; bottom: 50%; position: absolute; overflow: hidden; width: 60%; margin: auto; padding-top: 34%;} .global-video-modal .global-video-modal-frame iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;} .video-modal, .video-modal .overlay { position: absolute;top: 0;right: 0; bottom: 0;left: 0;z-index: 99999;} .video-modal {overflow: hidden;position: fixed;opacity: 0.0;-webkit-transform: translate(500%,0%);transform: translate(500%,0%);-webkit-transition: -webkit-transform 0s linear 0s;transition: transform 0s linear 0s; /* using flexbox for vertical centering */ /* Flexbox display */ display: -webkit-box;display: -webkit-flex; display: flex; /* Vertical alignment */ -webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;} .video-modal .overlay {z-index: 0;background: rgba(0,0,0,0.85); /* overlay color */opacity: 0.0;-webkit-transition: opacity 0.2s ease-out 0.05s;transition: opacity 0.2s ease-out 0.05s;} .video-modal-content {position: relative;top: 50px;right: auto;bottom: auto;left: auto;z-index: 1;margin: 0 auto;overflow-y: visible;background: #000;width: calc(50% - 12em);height: 0; padding-top: calc((50% - 12em) * 0.5625); /* 16:9 calc */} /* Scaling to fit within the current Viewport size: When viewport aspect ratio is greater than 16:9 work off the height instead of the width for calc */ @media (min-aspect-ratio: 16/9) { .video-modal-content { width: 0;height: calc(100vh - 10em); padding-top: 0;padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */ } } /* Mobile Layout Tweaks - side margins reduced */ @media (max-width: 640px) { .video-modal-content {width: calc(100% - 1em);padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */} } /* modal close button */ .close-video-modal {display: none;position: absolute; left: 0;top: -40px;text-decoration: none;font-size: 20px;font-weight: bold; color: #fff;} /* set the iframe element to stretch to fit its parent element */ iframe#youtube {position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #000;box-shadow: 0px 2px 16px rgba(0,0,0,0.5);} /* show the modal: add class to the body to reveal */ .show-video-modal .video-modal {opacity: 1.0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);} .show-video-modal .video-modal .overlay {opacity: 1.0;} .show-video-modal .video-modal-content {transform: translate(0%,0%);-webkit-transform: translate(0%,0%);} /* Activities */ #activities ul.tab-list {max-width:1400px;margin:0 auto;display:flex;list-style:none;flex-wrap:wrap;padding:50px 30px 30px 30px;} #activities .tab-list .tab-list-item a {text-transform:uppercase;font-weight:500;text-decoration:none;color: #006B3F;border:3px solid #006B3F;border-radius:3px;margin:0 5px;padding:10px 15px;} #activities .tab-list li {padding-bottom:35px;} #activities .flextab {max-width:1400px;margin:0 auto;flex-direction:row !important;display: flex;justify-content:flex-start;flex-flow: row wrap;grid-gap:5%;padding:0 30px 30px 30px;} #activities .holder {min-width:250px;width: 30%;display:flex;margin-bottom:50px;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;} #activities .tab-content .holder .date {position:relative;top:0px;height:45px;max-width:44px;z-index:999;text-align:center;background-color:#006B3F;color:#fff;font-weight:700;text-align:center;padding:5px 5px;text-transform:uppercase;} #activities .holder .activity-holder {max-height:320px;} #activities .holder .activity-holder .event-img img {width:100%;margin-top:-55px;} #activities .holder .activity-holder .event-img {z-index:9;height:200px;} #activities .holder .activity-holder .description {z-index:99;top:-55px;position:relative;background:#fff;} #activities .tab-content .holder a {text-decoration:none;color:} #activities .tab-content .holder .event-title {padding:15px 15px 0 15px;color:#23161A;font-size:22px;line-height:1.2em;font-weight:500;min-height:50px;} #activities .tab-content .activity-holder .event-link {padding:10px 0 20px 0;} #activities .tab-content .holder .event-link a {padding:15px 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #activities .tab-content .holder .error { text-align: center; margin: auto; padding: 100px; } #activities .tab-content .holder .error h2 { margin-bottom: 0; } #activities .tab-content h3 {display:none;} #activities .tab-list-item:last-of-type {display:none;} button#topBtn {display: none; position: fixed; bottom: 30px; left: 30px; z-index: 9999; border:2px solid #006B3F; background-color: #FFFCFA; color: #006B3F; cursor: pointer; padding:10px 10px; border-radius: 5px; font-size: 16px;} @media (max-width:1160px) { #activities .holder .activity-holder { max-height:270px;} #activities .holder .activity-holder .event-img {height:150px;} } @media (max-width:950px) { #activities .flextab {justify-content:space-between;} #activities .holder {width:45%;} } @media (max-width:700px) { #activities .holder .activity-holder .event-img {height:45%;} } @media (max-width:600px) { #activities .holder {width:100%;} #activities .holder .activity-holder {max-height:300px;} #activities .holder .activity-holder .event-img {height:58%;} } @media (max-width:350px) { #activities .holder .activity-holder {max-height:300px;} #activities .holder .activity-holder .event-img {height:55%;} } /* Downtown Eureka Springs */ #downtown .section1 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding:100px 0 0 0;} #downtown .section1 .contentblock {margin:3% 0;z-index:999;padding:30px 30px;width:39%;display:flex;flex-direction:column;justify-content:center;background:url('https://basinparkhotel.wpengine.com/wp-content/uploads/2023/02/Cream-Pattern.png'), #F9F5F0;} #downtown .section1 .contentblock2 {z-index:0;display: flex; flex-wrap: wrap;} #downtown .section1 .contentblock h2 {color:#2F2A27;font-size:45px;line-height:1em;text-align:left;margin-bottom:30px;} #downtown .section1 .contentblock p {margin-bottom:20px;} #downtown .section1 .contentblock2 .back-img {position:relative;left:-12%;width:112%;} #downtown .section1 .contentblock2 i {color: #fff; position: relative; top: 50%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;left: -12%;} #downtown .section1 .contentblock2 a {text-decoration:none;} #downtown .section2 {margin-top:80px;background-color: #F9F5F0; padding:50px 7% 100px;} #downtown .section2 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #downtown .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #downtown .card-heading {color: #006B3F; font-size: 55px; line-height: 1em; text-align: center; padding:30px 0 50px;} @media (max-width: 1200px){ #downtown .section1 {flex-direction: column; justify-content: center;} #downtown .section1 .contentblock2 .back-img {width: 90%; margin: 0 auto; left: 0; padding: 0 20px;} #downtown .section1 .contentblock {width: 82%; margin: 0 auto;} #downtown .section1 .contentblock2 i {left:0;} } /* The Modal (background) */ .modal {display: none;position: fixed;z-index: 9999;padding-top:8%; left: 0;top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);} /* Modal Content */ .modal-content {background-color: #F9F5F0; margin: auto;padding:40px 40px;width: 85%;max-width:1200px;color:#2F2A27;font-size:22px;line-height:35px;} .modal-content h2 {color:#006B3F; font-size:48px;line-height:1em;margin-bottom:20px;} .modal-content .people {font-size:22px;line-height:1.2em;font-weight:600;margin-bottom:10px;} .modal-content .people i {font-size:25px;margin-right:5px;} .modal-content .price {font-size:22px;line-height:1.2em;font-weight:600;margin-bottom:10px;} .modal-content .price i {font-size:25px;margin:10px 10px 0px 9px;} .modal-content .text ul {;margin-left:30px;} .modal-content .text a {color:#006B3F;font-weight:bold;} .close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;} .close:hover, .close:focus {color: #000;text-decoration: none;cursor: pointer;} /* NEW DOWNTOWN PAGE */ #downtown-new .section1 {display:flex;margin:0 auto;justify-content:space-between;padding:30px 5% 0 0;} #downtown-new .section1 .contentblock2 {width:50%;display:flex;flex-direction:column;justify-content:center;margin-left:50px;} #downtown-new .section1 .contentblock {display:flex;justify-content:flex-start;} #downtown-new .section1 .contentblock img {max-height:700px;} #downtown-new .section1 .contentblock2 h2 {color:#006B3F;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px;} #downtown-new .section1 .contentblock2 p {margin-bottom:30px;} #downtown-new .section1 .contentblock2 a {max-width:200px;} #downtown-new .section2 {display: flex; flex-direction: row; margin-top: 60px; align-items:center;background-color:#F9F5F0;background-image: url('/wp-content/uploads/2025/07/Aerial-View-Downtown-Eureka-Springs.webp');background-size:cover;} #downtown-new .section2 h2 {color: #fff; text-align: left; font-size: 55px; line-height:65px; padding-bottom:3%;} #downtown-new .section2 p {font-size:22px; line-height:33px; max-width:700px;color:#fff;} #downtown-new .section2 .leftbox {width:59%; margin-left: 5%; padding-right: 5%;} #downtown-new .section2 .rightbox {max-width: 700px; width: 39%; display: flex; flex-wrap: wrap;} #downtown-new .section2 .rightbox i {color: #fff; position: relative; top: 50%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;drop-shadow(0px 0px 2px #333);} #downtown-new .section2 .rightbox a {text-decoration:none;} #downtown-new .section3 {background-color:#fff;background-image: url('/wp-content/uploads/2025/07/Rainbow-Staircase-Eureka-Springs.webp');background-size:cover; padding:50px 7% 100px;} #downtown-new .section3 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #downtown-new .section3 .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section3 .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section3 .card-heading {color: #2F2A27; font-size: 55px; line-height: 1em; text-align: center; padding:30px 0 50px;} #downtown-new .section3 .flexgrid {display: flex;flex-wrap:wrap;justify-content: center;grid-gap:5%;max-width:1400px;margin:0 auto; } #downtown-new .section3 .flexgrid .holder {width: 33%;justify-content: space-between;max-width:400px;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:50px;} #downtown-new .section3 .flexgrid .holder a {text-decoration:none;} #downtown-new .section3 .flexgrid .holder .package-img {display: flex; flex-direction: column; background-size: cover; max-width: 600px; max-height: 300px; height: 30vw;} #downtown-new .section3 .flexgrid .holder .package-img span {background: #006B3F; color: #fff; font-size: 18px; font-weight: 700; z-index: 99; position: relative; top: 7%; margin-left: auto; padding: 8px 15px;} #downtown-new .section3 .flexgrid .holder .package-title {padding:15px 15px 10px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section3 .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section3 .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #downtown-new .section3 .flexgrid .holder .deal-link {background-color: #006B3F;color: #fff;padding: 10px 15px;font-size: 18px; line-height: 24px; font-weight: 700;} #downtown-new .section4 {background-color:#006B3F;padding:20px 0 50px 0;} #downtown-new .section4 .sub-title {font-size:22px;color:#fff;text-align:center;line-height:33px;padding-bottom:30px;} #downtown-new .section4 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #downtown-new .section4 .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section4 .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section4 .card-heading {color: #fff; font-size: 55px; line-height: 1em; text-align: center; padding:30px 0 20px;} #downtown-new .section4 .btn {display:flex;width:230px;margin:0 auto;;text-align:center;background-color:transparent;border:2px solid #fff;color:#fff;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} #downtown-new .section4 .btn:hover {background-color:#fff;color:#0F6B3F !important;border:2px solid #0F6B3F;} #downtown-new .section4 .holder.package-img span {background: #006B3F; color: #fff; font-size: 18px; font-weight: 700; z-index: 99; position: relative; top: 7%; margin-left: auto; padding: 8px 15px;} #downtown-new .section4 .flexgrid {display: flex;flex-wrap:wrap;justify-content: center;grid-gap:5%;max-width:1400px;margin:0 auto; } #downtown-new .section4 .flexgrid .holder {width: 33%;justify-content: space-between;max-width:400px;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:50px;} #downtown-new .section4 .flexgrid .holder a {text-decoration:none;} #downtown-new .section4 .flexgrid .holder .package-img {display: flex; flex-direction: column; background-size: cover; max-width: 600px; max-height: 300px; height: 30vw;} #downtown-new .section4 .flexgrid .holder .badge {font-familly:'Lato', sans-serif;text-align:center;text-transform:uppercase;max-width:110px;width:auto;border-radius: 50px 0px 0px 50px;background: #006B3F; color: #fff; font-size: 18px;z-index: 99; position: relative; top:-60vh; margin-left: auto; padding: 5px 15px;} #downtown-new .section4 .flexgrid .holder .package-title {padding:15px 15px 10px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section4 .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section4 .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #downtown-new .section4 .flexgrid .holder .deal-link {background-color: #006B3F;color: #fff;padding: 10px 15px;font-size: 18px; line-height: 24px; font-weight: 700;} #downtown-new .section5 {background-color:#FFFDFC;max-width:1400px;margin:0 auto;} #downtown-new .section5 .sub-title {font-size:22px;color:#23161A;text-align:center;line-height:33px;padding-bottom:30px;} #downtown-new .section5 .packages-description {max-width: 1400px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #downtown-new .section5 .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section5 .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section5 .card-heading {color: #006B3F; font-size: 55px; line-height: 1em; text-align: center; padding:50px 0 30px;} #downtown-new .section5 .flexgrid {display: flex;flex-wrap:wrap;justify-content: center;grid-gap:4%;max-width:1400px;margin:0 auto;} #downtown-new .section5 .flexgrid .holder {width: 25%;justify-content: space-between;max-width:300px;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:50px;} #downtown-new .section5 .flexgrid .holder a {text-decoration:none;} #downtown-new .section5 .flexgrid .holder .package-img {display: flex; flex-direction: column; background-size: cover; max-width: 300px; max-height: 170px; height: 30vw;} #downtown-new .section5 .flexgrid .holder .package-img span {background: #006B3F; color: #fff; font-size: 18px; font-weight: 700; z-index: 99; position: relative; top: 7%; margin-left: auto; padding: 8px 15px;} #downtown-new .section5 .flexgrid .holder .package-title {padding:15px 15px 10px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section5 .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section5 .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #downtown-new .section5 .flexgrid .holder .deal-link {background-color: #006B3F;color: #fff;padding: 10px 15px;font-size: 18px; line-height: 24px; font-weight: 700;} #downtown-new .section6 {margin-top:80px;background-color:#fff;background-image: url('/wp-content/uploads/2025/07/downtown-eureka-springs-nightlife.webp');background-size:cover; padding:50px 7% 100px;} #downtown-new .section6 .sub-title {font-size:22px;color:#fff;text-align:center;line-height:33px;padding-bottom:30px;} #downtown-new .section6 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #downtown-new .section6 .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section6 .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section6 .card-heading {color: #fff; font-size: 55px; line-height: 1em; text-align: center; padding:30px 0 30px;} #downtown-new .section6 .flexgrid {display: flex;flex-wrap:wrap;justify-content: center;grid-gap:5%;max-width:1400px;margin:0 auto; } #downtown-new .section6 .flexgrid .holder {width: 33%;justify-content: space-between;max-width:400px;display:flex;flex-direction:column;background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029;margin-bottom:50px;} #downtown-new .section6 .flexgrid .holder a {text-decoration:none;} #downtown-new .section6 .flexgrid .holder .package-img {display: flex; flex-direction: column; background-size: cover; max-width: 600px; max-height: 300px; height: 30vw;} #downtown-new .section6 .flexgrid .holder .package-img span {background: #006B3F; color: #fff; font-size: 18px; font-weight: 700; z-index: 99; position: relative; top: 7%; margin-left: auto; padding: 8px 15px;} #downtown-new .section6 .flexgrid .holder .package-title {padding:15px 15px 10px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #downtown-new .section6 .flexgrid .holder .package-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #downtown-new .section6 .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#006B3F;font-size:18px;line-height:24px;font-weight:700;} #downtown-new .section6 .flexgrid .holder .deal-link {background-color: #006B3F;color: #fff;padding: 10px 15px;font-size: 18px; line-height: 24px; font-weight: 700;} @media (max-width:895px){ #downtown-new .section3 .flexgrid .holder .package-img {height: 50vw;} #downtown-new .section3 .flexgrid .holder {width:100%;} #downtown-new .section4 .flexgrid .holder .package-img {height: 50vw;} #downtown-new .section4 .flexgrid .holder {width:100%;} } @media (max-width: 1200px) { #downtown-new .section1 {margin:0 auto;padding:0 5%;} #downtown-new .section1 {flex-direction:column-reverse;justify-content:center;} #downtown-new .section1 .contentblock2 {width:100%;margin:0 auto;padding-bottom: 50px;} #downtown-new .section1 .contentblock {margin:0 auto;} } @media (max-width:650px) { #downtown-new .section2 {flex-direction: column;} #downtown-new .section2 .leftbox {width:auto; margin-left: 5%;} #downtown-new .section2 .rightbox {width: auto; margin-left: 5%; margin-top: 5%;} } @media (max-width:767px) { #downtown-new .section2 h2 {font-size: 45px; line-height:55px;} #downtown-new .section2 p {font-size:18px; line-height: 28px;} } @media (max-width:420px) { #downtown-new .section1 .contentblock {width:100%;} #downtown-new .section1 .contentblock2 {width:100%;} #downtown-new .section1 {width:80%;} }