/*
	Theme Name: Karina 2017 Theme
	Author: Mathias Bär
	Author URI: http://mathiasbaer.com
	Version: 0.1 alpha
*/

.w100 {
  width: 100%;
}

.w75 {
  width: 75%;
}

.w50 {
  width: 50%;
}

.w-2-5 {
  width: calc(100% / 5 * 2);
}

.w25 {
  width: 25%;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column.flex-last-back > :last-child {
  margin-top: auto;
}

.flex-row.flex-last-back > :last-child {
  margin-left: auto;
}

.last-bottom-right,
.last-top-right {
  position: relative;
}

.last-top-right > *:last-child {
  position: absolute;
  top: 0;
  right: 0;
}
.last-bottom-right > *:last-child {
  position: absolute;
  bottom: 0;
  right: 0;
}

.flex-center {
  justify-content: center;
  display: flex;
}

.p-base {
  padding: var(--padding-base);
}

.p-t {
  padding-top: var(--padding-base);
}

.p-b {
  padding-bottom: var(--padding-base);
}

.p-sides {
  padding-right: var(--padding-base);
  padding-left: var(--padding-base);
}

.padding-container {
  padding: var(--padding-half) !important;
}

.padding-container-inner {
  padding: 0;
}

.padding-container > *,
.padding-container-inner > * {
  padding: var(--padding-half);
}

.bt {
  border-top: 1px solid;
}

.bb {
  border-bottom: 1px solid;
}

.bt, .bb {
  border-color: var(--c-border-light);
}

#wrapper {
  /*display: none;*/

}

.f-nm {
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
}

.f-md-force {
  font-size: var(--font-size-md) !important;
  line-height: var(--line-height-md) !important;
}

.f-md {
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
}

section {
  min-height: 100vh;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
}

body.browser-chrome section {
  image-rendering: -webkit-optimize-contrast;
}

section .mobile-section-background {
  /* position: fixed; */
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /* top: 0;
  left: 0;
  z-index: -1; */
  /* height: 100vh; */
  width: 100%;
  /* opacity: 0; */
  pointer-events: none;
  /* -webkit-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  transition: opacity 250ms; */
}

section.is-active .mobile-section-background {
  opacity: 1;
}

section .section-wrapper {
  /* padding-bottom: 19px; */
  /* width: calc(100% / 6 * 5); */
  width: 100%;
}

.sub-section-content {
  padding-left: 45px;
  padding-left: 0px;
  position: relative;
}

section#schedule-alt .schedule-entry {
  /*width: 50%;*/
}

.layout-spacer {
  font-size: 0;
  line-height: 0;
  width: 16.66%;
  height: 0px;
  /*border-top: 1px solid var(--c-white);*/
  display: inline-block;
}

.mobile-title-background-container {
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-size: 100px auto;
  display: none;
}

.section-background-cover {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 19;
  background-color: rgba(18,63,119,0.8);
  display: none;
  position: none;
}

.entry-line-break {
  height: 0px;
  width: 100%;
}

.button-row {
  margin: calc(var(--padding-half) * -1) 0 0 calc(var(--padding-half) * -1);
}

.button-row > * {
  margin: var(--padding-half) 0 0 var(--padding-half);
}