/* Theme Name: One King West Theme URI: http://onekingwest.com Version: 1.0 Author: Genevieve G. Tan Author URI: http://www.pause.ca */ html, body, body div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, stro.event_listng, sub, sup, var, b, i, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0; padding:0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, form label, .clear {display:block;} html, body{width:100%; height:100%; min-width:310px; overflow-x: hidden;} body{font:normal 0.9em Arial, Helvetica, san-serif; color:#666; text-align:center; line-height:1.6em; padding:0; background-color:#fff; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; min-height:99%; height:auto;} a img{border:0} img{max-width:100%; height:auto;} a, a:visited, #loginClick, #bodyContent .highlight{color:#b08947; text-decoration:none;} a:hover, #loginClick:hover, #topNav li a:hover, #footer nav a, #pageHeader .slideDesc a, .blackBG a {color:#d5a00f;} #footer nav li:hover a, .blackBG a:hover, #pageHeader .slideDesc a:hover{color:#fff} @font-face{ font-family: 'laneNarrow'; font-style:normal; src: url('fonts/LANENAR_-webfont.eot'); src: url('fonts/LANENAR_-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LANENAR_-webfont.woff') format('woff'), url('fonts/LANENAR_-webfont.ttf') format('truetype'), url('fonts/LANENAR_-webfont.svg#lane_-_narrowregular') format('svg'); } @font-face{ font-family: 'oswaldbook'; font-style:normal; src: url('fonts/oswald-regular-webfont.eot'); src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oswald-regular-webfont.woff2') format('woff2'), url('fonts/oswald-regular-webfont.woff') format('woff'), url('fonts/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg'); } h1, h2, .h1, .h2{font-family:'laneNarrow', Arial, san-serif; font-size:3.4em;} h1, h2, h3, .h1, .h2{font-weight:normal; line-height:1.3em; color:#000;} h3{font-size:1.8em;} h4, .customLink, .more-link {font-weight:normal; font-size:1.2em;} p{padding:10px 0} .clear{clear:both; overflow:hidden; visibility:hidden; width:0; height:0;} .clearfix:before,.clearfix:after{content:" "; display:table;} .clearfix:after{clear:both;} .clearfix{*zoom: 1;} .sideMenuItems, .expandDivider {margin:0; list-style-type:none; padding:0;} .fixedContent{width:1224px; max-width:98%; min-width:310px; margin:0 auto; text-align:left;} .no-js body, .no-js .fixedContent{min-width:995px;} .grayBG{background-color:#eee;} .textLeft{text-align:left} .textRight{text-align:right;} .center{text-align:center} iframe{max-width:100%!important;} .jsEnabled .noscript{display:none!important;} .no-js .noscript{display:block!important;} /* start core css classes */ .alignnone {margin:5px 20px 20px 0;} .alignright {float:right; margin:5px 0 20px 20px;} .alignleft {float:left; margin:5px 20px 20px 0;} .aligncenter {display:block; margin:5px auto 5px;} a .alignright {margin:5px 0 20px 20px;} a .alignnone {margin: 5px 20px 20px 0;} a .alignleft {margin: 5px 20px 20px 0;} .wp-caption {background: #fff; border: 1px solid #f0f0f0; padding: 5px 3px 10px; text-align:center; max-width: 96%;} .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text {margin:0; padding:0 4px 5px;} /* end core css classes */ .errors{padding:5px 2%;} .errors, .clubone_user_error{color:#c00; background-color:#ffdcdc;} .errors h3{font-size:1em} .errors ul{margin:0;} .clubone_user_error{border-color:#c00;} .icon50{margin:10px;} .icon, .accordion h4, .contentHightlights li{background:transparent url('images/icon.png') no-repeat;} .icon.single{width:auto; height:35px; vertical-align:middle; margin-right:5px; background-position:center center;} .book{background-position:0 -280px;} .cal{background-position:0 -770px;} h3, h4, #header nav, #topMenu, #footer nav, form label, .btn, .button, a.btn, button, input[type='submit'], div.ufo-form label, .customLink, .deal-price, .more-link, .pagePagination{font-family:'oswaldbook', 'Arial Narrow', Calibri, Arial, san-serif; font-weight:normal; text-transform:uppercase;} .navBar, #footer nav{background-color:#000; font-size:1.2em; display:block;} .navBar{height:43px; width:100%;} .memberHeaderMsg, .menuTarget span, #topNav ul, #topNav li, #footer nav li, #logo img, #logo span, #topNav .bookingClick, .icon, .col, .colFields div, .thumbCallout, .itemListed img, .itemListed .itemInfo, .pagePagination span, .pagePagination a , #searchform input, .gallery-item, .bx-wrapper .content, .bx-pager-item, .bx-pager-item a, .circleContainerWhite, .wrapField, .twoColumns .field, .threeColumns .field, .inlineLabels label, .cb_radio_group, .cb_checkbox_group, .no-js .subPageSlide li, .no-js .siblingSlide li{ display:inline-block; zoom:1; *display:inline; } #wrapper, #header .fixedContent, #logo, #pageHeader .fixedContent, #bodyContent{position:relative;} #header, #footer, #bodyContent{min-width:310px} #header {position:fixed; z-index:20000; top:0; width:100%; height:103px; background-color:#fff;} #header .navBar{position:absolute; bottom:0; left:0; z-index:1;} #logo{height:50px; position:absolute; top:5px; left:0;} #logo img, #logo span{vertical-align:middle;} #logo img{max-width:98%} #logo span{height:50px; width:1px;} .memberHeaderMsg{width:49%; text-align:right; position:absolute; right:10px; top:30px;} .largeScreen .memberHeaderMsg{padding-bottom:5px; vertical-align:bottom;} .mediumScreen .memberHeaderMsg{width:39%; top:15px; right:70px;} #topNav{position:absolute; top:60px; left:0; z-index:10000; width:100%; font-size:1.3em} #topNav ul{padding:0; margin:0; width:62%;} #topNav li{margin-left:5%;} #topNav ul .icon{width:30px} #topNav .fixedContent{max-width:100%;} .largeScreen #topNav ul, .no-js #topNav ul{position:absolute; right:10px; top:-60px; z-index:1000; font-size:0.75em; width:50%;} #topNav .icon.tel{background-position:0 -210px;} .largeScreen #topNav ul .icon.tel, .no-js #topNav ul .icon.tel{background-position:0 -140px;} #topNav ul .icon.account{background-position:0 -70px;} .largeScreen #topNav ul .icon.account, .no-js #topNav ul .icon.account{background-position:0 0;} #topNav .icon.logout{background-position:0 -980px;} .largeScreen #topNav .icon.logout, .no-js #topNav .icon.logout{background-position:0 -910px;} .largeScreen #topNav .fixedContent, .no-js #topNav .fixedContent{text-align:right; position:relative;} #loginBox, .bookClose, .mobileShow, .headerFade, .smallScreen .memberHeaderMsg{display:none;} /*login & booking*/ .blackBG{background:#000; color:#fff; } .blackBG label, .blackBG h1, .blackBG h2, .blackBG .h1{color:#fff;} .blackBG input{border:0;} #headerFields{position:fixed; top:103px; z-index:90000; width:100%; height:1px;} #headerFields .fixedContent{position:relative; text-align:right; max-width:100%;} #loginBox{width:260px; font-family:Arial, Helvetica, san-serif; text-transform:none; text-align:left; top:-43px;} #loginBox, #bookNow{padding:10px 2%; text-align:left; position:absolute; right:0; z-index:90000;} #loginClick, .bookingClick{cursor:pointer;} #bookNow{width:370px; top:0;} #bookNow .cal{cursor:pointer;} #bookNow input[type='submit']{width:100%; padding:5px 0; margin:10px 0 0;} .bookingClick{background-color:#c7950e; padding:6px 2% 2px; color:#fff; text-align:center;} #topNav .bookingClick{/*width:310px;*/ width:185px; position:absolute; right:0; top:0;} .no-js .bookingClick.jsVisible, .no-js #bookNow{display:none!important;} .no-js .bookingClick{font-size:0.9em; color:#fff;} .bestRateCallout img{padding:5px 0 10px} .bestRateCallout span{font-size:0.95em; line-height:1.3em} .bestRateCallout span a{font-size:0.8em} /* Dropdown */ #topMenu{text-align:left;} .largeScreen #topMenu, .no-js #topMenu{position:absolute; z-index:99999; top:-43px; left:0; width:100%; height:1px; display:block!important} .largeScreen #topMenu .menuItems, .no-js #topMenu .menuItems{/*width:675px;*/ width:800px;} .largeScreen .menuTarget, .largeScreen .menuItems ul, .no-js .menuTarget, .no-js .menuItems ul{display:none;} .largeScreen .dropdown, .no-js .dropdown{position:relative; z-index:2500;} .largeScreen .menuItems, .largeScreen .menuItems ul, .no-js .menuItems, .no-js .menuItems ul{list-style-type:none; margin:0; padding:0; width:75%; clear:both;} .largeScreen .menuItems li, .no-js .menuItems li{position:relative; margin:0; padding:0; display:inline-block; zoom:1; *display:inline;} .largeScreen .menuItems li:hover, .no-js .menuItems li:hover, .menuItems li li a:hover, .menuItems li:hover ul {background-color:#c7950e;} .largeScreen .menuItems a, .no-js .menuItems a, .menuItems li:hover a{color:#fff} .largeScreen .menuItems a, .no-js .menuItems a{display:block; padding:10px 12px;} .largeScreen .menuItems ul, .no-js .menuItems ul{background-color:#000; position:absolute; left:0; top:100%; z-index:2000; min-width:200px; margin:0; padding:0;} .largeScreen .menuItems .menu-item-has-children li, .largeScreen .menuItems li li a, .no-js .menuItems .menu-item-has-children li, .no-js .menuItems li li a, .no-js .menuItems li:hover ul{display:block; margin:0;} .menuItems li li:hover, .menuItems li li:hover a{background-color:#444;} .largeScreen .menuItems .menu-item-has-children li a, .no-js .menuItems .menu-item-has-children li a{font-size:0.9em;} .no-js .sideMenu:hover .menuContent{display:block;} .largeScreen a.mm-subopen{padding:0;} /*top header*/ #pageHeader{background-color:#333;} #pageHeader .fixedContent.headContent{max-width:100%;} #pageHeader, #pageHeader h1{color:#fff;} #pageHeader h1{line-height:1.1em} .largeScreen #pageHeader.slideEnabled .slideDesc{position:absolute; top:0; left:8%; z-index:2; width:270px; height:100%; background:transparent url('images/slideTitleBG.png'); text-align:left;} .no-js #pageHeader.slideEnabled .slideDesc{background-color:#000;} #pageHeader.slideEnabled .slideDesc .contentPadding{display:block;} #pageHeader .slideDesc .contentPadding{padding:10px;} #pageHeader .slideDesc .customLink{line-height:1.7em; margin:0; padding:0; list-style-type:none;} #pageHeader.slideEnabled .fixedContent{width:1430px;} /*slider*/ .rSlide, .pagerSlide, .siblingSlide, .subPageSlide {list-style-type:none; margin:0; text-align:center; padding:0;} .bx-wrapper {position:relative; margin:0 auto; padding:0; *zoom:1;} .rSlide img{display:block; margin:0 auto;} .bx-wrapper .rSlide img {max-width:110%; min-width:100%;} .bx-wrapper img {display:block; margin:0 auto;} .bx-wrapper .bx-viewport {left:0; -webkit-transform:translatez(0); -moz-transform:translatez(0); -ms-transform:translatez(0); -o-transform:translatez(0); transform:translatez(0);} .bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;} .bx-pager a{background-color:#ccc; border-radius:7px; height:14px; width:14px; margin:0 4px; text-indent:-9999px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#c69419;} .bx-wrapper .bx-loading {min-height:50px; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; background:url('images/loader.gif') center center no-repeat #fff;} .bx-controls-direction a{background:transparent url('images/slider-controls.png') no-repeat; opacity:0.25; position:absolute; top:50%; margin-top:-16px; outline:0; width:36px; height:71px; text-indent:-9999px; z-index:9990;} .bx-controls-direction a:hover{opacity:1;} .bx-wrapper .bx-prev{left:0; background-position:-144px 0;} .bx-wrapper .bx-next{right:0; background-position:-216px 0;} #pageHeader .bx-wrapper .bx-prev{background-position:0 0;} #pageHeader .bx-wrapper .bx-next{background-position:-72px 0;} #pageHeader .bx-controls-direction a.disabled {display:none;} .pagerSlide{padding-top:25px;} .bx-wrapper .bx-pager{text-align:center; position:absolute; top:0; width:100%;} .smallScreen .bx-wrapper h4{font-size:1.1em;} #bodyContent {padding-top:103px;} #footer .fixedContent div{padding:10px 1%;} #footer nav ul{padding:0; margin:0;} #footer li a{display:block; padding:25px 15px;} #footer .icon{display:inline-block; zoom:1; *display:inline; vertical-align:middle; width:35px; height:35px; margin:20px 15px 10px;} .icon.twitter{background-position:0 -420px;} .icon.facebook{background-position:0 -350px;} .icon.instagram{background-position:0 -1050px;} .icon.pinterest{background-position:0 -1115px;} .tvs_wrapper { width: 100%; display: inline-block; position: relative; margin: 0px 0% 0px 0%; } .tvs_wrapper:after { padding-top: 56.25%; /* 16:9 ratio */ display: block; content: ''; } .tvs_main { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .tvs_wrapper p { padding: 0; } .video-viewport { overflow: hidden; position:relative; } #bgvid { width:100%; } .vid-height { height: calc(100vh - 150px); overflow: hidden; } .vid-overlay { position: absolute; top: 0; width: 100%; max-width: 1224px; left: 0; right: 0; z-index: 999; height: 100%; margin: 0 auto; min-height:100%; } .video-viewport .slideDesc { position: absolute; top: 0; z-index: 2; width: 270px; height: 100%; background: transparent url(images/slideTitleBG.png); text-align: left; display: block; } .video-viewport .slideDesc .contentPadding { padding: 10px; display: block; height: 100%; } #banner1 { animation-delay: 1.1s; animation-name: slideOne; opacity: 0; } #banner2 { animation-name: slideTwo; } #banner3 { animation-name: slideThree; } #banner4 { animation-name: slideFour; } #banner1, #banner2, #banner3, #banner4 { animation-duration: 28.42s; animation-iteration-count: infinite; } .customLink p a img:hover { opacity:0.7; } .blogpost_page .addthis_toolbox.addthis_default_style { right: 10%; } .blogpost_page .promocontent { margin-top: 0; overflow: hidden; } .blogpost_page h1 { margin-top:10px; font-size: 30px; } .blogpost_page img.attachment-post-thumbnail { width:100%; margin-top:20px; display: block; margin-bottom: 20px; } .large_column { display: inline-block; width: 70%; float: left; } .sidebar_column { display: inline-block; width: 30%; float: right; } .sidebar_column .instagram_container { width: 100%; text-align: center; margin: 20px 0 0 0; } .large_column img { min-width: 400px; } .metaslider .flexslider { margin-bottom: 0!important; } @keyframes slideOne { 0% {display:block; opacity:0; height: 0; z-index: 100;} 3% {display:block; opacity:1; height: 100%; z-index: 100;} 22% {display: block; opacity:1; height: 100%; z-index: 100;} 25% {display: block; opacity:0; height: 100%; z-index: 100;} 28% {display:none; opacity:0; height: 0; z-index: 0;} 30% {display:none; opacity:0; height: 0; z-index: 0;} 100% {display:none; opacity:0; height: 0; z-index: 0;} } @keyframes slideTwo { 0% {display:none; opacity:0; height: 0; z-index: 0;} 31% {display:none; opacity:0; height: 0; z-index: 0;} 32% {display:block; opacity:0; height: 0; z-index: 0;} 35% {display:block; opacity:1; height: 100%; z-index: 100;} 47% {display:block; opacity:1; height: 100%; z-index: 100;} 50% {display:block; opacity:0; height: 100%; z-index: 100;} 51% {display:none; opacity:0; height: 100%; z-index: 100;} 52% {display:none; opacity:0; height: 0; z-index: 0;} 100% {display:none; opacity:0; height: 0; z-index: 0;} } @keyframes slideThree { 0% {display:none; opacity:0; height: 0; z-index: 0;} 54% {display:none; opacity:0; height: 0; z-index: 0;} 55% {display:block; opacity:0; height: 0; z-index: 0;} 58% {display:block; opacity:1; height: 100%; z-index: 100;} 72% {display: block; opacity:1; height: 100%; z-index: 100;} 75% {display: block; opacity:0; height: 100%; z-index: 100;} 76% {display: none; opacity:0; height: 0; z-index: 0;} 100% {display:none; opacity:0; height: 0; z-index: 0;} } @keyframes slideFour { 0% {display: none; opacity:0; height: 0; z-index: 0;} 77% {display: none; opacity:0; height: 0; z-index: 0;} 78% {display: block; opacity:0; height: 0; z-index: 0;} 81% {display: block; opacity:1; height: 100%; z-index: 100;} 97% {display: block; opacity:1; height: 100%; z-index: 100;} 99% {display: block; opacity:0; height: 100%; z-index: 100;} 100% {display: none; opacity:0; height: 0; z-index: 0;} } .genesis-skip-link { margin: 0; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); } /*PAGE LAYOUT ELEMENTS*/ .anchorID{padding-top:103px; margin-top:-103px;} .sectionText{padding:20px 1%;} .dividerTop{border-top:1px solid #ccc; padding-top:20px;} .sectionImgLeft .sectionText{float:right; text-align:right;} .sectionImgLeft .sectionImg{float:left;} .sectionImgRight .sectionText{float:left; text-align:left;} .sectionImgRight .sectionImg{float:right;} .sectionImg {text-align:center} .sectionImg img{width:auto; max-width:98%; margin:0 auto;} .bgTop , .bgBottom{background-repeat:no-repeat;} .sectionImgLeft.bgTop{background-position:top left} .sectionImgRight.bgTop{background-position:top right} .sectionImgLeft.bgBottom{background-position:bottom left} .sectionImgRight.bgBottom{background-position:bottom right} .fullWidthSection .sectionText{width:850px; max-width:100%; margin:0 auto;} .pageSlideContainer .bx-wrapper .bx-prev{left:-2%;} .pageSlideContainer .bx-wrapper .bx-next{right:-2%;} .pageSlideContainer{background:transparent url('images/bg_white-transparent.png'); padding:15px 2%;} .subPageSlide li{background-color:#eee; text-align:left;} .no-js .subPageSlide li, .no-js .siblingSlide li{width:310px; vertical-align:top; margin: 0 5px 10px;} .no-js .subPageSlide li li, .no-js .siblingSlide li li{width:auto;} .grayBG .subPageSlide li{background-color:#fff;} .featuredContent{position:absolute; top:0; right:0; z-index:1;} .contentHightlights{list-style-type:none; margin:0; padding:0; font-size:0.9em; line-height:1.3em} .contentHightlights li{line-height:1.2em; padding:4px 0 0 32px; background-position:-5px -840px;} .thumbCallout{vertical-align:top; text-align:left; width:308px; margin:20px 1%; background-color:#fff;} .thumbCallout h4{display:block;} .thumbCallout .padding{padding:5px 2% 10px; display:block;} .more-link{display:block; padding-top:10px;} .deal-price{font-size:1.6em; color:#000;} #content-rh { text-align:left; width:80%; margin:0 auto; padding-bottom:1em; } /*thumbnails*/ .no-js .delayLoad{display:none} .delayLoad{opacity:0; transition: opacity .3s ease-in;} .attachment-slider-img{height:auto;} /*basic forms*/ .required{color:#ff9900; font-weight:bold;} label{color:#000;} input, textarea, select, .mimicInput, .bootstrap-select .btn{padding:5px 2%; border:1px solid #cdcdcd; font:normal 1.2em Arial,Helvetica,san-serif; width:96%;} select{width:100%;} input[type=checkbox], input[type=radio]{width:auto; border:0; padding:0;} .btn, .button, a.btn, button, input[type='submit']{font-size:1.2em; width:auto; background-color:#d5a00f; color:#fff; text-transform:uppercase; border:0; padding:5px 2%; cursor:pointer; display:inline-block; zoom:1; *display:inline; text-align:center;} .btn:hover, .button:hover, button:hover, input[type='submit']:hover{background-color:#b08947; color: #fff; text-decoration: none!important;} a.btn, span.btn{display:block; display:inline; line-height:50px;} .wrapField{background-color:#fff; width:100%;} .wrapField input{width:75%;} .wrapField .icon{width:17%; margin:0;} .inlineLabels label{font-family:Arial,Helvetica,san-serif; text-transform:none; color:#666;} div.ufo-form span.ufo-cell-center{width:100%!important} .field .disabled{background-color:#eee;} .fieldGroup{border:1px dotted #999; padding:3px 2%;} .clickLabel{cursor:pointer; padding:3px 0; font-size:0.9em;} .clickLabel:hover{background-color:#b08947} /*form plugin*/ div.ufo-form .field{padding:2px 1% 5px!important} div.ufo-form .fullWidthField{padding:2px 2% 5px!important} .ufo-fieldtype-6{text-align:center;} /*openTable plugin*/ .otw-widget-form-wrap input[type=text], .bootstrap-select .btn{border-radius:0!important; background-color:#fff; font-size:auto;} .open-table-widget .btn, .otw-input-wrap .btn{background-image:none!important; box-shadow:none!important;} .field-wrap{margin:5px 1% 10px; display:inline-block; zoom:1; *display:inline; position:relative;} .field-wrap .ninja-forms-req-symbol, .ninja-forms-required-items .ninja-forms-req-symbol{color:#48a3be;} .field-wrap label{text-align:left;} .ninja-forms-form-wrap .field-wrap label{font-weight:normal;} .oneHalf-wrap{width:47%;} .oneThird-wrap{width:30.3333%;} .fullWidth-wrap{width:96%;} .ninja-forms-error input, .ninja-forms-error select{background-color:#ffe9e9; border-color:#da4d4d;} .ninja-forms-error .ninja-forms-field-error{padding-right:40px;} .ninja-forms-error p{display:none;} .ninja-forms-error:hover p{ display:block; position:absolute; z-index:100; top:90%; right:0; background-color:#ffe9e9;color:#da4d4d; width:100%; padding:5px 2%;} #ui-datepicker-div .ui-datepicker-header .ui-icon{text-indent:100%;} .textRight-wrap{text-align:right;} .textLeft-wrap{text-align:left;} /*columns*/ .col{vertical-align:top;} .padding{padding:10px 1%;} .colFields div, .field, .fullWidthField{padding:2px 1% 5px; vertical-align:top;} .spaceBetween{padding-right:4%;} .twoColumns .col, .twoColumns.colFields div, .twoColumns .field, .oneHalf{width:47%;} .threeColumns .col, .threeColumns.colFields div, .oneThird, .threeColumns .field{width:31%} .twoThird{width:62%} .fourColumns .col{width:22%;} /*HOME*/ .spacedElement{margin:10px 2%;} .latestPost .title{margin-top:10px; display:block;} .latestPost p{padding:0 0 10px;} /*BLOG*/ .postList{padding-bottom:20px;} #sideNav .children{padding-left:20px;} #bodyWithSide{width:65%;} .attachment-single-post-thumbnail{display:block;} .entryImg{display:block; float:right; padding:0 0 1% 2%} .entryDivide{width:96%; padding:15px 2%;} .entryDivide h3{font-size:1.4em} .postAuthor{font-size:0.9em; padding-top:5px; display:block; color:#999;} .postDate span{display:block; text-transform:uppercase; font-size:0.5em} .attachment-entryImgPreview{float:left; margin-right:3%;} .itemListed img, .itemListed .itemInfo{vertical-align:middle;} .itemListed img{width:18%;} .itemListed .itemInfo{padding-left:2%; width:72%;} .entry{padding:20px 0;} /*comments*/ #respond{border-top:1px solid #ccc; margin:10px 0 20px; padding-top:20px;} #commentform{margin-bottom:20px;} #commentform .btn{margin-top:10px;} #comments{margin:50px 0 10px;} .commentlist li{padding:10px 0;} /*expandable content*/ .largeScreen .fullExpand .menuClickTarget, .menuClickTarget{display:block} .largeScreen .menuClickTarget{display:none;} .menuClickTarget{background:transparent url('images/icon_filter-arrow-down.png') 95% center no-repeat; cursor:pointer;} .blackBG .menuClickTarget{background:transparent url('images/icon_menu-arrow-down.png') 95% center no-repeat;} .menuClickTarget:hover{background-color:#d5a00f; color:#fff;} /*side menu*/ .sideMenu ul, .sideMenu li ul {list-style-type:none; padding:0; margin:0;} .sideMenu li{padding:5px 0;} .sideMenu h2{font-size:1em; margin-top:20px;} .sideMenu li li{margin:2px 0; padding:0;} .sideMenu li li:hover{color:#fff;} .sideMenu li li a, #recentcomments li{display:block; padding:5px 10px; background-color:#fff;} .sideMenu li a:hover, #recentcomments li:hover{background-color:#6787b6; color:#fff;} #recentcomments a{display:inline; padding:0; background-color:transparent;} .sideMenu #searchform{margin-top:20px;} #searchform input{width:auto; vertical-align:middle; border-right:0;} #searchform .searchField{width:70%; padding:5px 1%;} #searchform .btn.search{padding:4px 2%; width:20%; max-width:40px} /*Pagination*/ .pagePagination {padding:20px 0; position:relative; line-height:1.2em; border-top:1px solid #ccc;} .pagePagination span, .pagePagination a {margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto;} .pagePagination a:hover, .pagePagination .current{color:#fff; background: #000;} /*gallery*/ .gallery {margin:auto; height:140px;} .gallery-item {vertical-align:top; margin-top:10px; text-align:center; width:33%;} .gallery-icon {width:200px; margin-right:16px;} .gallery-caption {margin-left: 0;} /*Search*/ .searchResults{text-align:left; display:block; padding:0; list-style-type:none;} .searchResults h5{font-size:1.3em; font-weight:bold;} .searchResults li{padding:10px 0; border-top:1px solid #ccc;} /*SUITE PAGES*/ #roomVariations header{text-align:center; padding:20px 0;} #roomVariations h4{color:#000;} #roomVariations .col{padding-bottom:35px;} #roomVariations .pagerSlide img{max-width:450px; width:90%;} h3.roomtype {color: #b08947; font-size: 1.2em;} /*accordion styles*/ .accordion h4 {cursor:pointer; color:#000; background-position:100% -490px; margin-top:4px} .accordion h4.display {background-position:100% -560px;} .accordion-content {display:none; color:#444;} .no-js .accordion-content{display:block;} /**accordion on top header**/ .jsEnabled #pageHeader .accordion section{position:absolute; right:0; bottom:10px; z-index:9000; text-align:left; width:300px;} #pageHeader .accordion h4, #pageHeader .accordion-content{padding:8px 3%; background-color:#fff;} .jsEnabled #pageHeader .accordion h4:hover{background-color:#ddd;} #pageHeader .accordion-content{font-size:0.8em;} #pageHeader .accordion-content ul{padding-left:15px; margin:0;} #pageHeader .accordion-content ul li{line-height:1.3em; padding:2px 0;} /*slider*/ #relatedRooms{background-color:#48a3be; padding:20px 0} #relatedRooms a{color:#fff;} #relatedRooms a img{border:1px solid #fff; } /*CLUBONE*/ .clubOneBenefitList .icon{background:transparent url('images/icons_clubone.png') no-repeat;} .clubOneBenefitList span.icon{width:25px; height:25px; margin-right:10px; vertical-align:middle;} .clubOneBenefitList img.alignright{margin-top:0;} .clubOneBenefitList h4{margin-top:20px;} .clubOneBenefitList ul{list-style-type:none; margin:15px 0 0; padding:0; line-height:1.2em;} .clubOneBenefitList ul li.icon{padding:0 0 5px 35px; margin-bottom:15px; display:block;} .clubOneBenefitList .icon.checkin{background-position:0 -50px;} .clubOneBenefitList .icon.internet{background-position:0 -100px;} .clubOneBenefitList .icon.water{background-position:0 -150px;} .clubOneBenefitList .icon.call{background-position:0 -200px;} .clubOneBenefitList .icon.registration{background-position:0 -250px;} .clubOneBenefitList .icon.restaurant{background-position:0 -300px;} .clubOneBenefitList .icon.bed{background-position:0 -350px;} .clubOneBenefitList .icon.card{background-position:0 -400px;} .clubOneBenefitList .icon.towel{background-position:0 -450px;} .clubOneBenefitList .icon.beverage{background-position:0 -500px;} .clubOneBenefitList .icon.temp{background-position:0 -550px;} .clubOneBenefitList .icon.newspaper{background-position:0 -600px;} .clubOneBenefitList .icon.hanger{background-position:0 -650px;} .clubOneBenefitList li .padding{padding:0 0 15px 35px;} #accountDashboard header{padding:10px 2%; margin:10px 0;} #accountDashboard header.goldUser{background-color:#b08947; color:#fff;} #accountDashboard header.goldUser h2, #accountDashboard header.platinumUser h2{color:#fff;} #accountDashboard header.platinumUser{background-color:#666; color:#fff;} #accountDashboard header.registeredUser{background-color:#eee} .cb_radio_group, .cb_checkbox_group{vertical-align:top; padding:4px 2% 4px 0} .oneColField .cb_checkbox_group{width:96%;} /*WEDDING*/ #weddingResources ul{list-style-type:none; margin:0 2%; padding:0; vertical-align:top; width:500px; max-width:96%;} #weddingResources li .col{vertical-align:middle;} #weddingResources li{border:1px solid #ddd; margin:10px 0; padding:0;} #weddingResources a.col{text-align:center;} h3.roomvenue {color: #fff; font-size: 1.2em;} .ui-datepicker{ z-index:900001 !important; } .circleContainer{padding:25px; display:inline-block; vertical-align:middle; border-radius:50%; background-color:#fff; text-align: center; height:133px; width:133px; margin:10px; font-size:0.85em;} .circleContainer img{max-width:90%;} /*Promotions*/ .promocontent { margin-top: 20px; padding-top: 20px; margin-bottom: 20px; padding-bottom: 20px; } .promocontent strong { font-size: 1.8em; font-family: 'laneNarrow', Arial, san-serif!important; font-weight: normal; line-height: 1.3em; color:#000; } .blogcontent strong { font-size: 1.2em; } .promoheading { font-family: 'laneNarrow', Arial, san-serif!important; font-size: 2.8em!important; font-weight: normal; text-transform: uppercase; line-height: 1.3em; color:#000; } .entryDivide { display: inline-block; width: 33%; padding: 0px; vertical-align: top; } .entryDivide:hover { opacity: 0.8; } .entryDivide .entry { padding: 10px; } .entryDivide img { width: 100%; margin-bottom: 10px; } .entryDivide h3, .entryDivide .more-link { display: none; } .entryDivide p { float: right; width: 66%; display: inline-block; padding: 0; margin-top: -20px; } .entryDivide .itemListed .itemInfo { width: 100%; padding-left: 0; } .deal-price { color: #c7950e; font-size: 2.3em; margin-top: 10px; display: inline-block; } .seasonImg { overflow: hidden; height: 100%; width: 49%!important; } .seasonImg img { width: 100%; } .seasonImg:hover { opacity: 0.8; } .postList h2 { text-align: center; border-bottom: 3px solid; width: 36%; margin: 10px auto; } /*OTHER WIDGETS*/ .travelreviews { background: #fefefe; border: 3px solid #c7950e; color: #333333; height:133px; width:133px; line-height:1.4em; } .starcontainer { width:100%; margin:8px auto; text-align:center; color: #c7950e; } #CDSWIDCOE { width: 136px!important; margin: 10px 0 0 0!important; } #CDSWIDCOE.widCOE { border: 0!important; } /*Promo Posts*/ .wrap { max-width: 1224px; margin: 0 auto; } span.dealsubtext { float: left; margin-left: 5%; display:inline-block; } .addthis_toolbox.addthis_default_style { position: absolute; margin-top: 15px; } .promopage h1 { font-size: 2.8em; border-bottom:2px solid; display: block; margin: 0 auto 20px auto; text-align:center; width:40%; line-height: 1.1; } .promomessage { margin:20px auto; overflow:hidden; max-width: 98%; } .package_includes { margin: 0 auto; max-width: 98%; } .promomessage p { display: inline-block; } .promopage .tvs_main { padding: 0 10px; } .promopage .tvs_main iframe { display: block; width: 100%; height: 100%; margin-right:10px; } .leftcolborder { border-left:3px solid #c7950e; padding-left:20px; margin-bottom: 50px; } .promobanner img { width: 100%; } .post_deal { font-size: 2.8em; display: inline-block; text-align: left; width: 70%; line-height: 0.9; } .promobtn { background: #c7950e; color: #000!important; font-weight: bold; padding:10px 20px; display: inline-block; float: right; margin-top: 20px; } .promobtn:hover { color: #fff!important; cursor: pointer; } .hero_banner { height: 80vh; display: table; color: #fff; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: right; } .hero_banner_content { vertical-align: middle; background: rgba(0,0,0,0.4); overflow: hidden; } .hero_banner_content strong { background: #c7950e; width: 100%; display: block; padding: 20px; color: #fff; box-shadow: 2px 3px 3px #444; } .hero_banner_block { padding: 20px; } .hero_banner_block strong { padding: 0; background: none; box-shadow: none; } .table_cell { display: table-cell; width: 50%; vertical-align: middle; } .callout_box { padding: 30px; color: #fff; text-align: center; background: #009BB9; } .dark_callout { background: #1F1F1F; } .callout_box strong { color: #fff; } .two_columns { padding: 30px 0; } .two_columns .col { border-right: 2px solid #c7950e; padding-right: 5px; padding-left: 5px; } .two_columns .col:first-child { border-left: 2px solid #c7950e; } .basic_section { margin: 20px 0; padding: 20px; border-left: 2px solid #c7950e; border-right: 2px solid #c7950e; } .promopage { max-width: 100%; } #blog_section { width: 100%; max-width: 1224px; margin: 30px auto; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } #blog_section article { display: inline-block; width: 24%; text-align: left; background: #fff; vertical-align: middle; color: #666; box-sizing: border-box; padding: 19px; box-shadow: 3px 2px 20px #B3B3B3; margin: 0.75% 0.5%; } .blog_banner { display: table; width: 100%; height: 60vh; background-image: url('/wp-content/uploads/top_banner.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } .banner_content { display: table-cell; vertical-align: middle; font-size: 18px; color: #fff; } .banner_content h2, .banner_content strong.h2 { color: #fff; display:block; } .banner_content strong.h2 { font-size: 22px; margin-bottom: 20px; } .banner_content hr { width:30%; } .banner_button { padding: 10px; display: inline-block; width: 175px; text-align: center; background: #fff; transition: 1s; } .banner_button:hover { background: #c7950e; color: #fff; } #blog_section article img { width: 100%; object-fit: cover; max-height: 160px; } #blog_section article h2 { font-size: 30px; display: block; margin: 10px 0; line-height: 1; } .navigation { padding: 20px; float: left; width: 100%; } .instagram_container { float: right; width: 24%; display: inline-block; padding: 5px 20px; box-sizing: border-box; margin-top: 10px; } .instagram_container .h2 { font-size:30px; } #blog_section>article:first-of-type { width: 74%; min-height:350px; order: -1; } #blog_section>article:first-of-type img { width:50%; height:300px; display:inline-block; float:left; margin-right:19px; max-height: 300px; } #blog_section>article:first-of-type a.more-link { float: right; width: 48%; text-align: left; margin-top: -35px; display: inline-block; } .navigation { border-top: 1px solid #333; margin-top: 20px; } span.newer, span.older { float: left; } span.newer a, span.older a { background: #333; color: #fff; padding: 5px 30px; display: inline-block; border-radius: 5px; } .wp-image-7921 { max-width: 230px; } .nav2:hover { cursor: pointer; } /*Events Template */ .events_hero { height: calc(100vh - 103px); position: relative; box-sizing: border-box; background-size: cover; } .events_wrap { margin: 0 auto; position: relative; width: 90%; max-width: 1224px; height: 100%; box-sizing: border-box; overflow: hidden; } .events_hero_overlay { background: rgba(0,0,0,0.78); float: left; width: 30%; min-width: 360px; height: 100%; position: relative; padding: 20px; box-sizing: border-box; text-align: left; color: #fff; } .events_hero_overlay h1 { color: #fff; line-height: 1; font-size: 30px; } .events_hero_overlay p { padding: 0 0 10px 0; } #grandBanking_venue a.button.view_details { float: right; margin-bottom: 10px; color: #fff; } .events_hero_overlay .highlight { font-size: 1.2em; color: #d5a00f!important; font-family:'oswaldbook', 'Arial Narrow', Calibri, Arial, san-serif; line-height: 1.5; } .events_hero_overlay .customLink { text-align: center!important; font-size: 30px!important; font-weight: 100!important; font-family: 'laneNarrow', Arial, san-serif!important; line-height: 1.1!important; display: block; } .event_venue_capacity { display: inline; } .fixedContent a { color: #b08947; } .events_hero_overlay .button { display: block; width: 80%; margin: 20px auto; max-width: 300px; } .events_hero_overlay hr { color: #d5a00f; border: solid 1px #d5a00f; margin: 5px 0 20px 0; display: block; } .event_hero_caption { position: absolute; font-family: 'oswaldbook', 'Arial Narrow', Calibri, Arial, san-serif; bottom: 15%; left: 42%; color: #fff; font-size: 35px; width: 350px; display: inline-block; text-align: left; line-height: 1.2; } .event_container { padding: 50px 0; } .event_wrapper { width: 90%; max-width: 1224px; margin: 0 auto; } .metaslider #metaslider_container_10096 .flexslider .slides img{ min-height: 830px; object-fit: cover; } /*Wedding Template */ .wedding_hero { height: calc(100vh - 103px); position: relative; padding: 1.5% 0; box-sizing: border-box; background-size: cover; background-position: 70%; overflow: hidden; min-height: 700px; } .wedding_wrap { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; width: 90%; max-width: 1224px; height: 100%; box-sizing: border-box; overflow: hidden; color: #000; } .wedding_hero_overlay { background: rgba(0,0,0,0.78); float: left; width: 30%; height: 95%; position: relative; padding: 20px; box-sizing: border-box; text-align: left; color: #fff; font-size: 18px; border: solid 4px #fff; font-weight: 100; } .wedding_hero_overlay h1 { color: #fff; font-size: 3.4rem; line-height: 1.2; } .realwedding_hero_overlay { width: 33%; } .wedding_button { background: #C7950F; padding: 10px 0; display: block; color: #fff!important; text-align: center; text-transform: uppercase; max-width: 250px; margin: 0 auto; position: absolute; width: calc(100% - 40px); bottom: 30px; left: 15%; } .wedding_button:hover { text-decoration: none; } .wedding_button span { padding: 6px 0; display: block; border-top: 1px solid; border-bottom: 1px solid; width: 90%; margin: 0 auto; } .wedding_hero_caption { background: #C7950F; padding: 10px; color: #ffff; position: absolute; right: 0; bottom: 30%; width: 35%; box-shadow: 0 3px 10px rgba(0,0,0,0.5); } .wedding_hero_caption span { text-align: left; float: left; } .wedding_two_cols { padding: 20px 0; } .wedding_venue_details { background: #E8E8E8; padding: 20px; min-height: 260px; } .wedding_two_cols .wedding_col { width: 49%; } .wedding_three_cols .wedding_col { width: 32%; margin-bottom: 20px; overflow: hidden; } .wedding_three_cols .wedding_col .wedding_venue_details { background: rgba(199,149,15,0.33); } .wedding_col { overflow: hidden; display: inline-block; float: left; text-align: left; color: #000; vertical-align: top; position: relative; box-sizing:border-box; margin-right: 2%; } .wedding_wrap > .wedding_col:last-of-type { margin-right: 0; } .wedding_wrap strong { font-family: 'laneNarrow', Arial, san-serif; font-size: 30px; border-bottom: 1px solid #C7950F; display: block; padding: 40px 0 20px 0; width: 50%; margin-bottom: 20px; text-align: left; } .wedding_detail_links { position: absolute; bottom:0; left: 0; width: calc(100% - 40px); padding: 20px 20px 10px 20px; } .wedding_venue_details strong { width: 100%; margin-bottom: 0; padding: 10px 0; } .wedding_col .button { float: right; color: #fff; } .wedding_callout_bar { background: #E8E8E8;; position: relative; margin-left: auto; margin-right: auto; } .wedding_callout_bar a { color: #000; } .wedding_callout_bar a:hover{ cursor: pointer; } .wedding_callout_bar li { display: inline-block; padding: 17px 50px; font-size: 20px; } .wedding_faq_container { height: calc(100vh); background-image: url('/wp-content/uploads/events_grand-banking-hall_slide.jpg'); padding: 40px 0; box-sizing: border-box; min-height: 1050px; background-size: cover; } .wedding_faq_overlay { height: 100%; background: rgba(0,0,0,0.78); box-sizing: border-box; padding: 40px; border: solid 6px #fff; } .wedding_faq_container strong { font-family: 'laneNarrow', Arial, san-serif; color: #fff; font-size: 40px; display: block; margin-bottom: 30px; padding: 0 0 20px 0; } .wedding_faq_overlay a { color: #b08947; } .wedding_faq_overlay a:hover { color: #d5a00f; } #accordion { text-align: left; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none; background: none; } .ui-widget-content { border: none; background: #000; color: #fff; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none; border-bottom: 1px solid #c7950e; background: none; font-weight: normal; color: #fff; } .ui-accordion-header { font-size: 1.5em; margin-bottom: 10px; text-transform: capitalize; font-weight: 300; } .ui-accordion-header:hover { color: #c7950e; cursor: pointer; } .ui-accordion-header:focus { outline: 0; } .wedding_seasonal { padding-bottom: 30px; } .seasonal_wedding_col { display: inline-block; width: 24.25%; background: black; float: left; margin-right: 1%; color: #fff; text-transform: uppercase; transition: 0.5s; } .seasonal_wedding_col:hover { opacity: 0.8; } .seasonal_wedding_col:last-of-type { margin-right: 0; } .seasonal_caption { padding: 5px 10px; text-align: left; } div#weddingVR_text { text-align: left; padding: 10px; } div#weddingVR_text h2 { font-size: 1.8em; margin-top: 5px; border-bottom: 1px solid #C7950F; padding-bottom: 5px; } .wplightbox.virtualWedding { background: #E8E8E8; } div#weddingVR_text p { width: 95%; } p.share-video { color: #c7950e; font-family: 'oswaldbook', 'Arial Narrow', Calibri, Arial, san-serif; font-size: 1.1em; letter-spacing: 1px; margin-top: 10px; } svg.svg-inline--fa.fa-twitter-square.fa-w-14.sociali { margin: 0 5px; } svg.svg-inline--fa { font-size: 1.5em; } div#html5-watermark { display: none !important; } a svg.svg-inline--fa { color: #c7950e; } a svg.svg-inline--fa:hover, a svg.svg-inline--fa:active { opacity: 0.8; } /* PAGE - REAL WEDDINGS ------------------------------- */ .page-id-9553 .wedding_button { margin-top: 20px !important; } .real-weddings-slider { position: absolute; top: 0; z-index: 0; min-height: 700px; } .wedding_hero_overlay.realwedding_hero_overlay { top: 0; height: 95vh; } .wedding_hero_overlay.realwedding_hero_overlay p { margin-bottom: 20px; } div#metaslider_9809 img { height: 100vh; object-fit: cover; } .page-id-8940 .slideDesc { display: none !important; visibility: hidden !important; } #featured_wedding_slider { padding: 30px 0; } .realwedding_caption { font-family: 'laneNarrow'; font-size: 1.6em; line-height: 1.3; font-weight: lighter; text-transform: none; padding: 0 0 5px; } .realWeddings_overlay { background: #ffffff !important; color: #000000 !important; } .realwedding_details { font-weight: 600; font-size: 0.7em; line-height: 1.3; padding: 0; text-transform: none; } hr.half_underline { width: 70%; float: left; color: #c7950e; } .venue_link_seasonal_overlay.realWeddings_overlay { padding-left: 2px; } .metaslider .caption-wrap { top: 10px !important; background: rgba(255,255,255,0.8) !important; width: 50% !important; line-height: 1.4em !important; font-family: 'laneNarrow' !important; text-align: left !important; color: #000000 !important; opacity: 1 !important; bottom: auto !important; text-shadow: 0.5px 0.5px rgba(255,255,255,0.8) !important; } span.sub_caption { font-size: 7px; line-height: 1; font-weight: 600; } .metaslider .caption { padding: 0 0 3px 5px !important; } /*---End Real Weddings---*/ /* Wedding Callout Styles */ .wedding_callouts { margin-top: 50px; } .wedding_callouts img { width: 100%; object-fit: cover; } .wedding_callouts .wedding_detail_links { left: auto; } .wedding_callouts .wedding_button { left: 0; max-width: 200px; font-size: 20px; bottom: 20px; } /* New Wedding Packages Template ============= ===== = == = ============ ================== ==*/ .wps_make_grey { background-color: #F0E9E7!important; } .wedding_pack_hero { background: url(/wp-content/uploads/mobile_bkg-hero.png); height: 80vh; min-height: 400px; background-size: cover; background-repeat: no-repeat; } .wedding_pack_hero_container { width: 100%; display: flex; float: none; height: 100%; justify-content: center; align-items: center; margin: 0 auto; } .wedding_pack_h1 { font-weight: 100; font-size: 48px; line-height: 1.2; font-family: 'laneNarrow', san-serif; color: #E7D5D0; } .wedding_pack_line { width: 80%; height: 1px; background-color: #F0E9E7; display: block; margin: 0 auto; margin: 30px auto; } .wedding_pack_preferred { font-family: Helvetica, san-serif; font-size: 24px; color: #E7D5D0; font-weight: 100; display: block; } .wedding_pack_hero_guests { color: #F0E9E7; font-size: 18px; font-family: Helvetica, san-serif; font-weight: 100; padding: 15px 0 5px; display: block; } .wedding_pack_hero_guests input { background: transparent; width: 40px; border-width: 0px 0px 1px 0px; border-color: #E7D5D0; border-style: solid; color: #E7D5D0; text-align: center; padding-bottom: 0; font-size: 24px; } .wedding_pack_hero_season select { background: transparent; width: 100px; border-width: 0px 0px 1px 0px; border-color: #E7D5D0; border-style: solid; color: #E7D5D0; text-align: left; font-size: 18px; border-radius: 0; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 0 0 3px 15px; } /* For Firefox - Remove the dropdown arrows after number field */ .wedding_pack_hero_guests input[type='number'] { -moz-appearance:textfield; } /* Webkit browsers like Safari and Chrome - Remove the dropdown arrows after number field */ .wedding_pack_hero_guests input[type=number]::-webkit-inner-spin-button, .wedding_pack_hero_guests input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Removes focus on click */ .wedding_pack_hero_guests textarea:focus, input:focus, .wedding_pack_hero_season select:focus, input:focus{ outline: none; } .wedding_pack_hero_season { color: #F0E9E7; font-size: 17px; font-family: Helvetica, san-serif; font-weight: 100; padding: 15px 0; display: block; } #wpn_s:before { content: url(/wp-content/uploads/select-dropdown.png); position: absolute; margin-left: -25px; margin-top: 0px; pointer-events: none; } #wpn_y { display: inline-block; } #wpn_y:before { content: url(/wp-content/uploads/select-dropdown.png); position: absolute; margin-left: -25px; margin-top: -17px; pointer-events: none; } .wps_set_scene { font-size: 24px; color: #876960; font-family: 'laneNarrow', san-serif; font-weight: 100; display: block; text-align: center; } .wedding_pack_hero_container select::-ms-expand, /* IE STYLE */ .wps_contact_form select::-ms-expand { display: none; } .wedding_pack_the_scene { background-color: #F0E9E7; padding: 60px 10px 30px; } .wps_line { background-color: #8F8F8F; width: 25%; height: 1px; display: block; text-align: center; margin: 15px auto; } .wps_scene_content { font-family: Helvetica, san-serif; font-size: 18px; color: #6E6969; display: block; font-weight: 100; } .wps_twocol_venue { border: 1px solid #8F8F8F; margin-top: 25px; position: relative; outline: 1px solid #8F8F8F; outline-offset: -7px; padding-bottom: 40px!important; background-color: #F0E9E7; overflow: visible!important; } .wps_threecol_venue { background-color: #F0E9E7; border: 1px solid #8F8F8F; margin-top: 25px; position: relative; outline: 1px solid #8F8F8F; outline-offset: -7px; background-color: #F0E9E7; min-height: auto; } .wps_twocol_header_outer { display: block; margin: -25px auto 0; text-align: center; } .wps_three_cols .wedding_venue_details, .wps_three_cols .wedding_three_cols .wedding_venue_details { padding: 20px!important; overflow: visible!important; } @-moz-document url-prefix() { .wps_twocol_venue, .wps_threecol_venue { outline: none; } } .wps_twocol_header { background: #F0E9E7; z-index: 9999; padding: 5px 10px; position: relative; font-size: 24px; color: #876960; font-family: Helvetica, san-serif; font-weight: 400; } p.wps_twocol_content { font-family: Helvetica, san-serif; font-size: 18px; font-weight: 100; color: #6E6969; padding: 25px 0px 0; text-align: center; line-height: 1.6; } .wps_three_cols { padding: 0 0 65px; } .wps_threecol_chevron { margin-top: 35px; position: absolute; left: 50%; transform: translateX(-50%); } .wps_floor_plan { font-size: 18px; font-weight: 400; display: block; text-align: center; font-family: Helvetica, san-serif; margin: 25px 0; } .wps_floor_plan a { color: #876960; transition: 1s; } .wps_floor_plan a:hover { color: #000; } #wps_silver { margin-top: 20px; } .wps_heart { display: block; text-align: center; } .wps_package_box_left { width: 100%; } .wps_package_box_right { width: 100%; } .wps_heart_label { color: #B38D82; cursor: pointer; font-size: 18px; align-self: center; transition: color 0.2s ease-in-out; } [for="heart"]:hover { color: #B38D82; } [for="heart"]::selection { color: none; background: transparent; } [for="heart"]::moz-selection { color: none; background: transparent; } .wps_heart_button:checked + label { color: #B38D82; transition: .3s ease-in; } .full_heart{ display: none; } .wps_twocol_venue input[type=checkbox], .wps_threecol_venue input[type=checkbox], .wps_twocol_venue input[type=radio], .wps_threecol_venue input[type=radio] { display: none; } .wps_our_wedding_packages { padding: 30px 0 90px; } .wps_package_box:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .wps_package_box { border: 1px solid #979797; outline: 1px solid #979797; outline-offset: -7px; padding: 30px 10px; margin-top: 30px; } .wps_package_box_header { font-family: Helvetica, san-serif; font-size: 20px; font-weight: 400; color: #876960; display: block; text-align: center; margin: 5px 0 0; } .wps_package_box ul, .wps_white ul { list-style-type: none; } .wps_package_box ul li, .wps_white ul li { text-align: left; font-family: Helvetica, san-serif; font-size: 18px; font-weight: 100; line-height: 30px; color: #6E6969; padding: 5px 0; } .wps_package_box ul li:before, .wps_white ul li:before { content: url('/wp-content/uploads/List-check.png'); margin-left: -23px; margin-right: 10px; } .wps_food_menu .wps_twocol_header { background: #fff; } .wps_white { background-color: #fff!important; } .wps_white .wps_white img { margin-top: -18px; } .wps_contact_form_spc_text, .wps_contact_form_seasonal, .wps_contact_form_newsletter, #ninja_forms_field_158_div_wrap { padding: 20px 0; } /*------------------------------ Wedding Packages Contact Form Styles ------------------- */ .wps_contact_form { padding: 60px 0; background-color: #F0E9E7; } .wps_text { font-family: Helvetica, san-serif; font-weight: 100; font-size: 24px; color: #6E6969; display: inline-block; } .wps_text-wrap label, #ninja_forms_field_153_0_label, #ninja_forms_field_153_1_label, #ninja_forms_field_155_0_label, #ninja_forms_field_155_1_label, #ninja_forms_field_157_0_label, #ninja_forms_field_157_1_label { font-family: Helvetica, san-serif; font-weight: 100!important; font-size: 24px; color: #6E6969; display: inline-block; text-transform: initial; font-size: 18px; } .wps_contact_form_subheader { font-family: Helvetica, san-serif; font-size: 18px; color: #6E6969; display: block; font-weight: 100; width: 100%; margin: 0 auto; padding: 0 0 35px 0; line-height: 1.3; } .wps_contact_form input::-webkit-outer-spin-button, .wps_contact_form input::-webkit-inner-spin-button { -webkit-appearance: none; } .wps_contact_form_guest { background-color: #F0E9E7; border-width: 0px 0px 1px 0px; border-color: #8F8F8F; color: #876960; font-size: 24px; width: 50px; text-align: center; -webkit-appearance: none; margin: 0; width: 50px!important; padding: 0; } .wps_contact_form #ninja_forms_field_134_div_wrap { display: block; } /* For Firefox - Remove the dropdown arrows after number field */ .wps_contact_form input[type='number'] { -moz-appearance:textfield; } /* Webkit browsers like Safari and Chrome - Remove the dropdown arrows after number field */ .wps_contact_form input[type=number]::-webkit-inner-spin-button, .wps_contact_form input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Removes focus on click */ .wps_contact_form textarea:focus, input:focus, .wps_contact_form select:focus, input:focus{ outline: none; } .wps_contact_form_choose { background: transparent; width: 80px!important; border-width: 0px 0px 1px 0px; border-color: #876960; border-style: solid; color: #876960; text-align: center; font-size: 16px; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 0 0 3px 10px; display: inline; } .wps_contact_form_name { background: transparent; border-width: 0px 0px 1px 0px; color: #876960; border-color: #876960; text-align: left; font-size: 24px; opacity: 0.8; font-weight: 100; font-family: Helvetica, san-serif; } .wps_contact_form .list-dropdown-wrap:after { content: url('/wp-content/uploads/select-dropdown.png')!important; position: absolute; top: -2px; right: -3px; margin-right: 0px; pointer-events: none; transform: scale(0.7); } .wps_contact_form_textarea { background: transparent; width: 130px!important; border-width: 1px; border-color: #876960; border-style: solid; color: #876960; text-align: center; font-size: 24px; -webkit-appearance: none; -webkit-border-radius: 0px; padding: 0 0 3px 15px; } .wps_contact_form #ninja_forms_field_136_div_wrap { display: inline; font-size: 18px; margin: 0 5px; } .wps_contact_form #ninja_forms_field_138_div_wrap, .wps_contact_form #ninja_forms_field_139_div_wrap, .wps_contact_form #ninja_forms_field_140_div_wrap, .wps_contact_form #ninja_forms_field_141_div_wrap { width: 45%; padding-right: 10px; margin: 0 8px; } .wps_contact_form #ninja_forms_field_138, .wps_contact_form #ninja_forms_field_139, .wps_contact_form #ninja_forms_field_140, .wps_contact_form #ninja_forms_field_141 { text-align: center; font-size: 16px; width: 95%; } .wps_contact_form #ninja_forms_field_138_div_wrap:after { content: "+"; font-size: 24px; color: #876960; font-weight: 400; position: absolute; top: 10px; right: -12px; } .wps_contact_form .wps_set_scene { margin-top: 10px; } .wps_contact_form_venue_text { padding: 15px 0; } .wps_contact_form_spc_radio { padding: 5px 0; } .wps_contact_form_seasonal_radio { padding: 5px 0 15px; } .wps_contact_form_newsletter_radio { padding: 10px 0; } #ninja_forms_field_158_div_wrap { width: 100%; } .wps_contact_form .ninja-forms-required-items { display: none; } .wps_contact_form #ninja_forms_field_158 { width: 90%!important; margin: 0 auto; display: block; text-align: left; padding: 10px 10px 10px 15px; font-weight: 100; font-family: Helvetica,san-serif; font-size: 18px; } .wps_contact_form #ninja_forms_field_162 { width: 150px; font-size: 20px; color: #876960; background-color: #fff; box-shadow: 0px 3px 5px -2px #907F7B; } .wps_contact_form_textarea-wrap { display: block; margin: 0 auto 20px; } .wedding_pack_hero_guests ::placeholder { color: #E7D5D0; opacity: 1; /* Firefox */ } .wps_contact_form #ninja_forms_field_140_div_wrap ::placeholder, .wps_contact_form #ninja_forms_field_134_div_wrap ::placeholder, .wps_contact_form #ninja_forms_field_141_div_wrap ::placeholder { color: #876960; opacity: 1; /* Firefox */ } .wps_contact_form #ninja_forms_field_140_div_wrap :-ms-input-placeholder, .wps_contact_form #ninja_forms_field_134_div_wrap :-ms-input-placeholder, .wps_contact_form #ninja_forms_field_141_div_wrap :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #876960; } .wps_contact_form #ninja_forms_field_140_div_wrap ::-ms-input-placeholder, .wps_contact_form #ninja_forms_field_134_div_wrap ::-ms-input-placeholder, .wps_contact_form #ninja_forms_field_141_div_wrap ::-ms-input-placeholder { /* Microsoft Edge */ color: #876960; } .wps_contact_form #ninja_forms_field_153_1, .wps_contact_form #ninja_forms_field_153_0, .wps_contact_form #ninja_forms_field_155_1, .wps_contact_form #ninja_forms_field_155_0, .wps_contact_form #ninja_forms_field_157_1, .wps_contact_form #ninja_forms_field_157_0 { visibility: hidden; } @-moz-document url-prefix() { /* FF */ .wps_contact_form #ninja_forms_field_153_1, .wps_contact_form #ninja_forms_field_153_0, .wps_contact_form #ninja_forms_field_155_1, .wps_contact_form #ninja_forms_field_155_0, .wps_contact_form #ninja_forms_field_157_1, .wps_contact_form #ninja_forms_field_157_0 { visibility: visible; } } @media screen\0 { /* IE 9,10 */ .wps_contact_form #ninja_forms_field_153_1, .wps_contact_form #ninja_forms_field_153_0, .wps_contact_form #ninja_forms_field_155_1, .wps_contact_form #ninja_forms_field_155_0, .wps_contact_form #ninja_forms_field_157_1, .wps_contact_form #ninja_forms_field_157_0 { visibility: visible; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE 10+ */ .wps_contact_form #ninja_forms_field_153_1, .wps_contact_form #ninja_forms_field_153_0, .wps_contact_form #ninja_forms_field_155_1, .wps_contact_form #ninja_forms_field_155_0, .wps_contact_form #ninja_forms_field_157_1, .wps_contact_form #ninja_forms_field_157_0 { visibility: visible; } } @supports (-ms-ime-align: auto) { .wps_contact_form #ninja_forms_field_153_1, .wps_contact_form #ninja_forms_field_153_0, .wps_contact_form #ninja_forms_field_155_1, .wps_contact_form #ninja_forms_field_155_0, .wps_contact_form #ninja_forms_field_157_1, .wps_contact_form #ninja_forms_field_157_0 { visibility: visible; } } .wps_contact_form #ninja_forms_field_153_1_label input[type="radio"]:before, .wps_contact_form #ninja_forms_field_153_0_label input[type="radio"]:before, .wps_contact_form #ninja_forms_field_155_1_label input[type="radio"]:before, .wps_contact_form #ninja_forms_field_155_0_label input[type="radio"]:before, .wps_contact_form #ninja_forms_field_157_1_label input[type="radio"]:before, .wps_contact_form #ninja_forms_field_157_0_label input[type="radio"]:before { content: ''; position: absolute; border-radius: 50%; width: 20px; background-color: #fff; height: 20px; border: 1px solid #876960; transition: 0.3s; visibility: visible; top: 1px; margin-left: -10px; } .wps_contact_form #ninja_forms_field_153_1_label input[type="radio"]:checked:before, .wps_contact_form #ninja_forms_field_153_0_label input[type="radio"]:checked:before, .wps_contact_form #ninja_forms_field_155_1_label input[type="radio"]:checked:before, .wps_contact_form #ninja_forms_field_155_0_label input[type="radio"]:checked:before, .wps_contact_form #ninja_forms_field_157_1_label input[type="radio"]:checked:before, .wps_contact_form #ninja_forms_field_157_0_label input[type="radio"]:checked:before { background-color: #876960; -webkit-box-shadow: inset 0px 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 0px 2px #fff; box-shadow: inset 0px 0px 0px 2px #fff; } .wps_contact_form #ninja_forms_field_140_label { /* ONLY VISIBLE ON DESKTOP */ padding: 35px 0px; display: none; } .wps_contact_form #ninja_forms_field_141_label {/* ONLY VISIBLE ON DESKTOP */ padding: 35px 0; display: none; } .wps_contact_form_venue_text { /* ONLY VISIBLE ON MOBILE */ display: block; } .wps_contact_form #ninja_forms_field_134 { font-size: 18px; } .wps_contact_form #ninja_forms_field_134_label { font-size: 18px; } .wps_contact_form #ninja_forms_field_135_div_wrap, .wps_contact_form #ninja_forms_field_137_div_wrap { display: inline; } .wps_contact_form #ninja_forms_field_135_div_wrap { display: inline; font-size: 18px; margin: 0 5px; } .wps_contact_form_seasons, .wps_contact_form_names, .wps_contact_form_contacts { padding: 15px 0; } .wps_contact_form #ninja_forms_field_142_div_wrap, .wps_contact_form #ninja_forms_field_143_div_wrap { display: block; } .wps_contact_form #ninja_forms_field_142_div_wrap p, .wps_contact_form #ninja_forms_field_143_div_wrap p { border: none!important; color: #6E6969; margin: 15px 0 5px; font-weight: 100; font-size: 18px; } .wps_contact_form #ninja_forms_field_134_label { font-size: 18px; } .wps_contact_form #ninja_forms_field_152_div_wrap, .wps_contact_form #ninja_forms_field_154_div_wrap, .wps_contact_form #ninja_forms_field_156_div_wrap { font-size: 18px; } .wps_contact_form #ninja_forms_field_153_div_wrap, .wps_contact_form #ninja_forms_field_155_div_wrap, .wps_contact_form #ninja_forms_field_157_div_wrap { display: flex; justify-content: center; } .wps_contact_form_selected_venues p, .wps_contact_form_selected_packages p { font-family: Helvetica, san-serif; font-size: 18px; color: #876960; font-weight: 400; text-align: left; border-bottom: 1px solid #979797; margin: 15px 0; } .wps_contact_form_selected_venues { width: 100%; display: inline-block; margin-right: 25px; } .wps_contact_form_selected_packages { width: 100%; display: inline-block; vertical-align: top; } .wps_x { float: right; cursor: pointer; font-weight: 100; font-size: 20px; } .wps_fade { opacity: 0.5; } #wps_food_packages .full_heart { display: none!important; } #wps_food_packages .empty_heart { display: block!important; } #wps_food_packages .wps_heart_button:checked+.wps_heart_label .full_heart { display: block!important; } #wps_food_packages .wps_heart_button:checked+.wps_heart_label .empty_heart { display: none!important; } .wps_check_mark { padding: 0 0 25px; } .wps_after_submit { width: 100%; } .wps_contact_form .ninja-forms-field-error, .wps_contact_form .ninja-forms-error-msg { display: none!important; } .wps_ninja_form_error { color: red; display: none; } .wps_contact_form #ninja_forms_field_160_div_wrap { display: none; } .wps_contact_form #ninja_forms_field_161_div_wrap { display: none; } /* ============= Wedding Packages Page style ends ================= */ @media screen and (min-width: 640px) { .wps_contact_form #ninja_forms_field_140_label, .wps_contact_form #ninja_forms_field_141_label { /* ONLY VISIBLE ON DESKTOP */ display: block; font-size: 16px; } .wps_contact_form_venue_text { /* ONLY VISIBLE ON MOBILE */ display: none; } .wedding_pack_hero { background: url(/wp-content/uploads/bkg-hero.jpg); background-size: cover; background-repeat: no-repeat; } } @media only screen and (max-width: 900px) { .wedding_callouts .wedding_button { font-size: 17px; } } @media only screen and (max-width: 767px) { .wedding_callouts .wedding_button { position: relative; clear: both; bottom: 0; left: auto; } } /* Rankhigher Featured Event Code */ .events_featured_venue div#grandBanking_slider, .events_featured_venue div#grandBanking_venue { width: auto; } .events_featured_venue div#grandBanking_venue { min-height: 0; text-align: left; } .events_featured_venue .wplightbox.virtualWedding { display: block; } .about_venue_container.events_featured_venue .metaslider { min-height: 0; } .events_featured_venue #events_new_gbh { margin: 0!important; position: relative; overflow: hidden; padding: 0!important; } .events_featured_venue #events_new_gbh .gb_venue_capacity { margin: 0; } @media (min-width: 768px) { .events_featured_venue #events_new_gbh .gb_venue_capacity { display: inline-block; float: left; } .events_featured_venue #events_new_gbh a.button.view_details { display: inline-block; float: right; } .events_featured_venue #events_new_gbh .pre_reception_icon { margin-top: 5px; margin-left: 0; } .events_featured_venue #events_new_gbh .wedding_capacity { width: auto; display: inline-block; } } .about_venue_container { padding: 30px 0; } .about_venue { background: #E8E8E8; padding: 30px; width: 48%; display: inline-block; text-align: left; color: #000; box-sizing: border-box; margin-right: 2%; vertical-align: top; padding-bottom: 10px; /* zo code */ } .about_venue strong { padding-top: 0; } .venue_slider { width: 48%; display: inline-block; vertical-align: top; } .about_venue_container .venue_slider, .about_venue_container .metaslider, .about_venue_container .metaslider_container_7977, .about_venue_container #metaslider_7977, .about_venue_container #metaslider_7977 .slides, .about_venue_container #metaslider_7977 li img { min-height: 355px; } .about_venue strong { width: 100%; } .venue_box { display: inline-block; max-width: 200px; padding: 0 5px; box-sizing: border-box; transition: 0.5s; overflow: hidden; vertical-align: top; } .venue_box:hover { opacity: 0.8; } .venue_link_overlay { background: #000; padding: 5px 5px 5px 5px; color: #fff; margin-bottom: 25px; margin-right: 0px; overflow: hidden; } .venue_link_overlay strong { font-size: 14px!important; width: 100%; text-transform: uppercase; margin-bottom: 5px; padding: 0px 2px 0px 2px; border-bottom: 0; } .venue_link_overlay span { font-size: 10px; text-align: left; display: inline-block; padding: 0; float: left; } /* zo's code */ .about_venue_capacity{ float :left; margin-top: 20px; line-height: 1.2; color : #c7950e; } .about_venue_capacity i { color: #c7950e; float: left; } .about_venue_capacity_number { color : black; } .about_venue_icon{ float: left; padding: 20px 10px 10px 0px; color : #d5a00f; } .about_venue_icon i { float: left; padding: 20px 10px; color : #d5a00f; margin-top: 5px; margin-left: 5px; } .about_venue .button{ float: right; margin-top: 17px } .iframeborder { padding: 5px; background: #d5a00f; } .right_icon { float: right!important; margin-top: 6px; color : #c7950e; } .venue_overlay_details{ float: right!important; color: #c7950e; margin-right: 5px; } .venue_overlay_guests{ margin-left: 4px; } .mail_icon { color : #c7950e; padding-left: 10px; } .download_icon { color : #c7950e; padding-left: 10px; } .venue_overlay_cicon{ color : #c7950e; margin-top: 6px; margin-right: 5px; } .pre_reception_icon { float: left; color : #c7950e; } .wedding_capacity { margin-left: 10px; padding-top: 5px; margin-bottom: 0px; display: inline-block; } .venue_link_seasonal_overlay { background: #000; padding: 10px 5px 0px 0px; color: #fff; margin-bottom: 10px; margin-right: 1px; text-align: left; } .right_icon_seasonal { float: right!important; margin-top: 3px; color : #c7950e; } .wedding_faq_container .ui-widget-content{ background: none; } /* Modal */ .modal { top: 110px!important; } .modal-content { background-color: #000!important; color: #FFF!important; border-radius: 0!important; border: 2px solid #FFF!important; padding: 20px; } .close { color:#fff!important; opacity: 1!important; } .modal-content strong { font-size: 25px; } .modal-header { border-bottom: 0!important; padding-bottom: 0!important; } .modal-body { padding-top: 0!important; text-align: left; } .modal-body label { color: #fff!important; } .modal-body .field-wrap, #ninja_forms_required_items { margin-bottom: 10px!important; } .modal-body input#ninja_forms_field_4 { margin: 0 auto; float: none; display: block; border-radius: 0!important; padding: 10px 40px; } /* Custom code for wedding brochure*/ #publitas-embed-jmlru53mf5 { margin-top: 40px; } /* Custom code ends*/ .metaslider .flexslider .flex-direction-nav li a { width: 31px!important; height: 65px!important; box-shadow: none!important; display: block; margin: -20px -6px 0 -6px!important; background-color: transparent; background-image: url(../sliders/flexslider/bg_direction_nav.png); background-repeat: no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; overflow: hidden; } .metaslider .flexslider .flex-direction-nav li a:hover { opacity: 1!important; } .metaslider .flex-direction-nav .flex-prev { opacity: 0.8!important; left: 5px; } .metaslider .flex-direction-nav .flex-next { opacity: 0.8!important; right: 5px; } /* Home Blog Area */ .homeBlog a:hover { color: #d5a00f; } .homeBlog .firstPost { overflow: hidden; margin-bottom: 30px; } .homeBlog .firstPost img { display: inline-block; float: left; margin-right: 20px; } .homeBlog .firstPost .more-link { display: inline-block; } .homeBlog h2 a { font-size: 30px; line-height: 1; } .homeBlog .oneThird { display: inline-block; padding-right: 3%; vertical-align: top; padding-bottom: 30px; position: relative; } .homeBlog .meta { margin: 10px 0; display: block; } .homeBlog .oneThird:last-child { padding-right: 0; } .homeBlog .oneThird img { width: 100%; margin-bottom: 7px; } .homeBlog .oneThird .more-link { position: absolute; bottom: 0; } /* Home Banner */ .home #header { top: 35px; } .home #headerFields { top: 138px; } .home .topBanner { display: flex; } .topBanner { height: 35px; font-family: 'oswaldbook', 'Arial Narrow', Calibri, Arial, san-serif; background: black; color: white; display: none; align-items: center; justify-content: center; } .topBanner .wrap { width: 100%; position: relative; padding: 0 20px; } .topBanner a { text-decoration: underline; } .topBanner svg { font-size: 15px; margin-left: 2px; } .topBanner .notification_toggle { cursor: pointer; position: absolute; top: 0; right: 0; margin-right: 5px; } .concierge { padding: 30px 0 50px 0; overflow: hidden; max-width: 1240px; margin: 0 auto; position: relative; } .concierge h1 { text-align: left; padding: 0 10px 30px 10px; font-size: 25px; } .concierge_event_details { display: none; } .concierge_wrapper { overflow-x: scroll; overflow-y: hidden; width: 90%; margin: 0 auto; } .event_list { display: block; width: 1920px; } .active_event { display: block; } .event_preview { transition: 1s; overflow: hidden; margin: 10px; width: 250px; height: 250px; position: relative; background-size: cover; display: inline-block; } .event_preview:hover, .active_preview { transform: translateY(-15px) scale(1.005); cursor: pointer; box-shadow: 0 2px 4px rgba(0,0,0,0.5); } .event_preview strong { position: absolute; top: 20px; left: 0; width: calc(100% - 40px); background: rgba(255,255,255,0.5); color: #000; font-size: 18px; text-align: left; padding: 10px 20px; font-weight: 300; line-height: 1.2; transition: 1s; } .event_preview:hover strong, .active_preview strong { color: #fff; background: rgba(199,149,15, 0.75); } .concierge_event_details { transition: 1s; text-align: left; line-height: 1.4; font-size: 16px; position: fixed; top: 103px; left: 0; width: 100%; background: #fff; height: calc(100vh - 103px); box-sizing: border-box; overflow-y: scroll; z-index: 10; pointer-events: all; } .close_event { color: #c7950e; position: absolute; top: 1px; right: 1px; padding: 5px; background: rgba(255,255,255,0.75); } .concierge_image { width: 100%; height: 230px; object-fit:cover; } .concierge_event_details hr { border-color: #c7950e; margin: 20px 10px 30px 10px; border-width: 0.5px; } .concierge_event_details strong { color: #c7950e; font-size: 30px; display: block; font-weight: 300; margin: 20px 10px 0 10px; } .concierge_event_details p strong { color: #000; font-size: 18px; margin: 0; } .concierge_event_details p { margin: 0 10px 0 10px; } .event_icons { display: block; padding: 5px 0; margin: 0 10px; } .event_icons .svg-inline--fa { color: #c7950e; width: 15px; margin-right: 5px; margin-bottom: -3px; } a.reserve_btn { display: block; color: #fff; background: #48A3BE; border-radius: 5px; text-align: center; padding: 10px; text-transform: uppercase; margin: 15px 10px; transition: 0.5s; } a.reserve_btn:hover { background: #438193; } .metaslider .flexslider .flex-direction-nav li a { background-image: url('https://www.onekingwest.com/wp-content/uploads/bg_direction_nav.png')!important; } @media only screen and (max-width:570px){ .topBanner { height: 55px; } .secondLine { display: block; } .home #header { top: 55px; } } /* Styling for home page trip advisor Icon */ img#CDSWIDCOELOGO { transform: scale(1.8); margin-top: 17px; } @media only screen and (max-width:1400px){ .wedding_wrap strong { font-size: 25px; } .venue_box { max-width: 190px; padding: 0 2px; } } @media only screen and (max-width:1350px){ .vid-height { height: auto; } .postList h2 { width:45%; } .venue_box { max-width: 175px; padding: 0 2px; } .venue_box strong { font-size: 12px!important; } .venue_link_overlay { margin-bottom: 10px; } } @media only screen and (min-width:75em){/*1200*/ .slideEnabled .headerFade{display:block; margin:0 auto; width:1230px; postion:relative; z-index:2;} .slideEnabled .headerFade div{width:100px; display:block; position:absolute; top:0; z-index:2; height:100%;} .fadeLeft{background:transparent url('images/fadeLeft.png') repeat-y; left:0;} .fadeRight{background:transparent url('images/fadeRight.png') repeat-y; right:0;} .realwedding_details { padding-right: 20px; } div#weddingVR_text { padding: 20px 40px 0 40px !important;} p.share-video { margin-top: 30px !important;} div#weddingVR_text p { margin-top: 10px; } .wedding_hero_overlay.realwedding_hero_overlay {width: 30% !important;} } @media only screen and (max-width:1250px){ .wedding_button { left: 9%; } } @media only screen and (max-width:1150px){ .wedding_venue_details strong { padding: 0 0 10px 0; } .ui-accordion-header { font-size: 1.35em; } .wedding_capacity { margin-left: 5px; font-size: 0.8em; } .wedding_detail_links { padding: 20px 10px 10px 10px; width: calc(100% - 20px) } .seasonal_caption { display: block; padding: 0 10px; } .venue_link_seasonal_overlay { padding-top: 5px; } .about_venue .button { float: left; } .wedding_hero { min-height: 800px; } .page-id-9553 .wedding_hero { min-height: 580px !important; } } @media only screen and (max-width:1025px){ .event_hero_caption { bottom: 22%; left: 50%; } .wedding_wrap strong { font-size: 20px; } .wedding_venue_details p { line-height: 1.4; } } @media only screen and (max-width:63.43em){/*1014*/ .scrollContent{overflow-y:auto; overflow-x:none;} .jsEnabled .menuTarget, .display, .menuItems li{display:block!important;} .menuTarget{width:60px; height:45px; padding-top:15px; background-color:#000; cursor:pointer; position:absolute; top:0; right:0; z-index:1000;} .menuTarget span{margin:3px 2%; width:50%; background-color:#fff; height:4px;} .jsEnabled .menuItems .menu-item-has-children a{margin-right:20%} .jsEnabled .menuItems li, .jsEnabled .menuItems ul{position:static;} .jsEnabled .menuItems .menu-item-has-children{cursor:pointer; background:transparent url('images/icon_menu-arrow-down.png') 97% 20px no-repeat;} .jsEnabled #topNav{font-size:1em} .jsEnabled #topNav li a, #topNav li span{color:#d5a00f; padding:2px 0} .jsEnabled #topNav li a:hover, #loginClick:hover{color:#fff;} .jsEnabled #topNav ul{font-size:0.9em;} .jsEnabled #topNav li{margin:0 5% 0 0} .jsEnabled #loginBox{top:0; right:auto; left:0; width:50%;} #pageHeader.slideEnabled .slideDesc .contentPadding{padding-top:10px} #pageHeader.slideEnabled .slideDesc{display:block; position:static; width:96%; padding:10px 2%; z-index:2;} #pageHeader .accordion.fixedContent{max-width:100%;} .jsEnabled #pageHeader .accordion section{position:static; width:100%; background-color:#fff; border-bottom:1px solid #ccc;} #pageHeader .accordion h4, #pageHeader .accordion .accordion-content{background-color:#eee;} /*slider menu*/ #topMenu .fixedContent{width:auto; min-width:98%;} .sidr{background-color:#000;display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-weight:normal;padding:0 15px;margin:0 0 5px;line-height:24px;}.sidr p{margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)} /*Columns*/ .threeColumns .col, .threeColumns.colFields div, .oneThird, .twoThird, .oneThird, .twoThird, .smallScreen .colFields div, .smallScreen .col, #roomVariations .col, .smallScreen .field{width:98%; display:block;} .fourColumns .col{width:47%;} /*SUITE PAGES*/ #roomVariations header{text-align:center; padding:20px 0;} #roomVariations h4{color:#000;} #roomVariations .col{padding-bottom:35px; border-bottom:1px solid #ccc;} #roomVariations .pagerSlide img{max-width:450px; width:90%;} /*PAGE LAYOUT*/ .bgTop, .bgBottom{background-size:45% auto;} #footer .socialIcons {padding-bottom:10px;} .vid-overlay { float: left; position: relative; top: initial; width: 100%; height: auto; } .video-viewport .slideDesc { position: relative; width: 100%; text-align: center; height: auto; } .video-viewport .slideDesc .contentPadding { padding: 30px; } .bx-wrapper { height: auto; } .vid-overlay { height: 220px; } .vid-overlay strong { line-height:1.1!important; } .video-viewport .slideDesc { background: none; } .deal-price { font-size: 1.8em; } .postList h2 { width:58%; } #blog_section article { width: 32.3%; } #blog_section>article:first-of-type { width: 65.5%; } .instagram_container { width: 33%; padding: 0 20px; margin-top: 0; } #blog_section>article:first-of-type a.more-link { margin: 0; } .wp-image-7921 { position: absolute; right: 14px; bottom: 100px; } .events_hero { background-size: contain; background-repeat: no-repeat; height: auto; } .events_wrap { width: 100%; vertical-align: bottom; height: auto; padding-top: 200px; } .events_hero_overlay { width: 100%; min-width: 100%; position: relative; float: left; height: auto; background: #333; } .event_hero_caption { top: 100px; bottom: auto; left: 5%; font-size: 18px; width: 45%; line-height: 1.3; } .about_venue { width: 100%; margin-bottom: 10px; } .venue_slider { width: 100%; } .about_venue .button { float: right; } .homeBlog .latestPost { max-width: 650px; display: block; margin: 0 auto; } .homeBlog .firstPost img { width: 100%; max-height: 200px; object-fit: cover; margin: 0 0 7px 0; } .homeBlog .oneThird { margin-bottom: 30px; padding: 0; width: 100%; } .homeBlog .oneThird img { max-height: 200px; object-fit: cover; } .homeBlog .oneThird .more-link { position: relative; display: inline-block; } } @media only screen and (max-width:950px){ .wedding_hero_overlay { width: 40%; } .wedding_three_cols .wedding_venue_details { min-height: 300px; } .wedding_detail_links { width: calc(100% - 20px); padding: 20px 0px 10px 10px; } .wedding_capacity { display: inline-block; font-size: 13px; } .wedding_capacity { display: block; width:100%; text-align: center; } .wedding_venue_details, .wedding_three_cols .wedding_venue_details { min-height: 350px; } .pre_reception_icon { margin-left: 20px; } .wedding_col .button { display: block; float: none; margin: 0 auto; width: 75%; } .wedding_hero_overlay { font-size: 16px; } } @media only screen and (max-width:850px){ .wedding_venue_details { min-height: 300px; } } @media only screen and (max-width:800px){ .seasonImg { width: 100%!important; } .entryDivide { width: 49%; } .postList h2 { width:90%; } .table_cell { width: 100%; } #blog_section article { width: 49%; } #blog_section>article:first-of-type { width: 49%; } #blog_section>article:first-of-type img { width: 100%; max-height: 160px; margin-bottom: 10px; } #blog_section>article:first-of-type a.more-link { margin-top: 10px; float: left; } .instagram_container { width: 49%; } .wedding_wrap strong { font-size: 18px; } } @media only screen and (max-width:789px){ .vid-overlay { height: 241px; } } @media only screen and (max-width:48.75em){/*780*/ #logo{max-width:50%;} .sideMenu li{padding:8px 1%;} .sideMenu h2{padding-top:10px;} .sideMenu h2, .sideMenu #searchform{margin-top:0;} #sideNav, #bodyWithSide{width:96%; display:block;} #pageHeader .bx-controls-direction a{top:20%;} #topNav .bookingClick{width:28%;} #topNav .bookingClick::after{content:"Book"} #topNav .bookingClick .mobileHide{display:none;} .bookingClick.mobileShow{display:block; padding-bottom:5px;} .jsEnabled #bookNow, .jsEnabled #loginBox{display:none; width:96%; position:fixed; top:103px; left:0; height:100%;} #loginBox a{display:inline;} /*expandable content*/ .blog .menuContent{display:none; background-color:#fff; border:1px solid #ccc; border-top:0;} /*form*/ .textarea-wrap textarea{height:125px;} .oneThird-wrap{width:96%;} .events_hero_overlay .customLink, .events_hero_overlay h1 .events_hero_overlay strong.highlight { font-size: 22px!important; } .events_wrap { width: 100%; vertical-align: bottom; height: auto; padding-top: 300px; } .event_hero_caption { top: 200px; bottom: auto; width: 45%; font-size: 24px; } .wedding_hero { background-position: 60%; } } @media only screen and (max-width:767px){ .wedding_three_cols .wedding_col, .wedding_two_cols .wedding_col { width: 100%; overflow: hidden; } .wedding_venue_details, .wedding_three_cols .wedding_venue_details { min-height: auto; overflow: hidden; padding: 20px 20px 0 20px; margin-bottom: 20px; } .wedding_detail_links { position: relative; float: left; width: 98%; } .wedding_col .button { float: right; width: 45%; } .wedding_capacity { display: inline-block; text-align: left; width: 45%; float: left; margin-top: 0; } .seasonal_wedding_col { width: 49%; margin-right: 1%; margin-bottom: 12px; } .seasonal_wedding_col:nth-child(3) { margin-right: 1%; } .wedding_hero_overlay h1 { line-height: 1; font-size: 2.5em; } .big_mobile img { height: 66vw!important; object-fit: cover; } } @media only screen and (min-width:680px){ a#rw-cta { bottom: 80px !important; } } @media only screen and (max-width:680px){ .wedding_hero { background-position: 70%; padding: 20px 0; min-height: 700px; overflow: hidden; } .wedding_faq_container { height: auto; min-height: 750px; } .wedding_hero_overlay { width: 100%; height: auto; position: absolute; bottom: 5%; } .wedding_button { position: relative; clear: both; bottom: 0; left: auto; } .wedding_hero_caption { display: none; width: 90%; bottom: 5%; } .wedding_hero_overlay h1 { font-size: 2em; } .wedding_callout_bar li { padding: 5px 30px; font-size: 18px; } .wedding_callout_bar ul.callout_list li { padding: 5px 30px 5px 0; font-size: 15px; } .wedding_wrap strong { width: 90%; } .pre_reception_icon { margin-left: 0px; } .wedding_capacity { display: inline-block; text-align: left; width: 30%; float: left; margin-top: 0; padding-top: 0; line-height: 1.2; } .wedding_col .button { float: right; width: 30%; display: inline-block; } } @media only screen and (max-width:37em){/*592*/ h1, h2, .h1, .h2{font-size:2.5em;} h3{font-size:1.6em; margin-top:30px;} h4 {font-size:1.2em;} .mobileShow{display:inline-block; zoom:1; *display:inline;} #header .tel span, .mobileHide{display:none;} #topNav ul{width:70%;} .jsEnabled #topNav li{margin:0; width:32%; text-align:center;} #topNav li a, #loginClick{display:block;} #topNav li a:hover, #loginClick:hover{background-color:#fff; color:#000} #bookNow img{display:none;} #footer .fixedContent, #footer .textRight{text-align:center;} /*page layout*/ .sectionImgRight .sectionText, .sectionImgRight .sectionImg, .sectionImgLeft .sectionImg{float:none;} .sectionImgLeft .sectionText{text-align:left;} .bgTop, .bgBottom{background-image:none!important;} .spaceBetween{padding-right:0;} /*form*/ .ufo-customform-row .btnFullWidthMobile{width:100%; display:block;} .fullWidth-wrap.btn-wrap{text-align:center;} .fullWidth-wrap.btn-wrap input{width:100%;} .field-wrap{width:96%;} /*blog*/ #weddingResources, .itemListed{text-align:center;} .itemListed img, .itemListed .itemInfo{display:block; width:auto; margin:0 auto;} .contentHightlights li{background:none; padding:2px 0;} .entryDivide { width: 100%; } .entryDivide p { float: none; width: 90%; display: inline-block; margin: 0 auto; } .leftcolborder { border-left:0; padding-left:0px; } .two_columns .col { border-right: 0!important; } .two_columns .col:first-child { border-left: 0!important; } .basic_section { border-left: 0; border-right: 0; } .post_deal { font-size: 1.5em; } .promopage h1 { width: 90%; } .addthis_toolbox.addthis_default_style { margin-top: 10px; } .hero_banner { background-attachment: inherit; } #blog_section article, #blog_section>article:first-of-type { width: 98.3%; order: 0; } .instagram_container { width: 80%; float: none; margin: 20px auto; } .blogcontent .sidebar_column, .blogcontent .large_column { width: 100%; } .blogpost_page .addthis_toolbox.addthis_default_style { width: 75%; right: auto; } .events_wrap { width: 100%; vertical-align: bottom; height: auto; padding-top: 160px; } .event_hero_caption { top: 90px; bottom: auto; width: 80%; } .bannerTopContent a{ font-size: 12px; line-height: 1.2; } } @media only screen and (max-width:577px){ .vid-overlay { height: 264px; } .wp-image-7921 { right: auto; bottom: auto; position: relative; } .about_venue .button { padding-left: 10px; float: left; } .venue_link_overlay strong { font-size: 13px!important; } } @media only screen and (min-width: 375px) { #featured_wedding_slider { margin-top: 15px; } section#real-weddings-header { min-height: 675px; } } @media only screen and (min-width: 486px) and (max-width: 548px) { .realwedding_details { font-size: 0.6em; } } @media only screen and (max-width:431px){ .vid-overlay { height: 317px; } .wedding_hero_overlay { bottom: 22%; } } @media only screen and (max-width:342px){ .vid-overlay { height: 370px; } .wedding_hero_overlay { bottom: 5%; } } @media only screen and (max-height:800px){ .events_hero { min-height: 750px; } .events_hero_overlay strong.highlight, .events_hero_overlay .customLink, .events_hero_overlay h1 { font-size: 22px!important; } .page-id-9553 .wedding_hero { min-height: 580px !important; } } .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; /* 1050 */ -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { background: none; font-size: 30px; position: absolute; top: 0; right: 0; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media screen and (min-width: 768px) { .wedding_hero_overlay.realwedding_hero_overlay { height: inherit; width: 40% !important; } div#weddingVR_text { text-align: left; padding: 0; width: 55%; line-height: 1.5; font-size: 0.82em; padding-left: 10px; } .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } .wedding_callout_bar li { padding: 17px 15px; font-size: 15px; } ul.callout_list { padding-left: 0; } .metaslider .caption-wrap { font-size: 1.6em; top: 20px !important; } span.sub_caption { font-size: 0.7em; font-weight: bolder; } .metaslider .caption { padding: 0 0 3px 20px !important; } /* VR video -------------*/ .wplightbox.virtualWedding { display: flex; padding: 0; } div #weddingVR { width: 45%; padding: 0; } div#weddingVR_text p { padding-bottom: 0; } p.share-video { color: #c7950e; margin-top: 2px; } div#grandBanking_slider { width: 540%; } #grandBanking_venue a.button.view_details { float: none; margin-bottom: 0px; } /*Concierge Page */ .event_preview { flex: 1 0 calc(50% - 20px); height: 200px; max-width: calc(50% - 20px); } .event_preview strong { font-size: 20px; } .concierge h1 { font-size: 2.5em; } .concierge_wrapper { overflow-x: auto; width: 100%; } .event_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; width: calc(100% - 300px); float: right; } .concierge_event_details { padding: 0 0 20px 0; overflow: hidden; width: 240px; float: left; position: absolute; left: 0; height: auto; top: 130px; overflow-y: auto; } .concierge_event_details strong { margin: 0 10px; } .close_event, .concierge_image { display: none; } .wedding_pack_h1 { font-size: 60px; } .wedding_pack_preferred { font-size: 27px; } .wedding_pack_hero_guests { font-size: 26px; } .wedding_pack_hero_season { font-size: 26px; } .wedding_pack_hero_season select { width: 130px; font-size: 24px; } .wps_set_scene { font-size: 50px; } .wps_line { margin: 25px auto; width: 10%; } .wedding_pack_the_scene { padding: 60px 20px 30px; } .wps_twocol_content { padding: 25px 40px 0; font-size: 20px; } .wps_three_cols .wedding_venue_details, .wps_three_cols .wedding_three_cols .wedding_venue_details { padding: 20px 20px 30px 20px; } .wps_set_scene { font-size: 32px; } .wps_our_wedding_packages { padding: 60px 0 100px; } .wps_package_box { padding: 50px 50px; margin-top: 10px; } .wps_package_box_header { font-size: 26px; margin: 10px 0 20px; } .wps_package_box_left { width: 49%; float: left; } .wps_package_box_right { width: 49%; float: right; } .wps_threecol_chevron { margin-top: 35px; } #wps_silver { margin-top: 0; } #wps_big_margin { margin-top: 17px; } .wps_three_cols { padding: 0 0 100px; } .wps_twocol_header { line-height: 1.2; } .wps_threecol_venue { min-height: 250px!important; } .wps_package_box ul li, .wps_white ul li { font-size: 16px; } #wps_food_packages .wps_package_box_header { font-size: 20px; } .wps_contact_form_subheader { font-size: 24px; width: 75%; } .wps_contact_form_selected_venues { width: 29%; } .wps_contact_form_selected_packages { width: 29%; } #wpn_s:before { margin-top: 5px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } .wedding_callout_bar li { padding: 17px 20px; font-size: 20px; } #events_new_gbh .gb_venue_capacity { display: inline-block; float: left; margin-left: 30px; } #events_new_gbh a.button.view_details { display: inline-block; float: right; } #events_new_gbh .pre_reception_icon { margin-top: 5px; } #events_new_gbh { left: auto!important; right: 0!important; width: 100%!important; padding: 20px 0px 10px 0px!important; margin-right: 20px!important; } } .clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .modal-header:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @media screen and (min-width: 1023px) { .wedding_hero_overlay.realwedding_hero_overlay { width: 35% !important; } .realwedding_details { font-size: 1em; } .metaslider .caption { padding: 0 0 3px 25px !important; } .metaslider .caption-wrap { width: 40% !important; } div#weddingVR_text h2 { font-size: 2.3em; } #weddingVR_text p { font-size: 1.4em; } div#weddingVR_text { padding: 6px 20px 0; } p.share-video { margin-top: 2px; } div#grandBanking_slider { width: 65%; padding: 25px 0 0; } div#grandBanking_venue { width: 60%; } .event_preview { flex: 1 0 calc(25% - 20px); height: 290px; max-width: calc(25% - 20px); } .event_preview strong { font-size: 22px; } .wedding_pack_hero_container { float: right; } .wedding_pack_hero_container { width: 50%; } .wps_package_box ul li, .wps_white ul li { font-size: 18px; } #wps_food_packages .wps_package_box_header { font-size: 26px; } .wedding_pack_h1 { color: #B38D82; } .wedding_pack_preferred { color: #B38D82; } .wedding_pack_hero_guests input { border-color: #B38D82; color: #B38D82; } .wedding_pack_hero_guests ::placeholder { color: #B38D82; opacity: 1; /* Firefox */ } .wedding_pack_hero_guests :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #B38D82; } .wedding_pack_hero_guests::-ms-input-placeholder { /* Microsoft Edge */ color: #B38D82; } .wedding_pack_hero_season select { border-color: #B38D82; color: #B38D82; } .wps_after_submit { width: 75%; } .wps_contact_form_subheader { font-size: 24px; width: 70%; } .wps_contact_form #ninja_forms_field_158 { width: 70%!important; } } @media screen and (min-width: 1200px) { div#grandBanking_slider { width: 52%; padding: 0; } div#grandBanking_venue { width: 50%; } .wps_twocol_header { line-height: 1; } .wps_threecol_venue { min-height: auto!important; } .wps_contact_form #ninja_forms_field_134 { font-size: 24px; } .wps_contact_form #ninja_forms_field_134_label { font-size: 24px; } .wps_contact_form_choose { width: 130px!important; font-size: 24px; } .wps_contact_form #ninja_forms_field_138_div_wrap, .wps_contact_form #ninja_forms_field_139_div_wrap, .wps_contact_form #ninja_forms_field_140_div_wrap, .wps_contact_form #ninja_forms_field_141_div_wrap { width: 30%; padding-right: 20px; margin: 0; } .wps_contact_form #ninja_forms_field_138, .wps_contact_form #ninja_forms_field_139, .wps_contact_form #ninja_forms_field_140, .wps_contact_form #ninja_forms_field_141 { text-align: left; font-size: 24px; width: 100%; } .wps_contact_form #ninja_forms_field_138_div_wrap:after { right: 2px; } .wps_contact_form_seasons, .wps_contact_form_names, .wps_contact_form_contacts { padding: 15px 0; } .wps_contact_form #ninja_forms_field_144_label, .wps_contact_form #ninja_forms_field_145_label { /* ONLY VISIBLE ON DESKTOP */ font-size: 24px; } .wps_contact_form #ninja_forms_field_134_label { font-size: 24px; } .wps_contact_form #ninja_forms_field_152_div_wrap, .wps_contact_form #ninja_forms_field_154_div_wrap, .wps_contact_form #ninja_forms_field_156_div_wrap { font-size: 24px; } .wps_text-wrap label, .wps_contact_form #ninja_forms_field_153_0_label, .wps_contact_form #ninja_forms_field_153_1_label, .wps_contact_form #ninja_forms_field_155_0_label, .wps_contact_form #ninja_forms_field_155_1_label, .wps_contact_form #ninja_forms_field_157_0_label, .wps_contact_form #ninja_forms_field_157_1_label { font-size: 24px; } .wps_contact_form #ninja_forms_field_157 { width: 70%!important; font-size: 24px; } .wps_contact_form #ninja_forms_field_142_div_wrap p, .wps_contact_form #ninja_forms_field_143_div_wrap p { font-size: 24px; } .wps_contact_form_selected_venues p, .wps_contact_form_selected_packages p { font-size: 24px; } .wps_contact_form #ninja_forms_field_136_div_wrap { font-size: 24px; } } @media screen and (min-width: 1340px) { .realwedding_details { font-size: 1.2em; } .realwedding_caption { font-size: 2em; } .wedding_callout_bar li { padding: 25px 40px; font-size: 25px; } section.wedding_hero { background-position: bottom; } div#weddingVR_text { padding: 30px 40px 0 30px !important; } div#weddingVR_text h2 { font-size: 2.5em; } p.share-video { margin-top: 40px !important; font-size: 1.5em !important; } svg.svg-inline--fa.fa-twitter-square.fa-w-14.sociali { margin: 0 10px; } svg.svg-inline--fa.fa-facebook.fa-w-14.sociali { margin-left: 5px; } } @media screen and (min-width: 1600px) { .realwedding_details { font-size: 1.4em; padding-right: 25px; } div#weddingVR_text { padding: 20px 80px 0 50px !important; } }