/* Theme Name: GD18 Theme URI: http://www.grandhika-hotel.com Author: Alaric Author URI: http://www.alaric.id/ Description: full-width, fully responsive and highly customizable WordPress Theme. Add and edit your own logo, header, featured slider, featured areas and much more. Version: 1.0 License: GNU General Public License v2.0 License URI: ​http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready, theme-options, full-width-template, responsive-layout, black */ /* =Reset -------------------------------------------------------------- */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; -ms-word-wrap: break-word; word-wrap: break-word; } body,html { height: 100%; padding: 0; margin: 0; } html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { /*background-color:#a21e21;*/ } article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block; } ol,ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption,th,td { font-weight: 400; text-align: left; } blockquote:before,blockquote:after,q:before,q:after { content: ""; } blockquote,q { quotes: "" ""; } blockquote p { font-style: normal; font-size: 15px; font-size: 1.5rem; line-height: 1.7em; margin-bottom: 0; } a:focus { outline: thin dotted; } a:hover,a:active { outline: 0; } a img { border: 0; } img { max-width: 100%; height: auto; display: block; } /* =Global ----------------------------------------------- */ @font-face { font-family: 'Century Gothic'; src: url('font/Century Gothic.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Century Gothic Bold'; src: url('font/Century Gothic Bold.TTF'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Renaissance'; src: url('font/renaissance.ttf'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Adobe Caslon Italic'; src: url('font/ACaslonPro-Italic.otf'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.eot'); src: url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.woff2') format('woff2'), url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'), url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'), url('font/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg'); font-weight: normal; font-style: normal; } body,button,input,select,textarea { color: #323538; font-family: /*'Lato', sans-serif;*/'Proxima Nova'; font-size: 18px; font-weight: 300; font-size: 1.8rem; line-height: 1.7; letter-spacing: 0.005em; } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; margin: .6em 0; } h1 { font-size: 28px; font-size: 2.8rem; } h2 { font-size: 24px; font-size: 2.4rem; } h3 { font-size: 18px; font-size: 1.8rem; } h4 { font-size: 14px; font-size: 1.4rem; } h5 { font-size: 12px; font-size: 1.2rem; } h6 { font-size: 10px; font-size: 1rem; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } hr.white { padding: 0; margin-bottom: 7px; border: none; border-top: medium double #333; color: #333; text-align: center; } hr.white:after { content: "*"; display: block; width: 24px; height: 24px; line-height: 30px; text-align: center; position: relative; margin: -15px auto 0; font-size: 18px; background: #000; background: rgba(0,0,0,.6); border-radius: 50%; } /* Text elements */ .f_typo {margin:10px 0;padding:0;font-size:3em;line-height: 1;} .f_typo:first-letter {font-family: 'Renaissance'; font-size: 2em;} .big {font-size:2.5em;font-weight:600;text-transform:uppercase;line-height:1;letter-spacing:-1px;} .med {font-size:18px; line-height:1.7; font-weight:300; letter-spacing:.0.005em;} p { margin-bottom: 1.5em; font-size: 16px; font-size: 1.6rem; line-height: 1.5; letter-spacing: .08em; font-weight: 400; } ul,ol { margin: 0 0 1.5em 1.2em; } ul { list-style: none; } ol { list-style: decimal; } ol li {font-size:1.6rem;letter-spacing: .08em;} ul ul,ol ol,ul ol,ol ul { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 600; } dd { margin: 0 1.5em 1.5em; } b,strong { font-weight: 600; } dfn,cite,em,i { font-style: normal; } em,i { font-style: italic; } blockquote { font-style: italic; text-align: center; margin: 0 1em 1.5em; padding: 1em; padding-bottom: 1em; border-bottom: double #999; } address { margin: 0 0 1.5em; } pre { background: #dfd6c7; font-family: "Courier 10 Pitch",Courier,monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code,kbd,tt,var { font: 15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace; } abbr,acronym { border-bottom: 1px dotted #666; cursor: help; } mark,ins { background: #fff9c0; text-decoration: none; } sup,sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: 700; } button,input,select,textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,input { line-height: normal; *overflow: visible; } button,html input[type="button"],input[type="reset"],input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5),inset 0 15px 17px rgba(255,255,255,0.5),inset 0 -5px 12px rgba(0,0,0,0.05); color: rgba(0,0,0,.8); cursor: pointer; -webkit-appearance: button; font-size: 12px; font-size: 1.4rem; line-height: 1; padding: .8em; text-shadow: 0 1px 0 rgba(255,255,255,.8); } button:hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover { border-color: #ccc #bbb #aaa; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02); box-shadow: inset 0 1px 0 rgba(255,255,255,0.8),inset 0 15px 17px rgba(255,255,255,0.8),inset 0 -5px 12px rgba(0,0,0,0.02); } button:focus,html input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active { border-color: #aaa #bbb #bbb; -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15); -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15); box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5),inset 0 2px 5px rgba(0,0,0,0.15); } input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } 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-decoration { -webkit-appearance: none; } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0; } input[type=text],input[type=email],textarea { background: rgba(255,255,255,0.3); border: 1px solid #ccc; border-radius: 3px; padding: 6px; } input[type=text]:focus,input[type=email]:focus,textarea:focus { background: #fff; } textarea { overflow: auto; padding-left: 3px; vertical-align: top; width: 98%; } /* Links */ a,a:visited { color: #999; text-decoration: none; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; } a:hover { color: #999; } a:focus,a:active { color: #666; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1em; } .alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1em; } .aligncenter { clear: both; display: block; margin: 1.5em auto; } .centering {max-width:1024px;margin-left:auto;margin-right:auto;} .ctr { text-align: center; } .rt { text-align: right; } .lefts { display: inline; float: left; } .rights { display: inline; float: right; } .mtb0 { margin-top: 0 !important; margin-bottom: 0 !important; } .ptb0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p0 { padding: 0 !important; } .m0 { margin: 0 !important; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .assistive-text { clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); position: absolute !important; } .more-link { font-size: 13px; font-size: 1.3rem; text-transform: uppercase; color: #000; font-weight: 600; } .widget h4 { padding: 4px 0; text-transform: uppercase; font-weight:600; } .widget li { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #333; } .widget li a { color: #CCC; } .widget li a:hover { color: #999; } #calendar_wrap { padding-left: 6px; } #calendar_wrap a { color: #FFF; } #calendar_wrap a:hover { color: #CCC; } .textwidget { padding: 0; } #secondary li,#tertiary li { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #EFEFEF; color: #999; } #secondary li a { color: #999; } #secondary li a:hover { color: #333; } #tertiary li a { color: #999; } #tertiary li a:hover { color: #333; } /* =Structure ----------------------------------------------- */ .absolute { position: absolute; top: -33px; width: 1024px; left: 50%; margin-left: -512px; } .fixed_wrap { clear: both; display: block; position: fixed; width: 100%; height: 768px; overflow: hidden; } #wrap { margin: 0 auto; padding: 0; position: relative; background:#fff; } .header_container { margin: 0 auto; /*max-width: 94%;*/ max-width: 1024px; position: relative; padding: 0 15px; } .main-navigation,.site-title,.site-description { max-width: 1024px; } #main { position: relative; } #primary { float: left; margin: 0 -27% 0 0; padding-top:35px; width: 93%; } #content { margin: 0 22% 0 0; } #primary_home { float: left; margin: 0; padding-top:/*25px*/60px; width: 100%; } #content.fullwidth { margin-right: 0; } #secondary, #tertiary { background: #F7F7F7; float: right; margin: 0 .2em .4em; padding: 1em 1em 0; position: relative; width: 20%; border-radius: .4em; } #tertiary { clear: right; padding-top: 0; } .site-footer { clear: both; margin: 0 auto; /*padding-bottom: 50px;*/ -webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1); box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1); background-color:#fff; position: relative; } .footer_container,.wraps { margin: 0 auto; max-width: 1024px; } .wraps-fluid {margin:0 auto;max-width:1680px;} /* =Site Header ----------------------------------------------- */ #masthead-wrap { position: absolute; top: 0; z-index: 3; width: 100%; margin: 0; padding-bottom: 0; padding-top: 0; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0))); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333',GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#333333',GradientType=1); } .site-header .site-introduction { /*float: left; width: 30%; background:#fff;*/ padding: 0; text-align: center; position: absolute; } .site-title { /*font-size: 22px; font-size: 2.2rem; font-family: 'open_sansbold', sans-serif;*/ color: transparent !important; font-size: 0; padding: 10px 0; } .site-description { font-size: 13px; font-size: 1.3rem; padding-left: 6px; } .site-title a, .site-description { text-indent: -9999px !important; color: transparent !important; display: block; width: 180px; height:70px; margin: auto; background-repeat: no-repeat; background-position: center center; } .site-logo { padding: 0; text-align: center; position: absolute; } .site-logo a { display: block; width: 180px; /*height: 130px;*/ padding: 20px 0; } h2.brand_location { margin: 0; padding: 0; font-size: 12px; font-weight: 400; background: #000; color: #a21e21; text-shadow: 0 1px 0 rgba(0,0,0,.5); text-transform: uppercase; border-bottom: solid 1px #a21e21; } .above { background: rgba(102,102,102,.85); } /* =Menu ----------------------------------------------- */ .main-navigation { display: block; float: left; padding-top: 0; margin-left: 230px; margin-top:12px; } .main-navigation:after { clear: both; display: block; } .main-navigation ul { list-style: none; margin: 0; /*padding-left: 16px; padding-right: 16px;*/ float: left; } .main-navigation li { float: left; margin: 0 15px 0 0; position: relative; /*border-right:solid 1px rgba(0,0,0,.2);*/ } .main-navigation li:last-child { border: none; margin-right: 0; } .main-navigation a { color: #fff; text-shadow:0 1px 0 #000; display: block; font-size: 1.3rem; font-size: 13px; font-weight: 700; line-height: normal; letter-spacing: .28em; margin-right: 0; text-decoration: none; text-transform: uppercase; padding: 0 .5em; height: 50px; line-height: 68px; /*border-bottom: solid 1px rgba(0,0,0,0);*/ } .main-navigation ul ul { background: #000; background: rgba(255,255,255,.9); display: none; float: left; position: absolute; top: auto; left: 0; z-index: 99999; border-radius: 0; width: 168px; } .main-navigation ul ul a { padding: .5em; width: 155px; color: #000; text-shadow: none; font-size: 13px; font-size: 1.3rem; font-weight: 400; height: auto; line-height: 1.5em; letter-spacing: normal; text-transform: capitalize; } .main-navigation ul ul li { border-bottom: 1px solid rgba(0,0,0,.1); border-right: none; margin-right: 0!important; } .main-navigation li:hover > a, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a { color: #FFF; display: block; border-radius: 0; /*border-bottom: solid 1px #fff;*/ /*background:#a21e21; background:rgba(158,130,85,.3); box-shadow: inset 0 7px 15px -7px rgba(0,0,0,0.7);*/ } .main-navigation li li.current_page_item a,.main-navigation li li.current-menu-item a { background: #3c3c3c; color: #FFF; border:none; } .main-navigation ul ul a:hover, .main-navigation ul ul ul a:hover { color: #FFF; display: block; background: #3c3c3c; border-radius: 0; border-bottom-color:rgba(0,0,0,.1); } .main-navigation ul li:hover > ul { display: block; } .main-navigation ul ul ul { left: 100%; top: 0; margin: 0; } .main-navigation li li.menu-item-has-children a { border-bottom: none !important; } /* Small menu */ .menu-toggle { color: #FFF; cursor: pointer; text-transform: uppercase; font-size: 1.6rem; font-size: 16px; font-weight: 400; text-align: center; background-color: #faae17; margin: 0; margin-top: 0; padding: 4px; border-bottom: 1px solid #000; border-top: 3px solid #a21e21; } .main-small-navigation .menu { display: none; background-color: #a21e21; padding-top: 10px; padding-left: 30px; padding-bottom: 10px; margin-bottom: 0; } .main-small-navigation .menu ul { list-style-type: none; margin-bottom: 0; } .main-small-navigation .menu li a { color: #FFF; text-transform: uppercase; font-size: 1.6rem; font-size: 16px; } .main-small-navigation li:hover > a,.main-small-navigation li.current_page_item a,.main-small-navigation li.current-menu-item a,.main-small-navigation ul ul a:hover { color: #faae17; } /* =Content ----------------------------------------------- */ .site-main { margin: 0 auto; max-width: 1024px; padding: 15px; /*background: #fff;*/ } .sticky h1 { border-bottom: 6px solid #333; font-size: 20px; font-size: 2rem; } .sticky h1 a { color: #333; } .sticky h2 { font-family: Tahoma,Geneva,sans-serif; font-size: 12px; font-size: 1.2rem; margin-bottom: 0; border-bottom: 7px solid #333; } .sticky h2 a { background-color: #333; color: #FFF; padding: 8px; border-radius: .2em .2em 0 0; text-transform: uppercase; } .recent { padding: 4px; margin-bottom: 40px; } .recent h2 { font-size: 14px; font-size: 1.4rem; line-height: normal; color: #fff; text-transform: uppercase; padding: 0 8px; } .recent h2 a { color: #fff; } .recent p { font-size: 12px; font-size: 1.2rem; padding: 0 8px; color: #999; } .hentry { margin: 0 0 1.5em; padding-bottom: 1.5em; } .entry-header { /*margin-bottom:40px*/ } .entry-title, .page-title { font-size: 25px; font-size: 2.5rem; font-weight: 300; line-height: 1.3; margin: 15px 0; padding-top: 0; padding-bottom: 15px; text-transform: capitalize; color: #000; text-align: left; position: relative; } .page-title::after, .entry-title::after { content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 6rem; border-bottom: thin solid #000; } .entry-title a { text-decoration: none; color: #a21e21; } .custom-page-title { font-size: 35px; font-size: 3.5rem; line-height: normal; margin: 15px 0; padding: 0; text-transform: capitalize; text-align: center; color: #000; } custom-page-title span {position:relative;} .custom-page-title span::after { background: #a21e21; content: ""; display: table; height: 1px; margin: 15px auto 25px; width: 150px; } /*.custom-page-title span { display: inline-block; position: relative; } .custom-page-title span::before, .custom-page-title span::after { border-top: 1px solid #a21e21; content: ""; height: 5px; position: absolute; top: 50%; width: 70px; } .custom-page-title span::before { margin-right: 15px; right: 100%; } .custom-page-title span::after { left: 100%; margin-left: 15px; }*/ .custom-page-title.medium { font-size: 20px; font-size: 2rem; } .tleft {text-align:left;} .tleft span::before, .tleft span::after {display:none;} body.search .page-title,body.archive .page-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 1em; } .entry-meta { clear: both; font-size: 11px; font-size: 1.1rem; } .byline { display: none; } .single .byline,.group-blog .byline { display: inline; } .entry-content,.entry-summary { margin: 1.5em 0 0 0; } .entry-content table,.comment-content table { border: 1px solid #d9d9d9; border-left-width: 0; margin: 0 -.083em 2.083em 0; text-align: left; width: 100%; } .entry-content tr th,.entry-content thead th,.comment-content tr th,.comment-content thead th { border-left: 1px solid #d9d9d9; font-weight: 700; padding: .5em 1.25em; } .entry-content tr td,.comment-content tr td { border: 1px solid #d9d9d9; border-width: 1px 0 0 1px; padding: .5em 1.25em; } .entry-content tr.odd td,.comment-content tr.odd td { background: #dfd6c7; } .page-links { clear: both; margin: 0 0 1.5em; } /* =Aside Post Format ----------------------------------------------- */ .format-aside .entry-content { border-left: 4px solid rgba(0,0,0,0.1); padding-left: 1em; } /* =Media ---------------------------------------------- */ .site-header img,.entry-content img,.comment-content img,.widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } .site-header img,.entry-content img,.widget-img,img[class*="align"],img[class*="wp-image-"],.wp-caption img { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .site-header img,.entry-content img,.widget img,img.size-full { max-width: 100%; width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .entry-content img.wp-smiley,.comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; max-width: 100%; } .wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright,.wp-caption.alignnone { margin-bottom: 1.5em; } .wp-caption img { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: .8075em 0; } #content .gallery { margin-bottom: 1.5em; } .wp-caption-text,.gallery-caption { font-size: 11px; font-size: 1.1rem; font-weight: 400; background: #000; border-bottom: dotted 1px #333; padding: 2px 0; } #content .gallery a img { border: none; height: auto; max-width: 90%; } #content .gallery dd { margin: 0; } /* Make sure embeds and iframes fit their containers */ embed,iframe,object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content .site-navigation { font-size: 13px; font-size: 1.3rem; margin: 0 0 1.5em; overflow: hidden; } .site-content .nav-previous { float: left; width: 50%; } .site-content .nav-next { float: right; text-align: right; width: 50%; } .nav-previous a,.nav-next a { padding: 4px 6px; color: #222; font-size: 12px; font-size: 1.2rem; text-transform: uppercase; } .nav-previous a:hover,.nav-next a:hover { color: #999; } /* =Comments ----------------------------------------------- */ #comments { clear: both; } .bypostauthor { } .comments-title,#reply-title { font-size: 16px; font-size: 1.6rem; } .commentlist li { list-style: none; } .commentlist,.children { list-style: none; margin: 0; } .children { margin: 0 0 0 6%; } .commentlist li.comment,.commentlist li.pingback { border-bottom: 1px solid rgba(0,0,0,0.2); padding-left: 2.5em; margin-top: 2px; } .commentlist .children li,.commentlist li:last-of-type { border: none; } article.comment,li.pingback { overflow: hidden; padding: 2.5em 0 .7em; position: relative; } .children article.comment,.children li.pingback { padding-top: 1em; } .comment .avatar { float: left; margin-right: 1.25em; } .comment-author { font-size: 14px; font-size: 1.4rem; color: #333; } .comment-meta { font-size: 12px; font-size: 1.2rem; } .comment-content { font-size: 13px; font-size: 1.3rem; margin: 1em 0 0 4.5em; } .reply { float: right; margin: 0 10px 10px 0; text-align: center; background-color: #333; border-radius: .2em; padding: 3px; width: 50px; } .comment article { padding-bottom: 2.79rem; } a.comment-reply-link,a.comment-edit-link { color: #FFF; font-size: 12px; font-size: 1.2rem; line-height: 1.8; text-decoration: none; } a.comment-reply-link:hover,a.comment-edit-link:hover { color: #f6e7d7; } li.pingback { font-weight: 700; } li.pingback a { font-weight: 400; } /* Comment Form */ .comment-notes,#commentform .form-allowed-tags,p.nocomments,p.logged-in-as,#commentform label { font-size: 13px; font-size: 1.3rem; } .required { color: #800; } #commentform label { font-weight: 700; padding: 1em 0; } #commentform input[type="text"] { margin-left: .5em; } #commentform #comment { margin-top: .6em; } #commentform .form-allowed-tags,#commentform .form-allowed-tags code { font-size: 11px; font-size: 1.1rem; } p.nocomments { margin: 2.5em; } /* =Widgets ----------------------------------------------- */ .widget { font-size: 14px; font-size: 1.4rem; line-height: 1.8; margin: 0 0 .5em; } .widget-title { color: #a21e21; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; } /* Search widget */ #searchsubmit { display: none; } #helpfullinks li { padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #EFEFEF; color: #999; } #helpfullinks li a { color: #999; } #helpfullinks li a:hover { color: #333; } /* =Site Footer ----------------------------------------------- */ .site-info { font-size: 14px; font-size: 1.4rem; padding: 0; text-align: left; background-color:#3c3c3c; color:#fff; } .site-info a,.site-footer .widget p,.site-footer .widget, .site-footer .widget a { color:#000; } .site-info p { margin: 0; font-size: 13px; font-size: 1.3rem; /*color:#fff;*/ } .site-info p a { color:#fff; } .site-footer .widget { padding: 8px; } /* Custom Home featured areas ------------------------------------------------------ */ .featuretext_top { padding: 2px; margin: 34px 0 20px; } .featuretext_top h3 { color: #fff; padding: 6px; margin: 0; text-align: center; font-size: 2.4rem; font-size: 24px; } .featuretext_top p { color: #999; padding: 0; margin: 0; text-align: center; font-size: 1.8rem; font-size: 18px; } .featuretext { /*border-radius:0.4em; background-color: #F7F7F7; border-bottom: 1px solid #EFEFEF;*/ margin-bottom: 20px; /*padding: 10px;*/ text-align: center; } .featuretext h3 { font-size: 1.4rem; font-size: 14px; color: #333; font-weight: 700; margin: 0; margin-bottom: 10px; padding-bottom: 20px !important; background: url(img/border-shape.png) no-repeat 50% 100%; } .featuretext h3 a { text-decoration: none; color: #a21e21; } .featuretext p { color: #f3f3f3; font-size: 1.2rem; font-size: 12px; } /* CUSTOM HOMEPAGE WIDGET LAYOUTS */ .headings { margin: 0; padding: 0 0 10px; font-size: 24px; line-height: normal; border-bottom: dashed 1px #222; text-shadow: 0 1px 0 #111; } .headings1 { margin: 10px 0; font-size: 22px; font-size: 2.2rem; font-weight: 400; line-height: 1.3; text-transform: capitalize; } .headings2 { margin: 10px 0; font-size: 22px; font-size: 2.2rem; font-weight: 400; line-height: normal; text-transform: uppercase; color: #a21e21; } .headings_typo { margin: 10px 0; font-size: 22px; font-size: 2.2rem; font-weight: 400; line-height: normal; text-transform: uppercase; color: #a21e21; } .post-thumbnail { position: relative; margin-top: 4px; margin-right: 4px; } .blog-lists-title { position: relative; width: 70%; display: inline; float: left; margin-left: 8px; font-size: 12px; color: #999; } .blog-lists-title a { color: #333; } .section_thumbnails { clear: both; border-bottom: 1px solid #444; margin-bottom: 50px; } .section_thumbnails .col { margin: 0; } .section_thumbnails h3,.section h3 { color: #a21e21; font-weight: 300; line-height: normal; text-transform: capitalize; padding: 2px; } .thumbs-more-link,.thumbs-more { font-size: 15px; font-size: 1.5rem; line-height: normal; text-transform: uppercase; margin: 0; padding: 10px; background: #a21e21; } .thumbs-more-link a,.thumbs-more a { color: #fff; background: url(img/list-arrow.png) no-repeat 100% 50%; padding-right: 15px; } .thumbs-more-link.block { float: none; text-align: center; font-size: 1.8rem; padding: 0; background: #fff; border: solid 1px #a21e21; } .thumbs-more-link.block a { display: block; color: #000; padding: 15px; background-image: none; } .thumbs-more-link.block:hover { background: #a21e21; } .thumbs-more-link.block a:hover { color: #fff; } .thumbs-more { float: left; } .read { display: inline; padding: 2px 5px; text-align: center; background: #222; font-size: 11px; color: #fff; } .more-link-white {display:inline-block;width:auto;padding:5px 15px;border:solid 1px #fff;text-align:center;font-size:15px;font-weight:400;color:#fff;text-transform:uppercase;} .more-link-white:hover {background:#a21e21;color:#fff;} /* all browsers except IE6 and lower */ /* =IE Styles ----------------------------------------------- */ #ie8 .site-header img,#ie8 .entry-content img,#ie8 img.size-full,#ie8 .entry-thumbnail img,#ie8 .widget img,#ie8 .wp-caption img { width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ } .header-image img { width: 100%; height: auto; } .trigger-booking { position: absolute; right: 30px; margin-top: -60px; } #trigger { background: #00634e; cursor: pointer; display: block; height: 60px; line-height: 60px; padding: 0; position: relative; width: 240px; text-align: center; } #trigger:hover,#trigger.active,#top_trig:hover,#top_trig.active { background-color: #000; } #trigger span,#top_trig span { width: auto; /*background: url(img/ic-cal.png) no-repeat 0 50%;*/ color: #fff; text-transform: uppercase; font-size:1.3rem; font-weight: 700; letter-spacing: .28em; /*padding-left: 25px;*/ margin: auto; } #slide_widget { position: absolute; z-index: 1; right: 0; bottom: 60px; padding: 15px; width: 210px; border-top: solid 3px #00634e; background: #000; background: rgba(0,0,0,.7); box-shadow: 0 0 5px rgba(0,0,0,.5); } .xclose { display: inline; float: right; background: url(img/close.gif) no-repeat 0 50%; margin: 0; cursor: pointer; color: #000; font-size: 11px; padding-left: 13px; } .widget-booking { margin: 0 auto; padding: 20px 15px; background: rgba(255,255,255,1); box-shadow: 0 .625rem .75rem 0 rgba(0,0,0,.1); float:left; width:100%; } .top_booking { float: right; margin-top: 25px; position: relative; } .top-sign { float: right; margin-top: 25px; margin-right:15px; } .top-sign a { display: block; width: auto; padding: .68em 1.5em; color: #fff; text-align: center; text-transform: uppercase; font-size: 1.3rem; font-weight: 700; line-height: 1; letter-spacing: .28em; border: solid 2px #fff; background: rgba(255,255,255,0); } .top-sign a:hover, .top-sign a:focus { background: rgba(141,144,149,1); } #top_trig { cursor: pointer; display: block; padding: 0 1.5em; position: relative; text-align: center; border: solid 2px #fff; } #widget_top { position: absolute; right:15px; padding: 15px; background: #fff; top:60px; width:/*250px*/625px; -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); -khtml-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2); } #widget_top #hbook {margin:0;} /*#widget_top #hbook .col {float:none; margin-left:0; margin-bottom:10px!important; display:block;} #widget_top #hbook .col:last-child {margin-bottom:0!important;} #widget_top #hbook .col[class*="span_"] {width:100%;}*/ /* booking */ select.clean {cursor:pointer;appearance: none;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: '';} select.clean::-ms-expand {display: none;} select.clean:focus {} select.clean option {padding:7px 5px;border-bottom:solid 1px #ddd;} select.clean option[data-default] {display: none;} .hbook {border-top:solid 1px #a21e21;border-bottom:solid 1px #000;padding:10px 0;} form#hbook {margin:10px;} form#hbook h1 { margin: 17px 0 0; font-size: 19px; font-size: 1.9rem; font-weight:500; } form#hbook label { font-weight: 400; font-size: 14px; margin: 0; display: block; } form#hbook input[type="text"],form#hbook select { position: relative; margin: 0; font-size: 14px; text-transform:uppercase; border: solid 1px #d2d2d2; background: #fff; color: #444; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; width:100%; } form#hbook input[type="text"] { height: 38px; padding: 0 0 0 4%; border-radius: 0; } form#hbook select { width: 100%; height: 38px; padding-left: 5px; } form#hbook select {color:#999;} form#hbook select option {font-weight:700;color:#000;} form#hbook select option:hover, form#hbook select option:active, form#hbook select option:focus {box-shadow: 0 0 10px 100px #a21e21 inset;} form#hbook input[type="text"].cal { background: #fff url(img/calendar.png) no-repeat 95% 50%; border-radius: 0; } form#hbook input[type="text"].cal:focus { border-color: #a21e21; background-color: #fff; color: #900; } form#hbook input[type="text"]:focus,form#hbook select:focus { border-color: #a21e21; background: #fff; color: #900; } form#hbook input[type=submit] { min-width: 100%; background: #3c3c3c; border: solid 1px #3c3c3c; color: #fff; padding: 0; height: 38px; /*margin-top: 24px;*/ font-size: 17px; font-size: 1.7rem; font-weight: 600; text-shadow: none; border-radius: 0; box-shadow: none; } form#hbook input[type=submit]:hover { background: #666; border: solid 1px #555; color:#fff; } /*.style-1 label {width:100px;float:left;} .style-1 input[type="text"], .style-1 select {float:left;}*/ .style-1 select {font-size:12px!important;} .inbook { background: #ececec; border-bottom: solid 1px #ddd; padding: 5px 10px; margin-top: -15px; margin-right: -15px; margin-left: -15px; } form#inbook label { color: #a53446; text-shadow: 0 1px 0 #fff; font-weight: 600; font-size: 14px; margin: 0; display: block; } form#inbook input[type="text"],form#inbook select { position: relative; margin: 0; font-size: 13px; border: solid 1px #ccc; background: #fff; color: #444; } form#inbook input[type="text"] { height: 32px; padding: 0 0 0 2%; width: 98%; } form#inbook select { width: 100%; height: 34px; padding-left: 5px; } form#inbook input[type="text"].cal { background: #fff url(img/calendar.png) no-repeat 95% 50%; border-radius: 0; } form#inbook input[type="text"].cal:focus { border-color: #a53446; background-color: #fff; color: #900; } form#inbook input:focus,form#inbook select:focus,form#inbook select.short:focus { border-color: #000; background: #fff; color: #145377; } form#inbook input[type=submit],form#inbook input[type=button] { min-width: 100%; background: #a53446; border: solid 1px #903; color: #fff; padding: 0 15px; height: 32px; margin-top: 18px; font-size: 16px; font-weight: 600; text-shadow: 1px 1px 1px #000; border-radius: 0; box-shadow: none; } form#inbook input[type=submit]:hover,form#inbook input[type=button]:hover { background: #903; border: solid 1px #000; } /* custom select */ div.select-wrap { position: relative; } div.select-wrap:after { content: url(img/customSelect-arrow.gif); display: block; position: absolute; z-index: 1; top: 4px; right: 8px; pointer-events: none; } div.select-wrap:before { content: ''; right: 1px; top: 1px; width: 24px; height: 32px; background: #fff; border-left: dotted 1px #ddd; position: absolute; pointer-events: none; display: block; z-index: 1; } div.select-wrap select { width: 100%; margin: 0; background: #fff; color: #666; font-size: 12px; border: solid 1px #ccc; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; transition: all .15s linear 0; } div.select-wrap select:focus { border-color: #000; color: #900; background-color: #fff; } div.select-wrap select option { width: 100%; background-color: #fff; border-bottom: dotted 1px #ddd; } /* social icon */ ul#social { margin:0; padding: 0; overflow: hidden; } ul#social a { display: block; } ul#social li { list-style: none; display: inline; float: left; margin: 0; color: #8d9095; font-size: 12px; font-weight: 400; border: none; } ul#social li:last-child { margin: 0; } ul#social li a { color: #3c3c3c; padding: 0 5px; line-height: normal; height: auto; } ul#social li a:hover { color: #666; } /* footer fix menu */ .foot-menu ul { margin: 0; padding: 0; font-size: 12px; } * html .foot-menu ul { width: auto !important; } .foot-menu ul li { display: inline; float: left; padding: 0 10px; border-right: solid 1px #444; line-height: normal; } .foot-menu ul li a { color: #aaa; font-weight: 400; text-decoration: none; } .foot-menu ul li.first { padding-left: 0; } .foot-menu ul li.last { padding-right: 0; border: none; } .small-info { font-size: 10px; margin: 10px 0; line-height: 1.7em; } img.respon { float: none; margin: auto; width: 100%; max-width: 100%; height: auto; } /* footer brand logo */ .brandMap { width: 100%; position: relative; margin-top: 60px; } .brandMap img { display: block; width: 100%; } .brandMap a { display: block; position: absolute; } .brandMap a.kgm { left: 0; top: 25%; width: 14%; height: 50%; } .brandMap a.gf { left: 22%; top: 0; width: 15%; height: 45%; } .brandMap a.gino { left: 40%; top: 0; width: 8%; height: 45%; } .brandMap a.gv { left: 51%; top: 0; width: 10%; height: 45%; } .brandMap a.gse { right: 28%; top: 0; width: 8%; height: 45%; } .brandMap a.se { right: 16%; top: 0; width: 8%; height: 45%; } .brandMap a.zo { right: 5%; top: 0; width: 8%; height: 45%; } .brandMap a.mk { right: 5%; bottom: 0; width: 5%; height: 43%; } .brandMap a.ve { right: 17%; bottom: 0; width: 5%; height: 43%; } .brandMap a.bi { right: 28%; bottom: 0; width: 10%; height: 43%; } .brandMap a.gt { right: 50%; bottom: 0; width: 14%; height: 43%; } .brandMap a.ot { left: 35%; bottom: 0; width: 7%; height: 43%; } .brandMap a.am { left: 22%; bottom: 0; width: 9%; height: 43%; } .recent-featured-thumb { padding: 3%; margin-bottom: 10px; background: #222; background: rgba(0,0,0,.2); position: relative; -webkit-transition: all .3s ease-in-out 0; -moz-transition: all .3s ease-in-out 0; -o-transition: all .3s ease-in-out 0; -ms-transition: all .3s ease-in-out 0; transition: all .3s ease-in-out 0; } .recent-featured-thumb img { width: 100%; max-width: 100%; height: auto; margin-bottom: -10px; position: relative; } .post-thumbs, .promo-thumbs { margin-bottom:15px; } .post-thumbs img { width: 100%; max-width: 100%; height: auto; display:block; } .promo-thumbs { text-align: center; } .promo-thumbs img { max-width: 100%; height: auto; } .recent-featured-thumb:hover { background: rgba(0,0,0,.5); } .recent-featured-thumb-detail { padding: 7px; padding-bottom: 0; /*margin:0 20px 5px 0;*/ background: #222; border: solid 1px #333; /*width:40%;float:left;*/ text-align: center; } .meta-box { background: #000; background: rgba(0,0,0,.2); padding: 2%; } .meta-box.abs { position: absolute; z-index: 1; width: 90%; } .wrapper-abs { position: absolute; z-index: auto; margin-left: -480px; left: 50%; top: 89px; width: 960px; padding: 0; } .wrapper-abs.bots { top: auto; bottom: 80px; } /*.fullwidth-bg {width:100%;height:450px;z-index:auto;border-bottom:solid 1px #111111; background-image: url(img/blur.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }*/ .fullwidth-bg { width: 100%; } .fullwidth-bg img { max-width: 100%; width: 100%; height: auto; display: block; } .cover { height: 550px; background-image: url(img/blur.jpg); background-size: cover; background-position: top center; background-repeat: no-repeat; } .min { padding-top: 35px; } .mintop { margin-top: /*-165px*/-60px; } .gap { margin-top: 614px; } .gap1 { margin-top: 350px; border-top: solid 3px #a21e21; } .inshow { margin: 0 -15px; } .page-header { margin: 0 -15px; border-bottom: solid 3px #ddd; position: relative; } .page-header img { margin-bottom: -9px; width: 100%; height: auto; } .gallery { margin: auto; } .gallery-item { float: left; margin: 0; text-align: center; width: auto; } .gallery-icon { margin-bottom: -10px; } .gallery-icon a img { opacity: .8; filter: alpha(opacity=80); zoom: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(100%); } .gallery-icon a img:hover { opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; zoom: 1; -webkit-filter: grayscale(0%); } .wp-caption-text.gallery-caption { margin: 0; } .wdgt { /*position:absolute;bottom:80px;left:60px;*/ width: 125px; padding: 15px; padding-bottom: 0; text-align: center; background: #fff; background: rgba(255,255,255,.8); border-top: solid 1px #a21e21; border-bottom: solid 1px #a21e21; } ul.list { margin: 0; padding: 0; display: table; } ul.list li:before { display: table-cell; padding-right: 10px; font-family: 'FontAwesome'; content: '\f192'; color: #ccc; } ul.list li { list-style: none; display: table-row; font-size: 16px; font-size: 1.6rem; line-height: 1.6; letter-spacing: .08em; } ul.list li.heading { border-bottom: solid 1px #ddd; color: #333; font-weight: 700; margin-bottom: 10px; } ul.list li.heading:before { content: ''; } .call-right-widget { margin: 0 0 20px; } .call-right-widget hr { clear: both; margin: 8px 0; background: url(img/right-column-shadow.png) no-repeat center bottom; border-top: 0 none; height: 18px; } .callnumber { background: url(img/phone-icon.png) no-repeat left center; display: table; float: left; height: 36px; padding-left: 35px; } .callnumber-cell { display: table-cell; vertical-align: middle; } .callnumber-cell img { float: left; margin: 0 5px 0 0; vertical-align: middle; } .callnumber-cell .tollfree { font-size: 10px; line-height: 10px; padding-bottom: 1px; } .callnumber-cell .phoneno { font-size: 20px; line-height: 16px; } .responsive { width: 100%; border-collapse: collapse; font-size: 14px; border: solid 1px #cba55c; } .responsive tr:nth-of-type(odd) { background-color: #f9f9f9; } .responsive tr:nth-of-type(even) { background-color: #fff; } .responsive thead tr th { background-color: #fff; color: #cba55c; font-weight: 400; } .responsive td, .responsive th { padding: 5px; text-align:center; } .responsive th { background-color: #fff; border: solid 1px #cba55c; color: #a21e21; text-align: center; } .responsive th img {display:block;width:auto;margin:auto;} .responsive td { border: solid 1px #cba55c !important; } .responsive tr:hover { background-color: #cba55c; background: rgba(203,165,92,.3); } .shadrt { background: url(img/bg-nav-side.png) no-repeat right top; } ul.iconic { margin: 0; padding: 0; } ul.iconic li { list-style-type: none; padding: 5px 5px 5px 20px; font-size: 16px; font-size: 1.6rem; letter-spacing: .08em; line-height: normal; background-image: none; } ul.iconic li:hover { color: #444; } ul.iconic li:last-child { border-bottom: none; } ul.iconic li i { display: inline-block; width: 16px; height: 16px; margin-left: -20px; margin-right: 5px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; } .ic-clock { background-image: url(img/iconic/ic-clock.png); } .ic-bed { background-image: url(img/iconic/ic-bed.png); } .ic-bath { background-image: url(img/iconic/ic-bath.png); } .ic-bathtub { background-image: url(img/iconic/ic-bathtub.png); } .ic-ac { background-image: url(img/iconic/ic-ac.png); } .ic-livroom { background-image: url(img/iconic/ic-livroom.png); } .ic-sofa { background-image: url(img/iconic/ic-sofa.png); } .ic-sofabed { background-image: url(img/iconic/ic-sofabed.png); } .ic-tv { background-image: url(img/iconic/ic-tv.png); } .ic-tvcable { background-image: url(img/iconic/ic-tvcable.png); } .ic-depbox { background-image: url(img/iconic/ic-depbox.png); } .ic-wifi { background-image: url(img/iconic/ic-wifi.png); } .ic-secure { background-image: url(img/iconic/ic-secure.png); } .ic-desk { background-image: url(img/iconic/ic-desk.png); } .ic-dine { background-image: url(img/iconic/ic-dine.png); } .ic-shower { background-image: url(img/iconic/ic-shower.png); } .ic-dryer { background-image: url(img/iconic/ic-dryer.png); } .ic-coffee { background-image: url(img/iconic/ic-coffee.png); } .ic-bar { background-image: url(img/iconic/ic-bar.png); } .ic-shoe { background-image: url(img/iconic/ic-shoe.png); } .ic-news { background-image: url(img/iconic/ic-news.png); } .ic-smoke { background-image: url(img/iconic/ic-smoke.png); } .ic-nosmoke { background-image: url(img/iconic/ic-nosmoke.png); } .ic-towel { background-image: url(img/iconic/ic-towel.png); } .ic-phone { background-image: url(img/iconic/ic-phone.png); } .ic-dock { background-image: url(img/iconic/ic-dock.png); } .ic-robe { background-image: url(img/iconic/ic-robe.png); } .ic-alarm { background-image: url(img/iconic/ic-alarm.png); } .ic-desk-chair { background-image: url(img/iconic/ic-desk-chair.png); } .ic-iron { background-image: url(img/iconic/ic-iron.png); } .ic-pajamas { background-image: url(img/iconic/ic-pajamas.png); } .ic-tooth { background-image: url(img/iconic/ic-tooth.png); } .ic-shampoo { background-image: url(img/iconic/ic-shampoo.png); } .ic-soap { background-image: url(img/iconic/ic-soap.png); } .ic-slippers { background-image: url(img/iconic/ic-slippers.png); } .ic-dvd { background-image: url(img/iconic/ic-dvd.png); } .ic-refrig { background-image: url(img/iconic/ic-refrig.png); } .ic-dispenser { background-image: url(img/iconic/ic-dispenser.png); } .ic-kitchen { background-image: url(img/iconic/ic-kitchen.png); } .ic-stationary { background-image: url(img/iconic/ic-stationary.png); } .ic-desklamp { background-image: url(img/iconic/ic-desklamp.png); } .ic-bwater { background-image: url(img/iconic/ic-bwater.png); } .ic-24rs { background-image: url(img/iconic/ic-24rs.png); } .ic-snack { background-image: url(img/iconic/ic-snack.png); } .ic-hcwater { background-image: url(img/iconic/ic-hcwater.png); } .ic-pillow { background-image: url(img/iconic/ic-pillow.png); } .ic-comb { background-image: url(img/iconic/ic-comb.png); } .ic-razor { background-image: url(img/iconic/ic-razor.png); } .ic-haircap { background-image: url(img/iconic/ic-haircap.png); } .ic-karaoke { background-image: url(img/iconic/ic-karaoke.png); } .ic-toilet { background-image: url(img/iconic/ic-toilet.png); } .ic-cctv { background-image: url(img/iconic/ic-cctv.png); } .ic-laundry { background-image: url(img/iconic/ic-laundry.png); } .ic-fitness { background-image: url(img/iconic/ic-fitness.png); } .ic-cupboard { background-image: url(img/iconic/ic-cupboard.png); } .ic-theater { background-image: url(img/iconic/ic-theater.png); } .ic-cake { background-image: url(img/iconic/ic-cake.png); } .ic-medic { background-image: url(img/iconic/ic-medic.png); } .ic-printer { background-image: url(img/iconic/ic-printer.png); } .ic-heater { background-image: url(img/iconic/ic-heater.png); } .ic-balcony { background-image: url(img/iconic/ic-balcony.png); } .ic-jacuzzi { background-image: url(img/iconic/ic-jacuzzi.png); } .ic-swimpool { background-image: url(img/iconic/ic-swimpool.png); } .ic-makeup { background-image: url(img/iconic/ic-makeup.png); } .ic-resto { background-image: url(img/iconic/ic-resto.png); } .ic-bars { background-image: url(img/iconic/ic-bars.png); } .ic-coffee-shop { background-image: url(img/iconic/ic-coffee-shop.png); } .ic-airport { background-image: url(img/iconic/ic-airport.png); } .ic-elevator { background-image: url(img/iconic/ic-elevator.png); } .ic-lift { background-image: url(img/iconic/ic-lift.png); } .ic-roomsrv { background-image: url(img/iconic/ic-roomsrv.png); } .ic-business { background-image: url(img/iconic/ic-business.png); } .ic-concierge { background-image: url(img/iconic/ic-concierge.png); } .ic-shuttle { background-image: url(img/iconic/ic-shuttle.png); } .ic-spa { background-image: url(img/iconic/ic-spa.png); } .ic-kids { background-image: url(img/iconic/ic-kids.png); } .ic-carpark { background-image: url(img/iconic/ic-carpark.png); } .ic-valepark { background-image: url(img/iconic/ic-valepark.png); } .ic-garden { background-image: url(img/iconic/ic-garden.png); } .ic-salon { background-image: url(img/iconic/ic-salon.png); } .ic-niteclub { background-image: url(img/iconic/ic-niteclub.png); } .ic-doc24 { background-image: url(img/iconic/ic-doc24.png); } .ic-taxi { background-image: url(img/iconic/ic-taxi.png); } .ic-disabled { background-image: url(img/iconic/ic-disabled.png); } .ic-lan { background-image: url(img/iconic/ic-lan.png); } .ic-luggage { background-image: url(img/iconic/ic-luggage.png); } .ic-poolbar { background-image: url(img/iconic/ic-poolbar.png); } .ic-meetfac { background-image: url(img/iconic/ic-meetfac.png); } .ic-lounge { background-image: url(img/iconic/ic-lounge.png); } .ic-babycot { background-image: url(img/iconic/ic-babycot.png); } .ic-beach { background-image: url(img/iconic/ic-beach.png); } .ic-beach1 { background-image: url(img/iconic/ic-beach1.png); } .ic-clinic { background-image: url(img/iconic/ic-clinic.png); } .ic-tourinfo { background-image: url(img/iconic/ic-tourinfo.png); } .ic-gazebo { background-image: url(img/iconic/ic-gazebo.png); } .ic-roofbar { background-image: url(img/iconic/ic-roofbar.png); } .ic-teniscourt { background-image: url(img/iconic/ic-teniscourt.png); } .ic-gift { background-image: url(img/iconic/ic-gift.png); } .ic-butler { background-image: url(img/iconic/ic-butler.png); } .ic-bicycle { background-image: url(img/iconic/ic-bicycle.png); } .ic-babycar { background-image: url(img/iconic/ic-babycar.png); } .ic-wchair { background-image: url(img/iconic/ic-wchair.png); } .ic-kidpool { background-image: url(img/iconic/ic-kidpool.png); } .ic-book { background-image: url(img/iconic/ic-book.png); } .ic-casino { background-image: url(img/iconic/ic-casino.png); } .ic-sauna { background-image: url(img/iconic/ic-sauna.png); } .ic-steamroom { background-image: url(img/iconic/ic-steamroom.png); } .ic-golf { background-image: url(img/iconic/ic-golf.png); } .ic-famroom { background-image: url(img/iconic/ic-famroom.png); } .ic-shop { background-image: url(img/iconic/ic-shop.png); } .ic-babysit { background-image: url(img/iconic/ic-babysit.png); } .ic-exfloor { background-image: url(img/iconic/ic-exfloor.png); } .ic-massage { background-image: url(img/iconic/ic-massage.png); } .ic-front24 { background-image: url(img/iconic/ic-front24.png); } .ic-faxphoto { background-image: url(img/iconic/ic-faxphoto.png); } .ic-atm { background-image: url(img/iconic/ic-atm.png); } .ic-mosque { background-image: url(img/iconic/ic-mosque.png); } .ic-citytour { background-image: url(img/iconic/ic-citytour.png); } .ic-weldrink { background-image: url(img/iconic/ic-weldrink.png); } .ic-carent { background-image: url(img/iconic/ic-carent.png); } .ic-hclinic { background-image: url(img/iconic/ic-hclinic.png); } .ic-ironboard { background-image: url(img/iconic/ic-ironboard.png); } .ic-cotton { background-image: url(img/iconic/ic-cotton.png); } .ic-lotion { background-image: url(img/iconic/ic-lotion.png); } .ic-showroom { background-image: url(img/iconic/ic-showroom.png); } .ic-showhead { background-image: url(img/iconic/ic-showhead.png); } .ic-radio { background-image: url(img/iconic/ic-radio.png); } .ic-mosquip { background-image: url(img/iconic/ic-mosquip.png); } .ic-roomwear { background-image: url(img/iconic/ic-roomwear.png); } .ic-netjack { background-image: url(img/iconic/ic-netjack.png); } .ic-terrace { background-image: url(img/iconic/ic-terrace.png); } .ic-sunlounge { background-image: url(img/iconic/ic-sunlounge.png); } .ic-dirserv { background-image: url(img/iconic/ic-dirserv.png); } .ic-wboiler { background-image: url(img/iconic/ic-wboiler.png); } .ic-socket { background-image: url(img/iconic/ic-socket.png); } .ic-amenities { background-image: url(img/iconic/ic-amenities.png); } .ic-inpool { background-image: url(img/iconic/ic-inpool.png); } .ic-dintable { background-image: url(img/iconic/ic-dintable.png); } .ic-ftowel { background-image: url(img/iconic/ic-ftowel.png); } .ic-htowel { background-image: url(img/iconic/ic-htowel.png); } .ic-haircond { background-image: url(img/iconic/ic-haircond.png); } .ic-sepshowtub { background-image: url(img/iconic/ic-sepshowtub.png); } .ic-musicequip { background-image: url(img/iconic/ic-musicequip.png); } .ic-bodysoap { background-image: url(img/iconic/ic-bodysoap.png); } .ic-gym { background-image: url(img/iconic/ic-gym.png); } .ic-smoke1 { background-image: url(img/iconic/ic-smoke1.png); } .ic-racket { background-image: url(img/iconic/ic-racket.png); } div.ppt { line-height: normal; } .responsive-tabs .responsive-tabs__list { margin-bottom: 11px !important; font-size: 14px !important; } .responsive-tabs__list__item { font-family: 'Domine',serif; font-size: 14px !important; } .responsive-tabs__list__item:hover { color: #a21e21 !important; } .responsive-tabs__list__item--active,.responsive-tabs__list__item--active:hover { background: #000 !important; border-color: #a21e21 #a21e21 #000 !important; color: #a21e21 !important; } .responsive-tabs__panel { background: rgba(0,0,0,.5) !important; border-color: #a21e21 !important; } ul.post-meta { margin: 0 0 7px .5em; } ul.post-meta li { line-height: normal; font-weight: 700; color: #999; } ul.post-meta li span.post-meta-key { font-weight: 400; } .post-paging { margin: 0; } .post-paging a { display: inline; padding: 1px 4px; background: #333; border: solid 1px #444; margin: 0 1px; font-size: 11px; color: #ccc; } .post-paging a:hover { background: #ececec; color: #a21e21; border-color: #a21e21; } .post-paging a.selected { color: #fff; background: #a21e21; border-color: #fff; } .btn-vr { background: #a21e21; cursor: pointer; display: block; padding: 5px 20px; float: right; width: auto; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(110,60,89,.5); font-size: 12px; z-index: 1; } .btn-vr:hover,.btn-vr:focus { color: #fff; background: #5a195b; } .lt { text-align: left !important; } .ltop { /*position:absolute; left:auto; top:0.4em; height:auto; */ line-height: normal; color: #fff; font-size: 70%; display: block; } .rbot { position: absolute; right: .7em; bottom: 17%; height: auto; line-height: normal; color: #fff; font-size: 100%; letter-spacing: normal; } span.none { background: none !important; padding-left: 0 !important; line-height: 1; font-size: 145%; } .bg-cover { background-image: url(img/bg-room-grey.jpg); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-color: #ccc; } .bg-cover.dine { background-image: url(img/bg-resto-grey.jpg); } .bg-cover.global { background-image: url(img/bg-lobby-grey.jpg); } .bg-section {background:#f3f3f3;padding:30px 0;} .awesome-weather-wrap { height: 450px; } .direction-controls-placeholder,.rendered-directions-placeholder { border-color: #a21e21 !important; } .rendered-directions-placeholder { width: 100% !important; padding: 0 !important; } .box { overflow: hidden; position: relative; } .box img { max-width: 100%; width:100%; height: auto; display: block; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: transform; transition-property: transform; } .box:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .box .bg { background: rgba(0,0,0,0.5); height: 100%; width: 100%; left: 0; position: absolute; top: 0; z-index: auto; } .box:hover .bg { background: rgba(0,0,0,0.2); } .box .wrap { display: block; padding: 15px; position: relative; top: 50%; transform: translateY(-50%); } .box .bg h1, .box .bg h4, .box .bg p { color: #fff !important; text-shadow: 0 1px 0 #000; } .box .bg a { display: block; margin: auto; width: 150px; height:30px; line-height:30px; padding: 0x 15px; text-align: center; color: #fff; border: solid 1px #fff; text-transform: uppercase; font-size:1.2rem; font-weight: 600; letter-spacing: 2.93px; } /*.box .bg a:hover {background-color: #faae17!important;}*/ .box:hover .bg a { background-color: #8d9095; } .box .bg a.inline {display:inline-block;margin-right:15px;} .box .bg a.inline:last-child {margin-right:0;} figure.figurefx {margin: 0;padding: 0;position: relative;overflow: hidden;} figure.figurefx::before, figure.figurefx::after{ content: ''; width: 100%; height: 100%; display: block; background: #000; position: absolute; opacity: 0.5; top: 0; left: 0; /*-moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);*/ -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } figure.pushup:hover::after { -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } figure.figurefx img{ display: block; max-width:100%; height:auto; } figure.figurefx figcaption{ position: absolute; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; background: #a21e21; background: rgba(162,30,33,.95); padding: 10px; z-index: 100; width: 100%; max-height: 100%; overflow: hidden; top: 50%; left: 0; -moz-transform: translate3d(-100%, -50%, 0); -webkit-transform: translate3d(-100%, -50%, 0); transform: translate3d(-100%, -50%, 0); opacity: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } figure.figurefx figcaption h4, figure.figurefx figcaption p {color:#fff;} figure.pushup img{ -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } figure.pushup figcaption{ top: 100%; opacity: 1; -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.pushup:hover img{ -moz-transform: translate3d(0, -20px, 0); /* move image up vertically a bit for parallax effect */ -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } figure.pushup:hover figcaption{ -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; } .vert {padding: 5% 0;} .vert-in {padding: 5% 15%;} .spacer {display:block;height:5px;background:#a21e21;} .-skin-default .-filters {border-color:#ccc!important;} .-skin-default .-filters .-filter.active {border-color:#333!important;background-color:#ddd!important;color:#000!important;} .-skin-default .-filters .-filter {border-color:#ccc!important;color:#999!important;} .-skin-default .-filters .-filter:hover {background-color:#ddd!important;} /* datepicker style */ #ui-datepicker-div { border-radius: 0; border-color: #ededed; font-family: inherit !important; background: #fff !important; display: none; } .ui-datepicker { border: none !important; border-radius: 0 !important; padding: 0 !important; } .ui-datepicker .ui-datepicker-title { color: #a21e21; text-transform: capitalize; font-weight: 700; } .ui-datepicker-header { background: none !important; border: none !important; border-radius: 0 !important; } .ui-datepicker table { border: none; } .ui-datepicker th { color: #000; text-transform: capitalize; font-weight: 700; } .ui-datepicker-calendar thead { border-bottom: none; background: none; } .ui-datepicker-calendar tbody tr { background: none !important; } .ui-datepicker-calendar tbody tr:last-child { border: none; } .ui-datepicker-calendar tbody td { border: solid 1px #ededed; padding: 0; } .ui-datepicker-calendar tbody td a,.ui-datepicker-calendar tbody td span { text-align: center; } .ui-datepicker-calendar tbody td a:hover { background: #a21e21 !important; color: #fff !important; } .ui-datepicker-calendar .ui-state-default { background: none !important; border: none !important; color: #555 !important; } .ui-datepicker-calendar .ui-state-default.ui-state-highlight { background: #a21e21 !important; color: #fff !important; } .stick {position:fixed;top:0;left:0;z-index:3;width:100%;background:rgba(255,255,255,1);-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;} /*.stick .main-navigation {float:none;margin:0 auto;width:100%;}*/ /*.stick .main-navigation {float:left;margin-left:20px;width:auto;}*/ .stick .site-introduction {position:relative;float:left;} .stick .site-title {/*padding:10px;*/} .stick .site-title a {/*background-image:url(img/logo-text.png);width:120px;height:45px;*/} .stick .site-logo {position:relative;float:left;} .stick .site-logo a {} .stick .main-navigation a, .stick .main-navigation li:hover > a, .stick .main-navigation li.current_page_item a, .stick .main-navigation li.current-menu-item a {color:#000;text-shadow: none;} .stick .main-navigation {margin-left:50px;} .stick .main-navigation ul ul a:hover, .stick .main-navigation ul ul ul a:hover {color:#fff;} .stick .main-navigation ul ul {background:rgba(255,255,255,1);} .stick .main-navigation li li.current_page_item a, .stick .main-navigation li li.current-menu-item a {color:#fff;} /*.stick .site-logo img {-webkit-filter: invert(100%);-moz-filter: invert(100%);filter: invert(100%);}*/ .stick #top_trig {border-color:#3c3c3c;background-color:#3c3c3c;} .stick .lang {border-color:#000;} .stick .top-sign a {border-color:#8d9095;background-color:#8d9095;} .stick-1 {position:fixed;top:65px;left:0;z-index:2;width:100%;box-shadow:0 2px 7px rgba(0, 0, 0, 0.2);border-top:solid 1px #faae17;-webkit-animation: glidein 0.5s forwards;animation: glidein 0.5s forwards;} .stick-1 #hbook {max-width:1024px;margin-left:auto;margin-right:auto;} .stick-1 .widget-booking {/*background:rgba(102, 102, 102, 0.95);*/background:rgba(99, 33, 34, 0.9);width:100%;} @-webkit-keyframes glidein { from{-webkit-transform: translate3d(0,-100%,0)} to{-webkit-transform: translate3d(0,0,0)} } @keyframes glidein{ from{transform: translate3d(0,-100%,0)} to{transform: translate3d(0,0,0)} } dl.desinfo {padding:0;margin:0 0 10px;overflow:hidden;font-size:15px;font-size:1.5rem;} .desinfo dt {float: left;clear: left;width: 180px;text-align: left;font-weight: 600;} .desinfo dt:after {content: ":";float:right;} .desinfo dd {margin: 0 0 0 190px;padding:0;} #CDSWIDSSP {width:100%!important;} .popup {width:100%;height:100%;display:none;position:fixed;overflow:auto;top:0px;left:0px;background:rgba(0,0,0,0.75);z-index:99999;} .popup-inner {max-width:800px;width:90%;background:#fff;position:relative;margin:50px auto;z-index:99998;/*position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);*/} .popup-close {width:30px;height:30px;line-height:28px;display:inline-block;position:absolute;top:0px;right:0px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);border:solid 3px #fff;border-radius:1000px;background:rgba(0,0,0,0.8);font-size:20px;text-align:center;color:#fff;} .showing-popup {overflow: hidden;} .popup-banner img {width:100%;} .error {border-color:red!important;background-color:pink!important;} .error::-webkit-input-placeholder {color:red;font-size:12px!important;font-weight:300!important;} .error:-moz-placeholder {color:red;font-size:12px!important;font-weight:300!important;opacity:1;} .error::-moz-placeholder {color:red;font-size:12px!important;font-weight:300!important;opacity:1;} .error:-ms-input-placeholder {color:red;font-size:12px!important;font-weight:300!important;} /*label.error {color:red!important;font-size:12px!important;font-weight:300!important;height:auto!important;} .valid {border-color:green!important;}*/ .home-text .bigf {font-size:34px;font-size:3.4rem;font-weight:400;margin-right:20px;line-height:1.1;} .bigf {font-size:34px;font-size:3.4rem;font-weight:400;margin-right:20px;line-height:1.1;} .small-title-link {text-transform:uppercase!important;color:#a21e21;font-weight:600!important;text-align:left!important;} .small-link {text-transform:uppercase;font-weight:600;color:#000;} .formbox-title-800024 {padding:0!important;color:#000000!important} button.formbox-button-800024 {box-shadow:none;text-shadow:none;} .rcomp {background:rgba(255,255,255,.85);border-top:solid 1px #000;margin-top:10px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .rcomp .border {border: solid 1px #000;border-top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:10px;} .rcomp .cols {border-bottom: 0;border-right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .rcomp .cols:nth-child(2n) {border-right: 0;} .rcomp p {margin:0;font-size:13px;} .rcomp .bolder {font-weight:600;font-size:1.8rem;font-size:18px;color:#333;} .rcomp .none {border:none;padding:0;} .list-smaller {list-style-type:none;margin:0;} .list-smaller li {font-size:14px} .list-smaller li span {float:right;font-weight:600;} .wide {max-width:95%;} .iconfa-big {margin-bottom:15px;color:#8d9095;} .iconfa-big a:hover {color:#666;} .iconfa-big img {margin:auto;} .jpad {text-align: justify;} .minp {height: 180px;} .mint {height: 50px;} .minp p {line-height: 1.5;} .fs18 {font-size: 1.8rem;} .zigzag {background-color:#f9f9f9;} .side-text-wrap {height:60vh;overflow:hidden;position:relative;} .side-text {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);padding:0 10%;text-align:center;} .side-img {height:60vh;overflow:hidden;position:relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;} .side-img .overlay {position: absolute;bottom: 0;right: 0;top: 20%;left: 0; background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8))); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); } .side-img .overlay-text {width:40%;position:absolute;top:auto;left:auto;right:0;bottom:60px;z-index:2;padding:0 5%;} .zigzag.morevh .side-text-wrap, .zigzag.morevh .side-img {height:80vh;} .zigzag.morevh .side-text {text-align:left;} .zigzag .content {font-size:1.6rem;line-height:1.5;letter-spacing:.08em;font-weight:400;} .bg-img {overflow:hidden;position:relative;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-attachment: scroll;background-repeat: no-repeat;background-position: center center;} .vh30 {height: 30vh;} .vh20 {height: 200px;} .vh45 {height: 45vh;} .vh47 {height: 47vh;} .exc-size {font-size:2rem;font-weight:300;letter-spacing:normal;} .nett-price {font-size:14px!important;font-size:1.4rem!important;margin:0;} .nett-price span {display:block;line-height:normal;} .nett-price .small-text {font-weight:400;} .nett-price .start-price {font-size:2rem;font-size:20px;font-weight:600;color:#a21e21;} .icon-link, .icon-link.more {color: #000;width: auto;cursor: pointer;display: inline-block;font-size: 1.2rem;letter-spacing:2.93px;font-weight:600;text-align: center;text-transform: uppercase;vertical-align: middle;white-space: nowrap;} .icon-link::before {content: "\f0a9"!important; display: inline-block;font-family: 'FontAwesome';color:#a21e21;font-size:26px;font-weight:400;vertical-align: middle;padding-right: 5px;} .icon-link.more::before {content: "\f0f6"!important;} .icon-link:hover, .icon-link:focus, .icon-link:active {color:#a21e21;} .icon-link.white, .icon-link.white:hover, .icon-link.white:focus, .icon-link.white:active, .icon-link.white::before {color:#fff;} .link-inline a {display: inline-block;border: solid 2px #fff;padding: 10px 15px;margin-right: 10px;color: #fff;background-color:transparent;text-align: center;text-transform: uppercase;font-weight: 600;} .link-inline a:last-of-type {margin-right: 0;} .link-inline a:hover, .link-inline a:focus, .link-inline a:active, .link-inline a:visited {color: #fff;} .link-inline a.cta, .link-inline a.cta:hover, .link-inline a.cta:focus, .link-inline a.cta:active, .link-inline a.cta:visited {background-color: #fff;color: #61360b;} .link-inline a.dark, .link-inline a.dark:hover, .link-inline a.dark:focus, .link-inline a.dark:active, .link-inline a.dark:visited {background-color: #8d9095;color: #fff;} .pills a {display: inline-block;height: 40px;line-height: 40px;padding:0 30px;background: rgba(0,0,0,.5);text-align: center;color: #fff;font-weight: 600;margin-right: 15px;border-radius: 20px;} .pills a:last-of-type {margin-right: 0;} .pills a:hover, .pills a:focus {color:#fff;background: rgba(0,0,0,.7);} .bg-box {background-color:#fff;box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2);} .bg-box .content {padding:20px;} .bg-box .content .headings1 {font-weight:300;} .lang a {font-size:11px;font-weight:300;height:30px;line-height:30px;padding-left:10px;padding-right:10px;} .lang {border:solid 1px #fff;margin-top:18px!important;} .lang .sub-menu {width:80px;} .lang .sub-menu li a {width:67px;} .bis {background:none!important;-moz-box-shadow: inset 0 -35px 10px -10px rgba(0,0,0,.4);-webkit-box-shadow: inset 0 -35px 10px -10px rgba(0,0,0,.4);box-shadow: inset 0 -35px 10px -10px rgba(0,0,0,.4);} .abl {position:absolute;bottom:0;left:0;padding:10px 15px;width:auto;} .show-for-small {display:none;} .priv {position: relative;height: 300px;overflow: hidden;display:block;background-image: url(img/privillage.jpg);background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} .abs-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .more-down {top: 85%!important} /*ul.centered {text-align: center;} ul.centered li {display: inline-block;*display: inline;*zoom: 1;text-align: center;margin-right: 15px;} ul.centered li:last-child {margin-right: 0;}*/ ul.centered { display: flex; } ul.centered li { flex: 1; text-align: center; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ /* for 800px or less */ @media only screen and (max-width: 767px) { #main { overflow: visible; } #content,#primary,#secondary,#tertiary { background: none; float: none; margin: 0; padding: 0; } #primary,#secondary,#tertiary { width: 100%; } .site-header site-introduction,#main { padding: .8em; } .header_container { height: 100%; width: 100%; padding: 0; background: #000; } .site-main { /*padding: 0 0 15px !important;*/ } #masthead-wrap { position: relative; } .wraps-fluid {max-width:100%;} .entry-title,.page-title,.entry-meta { } .site-title { padding-bottom: 0; padding-top: 0; } .site-header .site-introduction { position: relative; } .site-title a,.site-description { padding-top: 15px; padding-bottom: 15px; } .section_thumbnails h3,.section h3 { font-size: 18px; text-align: center; } .trigger-booking { position: relative; margin: 0; right: auto; } #trigger { width: 100%; padding: 0; } #top_trig { width: auto; } #slide_widget { position: relative; bottom: auto; right: auto; width: auto; } #widget_top { position: relative; top: auto; right: auto; width: auto; } .top_booking { display: block; width: 100%; margin: 0; float: none; } form#formreservation .blok,form#inbook .blok { float: none; } form#formreservation input.cal[type="text"],form#inbook input.cal[type="text"] { width: 95%; margin: 0; padding: 5px 2%; background-position: 98% 50%; } form#formreservation select.short,form#inbook select.short { width: 100%; } form#formreservation h2 { text-align: center; } .fancyselect { width: 100%; } .fancyselect .dropdown { position: relative; width: auto; right: auto; } .xclose { float: none; margin: 5px auto 0 !important; display: block; width: 60px; } .lefts,.rights { float: none; display: inline-block; width: 100%; margin: 0; } .brandMap { margin-top: 10px; } #content.fullwidth,#primary,#secondary,#tertiary { margin-top: 0 !important; } #primary_home {padding:0 10px; width:auto;} .recent-featured-thumb-detail { width: auto; float: none; margin-right: 0; margin-bottom: 20px; } .foot-menu ul { margin-bottom: 15px; } .foot-menu ul li { display: block; float: none; border-right: none; border-bottom: solid 1px #444 !important; padding: 2px 5px !important; } .wrapper-abs { position: relative; margin: 0 auto; left: auto; top: auto; width: auto; } .min { margin-top: auto; padding-top: 0; } .mintop { margin-top: 0; } .custom-page-title { margin-left: 0; } .page-header { margin: 0; } .inshow { margin: 0 -10px; } .wdgt { display: none; } .responsive table,.responsive thead,.responsive th,.responsive tr,.responsive td { display: block; } .responsive thead tr { position: absolute; top: -9999px; left: -9999px; } .responsive thead tr td { padding-left: 5% !important; } .responsive td { border: none; padding-left: 45% !important; position: relative; } .responsive td:before,.responsive th:before { position: absolute; top: 5px; left: 5px; width: 45%; padding-right: 10px; white-space: nowrap; content: attr(data-label) ""; font-weight: 700; } .responsive-tabs__heading { font-weight: 400 !important; font-size: 14px !important; line-height: normal !important; } .hidden { display: none; } ul#social { margin: 10px auto 0; text-align: center; width: auto; } .actr { text-align: center; } .btn-vr { margin: -.9em -.8em 0; float: none; clear: both; } .absolute { position: relative; width: auto; margin: 0; left: auto; top: auto; } .fixed_wrap { position: relative; height: auto; } .gap,.gap1 { margin-top: 0; } .cover { height: 150px; } .awesome-weather-wrap { height: auto; } .ui-datepicker-group { width: 100% !important; clear: both; } #ui-datepicker-div { left: 0 !important; width: 100% !important; z-index: 99999 !important; bottom:0; top: auto!important; } .custom-page-title span::before, .custom-page-title span::after { width: 20px; margin-left: 0; margin-right: 0; } .stick, .stick-1 {position:relative!important;top:auto;left:auto;z-index:auto;} .stick-1 #hbook {margin:15px;} .stick-1 .widget-booking {background:#000;} .widget-booking {width:100%;background:#000;} .thumbs-more-link, .thumbs-more {float:none!important;text-align:center;} .box .bg {position:relative;background:#000;} .box:hover .bg {background:#222;} .box .wrap {top:auto;transform:translateY(0)} .pp_pic_holder.light_square, .pp_pic_holder.light_square .pp_details {width:100%!important;} .pp_pic_holder.light_square .pp_content {width:100%!important;height:auto!important;} .pp_pic_holder.light_square div.ppt {width:100%!important;margin:0!important;} .pp_pic_holder.light_square #pp_full_res .pp_inline p {margin:0!important;} .pp_pic_holder.light_square a.pp_close {z-index:1;} /*.popup {position:absolute;}*/ .popup-close {right:10px;} .site-logo {position: relative;} .site-logo a {margin:auto;} .minp {height: auto;} .minp p {line-height: 1.5;} .side-text {top: 0;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);padding:10%;} .side-text-wrap, .zigzag.morevh .side-text-wrap {height: auto;} .side-img, .zigzag.morevh .side-img {height:40vh;} .hide-for-small {display:none!important;} .show-for-small {display:block;} .wide {max-width:100%;} .site-info {background:none;} .site-info p, .site-info p a {color:#323538;} .bottom-fixed {height: 50px;width: 100%;position: fixed;bottom:0;background: #ccc;box-shadow: 0 -7px 7px -7px rgba(0,0,0,.5);} .bottom-fixed-wrapper {height: 50px;} #bottom_widget {position:fixed;bottom:0;left:0;background:#fff;border-top:solid 3px #ddd;width:100%;z-index:2;padding-bottom:15px;} #widget-panel-overlay{background:rgba(0,0,0,0.5); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:1;} .bbtn {display:block;padding:0 15px;height: 50px;line-height: 50px;text-align:center;background:#3c3c3c;color:#fff;font-weight:600;text-transform:uppercase;text-decoration:none;} .bbtn:hover, .bbtn:focus, .bbtn:active, .bbtn:visited {color:#fff;} .custom-page-title span::after {width:100px;margin:auto;} .small-pad {padding:10px;} .icon-link, .icon-link.more {width: 100%;display: block;} .more-down {top: 50%!important;} .pills a {display: block;margin-right:0;margin-bottom: 15px;font-size: 14px;} } /* SECTION GROUPING ============================================================================= */ .section { clear: both; padding: 6px; margin: 0; } .group:before,.group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } /* GRID COLUMN SETUP ==================================================================== */ .col { display: block; float: left; margin: 1% 0 1% 1%; } .col:first-child { margin-left: 0; } /* GRID OF TWO ============================================================================= */ .span_2_of_2 { width: 100%; } .span_1_of_2 { width: 49.5%; } /* GRID OF THREE ============================================================================= */ .span_3_of_3 { width: 100%; } .span_2_of_3 { width: 66.33%; } .span_1_of_3 { width: 32.66%; } /* GRID OF EIGHT ============================================================================= */ .span_8_of_8 { width: 100%; } .span_7_of_8 { width: 87.37%; } .span_6_of_8 { width: 74.75%; } .span_5_of_8 { width: 62.12%; } .span_4_of_8 { width: 49.5%; } .span_3_of_8 { width: 36.87%; } .span_2_of_8 { width: 24.25%; } .span_1_of_8 { width: 11.62%; } /* GRID OF FIVE ============================================================================= */ .span_5_of_5 { width: 100%; } .span_4_of_5 { width: 79.8%; } .span_3_of_5 { width: 59.6%; } .span_2_of_5 { width: 39.4%; } .span_1_of_5 { width: 19.2%; } /* NO MARGIN COL ============================================================================= */ .sections { clear: both; padding: 0; margin: 0; } /* COLUMN SETUP ============================================================================= */ .cols { display: block; float: left; margin: 1% 0; } .cols:first-child { margin-left: 0; } .spans_12_of_12 { width: 100%; } .spans_11_of_12 { width: 91.66%; } .spans_10_of_12 { width: 83.33%; } .spans_9_of_12 { width: 75%; } .spans_8_of_12 { width: 66.66%; } .spans_7_of_12 { width: 58.33%; } .spans_6_of_12 { width: 50%; } .spans_5_of_12 { width: 41.66%; } .spans_4_of_12 { width: 33.33%; } .spans_3_of_12 { width: 25%; } .spans_2_of_12 { width: 16.66%; } .spans_1_of_12 { width: 8.333%; } @media only screen and (max-width: 480px) { .col { margin: 1% 0; } .span_1_of_2,.span_2_of_2,.span_1_of_3,.span_3_of_3,.span_2_of_3,.span_1_of_5,.span_2_of_5,.span_3_of_5,.span_4_of_5,.span_5_of_5,.span_8_of_8,.span_7_of_8,.span_6_of_8,.span_5_of_8,.span_4_of_8,.span_3_of_8,.span_2_of_8,.span_1_of_8 { width: 100%; } .spans_1_of_12,.spans_2_of_12,.spans_3_of_12,.spans_4_of_12,.spans_5_of_12,.spans_6_of_12,.spans_7_of_12,.spans_8_of_12,.spans_9_of_12,.spans_10_of_12,.spans_11_of_12,.spans_12_of_12 { width: 100%; } }