/*
Theme Name:   SMG
Theme URI:    http://sightlinemediagroup.com
Description:  Sightline Media Group unified theme.
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

:root {
  --font-base: 0.917rem;
  --font-ratio: 0.417vw;
  font-size: clamp(
    var(--min-font-size, 100%),
    var(--font-base, 78.175%) + var(--font-ratio, .584vw),
    var(--max-font-size, 125%)
  );
}

.wp-block-post-content {
  --is-post-content: ;
  .single-post & {
    --is-post-content: inherit;
  }
}

.adunitContainer {
  display: flex;
  margin: auto;
  justify-content: center;
  align-items: center;
  position: relative;
}
.smg-ad {
  text-align: center;
  width: 100%;
}

@container scroll-state(stuck: top) {
   .sticky-ad-wrapper {
      box-shadow: 0 2px 2px 0px #bfbfbf;
   }
}
.is-position-sticky.leaderboard-ad {
  position: static !important;
}
.is-position-sticky.leaderboard-ad:has(:is(.dfp-ad[data-state="rendered"], .dfp-ad[data-state="loaded"], .dfp-ad[data-state="requested"], .dfp-ad[data-state="viewable"])) {
  position: sticky !important;
}
.dfp-ad {
  background: #fff;
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  --min-height: var(--min-ad-height, unset);
  --min-width: var(--min-ad-width, unset);
  --ad-label-display: none;

  &[data-state="requsted"] {
    --label-outline: white;
  }
  &[data-state="rendered"] {
    --label-outline: yellow;
  }
  &[data-state="loaded"] {
    --label-outline: blue;
  }
  &[data-state="viewable"] {
    --label-outline: green;
  }
  &[data-state="viewed"] {
    --label-outline: green;
  }
  &[data-state="loaded"], &[data-state="viewable"], &[data-state="viewed"] {
    --label-visibility: hidden;
  }
  &.--prevent-layout-shift {
	--min-height: var(--max-ad-height, unset);
	--min-width: var(--max-ad-width, unset);
  }
  &.--show-label {
	--ad-label-display: block;
  }
  .adunitContainer {
	min-height: var(--min-height, unset);
	min-width: var(--min-width, unset);
  }
}
.ad-slot {
  position: relative;
  width: 100%;
}
.ad-slot::before {
  content: var(--ad-label, 'Ad');
  display: var(--ad-label-display, none);
  font-size: var(--wp--preset--font-size--small);
  visibility: var(--label-visibility, visible);
  text-align: center;
  font-weight: normal;
  padding: var(--wp--preset--spacing--20);
  letter-spacing: 0.1ch;
  line-height: 1;
  font-family: var(--wp--preset--font-family--acumin-pro);
  color: var(--label-color, var(--wp--preset--color--grey-50));
  background: var(--label-bg, var(--wp--preset--color--grey-500));
  text-shadow: 1px 1px var(--wp--preset--color--grey-800);
  outline: var(--label-outline-width, 2px) solid var(--label-outline, black);
  left: var(--x-pos, 50%);
  top: var(--y-pos, 50%);
  transform: translateX(calc(-1 * var(--x-pos, 50%))) translateY(calc( -1 * var(--y-pos, 50%)));
  z-index: var(--label-z, auto);
  position: absolute;
  opacity: var(--label-opacity, 1);
}

/* @media (max-width: 782px) { */
/*   .admin-bar header.wp-block-template-part { */
/*     top: 46px; */
/*   } */
/* } */
.smg-header {
  height: var(--wp--custom--header-height);
  display: flex;
  align-items: center;
}

/* Search icon */
.smg-header-search {
  display: flex;
  align-items: center;
}
.smg-header-search .wp-block-search__inside-wrapper {
  display: flex;
  align-items: center;
}
.smg-header-search .wp-block-search__button {
  background: transparent;
  border: none;
  color: var(--wp--preset--color--base);
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
}
.smg-header-search .wp-block-search__button svg {
  fill: currentColor;
}

/* Top nav: allow wrapping but clip items that overflow to a second row */
.smg-header__nav {
  overflow: hidden;
  block-size: 0.9rlh;
}

/* Hide horizontal nav on small screens */
@media (max-width: 781px) {
  .smg-header__nav {
    display: none !important;
  }
}


/* Post content: tighten spacing after headings */
.wp-block-post-content > :is(h1, h2, h3, h4, h5, h6) + * {
  margin-block-start: var(--wp--preset--spacing--30) !important;
}

.rte-comment {
  display: none;
}

/* Parallax cover images */
.parallax-cover {
  position: sticky !important;
  z-index: -1;
  transform-origin: left top;
  top: var(--wp--custom--header-height, 56px);
  transform: translateZ(calc(1px*var(--zPosition, -.2))) scale(var(--scale));
  /* transform: translateZ(calc(1px * var(--zPosition, -.2))) scale(var(--scale, 1.2)); */
}
.parallax-cover img {
  transform-style: preserve-3d;
}
:has(> .parallax-cover) {
  --perspective: 1;
  --zPosition: -0.25;
  --scale: calc((var(--perspective, 1) - var(--zPosition, -0.2))/var(--perspective, 1));
  perspective: calc(1px * var(--perspective));
  perspective-origin: 0px 0px;
}

/* Hide related-stories section when the query loop has no results */
.related-stories:has(> .wp-block-query:empty) {
  display: none;
}
@media(max-width: 1024px) {
  .is-sticky-rail {
    max-width: var(--wp--style--global--content-size, 40em);
    margin: auto;
    display: block !important;
    > * + * {
      margin-block-start: var(--wp--preset--spacing--60) !important;
    }
  }
}
@media (min-width: 1024px) {
  .is-sticky-rail {
    max-width: 300px;
    justify-self: flex-end;
    place-content: stretch flex-start !important;
    align-items: stretch;
    & > * {
      flex: 1 1 auto;
    }
    & > * > * {
      position: sticky;
      top: calc(var(--wp--preset--spacing--20, 12px) + var(--wp-admin--admin-bar--height, 0px) + var(--wp--custom--header-height, 0px));
    }
  }
}
.jetpack-sharing-button__button.style-icon.jetpack-sharing-button__button.style-icon {
  margin: 0;
}

/* These are the footer menu style variation settings */
.is-style-horizontal-submenu {

  > .wp-block-navigation__container {
    flex-direction: row;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    width: 100%;
    @media (max-width: 768px) {
      display: grid !important;
      grid-template-columns: repeat(auto-fit, minmax(12ch, 1fr))
    }
  }
  & .wp-block-navigation__submenu-container {
    row-gap: var(--wp--preset--spacing--20) !important;
  }
  & .has-child {
    row-gap: var(--wp--preset--spacing--20) !important;
    flex-basis: 22.5%;
  }
  & .wp-block-navigation__submenu-container {
    padding: 0 !important;
    color: #69778e !important;
    font-weight: lighter;
    min-width: unset !important;
  }

}

/* Overlay nav: accordion submenus instead of absolute dropdowns */
.wp-block-navigation__overlay-container {
  --wp--style--block-gap: var(--wp--preset--spacing--20);
  background-color: hsla(0deg, 0%, 0%, 80%);
  padding-top: var(--wp-admin--admin-bar--position-offset);
  & .wp-block-navigation {
    overflow-x: hidden;
  }
  & .has-child {
    flex-wrap: wrap;
  }
  & .wp-block-navigation__container,
  & .wp-block-navigation-item,
  & .wp-block-navigation-submenu__toggle,
  & .wp-block-navigation__submenu-container {
    flex-basis: 100% !important;
    width: 100% !important;
    max-width: 100%;
  }
  & .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle + .wp-block-navigation__submenu-icon {
    margin-left: unset;
    position: absolute;
    right: 0;
  }
  .wp-block-navigation__submenu-icon {
    transform: scale(1.5);
  }
  & .wp-block-navigation-item__content {
    padding-left: var(--wp--style--root--padding-left) !important;
    padding-block: var(--wp--style--root--padding-left) !important;
  }
}

.is-style-vertical-stretch {
  display: contents;
  .wp-block-post-template {
    flex-grow: 1;
    grid-auto-rows: 1fr;
  }
  @media (min-width: 1024px) {
    .wp-block-cover {
      aspect-ratio: unset !important;
      height: 100% !important;
    }
  }
}


.wp-block-cover > .wp-element-caption {
  position: absolute;
  max-width: var(--wp--style--global--content-size);
  justify-self: normal;
  bottom: 80px;
  left: 55%;
  color: var(--wp--preset--color--grey-50);
  padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right);
  @media(max-width: 768px) {
    left: auto;
  }
}

div[id^="google_ads_iframe_"] {
    display: inline-block;
}

/* Query loop: scrollable variation */
.is-style-scrollable .wp-block-post-template {
  grid-auto-flow: column;
  grid-auto-columns: max(22%, var(--scroll-col-width, 14rem));
  grid-template-columns: unset !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  &::-webkit-scrollbar {
    width: 10px;
    height: var(--wp--preset--spacing--xs, 10px);
  }
  &::-webkit-scrollbar-thumb {
    background: hsla(9deg 41% 51%, 0.8);
    background: var(--wp--preset--color--primary, blue);
    opacity: 0;
    border-radius: var(--wp--preset--spacing--20);
  }
  &::-webkit-scrollbar-track {
    background: transparent;
  }
  li {
    scroll-snap-align: start;
  }
}

atype-video-jwplayer {
  z-index: 0;
}