/* RESET *************************************************************************************************/ /* Reset */ html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } th { text-align:left; } img { border:0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; margin:0; padding:0; } input, select, textarea { font:inherit; } *, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* GENERAL CLASSES AND ELEMENTS *************************************************************************************************/ /* Clearfix */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear { clear: both; } /* Images (default WP styles + Nextgen singlepics) */ .alignleft { float: left; margin-right: 30px; margin-bottom:20px; } .alignright { float: right; margin-left: 30px; margin-bottom:20px; } .aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } @media only screen and (min-width: 640px) { .wp-caption { width:auto !important; } /* http://wordpress.org/support/topic/control-of-image-caption-width */ } .wp-caption-text { color: #666; font-family: Georgia,serif; font-size: 0.778em; font-style:italic; } .alignleft .wp-caption-text { text-align: left; } .alignright .wp-caption-text { text-align: right; } .aligncenter .wp-caption-text { text-align: center; } #main .ngg-left { float: left; margin-right: 20px; margin-bottom: 20px; } #main .ngg-right { float: right; margin-left: 20px; margin-bottom: 20px; } #main .ngg-singlepic { padding: 0; margin-bottom: 20px; } /* General text */ .left { text-align: left; } .right { text-align: right; } .center { text-align: center !important; } /* Global wrapper */ html { background: #d5d4cd; } body { color: #444; font: 300 18px/24px 'Open Sans', Arial, sans-serif; } /* Default margin-bottom */ p, ul, ol, table, fieldset, hr { margin-bottom: 20px; } /* Links */ a { color: #7a1419; text-decoration: underline; } a:visited { color: #7a1419; } a:hover { text-decoration: none; } /* Headings */ h1 { margin: 0 0 20px; font: 2.667em/1 'Dancing Script', 'Cursive', Arial, sans-serif; } h2 { margin: 0 0 15px; font: 1.667em/1 'Open Sans', Arial, sans-serif; } h3 { margin: 0 0 10px; font: 1.333em/1 'Open Sans', Arial, sans-serif; } h4 { margin: 0 0 5px; font: 0.889em/1 'Open Sans', Arial, sans-serif; } h5 { margin: 0 0 5px; font: 0.889em/1 'Open Sans', Arial, sans-serif; } h6 { margin: 0 0 5px; font: 0.889em/1 'Open Sans', Arial, sans-serif; } /* Ruler */ hr { border: 0; border-top: 1px solid #bbb; clear: both; height: 0; margin: 20px 10%; width: 80%; } /* Tables */ table.price-table { } table.price-table td { border-left: 1px dotted #bab9ac; border-top: 1px solid #bab9ac; padding: 5px 15px; } table.price-table td:first-child { border-left: none; } table.price-table tr:first-child > td { border-top: none; } table.price-table tr:nth-child(odd) > td { background: rgba(255,255,255,.2); } table.price-table tr:nth-child(even) > td { background: rgba(255,255,255,.4); } table.price-table tr:hover td { background: rgba(255,255,255,.5); } /* jQuery UI datepicker */ #ui-datepicker-div { z-index:900 !important; -webkit-box-shadow: 0 2px 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 20px rgba(0,0,0,0.5); box-shadow: 0 2px 20px rgba(0,0,0,0.5); } .ui-datepicker table { border:0; } .ui-datepicker thead, .ui-datepicker tbody tr { background: none; } /* Forms */ label, select, input[type="submit"], button, .button { cursor: pointer; } fieldset { background: #fff; border: none; margin: 0 0 20px; padding: 20px 3.5%; position: relative; } fieldset.clear { background: #fff !important; } fieldset p { clear: both; margin-bottom: 10px; position: relative; } fieldset hr { border-color: #a9a8ab; } .pm-field { background: #fff; border: 1px solid #a9a8ab; color: #444; float: left; font-size: 1em; line-height: 1.25em; margin: 0 0 5px; padding: 5px 10px; width: 67.5%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } textarea.pm-field { height: 110px; max-height: 200px; min-height: 70px; resize: vertical; } .pm-field.pm-small { min-width: 130px; width: 20%; } .pm-field.pm-medium { min-width: 130px; width: 40%; } .pm-field.pm-inline { float: none; } legend { background: #7a1419; color: #fff; display: inline-block; font-size: 18px; line-height: 30px; margin: 0; padding: 5px 15px; text-shadow: 1px 1px 1px rgba(0,0,0,.1); } .label { color: #444; display: block; float: left; font-size: 1em; line-height: 1.25em; padding: 6px 10px; margin: 0 2.5% 5px 0; position: relative; text-align: left; vertical-align: top; white-space: nowrap; width: 30%; } .label-large { clear: left; float: none; margin: 0 0 5px; width: 100%; } .label .obligatory { color: #65505d; display: inline-block; font-size: 0.667em; padding: 0 5px; } .error label { background: #c00; color: #fff; } .error .label .obligatory { color: #fff; } .messagebox { color: #fff; font-size: 1em; line-height: 1em; padding: 20px; } .messagebox.error { background: #c00; } .messagebox.success { background: green; } .calendar { vertical-align: middle; } label.error { background: #c30; bottom: -10px; color: #fff; font-size: 14px; left: 5px; line-height: 16px; padding: 2px 10px; position: absolute; } label.error::before { border-bottom: 5px solid #c30; border-left: 5px solid transparent; border-right: 5px solid transparent; content: ''; display: block; font-size: 0; height: 0; left: 5px; line-height: 0; position: absolute; top: -5px; } .g-recaptcha { float: left; } /* Buttons (links and inputs) */ .button, .button:visited { background-color: #7a1419; border: 2px solid #7a1419; color: #fff; display: inline-block; font: 700 1.111em/30px 'Open Sans', Arial, sans-serif; margin: 0 auto; padding: 3px 13px; text-align: center; text-decoration: none !important; text-transform: uppercase; white-space: nowrap; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .ie7 .button { display: inline; overflow: visible; width: auto; } .button:hover, .button:focus { background-color: #fff !important; color: #7a1419 !important; -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } .button:active { top:1px; } .button[disabled] { background: #fff !important; border-color: #bbb !important; color: #bbb !important; cursor: default !important; } /* Buttons > Ghost */ .button.ghost { background-color: #7a1419; border-color: #bd8a8c; color: #fff; } .button.ghost:hover, .button.ghost:focus { background-color: #fff !important; border-color: #fff; color: #7a1419 !important; } /* Google Maps */ .gmap-infowindow { color: #65646a; line-height: 20px; overflow: hidden; } /* HEADER WRAP *************************************************************************************************/ #header-wrap { background-color: #fff; background-color: rgba(255,255,255,.75); left: 0; position: fixed; right: 0; top: 0; z-index: 10; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25); -moz-box-shadow: 0 0 5px rgba(0,0,0,.25); -o-box-shadow: 0 0 5px rgba(0,0,0,.25); box-shadow: 0 0 5px rgba(0,0,0,.25); } /* HEADER WRAP > Logo */ #logo { background-color: #fff; font-size: 0; left: 50%; line-height: 0; margin: 0 0 0 -150px; max-width: 300px; padding: 0; position: absolute; text-align: center; top: 0; width: 300px; z-index: 100; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,.35); -o-box-shadow: 0 0 5px rgba(0,0,0,.35); box-shadow: 0 0 5px rgba(0,0,0,.35); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #logo img { height: auto; max-width: 100%; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* HEADER WRAP > Header top */ #header-top { background-color: #fff; background-color: rgba(255,255,255,.85); border-bottom: 3px solid #bab9ac; color: #666; font: 0.889em/24px 'Open Sans', Arial, sans-serif; margin: 0 auto; padding: 4px 15px 5px; position: relative; text-align: right; width: 1200px; z-index: 10; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,.35); -o-box-shadow: 0 0 5px rgba(0,0,0,.35); box-shadow: 0 0 5px rgba(0,0,0,.35); } #header-top p { display: inline-block; margin: 0; vertical-align: top; } #header-top a { color: #666; text-decoration: none; } #header-top a:hover, #header-top a:focus { color: #65505d; } /* HEADER WRAP > Header top > hCard */ #header-top p > a { display: inline-block; padding: 2px 5px 2px 35px; position: relative; } #header-top p > a::before { background-image: url(../images/sprite.png); background-repeat: no-repeat; content: ''; display: block; font-size: 0; height: 20px; left: 6px; line-height: 0; position: absolute; top: 4px; width: 20px; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; transition: background .3s; } #header-top p.fn.org { float: left; } #header-top p.tel { margin-right: 10px; } #header-top .type { display: none; } /* HEADER > Header top > hCard > icons */ #header-top p.fn.org > a::before { background-position: -55px -15px; } #header-top p.tel > a::before { background-position: -85px -15px; } #header-top p.mail > a::before { background-position: -115px -15px; } #header-top p.fn.org > a:hover::before { background-position: -55px -45px; } #header-top p.tel > a:hover::before { background-position: -85px -45px; } #header-top p.mail > a:hover::before { background-position: -115px -45px; } /* HEADER > Top > Language */ #nav-lang { display: inline-block; margin-left: 10px; vertical-align: top; } #nav-lang ul { list-style: none; margin: 0; padding: 0; } #nav-lang li { list-style: none; margin: 0; padding: 0; position: relative; } #nav-lang a { display: inline-block; position: relative; text-decoration: none; } #nav-lang > ul > li > a { font: 400 1em/24px 'Open Sans', Arial, sans-serif; padding: 2px 20px 2px 5px; text-transform: uppercase; } #nav-lang > ul > li > a::before { background: url(../images/sprite.png) -151px -83px no-repeat; content: ''; display: block; height: 5px; position: absolute; right: 5px; top: 12px; width: 9px; } #nav-lang ul ul { display: none; position: absolute; right: -10px; top: -9999px; } #nav-lang li:hover > ul, #nav-lang li.sfHover > ul { background-color: #fff; margin: 13px 0 0; padding: 5px 10px; top: 100%; width: 140px; z-index: 10; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,.35); -o-box-shadow: 0 0 5px rgba(0,0,0,.35); box-shadow: 0 0 5px rgba(0,0,0,.35); } #nav-lang li:hover > ul::before, #nav-lang li.sfHover > ul::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; display: block; position: absolute; right: 10px; top: -10px; } #nav-lang ul ul li { border-top: 1px solid #e9e9e9; display: block; padding: 2px 0; } #nav-lang ul ul li:first-child { border-top: none; } #nav-lang ul ul a { display: block; font-size: 1em; line-height: 1.667em; padding: 3px; text-align: center; text-decoration: center; z-index: 0; } #nav-lang ul ul a:hover, #nav-lang ul ul a:focus, #nav-lang ul ul .sfHover > a { background-color: #d9d9d9 !important; z-index: 100; } /* HEADER > Top > Facebook */ #header-top p.facebook { font-size: 0; line-height: 0; padding: 0; } #header-top p.facebook > a { height: 28px; margin: 0; padding: 0 !important; width: 28px; } #header-top p.facebook > a::before { background-position: -145px -15px; left: 4px; } #header-top p.facebook > a:hover::before { background-position: -145px -45px; } /* HEADER WRAP > Header */ #header { margin: 0 auto; position: relative; width: 1200px; z-index: 5; } /* HEADER WRAP > Header > Navigation */ #nav-main { font-size: 0; line-height: 0; padding: 10px 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #nav-main ul { list-style: none; margin: 0; padding: 0; } #nav-main li { list-style: none; margin: 0; padding: 0; position: relative; } #nav-main a { color: #454545; display: block; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; position: relative; text-decoration: none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #nav-main a:hover, #nav-main a:focus, #nav-main .sfHover > a { background-color: #fff; color: #7a1419; } /* HEADER WRAP > Header > Navigation > First level */ #nav-main > ul > li { display: block; float: left; margin: 0 5px; width: 140px; } #nav-main > ul > li.nav_index_2 { margin-right: 305px; } #nav-main > ul > li::before { background: #c9c9c9; bottom: 0; content: ''; display: block; font-size: 0; left: -5px; line-height: 0; position: absolute; top: 0; width: 1px; } #nav-main > ul > li:first-child::before, #nav-main > ul > li.nav_index_3::before { display: none; } #nav-main > ul > li > a { background-image: url(../images/sprite.png); background-position: center 60px; background-repeat: no-repeat; float: left; font-size: 22px; line-height: 30px; padding: 15px 0; text-align: center; text-shadow: 0 0 2px rgba(255,255,255,.85); width: 100%; } #nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus, #nav-main > ul > li.sfHover > a { background-position: center 54px; } #nav-main > ul > li.current-menu-item > a, #nav-main > ul > li.current-menu-ancestor > a { background-color: #fff; background-position: center 54px; } /* HEADER WRAP > Header > Navigation > Second level */ #nav-main ul ul { display: none; position: absolute; top: -9999px; } #nav-main li:hover > ul, #nav-main li.sfHover > ul { background-color: #fff; left: 50%; margin: 6px 0 0 -110px; padding: 5px 10px; top: 100%; width: 220px; z-index: 10; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.35); -moz-box-shadow: 0 0 5px rgba(0,0,0,.35); -o-box-shadow: 0 0 5px rgba(0,0,0,.35); box-shadow: 0 0 5px rgba(0,0,0,.35); } #nav-main li:hover > ul::before, #nav-main li.sfHover > ul::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; display: block; left: 100px; position: absolute; top: -10px; } #nav-main ul ul li { border-top: 1px solid #e9e9e9; display: block; padding: 2px 0; } #nav-main ul ul li:first-child { border-top: none; } #nav-main ul ul a { font-size: 18px; line-height: 24px; padding: 8px 5px; text-align: center; z-index: 0; } #nav-main ul ul a:hover, #nav-main ul ul a:focus, #nav-main ul ul .sfHover > a, #nav-main ul ul .current-menu-item > a, #nav-main ul ul .current-menu-ancestor > a { background-color: #d9d9d9 !important; z-index: 100; } /* HEADER WRAP > Header > Navigation > Second level - Multi columns */ #nav-main > ul > li.multi-column:hover > ul, #nav-main > ul > li.multi-column.sfHover > ul { width: 430px; } #nav-main > ul > li.multi-column > ul > li { float: left; width: 200px; } #nav-main > ul > li.multi-column > ul > li:nth-child(odd) { margin-right: 10px; } #nav-main > ul > li.multi-column > ul > li:nth-child(2) { border-top: none; } /* HEADER WRAP > Header > Navigation > Third level */ #nav-main ul ul li.menu-item-has-children > a.sf-with-ul::after { background: url(../images/sprite.png) -153px -111px no-repeat !important; content: ''; display: block; font-size: 0; height: 9px; line-height: 0; position: absolute; right: 5px; top: 16px; width: 5px; z-index: 10; } #nav-main ul ul li:hover > ul, #nav-main ul ul li.sfHover > ul { left: 220px; margin: 0; top: -5px; } #nav-main ul ul li:hover > ul::before, #nav-main ul ul li.sfHover > ul::before { border-bottom: 10px solid transparent; border-right: 10px solid #fff; border-top: 10px solid transparent; left: -20px; top: 17px; } /* HEADER WRAP > Small */ #header-wrap.small { background-color: rgba(255,255,255,.9); } #header-wrap.small #logo { padding: 0; } #header-wrap.small #logo img { max-width: 175px; } #header-wrap.small #nav-main { padding: 5px 0; } #header-wrap.small #nav-main > ul > li > a { padding: 10px 0; } /* HEADER WRAP > Header > Mobile toggle */ #nav-mobile-wrap { display: none; } /* SUPERSIZED *************************************************************************************************/ #slider { position: relative; } /* SUPERSIZED > Core */ #supersized { display: block; height: 100%; left: 0; margin: 0; min-height: 320px; overflow: hidden; padding: 0; position: relative; right: 0; top: 0; width: 100%; z-index:-999; -webkit-transform: translate3d(0,0,0); } #supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; } #supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } #supersized li { background: #111; display: block; height: 100%; left: 0; list-style: none; position: absolute; overflow: hidden; top: 0; width: 100%; z-index:-30; } #supersized a { width:100%; height:100%; display:block; } #supersized li.prevslide { z-index: -20; } #supersized li.activeslide { z-index: -10; } #supersized li.prevslide img, #supersized li.activeslide img { display: inline; } /* SUPERSIZED > Controls */ #controls-wrapper { } #controls { } /* SUPERSIZED > Controls > Bullets list with thumbs */ #slide-list-thumbs { bottom: 18px; font-size: 0; left: 50%; line-height: 0; list-style: none; margin: 0; padding: 0; position: absolute; width: auto; z-index: 3; } #slide-list-thumbs li { display: block; float: left; height: 16px; list-style: none; margin: 0 2px; padding: 0; position: relative; width: 16px; } #slide-list-thumbs a { background:url(../images/sprite.png) -87px -107px no-repeat; cursor: pointer; display: block; height: 100%; outline: none; position: relative; width: 100%; } #slide-list-thumbs .current-slide > a { background-position: -87px -77px; } #slide-list-thumbs a .index { display: none; } #slide-list-thumbs a .thumb { display: none; position: absolute; } #slide-list-thumbs a:hover .thumb { background: #fff; background: rgba(255,255,255,.8); bottom: 30px; display: block; height: 104px; left: 50%; margin: 0 0 0 -79px; padding: 2px; width: 159px; } #slide-list-thumbs a:hover:before { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; border-top: 10px solid rgba(255,255,255,.8); bottom: 20px; content: ' '; display: block; height: 0; left: -2px; position: absolute; width: 0; } /* SUPERSIZED > Controls > Prev & Next links */ #prevslide, #nextslide { background-image: url(../images/sprite.png); background-repeat: no-repeat; cursor: pointer; display: block; filter: Alpha(Opacity=75); font-size: 0; height: 70px; line-height: 0; margin: -35px 0 0; opacity: .75; position: absolute; text-indent: -9999px; top: 50%; width: 50px; z-index: 2; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } #prevslide:hover, #nextslide:hover { filter: Alpha(Opacity=99); opacity: .99; } #prevslide { background-position: left -10px; left: 10px; } #nextslide { background-position: right -10px; right: 10px; } /* POST THUMBNAIL *************************************************************************************************/ #post-thumbnail { background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #post-thumbnail img { display: none; height: auto; max-width: 100%; } #ribbon { background: #fff; border-bottom: 5px solid #bbb; height: 200px; } /* CTA *************************************************************************************************/ #header-cta { background: #7a1419; color: #fff; font-size: 1.222em; line-height: 1.25em; padding: 5px 0; text-align: center; width: 100%; } #header-cta h1 { display: none; } #header-cta p { display: inline-block; margin: 0 10px; padding: 10px 0; vertical-align: top; } #header-cta h3 { display: inline-block; margin: 0 10px; padding: 5px 0; } #header-cta h3 > .button { font-size: 0.818em; line-height: 1.25em; } /* CONTENT *************************************************************************************************/ #content { margin: 0 auto; padding: 10px 60px 40px; width: 1200px; } #content h1 { color: #7a1419; display: inline-block; font-size: 2em; line-height: 1.667em; margin: 0 0 60px; position: relative; } #content h1::after { background: #bab9ac; bottom: -15px; clear: both; content: ''; display: block; height: 5px; left: 0; position: absolute; right: 0; } #breadcrumbs { color: #999; font-size: .8em; } #breadcrumbs a { color: #999; } #breadcrumbs a:hover, #breadcrumbs a:focus { color: #65505d; } .content-columns { text-align: justify; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .content-columns p { text-align: justify; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } /* FOOTER *************************************************************************************************/ #footer-wrap { background: #fff; font-size: 16px; font-weight: 300; line-height: 24px; } #footer { border-top: 3px solid #bab9ac; margin: 0 auto; min-height: 200px; padding: 10px 0; position: relative; width: 1140px; z-index: 0; } #footer h2 { content: ''; display: block; font-size: 0; height: 70px; line-height: 0; position: absolute; text-indent: -9999px; top: -24px; width: 125px; z-index: 10; } #footer h2::after { background: #fff; content: ''; display: block; height: 3px; position: absolute; top: 21px; width: 85px; z-index: 2; } #footer h2 > a { background: url(../images/sprite.png) -48px -130px no-repeat; bottom: 0; display: block; left: 0; text-decoration: none; position: absolute; right: 0; top: 0; z-index: 5; } #footer h3 { color: #7a1419; font: 1.5em/1.25em 'Dancing Script', 'Cursive', Arial, sans-serif; margin: 0 0 30px; text-align: right; } #footer a:not(.button) { color: #444; text-decoration: none; } #footer a:not(.button):hover, #footer a:not(.button):focus { color: #65505d; text-decoration: underline; } /* FOOTER > Carousel */ #carousel-wrap { padding: 40px 0; } #carousel-wrap h2 { display: none; } #carousel { font-size: 0; line-height: 0; } #carousel .item { padding: 5px; } #carousel .item a { display: block; overflow: hidden; position: relative; } #carousel .item a > img { filter: Alpha(Opacity=99); height: auto; opacity: .99; width: 100%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } #carousel .item a:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #carousel .item a::before { background: rgba(122,20,25,.75) url(../images/zoom.png) center center no-repeat; bottom: 0; content: ''; display: block; filter: Alpha(Opacity=0); left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 5; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #carousel .item a:hover::before { filter: Alpha(Opacity=99); opacity: .99; } /* FOOTER > Footer > hCard */ #hcard { float: left; margin: 0 0 20px; width: 250px; vertical-align: top; } #hcard .adr { margin: 0 0 30px; } #hcard .tel { margin: 0; } #hcard .prefix { display: inline-block; margin: 0 5px 0 0; width: 50px; } #hcard .type, #hcard .country-name { display: none; } /* FOOTER > Footer > Navigation */ #footer nav { float: left; margin: 0 0 20px; vertical-align: top; width: 490px; } #footer nav ul { display: inline-block; vertical-align: top; } #footer nav ul:first-child { margin: 0 20px 0 0; } #footer nav li { display: block; padding: 0 0 0 25px; position: relative; } #footer nav li::before { background: #bab9ac; content: ''; display: block; height: 8px; left: 8px; position: absolute; top: 12px; width: 8px; } #footer nav a { display: block; font-size: 14px; line-height: 20px; padding: 3px 5px; } /* FOOTER > Footer Bottom */ #footer-bottom { border-top: 1px solid #bab9ac; color: #666; margin: 0 auto; padding: 10px 0; width: 1140px; } #footer-bottom a { color: #666; text-decoration: none; } #footer-bottom a:hover, #footer-bottom a:focus { text-decoration: underline; } /* FOOTER > Footer Bottom > Navigation */ #footer-bottom ul { float: left; list-style: none; margin: 0; padding: 0; } #footer-bottom li { display: inline; list-style: none; margin: 0; padding: 0; } #footer-bottom li:not(:first-child)::before { content: '- '; display: inline-block; padding: 0 5px; } /* FOOTER > Footer Bottom > About the author */ #about-the-author { display: inline-block; float: right; padding: 0 0 0 25px; vertical-align: bottom; position: relative; } #about-the-author a {text-shadow: none; position: relative;} #about-the-author a:hover {color: inherit;} #about-the-author a .o { display: none; } #about-the-author a .media { color: #d14943; } #about-the-author a:before { display: block; position: absolute; left: -19px; bottom: 0; content: ' '; border: 2px solid #d14943; border-radius: 50%; width: 19px; height: 19px; } #nav-mobile { display: none; } /* TEMPLATES *************************************************************************************************/ /* TEMPLATES > Front page */ .home #content {padding: 40px 60px; text-align: justify; } .home #content h1 { display: block; text-align: center; } .home #content h1::after { display: none; } .home #content h1 span { display: inline-block; position: relative;} .home #content h1 span::after { background: #bab9ac; bottom: -15px; clear: both; content: ''; display: block; height: 5px; left: 0; position: absolute; right: 0; width: auto;} /* TEMPLATES > Front page > Image bar */ #image-bar-wrap { background-position: center center; background-repeat: no-repeat; min-height: 400px; padding: 100px 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #image-bar { color: #fff; margin: 0 auto; padding: 0; text-align: center; width: 1200px; } /* TEMPLATES > Front page > Image bar > Intro */ #image-bar .intro { float: left; width: 700px; } #image-bar h1, #image-bar h2, #image-bar h3 { font-size: 2em; line-height: 2.5em; margin: 0 0 60px; text-align: center !important; text-shadow: 0 0 5px rgba(0,0,0,.75); } #image-bar h1 strong, #image-bar h1 em, #image-bar h2 strong, #image-bar h2 em, #image-bar h3 strong, #image-bar h3 em { font: 1.667em 'Open Sans', Arial, sans-serif; } /* TEMPLATES > Front page > Image bar > Gallery */ #image-bar .gallery { float: left; font-size: 0; line-height: 0; padding: 0 40px; width: 700px; } #image-bar .gallery .item { border: 2px solid #fff; display: block; float: left; margin: 8px 1%; overflow: hidden; position: relative; width: 48%; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,.5); -o-box-shadow: 0 0 5px rgba(0,0,0,.5); box-shadow: 0 0 5px rgba(0,0,0,.5); } #image-bar .gallery .item a > img { filter: Alpha(Opacity=99); height: auto; opacity: .99; width: 100%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } #image-bar .gallery .item a:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #image-bar .gallery .item a::before { background: rgba(122,20,25,.75) url(../images/zoom.png) center center no-repeat; bottom: 0; content: ''; display: block; filter: Alpha(Opacity=0); left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 5; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #image-bar .gallery .item a:hover::before { filter: Alpha(Opacity=99); opacity: .99; } #image-bar .gallery .item figcaption { display: none; } /* TEMPLATES > Front page > Feestelijk */ #feestelijk-wrap { border-bottom: 5px solid #bab9ac; margin: 0 auto; padding: 40px 0 20px; width: 1140px; } #feestelijk-wrap.no-carousel { border: none; } #feestelijk { float: left; padding: 0 30px; text-align: center; width: 570px; } #feestelijk h1 { display: inline-block; font-size: 2em; line-height: 1.111em; margin: 0 0 40px; position: relative; } #feestelijk h1::after { background: #bab9ac; bottom: -15px; content: ''; display: block; height: 5px; left: 0; position: absolute; right: 0; } #feestelijk h1 a { text-decoration: none; } #feestelijk p { text-align: justify; } /* TEMPLATES > Front page > Feestelijk > Table */ #feestelijk table { background: #fff; width: 100%; } #feestelijk td { border-left: 1px dotted #d8d8d6; border-top: 1px dotted #d8d8d6; padding: 5px 10px; } #feestelijk thead tr:first-child > td { border-top: none; } #feestelijk td:first-child { border-left: none; } #feestelijk thead td { color: #65505d; font-weight: bold; } #feestelijk tbody tr:hover > td { background-color: #e9e9e7; } /* TEMPLATES > Front page > Feestzalen > Gallery */ #feestelijk-gallery { float: left; min-height: 400px; padding: 80px 30px 20px; width: 570px; } #feestelijk-gallery .item a > img { filter: Alpha(Opacity=99); height: auto; opacity: .99; width: 100%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } #feestelijk-gallery .item a:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #feestelijk-gallery .item a::before { background: rgba(122,20,25,.75) url(../images/zoom.png) center center no-repeat; bottom: 0; content: ''; display: block; filter: Alpha(Opacity=0); left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 5; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } #feestelijk-gallery .item a:hover::before { filter: Alpha(Opacity=99); opacity: .99; } #feestelijk-gallery .item figcaption { display: none; } /* TEMPLATES > Contact page */ .page-template-contact { padding-top: 120px; } .page-template-contact #header-wrap { } /* TEMPLATES > Contact page > Google map */ #gmap { height: 0; min-height: 320px; padding: 0 0 30%; } /* TEMPLATES > Reserveren page */ .page-template-reserveren { } .page-template-reserveren .pm-field.datepicker { text-align: center; } .page-template-reserveren fieldset #lijst { background: #d5d4cd; border: none; float: left; margin-bottom: 20px; min-height: 300px; width: 40%; } .page-template-reserveren fieldset #legende { float: right; font-size: 0.9em; width: 56%; } .page-template-reserveren fieldset #legende span { background: #fff; border: 1px solid #ccc; display: inline-block; height: 20px; margin-right: 20px; vertical-align: middle; width: 30px; } .page-template-reserveren fieldset #legende span.rooms-free { background-color: #fc0; } .page-template-reserveren fieldset #legende span.last-rooms-free { background-color: #f90; } .page-template-reserveren fieldset #legende span.no-rooms-free { background-color: #f00; } .page-template-reserveren fieldset #legende span.rooms-groups { background-color: #fff; } .page-template-reserveren fieldset #legende strong { display: inline-block; margin-right: 20px; min-width: 70px; } /* SEARCH RESULTS *************************************************************************************************/ .searchform { margin: 0 0 20px; } #content .search-result { border: 1px solid #ccc; float: left; font-size: 0.8em; line-height: 1.2em; margin: 0 1.66% 20px; padding: 10px 2%; width: 30%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } #content .search-result.clickable { cursor: pointer; } #content .search-result:hover { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); -moz-box-shadow: 0 0 10px rgba(0,0,0,.15); -o-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #content .search-result:nth-child(3n+1) { clear: left; } #content .search-result h2 { font-size: 1.5em; line-height: 1em; } #content .search-result h2 a { text-decoration: none; } #content .search-result p { text-align: left; } #content .search-result p:last-child { margin: 0 0 10px; } #content .search-result img { height: auto !important; width: 100% !important; } #content .search-result span.readmore { color: 65505d; font-size: 14px; } #content .search-result a.readmore { border-top: 1px solid #ccc; display: block; font-size: 12px; padding: 5px 0 0; text-align: center; text-decoration: none; } #content .search-result a.readmore:hover { color: 65505d; } #content .no-results { text-align: center; } /* NextGen Gallery *************************************************************************************************/ .ngg-galleryoverview { font-size: 0; line-height: 0; margin: 0 0 20px; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box { float: left; width: 25%; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail { text-align: center; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a { background: #000 url(../images/zoom.png) center center no-repeat; border-left: 5px solid #d5d4cd; border-top: 5px solid #d5d4cd; display: block; overflow: hidden; position: relative; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a > img { filter: Alpha(Opacity=99); height: auto; opacity: .99; width: 100%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a:hover > img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a::before { background: rgba(122,20,25,.75) url(../images/zoom.png) center center no-repeat; bottom: 0; content: ''; display: block; filter: Alpha(Opacity=0); left: 0; opacity: 0; position: absolute; right: 0; top: 0; z-index: 5; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a:hover::before { filter: Alpha(Opacity=99); opacity: .99; } .ngg-clear { clear: both; font-size: 0; line-height: 0; margin: 0; } /* PRELOADER *************************************************************************************************/ .preloader { background: #fff url(../images/preloader.gif) center center no-repeat; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100000; } .no-js .preloader { display: none !important; } .preloader { display: none !important; } /* PRINT STYLES *************************************************************************************************/ @media print { * { background:transparent !important; border-color:#ccc !important; color:#000 !important; text-shadow:none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important; } img { max-width:100% !important; } h2, h3 { page-break-after:avoid; } tr, img { page-break-inside:avoid; } /* Stuff to hide */ .dont-print, #nav-main, #prestige { display:none; } }