/* LOAD FONTS */ @font-face { font-family: 'open_sansbold'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansextrabold'; /* src: url('fonts/OpenSans-ExtraBold-webfont.eot'); */ /* src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), */ src:url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'); /* url('fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg'); */ font-weight: normal; font-style: normal; } @font-face { font-family: 'open_sansregular'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'open_sanssemibold'; src: url('fonts/OpenSans-Semibold-webfont.eot'); src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal; } */ /* GLOBAL ITEMS */ .saffireMobileSize .modal iframe { width: 1px; min-width: 100%; } body.modalBody.saffireMobileSize { min-width: 0; } body.mobileNavShowing.saffireMobileSize { overflow: hidden; } body:not(.modalBody) { min-width: 332px !important; } body.saffireMobileSize.calendarControlsCurrentlyOpen { overflow: hidden; } .saffireMobileSize select { max-width: 100% !important; } .saffireMobileSize img:not(.nonResponsiveImage) { max-width: 100%; } .moduleItemContainer img { max-width: 100%; } .saffireMobileSize .generalMessageOn .wrapper { margin-top: 0; } .saffireMobileSize .header { padding-bottom: 10px; } .saffireMobileSize .generalMessageOn .header { top: 0; } .saffireMobileSize .siteInfoBannerOn .header { padding-bottom: 0; } .saffireMobileSize .header { background: url("../images/mobile-menu.jpg") repeat-x transparent; color: #ffffff; font: 1.6em "open_sansregular"; width: 100%; position: relative; height: 120px; -webkit-transition: none; transition: none; } .saffireMobileSize .headerInnerContent { height: 100%; position: relative; display: block; } .saffireMobileSize .siteInfoBannerOn .header { height: 136px !important; } .saffireMobileSize .homepage.siteInfoBannerOn .header { height: 105px !important; } .saffireMobileSize #google_translate_element { position: static; margin-bottom: 1em; } .saffireMobileSize .content { margin: 33px auto 0; } .saffireMobileSize .homepage .content, .saffireMobileSize .generalMessageOn.homepage .content { margin-top: 33px; } .saffireMobileSize a.buttonSmall.button { padding: 4px; font-size: 12px; } /* TABS */ .saffireMobileSize .tabs > ul > li { clear: both; float: none; display: block; } .saffireMobileSize .pressPageTabs ul, .saffireMobileSize ul.myAccountTabs { display: block; height: auto; } .saffireMobileSize .myaccount ~ .tabs { padding-bottom: 5px; } .saffireMobileSize .myaccount ~ .subContainer.hr { clear: both; } .saffireMobileSize .tabs > ul > li > a { float: none; margin: 0; padding: 0; display: inline; } .saffireMobileSize .tabOn::after, .saffireMobileSize .tab:hover::after { display: none; } .saffireMobileSize .tabOn, .saffireMobileSize .tab:hover { position: static; background: none !important; } .saffireMobileSize .tabs > ul > li > a { background: none !important; color: inherit; text-decoration: underline; } .saffireMobileSize .tabs > ul > li > a.tabOn { text-decoration: none; } .saffireMobileSize .tabs > ul > li { position: relative; } .saffireMobileSize .tabOn:before { content: '\25B6 '; position: absolute; left: -1.5em; } .homepageTabsContainer { opacity: 0; } .saffireMobileSize .homepageTabsContainer { display: none !important; } .pageIsLoaded .homepageTabsContainer { opacity: 1; } .saffireMobileSize .pressPageTabs { width: 100%; } .saffireMobileSize .pressPageTabs.tabs > ul > li { width: 33%; float: left; } .saffireMobileSize .pressPageTabs.tabs > ul > li:last-child { display: none; } .saffireMobileSize .pressPageTabs.tabs > ul > li a { margin: 6px 4px 0 0; padding: 5px 3px; font-size: 0.9em; } /* FOOTER */ .saffireMobileSize .footer .footerSignIn .left { float: none; } .saffireMobileSize .footer .footerSignIn { display: block; } .saffireMobileSize .footer .myAccountNavButton { display: block; margin-top: 7px; } .saffireMobileSize .footer .footerSignIn a.button, .saffireMobileSize .footer ul li a.button { display: block; max-width: 90%; margin: 0 auto; } .saffireMobileSize .footer .separator { display: block; font-size: 5px; line-height: 6px; opacity: 0; } .saffireMobileSize .footer { background-image: none; height: auto; } .saffireMobileSize .afterContent { display: none; } /* HEADER ITEMS */ .saffireMobileSize img#weatherBugImage { max-width: none; } .saffireMobileSize .header .emailSignup { left: auto; right: 13px; } .saffireMobileSize .quickLinks { left: auto; right: 15px; } .saffireMobileSize .quickLinks { position: relative; /* needed for z-index over logo */ top: 0; left: 0; right: 0; bottom: 0; line-height: 1.3em; z-index: 222; } .saffireMobileSize .quickLinks ul { z-index: 0; position: relative; } .saffireMobileSize .quickLinks ul li { display: none; margin: 0; } .saffireMobileSize .quickLinks ul li.StandardHeaderDirections, .saffireMobileSize .quickLinks ul li.StandardHeaderTicketsAndDeals { display: inline-block; } .saffireMobileSize .header .searchBox { left: auto; right: 217px; } .saffireMobileSize .ticket, .saffireMobileSize .ticket:hover { background-image: none; padding-left: 0; } .saffireMobileSize .ticket { right: 508px; } .saffireMobileSize a.ticket, .saffireMobileSize a.ticket:hover { height: auto; left: auto; overflow: hidden; position: absolute; right: 7px; text-indent: 0; top: 52px; white-space: nowrap; width: auto; text-decoration: none; border-radius: 3px; padding: 0 3px; } .saffireMobileSize .StandardHeaderDirections > a { position: absolute; right: -44px; top: 93px; } .saffireMobileSize .quickLinks ul li.standardCartView { display: block; } .saffireMobileSize .quickLinks ul .viewcart > span > a { text-indent: -9999px !important; display: block; width: 49px; height: 36px; margin-top: -20px; } #svgViewCartIcon { display: none; } .saffireMobileSize .quickLinks ul .viewcart a[data-itemcount]:before { color: #ffffff; content: attr(data-itemcount); display: block; position: absolute; text-align: right; top: -3px; text-indent: 0; padding: 13px 13px 19px 0; height: 16px; width: 43px; font-size: 0.8em; font-family: 'open_sansregular'; } .saffireMobileSize #customLogo { /* |% logo settings */ left: 0; right: auto; max-width: 30%; background-position: center center; background-size: contain; display: block; background-position: center center; margin: 0 auto; padding: 1px 0 0; text-align: center; width: 150px; z-index: 109 !important; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; left: 2.5%; max-width: 33%; padding: 0.2em 0.5%; position: absolute; height: 70px; background-size: contain; min-width: 0; background-color: transparent; } .saffireMobileSize .generalmessage { font-size: 15px; } .saffireMobileSize .generalmessage { white-space: normal; height: auto; font-size: 15px; line-height: 22px; position: relative; padding: 8px 1em 12px; -webkit-transition: none; transition: none; } .saffireMobileSize.calendarControlsCurrentlyOpen .generalmessage { display: none; } .saffireMobileSize.mobileNavShowing .generalmessage { display: none !important; } .saffireMobileSize .header { width: 100%; } /* COUNTDOWN */ .saffireMobileSize #siteInfoBannerWidget { right: 0 !important; left: 0; padding: 3px 0; } .saffireMobileSize #widgetBanner { bottom: 0; position: absolute; top: auto; width: 100%; height: 38px; text-align: center; } .saffireMobileSize .siteInfoBannerOn #siteInfoBannerWidget #eventDates { font-size: 19px; } .saffireMobileSize .siteInfoBannerOn #siteInfoBannerWidget { font-size: 13px; height: 63px; background: none; color: #fff; float: left; top: 85px; width: 100%; right: 0; left: auto; } .saffireMobileSize .siteInfoBannerOn #siteInfoBannerWidget #eventDates { color: #fff; padding: 0; float: none; } .saffireMobileSize #siteInfoBannerWidget #eventName { color: #fff; padding: 0; float: none; } .saffireMobileSize .countdownDays { } .saffireMobileSize #customLogo { width: 163px; } .saffireMobileSize #weatherBugWidget { display: none; } .saffireMobileSize .datePast .countdownDays { font-size: 14px; color: #fff; } .saffireMobileSize .siteInfoBannerOn #siteInfoBannerWidget { display: block !important; } @media screen and (max-width: 470px){ .siteInfoBannerOn #siteInfoBannerWidget { font-size: 11px; } .siteInfoBannerOn #siteInfoBannerWidget #eventDates { font-size: 17px; } } @media screen and (max-width: 615px){ .socialNetworks { z-index: 2; } .generalmessage { line-height: 17px; } } /* NAVIGATION */ .navDummyLink, .navClonedItem { display: none; } .saffireMobileSize .navDummyLink, .saffireMobileSize .navClonedItem { display: none; } .saffireMobileSize .header .cartMenu { display: none !important; } .navMobileMenuShiftedGoBack, .navDummyLink { display: none; } .saffireMobileSize .nav .groups .group a, .saffireMobileSize .navDummyLink { font-size: 16px; } .saffireMobileSize .nav .groups .group a, .saffireMobileSize .nav .groups .group:hover .items .item a, .saffireMobileSize .nav .items .item a, .saffireMobileSize .navDummyLink { font-size: 16px; line-height: 21px; } .saffireMobileSize.mobileNavShowing .header { z-index:2147483647 !important; } .saffireMobileSize .viewcart { float: right; height: 49px; width: 49px; top: 5px; } .saffireMobileSize .cartMenu { display: none !important; } .saffireMobileSize .nav, .saffireMobileSize .viewcart, .saffireMobileSize .header .searchBox, .saffireMobileSize .header .emailSignup { background: transparent; font-family: 'FontAwesome' !important; color: #B9B9B9; border: none; float: right; font-size: 0.8em; height: 49px; padding: 0; position: relative; top: 0; width: 48px; overflow: hidden; right: 0; z-index: 0; } .saffireMobileSize .header .searchBox:not(.clonedSearchBox) > div.searchBoxInput, .saffireMobileSize .header .searchBox:not(.clonedSearchBox) > div { display: none; } .saffireMobileSize .nav:before, .saffireMobileSize .viewcart:before, .saffireMobileSize .header .emailSignup:before, .saffireMobileSize .header .searchBox:before, .saffireMobileSize .searchBoxSubmit:before { content: "\f0c9"; position: relative; top: 7px; font-size: 26px; left: 6%; line-height: 1em; } .saffireMobileSize .nav:before { top: 8px; } .saffireMobileSize .viewcart:before { content: "\f07a"; } .saffireMobileSize .header .emailSignup:before { content: "\f003"; } .saffireMobileSize .header .searchBox:before { content: "\f002"; font-size: 23px; } .saffireMobileSize .searchBoxSubmit:before { content: '\f002'; position: absolute; left: 0; right: 0; width: 26px; margin: 0 auto; font-size: 23px; top: 12px; } .saffireMobileSize .header .mobileNavLink { display: block; width: 100%; height: 50px; top: -28px; cursor: pointer; position: relative; z-index: 3; } .saffireMobileSize #searchBoxClicker { display: block; position: absolute; left: 0; top: 0; width: 49px; height: 49px; cursor: pointer; } .saffireMobileSize .clear.headerClear1 { clear: none; } .saffireMobileSize .header .header input.inputFieldTextbox.textbox { margin: 0.4em 0 0.4em 0.4em; width: 17em; } .saffireMobileSize .header .emailSignup > div { display: none; } .saffireMobileSize .searchBox.clonedSearchBox { left: 0; margin: 0; position: absolute; right: 0; width: auto; z-index: 2147483647; background: #000 url("../images/mobile-menu.jpg") repeat-x scroll 0 0; box-shadow: 0 3px 4px #212121; } .saffireMobileSize .searchBox.clonedSearchBox .searchBoxInput { left: 0; position: absolute; top: 0; width: 72%; bottom: 0; margin: auto; height: auto; right: auto; } .saffireMobileSize .searchBox.clonedSearchBox .searchBoxInput input.inputFieldTextbox.textbox { width: 97%; height: 41px; padding-left: 3%; padding-right: 0; } .saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit { bottom: 0; left: 72%; margin: auto; position: absolute; top: 0; right: auto; width: 14%; } .saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit a, .saffireMobileSize .searchBox.clonedSearchBox .searchBoxSubmit a:hover { padding: 0; margin: 0; position: absolute; background: transparent; left: 0; right: 0; margin: auto; top: 0; bottom: 0; width: auto; height: auto; border-right: 1px solid #fff; background: none !important; text-indent: -6000px; overflow: hidden; } .saffireMobileSize .mobileSearchCloseButton { display: none; } .saffireMobileSize.saffireMobileSize .mobileSearchCloseButton { color: #B9B9B9; text-decoration: none; width: 14%; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; left: 86%; text-align: center; font: 24px 'open_sansbold'; top: 0; bottom: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1em; } .saffireMobileSize .header li[aria-haspopup="true"] > a { display: none !important; } .saffireMobileSize .header li[aria-haspopup="false"] > a { display: block !important; } .saffireMobileSize .header .groups > .group > .navDummyLink:after { content: ' >'; } .saffireMobileSize .header .navDummyLink { display: block; } .saffireMobileSize .header .navClonedItem { /*display: none;*/ } .saffireMobileSize .header .nav ul { -webkit-transition: left 0.3s; transition: left 0.3s; opacity: 0; } .saffireMobileSize .nav .groups .group { padding: 0 18px; } .saffireMobileSize .navMobileMenuShiftedGoBack { left: 0; position: fixed; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); top: 0; width: 50%; height: 50px; z-index: 4000; cursor: pointer; background: #000; } .saffireMobileSize .navMobileMenuShiftedGoBack:before { content:'< BACK'; color: #ffffff; cursor: pointer; display: block; font-family: "open_sansregular"; font-size: 14px; margin-top: 0.4em; text-align: left; padding-left: 5%; } .saffireMobileSize .group > .navMobileMenuShiftedGoBack:before { color: orange; } /* CART/CHECKOUT */ .saffireMobileSize .cartViewVertical.right { float: none; } .saffireMobileSize .left.cartcols + .right { float: none; } @media screen and (max-width: 920px){ /* as soon as the site gets smaller than our standard width this kicks in */ .saffireMobileSize .cartcols { width: 34%; } .cartViewVertical .subContainer { } } .saffireMobileSize .reviewYourOrderSubContainer .left, .saffireMobileSize .reviewYourOrderSubContainer .right { float: none; } .saffireMobileSize .reviewYourOrderSubContainer { padding: 10px; width: 96%; width: -webkit-calc(100% - 20px); width: calc(100% - 20px); } .saffireMobileSize .checkoutReviewReviewYourOrder { float: none; } /* MODALS */ .ui-dialog { max-width: calc(100% - 40px); } #dynamicModal, .modal.nested { border: 10px solid #FFF; } .saffireLargeSize #dynamicModal, .saffireLargeSize .modal.nested { border-top: 25px solid #FFF; } #dynamicModal .modalBody { padding: 0 14px; } .saffireMobileSize #dynamicModal, .saffireMobileSize .modal.nested { max-height: 80vh !important; } .saffireMobileSize.modalBody .emailSignup .textbox { border-right: 1px solid; width: 100%; } .saffireMobileSize.modalBody .emailSignup > div { float: none; } .saffireMobileSize.modalBody .emailInputSubmit { margin-top: 8px; text-align: center; } .saffireMobileSize.modalBody a[onclick*='Unsubscribe.ascx'] { width: 100%; display: block; text-align: center; } .saffireMobileSize iframe { max-width: 96%; } /* PAGE SPECIFIC */ @media screen and (max-width: 450px){ ul.imageGallery, .imageGallery { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } /* body:not(.homepage) .swiper-slide img { max-width: 90% !important; padding: 2em 0; } */ .saffireMobileSize ul.dynamicSponsorPageModule.imageGallery, .saffireMobileSize .dynamicSponsorPageModule.imageGallery { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dialogMediaGallery, .dialogPhotoGallery { max-width: calc(100% - 40px); } @media screen and (max-width: 1024px) { #dynamicModal, .modal.nested { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; } } @media screen and (max-width: 990px){ .eventdetailPhoto .feature { min-width: 0; width: calc(70% - 10px); min-width: 0; min-height: 0; } .saffireMobileSize .eventdetailPhoto.textGallerySinglePhotoContainer .feature { width: 94%; } .eventdetailPhoto .feature a { width: 100%; } .eventdetailPhoto .feature img { max-width: 100%; height: auto; min-width: 0; min-height: 0; } .eventdetailPhoto .thumbnails { width: 30%; } .eventdetailPhoto { width: 100%; } .eventdetailPhoto .feature { margin: 0 auto; } } .saffireMobileSize .listingItemName input.textbox, .saffireMobileSize .listingItemTime input.textbox, .saffireMobileSize .listingItemCost input.textbox, .saffireMobileSize .listingItemDate input.textbox { width: 67px !important; font-size: 1em !important; } .saffireMobileSize .ui-dialog { max-width: 100%; } .saffireMobileSize .dialogMediaGallery td .button, .saffireMobileSize .dialogMediaGallery td.shareThisToolbox { display: none !important; } .saffireMobileSize .dialogPhotoGallery, .saffireMobileSize .dialogMediaGallery { border: medium none !important; height: auto !important; max-width: 100%; padding: 0 !important; width: 100% !important; } .saffireMobileSize .dialogPhotoGallery img, .saffireMobileSize .dialogMediaGallery img { max-width: 100% !important; } .saffireMobileSize .dialogPhotoGallery table, .saffireMobileSize .dialogMediaGallery table { max-width: 100% !important; } .saffireMobileSize .dialogPhotoGallery table, .saffireMobileSize .dialogMediaGallery table, .saffireMobileSize .dialogPhotoGallery tbody, .saffireMobileSize .dialogMediaGallery tbody, .saffireMobileSize .dialogPhotoGallery tr, .saffireMobileSize .dialogMediaGallery tr, .saffireMobileSize .dialogPhotoGallery td, .saffireMobileSize .dialogMediaGallery td { width: 100%; box-sizing: border-box; text-align: center; } .saffireMobileSize .mypickAddedMessage { width: 200px; height: 25px; background: #FFF url(../images/bar-loader.gif) no-repeat center; overflow: hidden; line-height: 100em; border: solid 1px black; padding: 10px; position: absolute; z-index: 2; text-align: center; } .saffireMobileSize .dialogPhotoGallery td, .saffireMobileSize .dialogMediaGallery td { height: auto !important; } .saffireMobileSize .leftArrow.photo-arrow, .saffireMobileSize .left.photo-arrow { position: absolute; width: 8%; height: 100%; top: 0; left: 0; background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(40%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%); background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); } .saffireMobileSize .rightArrow.photo-arrow, .saffireMobileSize .right.photo-arrow { position: absolute; width: 8%; height: 100%; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 60%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); } .saffireMobileSize .dialogMediaGallery .galleryTitle, .saffireMobileSize .caption, .dialogMediaGallery .galleryTitle { margin: 2px auto 0; width: 84%; } .saffireMobileSize .arrowLeft, .saffireMobileSize .arrowRight { left: 0; margin: auto; position: absolute !important; right: 0; } .saffireMobileSize .pastpresident .imageGalleryViewItem, .saffireMobileSize .modal .photo { max-width: 100% !important; margin-top: 2em; } .saffireMobileSize .modalBody .left_col { width: auto; } .saffireMobileSize .photo-arrow, .saffireMobileSize .photoArrow { margin-top: 0 !important; } .saffireMobileSize .modal_close, .saffireMobileSize .dialogPhotoGallery .modalClose { position: fixed; right: 2%; top: 1.3em; z-index: 2147483647; } .saffireMobileSize .modalBody .column { float: none !important; } .saffireMobileSize .eventEntryItem { clear:both; margin: 1em; } .saffireMobileSize #eventEntryModal { padding: 0 9px; } .saffireMobileSize .eventModalEntry input.textbox { min-width: 0; width: 100%; max-width: 95%; } .saffireMobileSize .eventEntryFields, .saffireMobileSize .eventEntryFields.eventEntryNextDates.eventEntryItem { margin-left: 1em; } .saffireMobileSize .eventEntryItem .eventEntryFields, .saffireMobileSize .timeOutterContainer { margin-left: 0; } .saffireMobileSize .datesAdderBtn { margin-top: 1em; } .saffireMobileSize.calendarControlsCurrentlyOpen .ui-autocomplete { left: 0 !important; position: fixed !important; top: 68px !important; width: 210px !important; right: 0; margin: auto; z-index: 1000000000000 !important; } .saffireMobileSize #eventFilterList ul.eventFilterSubcategory { display: block !important; } .saffireMobileSize a.clickEventUpload { margin-bottom: 2em; } .saffireMobileSize .eventGalleryLink { bottom: 0; width: auto; height: auto; right: 0; margin: auto; } .saffireMobileSize .mobileSinglePhotoCaption { display: block; } .saffireMobileSize #imgprint { max-width: 100%; } .mapLegend { border-left: 1px solid rgba(0,0,0,0.3); box-shadow: none !important; } .saffireMobileSize .mapLeftRight, .column-4 .mapLeftRight, .column-6 .mapLeftRight, .column-8 .mapLeftRight { display: none; } .saffireMobileSize .listingItemName, .saffireMobileSize .listingItemTime, .saffireMobileSize .listingItemCost, .saffireMobileSize .listingItemDate { width: 100%; float: none !important; clear: both; } .saffireMobileSize .listingItemButtons .right a { max-width:none; } /*.saffireMobileSize .ticketsDealsListingEventName { float: none; clear: left; max-width: none; }*/ .saffireMobileSize .dynamicSponsorCaption { display: none; } .saffireMobileSize .pressScroller { margin-bottom: 21px; } .saffireMobileSize .ticketsDealsListingLeftContainer { width: auto; } .saffireMobileSize .listingItem .listingItemName { min-height: 0; } .saffireMobileSize .ticketsDealsListingLeftContainer .listingItemName > a { clear: both; display: block; } /*.saffireMobileSize .ticketsDealsListingEventName > img[title="Our Pick"] { left: -18px; float: none; position: absolute; position: absolute; float: none; }*/ .saffireMobileSize .listingItemName { width: 100%; float: none !important; } .saffireMobileSize .site>.left { width: 100%; } .saffireMobileSize .mapLegend hr { display: none; } .saffireMobileSize .mapLegend, .moduleSmall .mapLegend, .moduleMedium .mapLegend { background-color: inherit; background-image: inherit; top: auto; max-height: 50px; width: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top: 1px solid; overflow: hidden; -webkit-transition: max-height 0.4s ease; transition: max-height 0.4s ease; } .moduleSmall .mapLegend, .moduleMedium .mapLegend { cursor: pointer; } .saffireMobileSize .openedMapLegend .mapLegend, .moduleSmall .openedMapLegend .mapLegend, .moduleMedium .openedMapLegend .mapLegend { max-height: 100%; overflow-y: auto; cursor: pointer; } .saffireMobileSize .mapLegendInnerWrapper div, .moduleSmall .mapLegendInnerWrapper div, .moduleMedium .mapLegendInnerWrapper div { opacity: 0; } .saffireMobileSize .openedMapLegend .mapLegendInnerWrapper div, .moduleSmall .openedMapLegend .mapLegendInnerWrapper div, .moduleMedium .openedMapLegend .mapLegendInnerWrapper div { opacity: 1; } .mapLegendCategoryHider { display: none; } .saffireMobileSize .mapLegendCategoryHider { display: none; } .saffireMobileSize .openedMapLegend .mapLegendCategoryHider, .moduleSmall .openedMapLegend .mapLegendCategoryHider, .moduleMedium .openedMapLegend .mapLegendCategoryHider { display: inline-block; z-index: 4000; } .saffireMobileSize .map, .moduleSmall .map, .moduleMedium .map { width: 100%; } .saffireLargeSize #saffireMobileBackToTopLink { display: none; } .saffireMobileSize #saffireMobileBackToTopLink { bottom: -100px; left: 0; position: fixed; z-index: 2147483647; display: block; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-transition: bottom 0.5s ease; transition: bottom 0.5s ease; } .saffireMobileSize.mobileNavShowing #saffireMobileBackToTopLink { display: none !important; } .saffireMobileSize .modulePagePdf img { width: 28px; } .saffireMobileSize #imgsearch { margin: 22px 0px 13px; position: relative; top: 10px; } .saffireMobileSize #imgsearch div.right { margin-right: .5em; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .saffireMobileSize .formColumnLeft, .saffireMobileSize .formColumnMid, .saffireMobileSize .formColumnRight { width: 100%; float: none; } .saffireMobileSize .formSubmit { margin-top: 12px; margin-bottom: 1em; } .saffireMobileSize .modulePagePhotoList .photoItem:last-child { border-bottom: none; } /* .saffireMobileSize .moduleItemContainer .swiper-slide img, */ .saffireMobileSize .moduleItemContainer .swiper-slide iframe, .saffireMobileSize .galleryDataSourceWrapper .swiper-slide iframe, .saffireMobileSize .galleryDataSourceWrapper .swiper-slide img, .saffireMobileSize .imageGridModule .swiper-slide .moduleItemContainer iframe, .saffireMobileSize .imageGridModule .swiper-slide .moduleItemContainer img.smallImage { border: none; box-shadow: none; border-radius: 0; min-width: 0; background: none; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .saffireMobileSize .swiper-slide .imageGridTitle { left: 0; margin: auto; position: absolute; right: 0; max-width: 92%; overflow: hidden; text-overflow: ellipsis; top: 0; white-space: nowrap; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .saffireMobileSize .swiper-slide .dynamicImageGridGalleryDescription { top: 500px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .saffireMobileSize .imageGridInformationClicker { display: none; position: absolute; border: 1px solid; width: 20px; height: 20px; border-radius: 50%; bottom: 12px; right: 10px; cursor: pointer; text-align: center; z-index: 5; } .pageIsLoaded.saffireMobileSize .imageGridInformationClicker { display: block; } .textMediaSlideshowSlideVideo .imageGridInformationClicker { z-index: 5; } .isResponsive .galleryDataSourceWrapper .swiper-slide.imageGridShowingDescription iframe, .isResponsive .galleryDataSourceWrapper .swiper-slide.imageGridShowingDescription img, .isResponsive .moduleItemContainer .swiper-slide.imageGridShowingDescription iframe, .isResponsive .swiper-slide.imageGridShowingDescription .moduleItemContainer iframe, .isResponsive .moduleItemContainer .swiper-slide.imageGridShowingDescription img, .isResponsive .swiper-slide.imageGridShowingDescription img, .isResponsive .swiper-slide.imageGridShowingDescription .moduleItemContainer img.smallImage { opacity: 0; } .saffireMobileSize .swiper-slide.imageGridShowingDescription .dynamicImageGridGalleryDescription { bottom: auto; width: -webkit-calc(100% - 85px); width: calc(100% - 85px); overflow-x: hidden; overflow-y: auto; width: 86%; padding: 0 1%; top: 1.6em; } .saffireMobileSize .swiper-slide.imageGridShowingDescription .imageGridTitle { top: 0; max-width: 92%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .saffireMobileSize .imageGridTitle.subContainer { padding: 0 !important; } .textGalleryMulti.subContainer.textGalleryImageContainer { height: auto; } :not(.saffireMobileView) .textGalleryMulti.subContainer.textGalleryImageContainer { min-height: 319px; } .textGalleryImageContainer.textGalleryMulti { width: 45%; } .photoCenter .textGalleryImageContainer { width: auto; } .saffireMobileSize .textGalleryImageContainer .largeImage { max-width: 100%; } .saffireMobileSize .textGalleryImageContainer .largeImage.sidepic { max-width: -webkit-calc(100% - 50px) !important; max-width: calc(100% - 50px) !important; } .sidepic[alt="Event Results"] { margin: 0 auto; float: none; display: block; } .textGalleryPhotoHasThumbs { bottom: 0; float: left; left: 2%; margin: auto; max-width: 73%; position: absolute; text-align: center; top: 0; width: 77%; height: 100%; } .textGalleryImageContainer .textGalleryPhotoHasThumbs .largeImage { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .photoCenter .textGalleryPhotoHasThumbs { max-width: 100%; } .saffireMobileSize .textMediaMediaContainer { float: none; max-width: 96%; width: 100%; } .saffireMobileSize .moduleMedium .photoRight .textMediaMediaContainer { float: right; max-width: 76%; width: 76%; } .saffireMobileSize .moduleMedium .photoLeft .textMediaMediaContainer { float: left; max-width: 76%; width: 76%; } .photoCenter .textGalleryPhotoHasThumbs { float: none; } .textGalleryImageContainer { margin-bottom: 0.7em; position: relative; } .textGalleryImageContainer.left { margin-right: 2%; } .textGalleryImageContainer.right { margin-left: 2%; } .textMediaSlideshowContainer h3.imageGridTitle.subContainer, .imageGridSlideshowContainer h3.imageGridTitle.subContainer { padding: 0; } .saffireMobileSize .textGalleryImageContainer { max-width: 96%; } .saffireMobileSize .touchIntercept { z-index: 4; position: absolute; top: 0; display: block; bottom: 0; left: 0; right: 0; } .saffireMobileSize .swiperMobileInstructions { text-align: center; margin-top: 0.7em; } .saffireMobileSize .textGallerySinglePhotoContainer { float: none; width: 96%; padding: 2%; text-align: center; max-width: 100%; padding-top: 1.5em; padding-bottom: 1em; } .saffireMobileSize .textGallerySinglePhotoContainer.eventdetailPhoto { width: 100%; } .saffireMobileSize .textGallerySinglePhotoContainer iframe, .saffireMobileSize .textGallerySinglePhotoContainer img { max-width: 90%; } .saffireMobileSize .galleryImg iframe { display: block; height: auto; max-width: 96%; position: relative; top: -50% !important; } /*.saffireMobileSize .eventCol1 .filter input:hover, .saffireMobileSize .eventCol1 #selectedDate:hover { font-family: 'open_sansregular' !important; }*/ @media screen and (max-width: 920px){ /* as soon as the site gets smaller than our standard width this kicks in */ .calendarViewTableHeadRow th { text-indent: -900px; overflow: hidden; position: relative; } .calendarViewTableHeadRow th:after { margin: auto; position: absolute; right: 0; left: 0; text-indent: 0; } .calendarViewTableHeadRow th:nth-of-type(1):after{ content:'SUN'; } .calendarViewTableHeadRow th:nth-of-type(2):after{ content:'MON'; } .calendarViewTableHeadRow th:nth-of-type(3):after{ content:'TUE'; } .calendarViewTableHeadRow th:nth-of-type(4):after{ content:'WED'; } .calendarViewTableHeadRow th:nth-of-type(5):after{ content:'THUR'; } .calendarViewTableHeadRow th:nth-of-type(6):after{ content:'FRI'; } .calendarViewTableHeadRow th:nth-of-type(7):after{ content:'SAT'; } .itemDetailContainer { left: 0; width: 100%; } .pressPageColumn1.column1 { width: 100%; } .pressPageColumn2.column2 { display: none; } } .saffireMobileSize #musicPlayerLink, .saffireMobileSize .eventAudioPlayerButton { display: none !important; } .saffireMobileSize .modulePageTextMedia { opacity: 0; } .saffireMobileSize.pageIsLoaded .modulePageTextMedia { opacity: 1; } .saffireMobileSize .modulePageInlineForm input.textbox { width: 97%; } .saffireMobileSize .calloutArrow, .saffireMobileSize .calloutArrowGallery { display: none !important; } .saffireMobileSize .eventSponsorImageGallery .imageGalleryViewItem, .saffireMobileSize .dynamicSponsorPageModule .imageGalleryViewItem { display: none; } .saffireMobileSize .eventSponsorImageGallery .imageGalleryViewItem.mobileSponsorShowing, .saffireMobileSize .dynamicSponsorPageModule .imageGalleryViewItem.mobileSponsorShowing { display: block; } .saffireMobileSize .imageGalleryViewItem { float: none; } .saffireMobileSize .calendarControlsOpen.eventCol1 { background: rgba(0,0,0,0.8) !important; bottom: 0; right: 0; padding: 0; width: 100% !important; cursor: default; top: 0; z-index: 2147483647; overflow-x: hidden; overflow-y: hidden; padding: 35px 5vw 1em; height: auto; text-align: center; } .saffireMobileSize.calendarControlsCurrentlyOpen .wrapper { z-index: 2147483647; } .saffireMobileSize.calendarControlsCurrentlyOpen > .ui-dialog { z-index: 2147483647; top: 0 !important; left: 0 !important; } .saffireMobileSize.calendarControlsCurrentlyOpen #saffireMobileBackToTopLink { display: none !important; } .saffireMobileSize .mimicSquare { background: #fff; } .saffireMobileSize #eventDateList { position: relative; } .saffireMobileSize.saffireMobileSize .expandedView .flashMusicPlayerImage { display: none; } .saffireMobileSize .eventCol1 #scroll-pane, .saffireMobileSize .scroll-pane { overflow-x: hidden; overflow-y: auto; height: auto !important; max-height: 200px; } .saffireMobileSize #eventFilters { width: auto; position: relative; } .saffireMobileSize #eventFilterList li { text-align: left; } .saffireMobileSize .currentlyViewingDate.currentlyViewingDateBorder { display: none; } .saffireMobileSize .eventList-container:not(.horizontal-filter) .eventCol1 .currentlyViewingDate #scroll-pane { width: 100%; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; margin-top: 23px; } .saffireMobileSize .eventCol1.calendarControlsOpen .currentlyViewingDate.boxShadow, .saffireMobileSize .directoryCol1.calendarControlsOpen .currentlyViewingDate.boxShadow { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .saffireMobileSize.calendarControlsCurrentlyOpen .currentlyViewingDate { display: block; text-align: left; margin-left: auto; margin-right: auto; } .saffireMobileSize .galleryItem.galleryLeft a.button { white-space: nowrap; } .saffireMobileSize .galleryItem .addthis_toolbox span { float: none !important; } .saffireMobileSize .expandedViewEventName { clear: both; padding-top: 0; } .saffireMobileSize #eventFilterList { display: block; float: none; left: 0; margin-left: auto; margin-right: auto; position: relative; right: 0; } .eventCol1 .filter-list a:not(.button):not(.planner-link) { text-decoration: none; /*padding-top: 2px; padding-bottom: 2px;*/ } .saffireMobileSize .eventCol1 .filter-category a:not(.button):not(.planner-link), .saffireMobileSize .eventCol1 .filter-tags a:not(.button):not(.planner-link) { color: #fff; } .saffireMobileSize .eventCol1 .fb-page { margin-right: auto; margin-left: auto; right: 0; } .saffireMobileSize .calendarControlsOpen .eventSubCategory.selectedEventItem > a, .saffireMobileSize .calendarControlsOpen .eventCategory.selectedEventItem > a, .saffireMobileSize .calendarControlsOpen .listingTag.selectedEventItem > a { border: 1px solid #fff; border-radius: 6px; padding-left: 2px; padding-right: 2px } .saffireMobileSize.saffireMobileSize .expandedViewEventLocation, .saffireMobileSize.saffireMobileSize .expandedViewEventTime { display: block; } .saffireMobileSize .mobileTagCategoryContainer, .saffireMobileSize #calendarMobileSearchSelected { display: block; } .saffireMobileSize #calendarMobileTagSelected, .saffireMobileSize #calendarMobileCategorySelected, .saffireMobileSize #calendarMobileSearchSelected { margin: 2px 0; } .saffireMobileSize .eventCol1 #eventDateList li a:not(.button) { color: #215c9d !important; } .saffireMobileSize .eventCol2 { width: 100% !important; min-height: 0 !important; } .saffireMobileSize span.eventCategory { display: none !important; } .saffireMobileSize #calendarMobileToggle { display: none; } .saffireMobileSize #calendarMobileToggle { display: block; margin-bottom: 8px; } .saffireMobileSize.calendarControlsCurrentlyOpen #calendarMobileToggle { height: 22px; overflow: hidden; padding: 0; position: fixed; right: 28px; top: 5px; width: 22px; z-index: 2147483647; top: 5px; right: 21px; width: 0; height: 0; line-height: 2.5em; padding: 30px 30px 0 0; overflow: hidden; } .saffireMobileSize.calendarControlsCurrentlyOpen #calendarMobileToggle::before { /*bottom: 0; content: "X"; left: 0; margin: auto; position: absolute; right: 0; top: 0;*/ } .saffireMobileSize .galleryItem { text-align: center; } .saffireMobileSize .expandedView .galleryItem { text-align: left; } .saffireMobileSize .galleryViewItem { float: none !important; display: inline-block; } .saffireMobileSize .expandedViewEventNameDescription { position: relative; left: 5px; } .saffireMobileSize .viewMode { float: none; display: inline-block; color: #fff; } .saffireMobileSize .eventList-container:not(.horizontal-filter) .eventCol1 .filter { display: none; } .saffireMobileSize.calendarControlsCurrentlyOpen .eventCol1 .filter { display: block; margin-left: auto; margin-right: auto; } .saffireMobileSize #eventFilters .fb-page { display: none; } .saffireMobileSize .viewMode.modeSelected { background-color: rgba(255,255,255,0.3); cursor: default; } .saffireMobileSize .calendarViewTableHeadRow { display: none; } .saffireMobileSize .itemDetailContainer { left: 0 !important; display: none !important; } .saffireMobileSize .printEvent { display: inline-block; } .saffireMobileSize .calendarView .printEvent { right: 0; } .saffireMobileSize .printEvent .right.print { display: none; } .saffireMobileSize .printHoverContent a { font-size: 1.5em; } .saffireMobileSize .eventListingCalendarViewNoResults { display: none; } .saffireMobileSize .calendarViewContainer table { } .saffireMobileSize #singleDayContainer { display: block; width: 90%; margin-top: 1em; max-height: 0; -webkit-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } .saffireMobileSize .singleDaySliderPrev, .saffireMobileSize .singleDaySliderNext { display: inline-block; cursor: pointer; font-size: 2em; text-decoration: none; color: inherit; display: none !important; } .saffireMobileSize .singleDaySliderPrev { position: absolute; top: 4em; left: -3%; } .saffireMobileSize .singleDaySliderNext { position: absolute; top: 4em; right: -3%; } .saffireMobileSize .singleDaySliderDay { padding: 2em 0 0 !important; height: 7em !important; font-size: 1.5em; } .saffireMobileSize .singleDaySliderDay > div { padding: 0.2em 9px 0 !important; } .saffireMobileSize .singleDaySliderDay > div.calendarViewCalendarDate { position: absolute; top: 0.2em; left: 0.2em; border: 1px solid; min-width: 1em; height: 1em; text-align: center; padding: 0.2em !important; /*text-indent: -0.2em;*/ } .saffireMobileSize .calendarViewLinkWrapper span { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .saffireMobileSize .singleDaySliderDay .calendarViewCalendarDate:after { content: 'No Results'; position: absolute; white-space: nowrap; top: 3em; left: 0; font-size: 0.8em; right: 0; margin: auto; text-align: center; width: 76vw; display: block; } .saffireMobileSize .singleDaySliderDay.singleDaySliderWithEvents .calendarViewCalendarDate:after { display: none; content: ''; } .saffireMobileSize .singleDayIsToday:before { content: 'Today'; font-size: 0.7em; text-align: right; width: 97%; display: block; margin-top: 0.7em; position: absolute; top: 0; } .saffireMobileSize .singleDayIsToday + .singleDaySliderDay:before { content: 'Tomorrow'; font-size: 0.7em; text-align: right; width: 97%; display: block; margin-top: 0.7em; position: absolute; top: 0; } .saffireMobileSize .swiper-button-disabled { display: none; } .saffireMobileSize .eventCalendarViewTableCell { width: 5% !important; } .saffireMobileSize .calendarViewTable tr { height: 5em; } .saffireMobileSize .calendarViewTable .eventCalendarLinkContainer { display: none !important; } .saffireMobileSize .eventCalendarViewTableCell div.calendarViewCalendarDate { font-size: 2.2em; text-align: center; } .saffireMobileSize .eventCalendarViewTableCell.activeCalendarViewDateHasItems.calendarViewDateIsNotToday, .saffireMobileSize .eventCalendarViewTableCell.activeCalendarViewDateHasItems.calendarViewDateIsToday { background: orange; color: black; cursor: pointer; } .saffireMobileSize .singleDaySliderDay .calendarViewLinkWrapper { cursor: pointer; } .saffireMobileSize .itemDetailIframe { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 100%; } .saffireMobileSize #eventScheduleContent .dayContainer .addthis_toolbox a { margin-right: 3px; } .saffireMobileSize #responsiveCloseEventScheduleDescription { display: none !important; } .saffireMobileSize.eventScheduleDescriptionIsShowing #responsiveCloseEventScheduleDescription { display: block; opacity: 1; } .saffireMobileSize .currentSelectedCalendarDay { font-weight: bold !important; font-size: 2.2em !important; } .saffireMobileSize #scheduleDescriptionContent #eventDetailDescription div, .saffireMobileSize #scheduleDescriptionContent #eventDetailDescription font, .saffireMobileSize #scheduleDescriptionContent #eventDetailDescription span { width: auto !important; } .saffireMobileSize #scheduleDescriptionContent #eventDetailDescription div.externalLinkInDescription { } .saffireMobileSize .eventScheduleDetailModal.modalBody { padding: 0 14px 0 0; } .saffireMobileSize #scheduleDescriptionContent #eventDetailDescription { padding: 1em 0; } .saffireMobileSize #scheduleDescriptionContent .eventItemsRightItems { right: auto; left: 70vw; padding-left: 0; } .saffireMobileSize .itemDetailIframe { min-height: 443px; } .saffireMobileSize #scrollIt { padding-left: 0 !important; padding-right: 12px; } .saffireMobileSize #scheduleDescriptionContent .anythingSlider .arrow { display: none !important; } .saffireMobileSize #scheduleDescriptionContent .panel span { max-width: 90vw; } .saffireMobileSize .eventDetailDetails.ourPickVisible #ourPickButton { width: 32px; } .saffireMobileSize .eventDetailDetails.ourPickVisible #ourPickButton img { width: 100%; } .saffireMobileSize #timeline { height: 250px !important; } .saffireMobileSize .timelineYearPanel { height: 200px !important; } .saffireMobileSize .cartcols { clear: left; width: 100%; border-bottom: 1px solid; padding: 0 !important; } .saffireMobileSize .cartViewVertical .subContainer { min-width: 0; width: calc(100% - 16px); } .saffireMobileSize .hoverContent.subContainer { min-width: 200px; left: -150px; right: 45%; } .saffireMobileSize .ticketsDealsListingEventName .hoverContent.subContainer { left: 0; } .saffireMobileSize .listingItem { position: relative; } .saffireMobileSize .listingItemButtons.right { clear: right; position: absolute; right: 6px; top: 8px; } .saffireMobileSize .mapDescription.subContainer { /*left: 0 !important; */ max-width: 90vw !important; } .saffireMobileSize .mapDescription .listingItemButtons.right { float: none; position: static; } .saffireMobileSize .dynamicPageItemImageContainer { min-height: 22px; } .saffireMobileSize .listingItemCost.left { margin-bottom: 0.5em; } .saffireMobileSize .listingItemDetailTop, .saffireMobileSize .listingItemDetailBottom { clear: both; } .saffireMobileSize .listingItemDetailBottom { margin-top: 0.7em; } /*.saffireMobileSize .ticketsDealsListingName { padding-left: 0; }*/ .saffireMobileSize .outlookCalendarAppointmentButton { display: none } /*.saffireMobileSize .ticketsDealsListingEventName h3 { margin-top: 1em; }*/ .saffireMobileSize .freeFormTextBoxNotification { } .saffireMobileSize .listingItem { padding: 9px; width: 96%; line-height: normal; } .saffireMobileSize .ticketsDealsItemListing { padding-left: 0; } .saffireMobileSize #formModuleContainer .formColumnRight, .saffireMobileSize #formModuleContainer .formColumnMid, .saffireMobileSize #formModuleContainer .formColumnLeft { clear: both; width: 100%; } .saffireMobileSize .listingItemDetailContainer { float: none; width: 100%; } .saffireMobileSize .largeview { width: 92%; padding: 7px; left: 1%; box-shadow: 0 0 6px #000; } @media screen and (max-width: 388px){ .calendarViewTable tr { height: 4em; } .eventCalendarViewTableCell div.calendarViewCalendarDate { font-size: 2em; } .eventCalendarViewTableCell.calendarViewDateIsToday .calendarViewCalendarDate:after { font-size: 0.3em; } #eventScheduleContent .galleryViewName { font-size: 2em; } .galleryItem { width: 100% !important; } .expandedView .galleryItem { width: 96% !important; } .galleryViewItem { width: 90%; } .galleryViewItem img { width: 100% !important; height: auto !important; } } .saffireMobileSize div#Map > img { max-width: none; } .saffireMobileSize#body .column1, .saffireMobileSize#body .column2 { float: none; width: 100%; } .saffireMobileSize .eventdetailPhoto { display: inline-block; float: none; margin: 0 auto; min-width: 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: -webkit-calc(100% - 26px); max-width: calc(100% - 26px); } .saffireMobileSize .textGallerySinglePhotoContainer.eventdetailPhoto { display:block; float: none; margin: 0 auto; padding: 0; min-width: 0; max-width: none; position: relative; } .saffireMobileSize .eventdetailPhoto .feature { display: block; padding: 0; } .saffireMobileSize .viewMode { display: none; } .saffireMobileSize .expandedViewEventNameDescription { width: 95%; margin-bottom: 6px; } .saffireMobileSize .expandedView .galleryItem.galleryLeft > .right { position: absolute; top: 4px; right: 4px; } /* MOBILE MENU ITEMS */ .mobileNavContainer { display: none; } .mobileNavHeader { border-bottom: 1px solid #4d4d4d; padding-bottom: 6px; } .mobileNavHeader:after { display: block; content: ''; clear: both; } .mobileNavContainer[data-level="0"] .mobileMenuShiftedGoBack { display: none !important; } .mobileMenuPanelContainer { position: relative; } /* .mobileNavShowing .mobileNavContainer { position: fixed; top: 0; bottom: 0; margin: auto; left: 0; right: 0; background: black; display: block; z-index: 2147483647 !important; } */ .mobileNavCloseMenu { color: #b9b9b9; cursor: pointer; display: block; font-family: "open_sansbold"; font-size: 24px; margin-top: 0.2em; text-align: right; width: 48%; float: right; padding-right: 2%; } .mobileMenuShiftedGoBack { color: #b9b9b9; cursor: pointer; display: none; float: left; font-family: "open_sansbold"; font-size: 17px; margin-top: 0.4em; padding-left: 4%; width: 46%; } .mobileNavContainer ul { position: absolute; top: 0.5em; left: 2%; right: 2%; list-style-type: none; padding: 0; margin: 0; } .mobileNavContainer li { padding: 0; margin: 0; list-style-type: none; width: 100%; } .mobileNavContainer .mobileMenuPanelContainer a { display: none; color: #fff !important; text-decoration: none; font-size: 16px; line-height: 21px; font-family: 'open_sansregular'; background: #4d4d4d; border: 2px solid #000; padding: 1% 1% 1% 1.5% !important; text-transform: uppercase; } .mobileNavContainer .mobileMenuPanelContainer ul.groups > li > a.showingNav { display: block; } .mobileNavContainer .mobileMenuPanelContainer a.hiddenNav { display: none; } .mobileNavContainer .mobileMenuPanelContainer a.showingNav { display: block; /*white-space: nowrap;*/ } .saffireLargeSize .mobileNavContainer { display: none !important; } .mobileNavSectionTitle { clear: both; color: #ffffff; font-family: "open_sansregular"; font-size: 20px; padding-left: 5%; padding-top: 0.5em; } .mobileNavSectionTitle a { color: #fff; } .mobileNavSectionTitle span { display: none; } .mobileNavSectionTitle span:last-child { display: block; } .mobileMenuPanelContainer .group[aria-haspopup="true"] > a:after { content: '>'; padding-left: 8px; } .saffireMobileSize #slideshowWidget { max-width: 100% !important; width: 100% !important; overflow: hidden !important; }