@font-face { font-family: "fontawesome"; font-style: normal; font-weight: normal; src: url("../fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome.svg#fontawesome") format("svg"), url("../fonts/fontawesome.woff") format("woff"), url("../fonts/fontawesome.ttf") format("truetype"); } * { box-sizing: border-box; } body, html { font-size: 100%; margin: 0; padding: 0; height: 100% } body { color: #212121; font-family: "Roboto",sans-serif; font-size: 0.8em; } p { font-family: "Roboto",sans-serif; color: #999; } .p1 { font-size: 1.15em !important; line-height: 1.6em; color: #777; text-align:center } .p1 span.dropcap { background-color: #D2AB66; float: left; font-size: 23px; height: 37px; line-height: 37px; margin: 2px 8px 0 0; text-align: center; width: 37px; color: #511A19 } a { color: #511A19; font-family: "Roboto",sans-serif; text-decoration: none; } a:hover { text-decoration: underline; } a.logo { color: #511a19; font-family: "Open Sans",sans-serif; font-size: 26px; font-weight: bold; text-shadow: 0 0 10px #fff;} a.logo:hover { text-decoration:none; } a.logo img { margin: 0 auto 10px; width: 79px; height: 79px } span.gh { display: block; font-size: 20px; text-transform: uppercase; } .clear { clear: both; } h1 { color: #511a19; font-family: "Open Sans",sans-serif; font-weight: bold; margin: 10px 0; text-align: center; line-height: 1.2em; font-size: 22px; } .wrap h1 { border-bottom: 1px dashed #C6A7A7; padding: 0 0 20px; } h2 { color: #511a19; font-size: 22px; text-align: center; text-shadow: 0 0 10px #fff; line-height: 1.2em } header h2 { margin: 10px 0 20px; color: #333; display: block; font-family: "Open Sans",sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin-top: 10px; padding: 0 10px; text-transform: uppercase; line-height: 1.2em } h3 { text-align:center } h3 a { color: #555; padding: 10px; border-radius: 10px; background: #FFF; display: inline; width: 50%; } h3 a:hover { text-decoration: none; color: #333; padding: 10px; border-radius: 10px; background: #eee } h3.question { text-align: left } h3.answer { text-align: left; color: #666; font-weight:normal } header { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); display: block; float: left; margin: 0; max-width: 400px; padding: 40px 0 0; text-align: center; width: 16%; position:fixed; top: 0; left: 0; min-width: 285px; z-index:9; } header img { box-shadow: 0 0 20px 0 rgba(255, 255, 255, 1); display: block; margin: auto; } /*NAVIGATION*/ nav { margin: 0 auto; width: 100%; } #menu { background: rgba(238,238,238,0.5); margin: auto; max-width: 610px; padding: 0; width: 100%; } #menu li { list-style: outside none none; } #menu li:last-child { margin-right: 0; } .current { background: #636238; color: #333; } #menu li a { color: #777; display: block; font-size: 13px; padding: 8px 0; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } #menu li a:hover{ background: rgba(255,255,255,0.3); color: #511A19 !important; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } .current { background: rgba(255,255,255,1); color: #511A19 !important; } .current:hover { background: rgba(255,255,255,1) !important; color: #511A19 !important; } #menu li ul { display: none; width: 12em; } #menu li p { color: #ffffff; font-family: Arial,Helvetica,sans-serif; margin: 0; padding: 15px; } #menu li:hover ul { display: block; margin: 2px 0 0; padding: 0; position: absolute; z-index: 99999; } #menu li:hover li { border-bottom: 0 none; border-left: 0 none; border-right: 0 none; float: none; margin: 0; } #menu li:hover li a { background-color: #141414; border-bottom: 2px solid #660000; border-left: 0 none; border-right: 0 none; color: #fff; font-size: 17px; font-weight: 300; padding: 8px 18px; text-align: left; width: 100%; } #menu li li a:hover { background-color: #340808; background-position: right center; background-repeat: no-repeat; color: #fff; } .navbar-fixed { position: fixed; top: 0; width: 100%; z-index: 999999; } .scroll-height { box-shadow: 0 0 5px 0 rgba(99, 98, 56, 1); height: 58px !important; } /*BG SLIDESHOW*/ .main { padding: 0 1.875em 3.125em; } .icon-drop::before, .icon-arrow-left::before { color: #47a3da; font-family: "fontawesome"; font-style: normal; font-weight: normal; height: 100%; line-height: 2; padding-left: 8px; position: absolute; text-align: center; text-indent: 8000px; top: 0; width: 100%; } .container > header nav a:hover::before { color: #fff; } .icon-drop::before { content: ""; } .icon-arrow-left::before { content: "ï "; } /*REVIEWS*/ .review { padding: 5px 0 0} .reviewer-flag { margin: 0 0 0 5px !important; width: 16px !important; display: inline !important } cite span { font-size: 1.3em; display:block; color: #511A19 } blockquote { border-left: 1px solid #777 !important; margin: 0 0 24px; padding-left: 24px; padding-right: 24px; position: relative; } blockquote p {font-family: Georgia, "Times New Roman", Times, serif !important; line-height: 1.6em !important; color: #777 !important; font-style: italic !important; font-size: 1.1em} blockquote::before, blockquote::after { content: ""; } blockquote::before { border-left: 1px solid #777 !important; height: 100%; left: 1px; position: absolute; top: 0; } blockquote cite { display: block; position: relative; text-indent: 40px; } blockquote cite::before { content: '"'; font: 94px/74px Arial; left: -36px; position: absolute; top: -2px; color: #511A19; } blockquote cite a, blockquote cite a:visited { color: #777; } /*CONTENT*/ section { float: right; width: 28%; } .wrap { display: block; margin: auto; width: 100%; } section.content { background-color: #FFF; /*background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAFUlEQVQImWNgQALPnj37TyqHgYEBAPXFDsUrdWQeAAAAAElFTkSuQmCC);*/ background-repeat: repeat; padding: 13px 10px 6%; min-height:100%; overflow:hidden; } section.content img:hover { opacity: 0.8 } section.content iframe:hover { opacity: 0.8 } .copy { line-height: 1.5em; width: 90%; display: block; margin:auto } .copy img { display: block; margin: 0 auto 10px; max-width: 100%; } .center-text { text-align: center } section.map { background: #eee none repeat scroll 0 0; padding: 30px 0; width: 100%; } .contact-details { list-style:none; text-align:center; padding: 0; line-height: 1.8em; font-size: 15px } .contact-details a { color: #511A19; text-decoration:none } .contact-details a:hover { color: #511A19; text-decoration:underline } .email { background: url(../img/icons/contact.png) no-repeat 0 4px; padding-left: 30px } .cell { background: url(../img/icons/contact.png) no-repeat 0 -16px; padding-left: 30px } .phone { background: url(../img/icons/contact.png) no-repeat 0 -36px; padding-left: 30px } #book-online { margin: auto; display:table; text-align: center; background: #511A19; color: #FFF } .break { border-top: 1px dashed #dedede; margin-top: 40px } .thanks { text-align: center; } .message-sent { width: 30px !important } .sitemap { margin: 0 0 0 -40px; text-align: center; } .breadcrumbs { bottom: 9%; left: 1%; position:absolute; padding: 5px } .thumbnail { max-width: 340px; display: block; margin:0 auto 20px } /*MAP*/ .iframeWrapper { height: 220px; padding-top: 25px; position: relative; } .iframeWrapper iframe { border: 0 none; height: 120px; left: 0; position: absolute; top: 0; width: 100%; } .map-overlay { background: rgba(81, 26, 25, 0.2) none repeat scroll 0 0; cursor: crosshair; height: 220px; overflow: hidden; position: relative; width: 100%; z-index: 10; } .activate-map { border: none; position: relative; width: 140px; height: 35px; top: 70%; background: #FFF; color: #511A19; left: 50%; margin-left: -70px; display:none; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; } .map-overlay:hover .activate-map { display: block } .activate-map:hover { background: #511A19; color: #FFF; cursor: pointer; } .map-overlay-remove { background: none; visibility:hidden} #map-canvas {width: 100%; box-sizing: border-box; height: 220px; margin-top: -220px } #panel { position: absolute; top: 5px; left: 50%; margin-left: -180px; z-index: 5; background-color: #fff; padding: 5px; border: 1px solid #999; display: none; } /*FOOTER*/ footer { background: #E8E7E4; bottom: 0; height: 60px; padding: 10px 0; position: fixed; text-align: center; width: 100%; z-index: 110; box-sizing:border-box } footer a { color: #212121; } footer a:hover { color: #212121; text-decoration:underline } .total-reviews { display: none !important } #TA_socialButtonBubbles317 { float: left; margin: 7px 20px 0; z-index: 999 } #bcom-container { display: block; float: left; margin: 4px auto 0; width: 135px; } .connect { text-align: left; float: right; padding-right: 6% } .connect a { display: block; float: left; margin-right: 5px; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} .nightsbridge { padding:7px 10px; color: #511A19; background: #FFF; border: 2px solid #511A19; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; text-transform:uppercase } .nightsbridge:hover { padding:7px 10px; background: #511A19; color: #FFF; text-decoration:none; -webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px; } .facebook, .googleplus, .twitter { background-image: url(../img/icons/social-sprite.jpg); width: 35px; height: 35px; } .facebook { background-position: 0 70px } .googleplus { background-position: 70px 70px } .twitter { background-position: 35px 70px } .facebook:hover { background-position: 0 35px } .googleplus:hover { background-position: 70px 35px } .twitter:hover { background-position: 35px 35px } .copyright-content { text-align: left; float: left; padding: 10px 20px; font-size: 11px } /*GALLERY*/ .img-gallery-thumbs { display: block; float: right; width: 100%; padding: 0; list-style-type:none} .img-gallery-thumbs li { display: inline-block; padding: 10px 10px 0 0 } .img-gallery-thumbs li > a { float: left; padding: 0 2% 0 0!important; line-height:normal!important;} .img-gallery-thumbs li > a:last-of-type { padding: 0 0 0 0!important;} /*EXPAND CONTENT*/ .content { position: relative; -webkit-transition:width 300ms ease-in-out; -moz-transition:width 300ms ease-in-out; -o-transition:width 300ms ease-in-out; transition:width 300ms ease-in-out; } .expanded-reading-area { width: 50% !important; } .move-controls { right: 50% !important } .cbp-bicontrols { -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;} .centre-caption { left: 25% !important } .caption { -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;} .blog-img-float { float: left !important; max-width: 400px !important; margin: 0 20px 20px 0 !important } .copy img { -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;} .expand {background: #FFF; position:fixed; top: 0; right: 28%; height: 40px; width: 22px; padding: 5px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .expand-arrow { background: url(/img/icons/expand.png) no-repeat center center; height: 30px; width: 22px; position: inherit } .expand-move { right: 50% } .expand { -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;} .expand-arrow-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg); } /*LIGHTBOX*/ /* Preload images */ body:after { content: url(../img/icons/close.png) url(../img/icons/loading.gif) url(../img/icons/prev.png) url(../img/icons/next.png); display: none; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; font-family:Arial, Helvetica, sans-serif; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-container { padding: 4px; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../img/icons/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../img/icons/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../img/icons/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../img/icons/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*ACCORDION*/ .ac-container{ margin: 0 auto; text-align: left; padding: 10px 0 90px; background: #FFF; } .ac-container label{ padding: 5px 20px; position: relative; z-index: 20; display: block; cursor: pointer; background:#511A19 ; color: #FFF; line-height: 23px; font-size: 14px; margin: 5px 0; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } .ac-container input:checked + label, .ac-container input:checked + label:hover{ background:#511A19 ; color: #FFF; box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1); } .ac-container label:hover:after, .ac-container input:checked + label:hover:after{ content: ''; position: absolute; width: 24px; height: 24px; right: 13px; top: 7px; background: transparent url(../images/arrow_down.png) no-repeat center center; } .ac-container input:checked + label:hover:after{ background-image: url(../images/arrow_up.png); } .ac-container input{ display: none; } .ac-container article{ background: rgba(255, 255, 255, 0.5); color: #777; margin-top: -1px; overflow: hidden; height: 0px; position: relative; z-index: 10; -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear; transition: height 0.3s ease-in-out, box-shadow 0.6s linear; } .ac-container article p{ color: #777; line-height: 23px; font-size: 13px; padding: 0 10px; text-shadow: 1px 1px 1px rgba(255,255,255,0.8); } .ac-container input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; height: inherit !important; } .ac-container article a { color: #333; font-weight:bold } .ac-container article a:hover { text-decoration: underline } .ac-container input:checked ~ article.ac-xsmall{ height: 80px; } .ac-container input:checked ~ article.ac-small{ height: 140px; } .ac-container input:checked ~ article.ac-medium{ height: 180px; } .ac-container input:checked ~ article.ac-large{ height: 230px; } .ac-container input:checked ~ article.ac-xlarge{ height: 280px; } .ac-container input:checked ~ article.ac-xxlarge{ height: 330px; } .ac-container input:checked ~ article.ac-xxxlarge{ height: 600px; } .home { display: none } /*MOBILE*/ @media only screen and (max-width: 1000px) { section.content, section.ac-container { width: 48% !important } .expand { display: none; visibility: hidden } .cbp-bislideshow { width: 52% !important } .cbp-bicontrols { left: 10px !important; margin: 0 !important } .cbp-bicontrols span.cbp-binext { float: left !important } .cbp-bislideshow p, #TA_socialButtonBubbles317, #bcom-container { display: none; } } @media only screen and (max-width: 880px) { footer { height: 100px; text-align:center; } .connect { width: 240px; margin: auto !important; display: block !important; float: none; padding-right: 0;} .copyright-content { text-align:center; margin: auto !important; display: block !important; width: 100% } section.content, section.ac-container { padding-bottom: 110px !important } .ac-container input:checked ~ article.ac-xsmall { height: inherit } .ac-container input:checked ~ article.ac-small { height: inherit } .ac-container input:checked ~ article.ac-medium { height: inherit } .ac-container input:checked ~ article.ac-large { height: inherit } .ac-container input:checked ~ article.ac-xlarge { height: inherit } .ac-container input:checked ~ article.ac-xxlarge { height: inherit } .ac-container input:checked ~ article.ac-xxxlarge { height: inherit } } @media only screen and (max-width: 700px) { section.content, section.ac-container { width: 100% !important; float:none !important; margin-top:370px; padding-bottom: 20px !important} footer { position:relative} header { max-width: 100%; position: relative !important; float: none !important; width: 100% !important; min-height:270px } #menu { width: 100% !important; max-width: 100% !important } .navigation { position: absolute !important; top: auto } .cbp-bislideshow { width: 100% !important } .cbp-bicontrols { display: none !important } }