@import url("https://use.typekit.net/nxh4stb.css");
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face {
font-family:graphiklight;
src:url(../Fonts/graphik-light-webfont.woff2) format('woff2'),
url(../Fonts/graphik-light-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:graphikmedium;
src:url(../Fonts/graphik-medium-webfont.woff2) format('woff2'),
url(../Fonts/graphik-medium-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:ppneuemachina;
src:url(../Fonts/ppneuemachina-plainlight-webfont.woff2) format('woff2'),
url(../Fonts/ppneuemachina-plainlight-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:ppneuemachina;
src:url(../Fonts/ppneuemachina-plainregular-webfont.woff2) format('woff2'),
url(../Fonts/ppneuemachina-plainregular-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:protestgrotesk;
src:url(../Fonts/protestgrotesk-100-regular-webfont.woff2) format('woff2'),
url(../Fonts/protestgrotesk-100-regular-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:rhymes;
src:url(../Fonts/rhymes_text_light_italic-webfont.woff2) format('woff2'),
url(../Fonts/rhymes_text_light_italic-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
@font-face {
font-family:twkeverett;
src:url(../Fonts/twkeverett-medium-webfont.woff2) format('woff2'),
url(../Fonts/twkeverett-medium-webfont.woff) format('woff');
font-weight:400;
font-style:normal
}
*:not(i) {
font-family:protestgrotesk,sans-serif
}
*:not(.fa) {
font-family:protestgrotesk,sans-serif
}
@charset "UTF-8";
body {
font-size:1em!important;
font-weight:300;
line-height:1.5;
color:#f6f8ff!important;
text-align:left
}
body {
font-size:18px!important;
background-color:#152242!important
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5 {
color:#007cff!important
}
.h1,
h1 {
font-size:2rem!important;
text-transform:uppercase!important;
font-weight:800!important;
color:#84ab65!important;
margin-bottom:30px
}
.h2,
h2 {
color:#84ab65!important
}
.h3,
h3 {
font-size:2rem;
font-weight:800!important;
text-transform:uppercase;
color:#84ab65!important
}
.h4,
h4 {
font-size:1.2rem;
font-weight:800;
color:#84ab65!important;
text-transform:uppercase
}
.h5,
h5 {
font-size:1.1rem!important;
text-transform:uppercase;
color:#84ab65!important
}
a {
color:#84ab65!important
}
.table {
color:#84ab65 !important;
}
#orderTimeout {
color:#84ab65!important
}
.promotag {
color:#84ab65!important
}
@media only screen and (max-width:767px) {
body {
font-size:14px!important
}
.h1,
h1 {
font-size:1.2rem!important;
text-transform:uppercase!important;
font-weight:800!important
}
.h4,
h4 {
font-size:1em
}
.h3,
h3 {
font-size:1em;
font-weight:800!important;
text-transform:uppercase
}
}
.performance-info .item-description {
color:#007cff
}
.section-box .field-label {
color:#84ab65;
vertical-align:top;
display:inline-block
}
.odd,
.even {
background:0 0!important
}
.search-box {
display:none
}
.delivery-method-description {
display:none
}
div.order-customer-delivery.item-box div.item-box-item span.item-box-item-details.field-label {
display:none
}
#aisleSeats,
#unobstructedSeats,
#seat-price-zone {
display:none
}
.venue-image-column {
display:none
}
#promoCodeBox>form {
display:inline-flex;
align-items:center
}
@media only screen and (max-width:767px) {
#promoCodeBox>form {
display:inline-block!important;
text-align:center!important;
width:100%
}
}
#promoCodeBox>form {
display:inline-flex;
align-items:center;
justify-content:space-around;
width:100%
}
.promotional-code-message {
display:none
}
#promocode-title {
padding-right:10px
}
#promoCodeBox {
max-width:520px!important;
background-color:#fff;
padding:10px 10px 3px;
border-radius:.5rem
}
#promoCodeBox {
background-color:#12130f
}
@media only screen and (min-width:992px) {
#promoCodeBox {
max-width:520px!important;
background-color:#12130f;
padding:10px 10px 3px;
border-radius:.5rem
}
}
#content {
background:0 0
}
.primary-feature-wrapper {
display:block;
margin:0 auto 20px;
width:100vw!important;
margin-left:calc(-50vw + 50%)!important;
height:80px
}
.articles,
.article-body-container {
display:flex;
flex-direction:column
}
.articles.has-secondary-features .article-container.main-article-body {
order:2
}
.articles .article-container.secondary-linked-features {
order:1
}
div.header-content.container a {
z-index:999;
position:relative
}
@media only screen and (min-width:1280px) {
#content,
.active-nav #content,
.active-sidebar #content {
max-width:1680px!important;
margin-left:auto;
margin-right:auto
}
.header-content {
max-width:1680px!important;
margin-left:auto;
margin-right:auto
}
}
@media only screen and (min-width:992px) {
#content,
.active-nav #content,
.active-sidebar #content {
width:100%;
padding-left:4rem;
padding-right:4rem
}
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width:100%;
padding:0
}
.header-content {
padding-left:4rem;
padding-right:4rem
}
.articles.has-secondary-features .article-container.main-article-body {
width:100%;
padding-left:0
}
.articles .article-container.secondary-linked-features {
width:100%
}
#menuTop {
width:100%;
display:inline-flex;
justify-content:space-around;
padding-left:7rem;
padding-right:5rem
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.articles .article-container.secondary-linked-features {
text-align:center
}
}
@media only screen and (min-width:768px) {
#menuTopItem2.menuTopItem a.menu_item.menu-link {
color:transparent!important;
background-color:transparent!important;
font-weight:700;
background-image:url(/content/Images/Website/OASISIMMERSION_HOR_BLANC_Web.png);
background-repeat:no-repeat;
background-position:center center;
background-size:350px 34px;
height:34px;
width:350px;
border:none!important;
margin-top:15px;
display:flex
}
}
@media(max-width:991px) {
.active-nav #menu {
display:block;
background:#04093e
}
}
.btn {
border-radius:.5rem;
text-transform:uppercase;
font-weight:600!important;
border-radius:5rem
}
a.btn-primary,
.btn-primary,
a.btn-primary.disabled,
.btn-primary.disabled,
a.btn-primary:disabled,
.btn-primary:disabled {
color:#12130f!important;
border-color:#12130f!important;
background-color:#84ab65;
border-radius:5rem!important
}
a.btn-primary:hover,
.btn-primary:hover,
a.btn-primary.disabled,
.btn-primary.disabled,
a.btn-primary:disabled,
.btn-primary:disabled {
opacity:.5
}
a.btn-secondary,
.btn-secondary,
a.btn-secondary.disabled,
.btn-secondary.disabled,
a.btn-secondary:disabled,
.btn-secondary:disabled {
color:#84ab65!important;
background-color:#12130f!important;
border-color:#12130f!important
}
a.btn-secondary:hover,
.btn-secondary:hover,
a.btn-secondary.disabled,
.btn-secondary.disabled,
a.btn-secondary:disabled,
.btn-secondary:disabled {
color:#f6f8ff!important;
background-color:#3ebfba;
border-color:#3ebfba;
opacity:.5
}
.btn-secondary:focus {
color:#037efe;
background-color:#a3ffd3;
border-color:#037efe
}
#sdOkay.btn.btn-primary {
color:#f6f8ff;
background-color:#037efe!important;
border-color:#037efe!important
}
.calendar-search-results .calendar-container .calendar-week .calendar-day .calendar-date-button[aria-pressed=true] {
border-radius:4px;
width:100%;
background-color:#12130f!important;
color:#f6f8ff;
font-weight:800!important
}
.calendar-date-button.btn.btn-primary,
.calendar-day-time-button.btn.btn-primary {
background-color:#04093e!important;
color:#f6f8ff!important;
font-weight:800!important;
border-color:#84ab65!important
}
.calendar-search-results .calendar-day-event .calendar-day-event-time-text {
color:#f6f8ff;
font-size:.8em
}
.input-group-append {
border:1px solid #12130f;
border-radius:0 .5rem .5rem 0
}
.input-group-append:hover {
border:1px solid #04093e;
border-radius:0 .5rem .5rem 0;
background-color:#04093e!important
}
.input-group-append .btn {
border:none;
background-color:#007cff;
color:#f6f8ff;
border-radius:0 4px 4px 0
}
.input-group-append .btn:hover {
border:none;
background-color:#04093e!important;
color:#f6f8ff;
border-radius:0 4px 4px 0
}
.other-event {
margin-bottom:2px!important
}
div.other-event a.btn-unstyled.btn-link {
background-color:transparent;
padding:5px 10px;
text-decoration:none;
border-top-right-radius:.4rem .4rem;
font-size:14px;
border-top:1px solid #84ab65!important;
border-left:1px solid #84ab65!important;
border-right:1px solid #84ab65!important
}
.btn-link {
font-weight:300;
color:#f6f8ff!important;
text-decoration:none;
font-size:.8em!important;
text-transform:uppercase;
background-color:#84ab65;
padding:5px 10px 3px
}
div#seatSelect.bodyDetails div.other-event a.btn-unstyled.btn-link {
color:#f6f8ff!important
}
@media only screen and (min-width:992px) {
.btn.shopping-cart-link {
background-color:transparent!important;
color:transparent!important;
margin:0 0 0 10px;
padding:2px 8px;
width:30px;
font-weight:300!important;
text-transform:uppercase;
border:none;
background-image:url(/content/Images/CART_white.png)!important;
background-size:30px 27px!important;
background-repeat:no-repeat!important;
height:30px;
border-radius:0
}
.btn.shopping-cart-link:hover {
background-color:transparent!important;
color:transparent!important;
margin:0 0 0 10px;
padding:2px 8px;
width:30px;
font-weight:300!important;
text-transform:uppercase;
border:none;
background-image:url(/content/Images/CART_white.png)!important;
background-size:30px 27px!important;
background-repeat:no-repeat!important;
height:30px
}
}
@media only screen and (max-width:767px) {
#popupDiv_cancelButton,
#popupDiv_okayButton {
width:100%
}
#shoppingCart,
.order-misc-items.row+.order-misc-items.row .item-information {
border-top:0 dotted #ddd;
padding-top:10px
}
.order-items>h3 {
padding:15px 0;
border-bottom:1px dotted #84ab65;
font-weight:700
}
.order-customer-details .item-box-item,
.order-totals .section-box-item {
border-top:1px dotted #84ab65
}
div#loginDelivery.bodyDetails form#frmLoginDelivery div.navigation-box.section-box a.btn.btn-secondary {
width:100%;
margin-bottom:10px
}
div#loginDelivery.bodyDetails form#frmLoginDelivery div.navigation-box.section-box input#continue.btn.btn-primary {
width:100%
}
#cancelBtn {
margin-bottom:10px
}
#cancelBtn,
#buyBtn {
width:100%
}
}
#header {
background:0 0
}
#menuTopItem-help {
display:none
}
body[lang=fr] #utility-menu-item1.utility-menu-item {
display:none!important
}
body[lang=en] #utility-menu-item2.utility-menu-item {
display:none!important
}
#utility-menu-item0.utility-menu-item a.menu_item,
#utility-menu-item1.utility-menu-item a.menu_item {
color:#ff5bfb
}
@media only screen and (min-width:992px) {
#orderInfoSecondBar {
display:none
}
#header {
background:0 0;
width:100%;
max-width:100%;
height:60px;
padding-top:0
}
.header-content img {
max-width:50px;
display:none
}
#menu,
.active-nav #menu,
.active-sidebar #menu {
text-align:center!important;
margin:0 auto;
background-color:transparent;
width:100%
}
.menuContainer.main-nav .nav .menuTopItem .menu_item {
padding:25px 5px;
color:#f6f8ff;
font-weight:600;
color:#84ab65!important
}
.menuContainer.main-nav {
display:inline-flex;
background-color:#0b0a23;
width:100%;
justify-content:space-between
}
.menuContainer.utility-nav ul li a {
display:block;
padding:10px;
font-size:14px;
color:#f6f8ff!important
}
.menuContainer.main-nav .nav .menuTopItem .menu_item span {
display:inline;
font-size:1.5rem
}
}
.customer-options {
background:#0b0a23;
height:60px;
z-index:1000
}
#menuSkipToContent {
display:none
}
.menu-toggle.btn-secondary {
background-color:#84ab65;
border:0;
color:#84ab65!important;
font-size:25px;
margin:-19px 0 0;
position:absolute;
padding:10px;
top:50%;
left:10px
}
@media only screen and (max-width:991px) {
.header-content {
text-align:center
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
#header {
background:#04093e!important;
height:100px
}
.menu-toggle.sidebar-button {
right:10px;
left:auto
}
}
@media only screen and (max-width:767px) {
#header {
background:#12130f!important;
height:100px
}
.header-content img {
max-width:100%;
margin-top:43px
}
.menu-toggle.sidebar-button {
right:10px;
left:auto
}
}
#today div.odd.result-box-item,
#today div.even.result-box-item {
background-color:#007cff!important;
margin-bottom:10px;
border-radius:2.4rem
}
#today .search-results-container .item-start-date .start-date-label,
.search-results-container .item-end-date .end-date-label {
font-size:11px;
margin-right:5px
}
#today .search-results-container .item-start-date .start-date-label,
.search-results-container .item-end-date .end-date-label {
display:none
}
#today .standard-search-results .item-link .btn,
.detailed-search-results .item-link .btn {
width:100%;
background-color:#a3ffd3!important;
color:#007cff;
font-weight:600;
font-size:1.2rem
}
#today .standard-search-results .item-link .btn:hover,
.detailed-search-results .item-link .btn:hover {
width:100%;
font-weight:600;
color:#007cff!important;
opacity:.5
}
.search-results-container .item-image .item-logo {
overflow:hidden;
display:block
}
.search-results-container .item-description .item-name {
}
#today .search-results-container .item-description .item-name::before {
content:'À l’affiche aujourd’hui';
position:relative;
padding-left:0;
color:#84ab65
}
.grid-result {
width:100%;
margin:0 1% 1%;
position:relative;
min-height:10px;
background-color:transparent!important;
border:none
}
@media only screen and (min-width:992px) {
#today {
margin-top:30px!important
}
#today .search-results-container .item-description .item-name {
font-size:2.5em;
display:block;
color:#f6f8ff;
font-weight:600;
line-height:1.2em
}
.search-results-container .item-start-date,
.search-results-container .item-end-date,
.search-results-container .item-venue,
.search-results-container .item-price-range,
.search-results-container .item-teaser {
color:#a3ffd3;
font-size:18px;
margin:3px 0 0;
font-weight:600
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
#today {
margin-top:30px!important
}
#today .search-results-container .item-description .item-name {
font-size:1.5em;
display:block;
color:#f6f8ff;
font-weight:600;
line-height:1.2em;
margin-top:-30px
}
}
@media only screen and (max-width:767px) {
#today .search-results-container .item-description .item-name {
font-size:3em;
display:block;
color:#f6f8ff;
font-weight:600;
line-height:1.2em
}
#today .search-results-container .item-description .item-name {
font-size:24px;
display:block;
color:#f6f8ff;
font-weight:600;
line-height:1.2em
}
.search-results-container .item-start-date,
.search-results-container .item-end-date,
.search-results-container .item-venue,
.search-results-container .item-price-range,
.search-results-container .item-teaser {
color:#a3ffd3;
font-size:15px;
margin:3px 0 0;
font-weight:600
}
div.item-link.result-box-item-details.last-column.excellent {
width:100%!important
}
}
@media only screen and (max-width:767px) and (orientation:landscape) {
.detailed-search-results .item-image.result-box-item-details {
width:100%!important;
min-height:32px;
padding:0 5px 0 0
}
.detailed-search-results .item-description {
width:100%;
text-align:center;
margin-top:15px;
margin-bottom:15px
}
.header-content img {
max-width:40%;
margin-top:25px
}
.item-box-item,
.result-box-item {
display:inline-block!important;
padding:10px;
width:100%!important
}
.standard-search-results .result-box-item-details.last-column,
.detailed-search-results .result-box-item-details.last-column {
width:100%!important
}
.standard-search-results .result-box-item .item-link .btn,
.detailed-search-results .result-box-item .item-link .btn {
display:inline-block;
width:100%!important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.detailed-search-results .item-image.result-box-item-details {
width:40%;
min-height:32px;
padding:0 5px 0 0
}
.header-content img {
max-width:80%;
margin-top:30px
}
}
.unavailable-message {
color:#a3ffd3
}
.calendar-search-results .calendar-month #prevMonthButton {
color:#f6f8ff
}
.calendar-search-results .calendar-month #nextMonthButton {
color:#f6f8ff
}
.calendar-search-results .calendar-month .calendar-month-display {
color:#f6f8ff
}
.calendar-search-results .calendar-day-event .calendar-day-event-date {
color:#f6f8ff;
margin-bottom:10px
}
@media screen and (min-width:992px) {
.results-box.calendar-search-results {
display:inline-flex;
margin-top:60px;
width:100%
}
.results-box.calendar-search-results .calendar-container {
max-width:650px;
margin-left:-305px;
width:50%;
border:0
}
.calendar-search-results .calendar-month {
align-items:first baseline;
padding:10px;
min-width:300px;
border:none;
margin-top:-70px
}
#calendar-events.calendar-events {
width:40%;
margin-left:4.5rem;
margin-top:-10px
}
}
.calendar-search-results .calendar-month {
border:none
}
@media screen and (min-width:768px) and (max-width:991px) {
.calendar-search-results .calendar-day-event {
border-top:3px solid #326c79!important;
border-left:0!important
}
div#avWidget_5E24E486-1CC0-434E-9EF7-E097C564000E_IDJADZ4NGC1BHH5YZOHR1KXL50N5GVG2TZUDNPIDITQSDZPBZBT1K {
width:55%
}
.calendar-search-results .calendar-container {
border:none
}
}
@media screen and (min-width:768px) {
.calendar-search-results .calendar-month #prevMonthButton {
margin-left:0!important
}
.calendar-search-results .calendar-month #nextMonthButton {
margin-right:0!important
}
.calendar-search-results .calendar-month .calendar-month-display {
color:#f6f8ff
}
}
@media screen and (max-width:767px) {
.results-box.calendar-search-results .calendar-container {
padding:10px 20px
}
}
#content {
background:#152242;
margin-top:30px
}
.article-container.secondary-linked-features div#promoCodeBox {
display:none
}
#today div.grid-result:nth-child(1) {
display:block!important
}
#today div.grid-result {
display:none!important
}
body[lang=fr] #today .item-teaser {
display:none!important
}
body[lang=en] #today .item-name {
display:none!important
}
#today .grid-result .item-image {
margin:0;
display:none
}
@media screen and (min-width:992px) {
#today .grid-result .item-description .item-teaser {
opacity:1;
height:auto!important;
max-height:none!important;
font-size:2.5em;
line-height:1.5em;
color:#f6f8ff!important;
margin-top:-20px
}
#today .grid-result .item-description .item-teaser::after {
content:'Showing today';
position:relative;
padding-left:30px;
white-space:pre;
color:#84ab65
}
}
@media screen and (min-width:768px) and (max-width:991px) {
#today .grid-result .item-description .item-teaser {
opacity:1;
height:auto!important;
max-height:none!important;
font-size:1.5em;
margin-top:-15px;
color:#f6f8ff;
line-height:1.2em;
text-align:center
}
#today .grid-result .item-description .item-teaser::after {
content:'\A Showing today ';
position:relative;
padding-right:0;
white-space:pre;
color:#84ab65
}
}
@media screen and (max-width:767px) {
#today .grid-result .item-description .item-teaser {
opacity:1;
height:auto!important;
max-height:none!important;
font-size:1.5em;
margin-top:-15px;
color:#fff;
line-height:1.2em
}
#today .grid-result .item-description .item-teaser::after {
content:'\A Showing today ';
position:relative;
padding-right:0;
white-space:pre;
color:#84ab65
}
}
#today .grid-result .item-description .item-venue,
#today .search-results-container .item-start-date,
.grid-result .item-description .item-end-date,
.grid-result .availability-indicator {
display:none
}
#today .grid-result.odd .item-description,
.grid-result.even .item-description {
background:0 0;
justify-content:center;
display:flex
}
@media only screen and (min-width:992px) {
#today .grid-result.odd .item-description,
.grid-result.even .item-description {
}
}
#today .pagination-box {
display:none!important
}
#today .grid-result .item-link {
display:none
}
#today .grid-result .item-description {
position:initial!important;
min-height:10px;
height:auto!important;
left:10px;
right:10px
}
#today .grid-result .item-link .btn {
display:none
}
@media screen and (min-width:992px) {
.grid-search-results {
display:flex;
justify-content:center
}
}
.grid-home {
display:inline-block;
padding:5px;
text-decoration:none
}
.grid-home img {
display:block;
border-radius:5px;
width:100%;
height:auto
}
.eventcalendar {
margin-top:3rem
}
.EventInfo {
background-color:#04093e;
padding-right:15px!important
}
@media screen and (max-width:768px) {
.EventPresentation {
margin-top:30px
}
}
body[lang=fr] .calendar-day-event-time-text::before {
content: "Merci de noter que si vous choisissez la dernière plage horaire de la journée pour une exposition, il est essentiel d’arriver à l’heure. Les portes seront fermées et aucune entrée tardive ne sera possible. Cette mesure vise à garantir une expérience complète et optimale pour tous les participants. \A";
display: block;
margin-bottom: 10px;
color: #84ab65;
font-weight: 900;
}
body[lang=en] .calendar-day-event-time-text::before {
content:"Please note that if you choose the last timeslot of the day for an exhibition, it is essential to arrive on time. Doors will be closed and no late entries will be possible. This is to ensure a complete and optimal experience for all visitors. \A";
font-weight:900;
width:auto;
display:block;
margin-bottom:10px;
color:#84ab65;
}
body[lang="fr"] .calendar-day-event-time-text::after
{
content: "Toutes les plages horaires sont affichées. Celles qui sont grisées indiquent qu'elles sont complètes.";
display: block;
margin-bottom: 10px;
color: #fff;
white-space: pre-wrap;
}
body[lang="en"] .calendar-day-event-time-text::after
{
content: "All time slots are displayed. The grey ones indicate that they are full.";
display: block;
margin-bottom: 10px;
color: #fff;
white-space: pre-wrap;
}
.alert {
background-color:#04093e!important;
border:0;
text-shadow:none;
color:#84ab65
}
.performance-header {
background-color:transparent!important;
margin:0 auto 20px;
width:100%;
min-height:80px;
border-radius:.5rem;
border-top-left-radius:0!important;
border:1px solid
}
.performance-info .item-description {
color:#84ab65!important
}
.performance-info .item-short-description {
margin:0 0 5px;
color:#f6f8ff!important
}
.performance-info .item-description {
color:#007cff
}
div.seat-tabs-box.item-box.page-heading {
display:none
}
div#seatSelect.bodyDetails div.performance-header.clearfix div.performance-info div#item-description.item-description div.performance-venue a {
display:none
}
.venue-image h4 {
display:none
}
.item-box-item-details div.price-zone-amount span.price-details {
display:none
}
div.price-zone-color {
display:none!important
}
div.select-price-zones.item-box {
display:none!important
}
.item-box-item.odd,
.item-box-item.even {
background-color:transparent!important;
padding-left:0
}
.google-map,
.venue-street,
.venue-city,
.venue-zip,
.venue-country {
display:none
}
.charge-message-link {
display:none
}
@media screen and (min-width:768px) {
button.show-more.btn-unstyled.btn-link {
display:none
}
.item-box-item-details.price-zone-option>span {
display:inline-block;
width:auto;
margin-top:10px;
line-height:20px;
font-size:1.2rem
}
.item-box-item-details.price-zone-option,
.zone_row .item-box-detail-data {
line-height:42px;
border:0;
margin:0;
padding:0 5px;
width:80%
}
div#seat-price-zone.item-box div.item-box-item.odd,
div#seat-price-zone.item-box div.item-box-item.even {
background-color:transparent!important;
padding-left:0;
display:flex;
align-items:center
}
div#seatSelect.bodyDetails div.select-tickets-column.av-left div#promoCodeBox.promotional-code-input {
width:70%!important;
max-width:70%!important;
text-align:left
}
#seatSelect .item-box-item-details.price-types {
display:inline-flex;
align-items:baseline
}
#seat-quantity .price-details {
padding-left:10px;
font-size:14px
}
.performance-info #item-description-text.text-truncate {
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:10!important;
-webkit-box-orient:vertical;
height:auto!important;
white-space:normal;
text-overflow:-o-ellipsis-lastline;
line-height:20px
}
.performance-info .performance-logo img {
height:180px!important;
border-radius:.5rem
}
.performance-header {
background-color:#e4e4e4;
margin:0 auto 20px;
width:100%
}
.performance-info .performance-logo {
width:auto;
display:block;
float:left;
padding-right:20px!important
}
}
@media screen and (max-width:767px) {
.performance-info #item-description-text.text-truncate {
height:0!important
}
div.performance-header.clearfix div.performance-info h3.item-short-description {
font-size:18px
}
.performance-logo {
padding-bottom:15px
}
.show-more {
background-color:#f6f8ff!important;
padding:5px 10px;
border-radius:.5rem;
color:#007cff!important
}
.item-box-item-details.price-zone-option {
border-bottom:0 dotted #ddd!important
}
.item-box-item.odd,
.item-box-item.even {
background-color:transparent!important;
padding:0!important
}
div.bodyDetails:not(#bundleSelect) .pricetype-label,
div.bodyDetails:not(#bundleSelect) .price-details .price-label {
font-size:inherit
}
.item-box-item.odd,
.item-box-item.even {
display:inline-flex;
align-items:center;
margin-bottom:10px
}
#seatSelect .item-box-item.even,
#seatSelect .item-box-item.odd {
display:inline-block
}
.item-box-item-details,
.result-box-item-details {
display:inline-block;
margin:0 0 5px;
width:100%
}
div.price-types.item-box-item-details span.pricetype-label label {
font-weight:400;
margin-bottom:0!important
}
div.price-type-select.item-box-item-details {
margin-bottom:10px;
width:auto
}
}
table.admissions-table th.admAmount {
width:20%
}
div#shoppingCart.bodyDetails form div.order-items.order-admissions.section-box div.order-performance.row div.col-lg-1.order-1.order-lg-2 div.item-options button.link:nth-child(2) {
display:none!important
}
#adm-short-description0 {
}
tr.admission-total.section-box-item h4#adm-short-description0.item-short-description {
color:#037efe!important
}
.shopping-table .field-label,
.admission-row.section-box-item .section-box-item-details .field-label,
.order-items .section-box-item .section-box-item-details .field-label,
.order-item-details .section-box-item .section-box-item-details .field-label,
.seat-location-information .section-box-item .section-box-item-details .field-label,
.bundle-result-item.section-box-item .section-box-item-details .field-label,
.ticket-usage.section-box-item .section-box-item-details .field-label,
.seat-request.section-box-item .section-box-item-details .field-label,
.seat-on-order.section-box-item .section-box-item-details .field-label,
.reprint-ticket-item.section-box-item .section-box-item-details .field-label,
.order-admission.section-box-item .section-box-item-details .field-label,
.customer-tickets.section-box-item .section-box-item-details .field-label {
font-size:14px;
line-height:1;
margin:6px 0 7px;
color:#84ab65
}
@media screen and (min-width:992px) {
#shoppingCart .section-box-item {
padding:10px 0!important;
border-top:0 dotted #ddd
}
div.item-total-value.section-box-detail-data {
padding:0!important
}
.order-totals .section-box-item-details.last-column {
float:right;
padding-right:10px
}
}
@media screen and (min-width:768px) {
.wrappable-table.admissions-table.shopping-table.odd,
.wrappable-table.admissions-table.shopping-table.even {
background-color:transparent!important;
border-top:.5px dotted;
border-bottom:.5px dotted
}
}
@media screen and (max-width:767px) {
.wrappable-table.admissions-table.shopping-table.odd,
.wrappable-table.admissions-table.shopping-table.even {
background-color:transparent!important;
border-top:.5px dotted;
border-bottom:.5px dotted
}
tr.admission-row-values td.adm-section.field-value {
display:none
}
#shoppingCart .navigation-box .btn {
margin-top:10px;
width:100%
}
.shopping-table .field-label,
.admission-row.section-box-item .section-box-item-details .field-label,
.order-items .section-box-item .section-box-item-details .field-label,
.order-item-details .section-box-item .section-box-item-details .field-label,
.seat-location-information .section-box-item .section-box-item-details .field-label,
.bundle-result-item.section-box-item .section-box-item-details .field-label,
.ticket-usage.section-box-item .section-box-item-details .field-label,
.seat-request.section-box-item .section-box-item-details .field-label,
.seat-on-order.section-box-item .section-box-item-details .field-label,
.reprint-ticket-item.section-box-item .section-box-item-details .field-label,
.order-admission.section-box-item .section-box-item-details .field-label,
.customer-tickets.section-box-item .section-box-item-details .field-label {
font-size:14px;
line-height:1;
margin:6px 0 7px
}
table.shopping-table td {
padding:0 0 5px
}
.account-box-item-details.last-column .account-box-detail-data,
.section-box-item-details.last-column .section-box-detail-data {
padding:0 0 0 10px
}
.order-admissions .section-box-item.item-total,
.order-admissions .section-box-item.item-total .last-column {
padding:10px 5px
}
table.admissions-table td.adm-price-type select {
max-width:100%;
color:#84ab65;
font-size:14px
}
td.adm-addfriend.field-value {
display:none!important
}
}
.headerpopup {
margin-bottom:30px
}
#popupDiv_confirmDiv {
background-color:#a3ffd3
}
#popupDiv_title-text {
display:none!important
}
#popupBody {
}
.modal-content {
background-color:#a3ffd3!important
}
@media screen and (max-width:767px) {
#popupDiv .modal-dialog,
#popupDiv .modal-content {
position:absolute;
top:5px;
bottom:25px!important;
left:5px;
right:5px
}
.modal-content {
background-color:#a3ffd3
}
}
.modal-header {
background-color:#00031b;
border-bottom:0
}
.modal-footer {
background-color:#00031b;
border-top:none
}
.modal-header .close {
padding:.3rem 1rem;
margin:-1rem -1rem -1rem auto;
opacity:1!important;
color:#007cff!important
}
.account-box.page-heading h1 {
margin:0;
text-align:center;
color:#f6f8ff
}
#login-title {
text-align:center;
color:#f6f8ff!important;
font-size:1em
}
.login-box.account-box,
.login-form.account-box,
.forgot-password-box.account-box {
background:0 0;
border:1px solid #04093e;
border-radius:.5rem;
padding:20px;
color:#f6f8ff;
display:flex;
flex-direction:column
}
div.account-box.login.sso {
order:2
}
.account-box.create-account-box p {
color:#f6f8ff
}
.account-box.create-account-box {
max-width:400px;
padding-top:0;
text-align:center;
font-size:1rem;
font-weight:800!important;
line-height:1.5rem;
text-transform:uppercase;
color:#ffe7aa
}
div#login-content.standard-login-options.unstyled.active div label.field-label {
color:#f6f8ff!important
}
.forgot-password.text-right a.btn-link.btn-link-black.btn-unstyled {
color:#006!important;
padding:0!important
}
div#login-content.standard-login-options.unstyled.active div input.buttonBreak.btn.btn-primary.btn-block {
color:#84ab65!important;
background-color:#12130f!important;
border-color:#12130f!important
}
.order-contact {
display:none
}
div.section-box-item.odd.delivery-method,
div.section-box-item.even.delivery-method {
background:0 0
}
.account-box .input-group {
display:inline-flex;
width:300px
}
label.field-label {
color:#f6f8ff!important
}
div#createAccount.bodyDetails form {
text-align:center
}
.menu-toggle span.mobile-cart-indicator {
background:#04093e;
font-family:inherit!important;
position:absolute;
top:-4px;
left:-7px;
color:#84ab65;
border:1px solid #84ab65;
opacity:.8
}
div.account-box.forgot-password-box form ul.list-unstyled li label span.field-label {
color:#a3ffd3
}
div.account-box.forgot-password-box form ul.list-unstyled li.no-label-indent input.buttonBreak.btn.btn-primary {
color:#007cff;
background-color:#a3ffd3!important;
border-color:#a3ffd3!important
}
@media screen and (max-width:767px) {
.account-box.login.sso .standard-login-options.active {
padding:20px 0
}
.account-box.page-heading p {
text-align:center
}
.account-box.create-account-box p {
font-size:1rem;
line-height:1.2rem
}
.account-box.navigation-box .btn-primary {
margin-bottom:10px
}
.account-box.navigation-box .btn-primary,
div#createAccount.bodyDetails form div.navigation-box.account-box input.navBack.nav-cancel.btn.btn-secondary {
width:100%
}
}
.my-account-nav ul li:not(#listItem_visitTicketsLink).active,
.my-account-nav ul li:not(#listItem_visitTicketsLink):hover {
background:#84ab65;
border-top-left-radius:.5rem;
border-bottom-left-radius:.5rem
}
.my-account-nav ul li a .badge-pill {
background-color:#84ab65;
color:#030836;
margin-left:10px;
padding:3px 7px 4px;
font-size:12px;
border-radius:.5rem
}
div#recent-transactions.section-box div.order-row.section-box-item.odd,
div#recent-transactions.section-box div.order-row.section-box-item.even {
background-color:transparent;
display:flex;
justify-content:space-between
}
.my-account-nav ul li>* {
border-right:2px solid transparent;
color:#84ab65!important;
display:block;
font-size:14px!important;
outline:0;
margin:0;
padding:8px 7px;
text-align:right;
text-decoration:none;
border-radius:0;
text-transform:uppercase;
font-family:inherit
}
.my-account-nav ul li>*:hover {
border-right:2px solid transparent;
color:#007cff!important;
display:block;
font-size:18px;
outline:0;
margin:0;
padding:8px 8px 8px 5px;
text-align:right;
text-decoration:none;
border-radius:0;
text-transform:uppercase
}
.horizontal-tab-bar li button.active {
border-bottom:0!important;
color:#f6f8ff!important;
background:#84ab65!important
}
.horizontal-tab-bar li button {
min-width:100px;
max-width:150px;
text-align:center;
text-decoration:none;
padding:8px;
margin-bottom:-1px;
border-bottom:1px solid transparent;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:transparent;
border-top-right-radius:.5rem;
border-top-left-radius:.5rem;
color:#f6f8ff;
text-transform:uppercase;
font-size:14px;
border-top:1px solid #84ab65;
border-left:1px solid #84ab65;
border-right:1px solid #84ab65
}
.horizontal-tab-bar li button:hover {
min-width:100px;
max-width:150px;
text-align:center;
text-decoration:none;
padding:8px;
margin-bottom:-1px;
border-bottom:1px solid transparent;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border-top-right-radius:.5rem;
border-top-left-radius:.5rem;
color:#f6f8ff;
text-transform:uppercase;
font-size:14px
}
@media screen and (min-width:992px) {
.my-account-nav-heading {
border:0;
border-radius:0;
font-size:1.2em;
margin-top:20px;
text-align:right;
padding:10px;
font-weight:800;
text-transform:uppercase
}
.my-account-section-heading {
margin:20px 0 0;
font-size:1.2rem
}
.my-account-section-heading {
margin:20px 0 0;
font-size:1.2rem;
display:none
}
}
@media screen and (min-width:768px) {
.account-header .customer-summary .customer-name {
float:left;
margin-top:11px;
font-weight:800;
text-transform:uppercase
}
.account-header .customer-summary {
font-size:1.2em
}
#upcoming-events-link {
background-color:#84ab65;
padding:12px 7px 10px;
border-radius:.5rem;
color:#f6f8ff!important;
font-weight:400;
margin-top:-13px;
font-size:14px
}
#upcoming-events-link:hover {
opacity:.5;
text-decoration:none!important
}
a#listOrderLink.section-link {
background-color:#84ab65;
padding:12px 7px 10px;
border-radius:.5rem;
color:#f6f8ff!important;
font-weight:400;
margin-top:-13px;
font-size:14px
}
a#listOrderLink.section-link:hover {
opacity:.5;
text-decoration:none!important
}
div.order-number.section-box-item-details button.btn-unstyled.btn-link.item-link {
border-radius:.5rem;
font-size:14px!important
}
div.order-number.section-box-item-details button.btn-unstyled.btn-link.item-link:hover {
opacity:.5
}
}
@media screen and (max-width:767px) {
.my-account-nav-heading {
border:1px solid #007cff;
border-radius:4px;
font-size:18px;
text-align:center;
margin:0 0 10px;
padding:10px
}
.my-account-nav ul li>* {
text-align:center
}
.my-account-nav-heading .nav-heading-toggle {
border:0;
border-left-width:0;
border-left-style:none;
border-left-color:currentcolor;
border-left:1px dotted #007cff;
color:#007cff;
background-color:transparent;
float:right;
padding:3px 5px 3px 10px
}
.account-header .customer-summary .account-header-text {
color:#007cff;
font-size:12px
}
#accountContent {
text-align:center
}
.my-account-nav ul li:not(#listItem_visitTicketsLink).active,
.my-account-nav ul li:not(#listItem_visitTicketsLink):hover {
border-radius:.5rem
}
.my-account-nav ul li {
border-bottom:1px dotted #007cff;
display:inline-block;
width:100%
}
.my-account-nav ul li:not(#listItem_visitTicketsLink).active>*,
.my-account-nav ul li:not(#listItem_visitTicketsLink):hover>* {
border-right-color:transparent!important
}
}
.breadcrumb-item+.breadcrumb-item::before {
display:inline-block;
padding-right:.5rem;
color:#84ab65;
content:"→"
}
.breadcrumb {
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:.75rem 1rem .75rem 0;
margin-bottom:1rem;
list-style:none;
background-color:transparent
}
ol.breadcrumb li.breadcrumb-item a {
text-decoration:underline
}
li.breadcrumb-item {
font-size:12px;
display:inline-flex
}
.breadcrumb-item.active {
color: #fff;
}
li.breadcrumb-item {
font-size: 12px;
display: inline-flex;
color: #6c757d;
}
.account-box.payment-input-box,
.account-box.default-payment-method {
background:0 0;
border:1px solid #84ab65;
border-radius:.5rem;
padding:20px
}
.payment-methods-list .payment-method-option {
background:0 0;
border-radius:.5rem;
display:inline-block;
float:left;
margin:0 1% 1%;
text-align:center;
width:48%;
border:1px solid #84ab65;
}
li#listItem_checkGiftBalance.accountListItem button.btn.btn-link {
background-color:transparent;
color:#84ab65!important;
font-size:14px!important;
text-transform:uppercase;
font-family:inherit
}
li#listItem_checkGiftBalance.accountListItem button.btn.btn-link:hover {
background-color:transparent;
color:#f6f8ff!important;
font-size:14px!important;
text-transform:uppercase;
font-family:inherit!important
}
.account-header .customer-summary .account-header-text {
color:#f6f8ff;
font-size:14px
}
.my-account-nav ul li:not(#listItem_visitTicketsLink).active>*,
.my-account-nav ul li:not(#listItem_visitTicketsLink):hover>* {
color:#f6f8ff!important;
border-right-color:#f6f8ff;
font-size:14px!important;
padding:8px 7px;
font-family:inherit
}
div#payments.payment-box div.account-box.payment-input-box ul.list-unstyled li label.field-label span,
div#payments.payment-box div.account-box.payment-input-box ul.list-unstyled li span.field-label {
color:#84ab65
}
.payment-box .field-value {
padding:5px 12px 5px 0
}
@media screen and (max-width:767px) {
.account-box .form-control {
width:300px!important;
text-align:center
}
div.account-box.payment-input-box ul.list-unstyled li.no-label-indent button.btn.btn-link {
width:300px!important
}
.account-box.payment-input-box,
.account-box.default-payment-method {
text-align:center
}
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li h3.item-short-description {
color:#f6f8ff!important;
font-size:1em;
margin-top:10px
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li span.performance-date {
color:#f6f8ff!important
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details ul.list-unstyled li a {
display:none
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box {
min-height:auto!important;
border-top-left-radius:.5rem!important;
padding:5px
}
.ticket-layout {
background:0 0!important;
border:2px solid #84ab65;
border-radius:.5rem;
margin-bottom:10px
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-location.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-location.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-type.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-type.section-box-item-details {
display:none
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-zone.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-zone.section-box-item-details {
width:50%
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details {
width:30%
}
@media screen and (max-width:767px) {
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box span.item-logo {
width:100%!important;
height:100%!important;
max-width:100%
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.performance-header.has-logo1.item-information.item-box div.item-description-details {
text-align:center!important
}
.ticket-layout {
display:inline-block!important;
border:2px solid #007cff;
border-radius:.5rem;
margin-bottom:10px;
text-align:center!important
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.seat-price-zone.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.seat-price-zone.section-box-item-details {
width:100%
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details {
width:100%;
text-align:center;
display:inline-block
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.item-amount.section-box-item-details span.section-box-detail-data.field-value,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.item-amount.section-box-item-details span.section-box-detail-data.field-value {
width:100%;
text-align:center;
display:inline-block
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.odd div.section-box-item-detail.apple-wallet,
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.order-admission.section-box-item.ticket-layout.even div.section-box-item-detail.apple-wallet {
width:100%;
text-align:center;
display:inline-block
}
div#viewOrder.bodyDetails div.row div.order-items.col-lg-8 div#order-addmissions.order-item-details.section-box div.section-box-item.item-total div.section-box-item-details.last-column {
text-align:center
}
}
#footer {
clear:both;
padding-left:4rem;
padding-right:4rem;
font-size:14px;
color:#f6f8ff!important;
min-height:100px
}
.footer-content {
margin-top:50px
}
.footer_text {
color:#f6f8ff!important
}
div.footer-content.container ul {
padding-left:15px
}
.locate-icon::before {
font-family: "Font Awesome 5 Free";
content: "\f3c5";
font-weight: 900;
margin-right: 0.5em;
}
.order-customer-delivery.item-box h4 button.btn-unstyled.btn-link.update-link,
.order-customer-contact.item-box h4 button.btn-unstyled.btn-link.update-link {
display:none
}
.order-customer-address.item-box h4 button.btn-unstyled.btn-link.update-link {
padding:12px 12px 10px;
margin-top:-10px;
border-radius:.5rem;
color:#0b0a23!important;
font-weight:600
}
.order-customer-address.item-box h4 button.btn-unstyled.btn-link.update-link:hover {
opacity:.5;
text-decoration:none
}
body[lang=fr] #payments-title::after {
content:'\A\A Politique de remboursement : Toutes les ventes sont finales. Aucun remboursement et aucun transfert pour un autre Événement. '!important;
font-size:18px;
margin-top:25px;
display:flex;
letter-spacing:-.03px;
max-width:80%;
margin-bottom:20px;
text-transform:none!important
}
body[lang=en] #payments-title::after {
content:'\A\A Refund policy:All sales are finals. No refund and no transfer for another show. '!important;
font-size:18px;
margin-top:25px;
display:flex;
letter-spacing:-.03px;
max-width:80%;
margin-bottom:20px;
text-transform:none!important
}
@keyframes slides {
from {
transform:translateX(0)
}
to {
transform:translateX(-100%)
}
}
.logos_support {
border:5px solid;
border-image:url(/content/Images/Website/FuzzyPinkRed_Pattern_30px.png) 10 repeat;
padding-top:12px
}
.logos a {
margin:0 20px;
padding:20px 0;
color:#f33fc3!important
}
.logos a:hover {
text-decoration:none
}
.logos:before,
.logos:after {
position:absolute;
top:0;
content:'';
width:250px;
height:100%;
z-index:2
}
.logos:before {
left:0
}
.logos:after {
right:0
}
@media screen and (min-width:768px) {
.logos {
overflow:hidden;
padding:0;
white-space:nowrap;
position:relative;
width:100vw;
margin-left:calc(-50vw + 50%);
margin-bottom:0
}
.logo_items_desktop {
display:inline-block;
animation:100s slides infinite linear;
color:#ff5bfb!important
}
.accroche {
display:block;
color:#ff5bfb!important;
text-align:center;
width:100%
}
.logo_items_mobile {
display:none
}
}
@media screen and (max-width:767px) {
.logos {
display:none
}
.accroche {
display:inline-block;
color:#ff5bfb!important;
text-align:center;
font-size:1.5em;
padding-left:15px;
padding-right:15px;
width:100%
}
.logo_items_mobile {
display:inline-flex;
color:#ff5bfb!important;
font-size:1.3em;
border-top:2px solid #ff5bfb;
padding-top:5px;
padding-bottom:3px;
border-bottom:2px solid #ff5bfb;
width:100%;
justify-content:center
}
.logo_items_mobile a {
color:#ff5bfb!important;
width:80%
}
.logo_items {
display:inline-block;
animation:none;
color:#ff5bfb!important
}
}
.logos:hover .logo_items {
animation-play-state:paused
}
.logo_items img {
height:100px
}
#today .item-start-date {
display:none
}
#today .availability-indicator {
display:none
}
#today .standard-search-results .result-box-item-details.last-column {
display:none
}
#today .standard-search-results .result-box-item-details.item-description {
text-align:center;
font-size:1.5em
}
#today .search-results-container .item-description .item-name::before {
content:'À l’affiche aujourd’hui';
position:relative;
padding-right:30px;
color:#84ab65
}
@media screen and (max-width:767px) {
#today .search-results-container .item-description .item-name::before {
content:'À l’affiche aujourd’hui\A';
position:relative;
padding-right:10px;
color:#84ab65
}
}
#today div.odd.result-box-item,
div#today div.even.result-box-item {
background-color:transparent!important
}
div#today .pagination-box {
display:none
}
#miscitems .search-results-container .item-description .item-name {
color:#f6f8ff;
text-transform:uppercase
}
@media only screen and (min-width:992px) {
#miscitems .standard-search-results {
display:flex;
justify-content:space-between
}
#miscitems .odd.result-box-item,
#miscitems .even.result-box-item {
padding:0;
width:auto!important
}
}
@media only screen and (max-width:991px) {
#miscitems .item-description.result-box-item-details {
width:100%
}
}
@media only screen and (max-width:767px) {
#miscitems .item-link.result-box-item-details {
width:100%
}
}
@media only screen and (min-width:768px) {
.desktop_donotdisplay {
display:none
}
}
@media only screen and (max-width:767px) {
.mobile_donotdisplay {
display:none
}
}
#showsContainer {
padding-left:0!important;
padding-right:0!important;
width:100vw;
margin-top:-30px!important;
margin-left:-15px
}
#showsTiles {
flex-flow:wrap;
padding-left:0;
padding-right:0
}
#showsTiles {
width:100%;
overflow-x:auto;
flex-direction:row;
flex-flow:nowrap;
padding-left:0
}
#showsTiles .card-deck {
flex-direction:row;
flex-flow:nowrap!important;
display:flex
}
#showsTiles .card-deck .card {
width:20rem;
margin:0;
margin-right:.5rem;
border:none;
background-color:transparent
}
.categoryFilterList {
display:flex
}
#searchFilters ul.categoryFilterList.list-unstyled li a {
color:#f6f8ff!important
}
#searchFilters ul.categoryFilterList.list-unstyled li {
margin-right:2rem
}
.clear-filter a {
background-color:#04093e;
padding:.375rem .75rem
}
#Filtre\ de\ catégorie0>span:nth-child(1):after {
content:url(/content/Images/filter_white_20.png);
margin-left:20px
}
.menuTopItem.active a.menu_item.menu-link {
color:#f6f8ff!important
}
.reserve-seats.section-box {
display:none
}
#orderContact.bodyDetails form div.row div.order-customer-details.col-lg-4 {
order:2
}
.footer-content.container div.row {
align-items:baseline
}
.image-container {
display: inline-flex !important
;
margin-left: 30px;
}
.image-container a {
width:50px;
display:block;
margin-right:10px
}
.footer-content.container div.row div.col-12.col-md-5 h5 {
margin-right:10px;
color:#f6f8ff!important
}
.social {
display: inline-flex;
align-items: baseline;
justify-content: end;
}
.adress {
text-align: right;
}
@media screen and (max-width:767px) {
.social {
display:inline-block;
text-align:center
}
}
@media screen and (min-width:768px) {
#seatSelect .item-box-item-details.price-types {
display:inline-flex;
align-items:baseline;
justify-content:space-between;
width:80%;
margin-bottom:10px;
margin-top:7px
}
#seat-quantity .pricetype-label {
margin-right:10px
}
.pricetype-desc-label-best {
margin-left:90px;
margin-top:0!important
}
.caps-pricetype-max-label {
display:none
}
}
.order-performance.row tr.admission-row-labels th.field-label.admPriceValue,
.order-performance.row td.adm-price-value.field-value {
display:none
}
.dashboardcolor {
color:#f6f8ff!important;
background-color:#060642!important
}
.account-box .form-control {
display:inline-block;
width:300px
}
.comboBoxWrapper select.form-control {
border-radius:0;
position:absolute;
width:300px!important;
left:0;
top:0
}
.comboBoxWrapper input.form-control {
width:300px!important
}
.account-box .field-label {
width:220px;
text-align:left!important
}
.comboBoxWrapper select.form-control {
clip:rect(0 300px 34px 280px)!important
}
.account-box.page-heading p {
text-align:center!important
}
@media screen and (max-width:767px) {
.account-box .field-label {
text-align:center!important
}
}
#utility-menu-item-login {
display:none
}
#shoppingCart .link.btn.btn-danger {
display:none!important
}
#maintainAccount .attention.alert.alert-info {
background-color:transparent!important;
border:0;
text-shadow:none;
color:#f6f8ff!important;
padding:0!important
}
.upcoming-event.section-box-item.odd,
.upcoming-event.section-box-item.even {
background-color:transparent
}
.month-collapse.collapse.show>div:nth-child(2n+1),
.customer-tickets.section-box-item:nth-child(2n),
.performance-ticket-set .admission-info:nth-child(2n),
.selected-tickets-list .admission-info:nth-child(2n+1),
.customer-tickets.section-box-item:nth-child(2n+1) {
background-color:transparent
}
@media screen and (max-width:991px) {
#menuTopItem2 {
display:none
}
.menu_item.menu-link {
text-transform:uppercase
}
.menu_item.menu-link span.menu-label {
font-size:2em
}
}
#popupDiv .modal-body {
background-color:#273b82
}
#popupDiv #addAdmissionCustomer_iframe .field-label {
padding-left:10px;
color:#273b82
}
@media screen and (min-width:992px) {
.forfaits {
width:60%!important
}
}
@media screen and (max-width:991px) {
.forfaits {
width:100%!important
}
}
.forfaits a {
width:100%;
display:block;
color:#f6f8ff!important
}
.forfaits a:hover {
color:#f6f8ff!important;
text-decoration:none
}
#viewOrder .alert.alert-blue {
display:none!important
}
#order-addmissions.order-item-details.section-box {
border-top:none!important
}
#order-addmissions .item-description-details {
padding:20px 10px
}
#order-addmissions .item-description-details ul.list-unstyled li a {
display:none!important
}
#exchangeSeatsButton {
display:none!important
}
#cancelForm {
margin-bottom:30px!important
}
.action-bar {
margin-bottom:30px!important
}
@media screen and (min-width:768px) {
div.bodyDetails:not(#bundleSelect) .pricetype-label,
div.bodyDetails:not(#bundleSelect) .price-details .price-label {
font-size:1em;
width:20%
}
.select-tickets-column,
.select-misc-item-column {
display:inline-block;
max-width:70%
}
}
#seatSelect .attention.alert.alert-info {
display:none!important
}
.customer-tickets .seat-section .field-value,
.ticket-layout .seat-section .field-value {
overflow-wrap:break-word;
word-wrap:break-word;
width:auto
}
.customer-tickets>.ticket-item-box,
.ticket-layout .section-box-item-details {
overflow-wrap:break-word;
word-wrap:break-word;
width:auto
}
@media screen and (max-width:767px) {
#exchangeDateButton {
width:100%;
margin-bottom:10px
}
.action-bar {
margin-bottom:30px!important;
text-align:center
}
}
@media screen and (min-width:991px) {
#menuTopItem5 {
display:none!important
}
}
.availability-legend.result-box {
display:none!important
}
#miscItemDetail .item-price {
display:none!important
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#84ab65;
text-decoration:none;
background-color:#04093e;
border:1px solid #84ab67
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
z-index:2;
color:#04093e;
cursor:default;
background-color:#f6f8ff;
border-color:#84ab65
}
.overview-exchange-table .overview-exchange-from>tr>td {
background:0 0!important
}
.exchange-to-from-heading {
margin-top:30px!important
}
.ticket-download-print {
background-color:transparent!important
}
.stored-value-options>ul:nth-child(1)>li:nth-child(3) {
display:none!important
}
/* Languages on menu
-------------------------------------------------------------- */
@media screen and (min-width: 992px) {
#menuTopItem5, #menuTopItem6, #menuTopItem7
{
display: none!important;
}
}
@media screen and (max-width: 991px) {
body[lang="fr"] #menuTopItem6
{
display: none!important;
}
body[lang="en"] #menuTopItem7
{
display: none!important;
}
}
/* Menu dropdown on hover
-------------------------------------------------------------- */
@media screen and (min-width: 992px) {
#menu {
.dropdown-toggle {
display: none;
}
.menuTopItem .menu_item .glyphicon.glyphicon-chevron-down,
.menu_item.dropdown-toggle {
display: none;
}
.menuContainer.main-nav .nav .menuTopItem .fa-chevron-down {
display: none;
}
.menu_item:focus ~ .dropdown-menu,
.menuTopItem:hover > .dropdown-menu {
display: block;
}
}
.menuContainer.main-nav .nav .menuTopItem .dropdown-menu {
background: #0b0a23!important;
border: 0px solid #ddd!important;
border-top-width: 0px;
border-top-style: solid;
border-top-color: rgb(221, 221, 221);
border-top: 0;
border-radius: 0 0 5px 5px;
box-shadow: none!important;
position: absolute;
width: 300px;
top: 100%;
z-index: 1000;
}
.menuContainer.main-nav .nav li .dropdown-menu .dropdown-item {
border-top: 0px solid #ddd;
text-transform: none;
}
}
@media screen and (max-width: 991px) {
a.menu_item.empty-link-dropdown-toggle span.menu-label
{
font-size: 2em;
text-transform: uppercase;
}
}
@media screen and (min-width: 992px) {
.menuContainer.main-nav .nav .menuTopItem.show .fa-chevron-up {
display: none!important;
}
.menuContainer.main-nav .nav li .dropdown-menu a.menuSubItem:hover {
background-color:#0b0a23;
}
.menuContainer.main-nav .nav .menuTopItem.show [data-toggle="dropdown"] {
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
background-color:#0b0a23;
}
}
.last-promotional-code-name span {
color: #04093e!important;
}
/* Misc Items
-------------------------------------------------------------- */
#bundleSelect .bundles-container.item-box {
display:none;
}
#bundleResult .seat-location.section-box-item-details{
display:none;
}
body[lang="fr"] #bundleSelect .item-description::before
{
content: "\A Mode d’emploi :\A\A • Aucune réservation requise : vous allez recevoir 1 billet ouvert pour chacune des expositions \00a0 \00a0 choisies.\A\A • Consultez les horaires sur notre site web car nos expositions ne sont pas disponibles en même \00a0 \00a0 temps.\A\A • Présentez-vous directement à l’entrée d’OASIS immersion et présentez le billet de l’exposition \00a0 \00a0 que vous allez voir. \A\A ***Aucun remboursement.***\A *** Chaque billet peut être scanné une fois. *** \A";
display: block;
margin-bottom: 10px;
color: #fff;
white-space: pre-wrap;
line-height: 22px
}
body[lang="en"] #bundleSelect .item-description::before
{
content: "\A Instructions:\A\A • No reservation required: you will receive 1 open ticket for each exhibition you choose.\A\A • Please check the schedule on our website, as our exhibitions are not available at the same time. \00a0 \00a0 \00a0 temps.\A\A * Go directly to the OASIS Immersion entrance and present the ticket for the exhibition you are \00a0 \00a0 going to see.\A\A *** No refunds or changes. ***\A *** Each ticket can be scanned once. *** \A";
display: block;
margin-bottom: 10px;
color: #fff;
white-space: pre-wrap;
line-height: 22px
}
#quantity\:\:12139900-8E0F-4780-9AB9-9B8010553312\:\:select > option:nth-child(n+9), #quantity\:\:0B1A6F60-32A1-4215-BF03-C3BB0D659BF8\:\:select > option:nth-child(n+9), #quantity\:\:AEA9E245-094E-45F1-B2B4-23B79A9C56E2\:\:select > option:nth-child(n+9)
{
display:none;
}
#quantity\:\:AB82A780-1B23-40A5-A4E4-BCD18609E92B\:\:select > option:nth-child(n+1):nth-child(-n+5),
#quantity\:\:AB82A780-1B23-40A5-A4E4-BCD18609E92B\:\:select > option:nth-child(n+11) {
display:none;
}
#quantity\:\:C1A78721-768D-492A-ABFB-3C5B1B4362E9\:\:select > option:nth-child(n+1):nth-child(-n+21)
{
display:none;
}
.bundle-result-item .bundle-event .bundle-event-date {
display:none;
}
#miscItemQuantity\:\:select > option:nth-child(n+3){
display:none;
}
#quantity\:\:68C4DD3F-8EA9-4447-9096-225E06C61701\:\:select > option:nth-child(n+1):nth-child(-n+5),
#quantity\:\:68C4DD3F-8EA9-4447-9096-225E06C61701\:\:select > option:nth-child(n+11)
{
display:none;
}
@media only screen and (min-width:768px) {
body[lang="fr"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
content: '\A Famille de 4 et plus : 2 adultes maximum et 2 enfants minimum';
position: relative;
padding-left: 10px;
white-space: pre;
font-size: 14px
}
body[lang="en"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
content: '\A Family of 4 and more: 2 adults maximum and 2 children minimum';
position: relative;
padding-left: 10px;
white-space: pre;
font-size: 14px;
} }
@media only screen and (max-width:767px) {
body[lang="fr"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
content: '\A Famille de 4 et plus : 2 adultes\A maximum et 2 enfants minimum';
position: relative;
padding-left: 10px;
white-space: pre;
font-size: 14px
}
body[lang="en"] #priceTypeLabel68C4DD3F-8EA9-4447-9096-225E06C61701 > span:nth-child(1)::after
{
content: '\A Family of 4 and more: 2 adults \A maximum and 2 children minimum';
position: relative;
padding-left: 10px;
white-space: pre;
font-size: 14px;
}
}
#bundleSelect .bundle-performance-select .item-box h4
{
display:none;
}
/* FAQ
-------------------------------------------------------------- */
.faq img
{
border:1px solid #fff;
}
.account-box .field-label {
color:#84ab65;
}
.ticket-layout > .apple-wallet { display:none!important;}
#seatSelect .caps-pricetype-max-label{
display:none!important;
}
/* Cart button add tickets FR Ajouter plus de billets
-------------------------------------------------------------- */
#orderContact .gift-card-payment .section-box-item{
display:flex!important;
flex-direction: column;
}
.gift-card-payment.section-box div.section-box-item.odd{
border: 1px solid #84ab65;
padding: 15px;
border-radius: .5rem;
margin-bottom: 15px
}
#orderContact .remove-card.section-box-item-details.last-column{
text-align: left!important;
}
body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"] {
position: relative;
display: inline-flex;
align-items: center;
font-size: 16px;
border: none;
cursor: pointer;
background-color: transparent !important;
color: white;
transition:
background-color 0.3s ease,
transform 0.2s ease;
margin-left: -15px;
}
body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]:hover {
background-color: #5a6268; /* Darker shade for hover */
}
body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"] svg {
margin-right: 8px;
display: none;
}
body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
}
body[lang="FR"] #orderContact .remove-card .btn.btn-danger[title^="Retirer le certificat-cadeau"]::after {
content: attr(title);
position: relative;
top: 0;
left: 0;
background: #1a1a1a !important;
color: #red;
padding: 6px 10px;
border: 1px solid #1a1a1a !important;
font-size: 12px;
white-space: nowrap;
text-wrap-mode: nowrap;
white-space-collapse: collapse;
display: block;
opacity: 1;
visibility: visible;
float: left;
position: relative;
width: 100%;
}
body[lang="FR"] #orderContact .gift-card-payment.section-box .remove-card:after{
content: 'S’il reste un montant à payer, il s’affichera lorsque vous sélectionnerez le mode de paiement de votre choix.';
display: block;
margin-top: 10px;
color: #fff;
white-space: pre-line;
}
body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"] {
position: relative;
display: inline-flex;
align-items: center;
font-size: 16px;
border: none;
cursor: pointer;
background-color: transparent !important;
color: white;
transition:
background-color 0.3s ease,
transform 0.2s ease;
margin-left: -15px;
}
body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]:hover {
background-color: #5a6268; /* Darker shade for hover */
}
body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"] svg {
margin-right: 8px;
display: none;
}
body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(38, 143, 255, 0.5);
}
body[lang="EN"] #orderContact .remove-card .btn.btn-danger[title^="Remove Payment"]::after {
content: attr(title);
position: relative;
top: 0;
left: 0;
background: #1a1a1a !important;
color: #red;
padding: 6px 10px;
border: 1px solid #1a1a1a !important;
font-size: 12px;
white-space: nowrap;
text-wrap-mode: nowrap;
white-space-collapse: collapse;
display: block;
opacity: 1;
visibility: visible;
float: left;
position: relative;
width: 100%;
}
body[lang="EN"] #orderContact .gift-card-payment.section-box .remove-card:after{
content: 'If there is a remaining balance, it will be displayed once you select your preferred payment method.';
display: block;
margin-top: 10px;
color: #fff;
white-space: pre-line;
}