@import url("/style/custom/apeldoorn/menu.css?v1");

#mainwrapper, #footer {
    background: var(--section-bg);
}


.bottom .middle {
    justify-content: flex-end!important;
    padding-left: 0!important;
}

.link-right .free-tile {
    flex-direction: row-reverse!important;

    img {
        max-height: 36px !important;
        margin-right: 0;
    }
}

.link-left .free-tile {

    img {
        max-height: 36px !important;
        margin-left: 0;
    }

    h2 {
        text-align: right;
    }
}

.mosaic-title {
    max-width: 1398px;
    margin: 0 auto;
    padding: 0 var(--pad-sec-x-md);
}


.dashblock.colRight, .dashblock.colLeft, .dashblock.colFull.single {
    &:has(.subtheme-style) {
        grid-auto-rows: auto;
    }
}


section.subtheme-style {
    height: 145px;

    .free-tile {
        padding: 20px!important;

    }
    
    div.free-tile.free-image-text {
        flex-direction: column;
        
    }

    div.free-tile .v-align, div.free-tile div.v-align {
        height: auto;
    }

    div.w3Quarter {
        max-width: 100%;
    }

    img {
        max-height: 75%;

    }
}

.theme.line .theme__image img {
   max-height: 75%; 
}


.no-padding .free-tile {
    padding-left: 0!important;
    padding-right: 0!important;
}

section.tile.list-style div.freecontent ul {
    list-style: none;
    margin-top: 16px;
    padding: 0;
    padding-left: 0;
    line-height: 1.6;


        a {
            position: relative;
            padding-left: 20px;
            color: #000;
            font-weight: 600;
            text-decoration: none;
            font-size: 18px;

            &:hover {
                text-decoration: underline;
            }
        
            &::before {
                content: "\f054";
                font-family: 'Font Awesome 6 Pro';
                font-size: 14px;
                position: absolute;
                left: 0;
                color: var(--cl-accent);
                top: 50%;
                transform: translateY(-50%);
            }
        }
}

