@charset "UTF-8";
/*!
Theme Name: College Info Geek 2018
Theme URI: https://collegeinfogeek.com/
Author: Martin Boehme
Author URI: http://martinboeh.me
Description: College Info Geek Theme for 2018
Version: 1.0.0

College Info Geek 2018 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: 700;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* taken from underscores theme (http://underscores.me/) defaults
 * text meant only for screen readers
 */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("fonts/roboto-v18-latin-300.woff2") format("woff2");
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/roboto-v18-latin-300italic.woff2") format("woff2");
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/roboto-v18-latin-regular.woff2") format("woff2");
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("fonts/roboto-v18-latin-italic.woff2") format("woff2");
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("fonts/roboto-v18-latin-700.woff2") format("woff2");
}
/* roboto-900 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: local("Roboto Black"), local("Roboto-Black"), url("fonts/roboto-v18-latin-900.woff2") format("woff2");
}
html {
  font-size: 62.5%;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #fbfbfb;
  color: #333333;
  font-family: "Roboto", sans-serif;
  padding-bottom: 50px;
  text-size-adjust: 100%;
}

a {
  color: #e32636;
  text-decoration: none;
}
a svg {
  transition: transform 0.1s;
}
a {
  /*&:visited {
  	color: $alizarin-crimson;
  }*/
}
a:hover {
  color: #e98328 !important;
}
a:hover::selection {
  color: #ffffff !important;
}
a:hover h1, a:hover h2, a:hover h3, a:hover p, a:hover span {
  border-color: #e98328 !important;
  color: #e98328 !important;
}
a:hover img {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
}
a:hover img[class^=site-logo] {
  filter: brightness(1.2);
}
.amazon a:hover img, .site-branding a:hover img, .tool a:hover img {
  box-shadow: none;
}
a:hover button:not(.view-more) {
  filter: brightness(1.2);
}
.links a:hover button:not(.view-more) {
  border-color: #e98328 !important;
  color: #e98328 !important;
}
a:hover svg {
  transform: scale(1.2);
}
a:hover .view-more {
  color: #e98328 !important;
}
a:hover .view-more span::before {
  border-color: transparent transparent transparent #e98328 !important;
}
.nav-previous a:hover::before {
  border-color: transparent transparent transparent #e98328 !important;
}
.nav-next a:hover::before {
  border-color: transparent #e98328 transparent transparent !important;
}
.swp_social_panel a:hover {
  color: #ffffff !important;
}
.swp_social_panel a:hover span {
  color: #ffffff !important;
}
input[type=submit]:hover {
  filter: brightness(1.2);
}

.menu-item-topics:hover a, .menu-item-resources:hover a {
  color: #e98328 !important;
}
.menu-item-topics:hover::after, .menu-item-resources:hover::after {
  border-top-color: #e98328 !important;
}

.mobile-navigation-button img, .fleximodal-button-close img {
  transition: transform 0.1s;
}
.mobile-navigation-button:hover img, .fleximodal-button-close:hover img {
  transform: scale(1.2);
}

.tool_section a[class^=button-]:hover {
  color: #ffffff !important;
  filter: brightness(1.2);
}

button svg {
  transition: transform 0.1s;
}
button:hover svg {
  transform: scale(1.2);
}

img {
  height: auto;
  max-width: 100%;
  transition: box-shadow 0.2s;
}

p {
  line-height: 1.5em;
  margin: 1em 0;
}

iframe {
  display: block;
  margin: 0 auto;
}

::selection {
  background: #e98328;
}

.debug {
  background: fuchsia;
  height: 50px;
  width: 100%;
}

.hidden {
  display: none;
}

.site-content {
  background: #fbfbfb;
}

.book {
  background: #333333;
  color: #ffffff;
  padding: 2em 1em 8.5em 1em;
  position: relative;
}
.book a {
  bottom: 2em;
  display: block;
  left: 1em;
  position: absolute;
  width: calc(100% - 2em);
}
.book a button {
  background: #e32636;
  border-radius: 5px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 1em;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .book a button {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .book a button {
    font-size: 1.8rem;
  }
}
.book .text {
  display: inline-block;
  padding-left: 1.5em;
  vertical-align: top;
  width: calc(100% - 2em - 130px);
}
.book .text h3 {
  font-size: 2.4rem;
  font-weight: 900;
  margin-top: 0;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .book .text h3 {
    font-size: 3.6rem;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: desktop) {
  .book .text h3 {
    font-size: 3.6rem;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 1024px) {
  .book .text h3 {
    font-size: 4.8rem;
  }
}
.book .text p {
  font-size: 1.6rem;
  font-weight: 300;
}
@media screen and (min-width: 769px) {
  .book .text p {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .book .text p {
    font-size: 1.8rem;
  }
}
.book img {
  display: inline-block;
  vertical-align: top;
  width: 130px;
}

@media screen and (max-width: 768px) {
  .desktop {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  body {
    padding-bottom: 0;
  }
  .mobile:not(html) {
    display: none !important;
  }
  .book {
    height: 400px;
    overflow: hidden;
    padding: 2em;
  }
  .book .wrapper {
    margin: 0 auto;
    max-width: 1200px;
  }
  .book a {
    position: static;
  }
  .book a button {
    width: 280px;
  }
  .book .text {
    display: block;
    padding-left: 0;
    width: 100%;
  }
  .book img {
    float: left;
    margin-top: 1em;
    padding-right: 6em;
    width: 40%;
  }
}
@media screen and (min-width: desktop) {
  body {
    padding-bottom: 0;
  }
  .mobile:not(html) {
    display: none !important;
  }
  .book {
    height: 400px;
    overflow: hidden;
    padding: 2em;
  }
  .book .wrapper {
    margin: 0 auto;
    max-width: 1200px;
  }
  .book a {
    position: static;
  }
  .book a button {
    width: 280px;
  }
  .book .text {
    display: block;
    padding-left: 0;
    width: 100%;
  }
  .book img {
    float: left;
    margin-top: 1em;
    padding-right: 6em;
    width: 40%;
  }
}
.featured-guide.featured-guide.featured-guide.featured-guide {
  background: #333333;
  color: #ffffff;
  overflow: hidden;
}
.featured-guide.featured-guide.featured-guide.featured-guide h3 {
  font-size: 1.6rem;
  font-weight: 300;
  margin: 1em 0 0.5em 0;
  text-transform: capitalize;
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide h3 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide h3 {
    font-size: 1.8rem;
  }
}
.featured-guide.featured-guide.featured-guide.featured-guide h2 {
  font-size: 2.4rem;
  font-weight: 900;
  margin: 0 0 0.5em 0;
  text-transform: uppercase;
}
.featured-guide.featured-guide.featured-guide.featured-guide h2 span {
  color: #ff8b00;
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .featured-guide.featured-guide.featured-guide.featured-guide h2 {
    font-size: 4.8rem;
  }
}
.featured-guide.featured-guide.featured-guide.featured-guide img {
  display: block;
  margin: 0 auto;
  max-width: 450px;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide img {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide img {
    left: 0;
    position: absolute;
    top: 0;
  }
}
.featured-guide.featured-guide.featured-guide.featured-guide p {
  font-size: 1.5rem;
  font-weight: 300;
  margin: 0.5em 0 1em 0;
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide p {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide p {
    font-size: 1.8rem;
  }
}
.featured-guide.featured-guide.featured-guide.featured-guide a {
  display: block;
}
.featured-guide.featured-guide.featured-guide.featured-guide a button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border-radius: 4px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0.5em 0 2em 0;
  padding: 1em;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide a button {
    font-size: 1.8rem;
    margin: 0;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide a button {
    font-size: 1.8rem;
    margin: 0;
  }
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide a {
    bottom: 3.5em;
    left: 0;
    position: absolute;
    width: 450px;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide a {
    bottom: 3.5em;
    left: 0;
    position: absolute;
    width: 450px;
  }
}
@media screen and (min-width: 769px) {
  .featured-guide.featured-guide.featured-guide.featured-guide .wrapper {
    box-sizing: border-box;
    height: 350px;
    padding-left: calc(450px + 4em);
    position: relative;
  }
}
@media screen and (min-width: desktop) {
  .featured-guide.featured-guide.featured-guide.featured-guide .wrapper {
    box-sizing: border-box;
    height: 350px;
    padding-left: calc(450px + 4em);
    position: relative;
  }
}

.formkit-form div {
  padding: 0 !important;
}

.formkit-form[min-width~="700"] .formkit-field, .formkit-form[min-width~="700"] .formkit-submit {
  margin-bottom: 0 !important;
}

.formkit-submit:hover {
  filter: brightness(1.2);
}
.formkit-submit:hover span {
  background-color: transparent !important;
}

.grecaptcha-badge {
  display: none;
}

/* cookiebot banner customization */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  float: left !important;
}

.CybotCookiebotDialogBodyButton {
  border-radius: 4px !important;
  padding: 0.5em !important;
}

.CybotCookiebotDialogBodyButton:hover {
  color: #ffffff !important;
}

#CybotCookiebotDialogBodyLevelButtonsRow div {
  background: transparent !important;
  border: none !important;
}

#CybotCookiebotDialogDetailBodyContentTabsOverview {
  border-radius: 4px 0 0 0 !important;
}

#CybotCookiebotDialogDetailBodyContentTabsAbout {
  border-radius: 0 4px 0 0 !important;
}

/* taken from wordpress suggested defaults (https://codex.wordpress.org/CSS)
 * styles specific to wordpress content editor
 */
.aligncenter,
div.aligncenter, .alignnone, div.alignnone, .size-full, div.size-full {
  clear: both;
  display: block;
  margin: 5px auto 5px auto;
}

.alignleft, .alignright {
  clear: both;
  max-width: 40% !important;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.entry-content > .floating-image-wrapper {
  display: block;
}

.wp-caption {
  margin: 0 auto;
  background: #e5e5e5;
  max-width: 96%; /* Image does not overflow the content area */
  padding: 5px 3px 3px 0px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .wp-caption {
    padding: 8px 3px 3px 3px;
  }
}
@media screen and (min-width: desktop) {
  .wp-caption {
    padding: 8px 3px 3px 3px;
  }
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  color: #333333;
  font-size: 0.8em;
  margin: 0;
  padding: 0 4px 2px 4px;
}
@media screen and (min-width: 769px) {
  .wp-caption p.wp-caption-text {
    padding: 0 4px 5px 4px;
  }
}
@media screen and (min-width: desktop) {
  .wp-caption p.wp-caption-text {
    padding: 0 4px 5px 4px;
  }
}

.site-header {
  align-items: center;
  background: #131313;
  box-sizing: border-box;
  color: #e5e5e5;
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-between;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 10;
}
.site-header a {
  color: #e5e5e5;
}
.site-header a:visited {
  color: #e5e5e5;
}

.site-branding {
  line-height: 0;
  order: 1;
  padding-left: 0.5em;
  transition: opacity 0.3s;
}
.site-branding a {
  display: block;
}

.page-title-header, .site-logo-desktop, .site-logo-desktop-icon, .social-warfare-header {
  display: none;
}

.site-logo-mobile {
  width: 250px;
}

.mobile-toc-navigation-button {
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  align-items: center;
  background: none;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 0;
  order: 1;
  padding: 0 0.5em 0 0;
}
.mobile-toc-navigation-button svg {
  padding: 0.8em;
  width: 2rem;
}
.mobile-toc-navigation-button svg .toc-1 {
  fill: #ffffff;
  stroke: #ffffff;
}

.mobile-toc-navigation {
  background: rgba(255, 255, 255, 0.98);
  box-sizing: border-box;
  color: #828282;
  display: block;
  height: calc(100vh - 50px);
  overflow-y: auto;
  padding: 1.5em 2em 30px 2em;
  position: fixed;
  right: 100%;
  top: 0;
  transition: right 0.3s;
  width: 80%;
  z-index: 10;
}
.mobile-toc-navigation a {
  color: #e32636;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 1em;
}
.mobile-toc-navigation a:visited {
  color: #e32636;
}
.mobile-toc-navigation > ol {
  border-bottom: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  line-height: 2.5em;
  padding-left: 1em;
  padding-top: 1em;
}
.mobile-toc-navigation > ol ol {
  line-height: 1.8em;
}
.mobile-toc-navigation span {
  color: #828282;
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  padding-bottom: calc(30px - 1.5em);
  text-transform: uppercase;
}
.mobile-toc-navigation .mobile-toc-navigation-button-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  background: none;
  border: 0;
  position: absolute;
  right: 1em;
  top: 1em;
}
.mobile-toc-navigation .mobile-toc-navigation-button-close svg {
  width: 2rem;
}
.mobile-toc-navigation .mobile-toc-navigation-button-close svg path {
  fill: #828282;
}
.mobile-toc-navigation.open {
  right: 20%;
}

.site-header.stuck {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.site-header.stuck .site-branding {
  display: none;
}
.site-header.stuck .site-branding.no-toc {
  display: block;
}
.site-header.stuck .mobile-toc-navigation-button {
  display: flex;
  order: 1;
}
.site-header.stuck .desktop-navigation {
  display: none;
}

@media screen and (min-width: 1024px) {
  .site-header.stuck {
    height: 60px;
  }
  .site-header.stuck .page-title-header, .site-header.stuck .site-branding, .site-header.stuck .site-logo-desktop-icon, .site-header.stuck .social-warfare-header {
    display: block;
  }
  .site-header.stuck .page-title-header {
    flex-grow: 2;
    font-size: 1.6rem;
    font-weight: 700;
    order: 2;
  }
  .site-header.stuck .site-branding {
    order: 1;
  }
  .site-header.stuck .site-logo-desktop {
    display: none;
  }
  .site-header.stuck .site-logo-desktop-icon {
    padding-right: 2em;
    width: 35px;
  }
  .site-header.stuck .site-search {
    display: none;
  }
  .site-header.stuck .social-warfare-header {
    align-items: center;
    display: flex;
    order: 3;
    text-transform: capitalize;
  }
  .site-header.stuck .social-warfare-header > span {
    font-size: 1.6rem;
    font-weight: 300;
    padding-right: 0.5em;
    white-space: nowrap;
  }
  .site-header.stuck .social-warfare-header .iconFiller {
    font-size: 2rem;
    margin-top: 0.1em;
  }
  .site-header.stuck .social-warfare-header .swp_social_panel {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
    width: 100% !important;
  }
  .site-header.stuck .social-warfare-header .swp_social_panel > div {
    background: none !important;
    border: 0 !important;
  }
}
.mobile-navigation-button {
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  background: none;
  border: 0;
  cursor: pointer;
  line-height: 0;
  order: 2;
  padding: 20px 15px;
  width: 60px;
}

.mobile-navigation {
  background: #222222;
  box-sizing: border-box;
  color: #ffffff;
  font-size: 1.6rem;
  height: calc(100vh - 50px);
  left: 100%;
  overflow-y: auto;
  padding: 50px 2em 50px 2em;
  position: fixed;
  text-transform: uppercase;
  top: 0;
  transition: left 0.3s;
  width: 80%;
  z-index: 10;
}
.mobile-navigation a {
  display: block;
  font-weight: 700;
  margin-bottom: 1em;
}
.mobile-navigation span {
  font-weight: 300;
}
.mobile-navigation ul {
  list-style-type: none;
  padding-left: 0;
}
.mobile-navigation .mobile-navigation-button-close {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  background: none;
  border: 0;
  fill: #ffffff;
  position: absolute;
  right: 1em;
  top: 1em;
}
.mobile-navigation .mobile-navigation-button-close svg {
  width: 2rem;
}
.mobile-navigation .mobile-navigation-button-close svg path {
  fill: #ffffff;
  stroke: #ffffff;
}
.mobile-navigation .topics {
  border-bottom: 1px solid #828282;
  border-top: 1px solid #828282;
  padding-top: 1em;
}
.mobile-navigation.open {
  left: 20%;
}

.desktop-navigation {
  display: none;
  flex-grow: 2;
  font-family: "Roboto", sans-serif;
  font-size: 1.4rem;
  font-weight: 700;
  order: 2;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.3s;
}
.desktop-navigation li {
  display: inline-block;
}

.desktop-menu {
  padding-left: 1.5em;
}
.desktop-menu li {
  padding: 0.7em 0;
}
.desktop-menu li a {
  padding: 0.7em;
}

.menu-item-topics, .menu-item-resources, .menu-item-courses, .menu-item-listen {
  margin-right: 1.4em;
  position: relative;
}
.menu-item-topics > a, .menu-item-resources > a, .menu-item-courses > a, .menu-item-listen > a {
  cursor: default;
}
.menu-item-topics ul, .menu-item-resources ul, .menu-item-courses ul, .menu-item-listen ul {
  background: #ffffff;
  border-radius: 7px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  left: -10000%;
  opacity: 0;
  padding: 1.5em 0 0 0;
  position: absolute;
  top: 4.2em;
  transition: opacity 0.3s, left 0s 0.3s;
  width: 350px;
  z-index: 10;
}
.menu-item-resources ul, .menu-item-courses ul, .menu-item-listen ul {
  padding-bottom: 1em;
}

.menu-item-topics ul a, .menu-item-resources ul a, .menu-item-courses ul a, .menu-item-listen ul a {
  align-items: center;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  padding: 0.8em 1.2em;
}
.menu-item-topics ul::before, .menu-item-resources ul::before, .menu-item-courses ul::before, .menu-item-listen ul::before {
  bottom: 100%;
  content: " ";
  height: 2.5em;
  left: 25%;
  position: absolute;
  width: 50%;
}
.menu-item-topics ul::after, .menu-item-resources ul::after, .menu-item-courses ul::after, .menu-item-listen ul::after {
  border-color: transparent transparent #ffffff transparent;
  border-style: solid;
  border-width: 0.65em;
  bottom: 100%;
  content: " ";
  left: 50%;
  margin-left: -0.65em;
  position: absolute;
}
.menu-item-topics .image, .menu-item-resources .image, .menu-item-courses .image, .menu-item-listen .image {
  fill: #999999;
  height: auto;
  line-height: 0;
  width: 50px;
}
.menu-item-topics .text, .menu-item-resources .text, .menu-item-courses .text, .menu-item-listen .text {
  font-weight: 400;
  padding-left: 1.2em;
  text-align: left;
  width: 80%;
}
.menu-item-topics .title, .menu-item-resources .title, .menu-item-courses .title, .menu-item-listen .title {
  color: black;
  font-size: 1.6rem;
  font-weight: 700;
}
.menu-item-topics .description, .menu-item-resources .description, .menu-item-courses .description, .menu-item-listen .description {
  color: #999999;
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: 0.5em;
  text-transform: none;
}
.menu-item-topics .view-all, .menu-item-resources .view-all, .menu-item-courses .view-all, .menu-item-listen .view-all {
  background: #e5e5e5;
  border-radius: 0 0 7px 7px;
  color: #999999;
  margin-top: 1em;
  width: 100%;
}
.menu-item-topics .view-all a, .menu-item-resources .view-all a, .menu-item-courses .view-all a, .menu-item-listen .view-all a {
  padding: 1em 0;
  justify-content: space-around;
}
.menu-item-topics .view-all .image, .menu-item-resources .view-all .image, .menu-item-courses .view-all .image, .menu-item-listen .view-all .image {
  fill: #999999;
  height: auto;
  margin: 0 1.5em;
  width: 40px;
}
.menu-item-topics .view-all .text, .menu-item-resources .view-all .text, .menu-item-courses .view-all .text, .menu-item-listen .view-all .text {
  padding-left: 0;
  width: 85%;
}
.menu-item-topics .view-all .title, .menu-item-resources .view-all .title, .menu-item-courses .view-all .title, .menu-item-listen .view-all .title {
  color: #999999;
  font-size: 1.4rem;
}
.menu-item-topics:hover ul, .menu-item-resources:hover ul, .menu-item-courses:hover ul, .menu-item-listen:hover ul {
  left: calc(-175px + 50%);
  opacity: 1;
  transition: left 0s 0s, opacity 0.3s 0s;
}
.menu-item-topics::after, .menu-item-resources::after, .menu-item-courses::after, .menu-item-listen::after {
  content: " ";
  border: solid transparent;
  border-top-color: #999999;
  border-width: 0.4em;
  position: absolute;
  right: -0.7em;
  top: 1.15em;
  cursor: pointer;
}

.site-search {
  display: none;
}

.search-button {
  background: none;
  border: 0;
  cursor: pointer;
  line-height: 0;
  padding: 12px;
  width: 50px;
}
.search-button path {
  fill: #ffffff;
}

@media screen and (min-width: 1024px) {
  .site-header {
    height: 75px;
    padding: 0 2.5%;
  }
  .site-branding {
    padding-left: 0;
  }
  .site-logo-desktop {
    display: block;
    width: 150px;
  }
  .site-logo-mobile {
    display: none;
  }
  .mobile-navigation-button, .mobile-navigation {
    display: none;
  }
  .mobile-toc-navigation-button, .mobile-toc-navigation {
    display: none !important;
  }
  .desktop-navigation {
    display: flex;
  }
  .site-search {
    display: block;
    order: 3;
  }
  .site-search a {
    display: block;
  }
}
#banner {
  background: linear-gradient(230deg, #FF7373 0%, #f2295b 100%);
  color: #ffffff;
  font-weight: normal;
  padding: 0.7em 1.5em;
  text-align: center;
  font-size: 16px;
  position: relative;
}
#banner a {
  color: white;
  font-weight: bold;
  line-height: 1.5em;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
@media screen and (min-width: 810px) {
  #banner a {
    white-space: nowrap;
  }
}
#banner a:hover {
  color: white !important;
}
@media screen and (max-width: 809px) {
  #banner a:hover {
    border-bottom: 3px solid #333333;
    text-decoration-color: #333333;
  }
}
@media screen and (min-width: 810px) {
  #banner a::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #333333;
    bottom: -0.2em;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
  }
  #banner a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
  }
}
@media screen and (min-width: 1025px) {
  #banner {
    font-size: 18px;
  }
}

.site-footer {
  background-color: #222222;
  background-image: linear-gradient(rgba(34, 34, 34, 0.8), rgba(34, 34, 34, 0.8)), url(images/pixellama.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: auto 96%;
  color: #ffffff;
  margin-top: 2em;
  padding-top: 2em;
}
.single .site-footer, .page:not(.home) .site-footer {
  margin-top: 4em;
}

.site-info {
  font-size: 1.2rem;
  font-weight: 300;
  padding: 1em;
  text-align: right;
}

.footer-navigation a {
  color: inherit;
}
.footer-navigation h2 {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0;
}
.footer-navigation ul {
  font-weight: 300;
  list-style-type: none;
  margin-top: 0.5em;
  padding: 0;
}
.footer-navigation ul li {
  font-size: 1.4rem;
  padding: 0.2em 0;
}
.footer-navigation > [class^=footer-navigation-] {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.footer-navigation > [class$=left] {
  margin-right: 1em;
  text-align: right;
}
.footer-navigation > [class$=right] {
  margin-left: 1em;
  text-align: left;
}

.mobile-navigation-footer {
  border-top: 1px solid #e0e0e0;
  bottom: 0;
  box-sizing: border-box;
  height: 50px;
  position: fixed;
  width: 100%;
  z-index: 12;
}
.mobile-navigation-footer svg {
  display: block;
  height: auto;
  margin: 0.2em auto 0.2em auto;
  width: 20px;
}
.mobile-navigation-footer svg path {
  fill: #4f4f4f;
}
.mobile-navigation-footer ul {
  align-items: center;
  background: #ffffff;
  color: #4f4f4f;
  display: flex;
  font-size: 1rem;
  height: 50px;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0 1.5em;
}
.mobile-navigation-footer ul li {
  text-align: center;
}
.mobile-navigation-footer a {
  color: #4f4f4f;
  display: block;
}
.mobile-navigation-footer a:visited {
  color: #4f4f4f;
}

@media screen and (min-width: 769px) {
  .site-footer {
    background-image: url(images/pixellama.png);
    background-position: 15% bottom;
  }
  .footer-navigation {
    margin-left: 40%;
    width: 60%;
  }
  .footer-navigation h2, .footer-navigation ul li {
    font-size: 1.6rem;
  }
  .site-info {
    font-size: 1.4rem;
    margin-right: 15%;
  }
}
@media screen and (min-width: desktop) {
  .site-footer {
    background-image: url(images/pixellama.png);
    background-position: 15% bottom;
  }
  .footer-navigation {
    margin-left: 40%;
    width: 60%;
  }
  .footer-navigation h2, .footer-navigation ul li {
    font-size: 1.6rem;
  }
  .site-info {
    font-size: 1.4rem;
    margin-right: 15%;
  }
}
@media screen and (min-width: 1024px) {
  .site-footer {
    background-position: 20% bottom;
  }
  .site-info {
    margin-right: 18%;
  }
  .mobile-navigation-footer {
    display: none;
  }
}
.tiles {
  clear: both;
  font-size: 0;
}
.tiles .tile {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 48%;
}
.tiles .tile:nth-child(odd) {
  margin: 0 2% 0 0;
}
.tiles .tile:nth-child(even) {
  margin: 0 0 0 2%;
}
.tiles .tile a {
  color: #000000;
}
.tiles .tile a:visited {
  color: #000000;
}
.tiles .tile h3 {
  font-family: "Roboto", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.3em;
  margin: 1em 0 1em 0;
}
.tiles .tile img {
  display: block;
  margin: 0;
  width: 100%;
}

.home .podcast .tiles h3 {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  html.mobile .tiles.slidable {
    -webkit-overflow-scrolling: touch;
    overflow-x: scroll;
    white-space: nowrap;
  }
  html.mobile .tiles.slidable ::-webkit-scrollbar {
    display: none;
  }
  html.mobile .tiles.slidable .tile {
    margin: 0 4%;
    white-space: normal;
    width: 65%;
  }
  html.mobile .tiles.slidable .tile:first-of-type {
    margin-left: 0;
  }
  html.mobile .tiles.slidable .tile:last-of-type {
    margin-right: 0;
  }
  html.mobile .tiles.slidable .tile h3 {
    font-size: 1.8rem;
    line-height: 1.4em;
  }
  .archive .tiles .tile {
    border-bottom: 1px solid #e5e5e5;
    display: block;
    margin: 0 0 1.5rem 0;
    overflow: hidden;
    padding: 0 0 1.5rem 0;
    width: 100%;
  }
  .archive .tiles .tile h3 {
    box-sizing: border-box;
    float: right;
    font-size: 1.6rem;
    margin: 0;
    padding: 0.25em 1em 0 1em;
    width: 60%;
  }
  .archive .tiles .tile img {
    float: left;
    margin: 0 1em 1em 0;
    width: calc(40% - 1em);
  }
}
@media screen and (min-width: 769px) {
  .tiles .tile {
    width: 32%;
  }
  .tiles .tile:nth-child(3n+1) {
    margin: 0 2% 0 0;
  }
  .tiles .tile:nth-child(3n+2) {
    margin: 0;
  }
  .tiles .tile:nth-child(3n+3) {
    margin: 0 0 0 2%;
  }
  .tiles .tile h3 {
    font-size: 1.8rem;
  }
  .home .tiles .tile {
    width: 23.5%;
  }
  .home .tiles .tile:nth-child(4n+1) {
    margin: 0;
  }
  .home .tiles .tile:nth-child(4n+2) {
    margin: 0 1% 0 2%;
  }
  .home .tiles .tile:nth-child(4n+3) {
    margin: 0 2% 0 1%;
  }
  .home .tiles .tile:nth-child(4n+4) {
    margin: 0;
  }
}
@media screen and (min-width: desktop) {
  .tiles .tile {
    width: 32%;
  }
  .tiles .tile:nth-child(3n+1) {
    margin: 0 2% 0 0;
  }
  .tiles .tile:nth-child(3n+2) {
    margin: 0;
  }
  .tiles .tile:nth-child(3n+3) {
    margin: 0 0 0 2%;
  }
  .tiles .tile h3 {
    font-size: 1.8rem;
  }
  .home .tiles .tile {
    width: 23.5%;
  }
  .home .tiles .tile:nth-child(4n+1) {
    margin: 0;
  }
  .home .tiles .tile:nth-child(4n+2) {
    margin: 0 1% 0 2%;
  }
  .home .tiles .tile:nth-child(4n+3) {
    margin: 0 2% 0 1%;
  }
  .home .tiles .tile:nth-child(4n+4) {
    margin: 0;
  }
}
.lasso-title {
  line-height: 1.2em !important;
}

.lasso-grid-wrap a.lasso-image:hover img {
  box-shadow: none;
}

/* previous lasso

.lasso-grid-wrap, .tool_section, .compact_section, .resource-sort-menu {
	max-width: 1000px !important;
}

.lasso-grid-wrap a.lasso-image:hover img {
	box-shadow: none;
}

.lasso-grid-wrap .lasso-container .lasso-llama {
	// this line makes the blocks the same height
	// display: flex;
	border: 0 !important;
}

.lasso-grid-wrap .lasso-box-1 .lasso-title {
	color: $mine-shaft;
	font-family: $sans-serif;
	font-size: 1.4em !important;
}

.lasso-grid-wrap .lasso-button-1, .lasso-grid-wrap .lasso-button-2 {
	font-family: $sans-serif;
}

.lasso-grid-wrap .lasso-button-1:hover, .lasso-grid-wrap .lasso-button-2:hover {
	filter: brightness(120%);
}

.lasso-grid-wrap {
	.lasso-container {
		.lasso-image {
			margin: 0 auto !important;
			width: 15% !important;

			img {
				margin: 0 !important;
			}
		}

		[data-tooltip]::after {
			background: $mine-shaft !important;
			color: $alabaster !important;
			font-family: $sans-serif !important;
		}
	}
}

@include breakpoint(standard) {
	.lasso-grid-wrap {
		.lasso-container {
			.lasso-title {
				align-items: center;
				display: flex;
				float: left !important;
				justify-content: center;
				min-height: 60px;
				text-align: center;
				width: 70% !important;
			}

			.lasso-image {
				float: right !important;
				height: 60px !important;
				margin-bottom: 0 !important;
				padding-bottom: 0 !important;
				width: 20% !important;

				img {
					height: 60px !important;
				}
			}

			.lasso-price {
				clear: both;
				font-family: $sans-serif;
			}

			.lasso-description {
				clear: both;
			}
		}
	}
}

*/
/* old css pre-lasso */
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section {
  font-size: 0;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool {
  background: #e5e5e5;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  font-size: 1.6rem;
  margin: 0 auto 1em auto;
  padding: 1em 1em 3.5em 1em;
  position: relative;
  vertical-align: top;
  width: 100%;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a {
  border-radius: 5px;
  color: #333333;
  display: block;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-cta, .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-clear {
  color: #ffffff;
  font-weight: 700;
  padding: 0.5em 1em;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-cta {
  background: #e32636;
  float: left;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-clear {
  background: #999999;
  float: right;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool h4 {
  font-weight: 700;
  margin: 0 auto 0.5em 0;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool h4 a {
  color: #333333;
  display: inline;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool img {
  float: right;
  padding: 0 0 1em 1em;
  width: 20% !important;
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool p {
  font-size: 1.6rem;
  width: calc(80% - 1em);
}
.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool p:last-of-type {
  bottom: 0;
  clear: both;
  left: 1em;
  position: absolute;
  width: calc(100% - 2em);
}
@media screen and (min-width: 769px) {
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool {
    display: inline-block;
    min-height: 400px;
    width: 48%;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool:nth-child(odd) {
    margin: 0 4% 1em 0;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool:nth-child(even) {
    margin: 0 0 1em 0;
  }
}
@media screen and (min-width: desktop) {
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool {
    display: inline-block;
    min-height: 400px;
    width: 48%;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool:nth-child(odd) {
    margin: 0 4% 1em 0;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool:nth-child(even) {
    margin: 0 0 1em 0;
  }
}
@media screen and (max-width: 479px), screen and (min-width: 769px) and (max-width: 1023px) {
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool {
    min-height: initial;
    padding: 1em 1em 0.4em 1em;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-cta, .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool a.button-clear {
    float: none;
    margin: 0.5em auto 0 auto;
    text-align: center;
  }
  .tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section.tool_section .tool p:last-of-type {
    padding-top: 1em;
    position: static;
    width: 100%;
  }
}

.compact_section.compact_section.compact_section.compact_section {
  font-size: 0;
}
.compact_section.compact_section.compact_section.compact_section .compact {
  box-sizing: border-box;
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 auto;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .compact_section.compact_section.compact_section.compact_section .compact {
    width: 45%;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(2n+1) {
    margin: 0 10% 0 0;
  }
}
@media screen and (min-width: tablet) {
  .compact_section.compact_section.compact_section.compact_section .compact {
    width: 45%;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(2n+1) {
    margin: 0 10% 0 0;
  }
}
@media screen and (min-width: 769px) {
  .compact_section.compact_section.compact_section.compact_section .compact {
    width: 30%;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(2n+1) {
    margin: 0;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(3n+2) {
    margin: 0 5%;
  }
}
@media screen and (min-width: desktop) {
  .compact_section.compact_section.compact_section.compact_section .compact {
    width: 30%;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(2n+1) {
    margin: 0;
  }
  .compact_section.compact_section.compact_section.compact_section .compact:nth-child(3n+2) {
    margin: 0 5%;
  }
}
.compact_section.compact_section.compact_section.compact_section .compact > a:first-of-type {
  background-color: #ffffff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #828282;
  box-sizing: border-box;
  display: block;
  height: 200px;
  position: relative;
  width: 100%;
}
.compact_section.compact_section.compact_section.compact_section .compact h4 {
  margin: 0.5em 0;
}
.compact_section.compact_section.compact_section.compact_section .compact p {
  margin: 0 0 1em 0;
}
.compact_section.compact_section.compact_section.compact_section .compact.badge > a::after {
  background: #5bac63;
  bottom: 0;
  color: #ffffff;
  content: "Essential";
  display: block;
  font-weight: 700;
  left: 0;
  line-height: 1em;
  opacity: 0.9;
  padding: 0.3em;
  position: absolute;
}

.resource-sort-menu.resource-sort-menu.resource-sort-menu.resource-sort-menu ul {
  margin: 1em auto;
  text-align: center;
}
.resource-sort-menu.resource-sort-menu.resource-sort-menu.resource-sort-menu ul li {
  background: #e5e5e5;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  margin: 0.25em;
  min-width: 50px;
  padding: 0.5em;
  text-align: center;
  text-indent: initial;
}
.resource-sort-menu.resource-sort-menu.resource-sort-menu.resource-sort-menu ul li::before {
  display: none;
}
.resource-sort-menu.resource-sort-menu.resource-sort-menu.resource-sort-menu ul li.current, .resource-sort-menu.resource-sort-menu.resource-sort-menu.resource-sort-menu ul li:hover {
  background: #333333;
  color: #ffffff;
}

.fleximodal {
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 1;
  perspective: 1000px;
  position: fixed;
  top: 0;
  transition: left 0s 0s, opacity 0.6s 0s;
  width: 100%;
  z-index: 12;
}
.fleximodal .fleximodal-content {
  transform: rotateX(0);
  transition: transform 0.6s;
  z-index: 15;
}
.fleximodal.closed {
  left: -1000%;
  opacity: 0;
  transition: opacity 0.3s, left 0s 0.3s;
}
.fleximodal.closed .fleximodal-content {
  transform: rotateX(90deg);
  transition: transform 0.3s;
}
.fleximodal.image .fleximodal-content, .fleximodal.image img {
  max-height: 85vh;
  max-width: 85vw;
}
.fleximodal.subscribe .fleximodal-content {
  background: #e5e5e5;
  max-width: 600px;
  width: 90vw;
}
.fleximodal.subscribe .fleximodal-content header {
  background: #e98328;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5em;
}
.fleximodal.subscribe .fleximodal-content header h2 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 900;
  margin: 0;
  padding: 0 1em 0 0;
  text-transform: uppercase;
}
.fleximodal.subscribe .fleximodal-content header button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 0;
  width: 25px;
}
.fleximodal.subscribe .fleximodal-content header button img {
  width: 100%;
}
.fleximodal.subscribe .fleximodal-content > div {
  padding: 0 2rem 1em 2rem;
}
.fleximodal.subscribe .fleximodal-content > div img {
  display: none;
}
@media screen and (min-width: 769px) {
  .fleximodal.subscribe .fleximodal-content > div img {
    border-radius: 100%;
    display: inline-block;
    float: right;
    width: 20%;
  }
}
@media screen and (min-width: desktop) {
  .fleximodal.subscribe .fleximodal-content > div img {
    border-radius: 100%;
    display: inline-block;
    float: right;
    width: 20%;
  }
}
.fleximodal.subscribe .fleximodal-content > div p {
  font-size: 1.5rem;
}
.fleximodal.subscribe .fleximodal-content form input[type=email] {
  box-sizing: border-box;
  display: block;
  font-size: 1.5rem;
  padding: 0.5em 0.5em 0.6em 0.5em;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .fleximodal.subscribe .fleximodal-content form input[type=email] {
    padding: 1em 2em 1em 0.5em;
  }
}
@media screen and (min-width: desktop) {
  .fleximodal.subscribe .fleximodal-content form input[type=email] {
    padding: 1em 2em 1em 0.5em;
  }
}
.fleximodal.subscribe .fleximodal-content form input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border-radius: 4px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0.5em 0;
  padding: 0.8em;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .fleximodal.subscribe .fleximodal-content form input[type=submit] {
    padding: 1.2em;
  }
}
@media screen and (min-width: desktop) {
  .fleximodal.subscribe .fleximodal-content form input[type=submit] {
    padding: 1.2em;
  }
}
.fleximodal.subscribe .fleximodal-content span {
  font-size: 1.4rem;
  line-height: 1.4em;
}

.page-template-team-page .author-meta > div {
  margin: 0 auto 0.8em auto;
  width: 65%;
}
@media screen and (min-width: 600px) {
  .page-template-team-page .author-meta > div {
    float: left;
    margin: 0 2em 0.8em 0;
    width: 192px;
  }
}
@media screen and (min-width: tablet) {
  .page-template-team-page .author-meta > div {
    float: left;
    margin: 0 2em 0.8em 0;
    width: 192px;
  }
}
.page-template-team-page .author-meta .author-social-media > div {
  display: flex;
  justify-content: flex-start;
}
.page-template-team-page .author-meta .author-social-media a {
  padding: 1em 0.5em 0 0.5em;
}
.page-template-team-page .author-meta .author-social-media a:first-of-type {
  padding-left: 0;
}
.page-template-team-page .author-meta .author-social-media a:last-of-type {
  padding-right: 0;
}
.page-template-team-page .author-meta .author-social-media a svg {
  fill: #999999;
}
.page-template-team-page .author-meta .author-social-media span {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.page-template-team-page .author-bio > p:first-of-type {
  margin-top: -0.25em;
}
@media screen and (min-width: 769px) {
  .page-template-team-page .author-bio > p:first-of-type {
    margin-top: -0.35em;
  }
}
@media screen and (min-width: desktop) {
  .page-template-team-page .author-bio > p:first-of-type {
    margin-top: -0.35em;
  }
}
.page-template-team-page .author-posts {
  clear: both;
}
.page-template-team-page .author-posts h2 {
  border-bottom: 1px solid #999999;
  font-family: "Roboto", sans-serif;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
  .page-template-team-page .author-posts h2 {
    margin-bottom: 0.8em;
  }
}
@media screen and (min-width: desktop) {
  .page-template-team-page .author-posts h2 {
    margin-bottom: 0.8em;
  }
}
.page-template-team-page .author-posts > a {
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
}
.page-template-team-page .author-posts .view-all {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff;
  border-radius: 5px;
  color: #333333;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.3em;
  margin-top: 1em;
  padding: 1em 0;
  text-transform: uppercase;
  width: 100%;
}
.page-template-team-page .author-posts .view-all span {
  position: relative;
}
.page-template-team-page .author-posts .view-all span::before {
  border-color: transparent transparent transparent #333333;
  border-style: solid;
  border-width: 6px 0 6px 10.4px;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  right: -1.2em;
  top: calc(50% - 6px);
  width: 0;
}
@media screen and (min-width: 769px) {
  .page-template-team-page .author-posts .view-all span::before {
    border-width: 5px 0 5px 8.6px;
  }
}
@media screen and (min-width: desktop) {
  .page-template-team-page .author-posts .view-all span::before {
    border-width: 5px 0 5px 8.6px;
  }
}
@media screen and (min-width: 769px) {
  .page-template-team-page .author-posts .view-all {
    font-size: 1.2rem;
    margin-top: 0;
    padding: 0.5em 3em 0.45em calc(3em - 10px);
    width: 18rem;
  }
}
@media screen and (min-width: desktop) {
  .page-template-team-page .author-posts .view-all {
    font-size: 1.2rem;
    margin-top: 0;
    padding: 0.5em 3em 0.45em calc(3em - 10px);
    width: 18rem;
  }
}

.inline-product-box {
  border-radius: 8px;
  border: 1px solid #bdbdbd;
  display: flex;
  flex-direction: column;
  font-family: "Roboto", sans-serif;
  overflow: hidden;
}
.home .inline-product-box {
  margin-top: 1rem;
}
@media screen and (min-width: 600px) {
  .inline-product-box {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: tablet) {
  .inline-product-box {
    flex-direction: row-reverse;
  }
}
.inline-product-box .image {
  background-position: 50% 0;
  background-size: cover;
  padding-top: 60%;
}
@media screen and (min-width: 600px) {
  .inline-product-box .image {
    padding-left: 30%;
    padding-top: 0;
  }
}
@media screen and (min-width: tablet) {
  .inline-product-box .image {
    padding-left: 30%;
    padding-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .inline-product-box .image {
    padding-left: 40%;
  }
}
@media screen and (min-width: desktop) {
  .inline-product-box .image {
    padding-left: 40%;
  }
}
@media screen and (min-width: 1350px) {
  .inline-product-box .image {
    background-position: 50% 0;
  }
}
.inline-product-box .content {
  padding: 1.5em;
}
@media screen and (min-width: 1024px) {
  .home .inline-product-box .content {
    padding: 3em 4.5em;
  }
}
.inline-product-box .content h3 {
  color: #4f4f4f;
  font-size: 2.1rem;
  font-weight: 900;
  line-height: 1.4em;
  margin: 0;
  text-transform: uppercase;
}
.home .inline-product-box .content h3 {
  color: #333333;
}
@media screen and (min-width: 769px) {
  .home .inline-product-box .content h3 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: desktop) {
  .home .inline-product-box .content h3 {
    font-size: 2.8rem;
  }
}
@media screen and (min-width: 1024px) {
  .inline-product-box .content h3 {
    font-size: 2.7rem;
  }
  .home .inline-product-box .content h3 {
    font-size: 3.6rem;
  }
}
.inline-product-box .content .text {
  color: #828282;
  font-size: 1.6rem;
  line-height: 1.6em;
  padding: 1.2rem 0 2rem 0;
}
@media screen and (min-width: 1024px) {
  .home .inline-product-box .content .text {
    font-size: 1.8rem;
  }
}
.inline-product-box .content .text p:first-of-type {
  margin-top: 0;
}
.inline-product-box .content .text p:last-of-type {
  margin-bottom: 0;
}
.inline-product-box .content a button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border-radius: 5px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 1em;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .inline-product-box .content a button {
    max-width: 250px;
  }
}
@media screen and (min-width: desktop) {
  .inline-product-box .content a button {
    max-width: 250px;
  }
}
@media screen and (min-width: 1024px) {
  .home .inline-product-box .content a button {
    font-size: 1.8rem;
    max-width: 370px;
  }
}
.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon {
  background: #ffffff;
}
@media screen and (min-width: 600px) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: tablet) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon {
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: desktop) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon {
    flex-direction: row-reverse;
  }
}
.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon .image {
  line-height: 0;
  padding: 0;
  text-align: center;
}
.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon .image a {
  display: inline-block;
  margin: 2rem 0 0 0;
  padding: 0;
}
.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon .image a img {
  height: 250px;
  margin: 0;
  padding: 0;
  width: auto !important;
}
@media screen and (min-width: 600px) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon .image a {
    margin: 2rem 4rem;
  }
}
@media screen and (min-width: tablet) {
  .inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.inline-product-box.amazon .image a {
    margin: 2rem 4rem;
  }
}

/* Native Links card styles for CIG. */
.tjf-link-card-shell {
  container-type: inline-size;
}

.tjf-link-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  margin: 1.25rem 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  font-family: "Roboto", sans-serif;
}

.tjf-link-card--has-badge {
  padding-top: 0.5rem;
}

.tjf-link-card__badge {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: #173f85;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.35rem 0.5rem;
  border-radius: 999px;
}

.tjf-link-card__image-wrap {
  background: #f8fafc;
  padding: 0.875rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tjf-link-card__image-link {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}

.tjf-link-card__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

.tjf-link-card__body {
  padding: 1.5rem 1.5rem 1.375rem;
}

.tjf-link-card__title {
  font-size: 2rem;
  line-height: 1.18;
  margin: 0 0 1rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.tjf-link-card__title a {
  color: #1e293b;
  text-decoration: none;
}

.tjf-link-card__title a:hover,
.tjf-link-card__title a:focus {
  text-decoration: underline;
}

.tjf-link-card__description {
  color: #334155;
  margin-bottom: 1rem;
  font-size: 16px;
  line-height: 1.55;
}

.tjf-link-card__description p {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 1rem;
}

.tjf-link-card__description p:last-child {
  margin-bottom: 0;
}

.tjf-link-card__price {
  font-weight: 700;
  color: #173f85;
  margin-bottom: 1rem;
}

.tjf-link-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.tjf-link-card__button {
  display: inline-block;
  padding: 0.625rem 1rem;
  border-radius: 0.6rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  border: 1px solid transparent;
  background: #4f46e5;
  color: #fff;
  box-shadow: 0 1px 2px rgba(79, 70, 229, 0.3);
  transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}

.tjf-link-card__button--secondary {
  background: transparent;
  color: #4f46e5;
  border-color: transparent;
  box-shadow: none;
}

.tjf-link-card__button:hover {
  background: #4338ca;
  color: #fff;
}

.tjf-link-card__button:focus {
  outline: 2px solid #a5b4fc;
  outline-offset: 2px;
}

.tjf-link-card__button--secondary:hover {
  background: #eef2ff;
  color: #4338ca;
}

.tjf-link-card__disclosure {
  margin-top: 1.25rem;
  font-size: 13px !important;
  line-height: 1.45;
  color: #64748b;
}

@container (min-width: 700px) {
  .tjf-link-card {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.9fr);
    grid-template-areas: "body image";
    align-items: center;
    column-gap: 1.25rem;
  }
  .tjf-link-card__body {
    grid-area: body;
    padding: 1.625rem 1.25rem 1.625rem 1.625rem;
  }
  .tjf-link-card__image-wrap {
    grid-area: image;
    padding: 1rem 1.125rem;
    background: #fff;
    text-align: center;
  }
  .tjf-link-card__image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
  }
  .tjf-link-card__image {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: contain;
    object-position: center;
    border-radius: 12px;
  }
}
/* Sized here so the high-specificity .entry-content > :not(...) rule can omit these blocks. */
.entry-content > .tjf-links-grid,
.entry-content > .tjf-link-card-shell {
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  width: 85%;
}

.tjf-links-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1rem;
}

.tjf-links-grid--list {
  grid-template-columns: 1fr;
}

.tjf-links-grid--grid {
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  justify-content: stretch;
}

.tjf-links-grid--grid .tjf-links-grid__item .tjf-link-card {
  margin: 0;
}

.tjf-links-grid__item {
  container-type: inline-size;
}

.tjf-links-grid--grid.tjf-links-grid--cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.tjf-links-grid--grid.tjf-links-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(200px, 1fr));
}

.tjf-links-grid--grid.tjf-links-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(200px, 1fr));
}

.tjf-links-grid--grid.tjf-links-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(200px, 1fr));
}

@media (max-width: 980px) {
  .tjf-links-grid--grid,
  .tjf-links-grid--grid.tjf-links-grid--cols-2,
  .tjf-links-grid--grid.tjf-links-grid--cols-3,
  .tjf-links-grid--grid.tjf-links-grid--cols-4 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
/* Basic admin table column sizing used by Links screens. */
.post-type-lasso-urls .wp-list-table .column-tjf_link_image {
  width: 90px;
}

.post-type-lasso-urls .wp-list-table .column-tjf_link_clicks {
  width: 120px;
}

.featured-video-header {
  background-image: linear-gradient(180deg, rgba(80, 80, 80, 0) 0%, #2A2A2A 100%), linear-gradient(0deg, #333333, #333333);
  background-position: center;
  background-size: cover;
  height: auto;
  margin: 0 auto;
  width: 100%;
}

.featured-video {
  margin: 0 auto;
  width: 100%;
}

.featured-image {
  display: block;
  margin: 1em auto 3em auto;
  max-width: 1000px;
  width: 100%;
}

.featured-audio {
  margin-top: 1em;
  overflow: hidden;
}

.entry-header > :not(.featured-video-header):not(.featured-image), .entry-content > :not(a):not(figure):not(img):not(.book):not(.featured-guide):not(.review-pros):not(.review-cons):not(.tjf-links-grid):not(.tjf-link-card-shell), .entry-footer > :not(.book-section) {
  margin-left: auto;
  margin-right: auto;
  max-width: 730px;
  width: 85%;
}

/* page-wide-resource-links.php — only [tjf_links layout="grid"] widens; single cards stay article width */
.page-template-page-wide-resource-links-php .entry-content .tjf-links-grid.tjf-links-grid--grid,
.page-template-page-wide-resource-links .entry-content .tjf-links-grid.tjf-links-grid--grid {
  max-width: 1200px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.entry-title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
@media screen and (min-width: 769px) {
  .entry-title {
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.5em;
    margin-bottom: 0.25em;
    margin-top: 0.45em;
  }
}
@media screen and (min-width: desktop) {
  .entry-title {
    font-size: 4.5rem;
    font-weight: 900;
    line-height: 1.5em;
    margin-bottom: 0.25em;
    margin-top: 0.45em;
  }
}

.swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {
  width: 85% !important;
  max-width: 730px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.advertisement-disclosure {
  color: #828282;
  font-size: 1.2rem;
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 1.2em;
  margin-top: 1.5em;
  position: relative;
  text-align: center;
  width: 300px !important;
}
@media screen and (min-width: 769px) {
  .advertisement-disclosure {
    width: 600px !important;
  }
}
@media screen and (min-width: desktop) {
  .advertisement-disclosure {
    width: 600px !important;
  }
}
.advertisement-disclosure::before {
  border-bottom: #bdbdbd solid 1px;
  content: " ";
  left: 10%;
  position: absolute;
  top: -1em;
  width: 80%;
}
@media screen and (min-width: 769px) {
  .advertisement-disclosure::before {
    left: 15%;
    width: 70%;
  }
}
@media screen and (min-width: desktop) {
  .advertisement-disclosure::before {
    left: 15%;
    width: 70%;
  }
}

article {
  background: #fbfbfb;
}

.entry-content {
  font-family: "Georgia", serif;
  font-size: 1.8rem;
  line-height: 1.6em;
  overflow: hidden;
  word-wrap: break-word;
}
@media screen and (min-width: 769px) {
  .entry-content {
    font-size: 1.9rem;
  }
}
@media screen and (min-width: desktop) {
  .entry-content {
    font-size: 1.9rem;
  }
}
.entry-content > a {
  display: block;
  margin: 0 auto;
  max-width: 850px !important;
  width: 100% !important;
}
.entry-content blockquote {
  border-left: solid 4px #828282;
  color: #828282;
  font-size: 1.1em;
  font-style: italic;
  letter-spacing: -0.005em;
  margin-left: 0;
  padding-left: 20px;
}
@media screen and (min-width: 769px) {
  .entry-content blockquote {
    font-size: 1.2em;
    letter-spacing: -0.012em;
  }
}
@media screen and (min-width: desktop) {
  .entry-content blockquote {
    font-size: 1.2em;
    letter-spacing: -0.012em;
  }
}
.entry-content figcaption {
  color: #999999;
  font-size: 1.6rem;
  font-style: italic;
  padding: 0.2em 0.5em;
}
.entry-content figure:not(.alignleft):not(.alignright), .entry-content img:not(.alignleft):not(.alignright):not(.emoji):not(.wp-smiley):not([src*="/smilies/"]) {
  max-width: 850px !important;
  width: 100% !important;
}
.entry-content figure {
  background: none;
  padding: 5px 0 3px 0;
  position: relative;
}
.entry-content figure img {
  margin-bottom: 0 !important;
}
@media screen and (min-width: 1350px) {
  .entry-content figure:not(.tall) {
    line-height: 0;
  }
  .entry-content figure:not(.tall) figcaption {
    line-height: 1.6em;
  }
}
.entry-content h1, .entry-content h2 {
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.5em;
  margin: 1em 0 0.5em 0;
}
@media screen and (min-width: 769px) {
  .entry-content h1, .entry-content h2 {
    font-size: 2em;
  }
}
@media screen and (min-width: desktop) {
  .entry-content h1, .entry-content h2 {
    font-size: 2em;
  }
}
.entry-content h2 {
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  position: relative;
}
.entry-content h2 .section-link {
  left: -20px;
  position: absolute;
  top: 4px;
  width: 12px;
}
.entry-content h2 .section-link svg {
  fill: #999999;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .entry-content h2 .section-link {
    left: -25px;
    top: 3px;
    width: 15px;
  }
}
@media screen and (min-width: tablet) {
  .entry-content h2 .section-link {
    left: -25px;
    top: 3px;
    width: 15px;
  }
}
@media screen and (min-width: 769px) {
  .entry-content h2 .section-link {
    top: -2px;
  }
}
@media screen and (min-width: desktop) {
  .entry-content h2 .section-link {
    top: -2px;
  }
}
.entry-content h2:target {
  margin-top: -50px;
  padding-top: calc(50px + 0.5em);
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .entry-content h2:target {
    margin-top: -60px;
    padding-top: calc(60px + 0.5em);
  }
}
.entry-content h2:target .section-link {
  top: calc(50px + 0.5em + 4px);
}
@media screen and (min-width: 600px) {
  .entry-content h2:target .section-link {
    top: calc(50px + 0.5em + 3px);
  }
}
@media screen and (min-width: tablet) {
  .entry-content h2:target .section-link {
    top: calc(50px + 0.5em + 3px);
  }
}
@media screen and (min-width: 1024px) {
  .entry-content h2:target .section-link {
    top: calc(60px + 0.5em - 2px);
  }
}
.entry-content h3 {
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  font-size: 1.2em;
  font-weight: 700;
  margin: 1.2em 0 0.6em 0;
}
@media screen and (min-width: 769px) {
  .entry-content h3 {
    font-size: 1.4em;
  }
}
@media screen and (min-width: desktop) {
  .entry-content h3 {
    font-size: 1.4em;
  }
}
.entry-content h3:target {
  margin-top: -50px;
  padding-top: calc(50px + 0.6em);
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .entry-content h3:target {
    margin-top: -60px;
    padding-top: calc(60px + 0.6em);
  }
}
.entry-content img:not(.emoji):not(.wp-smiley):not([src*="/smilies/"]) {
  margin-bottom: 1em;
}
.entry-content img:not(.emoji):not(.wp-smiley):not([src*="/smilies/"]).amazon.aligncenter {
  height: auto;
  max-width: 350px !important;
}
.entry-content img:not(.emoji):not(.wp-smiley):not([src*="/smilies/"]).amazon.alignright, .entry-content img:not(.emoji):not(.wp-smiley):not([src*="/smilies/"]).amazon.alignleft {
  max-height: 150px;
  width: auto;
}
.entry-content ol li {
  margin-top: 10px;
  padding-left: 10px;
}
.entry-content p {
  letter-spacing: -0.003em;
  line-height: 1.5em;
  margin: 0.6em 0;
}
.entry-content p:first-of-type {
  font-size: 1.1em;
}
@media screen and (min-width: 769px) {
  .entry-content p {
    line-height: 1.7em;
    margin: 1.2em 0;
  }
}
@media screen and (min-width: desktop) {
  .entry-content p {
    line-height: 1.7em;
    margin: 1.2em 0;
  }
}
.entry-content ul {
  list-style-type: none;
  padding-left: 0;
}
.entry-content ul li {
  margin-left: 1em;
  margin-top: 10px;
  text-indent: -1em;
}
.entry-content ul li ul {
  padding-left: 2rem;
}
.entry-content ul li:before {
  background: orange;
  border-radius: 100%;
  content: " ";
  display: inline-block;
  height: 7px;
  margin-right: 0.6em;
  width: 7px;
}
.entry-content ul.car-list > li {
  font-weight: 700;
  padding-top: 0.5em;
}
.entry-content ul.car-list > li ul {
  font-weight: 400;
}
.entry-content ul.car-list li {
  margin-left: initial;
  text-indent: initial;
}

.entry-header .entry-meta {
  color: #999999;
  padding-bottom: 1em;
}
.entry-header .entry-meta .author-avatar {
  border-radius: 100%;
  float: left;
  height: 35px;
  margin-top: -1.8em;
  width: 35px;
}
.entry-header .entry-meta .author-name, .entry-header .entry-meta .modify-date {
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.5em;
  padding-left: calc(35px + 1em);
}
@media screen and (min-width: 769px) {
  .entry-header .entry-meta .author-name, .entry-header .entry-meta .modify-date {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: desktop) {
  .entry-header .entry-meta .author-name, .entry-header .entry-meta .modify-date {
    font-size: 1.5rem;
  }
}
.entry-header .entry-meta .label::before {
  content: "By ";
}
@media screen and (min-width: 769px) {
  .entry-header .entry-meta .label::before {
    content: "Written by ";
  }
}
@media screen and (min-width: desktop) {
  .entry-header .entry-meta .label::before {
    content: "Written by ";
  }
}

article .table-of-contents {
  background: #ffffff;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  padding: 0.2em 2em;
}
.featured-audio + .table-of-contents {
  margin-top: 2em;
}

article .table-of-contents > ol {
  border-top: #828282 1px solid;
  box-sizing: border-box;
  display: none;
  font-size: 1.8rem;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}
article .table-of-contents > ol > li {
  line-height: 2.5em;
}
article .table-of-contents > ol > li:first-of-type {
  padding-top: 1em;
}
article .table-of-contents > ol > li:last-of-type {
  padding-bottom: 1em;
}
article .table-of-contents > ol ol li {
  line-height: 1.8em;
}
article .table-of-contents .table-of-contents-button {
  -moz-appearance: none;
  -webkit-appearance: none;
  border-color: transparent;
  box-shadow: none;
  outline-style: none;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transform: rotate(180deg);
  transition: transform 0.15s;
  width: 1.4rem;
}
article .table-of-contents .table-of-contents-button.closed {
  transform: none;
}
article .table-of-contents .table-of-contents-header {
  align-items: center;
  color: #828282;
  display: flex;
  font-size: 1.8rem;
  font-weight: 700;
  height: 3.5em;
  justify-content: space-between;
  margin: 0 auto;
  text-transform: uppercase;
  width: 100%;
}
article .table-of-contents .table-of-contents-header .image {
  width: 2rem;
}

.page .entry-header .entry-meta {
  display: inline;
  padding: 0;
}

.entry-meta, .entry-content {
  z-index: 1;
  position: relative;
}

.book-section {
  background: #333333;
  color: #ffffff;
  padding: 1.5em 2em;
}
.book-section .book-button {
  display: block;
  font-size: 2rem;
}
.book-section .book-button button {
  background: #e32636;
  border-radius: 4px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-weight: 700;
  padding: 0.5em 1em;
  text-transform: capitalize;
  width: 100%;
}
.book-section h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-top: 0;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 769px) {
  .book-section h2 {
    font-size: 3.6rem;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: desktop) {
  .book-section h2 {
    font-size: 3.6rem;
    margin-bottom: 0.5em;
  }
}
.book-section .book-image {
  flex-shrink: 0;
  padding-right: 1.5em;
  width: 30%;
}
@media screen and (min-width: 769px) {
  .book-section .book-image {
    padding-right: 4em;
    width: 265px;
  }
}
@media screen and (min-width: desktop) {
  .book-section .book-image {
    padding-right: 4em;
    width: 265px;
  }
}
.book-section .book-content {
  align-items: flex-start;
  display: flex;
  justify-content: space-around;
  padding-bottom: 1.5em;
  max-width: 700px;
  margin: 0 auto;
}
.book-section .book-content p {
  font-size: 1.5rem;
  font-weight: 300;
}
.book-section .book-content p:first-of-type {
  margin-top: 0;
}
@media screen and (min-width: 769px) {
  .book-section .book-content p {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: desktop) {
  .book-section .book-content p {
    font-size: 1.7rem;
  }
}

.related-posts {
  color: #4f4f4f;
  font-size: 0;
}
.related-posts a {
  color: #000000;
}
.related-posts h2 {
  color: #000000;
  text-transform: capitalize;
}
.related-posts section > h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 769px) {
  .related-posts section > h2 {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: desktop) {
  .related-posts section > h2 {
    font-size: 2.6rem;
  }
}
.related-posts section.topic-posts > h2 {
  text-transform: none;
}
.related-posts section.topic-posts > h2 a {
  text-transform: capitalize;
}
.related-posts .read-more-post {
  margin: 0 auto;
  max-width: 320px;
  width: 100%;
}
.related-posts .read-more-post + .read-more-post {
  margin-top: 15px;
}
@media screen and (min-width: 600px) {
  .related-posts .read-more-post + .read-more-post {
    margin-left: 5%;
    margin-top: initial;
  }
}
@media screen and (min-width: tablet) {
  .related-posts .read-more-post + .read-more-post {
    margin-left: 5%;
    margin-top: initial;
  }
}
.related-posts .read-more-post img {
  margin: 0;
  width: 100%;
}
.related-posts .read-more-post h2 {
  font-size: 1.6rem;
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .related-posts .read-more-post h2 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .related-posts .read-more-post h2 {
    font-size: 1.8rem;
  }
}
.related-posts .read-more-post p {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 0.8em;
}
@media screen and (min-width: 600px) {
  .related-posts .read-more-post {
    display: inline-block;
    max-width: none;
    vertical-align: top;
    width: 47.5%;
  }
}
@media screen and (min-width: tablet) {
  .related-posts .read-more-post {
    display: inline-block;
    max-width: none;
    vertical-align: top;
    width: 47.5%;
  }
}
.related-posts .popular-posts, .related-posts .topic-posts {
  margin-top: 2em;
}
@media screen and (min-width: 600px) {
  .related-posts .popular-posts, .related-posts .topic-posts {
    display: inline-block;
    max-width: none;
    vertical-align: top;
    width: 47.5%;
  }
}
@media screen and (min-width: tablet) {
  .related-posts .popular-posts, .related-posts .topic-posts {
    display: inline-block;
    max-width: none;
    vertical-align: top;
    width: 47.5%;
  }
}
@media screen and (min-width: 600px) {
  .related-posts .topic-posts {
    margin-left: 5%;
  }
}
@media screen and (min-width: tablet) {
  .related-posts .topic-posts {
    margin-left: 5%;
  }
}
.related-posts .popular-post, .related-posts .topic-post {
  border-top: 1px solid #999999;
}
.related-posts .popular-post h2, .related-posts .topic-post h2 {
  font-size: 1.5rem;
  margin-left: 0.5em;
}
@media screen and (min-width: 769px) {
  .related-posts .popular-post h2, .related-posts .topic-post h2 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: desktop) {
  .related-posts .popular-post h2, .related-posts .topic-post h2 {
    font-size: 1.8rem;
  }
}
.related-posts .topic-posts > h2:first-of-type a {
  color: #e32636;
}

@media screen and (min-width: 769px) {
  .featured-video {
    max-width: 830px;
    padding: 2em 0;
    width: 90%;
  }
  .entry-header .entry-meta {
    align-items: center;
    display: flex;
    font-size: 0.85em;
    justify-content: center;
  }
  .entry-header .entry-meta .author-name {
    padding-left: 0;
  }
  .entry-header .entry-meta .author-avatar {
    float: none;
    height: 50px;
    margin: 0;
    padding: 0 2em;
    width: 50px;
  }
  .entry-header .entry-meta .modify-date {
    padding-left: 0;
  }
  .entry-footer .entry-meta .author-meta {
    flex-direction: row;
  }
  .entry-footer .entry-meta .author-social-media {
    margin-bottom: 0;
    padding-left: 20%;
  }
  .book-section {
    position: relative;
  }
  .book-section .book-button {
    bottom: 1.5em;
    left: calc((100% - 700px) / 2 + 265px + 2em);
    position: absolute;
  }
  .book-section .book-button button {
    width: 315px;
  }
}
@media screen and (min-width: desktop) {
  .featured-video {
    max-width: 830px;
    padding: 2em 0;
    width: 90%;
  }
  .entry-header .entry-meta {
    align-items: center;
    display: flex;
    font-size: 0.85em;
    justify-content: center;
  }
  .entry-header .entry-meta .author-name {
    padding-left: 0;
  }
  .entry-header .entry-meta .author-avatar {
    float: none;
    height: 50px;
    margin: 0;
    padding: 0 2em;
    width: 50px;
  }
  .entry-header .entry-meta .modify-date {
    padding-left: 0;
  }
  .entry-footer .entry-meta .author-meta {
    flex-direction: row;
  }
  .entry-footer .entry-meta .author-social-media {
    margin-bottom: 0;
    padding-left: 20%;
  }
  .book-section {
    position: relative;
  }
  .book-section .book-button {
    bottom: 1.5em;
    left: calc((100% - 700px) / 2 + 265px + 2em);
    position: absolute;
  }
  .book-section .book-button button {
    width: 315px;
  }
}
@media screen and (min-width: 1350px) {
  .entry-content figure:not(.alignleft):not(.alignright):not(.tall) figcaption {
    bottom: 0;
    font-size: 0.8em;
    left: 103%;
    line-height: 1.5em;
    position: absolute;
    text-align: left;
    width: 25%;
  }
  .entry-content figure:not(.alignleft):not(.alignright):not(.tall) figcaption:before {
    border-bottom: 1px solid #f2994a;
    content: " ";
    display: block;
    margin-bottom: 1em;
    width: 50%;
  }
}
.review-pros, .review-cons {
  box-sizing: border-box;
  margin-bottom: 1em;
  padding: 1em 2em;
  width: 100%;
}
.review-pros h3, .review-cons h3 {
  margin-top: 0;
}
.review-pros ul, .review-cons ul {
  margin-bottom: 0.5em;
  padding-left: 1em;
}
.review-pros {
  background-color: rgb(158.7246963563, 206.2753036437, 163.4210526316);
}

.review-cons {
  background-color: rgb(238.6571428571, 128.3428571429, 137.6816326531);
}

@media screen and (min-width: 769px) {
  .review-pros, .review-cons {
    border-radius: 5px;
    margin: 0 auto 1em auto;
    max-width: 730px;
    width: 85%;
  }
}
@media screen and (min-width: desktop) {
  .review-pros, .review-cons {
    border-radius: 5px;
    margin: 0 auto 1em auto;
    max-width: 730px;
    width: 85%;
  }
}

.button.button.button.button {
  display: block;
  margin: 1.5em auto;
  max-width: 400px !important;
  width: 100%;
}
.button button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 1em;
  text-transform: capitalize;
  width: 100%;
}
@media screen and (min-width: 401px) {
  .button button {
    border-radius: 4px;
  }
}
@media screen and (min-width: 769px) {
  .button button {
    font-size: 1.8rem;
    padding: 1em 2em;
  }
}
@media screen and (min-width: desktop) {
  .button button {
    font-size: 1.8rem;
    padding: 1em 2em;
  }
}

.review-data {
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  .review-data {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: desktop) {
  .review-data {
    font-size: 1.6rem;
  }
}
.review-data .review-rating > div {
  align-items: center;
  display: flex;
}
.review-data .review-rating > div > span:first-of-type {
  padding-right: 0.5em;
}
.review-data .review-summary {
  margin-top: 1em;
}
.review-data .review-summary strong {
  padding-right: 0.5em;
}

.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall {
  clear: both;
  text-align: center;
  width: 100%;
}
.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall a {
  display: inline-block;
}
.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall img {
  width: auto !important;
  max-width: 100% !important;
}
@media screen and (min-width: 401px) {
  .tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall img {
    max-width: 400px !important;
  }
}
.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall {
  /* Native Links card images: keep padded box + max-height, not full-bleed. */
}
.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall .tjf-link-card__image-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall.tall img.tjf-link-card__image {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 300px !important;
  object-fit: contain !important;
  object-position: center !important;
}

.relpost.relpost.relpost.relpost {
  align-items: center;
  border-color: #bdbdbd;
  border-style: dashed;
  border-width: 2px 0 2px 0;
  box-sizing: border-box;
  display: flex;
  justify-content: space-around;
  margin: 2em 0;
  padding: 1rem 2rem;
}
.relpost.relpost.relpost.relpost > a {
  box-sizing: border-box;
  padding-right: 4rem;
  width: 40% !important;
}
.relpost.relpost.relpost.relpost > a img {
  margin: 0;
}
.relpost.relpost.relpost.relpost h4, .relpost.relpost.relpost.relpost p {
  font-size: 1em !important;
}
.relpost.relpost.relpost.relpost h4 {
  margin-top: 0;
}
.relpost.relpost.relpost.relpost p {
  margin-bottom: 0;
}

.subscribe-form.subscribe-form.subscribe-form.subscribe-form {
  display: block;
  max-width: 400px !important;
}
@media screen and (min-width: 769px) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 600px !important;
  }
}
@media screen and (min-width: desktop) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form {
    align-items: center;
    display: flex;
    justify-content: space-between;
    max-width: 600px !important;
  }
}
.subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=email] {
  box-sizing: border-box;
  display: block;
  font-size: 1.5rem;
  padding: 0.5em 0.5em 0.6em 0.5em;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=email] {
    margin-right: 3rem;
    padding: 1em 2em 1em 0.5em;
  }
}
@media screen and (min-width: desktop) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=email] {
    margin-right: 3rem;
    padding: 1em 2em 1em 0.5em;
  }
}
.subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=submit] {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border-radius: 4px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0.5em 0;
  padding: 0.8em;
  text-transform: uppercase;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=submit] {
    padding: 1.2em;
  }
}
@media screen and (min-width: desktop) {
  .subscribe-form.subscribe-form.subscribe-form.subscribe-form input[type=submit] {
    padding: 1.2em;
  }
}

.wpcf7 {
  width: 100%;
}
.wpcf7 div, .wpcf7 iframe, .wpcf7 input, .wpcf7 p, .wpcf7 select, .wpcf7 textarea {
  box-sizing: border-box;
  max-width: 100%;
}
.wpcf7 input:not([type=checkbox]):not([type=submit]), .wpcf7 select, .wpcf7 textarea {
  border: #bdbdbd 1px solid;
  padding: 0.5em;
}
.wpcf7 input:not([type=checkbox]), .wpcf7 textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.wpcf7 select {
  border-radius: 4px;
  position: relative;
}
.wpcf7 select::after {
  border-top-color: #999999;
  border-width: 0.4em;
  border: solid transparent;
  content: " ";
  cursor: pointer;
  position: absolute;
  right: -0.7em;
  top: 1.15em;
}
@media screen and (min-width: 401px) {
  .wpcf7 input, .wpcf7 textarea {
    border-radius: 4px;
  }
}
.wpcf7 .wpcf7-list-item {
  margin: 0;
}
.wpcf7 .wpcf7-submit {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #e32636;
  border-radius: 4px;
  border: 0;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  padding: 1em;
  text-transform: capitalize;
}
@media screen and (min-width: 769px) {
  .wpcf7 .wpcf7-submit {
    font-size: 1.8rem;
    padding: 1em 2em;
  }
}
@media screen and (min-width: desktop) {
  .wpcf7 .wpcf7-submit {
    font-size: 1.8rem;
    padding: 1em 2em;
  }
}

.footnote {
  font-size: 0.6em;
}

/*# sourceMappingURL=style-single.css.map */