Event - Visual Sweden

EventHemsida2018-09-19T14:33:07+00:00

Det finns tyvärr inga kommande evenemang just nu, men snart fyller vi på med nya!

/* ----------------------------------------- */ /* View slug: events - start */ /* ----------------------------------------- */ .wpv-filter-form { margin: 40px 0; }.wpv-filter-form label { display: inline-block; margin: 0 10px 10px 0; padding: 6px 22px 7px; color: #000; font-size: 14px; font-weight: bold; border: 2px solid #bee2e9; background-color: transparent; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; }.wpv-filter-form label:hover, .wpv-filter-form input[type="radio"]:checked + label:hover { color: #000; border-color: #000; }.wpv-filter-form input[type="radio"]:checked + label { color: #000; background-color: #bee2e9; border-color: #bee2e9; }.wpv-filter-form label { cursor: pointer; }.wpv-filter-form input[type="radio"] { display: none; }@media only screen and (max-width: 1023px) { .wpv-filter-form label { padding: 6px 14px; font-size: 0.8em; } } .event-item { position: relative; height: 315px; width: 48.5%; float: left; background-color: #000; margin-bottom: 3%; }.event-item .event-item-bg { position: absolute; height: 100%; width: 100%; background-size: cover; background-position: center center; opacity: 0.4; z-index: 1; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }.event-item-link:hover .event-item .event-item-bg { opacity: 0.6; }.event-item .event-item-info { position: relative; z-index: 9; }.event-item h3 { color: #fff; }/* RESPONSIVE */@media only screen and (min-width: 1024px) { .event-item-link:nth-child(odd) .event-item { margin-right: 3%; } }@media only screen and (max-width: 1023px) { .event-item { width: 100%; float: none; } } @media only screen and (min-width: 426px) { .event-item .event-item-info { top: 20px; left: 20px; height: 70px; overflow: hidden; } .event-item .event-date { position: relative; float: left; } .event-item h3 { position: absolute; width: 65%; left: 90px; top: 50%; margin: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } }@media only screen and (max-width: 425px) { .event-item { height: 250px; text-align: center; } .event-item .event-date { display: inline-block; margin-top: 40px; } .event-item h3 { margin-top: 30px; padding: 0 20px; } /* ----------------------------------------- */ /* View slug: events - end */ /* ----------------------------------------- */

På gång

Dela gärna!