/*Font and Style includes*/ /*@import url("https://fonts.googleapis.com/css?family=Oswald");*/ *{ margin:0; padding:0; } @font-face { font-family: 'Montserrat-Bold'; font-style: normal; font-weight: normal; src: url('font/montserrat-bold.otf') format('woff'); } @font-face { font-family: 'Montserrat-Thin'; font-style: normal; font-weight: normal; src: url('font/montserrat-thin.otf') format('woff'); } @font-face { font-family: 'Montserrat-Regular'; font-style: normal; font-weight: normal; src: url('font/montserrat-regular.otf') format('woff'); } @font-face { font-family: 'Montserrat-Light'; font-style: normal; font-weight: normal; src: url('font/montserrat-light.otf') format('woff'); } #demo-div{ display:none; } :root{ --azulsh:#3c32a3; --azulhover:#5a4fc9; --fontlight:'Montserrat-Light'; --fontregular:'Montserrat-Regular'; --fontthin:'Montserrat-Thin'; --fontbold:'Montserrat-Bold'; --grisclaro:#F4F4F9; --grisoscuro:#737373; --borderRadious:10px; } .site-width{width:1250px;max-width:100%;} /*sets width of core elements - change to adjust width of entire site*/ /*************************Main Page Structure*******************************************/ body{ margin:0; padding:0; /*text-transform:uppercase;*/ } .description_icons span{ display:inline-block; width:100%; } .modal-body .description_icons span{ /*padding:10px 0px 10px 0px;*/ } .body-class{ /*Controls of all pages (not pop-ups) */ background-color:#FFFFFF; display:flex; flex-direction:column; min-height:100vh; } .img_banner_sup{ width:100%; /* position: absolute; top:0;*/ } .slide-cont{ margin-top: 60px; padding: 0px 20px; } .cnt-banner-cont{ padding-top:20px; padding-bottom:100px; } #img-banner-ft{ width:837px; } .carousel-inner{ /* border-radius: 10px; */ } .head_fill{ height:95.5px; } .contflex{ display:flex; flex-direction:row; flex-flow:row wrap; justify-content:space-between; } .contizq{ width:49.5%; } .contder{ width:49.5%; } .continf{ width:49.5%; margin:0 auto; } #editaccount-title{ text-align:center; text-decoration:underline overline; } .element-box{ background-color:#D6D6D6; padding-bottom:2%; padding-right:2%; padding-left:2%; border-radius:10px; margin-bottom:1%; } .patron-upsale-block{ width:100%; } .info-box .button { color:#fff; } .login-column.primary-login-column { width:400px; background-color:var(--grisclaro); border-radius:10px; margin:20px 0px; color:var(--grisoscuro); padding:20px 0px; } .btn_sel{ background-color:var(--azulsh); color:#fff !important; } .patron-label{ width: 100%; display: block; text-align: left; padding: 0.75em 0 0.25em 0; white-space: nowrap; text-transform:uppercase; color:#000; } .patron-info-label{ } .new_account_title{ text-transform:uppercase; text-align:center; font-size:40px !important; background: #FD8204; background: linear-gradient(to right, #FD8204 0%, #5D0E8B 50%, #06a7e2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .patron-form{ padding:20px; color:var(--grisoscuro); font-family:var(--fontthin); } .cont_frm_acc{ background-color:var(--grisclaro); border-radius:var(--borderRadious); margin-bottom:60px; } .head_overlay_bg{ background-image: url(/UPLimage/head_gb.png); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; /* background: rgb(60,50,163); background: linear-gradient(90deg, rgba(60,50,163,1) 0%, rgba(16,148,229,1) 50%, rgba(252,176,69,1) 100%); */ } .sec_title{ display:none; padding-top:200px; text-align:center; } .sec_title h2 { color:#fff; text-transform:uppercase; font-family: var(--fontthin); } .patron-info{ padding:0 !important; } .patron-info select{ border-radius:30px; } .patron-upsale-block{ margin:0 !important; padding:0 !important; } .logo{ height:70px; } .cont-fl{ display:flex; justify-content:space-between; font-family:Montserrat-Light; letter-spacing:2px; font-size:17px; padding:10px 20px 10px 20px; position:fixed; z-index:999; width:100%; backdrop-filter:blur(10px); webkit-backdrop-filter:blur(10px); transform: translateZ(0); will-change: backdrop-filter; /*-webkit-filter: blur(10px);*/ /*filter: blur(10px);*/ /* background-color:rgb(0, 0, 0, 0.4); */ background-color:rgb(255, 255, 255, 0.4); } @supports ((backdrop-filter: blur(10px)) or (-webkit-backdrop-filter: blur(10px))) { .cont-fl { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } } .cont-fl_bg{ display:flex; justify-content:space-between; font-family:Montserrat-Light; letter-spacing:2px; font-size:17px; padding:10px 20px 10px 20px; position:fixed; z-index:999; width:100%; backdrop-filter:blur(10px); } .background-color-important{ background-color:#3c32a3; /* background: rgb(60,50,163); background: linear-gradient(90deg, rgba(60,50,163,1) 19%, rgba(119,23,242,1) 68%, rgba(119,23,242,1) 100%); */ } .btn-secondary{ /*background-color:#3c32a3 !important;*/ border:none !important; border-radius:30px !important; padding:10px 30px 10px 30px !important; font-family:'Montserrat-Light' !important; text-transform:uppercase; } .btn-secondary:hover{ /*background-color:#5a4fc9 !important;*/ } .btn_comp_modal{ background-color:#3c32a3; border:none; border-radius:30px; padding:10px 30px 10px 30px; font-family:'Montserrat-Light' !important; text-transform:uppercase !important; color:#fff !important; } .btn_comp_modal:hover{ background-color:#5a4fc9; } .flx_log_izq { display:flex; justify-content:center; } .cont-fl a{ color:var(--grisoscuro); text-decoration:none !important; padding: 25px 5px; display: inline-block; } .cont-fl a:hover{ color:#a39de1; } .cont-fl_bg a{ color:#fff; text-decoration:none !important; padding: 25px 5px; display: inline-block; } .cont-fl_bg a:hover{ color:#a39de1; } #page-wrap{ /*full wrap of all elements insdie the body*/ /*padding-top: 41px;*/ } .head-wrap{ /* background-color: Gray; background-size:cover; background-position:center; height:100vh; */ } .head-overlay{ /* height:100vh; background-color:rgba(0, 0, 0, 0.5); */ /*backdrop-filter:blur(10px);*/ } .head-inner{ /* margin-bottom:10px; text-align: center; height:161px; */ } .header-logo-image{ margin-top: 7px; opacity:0; } .showare-nav-wrap{ /*page-wide wrap of showare navigation*/ padding:0px; background-color:#c9ba8f; top: 0px; position: fixed; width: 100%; z-index: 9999; height:41px; font-size:12px; } .showare-nav-inner{ /*Inner constraints of showare navigation block - set to site width*/ /*background: RGB(229,229,229); background: RGBA(0,0,0,0.1);*/ /*border:1px solid #eee;*/ /*box-shadow:1px 1px 3px RGBA(0,0,0,0.1); border-radius:2px;*/ position:relative; z-index:999; } .content-wrap{ /*page-wide wrap of main content*/ } .content-inner{ /*inner constraints of main content- set to site width*/ background-color:#fff; /*border:1px solid #eee;* -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; */ padding-top:1em; } .foot-wrap{ /*page-wide wrap of footer area*/ background-color:#000; margin-top:auto; /* background: rgb(253,130,4); background: linear-gradient(90deg, rgba(253,130,4,1) 0%, rgba(93,14,139,1) 35%, rgba(6,167,226,1) 100%); */ } .foot-wrap a{ color:#bfbfbf; } .flx_login_opt { display:flex; justify-content:center; } .flx_login_opt div { width:200px; } .flx_login_opt button { width:100%; border:none; padding:5px; font-family:var(--fontlight); color:var(--grisoscuro); } a.button.sw-button-muted.small-button.basket-toggle-fees{ display:none; } .ft-fill{ /* background: rgb(253,130,4); background: linear-gradient(90deg, rgba(253,130,4,1) 0%, rgba(93,14,139,1) 35%, rgba(6,167,226,1) 100%); */ background-color:#000; } .tr-container{ display:none; } .trlogo{ width:6%; } /*Footer Style*/ .ft{ display:flex; flex-direction:row; justify-content:center; padding-right:60px; padding-left:60px; margin-top:auto; background-color: #3c32a3; font-family: 'Montserrat-Light'; } .bg-cont-ft{ width:100%; padding:20px; background-color:#ccc; } .lg-ft{ padding-right:0 !important; padding-left:0 !important; } .ft h6{ color:#fff; font-size:16px; } .ft p{ color:#fff; } .ft a{ text-decoration:none; color:#fff; } .cont-ft{ padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; color:#fff; max-width:423.73px; font-size:16px; } .l-sn{ padding-right:10px; color:#fff; text-decoration:none !important; } .cont_rs a:last-of-type { color:#fff; } .sec_logo{ width:150px; } /*Footer Style*/ .footer-logo{ width:50px; } .banner-footer{ margin-top:5%; margin-bottom:5%; border-radius:10px; box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 14px 0px rgba(0,0,0,0.75); } .cont-principal{ position:relative; } /*.image-container{ position:absolute; top:0; left:0; width:100%; height:1800px; margin-top: 12%; }*/ /*@media screen and (max-width: 1659px) { .image-container { margin-top: 14%; } } @media screen and (max-width: 1425px) { .image-container { margin-top: 16%; } } @media screen and (max-width: 1246px) { .image-container { margin-top: 19%; } } @media screen and (max-width: 1044px) { .image-container { margin-top: 22%; } } @media screen and (max-width: 636px) { .image-container { margin-top: 30%; } } @media screen and (max-width: 529px) { .image-container { margin-top: 40%; } } @media screen and (max-width: 376px) { .image-container { margin-top: 50%; } }*/ .imgIzq{ position: absolute; top:0; left:0; width:300px; } .imgDer{ position:absolute; /*top: 0;*/ right:0; bottom:0; width:300px; } .silla-container{ position:relative; z-index:1; width:80%; margin:0 auto; } .silla-content{ background-color:rgba(247, 247, 247, 1.0); } .silla-title{ text-decoration:underline overline; text-align:center; font-size:50px; } .silla-title2{ text-decoration:underline overline; text-align:center; font-size:25px; padding-top:2%; } .flex-silla-main{ display:flex; /*flex-direction:row;*/ flex-flow:row wrap; justify-content:center; align-items:center; } .flex-silla-main-2{ display:flex; /*flex-direction:row;*/ flex-flow:row wrap; justify-content:center; align-items:center; } .texto-silla{ color:#000; font-size:25px; } .texto-silla2{ color:#000; font-size:12px; } .silla-cont-flex-1{ text-align:center; width:30%; } .silla-cont-flex-2{ text-align:center; width:20%; } .silla-cont-flex-3{ text-align:center; width:18%; padding-left:1%; padding-right:1%; } .img-silla{ width:100px; } .img-silla-2{ width:100px; } /*Loader Begin*/ #contenedor_carga{ background-color: rgba(0,0,0, 1); height: 100%; width: 100%; position: fixed; -webkit-transition:all 1s ease; -o-transition:all 1s ease; z-index:10000; } #preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #fd8204; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #06a7e2; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #5d0e8b; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0%{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100%{ -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /*Loader End*/ .tabla-gris{ background-color:#cecece; } .texto-silla-head{ font-size:20px; } .foot-inner{ /*inner constraints of footer*/ padding-top:10px; text-align:center; padding-bottom:10px; /*margin-top:20px; margin-bottom:20px;*/ color:#fff; } .foot-inner a{ /*inner constraints of footer*/ color:#c9ba8f; } .control-wrap{ /*wraps controls (search, calendar, categories, etc...) - height set by jquery in HTMLFooter*/ width:200px; padding:10px; padding-top:20px; /*display:none;*/ } .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-radius:2px; border:1px solid #eee; box-shadow:1px 1px 3px RGBA(0,0,0,0.1); background: RGB(229,229,229); background: RGBA(0,0,0,0.1);*/ /*border:1px solid #008066;*/ } /***********************************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{ margin:60px 0px 60px 0px; } .main-constrain-width{ /*force main area to give space to search controls when present*/ /*padding-left:220px;*/ /*width of .control-wrap*/ } .info-box.membership-info-box{ background-color: #F4F4F9; border-radius: 10px; } .membership-info-box.membership-info-hide-callout #membershipInfoBoxCallouts{ display:none; } .info-box{ /* -webkit-border-radius: 0px; -moz-border-radius:0px; border:1px solid #eee; */ border-radius:10px; background:#F4F4F9; margin-top:0px !important; } .info-box a{ font-family: Montserrat-Bold; color: #737373; } .price-box{ } /************************Navigation and Controls******************************************/ .showare-nav{ /*main navigation list*/ } .showare-nav li{ } .showare-nav li:last-child{ } .showare-nav li a{ line-height:42px; padding-right:20px; padding-left:20px; padding-top: 0px; /*margin-top:-7px;*/ margin-bottom:-10px; color:#000; text-decoration:none; font-weight:bold; text-transform:uppercase; letter-spacing: 3px; /*background:#FF900F;*/ transition:background .4s; } i.fi.fi-br-circle-user{ font-size:10px; } .showare-nav li.login-link, .showare-nav li.basket-widget{ border:none; } .showare-nav li.login-link a{ line-height:30px; /*margin:5px; border-radius:2px; background: #fff; color:#333; text-shadow:none; border:1px solid #eee;*/ text-shadow: none; background:#19202e; /*border: 1px solid #fff;*/ text-transform: capitalize; color:#c9ba8f; padding: 0px 2em; margin: 5px; margin-right: .5em; border-radius: 4px; } .showare-nav li a:hover{ background-color:#000; color:#c9ba8f; } .showare-nav li.login-link a:hover{ background-color:#404040; /*border:1px solid #fff;*/ } .modal.show .modal-dialog{ /*margin-top:3%;*/ } /*********************************************** Basket Widget ************************************************/ li.basket-widget #ShoWareBasketWidget { color:#fff; } 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; color:#000; } li.basket-widget #ShoWareBasketWidget .cart-item-desc { font-weight: bold; text-align: right; display:none; } li.basket-widget #ShoWareBasketWidget .cart-item-detail { z-index: 999; line-height: 12px; font-size: 12px; right:0px; background:#333; opacity:.9; border-radius:2px; box-shadow:0px 2px 3px RGBA(0,0,0,0.3); } li.basket-widget #ShoWareBasketWidget .cart-item:first-child { margin-top: -1px; padding-top: 6px; } .button{ /* font-weight:400; border-radius:7px; text-transform:capitalize; transition:all .2s; font-size:17px; line-height:18px; background-color:#000; color:#c9ba8f; padding:.5em 1.5em; text-transform:uppercase; */ padding:10px 20px; background-color: #3c32a3; color: #fff; font-family: 'Montserrat-Light' !important; border-radius: 30px; } .account-control .sub-head-text { color: var(--grisoscuro); font-family:var(--fontthin); } .account-recent-orders{ width:100%; float:initial; } .cont_btn_opt2{ text-align:center; margin:30px 0px; display:flex; justify-content:center; } .cont_btn_opt2 div{ width:200px; } .cont_btn_opt2 div button{ width:100%; border: none; background-color:var(--grisclaro); color:var(--grisoscuro); font-family:var(--fontthin); } .btn_sel_opt2{ background-color:var(--azulsh) !important; color:#fff !important; } .account-recent-orders .heading-text{ color:var(--grisoscuro); font-family:var(--fontthin); } .account-holds .heading-text{ color:var(--grisoscuro); font-family:var(--fontthin); } .account-memberships .heading-text{ color:var(--grisoscuro); font-family:var(--fontthin); } .account-control{ width:100%; text-align:center; } .order-complete { text-align:center; } .cont_head_order_msg h2 { color: #fff; text-align: center; padding: 50px 0px 10px 0px; text-transform: uppercase; font-family: var(--fontthin); } #checkout-finished-table{ margin:0 auto; } .goog-te-gadget{ display:none; } #divBackButton { text-align: center; } .cont_reset_pass .button{ margin:20px 0px; } .reset-description{ padding:60px 30px 60px 30px; text-align:justify; } .cont_login_img_txt{ text-align:center; } .cont_main_opt1 div { text-align: center; } .cont_main_opt1 a { background-color:var(--azulsh); display:inline-block; margin:5px 5px; padding:5px 15px; color:#fff; text-decoration:none; border-radius:30px; width:140px; } .parent-container { display:flex; } .parent-container > div{ width:50%; } .first-child-container .patron-info{ width:100%; } .cont_main_opt1 a:hover { background-color:var(--azulhover); text-decoration:none; } .mailingListDescription{ display: inline-block; margin:20px 0px; text-align: justify; } .cont_create_txt{ text-align:center; } .first-child-container .patron-info .patron-info-label{ padding:0px; } .second-child-container select{ border-radius:30px; } .str_login_text{ color:#000; margin-top:20px; margin-bottom:20px; font-size:12px; } .str_register_text{ font-size:12px; color:#000; margin-top:20px; margin-bottom:20px; } .multi-login-divider{ display:none; } .login-form label{ color:var(--grisoscuro); text-transform: uppercase; } .flx_log_der { display:flex; justify-content:center; } .login-column.alternate-login-column { text-align:center; height: 370.5px; padding: 20px; background-color: var(--grisclaro); border-radius: 10px; margin: 20px 0px; } .login-column.alternate-login-column a{ background-color:var(--azulsh); color:#fff; font-family:var(--fontregular); border:none; border-radius:30px; } .titulo_img_login{ height:40px; } .titulo_img_register{ height:40px; } .login-column-header{ } .logo_ticketshow_new_acc { width:100%; } .cont_head_img{ width:200px; margin:0 auto; } .cont_img_head_frm { background-image:url(/UPLimage/Fondo2.jpg); background-size:cover; background-position:bottom; background-repeat:no-repeat; background-attachment:fixed; padding:60px 20px; border-top-left-radius:10px; border-top-right-radius:10px; } .cont_head_title .sub-head-text{ text-transform:uppercase; color:#fff; font-family:var(--fontlight); text-align:center; padding:30px 0px; } .patron-form .patron-info{ display:flex; flex-flow:row wrap; } .patron-info div{ width:100%; padding:0px 10px; } .button:hover{ background:#4d4d4d; } .button.sw-button-primary{ border-radius: 30px; padding: 10px 30px 10px 30px; background-color: #3c32a3; color: #fff; font-family: 'Montserrat-Light'; } .button.sw-button-primary:hover{ background-color:#5a4fc9; } .button.sw-button-muted{ background-color:#fff; color: #737373; border: 1px solid #737373; border-radius: 30px; padding: 10px 30px 10px 30px; font-family: 'Montserrat-Light'; } .flx_basket { display: flex; /*justify-content: space-between;*/ margin-top: 20px; margin-bottom: 20px; flex-flow:row wrap; } .flx_int { display: flex; flex-wrap: wrap; background-color: #F4F4F9; border-radius: 10px; font-family: 'Montserrat-Light'; justify-content: space-between; margin:10px 10px 10px 10px; width:390px; } .flx_int > div:first-child { padding:20px 10px 10px 10px; width:50%; display:grid; } .pricingcode-dropdown{ font-size:9px; border-radius:5px; } .flx_int > div:nth-child(2) { padding:20px 5px 10px 0px; width:50%; } .basket-ticket-item .price-code-select{ /*width:100%;*/ } .flx_int > div:nth-child(4) { padding:20px; width:100%; } .flx_int div ul li span{ display:inline-block; width:100%; } .flx_int div ul{ list-style-type: none; padding:0; margin:0; } .flx_int div ul li{ display:grid; } .flx_int a { display:inline-block; background-color:var(--azulsh); width:100%; text-align:center; padding-top:5px; padding-bottom:5px; color:#fff !important; text-decoration:none; border-radius:30px; font-family:var(--); } .title{ background: linear-gradient(90deg, rgba(60, 50, 163, 1) 17%, rgba(255, 113, 16, 1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* .flx_int > div:first-child a:first-child{ display:none; } */ /* .basket-item:first-child { color: #737373; padding:60px 20px 60px 20px; } .basket-item{ color: #737373; padding:60px 10px 60px 10px; background-color:transparent !important; } .basket-item:last-child { color: #737373; padding:60px 20px 60px 20px; } */ .info-box h2{ font-family:'Montserrat-Light'; font-size:17px; margin-bottom:30px; text-align:justify; background: linear-gradient(90deg, rgba(60, 50, 163, 1) 17%, rgba(255, 113, 16, 1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .info-box a:nth-of-type(3) { font-family: Montserrat-Bold; color:#737373 !important; } .info-box a:nth-of-type(4) { font-family: Montserrat-Bold; color: #737373 !important; } input.showare-text, textarea.showare-textarea{ border-radius:30px !important; } .link-modal-window{ font-size:16px !important; } .sw-button-muted{ margin-right: 15px; } .button.sw-button-muted:hover{ background: #eee; } .button.sw-basket-help-button{ /*help button in basket.asp*/ } .standard-button{ } .small-button{ } #loadingScreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: 9999; display: flex; justify-content: center; align-items: center; overflow: hidden; flex-direction: column; } #progressBar { width: 200px; height: 5px; background-color: #737373; border-radius: 5px; overflow: hidden; } #progressBar div { height: 100%; width: 0; background-color: #fff; transition: width 0.4s; } .cont_logo_load{ padding:10px; } .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:7px; padding:20px; background-color:#484151; color:#fff; } /*************************FONTS and Headings***************************/ .default-font{ /*primary site font*/ /*font-family: 'Avenir LT Std 35 Light', sans-serif;*/ /*font-family:'Uni Sans', sans-serif;*/ font-family:sans-serif; font-size:16px; /* 14px (16px default * 0.875 == 14px) */ font-weight:400; color:#737373; } a{ color:#770037; text-decoration:none; } a:hover{ text-decoration:underline; } .heading-text, h2{ display:block; color:#333; font-weight:700; font-size:24px; margin-bottom:10px; /*text-shadow:RGB(229,229,229) 1px 1px 1px;*/ width:100%; } .patron-info .redFont{ display:none; } .redFont{ display:none; } em{ display:none; } .patron-info em{ display:none; } .patron-form-footer > div:nth-child(2){ display:none; } .patron-form-footer{ text-transform:uppercase; color:var(--azulsh); margin:0 !important; font-family:var(--fontlight); } .mailingListLabel br:nth-child(2), .mailingListLabel br:nth-child(3){ display:none; } #MailingList{ margin-right: 15px; } .patron-form-footer .mailingListLabel{ display:initial; } .control-box .heading-text{ font-size:15px; /*line-height:14px; border-radius: 0px;*/ text-shadow: none; background:#eee; padding:.5em; display:block; box-sizing:border-box; margin:-11px; margin-top:-18px; margin-bottom:10px; color:#000; } .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*/ display:flex; flex-direction:row; flex-flow:row wrap; justify-content:center; } #membership-wrap{ display:flex; display:flex; flex-direction:row; flex-flow:row wrap; justify-content:center; } .featured-items-item{ /*div wraps individual event items in featured items*/ width:50%; } .featured-items-item a{ color:#000; text-transform:uppercase; font-size:24px; text-decoration:none; } .featured-items-image{ float:right; margin-left:10px; margin-bottom:10px; max-width: 1800px; width: 100%; border-radius:10px 10px 0px 0px; /* box-shadow: 8px 5px 30px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 8px 5px 30px 0px rgba(0,0,0,0.75); -moz-box-shadow: 8px 5px 30px 0px rgba(0,0,0,0.75); */ } .cont-item-felx { background-color:#F4F4F9; border-radius:10px; padding-bottom:10px; } .description_icons { padding: 5px 10px 12px 10px; } .modal-body .description_icons{ padding:initial; } .item-desc-button { padding: 0px 10px; } .cont-item-felx h2, .cont-item-felx a{ font-family:Montserrat-Bold; font-size:16px; color:#737373; } .cont-item-felx h2{ padding:0px 10px; } .button_cont{ padding:10px 10px; margin:20px 0px; } .btn_compra { padding: 20px; background-color: #3c32a3; color: #fff !important; font-family: 'Montserrat-Light' !important; border-radius: 30px; } .btn_compra:hover{ background-color:#5a4fc9; } .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{ padding:20px; background-color:#3c32a3; color: #fff; font-family:var(--fontlight); border-radius:30px; } .cont_member_item { background-color:var(--grisclaro); border-radius:10px; font-family:var(--fontlight); } .cont_bg_reset_pass { background-image:url(/UPLimage/Fondo2.jpg); background-size:cover; background-position:bottom; background-repeat:no-repeat; background-attachment:fixed; padding:60px 20px; border-top-left-radius:10px; border-top-right-radius:10px; } .cont_bg_reset_pass .heading-text{ color:#fff; font-family:var(--fontthin); text-transform:uppercase; text-align:center; } .reset_pass_cont { border-top-left-radius:0px; border-top-right-radius:0px; width:400px; margin:0 auto; } .reset_pass_cont form { display:grid; } .reset_pass_cont form .button{ padding: 10px 20px 10px 20px !important; } .reset_pass_cont form .showare-text{ margin-bottom:20px; } .reset_pass_cont form hr{ display:none; } .cont_reset_pass { background-color:var(--grisclaro); border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:60px 0px 60px 0px; } .cont_rs{ background-color:var(--azulsh); color:#fff; text-align:center; padding:0px 0px 20px 0px; } .site_lnk a { display:inline-block; width:100%; } .inp_reset_pass{ width: 100% !important; } /*********************************************************************** 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{ } /*************************************************Basket*******************************************/ .basket{ font-size:1em; } .basket-header{ /*styling for first row of baskets, and pricing rows*/ background-color:#fff; } .basket-legend{ background-color:var(--azulsh); margin-bottom: -1em; margin-top: 1em; color: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; } .basket-legend .basket-cell{ border:none; } #btnNewUser { margin:30px 0px; } .addthis_toolbox.addthis_default_style { display:none; } .basket-event{ /*styling for event rows in baskets*/ background-color:#F4F4F9; border-top:1px solid #eee; margin-top:1em; color:#737373; border-bottom-left-radius:7px; border-bottom-right-radius:7px; } #performance-information { /*display:grid;*/ text-align:center; font-family:var(--fontlight); } .basket-event td{ border-top-right-radius:10px !important; border-top-left-radius:10px !important; } .basket-event a{ /*styling for event rows in baskets*/ color:#ccc !important; } #newaccount-title{ text-align:center; text-transform:uppercase; font-size:30px !important; } .basket-event a{ color:#770037; } .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:#484151 !important;*/ margin-bottom:0.5%; /*color:#fff;*/ } .sub-head-text{ text-transform:uppercase; /* background: #FD8204; background: linear-gradient(to right, #FD8204 0%, #5D0E8B 50%, #06a7e2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ color:var(--grisoscuro); font-family:var(--fontthin); } div #basket-header-wrap{ background-color:#484151 !important; color:#fff !important; border-radius:7px; } tbody, td, tfoot, th, thead, tr{ padding:10px; } .basket-item a{ color:#ccc; } .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:5px; display:none; white-space:nowrap; box-shadow:5px 5px 5px #000; } hr{ /* Title line color */ border:0; border-top:1px dotted #eee; height:1; } .error-message{ border:solid 1px #c00; background:#fee; color:#c00 !Important; 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-column-header span{ /*text-decoration: underline overline;*/ text-transform: uppercase; text-align: center; } .titulo_img_login{ width:50%; } .login-column-header{ text-align:center; } .login-text{ text-align:center; text-transform:uppercase; color:var(--grisoscuro); font-family:var(--fontthin); } .login-column-header .heading-text{ background: linear-gradient(90deg, rgba(60, 50, 163, 1) 17%, rgba(255, 113, 16, 1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .forgot-password-link{ color:#ccc; } .upcoming-head{ background: #FD8204; background: linear-gradient(to right, #FD8204 0%, #5D0E8B 50%, #06a7e2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .flx_map{ display:flex; margin-top:60px; margin-bottom:60px; } .flx_map > div:first-child{ width:35%; padding:0px 20px 0px 0px; } .flx_map > div:last-child{ width:65%; } .frm_order_tickets{ background-color:#F4F4F9; border-radius:10px; padding:10px; font-family: 'Montserrat-Light'; } .frm_order_tickets span{ width:100%; display:inline-block; } .frm_order_tickets select{ width:100%; border-radius:5px; } .select-seats-wrap{ padding:0px !important; } .select-seats-wrap .sub-head-text{ background: linear-gradient(90deg, rgba(60, 50, 163, 1) 17%, rgba(255, 113, 16, 1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .frm_order_tickets .sub-head-text{ background: linear-gradient(90deg, rgba(60, 50, 163, 1) 17%, rgba(255, 113, 16, 1) 67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-family: 'Montserrat-Light'; font-size: 20px; } .login-form{ padding:2%; border-radius:7px; } .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:400px; width:50%; float:right; margin-left:10px; 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-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:0px; font-weight:bold; padding:0px 10px; line-height: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:#eee; padding:10px; border-radius:2px; border:1px solid #aaa; box-shadow:5px 5px 40px RGBA(0,0,0,0.6); } #popup-close{ position:absolute; top:3px; right:3px; font-family:arial, helvetica, sans-serif; font-weight:bold; font-size:14px; line-height:24px; color:#400!important; cursor:pointer; border:none; box-shadow:none; border-radius:2px; padding:0px 5px; background:#eee; transition: background-color .4s; } #popup-close:hover{ background:#fff; } #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; color:#2a2a2a; background-color:#f5f5f5; padding:5px; border-radius:2px; margin:-7px; margin-bottom:2px; border:1px solid #ddd; text-shadow:#ccc 1px 1px 1px; cursor:default; cursor:pointer; } .popup-body{ background-color:#f5f5f5; } .popup-body img{ max-width:100%; } .popup-body.default-font, .popup-body .heading-text{ color:#2a2a2a; } .popup-bottom-close{ } #popup-wrap #fetched{ max-height:500px; width:400px; overflow-y:auto; } .popup-bottom-close{ margin-top:10px; } /************************************************* SeatMaps *************************************************/ #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-reserve-table{ width:100%; } #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;*/ border-radius:100% !important; } .seatmap-row-label{ padding:.1em; font-weight:bold; opacity:0.8; color:#333; box-shadow:none!important; } .seat{ border-radius:100% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; /* border-radius:1px; background-image: url("http://demoESv28.accesso.com.mx/AdsUPLImage/asientoocupado.png"); width:19px; height:19px; */ transition:background .4s; } .seat.off{ background-color:#ffffff; } .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; } li.basket-widget #ShoWareBasketWidget .cart-item-detail{ position:absolute; padding:2em; } #ShoWareBasketWidget:hover{ /*background-color:#4d0026;*/ }