/* ----------------------------------------- */ /* Content Template: Loop item in View voor Trainingen - start */ /* ----------------------------------------- */ a.trianing-buitenkant { display: block; } .bovenkant { width: 100%; height: 210px; position: relative; } .binnenste-afbeelding { width: 100%; height: 100%; position: absolute; background-position: center; background-size: cover; } span { z-index: 10; } .categorieen-container { position: absolute; bottom: 10px; left: 10px; } .bovenkant span { background: rgba(0,0,0,0.7); padding: 4px 14px; display: inline-block; border-radius: 100px; color: white; font-size: 15px; margin-bottom: 3px; } .onderkant h2 { font-size: 30px; font-weight: 300; text-transform: none; } a.trianing-buitenkant { background: white; border-top: 3px solid #2DDAE8; padding: 20px 20px 10px; transition: box-shadow .4s ease; } a.trianing-buitenkant:hover { box-shadow:0px 0px 40px rgba(0,0,0,0.2); transition: box-shadow .4s ease; } .onderkant p { color: black; max-height: 85px; overflow: hidden; position: relative; } /* Blur */ .trianing-buitenkant .binnenste-afbeelding { opacity: .4; transform: scale(1); transition: all .7s ease; } .trianing-buitenkant:hover .binnenste-afbeelding { opacity: 1; transform: scale(1); transition: all .7s ease; } .bovenkant { overflow: hidden; } .onderkant { min-height: 74px; } .onderkant h2 { font-size: 29px; line-height: 37px; margin-top: 10px; } /* Laatste wijziging */ a.trianing-buitenkant { margin-bottom: 10px; } .onderkant h2 { font-size: 22px; line-height: 28px; min-height: 86px; } @media (max-width: 769px) { .col-sm-4 { width: 100% !important; } } /* ----------------------------------------- */ /* Content Template: Loop item in View voor Trainingen - end */ /* ----------------------------------------- */