/*
*******
None of these variable are being imported anywhere, they're just here for your convenience.
*******
*/
html {
  box-sizing: border-box; }

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

body {
  margin: 0; }

.container {
  max-width: 768px;
  padding: 0 1em; }
  @media screen and (max-width: 767px) {
    .container {
      padding: 0 .5em; } }

/* Social Icons */
html, body {
  height: 100%; }

.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; }

.page-wrap:after {
  content: "";
  display: block; }

footer.footer, .page-wrap:after {
  height: 60px; }

*, *:before, *:after {
  box-sizing: border-box !important; }

.container {
  margin: 0 auto; }

@media screen and (max-width: 767px) {
  p {
    word-wrap: break-word; } }

#wpadminbar {
  background: rgba(0, 0, 0, 0.3) !important; }

button, a.button, input[type="submit"] {
  padding: .5em 1em;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block;
  padding: 0.5em 1em;
  line-height: 1em;
  text-decoration: none;
  background: #34495E;
  box-shadow: 3px 3px 0px #222f3d;
  font-style: italic;
  position: relative;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  outline: 0;
  border: none;
  cursor: pointer;
  -webkit-transition: 0.3s background;
  -moz-transition: 0.3s background;
  transition: 0.3s background; }
  button:hover, a.button:hover, input[type="submit"]:hover {
    background: #2b3c4e; }
  button:active, a.button:active, input[type="submit"]:active {
    box-shadow: none;
    position: relative;
    right: -1px;
    bottom: -3px; }

.headgum-photo-list {
  font-size: 0px;
  width: 100%;
  display: table; }
  .headgum-photo-list.overlay .item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(52, 73, 94, 0.2); }
  .headgum-photo-list .item {
    font-size: 18px;
    display: inline-block !important;
    position: relative;
    max-width: 33%; }
    @media screen and (max-width: 767px) {
      .headgum-photo-list .item {
        max-width: 50%;
        font-size: 14px; } }
    .headgum-photo-list .item img {
      max-width: 100%;
      display: block;
      width: 100%; }
    .headgum-photo-list .item span {
      position: absolute;
      width: 100%;
      padding: .5em 0;
      bottom: 0;
      left: 0;
      font-family: "Open Sans", sans-serif;
      font-weight: 400;
      font-style: italic;
      font-size: 1em;
      text-align: center;
      background: rgba(241, 196, 15, 0.7);
      color: #fff; }

.center {
  text-align: center; }

.media {
  margin-top: 1em; }
  .media iframe {
    width: 100%;
    border: none; }

.episode-people {
  margin-bottom: 1em;
  margin-top: 1.5em; }
  .episode-people .person {
    margin: 0px 5px 8px 0px; }
  .episode-people .light {
    margin-bottom: .5em; }

.light {
  font-weight: 300;
  font-style: italic;
  color: #b5b9c7; }

footer.footer {
  background: #34495E;
  color: #fff; }
  footer.footer a {
    color: #fff; }
  footer.footer .footer-inner {
    font-size: .8em;
    padding-top: 1.5em; }

.article-h1 {
  margin-bottom: .5em; }

.date {
  color: #b5b9c7;
  margin-bottom: 1em !important;
  margin-top: .5em; }

.tease {
  border-bottom: 1px solid #EFF0F3;
  padding-bottom: 1em;
  margin-top: 2.5em; }
  .tease .date {
    margin-bottom: 0; }
  .tease h2 {
    margin-bottom: 0;
    margin-top: 0; }
  .tease:last-child {
    border-bottom: 1px solid transparent;
    padding-bottom: 1em;
    margin-bottom: 0; }

img.archive-bio {
  border-radius: 100%;
  margin-right: 10px;
  max-width: 70px;
  display: inline-block;
  margin-bottom: -22px; }

.archive-podcast-image {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 23.2317613015%; }
  .archive-podcast-image:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .archive-podcast-image {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 65.8807828007%;
      margin-left: 17.0596085997%; }
      .archive-podcast-image:last-child {
        margin-right: 0; } }
  .archive-podcast-image img {
    margin-right: 10px;
    max-width: 100%;
    display: inline-block; }

.podcast-description {
  float: left;
  display: block;
  margin-right: 2.3576515979%;
  width: 74.4105871005%;
  padding-bottom: 1em; }
  .podcast-description:last-child {
    margin-right: 0; }
  @media screen and (max-width: 767px) {
    .podcast-description {
      float: left;
      display: block;
      margin-right: 2.3576515979%;
      width: 100%;
      text-align: center; }
      .podcast-description:last-child {
        margin-right: 0; } }
  .podcast-description p {
    padding-bottom: 0;
    margin-bottom: 1em; }

.podcast-links {
  padding-top: .5em;
  font-size: 1.8em;
  margin-bottom: -13px; }
  .podcast-links a {
    color: #fff;
    text-decoration: none;
    transition: .3s opacity; }
    .podcast-links a:hover {
      opacity: .6; }

.archive-header-inner {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 1em; }
  .archive-header-inner::after {
    clear: both;
    content: "";
    display: table; }

.archive-header {
  margin-bottom: 3em;
  color: #fff;
  background: #34495E;
  position: relative;
  font-weight: 100; }
  .archive-header strong {
    font-weight: 700;
    font-style: normal; }
  .archive-header h2.alt {
    font-weight: 200;
    font-style: italic;
    padding: 1em 0 2em;
    margin: 0; }
  .archive-header.person h2.alt {
    padding-bottom: 1.5em; }
  .archive-header.podcast {
    margin-bottom: 3em; }
    .archive-header.podcast h2.alt {
      padding-bottom: 0;
      padding-top: 0; }
      @media screen and (max-width: 767px) {
        .archive-header.podcast h2.alt {
          padding-top: .5em; } }
  .archive-header img {
    border: 2px solid #fff; }
    @media screen and (max-width: 767px) {
      .archive-header img {
        float: left; } }

.footer-spacing {
  height: 1.5em; }

.page-featured {
  max-width: 100%; }

.featured-image {
  width: 100%;
  margin-top: .5em; }

@media screen and (max-width: 767px) {
  .container.mobile-nogutter {
    padding: 0 !important; } }

.pagination {
  text-align: center;
  padding-bottom: 2em; }
  .pagination ul.pages {
    display: inline-block;
    padding-left: 0; }
    .pagination ul.pages li {
      display: inline-block;
      width: 30px; }
      .pagination ul.pages li a {
        display: inline-block;
        width: 100%; }

.article-body p {
  margin-bottom: .5em; }

.tease {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto; }
  .tease::after {
    clear: both;
    content: "";
    display: table; }
  .tease .tease-podcast-image {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 31.7615656014%; }
    .tease .tease-podcast-image:last-child {
      margin-right: 0; }
    .tease .tease-podcast-image a {
      display: block; }
    .tease .tease-podcast-image img {
      max-width: 100%; }
  .tease .tease-podcast-description.col {
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 65.8807828007%; }
    .tease .tease-podcast-description.col:last-child {
      margin-right: 0; }

.post-type-episode .date {
  margin-bottom: 1em !important;
  margin-top: -.5em; }

.post-type-page {
  margin-top: 2em; }

button,
input,
select,
textarea,
p,
div,
article,
aside,
header,
ul,
li {
  font-size: 18px;
  font-weight: 300; }

b, strong {
  font-weight: 600; }

html,
button,
input,
select,
textarea {
  font-family: "Roboto Slab", serif;
  color: #353535; }

input:focus, textarea:focus, select:focus {
  outline: 0; }

.show-screenreader {
  position: absolute;
  left: -9999px; }

h1,
h2,
h3,
h4,
h5 {
  font-family: "Open Sans", sans-serif !important;
  line-height: 1.1em !important; }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a {
    text-decoration: none;
    color: #353535; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1em; }

@media screen and (min-width: 767px) {
  h1 {
    font-size: 2.3em; }

  h2 {
    font-size: 2em; }

  h3 {
    font-size: 1.6em; }

  h4 {
    font-size: 1.2em; }

  h5 {
    font-size: 1em; } }
p,
ul,
li {
  line-height: 1.818em; }

a {
  display: inline-block;
  color: #f1c40f; }
  a:hover {
    text-decoration: none; }

p {
  margin-bottom: 2em; }

pre {
  margin: 1em 0;
  background: #2e3640;
  color: #fff;
  border-radius: 10px;
  padding: 1em; }

::-moz-selection {
  background: #34495E;
  color: white;
  text-shadow: none; }

::selection {
  background: #34495E;
  color: white;
  text-shadow: none; }

@media screen and (max-width: 767px) {
  header.header {
    overflow: hidden; } }
header.header .header-logo {
  background: #34495E;
  text-align: center; }
  @media screen and (max-width: 767px) {
    header.header .header-logo {
      display: none; } }
  header.header .header-logo img {
    padding: 2em 0 1.5em; }
header.header .header-nav {
  text-align: center; }
  header.header .header-nav .sticky-nav {
    overflow: hidden;
    background: #2b3c4e;
    z-index: 1000; }
    @media screen and (min-width: 767px) {
      header.header .header-nav .sticky-nav {
        height: 56px; } }
  header.header .header-nav .sticky-ghost {
    position: absolute; }
    @media screen and (min-width: 767px) {
      header.header .header-nav .sticky-ghost {
        height: 56px; } }
  @media screen and (min-width: 767px) {
    header.header .header-nav.stuck .sticky-ghost {
      position: relative; }
    header.header .header-nav.stuck .sticky-nav {
      position: fixed;
      width: 100%;
      top: 0; }
    header.header .header-nav.stuck .logo {
      padding-right: 20px;
      width: 70px; } }
header.header .logo {
  width: 70px;
  margin-top: -30px;
  -webkit-transition: 0.3s width;
  -moz-transition: 0.3s width;
  transition: 0.3s width; }
  @media screen and (min-width: 767px) {
    header.header .logo {
      width: 0; } }
  @media screen and (max-width: 767px) {
    header.header .logo {
      width: 100%;
      display: block;
      text-align: center;
      margin-top: -20px;
      padding: 0; }
      header.header .logo img {
        max-width: 50px; } }
  header.header .logo img {
    width: 100%; }
header.header nav.nav {
  display: inline-block;
  vertical-align: top; }
  header.header nav.nav a {
    font-family: "Roboto Slab", serif;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    padding: 1em 1.5em;
    border-bottom: 3px solid transparent; }
    header.header nav.nav a:hover, header.header nav.nav a.current-menu-item {
      border-bottom: 3px solid #f1c40f; }
    @media screen and (max-width: 767px) {
      header.header nav.nav a {
        padding: 1em .65em;
        font-size: .7em;
        padding-top: 0px; } }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-ea4bwd");
  src: url("../fonts/icomoon.eot?#iefix-ea4bwd") format("embedded-opentype"), url("../fonts/icomoon.ttf?-ea4bwd") format("truetype"), url("../fonts/icomoon.woff?-ea4bwd") format("woff"), url("../fonts/icomoon.svg?-ea4bwd#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-itunes:before {
  content: "\e604"; }

.icon-facebook-with-circle:before {
  content: "\e600"; }

.icon-instagram-with-circle:before {
  content: "\e601"; }

.icon-twitter-with-circle:before {
  content: "\e602"; }

.icon-feed4:before {
  content: "\e603"; }