/*Content*/ body p { font-size:20px; line-height:33px; padding:0 0 20px 0; font-family: century-gothic, 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:500; font-family: loretta, serif; } #content h2 { padding:0 0 12px 0; color:#444; font-size:24px; line-height:36px; font-weight:500; font-family: loretta, serif; } #content h3 { padding:0 0 11px 0; color:#444; font-size:22px; line-height:33px; font-weight:500; font-family: loretta, serif; } #content h4 { padding:0 0 9px 0; color:#444; font-size:18px; line-height:27px; font-weight:500; font-family: loretta, serif; } #content h5 { padding:0 0 8px 0; color:#444; font-size:16px; line-height:24px; font-weight:400; font-family: loretta, serif; } #content h6 { padding:0 0 7px 0; color:#444; font-size:14px; line-height:21px; font-weight:400; font-family: loretta, serif; } #content form, #content p { font-size:22px; line-height:33px; padding:0 0 20px 0; font-family: century-gothic, sans-serif;color:#23161A; } #content a {color:#603030;} #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 h1, .entry-header.has-featured-image h1 span {font-size:30px; text-transform:uppercase; line-height:40px;} #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; text-transform:none;} #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:#603030; } #primary h2 { margin:0 0 25px 0; font-size:30px; line-height:40px; color:#603030; } #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 .post-grid {display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;} #primary.blog .post-grid article {width:48%;} #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:#999; } #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:#603030; } #primary.single a.fasc-button {padding:10px 15px;text-decoration:none;background-color:#603030 !important;} #primary.single a.fasc-button:hover {text-decoration:underline;} #primary.single #main { max-width:800px; padding:100px 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: 1066px) { #primary .blog-back-link { left:10px; bottom:10px; } #primary.blog .post-grid article {width:45%;margin:0 auto;} } @media all and (max-width: 700px) { #primary.blog .post-grid article {width:100%;margin:0 auto;} } @media all and (max-width: 600px) { figure { float:none !important; margin:0 !important; width:100% !important; max-width:none !important; } figure img { width:100%; } } .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:10px 0 5px 0;line-height:3.5em; color:#603030; text-decoration:none; } .blog .page-numbers.current { color:#fff; background:#603030; 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 {font-weight:600;text-align:center;background-color:transparent;border:2px solid #603030;color:#603030;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} a.btn:hover {background-color:#603030;color:#F9F5F0!important;} /* Front Page */ #frontpage { margin-top:-70px; } #frontpage .btn {font-weight:600;text-align:center;background-color:transparent;border:2px solid #603030;color:#603030;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} #frontpage .btn:hover {background-color:#603030;color:#EDEDED;} #frontpage .section1 {background-color:#fff;background-image: url('/wp-content/themes/crescent/images/crescent-hotel-watermark-updated.svg');background-size:49%;background-repeat:no-repeat;background-position:left bottom;} #frontpage .section1 .border {padding:120px 0px 0 5%;max-width:100%;margin:0 auto;height:650px;} #frontpage .section1 .front2 {margin-top:50px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content:space-between;grid-gap:30px;} #frontpage .section1 h1 { font-size:55px;line-height:1em; color:#2F2A27;} #frontpage .section1 .front2 .contentblock {display:flex;flex-direction:column;width:48%;} #frontpage .section1 .front2 .contentblock2 {max-width:47%;position:relative;display:flex;justify-content:center;flex-direction:column;margin-left:30px;} #frontpage .section1 .front2 .contentblock2 i {position:absolute;top:45%;color:#fff;font-size:60px;left:48%;text-shadow: 0px 0px 4px #000000;} #frontpage .section1 .front2 .contentblock .subtxt {font-size:23px;font-weight:600;margin-bottom:30px;} #frontpage .section1 .front2 .contentblock .btn {font-weight:600;max-width:180px;text-align:center;background-color:transparent; margin:25px 0;border:2px solid #603030;color:#603030;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 .section1 .front2 .contentblock2 .block {z-index:99999;width:100%;height:160vh;background-color:#000;display:flex;} #frontpage .intro-section {background-color:#fff;background-image: url('/wp-content/themes/crescent/images/crescent-hotel-watermark-updated.svg');background-size:49%;background-repeat:no-repeat;background-position:left bottom;} #frontpage .intro-section .front2 {margin: 70px 5%; padding: 2% 0 ;display: flex; justify-content: space-between; grid-gap: 30px; flex-direction: row; align-items: center;} #frontpage .intro-section h1 { font-size:55px;line-height:1em; color:#2F2A27;} #frontpage .intro-section .front2 .contentblock {display:flex;flex-direction:column;width:48%;} #frontpage .intro-section .front2 .contentblock .subtxt {font-size:23px;font-weight:600;margin-bottom:30px;} #frontpage .intro-section .front2 .contentblock .btn {font-weight:600;max-width:180px;text-align:center;background-color:transparent; margin:25px 0;border:2px solid #603030;color:#603030;text-decoration:none;padding:10px 10px;line-height:1.2em;font-size:20px;text-transform:uppercase;vertical-align: middle;} #frontpage .intro-section .front2 .contentblock p {line-height:33px;font-size:22px;margin:20px 0 0px 0;} #frontpage .section2 { background-color:#EDEDED;width:100%;margin:0 auto;padding:40px 0; } #frontpage .section2 h2 { color:#603030;font-size:50px;line-height:1em;text-align:center;margin-bottom:40px;padding: 0 25px;} #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:0 5%;z-index:9999;} #frontpage .section2 .vidtitle { font-family:loretta, serif; color: #fff;font-size:30px;margin-bottom:5px;z-index:9999;text-shadow: 0px 1px 3px #000000;} #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 {font-weight:600;color:#F9F5F0;background: #603030 0% 0% no-repeat padding-box;border: 3px solid #603030;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:#603030;background-image: url('/wp-content/uploads/2023/05/red-gold-pattern-background.png');background-repeat:repeat;} #frontpage .section3 h2 { color:#fff;font-size:50px;line-height:1em;text-align:center;padding:40px 0;font-weight:500; } #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:0 15px 20px 0;} #frontpage .section3 .flexgrid .deal .info .event-link a {color:#603030;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:#603030;font-size:18px;line-height:24px;font-weight:700;} #frontpage .largebk { background-image: url('/wp-content/themes/crescent/images/tree-watermark-background.svg'); background-repeat: no-repeat;background-position:top left;background-size:cover;} #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:#603030;font-size:50px;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:600px;} #frontpage .section4 .contentblock2 .front-img {max-width:350px;position:relative;top:-50%;left:-20%;} #frontpage .section5 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding:140px 0 40px 0;} #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:#603030;font-size:50px;line-height:1em;text-align:left;margin-bottom:40px;} #frontpage .section5 .contentblock2 p {margin-bottom:30px;} #frontpage .section5 .contentblock2 a {max-width:160px;} #frontpage .section6 {background:#EDEDED;max-height:800px;margin-top:50px;max-height:40em; background-image: url('/wp-content/themes/crescent/images/ghost-tours-wall-of-bottles.svg'); background-repeat: no-repeat;background-position: left bottom;background-size:55%;} #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:50px;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:#603030;font-size:50px;line-height:1em;text-align:center;margin-bottom:40px; } #frontpage .section7 .contentblock {display:flex;justify-content:space-between;grid-gap:30px;flex-wrap:wrap;} #frontpage .section7 a { flex-basis: 48%;text-decoration:none;color:#fff; } #frontpage .section7 a .blocks {max-height:430px; height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;} #frontpage .section7 .contentblock .title {font-family: loretta, 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;height:40px;} #frontpage .section7 .contentblock span {font-weight:600;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:#603030;font-weight:700;text-decoration:none;} #frontpage .section8 a.btn {margin:0 auto;max-width:250px;} #frontpage .section9 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding-bottom:50px;;} #frontpage .section9 .contentblock2 {width:49%;display:flex;flex-direction:column;justify-content:center;} #frontpage .section9 .contentblock {max-height:600px;width:46%;} #frontpage .section9 .contentblock img {z-index:5;position:relative;top:-75%;left:50px;} #frontpage .section9 .contentblock .bk-img {z-index:2;position:relative;} #frontpage .section9 .contentblock2 span {color: #603030; font-size: 50px; line-height: 1em; text-align: left; margin-bottom: 40px; font-family: loretta, serif; font-weight: 500; } #frontpage .section9 .contentblock2 h2 {font-size: 23px; font-weight: 600; color: #000; margin-bottom: 15px; font-family: century-gothic, sans-serif;} #frontpage .section9 .contentblock2 p {margin-bottom:30px;} #frontpage .section9 .contentblock2 a {max-width:300px;} #frontpage .section10 {max-width:100%;margin:0 5%;padding:0 0 50px 0;} #frontpage .section10 .flex {display:flex;} #frontpage .section10 span {color: #2F2A27; font-size: 22px; line-height: 1.7em; font-weight: 700;text-transform:uppercase;} #frontpage .section10 h2 {color:#603030;font-size:50px;line-height:1.1em;text-align:left;margin-bottom:40px;} #frontpage .section10.flex {display:flex;flex-direction:row; margin: 0 auto;justify-content: space-between;max-width:1600px;} #frontpage .section10 .flex .contentblock2 {display:flex;flex-direction:column;justify-content:center;width:49%;} #frontpage .section10 .flex .contentblock {width: 49%; display: flex; } #frontpage .section10 .flex .contentblock img {max-width:650px;} #frontpage .section10 .flex a {color:#603030;} #frontpage .section1 .contentblock2 {overflow-x: hidden;overflow-y: hidden;} #frontpage .section1 .front2 .contentblock2 .video-container .bk-box {height:450px;width:80vw;background-color:#603030;z-index:10;} /*#frontpage .video-container{width: 100vw;height: 80vh;}*/ /*#frontpage iframe {position: absolute;top: 50%;left: 50%;width: 50vw;height: 50vh;transform: translate(-50%, -50%);pointer-events: none;}*/ @media (max-width:1580px) { #frontpage .section1 {background-image:none;} #frontpage .section1 .front2 .contentblock2 .video-container .bk-box {width:100%;background-color:#603030;display:flex;z-index:10;} #frontpage .section1 .front2 .contentblock2 {max-width:800px;width:100%;top:20px;margin:0 auto;} #frontpage .section1 .front2 {margin-top:0;grid-gap:0;} #frontpage .section1 .border {padding:5em 0 0 0;} #frontpage .section1 .front2 .contentblock {width:100%;padding:0px 5%;order:2;top:-23em;position:relative;max-height:800px;background-color:#fff;background-image: url('/wp-content/themes/crescent/images/crescent-hotel-watermark-updated.svg');background-size:49%;background-repeat:no-repeat;background-position:left bottom;} #frontpage .section1 .contentblock2 { position:unset;margin:0 auto;order:1;} #frontpage .section9 {max-width:90%;} } @media (max-width:1400px) { #frontpage .section2 .slickslider1 {max-width:1200px;} #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:80px 40px 0 40px;flex-direction:column;} #frontpage .section5 {padding:80px 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; background-size:100%;} #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:80px 40px 80px 40px;} #frontpage .section9 {flex-direction:column;} #frontpage .section9 .contentblock img {margin:0 auto;left:0;max-height:auto;top:-500px;width:100%;} #frontpage .section9 .contentblock .bk-img {max-height:500px;top:0px;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:30px 0px 30px 0;width:90%;max-height:440px;} #frontpage .section9 .contentblock2 {order:2;margin:0 auto;padding:360px 0px 0px 0px;width:90%;} #frontpage .section10 .flex {flex-direction:column;padding-bottom:80px;} #frontpage .section10 .flex .contentblock2 {width:100%;margin:0 auto;padding-bottom:30px;} #frontpage .section10 .flex .contentblock {order:2;width:100%;justify-content:center;} #frontpage .section10 .flex .contentblock img {max-width:650px;width:100%;} } @media (max-width: 1300px) { #frontpage .section1 .front2 .contentblock {background-size:70%;} #frontpage .section9 .contentblock img {margin:0 auto;left:0;max-height:auto;top:-485px;width:auto;} #frontpage .section9 .contentblock .bk-img {max-height:500px;top:0px;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:30px 0px 30px 0;width:auto;} #frontpage .section9 .contentblock2 {order:2;margin:0 auto;padding:90px 0px 0px 0px;width:90%;} #frontpage .section2 .slickslider1 {width:90%;} } @media (max-width:1200px) { #frontpage .section2 .slidertxt {top:9em;} } @media (max-width:1000px) { #frontpage .section1 .front2 .contentblock {top:-23em;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:30px 0px 30px 0;width:90%;max-height:13em} #frontpage .section9 .contentblock2 {padding: 300px 0 0;} #frontpage .intro-section .front2 {flex-direction:column;} #frontpage .intro-section .front2 .contentblock {width: 100%;} #frontpage .intro-section {background-size:contain;} } @media (max-width:900px) { #frontpage .section1 .front2 .contentblock2 {padding:0 30px 0 30px;} #frontpage .section1 .front2 .contentblock2 .video-container .bk-box {background-color:transparent;} #frontpage .section2 .slidertxt {top:7em;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:30px 0px 30px 0;width:90%;} #frontpage .section5 {padding-top:0px;} #frontpage .section9 .contentblock img {top:-465px;} #frontpage .section7 .contentblock {flex-direction:column;max-width:100%;margin:0 auto;} #frontpage .section9 .contentblock2 {padding-top:42%;} #frontpage .section7 .contentblock .desc {height:auto;} } @media (max-width:800px) { #frontpage .section1 .front2 .contentblock {background-size:90%;} #frontpage .section1 .front2 .contentblock {margin-top:-4em;} #frontpage {margin-top:-20px;} #frontpage .section1 .front2 .contentblock2 {margin:0 auto;} #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 {flex-direction:column;} #frontpage .section5 .contentblock {width:100%;margin:0 auto;order:2;} #frontpage .section5 .contentblock2 {order:1;width:100%;margin:0 auto;padding-top:90px;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 .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;} #frontpage .section9 {margin-top:6em;} #frontpage .section9 .contentblock img {margin:0 auto;left:0;max-height:auto;top:-190px;} #frontpage .section9 .contentblock .bk-img {max-height:11.5em;top:0px;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:0px;width:90%;max-height:28em;} #frontpage .section9 .contentblock2 {padding-top:0;} } @media (max-width:700px) { #frontpage .section5 .contentblock2 {margin-top:12%;padding-top:0;} #frontpage .section1 .front2 .contentblock {margin-top:-2em;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:0px;width:90%;max-height:400px;} } @media (max-width:600px) { #frontpage .section1 .border {padding:3em 0 0 0;} #frontpage .section1 .front2 .contentblock {background-size:100%;} #frontpage .section1 .border {height:900px;} #frontpage .section1 .front2 .contentblock {margin-top:11em;} #frontpage .section1 .front2 .contentblock2 {padding:0;top:-10px;} #frontpage .section1 .front2 .contentblock2 .video-container .bk-box {height:250px;} #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 .section5 .contentblock2 {margin-top:35%;} #frontpage .section7 .contentblock .title {height:60%} #frontpage .section9 {margin-top:0em;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:0px;width:90%;max-height:350px;} } @media (max-width:550px) { #frontpage .section5 .contentblock2 {margin-top:20%;} } @media (max-width:500px) { #frontpage .section1 .border {height:950px;} #frontpage .section1 .front2 .contentblock {margin-top:9em;} #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 .section5 .contentblock2 { margin-top:45%;} #frontpage .section6 .contentblock2 {padding-top:0;} #frontpage .section7 {padding-top:30px;} #frontpage .section5 {padding-top:22%;} #frontpage .section9 .contentblock {order:1;margin:0 auto;padding:0px;width:94%;max-height:280px;} #frontpage .section9 .contentblock2 {order:2;margin:0 auto;padding:0px 0px;width:88%;} } @media (max-width:450px) { #frontpage .section2 .screenshot {padding: 30% 0;} #frontpage .section4 .contentblock2 .front-img {margin-top:70%;} #frontpage .section5 {padding-top:20px;} #frontpage .section5 .contentblock2 { margin-top:45%;} } @media (max-width:400px) { #frontpage .section1 .border {height:1050px;} #frontpage .section1 .border {padding-top:80px;} #frontpage .section9 .contentblock { width:95%; margin-top:10px; } #frontpage .section9 .contentblock2 {order:2;margin:0 auto;padding:0px 0px;width:85%;} #frontpage .section4 .contentblock2 .front-img {margin-top:90%;} } @media (max-width:350px) { #frontpage .section5 .contentblock2 { margin-top:0;} } @media (min-width: 1500px) { #frontpage .section4 {max-width:100%;margin:0 5%} #frontpage .section4 .contentblock {max-width:60%;margin-right:1%;} #frontpage .section5 {max-width:100%;margin:0 5%;} #frontpage .section5 .contentblock2 {max-width:60%;margin-left:5%;} #frontpage .section5 .contentblock {max-width:40%;} #frontpage .section6 {padding:50px 0;} #frontpage .section6 .flex {max-width:100%;margin:0 5%;} #frontpage .section6 .contentblock {max-width:60%;margin-right:5%;} #frontpage .section6 .contentblock2 {margin-top:0;} #frontpage .section9 {max-width:100%;margin:0 5%} #frontpage .section9 .contentblock2 {margin-left:0;} #frontpage .section9 .contentblock2 {margin-right:5%;} } @media (min-aspect-ratio: 16/9) { #frontpage .video-container iframe {height: 24.30vw; } } @media (max-aspect-ratio: 16/9) { #frontpage .video-container iframe {width: 100vh;} } @media (max-width:800px) { #frontpage .section1 {background-size:cover;} } /* Card Landing Page */ #card-landing .intro {display: flex; flex-direction: row; margin-top: 60px; align-items:center;} #card-landing .intro h2 {color: #603030; text-align: left; font-size: 50px; line-height:60px; padding-bottom:3%; font-weight:500;} #card-landing .intro p {font-size:20px; line-height:30px; 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: #EDEDED; 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%; font-weight:500;} #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:5% 20px 0 20px;} } @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: 60px 0 80px; align-items:center;} #things-to-do .intro h2 {color: #603030; text-align: left; font-size: 55px; line-height:65px; padding-bottom:3%; font-weight:500;} #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;} #things-to-do .rightbox a {text-decoration:none;} #things-to-do .card-section {padding: 90px 0 50px; background-color: #F5F2F0;} #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 .txt-holder {padding: 5% 3%;} #things-to-do .card h3 {font-size:35px; line-height:45px; padding-bottom: 1.5%; font-weight:500;} #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%; font-weight:700;} #things-to-do .card i {font-size:18px; padding-left:5px;} #things-to-do .crowdriff {background-color:#F9F5F0;} #things-to-do .card-heading {color: #603030; font-size: 55px; line-height: 65px; text-align: center; padding: 0 4% 50px; font-weight:500;} @media (max-width:1023px) { #things-to-do .card {flex-basis:auto;} } @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 .card-section {padding:10px 0 20px 0;} #things-to-do .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;} } /* Simple Landing Page - Restaurants */ #simple-landing .section1 {display: flex; margin: 0 auto; padding: 100px 0 100px; justify-content: space-between;max-width:1600px;} #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:50px; line-height:60px; color:#603030; padding-bottom:3%; font-weight:500;} #simple-landing .leftbox p {font-size:22px; line-height:33px; padding-bottom:5%;} #simple-landing .leftbox a {max-width:250px;margin-bottom: 20px; margin-right: 20px;} #simple-landing .section1 .leftbox .btn-links {display: flex; flex-wrap: wrap;margin-bottom: 35px;} #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: #603030; display: flex; justify-content: flex-start; align-items: center; background-position: 0 0;background-image: url(/wp-content/uploads/2023/04/gold-bg-pattern.png); background-repeat: repeat;} #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%; color:#fff; font-weight:500;} #simple-landing .content-block2 p {font-size:22px; line-height:32px; padding-bottom:1.5%; color:#fff;} #simple-landing .content-block2 a {color:#fff;} #simple-landing .section3 {display: flex; margin: 0 auto; justify-content: space-between; padding: 80px 0; align-items:center;background-color:#EDEDED;} #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: century-gothic, sans-serif; font-weight:700; padding-bottom:1.5%;} #simple-landing .sec3-leftbox h2 {font-size:55px; line-height:65px; color:#603030;padding-bottom:3%; font-weight:500;} #simple-landing .sec3-leftbox p {font-size:22px; line-height:32px;padding-bottom:5%;} @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% 100px;} #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%; max-height:850px;} } @media (max-width:430px) { #simple-landing .section1 {padding:100px 0 4%;} } @media (max-width:375px) { #simple-landing .rightbox {max-height:280px;} } /* WEDDINGS */ #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 {margin:2% 0;z-index:1;padding:30px 30px;width:39%;display:flex;flex-direction:column;justify-content:center;background:#F5F2F0;} #weddings .section1 .contentblock2 {z-index:0;} #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 .back-img {position:relative;left:-12%;width:112%;} #weddings .section1 .contentblock2 i {color: #fff; position: absolute; top: 45%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px; left: 37%;} #weddings .section2 {margin:80px 0;} #weddings .section2 .flex {display:flex;margin:0 auto;justify-content:space-between;} #weddings .section2 .contentblock {width:39%;display:flex;flex-direction:column;justify-content:center;padding:50px 50px 50px 5%;} #weddings .section2 .contentblock h2 {color:#603030;font-size:45px;line-height:1.1em;text-align:left;margin-bottom:40px;} #weddings .section2 .contentblock p {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 .section2 .contentblock a {max-width:250px;} #weddings .section2 .contentblock2 { position: relative; display: flex;flex-wrap: wrap;z-index: 0;} #weddings .section2 .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 .section3 {display:flex;margin:0 auto;justify-content:space-between;padding-top:30px 0px;} #weddings .section3 .contentblock2 {width:50%;display:flex;flex-direction:column;justify-content:center;margin-left:50px;max-width:600px;} #weddings .section3 .contentblock {margin:0 auto;width:50%;display:flex;flex-direction:column;justify-content:center;padding:50px 50px 50px 5%;} #weddings .section3 .contentblock h2 {color:#603030;font-size:45px;line-height:1em;text-align:left;margin-bottom:40px;} #weddings .section3 .contentblock p {margin-bottom:30px;} #weddings .section3 .contentblock a {max-width:210px;} #weddings .section4 {margin:80px 0 0 0;background-color:#603030;background-image: url('/wp-content/uploads/2023/05/red-gold-pattern-background.png');background-size:contain;background-repeat:repeat;} #weddings .section4 .flex { max-width:1400px;margin:0 auto;padding:50px 40px 80px 40px; } #weddings .section4 h2 { width:100%;color:#fff;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: loretta, 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;font-weight:700;} #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 {background-color:#F5F2F0;background-image: url('/wp-content/themes/crescent/images/watermark-crescent-hotel-exterior.svg');background-size:52%;background-repeat:no-repeat;background-position:left 12em;} #weddings .section5 .border {margin:0 auto;} #weddings .section5 .front2 {margin-top:50px;display: flex;flex-direction: row;justify-content:space-between;grid-gap:30px;} #weddings .section5 h2 { font-size:50px;line-height:1em; color:#2F2A27;margin-bottom:30px;} #weddings .section5 .front2 .contentblock {display:flex;flex-direction:column;width:40%;margin:50px 30px 0 5%;} #weddings .section5 .front2 .contentblock {display:flex;flex-direction:column;width:40%;margin:80px 30px 0 5%;} #weddings .section5 .front2 .contentblock a {display:flex;max-width:210px;text-align:center;justify-content:center;} #weddings .section6 {scroll-margin-top: 65px;} #weddings .section6 .container {padding: 65px 30px 20px;max-width: 1600px;margin: 0 auto;} #weddings .section6 .container h2 {color: #603030; font-size: 45px; line-height: 1em; text-align: center; margin-bottom: 40px;} #weddings .intro {display: flex; flex-direction: row; margin: 60px 0 80px; align-items:center;} #weddings .intro h2 {color: #603030; text-align: left; font-size: 45px; line-height:65px; padding-bottom:3%; font-weight:500;} #weddings .intro p {font-size:22px; line-height:33px; max-width:700px;margin-bottom:30px;} #weddings .rightbox {width:50%; margin-left: 5%; padding-right: 5%;} #weddings .leftbox {width: 50%; display: flex; flex-wrap: wrap;} #weddings .leftbox i {color: #fff; position: relative; top: 50%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;} #weddings .leftbox a {text-decoration:none;} @media (max-width:1400px) { #weddings .section2 .contentblock2 i{top:30%;} } @media (max-width: 1200px) { #weddings .section1 {flex-direction:column;justify-content:center;} #weddings .section1 .contentblock { width:80%; margin:0 auto;padding:40px 40px;} #weddings .section1 .contentblock2 {padding:40px 40px 0 40px;} #weddings .section1 .contentblock2 .back-img {width:100%;margin:0 auto;left:0;} #weddings .section2 {padding:0 40px;} #weddings .section2 .flex {flex-direction:column-reverse;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 .section1 .contentblock2 i {left:47%;} #weddings .section2 .contentblock2 i {top:40%;} #weddings .section3 {margin:0;} #weddings .section3 {flex-direction:column-reverse;justify-content:center;} #weddings .section3 .contentblock2 {width:100%;margin:0 auto;padding-top:20px;} #weddings .section3 .contentblock {width:80%;margin:0 auto;} #weddings .section4 .flex .contentblock {display:flex;flex-direction:column;justify-content:center;max-width:100%;margin:0 auto;} #weddings .vidsection .intro {flex-direction:column;} #weddings .vidsection .leftbox {width:80%;margin:0 auto;display:flex;justify-content:center;} #weddings .vidsection .rightbox {width: 80%;margin:0 auto;padding-top:30px;padding-right:0;} #weddings .section5 {background-size:100%; background-position: bottom;} #weddings .section5 .front2 {flex-wrap: wrap;} #weddings .section5 .front2 .contentblock {width:80%;margin:0 auto;padding-top:50px;} #weddings .section5 .front2 .contentblock2 {width:80%;margin:0 auto;padding-bottom:80px;} } @media (max-width:820px) { #weddings .section1 {padding-top:50px;} #weddings .section2 .contentblock {padding:0;width:100%;} #weddings .section2 .contentblock2 {padding:0;width:100%;margin-bottom:40px;} #weddings .section4 .contentblock .block1 {height:50vh;} #weddings .section4 .contentblock .block2 {height:50vh;} #weddings .section4 .contentblock .title {height:60%;} #weddings .section2 .screenshot {height:50vh;} } @media (max-width:600px) { #weddings .section1 .contentblock2 i {left:43%;top:40%;} #weddings .section4 .contentblock .title {height:56%;} } @media (max-width:420px) { #weddings .section1 .contentblock {width:75%;margin:0 auto;} #weddings .section3 .contentblock {width: 80%;padding:0} #weddings .section3 .contentblock2 {width:80%;} #weddings .section3 {width:100%;} #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:#603030;font-size:50px;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:#F5F2F0;width:100%;margin:0 auto;padding:40px 0; } #guestrooms .section2 .flex {max-width:1400px;margin:0 auto;} #guestrooms .section2 h2 { color:#603030;font-size:55px;line-height:1em;text-align:center; } #guestrooms .section2 .sub-ttl {color:#2F2A27;text-align:center;font-size:42px;font-family: loretta, 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:#603030;font-size:18px;line-height:24px;font-weight: 600;} #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;padding: 0 3%;} #guestrooms .section3 .contentblock {max-width:550px;width:39%;} #guestrooms .section3 .contentblock2 h2 {color:#603030;font-size:50px;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:#603030;color:#fff;} #guestrooms .section4 {margin-top:80px;background-image: url(/wp-content/themes/crescent/images/tree-watermark-background.svg); background-repeat: no-repeat; background-position: top left; background-size: cover; background-color: #ededed;padding-bottom:50px;} #guestrooms .section4 h2 { color:#2F2A27;font-size:50px;line-height:1em;text-align:center;padding:60px 0 40px 0; } #guestrooms .section4 .flexgrid {max-width:1400px;grid-gap:5%;margin:0 auto; padding: 0 5%;} #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-start;text-decoration:none;} #guestrooms .section4 .flexgrid .holder .event-title {font-family: loretta, 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:160px;display:flex;margin:0 auto;text-align:center;background-color:#603030;color:#fff;} #guestrooms .section5 {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;padding:80px 0px 80px 0px;} #guestrooms .section5 .contentblock {max-width:500px;display:flex;flex-direction:column;justify-content:center;max-height:600px;} #guestrooms .section5 .contentblock2 {max-height:600px;} #guestrooms .section5 .contentblock h2 {color:#603030;font-size:50px;line-height:1em;text-align:left;margin-bottom:40px;} #guestrooms .section5 .contentblock p {margin-bottom:25px;} #guestrooms .section5 .contentblock a {max-width:220px;} #guestrooms .section5 .contentblock2 .back-img {max-width:650px;} #guestrooms .pet-policy .content {display: flex; align-items: center; gap: 0 30px; max-width: 1400px; margin: 0 auto; padding: 5% 20px 7%;} #guestrooms .pet-policy .content .text {width: 70%} #guestrooms .pet-policy h3 {font-size: 50px; line-height: 60px; color: #603030; margin-bottom: 30px;} #guestrooms .pet-policy .content .img {width: 30%;} #guestrooms .pet-policy .content .text a {color: #603030;} @media (max-width:1400px) { #guestrooms .section5 {padding:80px 30px 80px 30px;} #guestrooms .section5 .contentblock {margin-right:30px;} } @media (max-width:1000px) { #guestrooms .section5 {display:flex;max-width:1400px;margin:0 auto;flex-direction:column;justify-content:space-between;padding:80px 5% 80px 5%;} #guestrooms .section5 .contentblock {max-width:100%;padding-bottom:80px;margin:0 auto;} #guestrooms .section5 .contentblock2 {margin:0 auto;} } @media (max-width:820px) { #guestrooms .section1 .flex {flex-direction:column;} #guestrooms .section1 .contentblock {order:2;width:80%;margin:0 auto;padding:50px 0px;} #guestrooms .section1 .contentblock2 {order:1;width:80%;margin:0 auto;padding:0;} #guestrooms .section2 .slickslider3 {max-width:85%;} #guestrooms .section2 .slickslider4 {max-width:85%;} #guestrooms .section2 .slickslider5 {max-width:85%;margin:0 auto;} #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;} #guestrooms .pet-policy .content {flex-wrap: wrap;} #guestrooms .pet-policy .content .text {width: 100%} #guestrooms .pet-policy .content .img {width: 100%;} } @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: space-between;grid-gap:5%;max-width:1200px;margin:0 auto; } .dealspackages .flexgrid .holder {width: 47%;justify-content: flex-start;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:#603030; 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 10px 15px;color:#23161A;font-size:18px;line-height:24px;} .dealspackages .flexgrid .holder .package-link {padding:0 15px 20px 15px;color:#603030;font-size:18px;line-height:24px;font-weight:700;} .dealspackages .flexgrid .holder .deal-link {background-color: #603030;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: #603030; font-size: 55px; line-height: 1em; text-align: center;font-weight:500;} #dealspackages .section1 {background-image: url(/wp-content/themes/crescent/images/tree-watermark-background.svg); background-repeat: no-repeat; background-position: top left; background-size: cover;background-color: #F5F2F0; padding:80px 30px;} #dealspackages .section1 .flexgrid {display: flex;justify-content:flex-start;grid-gap:5%;max-width:1400px;margin:0 auto;padding:80px 0;} #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: #EDEDED; 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:#603030;font-size:18px;line-height:24px;font-weight:700;text-transform: uppercase;} @media (max-width:895px){ #dealspackages .section1 {padding-bottom:0;} #dealspackages .section1 .flexgrid {flex-direction: column;align-items: center;padding:30px 0;} #dealspackages .section1 .flexgrid .holder {width:80%;} } @media (max-width:450px){ #dealspackages .section1 .flexgrid .holder {width:100%;} } /* Deals and Packages Page */ #dealspackages .card-heading {color: #603030; font-size: 55px; line-height: 1em; text-align: center;font-weight:500;} #dealspackages .section1 {background-image: url(/wp-content/themes/crescent/images/tree-watermark-background.svg); background-repeat: no-repeat; background-position: top left; background-size: cover;background-color: #F5F2F0; padding-top: 80px;} #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: #EDEDED; 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:#603030;font-size:18px;line-height:24px;font-weight:700;text-transform: uppercase;} @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:#603030; 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: loretta, 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: loretta, serif; padding:0 5% 10px; font-weight: 600; color:#603030;} #spa .section2 {background-color:#EDEDED; padding:50px 0;} #spa .section2 .card {max-height: 430px; max-width: 650px; 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: 255px 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: #603030; font-size: 55px; line-height: 1em; text-align: center;} #spa .card-heading2 {color: #fff; 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: #FDFCFC;} #spa .section3 .holder {display: flex; max-width: 1400px; margin: 0 auto; justify-content: space-between; padding:5%;} #spa .section3 .contentblock {margin: 0 auto;} #spa .section3 .contentblock2 {width: 69%; display: flex; flex-direction: column; justify-content: center; margin-left: 50px; padding-right:1.5%;s} #spa .section3 .contentblock2 .small-txt {color: #2F2A27; font-size: 22px; line-height: 1.7em; font-weight: 700; text-transform:uppercase;} #spa .section3 .contentblock2 h2 {color: #603030; font-size: 45px; line-height: 1em; text-align: left; margin-bottom: 40px;} #spa .section3 .contentblock2 p {margin-bottom: 30px;} #spa .section3 .contentblock2 a {max-width: 250px;} #spa .section4 {background-color:#603030;padding: 50px 0;} #spa .section4 .flex {max-width: 1600px; margin: 0 auto; padding:0 4%;} #spa .section4 .flexgrid { padding:60px 0 50px 0;display: flex;justify-content:flex-start;flex-flow: row wrap;grid-gap:5%; } #spa .section4 .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 .section4 .flexgrid .holder a {text-decoration:none;} #spa .section4 .flexgrid .experience-holder {display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-decoration:none;} #spa .section4 .flexgrid .holder .experience-ttl {font-family: loretta, serif; color:#fff;padding:0 15px 10px;font-size:30px;line-height:40px;font-weight:500;display: flex; justify-content: flex-end; flex-direction: column;height:63%;} #spa .section4 .flexgrid .holder .experience-desc {color:#fff;padding:0 15px 1%;font-size:18px;line-height:24px;} #spa .section4 .flexgrid .holder .experience-lnk {color:#fff;padding:5px 15px 20px;font-size:18px;line-height:24px;margin-bottom: 3%;} #spa .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; } #spa .section4 a.btn {width:170px;display:flex;margin:0 auto;text-align:center;background-color:#603030;color:#fff;} #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 .section4 .flexgrid .holder .experience-ttl {height:55%;} #spa .section4 .flexgrid .holder .experience-ttl1 {height:50%;} } @media (max-width:895px) { #spa .section4 .flexgrid {align-items:center;flex-direction: column;} #spa .section4 .flexgrid .holder {width:100%; max-width: 659px; margin-bottom: 50px;} #spa .section4 .flexgrid .holder .experience-ttl {height:65%;} #spa .section4 .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;} #spa .section3 .holder {flex-direction: column;padding:7% 5%;} #spa .section3 .contentblock2 .small-txt {margin-top:30px;} #spa .section3 .contentblock2 {width: 100%; margin: 0 auto; padding: 0;} #spa .card-holder {flex-direction:column; align-content:center;} } @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;} #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: loretta, 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%;} #spa-services .services-desc ul {margin-left: 15px;font-size:20px; line-height:30px;} #spa-services .services-title {font-weight: 700; serif; color:#603030; font-size:24px; line-height:34px; padding-bottom:10px;} /* 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 h2 {color:#603030;font-size:45px;line-height:1.1em;text-align:center;margin:40px 0;} #activities ul.tab-list { max-width: 1400px; margin: 0 auto; display: flex; list-style: none; flex-wrap: wrap; padding: 50px 30px 30px; } #activities .tab-list .tab-list-item a { text-transform: uppercase; font-weight: 500; text-decoration: none; color: #603030; border: 3px solid #603030; 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:#603030;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:#603030;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;} #activities #topBtn {display: none; position: fixed; bottom: 30px; left: 30px; z-index: 9999; border:2px solid #603030; background-color: #fff; color: #603030; cursor: pointer; padding:10px 10px; border-radius: 5px; font-size: 16px;font-family: 'century-gothic', sans-serif;} @media (max-width:900px) { #activities .flextab {justify-content:space-between;} #activities .holder {width:45%;} } @media (max-width:600px) { #activities .holder {width:100%;} #activities ul.tab-list li a {padding:10px 5px;font-size:} } /* Landing Page */ #landing-page {background-color: #FDFCFC;} #landing-page .section1 {display: flex; margin: 0 auto; padding: 100px 0 100px; justify-content: space-between;max-width:1600px;} #landing-page .leftbox {max-width: 650px; display: flex; flex-direction: column; justify-content: center; max-height: 550px; margin-left: 5%;} #landing-page .leftbox h2 {font-size:50px; line-height:60px; color:#603030; padding-bottom:3%; font-weight:500;} #landing-page .leftbox p {font-size:22px; line-height:33px; padding-bottom:5%;} #landing-page .leftbox a {max-width:300px;} #landing-page .rightbox {max-height: 550px;} #landing-page .section1-video {display: flex; margin: 0 auto; padding: 100px 0 100px; justify-content: space-between;max-width:1600px;align-items: center;} #landing-page .section1-video .leftbox {width: 59%; margin: 0 5% 2%; padding-right: 5%; max-width: 700px;} #landing-page .section1-video .rightbox {max-width: 700px; width: 39%; display: flex; flex-wrap: wrap;} #landing-page .section1-video .rightbox i {color: #fff; position: relative; top: 50%; display: flex; justify-content: space-evenly; z-index: 999; font-size: 60px;} #landing-page .section1-video .rightbox a {text-decoration:none;} #landing-page .back-img {max-width: 700px; float:right;} #landing-page .front-img {max-width: 65%; position: relative; top: -70%; left: -30%; float:right;} #landing-page .section2 {padding:0 5%;background:#EDEDED;margin-top:80px; background-repeat: no-repeat;background-position: left bottom;background-size:55%;} #landing-page .section2 .flex {display:flex;max-width:1400px;margin:0 auto;justify-content:space-between;gap:30px;} #landing-page .section2 .contentblock {justify-content: flex-start; padding-top:20px;max-width:900px;display:flex;flex-direction:column;} #landing-page .section2 .contentblock3 {max-width:1400px; margin:0 auto;padding-bottom:50px;} #landing-page .section2 .contentblock2 {margin-top:-50px;} #landing-page .section2 .contentblock h2 {color:#2F2A27;font-size:50px;line-height:1.1em;text-align:left;margin-bottom:40px;} #landing-page .section2 .contentblock a {max-width:250px;} #landing-page .section2 .contentblock span {color: #2F2A27; font-size: 22px; line-height: 1.7em; font-weight: 700;text-transform:uppercase;} #landing-page .section3 {padding:50px 7% 100px;background-image: url(/wp-content/themes/crescent/images/tree-watermark-background.svg); background-repeat: no-repeat; background-position: top left; background-size: cover;} #landing-page .section3 .dealspackages {padding-top:35px;} #landing-page .section3 .desc p {text-align: center; padding: 0 3%; margin: 0 auto; max-width: 1200px; } #landing-page .section3 .dealspackages .package-desc a {color:603030;} #landing-page .section3 .packages-description {max-width: 1200px; margin: 0 auto;text-align:center; padding:30px 5% 50px;} #landing-page .flexgrid .holder .package-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #landing-page .flexgrid .holder .package-desc {padding:0 15px 20px;color:#23161A;font-size:18px;line-height:24px;} #landing-page .card-heading {color: #603030; font-size: 55px; line-height: 1em; text-align: center; padding:30px 0 50px;font-weight:500;} #landing-page .section5 span {color: #2F2A27; font-size: 22px; line-height: 1.7em; font-weight: 700;text-transform:uppercase;} #landing-page .section5 h2 {color:#603030;font-size:50px;line-height:1.1em;text-align:left;margin-bottom:40px;} #landing-page .section5 .flex {display:flex;flex-direction:row; margin: 0 auto;justify-content: space-between;max-width:1600px;} #landing-page .section5 .flex .contentblock2 {display:flex;flex-direction:column;justify-content:center;width:50%; margin-left: 5%; padding-right: 5%;} #landing-page .section5 .flex .contentblock {width: 50%; display: flex; flex-wrap: wrap;} .page-id-1177 #landing-page .section2 .contentblock h2 {color:#603030;font-size:50px;line-height:1.1em;text-align:left;margin-bottom:40px;} @media (max-width:1400px) { #landing-page .front-img {top:-60%;} #weddings .section2 .contentblock {order:1;margin:0 auto;padding:30px 0 50px 0;max-width:100%;} #weddings .section2 .contentblock2 {order:2;margin:0 auto;padding-bottom:30px;} #landing-page .section5 .flex {padding:0px 40px 0 40px;flex-direction:column;padding-bottom:80px;} #landing-page .section5 .flex .contentblock2 {width:100%;margin:0 auto;padding-bottom:30px;} #landing-page .section5 .flex .contentblock {order:2;width:100%;justify-content:center;} } @media (max-width:1274px) { #landing-page .leftbox {max-width:none; margin:0 5% 5%;} #landing-page .front-img {top:-70%;} #landing-page .section1 {flex-wrap:wrap;} } @media (max-width:1000px) { #landing-page .section2 .contentblock {order:2;max-width:100%;} #landing-page .section2 .contentblock2 {order:1;margin:0 auto;padding-top:30px;} #landing-page .section2 .contentblock3 {padding-bottom:80px;flex-direction:column;} #landing-page .section2 {max-height:none; background-size: 100%;} #landing-page .section2 .flex {flex-direction:column;} } @media (max-width:900px){ #landing-page .section1-video {flex-direction:column;} #landing-page .section1-video .leftbox {width:auto;} #landing-page .section1-video .rightbox {width:auto; margin-left: 5%; max-height:none;} } @media (max-width:800px) { #landing-page .front-img {top:-60%;} #landing-page .rightbox {max-height:500px;} #landing-page .section2 {max-height:none;padding:20px 5%;margin-top:0px} #landing-page .section2 .flex {flex-direction:column;} #landing-page .section2 .contentblock {width:100%;margin:0 auto;} #landing-page .section2 .contentblock2 {max-width:500px;margin:0 auto;padding-top:40px;} } @media (max-width:700px) { #landing-page .rightbox {max-height:430px;} } @media (max-width:654px) { #landing-page .front-img {top:-40%;} } @media (max-width:530px) { #landing-page .rightbox {max-height:350px;} #landing-page .leftbox {padding-bottom:5%;} } @media (max-width:500px) { #landing-page .section2 .contentblock2 {padding-top:0;} } @media (max-width:430px) { #landing-page .section1 {padding:50px 0 4%;} #landing-page .leftbox {margin: 0 5% 10%;} } @media (max-width:415px) { #landing-page .leftbox {padding-top:35px;} } @media (max-width:375px) { #landing-page .rightbox {max-height:280px;} } /* Upcoming Events */ #events {padding-top:80px;max-width: 1400px; margin: 0 auto;} #events .flexgrid {display: flex; justify-content: flex-start; flex-flow: row wrap; grid-gap: 5%; padding: 0 30px 30px 30px;} #events .flexgrid .holder {min-width: 250px; width: 30%; 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;} #events .flexgrid .holder a {display:flex;flex-direction:column;text-decoration:none;} #events .flexgrid .holder .event-title {padding:15px 15px 5px;color:#23161A;font-size:22px;line-height:32px;font-weight:600;} #events .flexgrid .holder .event-desc {padding:0 15px;color:#23161A;font-size:18px;line-height:24px;} #events .flexgrid .holder .event-link {padding:15px 15px 20px 15px;color:#603030;font-size:20px;line-height:28px;font-weight:700;text-transform:uppercase;} #events .flexgrid .holder .event-img {display: flex; flex-direction: column; background-size: cover; max-width: 600px; max-height: 300px; height: 30vw;background-position: center center;} #events .flexgrid .holder .date-badge {position: relative; top: 0px; height: 45px; max-width: 44px; z-index: 999; text-align: center; background-color: #603030; color: #fff; font-weight: 700; text-align: center; padding: 5px 5px; text-transform: uppercase;} #events .events {padding:0 30px 50px; display:flex; flex-direction:column;} #events .month {border-bottom:3px solid #603030; font-family: loretta, serif; color:#603030; font-size:40px; padding:10px 0 20px 10px; margin-bottom:30px; } #events .events-current-month { order:-1;} #events .dropdown {width:98%; text-align:right; } #events .dropdown #months {text-align:right; padding:10px; font-size:16px; font-family: century-gothic, sans-serif; border:1px solid #ccc !important; border-radius:8px; background:#fff; } #events #topBtn { display: none;position: fixed;bottom: 30px;left: 30px;z-index: 9999;border: 2px solid #603030;background-color: #fff ;color:#603030;cursor: pointer;padding: 10px; border-radius: 5px;font-size: 16px; } @media (max-width:950px) { #events .flexgrid .holder {width:45%;} } @media (max-width: 800px) { #events [class*='col-'], .block, .cell { width:100%; } #events .event { margin-bottom:70px; } #events .dropdown { text-align:center; margin-bottom:20px; } } @media (max-width:700px) { #events .flexgrid .holder {width:100%;} #events .flexgrid .holder .event-img {height: 50vw;} } /* Partners */ #partners .section1 {background-color: #F5F2F0; padding: 50px 7% 100px;} /* 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:#603030; 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:#603030;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;} /* blog category archive page styling */ .archive .content-area.blog .grid {display:flex;flex-wrap:wrap;justify-content:space-between;} .archive .content-area.blog .grid div article {margin:0 20px;} .archive .content-area.blog .grid .col-50 {width:50%;} .archive .content-area.blog .grid .r-3 {padding-right:0;} /* FAQ Landing Page - FAQ Section */ #faq-page h2.title {font-size: 46px;color: #8c213a;} #faq-page section.faq {padding: 0;} #faq-page section.faq h2.title {margin: 0;padding: 0 0 2rem 0;text-align: center;} #faq-page .faq-search-container {max-width: 800px;margin: 0 auto 2.5rem;text-align: center;} #faq-page .faq-search-container p {margin-bottom: 1rem;} #faq-page .faq-search-label {font-size: 18px;line-height: 24px;color: #000;margin: 0 0 1rem 0;} #faq-page .faq-search-input-wrapper {position: relative;display: flex;align-items: center;} #faq-page .faq-search-input-wrapper i {position: absolute;left: 20px;color: #999;font-size: 20px;pointer-events: none;} #faq-page .faq-search-input {width: 100%; padding: 12px; font-size: 18px; line-height: 24px; color: #737373; border: 1px solid #C9C9C9; border-radius: 5px; background: transparent; outline: none; padding-left: 6%; font-family: 'century-gothic';} #faq-page .faq-search-input::placeholder {color: #999;} #faq-page .faq-search-input:focus {border-color: #154D84;box-shadow: 0 0 0 2px rgba(21, 77, 132, 0.1);} #faq-page .faq-no-results {text-align: center;padding: 2rem;font-size: 20px;color: #666;} #faq-page .faq-sub-title {font-size: 36px; color: #2F2A27; text-align: center;} #faq-page section.faq #faq-accordion {margin: 0;padding: 0 0 2.5rem 0;} #faq-page section.faq .accordion-item {border-bottom: 1px solid #C9C9C9;list-style-type: none;} #faq-page section.faq .accordion-item span {font-size: 26px; line-height: 36px; font-weight: 500; color: #603030; font-family: 'loretta';} #faq-page section.faq .accordion-trigger {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 1.25rem 0;border: none;background: transparent;cursor: pointer;} #faq-page section.faq .accordion-title {color:#603030;text-align: left;font-family: 'Cormorant Garamond', serif;} #faq-page section.faq .accordion-icon {margin-left: 1rem;line-height: 1;} #faq-page section.faq .accordion-panel {padding: 0 0 1.25rem 0;font-size: 18px;} #faq-page .largebk {background-color: #ededed; background-image: url(/wp-content/themes/crescent/images/tree-watermark-background.svg); background-repeat: no-repeat; background-position: top left; background-size: cover;} #faq-page .largebk .container {padding: 50px 30px 40px; max-width: 1200px; margin: 0 auto; display: flex ; justify-content: space-evenly; flex-direction: row; flex-wrap: wrap; align-items: center;} #faq-page .left {width: 75%;} #faq-page .right {width: 25%; text-align: right;} #faq-page .left h2 {color: #603030; font-size: 40px; line-height: 48px;padding-bottom:20px;} #faq-page .right .book-btn {font-weight: 600; text-decoration: none; padding: 10px 20px; line-height: 1.2em; font-size: 20px; text-transform: uppercase; vertical-align: middle; background-color: #603030; color: #fff;} @media (max-width:767px) { #faq-page .largebk .container {flex-direction: column;} #faq-page .left, #faq-page .right {text-align:center; width:100%;} #faq-page .faq-search-input {padding-left:10%;} } @media (max-width:500px) { #faq-page .faq-search-input {padding-left:15%;} }