/* Theme Name: WhitePorchInn Theme URI: http://www.lacaze-carnier.com Description: Author: Eric Lacaze Author URI: http://www.lacaze-carnier.com */ @charset "utf-8"; @font-face { font-family: 'wpiregular'; src: url('fonts/wpi-wpi.eot'); src: url('fonts/wpi-wpi.eot?#iefix') format('embedded-opentype'), url('fonts/wpi-wpi.woff2') format('woff2'), url('fonts/wpi-wpi.woff') format('woff'), url('fonts/wpi-wpi.ttf') format('truetype'), url('fonts/wpi-wpi.svg#wpiregular') format('svg'); font-weight: normal; font-style: normal; } /* CORE font-family:'SackersGothicW01-Light'; font-family:'SackersGothicW01-Medium'; font-family:'SackersGothicW01-Heavy'; --------------------------------------------------- */ * { margin: 0px; padding: 0px; outline: none; font-family: Verdana, Helvetica, Arial, Sans-Serif; /* -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: translate3d(0,0,0); -moz-transition: translate3d(0,0,0); -ms-transition: translate3d(0,0,0); */ } body { background-color: #ebd394; color: #000000; background-image: url('images/lnc-background.jpg'); background-repeat: repeat-x; background-size: auto 100%; background-attachment: fixed; } img { border: 0px; } .clear { clear: both; width: 0px; height: 0px; overflow: hidden; } #lnc-wrapper { position: relative; min-width: 100%; height: auto; } .lnc-center { position: relative; max-width: 930px; width: 100%; margin: 0px auto; } #lnc-rotate { display: none; } /* HEAD --------------------------------------------------- */ #lnc-head { position: fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: 2000; } /* MENU --------------------------------------------------- */ #lnc-menu { position: absolute; top: 0px; left: 0px; width: 100%; height: 101px; z-index: 200; -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); } #wpi-logo { position: relative; display: block; top: -10px; width: 250px; height: auto; z-index: 100; margin: 0px auto; } #wpi-logo img { width: 100%; height: auto; } #lnc-menu-button-mobile { position: absolute; top: 40px; right: 30px; width: 35px; height: auto; z-index: 300; display: none; } #lnc-menu-button-mobile div { position: absolute; top: 0px; right: 50px; width: auto; height: auto; font-family:'SackersGothicW01-Heavy'; color: #066f68; text-decoration: none; letter-spacing: 1px; font-size: 30px; line-height: 20px; } #lnc-menu-button-mobile span { display: block; height: 5px; border-top: 4px #066f68 solid; font-size: 0px; line-height: 0px; width: 100%; } #lnc-menu-button-mobile:hover div { color: #1b3432; } #lnc-menu-button-mobile:hover span { border-top: 4px #1b3432 solid; } #lnc-menu #lnc-menu-main { position: absolute; top: 0px; left: 0px; width: 100%; height: 101px; z-index: 200; background-color: rgba(255,255,255,0.98); } #lnc-menu #lnc-menu-main ul { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; height: 101px; list-style: none outside none; text-align: center; z-index: 200; } #lnc-menu #lnc-menu-main ul li { position: relative; display: inline-block; width: auto; height: 101px; padding-right: 15px; padding-left: 15px; background-image: url('images/lnc-menu-arrow.png'); background-repeat: no-repeat; background-position: right 77px; } #lnc-menu #lnc-menu-main ul li:first-child { background-image: none; } #lnc-menu #lnc-menu-main ul li a { position: relative; width: auto; height: 101px; display: block; font-family:'SackersGothicW01-Heavy'; color: #066f68; text-decoration: none; letter-spacing: 0px; font-size: 16px; line-height: 20px; height: 20px; padding: 70px 15px 11px 5px; } #lnc-menu #lnc-menu-main ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu #lnc-menu-sub { position: absolute; top: 102px; left: 0px; width: 100%; height: auto; z-index: 100; } #lnc-menu .lnc-menu-sub { position: absolute; top: 1px; left: 0px; width: 100%; z-index: 100; display: none; background-color: rgba(255,255,255,0.98); -webkit-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.42); } #lnc-menu .lnc-height0 { height: 156px; } #lnc-menu .lnc-height1 { height: 156px; } #lnc-menu .lnc-height2 { height: 156px; } #lnc-menu .lnc-height3 { height: 156px; } #lnc-menu .lnc-height4 { height: 156px; } #lnc-menu .lnc-height5 { height: 190px; } #lnc-menu .lnc-height6 { height: 224px; } #lnc-menu .lnc-height7 { height: 258px; } #lnc-menu-sub-1 { background-repeat: no-repeat; background-position: right center; } #lnc-menu-sub-1 .lnc-menu-sub-col-1 { position: relative; display: block; float: right; width: 39%; height: 100%; } #lnc-menu-sub-1 .lnc-menu-sub-col-1 p { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; padding: 0 0 0 50px; color: #70706f; font-size: 13px; line-height: 20px; } #lnc-menu-sub-1 .lnc-menu-sub-col-1 p b { font-family:'SackersGothicW01-Medium'; } #lnc-menu-sub-1 .lnc-menu-sub-col-1 p a { color: #70706f; text-decoration: none; } #lnc-menu-sub-1 .lnc-menu-sub-col-1 p a:before { content: '» '; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 { position: relative; display: block; float: left; width: 26%; height: 100%; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 0 0 30px; list-style: none outside none; margin: 0 0 0 34px; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li { display: block; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li a:before { content: "» "; } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 { position: relative; display: block; float: left; width: 35%; height: 100%; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 0 0 30px; list-style: none outside none; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li { display: block; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li a:before { content: "» "; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-2 { background-repeat: no-repeat; background-position: right center; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 { position: relative; display: block; float: right; width: 30%; height: 100%; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 0 0 30px; list-style: none outside none; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li { display: block; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; white-space: nowrap; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li a:before { content: "» "; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 { position: relative; display: block; float: right; width: 34%; height: 100%; margin: 0 0 0 34px; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 30px 0 30px; list-style: none outside none; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li { display: block; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; white-space: nowrap; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li a:before { content: "» "; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-2 .lnc-menu-sub-col-3 { position: relative; display: block; float: left; width: auto; height: 100%; } #lnc-menu-sub-4 { background-repeat: no-repeat; background-position: right center; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 { position: relative; display: block; float: right; width: 30%; height: 100%; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 0 0 30px; list-style: none outside none; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li { display: block; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; white-space: nowrap; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li a:before { content: "» "; } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-4 .lnc-menu-sub-col-1 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 { position: relative; display: block; float: right; width: 34%; height: 100%; margin: 0 0 0 34px; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 30px 0 30px; list-style: none outside none; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li { display: block; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; white-space: nowrap; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li a:before { content: "» "; } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-4 .lnc-menu-sub-col-2 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-sub-4 .lnc-menu-sub-col-3 { position: relative; display: block; float: left; width: auto; height: 100%; } #lnc-menu-sub-3 { background-repeat: no-repeat; background-position: left center; } #lnc-menu-sub-3 .lnc-menu-sub-col-1 { position: relative; display: block; float: right; width: 35%; height: 100%; } #lnc-menu-sub-3 .lnc-menu-sub-col-1 blockquote { position: relative; display: block; padding: 30px 30px 0px 30px; } #lnc-menu-sub-3 .lnc-menu-sub-col-1 p { display: block; width: 100%; height: auto; color: #000000; font-size: 10px; line-height: 16px; padding: 0 0 0 0; } #lnc-menu-sub-3 .lnc-menu-sub-col-1 p a { color: #000000; text-decoration: none; font-style: italic; font-weight: bold; font-family: Georgia, Times, Serif; } #lnc-menu-sub-3 .lnc-menu-sub-col-1 p a:hover { text-decoration: underline; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 { position: relative; display: block; float: right; width: 35%; height: 100%; margin: 0 31px 0 0; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul { position: absolute; top: 29px; bottom: 0px; left: 0px; display: block; height: auto; border-left: 1px #a3a3a3 solid; padding: 0 0 0 30px; list-style: none outside none; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li { display: block; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li * { font-family: Georgia, Times, Serif; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li a { display: block; width: 100%; height: auto; color: #066f68; font-size: 20px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 0; text-transform: uppercase; text-decoration: none; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li a:before { content: "» "; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li a:hover { color: #1b3432; /*#2a524f*/ } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li a:hover span { border-bottom: 1px #1b3432 solid; } #lnc-menu-mobile { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 100%; background-color: rgba(255,255,255,0.9); z-index: 1990; overflow: hidden; display: none; } #lnc-menu-mobile .lnc-menu-scroll { position: absolute; width: 100%; top: 150px; bottom: 50px; height: auto; } #lnc-menu-mobile ul { display: block; list-style: none outside none; padding: 0 50px 0 50px; } #lnc-menu-mobile ul li { display: block; width: 100%; border-bottom: 1px #066f68 solid; } #lnc-menu-mobile ul li a { color: #066f68; text-decoration: none; display: block; font-family:'SackersGothicW01-Medium'; font-size: 35px; line-height: 75px; text-transform: uppercase; } #lnc-menu-mobile ul li a span { position: relative; top: -2px; float: right; } #lnc-menu-mobile ul li a span.closed { display: block; } #lnc-menu-mobile ul li a span.open { display: none; } #lnc-menu-mobile ul li a.open span.closed { display: none; } #lnc-menu-mobile ul li a.open span.open { display: block; } #lnc-menu-mobile ul li a:hover { color: #1b3432; } #lnc-menu-mobile ul li ul { display: none; padding: 10px 0 10px 0; } #lnc-menu-mobile ul li ul li { border-bottom: 0px; } #lnc-menu-mobile ul li ul li a { font-family: Georgia, Times, Serif; font-size: 35px; line-height: 65px; text-transform: uppercase; } #lnc-menu-mobile ul li ul li a:before { content: "» "; } /* FOOT --------------------------------------------------- */ #lnc-foot { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 65px; z-index: 1980; background-color: #16514e; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); } #lnc-foot a:hover { text-decoration: underline !important; } #lnc-foot .lnc-foot-col-1 { position: relative; display: block; float: left; width: auto; height: 70px; } #lnc-foot .lnc-foot-col-1 p { position: relative; top: 15px; display: block; height: 50px; padding: 0 30px 0 30px; list-style: none outside none; font-size: 12px; line-height: 20px; color: #ffffff; } #lnc-foot .lnc-foot-col-1 p b { font-family: 'SackersGothicW01-Medium'; } #lnc-foot .lnc-foot-col-1 p a { color: #ffffff; text-decoration: none; } #lnc-foot .lnc-foot-col-1 p a:before { content: '» '; } #lnc-foot .lnc-foot-col-2 { position: relative; display: block; float: left; width: auto; height: 70px; } #lnc-foot .lnc-foot-col-2 p { position: relative; top: 15px; display: block; height: 50px; border-left: 1px #ffffff solid; padding: 0 15px 0 15px; list-style: none outside none; font-size: 12px; line-height: 20px; color: #ffffff; } #lnc-foot .lnc-foot-col-2 p a { color: #ffffff; text-decoration: none; } #lnc-foot .lnc-foot-col-2 p a:before { content: '» '; } #lnc-foot .lnc-foot-col-3 { position: relative; display: block; float: left; width: auto; height: 70px; } #lnc-foot .lnc-foot-col-3 ul { position: relative; top: 15px; display: block; height: 50px; border-left: 1px #ffffff solid; padding: 0 15px 0 15px; list-style: none outside none; } #lnc-foot .lnc-foot-col-3 ul li { display: block; } #lnc-foot .lnc-foot-col-3 ul li a { display: block; width: 100%; height: auto; color: #ffffff; font-size: 14px; line-height: 18px; padding: 0; margin: 0; font-family: 'SackersGothicW01-Medium'; text-decoration: none; } #lnc-foot .lnc-foot-col-3 ul li a:hover { } #lnc-foot .lnc-foot-col-4 { position: relative; display: block; float: left; width: auto; height: 70px; } #lnc-foot .lnc-foot-col-4 ul { position: relative; top: 15px; display: block; height: 50px; border-left: 1px #ffffff solid; padding: 0 15px 0 15px; list-style: none outside none; } #lnc-foot .lnc-foot-col-4 ul li { display: block; } #lnc-foot .lnc-foot-col-4 ul li a { display: block; width: 100%; height: auto; color: #ffffff; font-size: 14px; line-height: 18px; padding: 0; margin: 0; font-family: 'SackersGothicW01-Medium'; text-decoration: none; } #lnc-foot .lnc-foot-col-4 ul li a:hover { } #lnc-foot .lnc-foot-col-5 { position: relative; top: -9px; display: block; float: right; width: auto; height: 70px; padding: 0 10px 0 10px; } #lnc-foot .lnc-foot-col-6 { position: relative; top: 0px; display: block; float: right; width: 28px; height: 28px; padding: 24px 0 0 10px; } #lnc-foot .lnc-foot-col-7 { position: relative; display: none; float: left; width: auto; height: 70px; } #lnc-foot .lnc-foot-col-7 p { position: relative; top: 15px; display: block; height: 50px; border-left: 1px #ffffff solid; padding: 0 15px 0 15px; list-style: none outside none; font-size: 12px; line-height: 20px; color: #ffffff; } #lnc-foot .lnc-foot-col-7 p a { color: #ffffff; text-decoration: none; } #lnc-foot .lnc-foot-col-7 p a:before { content: '» '; } /* ILLU --------------------------------------------------- */ #lnc-illu { position: fixed; top: 0px; left: 0px; right: 0px; width: auto; height: 436px; z-index: 1; background-color: #16514e; -webkit-box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); } #lnc-illu .lnc-illu-element { position: absolute; top: 0px; left: 0px; right: 0px; width: auto; height: 436px; background-size: cover; background-position: center center; background-repeat: no-repeat; -webkit-box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); box-shadow: inset 0px 0px 146px 0px rgba(0, 0, 0, 0.42); opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0); } #lnc-illu .lnc-illu-element.active { opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); filter: progid:DXImageTransform.Microsoft:Alpha(opacity=100); -webkit-transition: opacity 800ms ease-in-out; -moz-transition: opacity 800ms ease-in-out; -o-transition: opacity 800ms ease-in-out; transition: opacity 800ms ease-in-out; } #lnc-illu .lnc-illu-element.hidden { opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft:Alpha(opacity=0); -webkit-transition: opacity 800ms ease-in-out; -moz-transition: opacity 800ms ease-in-out; -o-transition: opacity 800ms ease-in-out; transition: opacity 800ms ease-in-out; } /* AWARDS --------------------------------------------------- */ #lnc-awards { position: fixed; top: 0; right: 12px; width: 130px; height: auto; z-index: 1500; margin: 359px 0 100px 0; } #lnc-awards .lnc-awards-frame { position: relative; width: 100%; height: auto; z-index: 100; border: 1px #a3a3a3 solid; background-color: #ffffff; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); } #lnc-awards .lnc-awards-background { position: absolute; left: 0px; top: 130px; right: -12px; bottom: 0px; z-index: 50; background-image: url('images/lnc-awards-background.png'); background-repeat: repeat-y; background-position: 0px 0px; } #lnc-awards .lnc-awards-background-top { position: absolute; left: 0px; top: -130px; right: 0px; width: auto; height: 132px; background-image: url('images/lnc-awards-background-top.png'); background-repeat: no-repeat; background-position: 0px 0px; } #lnc-awards .lnc-awards-background-bottom { position: absolute; left: -9px; right: 0px; bottom: -130px; width: auto; height: 137px; background-image: url('images/lnc-awards-background-bottom.png'); background-repeat: no-repeat; background-position: 0px 0px; } #lnc-awards .lnc-awards-head { font-family:'SackersGothicW01-Medium'; text-transform: uppercase; margin: 0px; padding: 0px; letter-spacing: 0px; color: #a7a7a7; font-size: 13px; line-height: 300%; text-align: center; } #lnc-awards a { position: relative; width: 100%; height: auto; } #lnc-awards a img { position: relative; width: 100%; height: auto; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } #lnc-awards a:hover img { position: relative; width: 100%; height: auto; filter: none; -webkit-filter: grayscale(0%); } #lnc-awards-mobile { position: relative; left: 0px; right: 0px; width: auto; height: auto; z-index: 1500; margin: 0 0 100px 0; display: none; background-color: #ffffff; border: 1px #a3a3a3 solid; text-align: center; -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.33); } #lnc-awards-mobile .lnc-awards-head { font-family:'SackersGothicW01-Medium'; text-transform: uppercase; margin: 0px; padding: 0px; letter-spacing: 0px; color: #a7a7a7; font-size: 30px; line-height: 200%; } #lnc-awards-mobile a { position: relative; width: auto; height: 70px; } #lnc-awards-mobile a img { position: relative; width: auto; height: 70px; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } #lnc-awards-mobile a:hover img { position: relative; filter: none; -webkit-filter: grayscale(0%); } /* LIGHTBOX --------------------------------------------------- */ #lnc-overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(255,255,255,0.9); z-index: 1990; display: none; } #lnc-overlay-vertical-position { position: absolute; top: 101px; bottom: 0px; left: 0px; right: 0px; z-index: 10; } #lnc-overlay-center-position { position: relative; margin: 0px auto; max-width: 930px; width: 100%; height: 100%; z-index: 20; text-align: center; } #lnc-overlay #lnc-overlay-image { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: auto; font-size: 0px; line-height: 0px; background-repeat: no-repeat; background-position: center; background-size: contain; } #lnc-overlay #lnc-overlay-image #lnc-overlay-center-helper { width: 1px; height: 100%; display: inline-block; margin-left: -1px; vertical-align: middle; overflow: hidden; position: relative; } #lnc-overlay #lnc-overlay-image #lnc-overlay-image-frame { position: relative; vertical-align: middle; max-width: 100%; max-height: 100%; display: inline-block; } #lnc-overlay #lnc-overlay-image img { position: relative; top: -50%; width: auto; height: auto; max-width: 100%; max-height: 100%; z-index: 10; display: none; } #lnc-overlay #lnc-overlay-title { position: absolute; bottom: 20px; left: 20px; right: 20px; width: auto; height: auto; text-align: center; } #lnc-overlay #lnc-overlay-title p { position: relative; display: inline-block; width: auto; padding: 10px; background-color: rgba(255,255,255,0.9); color: #000000; font-size: 13px; line-height: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #lnc-overlay .lnc-overlay-prev { display: block; position: absolute; top: 40%; bottom: 40%; left: 0px; width: 20%; height: auto; z-index: 60; cursor: pointer; } #lnc-overlay .lnc-overlay-prev span { position: absolute; top: 50%; left: 10px; margin-top: -10px; display: block; height: 20px; font-family: 'wpiregular'; font-size: 30px; line-height: 20px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } #lnc-overlay .lnc-overlay-next { display: block; position: absolute; top: 40%; bottom: 40%; right: 0px; width: 20%; height: auto; z-index: 60; cursor: pointer; } #lnc-overlay .lnc-overlay-next span { position: absolute; top: 50%; right: 10px; margin-top: -10px; display: block; height: 20px; font-family: 'wpiregular'; font-size: 30px; line-height: 20px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } #lnc-overlay .lnc-overlay-close { display: block; position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; z-index: 60; cursor: pointer; } #lnc-overlay .lnc-overlay-close span { position: absolute; top: 12px; right: 10px; display: block; height: 20px; width: 20px; font-family: 'wpiregular'; font-size: 30px; line-height: 20px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } /* BODY --------------------------------------------------- */ #lnc-center { position: relative; max-width: 930px; width: 100%; margin: 0px auto; z-index: 1000; } #lnc-body { position: relative; width: 100%; height: auto; margin: 359px 0 100px 0; background-color: #ffffff; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); } #lnc-body #lnc-body-frame { position: relative; display: block; padding: 10px; margin-right: 0px; } #lnc-body #lnc-body-frame .lnc-body-col { position: relative; width: 50%; float: left; } #lnc-body #lnc-body-frame .lnc-body-col.right { float: right; } #lnc-body #lnc-body-frame .lnc-body-col-frame { position: relative; display: block; margin: 20px; } #lnc-body .lnc-text { position: relative; clear: both; display: block; padding: 0 0 40px 0; } #lnc-body .lnc-text.rooms { position: relative; clear: both; display: block; padding: 0 0 0 0; } #lnc-body h1 { display: block; width: 100%; height: auto; color: #066f68; font-size: 40px; line-height: 40px; padding: 20px 0 0 0; margin: 0 0 10px 0; font-family: Georgia, Times, Serif; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-body .h2, #lnc-body .h3 { display: block; width: 100%; height: auto; margin: -10px 0 10px 0; padding: 0 0 0 0; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); } #lnc-body .h2 { border-bottom: 1px #999999 solid; } #lnc-body .h3 { border-bottom: 1px #066f68 solid; } #lnc-body h2, #lnc-body h3 { position: relative; margin: 0 0 -7px 0; display: inline-block; width: auto; height: auto; font-size: 24px; line-height: 28px; text-transform: uppercase; } #lnc-body h2 { color: #999999; } #lnc-body h3 { color: #066f68; } #lnc-body .h2_alt, #lnc-body .h3_alt { position: relative; margin: 0 0 -7px 0; display: inline-block; width: 100%; height: auto; font-weight: bold; font-size: 24px; line-height: 28px; text-transform: uppercase; } #lnc-body .h2_alt { color: #999999; } #lnc-body .h3_alt { color: #066f68; } #lnc-body h2 span, #lnc-body h3 span, #lnc-body .h2_alt span, #lnc-body .h3_alt span { background-color: #ffffff; font-family: Georgia, Times, Serif; } #lnc-body .h2_alt span.right, #lnc-body .h3_alt span.right { position: absolute; right: 0px; bottom: 0px; padding: 0 0 0 5px; } #lnc-body .h2 i, #lnc-body .h3 i { letter-spacing: -4px; font-style: normal; font-weight: normal; font-family: Georgia, Times, Serif; } #lnc-body .lnc-text p { display: block; width: 100%; height: auto; color: #000000; font-size: 13px; line-height: 20px; padding: 0 0 10px 0; } #lnc-body .lnc-text p a { color: #000000; text-decoration: none; font-style: italic; font-weight: bold; font-family: Georgia, Times, Serif; } #lnc-body .lnc-text p a:hover { text-decoration: underline; } #lnc-body .lnc-text ul { display: block; width: auto; height: auto; list-style: disc outside none; color: #000000; font-size: 13px; line-height: 20px; padding: 0 0 20px 20px; } #lnc-body .lnc-text img.alignleft { display: block; width: 30%; height: auto; float: left; padding: 0 10px 20px 0; } #lnc-body .lnc-text img.alignright { display: block; width: 30%; height: auto; float: right; padding: 0 0 20px 10px; } #lnc-body .lnc-images { position: relative; clear: both; display: block; margin: -5px; padding: 0 0 40px 0; } #lnc-body .lnc-images div { position: relative; display: block; height: auto; } #lnc-body .lnc-images div.lnc-type-25 { width: 25%; } #lnc-body .lnc-images div.lnc-type-33 { width: 33%; } #lnc-body .lnc-images div.lnc-type-34 { width: 34%; } #lnc-body .lnc-images div.lnc-type-35 { width: 35%; } #lnc-body .lnc-images div.lnc-type-50 { width: 50%; } #lnc-body .lnc-images div.lnc-type-65 { width: 65%; } #lnc-body .lnc-images div.lnc-type-75 { width: 75%; } #lnc-body .lnc-images div.lnc-type-100 { width: 100%; } #lnc-body .lnc-images div.lnc-align-left { float: left; } #lnc-body .lnc-images div.lnc-align-right { float: right; } #lnc-body .lnc-images div a.frame { display: block; margin: 5px; padding: 11px; background-color: #ffffff; cursor: default; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); } #lnc-body .lnc-images div.lnc-type-25 a.frame, #lnc-body .lnc-images div.lnc-type-33 a.frame, #lnc-body .lnc-images div.lnc-type-34 a.frame, #lnc-body .lnc-images div.lnc-type-35 a.frame { margin: 5px; padding: 6px; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.42); box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.42); } #lnc-body .lnc-images div a.shadow { display: block; margin: 5px; padding: 0px !important; background-color: transparent !important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.42); } #lnc-body .lnc-images div a.nothing { display: block; margin: 5px; padding: 0px !important; background-color: transparent !important; -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0) !important; } #lnc-body .lnc-images div a img { display: block; width: 100%; height: auto; } #lnc-body .lnc-headline-spacer { display: block; width: 100%; height: 40px; padding: 20px 0 0 0; margin: 0 0 10px 0; } #lnc-body .lnc-headline-spacer-standard { display: block; width: 100%; height: 40px; padding: 8px 0 0 0; margin: 0 0 10px 0; } #lnc-body .lnc-paragraph-spacer { display: block; width: 100%; height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; } #lnc-body .lnc-room-gallery { position: relative; clear: both; display: block; width: auto; height: auto; margin: 0 0 40px 0; padding: 11px; background-color: #ffffff; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.42); } #lnc-body .lnc-room-gallery-frame { display: block; position: relative; width: 100%; height: auto; z-index: 10; margin: 0 0 10px 0; overflow: hidden; } #lnc-body .lnc-room-gallery-image-center { display: block; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: auto; height: 250px; z-index: 30; } #lnc-body .lnc-room-gallery-image { display: block; position: relative; width: auto; height: 250px; z-index: 30; padding: 0 3px 0 3px; cursor: pointer; } #lnc-body .lnc-room-gallery-dummy { display: block; position: relative; width: 100%; height: 250px; z-index: 20; } #lnc-body .lnc-room-gallery-title { display: block; position: absolute; top: 7px; left: 10px; width: auto; height: auto; z-index: 50; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); font-family: Georgia, Times, Serif; font-size: 24px; line-height: 22px; font-weight: bold; text-transform: uppercase; -moz-transform: scale(1, 0.75); -webkit-transform: scale(1, 0.75); -o-transform: scale(1, 0.75); -ms-transform: scale(1, 0.75); transform: scale(1, 0.75); -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -o-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } #lnc-body .lnc-room-gallery-prev { display: block; position: absolute; top: 0px; left: 0px; width: 10%; height: 100%; z-index: 60; cursor: pointer; } #lnc-body .lnc-room-gallery-prev span { position: absolute; top: 50%; left: 6px; margin-top: -10px; display: block; height: 20px; cursor: pointer; font-family: 'wpiregular'; font-size: 30px; line-height: 20px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } #lnc-body .lnc-room-gallery-next { display: block; position: absolute; top: 0px; right: 0px; width: 10%; height: 100%; z-index: 60; cursor: pointer; } #lnc-body .lnc-room-gallery-next span { position: absolute; top: 50%; right: 6px; margin-top: -10px; display: block; height: 20px; cursor: pointer; font-family: 'wpiregular'; font-size: 30px; line-height: 20px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } #lnc-body .lnc-room-gallery-max { display: block; position: absolute; right: 10px; bottom: 2px; width: auto; height: auto; z-index: 80; cursor: pointer; font-family: 'wpiregular'; font-size: 30px; line-height: 30px; color: #ffffff; text-shadow: 0 0 2px rgba(0,0,0,1); } #lnc-body ul.lnc-room-gallery-dots { display: block; position: absolute; left: 10px; bottom: 10px; width: auto; height: auto; z-index: 80; display: block; position: relative; list-style: none outside none; } #lnc-body ul.lnc-room-gallery-dots li { display: block; position: relative; float: left; width: 10px; height: 10px; background-color: rgba(255,255,255,1); margin: 0 2px 0 0; font-size: 0px; line-height: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #lnc-body ul.lnc-room-gallery-dots li.active { background-color: rgba(97,97,97,1); } #lnc-body .lnc-room-gallery-options { display: block; position: relative; top: 0px; left: 0px; width: 100%; height: auto; z-index: 100; } #lnc-body .lnc-room-gallery-options span.active { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #lnc-body .lnc-room-gallery-rates { display: block; text-decoration: none; color: #2f5654; border-bottom: 1px #999999 solid; font-family: Georgia, Times, Serif; font-size: 14px; line-height: 28px; font-weight: bold; text-transform: uppercase; } #lnc-body .lnc-room-gallery-details { display: block; text-decoration: none; color: #2f5654; font-family: Georgia, Times, Serif; font-size: 14px; line-height: 28px; font-weight: bold; text-transform: uppercase; } #lnc-body .lnc-room-gallery-house { display: block; position: absolute; right: 0px; top: 4px; width: auto; height: 60px; z-index: 100; font-family: 'wpiregular'; font-size: 75px; line-height: 60px; color: #999999; text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; } #lnc-body .lnc-room-gallery-detail { display: none; position: relative; top: 0px; left: 0px; width: 100%; height: auto; z-index: 100; padding: 10px 0 0 0; } #lnc-body .lnc-room-gallery-detail p { padding: 0px 5px 15px 5px; font-size: 13px; line-height: 20px; } #lnc-body .lnc-room-gallery-detail .h2 { margin: 0 10px 5px 3px; width: auto; } #lnc-body .lnc-room-gallery-booking { display: block; text-decoration: none; color: #2f5654; font-family: Georgia, Times, Serif; font-size: 14px; line-height: 28px; font-weight: bold; text-transform: uppercase; } /* JSCROLLPANE --------------------------------------------------- */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; margin-left: 0px; width: 100% !important; } .jspVerticalBar { position: absolute; top: 0; right: 0px; width: 30px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; } .jspVerticalBar * { margin: 0; padding: 0px; } .jspHorizontalBar * { margin: 0; padding: 0px; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: rgba(255,255,255,0); position: relative; width: 10px; left: 6px; } .jspDrag { background: #066f68; position: relative; top: 0px; width: 10px; height: 3px; left: 0px; cursor: pointer; } .jspHorizontalBar .jspTrack { float: left; height: 3px; top: 5px; left: 0px; } .jspHorizontalBar .jspDrag { float: left; height: 3px; top: 0px; left: 0px; } .jspArrow { background: none; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; } .jspVerticalBar .jspArrow { display: none; height: 20px; width: 13px; } .jspHorizontalBar .jspArrow { display: none; width: 20px; float: left; height: 13px; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspArrowUp { background-image: url('images/jspArrowUp.png') !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; } .jspArrowDown { background-image: url('images/jspArrowDown.png') !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; } .jspArrowLeft { background-image: url('images/jspArrowLeft.png') !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; } .jspArrowRight { background-image: url('images/jspArrowRight.png') !important; background-position: 0px 0px !important; background-repeat: no-repeat !important; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } @media all and (max-width: 1140px) { #lnc-awards .lnc-awards-head { font-size: 9px; } } @media all and (max-width: 980px) { #wpi-logo { left: 30px; } #lnc-menu #lnc-menu-main ul li a { /*font-size: 19px; */ } #lnc-menu-sub-1 .lnc-menu-sub-col-2 ul li a { font-size: 18px; } #lnc-menu-sub-1 .lnc-menu-sub-col-3 ul li a { font-size: 18px; } #lnc-menu-sub-2 .lnc-menu-sub-col-1 ul li a { font-size: 18px; } #lnc-menu-sub-2 .lnc-menu-sub-col-2 ul li a { font-size: 18px; } #lnc-menu-sub-3 .lnc-menu-sub-col-2 ul li a { font-size: 18px; } #lnc-foot .lnc-foot-col-3 { display: none; } #lnc-foot .lnc-foot-col-4 { display: none; } } @media all and (max-width: 880px) { #lnc-menu #lnc-menu-main ul li a { /*font-size: 18px; */ } } @media all and (max-width: 800px) { #lnc-body #lnc-body-frame .lnc-body-col { position: relative; width: 100%; float: none; clear: both; } #lnc-body #lnc-body-frame .lnc-body-col-frame { position: relative; display: block; margin: 20px; } #lnc-menu-main ul { display: none; } #lnc-menu-button-mobile { display: block; cursor: pointer; } #lnc-menu-mobile { display: block; } #lnc-body .lnc-room-gallery-dummy { height: 350px; } #lnc-body .lnc-room-gallery-image-center { height: 350px; } #lnc-body .lnc-room-gallery-image { height: 350px; } #lnc-overlay .lnc-overlay-prev { display: none; } #lnc-overlay .lnc-overlay-next { display: none; } } @media all and (max-width: 690px) { #lnc-body h1 { font-size: 50px; line-height: 50px; } #lnc-body h2, #lnc-body .h2_alt { margin: 0 0 -7px 0; font-size: 34px; line-height: 38px; } #lnc-body h3 { margin: 0 0 -7px 0; font-size: 50px; line-height: 50px; } #lnc-overlay #lnc-overlay-title p { font-size: 25px; line-height: 35px; } #lnc-body .lnc-text p { font-size: 25px; line-height: 35px; } #lnc-body .lnc-text ul { font-size: 25px; line-height: 35px; } #lnc-body .lnc-room-gallery-detail p { font-size: 25px; line-height: 35px; } #lnc-body .lnc-room-gallery-prev span { left: 20px; margin-top: -40px; height: 80px; font-size: 90px; line-height: 90px; } #lnc-body .lnc-room-gallery-next span { right: 20px; margin-top: -40px; height: 80px; font-size: 90px; line-height: 90px; } #lnc-body .lnc-room-gallery-max { right: 20px; bottom: 12px; font-size: 70px; line-height: 70px; } #lnc-body .lnc-room-gallery-title { top: 7px; left: 10px; font-size: 40px; line-height: 40px; } #lnc-body .lnc-room-gallery-rates { font-size: 25px; line-height: 40px; } #lnc-body .lnc-room-gallery-details { font-size: 25px; line-height: 40px; } #lnc-body .lnc-room-gallery-house { top: 25px; font-size: 150px; } #lnc-body .lnc-room-gallery-booking { font-size: 25px; line-height: 40px; } } @media all and (max-width: 690px) and (orientation: portrait) { #lnc-awards { display: none; } #lnc-awards-mobile { display: block; } #lnc-foot { position: relative; width: 100%; height: auto; } #lnc-foot .lnc-foot-col-1 { float: none; width: 100%; height: auto; } #lnc-foot .lnc-foot-col-1 p { top: 0px; height: auto; padding: 20px 30px 0 30px; } #lnc-foot .lnc-foot-col-1 p b { font-size: 20px; line-height: 25px; } #lnc-foot .lnc-foot-col-2 { float: none; width: 100%; height: auto; } #lnc-foot .lnc-foot-col-2 p { top: 0px; height: auto; border-left: 0px; border-top: 1px #ffffff solid; margin: 10px 30px 0px 30px; padding: 10px 0px 0px 0px; } #lnc-foot .lnc-foot-col-5 { display: none; } #lnc-foot .lnc-foot-col-6 { display: none; } #lnc-foot .lnc-foot-col-7 { display: block; float: none; width: 100%; height: auto; } #lnc-foot .lnc-foot-col-7 p { top: 0px; height: auto; border-left: 0px; border-top: 1px #ffffff solid; margin: 10px 30px 0px 30px; padding: 10px 0px 20px 0px; } } @media all and (max-width: 690px) and (orientation: landscape) { .dev-mobile #lnc-wrapper { position: fixed; width: 0px; height: 0px; overflow: hidden; } .dev-mobile #lnc-rotate { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #ffffff; display: block; text-align: center; z-index: 10000; } .dev-mobile #lnc-rotate img { max-height: 30%; max-width: 90%; width: auto; height: auto; padding: 10% 0 5% 0; } .dev-mobile #lnc-rotate p { width: 60%; height: auto; padding: 0 20% 0 20%; font-size: 20px; line-height: 30px; } }