/**
 * Styles for Markus embed
 * green: #9cbba1;
 * brown: #bb9f86;
 */

/**
 * FONTS
 */
@font-face {
    font-family: 'EksellDisplaySmall';
    src: url('fonts/EksellDisplaySmall.eot');
    src: url('fonts/EksellDisplaySmall.eot') format('embedded-opentype'),
         url('fonts/EksellDisplaySmall.woff2') format('woff2'),
         url('fonts/EksellDisplaySmall.woff') format('woff'),
         url('fonts/EksellDisplaySmall.ttf') format('truetype'),
         url('fonts/EksellDisplaySmall.svg#EksellDisplaySmall') format('svg');
}

@font-face {
    font-family: 'FoundersGroteskSemibold';
    src: url('fonts/FoundersGroteskSemibold.eot');
    src: url('fonts/FoundersGroteskSemibold.eot') format('embedded-opentype'),
         url('fonts/FoundersGroteskSemibold.woff2') format('woff2'),
         url('fonts/FoundersGroteskSemibold.woff') format('woff'),
         url('fonts/FoundersGroteskSemibold.ttf') format('truetype'),
         url('fonts/FoundersGroteskSemibold.svg#FoundersGroteskSemibold') format('svg');
}

@font-face {
    font-family: 'FoundersGroteskLight';
    src: url('fonts/FoundersGroteskLight.eot');
    src: url('fonts/FoundersGroteskLight.eot') format('embedded-opentype'),
         url('fonts/FoundersGroteskLight.woff2') format('woff2'),
         url('fonts/FoundersGroteskLight.woff') format('woff'),
         url('fonts/FoundersGroteskLight.ttf') format('truetype'),
         url('fonts/FoundersGroteskLight.svg#FoundersGroteskLight') format('svg');
}

@font-face {
    font-family: 'FoundersGroteskLightItalic';
    src: url('fonts/FoundersGroteskLightItalic.eot');
    src: url('fonts/FoundersGroteskLightItalic.eot') format('embedded-opentype'),
         url('fonts/FoundersGroteskLightItalic.woff2') format('woff2'),
         url('fonts/FoundersGroteskLightItalic.woff') format('woff'),
         url('fonts/FoundersGroteskLightItalic.ttf') format('truetype'),
         url('fonts/FoundersGroteskLightItalic.svg#FoundersGroteskLightItalic') format('svg');
}

@font-face {
    font-family: 'FoundersGroteskRegular';
    src: url('fonts/FoundersGroteskRegular.eot');
    src: url('fonts/FoundersGroteskRegular.eot') format('embedded-opentype'),
         url('fonts/FoundersGroteskRegular.woff2') format('woff2'),
         url('fonts/FoundersGroteskRegular.woff') format('woff'),
         url('fonts/FoundersGroteskRegular.ttf') format('truetype'),
         url('fonts/FoundersGroteskRegular.svg#FoundersGroteskRegular') format('svg');
}

/**
 * GENERAL
 */
body {
  font-family: 'FoundersGroteskRegular','Open Sans','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
  line-height: 1;
  font-size: 16px;
  background-color: transparent;
  color: white;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'FoundersGroteskSemibold';
  font-weight: 400;
  color: white;
}

/* New blocks */
.block-show-body {
  color: white;
}

.showPrices-table {
  color: white;
}

.list-item-actions .btn {
  margin-top: 15px;
}

.prices-tab-footer {
  color: white;
}

h3.times-time {
  font-family: 'FoundersGroteskLight';
}

.panel-heading {
  color: white;
}

.show-infoItems {
  color: white;
}

.table-responsive {
  color: white;
}

.shoppingCartTitleText {
  color: white;
}

small {
  font-family: 'FoundersGroteskLight';
}

.btn {
  /*display: inline-block;*/
  /* text-transform: uppercase;
  font-family: 'FoundersGroteskSemibold';
  letter-spacing: 2px;
  color: #fff;
  padding: 1rem 2rem .75rem;
  background-color: #000;
  border: 2px solid #000;
  font-size: 1.2rem;
  position: relative;
  outline: 0;
  border-radius: 0;
  line-height: 1; */
  -webkit-appearance: none;
    border: 2px solid #fff;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-family: Founders Grotesk,sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: lowercase;
    padding: 0.8em 1.5em 0.4em;
    text-align: center;
    text-decoration: none;
    transition: background-color .15s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: white;
    color: black;
}

.btn::first-letter {
  text-transform: uppercase;
}

.btn:hover {
  /* background-color: #9cbba1;
  border: 2px solid #9cbba1; */
  color: black;
  border-color: white;
  background-color: hsla(0,0%,100%,.8);
}

.btn-primary:active:hover {
  background-color: #9cbba1;
  border-color: #9cbba1;
}

.btn-link:hover,
.btn-link:focus {
  color: #fff;
  text-decoration: none;
}

#layout-container,
.panel {
  /* background-color: transparent; */
  background-color: #121212;
  box-shadow: none;
}

#wrapper-for-body-bg {
  padding: 3rem 0;
}

.navbar-inverse,
.event-top-info,
#MarkusInfo-container {
  display: none;
}

/**
 * FRONTPAGE SCHEDULE
 */
.ContentBlockFrontpageSchedule .dropdown-container select.form-control {
  font-family: 'FoundersGroteskLight';
  padding: 0.6rem 2rem 0.35rem;
  font-size: 2rem;
  letter-spacing: 1px;
}

.ScheduleGroupEventList-container .col-xs-2.no-right-padding {
  display: none;
}

.dates-container .btn {
  padding: 1rem 2rem 0.35rem;
  font-family: 'FoundersGroteskLight';
  font-size: 1.5rem;
}

h2.list-item-desc-title a {
  /* color: #000; */
  color: white;
}

.list-item-desc {
  color: white;
}

/**
 * STEPS
 */
#contentEventShows h2 {
  font-size: 3rem;
  margin-bottom: 4rem;
}

.times-item.times-item-long .times-inner .times-time,
.times-item.times-item-long .times-inner .times-place {
  margin-top: 6px;
}

.progress {
  border-radius: 0;
}

.progress-bar {
  font-family: 'FoundersGroteskLight';
  letter-spacing: 0.5px;
  font-size: 16px;
  line-height: 25px;
}

.websales-progress .progress-bar.active .progress-bar-inner,
.progress-bar {
  background-color: #9cbba1;
}

.websales-progress .progress-bar.active .progress-bar-arrow-second-inner {
  border-left-color: #9cbba1;
}

.websales-progress .progress-bar .progress-bar-arrow .progress-bar-arrow-first-inner {
    border-left-color: #eee;
}

.nav-tabs>li>a {
  border-radius: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background-color: #eee;
}

.panel-primary {
  border-color: #000;
}

.panel-primary>.panel-heading {
  border-color: #000;
  background-color: #000;
}

.genre-names, .productionYear, .event-length, .no-subtitles, .times-place, {
  display: none; 
}

.markus-logo-padding-bottom {
  display: none;
}

.dates-container span.btn:hover { background-color: #000; border: 2px solid #000; cursor: default; }

@media (max-width: 480px) {
  .panel-body {
      padding: 15px;
  }
}

.shoppingCartTimerButtons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.progress-bar span {
    color: black;
    font-weight: bold;
}

.bootbox-body {
    color: black;
    padding: 15px;
    font-size: 19px;
}

.modal-footer .btn {
    border: 2px solid #000 !important;
}

.btn[name="CancelShoppingCart"] {
    color: red !important;
    font-size: 14px;
}

.block-seatPlan-actions form:first-child {
    margin-bottom: 10px;
}

.block-show-header {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.block-show-dateTime {
    margin-right: 20px;
}
.block-show-info-theatreAndAuditorium {
    color: #999;
    font-weigth: normal;
}