#item-agenda-4931 .entry-title { letter-spacing: -0.099em; } #cookie-law-info-bar { z-index: 11111 !important; } /* 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 { width:auto !important; } /* http://wordpress.org/support/topic/control-of-image-caption-width */ .wp-caption-text { font-family:Georgia,serif; font-size:14px; font-style:italic; color:#666; } .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: #fff; } body { color: #454545; font: 300 18px/30px 'Open Sans', sans-serif; } ::-moz-selection { background: #ebe6df; } ::selection { background: #ebe6df; } /* Default margin-bottom */ p, ul, ol, table, fieldset, hr { margin-bottom: 20px; } /* Links */ a { color: #99845d; text-decoration: underline; } a:visited { color: #99845d; } a:hover { text-decoration: none; } /* Headings */ h1 { margin: 0 0 30px; font: 400 48px/1.2em 'Open Sans', sans-serif; } h2 { margin: 0 0 20px; font: 400 30px/1.2em 'Open Sans', sans-serif; } h3 { margin: 0 0 20px; font: 400 24px/1.2em 'Open Sans', sans-serif; } h4 { margin: 0 0 15px; font: 400 16px/1em 'Open Sans', sans-serif; } h5 { margin: 0 0 10px; font: 300 14px/1em 'Open Sans', sans-serif; } h6 { margin: 0 0 5px; font: 300 12px/1em 'Open Sans', sans-serif; } /* Ruler */ hr { border: 0; border-top: 1px solid #ccc; clear: both; height: 0; margin: 20px 10%; width: 80%; } /* Tables */ table { height: auto !important; } th, td { height: auto !important; vertical-align: top; } /* 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: #f5f2ee; border: none; margin: 0 0 20px; padding: 20px 3.5%; position: relative; } fieldset.clear { background: #fff !important; margin: 0; } fieldset p { clear: both; margin-bottom: 10px; } fieldset hr { border-color: #ccc; } .pm-field { background: #fff; border: 1px solid #ccc; color: #454545; float: left; font-size: 18px; line-height: 30px; 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: #99845d; 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: #454545; display: block; float: left; font-size: 18px; line-height: 30px; padding: 6px 10px; margin: 0 2.5% 5px 0; position: relative; vertical-align: top; width: 30%; } .label-large { clear: left; float: none; margin: 0 0 5px; width: 100%; } .label .obligatory { color: red; display: inline-block; font-size: 12px; padding: 0 5px; } .error label { background: red; color: #fff; } .error .label .obligatory { color: #fff; } .messagebox { color: #fff; font-size: 18px; line-height: 24px; padding: 20px; } .messagebox.error { background: red; } .messagebox.success { background: green; } .calendar { vertical-align: middle; } .g-recaptcha { float: left; } ul.omgeving { list-style: none; margin: 0 auto; max-width: 900px; padding: 0; width: 100%; zoom: 1; } ul.omgeving::before { content:'\0020'; display: block; height: 0; visibility: hidden; } ul.omgeving::after { clear:both; content:'\0020'; display: block; height:0; visibility: hidden; } ul.omgeving li { display: block; float: left; font-size: 1.25em; line-height: 1.5em; margin: 0 !important; padding: 5px 20px 5px 30px; position: relative; text-align: left; vertical-align: top; width: 50%; } ul.omgeving li::before { background: #99845d; content: ''; display: block; height: 8px; left: 10px; margin-top: -4px; position: absolute; top: 50%; width: 8px; } ul.omgeving li:nth-child(2n+1) { clear: left; } ul.omgeving a { font-weight: 800; } /* BUTTONS *************************************************************************************************/ .button, .button:visited, .button-small, .button-small:visited, .ghost-button, .ghost-button:visited { color: #fff !important; display: inline-block; margin: 0 auto; position: relative; text-align: center; text-decoration: none !important; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 0 rgba(61,55,53,0); -moz-box-shadow: 0 0 0 rgba(61,55,53,0); -o-box-shadow: 0 0 0 rgba(61,55,53,0); box-shadow: 0 0 0 rgba(61,55,53,0); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .button::after, .button:visited::after, .ghost-button::after, .ghost-button:visited::after { background: url(../images/sprite.png) -200px -55px no-repeat; content: ''; display: block; height: 30px; position: absolute; right: 10px; top: 10px; width: 30px; } .ie7 .button, .ie7 .button-small, .ie7 .ghost-button { display: inline; overflow: visible; width: auto; } .button:active, .button-small:active, .ghost-button:active { top: 1px; } .button[disabled], .button-small[disabled], .ghost-button[disabled] { cursor: default; } /* BUTTONS > default button */ .button { background-color: #99845d; border: 1px solid #99845d; color: #fff; font: 300 24px/40px 'Open sans', arial, sans-serif; padding: 4px 50px 4px 20px; text-shadow: 1px 1px 1px rgba(61,55,53,.75); text-transform: uppercase; } .button:hover, .button:focus { background-color: #ad9d7d; -webkit-box-shadow: 0 0 5px rgba(61,55,53,.5); -moz-box-shadow: 0 0 5px rgba(61,55,53,.5); -o-box-shadow: 0 0 5px rgba(61,55,53,.5); box-shadow: 0 0 5px rgba(61,55,53,.5); } /* BUTTONS > small button */ .button-small { background: #99845d url(../images/sprite.png) -175px -50px no-repeat; border: 1px solid #99845d; font-size: 0; height: 40px; line-height: 0; width: 80px; } .button-small:hover, .button-small:focus { background-color: #ad9d7d; -webkit-box-shadow: 0 0 5px rgba(61,55,53,.5); -moz-box-shadow: 0 0 5px rgba(61,55,53,.5); -o-box-shadow: 0 0 5px rgba(61,55,53,.5); box-shadow: 0 0 5px rgba(61,55,53,.5); } /* BUTTONS > ghost button */ .ghost-button { background: #3d3735; background-color: rgba(61,55,53,.35); border: 1px solid #fff; font: 300 24px/40px 'Open sans', arial, sans-serif; padding: 4px 50px 4px 20px; text-transform: uppercase; } .ghost-button:hover, .ghost-button:focus { background-color: #99845d; border-color: #d6cebe; } /* BUTTONS > submit */ input.button[type="submit"] { background-image: url(../images/sprite.png); background-position: right -45px; background-repeat: no-repeat; } /* 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; } */ #main-wrap { position: relative; z-index: 10; } /* HEADER *************************************************************************************************/ #header-wrap { background: #3d3735; background-color: rgba(61,55,53,.85); left: 0; position: fixed; right: 0; top: 0; z-index: 1001; -webkit-box-shadow: inset 0 0 25px rgba(61,55,53,.75); -moz-box-shadow: inset 0 0 25px rgba(61,55,53,.75); -o-box-shadow: inset 0 0 25px rgba(61,55,53,.75); box-shadow: inset 0 0 25px rgba(61,55,53,.75); -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s; } #header { margin: 0 auto; position: relative; width: 1200px; } /* HEADER > logo */ #logo { float: left; height: 120px; font-size: 0; line-height: 0; margin: 0; position: relative; width: 30%; z-index: 3; } #logo a { display: block; padding: 10px 10px 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: ranslateY(-50%); transform: translateY(-50%); } #logo img { height: auto; max-width: 320px; width: 100%; } #logo svg { fill: #fcf8f5; height: 110px; width: 160px; } #logo svg .leaf { fill: #fcf8f5; } /* HEADER > Navigation */ #header .nav { font-size: 0; line-height: 0; } #header .nav ul { list-style: none; margin: 0; padding: 0; } #header .nav li { list-style: none; margin: 0; padding: 0; position: relative; vertical-align: top; } #header .nav a { color: #fff; outline: none; position: relative; text-decoration: none; } #header .nav > ul > li { display: inline-block; } #header .nav > ul > li > a { display: inline-block; } #header .nav a:hover, #header .nav a:focus, #header .nav .sfHover > a { background-color: #3d3735; background-color: rgba(61,55,53,.85); } #header .nav ul ul { display: none; position: absolute; top: -9999px; } #header .nav li:hover > ul, #header .nav li.sfHover > ul { background-color: #3d3735; background-color: rgba(61,55,53,.85); left: 50%; } #header .nav ul ul li { display: block; } #header .nav ul ul li::before { background-color: rgba(255,255,255,.1); content: ''; display: block; height: 1px; left: 10px; position: absolute; right: 10px; top: 0; } #header .nav ul ul li:first-child { padding: 2px !important; } #header .nav ul ul li:first-child::before { display: none; } #header .nav ul ul a { display: block; font-size: 16px; line-height: 24px; padding: 6px 5px; text-align: center; } #header .nav ul ul li > a:hover, #header .nav ul ul li > a:focus, #header .nav ul ul li.sfHover > a, #header .nav ul ul > li.current-menu-item > a, #header .nav ul ul > li.current-menu-ancestor > a { background-color: #3d3735 !important; } /* HEADER > Navigation > Main navigation */ #nav-main { float: left; padding: 80px 0 0; position: relative; text-align: right; width: 70%; z-index: 1; } /* HEADER > Navigation > Main navigation > home */ #nav-main > ul > li.nav_home > a, .de #nav-main > ul > li.nav_home > a { background: url(../images/sprite.png) 0 2px no-repeat; font-size: 0; height: 45px; line-height: 0; width: 40px; } /* HEADER > Navigation > Main navigation > first level */ #nav-main > ul > li:first-child > a { margin-left: 0 !important; } #nav-main > ul > li > a { font-size: 18px; line-height: 30px; margin: 0 5px; padding: 7px 10px 8px; text-transform: uppercase; } .de #nav-main > ul > li > a { font-size: 16px; } #nav-main > ul > li:not(.nav_home).current-menu-item > a::after, #nav-main > ul > li:not(.nav_home).current-menu-ancestor > a::after { background: #fff; background-color: rgba(255,255,255,.85); bottom: 6px; content: ''; display: block; height: 1px; left: 50%; margin: 0 0 0 -20%; position: absolute; width: 40%; } /* HEADER > Navigation > Main navigation > Second level */ #nav-main li:hover > ul, #nav-main li.sfHover > ul { margin-left: -120px; top: 55px; width: 240px; } #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; font-size: 0; left: 110px; line-height: 0; margin: 0; position: absolute; top: -14px; } #nav-main ul ul li { padding: 3px 2px 2px !important; } /* HEADER > Navigation > Main navigation > Third level */ #nav-main ul ul .menu-item-has-children > a > .submenus { background: url(../images/sprite.png) -234px -115px no-repeat; display: block; height: 11px; position: absolute; right: 10px; top: 13px; width: 6px; } #nav-main ul ul .menu-item-has-children > a:hover > .submenus, #nav-main ul ul .menu-item-has-children > a:focus > .submenus, #nav-main ul ul .menu-item-has-children.sfHover > a > .submenus, #nav-main ul ul .menu-item-has-children.current-menu-item > a > .submenus, #nav-main ul ul .menu-item-has-children.current-menu-ancestor > a > .submenus { /* hover style */ } #nav-main ul ul li:hover > ul, #nav-main ul ul li.sfHover > ul { left: 250px !important; margin-left: 0; top: 1px; } #nav-main ul ul li:hover > ul::before, #nav-main ul ul li.sfHover > ul::before { border-bottom: 10px solid transparent !important; border-left: none !important; border-right: 10px solid rgba(61,55,53,.85) !important; border-top: 10px solid transparent !important; left: -10px !important; top: 11px !important; } /* HEADER > Navigation > Top navigation */ #nav-top { background: #3d3735; display: block; padding: 5px 0; position: absolute; right: 0; top: 0; z-index: 2; -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s; } #nav-top > ul { display: inline; } #nav-top > ul > li { border-left: 1px solid #6e6968; } #nav-top > ul > li:first-child { border: none; } #nav-top > ul > li > a { font-size: 14px; line-height: 20px; margin: 0 5px; padding: 5px 35px 5px 10px; } #nav-top > ul > li > a:hover, #nav-top > ul > li.sfHover > a, #nav-top > ul > li > a.active { background-color: rgba(255,255,255,.2) !important; text-shadow: 1px 1px 1px #3d3735; } /* HEADER > Navigation > Top navigation > Icons */ #nav-top > ul > li > a::after { background: url(../images/sprite.png) -47px -5px no-repeat; content: ''; display: block; height: 30px; position: absolute; right: 0; top: 0; width: 30px; } #nav-top > ul > li.book-online > a::after { } #nav-top > ul > li.video > a::after { background-position: -87px -5px; } #nav-top > ul > li.magazine > a::after { background-position: -127px -5px; } #nav-top > ul > li.search > a::after { background-position: -167px -5px; } /*#nav-top > ul > li.language { display: none; }*/ #nav-top > ul > li.language { border-left: 1px solid #6e6968; } #nav-top > ul > li.language > a { text-transform: uppercase; } #nav-top > ul > li.language > a::after { background-position: -207px -5px; } /* HEADER > Navigation > Top navigation > popup */ #nav-top > ul.menu-popup { } #nav-top > ul.menu-popup > li { border-right: 1px solid #6e6968; } #nav-top > ul.menu-popup .popup-link { background: url(../images/sprite.png) -82px -105px no-repeat; display: block; font-size: 0; height: 30px; line-height: 0; padding: 0; width: 40px; } #nav-top > ul.menu-popup .popup-link::after { display: none; } /* HEADER > Navigation > Top navigation > Second level */ #nav-top li:hover > ul, #nav-top li.sfHover > ul { margin-left: -70px; top: 45px; width: 140px; } #nav-top li:hover > ul::before, #nav-top li.sfHover > ul::before { border-bottom: 10px solid rgba(61,55,53,.85); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; display: block; font-size: 0; left: 60px; line-height: 0; margin: 0; position: absolute; top: -10px; } #nav-top ul ul li { padding: 3px 2px 2px !important; } /* HEADER > Zoekformulier */ #header .searchform { background: #fff; background-color: rgba(255,255,255,.9); display: none; padding: 10px; position: absolute; right: 75px; top: 45px; width: 300px; z-index: 999; -webkit-box-shadow: 0 0 5px rgba(61,55,53,.85); -moz-box-shadow: 0 0 5px rgba(61,55,53,.85); -o-box-shadow: 0 0 5px rgba(61,55,53,.85); box-shadow: 0 0 5px rgba(61,55,53,.85); } #header .searchform .screen-reader-text { display: none; } #header .searchform .search-field { float: left; vertical-align: middle; width: 65%; } #header .searchform .button-small { float: right; vertical-align: middle; width: 30%; } /* HEADE > Mobile toggles */ #nav-mobile-wrap { display: none; float: right; font-size: 0; line-height: 0; padding: 15px 0; text-align: right; width: 50%; } #nav-mobile-wrap > a { background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; height: 70px; margin: 0 5px; text-decoration: none; text-indent: -9999px; width: 70px; } #nav-mobile-wrap > a.active, #nav-mobile-wrap > a:hover { background-color: #99845d !important; } #nav-mobile-search { background-position: -5px -305px; } #nav-mobile-toggle { background-position: -165px -305px; } /* HEADER > Dark */ #header-wrap.dark { background: #3d3735 !important; } #header-wrap.dark #nav-top { background-color: rgba(255,255,255,.1); } #header-wrap.dark .nav a:hover, #header-wrap.dark .nav a:focus, #header-wrap.dark .nav .sfHover > a { background-color: rgba(255,255,255,.1) !important; } /* VISUAL *************************************************************************************************/ /* VISUAL > Slider */ #slider { margin: 0 0 40px; position: relative; z-index: 0; } #slider > div { position: relative; z-index: 1; } .largegold strong { font-size: 1.5em !important; font-weight: 300 !important; } .tp-bullets { bottom: 70px !important; left: 10px !important; margin-left: 0 !important; } .no-book-bar .tp-bullets { bottom: 20px !important; } .tp-bullets.simplebullets.round .bullet { background: url(../images/sprite.png) -170px -245px no-repeat !important; } .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background: url(../images/sprite.png) -170px -275px no-repeat !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background: url(../images/sprite.png) -170px -245px no-repeat !important; } /* VISUAL > Post thumbnail */ /*#post-thumbnail { background-position: center center; background-repeat: no-repeat; font-size: 0; height: 0; line-height: 0; margin: 0 0 40px; padding: 0 0 32.5%; position: relative; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #post-thumbnail img { display: none; height: auto; width: 100%; position: relative; z-index: 1; }*/ #post-thumbnail { background-position: center center; background-repeat: no-repeat; font-size: 0; height: 730px; line-height: 0; margin: 0 0 40px; position: relative; z-index: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #post-thumbnail img { display: none; height: auto; width: 100%; position: relative; z-index: 1; } /* VISUAL > Google maps */ #gmap-wrapper { margin: 0 0 40px; position: relative; z-index: 0; } #gmap { height: 0; padding: 0 0 32.5%; position: relative; width: 100%; z-index: 1; } .gmap-infowindow { color: #454545; line-height: 20px; overflow: hidden; } /* VISUAL > Ribbon */ #ribbon { background: #fff; height: 100px; margin: 0 0 40px; } /* BOOK ONLINE *************************************************************************************************/ #book-online-wrap { background: #3d3735; background-color: rgba(61,55,53,.85); bottom: 0; left: 0; position: absolute !important; right: 0; z-index: 10; } #book-online { color: #fff; font-size: 0; line-height: 0; margin: 0 auto; padding: 10px 20px; text-shadow: 1px 1px 1px #3d3735; text-align: center; width: 1200px; } #book-online p { display: inline-block; margin: 0 10px; vertical-align: middle; } #book-online label { display: inline-block; font-size: 18px; line-height: 30px; padding: 5px 20px 5px 0; } #book-online .datepicker { background: #fff url(../images/sprite.png) 115px -100px no-repeat; border: none; font-size: 18px; line-height: 30px; padding: 5px 40px 5px 0; text-align: center; width: 160px; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 5px rgba(61,55,53,.75); -moz-box-shadow: 0 0 5px rgba(61,55,53,.75); -o-box-shadow: 0 0 5px rgba(61,55,53,.75); box-shadow: 0 0 5px rgba(61,55,53,.75); } #booking-hotel { font-size: 18px; line-height: 30px; } #booking-hotel::after { top: 5px; } /* GET DIRECTIONS *************************************************************************************************/ #get-directions-wrap { background: #3d3735; background-color: rgba(61,55,53,.85); bottom: 0; left: 0; position: absolute !important; right: 0; z-index: 10; } #get-directions { font-size: 0; line-height: 0; margin: 0 auto; padding: 10px 20px; text-shadow: 1px 1px 1px #3d3735; text-align: center; width: 1200px; } #get-directions p { display: inline-block; margin: 0 10px; vertical-align: middle; } #get-directions label { color: #fff; display: block; float: left; font-size: 16px; line-height: 30px; padding: 5px 0 !important; } #get-directions .pm-field { margin-right: 2% !important; width: 32.5%; } #get_directions_submit { background-image: url(../images/sprite.png); background-position: right -50px; background-repeat: no-repeat; display: block; float: left; font-size: 18px; line-height: 30px; } #get-directions .print { background: url(../images/sprite.png) -180px -195px no-repeat; display: block; float: right; height: 40px; width: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #get-directions .print:hover { background-color: #99845d; } #map-directions { margin: 0 0 50px; } #map-directions td { padding: 5px 10px; vertical-align: middle; } /* CONTENT *************************************************************************************************/ #content { margin: 0 auto 50px; padding: 0 60px; width: 1200px; } #content a:not(.button):not(.ghost-button) { margin: -.5em; padding: .5em; position: relative; } #content ol { margin: 0 0 20px 25px; } #content ol ol, #content ul:not(.verkooppunten) ol { margin: 5px 0 0 25px; } #content ul { list-style: square; margin: 0 0 20px 10px; } #content ul ul, #content ol ul { margin: 5px 0 0 10px; } #content ul ul li, #content ol ul li { list-style: circle; } #content ol li, #content ul li { margin: 0 0 5px 25px; } #content img { height: auto; max-width: 100%; } #content img.responsive { width: 100%; } #content table:not(.adp-placemark) img { height: auto !important; max-width: 100%; } /* CONTENT > Page title */ #page-title { border-bottom: 1px solid #99845d; margin: 0 0 20px; } #page-title h2 { color: #504841; letter-spacing: 5.75px; line-height: 40px; margin: 0; text-transform: lowercase; } #page-title h1 { color: #99845d; letter-spacing: .75px; line-height: 60px; text-transform: uppercase; } #page-title h1 > strong { font-weight: 700; } .post-title { margin: 0 0 10px; } /* CONTENT > Breadcrumbs */ #breadcrumbs { color: #999; font-size: 14px; line-height: 18px; } #breadcrumbs a { color: #999; text-decoration: none; } #breadcrumbs a:hover { color: #99845d; } /* CONTENT > Tekstbalk */ #content h1.tekstbalk, #content h2.tekstbalk, #content h3.tekstbalk { background: #99845d; color: #fff !important; display: block; margin: 0; padding: 5px; text-align: center; } #content h1.tekstbalk.bottom, #content h2.tekstbalk.bottom, #content h3.tekstbalk.bottom { margin: -20px 0 20px !important; } #content p.intro { font-size: 1.2em; font-weight: 400; line-height: 1.5em; margin: 0 0 30px; } /* CONTENT > Columns */ .content-columns { -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; break-inside: avoid; } #content table td { border-top: 1px dotted #c2b59e; padding: 5px; } #content table tr:first-child > td { border: none; } #content table tr:hover { background-color: #f5f2ee; } #content table.pricetable { width: 100% !important; } #content table.pricetable td:nth-last-child(2):not(:first-child) { width: 7.5%; } #content table.pricetable td:last-child { text-align: right; white-space: nowrap; width: 7.5%; } /* CONTENT > Zoekformulier */ #content .searchform { margin: 0 0 20px; } #content .searchform .label { width: 25%; } #content .searchform .pm-field { margin-right: 5%; width: 50%; } /* FOOTER *************************************************************************************************/ #footer-wrap { background: #3d3735; width: 100%; } #footer { color: #cecdcc; margin: 0 auto; padding: 20px 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,.75); width: 1200px; } #footer h2 { color: #fff; font-size: 24px; line-height: 30px; margin: 0; text-align: center; text-transform: uppercase; } #footer h3 { font-size: 18px; line-height: 24px; margin: 0 0 40px; text-align: center; text-transform: uppercase; } #footer hr { border-color: rgba(255,255,255,.25); width: 60%; } #footer a { color: #cecdcc; text-decoration: none; } #footer a:hover { color: #99845d; } /* FOOTER > Nieuwsbrief */ #newsletter-wrap { background: #f5f2ee; } #newsletter { margin: 0 auto; width: 1200px; } #newsletter header { float: left; padding: 30px 0 30px 20px; width: 40%; } #newsletter header h3 { font-size: 24px; letter-spacing: 2px; line-height: 36px; margin: 0; } #newsletter header h2 { color: #99845d; font-size: 28px; line-height: 36px; margin: 0; text-transform: uppercase; } #mc_embed_signup { float: left; font-size: 0; line-height: 0; padding: 10px 0; width: 60%; } .mc-field-group, .mc-field-cta { display: inline-block; margin: 0 1%; padding: 0; position: relative; vertical-align: top; } .mc-field-group { width: 25%; } .mc-field-cta { width: 17%; } .mc-field-group label { display: none; } .mc-field-group input { background: #fff; border: 1px solid #ddd; font: 300 16px/24px 'Open sans', arial, sans-serif; padding: 7px 9px; width: 100%; -webkit-appearance: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #mce-responses { margin: 0 0 10px; min-height: 30px; padding: 5px 1%; width: 98%; } #mce-responses div { color: #fff; font: 300 16px/20px 'Open sans', arial, sans-serif; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #mce-success-response { background: #008000; } #mce-error-response { background: #8B0000; } #mc_embed_signup input.mce_inline_error { border-color: #8B0000 !important; } #mc_embed_signup div.mce_inline_error { background: #8B0000 !important; font: 300 14px/20px 'Open sans', arial, sans-serif !important; left: 0; margin: 5px 0 0 !important; position: absolute; right: 0; top: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* FOOTER > hCard */ #hcard { float: left; padding: 0 20px 0 10px; width: 30%; } #hcard img.photo { height: auto; margin: 0 0 20px; max-width: 160px; width: 100%; } #hcard h2 { text-align: left; } #hcard h2 a { display: block; font-size: 0; line-height: 0; padding: 0 15px; } #hcard svg.photo { fill: #fcf8f5; height: 110px; width: 160x; } #hcard p { display: block; padding: 0 15px; } #hcard .tel { margin: 0; } #hcard .country-name, #hcard .fax, #hcard .geo, #hcard .type { display: none; } /* FOOTER > hCard > Social */ .social { font-size: 0; line-height: 0; } .social ul { list-style: none; margin: 0; padding: 0; } .social li { display: block; float: left; list-style: none; margin: 0 0 10px; padding: 0; width: 20%; } .social a { background: url(../images/sprite.png) 0 0 no-repeat; border: 1px solid rgba(153,123,60,.25); display: block; height: 50px; text-decoration: none; margin: 0 auto; width: 50px; } .social a:hover, .social a:focus { border-color: #99845d; } .social .facebook > a { background-position: -15px -140px; } .social .twitter > a { background-position: -95px -140px; } .social .googleplus > a { background-position: -175px -140px; } .social .linkedin > a { background-position: -15px -190px; } .social .tripadvisor > a { background-position: -95px -190px; } /* FOOTER > Links */ #links { float: left; padding: 20px 10px; width: 35%; } #links nav { font-size: 0; line-height: 0; } #links ul { list-style: none; margin: 0 0 20px; padding: 0; } #links li { display: inline-block; margin: 0 0 5px; padding: 0 0 0 20px; position: relative; vertical-align: top; } #links li:before { background: #99845d; content: ''; display: block; font-size: 0; height: 6px; left: 4px; line-height: 0; position: absolute; top: 12px; width: 6px; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5); -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.5); -o-box-shadow: 1px 1px 1px rgba(0,0,0,.5); box-shadow: 1px 1px 1px rgba(0,0,0,.5); } #links li:nth-child(2n+1) { margin: 0 2% 0 0; width: 55%; } #links li:nth-child(2n) { width: 43%; } #links a { display: block; font-size: 16px; line-height: 20px; padding: 5px 5px; } #links .xmas > a { color: #99845d; font-size: 15px; font-weight: bold; } /* FOOTER > Featured */ #featured { float: right; padding: 20px 0 0; width: 35%; } #featured h2 > a, #featured h3 > a { color: inherit !important; } #featured h3 { margin: 0 0 20px; } #featured figure { font-size: 0; line-height: 0; margin: 0 0 10px; } #featured img { height: auto; width: 100%; } /* FOOTER > Footer */ #footer footer { border-top: 1px solid rgba(255,255,255,.25); clear: both; font-size: 16px; line-height: 20px; padding: 15px 20px; } /* FOOTER > Footer > Navigation */ #footer footer ul { float: left; list-style: none; margin: 0; padding: 0; } #footer footer li { display: inline; list-style: none; margin: 0; padding: 0; } #footer footer li:not(:first-child)::before { content: '- '; display: inline-block; padding: 0 5px; } /* FOOTER > Footer > About the author */ #about-the-author { display: inline-block; float: right; padding: 0; 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: -20px; content: ' '; border: 2px solid #d14943; border-radius: 50%; width: 19px; height: 19px; top: 0; } /* FOOTER > Scroll to top */ #scroll-to-top { background: #99845d url(../images/sprite.png) -90px -310px no-repeat; bottom: 20px; display: block; font-size: 0; height: 60px; line-height: 0; overflow: hidden; position: fixed; right: 0; width: 60px; z-index: 1001; } #scroll-to-top:hover { background-color: #806e4e; } /* MOBILE NAVIGATION *************************************************************************************************/ #nav-mobile { background: #fff; display: none; font-size: 0; line-height: 0; padding: 20px 0; position: absolute; top: 100px; width: 100%; z-index: 1000; -webkit-box-shadow: 0 0 10px rgba(61,55,53,.25); -moz-box-shadow: 0 0 10px rgba(61,55,53,.25); -o-box-shadow: 0 0 10px rgba(61,55,53,.25); box-shadow: 0 0 10px rgba(61,55,53,.25); } #nav-mobile ul { list-style: none; margin: 0; padding: 0; } #nav-mobile li { list-style: none; margin: 0; padding: 0; position: relative; vertical-align: top; } #nav-mobile a { color: #454545; display: block; font-size: 16px; line-height: 20px; outline: none; position: relative; text-align: left; text-decoration: none; } #nav-mobile a:hover { background-color: #99845d; color: #fff } #nav-mobile > ul > li { display: block; float: left; margin: 0 1% 10px; vertical-align: top; width: 23%; } #nav-mobile > ul > li > a { background-color: #f5f2ee; border-bottom: 1px solid #d6cebe; display: block; font-weight: 500; margin: 0 0 5px; padding: 5px 10px; } #nav-mobile > ul > li:nth-child(4n+1) { clear: left; } #nav-mobile > ul > li.menu-item-has-children > a { } #nav-mobile ul ul li { margin: 0 0 5px; } #nav-mobile ul ul a { font-size: 14px; padding: 5px 5px 5px 15px; } #nav-mobile ul ul a:before { content: '- '; } /* HOME *************************************************************************************************/ .home #page-title { position: relative; } #hotelspecials-awards { background: url(https://www.stiemerheide.be/wordpress/wp-content/uploads/2016/02/stiemerheide-hotel-specials-awards-badge.png) 20px center no-repeat; display: block; font-size: 1.125em; left: 50%; line-height: 1.5em; padding: 35px 10px 35px 140px; position: absolute; top: 5px; z-index: 100; } #hotelspecials-awards a { margin: 0 !important; padding: 0 !important; text-decoration: none !important; } .home #page-title h1 { padding: 0 0 10px; } /* #gaultmillau-corneille { background: pink url(https://www.stiemerheide.be/wordpress/wp-content/uploads/2018/11/gaultmillau-toque.png) 95% center no-repeat; background-size: 13px 16px; display: block; font-size: 1em; left: 50%; padding: 10px 45px 10px 10px; text-align: right; position: absolute; top: 90px; width: 50%; z-index: 100; } */ #ratings { font-size: 1em; left: 50%; position: absolute; top: 0; width: 50%; z-index: 100; } #ratings h3 { font-size: 18px; line-height: 24px; margin: 6px 0; text-align: right; vertical-align: top; } #ratings h3 .michelin-stars { background: url(../images/michelin.gif) center center no-repeat; background-size: 50px 16px; display: inline-block; height: 24px; margin: 0 0 0 7px; vertical-align: top; width: 50px; } #ratings h3 .toque { background: url(../images/toque.gif) center center no-repeat; background-size: 10px 16px; display: inline-block; height: 24px; margin: 0 0 0 2px; vertical-align: top; width: 10px; } #ratings h3 .toque:first-of-type { margin-left: 7px; } /* HOME > Culinaire agenda */ #agenda-wrap { background-position: center top; background-repeat: no-repeat; min-height: 600px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* #agenda-wrap header { color: #fff; margin: 0 auto; padding: 50px; text-align: center; text-shadow: 0 0 3px rgba(0,0,0,1); width: 1200px; } #agenda-wrap header h1 { } #agenda-wrap header h1 a { color: #fff; text-decoration: none; } #agenda-wrap header h1 a:hover { text-decoration: underline; } */ #agenda-wrap header { color: #454545; margin: 0 auto; padding: 50px; text-align: center; width: 1200px; } #agenda-wrap header h1 { } #agenda-wrap header h1 a { color: #454545; text-decoration: none; } #agenda-wrap header h1 a:hover { text-decoration: underline; } #agenda-wrap header .ghost-button:not(:hover) { background-color: rgba(61,55,53,.5); } #agenda { margin: 0 auto; padding: 10px 50px 20px; position: relative; width: 100%; } #agenda .owl-wrapper { padding: 20px 0; } #agenda .item { background: #fff; /*background-color: rgba(255,255,255,.9);*/ font-size: 14px; line-height: 20px; margin: 0 auto 20px; max-width: 360px; width: 87.5%; -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); -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } #agenda .item.clickable { cursor: pointer; } #agenda .item:hover { background: #fff; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #agenda .item figure { font-size: 0; line-height: 0; margin: 0 0 20px; } #agenda .item figure img { height: auto; width: 100%; } #agenda .item figcaption { display: none; } #agenda .item .entry-content { min-height: 130px; padding: 0 7.5%; text-align: left; } #agenda .item .entry-content h2 { font-size: 21px; line-height: 30px; margin: 0 0 20px; } #agenda .item .entry-content h2 a { text-decoration: none; } #agenda .item .entry-content h2 a:hover { color: #806e4e; } #agenda .item .entry-meta { font-size: 14px; font-weight: 300; padding: 0 5% 10px; } #agenda .item .entry-meta .entry-date { color: #666; float: left; } #agenda .item .readmore { float: right; } #agenda .item .readmore a { text-decoration: none; } #agenda .item .readmore a:hover { color: #806e4e; } /* HOME > Hotel */ #hotel-wrap { } #hotel-wrap header { margin: 0 auto; padding: 50px 0; width: 1200px; } #hotel-wrap header h1 { color: #99845d; font-size: 48px; font-weight: 800; line-height: 60px; margin: 0 0 40px; } #hotel-wrap header h1 em, #hotel-wrap header h1 strong { font-size: 1.5em; font-style: normal; font-weight: 300 !important; } #hotel-wrap h2 { color: #99845d; margin-top: 40px; text-align: center; } /* #hotel-wrap ul.omgeving { list-style: none; margin: 0 auto; max-width: 900px; padding: 0; width: 100%; zoom: 1; } #hotel-wrap ul.omgeving::before { content:'\0020'; display: block; height: 0; visibility: hidden; } #hotel-wrap ul.omgeving::after { clear:both; content:'\0020'; display: block; height:0; visibility: hidden; } #hotel-wrap ul.omgeving li { display: block; float: left; font-size: 1.25em; line-height: 1.5em; padding: 5px 20px 5px 30px; position: relative; text-align: left; vertical-align: top; width: 50%; } #hotel-wrap ul.omgeving li::before { background: #99845d; content: ''; display: block; height: 8px; left: 10px; margin-top: -4px; position: absolute; top: 50%; width: 8px; } #hotel-wrap ul.omgeving li:nth-child(2n+1) { clear: left; } #hotel-wrap ul.omgeving a { font-weight: 800; } */ #hotel { font-size: 0; line-height: 0; } #hotel .item { margin: 0 1px; } #hotel .item a { background: #000 url(../images/zoom.png) center center no-repeat; border-left: 5px solid #fff; border-top: 5px solid #fff; display: block; overflow: hidden; } #hotel .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; } #hotel .item a:hover > img { filter: Alpha(Opacity=75); opacity: .75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* HOME > Read more */ #readmore-content-wrap { margin: 20px auto; max-width: 1200px; width: 100%; } #readmore-content-wrap > h3 { clear: both; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 20px auto; position: relative; width: 40px; } #readmore-content-wrap > h3 span, #readmore-content-wrap > h3::before, #readmore-content-wrap > h3::after { background: transparent; border: 1px solid #99845d; content: ''; display: block; font-size: 0; height: 8px; line-height: 0; position: absolute; top: 6px; width: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #readmore-content-wrap > h3 span { left: 16px; } #readmore-content-wrap > h3::before { left: 0; } #readmore-content-wrap > h3::after { right: 0; } #readmore-content-wrap > h3:hover span, #readmore-content-wrap > h3:hover::before, #readmore-content-wrap > h3:hover::after { background: #99845d; } #readmore-content-wrap > .readmore-wrap { display: none; padding: 5%; } /* HOME > Excerpt */ #home-excerpt-wrap { margin: 20px auto; max-width: 1200px; width: 100%; } #home-excerpt-wrap .home-excerpt { padding: 5%; } /* ARCHIVES *************************************************************************************************/ #content .single-post { border-top: 1px solid #d6cdbe; margin: 0 0 10px; padding: 30px 0 0; } #content .single-post.first { border: none; } #content .single-post figure { background: #3d3735; display: block; float: left; font-size: 0; line-height: 0; margin: 0 0 20px; max-width: 360px; width: 35%; } #content .single-post figure a { display: block; } #content .single-post figure img { height: auto; width: 100%; } #content .single-post figcaption { display: none; } #content .single-post .entry-header { float: right; width: 60%; } #content .single-post .entry-title { font-size: 36px; line-height: 40px; margin: 0 0 5px; } #content .single-post .entry-title a { text-decoration: none; } #content .single-post .entry-title a:hover { color: #806e4e; } #content .single-post .entry-meta { color: #676767; font-size: 16px; margin: 0 0 10px; } #content .single-post .entry-date { font-style: italic; } #content .single-post .byline { display: none; } #content .single-post .entry-content { float: right; width: 60%; } #content .single-post .entry-content .readmore { font-size: 16px; margin: 0; text-align: right; } /* ARCHIVES > pagination */ .page-nav { border-top: 1px solid #d6cdbe; font-size: 16px; margin: 0; padding: 10px 0 0; text-align: center; } .page-nav .page-numbers { display: inline-block; margin: 0 5px !important; text-decoration: none; } .page-nav .page-numbers:not(.prev):not(.next) { border: 1px solid #d6cebe; padding: 4px 0 !important; text-align: center; width: 40px; } .page-nav .page-numbers.current { background: #d6cebe; color: #fff; } .page-nav a:hover { color: #806e4e; } .page-nav a.page-numbers:not(.prev):not(.next):hover { background: #f5f2ee; border-color: #99845d; } /* SINGLE POST / AGENDA *************************************************************************************************/ .single-post #main-wrap, .single-agenda #main-wrap { margin: 0 auto; width: 1200px; } .single-post #main-wrap header, .single-agenda #main-wrap header { padding: 0 5%; } .single-post #content, .single-agenda #content { float: left; margin: 0; width: 66.66%; } .single-post #sidebar, .single-agenda #sidebar { float: right; width: 30%; } .single-post .post-title, .single-agenda .post-title { margin: 0; } .single-post #main-wrap header h3, .single-agenda #main-wrap header h3 { color: #676767; font-size: 18px; } /* SINGLE POST / AGENDA - Sidebar *************************************************************************************************/ #sidebar { } #sidebar figure { display: block; font-size: 0; line-height: 0; } #sidebar figure a { background: #000; display: block; margin: 0 auto; max-width: 360px; overflow: hidden; } #sidebar figure 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; } #sidebar figure a:hover > img { filter: Alpha(Opacity=75); opacity: .75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #sidebar figure figcaption { display: none; } #nav-posts { font-size: 0; line-height: 0; } #nav-posts ul { list-style: none; margin: 0; padding: 0; } #nav-posts li { display: block; list-style: none; margin: 0 0 20px; padding: 0; text-align: center; } .single-post #sidebar figure { margin: 0 0 40px; } .single-post #sidebar figure a { background: #000 url(../images/zoom.png) center center no-repeat; } .single-post #nav-posts li { border-top: 1px solid #d6cebe; } .single-post #nav-posts li:first-child { border: none; } #nav-posts .entry-title { font-size: 20px; line-height: 30px; margin: 0; } #nav-posts .entry-title a { display: block; padding: 15px 0; position: relative; text-align: center; text-decoration: none; } #nav-posts .previous .entry-title a { padding: 15px 0 15px 50px; } #nav-posts .next .entry-title a { padding: 15px 50px 15px 0; } #nav-posts .entry-title a:before { background-image: url(../images/sprite.png); background-repeat: no-repeat; bottom: 5px; content: ''; display: block; font-size: 0; height: 60px; line-height: 0; position: absolute; width: 40px; } #nav-posts .previous .entry-title a:before { background-position: -80px -240px; left: 2%; } #nav-posts .next .entry-title a:before { background-position: -120px -240px; right: 2%; } #nav-posts .return-to-list .entry-title a { padding: 15px 0 15px 50px; } #nav-posts .return-to-list .entry-title a:before { background-image: url(../images/sprite.png); background-position: -80px -240px; background-repeat: no-repeat; bottom: 5px; content: ''; display: block; font-size: 0; height: 60px; left: 2%; line-height: 0; position: absolute; width: 40px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #nav-posts li:hover .entry-title a, #nav-posts .entry-title a:hover { color: #806e4e; } #nav-posts .entry-date { color: #676767; display: block; font-size: 14px; line-height: 20px; } /* SEARCH RESULTS *************************************************************************************************/ #content .search-result { border: 1px solid #d6cebe; float: left; font-size: 14px; line-height: 20px; 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+2) { clear: left; } #content .search-result h2 { font-size: 18px; line-height: 24px; } #content .search-result h2 a { text-decoration: none; } #content .search-result h2 a:hover { color: #806e4e; } #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: #99845d; 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: #806e4e; } #content .no-results { text-align: center; } /* CONTACT *************************************************************************************************/ .page-template-contact { padding-top: 125px; } .page-template-contact #header-wrap { background: #3d3735 !important; } .page-template-contact #header-wrap #nav-top { background-color: rgba(255,255,255,.1); } .page-template-contact #header-wrap .nav a:hover, .page-template-contact #header-wrap .nav a:focus, .page-template-contact #header-wrap .nav .sfHover > a { background-color: rgba(255,255,255,.1) !important; } /* HOTSPOTS *************************************************************************************************/ .page-template-omgeving { padding-top: 125px; } .page-template-omgeving #header-wrap { background: #3d3735 !important; } .page-template-omgeving #header-wrap #nav-top { background-color: rgba(255,255,255,.1); } .page-template-omgeving #header-wrap .nav a:hover, .page-template-omgeving #header-wrap .nav a:focus, .page-template-omgeving #header-wrap .nav .sfHover > a { background-color: rgba(255,255,255,.1) !important; } .block-omgeving-map { margin: 0 0 40px; position: relative; z-index: 0; } #gmap-omgeving { height: 0; padding: 0 0 32.5%; position: relative; width: 100%; z-index: 1; } .stiemerheide-infowindow { min-width: 500px; padding-left: 50%; position: relative; } .stiemerheide-infowindow figure { border-right: 5px solid #fff; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 50%; top: 0; } .stiemerheide-infowindow figure img { height: 100%; left: 0; object-fit: contain; position: absolute; top: 0; width: 100%; } .stiemerheide-infowindow figure figcaption { display: none; } .stiemerheide-infowindow .address { color: #292c30; min-height: 175px; padding: 15px; padding-bottom: 65px; } .stiemerheide-infowindow .address h3 { font-size: 1.25em; font-weight: bold; } .stiemerheide-infowindow .address > * + * { margin-top: 1rem; } .page-template-omgeving .gm-style .gm-style-iw-c { border-radius: 0 !important; padding: 10px 0 0 10px !important; } .gm-style-iw-c > div { position: relative; } .gm-style-iw-c .stiemerheide-url { border-left: 10px solid #fff; bottom: 0; left: 50%; position: absolute; right: 0; } .gm-style-iw-c .stiemerheide-url > a { background: #ab8e43; color: #fff; display: block; padding: 15px; text-align: center; text-decoration: none; text-transform: uppercase; } /* POPUPS *************************************************************************************************/ body.single-popups { padding: 0; } body.single-popups #content { margin: 0; padding: 25px 5% 0; } /* SEO *************************************************************************************************/ /* SEO > Seo link */ .seo-link { color: #454545 !important; cursor: text !important; outline: none !important; text-decoration: none !important; } /* SEO > Thumb */ .seo-thumb { background: #99845d; float: left; font-size: 0; line-height: 0; margin: 5px 15px 10px 0; } /* SEO > WordCloud */ h3.seo-wordcloud-title { clear: both; color: #787878; margin: 0 auto 40px; position: relative; text-align: center; width: 90%; } h3.seo-wordcloud-title::after { background: #99845d; bottom: -20px; content: ''; display: block; font-size: 0; height: 1px; left: 50%; line-height: 0; margin: 0 0 0 -50px; position: absolute; width: 100px; } .seo-wordcloud { background: #f5f2ee; clear: both; margin: 0 auto 30px; padding: 10px 0; width: 90%; } .seo-wordcloud ul { font-size: 0; line-height: 0; list-style: none; margin: 0 !important; padding: 5px 10px; text-align: center; width: 100%; } .seo-wordcloud li { display: inline; } .seo-wordcloud span, .seo-wordcloud a { color: #454545; display: inline-block; font-size: 12px; line-height: 16px; } .seo-wordcloud a { text-decoration: none !important; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .seo-wordcloud .cloud_0 span, .seo-wordcloud .cloud_0 a { color: #99845d !important; font-size: 12px; line-height: 1; padding: 3px 3px; } .seo-wordcloud .cloud_1 span, .seo-wordcloud .cloud_1 a { color: #898989 !important; font-size: 14px; line-height: 1; padding: 3px 4px; } .seo-wordcloud .cloud_2 span, .seo-wordcloud .cloud_2 a { color: #676767 !important; font-size: 18px; line-height: 1; padding: 3px 5px; } .seo-wordcloud .cloud_3 span, .seo-wordcloud .cloud_3 a { color: #454545 !important; font-size: 24px; line-height: 1; font-weight: 700; padding: 3px 6px; } .seo-wordcloud .cloud_4 span, .seo-wordcloud .cloud_4 a { color: #99845d !important; font-size: 36px; line-height: 1; font-weight: 700; padding: 5px 7px; } .seo-wordcloud a:hover { background-color: #99845d !important; background-color: rgba(153,132,93,.8) !important; color: #fff !important; z-index: 100; } /* SEO > Gallery */ h3.seo-gallery-title { clear: both; color: #787878; margin: 0 auto 40px; position: relative; text-align: center; width: 50%; } h3.seo-gallery-title::after { background: #99845d; bottom: -20px; content: ''; display: block; font-size: 0; height: 1px; left: 50%; line-height: 0; margin: 0 0 0 -50px; position: absolute; width: 100px; } #content ul.seo-gallery { clear: both; font-size: 0; line-height: 0; list-style: none; margin: 0 0 20px; padding: 0; } #content ul.seo-gallery > li { background: none !important; display: block; float: left; list-style: none; margin: 0; padding: 0; text-align: center; width: 25%; } #content ul.seo-gallery > li > a { background: #000 url(../images/zoom.png) center center no-repeat; border-left: 5px solid #fff; border-top: 5px solid #fff; display: block; overflow: hidden; } #content ul.seo-gallery > li > 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; } #content ul.seo-gallery > li > a:hover > img, #content ul.seo-gallery > li > a:focus > img { filter: Alpha(Opacity=75); opacity: .75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /* SEO > Content Read More */ #content h3.readmore { display: none; } #content h3.readmore.animated { background: #99845d; border: 0; color: #fff; cursor: pointer; display: block; font-size: 20px; line-height: 24px; margin: 0 auto; min-width: 180px; padding: 8px 20px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; width: 20%; -webkit-appearance: none; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #content h3.readmore.animated:hover, #content h3.readmore.animated:focus { background: #806e4e; -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } .readmore-wrap { clear: both; } /* 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 #fff; border-top: 5px solid #fff; display: block; overflow: hidden; } .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 { filter: Alpha(Opacity=75); opacity: .75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .ngg-clear { clear: both; font-size: 0; line-height: 0; margin: 0; } .ngg-gallery-thumbnail-box p { display:none; } .ngg-galleryoverview p { display: none !important; visibility: hidden; } .title-download { background: url(../images/sprite.png) -210px -8px no-repeat; display: inline-block; padding: 0 0 0 30px; text-decoration: none; } .page-template-persfotos .ngg-galleryoverview { counter-reset: gallery; } .page-template-persfotos .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a::after { background: #99845d; bottom: 10px; color: #fff; content: counter(gallery); counter-increment: gallery; font-size: 12px; line-height: 14px; padding: 8px 0; position: absolute; right: 10px; text-align: center; width: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; } .page-template-persfotos .ngg-galleryoverview > .ngg-gallery-thumbnail-box > .ngg-gallery-thumbnail > a:hover::after { background: #fff; color: #99845d; font-size: 14px; line-height: 20px; padding: 10px 0; width: 40px; } .video-responsive { height: 0; overflow: hidden; padding-bottom: 40.859375%; position: relative; } .video-responsive iframe{ height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .cubilis-ratebox { z-index: 99999; } .page-id-10948 #content blockquote { background: rgba(153,132,93,0.05); border: 1px solid #99845d; color: #99845d; font-weight: bold; margin-bottom: 20px; padding: 1em; text-align: center; } .page-id-10948 #content blockquote > *:last-child { margin-bottom: 0 !important; } .page-id-10948 #content h4 { color: #99845d; font-size: 1.111em; line-height: 1.333; text-align: justify; } .page-id-10948 #content ol { clear: both; display: block; list-style: none; margin-left: 0 !important; padding-left: 0 !important; zoom: 1; } .page-id-10948 #content ol::before { content: '\0020'; display: block; height: 0; visibility: hidden; } .page-id-10948 #content ol::after { clear: both; content: '\0020'; display: block; height: 0; visibility: hidden; } .page-id-10948 #content ol > li { display: block; float: left; list-style: none; margin-left: 0 !important; margin-right: 5%; vertical-align: top; width: 45%; } .page-id-10948 #content ol > li::before { content: '-'; display: inline-block; margin-right: 10px; } .page-id-10948 #content .rating { color: inherit; text-decoration: none; } .page-id-10948 #content .michelin-stars { background: url(../images/michelin.gif) center center no-repeat; background-size: 50px 16px; display: inline-block; height: 16px; margin: 0 0 4px 2px; vertical-align: middle; width: 50px; } .page-id-10948 #content .toque { background: url(../images/toque.gif) center center no-repeat; background-size: 10px 16px; display: inline-block; height: 16px; margin: 0 0 4px 2px; vertical-align: middle; width: 10px; } .page-id-10948 .ngg-galleryoverview > .ngg-gallery-thumbnail-box { width: 33.33% !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; } } .owl-theme .owl-controls .owl-buttons div.owl-prev, .owl-theme .owl-controls .owl-buttons div.owl-next { background-color: #ad9d7d !important; }