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

body.mobile-view .sub-page-header > *:last-child {
  border: 0;
}

@media (min-width: 1681px) {

}

@media (max-width: 1680px) {
  .mbc-font {
    /* font-size: 75px; */
  }
  .nav-link-sub:not(.nav-link-break):not(.special-link) {
    display: inline-block;
  }
  .nav-link-sub-container {
    padding-right: 18px;
  }
}

@media (max-width: 1440px) {
  :root {
    --font-size-xl: 70px;
  }

  .mbc-font {
    /* font-size: 70px; */
  }

  html,
  .image-entry .wp-caption-text {
    font-size: 18px;
  }
  .entry .e-break {
    margin-bottom: 19px;
  }
  .score-title {
    margin-bottom: 19px;
  }

  .social-media-links .link-list{
    column-count: 1;
  }
}


/* 1280 */
@media (max-width: 1280px) {

  /* .social-media-links {
    padding-left: 0;
  } */

  :root {
    --font-size-xl: 55px;
  }

  .header-container-top {
    padding-right: 300px;
  }

  /* entries */

  .about-entry {
    width: 50vw;
    padding-right: 40px;
  }

  .image-entry.is-enlarged {
    width: calc(100vw - 280px);
  }

  .legal-entry,
  .contact-entry {
    width: 50%;
  }
}

/* @media (min-height: 1024px) {
  .news-entry,
  .schedule-entry {
    width: calc(100% / 2);
  }

  .upcoming-section-content > :nth-child(4) {
    display: none;
  }
} */

/* from tablet portrait down */

@media (max-width: 1024px) {

  :root {
    --font-size-xl: 40px;
  }

  .sub-section-title {
    margin-bottom: 20px;
  }

  .image-entry.is-enlarged {
    width: 93vw;
  }

  .mbc-font {
    font-size: 50px;
  }

  .page-content-wrapper:not(.no-bg) {
    background-size: auto;
  }

  /* section .section-wrapper {
    width: 100%;
    padding-right: 220px;
  } */
  section .entry {
    width: 50%;
  }

  section .about-entry {
    display: block;
  }

  section {
    background-image: none !important;
  }

  .page-content-wrapper {
    padding-right: 0;
  }

  .page-title-container {
    bottom: 4rem;
    width: 100%;
  }

  .header-container-bottom {
    width: 100%;
    bottom: 35px;
  }

  .social-media-links {
    width: 100%;
    position: static;
    padding: 0;
  }

  nav.desktop {
    width: 50%;
    height: 100%;
    top: 0;
    left: 100%;
    border: 0;
    padding-left: 20px;
    padding-top: 11px;
    background: var(--c-blue-dark);
    overflow-y: scroll;
    padding-bottom: 3rem !important;
  }

  body.show-nav-mobile nav.desktop {
    left: 50%;
  }

  nav.desktop .nav-wrapper {
    height: auto;
  }

  nav.desktop .nav-page-link-wrapper {
    /* display: block;
    height: auto; */
    margin-bottom: 1.1em;
  }

  .nav-link-break span,
  nav a {
    line-height: 30px;
  }

  nav.desktop .nav-link-sub-container {
    margin-bottom: 15px;
  }

  nav.desktop > * {
    flex-grow: 0 !important;
  }

  nav.mobile {
    display: flex;
  }

  .nav-link-container.is-active {
    min-height: auto;
  }

  .nav-link-container.is-active .nav-link-sub-container {
    position: static;
  }

  nav.desktop .nav-page-link-wrapper .nav-link-container.is-active {
    min-height: auto;
  }

  body.show-nav-mobile .mobile-title-background-container {
    display: none;
  }

  .title-font {
    height: 30px;
    /*margin-left: 20px;*/
  }

  .schedule-entry .entry-head {
    padding-right: 0px;
  }

  .schedule-entry-start {
    display: none;
  }

  .header-container-top {
     padding-right: 0px;
     background-attachment: scroll;
  }

  .header-container-top::before {
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 100%);
  }

  .page-nav-bar {
    position: static;
    background-image: none;
  }
}

@media (max-width: 768px) {

  .home-socials-container > * {
    width: calc(100% / 3.2);
  }
  
  .home-socials-container a {
    width: 100%;
  }

  .home .schedule-entry:nth-child(3) {
    display: none;
  }

  .schedule-entry {
    width: 50%;
  }

  .header-container-top::before {
    height: 300px;
  }
  .block-divider.has-height {
    height: 0;
  }
  .w50 {
    width: 100%;
  }
  .space-left {
    margin-left: 0;
  }
}

@media (max-height: 400px) {
  .nav-link-sub-container {
    display: none;
  }
}

@media (max-width: 500px) {

  :root {
    --font-size-xl: 40px;
    --padding-base: 16px;
  }

  .on-mobile {
    display: block;
  }

  .last-top-right > *:last-child {
    position: static;
  }

  .season-picker.flex-last-back :last-child {
    margin: 0;
  }

  .upcoming-section-content > :nth-child(n+3) {
    display: none;
  }

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

  .sub-section-title {
    border-top: 0;
  }

  nav .promo-container img {
    width: 75%;
  }

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

  .home-socials-container {
    padding-bottom: var(--padding-base);
  }
  .home-socials-container > div {
    width: 50%;
    margin-bottom: var(--padding-base);
  }
  .home-socials-container a {
    width: calc(100% - var(--padding-base));
  }
  /* layout container */

  .page-content-wrapper {
    padding-right: 0;
  }

  nav.desktop {
    width: 90%;
  }
  body.show-nav-mobile nav.desktop {
    left: 10%;
  }
  .mbc-font {
    font-size: 39px;
  }
  section {
    min-height: auto;
    /* padding: 530px 0px 0px 0px; */
    padding: 0;
  }
  section .entry {
    width: 100%;
  }

  section .entry .entry-head {
    padding-left: 0px !important;
  }

  section .section-wrapper {
    padding-right: 0;
  }

  .header-container-bottom {
    padding-left: 0;
    bottom: 55px;
  }
  .header-container-top {
    width: 100%;
  }

  /* body.home .header-container-top {
    background-position: 60% center;
  } */

  .super-title,
  .season-title {
    padding-left: 15px;
  }
  .super-title {
    letter-spacing: 0.03em;
  }
  .header-container-top {
    padding-left: 45px;
    padding-left: 0px;
    width: 100%;
    /* padding-right: 18.5vw; */
  }
  .news-entry,
  .schedule-entry,
  .legal-entry,
  .contact-entry {
    width: 100%;
  }
  section:last-child .section-wrapper {
    min-height: auto;
  }
}

@media (max-width: 350px) {
  .sub-section-title .char {
    letter-spacing: 0.5em !important;
  }
}