/*Font and Style includes*/ @import url("https://use.typekit.net/nbj5wdb.css"); @import url(//fonts.googleapis.com/css?family=Roboto:400,500,400italic,300,300italic,700); @font-face { font-family: 'Swiss BT Reg'; src: url('Swiss721BT-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next LT Reg'; src: url('AvenirNextLTProReg.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next LT Light'; src: url('AvenirNextLTProLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next LT Bold'; src: url('AvenirNextLTProBold.ttf') format('truetype'); font-weight: normal; font-style: normal; } :root { /* Default Font Styles */ --defaultFontFamily: 'Swiss BT Reg', 'neue-haas-grotesk-display', sans-serif; --defaultFontColor: var(--black); --defaultFontSize: 16px; --defaultFeaturedFontSize: 1.5em; /* Headers */ --defaultHeadingFont: 'Avenir Next LT Reg', 'neue-haas-grotesk-display', serif; --defaultHeadingColor: var(--green); --defaultHeadingFontSize: 24px; /* Links */ --defaultLinkColor: var(--green); --defaultLinkColorHover: var(--gold); /* Main Button Styles */ --defaultButtonBGColor: var(--brown); --defaultButtonBGColorHover: var(--white); --defaultButtonTextColor: var(--white); --defaultButtonTextColorHover: var(--green); --defaultButtonTextFont: 'Avenir Next LT Bold', 'neue-haas-grotesk-display', sans-serif; --defaultButtonBorderRadius: 30px; --defaultButtonFontSize: 16px; /* Green Button */ --defaultSecondaryButtonBGColor: var(--bown); --defaultSecondaryButtonBGColorHover: var(--white); /* Headband Styles */ --defaultSWHeadBandBackground: var(--green); --defaultSWHeadBandTextColor: #fff; --defaultSWHeadBandTextColorHover: rgba(255,255,255,.5); --defaultSWButtonBGColor: var(--mauve); --defaultSWButtonBGColorHover: var(--mauve); --defaultSWButtonBorderColor: var(--lightpink); --defaultSWButtonBorderColorHover: var(--lightpink); --defaultSWButtonTextColor: #fff; --defaultSWButtonTextColorHover: #fff; /* Showare Navigation */ --defaultSWNavigationTextColor: #444; --defaultSWNavigationTextColorHover: #000; --defaultSWNavigationTextUnderlineColor: RGBA(255,255,255,0); --defaultSWNavigationTextUnderlineColorHover: #06a7e2; /* Header With the logo */ --defaultHeaderBackground: var(--white); --defaultHeaderLinkColor: #4444; --defaultHeaderLinkColorHover: #0b5f84; /* Footer */ --defaultFooterBackground: #fcfcf7; --defaultFooterTextColor: var(--green); --defaultFooterLinkColor: var(--green); --defaultFooterLinkColorHover: var(--gold); /* InfoBox */ --defaultInfoBoxBorderColor: #153e5f; --defaultInfoBoxBackground: #fff; /* Calendar Header */ --defaultCalendarHeaderBackground: #337ab7; --defaultLargeCalendarHeaderBackground: rgba(255,255,255,0); /* Misc - supply the main colors of the site here so it is easy to reference*/ --lightblue: #8ecae0; --blue: #337ab7; --gray: #A99C95; --warmgray: #BEB6AF; --lightgray: #979797; --darkgray: #66615d; --lightcream: #fcfcf7; --cream: #dbd8cf; --mauve: #e1bcb5; --red: #dd0031; --white: #fff; --lightpink: #FAE0EE; --lightyellow: #f9f7ed; --green: #01321C; --brown: #956F2D; --gold: #D5A021; --white: #fff; --black: #000; --lighterblue: #d8eeff; } .site-width{width:1280px;max-width:100%;} /*sets width of core elements - change to adjust width of entire site*/ /*************************Main Page Structure*******************************************/ .body-class{ /*Controls of all pages (not pop-ups) */ } #page-wrap{ /*full wrap of all elements insdie the body*/ } .head-wrap{ /*page-wide wrap of header */ top: 104px; background: var(--defaultHeaderBackground); position: fixed; left: 0; right: 0; border-bottom: 1px solid #eee; box-shadow: 0px 0px 10px RGBA(0, 0, 0, 0.1); z-index: 999; } .head-inner{ /*Inner constraints of header - set to site width */ } .header-logo-image{ max-height: 60px; width: auto; } .showare-nav-wrap{ /*page-wide wrap of showare navigation*/ box-sizing:border-box; padding:10px; position:absolute; padding-left:320px; bottom:0px; right:0px; display: inline-block; } .showare-nav-inner{ /*Inner constraints of showare navigation block - set to site width*/ z-index:999; font-size:1.5em; } .content-wrap{ /*page-wide wrap of main content*/ padding-top: 70px; } .content-inner{ /*inner constraints of main content- set to site width*/ padding-top: 40px; } .foot-wrap{ /*page-wide wrap of footer area*/ background: var(--defaultFooterBackground); color:var(--defaultFooterTextColor); } .foot-inner{ /*inner constraints of footer*/ padding: 40px 0 !important; text-align: center; margin-top: 0px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-start; } .foot-inner a{ /*inner constraints of footer*/ color: var(--defaultFooterLinkColor); font-size: 12px; font-weight: 600; } .foot-inner a:hover{ /*inner constraints of footer*/ color: var(--defaultFooterLinkColorHover); } .control-wrap{ /*wraps controls (search, calendar, categories, etc...) - height set by jquery in HTMLFooter*/ width:220px; padding:10px 0; margin-top: 14px; } .show-wrap{ display:block; } .hide-wrap{ height:0px!important; display:none; } .control-box{ /*shard settings for all controls (search, calendar, categories, etc...)*/ /*Text COLOR settings set below AFTER .default-font class*/ padding: 10px; margin-bottom: 20px; border: 2px solid #ccc; } /***********************************additional controls for objects within control-box set (search-box on default.asp)***********************/ .search-control{} .categories-control{} .calendar-control{} .info-control{} .locations-control{} .ads-control{} .main-container{ /*MAIN AREA*/ } .main-constrain-width{ /*force main area to give space to search controls when present*/ padding-left:240px; /*width of .control-wrap*/ } .info-box.membership-info-box{ border:solid 1px var(--defaultInfoBoxBorderColor); padding:1em 2em; background: var(--defaultInfoBoxBackground); } .info-box.membership-info-box p { padding: 0px; margin:0px; } .membership-info-box.membership-info-hide-callout #membershipInfoBoxCallouts{ display:none; } .info-box{ /*style for all information boxes - highlight areas - extensively used on mobile for material objects*/ -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; border:1px solid var(--defaultInfoBoxBorderColor); background: var(--defaultInfoBoxBackground); } .price-box{ } /************************Navigation and Controls******************************************/ .showare-nav{ /*main navigation list*/ padding-right:10px; float:right; } .showare-nav li{ } .showare-nav li:last-child{ } .showare-nav li a{ line-height:1.1em; margin:10px 15px 0px 15px; padding-right:0px; padding-left:0px; color: var(--defaultSWNavigationTextColor); text-decoration:none; font-weight:400; text-transform:uppercase; border-bottom:5px solid var(--defaultSWNavigationTextUnderlineColor); -webkit-transition:color .4s, border-color 1s; -moz-transition:color .4s, border-color 1s; transition:color .4s, border-color 1s; } .showare-nav li.login-link, .showare-nav li.basket-widget{ border:none; } .showare-nav li.login-link a{ line-height:32px; text-shadow:none; background: var(--defaultSWButtonBGColor); /* Old browsers */ border: 1px solid var(--defaultSWButtonBorderColor); text-transform:capitalize; color: var(--defaultSWButtonTextColor); padding:0px 2em; margin:0px; margin-right:.5em; border-radius: var(--defaultButtonBorderRadius); } .showare-nav li a:hover{ color:var(--defaultSWNavigationTextColorHover); border-bottom:5px solid var(--defaultSWNavigationTextUnderlineColorHover); } .showare-nav li.login-link a:hover{ background: var(--defaultSWButtonBGColorHover); border:1px solid var(--defaultSWButtonBorderColorHover); color: var(--defaultSWButtonTextColorHover)!important; } .showare-nav li.search-control{ float:right; padding-right:.5em; width:200px; } .showare-nav.band-nav li a{ color: var(--defaultSWHeadBandTextColor); border-bottom: none; } .showare-nav.band-nav li a:hover{ color: var(--defaultSWHeadBandTextColorHover); border-bottom: none; } /*********************************************** Basket Widget ************************************************/ li.basket-widget #ShoWareBasketWidget { color:var(--defaultSWHeadBandTextColor); } li.basket-widget #ShoWareBasketWidget .cart-item { position: relative; line-height: inherit; padding: 0px 1em; border-radius: 2px; font-size: 1.2em; } li.basket-widget #ShoWareBasketWidget .cart-item-pic { margin: 2px; } li.basket-widget #ShoWareBasketWidget .cart-item-desc { font-weight: bold; text-align: right; } li.basket-widget #ShoWareBasketWidget .cart-item-detail { z-index: 999; line-height: 12px; font-size: 10px; right:0px; background:#333!important; color:#fff; opacity:.9!important; border-radius:2px; box-shadow:0px 2px 3px RGBA(0,0,0,0.3); } #ShoWareBasketWidget .cart-item-detail { background:#333!important; color:#fff; opacity:.9!important; } #ShoWareBasketWidget .cart-item-detail span.comment { font-size: 13px; letter-spacing: .5px; } li.basket-widget #ShoWareBasketWidget .cart-item:first-child { margin-top: -1px; padding-top: 6px; } .button{ /*class applied to all buttons - this will inherit some rules from the general input selector above*/ font-weight: 600; font-size: var(--defaultButtonFontSize); line-height:18px; border-radius: var(--defaultButtonBorderRadius); background: var(--defaultButtonBGColor); /* Old browsers */ border: 1px solid var(--brown); text-transform: capitalize; color:var(--defaultButtonTextColor); transition:all .4s; padding:.5em 1.5em; font-family: var(--defaultButtonTextFont); letter-spacing: .5px; } .button:hover{ background:var(--defaultButtonBGColorHover); border-color:var(--brown); color: var(--defaultButtonTextColorHover); } .button.sw-button-primary{ background: var(--brown); border: 1px solid var(--brown); color:#fff; } .button.sw-button-primary:hover{ background: var(--defaultSecondaryButtonBGColorHover); border-color: var(--green); color: var(--green); } .button.sw-button-muted{ background:#fff; color:#666; border:1px solid #666; } .button.sw-button-muted:hover{ background:#fff; color:var(--brown); border:1px solid var(--brown); } .button.sw-basket-help-button{ /*help button in basket.asp*/ } .head-band-inner .button { font-weight: 700; line-height: 18px; text-transform: capitalize; font-size: 13.5px; letter-spacing: .5px; } .standard-button{ } .small-button{ } .buy-tickets, .buy-button{ float:right; } .load-more-button, .load-more-button:hover{ } .load-more-button:hover{ } .delivery-option-item{ padding:.25em; } .delivery-option-item.active-option{ border-radius:2px; background:RGBA(0,0,0,0.05); } /*************************FONTS and Headings***************************/ .default-font{ /*primary site font*/ font-family: var(--defaultFontFamily); font-size: var(--defaultFontSize); /* 14px (16px default * 0.875 == 14px) */ font-weight:400; color: var(--defaultFontColor); line-height: 1.3; } a{ color:var(--defaultLinkColor); text-decoration:none; } a:hover{ color:var(--defaultLinkColorHover); } .heading-text, h2{ display:block; color:var(--defaultHeadingColor); font-weight:500; font-size: 40px; margin-bottom:10px; font-family: var(--defaultHeadingFont); } .control-box .heading-text{ font-size: 20px; line-height: 28px; text-shadow: none; border-bottom: 1px solid #eee; letter-spacing: .5px; font-weight: 500; } .sub-head{ } h2 a{ /*featured events event titles*/ font-weight:400; } .info-box h2{ margin-top:0px; } h3{ /*Performance list event and performance titles*/ } .info-text{ } .large-text{ font-size:32px; } /************************************************* Block lists DONATIONS, MEMBERSHIPS, FEATURED EVENTS *************************************************/ .featured-items{ /*div wraps all featured items*/ } .featured-items-item{ /*div wraps individual event items in featured items*/ margin-bottom: 18px!important; padding: 15px 20px!important; } .featured-items-image{ float:right; margin-left:10px; margin-bottom:10px; box-sizing:border-box; max-width:100%; } .constrain-image{ padding:0px; max-width:100%; } .even-item{ /*every other item class - applied with jquery to featured events, baskets and plRow items in eventperformances*/ /*color, background, etc...*/ } .featured-items-item .buy-button, .featured-items-item .buy-tickets{ font-size: 15px; padding: 14px 30px; margin-right: 0px!important; letter-spacing: .65px; font-weight: 600; } /*********************************************************************** MEMBERSHIP FORM ***********************************************************************/ #membership-form{ } .membership-label-button div:first-child{ /*membership title container*/ } .membership-label-button div:first-child:hover, .membership-label-active div:first-child{ /*Hover for membership levels*/ background:RGBA(0,0,0,0.1); } .membership-label-button h2.heading-text{ /*membership titles*/ } /*********************************************************************** DONATION FORM ***********************************************************************/ #donations-form-wrap{ } #donations-wrap .info-box{ } /**********************Calendar, Locations, Search, Information and Advertisment Controls******************************/ .search-text{ } .search-control .button{ text-decoration:none; } .control-box select{ width:160px; } .control-box div.ui-datepicker.ui-widget-content, div.ui-datepicker.ui-widget-content{ /*calendar background*/ } #eventperformances-calendar div#datepicker .ui-datepicker{ /*eventperformances.asp calendar*/ border:1px solid #ccc!important; } .ui-datepicker .highlight a{ /*highlighted days for days with performances*/ color:#000!important; box-shadow:inset 0px 0px 5px #333; } .ui-datepicker select{ padding:1px!important; } div.ui-datepicker{ font-size:9.2px; /*we can change the size of the calendar just by adjusting the font-size here*/ color:#FFF; /*weekday color*/ } /*event performances calendar*/ #epPerformanceList #plCalendar #datepicker .ui-datepicker{ font-size:16px; } .ui-datepicker th{ /*weekday color*/ } .ui-datepicker .ui-datepicker-header{ /*Background for date selector on ui calendar*/ } .ui-datepicker .ui-state-highlight{ /*highlight for current day on ui calendar*/ } .ui-datepicker .ui-state-default{ /*Background for individual days on calendar*/ } .ads-control .ad-image{ /*contols default ad images, banners recieve the addotional class .banner-image*/ } .banner-image{ } .ui-datepicker { background-color: #fff; border: 1px solid #66AFE9; border-radius: 4px; box-shadow: 0 0 8px rgba(102,175,233,.6); display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker a, .ui-datepicker a:hover { text-decoration: none; } .ui-datepicker a:hover, .ui-datepicker td:hover a { color: #2A6496; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-header { margin-bottom: 4px; text-align: center; } .ui-datepicker .ui-datepicker-title { font-weight: 700; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: default; font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; height: 20px; line-height: 1; margin-top: 2px; width: 30px; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-prev:before { content: "\e079"; } .ui-datepicker .ui-datepicker-next:before { content: "\e080"; } .ui-datepicker .ui-icon { display: none; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 4px 0; } .ui-datepicker .ui-datepicker-calendar td { border-radius: 4px; -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-current-day { background-color: #4289cc; } .ui-datepicker .ui-datepicker-current-day a { color: #fff } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /*************************************************Basket*******************************************/ .basket{ font-size:1em; } .basket-header{ /*styling for first row of baskets, and pricing rows*/ background-color:#fff; } .basket-legend{ background-color:#f5f5f5; margin-bottom:-1em; margin-top:1em; } .basket-legend .basket-cell{ border:none; } .basket-event{ /*styling for event rows in baskets*/ background-color:#fff; border-top:1px solid #eee; margin-top:1em; } .basket-cell{ } .coupon-cell{ border:none; } .basket-apply-all-wrap{ background:#eee; } .item-checkbox, .basket-all-toggle{ border:none; } .basket-item{ /*rows for all tickets in basket*/ background-color:#fdfdfd; } .basket-ticket-item.even-item{ /*every other basket-item*/ background-color:#fafafa; } .basket-total-label{ border:none; } .basket-total{ border:1px solid #eee; background:#fafafa; } .checkout-header-item{ max-width:23%; float:left; padding:.5em 1.7%; } .basket-header-payment{ margin-right:-15%; } #checkout-button{ float:right; } .checkout-donation-image{ float:left; max-width:30%; margin-right:.5em; margin-bottom:.5em; display:none; /*hidden by default, also hidden in mobile.css*/ } .checkout-donation-heading{ font-weight:700; } #checkout-donation-buttons{ margin:.5em 0px; } input.button.checkout-donation-button{ background-image:#fff; background:#fff; background-color:#fff; color:#333; border:1px solid #333; text-shadow:none; font-size:.8em; } input.button.selected-checkout-donation{ background-image:#333; background:#333; background-color:#333; color:#fff; border:1px solid #666; text-shadow:none; } #CheckoutDonationOrderTotal{ font-weight:bold; } .checkout-donation-order-total-wrap{ float:right; border:1px solid #eee; padding:.25em; display:none; /*overwritten on page if checkout donations are enabled*/ } /*gift cards*/ .gift-card-wrap{ border:1px solid #eee; } .gift-card-header{ opacity:0.8; font-weight:bold; border-bottom:1px solid #eee; background:RGBA(0,0,0,0.1); margin:-.5em; padding:.5em; margin-bottom:0px; } .gift-card-cell{ display:inline-block; } .gift-card-info-row{ border-bottom:1px solid #eee; } .gift-card-number{ width:30%; } .gift-card-balance{ width:30%; } .gift-card-status, .gift-card-remove-check{ width:20%; } .gift-card-remove-check{ text-align:center; margin-right:-5%; } /************************************************* HTML Styles *************************************************/ .redFont{ color:#cc0000; } .greenFont{ color:#00cc00; } .orderNumber{ font-size:1.2em; font-weight:bold; } .uiFloatingContainer{ position:absolute; z-index:2000; border:solid 1px #000; background:#333 !important; color:#fff !important; border-radius:5px; padding:.5em; display:none; white-space:nowrap; box-shadow:5px 5px 5px #000; font-size:16px; } hr{ /* Title line color */ border:0; border-top:1px dotted #eee; height:1; } .error-message{ border:solid 1px #ebccd1; background:#f2dede; color:#a94442; padding:10px; margin:1em auto 1em auto; } .confirm-message{ border:solid 1px #0c0; background:#efe; color:#0c0 !Important; padding:10px; margin:1em auto 1em auto; } .confirm-message{ border } .error-text{ color:#c00; } .special-seating-id{ border:1px solid #ccc; } /************************************************* EventPerformances.asp && Performance Lists && Upcomming Events *************************************************/ .upcomming-events-wrap{ /*full wrap of upcomming events*/ } .performance-list-table{ font-size:0.875em; margin-bottom:10px; } .performance-list-item{ /*div style for package and bundle items in performance listings*/ padding:5px;padding-right:5px; /*adjust for margins created by hidden cells in performance lists*/ /*clear excessive styling from info-box class*/ box-shadow:none; border-radius:0px; /*aditional styling can go below*/ } .package-item{ /*specific class for package items in performance listings*/ } .hdrRow{ color:#999; } .login-box{ /*coupled with .info-box class to inherit site styles*/ margin:0px; box-shadow:none!important; /*box shadow will put heavy load on animations*/ -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .login-box .button{ margin:10px 10px 10px 0px; } .login-box .heading-text{ font-size:1.2em; } .login-box label{ display:inline-block; width:100px; line-height:24px; margin-bottom:5px; } .login-form-wrap .login-label{ font-weight:bold; opacity:0.8; } .login-box input{ margin-bottom:5px; } .login-welcome-text, .register-welcome-text{ display:block; margin:10px 0px; } tr.plRow{padding:10px} .plButton{vertical-align:bottom;} #epImage2 img{width:100%;} .event-performances-right{ /*wraps all right-side items in eventperformances.asp*/ width: 550px; float: right; margin-left: 40px; margin-right: 10px; } .event-performances-right img { max-width:100%; } .event-performances-description{ overflow:hidden; padding:10px; } .event-performances-lower-left{ overflow:hidden; padding:10px; } .event-performances-lower-left iframe{ max-width:100%; } .event-performances-lower-right{ overflow:hidden; padding:10px; } .event-performances-footer{ overflow:hidden; padding:10px; } .related-events-wrap{ } .related-event{ text-align:left; border:1px solid #ccc; } /*default performance list styles, custom lists should be set up below this set*/ .performance-list{ margin-bottom:10px; } .performance-list .pl-item{ transition:background-color .5s; border-bottom:1px solid #ccc; padding:5px; } .performance-list .pl-item.even-item{ } .performance-list .pl-item:hover{ background-color:RGBA(255,255,255,0.2); } .performance-list .pl-header:hover{ background-color:inherit; } .performance-list .pl-header{ font-size:.9em; background:none; height:1em; } .performance-list .pl-page-links{ text-align:right; } .performance-list .pl-first-col{ display:inline-block; width:50%; float:left; } .performance-list .pl-second-col{ width:45%; padding-left:3%; float:right; border-left:1px solid #eee; } .performance-list .pl-event-name{ font-size:1.1em; font-weight:bold; margin-top:0px; padding-top:0px; } .performance-list .pl-sale-status, .package-item .pl-sale-status{ float:right; color:#c00; border:1px solid #c00; border-radius:2px; font-weight:bold; padding:0px 10px; line-height:1.5em; padding: .5em 1.5em; } .performance-list .pl-description{ display:none; } .performance-list .pl-date, .performance-list .pl-time, .performance-list .pl-venue{ display:block; } .performance-list .pl-bottom{ clear:both; } .performance-list .pl-note{ font-style:italic; float:right; } /*category event view - featured event style*/ .featured-list .performance-list .pl-item:hover{ background:none; } .featured-list .performance-list .pl-item{ position:relative; background:none; } .featured-list .performance-list .pl-datetime, .featured-list .performance-list .pl-venue{ display:none; } .featured-list .performance-list .pl-description{ display:inline; } .featured-list .performance-list .pl-image{ float:right; max-width:400px; margin:10px; margin-right:0px; } .featured-list .performance-list .pl-first-col{ width:100%; } .featured-list .performance-list .pl-second-col{ clear:right; } .featured-list .performance-list .pl-header{ display:none; } .featured-list .performance-list .pl-event-name{ font-size:auto; } /*eventperformances performance list view*/ #epPerformanceList .performance-list .pl-first-col, #epPerformanceList .performance-list .pl-second-col{ float:none; width:auto; border:none; padding:0; } #epPerformanceList .performance-list .pl-header{ display:none; } /************************************************* POPUP CSS /*************************************************/ #black-content{ display:none; background:RGBA(0,0,0,0.6); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:9999; } #black-content #draggable{ height:1px; width:100%; } #popup-wrap{ display:inline-block; position:relative; top:100px; left:50%; background-color:#fff; padding:10px; border-radius:4px; border:1px solid #eee; box-shadow:5px 5px 40px RGBA(0,0,0,0.6); overflow:hidden; } #popup-close{ position: absolute; top: 5px; right: 10px; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 23px; width: 25px; height: 25px; color: #a00!important; border-radius: 30px; border: 2px solid #a00; background: transparent; cursor: pointer; box-shadow: none; transition: color .4s; text-align: center; } #popup-close:hover{ color:#f00; } #popup-url{ border-radius:0px; box-shadow:none; background:transparent; display:none; } #popup-head{ display:block; font-size:18px; line-height:16px; font-weight:bold; padding:10px; border-radius:2px; margin:-10px; margin-bottom:2px; border-bottom:1px solid #eee; background:#f5f5f5; cursor:default; cursor:pointer; } .popup-body{ background-color:#fff; overflow-x:hidden; } .popup-body img{ max-width:100%; } .popup-body.default-font, .popup-body .heading-text{ } .popup-bottom-close{ } #popup-wrap #fetched{ max-height:500px; width:400px; overflow-y:auto; } .popup-bottom-close{ margin-top:10px; } /************************************************* SeatMaps *************************************************/ .quickpick-price-wrap label.ticket-price-label, .quickpick-quantity-wrap label.number-of-tickets-label { color: #666; } #ga-price-code-table .price-code-col{ border-bottom:3px solid #aaa; } #ga-price-code-table .price-code-cell{ border-bottom:1px solid #eee; padding-top:.5em; padding-bottom:.5em; } #seatmap-wrap{ font-size:20px; /*controls default size for seatmap seats*/ background:#f5f5f5; border-radius:2px; } .button.seatmap-zoom{ font-weight:bold; font-size:2em; } #seatmap-inner{ } #seatmap-floating-container{ background:#666; background:RGBA(0,0,0,0.6); color:#fff; font-size:14px; border-color:RGBA(0,0,0,0.6); border-radius:2px; box-shadow:1px 1px 1px 3px RGBA(0,0,0,0.05); } area.sold-out-section{ background-color:RGBA(255,0,0,0.5); border:red; display:inline-block; position:relative; z-index:9999; } .seatmap-floating-container-label{ font-weight:bold; opacity:0.8; } /*seats and seatmap cells*/ .seat-container{ border-radius:2px; } .seatmap-row-label{ padding:.1em; font-weight:bold; opacity:0.8; color:#333; box-shadow:none!important; } .seat{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; border-radius:1px; transition:background .4s; } .seat.off{ background:#fff; } .seat.off:hover{ background:#000; background:RGBA(0,0,0,0); } .seat.on{ background-image:url(../images/seat.png); background-size:contain; background-repeat:no-repeat; } .seatmap-status-legend, .special-seating-wrap, .seatmap-price-code-legend { border-top:1px solid #eee; } .seatmap-status-color-box{ border:1px solid #eee; } .seat-container.aisle-seat{ background-image:url('../images/AisleBackground.png')!important; background-size:contain; background-position:center center; } span.special-seating-identifier { font-weight:bold; opacity:0.8; color:#333; } /************************************************* FUZION Insurance CSS *************************************************/ .insurance_panel{font-size:11px;font-family:Arial, Helvetica, sans-serif;} .insurance_panel .panel_header{background:#e6e6e6;padding:3px;margin:0 0 1px 0;} .insurance_panel .panel_body{background:#f5f5f5;} .insurance_panel .insurance_protection_img{padding:3px;} .insurance_panel .insurance_protection_img div{background:#3630aa;color:#ffffff;width:100px;height:50px;text-align:center;} .insurance_panel .insurance_protection_right_column{} .insurance_panel .insurance_input_wrapper{} .insurance_panel .insurance_input{} .insurance_panel .highlight{background:#e6e6e6;} /********************************************* Remove Default buttons from number type fields for webkit browsers - display:none will crash chrome. *********************************************/ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*Custom for showare*/ .head-band{ background: var(--defaultSWHeadBandBackground); color: var(--defaultSWHeadBandTextColor); width:100%; z-index:9999; height: 92px; padding: 5px 0 5px!important; position: fixed; left: 0; right: 0; top: 0; box-sizing: border-box; } .head-band:after { content: ""; width: 100%; height: 12px; background: linear-gradient(90deg, #b58532, #e7cf80, #fffcda, #fff, #fffcda, #e7cf80, #b58532 108.11%); position: absolute; bottom: -12px; left: 0; } .head-band-inner { max-width: 100%; width: 1280px; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } .featured-items-item, .featured-items{ padding:0; padding-bottom:3em; margin:0; } .featured-head{ padding-bottom:0; margin-bottom:0; color:#333; font-size:3.5em; display:none; } img.featured-items-image{ width: auto; float:right; margin:0 0 1em 1em; border:3px solid #eee; box-shadow:0px 0px 4px RGBA(0,0,0,0.1); -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; } .featured-items-item h2, .featured-items-item h2 a{ margin-top:0px; } .featured-items-item h2 { text-decoration: none; border-bottom: 2px solid var(--gold); margin-bottom: 20px; padding-bottom: 5px; display: block; } .featured-items-item h2, .featured-items-item h2 a:hover { text-decoration:none; color: var(--defaultLinkColorHover); } .featured-items-description{ font-size:1.2em; display: block; padding-bottom: 20px; } img#img1{ border:3px solid #eee; border-radius:8px; } .main-container .event-performances-description, .main-container .event-performances-lower-left, .main-container .event-performances-lower-right, .main-container .event-performances-footer{ color:var(--defaultFontColor); } #epPerformanceList .pl-item{ border:1px solid #eee; margin:.25em 0; } .qode_column{ box-sizing:border-box; width:25%; float:left; text-align:left; } .column_inner ul, .column_inner li{ padding:0; margin:0; list-style:none; } .featured-items-item .buy-button.membership-add-button{ min-width:0; } .quickpick-form, .select-seats-wrap{ max-width:960px; margin:1em auto; padding:1em; } .quickpick-form{ margin-top:2em; } #ga-price-code-table, .coupon-block{ max-width:960px; margin:1em auto; } .checkout-finished-iframe { margin-top: 0px; height: 50px; } @media screen and (max-width: 490px){ .checkout-finished-iframe { height: 90px!important; } .qode_column {width: 50%;} } .foot-inner .container {padding-left: 20px;} .home-calendar #datepicker .ui-datepicker .ui-datepicker-header {width: 100%; display: inline-block;} .display-none {display: none;} .theme-select {width: 40%!important;} .access-code-message input[name=perfpass] {width: 50%; margin: 10px 0px; } .theme-custom-field-set .theme-text {width: 40%;} .sw-datepicker .month-wrap { background-color: var(--defaultCalendarHeaderBackground)!important; border: 1px solid var(--defaultCalendarHeaderBackground)!important; } .sw-datepicker.large-datepicker .month-wrap { background: var(--defaultLargeCalendarHeaderBackground)!important; border: 1px solid var(--defaultLargeCalendarHeaderBackground)!important; } .copyright-text { font-size: var(--defaultFontSize); } *:focus{ outline: none; outline-width: 0px; } .checkout-finished-iframe {margin-top: 0px;height: 50px;} .top-header {padding-bottom: 0px;} .marriot-logo {display: inline-block; float: left; padding: 5px 10px;} .logo-container {display: inline-block; float: left; margin-right: 40px;} .header-wrap {display: inline-block;} .footer-address-wrap {display: inline-block; margin: 5px auto 0px auto; padding-bottom: 40px; text-align: left;} .header-link {color: #134f8f; text-decoration: none!important; font-family: Montserrat, sans-serif; display: block; font-size: 25px; font-weight: 600;} .copyright-text {font-size: 14px;} .banner-coreeventperformances, .banner-coreordertickets, .banner-coreorderticketsarea, .banner-corebasket, .banner-corecheckout_streamlined, .banner-corecheckout_finished {display: none!important; } #events .button.sw-button-primary {float: right!important;} .headerband-blue {background: #114268!important;} .event-performances-right #epPerformanceList #plCalendar{ font-size:12px!important; } .basket-ticket-item .price-code-select.narrow-select {width: 35%;} #events .event {display: block; padding-top: 5px;} #events {margin-top: 20px; display: inline-block;} #events .event h2 {padding-top: 0px; margin-top: -10px;} .calendar-control { box-shadow: none; border-radius: 0px; } .performance-list-item.bundle-item {padding-left: 10px; padding-right: 10px; } .quickpick-form, .select-seats-wrap { margin: 1em; margin-left: 30px;} .sw-fees-list { font-size: 1em;} #datepicker .ui-datepicker td a { padding: 2px; height: 20px; width: 22px; } #demo-div { left: 0px;} .active .checkout-form-item-content, .shipping-wrap.show-shipping, #deliveryAddressForm.show-form, #deliveryAddressList.show-form, #billingAddressList.show-form, #billingAddressForm.show-form, #giftCardForm.show-form { padding-bottom: .7em;} .checkout-action-wrap .sw-button-primary { margin-bottom: .2em; } .gaylord-navigation {padding: 10px 0px; position:relative; z-index: 99999; display: block;} .gaylord-navigation ul { text-align: left; display: inline; margin: 0; padding: 0; list-style: none;} .gaylord-navigation ul li { display: inline-block; position: relative; cursor: pointer; float:left; margin:0px; padding: 10px 20px 10px 20px; } .gaylord-navigation ul li a{ display:block; text-decoration:none; font-family: Arial; font-size: 13px; font-weight: 700; color:#fff; } .gaylord-navigation ul li:hover a { color:#F4A460;} .quickpick-button {margin-top: 19px;} .site-name {color: #fff; font-size: 20px; font-family: Verdana, sans-serif; line-height: 30px;} .site-address {color: #fff; font-size: 16px; line-height: 24px; padding: 8px 0;} .site-phone {color: #fff; font-size: 16px; line-height: 24px;} .site-address img, .site-phone img{ float: left; margin-right: 7px;} .topnav-wrap {background: #16568f;} .site-banner img {max-width: 100%; width: 100%;} .featured-wrap {padding: 1em 0px;} .footer-socialwrap { padding: 30px 0px; margin-top: 40px; background: #f9f7ed; } .top-title { padding-bottom: 25px; font-family: Arial; font-weight: normal; font-size: 29px; margin: 0; text-align: center; } .socialicon-module img { float: left; margin-right: 5px; } .socialicon-module span { margin-top: 13px; display: inline-block; } .sn-social-media-icon:not(.fa-heart, .fa-heart-o, .fa-angle-down,.fa-angle-up) { font-size: 18px !important; padding: 10px 14px; border-radius: 50%; border: 2px solid var(--white); box-sizing: border-box; height: 46px; width: 46px; text-align: center; display: inline-flex; align-items: center; justify-content: center; color: var(--white); } .sn-social-media-icon:not(.fa-heart, .fa-heart-o, .fa-angle-down,.fa-angle-up):hover { background: transparent; color: var(--gold); border: 2px solid var(--gold); } .sn-social-media-envelope { font-size: 24px!important; padding: 8px 9px 10px; border-radius: 50%; border: 2px solid var(--darkgray); margin-right: 10px; } .featured-wrap hr { height: 2px; background: #0c4f8a; margin-bottom: 25px; margin-top: 25px; border: none; } .coredefault {display: block!important;} #ga-price-code-wrap { max-width: 100% !important; } #ga-price-code-wrap { max-width: 100% !important; } .bundle-item {width: 90%;} .header-bg-img {position: relative; z-index: 1;} .header-bg-img img { width: 100%; height: 600px; margin-top: -50px; object-fit: cover; } @media screen and (max-width: 1200px){ } #teconsent{ list-style:none; padding-bottom:10px; } #teconsent .off{ font-weight: 500; line-height: 32px; background: #337ab7; padding: 0px 2em; color:#fff; display:inline-block; border-radius: 4px; } .displayWordTickets {display: none;} .infobox-important-heading {display: block; padding-top: 20px;font-style: normal;} .infobox-important-details{display: block; padding-top: 8px;} .custom-covid-message { background: rgba(12,79,138, .85); color: #fff; padding: 20px; line-height: 160%; margin-top: -3px; display: none; } .custom-covid-message a {color: #2abee3;} .custom-covid-message a:hover {color: #fff;} .footer-links { list-style: none; margin: 0; padding: 0; } .footer-links li{ display: inline-block; padding: 5px 7px; } .footer-links li a { font-size: 14px; } .headerbuttons { display: inline-block; float: right; margin-top: 4px; padding-right: 40px; } .headerbuttons .button{ background: var(--mauve); } .fa-calendar, .fa-ticket { margin-left: 15px; } .buttonred { background: var(--mauve); color: var(--darkgray); } .buttonred:hover { background: var(--lightpink)!important; border-color: var(--lightpink)!important; color: var(--darkgray); } .footertop-wrap { padding: 60px 0px; margin-top: 40px; background: var(--green); color: #fff; } .footertop-inner { display: flex; column-gap: 40px; } .footer-module { width: 33%; } .footer-module h3 { color: var(--white); font-weight: 300; font-size: 25px; line-height: 30px; padding-bottom: 8px; margin-bottom: 25px; border-bottom: 1px solid var(--white); width: 70%; text-transform: uppercase; } .sec-wrap { margin-bottom: 25px; } .footer-navigation ul{ list-style: none; margin: 0; padding-left: 0; } .footer-navigation ul li{ line-height: 24px; padding: 5px 0; } .footer-navigation ul li a{ color: var(--white); font-size: 16px; letter-spacing: 1px; } .footer-navigation ul li a:hover{ text-decoration: underline; } .sponsor-logos img { float: left; margin-right: 15px; height: 30px; width: auto; } .socialmedia-wrap { display: flex; justify-content: center; column-gap: 20px; padding: 30px 0; } #venuesWidget .button.small-button { font-size: .75em; } .topsub-navigation { opacity: 0; background-image: url(/images/topmenu-bg.jpg); background-color: var(--lightgray); background-size: cover; background-repeat: no-repeat; text-align: center; color: #fff; overflow-y: auto; position: fixed; width: 100%; height: 100vh; left: 0; top: 0; z-index: 999; transition: all .4s ease 0s; visibility: hidden; } .home-link { display: block; text-align: center; margin-top: 120px; margin-bottom: 10px; font-weight: bold; letter-spacing: 1px; font-size: 23px; color: #fff; } .home-link a{ color: #fff; text-transform: uppercase; font: normal normal normal 26px/27px "neue-haas-grotesk-display"; letter-spacing: 0.96px; text-decoration: underline; } .subnav-inner { display: flex; flex-wrap: wrap; list-style: none; max-width: 100%; width: 1400px; padding: 0 30px; } .subnav-module { width: 33%; flex-grow: 1; text-align: left; height: 485px; } .subnav-module .nav-title{ color: #fff; text-transform: uppercase; font: normal normal normal 26px/27px "neue-haas-grotesk-display"; letter-spacing: 0.96px; } .subnav-module ul { list-style: none; margin-bottom: 0; display: block; margin: 20px 0; padding: 0; } .subnav-module ul li { padding: 5px 0; } .subnav-module ul li a{ text-align: center; font: normal normal bold 17px/30px Neue-Haas-Grotesk-Display; letter-spacing: .28px; display: inline-block; text-decoration: none; color: #fff; text-transform: capitalize; } /* hamburger menu toggle */ .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { display: flex; justify-content: left; align-items: center; box-sizing: border-box; min-height: inherit; padding: 15px 20px; font-size: 23px; text-decoration: none; font-weight: bold; letter-spacing: 1px; float: left; } .burger-menu a:focus { border: none; } .burger-menu a { text-decoration: none; border-bottom: 1px solid transparent; text-align:center; } .burger-menu a>* { vertical-align: middle; } .burger-menu-wrap { display: inline-block; vertical-align: baseline; } .burger-menu-wrap span { width: 24px; height: 1px; border-radius: 2px; display: block; margin: 4px 0; background-color: #FFF; position: relative; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; } .menu-linke-text { font-size: 15px; text-transform: uppercase; display: inline-block; color: #FFF; font-weight: 700; margin-left: 6px; } /* hamburger menu toggle active*/ .burger-menu.active { display: block; padding: 15px 30px; } .burger-menu.uk-navbar-item.active .burger-menu-wrap { position: relative; margin-top: -7px; } .burger-menu.active:after { background: var(--darkgray); position: absolute; margin-left: -39px; width: 55px; height: 76px; content: ''; top: -15px; z-index: -1; border-radius: 0 0 5px 5px; } .burger-menu.active:hover:after { background: #dd0031; position: absolute; margin-left: -39px; width: 55px; height: 76px; content: ''; top: -15px; z-index: -1; border-radius: 0 0 5px 5px; } .burger-menu.active span.first-line { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 4px; } .burger-menu.active span.second-line { opacity: 0; } .burger-menu.active span.third-line { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -6px; } /* end hamburger menu toggle */ .popup-body .button-time { padding: unset; line-height: 2.5em; } .selected-item .trash-seat { padding: 0!important; } #SelectedSeatsControls .button{ padding: 12px 12px!important; } #SelectedSeats .selected-seat-info { font-size: 1.1em!important; } .step-enum { background: #333; display: inline-block; color: #fff; -moz-border-radius: 2em; -webkit-border-radius: 2em; height: 35px; width: 35px; padding: 0; margin: 0; text-align: center; border-radius: 2em; text-indent: 0px; font-size: 24px; line-height: 1.5; } .suggested-bundle-list{ padding:1em 1.5em; } .suggested-bundle-list h3.heading-text{ font-size:1.8rem; } .info-box i u{ text-decoration:none; font-weight:bold; } .info-box a{ text-decoration:underline; } .info-box .heading-text a{ text-decoration:none; } span.bundle-description { max-width: 80%; display: block; } .suggested-bundle-list .bundle-item .heading-text{ font-size:1.5em; } .suggested-bundle-list p { max-width: 80%; } @media (max-width: 1024px){ span.bundle-description { max-width: 100%; display: block; } .suggested-bundle-list p { max-width: 100%; } .sw-datepicker.large-datepicker td span.calendar-day{ top: 0px!important; left: 0px!important; font-size: .5em!important; } .sw-datepicker .date-info-box { font-size: 2.5vw!important; } #couponCode { margin-top: 10px; } #OtherEventSelect { margin-top: 10px; } } #EventDescription button.sw-button-muted { float: left!important; } .quickpick-form .button.no-mobile.sw-button-muted { padding: 8px 1.5em!important; } #qualifierButtonContainer .button{ font-size:1.2em!important; } .date-info-box{ display:block!important; } #calendarLegend:before{ content:''; display:block; font-style:italic; font-size:.9rem; } #plCalendar span.heading-text:after{ content:'Pick a Date to See Available Time'; display:block; font-size:16px; text-transform: none; } #plCalendar .heading-text.suggested-bundle-header:after { content: ''; } .info-box a { text-decoration: none; } .infobox-see-description { text-decoration: underline!important; } .custom-list-item { margin-bottom: 18px!important; padding: 15px 20px!important; } h2.custom-list-name { font-size: 40px; margin-top: 0; border-bottom: 2px solid var(--gold); margin-bottom: 20px; padding-bottom: 5px; display: block; } h2.custom-list-name a { font-size: 40px; margin-top: 0; } #SeatmapCouponUnlockButton { padding: 8px 1.5em; } .has-highlights .button.highlight-time{ border:2px solid #006600!important; box-shadow: 0px 0px 2px #003300; } .has-highlights .button.button-time:not([data-sold-out]){ opacity:1; } .has-highlights .button:disabled, .has-highlights .button[disabled]{ opacity:0.6!important; } @media screen and (min-width: 1024px){ td.limited-availability:after, .limited-availability-legend-item { display:none!important; } } .has-muted-days .day-cell.highlight-day:not(.coupon-muted){ background: #d4edda!important; color:#155724; border-color:#c3e6cb!important; } .sw-datepicker .day-cell.highlight-day.coupon-muted{ opacity:1!important; } .performance-list .pl-item.block-date-item .pl-event-name { font-size: 22px; font-weight: 500; } .footer-logo-text { padding-bottom: 30px; } .footer-address p{ margin-top: 0; margin-bottom: 10px; } .footer-address{ margin-top: 0; margin-bottom: 20px; } #checkout-finished-header { margin-top: 60px; } .footer-logos { display: flex; column-gap: 30px; justify-content: flex-start; align-items: center; padding-top: 7px; } .footer-logos img{ height: 80px; width: auto; } #dw1el {display: none;} .logo-wrap img { width: 150px; height: auto; } /* Custom Header navigation */ .headernavigation-wrap { width: 80%; margin: auto; } ul.header-navigation { list-style: none; margin: 0 auto; padding: 0; display: flex; width: 100%; align-content: center; justify-content: center; align-items: center; column-gap: 67px; color: var(--green); } ul.header-navigation li { position: relative; height: 60px; display: inline-flex; align-items: center; } ul.header-navigation > li > a { font-size: 16px; font-weight: 400; color: var(--green); display: inline-block; border-bottom: 3px solid transparent; transition: all 2s; padding-bottom: 3px; } ul.header-navigation > li > a > i{ display: none; } ul.header-navigation > li:hover > a > i { display: inline-block; margin-left: 7px; } ul.header-navigation > li:hover > a { text-decoration: none; border-bottom: 3px solid var(--brown); } ul.header-navigation li ul { position: absolute; top: 60px; left: -85px; width: 250px; background: transparent; padding: 0px; margin: 0; visibility: hidden; display: none; opacity: 0; } ul.header-navigation li ul::before { content: ""; position: fixed; width: 150vw; display: block; left: 0; background: rgba(0,0,0,.8); height: 100px; top: 165px; } ul.header-navigation li ul li { background: transparent; display: block; color: var(--white); text-align: center; padding: 5px 0px; width: 100%; margin: 0; height: auto; } ul.header-navigation li ul li:first-child { padding-top: 20px; } ul.header-navigation li ul li a { text-decoration: none; font-size: 16px; display: block; padding: 0px 3px 0; font-weight: 400; color: rgba(255,255,255,.7)!important; display: inline-block; border-bottom: 2px solid transparent; transition: all 1s; } ul.header-navigation li ul li a:hover { color: var(--white)!important; display: inline-block; font-weight: 500; border-bottom: 2px solid var(--brown); } ul.header-navigation > li:hover > ul { display: block; opacity: 1; visibility: visible;} .headergap-wrap { position: relative; margin-top: 120px; } .copyright-wrap { text-align: center; letter-spacing: 1px; } .copyright-wrap a{ color: var(--white); } .copyright-wrap a:hover{ text-decoration: underline; } .footerlogo-wrap img { width: 200px; height: auto; } .copyright-text-copy { font-weight: 500; padding: 15px; color: #66615d; } .heading-text.checkout-form-header { font-size: 22px; } .listing-page-description-wrap a, #EventDescription a, #AdditionalInfo a, .event-performances-calendar-pre-footer a, .event-performances-calendar-footer a{ text-decoration: underline; } .listing-page-description-wrap a:hover, #EventDescription a:hover, #AdditionalInfo a:hover, .event-performances-calendar-pre-footer a:hover, .event-performances-calendar-footer a:hover { text-decoration: none; } /*** Custom Additions for new home page design *******/ .control-wrap{ /*wraps controls (search, calendar, categories, etc...) - height set by jquery in HTMLFooter*/ display: flex; justify-content: flex-start; align-items: flex-start; border-bottom: 1px solid var(--warmgray); row-gap: 50px; flex-wrap: wrap; align-content: flex-start; } .control-box{ width: 100%; } .info-box{ /*style for all information boxes - highlight areas - extensively used on mobile for material objects*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border:1px solid var(--defaultInfoBoxBorderColor); background: var(--defaultInfoBoxBackground); padding: 20px; } .infobox-important-heading { display: block; padding: 10px 0; } .custom-list-item h2 a { font-size: 24px; margin-top: 0; font-weight: 600; } #venuesWidget .button { display: none; } .browseoptions-wrap { display: flex; width: 100%; column-gap: 20px; } .customlist-description-wrap .custom-list-name { padding-top: 15px; } .control-box { border: none; } .hide-wrap { height: 0px !important; display: none; } .featured-togglelink { padding: 0!important; } /* --- changes for their new home page layout -- */ .carousel-wrapper { background: var(--white) !important; border-bottom: 10px solid var(--gold); -webkit-box-shadow: 7px 12px 16px -12px rgba(0, 0, 0, .7); -moz-box-shadow: 7px 12px 16px -12px rgba(0, 0, 0, .7); box-shadow: 7px 12px 16px -12px rgba(0, 0, 0, .7); } .custom-list-name { color: var(--green)!important; } .datefilter-wrap:hover { background-color: var(--cream); } .datefilter-wrap:hover .filterLabelWrap{ text-decoration: underline; } .highlightthisbox .featured-togglelink { background: var(--green); color: var(--white); border-color: var(--green); } .highlightinfo-wrap .prevevent-btn, .highlightinfo-wrap .nextevent-btn { display: none!important; } .options-selected-wrap .view-all-btn-wrap .button{ border-color: var(--green)!important; } .options-selected-wrap .view-all-btn-wrap:hover .button{ background: var(--green)!important; } .featuredevent-box .background-wrap { background-position: center top!important; } @media screen and (max-width: 1400px) { #swFavoritelistWrap { right: 280px; } } @media screen and (max-width: 1024px) { #swFavoritelistWrap { right: 80px; } } /* SHOWDEV-20954 Design the Cart total */ .checkout-basket-total { -moz-border-radius: 0 0 .25em .25em!important; -webkit-border-radius: 0 0 .25em .25em!important; border-radius: 0 0 .25em .25em!important; } .sw-datepicker .date-sub-note:after { top: auto !important; bottom: -10px !important; }