European Jewish Association

/* ----------------------------------------- */ /* View slug: events-loop - start */ /* ----------------------------------------- */ .js-wpv-loop.past-events-list{ display: flex; flex-wrap: wrap; } .js-wpv-loop.past-events-list .past-event { flex: 0 0 30%; margin-right: 5%; } .js-wpv-loop.past-events-list .past-event:nth-of-type(3n) { margin-right: 0%; } @media screen and (max-width: 750px) and (min-width: 450px) { .js-wpv-loop.past-events-list .past-event { flex: 0 0 47%; margin-right: 6%; }} @media screen and (max-width: 750px) and (min-width: 450px) { .js-wpv-loop.past-events-list .past-event:nth-of-type(2n) { margin-right: 0%; }} /* ----------------------------------------- */ /* View slug: events-loop - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: hot-topics-loop - start */ /* ----------------------------------------- */ .js-wpv-loop.hot-topics-list{ display: flex; flex-wrap: wrap; } .js-wpv-loop.hot-topics-list .topic { flex: 0 0 30%; margin-right: 5%; } .js-wpv-loop.hot-topics-list .topic:nth-of-type(3n) { margin-right: 0%; } @media screen and (max-width: 750px) and (min-width: 450px) { .js-wpv-loop.hot-topics-list .topic { flex: 0 0 47%; margin-right: 6%; }} @media screen and (max-width: 750px) and (min-width: 450px) { .js-wpv-loop.hot-topics-list .topic:nth-of-type(2n) { margin-right: 0%; }} /* ----------------------------------------- */ /* View slug: hot-topics-loop - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: events - start */ /* ----------------------------------------- */ .js-wpv-loop.past-events-list .past-event .event-img-container { width: 100%; height: 200px; } .js-wpv-loop.past-events-list .past-event .event-text { padding: 220px 20px 10px 20px; height: 420px; } @media screen and (max-width: 730px) { .js-wpv-loop.past-events-list .past-event .event-img-container { display: block; }} /* ----------------------------------------- */ /* Content Template: events - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: hot-topics - start */ /* ----------------------------------------- */ .hot-topics-list .topic .topic-img-container { width: 100%; height: 200px; } .hot-topics-list .topic .topic-text { padding: 220px 20px 10px 20px; height: 420px; } @media screen and (max-width: 730px) { .hot-topics-list .topic .topic-img-container { display: block; }} /* ----------------------------------------- */ /* Content Template: hot-topics - end */ /* ----------------------------------------- */