/*!
Theme Name: The Long Good Friday
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: tlgf
db: v5.7.28
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Providex is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/**
 * variables.less
 */
/**
 * mixins started by iTyu
 */
/**
 * sub-reset.less
 */
html {
  font-size: 10px;
  background-color: #666666;
}
body {
  font-family: 'URWBaskerT-Reg', 'baskerville-urw', 'Georgia', serif;
  animation: fadeInAnimation ease-in 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.uk-container {
  background-color: #fafafa;
}
a {
  color: #cd2027;
  text-decoration: none;
}
a:hover {
  color: #333333;
}
a.post-edit-link {
  color: #666666;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999999999;
  background: #fff;
  padding: 4px;
  font-size: 14px;
  line-height: 1;
  font-family: system-ui;
}
a.post-edit-link:hover {
  color: #666666;
  text-decoration: underline;
}
/**
* type.less
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'URWBaskerT-Reg', 'baskerville-urw', 'Georgia', serif;
  color: #cd2027;
}
em {
  font-style: italic;
  color: inherit;
}
p,
ol,
ul {
  font-size: 1.9rem;
  margin: 0 0 24px;
  line-height: 1.6;
}
[class^='heading__'] {
  font-family: 'URWBaskerT-Reg', 'baskerville-urw', 'Georgia', serif;
  color: #cd2027;
}
[class^='heading__'] a {
  color: inherit;
  text-decoration: none;
}
[class^='heading__'] a:hover {
  color: #666666;
  text-decoration: underline;
}
.heading__h1 {
  font-size: 3.8rem;
}
.heading__h2,
h3 {
  font-size: 3rem;
  margin-bottom: 10px;
}
.heading__h3 {
  font-size: rem;
}
/**
 * navigation.less
 */
.main-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  margin: auto;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
.nav__item {
  word-break: normal;
}
.nav__item a {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 2rem;
  color: #333333;
}
.nav__item a:hover {
  color: #cd2027;
}
.nav__item a:hover,
.nav__item.current-menu-item a {
  color: #cd2027;
  text-decoration: none;
}
.nav__item:before {
  content: '/';
  padding-right: 12px;
  color: #cd2027;
}
.nav__item:first-child:before {
  content: '';
}
/**
 * layout.less
 */
.site-header .custom-logo-link {
  display: block;
  max-width: 778px;
  margin: 0 auto;
}
.site-header > div {
  padding-top: 48px;
  padding-bottom: 96px;
}
.article__content {
  max-width: 85em;
  margin: auto;
}
.article__meta {
  color: #cd2027;
}
.article__meta a {
  color: inherit;
  font-style: italic;
}
.article__copy p:last-of-type {
  margin-bottom: 0;
}
.article__wrpr > .uk-container {
  padding-bottom: 60px;
}
.image_grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  margin: 30px 0;
}
.image_grid div {
  margin: auto;
}
.factions__wrpr {
  margin-top: 12px!important;
}
.factions__list {
  font-size: 1.6rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
.factions__list li {
  margin-left: 4px;
}
.factions__list li:before {
  content: '|';
  padding-right: 4px;
  color: #666666;
}
.factions__list li:first-child {
  margin-left: 0;
}
.factions__list li:first-child:before {
  content: '';
  padding-right: 0;
}
.factions__list a:hover,
.factions__list li.current-cat a {
  text-decoration: none;
  color: #666666;
}
.friday-frame__intro {
  padding-top: 30px;
  padding-bottom: 30px;
}
.friday-frame__intro.divider {
  border-top: 1px solid #cccccc;
}
.friday-frame__img-wrpr {
  background-color: #fff;
}
.friday-frame_container {
  max-width: 1280px;
}
.friday-frame__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.frame-pg__grid {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.frame-pg__grid .frame-pg__wrpr {
  aspect-ratio: 1/1;
}
.uk-slidenav {
  background-color: rgba(51, 51, 51, 0.8);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.uk-slidenav:hover svg {
  color: #cd2027;
}
.uk-slidenav svg {
  color: #fafafa;
}
#mc_embed_signup {
  font-size: 1.9rem;
}
#mc_embed_signup .field__wrpr {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 30px;
}
#mc_embed_signup .mc-field-group {
  width: 100%;
}
#mc_embed_signup label {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#mc_embed_signup input {
  background-color: #eeeeee;
  border: none;
  padding: 0.5em;
  line-height: 1.4;
  border: 1px solid transparent;
}
#mc_embed_signup input[type="submit"] {
  background-color: #666666;
  margin-top: 30px;
  color: #fafafa;
  font-weight: 400;
  padding: 0.5em 2em;
  cursor: pointer;
}
#mc_embed_signup input:focus,
#mc_embed_signup input:focus-visible {
  outline: none;
  border-top-color: #cd2027;
}
/**
 * footer.less
 */
.pagination__wrpr {
  background-color: #eeeeee;
  padding-top: 30px;
  padding-bottom: 30px;
}
.nav-links {
  display: flex;
  justify-content: space-between;
}
.nav-next {
  order: 1;
}
.nav-previous {
  order: 2;
  margin-left: auto;
}
.pagination__link {
  font-size: 2.4rem;
  text-decoration: none;
}
.pagination__link a {
  text-decoration: none;
}
.pagination__link a:hover {
  color: #cd2027;
  text-decoration: inherit;
}
.footer__wrpr {
  background-color: #333333;
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer__wrpr .uk-grid > .uk-grid-margin {
  margin-top: 0;
}
.footer__wrpr [class^='uk-width-'] {
  width: 100%;
  text-align: center;
}
.footer__copy {
  color: #fafafa;
  font-size: 1.6rem;
}
.footer__link {
  color: #fafafa;
  text-decoration: none;
}
.footer__link:hover {
  color: #fafafa;
}
.article__footer {
  border-top: 1px solid #cccccc;
  padding-top: 30px;
}
/**
 * rwd.less
 */
@media (max-width: 767px) {
  .site-header > div {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 380px) {
  .nav__item:before {
    content: "";
    padding-right: 0;
  }
  .main-nav {
    flex-direction: column;
    text-align: center;
  }
}
@media (min-width: 580px) {
  .friday-frame__grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .friday-frame__img-wrpr:nth-child(4) {
    display: none;
  }
}
@media (min-width: 840px) {
  .friday-frame__grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .friday-frame__img-wrpr:nth-child(4) {
    display: flex;
  }
}
@media (min-width: 480px) {
  .footer__wrpr .uk-width-1-4\@s {
    max-width: 25%;
    text-align: left;
  }
  .footer__wrpr .uk-width-3-4\@s {
    max-width: 75%;
    text-align: right;
  }
}