.menublock.bookmarkmenu {
    padding: 0;
    
    .bookmark-wrapper {
            display: flex;
            justify-content: center;
        
        ul {
            display: grid;
            grid-auto-flow: column;
            grid-template-rows: auto;
            gap: 1rem;
            list-style: none;
            padding: 0 0 0 0;
            flex-wrap: wrap;
            margin: 2rem 0;
            
               
            
            

            @media(max-width: 767px) {
                grid-auto-flow: row;
                grid-template-columns: auto;
            }
                
            li {
                width: 300px;
                height: 44px;
                padding: 0;
                display: flex; 
                align-items: center; 
                justify-content: center;
                background-color: var(--brand-color);
                border-radius: 3px;

                a {
                    display: flex;
                    align-items: center;     
                    justify-content: center;
                    width: 100%;
                    height: 100%;
                    text-decoration: none;
                    
                    &:hover,
                    &:focus,
                    &:active {
                       background: color-mix(in srgb, var(--accent2) 70%, transparent);
                    }

                    .title {
                        color: var(--lightest);
                        font-size: 1.1rem;
                        font-weight: 600;
                        display: flex;
                        align-items: center; 
                        justify-content: flex-start; 
                        gap: 10px;
                        flex-direction: row-reverse;
                        transition: background-color 0.35s ease;
                        
                            svg {
                                width: 20px;
                                max-width: 100%;
                                height: auto;
                            }
                    }
                }
            }

        }
    }
}

/* 
icons
.epi-iconObjectCSS::after, .epi-iconObjectCSV::after, .epi-iconObjectHTML::after, .epi-iconObjectICO::after, .epi-iconObjectJS::after, .epi-iconObjectMOV::after, .epi-iconObjectMP3::after, .epi-iconObjectMP4::after, .epi-iconObjectPDF::after, .epi-iconObjectPPT::after, .epi-iconObjectPPTX::after, .epi-iconObjectTXT::after, .epi-iconObjectDOC::after, .epi-iconObjectDOCX::after, .epi-iconObjectWORD::after, .epi-iconObjectXLS::after, .epi-iconObjectXLSX::after, .epi-iconObjectZIP::after, .epi-iconObjectLIQUID::after {
    content: " ";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    width: 25px;
    height: 25px;
	display: inline-block;
	vertical-align: middle;
    margin-left: .75rem;
}

.epi-iconObjectCSS::after {
    background-image: url('/static/img/icons/css.png');
}
.epi-iconObjectCSV::after {
    background-image: url('/static/img/icons/csv.png');
}
.epi-iconObjectHTML::after {
    background-image: url('/static/img/icons/html.png');
}
.epi-iconObjectICO::after {
    background-image: url('/static/img/icons/ico.png');
}
.epi-iconObjectJS::after {
    background-image: url('/static/img/icons/js.png');
}
.epi-iconObjectMOV::after {
    background-image: url('/static/img/icons/mov.png');
}
.epi-iconObjectMP3::after {
    background-image: url('/static/img/icons/mp3.png');
}
.epi-iconObjectMP4::after {
    background-image: url('/static/img/icons/mp4.png');
}
.epi-iconObjectPDF::after {
    background-image: url('/static/img/icons/pdf.png');
}
.epi-iconObjectPPTX::after,
.epi-iconObjectPPT::after {
    background-image: url('/static/img/icons/ppt.png');
}
.epi-iconObjectTXT::after {
    background-image: url('/static/img/icons/txt.png');
}
.epi-iconObjectDOC::after,
.epi-iconObjectDOCX::after,
.epi-iconObjectWORD::after {
    background-image: url('/static/img/icons/word.png');
}
.epi-iconObjectXLS::after,
.epi-iconObjectXLSX::after {
    background-image: url('/static/img/icons/xls.png');
}
.epi-iconObjectZIP::after {
    background-image: url('/static/img/icons/zip.png');
}
.epi-iconObjectLIQUID::after {
    background-image: url('/static/img/icons/liquid.png');
}
.epi-iconObjectMDB::after {
    background-image: url('/static/img/icons/mdb.png');
}
.less-padding .block.medialistingblock-files + .block.medialistingblock-files,
.less-padding .block.medialistingblock-files + .block.medialistingblock-files section > h2 {
    margin-top: 0;
    padding-top: 0;
}

.linkcollectionblock.border-bg-color .basic {
    background-color: var(--brand-light-50p);
    padding: 2em;
    border-radius: 10px;
    border: solid var(--darkest) 1px;
}
.linkcollectionblock.border-bg-color .basic ul {
        width: 100%;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        column-gap: 1rem;
}

@media (max-width: 767px) {
.linkcollectionblock.border-bg-color .basic ul {
        width: 100%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        column-gap: .5rem;
}
}
  */