/*
Theme Name: BoxOffice Child Theme
Template: boxoffice
Theme URI: https://boxoffice.axiomthemes.com/
Description: BoxOffice Child Theme
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: boxoffice
*/
/* =Child-Theme customization starts here
------------------------------------------------------------ */
.spxContainer {
  padding: 150px 0 80px !important;
  max-width: 1400px;
  margin: auto;
  display: block;
}
.spxContainer iframe, .spxContainer spektrix-gift-vouchers {}
.spxContainer .LoginLogout.SpektrixPage, .spxContainer .NewAccount.SpektrixPage, .spxContainer .MyAccount.SpektrixPage, .spxContainer .ForgotPassword.SpektrixPage, .spxContainer .ChangePassword.SpektrixPage, .spxContainer .EditAddress.SpektrixPage {
  margin: auto !important;
}
.spxContainer .Container input[type=submit] {
  background: #00527B !important;
  border-color: #00527B !important;
}
.spxContainerPad {
  padding: 0 20px !important;
}
/* Fix Double Scroll Bar with Spektrix iFrames */
.spx-iframe-wrapper iframe, .spxContainer iframe {
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
}
.bookingSet a.ticket.round.button:link, .bookingSet a.ticket.round.button:visited {
  min-width: 150px;
  padding: 10px 20px;
  background: #00527B;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}
.bookingSet a.ticket.round.button:hover, .bookingSet a.ticket.round.button:focus {
  background: #60B1CA;
  text-decoration: none !important;
  color: #00527B;
}
.spx-booking-controls {
  display: flex;
  gap: 10px;
  margin: 20px 0 0;
}
.spx-booking-controls a:link, .spx-booking-controls a:visited {
  display: block;
  min-width: 150px;
  padding: 10px 20px;
  background: #00527B;
  border-radius: 10px;
  color: #ffffff;
  text-align: center;
}
.spx-booking-controls a:hover, .spx-booking-controls a:focus {
  background: #60B1CA;
  text-decoration: none !important;
  color: #00527B;
}
.elementor-shortcode #tickets {
  top: -100px;
  position: absolute;
}
/* ===== Gift Voucher Web Component Form ===== */
.spx-vouchers-wrapper h1 {
  font-family: 'Lexend', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 2em;
  font-weight: 700;
  color: #00527B;
  margin-bottom: 24px;
}
.spx-vouchers-wrapper .SpektrixPage.AddGiftVoucher {
  max-width: 500px;
}
.spx-vouchers-wrapper .AddGiftVoucher > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.spx-vouchers-wrapper .AddGiftVoucher label {
  font-family: 'Karla', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #333;
  min-width: 130px;
  flex-shrink: 0;
}
.spx-vouchers-wrapper .AddGiftVoucher input[type="text"], .spx-vouchers-wrapper .AddGiftVoucher input[type="date"], .spx-vouchers-wrapper .AddGiftVoucher select {
  font-family: 'Karla', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1rem;
  color: #333;
  padding: 10px 14px;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  background: #ffffff;
  flex: 1;
  min-width: 0;
  box-sizing: border-box;
}
.spx-vouchers-wrapper .AddGiftVoucher input[type="text"]:focus, .spx-vouchers-wrapper .AddGiftVoucher input[type="date"]:focus, .spx-vouchers-wrapper .AddGiftVoucher select:focus {
  outline: none;
  border-color: #00527B;
}
.spx-vouchers-wrapper .AddGiftVoucher button.Button {
  display: inline-block;
  padding: 10px 20px;
  background-color: #00527B;
  border: 1px solid #00527B;
  border-radius: 10px;
  color: #ffffff;
  font-family: 'Karla', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 8px;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.spx-vouchers-wrapper .AddGiftVoucher button.Button:hover, .spx-vouchers-wrapper .AddGiftVoucher button.Button:focus {
  background-color: #60B1CA;
  color: #00527B;
  border-color: #60B1CA;
}
.spx-vouchers-wrapper #successMsg {
  margin-top: 20px;
  padding: 16px 20px;
  background: #F2F6F3;
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  font-family: 'Karla', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1rem;
  color: #333;
}
.spx-vouchers-wrapper #successMsg a {
  color: #00527B;
  font-weight: 600;
}
.spx-vouchers-wrapper #successMsg a:hover, .spx-vouchers-wrapper #successMsg a:focus {
  color: #60B1CA;
}
.spx-vouchers-wrapper #failMsg {
  margin-top: 20px;
  padding: 16px 20px;
  background: #fff0f0;
  border: 1px solid #e5c2c2;
  border-radius: 10px;
  font-family: 'Karla', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 1rem;
  color: #993333;
}





/* Reduce nav menu item spacing – DESKTOP ONLY */
/* and Extra breathing room on large screens */

/* larger screens  */
@media (min-width: 1281px) and (max-width: 1440px) {
  .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
	font-size:13px !important;
  }
}

@media (min-width: 1281px) {
  .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > a , .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > span {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
/* smaller screens  */
@media (min-width: 1025px) {
  .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > a {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
	 .elementor-element-a8e595c .elementor-button,
  .elementor-element-2f7e4af .elementor-button,
  .elementor-element-03593db .elementor-button {
    font-size: 12px !important;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .trx-addons-main-nav-menu > .trx-addons-nav-menu-item > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
	font-size:13px !important;
  }
}

/* END */



@media (max-width: 690px) {
  .spx-checkout-wrapper iframe {
    min-height: 2400px;
  }
}


@media (max-width: 599px) {
  .spx-vouchers-wrapper .AddGiftVoucher > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

  .spx-vouchers-wrapper .AddGiftVoucher label {
    min-width: 0;
  }
  .spx-vouchers-wrapper .AddGiftVoucher input[type="text"], .spx-vouchers-wrapper .AddGiftVoucher input[type="date"], .spx-vouchers-wrapper .AddGiftVoucher select {
    width: 100%;
  }
}