/*!
Theme Name: Spelman Johnson 2023
Theme URI: http://underscores.me/
Author: Mediacurrent
Author URI: https://www.mediacurrent.com
Description: 2023 redesign for spelmanandjohnson.com
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spelmanjohnson2023
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.

Spelman Johnson 2023 is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
:root {
  --bp-lg-min: 1460px;
  --bp-md-max: 1459px;
  --bp-md-min: 1200px;
  --bp-sm-max: 1199px;
  --bp-sm-min: 1025px;
  --bp-tablet-max: 1024px;
  --bp-tablet-min: 768px;
  --bp-mobile-max: 767px;
  --bp-mobile-min: 544px;
  --bp-smallest-max: 543px;
  --bp-wordpress-mobile-max: 600px;
}

:root {
  --eyebrow-color: var(--color-orange-200);
  --title-color: var(--color-dark-blue-100);
  --outer-padding: 60px;
  --doc-height: 100%;
  --z-header: 5;
  --z-content: 10;
  --z-footer: 15;
}

:root {
  --color-dark-blue: #001030;
  --color-active-green: #00a82f;
  --color-red-alert: #df3126;
  --color-black: #000;
  --color-grayscale-100: #1b1d22;
  --color-grayscale-200: #474b51;
  --color-grayscale-300: #7d8087;
  --color-grayscale-400: #b3b6bc;
  --color-grayscale-500: #e1e5e8;
  --color-grayscale-600: #f6f8fa;
  --color-white: #fff;
  --color-orange-100: #431d00;
  --color-orange-200: #b34a00;
  --color-orange-300: #c15200;
  --color-orange-400: #e6711b;
  --color-orange-500: #ef9350;
  --color-orange-600: #fdd4b5;
  --color-orange-700: #ffeddf;
  --color-orange-800: #fff5ed;
  --color-light-blue-100: #00b4d8;
  --color-light-blue-200: #77e8ff;
  --color-mid-blue-100: #0077b6;
  --color-mid-blue-200: #0075e0;
  --color-mid-blue-300: #389efc;
  --color-dark-blue-100: #003665;
  --color-dark-blue-200: #0f4a7e;
  --color-dark-blue-300: #4a85b8;
  --color-dark-blue-400: #cde8ff;
  --color-dark-blue-500: #f0f8ff;
  --tag-accepting: #008626;
  --tag-interviewing: #0077b6;
  --tag-insights: var(--color-orange-300);
  --tag-color: var(--color-grayscale-100);
  --tag-accepting-rgb: 0, 134, 38; /* #00A82F */
  --tag-interviewing-rgb: 0, 119, 182; /* #0077B6 */
  --tag-color-rgb: 102, 102, 102;
}

/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the valu1qaze at B.
 */
.is-style-h2-style {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.875rem, calc((1.4176663032vw + 1.3938794984rem)), 2.6875rem);
  line-height: 1.35;
  font-size: clamp(1.875rem, calc((1.4176663032vw + 1.3938794984rem)), 2.6875rem) !important;
}

.is-style-h3-style {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.5625rem, calc((1.199563795vw + 1.1553980371rem)), 2.25rem);
  line-height: 1.35;
  font-size: clamp(1.5625rem, calc((1.199563795vw + 1.1553980371rem)), 2.25rem) !important;
}

.is-style-h4-style {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.3125rem, calc((0.9814612868vw + 0.9794165758rem)), 1.875rem);
  line-height: 1.35;
  font-size: clamp(1.3125rem, calc((0.9814612868vw + 0.9794165758rem)), 1.875rem) !important;
}

.is-style-h5-style {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.125rem, calc((0.7633587786vw + 0.8659351145rem)), 1.5625rem);
  line-height: 1.35;
  font-size: clamp(1.125rem, calc((0.7633587786vw + 0.8659351145rem)), 1.5625rem) !important;
}

.is-style-ff-sans {
  font-family: "Public Sans", -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Helvetica, sans-serif !important;
  font-weight: 400;
}

.is-style-ff-serif {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif !important;
  font-weight: 400;
}

html {
  font-family: "Public Sans", -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 1.625;
  box-sizing: border-box;
  height: 100%;
  -webkit-text-size-adjust: 100%; /* stylelint-disable-line property-no-vendor-prefix */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*::before, *::after {
  box-sizing: inherit;
}

body {
  color: var(--color-grayscale-100);
  font-family: "Public Sans", -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Helvetica, sans-serif;
  margin: 0;
  min-height: 100%;
}

body,
body > .dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 1 0 0;
}

body > .dialog-off-canvas-main-canvas > .layout-container {
  min-height: 100%;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: flex-start;
}
body > .dialog-off-canvas-main-canvas > .layout-container > * {
  flex-shrink: 0;
}
body > .dialog-off-canvas-main-canvas > .layout-container > footer {
  margin-top: auto;
}

:where(main, #root, #docs-root) {
  display: block;
}
:where(main, #root, #docs-root) p:where(:nth-child(n)),
:where(main, #root, #docs-root) ul:where(:nth-child(n)),
:where(main, #root, #docs-root) ol:where(:nth-child(n)),
:where(main, #root, #docs-root) blockquote:where(:nth-child(n)) {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 400;
  font-size: clamp(1.0625rem, calc((0.4362050164vw + 0.9144629226rem)), 1.3125rem);
  line-height: 1.75;
}

.article-content blockquote {
  color: var(--color-dark-blue);
  border-left: 3px solid var(--color-dark-blue-200);
  padding-left: clamp(22px, calc((3.3805888768vw + 3.6434023991px)), 53px);
}
.article-content blockquote cite {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  color: var(--color-dark-blue-200);
  text-decoration: underline;
  text-underline-offset: 2px;
  font-weight: 600;
}
a:hover, a:active {
  color: var(--color-active-green);
}
a:where(:focus) {
  outline: 3px solid var(--color-mid-blue-200);
  outline-offset: 5px;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
  display: block;
  max-width: 100%;
  height: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted var(--color-mid-blue-200);
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; /* stylelint-disable-line property-no-vendor-prefix */
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  appearance: button; /* stylelint-disable-line property-no-vendor-prefix */
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

ul,
ol,
dl,
li {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
}

h1 {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(2.5rem, calc((1.7448200654vw + 1.9078516903rem)), 3.5rem);
  line-height: 1.15;
}

h2 {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.875rem, calc((1.4176663032vw + 1.3938794984rem)), 2.6875rem);
  line-height: 1.35;
}

h3 {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.5625rem, calc((1.199563795vw + 1.1553980371rem)), 2.25rem);
  line-height: 1.35;
}

h4 {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.3125rem, calc((0.9814612868vw + 0.9794165758rem)), 1.875rem);
  line-height: 1.35;
}

h5 {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.125rem, calc((0.7633587786vw + 0.8659351145rem)), 1.5625rem);
  line-height: 1.35;
}

h6 {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: 1.3125rem;
  line-height: 1.35;
}

:first-child {
  margin-top: 0;
}

:last-child {
  margin-bottom: 0;
}

.container {
  --container-padding: 16px;
  max-width: 1404px;
  width: 100%;
  margin: 0 auto;
  padding-left: calc(16px * var(--no-container-ancestor, 1));
  padding-right: calc(16px * var(--no-container-ancestor, 1));
}
@media (max-width: 1199px) {
  .container {
    --container-padding: 24px;
    padding-left: calc(24px * var(--no-container-ancestor, 1));
    padding-right: calc(24px * var(--no-container-ancestor, 1));
  }
}
.container > * {
  --no-container-ancestor: 0;
}

.header + .content-wrapper {
  padding-top: 2rem;
}

.home .header .breadcrumbs {
  display: none;
}
.header .breadcrumbs p,
.header .breadcrumbs p a {
  color: #c15200;
}

.container {
  --container-padding: 16px;
  max-width: 1404px;
  width: 100%;
  margin: 0 auto;
  padding-left: calc(16px * var(--no-container-ancestor, 1));
  padding-right: calc(16px * var(--no-container-ancestor, 1));
}
@media (max-width: 1199px) {
  .container {
    --container-padding: 24px;
    padding-left: calc(24px * var(--no-container-ancestor, 1));
    padding-right: calc(24px * var(--no-container-ancestor, 1));
  }
}
.container > * {
  --no-container-ancestor: 0;
}

@media screen and (min-width: 1200px) {
  #mega-menu-wrap-menu-primary #mega-menu-menu-primary {
    max-width: min(1539px, 100vw - 64px) !important;
  }
}

.content-wrapper-archives {
  max-width: min(1539px, 100vw - 64px);
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

.visually-hidden.focusable {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

.invisible {
  visibility: hidden;
}

.mega-menu-wrap,
header.header {
  z-index: var(--z-header);
}

@media (max-width: 1024px) {
  header.header {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 1025px) {
  header.header {
    --z-header: 10;
  }
}

section.content-wrapper {
  overflow-x: clip;
  position: relative;
  z-index: var(--z-content);
}
@media (min-width: 1025px) {
  section.content-wrapper {
    --z-content: 5;
  }
}

.footer {
  z-index: var(--z-footer);
}

.mega-menu-menu-primary-mobile-open .content-wrapper {
  height: 100vh;
  overflow: hidden;
}

.wp-block-cover {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
@media (min-width: 768px) {
  .wp-block-cover {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}
@media (min-width: 1200px) {
  .wp-block-cover {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
}
.wp-block-cover .wp-block-columns {
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-image {
  margin: 0 auto;
}
.wp-block-image .aligncenter,
.wp-block-image .aligncenter img, .wp-block-image.alignwide, .wp-block-image.size-hero-4-1, .wp-block-image.size-hero-5-2 {
  margin: 0 auto;
  text-align: center;
}
.article-body .wp-block-image {
  margin: 0 auto 1em;
}

.wp-block-heading + .wp-block-image {
  margin-top: 24px;
}
.wp-block-image + p {
  margin-top: 16px;
}

.results-none {
  display: flex;
  grid-column: span 2;
}
.results-none__message {
  padding-left: 0.5em;
}
.results-none__message h3 {
  color: var(--color-grayscale-100);
}
.results-none__message p {
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 400;
  font-size: clamp(1.0625rem, calc((0.4362050164vw + 0.9144629226rem)), 1.3125rem);
  line-height: 1.75;
}
.results-none i {
  color: var(--color-dark-blue-200);
  font-family: "Bitter", "Times New Roman", "Times", "Baskerville", "Georgia", serif;
  font-weight: 500;
  font-size: clamp(1.5625rem, calc((1.199563795vw + 1.1553980371rem)), 2.25rem);
  line-height: 1.35;
  color: var(--color-grayscale-100);
}

@media (max-width: 767px) {
  .single-position #wpfront-scroll-top-container {
    bottom: 140px !important;
  }
}

.article-body > *,
:where(#root) > div > *,
.wp-block-cover__inner-container > * {
  max-width: min(1460px, 100vw - 64px);
  margin-left: auto;
  margin-right: auto;
}

.article-body {
  overflow: hidden;
}

.alignwide {
  max-width: min(1460px, 100vw - 64px);
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}