/* ----------------------------------------- */ /* View slug: overzicht-cases-studies - start */ /* ----------------------------------------- */ html input[type="button"].tsCaseShowAll { background-color: #A7BBEE; border-radius:25px; font-size:13px; text-transform:uppercase; font-weight:600; } html div.brCaseButtonActive input[type="button"].tsCaseShowAll { background-color: #3B6CE6; } html input[type="button"].tsCaseShowAll:hover { background-color: #3B6CE6; } div.tsFilterGroup { text-align:center; margin-bottom:40px; } div.tsFilterGroup input[type="radio"] { display:none; } div.tsFilterGroup label { display: inline-block; background-color: #A7BBEE; padding: 12px 19px 10px; font-weight:600; letter-spacing:0.2px; font-size: 13px; cursor: pointer; margin:0 3px 15px 0; transition:0.25s ease-in-out; text-transform:uppercase; color:white; border-radius:25px; } div.tsFilterGroup label:hover { background-color: #3B6CE6; } div.tsFilterGroup input[type="radio"]:disabled+label { color:white; } div.tsFilterGroup input[type="radio"]:checked+label { background-color: #3B6CE6; color:white; } div.form-check { display:inline-block; } .tsSpinnerContainer { padding-top:15px; } .tsCasesSpinner { display: block; text-align: center; margin: -47px auto 0; } /* ----------------------------------------- */ /* View slug: overzicht-cases-studies - stop */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-overzicht-cases-studies - start */ /* ----------------------------------------- */ .tsCaseContainer { box-shadow:0 0 7px rgba(0,0,0,0.2); background-color:white; margin-bottom:50px; } .tsCaseOuter { height: 24vh; overflow:hidden; } .tsCaseImage { height:100%; width:100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-bottom:1px; transition:0.3s ease-in-out; } .tsCaseImage:hover { transform: scale(1.1); } .tsCaseTitle { font-size:30px; font-weight:200; line-height:1.1; color:#0D1964; padding-bottom:15px; min-height:114px; } .tsCaseInnerContainer { padding:50px 40px; min-height:375px; } @media only screen and (min-width:450px) and (max-width:1024px) { .tsCaseInnerContainer { min-height:505px; } } .tsCaseAuteur { color:#0D1964; font-weight:600; font-size:16px; padding-bottom:15px; } .tsCaseTags { color:#3B6CE6; font-size:16px; font-weight:300; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-overzicht-cases-studies - einde */ /* ----------------------------------------- */