/* Theme Name: Bridge Child Theme URI: http://demo.qodeinteractive.com/bridge/ Description: A child theme of Bridge Theme Author: Qode Interactive Author URI: http://www.qodethemes.com/ Version: 1.0.0 Template: bridge */ @import url("../bridge/style.css"); /* ----- BEGIN GENERIC ----- */ h1, h2, h3, h4 { color: #95d5d3; margin-bottom: 15px; } .h2, .h3, h2, h3 { letter-spacing: 0 } p { margin-bottom: 25px; color: #6c737d; } a { color: #53abb1; transition: .2s; } a:hover { color: #40878c; } ol { list-style-position: inside; } .display-none { display: none; } .admin-only { display: none !important; } .logged-in .admin-only { display: block !important; } ul.popup-list { list-style: disc outside !important; } ul.popup-list li { margin-left: 20px !important; } #lepopup-popup-13 .lepopup-element-close > span { display: none !important; } #lepopup-popup-13 .lepopup-element-close:hover > span { display: block !important; } #lepopup-popup-13 .lepopup-element-close > span::after { content: '' !important; } #lepopup-popup-13 .lepopup-element-close > span > i::before { content: '\f00c'; font-family: 'FontAwesome'; font-size: 14px; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); } #lepopup-popup-13 .lepopup-element-close { width: 60% !important; z-index: 999999 !important; } .subpage-content .section_inner_margin > .vc_column_container:last-child ul { margin-bottom: 25px; } .artsen-blok-spreekuur_mcw { padding: 15px; border: 2px solid #5bb5b0; border-radius: 10px; display: inline-block; width: auto; } .artsen-blok-spreekuur_mcw b { color: #5bb5b0; } .single-col-waiting-time { width: 20%; } /* .single-col-waiting-time:last-child { display: none; } */ body .wpb_text_column p, body .wpb_text_column li { font-size: 15px; font-weight: 500; } /* ----- END GENERIC ----- */ /* ----- BEGIN MENU ----- */ .mobile-only{ display: none!important; } .q_logo a img { max-height: 60px; top: -55%; } .q_logo a { margin-top: 22px; } .hesperiden.tparrows { background: rgba(153, 213, 205, 0.8); transition: .2s; } .hesperiden.tparrows:hover { background: rgba(153, 213, 205, 1); } .header-widget.widget_nav_menu ul.menu li a { display: inline-block; padding: 0 0 0 12px; color: #EDFCFF; letter-spacing: 0; font-weight: 600; font-family: 'Raleway', sans-serif; font-size: 14px; transition: .1s; } .header-widget.widget_nav_menu ul.menu li.lang-item-en a { height: 43px; line-height: 43px; width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); background-image: url('./images/en_gb.svg'); } .header-widget.widget_nav_menu ul.menu li.lang-item-nl a { height: 43px; line-height: 43px; width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); background-image: url('./images/nl_nl.svg'); } .header-widget.widget_nav_menu ul.menu li.lang-item a img { display: none; } .header_top p { font-weight: 600; font-family: 'Raleway', sans-serif; font-size: 14px; padding: 0px; margin-bottom: 0; } .header_top .right .inner > div { padding-right: 10px; } .header_top { padding: 7px 0; height: auto; line-height: normal; } .header_top .right { line-height: 30px; } nav.main_menu > ul > li > a { position: relative; color: #fff; padding: 0; text-transform: none; font-weight: 600; font-size: 16px; letter-spacing: 1px; font-family: 'Raleway'; text-align: center; width: 100%; } nav.main_menu > ul > li > a > span { transition: .2s; text-transform: uppercase; } nav.main_menu > ul > li > a::before { content: ''; height: 50px; width: 2px; background-color: rgba(255, 255, 255, 0.31); position: absolute; top: 10px; left: 0; } ul.lang-switcher { list-style-type: none; margin-left: 15px; position: relative; } ul.lang-switcher a::before { content: ''; width: 2px; background: rgba(0, 0, 0, 0.1); height: 100%; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); } ul.lang-switcher li.lang-item-en a img { display: none; } ul.lang-switcher li.lang-item-en a { background-image: url('./images/en_gb.svg'); width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); } ul.lang-switcher li.lang-item-nl a img { display: none; } ul.lang-switcher li.lang-item-nl a { background-image: url('./images/nl_nl.svg'); width: 25px; height: 25px; position: absolute; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); } nav.main_menu > ul > li:first-child > a::before { display: none; } nav.main_menu > ul > li:last-child > a > span { border:none; } nav.main_menu > ul > li > a > span.plus { padding: 0px; border:none; } ul#menu-main-menu > li.current-menu-item > a > span { color: #fff; background-color: #99d5cd; } .title_outer { margin-bottom: 80px; } .title.position_left.has_background { background-color: rgba(149, 213, 210, 0.15); } nav.main_menu.left { left: 0px !important; width: 100%; } .header_bottom { padding: 0px !important; } header .container_inner .header_inner_left { position: unset; } .menu.background-maincolor { background-color: #95d5d3; } .menu.background-maincolor > .container_inner { display: flex; align-items: center; } .menu.background-maincolor span.search_text { display: none; } .menu.background-maincolor .search_button i { font-size: 20px; color: #fff; } nav.main_menu > ul { display: flex; justify-content: space-between; } nav.main_menu > ul > li, nav.main_menu > ul > li { flex: 1; } nav.main_menu ul li a { line-height: 70px; transition: .2s; } nav.main_menu > ul > li > a:hover { background-color: #98cbd3; } .top_menu_info { display: flex; align-items: center; vertical-align: middle; height: 100px; padding-right: 25px; } .top_menu_info .header-widget { float:left; } .top_menu_info p { margin: 0 0 0 35px; } .side_menu_button > a { line-height: 16px; width: auto; } .top_menu_info .header-widget .textwidget { margin: 0 20px; } .top_menu_info .header-widget .textwidget p { text-transform: uppercase; color: #4ca7ac; font-weight: 500; font-size: 14px; display: inline-block; line-height: 20px; } .top_menu_info .header-widget .textwidget a { color: #4ca7ac; transition: .2s; } .top_menu_info .header-widget .textwidget a:hover { color: #2d7073; } .top_menu_info .header-widget .textwidget p > strong { color: #818181; font-weight: 500; text-transform: none; font-size: 12px; } .top_menu_info .widget_text .textwidget p { line-height: 20px; transition: .3s; color: #818181; font-weight: 600; text-transform: none; font-size: 12px; } .top_menu_info .widget_text .textwidget p strong { text-transform: uppercase; color: #4ca7ac; font-weight: 600; font-size: 14px; display: inline-block; line-height: 20px; transition: .3s; } .top_menu_info a.topbar-link { color: #818181; padding: 7px 10px; border-radius: 5px; } .top_menu_info a.topbar-portal { padding: 6px 12px; background-color: #5bb5b0; color: #fff; border-radius: 5px; font-weight: 600; margin-left: 25px; margin-right: 25px; } .top_menu_info a.topbar-portal:hover { background-color: #53a7a2; } .top_menu_info a.topbar-link:hover { background-color: #95d5d2; color: #fff; } .top_menu_info a.topbar-link:hover p strong { color: #fff; } .top_menu_info a.topbar-link:hover p { color: #fff; } .top_menu_info > .widget_text:first-child { margin-right: 30px; } .top_menu_info a .widget_text .textwidget::before { content: '\f041'; font-family:'FontAwesome'; font-size: 42px; } .top_menu_info .widget_text .textwidget::before { content: '\f10b'; font-family:'FontAwesome'; font-size: 42px; } .top_menu_info .widget_text .textwidget::before { position: absolute; height: 100%; display: flex; align-items: center; } .top_menu_info .widget_text .textwidget { position: relative; } .side_menu_button a.search_button::before { content: 'Zoeken:'; margin-right: 5px; } nav.main_menu > ul > li.current_page_item > a { color:#fff; background-color: #98cbd3; } nav.main_menu > ul > li.active > a { color: #fff; } .drop_down .second .inner ul li a { color:#fff !important; font-size: 13px; letter-spacing: 0; } .drop_down .second .inner > ul, li.narrow .second .inner ul { background-color: #98cbd3; -webkit-box-shadow: 10px 16px 23px -9px rgba(0,0,0,0.1); -moz-box-shadow: 10px 16px 23px -9px rgba(0,0,0,0.1); box-shadow: 10px 16px 23px -9px rgba(0,0,0,0.1); } .drop_down .second .inner ul li a { padding: 10px 0; } .drop_down .second .inner ul li.sub a i.q_menu_arrow { color: #fff; position: absolute; top:12px; right: 0; } .drop_down .narrow .second .inner ul li { transition: .2s; } /* .drop_down .second .inner > ul > li > a:hover { background-color: #8ec2ca; } */ .drop_down .narrow .second .inner ul li:hover { background-color: #90c0c7; } .drop_down .narrow .second .inner ul li.current-page-ancestor, .drop_down .narrow .second .inner ul li.current-menu-ancestor, .drop_down .narrow .second .inner ul li.current-menu-item { background-color: #90c0c7; } .drop_down .narrow .second .inner ul li.current-menu-item.page-item-6 { background-color: transparent; } .drop_down .narrow .second .inner ul li.current-menu-item.page-item-6:hover { background-color: #90c0c7; } .drop_down .narrow .second .inner ul li a { padding-right: 0; } .drop_down .narrow .second .inner ul li { padding: 4px 20px 4px 0; } .qode_search_form_3 { -webkit-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.05); -moz-box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.05); box-shadow: 0px 10px 15px 5px rgba(0,0,0,0.05); } .qode_search_form_3 .form_holder_outer { height: 100px !important; } .title { z-index: 100; } .important-message { background-color: #5bb5b0; padding: 10px 0; } .important-message > .container_inner { display: flex; flex-wrap: nowrap; justify-content: space-between; place-items: center; } .important-message p { margin: 0; font-weight: 600; margin-right: 20px; color: #fff; font-size: 15px; } .important-message a.qbutton { color: #ffffff; border-color: #99d5cd; background-color: #99d5cd; } .important-message a.qbutton:hover { border-color: #93cbc3; background-color: #93cbc3; } /* ----- END MENU ----- */ /* ----- BEGIN MOBILE MENU ----- */ .mobile_menu_button span, .mobile_menu_button span i { font-size: 22px; } nav.mobile_menu ul li:last-child { margin-bottom: 5px; border-bottom: 1px solid #eaeaea !important; } nav.mobile_menu ul li a { font-size: 15px; font-weight: 500; letter-spacing: 1px; } nav.mobile_menu ul li ul.sub_menu a { font-size: 13px; } nav.mobile_menu ul li ul.sub_menu li { border: none; } nav.mobile_menu ul li ul.sub_menu a::before { content: '-'; position: absolute; color: #99d5cd; font-size: 25px; line-height: 20px; left: -20px; top: 12px; } nav.mobile_menu ul.extra-menu > .header-right-widget { margin-bottom: 15px !important; } nav.mobile_menu ul.extra-menu .menu-top-bar-container > ul { display: inline-block !important; width: auto; } nav.mobile_menu ul.extra-menu .textwidget p { color: #4ca7ac; font-weight: 500; font-size: 14px; margin-bottom: 10px; } nav.mobile_menu ul.extra-menu .textwidget a { color: #4ca7ac; transition: .2s; } nav.mobile_menu ul.extra-menu .textwidget a:hover { color: #2d7073; } nav.mobile_menu ul.extra-menu .textwidget p > strong { color: #818181; font-weight: 500; } nav.mobile_menu ul.extra-menu { margin-top: 15px !important; } nav.mobile_menu ul.extra-menu ul#menu-top-bar-1 li { border: none !important; } nav.mobile_menu ul.extra-menu ul#menu-top-bar-1 li.lang-item-en > a::before { content: 'Verander van taal '; font-weight: 600; color:#fff; margin-right: 10px; } nav.mobile_menu ul.extra-menu ul#menu-top-bar-1 li.lang-item-nl > a::before { content: 'Change language '; font-weight: 600; color:#fff; margin-right: 10px; } nav.mobile_menu ul.extra-menu ul#menu-top-bar-1 li.lang-item-en > a, nav.mobile_menu ul.extra-menu ul#menu-top-bar-1 li.lang-item-nl > a { font-size: 15px; font-weight: 500; background-color: #99d5cd; padding: 5px 15px; border-radius: 3px !important; display: block; } nav.mobile_menu ul.sub_menu li:last-child { border-bottom: none !important; } nav.mobile_menu ul li.active > a { color: #888; } /* ----- END MOBILE MENU ----- */ /* ----- BEGIN BODY ----- */ .vacature-row_mcw { display: none; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-icon-holder{ display: none; } .vacature-row_mcw .vc_column-inner{ padding: 0 !important; } .vacature-row_mcw .qode-info-card-with-icon{ display: flex; align-items: center; padding: 60px; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-text-holder{ background-color: transparent; padding: 0px 0px 0px 40px; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-title, .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-text{ color: #FFFFFF !important; text-align: left; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-text{ font-size: 20px; margin-top: 0px; margin-bottom: 0; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-image img{ width: 90px; height: auto; } .trigger-popup.mobile-popup_button-vc{ display: none; } .lepopup-form-15 .lepopup-element-9 span, .lepopup-form-17 .lepopup-element-9 span{ color: #FFFFFF !important; } .lepopup-form-15 .lepopup-element-11 { background-size: 140px 140px !important; background-repeat: no-repeat !important; background-position: center center !important; transform: rotate(-25deg); opacity: 0.20 !important; width: 140px !important; height: 140px !important; top: 15px !important; left: 590px !important; } .lepopup-form-17 .lepopup-element-11 { background-size: 140px 140px !important; background-repeat: no-repeat !important; background-position: center center !important; transform: rotate(-25deg); opacity: 0.30 !important; width: 140px !important; height: 140px !important; top: 45px !important; left: 275px !important; } .lepopup-form-15 .lepopup-form-inner, .lepopup-form-17 .lepopup-form-inner{ overflow: hidden; } .lepopup-form-15 .lepopup-element-9, .lepopup-form-17 .lepopup-element-9{ top: 15px !important; right: 15px !important; left: unset !important; z-index: 99999 !important; } .lepopup-form-15 .lepopup-element-5 h2, .lepopup-form-17 .lepopup-element-5 h2{ margin: 0px 0px 5px 0px; font-size: 22px; } .breaking-news .section_inner .section_inner_margin { padding: 30px 25px; background-color: #88bfb8; border-radius: 5px; } .breaking-news h3, .breaking-news p, .breaking-news h2, .breaking-news a { color: #fff; } .breaking-news p { font-weight: 500; font-size: 16px; } .equal-height-container .section_inner_margin { display: flex; } .opening-blocks .equal-height-div { margin-top: -60px; } .equal-height-div .vc_column-inner, .opening-blocks .equal-height-div > .vc_column-inner > .wpb_wrapper, .opening-blocks .equal-height-div > .vc_column-inner > .wpb_wrapper .q_icon_with_title { height: 100%; } .opening-blocks .q_icon_with_title .icon_holder { padding-top: 35px; } .opening-blocks .q_icon_with_title .icon_text_holder { padding: 0 25px 25px !important; } .opening-blocks .equal-height-div > .vc_column-inner { transition: .2s; } /* FIRST BUTTON */ .opening-blocks .equal-height-div:first-child > .vc_column-inner:hover { background-color: #90d0ce !important; } .opening-blocks .equal-height-div:first-child > .vc_column-inner:hover .intro-blocks-button { background-color: rgb(138, 199, 198) !important; } /* SECOND BUTTON */ .opening-blocks .equal-height-div:nth-child(2) > .vc_column-inner:hover { background-color: #96ced0 !important; } .opening-blocks .equal-height-div:nth-child(2) > .vc_column-inner:hover .intro-blocks-button { background-color: rgb(136, 192, 197) !important; } /* THIRD BUTTON */ .opening-blocks .equal-height-div:nth-child(3) > .vc_column-inner:hover { background-color: #96cad0 !important; } .opening-blocks .equal-height-div:nth-child(3) > .vc_column-inner:hover .intro-blocks-button { background-color: rgb(134, 179, 186) !important; } /* FOURTH BUTTON */ .opening-blocks .equal-height-div:nth-child(4) > .vc_column-inner:hover { background-color: #90c2c7 !important; } .opening-blocks .equal-height-div:nth-child(4) > .vc_column-inner:hover .intro-blocks-button { background-color: rgb(134, 179, 186) !important; } .intro-blocks-button::after { content: "\f178"; position: absolute; opacity: 1; color: #fff; font-family: 'FontAwesome'; transition: .2s; opacity: 0; margin-left: 5px; font-size: 20px; } .opening-blocks .equal-height-div > .vc_column-inner:hover .intro-blocks-button::after { margin-left: 10px; opacity: 1; } .equal-height-div:first-child .vc_column-inner { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .equal-height-div:first-child a.qbutton { border-bottom-left-radius: 5px; } .equal-height-div:last-child .vc_column-inner{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .equal-height-div:last-child a.qbutton { border-bottom-right-radius: 5px; } .intro-blocks-button { border-radius: 0px; display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0; border: none; height: 45px; line-height: 45px; } p.openinghours { color:#fff; text-align: center; position: absolute; width: 100%; top: 140px; } p.openinghours .alert { text-align: center; color: #628488; font-weight: 600; font-size: 18px; } .wachttijd-title h3 { color:#fff; text-transform: none; font-weight: 700; } .wachttijdindicatie-titel h2 { color: #fff; font-size: 28px; text-transform: none; font-weight: 800; } .q_counter_holder { padding-bottom: 0px !important; } .wachttijd-informatie { display: table; margin-right: auto !important; margin-left: auto !important; } .opening-blocks .equal-height-div:nth-child(3) .icon_text_inner { padding-bottom: 0px; } .opening-blocks h3.icon_title { text-transform: none; font-weight: 700; font-size: 20px; } .opening-blocks p { font-weight: 500; font-size: 15px; } .dienst-blok > .vc_column-inner > .wpb_wrapper { background-color: rgba(149, 213, 210, 0.15); padding: 35px; margin-bottom: 30px; border-radius: 10px; } .dienst-blok > .vc_column-inner > .wpb_wrapper h3 { margin-bottom: 15px; font-size: 24px; font-weight: 800; text-transform: none; color: #565656; } .dienst-blok p { color: #6c737d; font-weight: 500; } .dienst-blok p a { hyphens: auto; } .wpb_gmaps_widget .wpb_wrapper { padding: 0px; } #back_to_top:hover > span { background-color: #99d5cd; } #back_to_top:hover > span.fa-stack > i { color: #fff; } .diensten-title span.separator_with_icon > i { font-size: 32px; } .diensten-title .separator_with_icon:after, .diensten-title .separator_with_icon:before { max-width: 45%; top:17px; } .page_not_found a.qbutton { background-color: #99d5cd; border-color: #99d5cd; color: #fff; transition: .2s; } .page_not_found a.qbutton:hover { background-color: #98cbd3; border-color: #98cbd3; } .title.has_background { background-image: none !important; } .title.has_background .title_holder { border-bottom: 2px solid #e9edef; } .title_subtitle_holder h1 { margin-bottom: 0px; } .title_subtitle_holder h1 span { letter-spacing: 0; font-size: 22px; font-weight: 700; text-transform: none; color: #565656; } .breadcrumbs_inner > a, .breadcrumbs, .breadcrumb .current, .breadcrumb a { color: #6c737d !important; font-weight: 500; } .breadcrumbs_inner > span.delimiter { color: #6c737d !important; } .breadcrumbs_inner > a:hover { color: #3d888c !important; } .breadcrumb { position: unset; margin-top: 5px; float: left; } span.delimiter { padding: 0 5px; /* color: #fff !important */ } .wpb_widgetised_column .widget { margin: 0; } .qbutton.sidebar { color: rgb(255, 255, 255) !important; border-color: rgb(153, 213, 205); margin: 20px 0px 0px; background-color: rgb(153, 213, 205); font-weight: 700 !important; display: block; transition: .2s !important; border-radius: 0 0 4px 4px; } .textwidget > p > .qbutton.sidebar:hover { background-color: rgb(152, 203, 211); border-color: rgb(152, 203, 211); color: #fff !important; } .afspraak-maken-sidebar > .wpb_wrapper > .widget_text { padding: 20px; } .afspraak-maken-sidebar .call_to_action { padding: 0px; background-color: transparent; } .afspraak-maken-sidebar .call_to_action .column2.button_wrapper a.qbutton { position: unset; top: unset; right: unset; -webkit-transform: none; -ms-transform: none; transform: none; display: block; text-align: center; background-color: #99d5cd; border-color: #99d5cd; border-radius: 0 0 4px 4px; font-weight: 700; transition: .1s; height: unset; line-height: normal; padding-top:10px; padding-bottom: 10px; } .afspraak-maken-sidebar .call_to_action .column2.button_wrapper a.qbutton:hover { background-color: #98cbd3; border-color: #98cbd3; } .afspraak-maken-sidebar .call_to_action .button_wrapper { width: auto; float: none; } .afspraak-maken-sidebar .call_to_action:last-of-type { display: none !important; } :is(.page-id-2563, .page-id-2572, .page-id-2571, .page-id-2564, .page-id-2567, .page-id-2569, .page-id-2575, .page-id-2583, .page-id-2589, .page-id-2568 ) .afspraak-maken-sidebar .call_to_action:last-of-type { display: block !important; } :is(.page-id-2563, .page-id-2572, .page-id-2571, .page-id-2564, .page-id-2567, .page-id-2569, .page-id-2575, .page-id-2583, .page-id-2589, .page-id-2568) .afspraak-maken-sidebar .call_to_action:nth-last-of-type(2) { display: none !important; } :is(.page-id-2563, .page-id-2572, .page-id-2571, .page-id-2564, .page-id-2567, .page-id-2569, .page-id-2575, .page-id-2583, .page-id-2589, .page-id-2568) .side-menu-buttons a.side-menu-buttons-item:last-of-type { display: none !important; } .afspraak-maken-sidebar #media_image-2, .afspraak-maken-sidebar #media_image-3 { margin-top: 30px; background-color: #f0f5f7; } .afspraak-maken-sidebar #text-5, .afspraak-maken-sidebar #text-10 { background-color: rgba(149, 213, 210, 0.15); padding: 10px 25px 15px; } .afspraak-maken-sidebar #text-5 h5, .afspraak-maken-sidebar #text-10 h5 { font-size: 18px; font-weight: 800; text-transform: none; color: #565656; letter-spacing: 0; } .afspraak-maken-sidebar #text-5 p, .afspraak-maken-sidebar #text-10 p { margin-bottom: 0px; font-weight: 500; font-size: 15px; } #menu-sidebar-menu-nl li a, #menu-sidebar-menu-nl-1 li a, #menu-sidebar-menu-en li a, #menu-sidebar-menu-en-1 li a { font-weight: 600; line-height: 24px; } #menu-sidebar-menu-nl li.current-menu-item > a, #menu-sidebar-menu-nl-1 li.current-menu-item > a, #menu-sidebar-menu-en li.current-menu-item > a, #menu-sidebar-menu-en-1 li.current-menu-item > a { color: #fff; background: #99d5cd; padding: 5px 10px; border-radius: 3px; display: inline-block; transition: .2s; } #menu-sidebar-menu-nl li.current-menu-item > a:hover, #menu-sidebar-menu-nl-1 li.current-menu-item > a:hover, #menu-sidebar-menu-en li.current-menu-item > a:hover, #menu-sidebar-menu-en-1 li.current-menu-item > a:hover { color:#fff !important; background-color: #98cbd3; } #menu-sidebar-menu-nl, #menu-sidebar-menu-nl-1, #menu-sidebar-menu-en, #menu-sidebar-menu-en-1 { background-color: rgba(149, 213, 210, 0.15); padding: 15px 25px; border-radius: 5px; } #menu-sidebar-menu-nl-1, #menu-sidebar-menu-en-1 { margin-top: 40px; } #menu-sidebar-menu ul.sub-menu { display: none; overflow: hidden; } #menu-sidebar-menu-nl > li.current-menu-item.current_page_item > ul.sub-menu, #menu-sidebar-menu-nl-1 > li.current-menu-item.current_page_item > ul.sub-menu, #menu-sidebar-menu-en > li.current-menu-item.current_page_item > ul.sub-menu, #menu-sidebar-menu-en-1 > li.current-menu-item.current_page_item > ul.sub-menu { display: block; } #menu-sidebar-menu-nl li ul li.current-menu-item ul.sub-menu, #menu-sidebar-menu-nl-1 li ul li.current-menu-item ul.sub-menu, #menu-sidebar-menu-en li ul li.current-menu-item ul.sub-menu, #menu-sidebar-menu-en-1 li ul li.current-menu-item ul.sub-menu { display: block; } #menu-sidebar-menu-nl li ul.sub-menu, #menu-sidebar-menu-nl-1 li ul.sub-menu, #menu-sidebar-menu-en li ul.sub-menu, #menu-sidebar-menu-en-1 li ul.sub-menu { display: none; } /* #menu-sidebar-menu-nl li.current-menu-parent ul.sub-menu, #menu-sidebar-menu-nl-1 li.current-menu-parent ul.sub-menu, #menu-sidebar-menu-en li.current-menu-parent ul.sub-menu, #menu-sidebar-menu-en-1 li.current-menu-parent ul.sub-menu { display: block; } */ #menu-sidebar-menu-nl li.current-page-parent > ul.sub-menu, #menu-sidebar-menu-nl-1 li.current-page-parent > ul.sub-menu, #menu-sidebar-menu-en li.current_page_parent > ul.sub-menu, #menu-sidebar-menu-en-1 li.current_page_parent > ul.sub-menu { display: block; } #menu-sidebar-menu-nl > li.current-page-ancestor > ul.sub-menu, #menu-sidebar-menu-nl-1 > li.current-page-ancestor > ul.sub-menu, #menu-sidebar-menu-en > li.current-page-ancestor > ul.sub-menu, #menu-sidebar-menu-en-1 > li.current-page-ancestor > ul.sub-menu { display: block; } #menu-sidebar-menu-nl li ul.sub-menu > li a::before, #menu-sidebar-menu-nl-1 li ul.sub-menu > li a::before, #menu-sidebar-menu-en li ul.sub-menu > li a::before, #menu-sidebar-menu-en-1 li ul.sub-menu > li a::before { content: '-'; position: absolute; left: 40px; font-size: 32px; line-height: 20px; color: #99d5cd; } #menu-sidebar-menu-nl li ul.sub-menu > li > ul.sub-menu > li a::before, #menu-sidebar-menu-nl-1 li ul.sub-menu > li > ul.sub-menu > li a::before, #menu-sidebar-menu-en li ul.sub-menu > li > ul.sub-menu > li a::before, #menu-sidebar-menu-en-1 li ul.sub-menu > li > ul.sub-menu > li a::before { left: 70px; } #menu-sidebar-menu-nl > li > a, #menu-sidebar-menu-nl-1 > li > a, #menu-sidebar-menu-en > li > a, #menu-sidebar-menu-en-1 > li > a { text-transform: uppercase; } #menu-sidebar-menu-nl > li > .sub-menu > li > .sub-menu, #menu-sidebar-menu-en > li > .sub-menu > li > .sub-menu { margin-top: 15px; margin-bottom: 5px; } #menu-sidebar-menu-nl > li > .sub-menu > li > .sub-menu li, #menu-sidebar-menu-en > li > .sub-menu > li > .sub-menu li { padding: 4px 0; } #menu-sidebar-menu-nl > li > .sub-menu > li > .sub-menu li a, #menu-sidebar-menu-en > li > .sub-menu > li > .sub-menu li a { font-size: 13px; } .qode-advanced-tabs .qode-advanced-tabs-nav { display: block; border-bottom: 1px solid #eaeaea; background-color: #f0f5f7; } .qode-advanced-tabs .qode-advanced-tabs-nav li { width: auto !important; background-color: transparent; } .qode-advanced-tabs .qode-advanced-tabs-nav li h4 { margin-bottom: 0px; } .qode-advanced-tabs .qode-advanced-tab-container { padding: 35px 0; } .qode-advanced-tabs .qode-advanced-tabs-nav li a { padding: 10px 15px; color: #303030; } .qode-advanced-tabs .qode-advanced-tabs-nav li a span { font-size: 12px; letter-spacing: 0; } .qode-advanced-tabs .qode-advanced-tabs-nav li a { height: 70px; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li a span { position: relative; z-index: 1; font-weight: 600; text-transform: uppercase; font-size: 14px; color: #818181; text-align: center; } .sub-page-wachttijd .q_counter_holder { padding: 5px 10px 20px !important; } .sub-page-wachttijd p.counter_text { margin: 0; } .sub-page-wachttijd .wpb_text_column p { color: #fff; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center; font-size: 12px; margin-top: 15px; } .disclaimer p { font-size: 12px; } .wpb_widgetised_column .widget.posts_holder li:hover { color: #818181 !important; } .diensten-accordion { display: none; } .diensten-accordion .qode-accordion-holder .qode-accordion-content { margin-bottom: 15px; padding: 20px 0; } .diensten-accordion .qode-accordion-holder .qode-tab-title-inner { width: 100%; font-size: 24px; letter-spacing: 1px; } .diensten-accordion .qode-accordion-holder .ui-accordion-header-active, .diensten-accordion .qode-accordion-holder .ui-state-hover { background-color: #99d5cd; } .waitingtime_section > h2 { text-align: center; /* color: #818181; */ margin-bottom: 25px; } .waitingtime_section p { margin-bottom: 0; color: #fff; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center; padding-bottom: 15px; } .waitingtime_section .waitingtime_background { background-color: #99d5cd; border-radius: 5px; margin-bottom: 15px; } .waitingtime_section h5 { color: #fff; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; text-align: center; font-size: 12px; margin-top: 20px; } h5.white-space { margin-top: 18px; } .waitingtime_section span.days_counter { font-size: 60px; color: #fff; line-height: 1em; font-weight: 300; width: 35px; display: inline-block; height: 1em; text-align: center; animation: fadeIn .6s ease-in both; } .waitingtime_section .days_counter_holder { text-align: center; padding: 10px 0; } .waitingtime_section > em { font-size: 12px; } .mobile .waitingtime_section { display: none; } .waitingtime_section { border-top: 1px solid #eaeaea; margin-top: 50px; padding-top: 40px; } .mobile .waitingtime_section p { border-bottom: 1px solid rgba(255, 255, 255, 0.35) } .mobile .waitingtime_section .wpb_column:last-child p { border-bottom: none; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active { background-color: #99d5cd; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active span { color: #fff; } .contact-page .wpcf7-form .vc_col-sm-6 > p { display: none; } /* .contact-page .wpcf7-form .vc_col-sm-12 > p { display: none; } */ .page-id-697 .contact-page .wpcf7-form .vc_row:last-of-type .vc_col-sm-12 > p { display: block !important; } .contact-page .wpcf7-form .vc_col-sm-6 br, .contact-page .wpcf7-form .vc_col-sm-12 br { display: none; } .contact-page .contact-form input[type="text"], .contact-page .contact-form input[type="email"], .contact-page .contact-form input[type="tel"], .contact-page .contact-form input[type="number"], .contact-page .contact-form textarea { background-color: #f5f5f5; border-radius: 3px; } .contact-page .contact-form input[type="submit"] { background-color: #99d5cd; border-color: #99d5cd; color:#fff; margin-top: 15px; } .contact-page .contact-form input[type="submit"]:hover { background-color: #98cbd3; border-color: #98cbd3; } .contact-page .contact-form form .first_row .vc_col-sm-6 .vc_column-inner { margin-top: 0px; } .contact-page .contact-form .vc_row .vc_col-sm-6 > .vc_column-inner, .contact-page .contact-form .vc_row .vc_col-sm-12 > .vc_column-inner { margin-top: 15px; } .contact-page .contact-form label { font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; } .contact-page .contact-form label > span { color: #b51f1f; font-size: 18px; } .contact-page .contact-form label > span.wpcf7-form-control-wrap span { font-size: 12px; } .sidebar-contact-block .wpb_text_column .wpb_wrapper { background-color: #f0f5f7; padding: 25px; margin-bottom: 25px; } .sidebar-contact-block .wpb_text_column h5 { margin-bottom: 15px; text-transform: none; letter-spacing: 0; color: #565656; font-weight: 800; font-size: 20px; } .wpcf7 form .wpcf7-response-output { margin: 25px 0 10px; padding: 1rem 1rem; font-size: 15px; text-transform: unset; line-height: 24px; letter-spacing: 0; border-radius: 5px; color: #6c737d; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .sidebar-facebook-btn { display: block; height: 50px !important; line-height: 50px !important; border-radius: 4px; } .sidebar-facebook-btn span.qode-button-v2-icon-holder { position: absolute; right: 0px; top: 0; padding: 0 19px !important; border-width: 2px; background-color: rgb(60, 90, 153); } .sidebar-facebook-btn span.qode-btn-text { display: block; text-transform: uppercase; font-weight: 600; } .team-equal-height-container > .section_inner > .section_inner_margin { display: flex; } .team-equal-height-div > .vc_column-inner { height: 100%; } .team-equal-height-div > .vc_column-inner > .wpb_wrapper { height: 100%; background-color: rgba(149, 213, 210, 0.15); position: relative; transition: .2s; border-radius: 10px; overflow: hidden; } /* .team-equal-height-div > .vc_column-inner > .wpb_wrapper:hover { -webkit-box-shadow: 5px 23px 20px -4px rgba(0,0,0,0.2); -moz-box-shadow: 5px 23px 20px -4px rgba(0,0,0,0.2); box-shadow: 5px 23px 20px -4px rgba(0,0,0,0.2); } */ .team-equal-height-div > .vc_column-inner > .wpb_wrapper:hover a.qode-btn { background-color: #98cbd3; } .team-inner-section .wpb_raw_html a { display: block; } .team-inner-section .wpb_raw_html a > strong { font-weight: 500; color: #6c737d; } .team-inner-section h4 { font-weight: 700; color: #565656; margin-bottom: 0; } .team-inner-section em { font-weight: 500; font-size: 13px; font-style: unset; color: #6c737d; } .team-inner-section p { font-weight: 500; color: #6c737d; margin-bottom: 0; } .team-inner-section p:last-of-type { margin-top: 10px; } .team-equal-height-div a.qode-btn { position: absolute; bottom: -50px; width: 100%; background-color: #99d5cd; text-align: center; text-transform: uppercase; color: #fff; font-weight: 600; letter-spacing: 1px; padding: 15px 10px; } .team-equal-height-div a.qode-btn:hover { background-color: #98cbd3; } .team-inner-section > .vc_column-inner > .wpb_wrapper { padding: 30px 35px; } .tekst-page .afspraak-maken-sidebar #nav_menu-4, .tekst-page .afspraak-maken-sidebar #nav_menu-6 { display: none; } .tekst-page .afspraak-maken-sidebar #media_image-2, .tekst-page .afspraak-maken-sidebar #media_image-3 { margin-top: 0px; } .nieuws-page .vc_basic_grid .vc_gitem_row .vc_gitem-col { padding: 20px; } .nieuws-page .vc_basic_grid .vc_gitem_row .vc_gitem-col h4 { font-size: 18px; font-weight: 700; text-transform: none; color: #565656; } .nieuws-page .vc_basic_grid .vc_gitem_row .vc_gitem-col > .vc_btn3-container { margin-bottom: 0; } .nieuws-page .vc_basic_grid .vc_gitem_row .vc_gitem-col > .vc_btn3-container > a { font-weight: 600; font-size: 12px; background-color: #99d5cd; color: #fff; border: 2px solid #99d5cd; text-transform: uppercase; border-radius: 4px; height: 34px; line-height: 30px; font-size: 12px; padding: 0 17px; letter-spacing: 1px; font-weight: 700; } .nieuws-page .vc_basic_grid .vc_gitem_row .vc_gitem-col > .vc_btn3-container > a:hover { background-color: #98cbd3; border-color: #98cbd3; color:#fff; } .nieuws-page .vc_basic_grid .vc_grid-item-mini { border-radius: 10px; overflow: hidden; } .nieuws-page .vc_gitem-zone-c p { font-weight: 500; } .nieuws-page .vc_gitem-zone-c { background-color: rgba(149, 213, 210, 0.15) !important; } .nieuws-page .vc_basic_grid .vc-gitem-zone-height-mode-auto:before { padding-top: 60% !important; } .blog_holder.single_image_title_post article .post_image { border-radius: 5px; overflow: hidden; } .blog_holder.single_image_title_post article .post_category a { font-size: 14px; font-weight: 700; letter-spacing: 1px; background-color: #95d5d3; height: 34px; display: inline-block; line-height: 34px; padding: 0 15px; border-radius: 5px; } .blog_holder.single_image_title_post article .post_category h1 { font-weight: 800; font-size: 32px; } .blog_holder.single_image_title_post article .post_info { font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: none; } .single-post article { margin: 30px 0; } .geboortedatum_row p { margin-bottom: 0 !important; } .wpcf7-list-item.first { margin-left: 0; } .openingstijden-section-one .section_inner_margin { display: flex; } .openingstijden-section-one .vc_col-sm-10 .wpb_wrapper, .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper { background-color: #99d5cd; height: 100%; } .openingstijden-section-one .vc_col-sm-10 .wpb_text_column > .wpb_wrapper { padding: 25px 0; } .openingstijden-section-one .vc_col-sm-10 .wpb_wrapper p { color: #fff; padding: 0 25px; font-size: 26px; text-align: center; text-transform: uppercase; font-weight: 300; } .openingstijden-section-one .vc_col-sm-10 .vc_column-inner, .openingstijden-section-one .vc_col-sm-2 .vc_column-inner { height: 100%; } .openingstijden-section-one .vc_col-sm-10 .wpb_text_column { line-height: 34px; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper { background-color: #99d5cd; text-align: center; position: relative; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper > .wpb_text_column { height: 100%; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper > p { color: #fff; line-height: 32px; font-size: 18px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 70%; margin: auto; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper > p > strong { font-size: 36px; text-transform: uppercase; font-weight: 400; } .sidebar-facebook-btn { margin-bottom: 25px; } a.qbutton.afspraak-maken { white-space: pre-line; display: block; height: auto; line-height: 22px; padding: 8px 14px; text-align: center; } a.mcw-small-btn { background-color: #99d5cd; border-color: #99d5cd; color: #fff; } a.mcw-small-btn:hover { background-color: #98cbd3; border-color: #98cbd3; } .wpl-logo-carousel .wpl-logo { margin: 0 30px !important; } .side_menu_button a.search_button::before { display: none; } a.search_button > i.fa-search { margin-left: 10px; } body.single-post .content .title_outer .title_holder { display: none; } body.single-post .content .title_outer > .title { height: 100px !important; } .book-now-wrapper { position: fixed; right: 0; top: 50%; text-align: center; z-index: 9999; } .book-now-wrapper p.toggle { font-size: 14px; color: #ffffff; font-weight: 700; letter-spacing: 2px; width: 200px; opacity: 1; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 10px 0; text-transform: uppercase; background: #52abb4; box-shadow: 0 -2px 3px rgba(0,0,0,0.3); text-align: center; border-radius: 3px 3px 0 0; position: absolute; left: -121px; top: 35%; cursor: pointer; } .book-now-wrapper p.toggle-eng { font-size: 14px; color: #ffffff; font-weight: 700; letter-spacing: 2px; width: 350px; opacity: 1; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); padding: 10px 0; text-transform: uppercase; background: #52abb4; box-shadow: 0 -2px 3px rgba(0,0,0,0.3); text-align: center; border-radius: 3px 3px 0 0; position: absolute; left: -196px; top: 35%; cursor: pointer; } .side-menu-buttons { position: fixed; top: 50%; right: 0; z-index: 10001; } .side-menu-buttons-item { width: 250px; right: -200px; border: 0px solid rgba(255,255,255,0); border-radius: 0px 0 0 0px; border-right: none; position: absolute; cursor: pointer; line-height: 0; -webkit-transition: 400ms all linear; transition: 400ms all linear; background-color: #46a6af; } .side-menu-buttons-item { border-radius: 5px 0 0 5px; } .side-menu-buttons a.side-menu-buttons-item > i { width: 50px; font-size: 30px !important; line-height: 50px; color: #fff; vertical-align: middle; text-align: center; } .side-menu-buttons-item:hover { right: 0; } .side-menu-buttons-item span { color:#fff; vertical-align: middle; font-weight: 700; } body.search-results .content_inner > .title_outer > .title.position_left { display: none; } body.search-results .container > .container_inner > .blog_holder { padding-top: 70px; margin: 0 -15px; } body.search-results .container > .container_inner > .blog_holder article .post_text h2 a { text-transform: none; } body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner { background-color: #f7f7f7; margin-bottom: 25px; } body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner .post_more { margin: 0; } body.search-results .container > .container_inner > .blog_holder article .post_image { display: none; } body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner .post_more a { color: rgb(255, 255, 255); border-color: rgb(153, 213, 205); margin: 20px 0px 0px; background-color: rgb(153, 213, 205); } body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner .post_more a:hover { border-color: rgb(152, 203, 211); background-color: rgb(152, 203, 211); } body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner span.time, body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner span.entry_date, body.search-results .container > .container_inner > .blog_holder article .post_text .post_text_inner .post_info { display: none; } body.search-results .container > .container_inner > .blog_holder article { width: 50%; float:left; padding: 0 15px; } .sidebar-desktop .widget_media_image img { border-radius: 5px 5px 0 0; } .wpb_text_column ul { list-style-type: none; } .wpb_text_column ul li { padding-left: 15px; position: relative; } .wpb_text_column ul li::before { content: '\f111'; font-family: 'FontAwesome'; position: absolute; left: 0; font-size: 6px; } .patienten-stop { margin-bottom: 40px !important; } .patienten-stop p, .patienten-stop ul { color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 0px; } .verkeersomleiding-message { background-color: rgba(149, 213, 210, 0.15); padding: 30px 20px; border-radius: 5px; } .verkeersomleiding-message p { font-size: 16px; font-weight: 600; margin-right: 20px; } .verkeersomleiding-message > .vc_column-inner > .wpb_wrapper { display: flex; flex-wrap: nowrap; justify-content: space-between; place-items: center; } .verkeersomleiding-message .qbutton.small { font-size: 15px; padding: 0 20px; height: 35px; line-height: 35px; } .trigger-popup { margin: 0px 0 !important; display: block; width: 100%; padding: 10px 0px; border: 0px; border-radius: 0px 0px 10px 10px; font-size: 16px; transition: .3s all; } .lepopup-form-15 .lepopup-element-7 a, .lepopup-form-17 .lepopup-element-7 a{ color: rgba(70, 166, 175, 1); } .mcw-two-colums { display: flex; flex-wrap: wrap; gap: 40px; } .mcw-two-colums-first ul { margin-bottom: 0 !important; } /* ----- END BODY ----- */ /*--- BEGIN AFSPRAAK MAKEN ---*/ .pm-afspraak-inboeken-form .jet-form-row > .jet-form-col { flex-wrap: wrap; } .pm-afspraak-inboeken-form .jet-form-row > .jet-form-col :is(.jet-form-col__start, .jet-form-col__end) { width: 100%; } .pm-afspraak-inboeken-form .jet-form-row { margin: 0 !important; padding: 0px 0px 35px 0px !important; } .pm-afspraak-inboeken-form .jet-form-row--hidden { padding: 0 !important; } .pm-afspraak-inboeken-form .jet-form__label-text { font-weight: 500; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; color: #6c737d; } .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list-wrapper .jet-form__label-text { font-size: 0; letter-spacing: 0; margin-bottom: 0; } .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list-wrapper .jet-form__label-text::after { content: "Afspraak details"; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #565656; } html[lang="en-GB"] .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list-wrapper .jet-form__label-text::after { content: "Appointment details"; } .pm-afspraak-inboeken-form .jet-form__required { color: #b51f1f; font-size: 18px; margin-left: 3px; } .pm-afspraak-inboeken-form .jet-form-col :is(select, .jet-form__field) { background-color: #f5f5f5; border-radius: 3px; padding: 15px; font-size: 15px; line-height: 17px; border: 0px; font-family: 'Raleway'; font-weight: 400; color: #818181; appearance: none; } .pm-afspraak-inboeken-form .jet-form-col :is(select, .jet-form__field):focus-visible { outline: 0; } .pm-afspraak-inboeken-form .jet-form-col select { background-image: url(images/chevron-down-regular-grey.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 16px; } .pm-afspraak-inboeken-form .jet-form-col .checkboxes-field { appearance: auto; } .pm-afspraak-inboeken-form .jet-form-col.pm-form-row-validation .checkboxes-wrap::after { content: "*"; font-weight: 500; font-size: 18px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; color: #b51f1f; } .pm-afspraak-inboeken-form .jet-apb-calendar-header { padding: 0px 10px 10px 10px !important; } .pm-afspraak-inboeken-form .jet-apb-calendar-sidebar { width: 100%; } .pm-afspraak-inboeken-form .jet-apb-calendar-content { background-color: #95d5d3; padding: 20px; color: #FFFFFF; border-radius: 3px; height: fit-content; width: 480px !important; flex: 0 0 480px !important; } .pm-afspraak-inboeken-form .jet-apb-calendar-body { background-color: #0000000a; padding: 10px; border-radius: 3px; } .pm-afspraak-inboeken-form .jet-apb-calendar-body .jet-apb-calendar-date-body { padding: 5px; } .pm-afspraak-inboeken-form .jet-apb-calendar-date--selected { background-color: #4a959a; border-radius: 2px; } .pm-afspraak-inboeken-form .jet-apb-calendar-date--today { background-color: #4a959a30; } .pm-afspraak-inboeken-form .jet-apb-calendar-date { transition: .3s all; } .pm-afspraak-inboeken-form .jet-apb-calendar-date:hover { background-color: #4a959a; } .pm-afspraak-inboeken-form .jet-apb-slot { color: #565656; background-color: #f5f5f5; padding: 6px; border-radius: 3px; margin: 0 !important; display: flex; min-width: 140px; justify-content: center; } .pm-afspraak-inboeken-form .jet-apb-slot--selected, .pm-afspraak-inboeken-form .jet-apb-slot:hover { background-color: #4a959a; color: #FFFFFF; transition: .3s all; } .pm-afspraak-inboeken-form .jet-apb-calendar-slots-container { gap: 10px; } .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list-wrapper { margin-top: 25px; } .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list { padding: 10px 0px 0px 0px; } .pm-afspraak-inboeken-form .jet-apb-calendar-appointments-list-wrapper { background-color: rgba(149, 213, 210, 0.15); color: #565656; padding: 25px; border-radius: 3px; } .pm-afspraak-inboeken-form .jet-apb-appointments-item > div { margin-bottom: 5px !important; } .pm-afspraak-inboeken-form button.jet-form__submit { background-color: #99d5cd; border: 0; color: #fff; /* margin-top: 15px; */ font-size: 15px; font-weight: 700; line-height: 36px; letter-spacing: 1px; font-family: 'Montserrat', sans-serif; transition: .3s all; cursor: pointer; border-radius: 4px; width: fit-content; padding: 0px 23px; } .pm-afspraak-inboeken-form button.jet-form__submit:hover { background-color: #98cbd3; } .pm-afspraak-inboeken-form .jet-form-message.jet-form-message--success { background-color: #96ca96; border: 0; color: #212f21; border-radius: 3px; padding: 10px; } .pm-afspraak-inboeken-form .jet-form-message.jet-form-message--error { background-color: #fa6969; border: 0; color: #320000; border-radius: 3px; padding: 10px; } /*--- END AFSPRAAK MAKEN ---*/ /* ----- BEGIN FOOTER ----- */ footer { z-index: 99; } footer .sp-logo-carousel-section-title { display: none; } ul#menu-footer-menu-nl li, ul#menu-footer-menu-en li { float: left; padding-bottom: 0px; padding-right: 9px; margin-right: 7px; } ul#menu-footer-menu-nl li:after, ul#menu-footer-menu-en li:after { content: ''; width: 2px; height: 60%; background-color: #a0a0a0; position: absolute; top: 5px; right: 0; } ul#menu-footer-menu-nl li:last-child::after, ul#menu-footer-menu-en li:last-child::after { display: none; } .footer_bottom { background-color: #95d5d3; color: #EDFCFF; font-weight: 600; font-size: 14px; } .footer_bottom a { color: #4a959a; } .footer_top a:hover { color: #3d797d !important; } a.main-btn { background-color: #99d5cd; border-color: #99d5cd; color: #fff; margin-top: 20px; } a.main-btn:hover { background-color: #98cbd3; border-color: #98cbd3; } a.full-width { display: block; text-align: center; } .mobile-only { display: none; } footer #nav_menu-3, footer #nav_menu-7 { display: table; margin-right: auto; margin-left: auto; margin-top: 35px; } footer ul#menu-footer-menu-nl li:last-child, footer ul#menu-footer-menu-en li:last-child { margin: 0; padding: 0 } /* ----- END FOOTER ----- */ /* ----- BEGIN RESPONSIVE ----- */ @media (max-width: 1200px) { .header_top > .container > .container_inner { width: auto; padding: 0 45px; } .header_bottom > .container > .container_inner { width: auto; padding: 0 45px; } .sidebar-facebook-btn .qode-btn-text { font-size: 12px; padding: 0 25px !important; } .diensten_home.grid_section > .section_inner { width: auto; padding: 0 40px; } .top_menu_info a.topbar-portal { margin-left: 15px; margin-right: 15px; } .top_menu_info > .widget_text:first-child { margin-right: 10px; } ul.lang-switcher a::before { left: -15px; } .verkeersomleiding-message p { font-size: 14px; } .verkeersomleiding-message .qbutton.small { font-size: 12px; padding: 0px 17px; height: 30px; line-height: 30px; } .verkeersomleiding-message { padding: 25px 15px; } } @media (max-width: 1140px) { .background-color-slider .tp-mask-wrap, .slider-title .tp-mask-wrap, .content-slider .tp-mask-wrap, .button-slider .tp-mask-wrap { padding: 0 20px; } } @media (max-width: 1090px) { nav.main_menu > ul > li > a > span { padding: 6px 5px; } nav.main_menu > ul > li > a { font-size: 14px; } } @media (min-width: 1001px) { .wpb_widgetised_column { padding-right: 30px; } .side_menu_button { display: none; } } @media (max-width: 1090px) { .q_logo a { margin-top: 28px; } } @media (max-width: 1034px) { .wachttijden_home span.counter { font-size: 49px !important; } } @media (max-width: 1000px) { .mobile-only{ display: block!important; } .patientportaalmobiel{ background-color: #5bb5b0; color: #fff!important; border-radius: 5px; font-weight: 600; } .patientportaalmobiel a{ color: #fff!important; padding: 6px 12px!important; } .opening-blocks .equal-height-div .icon_text_inner > p { margin-bottom: 0px; } .diensten_home .full_section_inner > .dienst-blok { display: none; } .page-id-236 .diensten_home .full_section_inner > .dienst-blok { display: block; } .diensten-accordion { display: block; } .mobile .waitingtime_section { display: block; } .desktop .waitingtime_section { display: none; } .top_menu_info { display: none; } .q_logo a img { top: 0; } .side_menu_button a.search_button::before { display: none; } .side_menu_button a.search_button i { font-size: 18px; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li { display: inline-block; } .geboortedatum_row .vc_col-sm-4 { width: 100%; margin-bottom: 5px; } .openingstijden-section-one .vc_col-sm-10 .wpb_wrapper p { font-size: 18px; font-weight: 400; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper > p > strong { font-size: 30px; } .openingstijden-section-one .vc_col-sm-2 .wpb_wrapper > p { font-size: 16px; line-height: 30px; } .openingstijden-section-one .vc_col-sm-10 .wpb_text_column { line-height: 28px; } .team .section_inner_margin > .vc_col-sm-4 { width: 100%; margin-bottom: 40px; } .team-equal-height-container > .section_inner > .section_inner_margin { display: block; } .team-equal-height-div a.qode-btn { position: unset; bottom: auto; } .team .team-equal-height-div .wpb_wrapper > .wpb_single_image { width: 50%; float: left; } .team .team-equal-height-div .full_section_inner > .team-inner-section { width: 50%; padding-right: 15px; } .team { margin-top: 0px !important; } span.search_text { display: none; } body.single-post .content .title_outer > .title { display: none; } body.single-post .content .title_outer { margin-bottom: 20px; } body.search-results .container > .container_inner > .blog_holder article .post_text h2 a { font-size: 20px; } body.search-results .container > .container_inner > .blog_holder { padding-top: 0px; } .content { margin-top: -100px !important; } .title.position_left.has_background { height: unset !important; background-color: rgba(149, 213, 210, 0.15) !important; } .title .not_responsive { display: none; } .title.position_left .title_holder { padding-top: 100px !important; position: unset !important; } .title_subtitle_holder h1 span { font-size: 20px; } .menu .search_button { display: none; } header { border-bottom: 2px solid #e9edef; } div.grid_section .section_inner { width: auto; padding: 0 45px; } .title .title_holder .container_inner { width: 100%; } .title .title_holder .container_inner .title_subtitle_holder { padding: 10px 30px; } .title .title_holder .container_inner .title_subtitle_holder h1 { line-height: 24px; margin-bottom: 5px; } } @media only screen and (max-width: 920px) { .verkeersomleiding-message > .vc_column-inner > .wpb_wrapper { display: block; } .verkeersomleiding-message .qbutton.small { margin-top: 10px; } .verkeersomleiding-message p { margin-right: 0; } } @media only screen and (max-width: 860px) { .side-menu-buttons { display: none; } } @media (max-width: 820px) { .equal-height-container .section_inner_margin { margin-top: 0px; display: block; margin: 0; } .equal-height-div .vc_column-inner { padding: 25px 20px !important; } .equal-height-container.opening-blocks > .section_inner { width: auto; margin: 0 !important; padding: 0 !important; } .opening-blocks .equal-height-div { width: 100%; margin-top: 0; } .opening-blocks { margin-left: 0; margin-right: 0; } .opening-blocks .equal-height-div h3.icon_title { font-size: 30px; font-weight: 400; } .opening-blocks .equal-height-div h3.icon_title, .opening-blocks .equal-height-div .icon_holder, .opening-blocks .equal-height-div p.openinghours { text-align: left; } p.openinghours { position: unset; } .opening-blocks .q_icon_with_title .icon_text_holder { padding: 0 !important; } .opening-blocks .equal-height-div .icon_text_inner > p { text-align: left; font-size: 16px; } .intro-blocks-button { position: unset; padding: 0px 25px; width: auto; display: inline-block; background-color: rgba(0, 0, 0, 0.05) !important; } .intro-blocks-button:hover { background-color: rgba(0, 0, 0, 0.1) !important; } .equal-height-div:first-child .vc_column-inner, .equal-height-div:last-child .vc_column-inner { border-radius: 0; } .diensten-title .separator_with_icon:after, .diensten-title .separator_with_icon:before { max-width: 40%; } /* .title_subtitle_holder h1 span { font-size: 25px; } */ .intro-blocks-button::after { display: none; } .breaking-news > .section_inner { margin: 0 15px; } } @media (min-width: 1000px) and (max-width: 1065px) { .header_top .left, .header_top .left .inner > div, .header_top .left .inner > div:last-child, .header_top .right, .header-widget.widget_nav_menu ul.menu > li, .header_top .right .inner > div { float: none; } .header_top .right, .header_top .left .inner > div { text-align: center; } } @media (min-width: 768px) and (max-width: 1000px) { .nieuws-page .vc_basic_grid .vc_grid-item.vc_col-sm-4 { width: 50%; } } @media (max-width: 800px) { .header-widget.widget_nav_menu ul.menu > li { float: none; } .header_top .right { line-height: 20px; } .header_top .left { line-height: 0; } .header_top { padding: 5px 0 7px; } } @media (max-width: 768px) { .page-template-full_width.page div.grid_section .section_inner { width: auto !important; margin-left: 15px; margin-right: 15px; padding-left: 30px; padding-right: 30px; } .openingstijden-section-one .vc_col-sm-2 { width: 33.33333337%; } .openingstijden-section-one .vc_col-sm-10 { width: 100%; } .openingstijden-section-one .vc_col-sm-2 { display: none; } .openingstijden-section-one .section_inner_margin { display: block; } .team .team-equal-height-div .full_section_inner > .team-inner-section, .team .team-equal-height-div .wpb_wrapper > .wpb_single_image { width: 100%; float: none; } .blog_holder.single_image_title_post article h1 { font-size: 22px; } .touch body:not(.home) .content { margin-top: -100px !important; } .breaking-news > .section_inner { margin: 0 30px !important; } .single-col-waiting-time { width: 100%; } h5.white-space { display: none; } .pm-afspraak-inboeken-form .jet-apb-calendar-content { min-width: unset !important; width: 400px !important; flex: unset !important; } .pm-afspraak-inboeken-form .jet-apb-calendar-sidebar { width: fit-content; } .pm-afspraak-inboeken-form .jet-apb-calendar-body .jet-apb-calendar-date-body { padding: 0px; } } @media (min-width: 768px) { .sidebar-mobile { display: none; } } @media (max-width: 767px) { .wachttijden_home .q_counter_holder { margin-bottom: 20px; } .wachttijden_home .q_counter_holder p.counter_text { border-bottom: 2px solid rgba(255, 255, 255, 0.25); padding-bottom: 10px; } .wachttijden_home .wpb_column:last-child .q_counter_holder p.counter_text { border: none; padding-bottom: 0px; } .wachttijden_home span.counter { font-size: 10vw !important; } .sidebar-desktop { display: none; } .title_outer > .title > .title_holder > .container > .container_inner { width: auto; margin: 0; display: block; } .title > .image.not_responsive > img { height: 250px; width: auto; max-width: none; } .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li { display: block; } .qode-advanced-tabs .qode-advanced-tabs-nav li a { height: 55px; } .mobile-only { display: block !important; } .wachttijden_home .vc_col-sm-1\/5::after { content: ''; width: 170px; height: 2px; display: block; background-color: #fff; margin-left: auto; margin-right: auto; margin-bottom: 25px; } .wachttijden_home .vc_col-sm-1\/5:last-child::after { display: none; } .title .title_holder .container_inner .title_subtitle_holder { padding: 10px 0; display: block; } .breadcrumbs .breadcrumbs_inner { line-height: 18px; display: block; } .title .title_holder .container_inner .title_subtitle_holder h1 { padding: 0 15px; } .title .title_holder .container_inner .title_subtitle_holder .breadcrumb { padding: 0 15px; float: none; } .title .title_holder .container_inner .title_subtitle_holder .breadcrumbs { display: block; } .breadcrumbs_inner > a, .breadcrumbs, .breadcrumb .current, .breadcrumb a { hyphens: auto; display: inline-block; } .title_outer { margin-bottom: 40px; } .patienten-stop .vc_col-sm-6:first-child { margin-bottom: 25px; } .trigger-popup { margin: 0px 0 !important; display: block; width: 100%; padding: 10px 0px !important; border: 0px; border-radius: 0px 0px 10px 10px; font-size: 16px; } .vacature-row_mcw .qode-info-card-with-icon { display: flex; align-items: center; padding: 40px; flex-wrap: wrap; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-text-holder{ padding: 20px 0px 0px 0px; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-title{ display: flex; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-text { font-size: 18px; } .vacature-row_mcw .qode-info-card-with-icon .qode-icwi-title{ font-size: 20px; } .pm-afspraak-inboeken-form .jet-form-row > .jet-form-col :is(.jet-form-col__start, .jet-form-col__end) { max-width: unset; flex: unset; } } @media (max-width: 600px) { body.search-results .container > .container_inner > .blog_holder article { width: 100%; } .afspraak-maken-sidebar .call_to_action .column2.button_wrapper a.qbutton { margin-top: 0 !important; } /* .title_subtitle_holder h1 span { font-size: 26px; } .breadcrumbs, .breadcrumb .current, .breadcrumb a { font-size: 14px; } */ .openingstijden-section-one .vc_col-sm-10 .wpb_wrapper p { font-size: 16px; } .blog_holder.single_image_title_post article .itp_post_text .post_text_inner { padding-top: 40px; } h2 { hyphens: auto; display: inline-block; font-size: 24px; } .lepopup-form-15 .lepopup-element-5 h2, .lepopup-form-17 .lepopup-element-5 h2{ display: block; } } @media (max-width: 570px) { .footer_bottom { padding: 8px 5px; } .subpage-content .vc_col-sm-8 .wpb_text_column img { float: none; margin: 0; display: block; margin-bottom: 15px; } } @media (max-width: 480px) { .background-color-slider .tp-mask-wrap, .slider-title .tp-mask-wrap, .content-slider .tp-mask-wrap, .button-slider .tp-mask-wrap { padding: 0; } .header_bottom > .container > .container_inner { padding: 0 25px; } .waitingtime_section > h2 { hyphens: auto; } .breaking-news .section_inner .section_inner_margin { padding: 25px 15px; } .important-message { padding: 20px 0; } .important-message p { font-size: 14px; margin-right: 0; } .important-message > .container_inner { display: block; } .important-message .message-text { margin-bottom: 10px; } .trigger-popup.mobile-popup_button-vc{ display: block; } .trigger-popup{ display: none; } #rev_slider_2_1_wrapper #slide-4-layer-3 { margin-top: 30px !important; } } @media (max-width: 350px) { .section_inner_margin { margin: 0 -15px; } } @media (max-width: 320px) { .q_logo a { height: 45px !important; margin-top: 10px; } .header_bottom > .container > .container_inner { padding: 0 15px; } } /* ----- EIND RESPONSIVE ----- */ /* ----- FIRST SECTION HOME TEST CSS ----- */ @media (max-width: 820px) { .equal-height-container.opening-blocks > .section_inner { padding: 0 45px !important; } .opening-blocks { margin-left: -15px; margin-right: -15px; } .opening-blocks .equal-height-div { margin-top: 60px; width: 50%; padding-left: 15px; padding-right: 15px; } .opening-blocks .q_icon_with_title.center.center .icon_holder { padding-top: 0; text-align: center; position: absolute; top: -70px; background-color: #79adab; width: 60px !important; height: 60px; border-radius: 100px; line-height: 60px; font-size: 10px; } .opening-blocks.equal-height-container .section_inner_margin { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .opening-blocks .equal-height-div > .vc_column-inner > .wpb_wrapper .q_icon_with_title { height: unset; } .opening-blocks .equal-height-div > .vc_column-inner { height: 100%; border-radius: 5px; } .opening-blocks .equal-height-div .vc_column-inner { padding: 40px 35px !important; } .opening-blocks .equal-height-div h3.icon_title { font-size: 24px; font-weight: 800; text-transform: none; margin-bottom: 15px; } .opening-blocks .equal-height-div .icon_text_inner { padding-bottom: 0; } .opening-blocks p.openinghours { margin-bottom: 0; } .equal-height-div a.qbutton { margin-top: 20px; border-radius: 5px; font-size: 12px !important } .intro-blocks-button { padding: 0 20px; } } @media (max-width: 700px) { .opening-blocks .equal-height-div { width: 100%; } } @media only screen and (max-width: 650px) { .jet-apb-calendar-sidebar { padding: 0 !important; } } @media (max-width: 480px) { .opening-blocks .equal-height-div h3.icon_title { font-size: 22px; hyphens: auto; } .pm-afspraak-inboeken-form .jet-apb-calendar-content { width: auto !important; min-width: unset !important; } }