#opleidingen-v2 .archive-container .archive-sidebar {width:calc(100% / 4 * 1)}
#opleidingen-v2 .archive-container .archive-content {width:calc(100% / 4 * 3)}

#opleidingen-v2 .archive-container .archive-posts-wrapper {display:grid; grid-template-columns: repeat(2, 1fr); gap:32px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container {padding:0px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content {padding:32px; display:flex; flex-direction: column; flex:1;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-title {font-size: 24px; line-height:1.2; text-transform: uppercase; margin-bottom:16px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-excerpt {font-size:16px; margin-bottom:16px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-education-info-wrapper {display:flex; flex-direction: column; gap:4px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-education-info-wrapper i {width:24px; display:inline-flex; justify-content: center;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-footer {flex:1;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-image {width:100%; height:250px; display: flex; align-items: center; justify-content: center; overflow:hidden;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-image img {width:100%; height:100%; object-fit: cover; transition:.3s;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container:hover .single-post-image img {transform:scale(1.2)}

#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-footer .footer-part-2 {margin-top:auto; display:flex; flex-direction: column; font-size:16px}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-footer .footer-part-2 span {opacity:0.6; color:#000 !important;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-footer .footer-part-2 span.link {color:#DC6B9A !important; margin-top:16px;; opacity:1;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container .single-post-content .single-post-footer .footer-part-2 span.link i {transition:.3s; margin-right:6px;}
#opleidingen-v2 .archive-container .archive-posts-wrapper .single-post-container:hover .single-post-content .single-post-footer .footer-part-2 span.link i {transform:translateX(4px);}

@media screen and (max-width:1200px){
    #opleidingen-v2 .archive-container {flex-direction: column;}

    #opleidingen-v2 .archive-container .archive-sidebar,
    #opleidingen-v2 .archive-container .archive-content {width:100%;}
}

@media screen and (max-width:800px){
    #opleidingen-v2 .archive-container .archive-posts-wrapper {grid-template-columns: repeat(1, 1fr);}
}

/* New mobile menu */
.fusion-header-has-flyout-menu .fusion-flyout-menu-bg {background:#fff !important;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children .menu-text:after {display:none;}

#wrapper .fusion-mobile-nav-holder {padding-top:100px; align-items: flex-start; margin-top:0;}
#wrapper .fusion-mobile-nav-holder .fusion-menu {margin-top:0; text-align: left; padding-top:0px;}

#wrapper .fusion-flyout-mobile-menu #mobile-menu-main > li {padding:12px 0 !important;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children {display:flex; flex-wrap:wrap; justify-content: space-between; align-items:center; border-bottom:solid 1px;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > ul {order:3; width:100% !important;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > ul li {background: rgb(123 33 95 / 10%); }
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > a {order:1; padding:0; flex:1}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > div.submenu-toggle {order:2}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children .submenu-toggle {width: 32px;height: 32px;border: solid 1px; transition:.3s; display:flex; border-radius:4px; align-items: center;justify-content: center;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children .submenu-toggle i {font-size:16px; transition:.3s;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children .submenu-toggle.active i {transform:rotate(180deg); color:#fff;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children .submenu-toggle.active {background:#7b215f;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > ul li a {margin-left:16px; line-height: 1.2; padding:0px; font-weight:normal; font-size:18px; width:100%;}
#wrapper .fusion-flyout-mobile-menu .menu-item-has-children > ul li {padding:16px 0; border-bottom:solid #fff 1px;}

.fusion-flyout-menu-icons {background:#fff !important; height:92.5px !important; margin-top:0 !important; position:relative}
.fusion-flyout-menu-icons > * {z-index: 1;}
.fusion-flyout-menu-icons:after {content:""; transition:.3s;}
.fusion-flyout-menu-active .fusion-flyout-menu-icons:after {content:""; right:0; top:0; bottom:0; width:1000px; background:#fff; position:absolute; transition:.3s; border-bottom:solid #efefef 1px;}