/* ----------------------------------------- */ /* Content Template: Loop item in Alle voorstellingen (blokken) - start */ /* ----------------------------------------- */ ul.wpv-loop.js-wpv-loop li { list-style: none !important; } ul.wpv-loop.js-wpv-loop { margin: 0px !important; } .agenda-blok { display: block; background: #373737; margin: 10px 0px; box-shadow: 0px 10px 50px #00000024; } .agenda-blok-foto { height: auto; padding-bottom: 45%; background-position: center; background-size: cover; } .agenda-blok .agenda-blok-beschrijving { padding: 2% 0px; } span.agenda-blok-item { display: inline-block; margin-right: 30px; } .col-sm-9.agenda-blok-inhoud-sectie { padding-left: 2%; padding-right: 4%; } .col-sm-6.agenda-blok-beschrijving, .col-sm-3.agenda-blok-tickets, .col-sm-3.agenda-blok-info { min-height: 110px; padding: 2% 0px; position: relative !important; } .agenda-blok-foto { padding-bottom: 110px; } a.agenda-blok-beschrijving-koop-tickets { position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; padding: 10px; background: gray; color: white; border-radius: 100px; } a.agenda-blok-beschrijving-lees-meer { position: absolute; top: 50%; transform: translateY(-50%); width: 90%; text-align: center; padding: 10px; background: #323232; color: white; border-radius: 100px; } .col-sm-9.agenda-blok-inhoud-sectie .fa { font-size: 30px; margin-right: -15px; margin-left: 7px; } .col-sm-9.agenda-blok-inhoud-sectie .fa.fa-ticket { font-size: 23px; } /*Responsive*/ @media only screen and (max-width: 1000px) { .agenda-blok .row { margin-left: 0px; margin-right: 0px; } .agenda-blok .row [class*="col-"] { display: block !important; width: 100%; min-height: 0px; padding: 10px 0px !important; } .col-sm-9.agenda-blok-inhoud-sectie { margin: 0px 20px; } } span.grote-datum { font-size: 77px; display: inline-block; float: left; } .col-sm-2.datum-tijd { padding-top: 36px; } span.grote-datum { width: 70px; text-align: center; } span.rechts-van-grote-datum { display: inline-block; padding-left: 20px; } span.rechts-van-grote-datum * { display: block; } .witte-letters * { color: white !important; } span.kleine-dag { margin-top: -11px; font-family: gilroyextrabold; } .col-sm-5.plek-stad.witte-letters { padding-top: 20px; } .col-sm-5.plek-stad.witte-letters h3 { font-size: 20px; margin-bottom: 0px !important; } a.koop-tickets { display: inline-block; padding: 10px 20px; color: white; background: #ff3e1c; min-width: 150px; text-align: center; font-family: 'gilroyextrabold' !important; transition: all .4s ease; } a.meer-info { display: inline-block; padding: 10px 20px; color: black; background: #C0C0C0; min-width: 150px; text-align: center; font-family: 'gilroyextrabold' !important; transition: all .4s ease; } .col-sm-4.knoppen { padding-top: 30px; } a.meer-info:hover, a.koop-tickets:hover { background: black; color: white; transition: all .4s ease; } h2[class^="maand-"] { display: none; } h2.eerste { display: block !important; color: white !important; margin-bottom: 10px; margin-top: 30px; } .col-sm-4.knoppen a { font-size: 15px !important; text-transform: uppercase; } span.grote-datum { margin-left: 30px; width: 50px; } .agenda-blok-foto { width: 110px; } span.grote-datum { font-size: 70px; position: relative; top: -3px; } /* ----------------------------------------- */ /* Content Template: Loop item in Alle voorstellingen (blokken) - end */ /* ----------------------------------------- */