/* KLEUREN GOUD DONKER: #636054 RGB(100,96,82) GOUD LICHT: #a8906d RGB(168,144,109) *************************************************************************************************/ /* GLOBAL *************************************************************************************************/ .form-wrap fieldset input:not(.button):not(.ghost):not([type=radio]):not([type=checkbox]), .form-wrap fieldset select, .form-wrap fieldset textarea, .button, .get-directions .content .get-directions-start { border-radius: 4px; } .form-wrap p.gdpr, .form-wrap p.recaptcha-notice { font-size: 0.778em; } .seo-link { color: inherit !important; cursor: inherit !important; text-decoration: none !important; } a.fancybox::after { background-color: rgba(100,96,82,0.5); } /* HEADER *************************************************************************************************/ #header-wrap { box-shadow: 0 0 5px rgba(0,0,0,0.5); } nav > ul > li > a { font-weight: 300; margin: 0 !important; } /* HEADER > header top */ #header-top { border-bottom: 1px solid #fff; } /* HEADER > nav top */ #nav-top { padding: 5px 30px; } #nav-top > ul { position: relative; } #nav-top > ul > li > a { font-size: 25px; line-height: 20px; padding: 5px 10px 5px 35px !important; } #nav-top.text-icons .menu-top-options svg { left: 0.625em; } #nav-top li.home > a, #nav-top li.facebook > a, #nav-top li.googleplus > a, #nav-top li.linkedin > a, #nav-top li.instagram > a { font-size: 0; height: 30px; line-height: 0; padding: 0 !important; width: 30px; } #nav-top li.home > a > svg, #nav-top li.facebook > a > svg, #nav-top li.googleplus > a > svg, #nav-top li.linkedin > a > svg, #nav-top li.instagram > a > svg { left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } #nav-top > ul > li.language > a { padding: 5px 35px 5px 10px !important; } /* HEADER > logo */ #logo a { color: #fff; text-align: left; transition: padding 0.35s, color 0.35s; } #logo svg { fill: currentColor; max-height: 150px; max-width: 240px; } /* HEADER > navigation */ #nav-main { float: none; width: 100%; } #nav-main > ul > li > a { padding: 10px; } #nav-main > ul > li.menu-item-has-children > a::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #a8906d; bottom: 3px; content: ''; display: block; left: 50%; margin-left: -5px; position: absolute; } #nav-main ul.sf-menu ul { margin-left: -120px; width: 240px; } #nav-main ul.sf-menu ul li + li { margin-top: 1em; position: relative; } #nav-main ul.sf-menu ul li + li::before { background: rgba(100,96,82,0.25); content: ''; display: block; height: 1px; left: 10px; position: absolute; right: 10px; } #nav-main > ul > li > a::before { background: #a8906d; bottom: 11px; content: ''; display: block; height: 1px; left: 50%; position: absolute; transition: width 0.35s; width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #nav-main > ul > li > a:hover::before, #nav-main > ul > li.sfHover > a::before, #nav-main > ul > li.current-menu-item > a::before, #nav-main > ul > li.current-menu-parent > a::before, #nav-main > ul > li.current-menu-ancestor > a::before { width: calc( 100% - 20px ); } #header-wrap.small { background-color: #fff; } /* ENGLISH *************************************************************************************************/ .en #nav-main > ul > li > a { letter-spacing: -0.0375em; } /* SLIDESHOW *************************************************************************************************/ .slick-slider.arrows .slick-arrow { border-radius: 50%; } .slider-wrap .overlay { text-align: center; } .slider-wrap .overlay > h2, .slider-wrap .overlay > h3 { font-weight: 300 !important; } /* CTA BOOKING *************************************************************************************************/ #cta-book-online { background-color: #efefed; } #cta-book-online .cta { max-width: 100%; } #cta-book-online header { background-color: #636054; padding: 1%; text-align: center; } /*#cta-book-online header > h3 { color: #fff; font-size: inherit; line-height: inherit; text-transform: uppercase; }*/ #cta-book-online ul.menu { font-size: 0; line-height: 0; list-style: none; margin: 0 auto !important; max-width: 1200px; padding: 10px 30px; text-align: center; } /*#cta-book-online ul.menu li { display: inline-block; padding: 0 1%; vertical-align: top; width: 33.33%; }*/ #cta-book-online ul.menu li + li { border-left: 1px solid #636054; } #cta-book-online ul.menu a { background-position: 7.5% center; background-repeat: no-repeat; color: #636054; display: block; font-size: 18px; line-height: 1.667em; padding: 0.8333em 0 0.8333em 3.333em; text-decoration: none; text-transform: uppercase; transition: background 0.35s, color 0.35s; } #cta-book-online ul.menu a:hover { background-color: rgba(168,144,109,0.2); color: #a8906d; } #cta-book-online ul.menu .hotel a { background-image: url(../images/icons/icon-hotel.png); } #cta-book-online ul.menu .restaurant a { background-image: url(../images/icons/icon-restaurant.png); } #cta-book-online ul.menu .meetingcenter a { background-image: url(../images/icons/icon-meetingcenter.png); } /* AANPASSING 02/06/2020 */ #cta-book-online header > h3 { color: #fff; line-height: inherit; text-transform: uppercase; } #cta-book-online ul.menu li { display: inline-block; padding: 0 1%; vertical-align: top; width: 25%; } #cta-book-online ul.menu .oakbar a { background-image: url(../images/icons/icon-oakbar.png); background-size: 60px 60px; } /* CTA MEETINGPOINT *************************************************************************************************/ #cta-meetingpoint { background-color: #a8906d; } #cta-meetingpoint .cta { max-width: 100%; } #cta-meetingpoint ul.menu { font-size: 0; line-height: 0; list-style: none; margin: 0 auto !important; max-width: 1200px; padding: 10px 30px; text-align: center; } #cta-meetingpoint ul.menu li { display: inline-block; padding: 0 1%; vertical-align: top; width: 33.33%; } #cta-meetingpoint ul.menu li + li { border-left: 1px solid #000; } #cta-meetingpoint ul.menu a { background-position: center top; background-repeat: no-repeat; color: #000; display: block; font-size: 18px; line-height: 1.667em; padding: 5.556em 0 .111em; text-decoration: none; text-transform: uppercase; transition: background 0.35s, color 0.35s; } #cta-meetingpoint ul.menu a:hover { background-color: rgba(0,0,0,0.1); } #cta-meetingpoint ul.menu .meeting-point a { background-image: url(../images/icons/icon-meeting-point-oak-bar.png); } #cta-meetingpoint ul.menu .meet-in-private a { background-image: url(../images/icons/icon-meet-in-private.png); } #cta-meetingpoint ul.menu .day-meetings a { background-image: url(../images/icons/icon-day-meetings.png); } /* CTA OAK BAR *************************************************************************************************/ #cta-oakbar { background-color: #a8906d; } #cta-oakbar .cta { max-width: 100%; } #cta-oakbar ul.menu { font-size: 0; line-height: 0; list-style: none; margin: 0 auto !important; max-width: 1200px; padding: 10px 30px; text-align: center; } /* #cta-oakbar ul.menu li { display: inline-block; padding: 0 1%; vertical-align: top; width: 33.33%; } */ #cta-oakbar ul.menu li { display: inline-block; padding: 0 1%; vertical-align: top; width: 25%; } #cta-oakbar ul.menu li + li { border-left: 1px solid #000; } #cta-oakbar ul.menu a { color: #000; display: block; font-size: 18px; line-height: 1.667em; padding: 1.389em 0; text-decoration: none; text-transform: uppercase; transition: background 0.35s, color 0.35s; } #cta-oakbar ul.menu a:hover { background-color: rgba(0,0,0,0.1); } /* CONTENT *************************************************************************************************/ /* CTA FORM *************************************************************************************************/ .cta-form-wrap { background-color: #fff; } .cta-form-wrap header { float: left; padding: 1em 0; width: 47.5%; } .cta-form-wrap .item-form-content { float: right; margin-top: 0 !important; width: 50%; } .cta-form-wrap .form-wrap { position: relative; } .cta-form-wrap .form-wrap fieldset { background: transparent; margin: 0; padding: 0; position: relative; z-index: 10; } .cta-form-wrap .form-wrap fieldset > p { padding: 0; } .cta-form-wrap .form-wrap fieldset label:not(.om-label-choice) { font-size: 16px; line-height: 20px; margin: 0; padding: 5px 0; } .cta-form-wrap .form-wrap fieldset label .obligatory { float: none; } /* STARDEKK EMAIL *************************************************************************************************/ .stardekk-email-wrap { background-color: #fff; } .stardekk-email { margin: 0 auto; max-width: 1200px; } .stardekk-email-wrap header { float: left; padding: 1em 0; width: 47.5%; } .stardekk-email-wrap .item-form-content { float: right; margin-top: 0 !important; width: 50%; } .stardekk-email-wrap .form-wrap { position: relative; } .stardekk-email-wrap .form-wrap fieldset { background: transparent; margin: 0; padding: 0; position: relative; z-index: 10; } .stardekk-email-wrap .form-wrap fieldset > p { padding: 0; } .stardekk-email-wrap .form-wrap fieldset label:not(.om-label-choice) { font-size: 16px; line-height: 20px; margin: 0; padding: 5px 0; } .stardekk-email-wrap .form-wrap fieldset label .obligatory { float: none; } /* CAROUSEL NEWS *************************************************************************************************/ .carousel-posts-wrap header h2 { color: #646052; font-size: 3em; line-height: 1; text-align: center; } .carousel-posts-wrap .carousel { margin-top: 2em !important; } .carousel-posts-wrap .carousel:not(.carousel-content) > ul a { border: 10px solid transparent; max-width: 320px; } .carousel-posts-wrap .post { position: relative; } .carousel-posts-wrap .post .content { padding-bottom: 0; } .carousel-posts-wrap .post .entry-date { bottom: 30px; color: #a8906d !important; margin-top: 0 !important; position: absolute; } .carousel-posts-wrap .post .entry-date span { display: none; } .carousel-posts-wrap .post .content p { color: #454336; } .carousel-posts-wrap .post .readmore { margin: 0; padding: 0; text-align: right; } /* CAROUSEL TESTIMONIALS *************************************************************************************************/ .carousel-testimonials-wrap { background-color: #fff; padding: 2.5% 0 1%; } .carousel-testimonials-wrap .content { margin: 0 auto; max-width: 1200px; padding: 0 30px; text-align: center; } /* CAROUSEL TEAM *************************************************************************************************/ .carousel-gallery-wrap { background-color: #fff; } .carousel-gallery-wrap .carousel:not(.carousel-content) a { box-shadow: none !important; max-width: 300px; } .carousel-gallery-wrap .carousel:not(.carousel-testimonials) figure { padding-bottom: 100%; } /* FOOTER *************************************************************************************************/ #footer-widget-area { margin-bottom: 20; } /* FOOTER > widgets */ #footer-wrap .widget { } #footer-wrap .widget > h3 { display: none !important; } /* FOOTER > widgets > hCard */ #footer-widget-area .om-widget-hcard h2 { display: none; } #footer-widget-area .om-widget-hcard .hcard-wrap { padding: 0; } .om-widget-hcard .text .hcard-wrap p.tel .icon, .om-widget-hcard .text .hcard-wrap p.email-wrap .icon { display: inline-block; font-size: 0.778em; margin-right: 0.5em; min-width: 60px; } .om-widget-hcard .text .hcard-wrap p.adr .locality-alt + span { display: none; } .om-widget-hcard .hcard-wrap p.email-wrap { margin-top: 0 !important; } /* FOOTER > widgets > nav menu */ #footer-widget-area .widget_nav_menu li { color: #a8906d; list-style: square; } #footer-widget-area .widget_nav_menu a { text-decoration: none; text-transform: uppercase; } /* FOOTER > widgets > text */ #footer-widget-area .widget_text .textwidget { padding: 0; } /* FOOTER > footer bottom */ #footer-bottom .content { border-top: 1px solid #636054; } /* TEMPLATE > HOME *************************************************************************************************/ .home .content-wrap .content .entry-title { display: none; } /* TEMPLATE > OAK BAR MEETINGPOINT *************************************************************************************************/ .page-template-oak-bar-meetingpoint { padding-top: 110px !important; } .page-template-oak-bar-meetingpoint #header-top { background-color: #26292f; border-bottom-color: #191919; } .page-template-oak-bar-meetingpoint #header-wrap { background-color: #191919 !important; } .page-template-oak-bar-meetingpoint #logo img, .page-template-oak-bar-meetingpoint #logo svg { display: none; } .page-template-oak-bar-meetingpoint #logo a { background: url(../images/den-hof-the-oak-bar-logo.png) center center no-repeat; background-size: contain; display: block; height: 150px; } .page-template-oak-bar-meetingpoint .masonry.border-10, .page-template-oak-bar-meetingpoint .masonry.border-10 .hover, .page-template-oak-bar-meetingpoint .masonry.border-10 .masonry-placeholder, .page-template-oak-bar-meetingpoint .masonry.border-10 figure { border: 0px none !important; } .page-template-oak-bar-meetingpoint .carousel-pages-wrap a { background: #191919 !important; } .page-template-oak-bar-meetingpoint .carousel-pages-wrap .child-page .content { min-height: 5em; } .page-template-oak-bar-meetingpoint .carousel-pages-wrap .child-page .readmore { display: none !important; } .page-template-oak-bar-meetingpoint #footer-wrap, .page-template-oak-bar-meetingpoint #footer-bottom-wrap { background-color: #26292f; } .page-template-oak-bar-meetingpoint #footer-wrap::before { background-color: #fff; } .page-template-oak-bar-meetingpoint #footer::before { background-color: #26292f; background-image: url(../images/genieten-in-den-hof-footer-white.png); } .page-template-oak-bar-meetingpoint #footer-wrap .widget, .page-template-oak-bar-meetingpoint #footer-wrap .content a:not(.button):not(:hover) { color: #fff; } .page-template-oak-bar-meetingpoint #footer-bottom .content { border-color: #fff; } .page-template-oak-bar-meetingpoint #nav-footer a:not(:hover), .page-template-oak-bar-meetingpoint #about-the-author > span, .page-template-oak-bar-meetingpoint .original-media { color: #fff !important; } /* TEMPLATE > OAK BAR *************************************************************************************************/ .page-template-oak-bar { padding-top: 110px !important; } .page-template-oak-bar #header-top { background-color: #26292f; border-bottom-color: #191919; } .page-template-oak-bar #header-wrap { background-color: #191919 !important; } .page-template-oak-bar #logo img, .page-template-oak-bar #logo svg { display: none; } .page-template-oak-bar #logo a { background: url(../images/den-hof-the-oak-bar-logo.png) center center no-repeat; background-size: contain; display: block; height: 150px; } .page-template-oak-bar .masonry.border-10, .page-template-oak-bar .masonry.border-10 .hover, .page-template-oak-bar .masonry.border-10 .masonry-placeholder, .page-template-oak-bar .masonry.border-10 figure { border: 0px none !important; } .page-template-oak-bar .carousel-pages-wrap a { background: #191919 !important; } .page-template-oak-bar .carousel-pages-wrap .child-page .content { min-height: 5em; } .page-template-oak-bar .carousel-pages-wrap .child-page .readmore { display: none !important; } .page-template-oak-bar #footer-wrap, .page-template-oak-bar #footer-bottom-wrap { background-color: #26292f; } .page-template-oak-bar #footer-wrap::before { background-color: #fff; } .page-template-oak-bar #footer::before { background-color: #26292f; background-image: url(../images/genieten-in-den-hof-footer-white.png); } .page-template-oak-bar #footer-wrap .widget, .page-template-oak-bar #footer-wrap .content a:not(.button):not(:hover) { color: #fff; } .page-template-oak-bar #footer-bottom .content { border-color: #fff; } .page-template-oak-bar #nav-footer a:not(:hover), .page-template-oak-bar #about-the-author > span, .page-template-oak-bar .original-media { color: #fff !important; } /* TEMPLATE CONTACT *************************************************************************************************/ .get-directions .content { padding: 10px 2.5%; } .get-directions .button.ghost:not(:hover) { border: 2px solid #fff; color: #fff; } /* MEDIA QUERIES *************************************************************************************************/ @media only screen and ( min-width: 1200px ) { #nav-top li.home, #nav-top li.facebook, #nav-top li.googleplus, #nav-top li.linkedin, #nav-top li.instagram, #nav-top li.language { position: absolute; } #nav-top .home { right: 18%; } #nav-top .facebook { right: 15%; } #nav-top .googleplus { right: 12%; } #nav-top .linkedin { right: 9%; } #nav-top .instagram { right: 6%; } #nav-top .language { right: 0%; } #nav-top .email::before, #nav-top .hcard::before, #nav-top .language::before { background: #a8906d; content: ''; display: block; height: 18px; left: 0; margin-top: -10px; position: absolute; top: 50%; width: 1px; } #logo { background: #636054; box-shadow: 0 0 3px rgba(0,0,0,.35); left: 50%; max-width: 20%; position: absolute; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #nav-main > ul > li.nav-index-3 { margin-right: 23%; } #nav-main > ul > li + li:not(.nav-index-4) { padding-left: 1px; } #nav-main > ul > li + li:not(.nav-index-4)::before { background: #acacab; content: ''; display: block; height: 24px; left: 0; margin-top: -12px; position: absolute; top: 50%; width: 1px; } #header-wrap.small #logo a { padding: 0 30px; } .page-template-oak-bar-meetingpoint #nav-main > ul > li + li:not(.nav-index-4)::before { background-color: #3d3d3d; } .page-template-oak-bar-meetingpoint #logo { background: #26292f; transition: background 0.35s, padding 0.35s; } .page-template-oak-bar-meetingpoint #logo > a { transition: height 0.35s; } .page-template-oak-bar-meetingpoint #header-wrap.small #logo { height: 113px; padding: 0 30px; } .page-template-oak-bar-meetingpoint #header-wrap.small #logo > a { height: 113px; } .page-template-oak-bar #nav-main > ul > li + li:not(.nav-index-4)::before { background-color: #3d3d3d; } .page-template-oak-bar #logo { background: #26292f; transition: background 0.35s, padding 0.35s; } .page-template-oak-bar #logo > a { transition: height 0.35s; } .page-template-oak-bar #header-wrap.small #logo { height: 113px; padding: 0 30px; } .page-template-oak-bar #header-wrap.small #logo > a { height: 113px; } } @media only screen and ( min-width: 1000px ) and ( max-width: 1200px ) { #logo { float: none; margin: 0 auto; max-width: 160px; width: 100%; } #nav-main > ul { margin-top: 5px; text-align: center; } #nav-main > ul > li + li { padding-left: 1px; } #nav-main > ul > li + li::before { background: #acacab; content: ''; display: block; height: 24px; left: 0; margin-top: -12px; position: absolute; top: 50%; width: 1px; } #nav-main > ul > li > a { padding: 5px 10px; } #nav-main a { font-size: 16px; } .page-template-oak-bar-meetingpoint #nav-main > ul > li + li::before { background-color: #3d3d3d; } } @media only screen and ( min-width: 1000px ) { .slider-placeholder { min-height: 150px; } #container .carousel.carousel-showed-3 { max-width: 100%; } } @media only screen and ( min-width: 640px ) { .cta-form-wrap .form-wrap fieldset > p.large { width: 60%; } .cta-form-wrap .form-wrap > p.center { position: absolute; right: 0; top: 30px; width: 40%; z-index: 20; } .stardekk-email-wrap .form-wrap fieldset > p.large { width: 60%; } .stardekk-email-wrap .form-wrap > p.center { bottom: 50px; position: absolute; right: 0; width: 40%; z-index: 20; } } @media only screen and ( max-width: 1200px ) { #nav-top { padding: 5px 2.5%; text-align: center; } #nav-top li.hcard > a { font-size: 0; height: 30px; line-height: 0; padding: 0 !important; width: 30px; } #nav-top li.hcard > a > svg { left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } #header { padding: 0; } #logo a { color: #a8906d; } #nav-main > ul > li.menu-item-has-children > a::after { bottom: 0; } #cta-book-online ul.menu { padding: 10px 2.5%; } #cta-book-online ul.menu a { background-size: 40px 40px; padding: 0.5em 0 0.5em 2.333em; } #cta-meetingpoint ul.menu { padding: 10px 2.5%; } #cta-meetingpoint ul.menu a { background-size: 90px 75px; padding: 4.556em 0 0.111em; } #cta-oakbar ul.menu { padding: 10px 2.5%; } #cta-oakbar ul.menu a { padding: 0.778em 0; } .carousel-posts-wrap header h2 { font-size: 4.5vw; } .page-template-oak-bar-meetingpoint #logo a { height: 100px; } .page-template-oak-bar #logo a { height: 100px; } } @media only screen and ( max-width: 1000px ) { body { padding-top: 126px !important; } #header-wrap { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5); } #header .content { padding: 5px 2.5%; } #logo { max-width: 120px; } #logo svg { height: 75px; width: 120px; } .page-template-oak-bar-meetingpoint #logo { max-width: 120px; } .page-template-oak-bar-meetingpoint #logo > a { height: 75px; width: 120px; } .page-template-oak-bar #logo { max-width: 120px; } .page-template-oak-bar #logo > a { height: 75px; width: 120px; } .masonry-wrap .masonry.resp-h { position: relative; } .carousel-gallery-wrap .slick-slider.dots .slick-dots { display: none !important; } } @media only screen and ( max-width: 768px ) { #nav-top li + li { padding-left: 5px !important; } #nav-top li.home { display: none; } #nav-top li.phone > a, #nav-top li.email > a { font-size: 0; height: 30px; line-height: 0; padding: 0 !important; width: 30px; } #nav-top li.phone > a > svg, #nav-top li.email > a > svg { left: 50% !important; -webkit-transform: translate(-50%,-50%) !important; -ms-transform: translate(-50%,-50%) !important; transform: translate(-50%,-50%) !important; } #nav-top.text-icons .menu-top-options svg { position: absolute; top: 50% !important; } #cta-book-online ul.menu { padding: 2px 2.5%; } #cta-book-online ul.menu li { display: block; padding: 2px; width: 100%; } #cta-book-online ul.menu li + li { border-left: none; border-top: 1px solid #636054; } #cta-meetingpoint ul.menu { padding: 2px 2.5%; } #cta-meetingpoint ul.menu li { display: block; padding: 2px; width: 100%; } #cta-meetingpoint ul.menu li + li { border-left: none; border-top: 1px solid #636054; } #cta-oakbar ul.menu { padding: 2px 2.5%; } #cta-oakbar ul.menu li { display: block; padding: 2px; width: 100%; } #cta-oakbar ul.menu li + li { border-left: none; border-top: 1px solid #636054; } .cta-form-wrap header, .cta-form-wrap .item-form-content { float: none; text-align: center; width: 100%; } .stardekk-email-wrap header, .stardekk-email-wrap .item-form-content { float: none; text-align: center; width: 100%; } #nav-footer, #about-the-author { text-align: center; } } @media only screen and ( max-width: 640px ) { .carousel-posts-wrap header h2 { font-size: 1.25em; } } @media only screen and ( max-width: 400px ) { #nav-top .hcard, #nav-top .googleplus { display: none; } .slider-wrap.block-0 .slick-slider.dots .slick-dots { display: none !important; } }