/*!
Theme Name: the-portal
Theme URI: https://github.com/a8cteam51/theportal
Author: WordPress Special Projects
Author URI: https://wpspecialprojects.wordpress.com
Description: Custom theme for The Portal
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theportal
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

theportal is based on Gutenberg https://github.com/WordPress/gutenberg-theme/, which is based on Underscores http://underscores.me/, (C) 2012-2016 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.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	* colors
	* typography
	* normalize
	* mixins
	* base
	* alignments
	* accessibility
	* media
	* infinitescroll
	* print
# Elements
	* buttons
	* fields
	* main-menu
	* post-nav
	* comments
	* captions
	* gallery
	* widgets
# Typography
	* copy
	* headings
	* lists
	* links
# Sections
	* header
	* sidebar
	* footer
	* page
	* post
	* home
	* 404

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Theme Colors */
@font-face {
  font-family: Metropolis;
  src: url("/wp-content/themes/the-portal/assets/fonts/Metropolis-Regular.woff2") format("woff2"), url("/wp-content/themes/the-portal/assets/fonts/Metropolis-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Metropolis;
  src: url("/wp-content/themes/the-portal/assets/fonts/Metropolis-RegularItalic.woff2") format("woff2"), url("/wp-content/themes/the-portal/assets/fonts/Metropolis-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: Metropolis;
  src: url("/wp-content/themes/the-portal/assets/fonts/Metropolis-Bold.woff2") format("woff2"), url("/wp-content/themes/the-portal/assets/fonts/Metropolis-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Metropolis;
  src: url("/wp-content/themes/the-portal/assets/fonts/Metropolis-BoldItalic.woff2") format("woff2"), url("/wp-content/themes/the-portal/assets/fonts/Metropolis-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2.44em;
  margin: 0.67em 0;
  line-height: 1.4; }

h2 {
  font-size: 1.95em;
  line-height: 1.4; }

h3 {
  font-size: 1.56em;
  line-height: 1.4; }

h4 {
  font-size: 1.25em;
  line-height: 1.5; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 0.8em; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

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

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

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  font-family: "Metropolis", proxima-nova, sans-serif;
  font-size: 10px;
  height: 100%; }

*,
*:before,
*:after {
  box-sizing: inherit; }

body {
  font-size: 16px;
  /* 16px default */
  line-height: 26px;
  background-color: #535867;
  background-image: url("/wp-content/themes/the-portal/assets/images/hopf-fibration.svg");
  background-repeat: no-repeat;
  background-size: 71.7% auto;
  background-position: right top;
  position: relative;
  height: 100%; }
  @media screen and (max-width: 910px) {
    body {
      background-image: url("/wp-content/themes/the-portal/assets/images/hopf-fibration-mobile.svg");
      background-position: center 10rem;
      background-size: cover; } }

body,
button,
input,
select,
optgroup,
textarea {
  color: #ffffff;
  font-family: "Metropolis", proxima-nova, sans-serif; }

hr {
  border: 0;
  height: 1px;
  margin-bottom: 2rem; }

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

figure {
  margin: 1rem 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

table {
  margin: 0 0 2rem;
  width: 100%; }

.alignleft,
.alignright {
  max-width: 636px !important;
  /* Let's work to make this !important unnecessary */ }

.alignleft img,
.alignright img,
.alignleft figcaption,
.alignright figcaption {
  max-width: 50%;
  width: 50%; }

.alignleft figcaption {
  clear: left; }

.alignright figcaption {
  clear: right; }

.alignleft img,
.alignleft figcaption {
  float: left;
  margin-right: 1.5rem; }

.alignright img,
.alignright figcaption {
  float: right;
  margin-left: 1.5rem; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* 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: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0; }

/* element-invisible from http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

/* Turns off element-invisible */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto; }

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block; }

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* Forms */
summary {
  list-style-image: none;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s; }

summary::-webkit-details-marker {
  display: none; }

.wp-block-button__link:visited,
.wp-block-button__link {
  background-color: #EAFF68;
  color: #535867;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  font-size: 1.4rem;
  padding: 0 1.2rem; }
  .wp-block-button__link:visited:hover,
  .wp-block-button__link:hover {
    background-color: #c1c5d1;
    color: #535867; }

::-webkit-input-placeholder {
  /* Chrome */
  color: white; }

:-ms-input-placeholder {
  /* IE 10+ */
  color: white; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  opacity: 1; }

:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: white;
  opacity: 1; }

input:-internal-autofill-selected {
  background-color: transparent !important; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  border-radius: 50%;
  border-radius: 2rem;
  background: #EAFF68;
  color: #ffffff;
  font-size: 1.4rem;
  line-height: 1;
  padding: .6rem 1rem .4rem;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    background: #c1c5d1; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    background: #c1c5d1; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ffffff;
  background: transparent;
  border-radius: 0;
  padding: 0.3rem; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

.entry-content .yikes-easy-mc-form {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .entry-content .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    width: auto;
    color: #535867;
    margin-top: 0;
    min-height: auto;
    padding: 1.4rem 2rem; }
  .entry-content .yikes-easy-mc-form input[type="text"],
  .entry-content .yikes-easy-mc-form input[type="email"] {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff; }
  .entry-content .yikes-easy-mc-form label {
    width: calc(50% - 6px); }
    .entry-content .yikes-easy-mc-form label.EMAIL-label {
      width: 100%; }

.mc4wp-form-fields {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between; }
  .mc4wp-form-fields input[type="text"] {
    width: calc(50% - 24px);
    background-image: none !important; }
  .mc4wp-form-fields input[type="email"] {
    width: 100%; }
  .mc4wp-form-fields input[type="text"],
  .mc4wp-form-fields input[type="email"] {
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    margin-bottom: 2rem;
    padding: 0.8rem; }
  .mc4wp-form-fields input[type="submit"] {
    width: auto;
    color: #535867;
    padding: 1.4rem 2rem; }

#__lpform_FNAME_icon {
  display: none; }

/* Navigation */
.main-navigation {
  clear: both;
  display: block;
  margin: 0 auto;
  max-width: 636px;
  text-align: center; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999;
      text-align: left; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul,
      .main-navigation ul ul li.focus > ul {
        left: 100%;
        display: block; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

.menu-toggle {
  padding: 1rem; }

@media screen and (max-width: 37.5em) {
  /* Small menu. */
  .menu-toggle,
  .main-navigation.toggled ul {
    display: block;
    margin: 0 auto; } }

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none; }
  .main-navigation ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .main-navigation a {
    padding: 0 .5rem; } }

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  border-bottom: 1px solid #111;
  margin: 0 auto 60px;
  max-width: 636px;
  overflow: hidden;
  padding-bottom: 6rem; }

.nav-links {
  display: flex; }

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  width: 50%;
  flex: 1 0 50%; }

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%; }

ul#social-menu {
  list-style: none;
  padding-left: 0;
  margin: 0; }
  @media screen and (max-width: 450px) {
    ul#social-menu {
      margin: 1rem 0 0; } }
  ul#social-menu li {
    background-repeat: no-repeat;
    background-position: left center;
    width: 2rem;
    height: 2rem;
    overflow: hidden;
    display: inline-block;
    margin-right: 2rem;
    margin-left: -0.4rem; }
    ul#social-menu li:first-of-type {
      margin-left: 3rem; }
      @media screen and (max-width: 450px) {
        ul#social-menu li:first-of-type {
          margin-left: 0; } }
    ul#social-menu li.youtube a {
      background-image: url("/wp-content/themes/the-portal/assets/images/youtube-logo.png");
      background-size: 1.7rem 2rem; }
    ul#social-menu li.facebook a {
      background-image: url("/wp-content/themes/the-portal/assets/images/facebook-logo.png");
      background-size: 1rem 2rem; }
    ul#social-menu li.periscope a {
      background-image: url("/wp-content/themes/the-portal/assets/images/periscope-logo.png");
      background-size: 1.6rem 2rem; }
    ul#social-menu li.twitch a {
      background-image: url("/wp-content/themes/the-portal/assets/images/twitch-logo.png");
      background-size: 2rem; }
    ul#social-menu li.twitter a {
      background-image: url("/wp-content/themes/the-portal/assets/images/twitter-logo.png");
      background-size: 2rem 1.6rem; }
    ul#social-menu li.instagram a {
      background-image: url("/wp-content/themes/the-portal/assets/images/instagram-logo.png");
      background-size: 2rem; }
    ul#social-menu li a {
      width: 2rem;
      height: 2rem;
      overflow: hidden;
      color: transparent;
      display: block;
      border-bottom: none;
      background-repeat: no-repeat;
      background-position: center; }
      ul#social-menu li a:hover {
        border-bottom: none; }

/* General */
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

.wp-caption {
  margin-bottom: 2rem;
  max-width: 100%; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption .wp-caption-text {
  margin: 1rem 0; }

.wp-caption-text {
  text-align: center; }

.gallery {
  margin-bottom: 2rem; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }

.gallery-columns-2 .gallery-item {
  max-width: 50%; }

.gallery-columns-3 .gallery-item {
  max-width: 33.3333333333%; }

.gallery-columns-4 .gallery-item {
  max-width: 25%; }

.gallery-columns-5 .gallery-item {
  max-width: 20%; }

.gallery-columns-6 .gallery-item {
  max-width: 16.6666666667%; }

.gallery-columns-7 .gallery-item {
  max-width: 14.2857142857%; }

.gallery-columns-8 .gallery-item {
  max-width: 12.5%; }

.gallery-columns-9 .gallery-item {
  max-width: 11.1111111111%; }

.gallery-caption {
  display: block; }

.widget-area {
  width: 25%; }

.widget {
  margin: 0 0 2rem;
  /* Make sure select elements fit in widgets. */ }

.widget select {
  max-width: 100%; }

.wp-block-coblocks-accordion {
  max-width: 70rem;
  margin-bottom: 5rem;
  background-color: #535867; }
  @media screen and (max-width: 1215px) {
    .wp-block-coblocks-accordion {
      max-width: 60rem; } }
  @media screen and (max-width: 1110px) {
    .wp-block-coblocks-accordion {
      max-width: 50rem; } }
  @media screen and (max-width: 1000px) {
    .wp-block-coblocks-accordion {
      max-width: 40rem; } }
  @media screen and (max-width: 910px) {
    .wp-block-coblocks-accordion {
      max-width: 100%; } }
  .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 3.5rem 3rem 3.5rem 9rem;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s; }
    @media screen and (max-width: 1000px) {
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item {
        padding: 3.5rem 3rem; } }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item:last-of-type {
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode {
      background-image: url("/wp-content/themes/the-portal/assets/images/microphone.png");
      background-repeat: no-repeat;
      background-size: 3rem 4.2rem;
      background-position: 3rem 4.5rem;
      padding: 0; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .wp-block-group__inner-container {
        max-width: 100%; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode h3 {
        margin-left: 3.3rem;
        margin-bottom: 1rem; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .wp-block-coblocks-accordion-item__title {
        padding: 3.4rem 3rem 3.4rem 9rem; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .wp-block-kadence-tabs {
        padding: 0 3rem 3rem 9rem;
        margin-top: 0; }
        .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .wp-block-kadence-tabs .wp-block-kadence-tab {
          background: transparent; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .kt-tabs-title-list li {
        margin-right: 1rem;
        margin-bottom: 1rem; }
        .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .kt-tabs-title-list li .kt-tab-title {
          border: none;
          background-color: #c1c5d1;
          color: #535867;
          transition: all 0.2s ease 0s;
          -webkit-transition: all 0.2s ease 0s;
          -moz-transition: all 0.2s ease 0s;
          -o-transition: all 0.2s ease 0s;
          -ms-transition: all 0.2s ease 0s;
          font-size: 1.4rem;
          padding: 0.2rem 1.2rem;
          border-radius: 28px; }
          .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .kt-tabs-title-list li .kt-tab-title:hover {
            background-color: #EAFF68; }
        .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .kt-tabs-title-list li.kt-tab-title-active a.kt-tab-title {
          background: #EAFF68;
          color: #535867; }
          .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .kt-tabs-title-list li.kt-tab-title-active a.kt-tab-title:hover {
            background-color: #c1c5d1; }
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.episode .wp-block-group.latest-episode {
        background: #464B5A;
        padding: 3rem; }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item.join-movement {
      background-image: url("/wp-content/themes/the-portal/assets/images/envelope.png");
      background-repeat: no-repeat;
      background-size: 4.2rem 2.8rem;
      background-position: 2.5rem 3.5rem; }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item:hover {
      cursor: pointer; }
  .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title {
    font-size: 2.4rem;
    background: transparent;
    padding: 0;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s; }
    @media screen and (max-width: 1000px) {
      .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title {
        padding-left: 6rem; } }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title:hover {
      color: #EAFF68; }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title:hover:after {
      background: transparent; }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title:focus {
      outline: none; }
    .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__title strong {
      text-transform: uppercase;
      font-weight: 700;
      font-size: 1.4rem; }
  .wp-block-coblocks-accordion .wp-block-coblocks-accordion-item__content {
    border: none;
    padding: 0; }

/* thank you buttons */
.wp-block-columns.thank-you-buttons {
  display: block; }
  .wp-block-columns.thank-you-buttons .wp-block-column {
    margin-right: 1rem;
    display: inline-block;
    margin-left: -4px; }
  .wp-block-columns.thank-you-buttons .wp-block-column:not(:first-child) {
    margin-left: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

blockquote, q {
  quotes: "" ""; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ""; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

strong {
  font-weight: 700; }

p {
  max-width: 68rem;
  margin-bottom: 3rem; }
  @media screen and (max-width: 1215px) {
    p {
      max-width: 56rem; } }
  @media screen and (max-width: 1110px) {
    p {
      max-width: 46rem; } }
  @media screen and (max-width: 1000px) {
    p {
      max-width: 36rem; } }
  @media screen and (max-width: 910px) {
    p {
      max-width: 70rem; } }

p.inline {
  display: inline;
  float: left; }
  @media screen and (max-width: 1215px) {
    p.inline {
      float: none; } }
  p.inline.follow {
    margin-top: 0; }
    @media screen and (max-width: 1215px) {
      p.inline.follow {
        float: left; } }
    @media screen and (max-width: 450px) {
      p.inline.follow {
        float: none;
        margin-bottom: 1rem; } }

.entry-content ul.podcast-venues {
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 0; }
  .entry-content ul.podcast-venues li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0; }
    @media screen and (max-width: 1215px) {
      .entry-content ul.podcast-venues li {
        margin-bottom: 1rem; } }
    @media screen and (max-width: 450px) {
      .entry-content ul.podcast-venues li {
        display: block; } }
    .entry-content ul.podcast-venues li a {
      padding: 0.2rem 0 0 4.5rem; }
      @media screen and (max-width: 1215px) {
        .entry-content ul.podcast-venues li a {
          padding: 0.2rem 0 0 3.5rem;
          margin-right: 1rem; } }
    .entry-content ul.podcast-venues li.youtube a {
      background-image: url("/wp-content/themes/the-portal/assets/images/youtube-play-logo.png");
      background-size: 2.25rem 1.55rem;
      background-repeat: no-repeat;
      background-position: 1.6rem center; }
      @media screen and (max-width: 1215px) {
        .entry-content ul.podcast-venues li.youtube a {
          background-position: 0 center; } }
    .entry-content ul.podcast-venues li.apple a {
      background-image: url("/wp-content/themes/the-portal/assets/images/apple-logo.png");
      background-size: 1.8rem 2.2rem;
      background-repeat: no-repeat;
      background-position: 1.6rem center; }
      @media screen and (max-width: 1215px) {
        .entry-content ul.podcast-venues li.apple a {
          background-position: 0 center; } }
    .entry-content ul.podcast-venues li.spotify a {
      background-image: url("/wp-content/themes/the-portal/assets/images/spotify-logo.png");
      background-size: 2.2rem 2.2rem;
      background-repeat: no-repeat;
      background-position: 1.6rem center; }
      @media screen and (max-width: 1215px) {
        .entry-content ul.podcast-venues li.spotify a {
          background-position: 0 center; } }
    .entry-content ul.podcast-venues li.castbox a {
      background-image: url("/wp-content/themes/the-portal/assets/images/castbox-logo.png");
      background-size: 2rem 2.2rem;
      background-repeat: no-repeat;
      background-position: 1.6rem center; }
      @media screen and (max-width: 1215px) {
        .entry-content ul.podcast-venues li.castbox a {
          background-position: 0 center; } }

.entry-content ul.episode-link {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  margin-top: -2rem; }
  .entry-content ul.episode-link li {
    margin-left: 0; }
    .entry-content ul.episode-link li a {
      font-size: 2rem;
      text-decoration: none; }
      .entry-content ul.episode-link li a:hover {
        text-decoration: underline; }
        .entry-content ul.episode-link li a:hover:before {
          background-color: #EAFF68; }
      .entry-content ul.episode-link li a:before {
        content: ' ';
        width: 2.8rem;
        height: 2.8rem;
        display: inline-block;
        border-radius: 50%;
        background-color: #F2F3F4;
        background-image: url("/wp-content/themes/the-portal/assets/images/black-arrow.png");
        background-size: 1.1rem;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 1.5rem; }

h1, h2, h3, h4, h5, h6 {
  color: #32373c;
  clear: both; }

.entry-header h1.entry-title {
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: #ffffff; }

.entry-content > h2,
h3 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  color: #ffffff;
  padding: 0 1rem;
  margin-left: 2rem;
  display: inline-block; }

ul, ol {
  margin: 0 0 2rem 3rem; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 2rem; }

dt {
  font-weight: bold; }

dd {
  margin: 0 2rem 2rem; }

a {
  color: #ffffff;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s; }

a:visited {
  color: #ffffff; }

a:hover, a:focus, a:active {
  color: #EAFF68;
  text-decoration: none; }

a:focus {
  outline: thin dotted; }

a:hover, a:active {
  outline: 0; }

/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
@media screen and (max-width: 910px) {
  .site-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15); } }

.site-title {
  margin: .4375rem 0 0;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.2;
  color: #333332; }

.site-title a {
  text-decoration: none;
  color: inherit; }

.site-branding {
  max-width: 1160px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .site-branding {
      margin-left: 6rem;
      margin-right: 6rem; } }
  @media screen and (max-width: 820px) {
    .site-branding {
      margin-left: 4rem;
      margin-right: 4rem; } }
  @media screen and (max-width: 640px) {
    .site-branding {
      margin-left: 3rem;
      margin-right: 3rem; } }
  @media screen and (max-width: 910px) {
    .site-branding {
      text-align: center; } }

.site-description {
  margin: .4375rem 0 0;
  font-size: 17px;
  font-weight: inherit;
  line-height: 1.4;
  word-wrap: break-word;
  color: #929292; }

a.custom-logo-link {
  max-width: 26rem;
  margin-top: 10rem; }
  @media screen and (max-width: 910px) {
    a.custom-logo-link {
      max-width: 18rem;
      margin-top: 2.5rem; } }

.site-footer {
  position: relative;
  width: 100%;
  z-index: 1000;
  max-width: 1160px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .site-footer {
      margin-left: 6rem;
      margin-right: 6rem; } }
  @media screen and (max-width: 820px) {
    .site-footer {
      margin-left: 4rem;
      margin-right: 4rem; } }
  @media screen and (max-width: 640px) {
    .site-footer {
      margin-left: 3rem;
      margin-right: 3rem; } }
  @media screen and (max-width: 1215px) {
    .site-footer {
      width: auto; } }
  .site-footer .site-info {
    margin-bottom: 0; }
    .site-footer .site-info p {
      font-size: 1.2rem;
      margin-bottom: 0; }
      .site-footer .site-info p.powered-by-wordpress {
        margin-top: 0;
        margin-bottom: 1rem; }

@media screen and (max-width: 910px) {
  .grey-triangle,
  .shadow {
    display: none; } }

.grey-triangle-mobile,
.shadow-mobile {
  display: none; }
  @media screen and (max-width: 910px) {
    .grey-triangle-mobile,
    .shadow-mobile {
      display: block; } }

.grey-triangle,
.grey-triangle-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 1436px;
  overflow: hidden; }
  @media screen and (max-width: 450px) {
    .grey-triangle,
    .grey-triangle-mobile {
      right: auto;
      left: -1000px; } }

.portal {
  position: relative;
  bottom: 0;
  right: 0;
  width: 100%; }

.shadow,
.shadow-mobile {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 200; }
  @media screen and (max-width: 450px) {
    .shadow,
    .shadow-mobile {
      bottom: 5px;
      left: 3rem;
      width: 405px;
      height: 131px; } }

.door {
  position: absolute;
  right: 19.5rem;
  bottom: 28.1rem;
  z-index: 100; }
  @media screen and (max-width: 910px) {
    .door {
      bottom: 6.1rem; } }
  @media screen and (max-width: 450px) {
    .door {
      left: 3rem;
      right: auto; } }
  .door .door-wrap {
    background: url("/wp-content/themes/the-portal/assets/images/the-portal-gifs/the-door/door-animation.gif");
    display: block; }

a.door-link {
  position: absolute;
  right: 19.5rem;
  bottom: 28.1rem;
  z-index: 1300;
  width: 223px;
  height: 370px;
  color: transparent; }
  @media screen and (max-width: 910px) {
    a.door-link {
      bottom: 6.1rem; } }
  @media screen and (max-width: 450px) {
    a.door-link {
      left: 3rem;
      right: auto; } }
  a.door-link:hover {
    cursor: pointer; }

.curve-wrap {
  overflow: hidden; }
  @media screen and (max-width: 910px) {
    .curve-wrap {
      display: none; } }

.curve {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35%; }
  .curve img {
    width: 100%; }

/* Pages */
#page {
  margin: 0 auto;
  max-width: 100%;
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column; }

.sticky {
  display: block; }

.hentry {
  margin: 2rem 0; }

.updated:not(.published) {
  display: none; }

.page-content,
.entry-content,
.entry-summary {
  max-width: 1160px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .page-content,
    .entry-content,
    .entry-summary {
      margin-left: 6rem;
      margin-right: 6rem; } }
  @media screen and (max-width: 820px) {
    .page-content,
    .entry-content,
    .entry-summary {
      margin-left: 4rem;
      margin-right: 4rem; } }
  @media screen and (max-width: 640px) {
    .page-content,
    .entry-content,
    .entry-summary {
      margin-left: 3rem;
      margin-right: 3rem; } }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

.entry-header,
.page-header,
.entry-footer,
.site-info,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary {
  margin: 2rem auto;
  padding-left: 14px;
  padding-right: 14px;
  max-width: 116rem; }

.entry-header .wp-post-image {
  margin-bottom: 2rem; }

.entry-footer span {
  margin-right: 1rem; }

.entry-footer {
  color: #aaa;
  padding-bottom: 4rem;
  border-bottom: 1px solid #111; }

.page-template-default .site-main {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto; }
  @media screen and (max-width: 1280px) {
    .page-template-default .site-main {
      margin-left: 6rem;
      margin-right: 6rem; } }
  @media screen and (max-width: 820px) {
    .page-template-default .site-main {
      margin-left: 4rem;
      margin-right: 4rem; } }
  @media screen and (max-width: 640px) {
    .page-template-default .site-main {
      margin-left: 3rem;
      margin-right: 3rem; } }
  @media screen and (max-width: 1280px) {
    .page-template-default .site-main {
      width: calc(100% - 12rem);
      margin-left: 6rem;
      margin-right: 6rem; } }
  @media screen and (max-width: 820px) {
    .page-template-default .site-main {
      width: calc(100% - 8rem);
      margin-left: 4rem;
      margin-right: 4rem; } }
  @media screen and (max-width: 640px) {
    .page-template-default .site-main {
      width: calc(100% - 6rem);
      margin-left: 3rem;
      margin-right: 3rem; } }
  .page-template-default .site-main article {
    max-width: 51rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background: #535867;
    padding: 4.5rem 9.5rem; }
    @media screen and (max-width: 1215px) {
      .page-template-default .site-main article {
        max-width: 46rem;
        padding: 4.5rem 8rem; } }
    @media screen and (max-width: 1110px) {
      .page-template-default .site-main article {
        max-width: 34rem;
        padding: 3.5rem 8rem; } }
    @media screen and (max-width: 1000px) {
      .page-template-default .site-main article {
        max-width: 26rem;
        padding: 3.5rem 4rem 3.5rem 8rem; } }
    @media screen and (max-width: 910px) {
      .page-template-default .site-main article {
        max-width: calc(100% - 12rem); } }
    .page-template-default .site-main article header.entry-header {
      margin-top: 0;
      padding-left: 0; }
      .page-template-default .site-main article header.entry-header h1.entry-title {
        margin-top: 0; }
    .page-template-default .site-main article .entry-content {
      margin-left: 0;
      margin-right: 0; }
    .page-template-default .site-main article.post-29, .page-template-default .site-main article.post-31 {
      background-image: url(/wp-content/themes/the-portal/assets/images/envelope.png);
      background-repeat: no-repeat;
      background-size: 4.2rem 2.8rem;
      background-position: 2.5rem 4.5rem; }
      @media screen and (max-width: 1110px) {
        .page-template-default .site-main article.post-29, .page-template-default .site-main article.post-31 {
          background-position: 2.5rem 3.5rem; } }

.site-main {
  position: relative;
  z-index: 1000;
  -webkit-flex: 1;
  flex: 1; }
  @media screen and (max-width: 910px) {
    .site-main {
      padding-bottom: 42rem; } }

@media screen and (min-width: 664px) {
  .entry-header,
  .page-header,
  .entry-footer,
  .site-info,
  .post-navigation,
  .page-navigation,
  .comments-area,
  .not-found .page-content,
  .search .entry-summary {
    padding-left: 0;
    padding-right: 0; } }