@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,400i,700&display=swap"); @font-face {
font-family: 'Conv_GothamRnd-Light';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Light.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Light.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Light.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Light.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-LightIta';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-LightIta.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-LightIta.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-LightIta.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-LightIta.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-MedIta';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-MedIta.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-MedIta.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-MedIta.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-MedIta.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-Medium';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Medium.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Medium.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Medium.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Medium.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-Book';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Book.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Book.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Book.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Book.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-BookIta';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BookIta.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BookIta.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BookIta.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BookIta.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-BoldIta';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BoldIta.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BoldIta.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BoldIta.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-BoldIta.svg) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Conv_GothamRnd-Bold';
src: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Bold.eot);
src: local("☺"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Bold.woff) format("woff"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Bold.ttf) format("truetype"), url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/fonts/GothamRnd-Bold.svg) format("svg");
font-weight: normal;
font-style: normal; }
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
html {
font-size: 62.5%;
font-family: "Conv_GothamRnd-Book", sans-serif;
margin-top: 0 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
max-width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - 10rem);
margin-top: 0;
background-color: #fff;
font-family: "Conv_GothamRnd-Book", sans-serif;
font-size: 17px;
line-height: 26px;
color: #070707;
letter-spacing: -.2px; }
@media screen and (max-width: 982px) {
body {
padding: 0; } }
@media screen and (max-width: 1400px) {
body {
line-height: 26px;
font-size: 17px; } }
.grecaptcha-badge {
visibility: hidden; }
::-moz-selection { color: #fff;
background: #070707; }
::selection {
color: #fff;
background: #070707; }
a.go-top {
display: none; }
.go-to-top {
position: fixed;
width: 40px;
height: 32px;
bottom: 0rem;
right: 2rem;
background: #00a1ab;
color: #fff;
text-align: center;
padding-top: 2px;
padding-bottom: 4px;
font-size: 3rem;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
z-index: 150; }
@media screen and (max-width: 1481px) and (min-width: 768px) {
.go-to-top {
bottom: 1rem;
right: 3.5rem; } }
@media screen and (max-width: 1219px) {
.go-to-top {
right: 2.5rem; } }
@media screen and (max-width: 767px) {
.go-to-top {
bottom: 2.5rem; } }
.go-to-top:hover, .go-to-top:focus, .go-to-top:active {
color: #fff;
background: #59c1c3;
background: #00939c;
text-decoration: none;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease; }
.go-to-top:focus {
background-color: #00a1ab; }
body {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; }
body.home {
background-image: none; }
@media screen and (min-width: 961px) {
body.home .nav-home {
display: none; } }
@media screen and (max-width: 960px) {
body.home .navbar {
display: none; } }
em {
color: inherit; }
a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
a:hover, a:focus, a a:active {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
h1, h2, h3, h4, h5, h6 {
font-family: "Conv_GothamRnd-Medium", sans-serif;
letter-spacing: -.7px;
color: #070707; }
h3 {
font-size: 23px;
line-height: 2.6rem;
color: #070707; }
h3 + h4 {
font-size: 24px;
font-family: "Conv_GothamRnd-Book", sans-serif;
text-transform: uppercase;
margin-top: -5px;
margin-bottom: 15px; }
.home .uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 20px !important;
margin-top: 20px !important;
margin-bottom: 20px !important;
padding: 0;
list-style: none;
position: absolute;
bottom: 4rem;
left: 105px;
z-index: 0; }
@media screen and (max-width: 1600px) {
.home .uk-dotnav {
left: 60px; } }
@media screen and (max-width: 960px) {
.home .uk-dotnav {
left: 30px; } }
.home .uk-dotnav li {
padding-right: 25px;
padding-left: 0; }
.home .uk-dotnav li a {
width: 10px;
height: 10px; }
.single-post .uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 20px !important;
margin-top: 20px !important;
padding: 0;
list-style: none;
position: absolute;
bottom: 6rem;
right: 30px; }
.single-post .uk-dotnav li {
padding-left: 25px;
list-style-type: none; }
.single-post .uk-dotnav li a {
width: 10px;
height: 10px; }
.uk-dotnav > * > * {
background: rgba(255, 255, 255, 0.8); }
.uk-dotnav > * > :focus, .uk-dotnav > * > :hover {
background: #b5e3e5; }
.uk-dotnav > .uk-active > * {
background: #83cdd4; }
ul {
margin: 0 0 26px 0;
padding-left: 18px; }
.row-container-home .more-button-top a {
padding: 8px 15px;
min-width: 200px;
margin: 0px 0px 5px 0px !important;
letter-spacing: .3px;
font-size: 16px;
line-height: 23px;
background: #00a1ab;
color: #fff; }
.row-container-home .more-button-top a::after {
content: " »"; }
.row-container-home .more-button-top a:hover, .row-container-home .more-button-top a:focus, .row-container-home .more-button-top a:active {
border-bottom: 1px solid #83cdd4;
background-color: #83cdd4;
text-decoration: none; }
.row-container-home .more-button-top.more-news a {
margin-bottom: 0 !important;
padding: 5.5px 15px;
font-family: "Conv_GothamRnd-Book", sans-serif; }
.row-container-home .more-button-bottom a {
margin-top: 1rem;
display: inline;
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 16px;
line-height: 23px;
color: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border-bottom: 1px solid #83cdd4; }
.row-container-home .more-button-bottom a::after {
content: " »"; }
.row-container-home .more-button-bottom a:hover, .row-container-home .more-button-bottom a:focus, .row-container-home .more-button-bottom a:active {
border-bottom: 1px solid #83cdd4;
background-color: #83cdd4;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.wpb_category_n_menu_accordion > ul > li.current-page-ancestor a {
color: #ffcf00 !important; }
.praktinfo-wrapper {
margin-bottom: 45px; }
@media screen and (min-width: 640px) and (max-width: 1200px) {
.uk-hidden-tablet {
display: none; } }
.row.header {
background: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.row.header.uk-active {
border-bottom: 1px solid #f4f4f4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.page-container {
position: relative;
background-color: #83cdd4;
background: #f0fafb;
background-color: #fff; }
.home .page-container {
background-color: #fff; }
.page-template-page-news .page-container, .page-template-page-news .activiteit-template-single-activiteit-alternatief, .page-template-page-activiteiten .page-container, .page-template-page-activiteiten .activiteit-template-single-activiteit-alternatief, .archive .page-container, .archive .activiteit-template-single-activiteit-alternatief, .page-template-page-werken-dudok .page-container, .page-template-page-werken-dudok .activiteit-template-single-activiteit-alternatief, .page-template-page-artikelen .page-container, .page-template-page-artikelen .activiteit-template-single-activiteit-alternatief, .page-template-page-anderewerken .page-container, .page-template-page-anderewerken .activiteit-template-single-activiteit-alternatief, .page-template-page-webshop .page-container, .page-template-page-webshop .activiteit-template-single-activiteit-alternatief, .page-template-page-webshop-landing .page-container, .page-template-page-webshop-landing .activiteit-template-single-activiteit-alternatief, .page-template-page-webshop-categorie .page-container, .page-template-page-webshop-categorie .activiteit-template-single-activiteit-alternatief, .page-template-page-activiteiten-videos .page-container, .page-template-page-activiteiten-videos .activiteit-template-single-activiteit-alternatief, .page-id-7475 .page-container, .page-id-7475 .activiteit-template-single-activiteit-alternatief, .page-id-8325 .page-container, .page-id-8325 .activiteit-template-single-activiteit-alternatief, .page-template-page-omd .page-container, .page-template-page-omd .activiteit-template-single-activiteit-alternatief, .page-template-page-omd-onderdelen .page-container, .page-template-page-omd-onderdelen .activiteit-template-single-activiteit-alternatief {
background-color: #d0ecf0; }
.page-template-page-omd .page-container {
background-color: #f0fafb; }
.activiteit-template-single-activiteit-alternatief .page-container {
background-color: #d0ecf0; }
.activiteit-template-single-activiteit-alternatief2 .block-container {
background-color: #d0ecf0;
padding-top: 25px; }
.activiteit-template-single-activiteit-alternatief2 .block-container .column-items {
min-height: auto; }
.logo img {
max-height: 76px;
margin: 12px 0 12px 0px; }
.logo svg {
margin: 12px 0 12px 0px;
max-height: 76px;
width: auto;
display: block;
fill: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.logo svg:hover, .logo svg:active, .logo svg:focus {
fill: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.topmenu a {
color: #070707; }
.topmenu a:hover, .topmenu a:active, .topmenu a:focus {
color: #070707; }
#main-nav {
height: 10rem; margin: 0 0; font-size: 17.2px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
#main-nav ul {
margin: 0;
padding: 0; }
#main-nav ul ul { opacity: 0;
transform: translateY(20%);
transition: all 150ms ease;
pointer-events: none;
position: absolute;
top: 10rem; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 10;
font-size: 15px;
font-family: "Conv_GothamRnd-Book", sans-serif; }
#main-nav ul ul > li.menu-item-has-children > a:after {
content: '\f0da';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 10px;
text-decoration: none;
float: right; }
#main-nav ul ul li { float: none; width: 225px; height: 5rem;
line-height: 5rem; }
#main-nav ul ul li a { padding: 0px 10px; border: 1px solid #eee;
height: 5rem;
line-height: 5rem;
background: #fff;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
#main-nav ul ul li ul { left: 225px; top: 5px; }
#main-nav ul li:hover > ul {
display: block; opacity: 1;
transform: translateY(0%);
pointer-events: auto; }
#main-nav li {
display: block;
float: left;
line-height: 10rem; height: 10rem; margin: 0;
padding: 0; position: relative; }
#main-nav li.current_page_ancestor > a {
color: #00a1ab; }
#main-nav li.lang-item.current-lang a {
color: #00a1ab; }
#main-nav li.lang-item a img {
width: 25px; }
#main-nav li.lang-item.lang-item-nl a {
padding-right: 10px; }
#main-nav li.lang-item.lang-item-nl a::before {
content: "";
display: inline-block;
width: 1px;
background: #070707;
margin-right: 20px;
height: 17px; }
#main-nav li.lang-item.lang-item-en a {
padding-left: 10px; }
#main-nav li.lang-item.lang-item-en a::after {
content: "";
display: inline-block;
width: 1px;
background: #070707;
margin-left: 20px;
height: 17px; }
#main-nav li a {
display: block;
height: 10rem;
line-height: 9rem;
padding: 0 13px; }
@media screen and (max-width: 1100px) {
#main-nav li a {
padding: 0 10px; } }
@media screen and (max-width: 1050px) {
#main-nav li a {
padding: 0 9px; } }
@media screen and (max-width: 1050px) {
#main-nav li a {
font-size: .9em; } }
#main-nav li.sub-left ul ul {
right: 225px;
top: 5px;
left: auto; }
#main-nav li.sub-left ul > li.menu-item-has-children > a:after {
content: '\f0da';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 10px;
text-decoration: none;
float: right; }
#main-nav .current-menu-item > a, #main-nav .current_page_item > a, #main-nav a:hover, #main-nav .current-page-ancestor > a {
color: #00a1ab;
background: #fff;
text-decoration: none; }
#main-nav ul#menu-hoofdmenu > li:last-of-type ul {
right: 0; }
.uk-modal.uk-open {
opacity: 1;
background-color: yellow; }
.mobile-only {
display: none !important; }
@media screen and (max-width: 959px) {
.mobile-only {
display: block !important; } }
.bellows .bellows-nav .bellows-target {
display: block !important; }
#modal-nav {
background: #83cdd4;
min-height: 100vh; }
#modal-nav .uk-modal-dialog {
background: transparent;
padding-top: 100px;
padding: 20px; }
#modal-nav .uk-modal-dialog .bellows-wrap {
max-width: 350px !important;
margin: 10rem auto 0 auto; }
@media screen and (max-width: 600px) {
#modal-nav .uk-modal-dialog .bellows-wrap {
margin: 0 auto 0 auto; } }
#modal-nav .uk-modal-dialog .uk-modal-close-full {
background: transparent;
color: #fff; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav .bellows-subtoggle {
width: 40px;
height: 80%; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > a {
padding: 20px 0;
color: #fff;
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 2.2rem; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li.bellows-current-menu-item > a, #modal-nav .uk-modal-dialog nav ul.bellows-nav > li.bellows-current-page-ancestor > a, #modal-nav .uk-modal-dialog nav ul.bellows-nav > li.bellows-current-menu-ancestor > a {
color: #008992; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul {
color: #fff;
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 1.8rem; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li a {
color: #fff;
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 1.7rem;
padding: 7px 0 7px 20px; }
@media screen and (max-width: 350px) {
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li a {
padding-left: 0px; } }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li a::before {
content: "- "; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li.bellows-current-menu-item > a, #modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li.bellows-current-menu-ancestor > a {
color: #008992; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li > ul > li a {
font-style: italic;
padding: 7px 0 7px 40px; }
@media screen and (max-width: 350px) {
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li > ul > li a {
padding-left: 15px; } }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li > ul > li a::before {
content: "- "; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li > ul > li.bellows-current-menu-item > a, #modal-nav .uk-modal-dialog nav ul.bellows-nav > li > ul > li > ul > li.bellows-current-menu-ancestor > a {
color: #008992; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li.lang-item {
display: inline-block;
float: left;
padding: 2rem 3rem 0 3rem; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li.lang-item.current-lang a {
color: #00a1ab; }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li.lang-item.lang-item-first {
padding-left: calc(50% - 6rem); }
#modal-nav .uk-modal-dialog nav ul.bellows-nav > li.bellows-menu-item:nth-last-child(3) {
border-bottom: 1px solid #b5e3e5;
padding-bottom: 3rem; }
#modal-nav .uk-modal-dialog hr {
border-top: 1px solid #b5e3e5;
margin-bottom: 4rem; }
#modal-nav .uk-modal-dialog form {
margin-top: 20px;
background: #fff;
height: 39px;
overflow: hidden; }
#modal-nav .uk-modal-dialog form input[type=text] {
background-color: #fff;
padding: 8px 0 8px 10px;
width: calc(100% - 120px); }
#modal-nav .uk-modal-dialog form input[type=submit] {
background: #00a1ab;
padding: 0 10px;
color: #fff;
margin-top: 0;
float: right;
width: 100px; }
#modal-nav .modal-header {
height: 8rem;
padding: 0 25px; }
#modal-nav .modal-header .uk-modal-close-full {
padding: 23px 25px 10px 10px;
color: #070707; }
#modal-nav .modal-body {
background: #070707;
min-height: calc(100vh - 20rem);
padding: 3rem;
max-width: 400px; }
#modal-nav .modal-body .bellows {
width: 100%;
max-width: 325px;
margin: 45px auto; }
#modal-nav .modal-body ul li {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.5px; }
#modal-nav .modal-body ul li a {
color: #fff; }
#modal-nav .modal-body ul li a:hover {
color: #070707; }
#modal-nav .modal-body ul li a:focus, #modal-nav .modal-body ul li a:active {
color: #070707; }
#modal-nav .modal-body ul li.bellows-current-menu-item > a {
color: #070707; }
#modal-nav .modal-body ul li.bellows-current-page-ancestor > a {
color: #070707; }
#modal-nav .modal-body ul li ul {
margin-left: 30px;
font-style: italic; }
#modal-nav .modal-body .bellows-subtoggle .fa {
margin-top: -12px; }
.mobile-hamburger {
height: 9rem; }
.mobile-hamburger a {
line-height: 10rem;
color: #070707; }
.mobile-hamburger a:hover, .mobile-hamburger a:focus, .mobile-hamburger a:active {
color: #00a1ab; }
.navbar-sec .uk-navbar-nav {
margin: 2rem 0 2.5rem 0;
display: block; }
.navbar-sec .uk-navbar-nav li {
margin-right: 20px;
display: inline-block; }
.navbar-sec .uk-navbar-nav li a {
min-height: auto;
font-size: 16px;
letter-spacing: .2px;
line-height: 26px;
text-transform: none;
color: #070707;
border-bottom: 1px solid #59c1c3;
padding-left: 1px;
padding-right: 1px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.navbar-sec .uk-navbar-nav li a:hover, .navbar-sec .uk-navbar-nav li a:active, .navbar-sec .uk-navbar-nav li a:focus {
background: #59c1c3; }
.navbar-sec .uk-navbar-nav li.current-menu-item a {
background: #59c1c3; }
.side-menu .sm-list .sm-item a {
background: #00a1ab !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none; }
.side-menu .sm-list .sm-item a:hover, .side-menu .sm-list .sm-item a:focus, .side-menu .sm-list .sm-item a:active {
background: #00939c !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none; }
body.page-template-page-canvas button#responsive-menu-button {
display: none; }
li.astm-search-menu a svg {
fill: #070707;
width: 17px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
li.astm-search-menu a:hover svg, li.astm-search-menu a:focus svg, li.astm-search-menu a:active svg {
fill: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
li.astm-search-menu form {
background: white;
background: linear-gradient(90deg, white 0%, white 88%, #00a1ab 88%, #00a1ab 100%);
padding: 0 0px;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
line-height: 3rem; }
li.astm-search-menu form input#s {
height: 24px;
border: 1px solid #fff;
padding: 5px;
width: calc(100% - 104px);
font-family: "Conv_GothamRnd-Book", sans-serif;
-webkit-appearance: none;
background: #fff;
margin: 0;
font-size: 15px; }
li.astm-search-menu form input#s::placeholder {
color: #545454;
font-size: 15px; }
li.astm-search-menu form input.uk-button.uk-button-search {
font-size: 1.5rem;
line-height: 1.6rem;
height: 37px;
font-weight: normal;
padding: 0 5px;
background: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
margin-top: -2px;
margin-right: 0;
width: 91px;
min-width: 90px;
border: 1px solid #00a1ab;
-webkit-appearance: none; }
li.astm-search-menu form input.uk-button.uk-button-search:hover, li.astm-search-menu form input.uk-button.uk-button-search:focus, li.astm-search-menu form input.uk-button.uk-button-search:active {
background: #00939c;
border: 1px solid #00939c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.uk-container {
max-width: 1400px;
padding-left: 30px;
padding-right: 30px; }
.footer {
background-color: #00939c;
background-image: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/img/footer.png);
background-position: top center;
background-size: 100%;
background-repeat: no-repeat;
color: #fff;
padding-top: 15rem;
padding-bottom: 3.5rem;
margin-top: -1px; }
.footer.footer2 {
background-image: url(//www.dudokarchitectuurcentrum.nl/wp-content/themes/dac20/img/footer2.png); }
@media screen and (max-width: 1199px) {
.footer {
padding-top: 8rem; } }
@media screen and (max-width: 959px) {
.footer {
padding-top: 6rem; } }
.footer h3 {
color: #fff;
margin-bottom: 1.5rem;
font-size: 2.2rem;
line-height: 2.8rem; }
@media screen and (max-width: 1199px) {
.footer h3 {
margin-top: 3rem; } }
.footer .buttons {
margin-top: 3rem; }
.footer a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.footer a:hover, .footer a:focus, .footer a:active {
text-decoration: none;
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer a.button {
padding: 12px 20px;
min-width: 200px;
letter-spacing: .3px;
font-size: 16px;
line-height: 23px;
background-color: #42b4b6;
text-transform: uppercase;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer a.button:hover, .footer a.button:focus, .footer a.button:active {
background: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 0 !important; }
@media screen and (max-width: 480px) {
.footer a.button {
width: 100%; } }
.footer .menu {
list-style-type: none;
padding-left: 0; }
.footer .menu li a {
font-family: "Conv_GothamRnd-Book", sans-serif; }
.footer .menu li.current_page_item a {
border-bottom: 1px solid #fff; }
.footer .footer-col1 a, .footer .footer-col2 a, .footer .footer-col3 a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer .footer-col1 a:hover, .footer .footer-col1 a:active, .footer .footer-col1 a:focus, .footer .footer-col2 a:hover, .footer .footer-col2 a:active, .footer .footer-col2 a:focus, .footer .footer-col3 a:hover, .footer .footer-col3 a:active, .footer .footer-col3 a:focus {
color: #fff;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer .footer-col1 ul, .footer .footer-col2 ul, .footer .footer-col3 ul {
padding-left: 1.8rem;
margin-bottom: 0; }
.footer .footer-col1 ul li, .footer .footer-col2 ul li, .footer .footer-col3 ul li {
list-style-type: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #fff;
padding: 0px 0 5px 0px; }
.footer .footer-col1 ul li:hover, .footer .footer-col1 ul li:active, .footer .footer-col1 ul li:focus, .footer .footer-col2 ul li:hover, .footer .footer-col2 ul li:active, .footer .footer-col2 ul li:focus, .footer .footer-col3 ul li:hover, .footer .footer-col3 ul li:active, .footer .footer-col3 ul li:focus {
margin-left: 1rem;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer .footer-col1 ul a, .footer .footer-col2 ul a, .footer .footer-col3 ul a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.footer .footer-col1 ul a::before, .footer .footer-col2 ul a::before, .footer .footer-col3 ul a::before {
content: "\f105";
float: left;
font-family: FontAwesome;
margin-left: -2.2rem;
text-align: center;
width: 20px;
color: #fff; }
.footer .footer-col1 ul a:hover, .footer .footer-col1 ul a:active, .footer .footer-col1 ul a:focus, .footer .footer-col2 ul a:hover, .footer .footer-col2 ul a:active, .footer .footer-col2 ul a:focus, .footer .footer-col3 ul a:hover, .footer .footer-col3 ul a:active, .footer .footer-col3 ul a:focus {
color: #fff;
background: transparent; }
.footer .footer-col2 a, .footer .footer-col3 a {
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-family: "Conv_GothamRnd-Book", sans-serif; }
.footer .footer-col2 a:hover, .footer .footer-col2 a:active, .footer .footer-col2 a:focus, .footer .footer-col3 a:hover, .footer .footer-col3 a:active, .footer .footer-col3 a:focus {
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.colofon {
font-size: 1.3rem;
padding: 1rem 0;
bottom: 0;
height: 2.5rem;
width: 100%;
z-index: 10;
background-color: #008992;
color: #83cdd4; }
@media screen and (max-width: 961px) {
.colofon .copyregel {
padding-left: 2rem;
padding-right: 2rem; } }
.colofon a {
color: #fff;
color: #83cdd4;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.colofon a:hover, .colofon a:active, .colofon a:focus {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.social-media-buttons {
margin-top: 1.5rem; }
.social-media-buttons a.uk-icon-button {
background-color: #42b4b6;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.social-media-buttons a.uk-icon-button:hover, .social-media-buttons a.uk-icon-button:focus, .social-media-buttons a.uk-icon-button:active {
background: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 0 !important; }
.social-media-buttons a.uk-icon-button.uk-margin-small-right {
margin-right: 5px !important; }
.home .colofon {
color: #fff; }
.home .colofon a {
color: #fff; }
.home .colofon a:hover, .home .colofon a:active, .home .colofon a:focus {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff; }
.uk-button {
background: transparent;
color: #070707;
text-decoration: none;
padding: 0; }
.uk-button:after {
content: " »"; }
.uk-button:last-of-type {
margin-right: 0; }
.uk-button:hover, .uk-button:focus, .uk-button:active {
background: #83cdd4;
color: #070707; }
.uk-button.uk-button-primary {
font-size: 16px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
text-transform: none; }
.uk-button.uk-button-secundary {
font-size: 17px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.calltoactionbutton .uk-button {
padding: 12px 20px;
min-width: 200px;
margin: 20px 0px 5px 0px;
letter-spacing: .3px;
font-size: 16px;
line-height: 23px;
background: #00a1ab;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
border: 0; }
.calltoactionbutton .uk-button:hover, .calltoactionbutton .uk-button:focus, .calltoactionbutton .uk-button:active {
background: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
@media screen and (max-width: 960px) {
.calltoactionbutton .uk-button {
margin-top: 0; } }
@media screen and (max-width: 480px) {
.calltoactionbutton .uk-button {
width: 100%; } }
.call2action2 .uk-button {
margin: 15px 0px 5px 0px; }
.column1 ul li {
list-style-type: square; }
.column1 .column-inner {
padding: 1rem 5rem 3rem 0rem; }
@media screen and (max-width: 960px) {
.column1 .column-inner {
padding: 1rem 0rem 3rem 0rem; } }
.column1 .column-inner.column-inner-breadcrumb {
padding-bottom: 0; }
.column1.column1-activity {
padding: 4.5rem 3rem 3rem 3rem; }
.column1.column1-activity.background-lighter {
background: #b5e3e5; }
@media screen and (max-width: 960px) {
.column1.column1-activity {
padding: 4rem 2rem 3rem 2rem; } }
@media screen and (max-width: 768px) {
.column1.column1-activity {
padding: 3rem 2rem 3rem 2rem; } }
.column1.column1-activity.column-white {
background-color: #fff;
z-index: 1; }
.column1.column1-activity.column-white .submenu {
margin-top: 0.5rem; }
.column1.column1-activity.column-white .submenu a {
font-size: 15px;
color: #070707;
display: inline-block;
padding: .1rem .2rem;
border-bottom: 0; }
.column1.column1-activity.column-white .submenu a::before {
font-family: "FontAwesome";
content: "\f105";
margin-right: .6rem; }
.column1.column1-activity.column-white .submenu a:hover, .column1.column1-activity.column-white .submenu a:active, .column1.column1-activity.column-white .submenu a:focus {
text-decoration: none;
border-bottom: 0;
background-color: #83cdd4; }
.column1.column1-activity.column-white .submenu a.active {
color: #ffcf00; }
.column1.column1-activity.column-white .submenu a.active:hover, .column1.column1-activity.column-white .submenu a.active:active, .column1.column1-activity.column-white .submenu a.active:focus {
text-decoration: none;
background-color: #fff; }
.column1.column1-activity.column-white .submenu a.uk-button.uk-button-primary {
min-width: 200px;
width: 100%;
margin-bottom: 1rem; }
.column1.column1-activity.column1-education {
background: #b5e3e5; }
@media screen and (max-width: 960px) {
.column1.column1-activity.column1-education {
padding-top: 15rem; } }
.column1 h1 {
font-size: 3rem;
margin-bottom: 45px;
line-height: 3.4rem;
margin-top: 0px;
letter-spacing: -.6px;
color: #00a1ab; }
@media screen and (max-width: 959px) {
.column1 h1 {
font-size: 2.2rem;
line-height: 2.5rem;
margin-top: 0px;
margin-bottom: 20px; } }
.column1 h1.listing-title {
font-size: 2.8rem;
margin-top: 0rem;
line-height: 2.8rem;
margin-bottom: 10px; }
.column1 h2 {
font-size: 21px;
margin-bottom: 0.2rem;
line-height: 26px;
color: #00a1ab;
margin-top: 30px; }
@media screen and (max-width: 768px) {
.column1 h2 {
font-size: 18px; } }
.column1 h3 {
font-size: 18px;
margin-bottom: 0;
margin-top: 30px;
color: #00a1ab;
letter-spacing: -0.4px; }
.column1 .onderschrift {
font-style: italic;
font-size: 14px;
margin-top: 3px; }
.column1 p {
margin: 0 0 26px 0;
font-size: 17px; }
@media screen and (max-width: 1400px) {
.column1 p {
font-size: 17px;
line-height: 1.5em; } }
.column1 p.archive-entry {
margin: 1rem 0;
font-size: 18px;
line-height: 20px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
letter-spacing: -.7px; }
.column1 p.archive-entry span {
text-transform: uppercase;
font-size: 12px;
letter-spacing: .2px;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: .2px; }
.column1 p.archive-entry a {
border-bottom: 0; }
.column1 p.archive-entry a:hover, .column1 p.archive-entry a:active, .column1 p.archive-entry a:focus {
border-bottom: 1px solid #070707; }
.column1 a:hover p {
background-color: #00a1ab; }
.column1 p.meta-date {
margin-bottom: 0px;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
font-size: 13px;
letter-spacing: .5px;
margin-top: 0; }
.column1.column-white {
background-color: #d0ecf0; }
.column1.column-white .meta-category.meta-category-crumb {
background: #ffcf00; }
.column1.column-white .meta-category.meta-category-crumb a {
color: #070707;
background: #d0ecf0; }
.column1.column-white .meta-category.meta-category-crumb a:hover, .column1.column-white .meta-category.meta-category-crumb a:focus, .column1.column-white .meta-category.meta-category-crumb a:active {
background: #ffcf00; }
.column1 a {
color: #070707;
text-decoration: none;
border-bottom: 1px solid #070707; }
.column1 a:hover, .column1 a:focus, .column1 a:active {
background: #83cdd4;
text-decoration: none; }
.column1 a.uk-button {
text-decoration: none; }
.column1 .wp-block-lazyblock-twee-afb a:hover p, .column1 .wp-block-lazyblock-twee-afb a:focus p, .column1 .wp-block-lazyblock-twee-afb a:active p {
background: #fff !important; }
.column2 {
padding: 3rem 3rem 3rem 3rem;
font-size: 15.5px;
line-height: 23px;
background: #d0ecf0;
margin-bottom: 5rem !important; }
@media screen and (max-width: 960px) {
.column2 {
padding: 3rem; } }
.column2 p {
margin-top: 0; }
.column2 a {
border-bottom: 1px solid #070707;
color: #070707; }
.column2 a:hover, .column2 a:focus, .column2 a:active {
background-color: #83cdd4;
text-decoration: none; }
.column2 a.blok-link:hover, .column2 a.blok-link:focus, .column2 a.blok-link:active {
background-color: #fff;
text-decoration: none; }
.column2 ul li {
list-style-type: square; }
.column2 .uk-panel {
background: #fff;
position: relative; }
.column2 .uk-panel.panel-white {
background: #fff; }
.column2 .uk-panel a {
display: block;
height: 100% !important;
width: 100%;
text-decoration: none;
border-bottom: 0; }
.column2 .uk-panel a p.meta-date {
margin-bottom: 0rem;
margin: 2rem 2rem .5rem 2rem;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .2px;
line-height: 16px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
color: #070707; }
.column2 .uk-panel a p.meta-date.meta-date-book {
font-family: "Conv_GothamRnd-Book", sans-serif; }
.column2 .uk-panel a .buttons {
position: absolute;
color: #070707;
font-family: "Conv_GothamRnd-Medium", sans-serif;
bottom: 20px;
left: 20px;
width: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a img {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a h2, .column2 .uk-panel a h3 {
font-size: 1.8rem;
margin: 0 2rem 6.5rem 2rem;
line-height: 2.2rem;
letter-spacing: -.6px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a:hover {
text-decoration: none;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 8px 0rgba 0, 0, 0, 0.3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a:hover img {
opacity: .9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a:hover h3 {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a:hover .buttons {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column2 .uk-panel a:hover .uk-button {
background: #00a1ab; }
.column2 p.meta-date {
margin-top: 0;
margin-bottom: 0;
text-transform: uppercase;
font-size: 13px;
line-height: 18px;
letter-spacing: .2px; }
.column2 p.meta-when {
margin-bottom: 0;
font-size: 16px;
letter-spacing: .2px;
margin-top: 5px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.column2 p.meta-when + p.meta-category {
margin-top: 0; }
.column2 p.meta-category {
font-size: 1.9rem;
color: #59c1c3;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Medium", sans-serif;
margin: 8px 0 0px 0;
line-height: 1.9rem;
letter-spacing: -.6px; }
.column2 h2, .column2 h3 {
font-size: 1.8rem;
line-height: 2.4rem;
margin-bottom: 4px;
margin-top: 35px;
letter-spacing: -0.6px;
color: #070707; }
.column2 h2.sidebar-title, .column2 h3.sidebar-title {
margin-top: 0; }
.column2 h2 a, .column2 h3 a {
color: #070707; }
.column2 h2 a:hover, .column2 h2 a:active, .column2 h2 a:focus, .column2 h3 a:hover, .column2 h3 a:active, .column2 h3 a:focus {
text-decoration: none;
color: #ffcf00; }
.column2 h2:first-child, .column2 h3:first-child {
margin-top: 0; }
@media screen and (max-width: 768px) {
.column2 > h3 {
font-size: 2.2rem;
line-height: 2.4rem; } }
.column2 h4 {
font-size: 2.2rem;
line-height: 2.4rem;
margin-bottom: 10px;
margin-top: 15px;
letter-spacing: -0.6px;
color: #070707; }
.column2 h4.withp {
margin-bottom: 4px; }
.column2 .practical-info-content.vrijveld {
margin-top: 35px; }
.column2 .dudokorg h3 {
margin-top: 3.5rem; }
.column2 .uk-panel h3 {
font-size: 2.1rem;
margin-top: .0rem;
line-height: 2.4rem;
margin-bottom: 0px;
letter-spacing: -.6px; }
.column2 .uk-panel h3 a {
color: #070707;
text-decoration: none;
border: 0; }
.column2 .uk-panel h3 a:hover, .column2 .uk-panel h3 a:focus, .column2 .uk-panel h3 a:active {
background: transparent;
border-bottom: 0;
color: #00a1ab; }
@media screen and (min-width: 480px) and (max-width: 1450px) {
.column2 .uk-panel h3 {
margin-bottom: 50px; } }
.column2.practical-info h3 {
font-size: 17px;
font-size: 17px;
margin-bottom: 0;
margin-top: 26px;
margin-top: 0;
letter-spacing: -.7px; }
.column2.practical-info h3.nopadding-top {
margin-top: 0; }
@media screen and (max-width: 1219px) {
.column2.practical-info h3.nopadding-top {
margin-top: 26px; } }
@media screen and (max-width: 1219px) {
.column2.practical-info h3:first-of-type {
margin-top: 26px; } }
.column2.practical-info .practical-info-content {
margin-bottom: 26px;
font-size: 17px; }
.column2.practical-info .practical-info-content .submenu {
margin-top: 0.5rem; }
.column2.practical-info .practical-info-content .submenu a {
font-size: 15px;
color: #070707;
display: inline-block;
padding: 0.1rem .2rem;
border-bottom: 0; }
.column2.practical-info .practical-info-content .submenu a::before {
font-family: "FontAwesome";
content: "\f105";
margin-right: .6rem; }
.column2.practical-info .practical-info-content .submenu a:hover, .column2.practical-info .practical-info-content .submenu a:active, .column2.practical-info .practical-info-content .submenu a:focus {
text-decoration: none;
background-color: #83cdd4; }
.column2.practical-info .practical-info-content .submenu a.active {
color: #ffcf00; }
.column2.practical-info .practical-info-content .submenu a.active:hover, .column2.practical-info .practical-info-content .submenu a.active:active, .column2.practical-info .practical-info-content .submenu a.active:focus {
text-decoration: none;
background-color: #fff; }
.column2.practical-info .practical-info-content .submenu a.uk-button.uk-button-primary {
min-width: 200px;
width: 100%;
margin-bottom: 1rem; }
.column2.practical-info .practical-info-content.vrijveld h3 {
margin-top: 24px; }
.column2.practical-info .practical-info-content.vrijveld h3 + p {
margin-top: 0; }
.column2 .buttons {
position: absolute;
bottom: 0px;
left: 15px; }
@media screen and (min-width: 480px) and (max-width: 1450px) {
.column2 .buttons {
bottom: 20px;
left: 20px; } }
@media screen and (max-width: 479px) {
.column2 .buttons {
position: relative;
margin-top: 20px;
left: 0px; } }
.column2 .ongoing-act .uk-panel {
position: relative; }
.column2 .ongoing-act .uk-panel a.blok-link {
display: block;
height: 100%;
position: relative; }
.column2 .ongoing-act .uk-panel .meta-date {
font-family: "Conv_GothamRnd-Book", sans-serif; }
.column2 .ongoing-act .uk-panel h3 {
margin-bottom: 6.5rem;
margin-bottom: 0; }
.column2 .ongoing-act .uk-panel h3 + p.meta-date {
margin-bottom: 6.5rem; }
.column2 .ongoing-act .uk-panel .meta-date.meta-date-book {
margin-bottom: 6.5rem;
margin-top: 0; }
.single-activiteit .column2 {
background: #d0ecf0;
margin-bottom: 4rem; }
.column-news .show1 .meta-date, .column-practical-info .show1 .meta-date {
text-transform: uppercase;
line-height: 1.4em; }
.column-news .show2 .meta-date, .column-practical-info .show2 .meta-date {
margin-top: .5rem;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: -.6rem; }
.column-news .show2 .meta-category, .column-practical-info .show2 .meta-category {
margin-top: 4px; }
body.single-post .slideshow-wrapper {
overflow: hidden; }
body.single-post .slideshow-wrapper + .column-inner {
padding-top: 0;
margin-top: -2.4rem;
z-index: 10;
position: relative;
overflow: hidden; }
.uk-slideshow-items li .onderschrift {
color: #fff;
font-family: "Conv_GothamRnd-Medium", sans-serif;
background: rgba(0, 0, 0, 0.5);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 19%, black 100%);
position: absolute;
left: 0px;
bottom: 3.4rem;
padding: 2rem 2rem 1rem 2rem;
width: 100%;
min-height: 25px; }
.videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0; }
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
p#breadcrumbs {
margin-bottom: 4rem;
color: #666;
font-size: 13px; }
@media screen and (max-width: 960px) {
p#breadcrumbs {
padding: 0rem 2rem 0rem 0rem; } }
p#breadcrumbs a {
color: #00a1ab;
text-decoration: none;
border-bottom: 0; }
p#breadcrumbs a:hover, p#breadcrumbs a:active, p#breadcrumbs a:focus {
color: #00a1ab;
background-color: #fff;
border-bottom: 1px solid #00a1ab;
text-decoration: none; }
.home-slider .uk-overlay {
background: rgba(0, 0, 0, 0.1);
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0592437659) 83%, rgba(0, 0, 0, 0.5466387238) 100%);
padding-right: 100px; }
@media screen and (max-width: 1600px) {
.home-slider .uk-overlay {
padding-right: 60px; } }
@media screen and (max-width: 960px) {
.home-slider .uk-overlay {
padding-right: 30px; } }
.home-slider .uk-overlay .overlay-wrapper {
padding-top: 1rem; }
.home-slider .uk-overlay a h3 {
color: #fff;
margin: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.home-slider .uk-overlay a p {
color: #fff;
margin: 4px 0 0 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.home-slider .uk-overlay a:hover, .home-slider .uk-overlay a:active, .home-slider .uk-overlay a:focus {
text-decoration: none; }
.home-slider .uk-overlay a:hover h3, .home-slider .uk-overlay a:hover p, .home-slider .uk-overlay a:active h3, .home-slider .uk-overlay a:active p, .home-slider .uk-overlay a:focus h3, .home-slider .uk-overlay a:focus p {
color: #ffcf00;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.scrolldown {
position: absolute;
bottom: -50px;
left: calc(50% - 30px);
text-align: center;
height: 100px;
width: 100px;
z-index: 100; }
.scrolldown div.scrolldown-inner {
width: 100px;
height: 100px;
margin: 0rem auto;
border-radius: 200px;
background: #fff; }
.scrolldown div.scrolldown-inner a {
color: #070707; }
.scrolldown div.scrolldown-inner a:focus {
color: #070707; }
.scrolldown div.scrolldown-inner a:hover, .scrolldown div.scrolldown-inner a:active {
color: #ffcf00; }
.scrolldown div.scrolldown-inner a i {
font-size: 40px;
margin-top: 9px; }
.column-items-home {
padding: 3rem 0; }
@media screen and (max-width: 768px) {
.column-items-home {
padding: 2rem 0; } }
.column-items-home a {
display: block;
height: 100%;
width: 100%;
text-decoration: none; }
.column-items-home a p.meta-date {
margin-bottom: 0rem;
margin: 2rem 2rem .5rem 2rem;
text-transform: uppercase;
letter-spacing: .5px;
line-height: 17px;
font-size: 13px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
color: #444; }
.column-items-home a p.meta-date.meta-date-book {
font-family: "Conv_GothamRnd-Book", sans-serif; }
.column-items-home a .buttons {
position: absolute;
color: #070707;
font-family: "Conv_GothamRnd-Medium", sans-serif;
bottom: 20px;
left: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a img {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a p.meta-date + p.meta-category {
margin-bottom: 0; }
.column-items-home a p.meta-category + p.meta-date {
margin-top: 0; }
.column-items-home a p.meta-category + h3 {
margin-bottom: 0; }
.column-items-home a h3 {
color: #00a1ab; }
.column-items-home a h3 + p.meta-date {
margin-bottom: 6.5rem;
margin-top: 4px; }
.column-items-home p.more-button a {
width: auto;
min-width: 200px;
display: inline-block; }
.column-items-home p.more-button a:hover, .column-items-home p.more-button a:active, .column-items-home p.more-button a:focus {
color: #00a1ab;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.column-items-home a:hover {
text-decoration: none;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a:hover img {
opacity: .9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a:hover h3 {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a:hover .buttons {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home a:hover .uk-button {
background: transparent;
color: #00a1ab; }
.column-items-home a:hover p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home .contact-info a {
color: #000;
text-decoration: none;
border-bottom: 1px solid #83cdd4; }
.column-items-home .contact-info a:hover, .column-items-home .contact-info a:active, .column-items-home .contact-info a:focus {
background: #83cdd4;
text-decoration: none;
border-bottom: 1px solid #83cdd4; }
.column-items-home h1 {
font-size: 2.8rem;
margin-top: 0rem;
line-height: 2.8rem;
margin-bottom: 10px;
letter-spacing: -.6px; }
@media screen and (max-width: 768px) {
.column-items-home h1 {
font-size: 2.2rem;
line-height: 2.4rem; } }
.column-items-home .uk-panel {
background: #e7f5f7; }
.column-items-home .uk-panel h2 {
font-size: 2.3rem;
margin-top: 0rem;
line-height: 2.6rem;
margin-bottom: 10px; }
.column-items-home .uk-panel h3 {
font-size: 2rem;
margin-bottom: 65px;
margin: 0rem 2rem 6.5rem 2rem;
line-height: 2.3rem;
letter-spacing: -.4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #070707; }
.column-items-home .uk-panel h3 a {
color: #000; }
.column-items-home .uk-panel h3 a:hover, .column-items-home .uk-panel h3 a:active, .column-items-home .uk-panel h3 a:focus {
color: #00a1ab;
text-decoration: none; }
@media screen and (max-width: 1500px) {
.column-items-home .uk-panel h3 {
font-size: 2.1rem;
line-height: 2.4rem; } }
.column-items-home .uk-panel p.meta-date {
margin-bottom: 6.5rem;
margin-top: 4px;
text-transform: uppercase;
font-size: 14px;
letter-spacing: .2px;
line-height: 16px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.column-items-home .uk-panel p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items-home .uk-panel .buttons {
position: absolute;
bottom: 20px;
left: 20px; }
.column-items-home.home-contact .uk-panel.contact-info {
padding-bottom: 65px; }
.row-container-home {
padding: 6rem 0; }
@media screen and (max-width: 1200px) {
.row-container-home {
padding: 4rem 0; } }
.row-light-blue {
background-color: #d0ecf0; }
.row-light-blue .uk-panel {
background: #fff; }
.row-blue {
background-color: #b5e3e5; }
.row-blue .uk-panel {
background: #fff; }
.column-news {
background: #b5e3e5; }
.column-news .show1 .meta-date {
text-transform: uppercase;
line-height: 1.4em; }
.column-news .show2 .meta-date {
margin-top: .5rem;
text-transform: uppercase;
line-height: 1.4em;
margin-bottom: -.6rem; }
.column-news .show2 .meta-category {
margin-top: 4px; }
.column-items {
background-color: transparent;
min-height: 100vh;
padding: 1.7rem 0rem 4rem 0rem; }
.column-items.column-items-row {
background-color: #d0ecf0;
padding: 4rem 0rem 1rem 0rem; }
.column-items.column-items-row .heading h2 {
font-size: 2.2rem;
line-height: 2.4rem; }
.column-items.column-objectitems {
background-color: #83cdd4; }
.column-items.column-objectitems.background-lighter {
background-color: #b5e3e5; }
.column-items.background-light {
background: #83cdd4; }
.column-items.background-lighter {
background: #b5e3e5; }
.column-items.background-lightest {
background-color: #d0ecf0; }
@media screen and (max-width: 960px) {
.column-items {
padding: 2rem 0rem 3rem 0rem; } }
.column-items h1 {
margin-bottom: 30px;
margin-top: 0px; }
.column-items h1.listing-title {
font-size: 2.8rem;
margin-bottom: 15px;
line-height: 3rem;
margin-top: 2.5rem;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
@media screen and (max-width: 959px) {
.column-items h1.listing-title {
font-size: 2.2rem;
line-height: 2.5rem; } }
@media screen and (max-width: 767px) {
.column-items h1.listing-title {
font-size: 2.2rem;
line-height: 2.5rem; } }
.column-items .uk-panel {
background: #fff; }
.column-items .uk-panel a {
display: block;
height: 100%;
width: 100%;
text-decoration: none; }
.column-items .uk-panel a p.meta-date {
margin-bottom: 0rem;
margin: 2rem 2rem .5rem 2rem;
text-transform: uppercase;
letter-spacing: .5px;
line-height: 17px;
font-size: 13px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
color: #444; }
.column-items .uk-panel a p.meta-date.meta-date-book {
font-family: "Conv_GothamRnd-Book", sans-serif; }
.column-items .uk-panel a p.meta-date.meta-date-book.videos {
margin-bottom: 2rem; }
.column-items .uk-panel a p.meta-date.meta-date-book.uitspraken {
margin-bottom: .5rem;
text-transform: none;
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
margin-top: 0; }
.column-items .uk-panel a p.meta-date.meta-date-book.toelichting {
margin-bottom: 2.5rem;
text-transform: none;
font-size: 15px;
line-height: 22px;
letter-spacing: 0;
margin-top: 0; }
.column-items .uk-panel a .buttons {
position: absolute;
color: #070707;
font-family: "Conv_GothamRnd-Medium", sans-serif;
bottom: 20px;
left: 20px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a img {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a p.meta-date + p.meta-category {
margin-bottom: 0; }
.column-items .uk-panel a p.meta-category + p.meta-date {
margin-top: 0; }
.column-items .uk-panel a p.meta-category + h3 {
margin-bottom: 0; }
.column-items .uk-panel a h3 + p.meta-date {
margin-bottom: 6.5rem;
margin-top: 4px; }
.column-items .uk-panel a:hover {
text-decoration: none;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a:hover img {
opacity: .9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a:hover h3 {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a:hover .buttons {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a:hover .uk-button {
background: #00a1ab; }
.column-items .uk-panel a:hover p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a.no-link:hover {
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: default;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a.no-link:hover img {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a.no-link:hover h3 {
color: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a.no-link:hover .buttons {
color: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel a.no-link:hover .uk-button {
background: #00a1ab; }
.column-items .uk-panel a.no-link:hover p.meta-category {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin: 2rem 2rem 0rem 2rem;
padding: 0px 0px 14px 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.column-items .uk-panel h3 {
font-size: 2rem;
margin-bottom: 65px;
margin: 0rem 2rem 5.5rem 2rem;
line-height: 2.3rem;
letter-spacing: -.4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #070707; }
.column-items .uk-panel h3 a {
color: #000; }
.column-items .uk-panel h3 a:hover, .column-items .uk-panel h3 a:active, .column-items .uk-panel h3 a:focus {
color: #00a1ab;
text-decoration: none; }
@media screen and (max-width: 1500px) {
.column-items .uk-panel h3 {
font-size: 2.1rem;
line-height: 2.4rem; } }
.column-items.column-items-white {
background-color: #fff; }
.column-items.column-items-white .uk-panel {
background: #b5e3e5; }
.first-column {
background: #fff; }
nav.navigation.pagination {
clear: both;
display: block;
margin-top: 40px; }
nav.navigation.pagination .screen-reader-text {
display: none; }
nav.navigation.pagination .page-numbers {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
color: #070707; }
nav.navigation.pagination .page-numbers:hover {
background: #d0ecf0;
color: #070707;
text-decoration: none; }
nav.navigation.pagination .page-numbers.current {
background: #59c1c3;
color: #fff; }
.archive .column-items .uk-panel h3, .page-template-page-omd-onderdelen .column-items .uk-panel h3 {
margin: 2rem 2rem 0 2rem; }
.archive h1 a, .page-template-page-omd-onderdelen h1 a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #070707;
border-bottom: 1px solid #070707; }
.archive h1 a:hover, .archive h1 a:focus, .archive h1 a:active, .page-template-page-omd-onderdelen h1 a:hover, .page-template-page-omd-onderdelen h1 a:focus, .page-template-page-omd-onderdelen h1 a:active {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
background-color: #59c1c3;
text-decoration: none; }
.agenda-dates {
border-top: 1px solid #a9dce1;
padding-top: 1.5rem; }
.agenda-dates:last-of-type {
border-bottom: 1px solid #a9dce1;
margin-bottom: 5rem; }
.agenda-dates .agenda-date {
font-family: "Conv_GothamRnd-Medium", sans-serif;
font-size: 20px;
line-height: 22px;
margin-top: 1.5rem;
margin-right: 20px; }
@media screen and (max-width: 768px) {
.agenda-dates .agenda-date {
font-size: 17px;
line-height: 20px;
margin-right: 10px; } }
@media screen and (max-width: 639px) {
.agenda-dates .agenda-date {
margin-bottom: 10px;
margin-top: 0rem; } }
.agenda-dates .agenda-date span {
display: block; }
@media screen and (max-width: 639px) {
.agenda-dates .agenda-date span {
display: inline; } }
.agenda-dates .agenda-date span.date-nr {
font-size: 43px;
display: block;
line-height: 36px; }
@media screen and (max-width: 768px) {
.agenda-dates .agenda-date span.date-nr {
font-size: 37px;
line-height: 30px; } }
@media screen and (max-width: 639px) {
.agenda-dates .agenda-date span.date-nr {
display: inline;
font-size: 20px;
line-height: 22px; } }
.agenda-dates .agenda-items-wrapper {
background: #fff;
margin-bottom: 1.5rem; }
@media screen and (max-width: 639px) {
.agenda-dates .agenda-items-wrapper {
margin-right: 0; } }
.agenda-dates .agenda-items-wrapper a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a .wwrap {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a .agenda-item-image-wrap .panel-agenda-image {
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a .agenda-item-image-wrap .panel-agenda-image .image-inner {
height: 100%; }
@media screen and (max-width: 639px) {
.agenda-dates .agenda-items-wrapper a .agenda-item-image-wrap .panel-agenda-image .image-inner {
height: 250px; } }
@media screen and (max-width: 480px) {
.agenda-dates .agenda-items-wrapper a .agenda-item-image-wrap .panel-agenda-image .image-inner {
height: 150px; } }
.agenda-dates .agenda-items-wrapper a .panel-agenda-info {
padding: 2rem; }
.agenda-dates .agenda-items-wrapper a .panel-agenda-info .agenda-cat {
color: #070707;
text-transform: uppercase;
font-family: "Conv_GothamRnd-Book", sans-serif;
letter-spacing: 1px;
line-height: 17px;
font-size: 13px;
margin-bottom: 0rem;
padding: 0px 0px 5px 0; }
.agenda-dates .agenda-items-wrapper a .panel-agenda-info .agenda-title {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
font-size: 2rem;
margin: 0 0 1.5rem 0;
line-height: 2.13rem;
letter-spacing: -.4px;
color: #070707;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.agenda-dates .agenda-items-wrapper a .panel-agenda-info .read-more {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a:hover, .agenda-dates .agenda-items-wrapper a:focus, .agenda-dates .agenda-items-wrapper a:active {
text-decoration: none; }
.agenda-dates .agenda-items-wrapper a:hover .wwrap, .agenda-dates .agenda-items-wrapper a:focus .wwrap, .agenda-dates .agenda-items-wrapper a:active .wwrap {
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a:hover .panel-agenda-image, .agenda-dates .agenda-items-wrapper a:focus .panel-agenda-image, .agenda-dates .agenda-items-wrapper a:active .panel-agenda-image {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: .9; }
.agenda-dates .agenda-items-wrapper a:hover p, .agenda-dates .agenda-items-wrapper a:focus p, .agenda-dates .agenda-items-wrapper a:active p {
background: none; }
.agenda-dates .agenda-items-wrapper a:hover .agenda-title, .agenda-dates .agenda-items-wrapper a:focus .agenda-title, .agenda-dates .agenda-items-wrapper a:active .agenda-title {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-dates .agenda-items-wrapper a:hover .read-more, .agenda-dates .agenda-items-wrapper a:focus .read-more, .agenda-dates .agenda-items-wrapper a:active .read-more {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
body.page-template-page-agenda .page-container {
background: #d0ecf0;
min-height: 100vh; }
body.page-template-page-agenda .column2 {
background: #b5e3e5; }
.agenda {
background: transparent;
padding-top: 1.7rem; }
.agenda .agenda-general-content h1 {
color: #070707;
margin-top: 1.5rem;
margin-bottom: 2rem; }
.agenda-slider {
position: relative; }
.agenda-slider .agenda-nav {
height: 60px; }
.agenda-slider .agenda-nav a {
background: #d0ecf0;
border: 0;
margin-left: 0;
margin-right: 0; }
.agenda-slider .agenda-nav a svg {
width: 16px;
color: #070707;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-slider .agenda-nav a svg:hover, .agenda-slider .agenda-nav a svg:active, .agenda-slider .agenda-nav a svg:focus {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.agenda-slider .agenda-nav a:hover, .agenda-slider .agenda-nav a:active, .agenda-slider .agenda-nav a:focus {
background: #d0ecf0;
border: 0; }
.agenda-slider .agenda-nav .prev {
position: absolute;
top: 0px !important;
height: 30px; }
.agenda-slider .agenda-nav .next {
position: absolute;
top: 0px !important;
height: 30px; }
.agenda-slider ul li {
list-style-type: none;
padding-top: 60px; }
.agenda-slider ul li h3 {
color: #070707;
font-size: 26px;
padding-bottom: 20px;
padding-top: 35px;
position: absolute;
top: 0; }
a.offcanvas-toggle {
font-family: "Conv_GothamRnd-Medium", sans-serif; }
#doorlopend.uk-offcanvas-overlay {
background: rgba(0, 0, 0, 0.5) !important; }
#doorlopend .uk-offcanvas-bar {
background: #46babc;
width: 90%; }
#doorlopend .uk-offcanvas-bar .uk-close {
top: 32px;
color: white; }
#doorlopend .uk-offcanvas-bar .uk-close svg {
width: 25px; }
#doorlopend .uk-offcanvas-bar h4 {
margin-bottom: 0px;
font-size: 2.2rem;
margin-top: 15px;
letter-spacing: -.6px; }
#doorlopend .uk-offcanvas-bar h4 + p {
margin-top: 0;
margin-bottom: 15px; }
#doorlopend .uk-offcanvas-bar .uk-panel {
background: #fff;
color: #070707;
padding-bottom: 4rem;
position: relative; }
#doorlopend .uk-offcanvas-bar .uk-panel:hover {
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link {
display: block;
height: 100%;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link img {
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link .meta-date {
color: #070707;
margin: 2rem 2rem .5rem 2rem;
text-transform: uppercase;
letter-spacing: .2px;
font-size: 14px;
line-height: 16px; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link h3 {
font-size: 2rem;
margin-bottom: 0;
margin: 0rem 2rem 0rem 2rem;
line-height: 2.3rem;
letter-spacing: -.4px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #070707; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link h3 + p.meta-date {
margin-bottom: 2rem;
margin-top: 0; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link h3.meta-date.meta-date-book {
margin-bottom: 2rem;
margin-top: 0; }
#doorlopend .uk-offcanvas-bar .uk-panel a.blok-link .buttons {
color: #070707;
position: absolute;
bottom: 2rem;
left: 2rem;
font-family: "Conv_GothamRnd-Medium", sans-serif;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a:hover, #doorlopend .uk-offcanvas-bar .uk-panel:focus, #doorlopend .uk-offcanvas-bar .uk-panel:active {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a:hover img, #doorlopend .uk-offcanvas-bar .uk-panel:focus img, #doorlopend .uk-offcanvas-bar .uk-panel:active img {
opacity: .9;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a:hover h3, #doorlopend .uk-offcanvas-bar .uk-panel:focus h3, #doorlopend .uk-offcanvas-bar .uk-panel:active h3 {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
#doorlopend .uk-offcanvas-bar .uk-panel a:hover .buttons, #doorlopend .uk-offcanvas-bar .uk-panel:focus .buttons, #doorlopend .uk-offcanvas-bar .uk-panel:active .buttons {
color: #00a1ab;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
.wp-block-image figcaption {
font-style: italic;
font-size: 13px;
margin-top: 3px !important;
margin-bottom: 20px !important; }
.uk-height-medium {
height: 500px; }
@media screen and (max-width: 480px) {
.wp-block-buttons .wp-block-button {
width: 100%;
display: block !important; } }
.wp-block-buttons .wp-block-button a.wp-block-button__link {
font-family: "Conv_GothamRnd-Medium", sans-serif;
padding: 12px 20px;
min-width: 200px;
margin: 5px 0px 5px 0px;
letter-spacing: .3px;
font-size: 16px;
line-height: 23px;
background: #00a1ab;
color: #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-transform: uppercase;
border: 0; }
.wp-block-buttons .wp-block-button a.wp-block-button__link::after {
content: " »"; }
@media screen and (max-width: 480px) {
.wp-block-buttons .wp-block-button a.wp-block-button__link {
width: calc(100% - 4rem); } }
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover, .wp-block-buttons .wp-block-button a.wp-block-button__link:focus, .wp-block-buttons .wp-block-button a.wp-block-button__link:active {
background: #00939c;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
body.search .header-info-search {
margin-bottom: 5rem; }
body.search .header-info-search h1 {
margin-bottom: 0; }
body.search .search-result {
padding: 2rem 0;
border-bottom: 1px solid #eee; }
body.search .search-result strong {
color: #00a1ab; }
body.search .search-result h3 {
margin-top: 0; }
.form-wrapper {
background: #b5e3e5;
padding: 30px 30px 40px 30px; }
.form-wrapper .form-inner {
margin: 0 auto;
width: 100%; }
.form-wrapper .form-inner label {
box-sizing: content-box;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.form-wrapper .form-inner label span.wpcf7-not-valid-tip {
color: #00a1ab;
font-size: 16px; }
.form-wrapper .form-inner input[type=text], .form-wrapper .form-inner input[type=email] {
width: 100%;
background: #fff;
border: 1px solid #fff;
padding: 10px;
font-family: "Conv_GothamRnd-Book", sans-serif;
-webkit-appearance: none;
background: #fff;
margin: 0rem 0;
font-size: 15px;
display: block;
box-sizing: border-box; }
.form-wrapper .form-inner input[type=text]::placeholder, .form-wrapper .form-inner input[type=email]::placeholder {
color: #545454;
font-size: 15px; }
.form-wrapper .wpcf7-response-output {
border-color: #ffcf00 !important;
background: #fff;
margin: 0 0 4rem 0 !important;
padding: 7px 20px !important; }
form input[type=submit] {
margin-top: 2rem;
font-family: "Conv_GothamRnd-Medium", sans-serif;
color: #070707;
border-bottom: 1px solid #83cdd4;
font-size: 18px;
padding: 2px; }
form input[type=submit]:focus, form input[type=submit]:hover, form input[type=submit]:active {
background: #83cdd4; }
@media screen and (max-width: 959px) {
.single-werken-dudok .column1 .column-inner, .single-andere-werken .column1 .column-inner, .single-activiteit .column1 .column-inner, .single-onderdeel .column1 .column-inner, .single-educatie-item .column1 .column-inner {
padding-top: 5px; }
.single-werken-dudok .column1 .column-inner .credits-image, .single-andere-werken .column1 .column-inner .credits-image, .single-activiteit .column1 .column-inner .credits-image, .single-onderdeel .column1 .column-inner .credits-image, .single-educatie-item .column1 .column-inner .credits-image {
text-align: right;
font-size: 12px;
font-style: italic;
margin: 0 !important; }
.single-werken-dudok .column2, .single-andere-werken .column2, .single-activiteit .column2, .single-onderdeel .column2, .single-educatie-item .column2 {
padding-top: 10px; }
.single-werken-dudok .column2 h3:first-child, .single-andere-werken .column2 h3:first-child, .single-activiteit .column2 h3:first-child, .single-onderdeel .column2 h3:first-child, .single-educatie-item .column2 h3:first-child {
margin-top: 30px; }
.single-werken-dudok .column2 .credits-image, .single-andere-werken .column2 .credits-image, .single-activiteit .column2 .credits-image, .single-onderdeel .column2 .credits-image, .single-educatie-item .column2 .credits-image {
display: none; } }
@media screen and (min-width: 960px) {
.single-werken-dudok .column2, .single-andere-werken .column2, .single-activiteit .column2, .single-onderdeel .column2, .single-educatie-item .column2 {
padding-top: 10px; }
.single-werken-dudok .column2 h3:first-child, .single-andere-werken .column2 h3:first-child, .single-activiteit .column2 h3:first-child, .single-onderdeel .column2 h3:first-child, .single-educatie-item .column2 h3:first-child {
margin-top: 30px; }
.single-werken-dudok .column2 .credits-image, .single-andere-werken .column2 .credits-image, .single-activiteit .column2 .credits-image, .single-onderdeel .column2 .credits-image, .single-educatie-item .column2 .credits-image {
text-align: right;
font-size: 12px;
font-style: italic;
margin: 0 !important; }
.single-werken-dudok .column2 .credits-image + h3, .single-andere-werken .column2 .credits-image + h3, .single-activiteit .column2 .credits-image + h3, .single-onderdeel .column2 .credits-image + h3, .single-educatie-item .column2 .credits-image + h3 {
margin-top: 15px; }
.single-werken-dudok .column1 .credits-image, .single-andere-werken .column1 .credits-image, .single-activiteit .column1 .credits-image, .single-onderdeel .column1 .credits-image, .single-educatie-item .column1 .credits-image {
display: none; } }
.uk-cover.cover-top-left {
left: 0;
top: 0;
transform: translate(0, 0); }
.uk-cover.cover-top-right {
left: 100%;
top: 0;
transform: translate(-100%, 0); }
.uk-cover.cover-top-center {
left: 50%;
top: 0;
transform: translate(-50%, 0); }
.uk-cover.cover-center-left {
left: 0;
top: 50%;
transform: translate(0, -50%); }
.uk-cover.cover-center-right {
left: auto;
right: 0;
top: 50%;
transform: translate(0, -50%); }
.uk-cover.cover-bottom-left {
left: 0;
top: auto;
bottom: 0;
transform: translate(0%, 0); }
.uk-cover.cover-bottom-center {
left: 50%;
top: auto;
bottom: 0;
transform: translate(-50%, 0); }
.uk-cover.cover-bottom-right {
left: auto;
right: 0;
top: auto;
bottom: 0;
transform: translate(0, 0); }
.agendanw-wrap h3 {
font-size: 3rem;
margin-bottom: 15px !important;
line-height: 3rem;
margin-top: 0rem;
letter-spacing: -1px;
color: #008992;
font-weight: 400; }
.tickets-button-wrap {
position: fixed;
bottom: 7rem;
right: 10rem; }
@media screen and (max-width: 1600px) {
.tickets-button-wrap {
right: 60px; } }
@media screen and (max-width: 960px) {
.tickets-button-wrap {
right: 30px; } }
.tickets-button-wrap a {
color: #fff;
background: #00a1ab;
background-color: #3ea9ab;
padding: 10px 10px;
text-transform: uppercase;
letter-spacing: .1px;
font-size: 14px;
font-family: "Conv_GothamRnd-Medium", sans-serif;
border: 1px solid #fff; }
.tickets-button-wrap a:hover, .tickets-button-wrap a:focus, .tickets-button-wrap a:active {
text-decoration: none;
background-color: #070707; }
@media screen and (max-width: 640px) {
.tickets-button-wrap {
display: none; } }
.archive-omd h2 {
margin-top: 2rem;
font-size: 2.4rem; }
.omd-past {
margin-top: 1.5rem !important; }
.row-archive {
background-color: #d0ecf0; }
.fotowedstrijd textarea {
background: #fff;
height: 100px;
width: 100%;
padding: 10px;
font-family: "Conv_GothamRnd-Book", sans-serif;
margin: 0rem 0;
font-size: 15px;
display: block;
box-sizing: border-box; }
.fotowedstrijd .codedropz-upload-wrapper h6 {
font-size: 24px;
margin-bottom: 0; }
.fotowedstrijd .codedropz-upload-wrapper .codedropz-upload-handler {
background: #fff;
margin-top: 20px;
margin-bottom: 0; }
.fotowedstrijd span.wpcf7-not-valid-tip {
color: #00a1ab;
font-size: 16px;
font-family: "Conv_GothamRnd-Medium", sans-serif; }
.dnd-upload-status .dnd-upload-details .name span {
font-weight: bold !important; }
.fotowedstrijd .wpcf7-response-output {
margin-bottom: 1rem !important; }