/*
Theme Name: skltn
Theme URI: https://www.diameterstudios.com/skltn
Author: topdownjimmy
Author URI: https://www.jaysitter.com
Description: A super bare-bones, unopinionated WordPress blog theme that follows BEM, passes WordPress's theme guidelines, and allows for easy child theming.
Version: 0.1.6
Requires at least: 5.0
Tested up to: 5.5.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skltn
Tags: blog,right-sidebar,two-columns,custom-colors,custom-menu,footer-widgets,full-width-template,threaded-comments,translation-ready
*/
/**
 * DO NOT edit style.css in the theme root; this is compiled from Sass via Gulp.
 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

figure {
  margin: 0;
}

figcaption {
  font-size: smaller;
}

iframe {
  max-width: 100%;
  display: block;
}

audio,
video {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

cite {
  font-style: normal;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
}

.wp-block-embed iframe {
  border: none;
}
.wp-block-embed.aligncenter iframe {
  margin-right: auto;
  margin-left: auto;
}
.wp-block-embed.wp-has-aspect-ratio iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.wp-block-embed:not(.wp-has-aspect-ratio) iframe {
  height: max-content;
  overflow: hidden;
}

.wp-block-embed__wrapper {
  width: 100%;
  position: relative;
}
.aligncenter .wp-block-embed__wrapper {
  display: grid;
  justify-content: center;
}

.wp-embed-aspect-4-3 {
  width: 100%;
}
.wp-embed-aspect-4-3 .wp-block-embed__wrapper {
  padding-bottom: 75%;
  height: 0;
}

.wp-embed-aspect-16-9 {
  width: 100%;
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
  padding-bottom: 56.25%;
  height: 0;
}

.wp-block-video {
  width: 100%;
}
.wp-block-video video {
  width: 100%;
  height: auto;
}

.wp-block-cover__video-background {
  margin: 0;
}

.wp-block-code code {
  display: block;
  white-space: pre;
  overflow-wrap: normal;
}

.wp-block-media-text__content {
  overflow: hidden;
}

.screen-reader-text {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  overflow: hidden;
  word-wrap: normal !important;
  border: 0;
}
.screen-reader-text:focus {
  padding: 15px 23px 14px;
  width: auto;
  height: auto;
  display: block;
  z-index: 100000;
  top: 5px;
  left: 5px;
  clip: auto !important;
  font-size: 1em;
  text-decoration: none;
  line-height: normal;
  color: #444;
  background-color: #eee;
  clip-path: none;
}

.wp-caption {
  /* put styles here */
}

.wp-caption-text {
  /* put styles here */
}

.gallery-caption {
  /* put styles here */
}

.sticky {
  /* put styles here */
}

.bypostauthor {
  /* put styles here */
}

.tiled-gallery__row {
  display: grid;
  grid-template-rows: auto;
}

.tiled-gallery__row.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.tiled-gallery__row.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

#subscribe_comments,
#subscribe_blog {
  width: revert !important;
}

.page-wrapper {
  max-width: 1600px;
  display: grid;
  grid-template-columns: 61.8fr 38.2fr;
  grid-auto-rows: auto;
}

.site-header {
  grid-row: 1/1;
  grid-column: 1/3;
}

.site-header__skip-link {
  position: absolute;
  left: -100vw;
}
.site-header__skip-link:focus {
  position: static;
  left: unset;
}

.site-nav__list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  list-style-type: none;
}

.article__body::after {
  display: table;
  content: "";
  clear: both;
}

.sidebar {
  grid-column: 1/span 2;
  grid-row: 3/span 1;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .sidebar {
    grid-column: 2/span 1;
    grid-row: 2/span 1;
  }
}

.site-footer {
  display: flex;
  grid-row: 4/span 1;
  grid-column: 1/span 2;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .site-footer {
    grid-row: 3/span 1;
  }
}

.site-main {
  min-width: 0;
  grid-column: 1/span 2;
}
@media screen and (min-width: 1024px) {
  .site-main {
    grid-column: 1/span 1;
  }
}

@media screen and (min-width: 1024px) {
  .site-main--full-width {
    grid-column: 1/span 2;
  }
}