/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

:root {
  --sd-ink:      #0F1115;
  --sd-content:  #22262E;
  --sd-dark:     #1A1D22;
  --sd-red:      #E10600;
  --sd-red-dark: #B30500;
  --sd-card:     #2C313A;
  --sd-card-lt:  #F4F5F7;
  --sd-text:     #FFFFFF;
  --sd-muted:    #9CA1AA;
  --sd-text-lt:  #16181D;
  --sd-muted-lt: #6B7079;
  --sd-border:   #3A4049;
  --sd-border-lt:#E3E5E9;
  --sd-radius:   12px;
  --sd-container: 100rem;
  --sd-gutter:    2rem;
  --sd-on-surface:       var(--sd-text);
  --sd-on-surface-muted: var(--sd-muted);
  --sd-surface-card:     var(--sd-card);
  --sd-surface-border:   var(--sd-border);
}
.sd-light {
  --sd-on-surface:       var(--sd-text-lt);
  --sd-on-surface-muted: var(--sd-muted-lt);
  --sd-surface-card:     var(--sd-card-lt);
  --sd-surface-border:   var(--sd-border-lt);
  background: #FFFFFF;
}
.sd-dark {
  background: var(--sd-dark);
}
#g-navigation, #g-footer {
  background: var(--sd-ink);
  color: var(--sd-text-dk);
}
#g-navigation a, #g-footer a {
  color: var(--sd-text-dk);
}
#g-navigation a:hover, #g-navigation a:focus, #g-footer a:hover, #g-footer a:focus {
  color: var(--sd-red);
}
#g-navigation .g-menu-item.active > .g-menu-item-container, #g-navigation .g-menu-item.current > .g-menu-item-container {
  color: var(--sd-red);
}
#g-navigation {
  position: sticky;
  top: 0;
  z-index: 50;
}
body {
  background: var(--sd-content);
  color: var(--sd-text);
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
#g-mainbar a {
  color: var(--sd-red);
}
#g-mainbar a:hover, #g-mainbar a:focus {
  color: var(--sd-red-dark);
}
.g-container {
  max-width: var(--sd-container) !important;
}
.sd-fullbleed .g-container, #g-utility.sd-fullbleed .g-container {
  max-width: 100% !important;
  padding-left: var(--sd-gutter);
  padding-right: var(--sd-gutter);
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Archivo", "Inter", sans-serif;
  font-weight: 600;
  color: var(--sd-on-surface);
  line-height: 1.2;
}
h1 {
  font-size: 2.5rem;
}
h2 {
  font-size: 1.9rem;
}
h3 {
  font-size: 1.4rem;
}
.g-meta, .article-info, .byline, .create, .published, time {
  color: var(--sd-on-surface-muted);
  font-size: 0.8rem;
}
.button, .btn, .g-button {
  background: var(--sd-red);
  color: #ffffff;
  border: 0;
  border-radius: 8px;
  transition: background 0.15s ease;
}
.button:hover, .btn:hover, .g-button:hover {
  background: var(--sd-red-dark);
  color: #ffffff;
}
.sd-tag, .category-name, .tag {
  display: inline-block;
  background: var(--sd-red);
  color: #ffffff;
  font-size: 0.75rem;
  padding: 3px 10px;
  border-radius: 6px;
}
.card, .item, .article {
  background: var(--sd-surface-card);
  border: 1px solid var(--sd-surface-border);
  border-radius: var(--sd-radius);
  overflow: hidden;
}
.item-image img, .article-image img, .card img {
  display: block;
  width: 100%;
  height: auto;
}
.sd-thumb-16x9 {
  aspect-ratio: 1.7777777778;
  background: var(--sd-surface-card);
  object-fit: cover;
}
.sd-thumb-9x16 {
  aspect-ratio: 0.5625;
  background: var(--sd-surface-card);
  object-fit: cover;
}
.sd-ytfeed .sd-yt-title, .sd-ytp .sd-yt-title {
  color: var(--sd-on-surface) !important;
  text-decoration: none;
}
.sd-ytfeed .sd-yt-title:hover, .sd-ytp .sd-yt-title:hover {
  color: var(--sd-red) !important;
}
.sd-ytfeed .sd-yt-date, .sd-ytp .sd-yt-date {
  color: var(--sd-on-surface-muted) !important;
}
.sd-ytfeed .sd-yt-thumb, .sd-ytp .sd-yt-thumb {
  background: var(--sd-surface-card);
}
.sd-yt-fallback a {
  color: var(--sd-red);
  font-weight: 600;
}
.sd-ytp, .sd-ytfeed {
  padding-left: var(--sd-gutter);
  padding-right: var(--sd-gutter);
}
.sd-vspace {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
img {
  max-width: 100%;
  height: auto;
}
::selection {
  background: var(--sd-red);
  color: #ffffff;
}
/*# sourceMappingURL=custom_22.css.map */