/**
Theme Name: Superar Event
Author: Wolf-Dieter Grabner
Author URI: https://flowlabs.studio/
Description: Seitenvorlagen und Anpassungen für den Superar Event im November 2020.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: superar-event
Template: astra
*/

@font-face {
  font-family: 'Superar';
  font-weight: 400;
  font-style: normal;
  src: url('fonts/superar-55.eot');
  src:
	url('fonts/superar-55.eot?#iefix') format('embedded-opentype'),
	url('fonts/superar-55.woff2') format('woff2'),
	url('fonts/superar-55.woff') format('woff'),
	url('fonts/superar-55.svg#superar-55') format('svg');
}

@font-face {
  font-family: 'Superar';
  font-weight: 400;
  font-style: italic;
  src: url('fonts/superar-56.eot');
  src:
	url('fonts/superar-56.eot?#iefix') format('embedded-opentype'),
	url('fonts/superar-56.woff2') format('woff2'),
	url('fonts/superar-56.woff') format('woff'),
	url('fonts/superar-56.svg#superar-56') format('svg');
}

@font-face {
  font-family: 'Superar';
  font-weight: 500;
  font-style: normal;
  src: url('fonts/superar-65.eot');
  src:
	url('fonts/superar-65.eot?#iefix') format('embedded-opentype'),
	url('fonts/superar-65.woff2') format('woff2'),
	url('fonts/superar-65.woff') format('woff'),
	url('fonts/superar-65.svg#superar-65') format('svg');
}

@font-face {
  font-family: 'Superar';
  font-weight: 700;
  font-style: normal;
  src: url('fonts/superar-75.eot');
  src:
	url('fonts/superar-75.eot?#iefix') format('embedded-opentype'),
	url('fonts/superar-75.woff2') format('woff2'),
	url('fonts/superar-75.woff') format('woff'),
	url('fonts/superar-75.svg#superar-75') format('svg');
}

@font-face {
  font-family: 'Superar Display';
  font-weight: 800;
  font-style: normal;
  src: url('fonts/superar-display.eot');
  src:
	url('fonts/superar-display.eot?#iefix') format('embedded-opentype'),
	url('fonts/superar-display.woff2') format('woff2'),
	url('fonts/superar-display.woff') format('woff'),
	url('fonts/superar-display.svg#superar-display') format('svg');
}

body {
  font-family: 'Superar', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary { margin: 0 !important; }
.header-main-layout-1 .main-header-container { border-bottom: 2px solid #000; }
.ast-fullscreen-menu-enable.ast-header-break-point .main-header-menu .menu-item { text-align: center !important;
  font-size: 2.5rem;
  line-height: 2;
  letter-spacing: 0.01em;
  font-weight: 400;
}

.custom-logo-link { display: block; }
.custom-logo-link img { width: 100%; height: auto; }
#masthead .site-logo-img img { max-height: 10rem !important; }
.entry-content p, .entry-content li,
.entry-content td { font-size: 0.9375rem; margin-bottom: 1.28em; line-height: 1.28; letter-spacing: 0.01; }
.entry-content ol,
.entry-content ul { padding-left: 1.25em; margin: 0 0 1.28em 0; }
.entry-content ul li { margin-bottom: 0; }
.entry-content p:last-child,
.entry-content ul:last-child { margin-bottom: 0; }

hr.superar { margin-top: 2rem; margin-bottom: 2rem; height: 2px; background: #000; }

.entry-content h2 { font-size: 3rem; line-height: 1.15; letter-spacing: 0.01em; font-weight: 400; }
.entry-content h3 { font-size: 1.5rem; line-height: 1.15; letter-spacing: 0.015em; margin-bottom: 0.5rem; }
.entry-content h5 { font-size: 0.9375rem; margin-bottom: 1.28em; line-height: 1.28; letter-spacing: 0.01; font-weight: 600; }

.mb-0 { margin-bottom: 0 !important; }
.page-id-12 .entry-header { display: none; }
table.superar { border-width: 0; margin-bottom: 2.3em; }
table.superar td { border: 0; padding: 0; border-width: 0; }
td.c1 { width: 8em; }

.site-footer a:focus, .site-footer a:hover { color: #000; }
.ast-small-footer-wrap { border-top: 2px solid #000; border-bottom: 2px solid #000; padding: 0.625em 0; margin-bottom: 0.5em; }
#menu-footer { padding-left: 0; }

.ast-button.superar { padding: 0.5rem 0.5rem; display: inline-block; font-weight: 600; }

.live--main--tabs { display: none; }
.sdn-play-overlay { left: 6% !important; top: 11% !important; }
.intro { width: 100%; height: 0; padding-bottom: 56.5%; background: rgba(100, 100, 100, 0.042); position: relative; }
.popout-video { width: 100%; position: relative; }
.popout-video--popout { z-index: 2; position: fixed; left: 0; top: 0; max-width: 100%; height: auto; -webkit-animation: popin .5s ease-in-out forwards; animation: popin .5s ease-in-out forwards; }
.live-pbp--poweredby { display: none !important; }
@media (min-width: 420px) {
  .popout-video--popout { width: 420px; }
}
@-webkit-keyframes popin {
  to {
    top: 0;
  }
}
@keyframes popin {
  to {
    top: 0;
  }
}
.popout-video--popout:hover .popout-video__controls { opacity: 1; }
.popout-video video { width: 100%; vertical-align: middle; }
.popout-video__controls { position: absolute; top: 0; left: 0; width: 100%; padding: .5rem; background: black; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(black)); background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 100%); z-index: 10000; display: -webkit-box; display: flex; -webkit-box-pack: end; justify-content: flex-end; opacity: 0; -webkit-tra ition: opacity . s ease; transition: opacity .25s ease; pointer-events: none; }
.popout-video__controls .close-video { width: 1.77rem; height: 1.7rem; cursor: pointer; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; pointer-events: all; border-radius: 50%; -webkit-transition: background .25s ease; transition: background .25s ease; }
.popout-video__controls .close-video:hover { background: rgba(50, 50, 50, 0.4); }
.popout-video__controls .close-video:before, .popout-video__controls .close-video:after { content: ''; position: absolute; margin: auto; width: 1rem; height: 2px; background: #fff; }
.popout-video__controls .close-video:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.popout-video__controls .close-video:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.live-chat-room--container.arena-chat-widget--container { display: none; }

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-weight: 400 !important;
}