/* EVENT LISTING */ .content__block--event__listing { min-width: 0px; padding-bottom: 16px !important; padding-top: 16px !important; } .content__block--ev_listing-outer { padding: 0px 0px !important; } .event__listing__outer { position: relative; width: 100%; opacity: 0; height: 0px; overflow: hidden; display: none; } .event__listing__outer--loaded { display: block; height: auto; opacity: 1; transition: opacity 0.3s; } .event__listing__outer--active { display: block; } .event__listing__each { position: relative; display: inline-block; width: 100%; margin: 0 auto; } .event__listing__title { position: relative; display: block; font-family: "VAGRoundedNext-SemiBold", sans-serif; font-weight: 700; color: #FFFFFF; font-size: 18px; line-height: 24px; } .event__listing__title--month-year { font-size: 30px; line-height: 36px; color: #292929; padding: 24px 16px 12px; } .event__listing__title--long-running { display: inline-block; width: auto; font-size: 12px; line-height: 14px; color: #292929; padding: 0px 24px; background-color: #f8f8f0; z-index: 160; top: -16px; height: 14px; } .event__listing__image { position: relative; display: block; width: 100%; margin-bottom: 4px; border: 1px solid rgba(40,40,40,0.1); } .event__listing__image img { position: relative; display: block; width: 100%; } .event__listing__lower { position: relative; display: block; background-color: #292929; padding: 10px 16px 24px; text-align: left; } .event__listing__dates { position: relative; display: block; font-family: "VAGRoundedNext-SemiBold", sans-serif; font-weight: 700; font-size: 18px; line-height: 24px; color: #D3D3D3; } .event__listing__desc { position: relative; display: block; color: #FFFFFF; font-size: 18px; line-height: 24px; margin-bottom: 16px; } .event__listing__read__more { position: relative; display: block; font-size: 18px; line-height: 24px; } .event__link { position: absolute; left: 16px; top: 16px; bottom: 16px; right: 16px; z-index: 150; } .event__link--long-running { top: 8px; bottom: 8px; } .content__block--event--link:hover .event__listing__read__more { color: #FFFFFF !important; } /* LONG RUNNING EVENTS */ .event__listing__outer--long-running { position: relative; display: block; margin-top: 16px; padding: 8px 0px; overflow: visible; } .event__listing__each--long-running { top: -8px; } .content__block--event__listing-long-running { padding: 8px 16px !important; } .content__block--event__listing-long-running .event__listing__image { position: relative; display: inline-block; width: calc(50% - 1px); height: 85px; vertical-align: top; margin-bottom: 0px; margin-right: 1px; } .event__listing__image__long_running { position: relative; width: 100%; height: 100%; background-size: cover; background-position: 50% center; background-repeat: no-repeat; overflow: hidden; } .content__block--event__listing-long-running .event__listing__lower { position: relative; display: inline-block; width: 50%; vertical-align: top; padding: 6px 8px 6px; height: 85px; } .content__block--event__listing-long-running .event__listing__title { font-size: 12px; line-height: 14px; text-transform: uppercase; } .content__block--event__listing-long-running .event__listing__dates { font-size: 12px; line-height: 14px; text-transform: uppercase; } .event__listing__borders { position: absolute; top: 0px; bottom: 0px; left: 16px; right: 16px; border-top: 1px solid #292929; border-bottom: 1px solid #292929; } .function__area__icons--events { position: relative; top: auto; right: auto; margin-top: 16px; } .function__area__icons--events .function__area__theme-icon { position: relative; display: inline-block; margin: 2px; width: 30px; height: 30px; border-radius: 10px; z-index: 149; background-position: 50% 50%; background-repeat: no-repeat; } .function__area__icons--events .function__area__theme-icon-connect { background-color: #855a06; background-image: url('../img/connect_icon.svg'); background-size: 20px; } .function__area__icons--events .function__area__theme-icon-protect { background-color: #8140a5; background-image: url('../img/protect_icon.svg'); background-size: 23px; } .function__area__icons--events .function__area__theme-icon-enhance { background-color: #04778c; background-image: url('../img/enhance_icon.svg'); background-size: 20px; } /* LONG RUNNING EVENTS OVER 6 */ .event__listing__each--count-over6 .event__listing__image { width: 100%; } .event__listing__each--count-over6 .event__listing__lower { position: absolute; display: block; width: auto; left: 16px; top: 8px; bottom: 8px; right: 16px; opacity: 0; transition: opacity 0.5s; cursor: pointer; } .event__listing__each--count-over6 .event__listing__lower:hover { opacity: 1; transition: opacity 0.5s; } .content__block--event__listing.content__block--half_column { min-width: 151px; } .event__listing__each--count-over6 .event__link--long-running { left: 0px; top: 0px; bottom: 0px; right: 0px; } /* EVENT PLACEHOLDER IMAGES */ .event__listing__image__placeholder { display: block; position: relative; width: 100%; padding-bottom: 70%; background-position: 50% 50%; background-repeat: no-repeat; } .event__listing__image__placeholder--connect { background-color: #855a06; background-image: url('../img/connect_icon.svg'); background-size: 56px; } .event__listing__image__placeholder--protect { background-color: #8140a5; background-image: url('../img/protect_icon.svg'); background-size: 64px; } .event__listing__image__placeholder--enhance { background-color: #04778c; background-image: url('../img/enhance_icon.svg'); background-size: 56px; } .content__block--event__listing-long-running .event__listing__image__placeholder { padding-bottom: 85px; } .content__block--event__listing-long-running .event__listing__image__placeholder--connect { background-size: 42px; } .content__block--event__listing-long-running .event__listing__image__placeholder--protect { background-size: 48px; } .content__block--event__listing-long-running .event__listing__image__placeholder--enhance { background-size: 42px; } /* EVENTS MASONRY */ .masonry { flex-flow: column wrap; width: 100%; max-width: 100%; align-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap;} .masonry-panel { overflow: hidden; } .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(21), .masonry-panel:nth-of-type(25) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(26) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(19), .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(27) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(20), .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(28) { order: 4; -ms-flex-order: 4; } .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(41), .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(53) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(42), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(54) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(55) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(40), .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(56) { order: 4; -ms-flex-order: 4; } .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(61), .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(81) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(62), .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(82) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(63), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(83) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(84) { order: 4; -ms-flex-order: 4; } .function__area__theme-icon { position: relative; display: inline-block; margin: 2px; width: 48px; height: 48px; border-radius: 14px; z-index: 149; background-position: 50% 50%; background-repeat: no-repeat; } .function__area__theme-icon-connect { background-color: #855a06; background-image: url('../img/connect_icon.svg'); background-size: 32px; } .function__area__theme-icon-protect { background-color: #8140a5; background-image: url('../img/protect_icon.svg'); background-size: 36px; } .function__area__theme-icon-enhance { background-color: #04778c; background-image: url('../img/enhance_icon.svg'); background-size: 32px; } @media only screen and (max-width: 501px) { /* CYAN */ /* EVENT LISTING */ .content__block--event__listing { min-width: 0px; max-width: 302px; } .event__listing__lower { padding: 10px 16px 16px; } .event__listing__title { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; } .event__listing__dates { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; } .event__listing__desc { font-size: 16px; line-height: 21px; margin-bottom: 8px; } .event__listing__read__more { font-size: 16px; line-height: 21px; } .event__listing__title--month-year { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; padding: 20px 16px 10px; } /* LONG RUNNING */ .event__listing__title--long-running { font-size: 12px; line-height: 14px; top: -16px; } /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(21), .masonry-panel:nth-of-type(25) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(26) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(19), .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(27) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(20), .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(28) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(41), .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(53) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(42), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(54) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(55) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(40), .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(56) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(61), .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(81) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(62), .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(82) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(63), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(83) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(84) { order: 1; -ms-flex-order: 1; } .function__area__theme-icon { width: 40px; height: 40px; border-radius: 12px; } .function__area__theme-icon-connect { background-size: 27px; } .function__area__theme-icon-protect { background-size: 29px; } .function__area__theme-icon-enhance { background-size: 27px; } } @media only screen and (min-width: 502px) and (max-width: 580px) { /* BLUE */ /* EVENTS LISTINGS */ .event__listing__outer { padding: 8px 8px; } .content__block--event__listing { min-width: 230px !important; padding: 8px 8px !important; width: 50% !important; } .event__listing__lower { padding: 10px 16px 16px; } .event__listing__title { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; } .event__listing__dates { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 16px; line-height: 21px; } .event__listing__desc { font-size: 16px; line-height: 21px; margin-bottom: 8px; } .event__listing__read__more { font-size: 16px; line-height: 21px; } .event__listing__title--month-year { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; padding: 20px 16px 10px; } .event__link--long-running { left: 8px; right: 8px; } /* LONG RUNNING */ .event__listing__title--long-running { font-size: 12px; line-height: 14px; top: -16px; } /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(21), .masonry-panel:nth-of-type(25) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(26) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(19), .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(27) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(20), .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(28) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(41), .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(53) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(42), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(54) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(55) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(40), .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(56) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(61), .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(81) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(62), .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(82) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(63), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(83) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(84) { order: 2; -ms-flex-order: 2; } .function__area__theme-icon { width: 40px; height: 40px; border-radius: 12px; } .function__area__theme-icon-connect { background-size: 27px; } .function__area__theme-icon-protect { background-size: 29px; } .function__area__theme-icon-enhance { background-size: 27px; } } @media only screen and (min-width: 581px) and (max-width: 767px) { /* RED */ /* EVENTS LISTINGS */ .event__listing__outer { padding: 8px 0px; } .content__block--event__listing { min-width: 240px !important; padding: 8px 8px !important; width: 50% !important; } .event__listing__lower { padding: 10px 16px 16px; } .event__listing__title { font-size: 18px; line-height: 24px; } .event__listing__dates { font-size: 16px; line-height: 21px; } .event__listing__desc { font-size: 16px; line-height: 21px; margin-bottom: 8px; } .event__listing__read__more { font-size: 16px; line-height: 21px; } .event__listing__title--month-year { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; padding: 20px 16px 10px; } .event__link--long-running { left: 8px; right: 8px; } /* LONG RUNNING */ .event__listing__title--long-running { font-size: 12px; line-height: 14px; top: -16px; } /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(21), .masonry-panel:nth-of-type(25) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(26) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(19), .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(27) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(20), .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(28) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(41), .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(53) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(42), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(54) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(55) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(40), .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(56) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(61), .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(81) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(62), .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(82) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(63), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(83) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(84) { order: 2; -ms-flex-order: 2; } .function__area__theme-icon { width: 40px; height: 40px; border-radius: 12px; } .function__area__theme-icon-connect { background-size: 27px; } .function__area__theme-icon-protect { background-size: 29px; } .function__area__theme-icon-enhance { background-size: 27px; } } @media only screen and (min-width: 768px) and (max-width: 840px) { /* PINK */ /* EVENTS LISTINGS */ .event__listing__outer { padding: 8px 0px; } .content__block--event__listing { min-width: 0px !important; width: calc(100% / 3) !important; padding: 8px 8px !important; } .event__listing__lower { padding: 10px 16px 16px; } .event__listing__title { font-size: 18px; line-height: 24px; } .event__listing__dates { font-size: 16px; line-height: 21px; } .event__listing__desc { font-size: 16px; line-height: 21px; margin-bottom: 8px; } .event__listing__read__more { font-size: 16px; line-height: 21px; } .event__listing__title--month-year { font-family: "VAGRoundedNext-Light",sans-serif; font-weight: 600; font-size: 24px; line-height: 32px; padding: 20px 16px 10px; } .event__link--long-running { left: 8px; right: 8px; } /* LONG RUNNING */ .event__listing__title--long-running { font-size: 12px; line-height: 14px; top: -16px; } /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(19) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(20) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(21) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(25), .masonry-panel:nth-of-type(28), .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(40) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(26), .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(41) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(27), .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(42) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(55), .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(61) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(53), .masonry-panel:nth-of-type(56), .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(62) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(54), .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(63) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(82) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(83) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(81), .masonry-panel:nth-of-type(84) { order: 3; -ms-flex-order: 3; } .function__area__theme-icon { width: 40px; height: 40px; border-radius: 12px; } .function__area__theme-icon-connect { background-size: 27px; } .function__area__theme-icon-protect { background-size: 29px; } .function__area__theme-icon-enhance { background-size: 27px; } } @media only screen and (min-width: 841px) and (max-width: 1000px) { /* YELLOW */ /* EVENTS LISTINGS */ .event__listing__outer { padding: 8px 0px; } .content__block--event__listing { min-width: 0px !important; padding: 8px 8px !important; } .event__listing__lower { padding: 10px 16px 16px; } .event__listing__title { font-size: 18px; line-height: 24px; } .event__listing__dates { font-size: 16px; line-height: 21px; } .event__listing__desc { font-size: 16px; line-height: 21px; margin-bottom: 8px; } .event__listing__read__more { font-size: 16px; line-height: 21px; } .event__listing__title--month-year { font-size: 30px; line-height: 36px; } .event__link--long-running { left: 8px; right: 8px; } /* LONG RUNNING */ .event__listing__title--long-running { font-size: 12px; line-height: 14px; top: -16px; } /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(19) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(20) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(21) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(25), .masonry-panel:nth-of-type(28), .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(40) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(26), .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(41) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(27), .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(42) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(55), .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(61) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(53), .masonry-panel:nth-of-type(56), .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(62) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(54), .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(63) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(82) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(83) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(81), .masonry-panel:nth-of-type(84) { order: 3; -ms-flex-order: 3; } } @media only screen and (min-width: 1001px) and (max-width: 1264px) { /* BLACK */ /* EVENTS MASONRY */ .masonry-panel:nth-of-type(1), .masonry-panel:nth-of-type(4), .masonry-panel:nth-of-type(7), .masonry-panel:nth-of-type(10), .masonry-panel:nth-of-type(13), .masonry-panel:nth-of-type(16), .masonry-panel:nth-of-type(19) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(2), .masonry-panel:nth-of-type(5), .masonry-panel:nth-of-type(8), .masonry-panel:nth-of-type(11), .masonry-panel:nth-of-type(14), .masonry-panel:nth-of-type(17), .masonry-panel:nth-of-type(20) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(3), .masonry-panel:nth-of-type(6), .masonry-panel:nth-of-type(9), .masonry-panel:nth-of-type(12), .masonry-panel:nth-of-type(15), .masonry-panel:nth-of-type(18), .masonry-panel:nth-of-type(21) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(22), .masonry-panel:nth-of-type(25), .masonry-panel:nth-of-type(28), .masonry-panel:nth-of-type(31), .masonry-panel:nth-of-type(34), .masonry-panel:nth-of-type(37), .masonry-panel:nth-of-type(40) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(23), .masonry-panel:nth-of-type(26), .masonry-panel:nth-of-type(29), .masonry-panel:nth-of-type(32), .masonry-panel:nth-of-type(35), .masonry-panel:nth-of-type(38), .masonry-panel:nth-of-type(41) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(24), .masonry-panel:nth-of-type(27), .masonry-panel:nth-of-type(30), .masonry-panel:nth-of-type(33), .masonry-panel:nth-of-type(36), .masonry-panel:nth-of-type(39), .masonry-panel:nth-of-type(42) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(43), .masonry-panel:nth-of-type(46), .masonry-panel:nth-of-type(49), .masonry-panel:nth-of-type(52), .masonry-panel:nth-of-type(55), .masonry-panel:nth-of-type(58), .masonry-panel:nth-of-type(61) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(44), .masonry-panel:nth-of-type(47), .masonry-panel:nth-of-type(50), .masonry-panel:nth-of-type(53), .masonry-panel:nth-of-type(56), .masonry-panel:nth-of-type(59), .masonry-panel:nth-of-type(62) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(45), .masonry-panel:nth-of-type(48), .masonry-panel:nth-of-type(51), .masonry-panel:nth-of-type(54), .masonry-panel:nth-of-type(57), .masonry-panel:nth-of-type(60), .masonry-panel:nth-of-type(63) { order: 3; -ms-flex-order: 3; } .masonry-panel:nth-of-type(64), .masonry-panel:nth-of-type(67), .masonry-panel:nth-of-type(70), .masonry-panel:nth-of-type(73), .masonry-panel:nth-of-type(76), .masonry-panel:nth-of-type(79), .masonry-panel:nth-of-type(82) { order: 1; -ms-flex-order: 1; } .masonry-panel:nth-of-type(65), .masonry-panel:nth-of-type(68), .masonry-panel:nth-of-type(71), .masonry-panel:nth-of-type(74), .masonry-panel:nth-of-type(77), .masonry-panel:nth-of-type(80), .masonry-panel:nth-of-type(83) { order: 2; -ms-flex-order: 2; } .masonry-panel:nth-of-type(66), .masonry-panel:nth-of-type(69), .masonry-panel:nth-of-type(72), .masonry-panel:nth-of-type(75), .masonry-panel:nth-of-type(78), .masonry-panel:nth-of-type(81), .masonry-panel:nth-of-type(84) { order: 3; -ms-flex-order: 3; } }