/* ############################################################################################################################# ############################################################################################################################# DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. DO NOT EDIT THIS FILE ON THE LIVE SERVER. The server holds a deployment only version of this theme. Any edits done Directly on the live server, will not be able to be included in GIT. Any changes you do here directly on the server, and outside of a GIT commit WILL be deleted. Yes, it WILL BE DELETED. ############################################################################################################################# ############################################################################################################################# */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* minified wa-flexslider.css */ .flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none;overflow:hidden}.flexslider{margin:0;padding:0;/*max-height:580px;*/z-index:1;position:relative;zoom:1}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden;position:relative}.flex-direction-nav a,.no-js .slides>li:first-child,.slides:after,html[xmlns] .slides{display:block}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";clear:both;visibility:hidden;line-height:0;height:0}* html .slides{height:1%}.flex-viewport{/*max-height:580px;*/-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{/*max-height:300px*/}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav a{width:15px;height:24px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;cursor:pointer;text-indent:300%}.flex-direction-nav .flex-prev{left:-5.5%;background:url(../images/gallery-prev.png) 0 50% no-repeat}.flex-direction-nav .flex-next{right:-5.5%;text-align:right;background:url(../images/gallery-next.png) 0 50% no-repeat}#landing-page.dining .flex-direction-nav .flex-prev{left:-45px;background:url(../images/dining-gallery-prev.png) no-repeat;width:33px;height:208px;top:5px}#landing-page.dining .flex-direction-nav .flex-next{right:-35px;text-align:right;background:url(../images/dining-gallery-next.png) no-repeat;width:33px;height:208px;top:5px}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;display:none}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;right:0;text-align:right;z-index:1000}#home .flex-control-paging li a,.flex-control-paging li a{width:11px;height:11px;cursor:pointer;text-indent:-9999px}#home .flex-control-nav{max-width:1024px;position:absolute;bottom:13%;text-align:left;z-index:1000;left:0;margin:auto;padding-left:47px}.flex-control-nav li{margin:5px 5px 0 3px;display:inline-block;zoom:1}.flex-control-paging li a{display:block;background:#c2c2c2;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;text-align:left}#home .flex-control-paging li a{display:block;background:#fff;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:1px 1px 5px 0 rgba(25,23,26,1);-moz-box-shadow:1px 1px 5px 0 rgba(25,23,26,1);box-shadow:1px 1px 5px 0 rgba(25,23,26,1);border:1px solid #555}#home .flex-control-paging li a:hover,.flex-control-paging li a:hover{background:#eabb65}#home .flex-control-paging li a.flex-active,.flex-control-paging li a.flex-active{background:#eabb65;cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media (max-width:767px){.flex-control-nav{right:auto;text-align:center;bottom:10px}#gallery-type .flex-control-nav{background-color:rgba(73,73,73,.69);padding-top:12px;bottom:auto;top:0}#home .flex-control-nav{text-align:center;bottom:24%;padding-left:0}.flex-control-nav li{margin-right:18px}.flex-control-paging li a{width:20px;height:20px}#gallery-type .flex-control-paging li a,#home .flex-control-paging li a{width:15px;height:15px}#home .flex-control-nav li{margin-right:10px}.flexslider .slides img{width:142%;max-width:150%}.map-locations .flexslider .slides img{width:100%;margin-left:0}#home .flexslider .slides img{width:196%;max-width:196%;margin-left:-48%}}@media (max-width:480px){#home .flex-control-nav{bottom:29%}}@media (max-width:320px){#home .flexslider{height:246px;overflow:hidden}.booking-widget{margin-top:160px}}@media (min-width:321px) and (max-width:400px){#home .flexslider{height:277px;overflow:hidden}.booking-widget{margin-top:190px}}@media (min-width:401px) and (max-width:480px){#home .flexslider{height:325px;overflow:hidden}.booking-widget{margin-top:240px}}@media (min-width:481px) and (max-width:599px){#home .flexslider{height:415px;overflow:hidden}.booking-widget{margin-top:330px}}@media (min-width:600px) and (max-width:640px){#home .flexslider{height:490px;overflow:hidden}.booking-widget{margin-top:405px}}@media (min-width:641px) and (max-width:767px){#home .flexslider{height:554px;overflow:hidden}.booking-widget{margin-top:468px}}@media (min-width:768px){.flex-viewport,.flexslider,.flexslider .slides>li{/*max-height:490px*/}} .flexslider { max-width: 100%; width: 100%; height: auto; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp,.pswp__bg,.pswp__scroll-wrap{width:100%;height:100%}.pswp,.pswp__item,.pswp__scroll-wrap{overflow:hidden;top:0;position:absolute;left:0}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp,.pswp__bg,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp{display:none;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:100%}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--open{display:block}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}.pswp__bg{left:0;top:0;background:#000;opacity:0;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0;will-change:transform}.pswp__item{right:0;bottom:0}.pswp__img{width:auto;height:auto;top:0;left:0;-webkit-transition:opacity .15s;transition:opacity .15s}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%;height:auto;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}.pswp__error-msg a{color:#CCC;text-decoration:underline} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp__share-tooltip a,.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}.pswp__button{position:relative;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{background:url(styles/default-skin.png) no-repeat;background-size:264px 88px;width:44px;height:44px}@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:105dpi),(min-resolution:1.1dppx){.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(styles/default-skin.svg)}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0}}.pswp__button--close{background-position:0 -44px}.pswp__button--share{background-position:-44px -44px}.pswp__button--fs{display:none}.pswp--supports-fs .pswp__button--fs,.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--fs .pswp__button--fs{background-position:-44px 0}.pswp__button--zoom{background-position:-88px 0}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute}.pswp__button--arrow--left{left:0}.pswp__button--arrow--right{right:0}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__counter,.pswp__preloader{height:44px;top:0;position:absolute}a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}a.pswp__share--download:hover{background:#DDD}.pswp__counter{left:0;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}.pswp__caption small{font-size:11px;color:#BBB}.pswp__caption__center{text-align:center;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#CCC}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__preloader{width:44px;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;opacity:1;z-index:1550}.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important}.pswp--minimal--dark .pswp__top-bar{background:0 0} /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ @font-face { font-family: 'nobel-regular'; src: url('../fonts/nobel-regular.eot'); src: url('../fonts/nobel-regular.woff2') format('woff2'), url('../fonts/nobel-regular.woff') format('woff'); font-weight: normal; font-style: normal; } html { color: #fff; font-size: 1em; line-height: 1.4; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "nobel-regular", sans-serif; color: #000; font-weight: normal; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Fonts & Icons ========================================================================== */ @font-face { font-family: 'WA-Orlando-Icomoon'; src:url('fonts/WA-Orlando-Icomoon.eot?-ds2sm0'); src:url('fonts/WA-Orlando-Icomoon.eot?#iefix-ds2sm0') format('embedded-opentype'), url('fonts/WA-Orlando-Icomoon.ttf?-ds2sm0') format('truetype'), url('fonts/WA-Orlando-Icomoon.woff?-ds2sm0') format('woff'), url('fonts/WA-Orlando-Icomoon.svg?-ds2sm0#WA-Orlando-Icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="wa-icon-"], [class*=" wa-icon-"] { font-family: 'WA-Orlando-Icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wa-icon-arrow-down:before { content: "\e60b"; } .wa-icon-arrow-up:before { content: "\e60c"; color: #000; } .wa-icon-arrow-left:before { content: "\e600"; } .wa-icon-arrow-right:before { content: "\e601"; } .wa-icon-calendar:before { content: "\e602"; } .wa-icon-close:before { content: "\e603"; } .wa-icon-map:before { content: "\e604"; } .wa-icon-menu:before { content: "\e605"; } .wa-icon-phone:before { content: "\e606"; } .wa-icon-google-plus2:before { content: "\e607"; } .wa-icon-facebook2:before { content: "\e608"; } .wa-icon-instagram:before { content: "\e609"; } .wa-icon-twitter2:before { content: "\e60a"; } /* ========================================================================== Richard's custom styles ========================================================================== */ #right-column .gallery-button-container { text-align: right; padding-right: 2.15em; } #right-column .gallery-button-container .button { display: inline-block; color: #fff; text-decoration: none; } span.text-hide { position: absolute; margin: -1px; padding: 0; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); border: 0; word-wrap: normal!important; } body {max-width: 1680px; margin: auto; position: relative; font-family:"franklin-gothic-urw", sans-serif; background: #fff; /*font-size: 90%;*/ min-width: 304px;} /*font sizes*/ body, .mosaic-wrapper .tile {font-size: 16px;} body.home .content-wrapper { max-width: 1180px; margin: auto; position: relative;} /*#nav-bar .content-wrapper { max-width: 1440px; margin: 0 0.5em!important; }*/ /* #nav-bar .content-wrapper { max-width: 1440px; padding: 0;} */ .button {text-decoration: none; text-transform: uppercase; color: #fff; padding: .4em 1.5em; background: #000; display: inline-block;} .button:hover {background-color: #7F5311;} .button > span {font-size: 1.13em;} .button.outline {background: transparent; color:#AA6E16; border: solid .1em #373533;} .button.outline:hover {color:#fff; border: solid .1em #fff;} .button.outline > span {font-size: .9em;} .button.gold {background: #C09952;} .button.gold:hover {background: #91733E;} .button.gold > span {font-size: 0.88em;} .button.black {background: #000;} .button.black:hover {background: #333;} .button.small {padding: 0em 1.5em .2em;} .button.small > span {font-size: 0.75em;} .hidden-on-mobile {display: inline-block} .show-on-mobile {display: none} #hotel-logo {width:11em; margin: .7em 0 .7em 40px; padding: 10px 0;} @media only screen and (max-width: 1330px) { #hotel-logo {margin: .7em 0;} } #nav-bar {position: fixed; z-index: 99999; background-color: #fff; width: 100%; top: 0; max-width: 1680px; height: 5.625em; left: 0; right: 0; margin: auto;} #nav-bar nav { position: absolute; bottom: 1em; right: 0; z-index: 999999;} #nav-bar nav ul {margin: 0;} /* #nav-bar nav ul li {} */ #nav-bar nav ul li a {text-decoration: none; color: #000; font-size: 1em; text-transform: uppercase;} #nav-bar nav > ul > li {display: inline-block; margin: 0 1em; border-right: 1px solid #000; padding-right: 2em;} #nav-bar nav > ul > li:last-child { border: none; padding-right: 0;} #nav-bar nav > ul > li:last-child {margin-right: 0;} #nav-bar nav > ul > li:first-child {margin-left: 0;} #nav-bar nav > ul > li > ul {position: absolute; background-color: rgba(255,255,255,.9); max-height: 0; overflow: hidden; transition: .5s; list-style: none; padding: 0 1em; width: 11em; text-align: left; margin-top: 1em; top: .5em; padding-top: 0em;} #nav-bar nav > ul > li:hover > ul {max-height: 50em; overflow: hidden; padding-top: 1em;} #nav-bar nav > ul > li > ul > li {padding: .45em 0;} #nav-bar nav > ul > li > ul > li > a {text-transform: inherit; color: #000;} #nav-bar nav > ul > li > ul > li > a:hover {text-decoration: underline;} #desktop-nav-upper {position: absolute; top: .5em; right: 0; z-index: 6001;} #desktop-nav-upper ul {display: inline-block; margin: 0; padding: 0; list-style: none;} /* #desktop-nav-upper ul li {} */ #desktop-nav-upper ul li a {color: #000; text-decoration: none; text-transform: uppercase;} #desktop-nav-upper ul li a:hover {color: #ba9a5c;} /* #desktop-nav-upper ul.links {} */ #desktop-nav-upper ul.links li {display: inline-block;} #desktop-nav-upper ul.links li:after {content: '|'; display: inline-block; color: #000; font-size: .7em; vertical-align: top; margin: 0 .5em 0 .8em;} #desktop-nav-upper ul.links li:last-of-type:after {content: unset;} /* #desktop-nav-upper ul.links li a {} */ #desktop-nav-upper ul.links li a span {font-size: 0.69em; line-height: 1.5em; display: inline-block; vertical-align: top;} #desktop-nav-upper ul.links li a [class^="wa-icon-"] {font-size: 1em; line-height: 1em; margin-right: .2em;} #desktop-nav-upper #language-dropdown {display: inline-block; color: #fff; cursor: pointer; background-color: #000; padding: .2em .2em .4em;} #desktop-nav-upper #language-dropdown.open {background-color: #fff; color: #010101;} #desktop-nav-upper #language-dropdown.open a {color: #010101; } #desktop-nav-upper #language-dropdown ul {padding: 0 .2em; font-size: 0.69em; line-height: 1.5em; text-transform: uppercase; max-height: 1.5em; overflow: hidden; vertical-align: top; transition: .5s;} #desktop-nav-upper #language-dropdown.open ul {max-height: 10em;} #desktop-nav-upper #language-dropdown [class^="wa-icon-"] {display: inline-block; color: #fff; vertical-align: top; font-size: .4em; line-height: 2.5em; transition: transform .5s;} #desktop-nav-upper #language-dropdown.open [class^="wa-icon-"] {color:#010101; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} #mobile-nav-button {color: #000; text-decoration: none; font-size: 1em; line-height: 5.35em; vertical-align: bottom; float: right; display: none; text-transform: uppercase; padding: 0 1.56em; transition: .2s; -webkit-transition-delay: .5s; transition-delay: .5s;} #mobile-nav-button.open {background-color:#282B2C; color: #fff; transition: .2s; -webkit-transition-delay: 0s; transition-delay: 0s;} #mobile-nav-button > span {font-size: 1.75em; line-height: .8em; display: inline-block; vertical-align: middle;} #mobile-nav-lower {display: none; background-color:#282B2C; text-align: justify; height: 5.75em;} #mobile-nav-lower a {color: #fff; text-decoration: none; text-transform: uppercase; display: inline-block; width: 32%; text-align: center; line-height: 5.4em;} #mobile-nav-lower a > span {font-size: 1.88em;} #mobile-nav-lower a > [class^="wa-icon-"] {font-size: 1.4em; margin-right: .2em; line-height: 3.85em; vertical-align: top; display: inline-block;} #mobile-nav-lower a + a { border-left: solid .1em #595859; border-right: solid .1em #595859;} #mobile-nav-lower a + a + a {border: none;} #booking-widget {width: 21em; right: 0; position: absolute; text-align: right; top: 4.8em;} #booking-widget .booking-toggle {padding: .4em .65em; margin-bottom: .07em;} /* #booking-widget .lower {} */ /* #booking-widget.open .lower {} */ #booking-widget .lower form {background-color: #fff; background-color: rgba(255,255,255,.93); color: #000; text-align: left; padding: 0 .63em; max-height: 0; overflow: hidden; transition: .5s; position: relative;} #booking-widget.open .lower form {max-height: 30em; overflow: hidden; padding: 0.52em;} /* #booking-widget .lower form .dates-wrapper {} */ #booking-widget .lower form .booking-toggle {position: absolute; bottom: 0; right: 0; color: #000; text-decoration: none;} #booking-widget .lower form .dates-wrapper .date-box {display: inline-block; text-transform: uppercase; margin-right: .5em;} #booking-widget .lower form .dates-wrapper .date-box > label {font-size: 0.69em;} #booking-widget .lower form .dates-wrapper .date-box .day {font-size: 0.69em;} #booking-widget .lower form .dates-wrapper .date-box .picker {cursor: pointer; color: #999;} #booking-widget .lower form .dates-wrapper .date-box .picker .display {width: 5.31em; padding: 0.63em; background-color: #fff; display: inline-block;} #booking-widget .lower form .dates-wrapper .date-box .picker .display span {font-size: 0.69em; float: left;} #booking-widget .lower form .dates-wrapper .date-box .picker .icon {width: 2.19em; height: 2.19em; display: inline-block; background-color: #fff; position: relative;} #booking-widget .lower form .dates-wrapper .date-box .picker .icon > span {position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; width: 1em; height: 1em; font-size: 1.5em; line-height: 1.1em;} /* REMOVE WHEN LEAD RATES ARE PUT BACK IN */ #booking-widget .lower form .rates {position: absolute;right: 0;width: 100%;top: 50%;} #booking-widget .lower form .best-rates{display: none;} #booking-widget .lower form .full-block.rates > .button {margin-left: 1em;border: none;padding: .4em .8em;right: 20px;position: absolute;bottom: -59px;} @media only screen and (max-width: 1024px){ #best-rates-mobile {display: none;} #booking-widget .lower form .booking-toggle{top: 0;bottom: auto;} } /* END */ #booking-widget .lower form .full-block{width: 100%; margin: .5em 0;} #booking-widget .lower form .full-block > label{text-transform: uppercase; font-size: 0.69em;} /* #booking-widget .lower form .full-block.rates {} */ #booking-widget .lower form .full-block.rates > span {display: inline-block; text-transform: uppercase; vertical-align: top; font-size: 0.75em; line-height: 1.25em;} #booking-widget .lower form .full-block.rates > span.currency {font-size: 1.13em; color: #e6ad54;} #booking-widget .lower form .full-block.rates > span.rate {font-size: 2.31em; color: #e6ad54; line-height: .8em;} #booking-widget .lower form .full-block.rates > span.star {font-size: 0.88em; color: #e6ad54;} #booking-widget .lower form .full-block.rates > span.per {width: 3em;} /* PUT BACK IN WHEN RATES ARE BACK */ /* #booking-widget .lower form .full-block.rates > .button {margin-left: 1em; border: none; padding: .4em .8em;}*/ /* END */ #booking-widget .lower form .full-block.best-rates > a {text-transform: uppercase; color: #000; text-decoration: none; font-size: 0.75em;} #booking-widget .lower a.button.booking-toggle {padding: .64em .65em;} #booking-widget .lower a.button.booking-toggle > span {display: block; transition: .5s;} #booking-widget:not(.open) .lower a.button.booking-toggle > span {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} #masthead {position: relative; margin-top: 4.4em;} #masthead.video video {width: 100%;} #masthead #masthead-images .slide {width: 100%;} #masthead #masthead-images .slide a.video-link{position: absolute; display: block; width: 5em; height: 5em; margin: auto; top: 0; bottom: 0; left: 0; right: 0;} #masthead #masthead-images .slide img {width: 100%;} #masthead .text-overlay { background: #fff; position: absolute; color: #000; text-align: center; width: 100%; bottom: 4em; padding: 15px 0;} #masthead .text-overlay p { font-size: 1.2em; } #masthead .text-overlay h1 { text-transform: uppercase; margin: 0;} #masthead #masthead-images .cycle-pager {position: absolute; bottom: 1em; left: 0; right: 0; z-index: 999; text-align: center;} #masthead #masthead-images .cycle-pager .page {width: 1.6em; height: 1.6em; background-color: rgba(100,100,100,.6); border-radius: 50%; display: inline-block; position: relative; margin: 0 .2em;} #masthead #masthead-images .cycle-pager .page.cycle-pager-active {background-color: rgba(0,0,0,.6);} #masthead #masthead-images .cycle-pager .page > span {display: inline-block; width: .75em; height: .75em; background-color: #fff; border-radius: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} #masthead #masthead-images .cycle-pager .page:not(.cycle-pager-active):hover > span {background-color: #232323;} #video-pop-up {position: fixed; width: 40em; height: 24.4em; padding-top: 2em; background-color: #000; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 9999999; display: none;} #video-pop-up #video-pop-up-close {position: absolute; top: .5em; right: .5em; color: #fff; text-decoration: none;} #video-pop-up-background {position: fixed; background-color: rgba(0,0,0,.75); cursor: pointer; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; display: none;} #promo-bar {background-color: #E9AE29; position: fixed; width: 100%; z-index: 9999; bottom: 0; overflow: hidden; transition: .5s; max-width: 1680px; text-align: center;} #promo-bar.closed {max-height: 0em;} #promo-bar strong {margin: .25em 2em .25em 2rem; display: inline-block;} #promo-bar .promo-wrapper {margin: 0.5em 1em; position: relative; overflow: hidden; margin-left: 1em;} #promo-bar ul.promo-list {margin: 0; padding: 0; list-style: none; display: inline-block; width: 80%; margin-left: 3em;} /* #promo-bar ul.promo-list > li {} */ #promo-bar ul.promo-list > li > span {display: inline-block; font-size: 1em; color: #000; margin-right: 1em; line-height: 1.6em;} #promo-bar .close-promo-button {position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; color: #000; text-decoration: none; cursor: pointer; height: 1.4em;} #promo-bar .promo-controls {display: inline-block; position: absolute; left: 0; top: 0; bottom: 0;} #promo-bar .promo-controls a {text-decoration: none; color: #000; line-height: 1.7em;} #best-rates-mobile {display: none; background-color: #313031; color: #fff; text-align: center; padding: 1em 0 .2em; } #best-rates-mobile .content-wrapper {max-width: 23.5em; min-width: 20em; display: inline-block;} /* #best-rates-mobile .block.rates {} */ #best-rates-mobile .block.rates > span {display: inline-block; text-transform: uppercase; vertical-align: top; font-size: 0.75em; line-height: 1.25em;} #best-rates-mobile .block.rates > span.currency {font-size: 1.13em; color: #e6ad54;} #best-rates-mobile .block.rates > span.rate {font-size: 2.31em; color: #e6ad54; line-height: .8em;} #best-rates-mobile .block.rates > span.star {font-size: 0.88em; color: #e6ad54;} #best-rates-mobile .block.rates > span.per {width: 3em;} #best-rates-mobile .block.rates > .button {margin-left: 1em; border: none; padding: .4em .8em;} /* #best-rates-mobile .block.best-rates {} */ #best-rates-mobile .block.best-rates > a {text-transform: uppercase; color: #e6ad54; text-decoration: none; font-size: 0.75em;} #best-rates-mobile a {float: left; line-height: 2.1em;} #best-rates-mobile .lead {float: left; margin-right: 1em;} #special-offers {background-color: #fff; font-size: .8em; padding: 2.82em 0em; position: relative;} #special-offers .special-offer-wrapper {display: flex; justify-content: space-evenly; padding-bottom: .5em; text-align: center; margin: auto;} #special-offers .offer {width: 23.13em; display: inline-block; border: solid .1em #373533; position: relative; opacity: 1!important; box-sizing: border-box;} #special-offers .offer img {width: 100%; border-bottom: solid .1em #373533;} #special-offers .offer .lower {text-align: center; color: #000; font-size: 1.25em; padding: 1.25em 1.25em 1.25em; } #special-offers .offer .lower .button {font-size: .8em;} #special-offers .offer .lower h3 {margin: 0; line-height: .9em; color: #000; font-size: 1.88em; text-transform: uppercase;} #special-offers .offer .lower p {margin: 0.7em auto; width: 13.5em; white-space: normal!important; height: 3em; overflow: hidden;} #special-offer-next, #special-offer-prev {color: #fff; position: absolute; margin: auto; top: 0; bottom: 0; text-decoration: none; height: 1em; width: 1em; display: none; font-size: 1.5em;} #special-offer-next {right: 1em;} #special-offer-prev {left: 1em;} .image-block {position: relative;} .image-block .absolute-wrapper {position: absolute; left: 0; top: 0; right: 0;} .image-block .content {position: absolute; background-color: #fff; background-color: rgba(255,255,255,.9); width: 550px; color: #000; right: 0; top: 11.58em; overflow: hidden; padding: 3.75em;} .image-block .content h2 {font-size: 4.25em; margin: 0; text-transform: uppercase; line-height: .95em;} .image-block .content h2 > span {color: #000;} .image-block .content p {font-size: 1.88em; line-height: 1.15em; margin: .5em 0 1em; max-height: 3.4em; overflow: hidden;} .image-block img {width: 100%;} /* .image-block.rotation {} */ .image-block.rotation .slide {width: 100%;} .image-block.rotation .content-wrapper {z-index: 999;} .image-block.rotation .cycle-pager {position: absolute; bottom: 1em; left: 0; right: 0; z-index: 999; text-align: center;} .image-block.rotation .cycle-pager .page {width: 1.6em; height: 1.6em; background-color: rgba(100,100,100,.6); border-radius: 50%; display: inline-block; position: relative; margin: 0 .2em;} .image-block.rotation .cycle-pager .page.cycle-pager-active {background-color: rgba(0,0,0,.6);} .image-block.rotation .cycle-pager .page > span {display: inline-block; width: .75em; height: .75em; background-color: #fff; border-radius: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;} .image-block.rotation .cycle-pager .page:not(.cycle-pager-active):hover > span {background-color: #232323;} #mosaic {position: relative; background: #fff; padding: .63em 0;} .mosaic-wrapper { font-size: 0; text-align: center; overflow: hidden; } .mosaic-wrapper .tile { vertical-align: top; position: relative; display: inline-block; margin-bottom: 0.63em; overflow: hidden; width:32.5%;} .mosaic-wrapper .tile.col-2 {margin-left: 1.25%; margin-right: 1.25%;} .mosaic-wrapper .tile.spacer {overflow: hidden; margin-top: 0; margin-bottom: 0;} .mosaic-wrapper .tile img { width: 100%; } .mosaic-wrapper .tile .tile__image { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; } @keyframes titleFade { from { height: 65px; } to { height: 32px; } } @keyframes titleArrowFade { 0% { height: 30px; opacity: 1; } 100% { height: 0; opacity: 0; display: none; } } @keyframes FadeIn { from { transform: translate(0%, -30px); opacity: 0; } to { transform: translate(0%, 0%); opacity: 1; } } @keyframes hoverUfo { 0% { transform: translatey(3px); } 50% { transform: translatey(-3px); } 100% { transform: translatey(3px); } } * { box-sizing: border-box; } .tile { max-width: 600px; position: relative; display: inline-block; overflow: hidden; } @media screen and (min-width: 1280px) { .tile:hover, .tile:focus, .tile.focus { transition: .75s; } .tile:hover .tile__overlay, .tile:focus .tile__overlay, .tile.focus .tile__overlay { top: 50%; transform: translate(0%, -50%); background: rgba(255, 255, 255, 0.1); } .tile:hover .title, .tile:focus .title, .tile.focus .title { animation: titleFade forwards .5s; } .tile:hover .title:before, .tile:focus .title:before, .tile.focus .title:before { animation: titleArrowFade forwards .25s; } .tile:hover img, .tile:focus img, .tile.focus img { background: #fff; opacity: .1; transition: .25s; } .tile:hover p, .tile:focus p, .tile.focus p { animation: FadeIn forwards .75s .25s; transform: translate(0%, -30px); opacity: 0; } .tile:hover .tile__button, .tile:focus .tile__button, .tile.focus .tile__button { animation: FadeIn forwards .5s .5s; transform: translate(0%, -30px); opacity: 0; } .tile:hover .overlay__close, .tile:focus .overlay__close, .tile.focus .overlay__close { animation: FadeIn forwards .75s .75s; transform: translate(0%, -30px); opacity: 0; } .tile:hover .overlay__close:before, .tile:focus .overlay__close:before, .tile.focus .overlay__close:before { animation: hoverUfo 3s ease-in-out infinite; } } /* END OF MEDIA QUERY */ .tile .tile__overlay { background: rgba(255, 255, 255, 0.9); width: 100%; position: absolute; overflow: hidden; z-index: 1; text-align: center; transition: .75s; top: calc(100% - 90px); transform: translate(0%, 0%); padding: 0 40px; } .tile .tile__overlay .title__wrap { position: relative; height: 90px; } .tile .tile__overlay .title__wrap .title { font-family: 'nobel-regular', sans-serif; font-style: normal; font-weight: 400; font-size: 28px; color: #000; position: absolute; text-align: center; margin: 0; bottom: 10px; width: 100%; } .tile .tile__overlay .title__wrap .title:before { content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/960189/arrow-up.svg"); display: block; width: 30px; margin: 0 auto; } .tile .tile__overlay p { font-family: "franklin-gothic-urw", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; color: #000; margin-bottom: 5%; } .tile .tile__overlay .tile__button { background: #000; font-family: "nobel-light", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #fff; display: inline-block; padding: 14px 20px; margin-bottom: 5%; text-decoration: none; } .tile .tile__overlay .overlay__close:before { content: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/960189/arrow-down.svg"); display: block; width: 30px; margin: 0 auto; } .tile .tile__image { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; } .tile .tile__image img { width: 100%; transition: .25s; } footer {background-color: #fff; padding: 17px 16px 16px; color: #000; font-family: "franklin-gothic-urw", sans-serif;} footer .footer-wrapper {display: table-row;} footer .footer-block {display: table-cell; vertical-align: top;} footer .footer-block.legal {width: 100%; padding: 0 1em;} footer .footer-block.legal ul:not(.social-links) {list-style: none; padding: 0; margin: 0 0 1em;} footer .footer-block.legal ul li {display: inline-block; margin-left: .25em;} footer .footer-block.legal address ul li:after {content:'|'; display: inline-block; margin-left: .4em;} footer .footer-block.legal nav ul li:after {content:'|'; display: inline-block; margin-left: .4em;} footer .footer-block.legal ul li:last-child:after {content:'';} footer .footer-block.legal address ul {font-weight: 600; font-style: normal; font-size: .8em;} footer .footer-block.legal nav ul {font-size: .9em;} /* footer .footer-block.legal nav ul li {} */ footer .footer-block.legal nav.mobile ul {text-align: center;} footer .footer-block.legal nav ul li a {text-transform: uppercase; color: #000; text-decoration: none;} footer .footer-block.legal p {margin: 0 .5em .5em; font-size: .8em;} footer .footer-block.legal .logos {display: none;} footer .footer-block.legal .second-logo {width: 25%; display: none; vertical-align: top;} footer .footer-block.legal .social-links {display: none;} footer .footer-block.logo {border-right: solid .1em #4d4d4d; padding-right: .5em;} footer .footer-block.logo img {width: 5em; height: 6em;} footer .footer-block.links {border-left: solid .1em #4d4d4d; text-align: center;} footer .footer-block.links .logos {width: 18em;} footer .footer-block.links .logos a {display: inline-block;} footer .footer-block.links .logos div {display: inline-block;} footer .footer-block .logos img {width: 8em;} footer .footer-block .social-links {list-style: none; padding: 0; text-align: center;} footer .footer-block .social-links li {display: inline-block; margin: 0 .2em; background-color: #000; border-radius: 0.4em; height: 2em; width: 2em;} footer .footer-block .social-links li a {text-decoration: none;} footer .social-wrap a {color: #fff !important;} footer .footer-block .social-links li a span {font-size: 2.05em; margin-left: -.02em;} footer .footer-block .social-links li a span.wa-icon-facebook2 {color: #415E95;} footer .footer-block .social-links li a span.wa-icon-twitter2 {color: #57A9DB;} footer .footer-block .social-links li a span.wa-icon-instagram {color: #125688;} footer .footer-block .social-links li a span.wa-icon-google-plus2 {color: #C14740;} footer nav.mobile {display: none;} /* .grid {} */ .grid [class*='col-'] { float: left; position: relative; } .col-1-1 { width: 100%; } .col-1-2 { width: 50%; } .col-1-3 { width: 33.33%; } .col-2-3 { width: 66.66%; } .col-2-5 { width: 40%; } .col-3-5 { width: 60%; } .border-top { border-top: solid 1px #999; } .border-bottom { border-bottom: solid 1px #999; } .border-left { border-left: solid 1px #999; } .border-right { border-right: solid 1px #999; } .disney-logo { max-width: 190px; text-align: left;} .disney-logo img { max-width: 190px;} @media screen and (max-width: 550px) { .disney-logo { max-width: 100%; text-align: center; float: none !important; width: 100%; } .disney-logo img { max-width: 190px; padding: 0; } } .social-square { width: 33px; height: 33px; display: inline-block; position: relative; vertical-align: top; font-size: 1.5em; margin-right: 0.3125em; } .social-square:last-child { margin: 0; } .facebook { background-color: #3d5a95; } .twitter { background-color: #61a7da; } .instagram { background-color: #165585; } .google-plus { background-color: #db5147; } .social { min-width:157px; } span.icon-facebook { top: 12px; position: absolute; right: 0; } footer * { box-sizing: border-box; } footer .content-wrapper { padding: 0; } footer { text-align: center; color: #999; font-family: "franklin-gothic-urw", sans-serif ; } footer a { color: #999; text-decoration: none; } footer .footer-navigation { list-style: none; padding: 1em 0; border-top: solid 1px #999; } footer .footer-navigation li {list-style-type: none;font: normal 1em/2.5em 'Nobel-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;letter-spacing: 0.75px;text-transform: uppercase;display: inline-block;margin-right: 57px;} footer .footer-navigation li a{color:#000;text-decoration:none;} footer .footer-navigation li a:hover,footer .footer-navigation li a:focus{color:#424242;text-decoration:none;} footer .footer-address-social {margin: 0 auto;margin-left: -100px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-align: center;-moz-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-moz-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; padding: 7px 10px 19px;} @media screen and (max-width: 550px) { footer .footer-address-social { display: block; margin: 0 auto; } } @media screen and (min-width: 550px) { footer .footer-address-social .col-1-3 { flex: 1; flex-grow: 0; float: none; width: auto; } footer .footer-navigation li{margin-right:20px;} } footer .footer-address-social .col-1-3 { display: block; margin: 0; border: none; border-right: 0;} footer .footer-address-social .col-1-3.social{border-left: 1px solid #000;border-right: 1px solid #000;padding-left: 40px;padding-right: 36px;margin-left: 35px;margin-right: 37px;min-width: 236px;} footer .footer-address-social .address { min-width:450px; text-align: left; } footer .footer-address-social .address .address-wrap { float: right; } footer .footer-address-social .address .address-wrap h2{margin-bottom: 15px;color: #232323;font: normal 1.688em/1em 'Nobel-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;letter-spacing: 3px;} footer .footer-address-social .address .address-wrap p{margin-bottom: 10px;list-style-type: none;display: block;color: #000;font: normal 1.188em/23px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-top:-2px;} footer .footer-address-social .social .social-wrap { float: left; } footer .logos { text-align: center; padding: 23px 20px 7px 20px; } footer .logos .wa-logo, footer .logos .hhonors-logo { min-height: 95px; font-size: 56px; } footer .logos .wa-logo img { max-width: 207px; } footer .logos .wa-logo { text-align: right; margin-right: 26px;} footer .logos .hhonors-logo { text-align: left; margin-left: 26px; margin-top: 12px; } @media screen and (max-width: 550px) { footer .logos .hhonors-logo { text-align: center; margin-left: 0; margin-top: 0; } footer .logos .wa-logo { text-align: center;} footer .logos .col-1-2{width:100%;} } footer .logos .hhonors-logo img { max-width: 190px; } footer .logos .hhonors-logo .border-right { border: none !important; } footer .logos .hhonors-logo a:hover { text-decoration: none; color: #999;} footer .logos .disney-logo img { max-width: 190px; position: absolute; top: 0; left: 0; right: 0; margin: auto; } footer .smallprint { margin:35px 0 0 0; color: #4d4d4d; } footer .smallprint a {text-decoration: none;color: #4D4D4D!important;font: 400 1em/1.789em "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;text-transform: capitalize;} footer .adchoices-copyright a,footer .adchoices-copyright p{text-decoration: none;color: #4D4D4D!important;font: 400 1em/19px "franklin-gothic-urw", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;text-transform: capitalize;} footer .smallprint a:hover ,footer .adchoices-copyright a:hover{text-decoration:underline;} footer .smallprint ul { list-style: none; margin:19px 0 20px; color: #acacac; padding: 0;} footer .smallprint ul li { display: inline-block; padding: 0 10px; } footer .adchoices-copyright {padding: 14px 20px 24px; } footer .adchoices-copyright a { color: #4D4D4D; } footer .adchoices-copyright a:hover { text-decoration: underline; } footer .adchoices-copyright .adchoices { text-align: right;border-right:0; } footer .adchoices-copyright .adchoices a{margin-right:10px;} footer .adchoices-copyright .copyright-year {color: #4D4D4D; text-align: left; padding-left:10px; } footer .adchoices-copyright p { margin: 0;} footer .adchoices-copyright .adchoices p{border-right: 1px solid #acacac;} footer .copyright { font-size: 14px; line-height: 19px; color: #4d4d4d; } footer .copyright ul li { font-size: 16px; line-height: 29px; color: #4d4d4d; } .brand-bar-black-hilton-honors-black:before {color: #7f8181;} .brand-bar-black-hilton-honors-black:hover:before {color: #424242;} footer .adChoices { background: url(../../assets/img/icons/svg/adchoices.svg) right 92% no-repeat; padding-right: 22px!important; background-size: 20px 20px; } /* The Stories Begin Here */ footer .tsbh { text-align: center; margin: 3.125em 0 0 0; } .stories-list { font-size: .8em; border-bottom: 1px solid #6C6868; padding-bottom: 3em; margin: 0; } .stories-list li { display: inline-block; padding: 0 .5em; } .tsbh a { color: #000; text-decoration: none; text-transform: uppercase; line-height: 2; } /* Common Section Styles */ .fancyHeader { color: #FFF; text-transform: uppercase; margin: 0 auto 1em; width: 100%; overflow: hidden; } .fancyHeader .first-line { display: block; position: relative; font: normal 300 .8em/1.2 Lato, inherit; } .fancyHeader .second-line { display: inline-block; padding: 0 18px; position: relative; font: normal 300 .8em/1.2 Lato, inherit; vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; } /* .fancyHeader .second-line:before, */ .fancyHeader .second-line:after, .fancyHeader .second-line:before { content: ''; display: block; width: 1200px; position: absolute; top: .65em; border-top: 1px solid #6C6868; } .fancyHeader .second-line:before { right: 100%; } .fancyHeader .second-line:after { left: 100%; } .copyright { text-align: center; font-size: 0.75em; } /* IE Fixes */ .lt-ie9 #special-offers {text-align: center;} .lt-ie9 body {min-width: 1180px;} .lt-ie9 #nav-bar nav {top: 2.9em;} .lt-ie9 footer .footer-block .social-links li {background: none;} .lt-ie9 .image-block .content {top: 2em;} @-ms-viewport{ width: auto !important; } /* ========================================================================== Plugins ========================================================================== */ /*Calendar calendar*/ #calendarCalendar { font-family: sans-serif; font-size: 13px;box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; position: absolute; left: 0px; top:0px; width:100%; height: 100%;} #calendarCalendar .background { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index:999998;} .calendars { position: fixed; z-index:999999; width: 452px; transition: .2s;} .calendar { box-sizing: content-box; padding: 10px; float: left; width: 200px; color: #fff; background:#232323; border: 4px solid #e6ad54; max-height: 13.3em; overflow: hidden;} #calendarCalendar .range #calendar-start-date { border-right: none; } .calendars:before, .calendars:after, .calendar-table:before, .calendar-table:after { content: ' '; clear: both; display: block; height: 0; } .caldendar-main {color: #fff;} .calendar-caption {color: #e6ad54; font-weight: bold;} .calendar-header { text-align: center; } .calendar-date { font-size: 1.2em; text-transform: uppercase; line-height: 1.5em; color: #fff;} .calendar-title { display: inline-block; width: 80%; } .calendar-arrow { width: 0; height: 0; display: inline-block; border-color: transparent #e6ad54; border-style: solid; margin: 10px 2%; cursor: pointer; } .calendar-arrow.left { border-width: 7px 7px 7px 0; float: left; } .calendar-arrow.right { border-width: 7px 0 7px 7px; float: right; } .calendar-cell { float: left; width: 10.285714286%; padding: 2%; text-align: center; line-height: .9em; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;} .calendar-cell.disabled { color: #c2bdbc; cursor: normal; } .calendar-dates .calendar-cell.active { cursor: pointer; } .calendar-dates .calendar-cell.active.active.selected, .calendar-dates .calendar-cell.active:hover { background: #e6ad54; } .max-month .calendar-arrow.right, .min-month .calendar-arrow.left { display: none; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 1680px) { .image-block .content {top: 5em;} } @media only screen and (max-width: 1480px) { .image-block .content {top: 2.5em; font-size:.8em;} body.home footer .content-wrapper{margin:0 auto;} } @media only screen and (max-width: 1270px) { #nav-bar nav > ul > li > a { font-size: .8em; } } @media only screen and (max-width: 1175px) { #special-offers {padding: 2.82em 0em;} #special-offers .offer {margin: 0 .5em;} #special-offer-next, #special-offer-prev {display: block;} #nav-bar nav { right: 4.8em; } #nav-bar nav > ul > li {margin: 0 .5em;} } @media only screen and (max-width: 1100px) { .mosaic-wrapper .tile {width: 48.5%;} .mosaic-wrapper .tile.col-2 {margin-left: 1.25%; margin-right: 0%;} footer .footer-address-social .address{min-width:330px;} } @media only screen and (max-width: 1050px) { footer .footer-address-social{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 7px 0 19px;} footer .footer-address-social .address{text-align:center;min-width:100%;} footer .footer-address-social .address .address-wrap{float:none;} footer .footer-address-social .col-1-3.social{border-left:0;margin: 0px;} footer{padding:17px 0;} footer .footer-address-social{margin-left:0} } @media only screen and (max-width: 1024px) { body.home .content-wrapper {margin: 0 1em;} body.home footer .content-wrapper{margin:0 auto;} #masthead {margin-top: 0;} #booking-widget {top: 0em; position: relative; width: 100%; background-color: #fff; max-height: 0; overflow: hidden; transition: .5s;} #booking-widget.open {max-height: 20em;} #booking-widget .booking-toggle {display: none;} #booking-widget .lower {text-align: center;} #booking-widget .lower form {background-color: transparent; color: #000; display: inline-block;} #booking-widget .lower form .full-block.best-rates > a {color: #000;} /* #booking-widget {} */ #mobile-nav-button { display: inline-block; /*styles below added to fix mobile bug, 20190902*/ position: absolute; top: 0; right: 0; } #nav-bar {position: relative; height: auto;} #nav-bar .content-wrapper {margin: 0 0em!important; } #nav-bar nav {position: relative; bottom: 0; background-color:#282B2C; max-height: 0em; overflow: hidden; transition: .5s; width: 100%; right: 0;} #nav-bar nav.open {max-height: 45em; border-bottom: solid .1em #595859;} #nav-bar nav > ul {margin: 1em 0; padding: 0;} #nav-bar nav > ul > li {display: block; margin: .4em 0;} #nav-bar nav > ul > li > ul {width: 100%; max-height: 0em!important; position: relative; margin: 0; padding: 0!important; background-color: transparent; } #nav-bar nav > ul > li.open > ul {max-height: 30em!important;} #nav-bar nav > ul > li > ul > li {text-align: left;} #nav-bar nav > ul > li > ul > li > a {text-transform: capitalize; color: #c2bdbc;} #nav-bar nav ul li a {font-size: 0.88em; color: #D7B968; margin: 0 0 0 2.5em; width: 100%; display: inline-block;} /*added the syles below for mobile bugfix, 20190902*/ #nav-bar .menu__wraper{ position: relative; top: -5px; margin-bottom: -5px; } #mobile-nav-lower {display: block;} .menu-item-has-children > a:before {content: ' '; background: url('../images/arrow-down-small.png') no-repeat; width: 1.05em; height: 0.7em; display: inline-block; position: absolute; right: 2.5em; margin-top: .25em;} .menu-item-has-children.open > a:before {background: url('../images/arrow-up-small.png') no-repeat;} #hotel-logo {font-size: .9em; margin: .75em 1.25em;} #promo-bar { position: relative; } /* ADD BACK WHEN LEAD RATES ARE PUT BACK #best-rates-mobile {display: block;} END */ .hidden-on-mobile {display: none!important;} .show-on-mobile {display: block!important;} .image-block {background-color: #fff} .image-block .absolute-wrapper {position: relative;} .image-block .content {position: relative; font-size: 1em; top: 0; background: transparent;} .image-block.rotation .cycle-pager {position: relative;} .calendars {width: 452px; height: 300px;} #calendarCalendar .background {background-color: rgba(0,0,0,.75);} } @media only screen and (max-width: 768px) { #special-offers .offer {margin: 0em;} } @media only screen and (max-width: 850px) { #mosaic {padding: 0.25em 0;} .mosaic-wrapper .tile .overlay:hover .background {display: none;} .mosaic-wrapper .tile .overlay p {display: none;} .mosaic-wrapper .tile .overlay h2 {color: #35322e!important;} .mosaic-wrapper .tile .overlay h2.light {color: #fff!important;} .image-block .content h2 {font-size: 3.5em;} .image-block .content p {font-size: 1.2em;} footer .content-wrapper {border-top:none;} footer .footer-block {display: block;} footer .footer-block.logo {display: none;} footer .footer-block.legal {padding: 0;} footer .footer-block.legal nav.full {display: none;} footer .footer-block.legal .upper {max-width: 25em; margin: auto;} footer .footer-block.legal .upper .social-links {font-size: 1.5em; display: block;} footer .footer-block.legal address {display: inline-block; width: 70%; vertical-align: top;} footer .footer-block.legal address ul li {display: block!important;} footer .footer-block.legal address ul li {font-size: 1.4em;} footer .footer-block.legal address ul li:after {display: none;} footer .footer-block.legal .second-logo {display: inline-block; border-right: solid .1em #4d4d4d; padding-right: .5em;} footer .footer-block.legal p {text-align: center;} footer .footer-block.links .social-links {display: none;} footer .footer-block.legal .logos {display: block; text-align: center; margin: 1em 0;} footer .footer-block.legal .logos a {display: inline-block;} footer .footer-block.legal .logos a + a {padding-left: .5em; margin-left: .5em; border-left: solid .1em #4d4d4d;} .grid [class*='col-'] { position: initial; } footer .logos .disney-logo img { position: initial; } footer .footer-block.links {display: none;} footer nav.mobile {display: block;} } @media only screen and (max-width: 850px) { footer .logos { padding: 30px; } footer .logos .footer-logo:last-child { padding: 0; } footer .logos .hhonors-logo, footer .logos .wa-logo { border: none; } } @media only screen and (max-width: 795px) { footer .footer-address-social .social .social-wrap {float: none;padding-left: 0;width: 100%;text-align: center;padding: 0px;margin: 0px;} } @media only screen and (max-width: 700px) { footer .footer-address-social .address { width: 100%; border: none; } footer .footer-address-social .address .address-wrap { float: none; padding: 0; text-align: center; } footer .footer-address-social .social { width: 100%; margin: 0 auto; } } @media only screen and (max-width: 660px) { #mobile-nav-button > span {font-size: 1em; line-height: .8em;} #best-rates-mobile a.button {padding: .2em 1em;} #best-rates-mobile .content-wrapper {min-width: auto;} #best-rates-mobile .lead {margin-right: 1em;} /* pre-cyber sale #masthead h1 {display: none;} #masthead .text-overlay{ display: none; } */ /*cyber sale*/ #masthead h1 {display: block;} #masthead .text-overlay{ display: block; z-index: 999; } #masthead .text-overlay p { display: block; margin: 2px; } } @media only screen and (max-width: 550px) { #masthead h1 {font-size: 1.2em;} .image-block .content {padding: 3em 0; width: 100%;} footer {padding: 0;} footer .footer-block.legal .upper {max-width: 18em;} footer .footer-block.legal address ul li {font-size: 1em;} footer .footer-block.legal .logos {font-size: .9em;} .mosaic-wrapper .tile {width: 100%;} .mosaic-wrapper .tile.col-2 {margin-left: 0%; margin-right: 0%;} } @media only screen and (max-width: 500px) { #special-offers .offer {width: 240px;} #special-offers .offer .lower {font-size: .8em;} #special-offers .offer .lower h3 {font-size: 1.6em;} #special-offers .offer .lower p {font-size: 1.15em;} #special-offer-next {right: .5em;} #special-offer-prev {left: .5em;} .image-block .content h2 {font-size: 2.5em;} .calendars {width: 200px;} .calendars.range {width: 17.6em; height: 31em;} .calendars .calendar {float: none; border: 4px solid #e6ad54!important;} } @media only screen and (max-width: 400px) { #special-offer-next {right: .25em; font-size: 1.2em;} #special-offer-prev {left: .25em; font-size: 1.2em;} #mobile-nav-lower {font-size: .7em;} #best-rates-mobile .lead {font-size: .92em;} #best-rates-mobile a {font-size: .885em;} } @media only screen and (max-width: 345px) { #booking-widget {font-size: .9em;} } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers: */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Header + Nav + Booking Widget + Language Selector */ .lang-bar { z-index: 210; width: 100%; max-width:1680px; padding:0em 0; position: fixed; height:0px; overflow: hidden; background-color: #fff; border: 1px solid #000;/*transition:height .2s ease-in-out, padding .2s ease-in-out;*/} .lang-bar.active { padding:.7em 3em; } .lang-bar .menu ul /*.container*/ { /*max-height: 10px;*/max-width: 960px; height: auto; margin: 0 auto; position: relative; text-align: right; color:#fff; font-family: "nobel-regular", sans-serif; font-size: .8em; } .lang-bar ul.menu a{display: inline-block; } .lang-bar ul.menu ,.lang-bar ul.menu li{display: inline-block;} #menu-language-menu{margin-bottom:auto; float:right; text-align:center;width: 100%;} #menu-language-menu a { color: #000; text-decoration: none; text-transform: uppercase; padding:0 .8em; display: inline-block;} #menu-language-menu a:hover { color: #bf9958; } @media only screen and (max-width:768px){ #menu-language-menu{ margin-left:0; margin-right:0; padding-left:0; padding-right: 0; } .lang-bar.active{ padding: 0; } } header.lang-active { top: 68px; } .lang-bar{ line-height: 1.1; padding: .7em 3em; } .desktop-nav-upper span.wa-icon-arrow-up, .desktop-nav-upper span.wa-icon-arrow-down{ font-size: 6.4px; } .language-name:after{ content:''; } footer li.adChoices { background: url(/wp-content/themes/wabco2/icons/adchoiceslogo.png) right 45% no-repeat; padding-right: 10px!important; } @media only screen and (min-width: 1025px){ #mobile_language_bar{ display: none; /*hide on desktop*/ } } @media only screen and (max-width: 1024px){ #mobile_language_bar{ width:100%; height:55px; background:#fff; display: block; padding:0; margin:0; clear: both; color:#000; overflow:hidden; } #mobile_language_bar a { color: #000; text-decoration: none; text-transform: uppercase; padding: 0 .8em; display: inline-block; } #mobile_language_bar a:hover { color: #bf9958; } #mobile_language_bar ul{ height:55px; list-style: none; font-size:1.6em; display:inline-block; margin-top:8px; font-weight:lighter; font-family: 'nobel-regular', sans-serif; padding-left:20px; } #mobile_language_bar ul li{ height:55px; } } .main-nav ul li a { font-family: "nobel-regular", sans-serif; } @media only screen and (min-width: 1020px) and (max-width: 1050px){ #hotel-logo{ margin-left: -1.5em!important; left:0px!important; } } @media only screen and (max-width: 378px){ #hotel-logo{ width: 13em!important; margin-left:0px; margin-right:0px; } } /*FOOTER*/ /*live unforgettable*/ .lu-flex-wrapper * { box-sizing: border-box; } .lu-flex-wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:100%; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .lu-locations-wrapper, .lu-logo-wrapper{ padding: 0 18px 0 30px; } .lu-locations-wrapper{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -moz-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .lu-footer-locations{ list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin:0; padding:0; position: relative; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lu-footer-locations:after{ display: block; background-color:#999999; content: ' '; width: 1px ; height: 60px; transform: rotate(-25deg) translate(6px, 0px); } .lu-location{ list-style-type: none; display: inline-block; vertical-align: middle; font: normal 0.750em/1.143em 'Nobel-Regular', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; text-transform: uppercase; margin-right: 36px; letter-spacing: 0.1em; } .lu-logo{ width:333px; height:42px; margin-top: 6px; } .footer-section { border-top: 1px solid #999; border-bottom: 1px solid #999; padding-top: 40px; margin-top: 15px; margin: 15px auto 0 auto; max-width: 1180px; } .footer-section.live-unforgettable{padding-top:41px;padding-bottom: 14px;} footer .logos { max-width: 1180px !important; margin: 0 auto !important;} .footer .border-right { border-color: #999; } @media only screen and (max-width: 830px){ .lu-footer-locations:after{ display: none;} .lu-logo{margin: 1em 0;} } @media only screen and (max-width: 700px){ .lu-logo{width:220px;height:28px;} .lu-footer-locations{-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} footer .footer-navigation li { width: 100%; } } .offers-heading { margin: 2rem 0; line-height: .9em; color: #000; font-size: 1.88em; text-transform: uppercase; text-align: center; margin-top: 2rem; } body, html { overflow-x: hidden; } @media screen and (max-width: 500px) { .mosaic-wrapper .tile img { height: 435px; object-fit: cover; } /* I.E fix */ .mosaic-wrapper .tile { height: 435px !important; position: relative !important; overflow: hidden !important; margin-bottom: 16px !important; } .mosaic-wrapper .tile img { height: 435px !important; width: 90vw; } .mosaic-wrapper .tile img:first-child { width: 141vw; } .mosaic-wrapper .tile img:last-child { width: 141vw; } #masthead-images { padding-bottom: 100px; } #masthead #masthead-images .slide img { top: -45px; position: relative; } .text-overlay { height: 138px; bottom: -100px !important; } #mobile-nav-lower a, #mobile-nav-lower { display: flex !important; align-items: center !important; justify-content: center !important; } #mobile-nav-lower { overflow: hidden !important; height: 4em; border-bottom: solid .2em #ffffff; } #mobile-nav-lower a { line-height: initial !important; } #mobile-nav-lower a + a { border-left: solid .2em #ffffff; border-right: solid .2em #ffffff; } body.home .content-wrapper { margin: 0 1.875em; } } @media screen and (max-width: 768px) { #special-offers .special-offer-wrapper, #special-offers .special-offer-wrapper .offer { width: calc(100vw - 30px) !important; } #special-offers .special-offer-wrapper .offer .lower { background:#eff0f1; padding: 2rem 0; } #special-offers .special-offer-wrapper .offer, #special-offers .special-offer-wrapper .offer * { border: 0 !important; } #special-offers #special-offer-prev { left: 15px; } #special-offers #special-offer-next { right: 15px; } #special-offers .special-offer-wrapper .offer .lower p { font-size: 1.6em; width: 14.5em; } #special-offers .special-offer-wrapper .offer .lower h3 { font-size: 2.1em; } #special-offers .special-offer-wrapper .offer .button { font-size: 1.8em; } .image-block img { display: block; } #special-offers { padding-bottom: 0; } .content { padding-top: 0 !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { #special-offers #special-offer-prev { left: 37px; top: 212px; } #special-offers #special-offer-next { right: 37px; top: 212px; } #special-offers .special-offer-wrapper .offer .lower p { font-size: 1em; width: 8.5em; } #special-offers .special-offer-wrapper .offer .lower h3 { font-size: 1.5em; } #special-offers .special-offer-wrapper .offer .button { font-size: 1em; } } @media screen and (min-width: 769px) and (max-width: 1024px) { #special-offers #special-offer-prev { top: 0px; } #special-offers #special-offer-next { top: 0px; } } @media screen and (min-width: 769px) and (max-width: 1180px) { #special-offers .special-offer-wrapper { overflow-y: visible; } #special-offers .special-offer-wrapper .offer .lower h3 { white-space: initial; font-size: 1.38em; line-height: 1.2; } #special-offers .special-offer-wrapper .offer { position: relative !important; top: -26px !important; } } @media screen and (max-width: 1174px) { #special-offers a[href="#"]{ background: #C09952 !important; padding: 1rem; display: flex; justify-content: center; align-items: center; } #special-offers span[class^="wa-icon-arrow"] { font-size: 20px; } } #special-offers { padding-top: 0; } @media screen and (max-width: 1024px) { div.center-text { text-align: center !important; } .content { margin: 0 auto; } .tile .tile__overlay { background: rgba(255, 255, 255, 0.9) !important; width: calc(100% - 30px) !important; left: 15px !important; bottom: 15px !important; height: 90px; top: initial; } .tile:hover .overlay__close{ display: block; } .tile.is-active .tile__overlay { height: calc(100% - 30px); } .tile.is-active .title::before { display: none !important; } .tile .overlay__close { position: absolute; left: calc(50% - 15px); bottom: 16px; } .hideArrow { display: none !important; } .title { text-transform: uppercase; } } .overlay__close:hover, .overlay__close:active, .overlay__close:focus { cursor: pointer; } .tileCollapsed { height: 90px; } /* New Header / Navigation Updates */ #nav-bar .content-wrapper { max-width: 100%; padding: 0 15px; } #nav-bar nav, #desktop-nav-upper { right: 15px; } .hotelLogo { width: 11em; height: auto; position: relative; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; width: 450px; display: inline-block; } #nav-bar nav { bottom: 2.2em; } .hotelLogo a.brand { text-decoration: none; color: #000000; } .icon-arrow_right_black { margin: 0 11px 0 0; -webkit-transition: margin 500ms; -o-transition: margin 500ms; transition: margin 500ms; display: inline-block; width: auto; position: relative; top: -8px; } .hotelLogo a.brand::before { content: "\e902"; font-family: 'icomoon'; font-size: 1.925rem; color: #000; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; max-width: 0; overflow: hidden; -webkit-transition: max-width .2s linear; -o-transition: max-width .2s linear; transition: max-width .2s linear; } .hotelLogo a.brand:hover:before { max-width: 20em; } .hotelLogo a.brand:hover .icon-arrow_right_black { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: margin 300ms; -o-transition: margin 300ms; transition: margin 300ms; margin: 0 11px; } .hotelLogo a.hotel__logo:after { content: "\e903"; font-family: 'icomoon'; font-size: 1.925rem; color: #000; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin-left: 3px; } nav.main-nav ul#menu-top-nav.menu li:last-child ul.sub-menu { right: 0; } /* Overwrite Other Tempalates causing header issues */ .links li.language-name a { margin-right: 0!important; } .hotelLogo a.hotel__logo { text-decoration: none; } .hotelLogo a.brand { text-decoration: none; } .hotelLogo__wrapper { width: 235px; overflow: hidden; height: 90px; display: flex; justify-content: center; flex-direction: column; } @media only screen and (min-width: 1760px) { #menu-top-nav li:last-child .sub-menu { right: 0px; } #nav-bar nav ul li a { font-size: 14px; } } @media only screen and (max-width: 1400px) { #nav-bar nav > ul > li { margin-left: 0.7em; margin-right: 0.7em; } } @media only screen and (max-width: 1200px) and (min-width: 1024px) { #nav-bar nav > ul > li { margin-left: .3em; margin-right: .3em; padding: 0 0.9em 0 0.2em; } } @media only screen and (max-width: 1060px) { #nav-bar nav > ul > li { margin-left: .3em; margin-right: .3em; padding: 0 0.9em 0 0.2em; } } @media only screen and (max-width: 1024px) { .hotelLogo { height: 80px;/*was 85px*/ margin: 0 25px; } .hotelLogo a.brand { display: none; } section#nav-bar { padding: 0; } #nav-bar nav, #desktop-nav-upper { right: 0; } #nav-bar .content-wrapper { padding: 0; } #nav-bar nav { bottom: 0; } .hotelLogo { position: absolute; } #nav-bar nav > ul > li:first-child { margin-left: .4em; } #nav-bar nav > ul > li { margin-left: .4em; margin-right: .4em; } } @media only screen and (max-width: 768px) { .hotelLogo { width: auto; } .hotelLogo a.hotel__logo:after { font-size: 1.625rem; } }