/*
Theme Name: WildBook
Version: 1.4.9
Description: Addition to the main CSS (style.css) file. Adds compatibility with screens with high resolution (1600 or higher). It can be disabled in the Customizer (tab "Previous Releases").
*/

.inner-container,
.nav-links {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

.inner-container.large-container {
  max-width: 900px;
}



@media (min-width: 1600px) { 
  html {
    font-size: 16px;
  }

  .menu-icon:before {
    top: -7px; 
  }

  .menu-icon:after {
    bottom: -7px;
  }

  .toggle-buttons .search-submit {
    font-size: 20px;
  }

  .hentry,
  .comments-area,
  .entry-related-posts,
  .author-info,
  .navigation,
  .secondary,
  .page-header,
  .inner-box  {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }

  .flex-container {
    margin-left: -25px;
    margin-right: -25px;
  }

  .flex-container .flex-item {
    padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 80px;
  }

  .posts-grid .entry-header,
  .posts-grid .entry-summary {
    padding-left: 20px;
    padding-right: 20px;
  }

  .posts-grid .has-post-thumbnail .sticky-badge {
    left: 25px;
  }

  .portfolio-grid {
    margin-left: -20px;
    margin-right: -20px;
  }

  .portfolio-grid .portfolio-post {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }

  .secondary .row {
    margin-left: -25px;
    margin-right: -25px;
  }

  .secondary .widget-area {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 1920px) { 
  html {
    font-size: 17px;
  }

  .inner-container,
  .nav-links {
    max-width: 800px;
  }

  .menu-icon:before {
    top: -7px; 
  }

  .menu-icon:after {
    bottom: -7px;
  }

  .toggle-buttons .search-submit {
    font-size: 22px;
  }

  .right-side-navigation .nav-menu li {
    font-size: 0.82352941rem;
  }
}

@media (min-width: 2500px) { 
  html {
    font-size: 21px;
  }

  .inner-container,
  .nav-links {
    max-width: 950px;
  }

  .menu-icon:before {
    top: -8px; 
  }

  .menu-icon:after {
    bottom: -8px;
  }

  .toggle-buttons .search-submit {
    font-size: 24px;
  }

  .inner-container.large-container {
    max-width: 1050px;
  }

  .flex-container {
    margin-left: -30px;
    margin-right: -30px;
  }

  .flex-container .flex-item {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 90px;
  }

  .posts-grid .has-post-thumbnail .sticky-badge {
    left: 30px;
  }

  .secondary .row {
    margin-left: -30px;
    margin-right: -30px;
  }

  .secondary .widget-area {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) { 
  html {
    font-size: 12px;
  }

  .flex-container {
    margin-left: -15px;
    margin-right: -15px;
  }

  .flex-container .flex-item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 60px;
  }

  .posts-grid .entry-header, 
  .posts-grid .entry-summary {
    padding-left: 0;
    padding-right: 0;
  }

  .posts-grid .has-post-thumbnail .sticky-badge {
    left: 15px;
  }
}