.controls{padding:1rem;background:#333}.control,.controls{font-size:1rem;color:#fff}.control{position:relative;display:inline-block;background:#444;cursor:pointer;transition:background .15s}.control:hover{background:#3776af}.control[data-sort*=":desc"]:after{transform:translateY(-4px) rotate(-135deg)}.mixitup-control-active{background:#3776af}.mixitup-control-active[data-filter]:after{background:transparent}.control:first-of-type{border-radius:3px 0 0 3px}.control:last-of-type{border-radius:0 3px 3px 0}.control[data-filter=".green"]{color:#91e6c7}.resource-section{background-color:#e6e6e6}.container{padding:1rem;display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;justify-content:space-evenly}.gap,.mix{display:inline-block;vertical-align:top}.mix{background:#fff;border-top:.5rem solid;border-radius:2px;margin-bottom:2rem;position:relative;display:flex;flex-direction:column;text-decoration:none;color:#3776af}.mix .content{padding:1.5rem;text-align:center;margin-top:auto}.mix .title,.mix .title:hover,.mix:hover{text-decoration:none}.mix .title{text-align:center;font-size:1.5rem;margin:0}.testimonials .mix .content{padding:0;height:100%;display:flex;flex:1;flex-direction:column}.testimonials .mix .quote{text-align:left;padding:1rem 1rem 1rem 2.5rem}.testimonials .mix .content:before{content:open-quote no-close-quote;font-size:4.5rem;position:absolute;top:-.5rem;left:.5rem}.testimonials .mix .name{background-color:#3776af;color:#fff;padding:1.5rem;margin-top:auto}.reference .vall{background-color:#3776af;color:#fff!important;border-top:none;display:flex;justify-content:center;align-items:center}.reference .vall:hover{background-color:#336fa3}.reference .topbar-round{height:3rem;background-color:currentColor}.reference .topbar-full{height:.125rem;background-color:currentColor}.reference .icon-full img{box-sizing:border-box;padding:1rem}.reference .icon-round{width:5rem;height:5rem;text-align:center;margin:-2.5rem auto 0;position:relative;overflow:hidden}.reference .icon-round .image--cover{height:5rem;object-fit:cover;object-position:center right;border-radius:50%}.gap,.mix{width:calc(50% - .5rem)}@media screen and (min-width:541px){.gap,.mix{width:calc(33.33333% - 1.33333rem)}}@media screen and (min-width:961px){.gap,.mix{width:calc(33.33333% - 1.33333rem)}}@media screen and (min-width:1281px){.gap,.mix{width:calc(33.33333% - 1.33333rem)}}