@charset "UTF-8";
/*
 * Global CSS
 *
 * DO NOT EDIT THIS CSS FILE DIRECTLY. IT IS GENERATED BY GRUNT.
 * -------------------------------------------------------------
 * This file is just a clearing-house, see the pcss directory
 * and edit the source files found there.
 *
 */
/* Reset */
/* -----------------------------------------------------------------------------
 *
 * Global "Resets"
 *
 * ----------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
}

@viewport {
  width: device-width;
}
/* -----------------------------------------------------------------------------
 *
 * HTML5 Elements
 *
 * ----------------------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* -----------------------------------------------------------------------------
 *
 * Normalize "Light"
 *
 * See normalize source code for clarity on rules
 * https://github.com/necolas/normalize.css
 *
 * ----------------------------------------------------------------------------- */
html {
  text-size-adjust: 100%;
  font-size: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  min-width: 320px;
  overflow-x: hidden;
}

figure {
  line-height: 0;
}

figcaption {
  line-height: normal;
}

svg:not(:root) {
  overflow: hidden;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

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

pre {
  overflow: auto;
}

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

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

hr {
  border: 0;
  height: 0;
}

/* Input: Kill browser input chrome */
input[type=text],
input[type=email],
input[type=url],
input[type=search],
input[type=submit],
input[type=password],
input[type=reset],
input[type=button],
button,
textarea {
  appearance: none;
}

input,
button,
select,
textarea,
optgroup {
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
}

input,
button,
select,
textarea {
  outline: 0;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0;
}

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

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

textarea {
  resize: none;
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Reset "Light"
 *
 * ----------------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

img {
  -ms-interpolation-mode: bicubic;
  height: auto;
  max-width: 100%;
  border-style: none;
}

iframe,
video,
embed {
  max-width: 100%;
  max-height: 100%;
}

/* Utilities */
:root {
  --color-black: #242121;
  --color-black-midnight: #242121;
  --color-blue: #00add9;
  --color-blue-light: #83dbe0;
  --color-cranberry: #b11556;
  --color-gold: #e4a01b;
  --color-gold-dark: #ca870d;
  --color-gold-light: #f7c55a;
  --color-gold-lighter: #f4d9a4;
  --color-grey: #808080;
  --color-grey-dark: #53585a;
  --color-grey-darker: #313131;
  --color-grey-light: #f7f5f2;
  --color-grey-medium: #e0dad6;
  --color-grey-medium-darker-light: #979696;
  --color-grey-overcast: #bebab9;
  --color-light-secondary: #ebebeb;
  --color-lighter-black: #2f2c2c;
  --color-lime: #a3d65c;
  --color-mint: #cfe1d7;
  --color-navy: #233746;
  --color-off-white: #f6f5f1;
  --color-only-shades-of-grey: #d0d0d0;
  --color-orange: #fa8d29;
  --color-prarie-gold: #f6c167;
  --color-primary: #242121;
  --color-purple: #6e3a5d;
  --color-red: #e84a36;
  --color-secondary: #211e1e;
  --color-teal: #00827e;
  --color-text: #242121;
  --color-white: #fff;
  --color-contrasting-black: #fff;
  --color-contrasting-black-midnight: #fff;
  --color-contrasting-blue: #242121;
  --color-contrasting-blue-light: #242121;
  --color-contrasting-cranberry: #fff;
  --color-contrasting-gold: #242121;
  --color-contrasting-gold-dark: #242121;
  --color-contrasting-gold-light: #242121;
  --color-contrasting-grey-dark: #fff;
  --color-contrasting-grey-light: #242121;
  --color-contrasting-grey-medium: #242121;
  --color-contrasting-lime: #242121;
  --color-contrasting-mint: #242121;
  --color-contrasting-navy: #fff;
  --color-contrasting-orange: #242121;
  --color-contrasting-purple: #fff;
  --color-contrasting-red: #fff;
  --color-contrasting-teal: #fff;
  --color-contrasting-white: #242121;
}

/* -----------------------------------------------------------------------------
 * Borders
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Colors
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * UI
 * ----------------------------------------------------------------------------- */
/* Control icons */
/* Control icons */
/* Select icon */
/* Select, Checkbox, & Radio */
/* Select */
/* Select */
/* Select */
/* -----------------------------------------------------------------------------
 * Fonts
 * ----------------------------------------------------------------------------- */
/* Label */
/* Label */
/* Helper Text & Descriptions */
/* Helper Text & Descriptions */
/* -----------------------------------------------------------------------------
 * Spacing
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Label
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control Helper Text
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Legend
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Legend, styled
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Controls
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control Icon
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control: Textarea
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control: Select
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control: Radio & Checkbox
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control: File
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Control: Submit & Buttons
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Placeholder
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Grid Variables
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Font Icons (via IcoMoon)
 * ----------------------------------------------------------------------------- */
/* stylelint-disable */
/* -----------------------------------------------------------------------------
 *
 * Global Button Resets
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Button Submit
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Triangles
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Split long words into multiple lines
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Truncate text to a single line, with an ellipsis
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Remove the default antialiased font-smoothing
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Icons
 *
 * ----------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
 *
 * Body Content
 *
 * ------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Quotes & Blockquotes
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Links
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Clearfix
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Touch & Pointer Bug Fix
 *
 * + Disable text select on clickable elements for pointer & touch events
 *
 * NOTE:
 * This should be utilized for elements that have a JS
 * touchstart or pointerdown event bound to them
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Generates enough padding-top on an element to meet a requested aspect ratio
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Hide from both screenreaders and browsers
 *
 * @author: h5bp.com/u
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Hide only visually, but have it available for screenreaders
 *
 * @author: h5bp.com/v
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Show element after has been hidden with %visually-hide
 *
 * ----------------------------------------------------------------------------- */
.u-fc-black {
  color: #242121;
  fill: currentColor;
  --fc: #242121;
}

.u-fc-black-midnight {
  color: #242121;
  fill: currentColor;
  --fc: #242121;
}

.u-fc-blue {
  color: #00add9;
  fill: currentColor;
  --fc: #00add9;
}

.u-fc-blue-light {
  color: #83dbe0;
  fill: currentColor;
  --fc: #83dbe0;
}

.u-fc-cranberry {
  color: #b11556;
  fill: currentColor;
  --fc: #b11556;
}

.u-fc-gold {
  color: #e4a01b;
  fill: currentColor;
  --fc: #e4a01b;
}

.u-fc-gold-dark {
  color: #ca870d;
  fill: currentColor;
  --fc: #ca870d;
}

.u-fc-gold-light {
  color: #f7c55a;
  fill: currentColor;
  --fc: #f7c55a;
}

.u-fc-gold-lighter {
  color: #f4d9a4;
  fill: currentColor;
  --fc: #f4d9a4;
}

.u-fc-grey {
  color: #808080;
  fill: currentColor;
  --fc: #808080;
}

.u-fc-grey-dark {
  color: #53585a;
  fill: currentColor;
  --fc: #53585a;
}

.u-fc-grey-darker {
  color: #313131;
  fill: currentColor;
  --fc: #313131;
}

.u-fc-grey-light {
  color: #f7f5f2;
  fill: currentColor;
  --fc: #f7f5f2;
}

.u-fc-grey-medium {
  color: #e0dad6;
  fill: currentColor;
  --fc: #e0dad6;
}

.u-fc-grey-medium-darker-light {
  color: #979696;
  fill: currentColor;
  --fc: #979696;
}

.u-fc-grey-overcast {
  color: #bebab9;
  fill: currentColor;
  --fc: #bebab9;
}

.u-fc-light-secondary {
  color: #ebebeb;
  fill: currentColor;
  --fc: #ebebeb;
}

.u-fc-lighter-black {
  color: #2f2c2c;
  fill: currentColor;
  --fc: #2f2c2c;
}

.u-fc-lime {
  color: #a3d65c;
  fill: currentColor;
  --fc: #a3d65c;
}

.u-fc-mint {
  color: #cfe1d7;
  fill: currentColor;
  --fc: #cfe1d7;
}

.u-fc-navy {
  color: #233746;
  fill: currentColor;
  --fc: #233746;
}

.u-fc-off-white {
  color: #f6f5f1;
  fill: currentColor;
  --fc: #f6f5f1;
}

.u-fc-only-shades-of-grey {
  color: #d0d0d0;
  fill: currentColor;
  --fc: #d0d0d0;
}

.u-fc-orange {
  color: #fa8d29;
  fill: currentColor;
  --fc: #fa8d29;
}

.u-fc-prarie-gold {
  color: #f6c167;
  fill: currentColor;
  --fc: #f6c167;
}

.u-fc-primary {
  color: #242121;
  fill: currentColor;
  --fc: #242121;
}

.u-fc-purple {
  color: #6e3a5d;
  fill: currentColor;
  --fc: #6e3a5d;
}

.u-fc-red {
  color: #e84a36;
  fill: currentColor;
  --fc: #e84a36;
}

.u-fc-secondary {
  color: #211e1e;
  fill: currentColor;
  --fc: #211e1e;
}

.u-fc-teal {
  color: #00827e;
  fill: currentColor;
  --fc: #00827e;
}

.u-fc-text {
  color: #242121;
  fill: currentColor;
  --fc: #242121;
}

.u-fc-white {
  color: #fff;
  fill: currentColor;
  --fc: #fff;
}

.u-bc-black {
  background-color: #242121;
  fill: #242121;
  --bc: #242121;
}

.u-bc-black-midnight {
  background-color: #242121;
  fill: #242121;
  --bc: #242121;
}

.u-bc-blue {
  background-color: #00add9;
  fill: #00add9;
  --bc: #00add9;
}

.u-bc-blue-light {
  background-color: #83dbe0;
  fill: #83dbe0;
  --bc: #83dbe0;
}

.u-bc-cranberry {
  background-color: #b11556;
  fill: #b11556;
  --bc: #b11556;
}

.u-bc-gold {
  background-color: #e4a01b;
  fill: #e4a01b;
  --bc: #e4a01b;
}

.u-bc-gold-dark {
  background-color: #ca870d;
  fill: #ca870d;
  --bc: #ca870d;
}

.u-bc-gold-light {
  background-color: #f7c55a;
  fill: #f7c55a;
  --bc: #f7c55a;
}

.u-bc-gold-lighter {
  background-color: #f4d9a4;
  fill: #f4d9a4;
  --bc: #f4d9a4;
}

.u-bc-grey {
  background-color: #808080;
  fill: #808080;
  --bc: #808080;
}

.u-bc-grey-dark {
  background-color: #53585a;
  fill: #53585a;
  --bc: #53585a;
}

.u-bc-grey-darker {
  background-color: #313131;
  fill: #313131;
  --bc: #313131;
}

.u-bc-grey-light {
  background-color: #f7f5f2;
  fill: #f7f5f2;
  --bc: #f7f5f2;
}

.u-bc-grey-medium {
  background-color: #e0dad6;
  fill: #e0dad6;
  --bc: #e0dad6;
}

.u-bc-grey-medium-darker-light {
  background-color: #979696;
  fill: #979696;
  --bc: #979696;
}

.u-bc-grey-overcast {
  background-color: #bebab9;
  fill: #bebab9;
  --bc: #bebab9;
}

.u-bc-light-secondary {
  background-color: #ebebeb;
  fill: #ebebeb;
  --bc: #ebebeb;
}

.u-bc-lighter-black {
  background-color: #2f2c2c;
  fill: #2f2c2c;
  --bc: #2f2c2c;
}

.u-bc-lime {
  background-color: #a3d65c;
  fill: #a3d65c;
  --bc: #a3d65c;
}

.u-bc-mint {
  background-color: #cfe1d7;
  fill: #cfe1d7;
  --bc: #cfe1d7;
}

.u-bc-navy {
  background-color: #233746;
  fill: #233746;
  --bc: #233746;
}

.u-bc-off-white {
  background-color: #f6f5f1;
  fill: #f6f5f1;
  --bc: #f6f5f1;
}

.u-bc-only-shades-of-grey {
  background-color: #d0d0d0;
  fill: #d0d0d0;
  --bc: #d0d0d0;
}

.u-bc-orange {
  background-color: #fa8d29;
  fill: #fa8d29;
  --bc: #fa8d29;
}

.u-bc-prarie-gold {
  background-color: #f6c167;
  fill: #f6c167;
  --bc: #f6c167;
}

.u-bc-primary {
  background-color: #242121;
  fill: #242121;
  --bc: #242121;
}

.u-bc-purple {
  background-color: #6e3a5d;
  fill: #6e3a5d;
  --bc: #6e3a5d;
}

.u-bc-red {
  background-color: #e84a36;
  fill: #e84a36;
  --bc: #e84a36;
}

.u-bc-secondary {
  background-color: #211e1e;
  fill: #211e1e;
  --bc: #211e1e;
}

.u-bc-teal {
  background-color: #00827e;
  fill: #00827e;
  --bc: #00827e;
}

.u-bc-text {
  background-color: #242121;
  fill: #242121;
  --bc: #242121;
}

.u-bc-white {
  background-color: #fff;
  fill: #fff;
  --bc: #fff;
}

.u-cc-black {
  --fc: #fff;
  --bc: #242121;
  color: #fff;
  background-color: #242121;
}
.u-cc-black:hover {
  color: #fff;
  background-color: #242121;
}
.u-cc-black::before {
  background-color: #242121;
}
.u-cc-black::after {
  color: #242121;
}

.u-cc-black--hover:hover {
  color: #fff !important;
  background-color: #242121 !important;
}

.u-cc-black-midnight {
  --fc: #fff;
  --bc: #242121;
  color: #fff;
  background-color: #242121;
}
.u-cc-black-midnight:hover {
  color: #fff;
  background-color: #242121;
}
.u-cc-black-midnight::before {
  background-color: #242121;
}
.u-cc-black-midnight::after {
  color: #242121;
}

.u-cc-black-midnight--hover:hover {
  color: #fff !important;
  background-color: #242121 !important;
}

.u-cc-blue {
  --fc: #242121;
  --bc: #00add9;
  color: #242121;
  background-color: #00add9;
}
.u-cc-blue:hover {
  color: #242121;
  background-color: #00add9;
}
.u-cc-blue::before {
  background-color: #00add9;
}
.u-cc-blue::after {
  color: #00add9;
}

.u-cc-blue--hover:hover {
  color: #242121 !important;
  background-color: #00add9 !important;
}

.u-cc-blue-light {
  --fc: #242121;
  --bc: #83dbe0;
  color: #242121;
  background-color: #83dbe0;
}
.u-cc-blue-light:hover {
  color: #242121;
  background-color: #83dbe0;
}
.u-cc-blue-light::before {
  background-color: #83dbe0;
}
.u-cc-blue-light::after {
  color: #83dbe0;
}

.u-cc-blue-light--hover:hover {
  color: #242121 !important;
  background-color: #83dbe0 !important;
}

.u-cc-cranberry {
  --fc: #fff;
  --bc: #b11556;
  color: #fff;
  background-color: #b11556;
}
.u-cc-cranberry:hover {
  color: #fff;
  background-color: #b11556;
}
.u-cc-cranberry::before {
  background-color: #b11556;
}
.u-cc-cranberry::after {
  color: #b11556;
}

.u-cc-cranberry--hover:hover {
  color: #fff !important;
  background-color: #b11556 !important;
}

.u-cc-gold {
  --fc: #242121;
  --bc: #e4a01b;
  color: #242121;
  background-color: #e4a01b;
}
.u-cc-gold:hover {
  color: #242121;
  background-color: #e4a01b;
}
.u-cc-gold::before {
  background-color: #e4a01b;
}
.u-cc-gold::after {
  color: #e4a01b;
}

.u-cc-gold--hover:hover {
  color: #242121 !important;
  background-color: #e4a01b !important;
}

.u-cc-gold-dark {
  --fc: #242121;
  --bc: #ca870d;
  color: #242121;
  background-color: #ca870d;
}
.u-cc-gold-dark:hover {
  color: #242121;
  background-color: #ca870d;
}
.u-cc-gold-dark::before {
  background-color: #ca870d;
}
.u-cc-gold-dark::after {
  color: #ca870d;
}

.u-cc-gold-dark--hover:hover {
  color: #242121 !important;
  background-color: #ca870d !important;
}

.u-cc-gold-light {
  --fc: #242121;
  --bc: #f7c55a;
  color: #242121;
  background-color: #f7c55a;
}
.u-cc-gold-light:hover {
  color: #242121;
  background-color: #f7c55a;
}
.u-cc-gold-light::before {
  background-color: #f7c55a;
}
.u-cc-gold-light::after {
  color: #f7c55a;
}

.u-cc-gold-light--hover:hover {
  color: #242121 !important;
  background-color: #f7c55a !important;
}

.u-cc-grey-dark {
  --fc: #fff;
  --bc: #53585a;
  color: #fff;
  background-color: #53585a;
}
.u-cc-grey-dark:hover {
  color: #fff;
  background-color: #53585a;
}
.u-cc-grey-dark::before {
  background-color: #53585a;
}
.u-cc-grey-dark::after {
  color: #53585a;
}

.u-cc-grey-dark--hover:hover {
  color: #fff !important;
  background-color: #53585a !important;
}

.u-cc-grey-light {
  --fc: #242121;
  --bc: #f7f5f2;
  color: #242121;
  background-color: #f7f5f2;
}
.u-cc-grey-light:hover {
  color: #242121;
  background-color: #f7f5f2;
}
.u-cc-grey-light::before {
  background-color: #f7f5f2;
}
.u-cc-grey-light::after {
  color: #f7f5f2;
}

.u-cc-grey-light--hover:hover {
  color: #242121 !important;
  background-color: #f7f5f2 !important;
}

.u-cc-grey-medium {
  --fc: #242121;
  --bc: #e0dad6;
  color: #242121;
  background-color: #e0dad6;
}
.u-cc-grey-medium:hover {
  color: #242121;
  background-color: #e0dad6;
}
.u-cc-grey-medium::before {
  background-color: #e0dad6;
}
.u-cc-grey-medium::after {
  color: #e0dad6;
}

.u-cc-grey-medium--hover:hover {
  color: #242121 !important;
  background-color: #e0dad6 !important;
}

.u-cc-lime {
  --fc: #242121;
  --bc: #a3d65c;
  color: #242121;
  background-color: #a3d65c;
}
.u-cc-lime:hover {
  color: #242121;
  background-color: #a3d65c;
}
.u-cc-lime::before {
  background-color: #a3d65c;
}
.u-cc-lime::after {
  color: #a3d65c;
}

.u-cc-lime--hover:hover {
  color: #242121 !important;
  background-color: #a3d65c !important;
}

.u-cc-mint {
  --fc: #242121;
  --bc: #cfe1d7;
  color: #242121;
  background-color: #cfe1d7;
}
.u-cc-mint:hover {
  color: #242121;
  background-color: #cfe1d7;
}
.u-cc-mint::before {
  background-color: #cfe1d7;
}
.u-cc-mint::after {
  color: #cfe1d7;
}

.u-cc-mint--hover:hover {
  color: #242121 !important;
  background-color: #cfe1d7 !important;
}

.u-cc-navy {
  --fc: #fff;
  --bc: #233746;
  color: #fff;
  background-color: #233746;
}
.u-cc-navy:hover {
  color: #fff;
  background-color: #233746;
}
.u-cc-navy::before {
  background-color: #233746;
}
.u-cc-navy::after {
  color: #233746;
}

.u-cc-navy--hover:hover {
  color: #fff !important;
  background-color: #233746 !important;
}

.u-cc-orange {
  --fc: #242121;
  --bc: #fa8d29;
  color: #242121;
  background-color: #fa8d29;
}
.u-cc-orange:hover {
  color: #242121;
  background-color: #fa8d29;
}
.u-cc-orange::before {
  background-color: #fa8d29;
}
.u-cc-orange::after {
  color: #fa8d29;
}

.u-cc-orange--hover:hover {
  color: #242121 !important;
  background-color: #fa8d29 !important;
}

.u-cc-purple {
  --fc: #fff;
  --bc: #6e3a5d;
  color: #fff;
  background-color: #6e3a5d;
}
.u-cc-purple:hover {
  color: #fff;
  background-color: #6e3a5d;
}
.u-cc-purple::before {
  background-color: #6e3a5d;
}
.u-cc-purple::after {
  color: #6e3a5d;
}

.u-cc-purple--hover:hover {
  color: #fff !important;
  background-color: #6e3a5d !important;
}

.u-cc-red {
  --fc: #fff;
  --bc: #e84a36;
  color: #fff;
  background-color: #e84a36;
}
.u-cc-red:hover {
  color: #fff;
  background-color: #e84a36;
}
.u-cc-red::before {
  background-color: #e84a36;
}
.u-cc-red::after {
  color: #e84a36;
}

.u-cc-red--hover:hover {
  color: #fff !important;
  background-color: #e84a36 !important;
}

.u-cc-teal {
  --fc: #fff;
  --bc: #00827e;
  color: #fff;
  background-color: #00827e;
}
.u-cc-teal:hover {
  color: #fff;
  background-color: #00827e;
}
.u-cc-teal::before {
  background-color: #00827e;
}
.u-cc-teal::after {
  color: #00827e;
}

.u-cc-teal--hover:hover {
  color: #fff !important;
  background-color: #00827e !important;
}

.u-cc-white {
  --fc: #242121;
  --bc: #fff;
  color: #242121;
  background-color: #fff;
}
.u-cc-white:hover {
  color: #242121;
  background-color: #fff;
}
.u-cc-white::before {
  background-color: #fff;
}
.u-cc-white::after {
  color: #fff;
}

.u-cc-white--hover:hover {
  color: #242121 !important;
  background-color: #fff !important;
}

/* -----------------------------------------------------------------------------
 *
 * Child Separators
 *
 * Notes: Works as a parent helper class and will add a separator for the
 * direct children of the parent
 *
 * Example:
 * <ul class="s-pipe">
 *   <li>...</li>
 *   <li>...</li>
 * </ul>
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Child Separator: " | "
 * ----------------------------------------------------------------------------- */
.u-sep-pipe > *::after {
  content: "|";
  display: inline;
  padding: 0 3px;
}
.u-sep-pipe > *:last-of-type::after {
  content: none;
}

/* -----------------------------------------------------------------------------
 * Child Separator: " / "
 * ----------------------------------------------------------------------------- */
.u-sep-slash > *::after {
  content: "/";
  padding: 0 7px;
}
.u-sep-slash > *:last-of-type::after {
  content: none;
}

/* -----------------------------------------------------------------------------
 * Child Separator: ", "
 * ----------------------------------------------------------------------------- */
.u-sep-comma > *::after {
  content: ",";
  display: inline;
  padding: 0;
}
.u-sep-comma > *:last-of-type::after {
  content: none;
}

/* -----------------------------------------------------------------------------
 * Child Separator: " - "
 * ----------------------------------------------------------------------------- */
.u-sep-dash > *::after {
  content: " - ";
  display: inline;
  padding: 0;
}
.u-sep-dash > *:last-of-type::after {
  content: none;
}

/* -----------------------------------------------------------------------------
 * Child Separator: " · "
 * ----------------------------------------------------------------------------- */
.u-sep-dot > *::after {
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: #53585a;
  display: inline-block;
  position: relative;
  bottom: 3px;
  margin: 0 10px;
}
.u-sep-dot > *:last-of-type::after {
  content: none;
}

/* -----------------------------------------------------------------------------
 *
 * Clearfix
 *
 * ----------------------------------------------------------------------------- */
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* -----------------------------------------------------------------------------
 *
 * Hide from screenreaders & browsers
 *
 * ----------------------------------------------------------------------------- */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

/* -----------------------------------------------------------------------------
 *
 * Hide from browsers & show for screenreaders
 *
 * ----------------------------------------------------------------------------- */
.u-visual-hide,
.u-screen-reader-text,
.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* -----------------------------------------------------------------------------
 *
 * Show for browsers & screenreaders
 *
 * ----------------------------------------------------------------------------- */
.u-visual-show {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* -----------------------------------------------------------------------------
 *
 * Helpers: Typography
 *
 * ----------------------------------------------------------------------------- */
/* Base */
/* -----------------------------------------------------------------------------
 *
 * Font: Name
 *
 * WEIGHTS & STYLES:
 *
 * Light    (300)
 * Regular  (400)
 * Semibold (600)
 * Bold     (700)
 *
 * ----------------------------------------------------------------------------- */
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Light.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Light.woff?v=cf07eeb") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-LightIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-LightIt.woff?v=cf07eeb") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Regular.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Regular.woff?v=cf07eeb") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-RegularIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-RegularIt.woff?v=cf07eeb") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-SemiBold.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-SemiBold.woff?v=cf07eeb") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-SemiBoldIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-SemiBoldIt.woff?v=cf07eeb") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Bold.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Bold.woff?v=cf07eeb") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-BoldIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-BoldIt.woff?v=cf07eeb") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Black.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-Black.woff?v=cf07eeb") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna Sans";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-BlackIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-sans/CallunaSans-BlackIt.woff?v=cf07eeb") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Light.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Light.woff?v=cf07eeb") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Regular.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Regular.woff?v=cf07eeb") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-RegularIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-RegularIt.woff?v=cf07eeb") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Semibold.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Semibold.woff?v=cf07eeb") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-SemiboldIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-SemiboldIt.woff?v=cf07eeb") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Bold.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Bold.woff?v=cf07eeb") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-BoldIt.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-BoldIt.woff?v=cf07eeb") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
}
@font-face {
  font-family: "Calluna";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Black.woff2?v=cf07eeb") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/calluna-serif/Calluna-Black.woff?v=cf07eeb") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: fallback;
}
/* -----------------------------------------------------------------------------
 *
 * Font Icons: Icons (via IcoMoon)
 *
 * ----------------------------------------------------------------------------- */
/* stylelint-disable */
@font-face {
  font-family: "core-icons";
  src: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/icons-core/core-icons.woff2?v=h4v3je") format("woff2"), url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/fonts/icons-core/core-icons.woff?v=h4v3je") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "core-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-success::before {
  content: "";
}

.icon-selector::before {
  content: "";
}

.icon-lock::before {
  content: "";
}

.icon-link::before {
  content: "";
}

.icon-at::before {
  content: "";
}

.icon-arrow::before {
  content: "";
}

.icon-whitepaper::before {
  content: "";
}

.icon-announcement::before {
  content: "";
}

.icon-notification::before {
  content: "";
}

.icon-facebook::before {
  content: "";
}

.icon-instagram::before {
  content: "";
}

.icon-youtube::before {
  content: "";
}

.icon-hashtag::before {
  content: "";
}

.icon-twitter::before {
  content: "";
}

.icon-lion::before {
  content: "";
}

.icon-shield::before {
  content: "";
}

.icon-a-z::before {
  content: "";
}

.icon-calendar::before {
  content: "";
}

.icon-directory::before {
  content: "";
}

.icon-stream::before {
  content: "";
}

.icon-arrow-left::before {
  content: "";
}

.icon-arrow-right::before {
  content: "";
}

.icon-arrow-up::before {
  content: "";
}

.icon-arrow-down::before {
  content: "";
}

.icon-plus::before {
  content: "";
}

.icon-minus::before {
  content: "";
}

.icon-check::before {
  content: "";
}

.icon-cross::before {
  content: "";
}

.icon-search::before {
  content: "";
}

.icon-chevron-down::before {
  content: "";
}

.icon-chevron-left::before {
  content: "";
}

.icon-chevron-right::before {
  content: "";
}

.icon-chevron-up::before {
  content: "";
}

.icon-play::before {
  content: "";
}

.icon-location::before {
  content: "";
}

.icon-mail::before {
  content: "";
}

.icon-print::before {
  content: "";
}

.icon-twitter-two::before {
  content: "";
}

.icon-facebook-two::before {
  content: "";
}

.icon-linkedin::before {
  content: "";
}

.icon-youtube-two::before {
  content: "";
}

.icon-instagram-two::before {
  content: "";
}

.icon-pinterest::before {
  content: "";
}

/* -----------------------------------------------------------------------------
 *
 * Font Icons: Custom Icons
 *
 * ----------------------------------------------------------------------------- */
.icon-letter {
  display: inline-block;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 13px;
  font-weight: 700;
  width: 13px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* -----------------------------------------------------------------------------
 *
 * SVG Icons: Icons (via PostCSS Inline SVG)
 *
 * ----------------------------------------------------------------------------- */
.svgicon {
  background-size: contain;
  background-repeat: no-repeat;
}

/* -----------------------------------------------------------------------------
 *
 * Globals: HTML & Body
 *
 * ----------------------------------------------------------------------------- */
html {
  background: #fff;
}

body {
  background: #fff;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

body.scrollable {
  overflow-x: auto;
  overflow-y: auto;
}

/* -----------------------------------------------------------------------------
 *
 * Globals: Font & Color
 *
 * ----------------------------------------------------------------------------- */
body,
form,
button,
input,
select,
textarea {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  font-family: "Calluna", "Big Caslon", "Cambria", serif;
  color: #242121;
}

/* -----------------------------------------------------------------------------
 *
 * Globals: Print
 *
 * ----------------------------------------------------------------------------- */
.print-element {
  display: none;
}

/* Grid */
/* -----------------------------------------------------------------------------
 *
 * Grid: Base
 *
 * Example Markup:
 *
 * <div class="site-grid__row">
 *	  <div class="site-grid__container">
 *		<div class="site-grid__col">
 *			<p>Component or another grid layout, perhaps?</p>
 *		</div>
 *	  </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */
.site-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 960px) {
  .site-grid {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.site-grid__wrapper {
  display: flex;
  flex-direction: column;
  max-width: 1230px;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__wrapper {
    flex-direction: row;
  }
}

.site-grid__wrapper-stagger .site-grid__col .t-content {
  display: block;
  width: auto;
}
.site-grid__wrapper-stagger .site-grid__col .t-content > * {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.site-grid__wrapper-stagger .site-grid__col .t-content > ol, .site-grid__wrapper-stagger .site-grid__col .t-content > ul {
  padding-left: calc(30px * 2);
}
.site-grid__wrapper-stagger .site-grid__col .t-content .wp-image,
.site-grid__wrapper-stagger .site-grid__col .t-content .wp-embed {
  max-width: none !important;
}
.stagger-media-contained .site-grid__wrapper-stagger .site-grid__col .t-content .wp-image,
.stagger-media-contained .site-grid__wrapper-stagger .site-grid__col .t-content .wp-embed {
  max-width: 800px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Wrapper Bleed
 * ----------------------------------------------------------------------------- */
.site-grid__wrapper--bleed {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Layouts: Layout Types
 *
 * ----------------------------------------------------------------------------- */
.site-grid__layout {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__layout {
    flex-direction: row;
  }
}
.site-grid__layout > .site-grid__col {
  flex: none;
  margin: 0 20px 20px 0;
}
@media (min-width: 768px) {
  .site-grid__layout > .site-grid__col {
    margin: 0 30px 30px 0;
  }
}

/* -----------------------------------------------------------------------------
 * Grid: Center columns in layout.
 * ----------------------------------------------------------------------------- */
.site-grid__layout--center {
  justify-content: center;
}

@media (min-width: 960px) {
  .site-grid__layout--sidebar-horizontal .page-content {
    max-width: 45em;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Layout: Two Column */
@media (min-width: 768px) {
  .site-grid__layout--2-col > .site-grid__col {
    width: calc(50% - (30px - (30px / 2)));
  }
  .site-grid__layout--2-col > .site-grid__col:nth-child(2n) {
    margin-right: 0;
  }
  .site-grid__layout--2-col > .site-grid__col:last-child {
    margin-right: 0;
  }
}

/* Layout: Three Column */
@media (min-width: 768px) {
  .site-grid__layout--3-col > .site-grid__col {
    width: calc(100% / 3 - (30px - (30px / 3)));
  }
  .site-grid__layout--3-col > .site-grid__col:nth-child(2n) {
    margin-right: 30px;
  }
  .site-grid__layout--3-col > .site-grid__col:nth-child(3n) {
    margin-right: 0;
  }
  .site-grid__layout--3-col > .site-grid__col:last-child {
    margin-right: 0;
  }
}

/* Layout: Four Column */
@media (min-width: 768px) {
  .site-grid__layout--4-col > .site-grid__col {
    width: calc(25% - (30px - (30px / 4)));
  }
  .site-grid__layout--4-col > .site-grid__col:nth-child(2n) {
    /* Handles the two column small class if added to 4 column layout. */
    margin-right: 30px;
  }
  .site-grid__layout--4-col > .site-grid__col:nth-child(4n) {
    margin-right: 0;
  }
  .site-grid__layout--4-col > .site-grid__col:last-child {
    margin-right: 0;
  }
}

/* Layout: Sidebar */
@media (min-width: 960px) {
  .site-grid__layout--sidebar-none > .site-grid__col:first-child {
    width: calc(70% - (30px - (30px / 2)));
    margin-left: 15%;
  }
}

.site-grid__layout--sidebar-right {
  grid-gap: 20px;
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-right > .site-grid__col:first-child {
    margin-right: 20px;
    width: calc(70% - (20px - (20px / 2)));
  }
}
@media (min-width: 1200px) {
  .site-grid__layout--sidebar-right > .site-grid__col:first-child {
    width: calc(75% - (20px - (20px / 2)));
  }
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-right > .site-grid__col:last-child {
    width: calc(30% - (20px - (20px / 2)));
  }
}
@media (min-width: 1200px) {
  .site-grid__layout--sidebar-right > .site-grid__col:last-child {
    width: calc(25% - (20px - (20px / 2)));
  }
}
@media viewport-full {
  .site-grid__layout--sidebar-right {
    grid-gap: 30px;
  }
}
@media viewport-full and (min-width: 960px) {
  .site-grid__layout--sidebar-right > .site-grid__col:first-child {
    margin-right: 30px;
    width: calc(70% - (30px - (30px / 2)));
  }
}
@media viewport-full and (min-width: 1200px) {
  .site-grid__layout--sidebar-right > .site-grid__col:first-child {
    width: calc(75% - (30px - (30px / 2)));
  }
}
@media viewport-full and (min-width: 960px) {
  .site-grid__layout--sidebar-right > .site-grid__col:last-child {
    width: calc(30% - (30px - (30px / 2)));
  }
}
@media viewport-full and (min-width: 1200px) {
  .site-grid__layout--sidebar-right > .site-grid__col:last-child {
    width: calc(25% - (30px - (30px / 2)));
  }
}

.site-grid__layout--sidebar-right-wide-gutter {
  grid-gap: 60px;
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:first-child {
    margin-right: 60px;
    width: calc(70% - (60px - (60px / 2)));
  }
}
@media (min-width: 1200px) {
  .site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:first-child {
    width: calc(75% - (60px - (60px / 2)));
  }
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
    width: calc(30% - (60px - (60px / 2)));
  }
}
@media (min-width: 1200px) {
  .site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
    width: calc(25% - (60px - (60px / 2)));
  }
}

.site-grid__layout--sidebar-right > .site-grid__col:last-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
  order: -1;
  margin-bottom: 0;
  margin-top: 30px;
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-right > .site-grid__col:last-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
    order: 2;
    margin-top: 0;
    margin-bottom: auto;
  }
}
@supports (display: grid) {
  .site-grid__layout--sidebar-right,
.site-grid__layout--sidebar-right-wide-gutter {
    display: grid;
    grid-template-columns: 1fr;
  }
  .site-grid__layout--sidebar-right > .site-grid__col:last-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
    order: -1;
  }
  .site-grid__layout--sidebar-right > .site-grid__col,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col {
    width: auto;
  }
  .site-grid__layout--sidebar-right > .site-grid__col:first-child, .site-grid__layout--sidebar-right > .site-grid__col:last-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:first-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    width: auto;
  }
  @media (min-width: 960px) {
    .site-grid__layout--sidebar-right,
.site-grid__layout--sidebar-right-wide-gutter {
      grid-template-columns: 70fr 30fr;
    }
    .site-grid__layout--sidebar-right > .site-grid__col:last-child,
.site-grid__layout--sidebar-right-wide-gutter > .site-grid__col:last-child {
      order: initial;
    }
  }
  @media (min-width: 1200px) {
    .site-grid__layout--sidebar-right,
.site-grid__layout--sidebar-right-wide-gutter {
      grid-template-columns: 75fr 25fr;
    }
  }
}

/* Layout: Sidebar Left */
.site-grid__layout--sidebar-left {
  flex-direction: row;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-left > .site-grid__col:first-child {
    margin-right: 30px;
    width: calc(30% - (30px - (30px / 2)));
  }
}
@media (min-width: 960px) {
  .site-grid__layout--sidebar-left > .site-grid__col:last-child {
    width: calc(70% - (30px - (30px / 2)));
  }
}

/* Layout: a grid, with the right side larger than the left */
.site-grid__layout--weighted-right .c-content-block {
  min-height: 300px;
  flex: 1 0 50%;
}
@supports (display: grid) {
  .site-grid__layout--weighted-right {
    display: grid;
    grid-template-areas: "one" "two" "three" "four";
    grid-gap: 20px;
  }
  @media (min-width: 960px) {
    .site-grid__layout--weighted-right {
      grid-gap: 30px;
      grid-template-areas: "one three" "one four" "two four";
      grid-template-columns: 0.45fr 0.55fr;
      grid-template-rows: 3fr 2fr 3fr;
      height: 830px;
    }
  }
  .site-grid__layout--weighted-right .c-content-block--1 {
    grid-area: one;
  }
  .site-grid__layout--weighted-right .c-content-block--2 {
    grid-area: two;
  }
  .site-grid__layout--weighted-right .c-content-block--3 {
    grid-area: three;
  }
  .site-grid__layout--weighted-right .c-content-block--4 {
    grid-area: four;
  }
}

/* Layout: Masonry (Blog) */
.site-grid__masonry--css {
  column-count: 1;
  column-gap: 1em;
  margin-top: 1em;
}
@media (min-width: 768px) {
  .site-grid__masonry--css {
    column-count: 3;
  }
}
.site-grid__masonry--css .grid-post-item {
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 1em;
}

/* -----------------------------------------------------------------------------
 *
 * Grid: Columns
 *
 * ----------------------------------------------------------------------------- */
.site-grid__col {
  margin-bottom: 20px;
  min-width: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__col {
    flex: 1;
    margin: 0 30px 30px 0;
  }
  .site-grid__col:last-child {
    margin-right: 0;
  }
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Flex 2
 * ----------------------------------------------------------------------------- */
.site-grid__col--flex-2 {
  flex: 2;
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column Overflow Hidden
 * ----------------------------------------------------------------------------- */
.site-grid__col--overflow-hide {
  overflow: hidden;
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column Safari weirdness
 * ----------------------------------------------------------------------------- */
.site-grid__col-safari-fix {
  align-items: center;
  display: flex;
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column Vertical Align
 * ----------------------------------------------------------------------------- */
.site-grid__col--vertical-align {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column (Keeps column at a fixed width of 33.33%.)
 * ----------------------------------------------------------------------------- */
.site-grid__col--one-third {
  flex: none;
}
@media (min-width: 768px) {
  .site-grid__col--one-third {
    width: calc(100% / 3);
  }
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column (Keeps column at a fixed width of 25%.)
 * ----------------------------------------------------------------------------- */
.site-grid__col--one-fourth {
  flex: none;
}
@media (min-width: 768px) {
  .site-grid__col--one-fourth {
    width: 25%;
  }
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column (Keeps column at a fixed width of 50%.)
 * ----------------------------------------------------------------------------- */
.site-grid__col--one-half {
  flex: none;
}
@media (min-width: 768px) {
  .site-grid__col--one-half {
    width: 50%;
  }
}

/* -----------------------------------------------------------------------------
 * Grid: Modifier Column (Keeps column at a fixed width of 75%.)
 * ----------------------------------------------------------------------------- */
.site-grid__col--three-fourths {
  flex: none;
}
@media (min-width: 768px) {
  .site-grid__col--three-fourths {
    width: 75%;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Grid: Helpers
 *
 * ----------------------------------------------------------------------------- */
/* Center column. */
.site-grid__center {
  justify-content: center;
}

/* Pull column to the left. */
.site-grid__pull-left {
  justify-content: flex-start;
}

/* Pull column to the right. */
.site-grid__pull-right {
  justify-content: flex-end;
}

/* Remove gutters */
.site-grid__no-gutters > .site-grid__col {
  margin: 0;
}
.site-grid__no-gutters > .site-grid__col:nth-child(2n), .site-grid__no-gutters > .site-grid__col:nth-child(3n), .site-grid__no-gutters > .site-grid__col:nth-child(4n) {
  margin-right: 0;
}

.site-grid__no-gutters-btm > .site-grid__col:nth-child(3n), .site-grid__no-gutters-btm > .site-grid__col:nth-child(4n),
.site-grid__no-gutters-btm .site-grid__wrapper > .site-grid__col:nth-child(3n),
.site-grid__no-gutters-btm .site-grid__wrapper > .site-grid__col:nth-child(4n) {
  margin-bottom: 0;
}

.site-grid__layout--2-col.site-grid__no-gutters > .site-grid__col {
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__layout--2-col.site-grid__no-gutters > .site-grid__col {
    width: 50%;
  }
}

.site-grid__layout--3-col.site-grid__no-gutters > .site-grid__col {
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__layout--3-col.site-grid__no-gutters > .site-grid__col {
    width: calc(100% / 3);
  }
}

.site-grid__layout--4-col.site-grid__no-gutters > .site-grid__col {
  width: 100%;
}
@media (min-width: 768px) {
  .site-grid__layout--4-col.site-grid__no-gutters > .site-grid__col {
    width: 25%;
  }
}

/* Layouts */
.l-site-wrapper {
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(1, 0, 0, 1);
}

#maincontent {
  padding: 0;
  min-height: 85vh;
}
@media (min-width: 960px) {
  #maincontent {
    padding: 100px 0 0;
  }
  body.home:not(.is-department-site) #maincontent {
    padding: 0;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Layout: Global Content Wrap
 *
 * ----------------------------------------------------------------------------- */
.l-wrapper {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
.l-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .l-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.l-wrapper-max {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.l-wrapper-max::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .l-wrapper-max {
    margin-left: 1em;
    margin-right: 1em;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Layout: Staggered
 *
 * Notes: This should be paired up with (inside a) .l-wrapper wrapper
 *
 * Usage: Post, Page, WYSIWYG Content
 *
 * Screenshot: https://cloudup.com/ctCRZpIxpbt
 *
 * Example:
 * <div class="l-wrapper">
 *   <div class="l-wrapper__inner-stagger">
 *     ...
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */
.l-wrapper__inner-stagger > * {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* -----------------------------------------------------------------------------
 *
 * Layout: Staggered, Double
 *
 * Notes: This should be paired up with (inside a) .l-wrapper wrapper
 *
 * Usage: Post, Page, WYSIWYG Content
 *
 * Screenshot: https://cloudup.com/ctCRZpIxpbt
 *
 * Example:
 * <div class="l-wrapper">
 *   <div class="l-wrapper__inner-stagger-double">
 *     ...
 *   </div>
 * </div>
 *
 * ----------------------------------------------------------------------------- */
.l-wrapper__inner-stagger-double {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.l-wrapper__inner-stagger-double > * {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

/* Sections */
/* -----------------------------------------------------------------------------
 *
 * Section: Base
 *
 * Example Markup:
 *
 * <section class="site-section">
 *		<div class="site-section__wrapper">
 *			<header class="site-section__header">
 *				<h2 class="site-section__title">Site Section</h2>
 *				<div class="site-section__desc"><p>Site Section Description</p></div>
 *			</header>
 *			<article class="site-section__content">
 *				<p>Grid layout or single component goes here.</p>
 *			</article>
 *			<footer class="site-section__footer">
 *				<a href="#" class="btn">CTA Button</a>
 *			</footer>
 *		</div>
 * </section>
 *
 * ----------------------------------------------------------------------------- */
.site-section {
  position: relative;
  width: 100%;
}

.site-section__wrapper {
  max-width: 1230px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .site-section__wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.site-section__inner {
  padding-bottom: 60px;
  padding-top: 60px;
}
.site-section__inner.site-section__inner--top-padding-minimal {
  padding-top: 2em;
}
.site-section__inner.site-section__inner--top-padding-none {
  padding-top: 0;
}
.site-section__inner.site-section__inner--bottom-padding-minimal {
  padding-bottom: 2em;
}
.site-section__inner.site-section__inner--bottom-padding-none {
  padding-bottom: 0;
}

.site-section.site-section__bg--gray {
  background-color: #f7f5f2;
}

.site-section.site-section__bg--white {
  background-color: #fff;
}

.site-section__inner--no-padding {
  padding: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Section: Header
 *
 * ----------------------------------------------------------------------------- */
.site-section__header {
  padding-bottom: 60px;
}
.site-section__inner--top-padding-minimal .site-section__header {
  padding-bottom: 2em;
}
.site-section__inner--top-padding-none .site-section__header {
  padding-bottom: 0;
}
.site-section__header .site-section__title {
  margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Section: Titles
 *
 * ----------------------------------------------------------------------------- */
.site-section__title {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 36px;
  line-height: 1.11;
}
@media (min-width: 768px) {
  .site-section__title {
    font-size: 54px;
  }
}
.t-content .site-section__title {
  margin-top: 0;
}

.site-section__title--center {
  text-align: center;
}

.site-section__title--sm {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}

/* -----------------------------------------------------------------------------
 *
 * Section: Descriptions
 *
 * ----------------------------------------------------------------------------- */
.site-section__desc p:first-of-type {
  margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Section: Content
 *
 * ----------------------------------------------------------------------------- */
.site-section__content {
  position: relative;
}

.site-section__content--padding {
  padding: 20px;
}
@media (min-width: 960px) {
  .site-section__content--padding {
    padding: 60px;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Section: Media
 *
 * ----------------------------------------------------------------------------- */
.site-section__bg-img {
  background: center center no-repeat;
  background-size: cover;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.site-section__bg-img--m-stack {
  padding-bottom: 100%;
  position: static;
}
@media (min-width: 960px) {
  .site-section__bg-img--m-stack {
    padding-bottom: 0;
    position: absolute;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Section: Footer
 *
 * ----------------------------------------------------------------------------- */
.site-section__footer {
  padding-top: 60px;
  text-align: center;
}

/* Content */
/* -------------------------------------------------------------------------
 *
 * Content: "Kitchen Sink"
 *
 * Notes:
 * + "t-content" is what used to be "context-content"
 *
 * ------------------------------------------------------------------------- */
/* CASE: remove top margin from first element */
.t-content > *:first-child {
  margin-top: 0;
}

/* CASE: remove bottom margin from bottom element */
.t-content > *:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------------------------------------
 *
 * Theme: Dark
 *
 * Notes:
 * + Used by default in general, so not much probably needed here
 * + This can be used anywhere or can be paired up with .t-content
 * + Also see the other base partials for use of this class as a parent
 *   selector (media, typography, etc.)
 *
 * Example:
 * <div class="t-content--dark">
 *   ...
 *   <div class="t-content">
 *     ...
 *   </div>
 * </div>
 *
 * Example:
 * <div class="t-content t-content--dark">
 *   ...
 * </div>
 *
 * ------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
 *
 * Theme: Light
 *
 * Notes:
 * + This can be used anywhere or can be paired up with .t-content
 * + Also see the other base partials for use of this class as a parent
 *   selector (media, typography, etc.)
 *
 * Example:
 * <div class="t-content--light">
 *   ...
 *   <div class="t-content">
 *     ...
 *   </div>
 * </div>
 *
 * Example:
 * <div class="t-content t-content--light">
 *   ...
 * </div>
 *
 * ------------------------------------------------------------------------- */
.t-content.t-content--light {
  color: #fff;
}
.t-content.t-content--light * {
  color: #fff;
}
.t-content.t-content--light a.btn,
.t-content.t-content--light .btn {
  color: #242121;
}
.t-content.t-content--light a.btn:hover,
.t-content.t-content--light .btn:hover {
  color: #e4a01b;
}

/* Typography */
.t-content h1,
.t-content h2,
.t-content h3,
.t-content h4,
.t-content h5,
.t-content h6 {
  color: #242121;
}

.t-content h1,
.t-content h2,
.t-content h3,
.t-content h4,
.t-content h5,
.t-content h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.t-content h1 a,
.t-content h2 a,
.t-content h3 a,
.t-content h4 a,
.t-content h5 a,
.t-content h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

.t-content p + h1, .t-content p + h2, .t-content p + h3, .t-content p + h4, .t-content p + h5, .t-content p + h6, .t-content p + .h1, .t-content p + .h2, .t-content p + .h3, .t-content p + .h4, .t-content p + .h5, .t-content p + .h6,
.t-content .p + h1,
.t-content .p + h2,
.t-content .p + h3,
.t-content .p + h4,
.t-content .p + h5,
.t-content .p + h6,
.t-content .p + .h1,
.t-content .p + .h2,
.t-content .p + .h3,
.t-content .p + .h4,
.t-content .p + .h5,
.t-content .p + .h6,
.t-content ul + h1,
.t-content ul + h2,
.t-content ul + h3,
.t-content ul + h4,
.t-content ul + h5,
.t-content ul + h6,
.t-content ul + .h1,
.t-content ul + .h2,
.t-content ul + .h3,
.t-content ul + .h4,
.t-content ul + .h5,
.t-content ul + .h6,
.t-content .list-bullet + h1,
.t-content .list-bullet + h2,
.t-content .list-bullet + h3,
.t-content .list-bullet + h4,
.t-content .list-bullet + h5,
.t-content .list-bullet + h6,
.t-content .list-bullet + .h1,
.t-content .list-bullet + .h2,
.t-content .list-bullet + .h3,
.t-content .list-bullet + .h4,
.t-content .list-bullet + .h5,
.t-content .list-bullet + .h6,
.t-content ol + h1,
.t-content ol + h2,
.t-content ol + h3,
.t-content ol + h4,
.t-content ol + h5,
.t-content ol + h6,
.t-content ol + .h1,
.t-content ol + .h2,
.t-content ol + .h3,
.t-content ol + .h4,
.t-content ol + .h5,
.t-content ol + .h6,
.t-content .list-number + h1,
.t-content .list-number + h2,
.t-content .list-number + h3,
.t-content .list-number + h4,
.t-content .list-number + h5,
.t-content .list-number + h6,
.t-content .list-number + .h1,
.t-content .list-number + .h2,
.t-content .list-number + .h3,
.t-content .list-number + .h4,
.t-content .list-number + .h5,
.t-content .list-number + .h6,
.t-content dl + h1,
.t-content dl + h2,
.t-content dl + h3,
.t-content dl + h4,
.t-content dl + h5,
.t-content dl + h6,
.t-content dl + .h1,
.t-content dl + .h2,
.t-content dl + .h3,
.t-content dl + .h4,
.t-content dl + .h5,
.t-content dl + .h6,
.t-content .dl + h1,
.t-content .dl + h2,
.t-content .dl + h3,
.t-content .dl + h4,
.t-content .dl + h5,
.t-content .dl + h6,
.t-content .dl + .h1,
.t-content .dl + .h2,
.t-content .dl + .h3,
.t-content .dl + .h4,
.t-content .dl + .h5,
.t-content .dl + .h6 {
  margin-top: 2rem;
}

/* -------------------------------------------------------------------------
 * Heading: H1
 * ------------------------------------------------------------------------- */
.h1,
.t-content .h1,
.t-content h1 {
  font-size: 2.667em;
  line-height: 1.083;
  margin-bottom: 0.5em;
}
@media (min-width: 768px) {
  .h1,
.t-content .h1,
.t-content h1 {
    font-size: 4em;
    line-height: 1.08;
    margin-bottom: 0.444em;
  }
}

/* -------------------------------------------------------------------------
 * Heading: H2
 * ------------------------------------------------------------------------- */
.h2,
.t-content .h2,
.t-content h2 {
  font-size: 2em;
  line-height: 1.11;
  margin-bottom: 0.556em;
}

/* -------------------------------------------------------------------------
 * Heading: H3
 * ------------------------------------------------------------------------- */
.h3,
.t-content .h3,
.t-content h3 {
  font-size: 1.778em;
  line-height: 1.125;
  margin-bottom: 0.625em;
}

/* -------------------------------------------------------------------------
 * Heading: H4
 * ------------------------------------------------------------------------- */
.h4,
.t-content .h4,
.t-content h4 {
  font-size: 1.444em;
  line-height: 1.15;
  margin-bottom: 0.625em;
}

/* -------------------------------------------------------------------------
 * Heading: H5
 * ------------------------------------------------------------------------- */
.h5,
.t-content .h5,
.t-content h5 {
  font-size: 1.222em;
  line-height: 1.09;
  margin-bottom: 0.727em;
}
@media (min-width: 768px) {
  .h5,
.t-content .h5,
.t-content h5 {
    font-size: 1.333em;
    line-height: 1.16;
  }
}

/* -------------------------------------------------------------------------
 * Heading: H6
 * ------------------------------------------------------------------------- */
.h6,
.t-content .h6,
.t-content h6 {
  font-size: 0.889em;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 0.938em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
@media (min-width: 768px) {
  .h6,
.t-content .h6,
.t-content h6 {
    font-size: 1em;
    line-height: 1.11;
  }
}

hr {
  border-top: 1px solid #808080;
}
.t-content hr {
  margin: 50px auto;
}

/* -------------------------------------------------------------------------
 * Global Lists
 * ------------------------------------------------------------------------- */
.t-content ul,
.t-content ol,
.t-content dl {
  font-size: 16px;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 1.5em;
}
@media (min-width: 768px) {
  .t-content ul,
.t-content ol,
.t-content dl {
    font-size: 18px;
  }
}
.t-content ul:empty,
.t-content ol:empty,
.t-content dl:empty {
  margin: 0 !important;
  padding: 0 !important;
}
@media (min-width: 768px) {
  .t-content ul,
.t-content ol,
.t-content dl {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 2em;
  }
}

.t-content h1 + ul, .t-content h1 + ol, .t-content h1 + dl,
.t-content h2 + ul,
.t-content h2 + ol,
.t-content h2 + dl,
.t-content h3 + ul,
.t-content h3 + ol,
.t-content h3 + dl,
.t-content h4 + ul,
.t-content h4 + ol,
.t-content h4 + dl,
.t-content h5 + ul,
.t-content h5 + ol,
.t-content h5 + dl,
.t-content h6 + ul,
.t-content h6 + ol,
.t-content h6 + dl {
  margin-top: 1em;
}

.t-content li,
.list-bullet li,
.list-number li {
  padding-left: 0.5em;
}

.list-bullet,
.list-number,
.t-content ul,
.t-content ol {
  padding-left: 0.5em;
  padding-right: 0;
}
@media (min-width: 768px) {
  .list-bullet,
.list-number,
.t-content ul,
.t-content ol {
    padding-left: 0;
    padding-right: 3em;
  }
}
.list-bullet .list-number,
.list-bullet .list-bullet,
.list-bullet ol,
.list-bullet ul,
.list-number .list-number,
.list-number .list-bullet,
.list-number ol,
.list-number ul,
.t-content ul .list-number,
.t-content ul .list-bullet,
.t-content ul ol,
.t-content ul ul,
.t-content ol .list-number,
.t-content ol .list-bullet,
.t-content ol ol,
.t-content ol ul {
  margin-top: 0.5em;
  margin-bottom: 0.75em;
}

.t-content p + ul,
.t-content p + .list-bullet,
.t-content p + ol,
.t-content p + .list-number,
.t-content p + dl,
.t-content p + .dl,
.t-content .p + ul,
.t-content .p + .list-bullet,
.t-content .p + ol,
.t-content .p + .list-number,
.t-content .p + dl,
.t-content .p + .dl {
  margin-top: 1em;
}

/* -------------------------------------------------------------------------
 * UL
 * ------------------------------------------------------------------------- */
.list-bullet,
.t-content ul {
  list-style: disc outside;
}

/* -------------------------------------------------------------------------
 * OL
 * ------------------------------------------------------------------------- */
.list-number,
.t-content ol {
  list-style: decimal outside;
}

/* -------------------------------------------------------------------------
 * DL
 * ------------------------------------------------------------------------- */
.dl,
.t-content dl {
  margin-top: 24px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .dl,
.t-content dl {
    margin-top: 43px;
  }
}

.dt,
.t-content dt {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
@media (min-width: 768px) {
  .dt,
.t-content dt {
    font-size: 18px;
    text-transform: none;
  }
}

.dd,
.t-content dd {
  margin-bottom: 15px;
}

/* -------------------------------------------------------------------------
 * Iconified list
 * ------------------------------------------------------------------------- */
.list-icon {
  list-style: none;
  margin: 20px 0 0;
}
.list-icon li {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  list-style: none;
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
}
.list-icon li::before {
  color: #6e3a5d;
  display: block;
  font-family: "core-icons";
  font-size: 12px;
  height: auto;
  left: auto;
  margin-left: -20px;
  position: absolute;
  width: 5px;
}
.list-icon li:last-child {
  margin-bottom: 0;
}
.list-icon li.chevron-right {
  padding-left: 0;
}
.list-icon li.chevron-right::before {
  color: #242121;
  content: "";
  height: 9px;
  top: 5px;
}
.list-icon li.whitepaper::before {
  color: #242121;
  content: "";
  font-size: 28px;
  margin-left: -40px;
}
.list-icon li.calendar::before {
  color: #242121;
  content: "";
  font-size: 28px;
  margin-left: -40px;
}
.list-icon li a {
  border: none;
  font-weight: 600;
}
.list-icon li span {
  display: block;
}
.list-icon.list-icon--latest li a {
  position: relative;
  top: -12px;
}

.list-icon + .cta {
  margin-top: 20px;
}

/* -------------------------------------------------------------------------
 * Grid list layout
 * ------------------------------------------------------------------------- */
.list-grid,
.t-content .list-grid {
  display: grid;
  padding-right: 0;
}

.list-grid--two-column {
  grid-column-gap: 1.5em;
}
@media (min-width: 768px) {
  .list-grid--two-column {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2em;
  }
}

/* -------------------------------------------------------------------------
 * Unstyled list layout
 * ------------------------------------------------------------------------- */
.list-unstyled,
ul.list-unstyled,
ol.list-unstyled,
.t-content ol.list-unstyled,
.t-content ul.list-unstyled,
.t-content .list-unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-unstyled li,
ul.list-unstyled li,
ol.list-unstyled li,
.t-content ol.list-unstyled li,
.t-content ul.list-unstyled li,
.t-content .list-unstyled li {
  padding: 0;
}

/* -------------------------------------------------------------------------
 * Inline list layout
 * ------------------------------------------------------------------------- */
.list-unstyled-inline,
ul.list-unstyled-inline,
ol.list-unstyled-inline,
.t-content ol.list-unstyled-inline,
.t-content ul.list-unstyled-inline,
.t-content .list-unstyled-inline {
  list-style: none;
  padding: 0;
  margin: 0;
}
.list-unstyled-inline li,
ul.list-unstyled-inline li,
ol.list-unstyled-inline li,
.t-content ol.list-unstyled-inline li,
.t-content ul.list-unstyled-inline li,
.t-content .list-unstyled-inline li {
  padding: 0;
  display: inline-block;
}

p {
  font-size: 16px;
}
@media (min-width: 768px) {
  p {
    font-size: 18px;
  }
}

.t-content p,
.t-content .p {
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 1.35em;
}
@media (min-width: 768px) {
  .t-content p,
.t-content .p {
    font-family: "Calluna", "Big Caslon", "Cambria", serif;
    font-size: 18px;
    line-height: 1.6666;
  }
}

.t-content p.p-intro,
.t-content .p-intro > p:first-of-type,
.p-intro > p:first-of-type .t-content .p.p-intro,
.t-content .p-intro > .p:first-of-type,
.p-intro > .p:first-of-type {
  font-size: 22px;
  line-height: 1.27;
}
@media (min-width: 768px) {
  .t-content p.p-intro,
.t-content .p-intro > p:first-of-type,
.p-intro > p:first-of-type .t-content .p.p-intro,
.t-content .p-intro > .p:first-of-type,
.p-intro > .p:first-of-type {
    font-size: 28px;
    line-height: 1.28;
  }
}

.dropcap::first-letter,
.t-content--dropcap > p:first-of-type::first-letter {
  float: left;
  font-size: 48px;
  padding: 12px 8px 0 0;
  line-height: 0.6;
}
@media (min-width: 600px) {
  .dropcap::first-letter,
.t-content--dropcap > p:first-of-type::first-letter {
    font-size: 60px;
    padding: 16px 8px 0 0;
  }
}

.t-content .blockquote,
.t-content blockquote,
.t-content .quote,
.t-content q {
  margin: 15px auto;
}
@media (min-width: 768px) {
  .t-content .blockquote,
.t-content blockquote,
.t-content .quote,
.t-content q {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.l-wrapper__inner-stagger .blockquote,
.l-wrapper__inner-stagger blockquote,
.l-wrapper__inner-stagger .quote,
.l-wrapper__inner-stagger q {
  max-width: 877px;
}

.quote,
.t-content q {
  padding-top: 16px;
  padding-bottom: 56px;
  font-size: 30px;
  line-height: 1.33;
  display: block;
}

.blockquote,
.t-content blockquote {
  border-left: 8px solid #e4a01b;
  padding: 20px 0 20px 25px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.blockquote, .blockquote p,
.t-content blockquote,
.t-content blockquote p {
  color: #242121;
  font-size: 18px;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .blockquote, .blockquote p,
.t-content blockquote,
.t-content blockquote p {
    font-size: 24px;
  }
}
.blockquote p,
.t-content blockquote p {
  margin: 0;
}
.blockquote p ~ p,
.t-content blockquote p ~ p {
  margin-top: 30px;
}
.blockquote cite,
.t-content blockquote cite {
  color: #242121;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}

.cite,
.t-content cite {
  display: block;
  font-size: 14px;
  font-style: normal;
  font-family: "Calluna", "Big Caslon", "Cambria", serif;
  line-height: 1.28;
  margin-top: 32px;
  text-align: center;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
@media (min-width: 768px) {
  .cite,
.t-content cite {
    font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.11;
    margin-top: 40px;
  }
}

.pullquote {
  border-left: 8px solid #e4a01b;
  padding: 20px 0 20px 25px;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}
.pullquote q {
  margin: 0;
  padding: 0;
}
.pullquote.pullquote__titled cite {
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 900;
  color: #242121;
  text-align: left;
}
.pullquote.pullquote__titled q {
  font-size: 18px;
  color: #242121;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .pullquote.pullquote__titled q {
    font-size: 24px;
  }
}
.pullquote.pullquote__quote q {
  font-size: 24px;
  color: #242121;
  font-weight: 600;
  letter-spacing: 0.72px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .pullquote.pullquote__quote q {
    font-size: 30px;
  }
}
.pullquote.pullquote__quote cite {
  margin-top: 12px;
  font-size: 16px;
  color: #53585a;
  font-style: italic;
  text-align: left;
  text-transform: capitalize;
  font-weight: 600;
}

/* -----------------------------------------------------------------------------
 * Table
 * ----------------------------------------------------------------------------- */
.table,
.t-content table {
  font-size: 16px;
  margin: 30px auto;
  border-top: 1px solid #f7f5f2;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
@media (min-width: 768px) {
  .table,
.t-content table {
    table-layout: auto;
  }
}

.table--compact td,
.table--compact th,
.t-content .table--compact td,
.t-content .table--compact th {
  padding: 0.25em 0.5em;
}

/* -----------------------------------------------------------------------------
 * TH
 * ----------------------------------------------------------------------------- */
.th,
.t-content th {
  background-color: #ebebeb;
  border-bottom: 1px solid #f7f5f2;
  color: #242121;
  padding: 14px 1em 12px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125;
}
@media (min-width: 768px) {
  .th,
.t-content th {
    font-size: 18px;
    line-height: 1.11;
  }
}
.th ~ th,
.t-content th ~ th {
  border-left: 1px solid #f7f5f2;
}

/* -----------------------------------------------------------------------------
 * TR
 * ----------------------------------------------------------------------------- */
thead .tr,
thead .t-content tr {
  border-bottom: 1px solid #f7f5f2;
}
.tr ~ tr,
.t-content tr ~ tr {
  border-top: 1px solid #f7f5f2;
}

.table--striped .tr:nth-of-type(even),
.t-content .table--striped tr:nth-of-type(even) {
  background-color: #fff;
}
.table--striped .tr:nth-of-type(odd),
.t-content .table--striped tr:nth-of-type(odd) {
  background-color: #f7f5f2;
}

/* -----------------------------------------------------------------------------
 * TD
 * ----------------------------------------------------------------------------- */
.td,
.t-content td {
  padding: 12px 1em 10px;
  font-size: 16px;
  line-height: 1.375;
  margin-bottom: 1.35em;
}
@media (min-width: 768px) {
  .td,
.t-content td {
    font-family: "Calluna", "Big Caslon", "Cambria", serif;
    font-size: 18px;
    line-height: 1.6666;
  }
}
.td ~ td,
.t-content td ~ td {
  border-left: 1px solid #f7f5f2;
}

mark {
  background: #e4a01b;
  color: #242121;
}

/* Media */
/* -----------------------------------------------------------------------------
 * Media: Images
 * ----------------------------------------------------------------------------- */
img {
  margin-left: auto;
  margin-right: auto;
}
.t-content img {
  line-height: 0;
  height: auto;
  display: block;
  /* Messes with WP editor image resizing
  and don't think it's needed
  width: auto; */
}

.t-content .size-core-full {
  max-width: 1170px;
  width: 100vw;
  margin-left: -20px;
}
@media (min-width: 768px) {
  .t-content .size-core-full {
    margin-left: -30px;
  }
}
@media (min-width: 960px) {
  .t-content .size-core-full {
    width: calc(100vw - 60px);
    margin-left: -22.5%;
  }
}

/* -----------------------------------------------------------------------------
 * Media: Wrapper
 * ----------------------------------------------------------------------------- */
.wp-image {
  width: auto;
  max-width: 100%;
  margin: 42px auto 0;
}
@media (min-width: 768px) {
  .wp-image {
    margin-top: 56px;
  }
}

figure.wp-caption {
  width: auto !important;
}

/* -----------------------------------------------------------------------------
 * Media: Image Captions
 * ----------------------------------------------------------------------------- */
.wp-caption-text {
  color: #53585a;
  font-size: 15px;
  font-style: italic;
  margin: 10px 0 0;
  line-height: 1.26;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 600;
}

/* -----------------------------------------------------------------------------
 * Media: Alignments
 * ----------------------------------------------------------------------------- */
@media (min-width: 768px) {
  .aligncenter,
.alignnone {
    margin-top: 56px;
  }
}

.alignnone {
  margin: 42px 0;
}

.aligncenter {
  margin: 42px auto;
}

.alignleft,
.alignright {
  margin: 0 auto 36px;
}
@media (min-width: 768px) {
  .alignleft,
.alignright {
    margin: 0 0 30px;
    max-width: 30%;
  }
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .alignright {
    float: right;
    margin-left: 30px;
  }
}

/* -----------------------------------------------------------------------------
 * Media: Borders
 * ----------------------------------------------------------------------------- */
.image--outline {
  border: solid 2px #00827e;
  border-radius: 10px;
  box-shadow: 2px 2px 4px rgba(36, 33, 33, 0.25);
}

.wp-embed {
  break-inside: avoid-column;
}
.t-content .wp-embed {
  margin: 50px auto;
  max-width: none;
}

/* CASE: Lazyloaded embed */
.wp-embed--lazy {
  height: 100%;
}

/* CASE: Non-lazyloaded embed */
.wp-embed-wrap {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.wp-embed-wrap > * {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wp-embed-wrap::before {
  position: relative;
  display: block;
  content: "";
  padding-top: 56.25%;
  box-sizing: border-box;
}
.wp-embed-wrap iframe,
.wp-embed-wrap object,
.wp-embed-wrap embed {
  width: 100%;
  height: 100%;
}

.wp-embed-lazy {
  background: #333;
  /* CASE: Low Resolution */
}
.wp-embed-lazy br,
.wp-embed-lazy p {
  display: none;
}
.wp-embed-lazy--low-res .wp-embed-lazy .wp-embed-lazy__image {
  margin-top: -9.4%;
}
.wp-embed-lazy .wp-embed-lazy__image {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: all 0.25s ease-in-out;
}
.wp-embed-lazy .wp-embed-lazy__title {
  transition: all 0.25s ease-in-out;
  opacity: 0;
}
.wp-embed-lazy:hover .wp-embed-lazy__title, .wp-embed-lazy:focus-within .wp-embed-lazy__title {
  opacity: 1;
}
.wp-embed-lazy:hover .wp-embed-lazy__image, .wp-embed-lazy:focus-within .wp-embed-lazy__image {
  filter: blur(5px) brightness(0.5);
}

.wp-embed-lazy__trigger {
  display: block;
  height: 100%;
  transition: all 0.15s ease-in-out;
  /* CASE: embed is playing */
}
.wp-embed-lazy__trigger:focus .wp-embed-lazy__icon, .wp-embed-lazy__trigger:hover .wp-embed-lazy__icon {
  background-color: #242121;
  transition: all 0.15s ease-in-out;
}
.wp-embed-lazy--is-playing .wp-embed-lazy__trigger {
  opacity: 0;
  transition: opacity 0.25s ease-out;
}

.wp-embed-lazy__trigger-label {
  display: none;
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  letter-spacing: 0.02em;
  color: #242121;
  font-size: 14px;
  /* CASE: Mobile */
}
.wp-embed-lazy--small .wp-embed-lazy__trigger-label {
  color: #fff;
  width: 100%;
  bottom: 15%;
  position: absolute;
  text-align: center;
}

.wp-embed-lazy__caption {
  border-radius: 50%;
  color: #fff;
  left: 50%;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
  /* CASE: lazyloaded */
  /* CASE: Mobile */
}
.lazyloaded ~ .wp-embed-lazy__caption {
  opacity: 1;
  transition: opacity 250ms 300ms ease-in;
}
.wp-embed-lazy--small .wp-embed-lazy__caption {
  border: 0;
  padding: 0;
  width: 100%;
  height: auto;
  max-width: 100%;
  left: 50%;
  bottom: auto;
  top: 50%;
}

.wp-embed-lazy__icon {
  background-color: #e4a01b;
  border-radius: 50%;
  display: inline-block;
  font-size: 30px;
  opacity: 0.9;
  padding: 10px;
  transition: all 0.15s ease-in-out;
  /* CASE: Mobile */
}
.wp-embed-lazy__icon::before {
  display: inline-block;
  position: relative;
  left: 3px;
  top: 1px;
}
.wp-embed-lazy--small .wp-embed-lazy__icon {
  left: 50%;
}
@media (min-width: 768px) {
  .wp-embed-lazy__icon {
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .wp-embed-lazy__icon {
    font-size: 40px;
    left: 50%;
    padding: 20px;
  }
}

.wp-embed-lazy__title {
  display: none;
  font-size: 14px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 700;
  margin-top: 15px;
  letter-spacing: 0.025em;
  line-height: 1.16;
  padding: 0 20px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  transition: 0.25s ease-in-out;
}
@media (min-width: 768px) {
  .wp-embed-lazy__title {
    display: block;
    font-size: 18px;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .wp-embed-lazy__title {
    font-size: 22px;
  }
}

@media (min-width: 960px) {
  .c-video .embed-youtube iframe {
    width: 100%;
    display: block;
  }
}

.animated-anchors a.wp-embed-lazy__trigger {
  position: static;
  display: block;
}

.gallery {
  margin: 0 calc(10px * -1px);
}
@media (min-width: 768px) {
  .gallery {
    margin: 0 calc(15px * -1px);
  }
}
.t-content .gallery {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* -----------------------------------------------------------------------------
 * Media: Gallery Item
 * ----------------------------------------------------------------------------- */
.gallery-item {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 0 10px;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .gallery-item {
    padding: 0 15px;
    margin: 15px 0;
  }
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.gallery-item a {
  display: block;
  line-height: 0;
  text-decoration: none;
}

/* -----------------------------------------------------------------------------
 * Media: Gallery Item Captions
 * ----------------------------------------------------------------------------- */
.wp-playlist {
  border: 1px solid #e5e4e4;
}

.mejs-overlay-play:focus .mejs-overlay-button, .mejs-overlay-play:hover .mejs-overlay-button {
  background-color: #242121;
  transition: all 0.15s ease-in-out;
}

.mejs-overlay-button {
  background-image: none;
  background-color: #e4a01b;
  border-radius: 50%;
  display: block;
  height: 40px;
  margin: 0;
  left: 50%;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.15s ease-in-out;
  width: 40px;
}
@media (min-width: 768px) {
  .mejs-overlay-button {
    height: 120px;
    width: 120px;
  }
}
.mejs-overlay-button::before {
  color: #fff;
  content: "";
  font-family: "core-icons";
  font-size: 20px;
  left: 50%;
  margin-left: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .mejs-overlay-button::before {
    font-size: 60px;
  }
}

.wp-playlist-item {
  border-bottom: 1px solid #e5e4e4;
}
.wp-playlist-item .wp-playlist-caption,
.wp-playlist-item .wp-playlist-item-length {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  padding: 10px 0;
}
.wp-playlist-item a {
  border-bottom: none;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

/* Components */
/* -----------------------------------------------------------------------------
 *
 * Components
 *
 * This file is just a clearing-house.
 * Make partials (start with an underscore) for any actual css code.
 *
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Components: Base
 *
 * w/ Demo Styles
 *
 * ----------------------------------------------------------------------------- */
/* For staging purposes. */
.c-default {
  background-color: #f5f5f5;
  height: 100%;
  padding: 30px;
  text-align: center;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Social Follow
 *
 * ----------------------------------------------------------------------------- */
.c-social-follow {
  margin-top: 10px;
}
.c-social-follow .c-social-follow__list {
  display: flex;
  flex-direction: row;
}
.c-social-follow li {
  flex: 1;
  max-width: 50px;
}
.c-social-follow li + li {
  margin-left: 10px;
}
.c-social-follow a {
  color: #e4a01b;
  font-size: 28px;
}
.c-social-follow a:focus, .c-social-follow a:hover {
  color: #f7c55a;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Cards
 *
 * ----------------------------------------------------------------------------- */
.c-card {
  position: relative;
}

.c-card--featured {
  margin-top: 20px;
}
@media (min-width: 600px) {
  .c-card--featured {
    position: relative;
    min-height: 225px;
    display: flex;
    flex-flow: row wrap;
  }
  .c-card--featured .c-card__header {
    flex: 0 1 53.5%;
    padding-top: 80px;
  }
  .c-card--featured .c-card__image {
    flex: 0 1 46.5%;
  }
}
@media (min-width: 768px) {
  .c-card--featured {
    min-height: 300px;
  }
}

div[role=img].c-card__image {
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #bebab9;
}
div[role=img].c-card__image > * {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div[role=img].c-card__image::before {
  position: relative;
  display: block;
  content: "";
  padding-top: 56.25%;
  box-sizing: border-box;
}

figure.c-card__image img {
  object-fit: cover;
  width: 100%;
  background-color: #bebab9;
  height: 100%;
}

.c-card__header {
  padding: 20px;
  background-color: #f5f5f5;
  color: #242121;
  transition: all 150ms ease-in-out;
}

.c-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-card__link:hover {
  border-bottom: 0;
}

.c-card__category {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  padding: 6px;
  margin-bottom: 10px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  transition: padding 150ms ease-in-out;
}
.c-card:hover .c-card__category {
  padding-left: 0;
}

.c-card__title {
  font-size: 18px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  line-height: 24px;
}

.c-card__content {
  margin-top: 20px;
  padding: 0;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Category List
 *
 * ----------------------------------------------------------------------------- */
.categories-list {
  border: 2px solid #f7f5f2;
}
@media (min-width: 768px) {
  .categories-list {
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
    margin-top: 20px;
    border: 0;
  }
}

.categories-list__item {
  padding: 0;
}
@media (min-width: 768px) {
  .categories-list__item {
    display: block;
    flex: 1 1 auto;
  }
}

.categories-list__link {
  transition: all 0.15s ease-in-out;
  width: auto;
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  height: auto;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  padding: 0;
  border-radius: 2px;
  border-radius: 0;
  text-align: center;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  display: block;
  font-size: 12px;
  margin: 3px;
  padding: 17px 10px;
  background-color: #e0dad6;
  color: #242121;
}
@media (min-width: 768px) {
  .categories-list__link {
    padding: 19px 10px;
  }
  .categories-list__link, .categories-list__link:hover, .categories-list__link:active {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .categories-list__link {
    font-size: 13px;
  }
}
.categories-list__link.current, .categories-list__link:hover, .categories-list__link:focus, .categories-list__link:active {
  background-color: #242121;
  color: #fff;
}

.categories-list__placeholder.btn {
  display: block;
  position: relative;
  background-color: #f7f5f2;
  color: #242121;
  width: 100%;
}
.categories-list__placeholder.btn:hover, .categories-list__placeholder.btn:focus {
  background-color: #e0dad6;
  color: #242121;
}
@media (min-width: 768px) {
  .categories-list__placeholder.btn {
    display: none;
  }
}
.categories-list__placeholder::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 8px;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 6px solid #242121;
}

.blog-category-nav-mobile .blog-category-nav-mobile__select {
  max-height: 50px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.15s ease-in-out;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .blog-category-nav-mobile .blog-category-nav-mobile__select {
    max-height: 100%;
    border: 0;
    margin-top: 0;
  }
}
.blog-category-nav-mobile.blog-category-nav-active .blog-category-nav-mobile__select {
  transition: max-height 0.15s ease-in-out;
  max-height: 1000px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Social Share
 *
 * ----------------------------------------------------------------------------- */
.social-share {
  position: relative;
  background-color: #e0dad6;
}
.single-post .social-share {
  padding: 17px;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
@media (min-width: 600px) {
  .single-post .social-share {
    flex: 1 1 150px;
    padding: 20px 40px 15px 0;
  }
  .single-post .social-share::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50px;
    border-left: 50px solid transparent;
    border-bottom: 300px solid #e0dad6;
    width: 0;
    height: 0;
  }
}
@media (min-width: 1200px) {
  .single-post .social-share {
    flex: 0 1 235px;
    padding-right: 58px;
  }
  .single-post .social-share::before {
    left: -100px;
    border-left: 100px solid transparent;
  }
}

.social-share__title {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 15px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  margin-bottom: 7px;
}
@media (min-width: 600px) {
  .social-share__title {
    text-align: left;
    padding-left: 10px;
  }
}
@media (min-width: 768px) {
  .social-share__title {
    padding-left: 0;
  }
}

.social-share-networks {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 600px) {
  .social-share-networks {
    justify-content: space-between;
  }
}

.social-share-networks__item {
  display: inline-block;
  padding-left: 0;
}

.social-share-networks__anchor {
  color: #6e3a5d;
  display: block;
  padding: 10px;
  font-size: 25px;
}
.social-share-networks__anchor:visited {
  color: #a5578c;
}
.social-share-networks__anchor:active, .social-share-networks__anchor:hover, .social-share-networks__anchor:focus {
  color: #242121;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .social-share-networks__anchor {
    padding-left: 4px;
    padding-right: 4px;
  }
}

/* -----------------------------------------------------------------------------
 *
 * Component: Search Form
 *
 * ----------------------------------------------------------------------------- */
.search-form,
.search-form > label {
  position: relative;
  margin: 0;
}

.widget_search {
  margin-bottom: 20px;
  padding: 10px 20px;
}

.search-field {
  background: #fff;
  border: none;
  color: #53585a;
  font-size: 14px;
  font-family: "Calluna", "Big Caslon", "Cambria", serif;
  font-style: italic;
  letter-spacing: 0.1em;
  margin: 0 auto;
  outline: none;
  padding: 12px;
  width: 100%;
}

.search-submit {
  background-repeat: no-repeat;
  background-position: top left;
  background-color: white;
  background-image: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/img/backgrounds/search-grey-darker.svg?v=1");
  background-size: contain;
  color: transparent;
  border: none;
  cursor: pointer;
  height: 25px;
  outline: none;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 12px;
  width: 25px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Faculty
 *
 * ----------------------------------------------------------------------------- */
.c-faculty--full {
  background: #f7f5f2;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 500px) {
  .c-faculty--full {
    flex-direction: row;
  }
}

.c-faculty__img {
  max-height: 280px;
  width: 200px;
  overflow: hidden;
  position: relative;
  transition: 0.25s ease-in-out;
  border-radius: 0.25rem;
  align-self: center;
  margin: 0 auto;
}
@media (min-width: 500px) {
  .c-faculty__img {
    align-self: flex-start;
    margin: 0;
  }
}
.c-faculty__img img {
  width: 100%;
  height: 100%;
}
.c-faculty__img::after {
  background: none;
  border-right: 1000px solid transparent;
  border-left: 1000px solid transparent;
  border-bottom-color: #00827e;
  border-bottom: 150px solid #f7c55a;
  content: "";
  height: 0;
  left: -1000px;
  opacity: 1;
  position: absolute;
  top: -150px;
  width: 0;
  z-index: 2;
  bottom: 0;
  left: -40px;
  right: auto;
  top: auto;
  transition: 0.25s ease-in-out;
  transform-origin: bottom left;
}
.c-faculty__img:hover::after {
  transform: rotate(9deg);
}

.c-faculty__info {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
@media (min-width: 500px) {
  .c-faculty__info {
    margin-left: 1rem;
  }
}

.c-faculty__detail {
  flex: 1;
}

.c-faculty--full .c-faculty__name {
  font-weight: 600;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 500px) {
  .c-faculty--full .c-faculty__name {
    text-align: left;
    font-size: 1.2em;
  }
  .page-template-page-faculty-staff .c-faculty--full .c-faculty__name {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .c-faculty--full .c-faculty__name {
    font-size: 1.75em;
  }
}

.c-faculty--full .c-faculty__title {
  margin-bottom: 0;
  font-family: inherit;
}

.c-faculty__contact-group {
  margin-bottom: 0.25rem;
}
.c-faculty__contact-group + .c-faculty__contact-group {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-top: solid 2px #e0dad6;
}
.c-faculty__contact-group + .c-faculty__contact-group + .c-faculty__contact-item {
  padding-top: 0.25rem;
  border-top: solid 2px #e0dad6;
}

.c-faculty--full .c-faculty__title,
.c-faculty__departments li,
.c-faculty__contact-item {
  line-height: 1.2;
  margin-top: 0;
}
.c-faculty--full .c-faculty__title:last-child,
.c-faculty__departments li:last-child,
.c-faculty__contact-item:last-child {
  margin-bottom: 0;
}

.c-faculty--full .c-faculty__title,
.c-faculty__contact-item {
  margin-bottom: 0.25rem;
  font-size: 1.1em;
}
@media (min-width: 500px) {
  .c-faculty--full .c-faculty__title,
.c-faculty__contact-item {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  .c-faculty--full .c-faculty__title,
.c-faculty__contact-item {
    font-size: 1.1em;
  }
}

ul.c-faculty__departments {
  margin-bottom: -0.25em !important;
  font-size: 0.9em;
}
@media (min-width: 500px) {
  ul.c-faculty__departments {
    font-size: 0.8em;
  }
}
@media (min-width: 768px) {
  ul.c-faculty__departments {
    font-size: 0.8em;
  }
}
ul.c-faculty__departments li {
  display: inline-block;
}
ul.c-faculty__departments a.c-faculty__department {
  border: solid 1px rgba(110, 58, 93, 0.3);
  padding: 0.5em;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 0.25em;
  color: #6e3a5d;
}
@media (min-width: 500px) {
  ul.c-faculty__departments a.c-faculty__department {
    padding: 0.35em;
  }
}
ul.c-faculty__departments a.c-faculty__department:visited {
  color: #6e3a5d;
}
ul.c-faculty__departments a.c-faculty__department:hover, ul.c-faculty__departments a.c-faculty__department:focus {
  background-color: #6e3a5d;
  border-color: #6e3a5d;
  color: white;
}

.c-faculty__ext,
.c-faculty__email {
  font-variant-numeric: lining-nums;
}

.c-faculty__icon {
  font-size: 12px;
  text-align: center;
}

.c-faculty .icon-letter,
.c-faculty__icon {
  width: 18px;
  display: inline-block;
}

a.c-faculty__phone,
a.c-faculty__email {
  color: #6e3a5d;
  border: 0;
}

.c-faculty__contact-item {
  padding-left: 18px;
}

.c-faculty__link {
  padding-left: 5px;
}

.c-faculty__contact-item .icon-letter,
.c-faculty__contact-item .c-faculty__icon {
  margin-left: -18px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Calendar
 *
 * ----------------------------------------------------------------------------- */
.c-calendar {
  background: #f7f5f2;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all 0.15s ease-in-out;
  position: relative;
}
.c-calendar:hover, .c-calendar:focus {
  transform: translate(0, -4px);
}
.c-calendar:hover .c-calendar__title,
.c-calendar:hover .c-calendar__location, .c-calendar:focus .c-calendar__title,
.c-calendar:focus .c-calendar__location {
  color: #6e3a5d;
}

.c-calendar__header {
  background: #83dbe0;
  padding: 10px 20px;
}

.c-calendar__link {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.c-calendar__link:focus {
  outline: solid 2px #6e3a5d;
  border: solid 2px #f7f5f2;
}

.c-calendar__date {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
@media (min-width: 768px) {
  .c-calendar__date {
    font-size: 14px;
  }
}
@media (min-width: 960px) {
  .c-calendar__date {
    font-size: 18px;
  }
}

.c-calendar__title {
  padding: 20px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 28px;
  line-height: 1.1;
  flex: 1;
}
@media (min-width: 768px) {
  .c-calendar__title {
    font-size: 18px;
  }
}
@media (min-width: 960px) {
  .c-calendar__title {
    font-size: 28px;
  }
}

.c-calendar__location {
  display: flex;
  align-items: center;
  padding: 20px;
  vertical-align: middle;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .c-calendar__location {
    font-size: 12px;
  }
}
@media (min-width: 960px) {
  .c-calendar__location {
    font-size: 18px;
  }
}
.c-calendar__location > .icon {
  padding-right: 20px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Social
 *
 * ----------------------------------------------------------------------------- */
.c-social {
  background-color: #233746;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.15s ease-in-out;
  overflow: hidden;
}
.c-social:hover, .c-social:focus {
  transform: translate(0, -4px);
}
.c-social p {
  font-size: inherit;
  margin-bottom: 0.25em;
}

.c-social__link {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.c-social__link:focus {
  outline: solid 2px #233746;
  border: solid 2px #fff;
}

.c-social__img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-social__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.c-social__img::before {
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.c-social__content {
  padding: 30px;
  position: absolute;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 22px;
  line-height: 1.35;
  word-break: break-word;
}
.c-social__content a::before {
  content: " ";
}

.c-social__handle {
  position: absolute;
  bottom: 30px;
  margin-left: 15px;
}
.c-social__handle span {
  color: #fff;
  margin-left: 15px;
  vertical-align: middle;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Stat
 *
 * ----------------------------------------------------------------------------- */
.c-stat {
  background: #f7f5f2;
  display: flex;
  flex-direction: column;
  padding: 30px;
  text-align: center;
  width: 100%;
  transition: background-color 0.15s ease-in-out;
}
@supports (display: grid) {
  .c-stat {
    height: 100%;
  }
}

.c-stat__link {
  display: flex;
  flex-direction: column;
  width: calc(100% + 60px);
  height: calc(100% + 60px);
  padding: 30px;
  margin: -30px;
}
.c-stat__link:hover .c-stat__number {
  color: inherit;
}
.c-stat__link .c-stat__desc {
  text-decoration: underline;
}

.c-stat__number {
  display: block;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-variant-numeric: lining-nums;
  font-size: 48px;
}
@media (min-width: 960px) {
  .c-stat__number {
    font-size: 72px;
  }
}

.c-stat__desc {
  font-size: 18px;
  font-style: italic;
  line-height: 1.4;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Caption
 *
 * ----------------------------------------------------------------------------- */
.c-caption {
  width: 100%;
}

.c-caption__img {
  margin-bottom: 20px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Image
 *
 * ----------------------------------------------------------------------------- */
.c-image::before {
  padding-bottom: 100%;
}

.c-image--rect::before {
  padding-bottom: 70%;
}

.c-image--custom::before {
  padding-bottom: calc(100% / (var(--aspect-ratio, 1)));
}

.c-image {
  position: relative;
}
.c-image::before {
  content: "";
  display: block;
}
.c-image > :first-child {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.c-image > img {
  height: auto;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Text
 *
 * ----------------------------------------------------------------------------- */
.c-text {
  width: 100%;
}

.post-tag {
  display: inline-block;
  transition: all 0.15s ease-in-out;
  font-size: 13px;
  margin-bottom: 3px;
  margin-right: 3px;
}
.post-tag:last-child {
  margin-right: 0;
}
.post-tag a {
  display: inline-block;
  transition: all 0.15s ease-in-out;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  padding: 4px 8px;
}
.post-tag a:active, .post-tag a:focus {
  border-bottom: 0;
}
.post-tag a:hover, .post-tag a:focus {
  background-color: #242121;
  color: #fff;
}

.post-tag--underline {
  margin-right: 8px;
  margin-bottom: 8px;
}
.post-tag--underline a {
  padding: 2px 4px;
  border-bottom: solid 2px #e4a01b;
}
.post-tag--underline a:hover, .post-tag--underline a:focus {
  background-color: #f7c55a;
  border-bottom: solid 2px #f7c55a;
  color: #242121;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Video
 *
 * ----------------------------------------------------------------------------- */
.c-video {
  height: 100%;
  width: 100%;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Breadcrumbs
 *
 * ----------------------------------------------------------------------------- */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  margin: 2em 0 4em;
  list-style: none;
  padding: 0;
}
.breadcrumbs-wrapper .breadcrumbs {
  margin-bottom: 0;
}
.breadcrumbs li {
  padding: 0;
  display: inline-block;
}
.breadcrumbs:empty {
  margin: 0;
}

.breadcrumbs > .menu-item + .menu-item::before {
  content: " / ";
  margin: 0 4px;
  display: inline-block;
  font-size: inherit;
}

.breadcrumbs > .menu-item {
  font-size: 14px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.breadcrumbs > .menu-item:last-child {
  font-weight: 700;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Filters
 *
 * ----------------------------------------------------------------------------- */
.loop-filters {
  padding: 24px 0;
}
@media (min-width: 768px) {
  .loop-filters {
    display: flex;
    align-items: center;
  }
}

.loop-filters__form::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 768px) {
  .loop-filters__form {
    width: calc(75% - 20px);
    flex: 3 1 auto;
    margin-right: 20px;
  }
}

@media (min-width: 500px) {
  .loop-filters__orderby {
    width: 50%;
    float: left;
  }
}

.loop-filters__multimedia {
  text-align: right;
  margin-top: 12px;
}
@media (min-width: 500px) {
  .loop-filters__multimedia {
    margin-top: 7px;
    width: 50%;
    float: left;
  }
}

.loop-filters-onoffswitch__wrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 80px;
  user-select: none;
}

.loop-filters-onoffswitch__label-text {
  display: inline-block;
  vertical-align: middle;
  font-style: italic;
  font-size: 14px;
  margin-right: 8px;
}

.loop-filters-multimedia {
  display: none;
}

.loop-filters-onoffswitch__label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #53585a;
  border-radius: 20px;
}

.loop-filters-onoffswitch__inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.loop-filters-onoffswitch__inner::before,
.loop-filters-onoffswitch__inner::after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 32px;
  font-size: 14px;
  color: white;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 600;
  box-sizing: border-box;
}

.loop-filters-onoffswitch__inner::before {
  content: "ON";
  padding-left: 10px;
  background-color: #e4a01b;
  color: #fff;
  text-align: left;
}

.loop-filters-onoffswitch__inner::after {
  content: "OFF";
  padding-right: 10px;
  background-color: #53585a;
  color: #fff;
}

.loop-filters-onoffswitch__outer {
  display: block;
  width: 34px;
  margin: 0;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 46px;
  border: 1px solid #53585a;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.loop-filters-multimedia:checked + .loop-filters-onoffswitch__label {
  border: 1px solid #e4a01b;
}
.loop-filters-multimedia:checked + .loop-filters-onoffswitch__label .loop-filters-onoffswitch__inner {
  margin-left: 0;
}
.loop-filters-multimedia:checked + .loop-filters-onoffswitch__label .loop-filters-onoffswitch__outer {
  right: 0;
  border: 1px solid #e4a01b;
}

.loop-filters__reset {
  display: block;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  margin: 6px 0;
  padding: 16px 18px;
  line-height: 1;
  width: auto;
  transition: all 150ms ease-in-out;
}
@media (min-width: 768px) {
  .loop-filters__reset {
    flex: 0 1 auto;
  }
}
.loop-filters__reset:link, .loop-filters__reset:visited {
  color: #fff;
  background-color: #242121;
}
.loop-filters__reset .icon-cross {
  display: inline-block;
  font-family: "core-icons";
  vertical-align: baseline;
  font-size: 11px;
  margin-right: 2px;
}
.loop-filters__reset:hover, .loop-filters__reset:focus {
  color: #fff;
  background-color: #ca870d;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Content Block
 *
 * ----------------------------------------------------------------------------- */
.c-content-block {
  overflow: hidden;
  position: relative;
  display: grid;
}
@media (min-width: 960px) {
  .c-content-block:hover .c-content-block__wrap, .c-content-block:focus-within .c-content-block__wrap {
    opacity: 1;
  }
  .c-content-block:hover .c-content-block__content, .c-content-block:focus-within .c-content-block__content {
    transform: translateY(0);
  }
}

.c-content-block__wrap {
  bottom: 0;
  left: 0;
  position: relative;
  width: 100%;
  transition: opacity 0.25s ease-in-out;
}
@media (min-width: 960px) {
  .c-content-block__wrap {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .c-content-block__wrap::before {
    content: "";
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.c-content-block__wrap::after {
  border-bottom: 60px solid;
  border-left: 250px solid transparent;
  border-right: 400px solid transparent;
  content: "";
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  top: -60px;
  left: -100px;
}
@media (min-width: 600px) {
  .c-content-block__wrap::after {
    border-bottom: 100px solid;
    border-left: 100px solid transparent;
    border-right: 800px solid transparent;
    top: -100px;
  }
}
@media (min-width: 960px) {
  .c-content-block__wrap::after {
    border: none;
  }
}

.c-content-block__content {
  padding: 0 20px 20px;
  position: relative;
  transition: all 0.25s ease-in-out;
}
@media (min-width: 600px) {
  .c-content-block__content {
    padding: 0 40px 40px;
  }
}
@media (min-width: 960px) {
  .c-content-block__content {
    background: none;
    bottom: 40px;
    left: 40px;
    padding: 10px 40px 0 0;
    position: absolute;
    transform: translateY(60%);
  }
}

.c-content-block__img {
  height: 100%;
  width: 100%;
}
@supports (object-fit: cover) {
  .c-content-block__img img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 960px) {
  .c-content-block__img {
    padding: 0;
    position: absolute;
    height: auto;
    width: auto;
    top: 0;
    right: 0;
    bottom: calc(20px + 1em);
    left: 0;
  }
}

.c-content-block__preview {
  display: none;
}
@media (min-width: 960px) {
  .c-content-block__preview {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin-bottom: 0;
    font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
    font-size: 1em;
    line-height: 1.11;
    font-weight: 700;
    font-variant-numeric: lining-nums;
  }
}

.c-content-block__title {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 30px;
  margin-bottom: 10px;
}

.c-content-block__desc {
  font-family: "Calluna", "Big Caslon", "Cambria", serif;
  margin-bottom: 20px;
}

/* -----------------------------------------------------------------------------
 *
 * Components: Alerts
 *
 * ----------------------------------------------------------------------------- */
.c-sto-alert {
  position: relative;
  z-index: 10;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-variant: lining-nums;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(1, 0, 0, 1);
  overflow: hidden;
}
.page-template-page-department-landing-page .site-grid .c-sto-alert {
  margin-top: 30px;
}

@media (min-width: 768px) {
  .c-sto-alert__content-wrap {
    display: flex;
    flex-flow: row nowrap;
  }
}

.c-sto-alert__title {
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.06);
  z-index: 1;
}
.page-template-page-department-landing-page .c-sto-alert__title {
  background-color: rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .c-sto-alert__title {
    flex: 0 1 220px;
    padding: 14px 30px;
    display: flex;
    align-items: center;
    align-content: flex-start;
  }
}
.c-sto-alert__title .c-sto-alert__icon {
  font-size: 30px;
  flex: 0 1 30px;
  margin: 0 10px 0 0;
}
.c-sto-alert__title .c-sto-alert__link,
.c-sto-alert__title .c-sto-alert__text {
  font-weight: 700;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  flex: 0 1 auto;
}

.c-sto-alert__content {
  display: block;
  padding: 10px 20px;
}
@media (min-width: 768px) {
  .c-sto-alert__content {
    flex: 1 1 auto;
    padding: 14px 60px 14px 20px;
    display: flex;
    align-items: center;
  }
}

.c-sto-alert--stream {
  position: relative;
  display: block;
  padding: 20px;
  margin-top: 0;
}
.c-sto-alert--stream .c-sto-alert__content-wrap {
  align-items: center;
}
.c-sto-alert--stream .c-sto-alert__title {
  background-color: transparent;
  flex: 1 1 100%;
  display: block;
}
@media (min-width: 768px) {
  .c-sto-alert--stream .c-sto-alert__title {
    display: flex;
    align-items: baseline;
  }
}
.c-sto-alert--stream .c-sto-alert__link,
.c-sto-alert--stream .c-sto-alert__text {
  display: block;
  margin-left: 43px;
  text-transform: none;
  margin-top: 15px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .c-sto-alert--stream .c-sto-alert__link,
.c-sto-alert--stream .c-sto-alert__text {
    margin-top: 0;
  }
}
.c-sto-alert--stream .c-sto-alert__link .icon-arrow-right,
.c-sto-alert--stream .c-sto-alert__text .icon-arrow-right {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  font-size: 20px;
}
.c-sto-alert--stream .c-sto-alert__link {
  white-space: nowrap;
}

.c-sto-stream-alert__icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 30px;
  position: relative;
  bottom: -6px;
}
@media (min-width: 768px) {
  .c-sto-stream-alert__icon {
    margin-right: 15px;
  }
}

.c-sto-stream-alert__badge {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-weight: 700;
  white-space: nowrap;
}

.c-sto-stream-alert__message {
  display: block;
  margin-left: 43px;
  font-size: 20px;
}
@media (min-width: 600px) {
  .c-sto-stream-alert__message {
    margin-left: 1em;
    display: inline-block;
    vertical-align: middle;
  }
}

.c-sto-alert__pattern {
  display: none;
}
@media (min-width: 960px) {
  .c-sto-alert__pattern {
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
  }
  .c-sto-alert__pattern svg {
    position: absolute;
    width: 100%;
    left: 20%;
    top: 20%;
    transform: translateY(-50%);
    fill: #e4a01b;
    /* Delete this style if dynamic options are restored. */
  }
}

/* -----------------------------------------------------------------------------
 *
 * Components: Tile
 *
 * ----------------------------------------------------------------------------- */
.c-tile {
  background: #f7f5f2;
  flex-direction: column;
  height: 100%;
  padding: 30px;
  text-align: center;
  width: 100%;
}

.c-tile .wp-embed:first-child {
  margin-top: 0;
}

.c-tile .wp-embed:last-child {
  margin-bottom: 0;
}

/* Content */
/* Header */
/* -----------------------------------------------------------------------------
 * Search
 * ----------------------------------------------------------------------------- */
.top-nav__search {
  display: none;
  overflow: hidden;
  padding: 0;
}
@media (min-width: 960px) {
  .top-nav__search {
    display: flex;
    align-items: center;
  }
}
.top-nav__search .top-nav__search-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 30px;
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
}

.mobile-nav__search {
  overflow: hidden;
  background: #242121;
  width: 100%;
  padding: 15px 30px;
}

.mobile-nav__search-wrap {
  position: relative;
  height: 40px;
}

.top-nav__search-wrap {
  width: 170px;
}

.top-nav__search .icon-search, .mobile-nav__search .icon-search {
  color: #979696;
  font-size: 18px;
  z-index: 6;
}
.mobile-nav__search .icon-search {
  position: absolute;
  left: 10px;
  top: 11px;
}
.top-nav__search .icon-search {
  margin-left: 7px;
  margin-top: -1px;
}

.top-nav__search input.site__search-input, .mobile-nav__search input.site__search-input {
  transition: all 0.15s ease-in-out;
  padding: 0 14px;
  border: 1px solid #e0dad6;
  border-radius: 4px;
  background-color: #fff;
  height: 45px;
  color: #242121;
  letter-spacing: normal;
  text-transform: none;
  font-variant-numeric: tabular-nums lining-nums;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  margin: 0;
  padding: 0 8px 0 38px;
  background-color: #2f2c2c;
  color: #dcd8d6;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  border-radius: 2px;
  border: 1px solid #2f2c2c;
  text-indent: 0 !important;
  transition: all 0.15s ease-in-out;
}
.top-nav__search input.site__search-input::-webkit-input-placeholder, .mobile-nav__search input.site__search-input::-webkit-input-placeholder {
  color: inherit;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-style: italic;
  font-size: inherit;
}
.top-nav__search input.site__search-input::-moz-placeholder, .mobile-nav__search input.site__search-input::-moz-placeholder {
  color: inherit;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-style: italic;
  font-size: inherit;
}
.top-nav__search input.site__search-input:-ms-input-placeholder, .mobile-nav__search input.site__search-input:-ms-input-placeholder {
  color: inherit;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-style: italic;
  font-size: inherit;
}
.top-nav__search input.site__search-input::placeholder, .mobile-nav__search input.site__search-input::placeholder {
  color: inherit;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-style: italic;
  font-size: inherit;
}
.top-nav__search input.site__search-input:focus, .mobile-nav__search input.site__search-input:focus {
  border-color: #e4a01b !important;
  box-shadow: none;
}
.mobile-nav__search input.site__search-input {
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0 8px 0 38px;
}
.top-nav__search input.site__search-input {
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  height: 100%;
  width: 170px;
  padding: 0 0 0 30px;
}

/* -----------------------------------------------------------------------------
 *
 * Header: Top bar that houses the resources and search on desktop, morphs to mobile header
 *
 * ----------------------------------------------------------------------------- */
.top-nav {
  background: #fff;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(1, 0, 0, 1);
  width: 100%;
  z-index: 6;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  min-height: 45px;
}
@media (min-width: 960px) {
  .top-nav {
    background: #242121;
    color: #fff;
  }
}
.top-nav .logo {
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
@media (min-width: 960px) {
  .top-nav .logo {
    display: none;
  }
}
.top-nav .logo a {
  height: 45px;
  width: 200px;
  background-image: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/img/logo-one-line-light-bg.svg?v=1");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.site-header {
  flex: none;
  display: none;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(1, 0, 0, 1);
}
@media (min-width: 960px) {
  .site-header {
    position: absolute;
    display: block;
    height: 100px;
    width: 100%;
    z-index: 6;
  }
}
.site-header .logo {
  float: left;
}
.site-header .global-nav {
  float: right;
}
@media (min-width: 960px) {
  body.home.is-root-site .site-header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, transparent 100%);
  }
}

.site-header .logo {
  height: 100px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 7;
}
.site-header .logo a {
  height: 100px;
  width: 290px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  transition: all 0.15s ease-in-out;
}
.site-header .logo a:focus {
  border: 0;
}

.site-header .logo a,
.site-header.global-nav__dropdown--active .logo a,
body.home.is-root-site .site-header.global-nav__dropdown--active .logo a {
  background-image: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/img/logo-one-line-light-bg.svg?v=1");
}

body.home.is-root-site .site-header .logo a {
  background-image: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/img/logo-one-line-dark-bg.svg?v=1");
}

.skip-link.u-visual-hide:focus {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 45px;
  z-index: 10;
  border: 0;
  top: 0;
  left: 0;
  margin: 0;
  text-align: center;
  font-weight: 700;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-size: 18px;
  clip: inherit;
  background: #e4a01b;
}
.admin-bar .skip-link.u-visual-hide:focus {
  top: 46px;
}
@media (min-width: 783px) {
  .admin-bar .skip-link.u-visual-hide:focus {
    top: 32px;
  }
}

/* WP Admin Bar */
#wpadminbar {
  position: fixed !important;
}

/* Navigation */
/* -----------------------------------------------------------------------------
 *
 * Navigation: Resources, the top nav bar in header
 *
 * ----------------------------------------------------------------------------- */
.resources-nav--desktop {
  display: none;
  padding: 0 35px;
  flex-flow: row wrap;
  align-items: stretch;
  flex: 1;
}
@media (min-width: 960px) {
  .resources-nav--desktop {
    display: flex;
  }
}
.resources-nav--desktop .menu-item {
  padding-right: 15px;
  min-height: 30px;
  display: flex;
}
.resources-nav--desktop .menu-item:last-child {
  padding-right: 0;
}
.resources-nav--desktop .menu-item__anchor {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  color: #e4a01b;
}
.resources-nav--desktop .menu-item__anchor:hover {
  color: #fff;
}
.resources-nav--desktop .menu-item__anchor:focus {
  border: 0;
  color: #fff;
}
.resources-nav--desktop .menu-item__anchor:focus .menu-item__text {
  border-bottom-color: #fff;
}
.resources-nav--desktop .menu-item__text {
  border-bottom: 1px solid transparent;
  transition: all 0.15s ease-in-out;
}

/* -----------------------------------------------------------------------------
 *
 * Navigation: Global menu as seen on desktop, main menu dropdowns
 *
 * ----------------------------------------------------------------------------- */
.global-nav {
  display: none;
}
@media (min-width: 960px) {
  .global-nav {
    display: block;
  }
}

.global-nav__list .menu-item {
  display: inline-block;
}
.global-nav__list .menu-item__anchor {
  height: 100px;
  display: flex;
  align-items: center;
  padding-right: 15px;
  font-weight: 700;
  font-size: 18px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  position: relative;
  z-index: 7;
  transition: none;
}
.global-nav__list .menu-item__anchor:hover, .global-nav__list .menu-item__anchor:focus {
  outline: 0;
  border: 0;
}
.global-nav__list .menu-item__anchor:hover .menu-item__text, .global-nav__list .menu-item__anchor:focus .menu-item__text {
  border-bottom-color: #e4a01b;
}
body.home.is-root-site .global-nav__list .menu-item__anchor {
  color: #fff;
}
body.home.is-root-site .global-nav__dropdown--active .global-nav__list .menu-item__anchor {
  color: #242121;
}
.global-nav__list .menu-item__text {
  border-bottom: 2px solid transparent;
  transition: all 0.15s ease-in-out;
}

.global-nav__dropdown {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 6;
  background: #f7f5f2;
  border-bottom: 1px solid #bebab9;
  transition: opacity 50ms ease-in-out;
}
.global-nav__dropdown[hidden] {
  z-index: 5;
  opacity: 0;
}
.global-nav__dropdown[hidden] .global-nav__dropdown-wrapper {
  display: none;
}

.global-nav__dropdown-wrapper {
  padding-top: 130px;
  padding-bottom: 30px;
  display: grid;
  grid-template-columns: [links] 10fr;
  grid-column-gap: 30px;
}
.global-nav__dropdown-wrapper.has-image {
  grid-template-columns: [image] 3fr [links] 7fr;
}
.global-nav__dropdown-wrapper.has-content {
  grid-template-columns: [content] 3fr [links] 7fr;
}
.global-nav__dropdown-wrapper.has-image.has-content {
  grid-template-columns: [image] 3fr [content] 3fr [links] 4.5fr;
}

.global-nav__dropdown-image {
  grid-column: image;
  border-radius: 4px;
  height: 150px;
}

.global-nav__dropdown-content {
  grid-column: content;
  font-size: 18px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.global-nav__dropdown-links {
  grid-column: links;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0.5em;
  grid-auto-flow: column;
}

.global-nav__dropdown-subheading {
  font-size: 16px;
  font-weight: 700;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.global-nav__dropdown-list-item {
  padding: 0;
}

.global-nav__dropdown-list-link {
  padding: 3px 0 3px 18px;
  position: relative;
  font-size: 16px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  display: block;
}
.global-nav__dropdown-list-link .icon {
  position: absolute;
  left: 0;
  top: 9px;
  font-size: 12px;
  color: #e4a01b;
}
.global-nav__dropdown-list-link:hover {
  color: #ca870d;
}
.global-nav__dropdown-list-link:focus {
  border: 0;
}
.global-nav__dropdown-list-link:focus .global-nav__dropdown-list-text {
  border-bottom-color: #242121;
}
.global-nav__dropdown-list-link .global-nav__dropdown-list-text {
  transition: all 0.15s ease-in-out;
  border-bottom: 1px solid transparent;
}

/* -----------------------------------------------------------------------------
 *
 * Navigation: Menu triggers with animated bars/close x's. Used for tools and mobile
 *
 * ----------------------------------------------------------------------------- */
.menu-trigger {
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  transition: all 0.15s ease-in-out;
}
.menu-trigger .menu-trigger__text {
  border-bottom: 1px solid transparent;
  transition: all 0.15s ease-in-out;
  color: inherit;
}

.menu-trigger--button {
  display: none;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  font-weight: 700;
  font-size: 16px;
}
@media (min-width: 960px) {
  .menu-trigger--button {
    display: flex;
  }
}

.menu-trigger--home,
.menu-trigger--tools,
.menu-trigger--mobile {
  background: #e4a01b;
  color: #242121;
}

.menu-trigger--button:hover,
.menu-trigger--mobile:hover {
  background: #f7c55a;
}
.menu-trigger--button:focus,
.menu-trigger--mobile:focus {
  outline: 0;
  background: #f7c55a;
}
.menu-trigger--button:focus .menu-trigger__text,
.menu-trigger--mobile:focus .menu-trigger__text {
  border-bottom-color: #242121;
}

.menu-trigger--home {
  padding: 0 10px;
}

.menu-trigger--tools {
  padding: 0 20px 0 20px;
}
.menu-trigger--tools .menu-trigger__icon {
  width: 18px;
  height: 17px;
  display: inline-block;
  position: relative;
  margin-top: -2px;
  margin-left: 12px;
}

.menu-trigger--donate {
  display: none;
  font-family: "Calluna", "Big Caslon", "Cambria", serif;
  font-weight: 700;
  font-size: 16px;
  padding: 0 15px;
  background-color: #2f2c2c;
  color: #fff;
  border-bottom: 0;
}
@media (min-width: 960px) {
  .menu-trigger--donate {
    display: flex;
  }
}
.menu-trigger--donate:hover, .menu-trigger--donate:focus {
  color: #e4a01b;
  border-bottom: 0;
}

.menu-trigger--mobile {
  position: absolute;
  right: 0;
  top: 0;
  height: 45px;
  width: 45px;
}
@media (min-width: 960px) {
  .menu-trigger--mobile {
    display: none;
  }
}
.menu-trigger--mobile .menu-trigger__icon {
  width: 35px;
  height: 32px;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}

.menu-trigger__bars {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  background-color: #242121;
  user-select: none;
  transition: all 200ms cubic-bezier(1, 0, 0, 1);
}
.menu-trigger--mobile .menu-trigger__bars {
  height: 3px;
}
.menu-trigger--mobile .menu-trigger__bars::before, .menu-trigger--mobile .menu-trigger__bars::after {
  height: 3px;
}
.menu-trigger--tools .menu-trigger__bars {
  height: 1px;
}
.menu-trigger--tools .menu-trigger__bars::before, .menu-trigger--tools .menu-trigger__bars::after {
  height: 1px;
}
.menu-trigger__bars::before, .menu-trigger__bars::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  background: #242121;
  transition: all 200ms cubic-bezier(1, 0, 0, 1);
}
.menu-trigger__bars::before {
  transform: translateY(-300%);
}
.menu-trigger--tools .menu-trigger__bars::before {
  transform: translateY(-500%);
}
.menu-trigger__bars::after {
  transform: translateY(300%);
}
.menu-trigger--tools .menu-trigger__bars::after {
  transform: translateY(500%);
}
.menu-trigger--active .menu-trigger__bars {
  background: transparent;
}
.menu-trigger--active .menu-trigger__bars::before {
  transform: translateY(0) rotate(45deg);
}
.menu-trigger--active .menu-trigger__bars::after {
  transform: translateY(0) rotate(-45deg);
}

/* -----------------------------------------------------------------------------
 *
 * Navigation: Footer
 *
 * ----------------------------------------------------------------------------- */
.site-footer__nav {
  background: #2f2c2c;
  color: #fff;
  bottom: 0;
  transform: translateX(0);
  transition: transform 300ms cubic-bezier(1, 0, 0, 1);
  width: 100%;
}
.site-footer__nav .site-footer__nav--wrapper {
  display: flex;
  padding-bottom: 12px;
}
.site-footer__nav::before {
  border-left: 250px solid transparent;
  border-right: 400px solid transparent;
  border-bottom: 20px solid #2f2c2c;
  content: "";
  height: 0;
  left: -170px;
  position: absolute;
  top: -20px;
  width: 0;
}
@media (min-width: 600px) {
  .site-footer__nav::before {
    border-right: 1200px solid transparent;
    border-bottom: 40px solid #2f2c2c;
    top: -40px;
  }
}
@media (min-width: 1260px) {
  .site-footer__nav::before {
    border-left: 400px solid transparent;
    border-right: 1200px solid transparent;
    border-bottom: 40px solid #2f2c2c;
  }
}
.site-footer__nav .site-footer__nav-list {
  margin: 0 0 0.5em;
  text-align: center;
  z-index: 1;
  display: flex;
  align-items: center;
}
@media (min-width: 600px) {
  .site-footer__nav .site-footer__nav-list {
    text-align: left;
    margin-bottom: 1em;
  }
}
.site-footer__nav .site-footer__nav-list li {
  display: inline-block;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin: 0 0.5em;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
@media (min-width: 600px) {
  .site-footer__nav .site-footer__nav-list li {
    font-size: 16px;
  }
}
.site-footer__nav .site-footer__nav-list a:focus,
.site-footer__nav .site-footer__nav-list a:hover {
  border-bottom: 2px solid #e4a01b;
}

/* Shield Icon */
.site-footer__nav-icon-shield svg {
  display: none;
  margin-right: 4px;
  fill: #e4a01b;
}
@media (min-width: 768px) {
  .site-footer__nav-icon-shield svg {
    display: inline-block;
  }
}

/* Footer */
/* -----------------------------------------------------------------------------
 *
 * Footer: Default
 *
 * ----------------------------------------------------------------------------- */
.site-footer {
  background-color: #242121;
  background-image: url("https://wp.stolaf.edu/wp-content/plugins/core/assets/theme/img/backgrounds/lion-grey-darker.svg?v=1");
  background-repeat: no-repeat;
  background-position: bottom right;
  overflow: hidden;
  padding-top: 40px;
}
@media (min-width: 768px) {
  .site-footer {
    background-position: top right;
    padding-top: 62px;
  }
}
.site-footer li {
  display: block;
  margin-bottom: 10px;
  padding-left: 0;
}

.site-footer__inner {
  padding-bottom: 60px;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.site-footer__inner.l-wrapper::after {
  display: none;
}

/* Sub Heading */
.site-footer__sub {
  color: #fff;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .site-footer__sub {
    font-size: 18px;
  }
}

/* Contact */
.site-footer__address {
  color: #fff;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-style: normal;
  font-variant-numeric: lining-nums;
  margin-bottom: 10px;
}

.site-footer__links {
  margin-bottom: 20px;
}
.site-footer__links a {
  color: #e4a01b;
  display: inline;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-variant-numeric: lining-nums;
  font-weight: 600;
  margin-right: 10px;
}
.site-footer__links a:hover {
  color: #f7c55a;
}

a.site-footer__btn:focus,
a.site-footer__btn:hover {
  background-color: #fff;
  color: #242121;
}

.site-footer__links-secondary a {
  color: #e4a01b;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
.site-footer__links-secondary a:hover {
  color: #f7c55a;
}

/* Connect */
/* Support */
.site-footer__tagline {
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  max-width: 250px;
}

.site-footer__copyright {
  color: #fff;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 12px;
  margin-top: 10px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}

.site-footer__date {
  font-variant-numeric: lining-nums;
}

.site-footer__privacy {
  color: #fff;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  font-size: 12px;
  margin-top: 10px;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
}
.site-footer__privacy a:hover {
  color: #f7c55a;
}

/* Page */
/* -----------------------------------------------------------------------------
 *
 * Page: Default
 *
 * ----------------------------------------------------------------------------- */
.page .page-content {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .page .page-content {
    padding-bottom: 60px;
  }
}
@media (min-width: 960px) {
  .page .page-content {
    padding-bottom: 80px;
  }
}
.page .page-content:empty {
  padding-bottom: 0;
}
.page .breadcrumbs:empty + .page-content {
  padding-top: 30px;
}
@media (min-width: 768px) {
  .page .breadcrumbs:empty + .page-content {
    padding-top: 60px;
  }
}
@media (min-width: 960px) {
  .page .breadcrumbs:empty + .page-content {
    padding-top: 80px;
  }
}
.page .breadcrumbs:empty + .page-content:empty {
  padding-top: 0;
}

#wpstats {
  display: none;
}

/* Panels */
/* -----------------------------------------------------------------------------
 * Panels Wrapper
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 * Panel Wrapper
 * ----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
 *
 * Panels: Wysiwyg
 *
 * ----------------------------------------------------------------------------- */
.site-panel__wysiwyg-content {
  padding: 20px 0;
}

.panel--type-title + .panel--type-wysiwyg > .site-section > .site-section__inner {
  padding-top: 60px;
}

@media print {
  /*
   * Print CSS
   */
  *,
*::before,
*::after,
*::first-letter,
*::first-line {
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    transition: none !important;
    -webkit-print-color-adjust: exact;
  }

  a,
a:visited {
    text-decoration: underline !important;
    border-bottom: 0 !important;
  }
  a.button,
a:visited.button {
    background-color: #e4a01b !important;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  /* hide the links from floated images */
  p > a:first-child[href$=jpg]::after, p > a:first-child[href$=jpeg]::after, p > a:first-child[href$=png]::after {
    content: "" !important;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]::after,
a[href^="javascript:"]::after {
    content: "" !important;
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  body,
.l-site-wrapper {
    display: block;
    min-height: 0;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  a.breadcrumb__item.current::after {
    content: "" !important;
  }

  /**
   * Global Elements to style
   */
  .print-element {
    display: block;
  }

  .panel-collection .panel {
    page-break-inside: avoid;
  }
  .panel-collection .query-loop__slide a[href]::after {
    content: "";
  }

  .query-loop__pagination {
    display: none;
  }

  /**
   * Global elements to hide.
   */
  .c-sto-alert {
    visibility: hidden;
    display: none;
  }

  .top-nav {
    display: none;
  }

  .breadcrumbs {
    display: none;
  }

  #maincontent {
    padding-top: 0;
  }

  .site-header,
.site-footer,
.site-footer__nav {
    display: none;
  }

  /**
   * Single Posts
   */
  .secondary-hero {
    padding: 20px 0;
    min-height: 100%;
    background-color: transparent;
  }
  .secondary-hero .page__title {
    padding: 0;
    color: #242121;
  }

  .secondary-hero__image {
    display: none;
  }

  .sidebar {
    display: none;
  }

  .item-single__meta-categories,
.item-single__meta-tags {
    display: none;
  }

  .social-share {
    display: none;
  }

  nav.pagination {
    display: none;
  }

  .item-single__meta-author {
    padding: 0;
  }
  .item-single__meta-author::before {
    display: none;
  }

  /**
   * Pages
   */
  .standard-page-hero {
    background-color: transparent;
    min-height: 100%;
    color: #242121;
  }
  .standard-page-hero .page__title {
    padding: 20px 0;
    max-width: 100%;
  }
  .standard-page-hero .hero__pattern {
    display: none;
  }

  /**
   * Archives
   */
  .blog-category-nav-mobile {
    display: none;
  }

  .loop-filters {
    display: none;
  }

  .site-grid__masonry {
    display: flex;
    flex-wrap: wrap;
    page-break-inside: avoid;
  }
  .site-grid__masonry .site-grid__col {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
  }

  .site-grid__masonry--css {
    column-count: 3;
    column-gap: 1em;
  }
  .site-grid__masonry--css .grid-post-item {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 1em;
  }

  .item-loop {
    display: block;
  }
  .item-loop a[href]::after {
    content: "";
  }

  /*
   * Masonry panel
   **/
  .panel--type-masonry_gallery .site-grid__layout {
    flex-direction: column;
    align-items: center;
  }
  .panel--type-masonry_gallery .swiper-slide:not(.swiper-slide-active) {
    display: none !important;
  }
  .panel--type-masonry_gallery .swiper-slide.swiper-slide-active {
    margin: 0 auto !important;
  }
  .panel--type-masonry_gallery .slider-navigation {
    display: none !important;
  }
}
/* Styles for the -> arrow on the AlumniQ header; Boat Theme; 2018 Oct. */
.t-content {
  font-variant-numeric: lining-nums;
}

.t-content label, .t-content select.form-control {
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.menu-trigger .menu-trigger__text::after,
.global-nav__list .menu-item__text::after {
  content: " →";
}

.global-nav__list .menu-item__anchor {
  color: #242121;
}

.site-footer__nav-list a {
  color: inherit;
}

a.menu-trigger {
  color: #242121;
}

.expandable:not(.active) {
  display: none;
}

/* Overrides, mostly for bootstrap stuff */
a:hover,
a:focus {
  text-decoration: inherit;
}

.clearfix:before {
  clear: both;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.t-content h1,
.t-content h2,
.t-content h3,
.t-content h4,
.t-content h5,
.t-content h6 {
  margin: 0.6em 0;
  color: inherit;
}

.margin-top-10 {
  margin-top: 15px;
}

.margin-bottom-10 {
  margin-bottom: 15px;
}

.margin-bottom-15 {
  margin-bottom: 15px !important;
}

/*Form Wizard*/
.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #fbe8aa;
  top: 45px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 14px;
  height: 14px;
  background: #fbbd19;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}

.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #fbe8aa;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}

textarea.form-control {
  padding: 5px 14px;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  border: 0;
}

label.required {
  color: #e84a36;
}

label.required::after {
  content: "*";
  font-weight: bold;
}

.error {
  border: 1px solid #af0000;
  background: #f2dede;
  border-radius: 6px;
  padding-top: 10px;
  color: #a94442;
}

.error .errorIcon {
  display: block;
  text-align: center;
  margin: 10px 0;
  background-color: #a94442;
  color: white;
  border-radius: 4px;
}

.errorIcon {
  display: none;
  color: white;
  padding-top: 5px;
  clear: left;
}

.btn {
  transition: all 0.15s ease-in-out;
  width: auto;
  display: inline-block;
  line-height: 1;
  font-weight: 700;
  height: auto;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  padding: 0;
  border-radius: 2px;
  background-color: #e4a01b;
  padding: 1.25em 70px;
  text-align: center;
  color: #242121;
  font-family: "Calluna Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Segoe UI Emoji, Cantarell, Verdana, sans-serif;
  text-transform: uppercase;
  font-variant-numeric: lining-nums;
  padding: 1.25em 1.5em;
}
.btn:visited {
  color: #242121;
}
.btn[disabled] {
  background-color: #e0dad6;
  color: #53585a;
}
.btn:not([disabled]):hover, .btn:not([disabled]):focus, .btn:not([disabled]):active {
  color: #fff;
  background-color: #242121;
}

.btn-group .btn {
  padding-left: 1em;
  padding-right: 1em;
}

.btn-primary {
  background-color: #e4a01b;
  border-color: #ca870d;
  color: #242121;
}

.btn:not(.btn-primary) {
  background-color: #e0dad6;
  border-color: #808080;
  color: #242121;
}

.btn.btn-success,
.btn.btn-success:visited {
  background-color: #6e3a5d;
  color: white;
}

.text-primary {
  color: #00827e;
}

.bg-primary {
  background-color: #00827e;
  color: white;
}

.col-md-12.text-center.bg-primary {
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-horizontal .radio {
  padding-top: 0;
}

.form-horizontal .row .row div[style*=color] * {
  color: #6e3a5d;
}

#lnkStartOver {
  color: #a5578c;
  background-color: transparent;
  text-transform: none;
  text-decoration: underline;
  font-size: inherit;
}

.t-content a:not(.btn) {
  color: #a5578c;
  border-bottom: 2px solid currentColor;
  padding-bottom: 0;
}

/*# sourceMappingURL=alumniq-giving.css.map */