/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* Category list */
 .ttg-container{
 	display: flex;
 	flex-wrap: wrap;
 	margin: 50px 0;
 }
 .ttg-container h4{
 	margin: 20px 0;
 }
 .ttg-3-per-row .ttg-term{
 	flex: 0 0 31%;
    text-align: center;
    border: solid 1px #F1F1F1;
    margin: 1.16% !important;
 }
 .ttg-4-per-row .ttg-term{
 	flex: 0 0 23%;
    text-align: center;
    border: solid 1px #F1F1F1;
    margin: 1% !important;
 }
 
/* Commentaar weghalen als onderstaande code niet in het thema staat 
 
.masonry {
display: grid;
grid-gap: 4em;
grid-template-columns: repeat(auto-fill, minmax(340px,1fr));
grid-auto-rows: 0;
}

.masonry-content {
overflow: hidden;
border: 0px solid #f4f4f4;
margin-bottom: 20px;
}

.masonry-brick {
color: #2f3640;
background-color: #FFF;
transition: opacity .25s ease-in-out;
}

.masonry-brick:hover {
 opacity: .75;
}

.masonry-title,
.masonry-description {
margin: 0;
}
.masonry-content img {
    width: 100%;
    margin: 0px !important;
}

.masonry-title {
font-weight: 700;
font-size: 1.1rem;
padding: 1rem 1.5rem;
}

.masonry-description {
padding: 1.5rem;
font-size: .75rem;
border-top: 0px solid #eee;
color: #666;
}

.masonry-content h4 {
    background: #FFF;
    text-align: left;
	color:#0088c3;
	font-size:16pt;
    margin-bottom: 10px !important;
    display: block;
}
 @media screen and (max-width: 767px){
 	.ttg-term{
 		flex: 0 0 100%;
 	}
 }
 */