@font-face {
font-family: 'LogopedieTaalPlezier';
src: url(//www.logopedietaalplezier.info/wp-content/themes/Divi-child/fonts/LogopedieTaalPlezier.woff2) format('woff2'),
url(//www.logopedietaalplezier.info/wp-content/themes/Divi-child/fonts/Biko.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
h1,h2,h3,h4,h5,h6, .et_pb_button {
font-family: 'LogopedieTaalPlezier' !important;
font-weight: normal !important;
font-style: normal !important;
} #header-titel {
background-size: 50%;
background-position: center left 20%;
margin-bottom: 0px;
}   #main-header.et-fixed-header {
background-color: #ffffff;
} #top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before,
#top-menu .current-menu-parent a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}
#top-menu li a:before {
content: "";
position: absolute;
z-index: -2;
left: 0;
right: 100%;
bottom: 50%;
background: #112939;
height: 3px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#top-menu .sub-menu li a:before {
background: none;
}
#top-menu li a:hover {
opacity: 1 !important;
}
#top-menu li a:hover:before {
right: 0;
}
#top-menu li li a:before {
bottom: 10%;
} @media (max-width: 980px) {
.container.et_menu_container { 
width: calc( 100% - 60px);
}
}
.et_mobile_menu {
margin-left: -30px;
padding: 5%;
width: calc( 100% + 60px);
}
.mobile_nav.opened .mobile_menu_bar:before {
content: "\4d";
} #footer h2, #footer p, #footer a {
color: #fff;
}
#footer img {
max-height: 150px;
}   .single .et_pb_post {
margin-bottom: 0px;
}
.single .post {
padding-bottom: 0px;
}
#left-area {
padding-bottom: 0px;
} #comment-wrap, .et_project_meta, .et_project_categories, .post-meta {
display: none;
} .blurb-card .et_pb_image_wrap .et-pb-icon {
color: #ffffff !important;
} @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
.img-small {
width: 50% !important;
}
}