/*
Theme Name: Ai Mod - Dan K Chen
Description: Dan Chen  based on Parmesan is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme's soft colors and eye-catching - yet timeless - design will let your work shine. Take it for a spin! See how Parmesan elevates your blog.
Tags: custom-logo, featured-images, block-patterns, rtl-language-support, translation-ready
Author: lakshaymittal + Dan Chen
Version: 0.0.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.0
Text Domain: parmesan
Author URI: https://profiles.wordpress.org/lakshaymittal/
*/

body {
  margin: 0;
  font-family: Poppins
}
.flex {
  display: flex
}
.flex-column {
  flex-direction: column
}
.flex-justify {
  justify-content: center
}
.flex-align {
  align-items: center
}
.border-round {
  border-radius: 4px;
  overflow: hidden
}
.image-fit {
  -o-object-fit: cover;
  object-fit: cover
}
.no-underline {
  text-decoration: none
}
.global-underline {
 /* transition: background-size .6s ease-out;
  background: linear-gradient(#ffd01b, #ffd01b) no-repeat left 130%/0 40%
    */
}
.global-underline:hover {
 /* background-size: 97% 40% */
}
.container {
  padding: 0 80px
}
a:focus {
  text-decoration: underline
}
header {
  padding: 18px 80px;
  justify-content: space-between
}
header a {
  color: #404041;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 110%;
  text-decoration: none;
  gap: 8px
}
header img {
  max-height: 64px
}
.recents {
  /*gap: 16px;
    margin: 16px 0;*/
    gap: 64px;
    margin: 64px 0;
  flex-wrap: wrap
}
.recents-shot {
  /*box-shadow: 0 25px 95px 5px rgba(0, 0, 0, .07);
  transition: transform .2s ease-in-out;
    */
  max-width: 300px;
  cursor: pointer;
  flex-grow: 1
}
.recents-shot:hover, .recents-shot:focus {
  /*transform: translateY(-4px)*/
}
.recents-shot img {
  width: 100%;
  height: 200px
}
.recents-shot .content {
/*  padding: 24px;*/
  gap: 16px
}
.recents-shot .date {
  font-size: 14px;
  font-weight: 600
}
.recents-shot .title {
  font-size: 20px;
  font-weight: 300;
  color: var(--subheading-color);
  word-wrap: break-word;
  text-decoration: none
}
.recents-shot .title:focus {
  text-decoration: underline
}
.recents-shot .description {
  font-weight: 300;
  font-size: 14px;
  color: #585858
}
.pagination {
  margin: 48px 0;
  width: 100%;
  justify-content: space-between
}
.pagination .page-num {
  font-size: 20px;
  font-weight: 500
}
.pagination a {
  display: block;
  color: #26a8ed;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none
}
.pagination a:focus {
  text-decoration: underline
}
.parmesan-post, .parmesan-page {
  padding: 32px 16px
}
.parmesan-post .content, .parmesan-page .content {
  width: 720px;
  overflow-x: auto
}
.parmesan-post .heading, .parmesan-page .heading {
  color: #090a0b;
  font-size: 48px;
  font-weight: 700
}
.parmesan-post .cad, .parmesan-page .cad {
  margin: 16px 0;
  color: #738a94;
  line-height: 42px;
  overflow-wrap: break-word
}
.parmesan-post .category, .parmesan-page .category {
  padding: 8px;
  background-color: #eeeeee;
  border-radius: 8px;
  color: #999999;
  margin-right: 8px
}
.parmesan-post figure, .parmesan-post img, .parmesan-page figure, .parmesan-page img {
  height: auto;
  max-width: 100% !important
}
.parmesan-post p, .parmesan-post li, .parmesan-post td, .parmesan-page p, .parmesan-page li, .parmesan-page td {
  line-height: 26px;
  word-spacing: 1px
}
.parmesan-post p, .parmesan-page p {
  color: #3c484e
}
.parmesan-post td, .parmesan-page td {
  color: #3c484e;
  padding: 2px 8px
}
.parmesan-post li, .parmesan-page li {
  color: #3c484e
}
.parmesan-post pre, .parmesan-page pre {
  overflow-x: auto
}
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important
}
.menu, .menu > ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
.menu-item, .page_item {
  list-style: none;
  display: block;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 6px;
  transition: background-color .25s ease-out;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}
.menu-item:hover, .page_item:hover {
  background-color: #efefef
}
.menu-item a, .page_item a {
  font-weight: 500
}
.sub-menu, .children {
  display: none
}
.copyright {
  font-size: 10px;
  letter-spacing: 2px;
  font-weight: 300;
  text-align: center;
  width: 100%;
  display: block;
  padding-bottom: 16px
}
@media screen and (max-width: 720px) {
  header {
    flex-direction: column;
    gap: 8px;
    text-align: center
  }
  header div {
    padding-bottom: 6px;
    border-bottom: 1px solid #efefef
  }
  .container {
    padding: 0 16px
  }
  .parmesan-post .heading, .parmesan-page .heading {
    font-size: 32px
  }
  .parmesan-post .cad, .parmesan-page .cad {
    font-size: 14px
  }
  .pagination {
    padding: 8px;
    box-sizing: border-box
  }
  .pagination .page-num, .pagination a {
    font-size: 16px
  }
}