/**
 * 2007-2026 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 *  @author 	PrestaShop SA <contact@prestashop.com>
 *  @copyright  2007-2026 PrestaShop SA
 *  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 *  International Registered Trademark & Property of PrestaShop SA
 */

/** Bootstrap 4 helpers */

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-column {
  -ms-flex-direction: column !important;
      flex-direction: column !important;
}

.align-items-center {
  -ms-flex-align: center !important;
      align-items: center !important;
}

.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}

.text-normal {
    text-transform: none !important;
}

.text-nowrap {
  white-space: nowrap;
}

/** Custom Styling */

/** 1.7 classic */
#_desktop_contact_link,
#_desktop_calendar_link {
    float: left;
}

#header .header-nav #calendar-link {
    margin-top: .9375rem;
    margin-left: .7rem;
}

/** 1.6 default bootstrap */

#header .nav #calendar-link {
    float: right;
    border-left: 1px solid #515151;
}

#header .nav #calendar-link a {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px 11px 10px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    line-height: 18px;
}

#header .nav #calendar-link a:hover,
#header .nav #calendar-link a.active {
    background: #2b2b2b;
}

/*
 * The ticket-type/combination <select> on the event page uses
 * "form-control" (a classic-theme/Bootstrap 4 class) so it looks right on
 * 1.7+, but PS 1.6's own default front theme never defines that class at
 * all - the dropdown rendered as a bare, unstyled native <select> with no
 * spacing before the "Book now" button below it. Self-contained styling
 * (no dependency on either theme's framework) so it looks reasonable on
 * both, without touching the generic "form-control" class.
 */
.aeb-ticket-type-select {
  /* Without this, the browser keeps rendering the select's *inside* (text
     position, the dropdown arrow) with its native OS/browser widget style,
     regardless of the box CSS below - explains the odd text position and
     the separate native-looking arrow box seen without this reset. */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Custom arrow to replace the one appearance:none just removed. */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23555' d='M4 6l4 4 4-4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;
  display: block !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: 40px !important;
  padding: 8px 30px 8px 12px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

/*
 * The select also carries the generic "mb-2" rem-based utility (from
 * front.css) for its bottom margin, but that stylesheet loads *after* this
 * one - same selector specificity plus !important on both sides means the
 * later stylesheet wins the cascade, so "mb-2" was silently overriding
 * whatever margin-bottom got set above (and even when it does win, .5rem
 * is only 5px on PS 1.6's 10px root font-size, see the .btn-royal note
 * below). The extra "select" type selector raises specificity so this
 * always wins regardless of stylesheet order, and the amount is a plain
 * px value so it looks the same everywhere.
 */
select.aeb-ticket-type-select {
  margin: 0 0 20px !important;
}

/*
 * The icon/"Book now"/old-price/new-price row inside .btn-royal uses the
 * generic .mr-2/.ml-2 rem-based utilities (front.css), which is fine on
 * 1.7+'s classic theme (1rem = 16px, so .5rem = 8px) but on PS 1.6's
 * default-bootstrap theme the root font-size is set to 10px (Bootstrap 3's
 * 62.5% trick), so the same .5rem only computes to 5px - just barely wide
 * enough to be visible, reading as "no spacing" next to the large button
 * text. Fixed px values scoped to this button override those rem utilities
 * (higher selector specificity) so the gap is consistent everywhere.
 */
.btn-royal i.mr-2,
.btn-royal .material-icons.mr-2 {
  margin-right: 10px !important;
}

.btn-royal .price-old-badge,
.btn-royal .price-badge {
  margin-left: 10px !important;
}

.events-list > li {
  background-color: #fff;
  border-top: 1px solid #eceeef;
  margin-top: .5rem;
  padding-top: .5rem;
}

.events-list > li:first-child {
  border-top: none;
}

.event-date-board {
  padding: .5rem 1rem;
  margin-right: .7rem;
  border: 1px solid #eceeef;
}

.event-thumb img {
  max-width: 55px;
  height: auto;
  margin-right: .7rem;
  display: inline-block;
  border: 2px solid #eaeaea;
  background-color: #fff;
  padding: 1px;
  border-radius: 1000em;
}

.event-categ-badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  margin-bottom: .3rem;
}

.event-details a {
  text-shadow: none!important;
  font-size: inherit!important;
}

.event-details a:hover {
  color: #000!important;
}