.awcf-page-layers-display{display:block;& .voorbeeld-nested-css{display:block}&>a{display:block}}.awcf-page-layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background-color:var(--e-global-color-702ab0e);.awcf-page-layer{background-color:var(--e-global-color-702ab0e);padding:15px;flex:1 1 calc(33.333% - 1rem);transition:transform 0.2s ease,box-shadow 0.2s ease;&:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgb(0 0 0 / .1);background-color:var(--e-global-color-72e0246);a{color:#fff}}.awcf-page-layer-link{font-weight:600;color:#333;text-decoration:none;width:100%!important;display:block;word-wrap:break-word;&:hover{color:#fff}}.awcf-page-layer-excerpt{margin-top:.5rem;font-size:.9rem;color:#666}}.awcf-no-pages{font-style:italic;color:#999}}@media only screen and (max-width:1500px){.aw-hide-empty-container{width:0!important;padding:7.5px!important}.aw-page-layers-shortcode{padding:15px!important}}@media only screen and (max-width:1024px){.aw-hide-empty-container{width:0!important;padding:7.5px!important}.aw-page-layers-shortcode{padding:0px!important}}.awcf-page-layers{list-style:none;margin:0;padding:0}.awcf-page-layer{position:relative;margin:5px 0}.awcf-page-layer-dropdown{display:none}.awcf-page-layer.has-children>.arrow{cursor:pointer;margin-right:5px}.awcf-page-layer .dash{margin-right:5px;color:#666}.awcf-page-layer-dropdown .awcf-page-layers,.awcf-page-layer-dropdown .awcf-page-layer{background-color:var(--e-global-color-72e0246);padding:15px 0}.awcf-page-layer-dropdown .awcf-page-layers{padding:0}.awcf-page-layer-dropdown .awcf-page-layer-link{padding:0 8px}.awcf-page-layer-dropdown .awcf-page-layer-link::before{content:' - '}.awcf-page-layer:hover>.awcf-page-layer-dropdown{display:block}.awcf-page-layer-dropdown .awcf-page-layer-link{padding:10px 0;transition:300ms}.awcf-page-layer-dropdown .awcf-page-layer-link:hover{transform:scale(1.05);margin-left:4px}.awcf-page-layer.top-level>.awcf-page-layer-link{display:flex;justify-content:space-between;align-items:center}.awcf-page-layer.top-level>.awcf-page-layer-link .arrow{margin-left:10px;transition:transform 0.3s}.awcf-page-layer.top-level.has-children .arrow{transform:rotate(-90deg)}.awcf-page-layer.top-level.has-children:hover .arrow{transform:rotate(0deg)}.awcf-page-layer:not(.top-level)>.awcf-page-layer-link{display:block}