body.post-type-archive-projecten .container.container-archive{margin-top:100px;margin-bottom:100px}body.post-type-archive-projecten .container.container-archive .projectencontainer{display:grid;column-gap:50px;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:60px}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject{background-color:rgba(255,255,255,.8);border:1px solid #7a7a7a23}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents{color:rgb(0,0,0);margin-top:0;display:flex;flex-direction:column;height:100%}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents{color:rgb(0,0,0)}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .button p{color:rgb(255,255,255)}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .button i{margin-left:10px}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents:hover .button{opacity:.9;text-decoration:none!important}body.post-type-archive-projecten .projectencontainer .button{height:15px;color:rgb(255,255,255);background:#004085;font-size:16px;font-weight:500;display:inline-flex;gap:10px;align-items:center;line-height:16px;padding:10px 15px;border-radius:5px;text-transform:uppercase;transition:ease-in-out 0.3s;width:fit-content;gap:10px}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .overlay{color:rgb(255,255,255);position:relative}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .overlay img{display:block;border-top:10px solid #004085;height:300px;width:100%;object-fit:cover}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .subcontent{padding-inline:20px;padding-bottom:20px;margin:0;display:flex;flex:1;flex-direction:column;justify-content:space-between}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .overlay .hovercover{display:block;position:absolute;width:100%;height:100%;background:#3899d0;left:0;top:0;color:#fff;font-size:55px;opacity:0;z-index:1;text-align:center;margin-inline:auto;transition:ease-in-out 0.3s}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents:hover .hovercover{opacity:.7}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .contents .overlay .hovercover i{display:flex;justify-content:center;align-items:center;height:100%}body.post-type-archive-projecten .container.container-archive .projectencontainer .singleproject .hovercover{opacity:0}body.post-type-archive-projecten .container.container-archive h2{color:#000;margin-top:20px}@media only screen and (max-width:1000px){body.post-type-archive-projecten .container.container-archive .projectencontainer{column-gap:50px;grid-template-columns:1fr 1fr;gap:30px}}@media only screen and (max-width:550px){body.post-type-archive-projecten .container.container-archive .projectencontainer{column-gap:50px;grid-template-columns:1fr;gap:30px}}