/* 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 */ }f .wp-caption-text { font-family:Georgia,serif; font-size:14px; font-style:italic; color:#474747; } .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: #474747; font: 300 18px/36px 'Roboto', Arial, sans-serif; height: 100%; position: relative; } /* Default margin-bottom */ p, ul, ol, table, fieldset, hr { margin-bottom: 20px; } /* Links */ a { color: #8a752a; text-decoration: underline; } a:visited { color: #8a752a; } a:hover { color: #8a752a; text-decoration: none; } /* Headings */ h1 { margin: 0 0 20px; font:36px/42px 'Roboto', sans-serif; font-weight: 300; color: #8a752a; } h2, .tussentitel { margin: 0 0 15px; font:24px/24px 'Roboto', sans-serif; font-weight: 300; color: #2e2823; } h3 { margin: 0 0 10px; font:20px/20px 'Roboto', sans-serif; } h4 { margin: 0 0 5px; font:16px/16px 'Roboto', sans-serif; } h5 { margin: 0 0 5px; font:16px/16px 'Roboto', sans-serif; } h6 { margin: 0 0 5px; font:16px/16px 'Roboto', sans-serif; } /* Ruler */ hr { border: 0; border-top: 1px solid #a73a36; clear: both; height: 0; margin: 20px 10%; width: 80%; } /* Tables */ th, td { padding: 2px 5px; vertical-align: top; } table { border-bottom: 1px solid rgba(46,40,35,.15); border-right: 1px solid rgba(46,40,35,.15); } table th, table td { border-left: 1px solid rgba(46,40,35,.15); border-top: 1px solid rgba(46,40,35,.15); } table tr:first-child > th, table tr:first-child > td { } table tr:nth-child(odd) > th, table tr:nth-child(odd) > td { background-color: rgba(138,117,42,.1); } .contactdetails { width: 80%; } .contactdetails tr td:first-child { width: 13%; } .contactdetails tr td:nth-child(2) { width: 3%; } .contactdetails tr td:last-child { width: 84%; } .pricetable { width: 100%; } .pricetable tr { } .pricetable tr:first-child { border-top: none;} .pricetable tr td { vertical-align: top; } .pricetable tr td:first-child { width: 90%; } .pricetable tr td:nth-child(2) { width: 3%; text-align: center; } .pricetable tr td:last-child { width: 7%; text-align: right; } .pricetable em { color: #666; display: inline-block; font-size: 16px; text-transform: italic; padding: 0 0 0 20px; } .pricetable tr td ul li:before { position: absolute; display: block; width: 6px; height: 6px; background: #a73a36; content: " "; top: 8px !important; left: -15px; } /* 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: rgba(46,40,35,.1); 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: #a9a8ab; } .pm-field { background: #fff; border: 1px solid #a9a8ab; color: #77787b; float: left; font-size: 18px; line-height: 30px; margin: 0 0 5px; padding: 5px 10px; width: 67.5%; } textarea.pm-field { height: 100px; 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: #2e2823; 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 { display: block; float: left; font-size: 18px; line-height: 30px; padding: 6px 10px; margin: 0 2.5% 5px 0; position: relative; vertical-align: top; white-space: nowrap; width: 30%; } .label-large { clear: left; float: none; margin: 0 0 5px; width: 100%; } .label .obligatory { color: #8a752a; display: inline-block; padding: 0 5px; } .error label { background: #a73a36; color: #fff; } .error .label .obligatory { color: #fff; } .messagebox { color: #fff; font-size: 18px; line-height: 24px; padding: 20px; } .messagebox.error { background: #a73a36; } .messagebox.success { background: green; margin-bottom: 0; } .calendar { vertical-align: middle; } .g-recaptcha { float: left; } /* Buttons (links and inputs) */ .button, .button:visited { background-color: #555; border: none; color: #fff; display: inline-block; font-size: 16px; line-height: 25px; margin: 0 auto; padding: 5px 10px; text-align: center; text-decoration: none !important; text-shadow: 1px 1px 1px rgba(0,0,0,.1); text-transform: uppercase; white-space: nowrap; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-appearance: none; -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: #e3dedb !important; color: #241f1c; -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } .button:active { top:1px; } .button[disabled] { background-color: #aaa; cursor: default; } /* Google Maps */ .gmap-infowindow { color: #474747; line-height: 20px; overflow: hidden; } /* LAYOUT *************************************************************************************************/ body { padding: 150px 0 0; } /* HEADER */ #header-wrap { background: #e2dbd1; border-top: 5px solid #555; position: fixed; top: 0; width: 100%; z-index: 1000; -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s; -webkit-transform: translateZ(0); } #header { height: 145px; margin: 0 auto; padding: 0; position: relative; width: 1200px; z-index: 0; } /* HEADER > Logo */ #logo { display: block; font-size: 0; left: 20px; line-height: 0; margin: 0; padding: 10px; position: absolute; width: 220px; z-index: 20; -webkit-transition: width .5s; -moz-transition: width .5s; -o-transition: width .5s; transition: width .5s; } #logo a { display: block; } #logo img { height: auto; max-width: 100%; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* HEADER SMALL */ .small #header { height: 105px; } .small #logo img { max-width: 140px; } .small #nav-main { top: 55px; } /* HEADER > Navigation */ #header .nav { font-size: 0; line-height: 0; margin: 0; padding: 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 { outline: none; position: relative; text-decoration: none; text-shadow: 1px 1px 1px #333; } #header .nav ul ul { display: none; position: absolute; top: -9999px; z-index: 99999; } #header .nav li:hover > ul, #header .nav li.sfHover > ul { background: #fff; background: rgba(255,255,255,.9); left: 0; -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 .nav ul ul li { display: block; } #header .nav ul ul li::before { background: #2e2823; background: rgba(46,40,35,.6); content: ''; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; } #header .nav ul ul li:first-child { padding: 0 !important; } #header .nav ul ul li:first-child::before { display: none; } #header .nav ul ul a { color: #555; display: block; padding: 10px 5px; text-align: center; text-shadow: none; -webkit-transition: padding .5s; -moz-transition: padding .5s; -o-transition: padding .5s; transition: padding .5s; } #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: #2e2823 !important; color: #fff; } /* HEADER > Navigation > Top navigation */ #nav-top { position: absolute; right: 0; top: 0; z-index: 10; } #nav-top a { color: #fff; font-size: 18px; line-height: 20px; } #nav-top a:hover, #nav-top a:focus, #nav-top .sfHover > a { } #nav-top > ul { background-color: #555; } #nav-top > ul > li { display: inline-block; padding: 0 !important; } #nav-top > ul > li::before { background-color: #fff; bottom: 10px; content: ''; display: block; font-size: 0; left: 0; line-height: 0; position: absolute; top: 10px; width: 1px; } #nav-top > ul > li:first-child { padding: 0 !important; } #nav-top > ul > li:first-child::before { display: none; } #nav-top > ul > li > a { display: inline-block; padding: 10px; text-shadow: 2px 2px 2px #666; } #nav-top > ul > li.home > a { background-image: url(../images/sprite.png); background-position: 0 0; background-repeat: no-repeat; font-size: 0; height: 40px; line-height: 0; padding: 0; text-indent: -9999px; width: 40px; } #nav-top > ul > li.phone > a { padding-left: 35px; } #nav-top > ul > li.phone > a:before { background-image: url(../images/sprite.png); background-position: -125px -5px; content: ''; display: block; height: 30px; left: 5px; position: absolute; top: 5px; width: 30px; } #nav-top > ul > li.weather > a { padding-left: 45px; } #nav-top > ul > li.weather > a:before { background-image: url(../images/sprite.png); background-position: -106px -346px; content: ''; display: block; height: 30px; left: 10px; position: absolute; top: 5px; width: 30px; } #nav-top > ul > li.search > a { padding-left: 40px; } #nav-top > ul > li.search > a:before { background-image: url(../images/sprite.png); background-position: -230px -5px; content: ''; display: block; height: 30px; left: 10px; position: absolute; top: 5px; width: 30px; } #nav-top > ul > li.facebook > a { background-image: url(../images/sprite.png); background-position: 0 -130px; content: ''; display: block; left: 10px; top: 12px; width: 90px; text-indent: -9999px; } #nav-top > ul > li.language > a { text-transform: uppercase; } #nav-top li:hover > ul, #nav-top li.sfHover > ul { margin-left: -100px; top: 53px; width: 200px; } #nav-top li:hover > ul::before, #nav-top li.sfHover > ul::before { left: 90px; } #nav-top ul ul li { padding: 3px 2px 2px !important; } /* HEADER > Navigation > Main navigation */ #nav-main { bottom: 0; display: block; position: absolute; right: 0; text-align: right; top: 95px; z-index: 2; } #nav-main a { color: #fff; display: block; font-size: 18px; line-height: 20px; text-shadow: none; } /* HEADER > Navigation > Main navigation > First level */ #nav-main > ul > li { display: inline-block; } #nav-main > ul > li > a { border-bottom: 5px solid transparent; padding: 15px 20px 11px; } #nav-main > ul > li:first-child > a { border: none; } #nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus, #nav-main > ul > li.sfHover > a, #nav-main > ul > li.current-menu-item > a, #nav-main > ul > li.current-menu-ancestor > a, #nav-main > ul > li.current-page-item > a, #nav-main > ul > li.current-page-ancestor > a { color: #fff; border-bottom: 5px solid #8a752a; } /* HEADER > Navigation > Main navigation > Second level */ #nav-main li:hover > ul, #nav-main li.sfHover > ul { margin-left: 0; top: 60px; width: 260px; } #nav-main > ul > li:last-child:hover > ul, #nav-main > ul > li:last-child.sfHover > ul, #nav-main li:nth-last-child(2):hover > ul, #nav-main li:nth-last-child(2).sfHover > ul { left: auto; right: 0; } #nav-main ul ul li { padding: 0 !important; } #nav-main ul ul li a { padding: 12px 0 !important; text-shadow: none; } /* HEADER > Navigation > Main navigation > Third level */ #nav-main ul ul .has_submenu > a::after { border-bottom: 5px solid transparent; border-left: 5px solid #a73a36; border-top: 5px solid transparent; content: ''; display: block; font-size: 0; line-height: 0; margin: -5px 0 0; position: absolute; right: 10px; top: 50%; } #nav-main ul ul .has_submenu > a:hover::after, #nav-main ul ul .has_submenu > a:focus::after, #nav-main ul ul .has_submenu.sfHover > a::after, #nav-main ul ul .has_submenu.current-menu-item > a::after, #nav-main ul ul .has_submenu.current-menu-ancestor > a::after { border-left-color: #fff; } #nav-main ul ul li:hover > ul, #nav-main ul ul li.sfHover > ul { left: 265px !important; margin-left: 0; top: 0; } #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 #fff !important; border-top: 10px solid transparent !important; left: -10px; top: 13px !important; } #nav-main > ul > li:last-child:hover > ul > li > ul, #nav-main > ul > li:last-child.sfHover > ul > li > ul, #nav-main li:nth-last-child(2):hover > ul > li > ul, #nav-main li:nth-last-child(2).sfHover > ul > li > ul { left: -245px !important; margin-right: 0; top: 1px; } /* SLIDER */ #slider { background: #eee; position: relative; z-index: 10; } .content-readmore { display: none; } /* BOOK ONLINE RIBBON */ #ribbon-book-online { background: #e2dbd1; border-bottom: 5px solid #8a752a; text-align: center; } #ribbon-book-online p { color: #555; display: inline-block; margin: 0; padding: 17px 10px; vertical-align: top; } #ribbon-book-online p.cta { padding: 7px 10px; } #ribbon-book-online p label { display: inline-block; margin: 0 10px 0 0; } #ribbon-book-online .datepicker { border: 0; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } /* Revolution Slider *************************************************************************************************/ .tp-bullets { bottom: 20px !important; } .no-book-bar .tp-bullets { bottom: 20px !important; } .tp-bullets.simplebullets.round .bullet { background: url(../images/sprite.png) -164px -64px 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) -164px -43px no-repeat !important; } .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background: url(../images/sprite.png) -164px -43px no-repeat !important; } /* C2A *************************************************************************************************/ #c2a { margin: 0 auto 45px; text-align: center; padding: 6px 0 0 0; } #c2a_text { vertical-align: middle; text-align: center; margin: 0; } #c2a_text h2 { font-size: 48px; line-height: 50px; margin: 0 0 60px; padding: 0; color: #474747; } .c2a_button, .c2a_button:visited, .ghost-button { background: #2e2823; color: #fff !important; display: inline-block; margin: 0 auto; position: relative; text-align: center; text-decoration: none !important; font-size: 26px; background: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .c2a_button, .c2a_button:visited { padding: 0; background:#2e2823; } .ghost-button { padding: 5px 10px; } .ghost-button:hover { background: #8a752a; } /* POST THUMBNAIL */ #post-thumbnail { background-position: center; background-repeat: no-repeat; font-size: 0; height: 0; line-height: 0; margin: 0 auto; padding: 0 0 33.33%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } #post-thumbnail img { display: none; } /* MAP */ #gmap { height: 580px; padding: 0 0 25%; width: 100%; margin-bottom: 40px; } /* RIBBON */ #ribbon { background: #fff; font-size: 0; height: 20px; line-height: 0; margin: 0 0 100px; width: 100%; } /* Slogan */ #slogan { text-align: center; font-size: 48px; margin: 0 auto 120px; } /* CONTENT */ #content { margin: 0 auto; padding: 40px 20px 20px; width: 1200px; position: relative; } #content p { text-align: justify; } #content img { max-width: 1200px; } #content ol { margin: 0 0 20px 25px; } #content ol ol, #content ul:not(.verkooppunten) ol { margin: 5px 0 0 25px; } #content ul { list-style: none; margin: 0 0 20px 10px; } #content ul li {position:relative;} #content ul li:before { position: absolute; display: block; width: 6px; height: 6px; background: #8a752a; content: " "; top: 15px; left: -15px; } #content ul ul, #content ol ul { margin: 5px 0 0 10px; } #content ul ul li, #content ol ul li { list-style: none; } #content ol li, #content ul:not(.verkooppunten) li { margin: 0 0 5px 25px; } #content img.responsive { height: auto !important; max-width: 100% !important; width: 100% !important; } /* CONTENT - breadcrumbs */ #breadcrumbs { color: #a9a8ab; font-size: 12px; line-height: 16px; margin: 0 0 20px; } #breadcrumbs a { color: #a9a8ab; text-decoration: none; } #breadcrumbs a:hover { color: #a73a36; } /* CONTENT - download button */ #content a.download { background: #d9d8da; color: #a73a36; display: inline-block; font-size: 18px; line-height: 30px; margin: 5px; padding: 7px 15px 12px 75px; position: relative; text-align: left; text-decoration: none; } #content a.download, #content a.download::before { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } #content a.download:hover, #content a.download:focus, #content a.download:hover::before, #content a.download:focus::before { -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } #content a.download::before { background: #fff url(../images/sprite.png) 0 -300px no-repeat; content: ''; display: block; font-size: 0; height: 40px; left: 13px; line-height: 0; position: absolute; top: 13px; width: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } #content a.download::after { color: #a73a36; content: 'Download'; display: block; font-size: 12px; line-height: 14px; } #content a.download[href$='.pdf']::after { content: 'Download - PDF' !important; } #content a.download:hover, #content a.download:focus { background-color: #64646a; color: #fff; } #content a.download:hover::before, #content a.download:focus::before { background-position: 0 -340px; } #content a.download:hover::after, #content a.download:focus::after { color: #77787b; } #content blockquote { background: #8a752a; background-color: rgba(138,117,42,.35); border-bottom: 5px solid #8a752a; margin: 2em auto 2em; padding: 1em 2em; min-width: 60%; width: 60%; } #content blockquote *:last-child { margin-bottom: 0; } /* FOOTER - Latest news *************************************************************************************************/ #latest-news { margin: 0 auto; padding: 30px 20px; width: 1200px; } #latest-news .item { padding: 0 10px; } #latest-news a { text-decoration: none; } #latest-news a:hover, #latest-news a:focus { color: #a73a36 !important; } #latest-news .entry-meta { font-style: italic; margin: 0 0 10px; } #latest-news h2 { font-size: 20px; font-weight: 700; line-height: 1; padding: 0 20px 0 30px; } #latest-news h2 > a { color: #646569; } #latest-news p { display: block; margin: 0; padding: 0 20px 0 30px; text-align: justify; } #latest-news .readmore { float: right; font-size: 16px; font-style: italic; padding: 0 10px; text-transform: lowercase; } /* FAT FOOTER *************************************************************************************************/ #fat-footer-wrap { background: #e2dbd1; border-top: 5px solid #241f1c; width: 100%; } #fat-footer { border-bottom: 1px solid #8a752a; color: #fff; margin: 0 auto; max-width: 1200px; padding: 30px 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.35); width: 100%; } #logo-footer { float: left; width: 24%; } #hcard { float: left; margin: 0 0; width: 38%; padding-left: 8%; } #hcard h2, #hcard .region { display: none; } #hcard p { font-size: 18px; line-height: 24px; margin: 0; } #hcard a { color: #fff; text-decoration: none; } #hcard a:hover, #hcard a:focus { text-decoration: none; } #hcard .prefix { display: inline-block; width: 65px; position: relative; } #hcard .prefix:after { display: block; position: absolute; content: ":"; bottom: 0; left: 54px; width: 2px; } #hcard .mail a { text-decoration: underline; } #hcard .mail a:hover { text-decoration: none; } .de #hcard .prefix { width: 85px; } .de #hcard .prefix:after { left: 70px; } .vcard .type { display: none; } .vcard .tel { white-space: nowrap; } #nav-footer { float: right; width: 38%; } #nav-footer ul { font-size: 0; line-height: 0; list-style: none; margin: 0; padding-left: 8%; } #nav-footer li { background: url(../images/sprite.png) -165px 10px no-repeat; display: block; float: left; list-style: none; margin: 0 0 15px; padding: 0 0 0 20px; width: 50%; } #nav-footer li:last-child, #nav-footer li:nth-last-child(2) { margin-bottom: 0; } #nav-footer a { color: #fff; display: block; font-size: 18px; line-height: 24px; padding: 2px 5px; text-decoration: none; } #nav-footer a:hover, #nav-footer a:focus { text-decoration: underline; } /* FOOTER *************************************************************************************************/ #footer-wrap { width: 100%; } #footer { color: #fff; font-size: 16px; line-height: 30px; margin: 0 auto; max-width: 1200px; padding: 0 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.35); width: 100%; } #footer a { color: #fff; text-decoration: none; } #footer a:hover, #footer a:focus { text-decoration: underline; } #footer p { display: inline-block; float: left; margin: 0; padding: 5px 0; position: relative; } #footer span { display: inline-block; padding: 0 5px; } #footer .display { display: none; } #about-the-author { display: inline-block; float: right; padding: 5px 0 20px 25px; vertical-align: bottom; } #about-the-author a {text-shadow: none; position: relative; outline: 0; } #about-the-author a span { padding: 0; } #about-the-author a:hover {color: #fff; text-decoration: none; outline: 0; } #about-the-author a .o { display: none; } #about-the-author a .media { color: #d14943; } #about-the-author a:before { display: block; position: absolute; left: -17px; bottom: 3px; content: ' '; border: 2px solid #d14943; border-radius: 50%; width: 15px; height: 15px; } /* FAT FOOTER > Slider */ #footer-gallery { float: left; padding: 0; width: 33%; text-align: center; } #footer-gallery .owl-theme .owl-controls .owl-page span { background-position: -15px -215px; } #footer-gallery.owl-theme .owl-controls .owl-page.active span, #footer-gallery.owl-theme .owl-controls.clickable .owl-page:hover span { background-position: -15px -165px; } #fat-footer .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { border-color: #fff !important; background: #fff !important; } #fat-footer .owl-theme .owl-controls .owl-page span { border: 2px solid #fff !important; } /* MetaSlider Basic Styling */ .metaslider { margin: 0 0 20px; /* Spacing below the slider */ font-size: 0; /* Reset font size */ line-height: 0; /* Reset line height */ } .metaslider .slide { float: left; /* For horizontal layout */ width: 31%; /* Adjust as needed */ margin: 1%; /* Space between slides */ text-align: center; /* Center content */ } .metaslider .slide img { width: 100%; /* Ensure full width */ transition: all .35s; /* Smooth transition for effects */ } .metaslider .slide a { display: block; overflow: hidden; /* Hide overflow */ background: #000 url('../images/zoom.png') center center no-repeat; /* Background styling */ } .metaslider .slide a:hover img { opacity: .75; /* Opacity change on hover */ transform: scale(1.1); /* Zoom effect on hover */ } /* OFF-CANVAS NAVIGATION *************************************************************************************************/ #nav-mobile-toggle { background: #241f1c url(../images/sprite.png) 0 -238px no-repeat; border: 10px solid #39332c; display: none; font-size: 0; height: 85px; line-height: 0; position: fixed; right: 2%; text-decoration: none; top: 15px; width: 100px; z-index: 1010; -webkit-transition: right .5s; -moz-transition: right .5s; -o-transition: right .5s; transition: right .5s; } #off-canvas { background: #2e2823; border-right: 5px solid #241f1c; display: none; height: 100%; margin: 0 0 0 -70%; position: absolute; top: 0; width: 70%; z-index: 1001; -webkit-transition: margin .5s; -moz-transition: margin .5s; -o-transition: margin .5s; transition: margin .5s; } #off-canvas-overlay { background: transparent; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; -webkit-transition: margin .5s; -moz-transition: margin .5s; -o-transition: margin .5s; transition: margin .5s; } .off-canvas-visible #nav-mobile-toggle { background-position: -80px -238px; } .off-canvas-visible #off-canvas { margin: 0 !important; } .off-canvas-visible #off-canvas-overlay { background: rgba(46,40,35,.5); z-index: 1000; } #nav-mobile { padding: 20px 0 0; } #nav-mobile ul { margin: 0 auto 20px; width: 90%; } #nav-mobile li { display: block; border-top: 1px solid rgba(0,0,0,.1); } #nav-mobile li:first-child { border: none; } #nav-mobile a { color: #fff; display: block; line-height: 30px; padding: 5px 2% 5px 10%; position: relative; text-align: center; text-decoration: none; } #nav-mobile a:before { background: rgba(255,255,255,.1) url(../images/sprite.png) 20px -86px no-repeat; border-right: 1px solid rgba(0,0,0,.1); bottom: 0; content: ''; display: block; left: 0; position: absolute; top: 0; width: 50px; } #nav-mobile .home a:before { background-position: 5px 0; } #nav-mobile .facebook a:before { background-position: -150px -120px; } #nav-mobile .phone a:before { background-position: -115px 0; } #nav-mobile .login a:before { background-position: -35px 0; } #nav-mobile a:hover, #nav-mobile a:focus { background-color: #39332c; } /* ARCHIVES *************************************************************************************************/ #content .single-post { border-top: 1px solid #d9d8da; margin: 0 0 10px; padding: 20px 0 10px; } #content .single-post.first { border: none; } #content .single-post figure { background: #000; display: block; float: left; font-size: 0; line-height: 0; max-width: 350px; width: 31%; } #content .single-post figure a { display: block; overflow: hidden; } #content .single-post figure 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 .single-post figure a:hover > img, #content .single-post figure 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); } #content .single-post figcaption { display: none; } #content .single-post .entry-header { float: right; width: 65%; } #content .single-post .entry-title { margin: 0 0 5px; } #content .single-post .entry-title a { text-decoration: none; } #content .single-post .entry-title a:hover { color: #990005; } #content .single-post .entry-meta { font-size: 16px; margin: 0 0 20px; } #content .single-post .entry-date { font-style: italic; } #content .single-post .byline { display: none; } #content .single-post .cat-links { } #content .single-post .cat-links a { color: #77787b; text-decoration: none; } #content .single-post .cat-links a { color: #a73a36; text-decoration: none; } #content .single-post .entry-content { float: right; width: 65%; } #content .single-post .entry-content .readmore { font-size: 16px; } /* SINGLE POST *************************************************************************************************/ .entry-thumbnail { float: right; margin: 0 0 20px 30px; } /* SEO *************************************************************************************************/ /* SEO > Seo link */ .seo-link { color: #77787b !important; cursor: text !important; outline: none !important; text-decoration: none !important; } /* SEO > Thumb */ .seo-thumb { background: #a73a36; float: left; font-size: 0; line-height: 0; margin: 5px 15px 10px 0; } /* SEO > WordCloud */ h3.seo-wordcloud-title { clear: both; margin: 0 auto 40px; position: relative; text-align: center; width: 50%; } h3.seo-wordcloud-title::after { background: #a54f2b; 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: #a73a36; clear: both; margin: 0 auto 20px; padding: 5px 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: #bbb; display: inline-block; font-size: 12px; line-height: 16px; } .seo-wordcloud a { text-decoration: none !important; } .seo-wordcloud .cloud_0 span, .seo-wordcloud .cloud_0 a { color: #888 !important; font-size: 12px; line-height: 1; padding: 3px 3px; } .seo-wordcloud .cloud_1 span, .seo-wordcloud .cloud_1 a { color: #999 !important; font-size: 14px; line-height: 1; padding: 3px 4px; } .seo-wordcloud .cloud_2 span, .seo-wordcloud .cloud_2 a { color: #bbb !important; font-size: 18px; line-height: 1; padding: 3px 5px; } .seo-wordcloud .cloud_3 span, .seo-wordcloud .cloud_3 a { color: #ddd !important; font-size: 24px; line-height: 1; font-weight: 700; padding: 3px 6px; } .seo-wordcloud .cloud_4 span, .seo-wordcloud .cloud_4 a { color: #fff !important; font-size: 36px; line-height: 1; font-weight: 700; padding: 5px 7px; } .seo-wordcloud a:hover { background-color: #a73a36 !important; color: #fff !important; } /* SEO > Gallery */ h3.seo-gallery-title { clear: both; margin: 0 auto 40px; position: relative; text-align: center; width: 50%; } h3.seo-gallery-title::after { background: #a73a36; 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: 1px solid #fff; border-top: 1px 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: #a73a36; 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: #990005; -webkit-transition-duration: .35s; -moz-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; } .readmore-wrap { clear: both; } /* FRONT PAGE *************************************************************************************************/ .home #quote { margin: 0 auto 20px; padding: 0 20px; width: 1200px; } .home #quote > blockquote { display: block; font-size: 64px; font-weight: 700; letter-spacing: 15px; line-height: 80px; padding: 20px 60px; position: relative; text-align: center; } .home #quote > blockquote:before, .home #quote > blockquote:after { background-image: url(../images/sprite.png); background-repeat: no-repeat; content: ''; display: block; font-size: 0; height: 60px; line-height: 0; position: absolute; width: 60px; } .home #quote > blockquote:before { background-position: -10px -170px; left: 0; top: 0; } .home #quote > blockquote:after { background-position: -90px -170px; bottom: 40px; right: 0; } .home div.intro { max-width: 1200px; width: 100%; margin: 10px auto 40px; text-align: justify; padding: 20px; } .home #content { margin: 0 auto; } .home #content p { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } /* FRONT PAGE > Onderdelen */ #onderdelen-wrap { background: url(../images/hotel-kodde-aagtekerke-500189452.jpg); margin: 0 auto; width: 100%; padding: 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #onderdelen-wrap h2 { color: #ffffff; font-size: 60px; line-height: 80px; margin-bottom: 100px; padding: 50px 0 0; text-shadow: 2px 2px 3px #111; } #onderdelen { margin: 0 auto; padding: 0; text-align: center; width: 1200px; } #onderdelen > p { color: #fff; font-style: italic; margin: 0 0 40px; } #onderdelen .block { background: #fff; float: left; vertical-align: top; margin: 0 20px 100px; width: 30%; overflow: hidden; position: relative; z-index: 1; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,.5); -o-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); } #onderdelen .block.clickable { cursor: pointer; } #onderdelen .block img { height: auto; margin: 0; width: 100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .transition { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } #onderdelen .block .block-content { color: #474747; background: #fff; min-height: 50px; margin-top: -53px; padding: 25px 6.5% 0; position: relative; text-align: left; font-size: 16px; line-height: 22px; font-weight: 300; z-index: 2; -webkit-box-shadow: inset 0 15px 20px -20px rgba(0,0,0,0.8); -moz-box-shadow: inset 0 15px 20px -20px rgba(0,0,0,0.8); box-shadow: inset 0 15px 20px -20px rgba(0,0,0,0.8); } #onderdelen .block .block-content h3 { font-size: 28px; font-weight: 300; line-height: 48px; margin: 0; position: relative; display: inline-block; } #onderdelen .block .block-content h3 > a { color: #8a752a; text-decoration: none; } #onderdelen .block .block-content a { color: #474747; text-decoration: none; } #onderdelen .block .read-more { position: relative; display: block; top: -32px; left: 44%; background: url('../images/sprite.png'); background-repeat: no-repeat; background-position: -40px -50px; width: 41px; height: 41px; text-indent: -9999px; z-index: 3; } #onderdelen .button { clear: both; } /* FRONT PAGE > Excerpt */ .home #excerpt-wrap { background: #fff margin: 0 0 30px; width: 100%; } .home #excerpt { color: #474747; margin: 0 auto; padding: 40px 20px 25px; width: 1200px; } .home #excerpt h2 { font-size: 20px; line-height: 40px; font-weight: 400; line-height: 1; margin: 0 0 40px; text-align: center; } .home #excerpt ul { list-style-type: none; margin-bottom: 0; } .home #excerpt ul.list-left {text-align: right;} .home #excerpt .column-wrap { margin: 0 auto; text-align: justify; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; column-gap: 70px; -webkit-column-rule: 2px solid rgba(194,177,147,.25); -moz-column-rule: 2px solid rgba(194,177,147,.25); column-rule: 2px solid rgba(194,177,147,.25); } /* HOME > Slider */ #homeslider-wrap { margin-bottom: 6px; } #homeslider { font-size: 0; line-height: 0; } #homeslider .item { margin: 0 1px; } #homeslider .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; } #homeslider .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; } #homeslider .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); } /* ACCORDEON *************************************************************************************************/ .accordeon { margin: 0 0 5px; } .accordeon-trigger { background: #fff; border: 1px solid rgba(194,177,147,.35); color: #4c4d4f !important; display: block; font-size: 1em; font-weight: 300; line-height: 1.5em; margin: 0; padding: 3px 20px; position: relative; width: 100%; } .accordeon-trigger span { display: none; font-size: 0.667em; font-style: italic; padding: 0 5px; } .accordeon-wrap { background: #fff; border: 1px solid rgba(194,177,147,.35); border-top: none; } .accordeon-content { padding: 15px 2.5%; } .accordeon-content .alignright { margin: 0; } .accordeon-content .clear { margin: -20px 0 0; } .accordeon-content > p:last-child, .accordeon-content > ul:last-child, .accordeon-content > ol:last-child { margin-bottom: 0; } .animated .accordeon-wrap { display: none; } .animated .accordeon-trigger { cursor: pointer; padding: 5px 60px 5px 20px; -webkit-transition: background .35s; -moz-transition: background .35s; -o-transition: background .35s; transition: background .35s; } .animated .accordeon-trigger span { display: inline-block; } .animated .accordeon-trigger::before { background: #fff url(../images/sprite.png) -152px -351px no-repeat; bottom: 0; content: ''; display: block; position: absolute; right: 0; top: 0; width: 35px; -webkit-transition: background .35s; -moz-transition: background .35s; -o-transition: background .35s; transition: background .35s; } .animated .accordeon-trigger.active { background-color: rgba(194,177,147,.85); border: 1px solid rgba(194,177,147,.75); color: #fff !important; } .accordeon-trigger.active-single { background-color: rgba(194,177,147,.85); } .animated .accordeon-trigger.active::before { background-position: -152px -321px; } .toggle-accordeon { background: #fff url(../images/sprite.png) -152px -352px no-repeat; border: 1px solid rgba(194,177,147,.35);; display: block; font-size: 0; height: 38px; line-height: 0; position: absolute; right: 2.5%; text-decoration: none; text-indent: -9999px; top: 25px; width: 38px; -webkit-transition: all .35s; -moz-transition: all .35s; -o-transition: all .35s; transition: all .35s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .toggle-accordeon:hover { border-color: rgba(194,177,147,.85); } .toggle-accordeon.close { background-position: -152px -322px; } /* SEARCH RESULTS *************************************************************************************************/ .search-results #content h2 { margin: 50px 0 15px; } /* CONTACT *************************************************************************************************/ .page-template-contact #content { padding-top: 0; } .page-template-contact #content-wrap { margin: 0 auto; width: 1200px; } .page-template-contact #content-wrap h1 { margin-left: 20px; } .page-template-contact #content { float: left; width: 40%; } .page-template-contact #contactform { background: url('../images/bg-header.png'); float: right; padding: 0; width: 55%; } /* 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; } }