body, p, h1, h2, h3, h4 {
    font-family: "Ysabeau Infant", sans-serif;
    font-size:20px;
}

h2 {
    font-size: 1.3em;
    font-weight: normal;
}

@media screen and (max-width:580px) {
    h2 {
        font-size: 1em;
        font-style: italic;
    }
}

body {
    background-color: #2F5792;
}

.container-all {
    background-color: transparent;
    background-image: url("../images/IMG_0707_verkleind.jpg");
    background-position-y: bottom;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index:1;
}

@media screen and (max-width: 991px) {
    .container-all {
        background-position-x: left;
        background-image: url("../images/IMG_0707_mobile.jpg");
    }
}


.fa-solid {
    font-size: 0.6em;
}

a, a:not([class]) {
    color: #2F5792;
    text-decoration: none;
}

main a, main > a:not([class]) {
    font-weight: 600;
}

.grid-child.container-nav,
.grid-child.container-top-a{
    padding-bottom: 0;
}

.container-header,
.sidebar-right.card {
    background-color: transparent;
    background-image: none;
    border-radius: 0px !important;
}


.top-a.no-card.header,
.top-b.no-card.page-title
{
    width:100%;
    background-color: transparent !important;
    padding:0;
    margin: 0;
    color: #ffffff;
}

.logo-klein {
    margin-right:8px;
}

.top-a.no-card.header h3 {
    padding-top: 8px;
}

.top-a.no-card.header h3,
.top-a.no-card.header #hamburger {
    font-size: 40px;
}

@media screen and (max-width: 500px) {
    .top-a.no-card.header h3,
    .top-a.no-card.header #hamburger {
        font-size: 30px;
    }
}

.top-a.no-card.header a {
    color: #ffffff;
    text-decoration:none;
}

.no-card.module h3 {

}

@media screen and (min-width: 992px) {
    #hamburger {
        display:none;
    }
}

@media screen and (max-width: 991px) {
    .card.menu{
        display:none;
    }
}

.com-content-article figure {
    padding: 6px;
    margin-bottom:0;
    text-align: center;
}

.itemid-102 .com-content-article figure,
.itemid-133 .com-content-article figure{
    /* portfolio en demo koppelingen */
    border-bottom: 2px solid #eee;
}

.itemid-102 .main-bottom .portfolio h3,
.itemid-133 .main-bottom .portfolio h3{
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.itemid-115 .com-content-article figure img {
    /* portfolio item image */
    display:block;
    width: 74%;
    margin: 14px auto;
    box-shadow: 1px 3px 12px #2F5792;
}

.itemid-115 .com-content-article h3 {
    /* portfolio item heading */
    margin-left: 14px;
}

.itemid-115 .com-content-article ul {
    /* portfolio item list */
    margin-bottom: 0;
}

figcaption {
    padding: 0px 6px;
    color:#22262a;
}

.itemid-115 .com-content-article figcaption,
.itemid-134 .module.recent-items h3{
    font-size: 1.5em;
    font-weight:normal;
    text-align:center;
}

.itemid-134 .module.recent-items p {
    padding-left: 0;
    padding-right: 0;
}

.logo-span {
    /* portfolio */
    display: inline-block;
    background-color: #ffffff;
    padding: 6px;

}

.com-content-article__body,
.main-bottom,
.sidebar-right.card {
    padding: 20px;
    border: 3px solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.65);
}


.main-bottom.module {
    border:none;
}


.com_content.itemid-102 .main-bottom,
.com_content.itemid-133 .main-bottom{
    /* portfolio & demo koppelingen slider */
    padding:0px;

}

.com_content.itemid-102 .main-bottom.no-card,
.com_content.itemid-133 .main-bottom.no-card{
    /* portfolio & demo koppelingen slider */
    padding:0px;
    background-color: #2F5792;
    padding:6px;
    border:none;
}

.sidebar-right.card ul {
    background-color: rgba(255, 255, 255, 0.5);
}

p {
    padding: 14px 14px 7px 14px;
    margin-bottom:0px;
}

ul {
    padding: 14px;
}

li {
    margin-left: 12px;
}

.bg-body {
    padding-bottom:1em;
}

.footer {
    background-color:#2F5792;
    background-image: none;
}
.footer .grid-child {
    padding-top:0;
    padding-bottom:0;
}

.footer p {
    background-color: transparent;
    border:none;
}

@media screen and (max-width:991px) {
    .footermenu .mod-list li {
        text-align: center;
    }
}

.privacy .footer {
    /* force a vertical slider to prevent different width from other pages */
    padding-bottom: 150px;
}

.back-to-top-link {
    border-radius: 0;
    right: -3px;
    border:3px solid rgba(255, 255, 255, 0.95);
    background-color: rgba(255, 255, 255, 0.85);
}

[data-modals-element="modal"][data-modals-theme="light"] [data-modals-element="overlay"] {
    backdrop-filter:none !important;
}

[data-modals-element="slides"]{
    backdrop-filter:none !important;
    background-color: rgba(255, 255, 255, 0.01);
}

.module.recent-items .row.recent-items {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 20px 14px 14px 10px;
    margin: 1px;
    box-shadow: 1px 3px 12px #2F5792;
}

.module.recent-items .item-container {
    background-color: rgba(255, 255, 255, 0.4);
    margin-bottom:20px;
    padding:2px;
}

@media screen and (max-width:520px){
    .portrait1,
    .img-container-1 {
        display:none;
    }

    .img-container-2 {
        min-height:222px;
    }
}

@media screen and (min-width:521px){
    .img-container-2,
    .portrait2 {
        display:none;
    }
}

.btn {
    border-radius:0;
}

.btn-secondary {
    background-color: rgba(255, 255, 255, 0.75);
    border:3px solid rgba(255, 255, 255, 0.95);
}

.portfolio-item .com-content-article__body {
    padding: 20px 20px 80px 20px;
}

.portfolio-item .pagenavigation {
    top: -100px;
    padding: 22px;
}