Event - Visual Sweden

EventHemsida2020-02-12T11:37:39+01:00

Visual Forum 2020

/* ----------------------------------------- */ /* Slug för vy: 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; } /* ----------------------------------------- */ /* Slug för vy: events - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: content-template-for-banner-segment - start */ /* ----------------------------------------- */ /* css in theme options*/ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-banner-segment - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-event-date-segment - start */ /* ----------------------------------------- */ .event-date { width: 70px; height: 70px; padding: 16px 0; border: 2px solid #fff000; color: #fff000; font-weight: bold; text-align: center; line-height: 18px; } .event-date .day { font-size: 30px; } .event-date .month { font-size: 16px; text-transform: lowercase; } /* ----------------------------------------- */ /* Innehållsmall: content-template-for-event-date-segment - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: content-template-for-share-box-horizontal - start */ /* ----------------------------------------- */ /*--- SHARE BOXE HORIZONTAL ---*/ .share.horizontal { overflow: hidden; font-size: 0.9em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .share.horizontal p, .share.horizontal h4 { margin-bottom: 0; } .share.horizontal h4 { float: left; margin-top: 3px; margin-right: 20px; } .share.horizontal p { float: right; margin-left: 20px; } .share.horizontal a { display: block; border-bottom: none; } .share.horizontal a .fa { margin-right: 8px; } @media only screen and (max-width: 425px) { .share.horizontal, .share.horizontal h4 { text-align: center; } .share.horizontal h4, .share.horizontal p { float: none; margin-left: 0; margin-right: 0; } .share.horizontal p { display: inline-block; margin-top: 10px; margin-right: 6px; } } /* ----------------------------------------- */ /* Innehållsmall: content-template-for-share-box-horizontal - slut */ /* ----------------------------------------- */

På gång

Visual Forum 2020

Dela gärna!