:root { --primary-color: #FF8402;
--secondary-color: #4D4D4D;
--accent-green: #65D797;
--accent-blue: #93D0F6;
--black: #1E2323;
--white: #fff;
--dark-grey: #7D7D7D;
--mid-grey: #C8C8C8;
--light-grey: #F5F5F5;
--light: #f5f5f6; --heading-size-1: ;
--heading-size-2: ;
--heading-size-3: ;
--heading-size-4: ;
--heading-size-5: ;
--heading-size-6: ; --main-font-family: aktiv-grotesk, sans-serif;
--secondary-font-family: sofia-pro, sans-serif; --shadow-circle: 0px 28px 69px -18px rgba(0,0,0,0.75);
--shadow-box: 0px 4px 8px 0px rgba(58,49,49,0.08),
0px 8px 16px 0px rgba(58,49,49,0.08),
0px 32px 64px 0px rgba(58,49,49,0.08);
} .button-holder{
position: relative;
}
.button-holder a{
display: inline-block;
}
.button-span-right span {
margin-left: 10px;
}
.button-span-left span {
margin-right: 10px;
}
.section-divider{
margin-top: 4vw;
padding-bottom: 3vw;
}
img{
max-width: 100%;
object-fit: cover;
}
a{
color: var(--secondary-color);
}
a:hover{
color: var(--secondary-color);
}
.text-color_light-grey{
color: var(--light-grey);
}
.text-color_white{
color: var(--white);
}
.button{
padding: 17px 30px;
font-weight: bold;
border-radius: 5px;
transition: all .2s ease-in-out,color .2s ease-in-out;
text-decoration: none;
}
.button-orange{
background: var(--primary-color);
color: var(--white);
border: 1px solid var(--primary-color);
display:inline-block;
}
.button-orange:hover{
background: transparent;
color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.button-transparent{
background: transparent;
color: var(--primary-color);
border: 1px solid var(--primary-color);
}
.button-transparent:hover{
background: var(--primary-color);
color: var(--white);
border: 1px solid var(--white);
}
.button-blue{
background: var(--accent-blue);
color: var(--white);
}
.button-blue:hover{
background: var(--light-grey);
color: var(--accent-blue);
}
.text-orange{
color: var(--primary-color);
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; } html,
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0;
top: 0; scroll-behavior: smooth;
} .container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
.container-small{
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-1 {
width: 4.33%;
}
.col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 60em) { .container {
width: 95%;
max-width: 75rem;
}
.container-small {
width: 95%;
max-width: 65rem;
}
.container-x-small {
width: 95%;
max-width: 60rem;
}
}  body{
font-family: var(--main-font-family);
font-weight: 400;
font-size: 18px;
} h1, h2, h3, h4, h5, h6{
font-family: var(--secondary-font-family);
color: var(--secondary-color);
}
h1{
font-size: 64px;
font-weight: 700;
}
h2{
font-size: 48px;
font-weight: 700;
}
h3{
font-size: 36px;
font-weight: 700;
}
h4{
font-size: 26px;
font-weight: 600;
}
p {
font-size: 18px;
line-height: 30px;
color: var(--dark-grey);
}
li {
color: var(--dark-grey);
line-height: 25px;
margin-bottom: 10px;
font-size: .95em;
}
.text-large{
font-size: 24px;
color: var(--dark-grey);
letter-spacing: -0.25px;
line-height: 36px;
}
.text-small, .text-small p{
font-size: 15px;
color: var(--secondary-color);
letter-spacing: 0;
line-height: 27px;
}
.caption{
font-family: var(--main-font-family);
font-size: 12px;
color: var(--dark-grey);
letter-spacing: 2px;
}
ul.onepage-nav {
font-family: var(--secondary-font-family);
}
.font-light {
font-weight: 300;
}
.font-regular {
font-weight: 400;
}
.font-heavy {
font-weight: 700;
} .left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.justify {
text-align: justify;
}  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0; vertical-align: baseline;
box-sizing: border-box;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}    section.header-section {
box-shadow: var(--shadow-box);
padding: 15px 0;
}
.main-menu-holder ul{
text-align: right;
}
.main-menu-holder li {
display: inline;
margin-left: 35px;
}
.main-menu-holder li a{
text-decoration: none;
font-weight: 500;
font-family: var(--secondary-font-family);
}
.main-menu-holder li:hover a, .main-menu-holder .current_page_item a{
color: vaR(--primary-color);
}
section.header-section .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.calendar-icon{
margin-bottom: 20px;
}
.home-hero-foto img, .img-left-img-holder img {
margin-bottom: -2px;
min-height: 450px;
}  section.footer-section {
background: linear-gradient(to bottom, var(--light-grey) 160px, #FFf 160px);
padding: 100px 0 55px;
}
section.footer-section .row {
display: flex;
align-items: end;
justify-content: center;
flex-wrap: wrap;
}
.button-holder.footer-button {
margin-top: 60px;
}
.footer-info {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.footer-address-info, .footer-contact-info {
width: 40%;
line-height: 27px;
}
.footer-contact-info a{
text-decoration: none;
color: var(--dark-grey);
}
.footer-contact-info a:hover{
color: var(--primary-color);
}
.privacy-links-holder.font-small.center a {
margin-right: 20px;
}  .corona-banner {
background: #fff;
padding: 11px 0 9px;
margin-top: 30px;
margin-bottom: 20px;
}
.corona-banner p{
font-size: 15px;
}
span.corona-blue-bg {
background: var(--accent-blue);
padding: 15px 25px;
color: #fff;
font-weight: bold;
margin-right: 20px;
}
section.home-hero {
background: var(--light-grey);
padding-bottom: 70px;
}
.kolumn-8 {
width: 65%;
}
.kolumn-4 {
width: 35%;
display: flex;
align-items: center;
padding: 10px 30px;
z-index: 1;
background: #fff;
}
.kolumns-holder {
display: flex;
background: #fff;
box-shadow: var(--shadow-box);
position: relative;
flex-wrap: wrap;
}
.hero-content-holder h1 {
font-size: 26px;
color: var(--secondary-color);
letter-spacing: -0.35px;
line-height: 36px;
margin-bottom: 20px;
}
.hero-content-holder .button-holder .text-small {
margin-top: 20px;
}
.kolumns-holder:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/hero-bg.svg);
position: absolute;
right: -25%;
top: 50px;
z-index: 0;
}  .kontainer {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.kolumn-6{
width: 50%;
}
section.flexible-content {
box-shadow: var(--shadow-box);
z-index: 1;
position: relative;
}
.img-left-content-holder {
width: 70%;
margin: auto;
}
.img-left-content-holder {
width: 79%;
margin: auto;
}
.img-left-content-holder h4 {
margin-bottom: 20px;
}
section.flexible-content .col-12 {
margin-top: 0;
margin-bottom: 0;
}
.img-left-content-holder h4 {
margin-bottom: 20px;
width: 70%;
line-height: 140%;
}
.kolumn-with-icon{
position: relative;
}
.kolumn-with-icon:before {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/plus-icon.svg);
position: absolute;
bottom: 40px;
left: -30px;
}
.img-left-content-holder .button-holder {
margin-top: 30px;
}
section.home-praktijk{
background: var(--light-grey);
padding: 0px 0 60px;
}
section.home-praktijk .praktijk-kolumn-4 {
padding-top: 0;
padding-bottom: 0;
width: 35%;
}
.praktijk-kolumn-8{
width: 65%;
}
.kontainer-praktijk{
background: #fff;
}
.home-praktijk-content-holder {
width: 80%;
margin: auto;
}
.home-praktijk-content-holder h4 {
margin-bottom: 20px;
}
.home-praktijk-content-holder .button-holder {
margin-top: 20px;
}
.home-praktijk-content-holder li{
position: relative;
margin-bottom: 20px;
}
.home-praktijk-content-holder li:before {
content: '';
width: 15px;
height: 15px;
background: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/plus-icon.svg);
position: absolute;
left: -30px;
top: 5px;
background-size: contain;
}
.home-praktijk-content-holder li {
margin-left: 30px;
}
.home-praktijk-foto-holder{
position: relative;
}
.home-praktijk-foto-holder:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/info-icon.svg);
position: absolute;
right: 0;
top: 0;
}
a.cc-btn.cc-dismiss {
color: #fff !important;
}
span#cookieconsent\:desc {
color: #fff;
}  section.image-left-small {
background: var(--light-grey);
padding: 70px 0 0;
}
.kolumn-6.image-left-small-column-last {
padding: 60px 40px;
background: #fff;
box-shadow: var(--shadow-box);
text-align: center;
}
.kolumn-6.image-left-small-column-last h4 {
margin-bottom: 20px;
}
.kolumn-6.image-left-small-column-last .button-holder {
margin-top: 20px;
}
.kolumn-6.image-left-small-column-last {
margin-top: 100px;
margin-left: -80px;
position: relative;
width: 56.5%;
}
.kolumn-6.image-left-small-column-first {
margin-left: 0px;
}
.kolumn-6.image-left-small-column-last:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
right: -25px;
top: 40px;
background: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/plus-icon.svg);
background-size: contain;
background-repeat: no-repeat;
}  .artsen-page-title.center {
font-size: 48px;
width: 40%;
margin: 50px auto;
}
.kontainer-artsen-loop .praktijk-kolumn-4{
width: 35%;
}
.page-template-artsen-template .home-praktijk-content-holder li:before{
content: unset;
}
.artsen-item-content-holder {
display: flex;
justify-content: space-between;
}
.artsen-item-content-holder div:first-child{
width: 60%;
}
.artsen-item-content-holder div:last-child{
width: 35%;
}
.kontainer-artsen-loop .home-praktijk-content-holder h4 {
margin-bottom: 5px;
}
.artsen-item-content-holder .position, .belmomenten-title {
margin-bottom: 30px;
}
.kontainer.kontainer-praktijk.kontainer-artsen-loop {
background: #fff;
box-shadow: var(--shadow-box);
margin-bottom: 70px;
position: relative;
}
.kontainer.kontainer-praktijk.kontainer-artsen-loop:nth-child(even) {
flex-direction: row-reverse;
}
p.strong.belmomenten-title {
color: var(--secondary-color);
font-weight: 700;
font-family: var(--secondary-font-family);
}
ul.working-hours strong {
width: 35px;
display: inline-block;
}
.text-content-artsen-item-holder p:not(:first-child) {
font-size: 15px;
color: var(--dark-grey);
letter-spacing: 0;
line-height: 27px;
}
.praktijk-item-title-holder-first {
width: 100%;
margin-left: 15px;
margin-bottom: 30px;
}
ul.working-hours li {
font-size: 15px;
color: var(--mid-grey);
letter-spacing: 0;
line-height: 27px;
margin-bottom: 0px;
margin-left: 0;
}
ul.working-hours li strong{
color: var(--dark-grey);
}
section.artsen-loop {
background: var(--light-grey);
}
.artsen-loop .row:last-child .col-12:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/hero-bg.svg);
position: absolute;
right: -15%;
top: -70px;
z-index: -1;
}
.artsen-loop .row:last-child .col-12{
position: relative;
z-index: 1;
}  section.praktijk-hero h1 {
font-size: 48px;
padding: 70px 0;
}
.praktijk-hero{
background: var(--light-grey);
}
section.praktijk-hero .col-12{
position: relative;
overflow: hidden;
}
section.praktijk-hero .col-12:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/hero-bg.svg);
position: absolute;
bottom: -180%;
right: 0;
}
.praktijk-tabs {
box-shadow: var(--shadow-box);
padding-bottom: 70px;
z-index: 10;
position: relative;
}
.praktijk-tabs-navigation-holder li {
font-weight: 600;
font-size: 1.1em;
}  section.afspraak-maken-hero {
background: var(--light-grey);
}
section.afspraak-maken-hero h1 {
font-size: 48px;
padding-bottom: 50px;
}
section.afspraak-maken-loop {
background: var(--light-grey);
padding-bottom: 40px;
}
.afspraak-loop-item-holder {
background: #fff;
box-shadow: var(--shadow-box);
margin-bottom: 0;
height: 100%;
}
.afspraak-loop-item-holder img {
height: 250px;
min-width: 100%;
}
.afspraak-item-name-holder {
padding: 20px;
}
.afspraak-item-name-holder h4 {
font-size: 19px;
}
.afspraak-loop-link{
text-decoration: none;
}
.afspraak-item-name-holder .p-button {
margin-top: 20px;
padding: 12px 22px;
}
.afspraak-loop-link:hover .p-button{
background: var(--primary-color);
border: 1px solid var(--primary-color);
padding: 12px 22px;
color: #fff;
border-radius: 5px;
text-align: center;
}
p.p-button {
background: transparent;
border: 1px solid var(--primary-color);
padding: 4px 22px;
color: var(--primary-color);
border-radius: 5px;
text-align: center;
}
section.afspraak-maken-loop .container{
position: relative;
z-index: 1;
}
.contactgegevens-holder h4, .contact-routebeschrijving-holder h4 {
font-size: 22px;
}
section.afspraak-maken-loop .container:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/hero-bg.svg);
position: absolute;
right: -150px;
top: 150px;
z-index: 0;
}
section.afspraak-maken-loop .col-3 {
position: relative;
z-index: 1;
margin-bottom: 40px;
}
li#menu-item-178 a {
padding: 11px 30px;
background: vaR(--primary-color);
border-radius: 5px;
color: #fff;
}
.col-3.sticky {
position: sticky;
top: 0;
}
.praktijk-tabs-navigation-holder {
padding-top: 100px;
}
.praktijk-tabs-content-holder{
padding-top: 90px;
}
.praktijk-tabs-navigation-holder li {
margin-bottom: 20px;
color: var(--secondary-color); }
.praktijk-tabs-navigation-holder ul a {
text-decoration: none;
}
div#informatie h3 {
width: 40%;
margin: 0 20px 30px;
}
.praktijk-text-holder.row .button-holder {
margin-top: 30px;
}
.praktijk-item img {
margin-bottom: 50px;
}
.praktijk-item {
margin-bottom: 70px;
}
.afspraak-item-name-holder h4 {
margin-bottom: 10px;
}
.current a {
color: var(--primary-color);
}
section.praktijk-tabs .col-3, section.praktijk-tabs .col-9 {
margin-top: 0;
}  section.contact-content {
background: var(--light-grey);
}
h1.contact-title {
text-align: center;
font-size: 48px;
margin-bottom: 50px;
}
.contact-kontainer {
display: flex;
flex-wrap: wrap;
box-shadow: var(--shadow-box);
}
.contact-kolumn-6 {
width: 50%;
z-index: 1;
}
.contact-img-holder img {
height: 500px;
width: 100%;
object-fit: cover;
}
.contactgegevens-holder, .contact-routebeschrijving-holder {
padding: 48px 30px;
background: #fff;
}
p.contact-p-address strong {
color: var(--secondary-color);
}
.contact-data-info .text-small {
margin-top: 10px;
}
.contact-routebeschrijving-holder h4 {
margin-bottom: 20px;
}
.contact-routebeschrijving-holder .text-small  {
width: 80%;
margin-bottom: 20px;
}
div#google-container {
height: 500px;
}
.contact-kontainer:after {
content: url(https://www.huisartsendekern.be/wp-content/themes/dekern/img/hero-bg.svg);
position: absolute;
right: -190px;
z-index: 0;
top: -100px;
}
.header-button a {
padding: 14px 30px;
border: 1px solid var(--primary-color);
background: var(--primary-color);
border-radius: 5px;
color: #fff;
}
.header-button a:hover, .header-button.current_page_item a {
padding: 14px 30px;
border: 1px solid var(--primary-color);
background: var(--white);
border-radius: 5px;
color: var(--primary-color);
}
.text-content-artsen-item-holder .position {
color: var(--mid-grey);
}
.nav a {
display: block;
margin-bottom: 15px;
font-family: var(--secondary-font-family);
text-decoration: none;
font-size: 1.2em;
}
.nav .active{
color: var(--primary-color);
}
.current a:before {
content: '+';
margin-left: -15px;
}
p.ordernummer {
margin-top: 30px;
font-size: .9em;
}
.praktijk-tabs-content-holder b, .praktijk-tabs-content-holder strong {
color: var(--primary-color);
}
.praktijk-tabs-content-holder pre {
color: var(--primary-color);
font-family: var(--secondary-font-family);
display: inline;
}
.footer-button-newsletter-holder {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.newsletter {
margin-top: 30px;
margin-left: 15px;
}
input#input_1_1 {
padding: 14px;
font-size: 1em;
border: 1px solid var(--mid-grey);
border-right: none !important;
border-radius: 4px 0 0 4px;
}
input#gform_submit_button_1 {
border: none;
background: var(--primary-color);
color: #fff;
padding: 15px 10px;
margin-bottom: 0px;
font-size: 18px;
border-radius: 0 4px 4px 0;
font-family: var(--main-font-family) !important;
}
.gform_wrapper .gf_simple_horizontal {
width: calc(100% - 6px);
margin: 0 0 0 0;
}
div#field_1_1 {
padding-right: 0;
width: 100% !important;
}
.default-page-template h2, .default-page-template h3, .default-page-template h4, .default-page-template h5 {
margin-bottom: 20px;
margin-top: 30px;
}
.praktijk-item{
position: relative;
}
.praktijk-item:after {
content: '';
width: 96%;
height: 1px;
background: var(--mid-grey);
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
}  li.faq-item {
cursor: pointer;
position: relative;
}
li.faq-item:hover{
color: var(--primary-color);
}
li.faq-item:hover .faq-answer{
color: var(--dark-grey);
}
.faq-answer{
color: var(--dark-grey);
}
span.faq-answer {
position: absolute;
background: #fff;
width: 100%;
bottom: 40px;
padding: 30px 20px;
box-shadow: var(--shadow-box);
right: 0;
display: none;
}
span.faq-answer.active-faq{
display: block;
}
.afspraak-holder {
background: var(--primary-color);
color: #fff;
display: flex;
align-items: center;
height: 100%;
}
.covid-holder {
background: var(--accent-blue);
color: #fff;
display: flex;
align-items: center;
height: 100%;
}
.extra-loop-item a, .extra-loop-item p , .extra-loop-item h4{
color: #fff;
line-height: 140%;
}
.extra-loop-item .p-button {
background: #fff;
color: var(--primary-color);
}
.extra-loop-item:hover .p-button {
background: transparent;
color: #fff;
border: 1px solid #fff;
}
.praktijk-kolumn-4 img {
height: 420px;
width: 100%;
}
.secretariat-holder {
position: relative;
z-index: 1;
background: #fff;
box-shadow: var(--shadow-box);
}
li.secretariat-item {
padding: 30px;
}
li.secretariat-item h4 {
margin-top: 1em;
}
li.secretariat-item img {
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: cover;
}
.secretariat-holder ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.footer-secretariat-vorking-hours {
margin-top: 20px;
}
ul.secretariat li:last-child {
width: 100%;
padding-top: 0;
}
@media screen and (min-width: 768px) {
ul.secretariat li.secretariat-item:not(:last-child) {
width: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
ul.secretariat li.secretariat-item:not(:last-child) {
width: 50%;
}
}
ul.secretariat li:last-child  h4{
margin-top: 0;
margin-bottom: 1em;
}
.newsletter p {
margin-left: 8px;
}
.newsletter-worden.center {
width: 350px;
margin-top: 30px;
}
p.contact-p-address {
font-size: .9em;
}
.route-text-holder {
margin-bottom: 20px;
}
.contact-data-info {
margin-top: 20px;
}
section.afspraak-maken-loop .row {
display: flex;
flex-wrap: wrap;
}
.praktijk-text-holder.row li {
font-size: 1em;
list-style: inside;
margin-bottom: 10px;
}
.mobile-menu-distance.hide-desktop {
width: 100%;
height: 90px;
}
.page-template-homepagina, .page-template-artsen-template, .page-template-contact-template, .page-template-afspraak-maken{
overflow-x: hidden;
}
.artsen-template-default ul.working-hours li:before {
content: unset;
}
h1.single-arts-main-title {
font-size: 26px;
margin-bottom: 5px;
}
.home-praktijk-content-holder a {
text-decoration: none;
}   .corona-content-holder {
display: flex;
}
.corona-blue-bg-holder {
display: flex;
align-items: center;
margin: 30px 0;
padding: 1em;
background: #93D0F6;
color: #fff;
}
.corona-blue-bg-holder p {
color: #fff;
font-weight: bold; }
.corona-banner.text-small {
padding: 25px;
margin-bottom: 29px;
width: 100%;
}
@media screen and (max-width: 960px){
.corona-content-holder {
display: flex;
flex-direction: column;
}
.corona-blue-bg-holder {
margin-bottom: 0;
}
.corona-banner.text-small {
margin-top: 0;
padding: 5px;
}
}
.afspraak-item-name-holder svg {
text-align: center;
margin-bottom: 30px;
}
.afspraak-item-name-holder {
text-align: center;
} .covid-holder .p-button {
color: var(--accent-blue);; border: 1px solid #fff;
}
.covid-holder .p-button:hover {
color: var(--primary-color);;
background: #fff;
}
section.afspraak-maken-loop .col-3:nth-child(2) svg {
width: 100px;
height: 70px;
margin-bottom: 40px;
margin-top: 20px;
}
.hero-content-holder .button:first-child {
margin-bottom: 20px;
} .popup-overlay {
position: fixed;
top: 0;
z-index: 100;
left: 0;
width: 100%;
min-height: 100vh;
background: #f6f6f67a;
}
span.close-popup svg {
max-width: 50px;
}
span.close-popup path {
fill: var(--primary-color);
}
.popup-content-holder {
width: 100%;
max-width: 960px;
margin: auto;
background: #Fff;
padding: 28px;
box-shadow: var(--shadow-box);
margin-top: 20vh;
position: relative;
}
span.close-popup svg {
position: absolute;
right: 0;
top: 0px;
cursor: pointer;
}
.popup-content h2 {
margin-bottom: 20px;
font-size: 32px;
}
.popup-content .button-holder {
margin-top: 20px;
}
.popup-content li {
list-style: circle;
}
.popup-content ul {
padding-left: 20px;
margin: 20px 0;
}
.popup-content p{
margin-bottom: 10px;
}
.popup-content strong {
margin-bottom: 10px;
display: inline-block;
}
@media screen and (max-width: 960px){
.popup-content-holder {
width: 95%;
max-width: 960px;
margin: auto;
background: #Fff;
padding: 28px;
box-shadow: var(--shadow-box);
margin-top: 10vh;
position: relative;
}
.kolumn-6.image-left-small-column-last {
padding: 20px 20px;
background: #fff;
box-shadow: var(--shadow-box);
text-align: center;
}
input#gform_submit_button_1 {
border: none;
background: var(--primary-color);
color: #fff;
padding: 5px 7px;
margin-bottom: 0px;
font-size: 12px;
border-radius: 0 4px 4px 0;
font-family: var(--main-font-family) !important;
}
input#input_1_1 {
padding: 2px 5px;
font-size: 15px;
border: 1px solid var(--mid-grey);
border-right: none !important;
border-radius: 4px 0 0 4px;
}
}@media screen and (min-width:1921px){
}
@media screen and (max-width:1920px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1380px){
}
@media screen and (max-width:1200px){
.main-menu-holder li {
display: inline;
margin-left: 15px;
}
}
@media screen and (max-width:1024px){
.main-menu-holder li {
display: inline;
margin-left: 10px;
}
}
@media screen and (max-width:960px){
.hide-mobile{
display: none !important;
}
}
@media screen and (max-width:767px){
li.secretariat-item img {
height: unset;
width: 100%;
}
ul.secretariat li:last-child {
width: 100%;
}
span.corona-blue-bg {
width: 100%;
display: block;
text-align: center;
margin-top: -10px;
padding: 6px;
margin-bottom: 15px;
}
.corona-banner.text-small p {
padding: 20px;
}
.kolumn-8, section.home-praktijk .praktijk-kolumn-4, .praktijk-kolumn-8, .kolumn-6, .artsen-item-content-holder div:first-child, .contact-kolumn-6 {
width: 100%;
}
.kolumn-4 {
width: 100%;
padding: 30px;
}
.calendar-icon {
margin-bottom: 10px;
}
.home-praktijk-content-holder {
padding: 30px 0;
}
.home-praktijk-content-holder h4 {
font-size: 1.2em;
}
li {
color: var(--dark-grey);
line-height: 25px;
margin-bottom: 10px;
font-size: .75em;
}
.img-left-content-holder {
width: 100%;
margin: auto;
padding: 30px 0;
}
.img-left-content-holder h4 {
width: 100%;
}
.kolumn-6.image-left-small-column-first {
margin-left: 0px;
}
.kolumn-6.image-left-small-column-last {
margin-top: 0;
margin-left: 0px;
position: relative;
width: 100%;
}
.home-hero-foto img, .img-left-img-holder img {
margin-bottom: -2px;
min-height: 210px;
}
.kolumns-holder:after{
display: none;
}
.newsletter {
margin-top: 30px;
margin-left: -5px;
}
.footer-address-info, .footer-contact-info {
width: 100%;
line-height: 27px;
margin-bottom: 15px;
}
.footer-contact-info a {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.button-holder.footer-button {
margin-top: 0;
}
section.footer-section {
background: linear-gradient(to bottom, var(--light-grey) 160px, #FFf 160px);
padding: 40px 0 15px;
}
.col-4.right {
text-align: left;
}
h1.artsen-page-title.center {
font-size: 38px;
width: 100%;
margin: 30px auto;
}
.kontainer-artsen-loop .praktijk-kolumn-4 {
width: 100%;
}
.artsen-item-content-holder {
flex-wrap: wrap;
}
.artsen-item-content-holder div:first-child{
margin-bottom: 25px;
}
.artsen-item-content-holder div:last-child {
width: 100%;
}
.artsen-item-content-holder .position, .belmomenten-title {
margin-bottom: 10px;
}
.col-3.sticky {
position: relative;
top: 0;
}
.praktijk-tabs-navigation-holder {
padding-top: 30px;
}
div#informatie h3, .praktijk-text-holder.row h3 {
width: 100%;
margin: 0 0 20px;
font-size: 1.6em;
}
.praktijk-tabs{
padding-bottom: 0px;
}
.contact-img-holder img {
height: auto;
}
.contactgegevens-holder, .contact-routebeschrijving-holder {
padding: 28px 30px;
background: #fff;
}
.contact-routebeschrijving-holder {
height: auto !important;
}
.contact-routebeschrijving-holder .text-small {
width: 100%;
margin-bottom: 20px;
}
.afspraak-loop-item-holder img {
height: 380px;
width: 100%;
}
section.afspraak-maken-hero h1 {
font-size: 38px;
padding-bottom: 30px;
}
h1.contact-title{
font-size: 38px;
margin-bottom: 30px;
}
section.praktijk-hero h1 {
font-size: 38px;
padding: 30px 0;
}
.praktijk-kolumn-4 img {
max-height: 370px;
}
.home .praktijk-kolumn-4 img {
width: 100%;
height: auto !important;
max-height: unset;
}
.artsen-page-title.center, .artsen-page-title.center {
font-size: 28px;
width: 100%;
margin: 50px auto;
}
.artsen-loop .row:last-child .col-12:after{
display: none;
}
.praktijk-item {
margin-bottom: 30px;
}
span.corona-blue-bg{
margin: -30px -20px 20px -20px;
width: calc(100% + 40px);
}
section.header-section {
position: fixed;
width: 100%;
z-index: 100;
background: #fff;
}
}
.mobile-menu-icon-holder img {
width: 40px;
text-align: right;
}
.mobile-menu-icon-holder{
text-align: right;
}
.mobile-menu-overlay {
width: 100%;
height: 100vh;
position: fixed;
top: -100vh;
z-index: 9999;
background: #fff;
transition: all .2s ease-in-out,color .2s ease-in-out;
}
img.close-menu {
width: 40px;
}
.mobile-meu-content-holder {
text-align: center;
margin-top: 30px;
font-size: 1.4em;
line-height: 60px;
font-weight: 600;
}
.mobile-meu-content-holder li {
margin-bottom: 20px;
text-decoration: none;
}
.mobile-meu-content-holder li a {
text-decoration: none;
}
.close-menu-holder {
text-align: center;
margin-top: 50px;
}
p.close-menu.close-menu-text.small.center {
color: var(--primary-color);
font-size: 13px;
}
@media screen and (min-width: 961px){
.hide-desktop{
display: none !important;
}
}