/* Theme Name: Riverhouse Theme Theme URI: http://riverhousenewhope.com Description: Riverhouse at Odettes Website Author: Wayne Goodman Author URI: http://waynegoodman.com Version: 2 */ @import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400&display=swap'); @import url("https://use.typekit.net/urb2sry.css"); /* single line css formatting - generator: https://www.cssportal.com/format-css/format.php */ /* font-family: 'Playfair Display', serif; */ /*--------------------------------------------------------------# Accessibility--------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;/* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus{outline:0;} .clearFix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0 } h2, h3, h4, h5 { font-weight:400} h2 a, h3 a { text-decoration:none } /* gallery container */ .gal-container{margin-top:-44px} html{font-size:100%;} .error404 .secUp {display:none} /* .pum-theme-2806 .pum-container, .pum-theme-default-theme .pum-container { background:#fff url('https://www.riverhousenewhope.com/wp-content/uploads/2021/10/pumpkins.jpg') no-repeat center center; background-size:cover;} .pum-theme-2806 .pum-content, .pum-theme-default-theme .pum-content {padding:20px 8px; background:none !important; } .pum-theme-2806 .pum-content h2 {font-size:40px; line-height:40px; margin:0 auto; font-weight:100;} .pum-theme-2806 .pum-content a {letter-spacing:.03em; text-align:center; margin:32px auto 0 auto; padding:14px; border:1px solid #fff; color:#fff; text-decoration:none; font-size:19px; display:block;} */ .asp_price_container { font-weight:100 !important; font-size:14px !important; } html, body{font-family:"futura-pt",sans-serif; font-weight:400; margin:0;padding:0;height:100%;font-weight:400;color:#000} body{font-size:16px;} /*http://www.paulirish.com/2http://ppl.ug/2nSGk7gXb6A/012/box-sizing-border-box-ftw/http://www.abeautifulsite.net/box-sizing-border-box-explained/ */ *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a img, img a{border:none} a{color:#000} a:hover{color:#364c2e } a.boxBtns2 {font-size: 12px;line-height: 13px;text-decoration: none;padding: 12px 18px 10px 18px;display: inline-block;background: #fff;border: 1px solid #2d4353;color: #5f6062;text-align: center;text-transform: uppercase;letter-spacing: .04em;min-width: 144px;} a.boxBtns2:hover {} .rightCol2 p {font-weight:300;} h1{font-family:'Playfair Display', serif;font-size:24px;line-height:120%;color:#000 } .riverhouse_burnt_amber{color:#005A70;} .newsletter{padding-top:3px;} .newsletter input{background:none !important;border:none !important;display:inline !important;} .newsletter input#email_addr{width:152px;padding-left:4px } .section2{width:92%;margin:32px 4%;text-align:left;font-size:1em;line-height:140% } .leftCol{width:100%;background:#fff;min-height:168px;text-align:center;position:relative;margin-bottom:0;float:none } .leftCol h3{/*color:#005A70;*/ color:#000;text-transform:uppercase;font-size:.85em;margin:11px auto;font-family:"futura-pt", "Futura";font-weight:400;text-transform:uppercase} .rightColH{height:100%;overflow:auto;top:0;/*bottom:88px;*/z-index:0;} .rightCol{/*height:100%;*/ overflow:auto;top:0;bottom:88px;z-index:0;} .rightImage{position:relative } .rightImage img{max-width:100%;height:auto;} ul.slider{max-height:300px;list-style:none;margin:0;padding:0;height:70%;} ul.slider li{width:100%;min-height:100%;list-style:none;margin:0;padding:0;overflow:auto;background-repeat:no-repeat;background-position:center center;min-height:85vh;} ul.slider li h2{color:#fff;font-family:'Playfair Display', serif;font-weight:400;font-size:32px;margin:0 0 11px 0;line-height:100%;margin:9% auto 0 9%;text-shadow:1px 1px 2px rgba(0, 0, 0, .4)} .logo{width:88%;max-width:260px;height:auto;margin:16px auto 0 auto;} .logo img{width:100%;height:auto} /*ul.primaryNav{margin:32px auto;padding:0 } ul.primaryNav li{list-style:none } ul.primaryNav li a{text-decoration:none} */ .menu ul{margin:32px auto;padding:0 } .menu ul li{list-style:none } .menu ul li a{text-decoration:none} .menu{display:none;cursor:pointer !important;font-size:.85em;font-weight:400;margin:0 auto} .menu a{color:#000;display:block} .menu a:hover{color:#364c2e} .menu li{margin:10px auto;text-transform:uppercase} .theCursor{cursor:pointer !important;text-decoration:none;font-weight:100;font-size:16px;color:#000;display:block;} /*.theCursor:before, .theCursor:after{content:' \2014 '} */ .theCursor:before{padding-right:6px;padding-bottom:11px} .footer{width:100%;text-align:center;font-size:.9em;line-height:141%;margin-bottom:32px; font-weight: 100;} .footer a { font-weight:100 } .news{width:100%;height:auto;background:rgba(255, 255, 255, 0.8);bottom:0;left:0;position:relative;overflow:hidden;font-size:.8em;} button#responsive-menu-pro-button{padding-bottom:4px !important;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;} li.responsive-menu-pro-item a{text-transform:uppercase } /*bx slider*/ .theslides{min-height:42px;padding:0 4% 0 4%;background:none;margin-top:-16px;margin-bottom:0;/*margin-left:-1px;*/ border-left:1px solid #b10538;/*margin-right:-1px;*/ background:none !important;} .bx-wrapper .bx-viewport{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border:none;left:-1px;background:none !important;padding-top:0;border-top:none !important;border-bottom:none !important;font-size:13px;padding-top:8px;margin-bottom:0 !important;} .bx-wrapper .bx-next{right:0;top:0 } .bx-wrapper .bx-prev{left:0;top:0 } .inner{margin:4px 0} .inner p{display:inline;margin:0 0 0 0 } .inner a{text-decoration:none;color:#333} .inner .readmore{color:#005A70;} .bxslider h3{font-size:16px;margin:0 0 4px 0;color:#005A70;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif} .bxslider h3 a{text-decoration:none} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{/*display:none !important*/ float:left} .inner{margin:8px 0;padding:0 14px 0 24px;max-height:80px;font-size:13px;font-weight:300} .photoRo{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} .content, .content2{padding:3% 0} .single .content2 {padding:0 0} .content2 img{max-width:100%;height:auto } .contentTop, .contentTop2{padding:3% 6%;text-align:center } .content2{padding-bottom:6%} .content2, .contentTop{font-size:1em;line-height:145% } .contentTop2{font-size:1.1em;line-height:140%;color:#000 } .contentTop p, .content2 p { max-width:100%; margin:0 auto 1em auto; } .contentTop p {padding:0 4%; max-width:820px} .contentTop .containerTabs p {padding:0 0% !important} .contentTop .blogItems p, .content2 .blogItems p { max-width:100% !important} .contentTop h1, .contentTop2 h1 { font-weight:400; margin: 10px auto;} .secDown{position:absolute;z-index:2;bottom:22px;left:48%;right:48%;width:38px;display:none} .secUp{z-index:2;bottom:-22px;margin:22px auto;width:38px;} .secDown a{display:block;z-index:3;margin-bottom:-26px } .secUp a{display:block;z-index:3;margin-top:22px } .secDown img, .secUp img{width:100%;height:auto} .section2{background:#EAD9BB} .top{height:0} .join{border:1px solid #000;margin:22px auto;width:144px} .join a{text-decoration:none;display:block;padding:4px 11px 3px 11px;} .riverhouseContact{max-width:720px;margin:0 2.5%} .newsletter{width:220px;height:28px;border:1px solid #ccc;display:block;margin:0 auto 22px auto} form.newsletter input:focus{border-color:#dc1f26;} form.newsletter{display:inline-block;} form.newsletter a:focus{border-color:#be9d9c !important;color:#dc1f26 !important;} form.newsletter a:hover{border-color:#dc1f26 !important;color:#dc1f26 !important;} form.newsletter a{/* border:1px solid #945352;*/ padding:4px 6px;border-left:0px;padding-left:0px;display:inline-block;height:27px;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;text-transform:uppercase;border:none !important;color:#a26f6f;} form.newsletter input{/*border:solid 1px #945352;*/ padding:3px 8px 3px 8px;-webkit-appearance:none;width:140px;display:inline-block;height:25px;-moz-box-sizing:border-box;box-sizing:border-box;border:none !important;background:none !important;text-align:center;} blockquote{max-width:700px;margin:0 3%;} html{-webkit-text-size-adjust:100%;/* Prevent font scaling in landscape while allowing user zoom */ } #readMore{margin:0;padding:0;} #readMore .tab{margin:.3em 0;width:100%;} #readMore .tab a{text-decoration:none;z-index:1} a.btn{} a.btn:hover{background:#3C6;} .tab{} #readMore .tab a{display:inline;content:"Read More…" } #readMore .tab a.active2{display:none} #readMore .tab a.active2:after{display:inline;content:"Email address:" } .slideArrow{display:inline} #readMore .tab a.active2 .slideArrow{} #readMore .panel, .panel{display:none;margin-bottom:22px;} .close{margin:0;padding-right:3%;left:0;width:755px;height:32px;color:#fff;background:none;z-index:11;cursor:pointer;text-transform:uppercase;color:#999;font-size:.7em;letter-spacing:.2em;display:none} a.close:hover{color:#ffcc00 } .page-id-11 blockquote{margin:-88px 5% 22px 5%;line-height:149%;text-align:center} /*Javascript sliding panel*/ .slidePanel h1{font-size:18px;line-height:21px;color:#ccc;font-weight:700;padding:0 28px 6px 0;font-family:'Playfair Display', serif;} .slidePanel p{margin:0 0 8px 0 } .slidePanel{position:absolute;top:50px;right:0;display:none;background:rgba(0, 0, 0, 0.8);border:1px solid #111111;-moz-border-radius-topleft:18px;-webkit-border-top-left-radius:18px;-moz-border-radius-bottomleft:18px;-webkit-border-bottom-left-radius:18px;width:284px;height:auto;padding:30px 28px 30px 30px;filter:alpha(opacity=85);opacity:.95;font-size:.85em;line-height:120%;z-index:7777;} .slidePanel p{margin:0 0 15px 0;padding:0;color:#cccccc;} .slidePanel ul{margin:0 0 0 8px;padding-left:0;color:#ccc;} .slidePanel ul li{margin:0 0 15px 8px;} .slidePanel a, .slidePanel a:visited{margin:0;padding:0;color:#9FC54E;text-decoration:none;border-bottom:1px solid #9FC54E;} .slidePanel a:hover, .slidePanel a:visited:hover{margin:0;padding:0;color:#ffffff;text-decoration:none;border-bottom:1px solid #ffffff;} a.trigger{position:absolute;text-decoration:none;top:80px;right:0;font-size:32px;font-family:Times New Roman, serif;color:#fff;color:rgba(255, 255, 255, 1);padding:16px 16px 16px 26px;font-weight:700;background:#333333;background:rgba(0, 0, 0, 0.22);-moz-border-radius-topleft:40px;-webkit-border-top-left-radius:40px;-moz-border-radius-bottomleft:40px;-webkit-border-bottom-left-radius:40px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;display:block;font-style:italic;z-index:66666;display:none} a.trigger:hover{position:absolute;text-decoration:none;top:80px;right:0;background:#222222 url(/images/plus2.png) 15% 55% no-repeat;color:#fff;font-weight:700;border:1px solid #444444;} a.active.trigger{background:#222222 url(/images/minus2.png) 15% 55% no-repeat;} ::-webkit-input-placeholder{/* Chrome/Opera/Safari */ font-size:10px} ::-moz-placeholder{/* Firefox 19+ */ font-size:10px} :-ms-input-placeholder{/* IE 10+ */ font-size:10px} :-moz-placeholder{/* Firefox 18- */ font-size:10px} .weblizar-portfolio-gallery a div{display:none !important;background:rgba(204, 204, 204, 0.1) !important} ul.masonry{/* Masonry container */ margin-top:32px; -webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:.7em;-moz-column-gap:.7em;column-gap:.7em;margin:1.5em;padding:0;-moz-column-gap:.7em;-webkit-column-gap:.7em;column-gap:.7em;font-size:.85em;margin:1em;} ul.masonry li{display:inline-block;background:#fff;margin: 0 0 .3em;width:100%;-webkit-transition:1s ease all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } ul.masonry li img{width:100%} ul.masonry:first-of-type{margin-top:32px} ul.masonry li img{max-width:100%;} /* section templates */ .eventLinks {color:#ae945a;} a.scrollLink { text-decoration:none; text-transform:uppercase; font-weight:400; margin:0 auto 8px auto; display:block;} .hiddenPipe {display:none;} .riverHouseSection{position:relative;padding:0;width:100%} .riverHouseSection p{max-width:80%;display:block; visibility:hidden; width:100%;font-size:1em !important;text-align:center;line-height:140%;/*padding:0 4% 32px 4%;*/ padding: 0 4% 11px 4%;} .riverHouseSection h1{text-align:center;padding:16px 12px 0 12px;color:#fff;font-size:3em; line-height:110%;font-weight:100;text-shadow:1px 1px 2px rgba(0, 0, 0, .4);} .riverHouseSection h2{text-align:center;color:#fff;font-size:2em;font-weight:400;text-shadow:1px 1px 2px rgba(0, 0, 0, .4);} h1.blockHead{text-align:center;padding:3% 4% 4% 2%;margin:0 auto;width:100%;font-size:42px;font-weight:100;text-transform:uppercase} .riverHouseSection h3, .riverHouseSection h4, .riverHouseSection h5, .riverHouseSection h6 {display:none;} .riverHouseSection:hover h3, .riverHouseSection:hover h4, .riverHouseSection:hover h5, .riverHouseSection:hover h6 {display:block;} /* .fill-height-or-more{min-height:100%;display:flex;flex-direction:column;}*/ .fill-height-or-more > div, .fill-height-or-more > section{flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;vertical-align:middle;} .fill-height-or-moreFull > div, .fill-height-or-moreFull > section, .fill-height-or-moreFull > div, .fill-height-or-moreFull > section:hover{/*min-height:100%;*/flex:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center;vertical-align:middle;} .fill-height-or-moreFull > section, .fill-height-or-more > section{height:300px } #intro, .page-template-events_template .riverHouseSection > section:nth-child(1):hover {/*height: 240px !important;*/ height: 50vh !important;} .riverHouseSection > section:before, .riverHouseSection > section:after{display:table;width:100%;height:100%;vertical-align:middle} .fill-height-or-moreFull > article{display:table} .riverHouseSection article{width:100% !important;margin:0 auto;text-align:center;display:block} .riverHouseSection section{position:relative;} /*.riverHouseSection > div, .riverHouseSection > section{padding:1rem;}*/ .riverHouseSection > div:nth-child(1), .riverHouseSection > section:nth-child(1){} .bgImage{width:100%;min-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background-size:cover;-webkit-transition:all 0.6s ease;transition:all 0.9s ease;} .riverHouseSection > div:hover .bgImage, .riverHouseSection > section:hover .bgImage{opacity:0.2;} .riverHouseSection > div:hover .boxContent, .riverHouseSection > section:hover .boxContent{display:block } .riverHouseSection > div:hover p, .riverHouseSection > div:hover h2, .riverHouseSection > section:hover p, .riverHouseSection > section:hover h2{/*visibility:visible;*/ display:block;color:#000} .riverHouseSection > div:hover h1, .riverHouseSection > section:hover h1{color:#000} .riverHouseSection > div h1, .riverHouseSection > div h2, .riverHouseSection > section h1, .riverHouseSection > section h2{margin:22px 0 22px 0;} .riverHouseSection > div p, .riverHouseSection > section p{margin:0 auto; } .riverHouseSection p span.subHead{text-align:center;font-size:1.2em;text-transform:uppercase;color:#000;margin:-14px auto 11px auto;display:block} .safariHack{width:100%;display:block;padding:111px 0} .riverHouseSection > section:nth-child(1) p{ padding:0 1% 32px 1%;} .riverHouseSection div:hover p {display:block} .fill-height-or-moreFull > section h1, .fill-height-or-more > section h1, .fill-height-or-more > section h2 {position:absolute; top:0; bottom:0; left:0; right:0; display: flex; align-items: center; justify-content: center; transition: position 2s;} .fill-height-or-moreFull > section:hover p, .fill-height-or-more > section:hover p{ visibility:visible} .fill-height-or-moreFull > section:hover h1, .fill-height-or-more > section:hover h1, .fill-height-or-more > section:hover h2 {position:relative; } .happeningsH2 {text-transform:uppercase;} .fill-height-or-moreFull p:last-of-type, .fill-height-or-more p:last-of-type { padding-bottom:32px } /* social media */ .hidden { display:none} ul.social { list-style: none; margin:0 auto; text-align:center; margin-bottom:11px; } ul.social li { margin:0 6px !important; text-align:center; display:inline-block} ul.social .fa { font-size:16px} .shortFormSignup { margin-bottom:22px} .page-template-gallery_template2 .contentTop { min-height:0 !important; padding:32px 0 0 0 !important;} .galleryArea { margin:0 auto;} .page-template-gallery_template2 .content2 { padding: 1% 0 3% 0; } .blogThumb { text-align:center; max-width:240px; margin:0 auto 11px auto} .blogItems { border-bottom:1px dotted #a79e8b; padding-bottom:16px;} .blogItems:last-of-type { border-bottom:none !important } .rightBlogCol h2, h2.widget-title { font-size:17px;font-weight:400} ul#sidebar { margin:0 2% 0 0; padding-left:0} ul#sidebar ul { margin:0 0 0 11px; padding-left:11px} .blogContent { margin:0 2%} strong { font-weight:400} .blogItems h2 {font-size:18px;font-weight:400 } /*@media only screen and (orientation: portrait) { .page-template-events_template .fill-height-or-moreFull > section {height:777px } .page-template-events_template.fill-height-or-moreFull > section:hover {height:auto; height:777px} .page-template-events_template #intro, .page-template-events_template .riverHouseSection > section:nth-child(1):hover {height: 640px !important;} .fill-height-or-moreFull > section:hover {min-height:777px; } }*/ .shortFormSignup .joinHelper { font-size:15px !important; margin-bottom:5px} /* stripe plugin work */ .asp_product_item { border:none !important; text-align:center; margin-top:0 !important; padding-top:0 !important; } .asp_product_name {display:none !important;} .asp_product_description {border-bottom:none !important;} /* Roof Membership Styles */ .roofM-H2 {text-align:left; margin:32px 0 22px 4%; font-weight:100; color:#000} .columnLeft, .columnRight {padding:0 4%; margin:0 } .columnLeft h2, .columnRight h2 { font-weight:400; font-size:1.1em; color:#ae945a; margin:16px 0 11px 0; text-transform:uppercase; clear:both } .columnLeft p, .columnRight p { margin:0 0 11px 0; line-height:140%} .columnLeft ul { margin:11px 0 11px 0} .columnLeft li { margin:0 0 8px 0} .columnRight h3 { color:#ae945a; text-transform:uppercase; font-size:1em; font-weight:100; clear:both; padding-top:.4em; margin:0 0 11px 0} .red { color:#FF0004} .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-weight:100 !important} .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] { vertical-align:top !important} .gform_footer input[type="submit"] { background: #ae945a; color:#fff; text-align:center; text-transform:uppercase;width: 79px; height:24px;border: 0; margin-top:11px} .red { color:#FF0004} .gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {font-weight:300 !important} .gfield_required { color:#ff0100 !important} .gform_wrapper textarea.small { border:.8px solid #bfbfbf !important; height:38px !important} /* reservations link box */ a.reservationsLink {font-size: 15px;line-height: 13px;text-decoration: none;padding: 12px 18px 10px 18px;display:block;background: none;border: 1px solid #2d4353;color:#000 !important;text-align: center;text-transform: uppercase;letter-spacing: .04em;width: 152px; margin:22px auto 0 auto; font-weight: 400;} a.reservationsLink:hover {background:#f5eedb} /*Booking Styles*/ .bookBtn2{bottom:0; width:100%; height:auto; font-size:1.6em; padding:16px 0 16px 0; text-align:center; position:absolute; left:0; right:0; background:#fff; background:rgba(255, 255, 255, 0.57); z-index:9999999; text-decoration:none; font-size:1.4em; font-weight:400} p .bookBtnOutline { font-size:.95em; display:inline-block; color:#333; width:auto; margin:17px auto; background:none; border:1px solid #333; padding:6px 12px; text-decoration:none; font-weight:400} .page-id-447 .introSection article { /*padding-bottom:42px */ /*removed for rooms intro 1-21 */} .bookBtn1{bottom:22%; width:100%; height:auto; padding:15px 0 15px 9%; text-align:left; position:absolute; left:0; right:0; background:#fff; background:rgba(255, 255, 255, 0.57); z-index:9999999; text-decoration:none; font-size:1.3em; font-weight:400} .topImage .bookBtn1 { text-align:center; padding:15px 0 15px 0;} /*Revised footer styles 2-20*/ .footerLinks { list-style:none; font-size:.8em; line-height:2px; margin:11px auto 11px auto; font-weight:100} .footerLinks a {font-weight:100 !important } .footerLinks li { display:inline-block; margin:3px 0; padding:0 11px } .footerLinks li { border-right:1px solid #999} .footerLinks li:last-child { border-right:none !important} .menu ul { margin:11px auto 8px auto !important} .footerLinks li a { text-transform:lowercase } .refinedProp { font-size:.8em; font-weight:400; margin-top:9px} .refinedProp a{text-decoration:none;} .shortFormSignup .joinHelper { font-size: 13px !important;margin-bottom: 5px; font-weight:400;} ul.social {list-style: none; margin: 16px auto 22px auto;text-align: center; display:block} a.joinTeam { margin: 9px auto 14px auto; text-decoration:none; display:block; font-weight:400} .rightColH { height:85%} .menu li { margin: 6px auto !important;} .leftCol h3 {margin-bottom:10px } .eventLinks.eventLinks2 a { border-right:1px solid #444; padding-right:16px } .eventLinks.eventLinks2 a:last-of-type {border-right:none !important} @media screen and (max-width:920px){ /*line below removed to fix IE 10 issue but added for just mobile */ .fill-height-or-moreFull > section:hover, .fill-height-or-more > section:hover{height:auto; min-height:300px} } @media screen and (min-width:340px){ .logo{width:260px;} .inner{max-height:120px;font-size:13px} ul.slider{max-height:400px } } /*@media only screen and (orientation: portrait) { .fill-height-or-more > div, .fill-height-or-more > section{min-height:50vh; } .fill-height-or-moreFull > div, .fill-height-or-moreFull > section, .fill-height-or-moreFull > div, .fill-height-or-moreFull > section:hover{min-height:100vh;} }*/ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ specific styles go here */ ul.masonry li{float:left} } @media screen and (min-width:640px){ html, body{ font-family:"futura-pt",sans-serif; font-weight:100;} .content2, .contentTop{font-size:1em;line-height:145% } .fill-height-or-more > div, .fill-height-or-more > section{min-height:400px;min-height:50vh !important; } /* .fill-height-or-moreFull > div, .fill-height-or-moreFull > section, .fill-height-or-moreFull > div, .fill-height-or-moreFull > section:hover{min-height:100vh;}*/ #weddings, #weddings > div, #celebrate, #celebrate > div, #meetings, #meetings > div, .eventFull {min-height:100vh;} .page-template-events_template .riverHouseSection > section:nth-child(1){height:50vh !important} .eventHalf {min-height:50vh} .hiddenPipe, a.scrollLink {display:inline-block;} a.scrollLink {margin:0 6px;} .riverHouseSection > div h1, .riverHouseSection > div h2, .riverHouseSection > section h1, .riverHouseSection > section h2{margin:11px 0;} ul.masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2;} .galleryArea { width:100%; margin:0; padding:0} a.trigger{display:inherit} p.pp_description{margin-left:123px !important } blockquote{margin:0 5%;line-height:149%} .page-id-11 blockquote{margin:-69px auto 22px auto !important;line-height:149%;text-align:center;padding:0;width:100% !important} .page-id-11 .tab{width:100%;} .page-id-11 blockquote p{margin:5px 0 5px 0 } .page-id-11 .close{padding-right:0;padding-bottom:11px} h1{ font-size:2.2em; line-height:110%} .contentTop, .contentTop2{padding:3% 10% 16px; text-align:center } /* .contentTop, .contentTop2{min-height:144px}*/ .content{padding:1% 4%} #content{width:100%;height:2px;bottom:0;position:absolute;z-index:-111;} #contentArea{width:auto } .rightImage{position:relative;margin:0;padding:0;width:100%;/*min-height:100%*/} .section2{width:auto;margin:0 0 10% 254px;height:100%;position:relative} .leftCol{position:fixed;color:#000} ul.slider{max-height:100% !important;} ul.slider li h2{font-size:38px;margin:9% auto 0 11%;} .inner{max-height:120px;font-size:13px} .theslides{min-height:84px;} .bxslider h3{font-size:16px;margin:0 0 4px 0;color:#005A70;;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{/*display:none !important*/ float:left} .logo{width:88%;max-width:260px;height:auto;margin:42px auto 22px auto;} .news{width:auto;left:254px;margin:0;bottom:0;z-index:888;position:absolute;margin-top:500px;min-height:44px;font-size:.8em;} .leftCol{width:254px;background:#fff;min-height:100%;text-align:center;float:left;z-index:1} .rightColH{/*left:254px;left:33.5rem;*/height:100%;overflow:hidden;top:0;margin:0;z-index:1;padding-bottom:0;margin-left:254px;} .rightCol{/*left:254px;left:33.5rem;*/height:100%;width:auto;overflow:scroll;top:0;margin:0;z-index:1;padding-bottom:0;margin-left:254px;} .rightColH{width:auto;margin-left:254px;width:calc(100% - 254px);float:left } .rightCol2{width:auto;margin-left:254px;width:calc(100% - 254px);float:left } ul.slider{list-style:none;margin:0;padding:0;height:100%;} ul.slider li{width:100%;min-height:100%;list-style:none;margin:0;padding:0;overflow:auto} ul.slider li h2{color:#fff;font-family:'Playfair Display', serif;font-weight:400;font-size:45px;margin:0 0 11px 0;line-height:100%;left:20%;top:11%;margin:11% 0 0 11%} .menu{display:block;padding-bottom:192px;font-size:.9em} .theCursor{display:none } .footer{bottom:22px;position:absolute;width:100%;text-align:center;font-weight:300;} .secDown{display:block } .rightBlogCol h2 { font-size:16px;font-weight:400} .blogItems h2 {font-size:18px;font-weight:400 } /* to make blog headline flush left*/ .page-id-359 .contentTop2 { padding: 3% 2% 16px;} .single .contentTop2 { padding: 3% 5% 16px;} .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), body .gform_wrapper .top_label div.ginput_container { margin: 1px 0 0 !important;} .gfield_label { font-size:.85em !important } /*Booking Styles 2-20*/ .bookBtn1{bottom:150px; font-size:2em; padding:21px 0 21px 9%; text-align:left} .topImage .bookBtn1 { bottom:0; font-size:1.7em; padding:21px 0 21px 0 !important; margin:0 auto; text-align:center} .rightColH { height:100%; position:relative} .bookBtn2{font-size:1.6em; padding:16px 0 16px 0;} .penthouse { padding-top:48px} .footer { margin-bottom:0; bottom:0; } .menu { display: block; padding-bottom: 11px;font-size: .9em;} .footerDown { padding-bottom:32px } .menu, .joinTeam { font-size:.88em} .logo { margin: 42px auto 12px auto;} .footerDown { padding-bottom: 12px;} .footer { padding-bottom: 8px;} .leftCol::-webkit-scrollbar { width: 5px;} .leftCol::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;} .leftCol::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } } /*end 640px styles */ /*to help shallow browsers with left column*/ @media only screen and (min-width: 768px) and (min-height: 670px) { .logo { margin: 42px auto 22px auto;} .footerDown { padding-bottom: 26px;} .leftCol h3 {margin-bottom:24px } .menu li { margin: 9px auto !important;} .leftCol h3 {margin-bottom:18px } .footer{ padding-bottom: 1em !important;} } @media screen and (min-width:980px){ .riverHouseSection h1{font-size:66px;} .riverHouseSection h2{font-size:2.5em; max-width:88%; margin:auto !important} .blogItems h2 {font-size:20px;font-weight:400 } .blogItems h3 {font-size:18px;font-weight:400 } .rightBlogCol h2, h2.widget-title { font-size:19px;} blockquote{margin:0 auto;text-align:left} ul.slider li h2{font-size:66px;/*font-size:4.71428571rem;*/ margin:7% 0 0 8%} .theslides{min-height:64px;} .leftBlogCol, .rightBlogCol { float:left} .leftBlogCol { width:60%; width: calc(97% - 260px); margin-right:3% } .rightBlogCol { width: 260px; } .blogThumb {width:232px; float:right; margin:0 0 11px 18px} /* roof memership */ .columnLeft, .columnRight { float:left;padding:6px 4% } .columnLeft { width:34%; border-right:1px solid #ae945a;} .columnRight { width: 65%; } .columnLeft h2:first-of-type, .columnRight h2:first-of-type { margin-top:2px} .gfield_label { font-weight:100 !important; font-size:.9em} /*gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gchoice_1_5_1 input { margin-top:-18px !important} input#choice_1_14_1 { margin-top:0 !important}*/ } @media screen and (min-width:1030px){ /* .pum-theme-2806 .pum-content, .pum-theme-default-theme .pum-content {padding:33px 0;} .pum-theme-2806 .pum-container, .pum-theme-default-theme .pum-container {min-width:600px !important; background-size:cover; */ } .riverhouseContact{margin:0 auto;} ul.masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3;} .single .contentTop2 { padding: 3% 5.5% 16px;} } /* to make left column wider for larger browser windows */ @media only screen and (min-width: 1100px) { .leftCol {width: 300px; } .rightColH, .rightCol2 {margin-left: 300px; width: calc(100% - 300px); } } @media screen and (min-width:1280px){ .columnLeft { border-right:none; } .columnRight { border-left:1px solid #ae945a;} .equalColumn { min-height:780px} .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) { margin: 5px 0 0; } } .page-id-17 .secUp, .page-id-17 .secDown { display:none !important} .page-id-359 .contentTop2 h1, .single .contentTop2 h1{ text-align:center !important; font-family: 'Playfair Display', serif;} @media screen and (max-height: 632px) and (min-width:640px) { .footer { position:relative; bottom:8px} .bookBtn1{bottom:100px !important} .leftCol { float:none; overflow-y:auto; height:100%} p { font-family: futura-pt, sans-serif !important;} } /* counter */ .syotimer{text-align: center; margin: 10px auto; padding: 0; font-family: Nunito, sans-serif;} .syotimer-cell{ display: inline-block;margin: 0 2px;width: 52px;background:#fff;padding:8px;border:1px solid #000;} .syotimer-cell__value{font-size: 24px;color: #000;font-weight:300;height: 29px;line-height: 32px;margin: 0 0 5px;} .syotimer-cell__unit{font-size: 8px;text-transform: uppercase;padding-bottom:2px} /* .pum-container.pum-responsive {max-width:400px !important} */ @media only screen and (min-width:640px) { /* .pum-container.pum-responsive {min-width:400px !important} */ .syotimer{margin: 10px auto 0;padding: 0 0 10px;} .syotimer-cell{ margin: 0 5px;width: 69px;} .syotimer-cell__value{font-size: 28px;height: 36px;line-height: 52px;margin: 0 0 5px;} .syotimer-cell__unit{font-size: 11px;padding-bottom:11px } } /* popup changes 12/01/20 */ /* .popmake-content p { text-align:center; line-height:158% !important; font-size:1.1em !important; margin-top:5px} .pum-theme-2806 .pum-content h2 {margin-bottom:8px !important}*/ @media screen and (min-width:820px) { .popmake-content p { font-size:1.2em !important} } /* gift cards 11-21 */ .giftcardBtns {margin-top:32px} .giftcardBtns {text-align:center; font-weight:400} .giftcardBtns a {text-transform:uppercase; padding:6px; display:block;margin:11px auto 8px auto; background:#a99461; width:288px; color:#fff; text-decoration:none; border:1px solid #999} .giftcardBtns a:hover {background:#777} a.balancesGC {background:#fff; color:#000; margin-top:32px; border:#000 1px solid} a.balancesGC:hover {background:#a99461; color:#000;} /* cinco de mayo event - remove after may 5th */ #PRIDE h2.happeningsH2 {visibility:hidden !important; display:none} .riverHouseSection:hover #PRIDE h2 {display:block !important; visibility:visible !important} .positionSelect select {min-height:26px !important} .tribe-events-schedule h2, h2.tribe-event-date-start, tribe-events-cost {font-size:1.1em !important; text-align:center} .tribe-events-single-event-title {text-align:center !important; margin:0 auto !important} .tribe-events-schedule {text-align:center; display:block} .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {font-weight:400 !important} .single-tribe_events .tribe-events .tribe-events-c-subscribe-dropdown__container {margin:auto !important} .tribe-events-event-meta.primary {margin:auto !important; font-weight:400} .single .secDown {display:none !important} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {width:100% !important} .datepicker.dropdown-menu {width:240px; } .old.day.past, .new.day, .old.day {color:#b1b1b1 !important} .tribe-tickets__tickets-wrapper, .tribe-tickets__tickets-form {margin:22px auto !important; font-family:"futura-pt",sans-serif !important;} .event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn {background-color:#000 !important} .event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn:hover {background-color:#444 !important} .event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn:disabled {background-color:#444 !important} .event-tickets .tribe-common-h4 {padding-bottom:11px !important; text-transform:uppercase;/* font-family:'Playfair Display', serif !important;*/} .tribe-common a.tribe-common-c-btn--small, .tribe-common button.tribe-common-c-btn--small, .tribe-common input[type=button].tribe-common-c-btn--small, .tribe-common input[type=submit].tribe-common-c-btn--small {background-color:#000 !important} .tribe-common a.tribe-common-c-btn--small:hover, .tribe-common button.tribe-common-c-btn--small:hover, .tribe-common input[type=button].tribe-common-c-btn--small:hover, .tribe-common input[type=submit].tribe-common-c-btn--small:hover {background-color:#444 !important} .tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {background:#000 !important} .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:hover {background:#444 !important} .event-tickets .tribe-tickets__commerce-order {margin:auto !important} /* woo */ .woocommerce-checkout #payment ul.payment_methods li img {width:44px; display:inline !important} .woocommerce .woocommerce-checkout .col2-set .col-1, .woocommerce .woocommerce-checkout .col2-set .col-2 { width: 100% !important; } .woocommerce .woocommerce-checkout .col2-set .col-1 { margin-bottom: 30px; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img, .woocommerce-checkout .rightImage img {width:44px !important} .woocommerce {max-width:540px; margin:auto !important} .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {min-height:32px} .responsive-tabs li.active a {color:#ae945a !important} .nf-field-label label {font-weight:300 !important} .nf-multi-cell .nf-cell {padding: 0 6px !important;} .nf-cell .g-recaptcha { right: inherit !important; top: 0 !important; position: relative !important;} .nf-form-content label {font-size:16px !important} .nf-field-element ul li {text-align:left !important} .nf-pass.field-wrap .nf-field-element:after {top:28px !important} .shortFormSignup .nf-field-container {margin-bottom:6px !important} .nf-cell .g-recaptcha {width:300px; margin:auto} /* to hide NYE Ticket */ /* .page-id-50441 .event-tickets {display:none !important} */ /* ninja-forms-footer */ .shortFormSignup .nf-form-fields-required {display:none} .shortFormSignup .ninja-forms-req-symbol {display:none} .shortFormSignup .nf-form-content input:not([type=button]), .shortFormSignup .nf-error { width:188px; position:relative; background:#fff; margin-left:11px} .shortFormSignup .nf-form-content input:not([type=button]) {float:left} .shortFormSignup .nf-form-content input.ninja-forms-field {height:34px; padding:8px} .shortFormSignup .nf-form-content input[type=button], .shortFormSignup .nf-form-content input[type=submit] { position:absolute; right:0; background:#eaeaea; color:#777; font-size: 12px; padding: 6px 11px; border: 1px solid #c4c4c4; width:44px} .shortFormSignup .nf-after-field .nf-error-msg, .shortFormSignup .nf-error-msg {font-size:12px} .shortFormSignup input::placeholder {color:#999; font-size:11px} .shortFormSignup .nf-error.field-wrap .nf-field-element:after {height:32px !important; line-height:36px !important; display:none} #nf-field-4-container {height:31px; width:42px; position:absolute; top:5px; right:10px; } @media screen and (max-width:640px){ .shortFormSignup {max-width: 254px; position:relative; margin:auto; display:block; -webkit-border-radius:0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important} } /* trouble shoot ticket issue with learn more */ .a11y-dialog__body-locked .scrollto, .a11y-dialog__body-locked .roofLogo, .a11y-dialog__body-locked .topContentArea {z-index:0 !important} #nf-field-191-container{ text-align:center !important; } .nf-field-label .nf-label-span, .nf-field-label label {font-weight:500 !important} /* amenities list block */ .amenitiesUL ul {text-align:left; margin:11px auto; list-style:none; font-weight:300; max-width:300px; justify-content:space-between; column-gap: 6%; } .amenitiesUL ul li { line-height:106%; margin-bottom:16px;} @media screen and (min-width:740px){ .amenitiesUL ul { columns: 2; list-style:none; max-width:720px; } .amenitiesUL ul li { break-inside: avoid; -webkit-column-break-inside: avoid;} } @media screen and (min-width:1080px){ .amenitiesUL ul { columns: 3; max-width:780px; } } .roomsHeadline {font-size: clamp(26px, 6vw, 50px); } /* grid gallery block */ .galleryGrid .galleryItem {flex-grow:1; position:relative} .galleryGrid2 .galleryItem {position:relative} .galleryCaption {position:absolute; top:0; left:0; right:0; bottom:6px; display:flex; align-items: flex-end;justify-content: center; color:#fff; font-size: clamp(17px, 2vw, 21px); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(173,173,173,0) 32%, rgba(43,43,43,0.07) 83%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(173,173,173,0) 32%,rgba(43,43,43,0.07) 83%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(173,173,173,0) 32%,rgba(43,43,43,0.07) 83%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */ } .galleryCaption p {padding-bottom:0} @media screen and (min-width:740px){ .galleryGrid {display:flex; flex-direction:row; flex-wrap: wrap; gap:9px 1.5%; justify-content: center; } .galleryGrid .galleryItem img, .galleryGrid2 .galleryItem img { width:100% !important; height:auto} .galleryGrid2 { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap:2px 9px;} .galleryGrid .galleryItem { width:48%; } .galleryGrid2 .galleryItem {grid-column: span 3;} .galleryGrid2 .galleryItem:nth-child(n + 3) { grid-column: span 2;} .galleryGrid2 .galleryItem:nth-child(n + 6) {grid-column: span 3;} .galleryGrid2 .galleryItem:nth-child(n + 8) {grid-column: span 2;} .galleryGrid2 .galleryItem:nth-child(n + 11) { grid-column: span 3; } .galleryGrid2 .galleryItem:nth-child(n + 13) {grid-column: span 2;} .galleryGrid2 .galleryItem:nth-child(n + 16) { grid-column: span 3; } .galleryGrid2 .galleryItem:nth-child(n + 18) {grid-column: span 2;} .galleryGrid2 .galleryItem:nth-child(n + 19) {grid-column: span 2;} } @media screen and (min-width:1100px){ .galleryGrid .galleryItem { width:32.15%; align-content: stretch; } } @media screen and (max-width:639px){ .galleryItem {max-width:380px; margin:auto} .galleryItem a { pointer-events: none; cursor: default;} } /* adding padding for packages page */ .rightCol2 .wp-block-column p {padding:0 4%} .max640 {max-width:640px; margin:auto}