/*
Theme Name: OJA 2023
Theme URI: https://www.oja.go.th
Author: Pusit Kittiteeranurak
Author URI: https://github.com/underdogdude
Description: This is the updated version for 2020, with the primary goal of redesigning and simplifying functions. Don't overcomplicate things if it's not necessary, as was done in 2020.
Version: 2.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oja-2020
Tags: featured-images, custom-menu
*/

/*
===========================================

This theme use SCSS, please check

1. css/scss/_variables.scss - for some colors & styles.
2. css/scss/mobile.scss - will be compiled to css/mobile.css and used for mobile version.
3. css/scss/desktop.scss - will be compiled to css/desktop.css and used for desktop version.
4. If you set $GLOBALS['s_style_css'] in functions.php to 'enable', you can add CSS to this file to override all CSS.
    
=========================================== 
*/

.pageviews-wrapper {
  display: none;
}

.single .pageviews-wrapper {
  display: block;
}

@media (max-width: 991px) {
  .main-header.-banner {
    margin-bottom: 0;
  }

  .sub-category {
    padding: 28px 0;
    background-color: #f4f5fa;
  }

  .sub-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .sub-category ul li a {
    display: block;
    margin-top: 5px;
    padding: 7px 0 7px 25px;
    font-size: .9em;
    color: #333;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 23px;
  }

  .sub-category ul li .sub-menu {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
  }

  .sub-category ul li.active .sub-menu {
    height: auto;
    opacity: 1;
  }

  .sub-category > .s-container > ul > li > a {
    position: relative;
    margin: 0;
    padding: 7px 0;
    text-align: center;
    border-color: #8d8d8d;
  }

  .sub-category > .s-container > ul > li > a:after {
    content: '';
    position: absolute;
    top: 19px;
    right: 20px;
    width: 12px;
    height: 6px;
    background: url("img/chevron-down.svg") no-repeat 0 0;
  }

  .sub-category > .s-container > ul > li.active > a:after {
    -webkit-transform: rotateZ(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateZ(180deg);
  }

  .s-title.archive-title {
    margin-top: 23px;
    margin-bottom: 32px;
  }

  .s-title.archive-title.-more {
    margin-bottom: 48px;
  }

  .s-grid.-latest {
    grid-template-columns: 1fr 1fr;
  }

  .s-grid.-latest .content-item:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/1;
  }

  .s-grid.-latest .content-item:nth-of-type(1) .entry-title {
    font-size: 1em;
  }

  .s-grid.-latest .content-item:nth-of-type(2) {
    grid-column: 2/1;
    grid-row: 2/3;
  }

  .s-grid.-latest .content-item:nth-of-type(3) {
    grid-column: 2/2;
    grid-row: 2/3;
  }

  .s-grid.-latest .content-item:nth-of-type(4) {
    grid-column: 1 / 2;
    grid-row: 3/3;
  }

  .s-grid.-latest .content-item:nth-of-type(5) {
    grid-column: 2/2;
    grid-row: 3/3;
  }

  .s-grid.-hits {
    grid-template-columns: 1fr 1fr;
  }

  .s-grid.-hits .content-item:nth-of-type(1) {
    grid-column: 1/3;
    grid-row: 1/1;
  }

  .s-grid.-hits .content-item:nth-of-type(1) .entry-title {
    font-size: 1em;
  }

  .s-grid.-hits .content-item:nth-of-type(2) {
    grid-column: 2/1;
    grid-row: 2/3;
  }

  .s-grid.-hits .content-item:nth-of-type(3) {
    grid-column: 2/2;
    grid-row: 2/3;
  }

  .s-grid.-hits .content-item:nth-of-type(4) {
    grid-column: 1/3;
    grid-row: 3/3;
  }

  .s-grid.-hits .content-item:nth-of-type(4) .entry-title {
    font-size: 1.25em;
  }

  .archive-hits {
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .archive-hits .s-title.archive-title {
    margin-bottom: 20px;
  }

  .archive-content {
    grid-template-columns: 1fr 1fr;
  }

  .archive-content .content-item.-card:nth-child(3n+1) {
    grid-column: 1/3;
  }
}