/*
Theme Name: Schoolyard
Theme URI: https://raidbytes.com/themes/Schoolyard
Description: Schoolyard Theme
Author URI: https://raidbytes.com/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@media (min-width: 100rem) {
  .site-viewport > section.content .colwrap {
      max-width: 100rem !important;
      margin: 0 auto !important;
  }
}

@media (min-width: 1201px) {
  body.page-startseite .cover-image {
      height: 530px !important;
      padding-top: 0 !important;
  }
  body.page-template-full-width .ugb-container__wrapper { max-width: 100rem !important; }
}

@media (max-width: 1200px) {
  section.content .feature-image {
      height: auto !important;
      padding-top: 75% !important;
      min-height: 0 !important;
  }
  .site-header ul.menu-group {
      margin-right: 12% !important;
  }
  .site-header {
    padding-left: 20px !important;
  }
}

@media (max-width: 900px),
       (min-width: 1024px) and (min-height: 601px) and (max-height: 800px),
       (min-width: 1201px) and (orientation: landscape) and (min-height: 601px) {
  .site-viewport {
    margin-top: 0 !important;
  }
  .site-viewport > section.content .colwrap {
      max-width: 80rem !important;
      margin: 0 auto !important;
  }
}

@media (max-width: 900px) {
  .site-container > section.content,
  section.navigation > .menu,
  .site-container > section.sidebar {
    width: auto !important;
    margin: 0 10px !important;
  }
  
  .site-viewport .scrollbar-rail {
      overflow: visible !important;
  }
  
  .site-viewport > section.sidebar .logo {
      margin: 0 auto !important;
      text-align: center !important;
  }
  
  .site-viewport > section.sidebar .colwrap {
      padding-bottom: 10px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  .site-viewport > section.content {
      margin-left: 0 !important;
  }
  
  .site-viewport > section.sidebar {
      float: none !important;
      width: auto !important;
      height: auto !important;
  }
  
  section.sidebar .pagination {
      display: none !important;
      visibility: hidden !important;
      height: 0 !important;
  }
  
  section.sidebar .navigation {
      text-align: center !important;
      margin-top: 40px !important;
      white-space: nowrap; 
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; 
      -ms-overflow-style: -ms-autohiding-scrollbar;
  }
    
  section.sidebar .navigation::-webkit-scrollbar {
      display: none; 
  }
  
  section.sidebar .navigation .menu-group > li {
      display: inline-block !important;
      margin: 0 15px !important;
  }
  
  .site-header ul.menu-group {
      margin-right: 0 !important;
      float: none !important;
  }
  
  .site-header ul.menu-group li.calltoaction.btn {
      position: relative !important;
      top: 0 !important;
      right: 0 !important;
  }
  
  .site-viewport > section.content .colwrap {
      padding: 50px 0 !important;
  }
  
  .site-container > section.content {
    margin: 0 50px !important;
  }
  
  section.content .text,
  section.content .blog-post {
      padding-left: 20px !important;
      padding-right: 20px !important;
      margin-bottom: 50px !important;
  }
  
  section.content .text.maps {
      padding: 0 !important;
      opacity: 1 !important;
  }
  
  section.content .content-box {
      opacity: 1 !important;
  }
  
  section.content article.post .blog-post .post-info { position: relative !important; bottom: 0 !important }
  section.content article.post .blog-post img.wp-post-image { width: 100% !important; }
  
  .site-header > .logo {
    text-align: right;
    margin-top: 20px;
    margin-right: 20px;
    display: block;
  }
  
  .site-header .nav-info .widget-area {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  .site-header .mobile-menu-trigger { 
      display: block !important;
      visibility: visible !important;
  }
  
  .site-header .navigation ul.menu {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
  }
  
  .cover-container h1 {
    margin-right: 10% !important;
    }
  
  .site-footer .text { 
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  
  .site-footer .site-info,
  .site-footer .social-navigation {
      text-align: center;
      margin-bottom: 0 !important;
  }
  
  .site-footer .site-info {
      padding-bottom: 40px !important;
  }
  
  .site-footer .site-info .menu {
      display: block !important;
      width: 100% !important;
  }
  
  .site-footer .site-info .menu > li {
      margin: 0 6px !important;
  }
  
  .site-footer .site-info,
  .site-footer .social-navigation,
  .site-footer .widget-column {
      float: none !important;
      width: 100% !important;
  }
}