.tourWrapper { max-width: 90%; margin: 0 auto; } .tourWrapper .title { margin-bottom: 3.208vw; } .tourWrapper .seated-events-table { color: #fff; font-family: 'suisse_intlsemi_bold'; } .tourWrapper .seated-event-row { padding: 3vw 0; border-top: 1px solid #fff; border-bottom: 0; display: block; font-size: 0; display: none; } .tourWrapper .seated-event-date-cell { font-size: 1.5vw; letter-spacing: 0.0375vw; } .tourWrapper .seated-event-link-cells { display: inline-block; width: 35%; vertical-align: middle; } .tourWrapper .seated-event-description-cells>div { display: inline-block; width: 32%; vertical-align: middle; } .tourWrapper .seated-event-link-cells>div { display: inline-block; vertical-align: top; width: 48%; } .tourWrapper .seated-event-link-cells { font-size: 0; } .tourWrapper .seated-event-link-cells>div.seated-event-link-cell2 { margin-right: 4%; background: transparent; } .tourWrapper .seated-event-description-cells>div.seated-event-date-cell { width: 24%; margin-right: 2%; vertical-align: top; } .tourWrapper .seated-event-description-cells>div.seated-event-details-cell { width: 22%; font-size: 1.166vw; letter-spacing: 0.029vw; text-transform: uppercase; opacity: 1; /*vertical-align: middle;*/ vertical-align: top; } .tourWrapper .seated-event-venue-cell>div.seated-event-venue-location { font-size: 1.166vw; letter-spacing: 0.029vw; } .tourWrapper .seated-event-link1, .tourWrapper .seated-event-link1:visited, .tourWrapper .seated-event-link2, .tourWrapper .seated-event-link2:visited { border: 0; border-radius: 0; height: 2.83vw; line-height: 3.2vw; font-size: 1.166vw; letter-spacing: 0.029vw; text-transform: uppercase; padding: 0; margin: 0; /* filter:blur(0.5px); */ position: relative; background: transparent; overflow: visible; } .tourWrapper .seated-event-description-cells>div.seated-event-venue-cell { width: 50%; margin-right: 2%; letter-spacing: 0.058vw; font-size: 2.33vw; text-transform: uppercase; /*vertical-align: middle;*/ vertical-align: top; } .tourWrapper .seated-event-description-cells { width: 65%; display: inline-block; /*vertical-align: middle;*/ vertical-align: top; } .tourWrapper .seated-event-venue-name { width: 100%; } .tourWrapper .seated-event-description-cells>div.seated-event-venue-cell { width: 50%; margin-right: 2%; letter-spacing: 0.058vw; font-size: 2.33vw; text-transform: uppercase; vertical-align: middle; /* line-height: 3.08vw;*/ line-height: 2.08vw; } .tourWrapper .seated-event-link1:hover, .tourWrapper .seated-event-link2:hover { border: 0; border-radius: 0; height: 2.83vw; line-height: 3.1vw; font-size: 1.166vw; letter-spacing: 0.029vw; text-transform: uppercase; padding: 0; filter: blur(0.75px); background: #fff; color: #000; margin: 0px; overflow: unset; padding: 0px; text-align: center; -o-text-overflow: unset; text-overflow: unset; white-space: unset; } .tourWrapper .seated-event-row:nth-child(1), .tourWrapper .seated-event-row:nth-child(2), .tourWrapper .seated-event-row:nth-child(3) { display: block; } .tourWrapper .seated-follow-box { display: none; } .tourWrapper .seated-follow-box~div { display: none; } .tourWrapper a.view_more.link_text.link_background.showDates { height: 2.83vw; line-height: 3.1vw; font-size: 1.166vw; letter-spacing: 0.029vw; text-transform: uppercase; color: #fff; text-decoration: none; display: block; font-family: 'suisse_intlsemi_bold'; width: 28.6vw; margin: 0 auto; background: transparent; color: #000; text-align: center; margin-top: 6.75vw; /* filter:blur(0.5px); */ position: relative; } .tourWrapper a.view_more.link_text.link_background.showDates:hover { filter: blur(1px); } .tourWrapper .seated-event-row:hover { background: none; -webkit-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } .tourWrapper .seated-event-row { cursor: unset; } .tourWrapper .seated-event-link1::after, .tourWrapper .seated-event-link2::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF; filter: blur(1px); z-index: -1; } .tourWrapper .seated-event-link1:hover, .tourWrapper .seated-event-link2:hover { filter: blur(1px); background: transparent; height: 2.83vw; line-height: 3.1vw; font-size: 1.166vw; letter-spacing: 0.029vw; } .tourWrapper .seated-event-link1:hover:after, .tourWrapper .seated-event-link2:hover:after { filter: blur(4px); } .tourWrapper a.view_more.link_text.link_background.showDates::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #FFFFFF; filter: blur(1px); z-index: -1; } .tourWrapper a.view_more.link_text.link_background.showDates:hover:after { filter: blur(4px); } @media only screen and (max-width: 1024px) { div#pageContent { padding: 168px 0; } div#tour { width: 93%; max-width: 350px; } .title { font-size: 28px; letter-spacing: 0.7px; } .tourWrapper .title { margin-bottom: 38.5px; } .tourWrapper .seated-event-row { padding: 40px 0 44px; } .tourWrapper .seated-event-description-cells { display: block; width: 100%; } .tourWrapper .seated-event-link-cells { display: block; width: 100%; } .tourWrapper .seated-event-description-cells>div.seated-event-date-cell { font-size: 18px; letter-spacing: 1.35px; text-align: center; line-height: 28px; } .tourWrapper .seated-event-description-cells>div.seated-event-venue-cell { width: 74%; margin: 0; text-align: left; font-size: 18px; letter-spacing: 0.45px; line-height: 31px; float: right; } .tourWrapper .seated-event-description-cells>div.seated-event-details-cell { display: block; margin: 0 auto; margin-right: 0; width: 74%; text-align: left; font-size: 14px; letter-spacing: 0.35px; } .tourWrapper .seated-event-venue-cell>div.seated-event-venue-location { font-size: 14px; letter-spacing: 0.35px; line-height: 18px; } .tourWrapper .seated-event-link-cells { margin-top: 42.5px; } .tourWrapper .seated-event-link1, .tourWrapper .seated-event-link1:visited, .tourWrapper .seated-event-link2, .tourWrapper .seated-event-link2:visited { height: 34px; line-height: 36px; font-size: 14px; letter-spacing: 0.35px; margin: 0px; } .tourWrapper .seated-event-link1:hover, .tourWrapper .seated-event-link2:hover { filter: blur(1px); background: transparent; height: 34px; line-height: 36px; font-size: 14px; letter-spacing: 0.35px; } .tourWrapper a.view_more.link_text.link_background.showDates { height: 34px; line-height: 36px; font-size: 14px; letter-spacing: 0.35px; width: 344px; margin-top: 0; } } @media only screen and (min-width: 1500px) { .tourWrapper .seated-event-description-cells>div.seated-event-date-cell { margin-top: -0.3vw; } .tourWrapper .seated-event-link-cells { margin-top: 0.5vw; } .tourWrapper .seated-event-description-cells>div.seated-event-venue-cell { line-height: 3.08vw; } } @media only screen and (min-width: 1025px) { .tourWrapper .seated-event-link-cells>div { margin-left: 16vw; } }