/* buttons */
.fusion-button:hover {border-radius:100px 0 100px 100px;}

/* menu */
.fusion-header {padding-left:16px !important; padding-right:16px !important;}
.fusion-main-menu .fusion-menu li a .menu-text {padding:12px 16px; border-radius:100px; border:solid 1px var(--awb-color4); transition:.3s;}

.fusion-main-menu .fusion-menu li.current-page-parent .menu-text,
.fusion-main-menu .fusion-menu li.current-menu-item .menu-text,
.fusion-main-menu .fusion-menu li a:hover .menu-text {border-radius:100px 0 100px 100px; background:var(--awb-color4) !important; border-color:var(--awb-color4) !important;}

.fusion-main-menu .fusion-menu li.menu-item-has-children a .menu-text:after {content:"\f078"; font-family:"Font Awesome 6 Pro"; margin-left:8px}

.fusion-main-menu .fusion-menu li.orange .menu-text {background:var(--awb-color7); color:#fff; border-color:var(--awb-color7)}

.fusion-main-menu .fusion-menu li .sub-menu {border-radius:20px 0 20px 20px; overflow: hidden; /*( width:calc(100% - 16px)*/}
.fusion-main-menu .fusion-menu li .sub-menu li a {line-height:1; padding:13px 16px !important } 
.fusion-main-menu .fusion-menu li .sub-menu li a span {font-family:"inter"; font-weight:500; }   

/* drop columns */
.drop-container { display: flex; gap: 30px; justify-content: center; align-items: center; flex-wrap: wrap; }
.drop-container .drop-column { width: 230px; height: 230px; position: relative; transition:.3s; background: white; border-radius: 999px 0px 999px 999px; padding: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.drop-container .drop-column:hover {transform:scale(1.1)}
.drop-container .drop-column h3 { font-size: 14px; margin-bottom: 12px; color: #fff; text-transform: uppercase; font-size:14px; position:relative; margin-top:0px}
.drop-container .drop-column p { font-size: 20px; color:#fff; margin-bottom:12px; line-height:1.2; position:relative}
.drop-container .drop-column i { font-size: 18px; color: #fff; position:relative }

.drop-container .drop-column.blue { background: var(--awb-color6);}
.drop-container .drop-column.green { background: var(--awb-color5);}
.drop-container .drop-column.dark-blue { background: var(--awb-color4) } 
.drop-container .drop-column:after {content:""; width:113px; height:75px; background-image: url('../media/shadow.png'); position: absolute; right:28px; bottom:25px; background-size:contain; opacity:0.15}

/* Tables */
.table-layout {border:solid 2px var(--awb-color4); border-radius:32px 0 32px 32px; overflow:hidden; font-size:16px;}
.table-layout table {border:none !important; box-shadow:none !important; border-collapse: collapse;}
.table-layout table th {background:var(--awb-color4) !important; color:#fff; border:none !important;}
.table-layout table td {border:none !important}

/* Content list (werkwijze) */
#main .content-list li {align-items: flex-start;}
#main .content-list li .icon-wrapper {width: 40px;height: 40px;font-size: 24px;font-weight: bold;}

/* Form */
#wrapper .wpforms-container .wpforms-confirmation-container-full * {color:var(--awb-color4)}

/* Benefits */
.benefit-item .fusion-text {padding-left:16px}
.benefit-item .fusion-text h5 {font-family:"Inter"; font-size:24px; font-weight:bold; margin-top:4px; margin-bottom:8px; color:var(--awb-color4)}
.benefit-item .fusion-text p {margin-bottom:16px}
.benefit-item .fusion-imageframe {width:40px}

/* Project Arhive */
#wrapper .ajax-loader-wrapper .ajax-loader-container svg {
  --first:#2d3c6d;
  --second: #909d7c;
  --third: #65aabd;
  --fourth: #fb7e45
}

.posts-wrapper.projecten .single {background:#fff;}
.posts-wrapper.projecten .single .post-content {padding:24px; background:#fff; display:flex; flex-direction: column; align-items: flex-start; gap:24px}
.posts-wrapper.projecten .single .post-content h3 {margin:0px; font-size:24px;}

#wrapper .button-wrapper .button {padding: 16px 32px; border:solid 1px var(--awb-color7); border-radius:100px; transition:.3s; line-height:1;}
#wrapper .posts-wrapper.projecten .single:hover .button-wrapper .button {border-radius:100px 0 100px 100px;}
#wrapper .button-wrapper .button .button-text {line-height:1.2}