Evenemang & konserter | Louis De Geer, Norrköping

/* ----------------------------------------- */ /* Slug för vy: events-upcoming - start */ /* ----------------------------------------- */ #event-list { clear: both; } .ldg-box-content-event .box-bg-image { display: block; position: absolute; top: 0; width: 100%; height: 66.6666%; background-size: cover; background-position: center center; } .ldg-box-content-event .box-event-info { position: absolute; bottom: 0; width: 100%; min-height: 33.3333%; background-color: #fff; } .event-item.one-date .box-event-info .event-date-large.multiple-dates { display: none; } .event-item.multiple-dates .box-event-info .event-date-large.one-date { display: none; } .ldg-box-content-event .ldg-box-centered-content.event-title { width: 62%; text-align: left; right: 5%; } .ldg-box-content-event .ldg-box-centered-content.event-title h2 { margin-top: 0; } /*--- LDG-BOXES ---*/ .ldg-box.event-item { position: relative; float: left; overflow: hidden; background-color: #fff; } .ldg-box.event-item:before { content: ""; display: block; margin-top: 100%; } .ldg-box-centered-content { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: center; } @media only screen and (min-width: 1024px) { .ldg-box.event-item { width: 32.333333333%; margin-right: 1.5%; margin-bottom: 1.5%; } .ldg-box:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 667px) and (max-width: 1023px) { .ldg-box.event-item { width: 48.5%; margin-right: 3%; margin-bottom: 3%; } .ldg-box:nth-child(2n) { margin-right: 0; } } @media only screen and (max-width: 666px) { .ldg-box.event-item { width: 100%; margin-bottom: 3%; } } /* ----------------------------------------- */ /* Slug för vy: events-upcoming - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Slug för vy: boxes-per-page - start */ /* ----------------------------------------- */ .boxes-view-holder { overflow: hidden; } /* ----------------------------------------- */ /* Slug för vy: boxes-per-page - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Slug för vy: events-upcoming-footer - start */ /* ----------------------------------------- */ .fusion-widget-area .footer-event h5 { font-size: 0.9em; font-weight: normal; margin: 0 0 16px; } .fusion-widget-area .footer-event h5 a { padding: 0 0 16px; } .fusion-widget-area .footer-event h5 .footer-event-date { font-family: "futura-pt", arial, sans-serif; font-weight: bold; margin-right: 6px; } /* ----------------------------------------- */ /* Slug för vy: events-upcoming-footer - slut */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Innehållsmall: Page – event overview - start */ /* ----------------------------------------- */ .fusion-page-title-bar { display: none; } .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header { background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=0 ); } /* ----------------------------------------- */ /* Innehållsmall: Page – event overview - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Segment – date - start */ /* ----------------------------------------- */ .event-date-large.one-date { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 26%; margin-right: 7%; border-right: 1px solid #e3e4e6; text-align: center; line-height: 24px; color: #5c5e67; } .event-date-large.one-date .weekday, .event-date-large.one-date .month, .event-date-large.one-date .year { font-family: "futura-pt", arial, sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; } .event-date-large.one-date .date { font-size: 42px; } .event-date-large.one-date .year { position: relative; top: -6px; color: #bbb; } @media only screen and (max-width: 1024px) { .event-date-large.one-date { line-height: 24px; } .event-date-large.one-date .weekday, .event-date-large.one-date .month { font-size: 17px; } .event-date-large.one-date .date { font-size: 36px; } } /* ----------------------------------------- */ /* Innehållsmall: Segment – date - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Segment – multiple dates - start */ /* ----------------------------------------- */ .event-date-large.multiple-dates { position: absolute; top: 50%; transform: translateY(-50%); width: 26%; margin-right: 7%; padding: 12px 0; border-right: 1px solid #e3e4e6; text-align: center; color: #5c5e67; line-height: 16px; } .event-date-large.multiple-dates .month, .event-date-large.multiple-dates .year { font-family: "futura-pt", arial, sans-serif; font-size: 17px; text-transform: uppercase; letter-spacing: 1px; } .event-date-large.multiple-dates .date { font-size: 28px; } .event-date-large.multiple-dates .year { position: relative; top: 6px; color: #bbb; } @media only screen and (max-width: 1024px) { .event-date-large.multiple-dates .month { font-size: 17px; } .event-date-large.multiple-dates .date { font-size: 24px; } } /* ----------------------------------------- */ /* Innehållsmall: Segment – multiple dates - slut */ /* ----------------------------------------- */