:root {
  --space-xs: 8px;
  --space-s: 16px;
  --space-m: 24px;
  --space-l: 48px;
  --space-xl: 80px;
  --space-xxl: 120px;
}

html,
body {
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
}

#main-content,
#archive-content {
  flex: 1 0 auto;
  width: 100%;
}

:root {
  --godar-shell-max: 1200px;
  --godar-shell-gutter: 0px;
  --godar-shell-width: min(1200px, 100%);
}

.site-header-inner,
#site-footer,
.breadcrumb,
.godar-home,
.page-header,
.grid-label,
.featured-parvande,
.parvandeha-grid,
.cases-archive,
.guests-archive,
.single-case,
.single-guest,
.single-episode,
body.single-case article.single-case,
body.single-guest .single-guest,
body.single-episode .single-episode,
.page-content,
.single-content,
.contact-layout,
.contact-wpforms-page,
.contact-wpforms-shell,
.about-hero,
.manifesto,
.stats-bar,
.team-section,
.support-section,
.error-page,
.empty-state {
  width: var(--godar-shell-width);
  max-width: var(--godar-shell-max);
  margin: 0 auto;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --godar-shell-gutter: 32px;
    --godar-shell-width: 100%;
  }

  .site-header-inner {
    width: var(--godar-shell-width);
    max-width: var(--godar-shell-max);
    margin: 0 auto;
    padding-right: var(--godar-shell-gutter);
    padding-left: var(--godar-shell-gutter);
  }
}

@media (max-width: 767px) {
  :root {
    --godar-shell-gutter: 20px;
    --godar-shell-width: 100%;
  }

  .site-header-inner {
    width: var(--godar-shell-width);
    max-width: var(--godar-shell-max);
    margin: 0 auto;
    padding-right: var(--godar-shell-gutter);
    padding-left: var(--godar-shell-gutter);
  }
}

:root {
  --pad-h: 0px;
  --pad-h-lg: 0px;
  --godar-shell-max: 1200px;
  --godar-shell-gutter: 0px;
  --godar-shell-width: min(1200px, 100%);
}

:root {
  --godar-shell-max: 1200px;
  --godar-shell-width: min(1200px, 100%);
  --godar-layout-visual: 426px;
  --godar-layout-copy: 610px;
  --godar-home-copy: 500px;
  --godar-home-visual: 575px;
}

@media (min-width: 1180px) {
  .site-header-inner,
  #site-footer,
  .breadcrumb,
  .godar-home,
  .page-header,
  .grid-label,
  .featured-parvande,
  .parvandeha-grid,
  .posters-grid,
  .cases-archive,
  .cases-archive-head,
  .cases-featured,
  .cases-list-head,
  .cases-grid,
  .guests-archive,
  .guests-archive-head,
  .guests-grid,
  .single-case,
  .single-guest,
  .single-episode,
  body.single-case article.single-case,
  body.single-case .episodes-list,
  body.single-guest .single-guest,
  body.single-episode .single-episode,
  .page-content,
  .single-content,
  .contact-layout,
  .contact-wpforms-page,
  .contact-wpforms-shell,
  .about-hero,
  .manifesto,
  .stats-bar,
  .team-section,
  .support-section,
  .error-page,
  .empty-state {
    width: var(--godar-shell-width) !important;
    max-width: var(--godar-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
  }

  .site-header-inner,
  .page-header,
  .section-bar,
  .cases-list-head,
  .cases-featured-meta,
  body.single-case .ep-actions,
  body.single-episode .ep-sidebar-actions,
  body.single-guest .guest-stats-v4 {
    justify-content: space-between !important;
  }

  .home-hero,
  .featured-parvande,
  .cases-featured,
  body.single-case .parvande-hero,
  body.single-case .episode-top,
  body.single-guest .guest-hero-v4,
  body.single-guest .guest-episodes-v4,
  body.single-guest .guest-ep-row,
  body.single-episode .ep-header-v4,
  .manifesto,
  .contact-layout {
    display: grid !important;
    width: var(--godar-shell-width) !important;
    max-width: var(--godar-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    column-gap: 0 !important;
    justify-content: space-between !important;
    box-sizing: border-box;
  }

  .home-hero {
    grid-template-columns: var(--godar-home-copy) var(--godar-home-visual) !important;
  }

  .featured-parvande,
  .cases-featured,
  body.single-case .parvande-hero,
  body.single-guest .guest-hero-v4,
  body.single-guest .guest-episodes-v4,
  body.single-guest .guest-ep-row,
  body.single-episode .ep-header-v4 {
    grid-template-columns: var(--godar-layout-visual) var(--godar-layout-copy) !important;
  }

  body.single-case .episode-top {
    grid-template-columns: var(--godar-layout-visual) 560px 44px !important;
  }

  .hero-info {
    width: var(--godar-home-copy) !important;
  }

  .hero-poster {
    width: var(--godar-home-visual) !important;
  }

  .cases-featured-poster,
  body.single-case .parvande-poster {
    width: var(--godar-layout-visual) !important;
    transform: none !important;
  }

  .featured-info,
  .cases-featured-info,
  body.single-case .parvande-info,
  body.single-guest .guest-info-v4,
  body.single-episode .ep-header-content {
    width: var(--godar-layout-copy) !important;
    max-width: var(--godar-layout-copy) !important;
  }

  body.single-guest .guest-photo-v4,
  body.single-episode .ep-header-sidebar {
    width: var(--godar-layout-visual) !important;
  }

  body.single-case .parvande-info-top,
  body.single-case .parvande-info-bottom,
  body.single-case .episodes-bar,
  body.single-case .ep-actions,
  body.single-case .ep-info,
  body.single-case .ep-num-col {
    transform: none !important;
  }

  body.single-case .parvande-title,
  body.single-case .parvande-subtitle,
  body.single-case .parvande-desc,
  body.single-case .parvande-info-top,
  body.single-case .parvande-info-bottom,
  body.single-case .episodes-bar {
    width: var(--godar-layout-copy) !important;
    max-width: var(--godar-layout-copy) !important;
  }

  body.single-case .episodes-bar {
    margin-right: 0 !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
  }

  .cases-grid,
  .posters-grid {
    justify-content: space-between !important;
    column-gap: 0 !important;
  }

  .guests-grid {
    justify-content: space-between !important;
  }
}

#site-header {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.site-header-inner,
#site-footer,
.breadcrumb,
.godar-home,
.home-hero,
.section-bar,
.quote-section,
.page-header,
.grid-label,
.featured-parvande,
.parvandeha-grid,
.cases-archive,
.cases-archive-head,
.guests-archive,
.guests-archive-head,
.single-case,
.single-guest,
.single-episode,
body.single-case article.single-case,
body.single-guest .single-guest,
body.single-episode .single-episode,
body.single-episode .ep-header-v4,
body.single-episode .ep-spotify-embed,
body.single-episode .ep-transcript-body,
.page-content,
.single-content,
.contact-layout,
.contact-wpforms-page,
.contact-wpforms-shell,
.about-hero,
.manifesto,
.stats-bar,
.team-section,
.support-section,
.error-page,
.empty-state {
  width: var(--godar-shell-width) !important;
  max-width: var(--godar-shell-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box;
}

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --pad-h: 32px;
    --pad-h-lg: 32px;
    --godar-shell-gutter: 32px;
    --godar-shell-width: 100%;
  }

  #site-header,
  .site-header-inner,
  #site-footer,
  .breadcrumb,
  .godar-home,
  .home-hero,
  .section-bar,
  .quote-section,
  .page-header,
  .grid-label,
  .featured-parvande,
  .parvandeha-grid,
  .cases-archive,
  .cases-archive-head,
  .guests-archive,
  .guests-archive-head,
  .single-case,
  .single-guest,
  .single-episode,
  body.single-case article.single-case,
  body.single-guest .single-guest,
  body.single-episode .single-episode,
  body.single-episode .ep-header-v4,
  body.single-episode .ep-spotify-embed,
  body.single-episode .ep-transcript-body,
  .page-content,
  .single-content,
  .contact-layout,
  .contact-wpforms-page,
  .contact-wpforms-shell,
  .about-hero,
  .manifesto,
  .stats-bar,
  .team-section,
  .support-section,
  .error-page,
  .empty-state {
    width: var(--godar-shell-width) !important;
    max-width: var(--godar-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: var(--godar-shell-gutter) !important;
    padding-left: var(--godar-shell-gutter) !important;
  }

  #site-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (max-width: 767px) {
  :root {
    --pad-h: 20px;
    --pad-h-lg: 20px;
    --godar-shell-gutter: 20px;
    --godar-shell-width: 100%;
  }

  #site-header,
  .site-header-inner,
  #site-footer,
  .breadcrumb,
  .godar-home,
  .home-hero,
  .section-bar,
  .quote-section,
  .page-header,
  .grid-label,
  .featured-parvande,
  .parvandeha-grid,
  .cases-archive,
  .cases-archive-head,
  .guests-archive,
  .guests-archive-head,
  .single-case,
  .single-guest,
  .single-episode,
  body.single-case article.single-case,
  body.single-guest .single-guest,
  body.single-episode .single-episode,
  body.single-episode .ep-header-v4,
  body.single-episode .ep-spotify-embed,
  body.single-episode .ep-transcript-body,
  .page-content,
  .single-content,
  .contact-layout,
  .contact-wpforms-page,
  .contact-wpforms-shell,
  .about-hero,
  .manifesto,
  .stats-bar,
  .team-section,
  .support-section,
  .error-page,
  .empty-state {
    width: var(--godar-shell-width) !important;
    max-width: var(--godar-shell-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: var(--godar-shell-gutter) !important;
    padding-left: var(--godar-shell-gutter) !important;
  }

  #site-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  :root {
    --godar-shell-max: 1200px;
    --godar-shell-width: 1200px;
    --godar-layout-visual: 426px;
    --godar-layout-copy: 610px;
    --godar-home-copy: 500px;
    --godar-home-visual: 575px;
  }

  .site-header-inner,
  #site-footer,
  .breadcrumb,
  .godar-home,
  .page-header,
  .grid-label,
  .featured-parvande,
  .parvandeha-grid,
  .posters-grid,
  .cases-archive,
  .cases-archive-head,
  .cases-featured,
  .cases-list-head,
  .cases-grid,
  .guests-archive,
  .guests-archive-head,
  .guests-grid,
  .single-case,
  .single-guest,
  .single-episode,
  body.single-case article.single-case,
  body.single-case .episodes-list,
  body.single-guest .single-guest,
  body.single-episode .single-episode,
  body.single-episode .ep-spotify-embed,
  body.single-episode .ep-transcript-body,
  .page-content,
  .single-content,
  .contact-layout,
  .contact-wpforms-page,
  .contact-wpforms-shell,
  .about-hero,
  .manifesto,
  .stats-bar,
  .team-section,
  .support-section,
  .error-page,
  .empty-state {
    width: 1200px !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
  }

  .site-header-inner,
  .page-header,
  .section-bar,
  .cases-list-head,
  .cases-grid,
  .posters-grid,
  .guests-grid,
  body.single-case .ep-actions,
  body.single-episode .ep-sidebar-actions,
  body.single-guest .guest-stats-v4 {
    justify-content: space-between !important;
  }

  .home-hero,
  .featured-parvande,
  .cases-featured,
  body.single-case .parvande-hero,
  body.single-case .episode-top,
  body.single-guest .guest-hero-v4,
  body.single-guest .guest-episodes-v4,
  body.single-guest .guest-ep-row,
  body.single-episode .ep-header-v4,
  .manifesto,
  .contact-layout {
    display: grid !important;
    width: 1200px !important;
    max-width: 1200px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    column-gap: 0 !important;
    justify-content: space-between !important;
    box-sizing: border-box;
  }

  .home-hero {
    grid-template-columns: var(--godar-home-copy) var(--godar-home-visual) !important;
  }

  .featured-parvande,
  .cases-featured,
  body.single-case .parvande-hero,
  body.single-guest .guest-hero-v4,
  body.single-guest .guest-episodes-v4,
  body.single-guest .guest-ep-row,
  body.single-episode .ep-header-v4 {
    grid-template-columns: var(--godar-layout-visual) var(--godar-layout-copy) !important;
  }

  body.single-case .episode-top {
    grid-template-columns: var(--godar-layout-visual) 560px 44px !important;
  }

  .hero-info {
    width: var(--godar-home-copy) !important;
  }

  .hero-poster {
    width: var(--godar-home-visual) !important;
  }

  .cases-featured-poster,
  body.single-case .parvande-poster {
    width: var(--godar-layout-visual) !important;
    transform: none !important;
  }

  .featured-info,
  .cases-featured-info,
  body.single-case .parvande-info,
  body.single-guest .guest-info-v4,
  body.single-episode .ep-header-content {
    width: var(--godar-layout-copy) !important;
    max-width: var(--godar-layout-copy) !important;
  }

  body.single-guest .guest-photo-v4,
  body.single-episode .ep-header-sidebar {
    width: var(--godar-layout-visual) !important;
  }

  body.single-case .parvande-info-top,
  body.single-case .parvande-info-bottom,
  body.single-case .episodes-bar,
  body.single-case .ep-actions,
  body.single-case .ep-info,
  body.single-case .ep-num-col {
    transform: none !important;
  }

  body.single-case .parvande-title,
  body.single-case .parvande-subtitle,
  body.single-case .parvande-desc,
  body.single-case .parvande-info-top,
  body.single-case .parvande-info-bottom,
  body.single-case .episodes-bar {
    width: var(--godar-layout-copy) !important;
    max-width: var(--godar-layout-copy) !important;
  }

  body.single-case .episodes-bar {
    margin-right: 0 !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
  }
}