/*

Theme Name: Prof G Media
Theme URI: https://profg.com
Description: Prof G Media
Version: 2.0
Author: Aaron Bunge & Alice Heine
Author URI: https://aaronbunge.com & aliceheine.info

*/
/* 	TYPOGRAPHY */
/* Fluid text */
/* The font will be at the preferrred size on 1170 pixel wide viewports by default. */
/* Fluid gutters */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");
/* Colors */
/* Font Sizing*/
body, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: interstate, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 120%; }

h1 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 5rem;
  font-size: clamp(4.375rem, 6.83761vw, 5.625rem);
  font-weight: 700;
  font-style: normal;
  line-height: 90%;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #FFFFFF;
  -webkit-text-fill-color: rgba(255, 255, 255, 0); }

/* Hovered is applied by js on the landing page h3s */
.hovered h3 {
  -webkit-text-stroke: 1px #00222D !important; }

.property:hover > .type h3 {
  -webkit-text-stroke: 1px #00222D;
  -webkit-text-fill-color: white;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s; }

h2 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 2.8125rem;
  font-size: clamp(2.5rem, 3.84615vw, 3.75rem);
  color: #FFFFFF;
  font-weight: 700;
  font-style: normal;
  line-height: 45px; }

h3 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 2.5rem;
  font-size: clamp(1.875rem, 3.4188vw, 3.75rem);
  font-weight: 700;
  font-style: normal;
  line-height: 120%;
  color: #00222D; }

input.button-transparent::placeholder {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  line-height: 120%;
  color: #000000; }

.landing-list h3 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 5rem;
  font-size: clamp(4.375rem, 6.83761vw, 5.625rem);
  font-weight: 700;
  font-style: normal;
  line-height: 90%;
  text-transform: uppercase;
  -webkit-text-stroke: 1px #FFFFFF;
  -webkit-text-fill-color: rgba(255, 255, 255, 0); }

h4 {
  font-family: interstate, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 0.9375rem;
  font-size: clamp(0.75rem, 1.28205vw, 1.125rem);
  font-weight: 800;
  font-style: normal;
  line-height: 140%;
  color: #000000; }

/* navigation */
#primary-menu .menu-item a, h5 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 1.5625rem;
  font-size: clamp(1.5625rem, 2.13675vw, 1.5625rem);
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
  color: #00222D;
  text-transform: uppercase; }

/* h6 is h5 but white */
h6 {
  font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 1.25rem;
  font-size: clamp(1.125rem, 1.7094vw, 1.5625rem);
  font-weight: 700;
  font-style: normal;
  line-height: 100%;
  color: #FFFFFF; }

p, .toggle {
  font-family: interstate, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /* Fallback for IE11 */
  font-size: 0.875rem;
  font-size: clamp(0.75rem, 1.19658vw, 1rem);
  font-weight: 400;
  font-style: normal;
  line-height: 140%;
  color: #000000; }

/*

Theme Name: Prof G Media
Theme URI: https://profg.com
Description: Prof G Media
Version: 2.0
Author: Aaron Bunge & Alice Heine
Author URI: https://aaronbunge.com & aliceheine.info

*/
/* reset */
html, body, div, span, a, del, img, ol, ul, li, fieldset, form, label {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

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

html, body {
  min-height: 100%; }

*:focus {
  outline: none; }

.ghost {
  visibility: hidden; }

a {
  color: inherit;
  text-decoration: none;
  outline: 0; }

a:hover {
  color: #D3A5AF;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  transition: .2s; }

ul {
  display: inline-block;
  list-style-type: none; }

body {
  overflow-y: scroll;
  margin: 0 auto 0 auto;
  max-width: 1600px;
  height: 100vh; }

body.home {
  background-color: #00222D;
  transition: background 0.5s; }

body.page-the-show,
body.page-books,
body.single-show,
body.single-book {
  background-color: #4FAFB8; }

body.page-the-pod {
  background-color: #3F9165; }

body.page-pod-office-hours,
body.page-pod-first-time-founders,
body.page-pod-raging-moderates,
body.page-pod-markets
 {
  background-color: #3F9165; }

body.page-classes {
  background-color: #3F9165; }

body.page-pivot {
  background-color: #D987B5; }

body.page-speaking {
  background-color: #F4B547; }

body.page-no-mercy-no-malice {
  background-color: #DE6F3F; }

/* only show footer social links on main pages */
.footer-social-links {
  visibility: hidden; }

/*	body.home .footer-social-links,
	body.page-the-show .footer-social-links,
	body.page-books .footer-social-links,
	body.page-the-pod .footer-social-links,
	body.page-pivot .footer-social-links,
	body.page-speaking .footer-social-links {
		visibility:visible !important;
	}*/
/*
body.page-speaking {
  background-color: #DE6F3F; }
*/
#bg-orange {
  background-color: #DE6F3F; }

#bg-blue {
  background-color: #4FAFB8; }

#bg-green {
  background-color: #3F9165; }

#bg-pink {
  background-color: #D987B5; }

#bg-yellow {
  background-color: #F4B547; }

.img-100 {
  width: 100%; }

.img-25 {
  width: 25%; }

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0px 0px 0px;
  padding: 0; }
  .logo .logotype {
    margin-left: 24px;
    margin-top: 9px; }
  .logo .verse {
    display: flex;
    align-items: center;
    justify-content: center; }
    .logo .verse img {
      width: 113px; }

.landing-main {
  margin-top: 72px;
  margin-top: clamp(2.25rem, 4.61538vw, 4.5rem);
  margin-bottom: 72px;
  margin-bottom: clamp(2.25rem, 4.61538vw, 4.5rem);
  margin-left: 72px;
  margin-left: clamp(2.25rem, 4.61538vw, 4.5rem);
  margin-right: 72px;
  margin-right: clamp(2.25rem, 4.61538vw, 4.5rem); }
  .landing-main .landing-list img {
    display: none; }
  .landing-main h3, .landing-main h3.banner {
    font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 5rem;
    /* Fallback for IE11 */
    font-size: 5.625rem;
    font-size: clamp(4.375rem, 7.69231vw, 5.9375rem);
    font-weight: 700;
    font-style: normal;
    line-height: 90%;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #FFFFFF;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
    padding: 0; }

h3.banner {
  -webkit-text-stroke: 1px #00222D;
  -webkit-text-fill-color: white;
  /* Fallback for IE11 */
  font-size: 5rem;
  font-size: clamp(4.375rem, 6.83761vw, 5.625rem);
  text-align: center;
  margin-bottom: 30px; }

/* property is the container for each title and image on the landing page*/
.property {
  width: 100%;
  padding: 0;
  margin: 0;
  margin: 0;
  padding: 0 0 10px 0;
  cursor: pointer; }

/** this is on the landing/index page, the name eg "The Show", "The Pod" **/
.type {
  display: inline-block;
  vertical-align: middle; }

/** this is on the landing/index page, the picture next to "The Show", "The Pod", ect **/
.type-media {
  display: inline-block;
  vertical-align: middle;
  padding-left: 20px; }
  .type-media img {
    max-height: 80px;
    border: 1px solid #ffffff; }

/*    .show h1 {
    	text-transform: uppercase;
    	-webkit-text-stroke: 1px #00222D;
		-webkit-text-fill-color: rgba(255, 255, 255, 0);
    }*/
/* This should be named better, its the border around 2020 Prof G Media in footer */
.border-type {
  padding: 11px 15px;
  margin: 0;
  border: 1px solid #ffffff; }

/*	.nav-item {
		padding: 6px 15px;
		margin-left: -1px;
		border: 1px solid #ffffff;
		float: left;
		cursor: pointer;
	}*/
/* This should also be renamed, it's the border and icon styling around social buttons in footer and top menu*/
#primary-menu .menu-item,
.border-img {
  padding: 6px 15px;
  margin-left: -1px;
  border: 1px solid #FFFFFF;
  float: left;
  cursor: pointer; }
  #primary-menu .menu-item img,
  .border-img img {
    width: 20px;
    display: inline-block;
    vertical-align: middle; }
  #primary-menu .menu-item h5,
  .border-img h5 {
    display: inline-block;
    vertical-align: middle;
    text-transform: none; }

#primary-menu .menu-item:hover,
.border-img:hover {
  background-color: #00222D;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s; }

#primary-menu ul.sub-menu {
  display:none; }

#primary-menu .current-menu-item,
#primary-menu .current-menu-ancestor {
  background-color: #00222D; }

#primary-menu .current-menu-item a, 
#primary-menu .current-menu-ancestor a {
  color: white; }

/* Only being used on the single video page, the share buttons */
.social-buttons-video {
  padding: 6px 15px;
  margin-left: -1px;
  border: 1px solid #000000;
  float: left;
  cursor: pointer; }
  .social-buttons-video .share-images-video {
    width: auto;
    max-height: 18px;
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle; }
  .social-buttons-video h5 {
    display: inline-block;
    vertical-align: middle;
    text-transform: none; }

/* Button Styling */
button {
  padding: 8px 15px;
  cursor: pointer; }
  button h3, button input.button-transparent::placeholder {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px; }
  button img {
    display: inline-block;
    vertical-align: middle;
    height: 25px; }
  button .up-arrow {
    height: 18px;
    margin-left: 5px; }

.button-black {
  background-color: black;
  border: 1px solid white;
  border-radius: 2px; }
  .button-black h3 {
    color: white; }

.button-youtube-subscribe {
  background-color: #00222D;
  border: 1px solid white;
  border-radius: 2px;
  margin-top: 10px !important;
  padding: 10px 28px; }
  .button-youtube-subscribe h3 {
    color: white; }
  .button-youtube-subscribe img {
    margin-right: 10px; }

.button-white {
  background-color: white;
  border: 1px solid black;
  border-bottom: none;
  transform: translate(-1px, 0px);
  -webkit-transform: translate(-1px, 0px);
  -moz-transform: translate(-1px, 0px);
  -ms-transform: translate(-1px, 0px);
  -o-transform: translate(-1px, 0px); }
  .button-white h3 {
    color: black; }

.button-transparent {
  background: none;
  border: 1px solid black;
  border-radius: 1px; }
  .button-transparent h3 {
    color: black;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
  }
  .button-transparent a:hover {
    color: black; }

input.button-transparent {
  padding: 17px 16px 11px 10px;
  float: left; }

input.button-transparent::placeholder {
  border-bottom: 1px solid;
  text-transform: uppercase; }

#nmnm-read-latest-button {
  border-bottom: 0; }
  #nmnm-read-latest-button h3 {
    font-size: 20px; }

#_form_14_submit,
.listen-now-btn {
  border: 1px solid white;
  color: white;
  background-color: black;
  margin-top: 0 !important;
  margin-left: -2px;
  margin-bottom: 20px;
  float: left;
  padding: 10px 15px; }


  #_form_14_submit h3 {
    color: white;
    font-size: 20px; }

/* To Style h1s to have black stroke instead of white*/
.page-title {
  -webkit-text-stroke: 1px black;
  -webkit-text-fill-color: rgba(255, 255, 255, 0); }

/*	.full { width: 98%; }
	.three-quarter { width: 73%; }
	.half { width: 48%; }
	.quarter { width: 23%; }*/
/* By "main page" I mean the main cotent of the page, perhaps should be renamed*/
.main-page-header {
  margin-left: 36px;
  margin-left: clamp(1.125rem, 2.30769vw, 2.25rem);
  margin-right: 36px;
  margin-right: clamp(1.125rem, 2.30769vw, 2.25rem); }

.top-title a:hover {
  color: white; }

.entry-content {
  margin-left: 36px;
  margin-left: clamp(1.125rem, 2.30769vw, 2.25rem);
  margin-right: 36px;
  margin-right: clamp(1.125rem, 2.30769vw, 2.25rem);
  margin-top: 36px;
  margin-top: clamp(1.125rem, 2.30769vw, 2.25rem);
  margin-bottom: 36px;
  margin-bottom: clamp(1.125rem, 2.30769vw, 2.25rem); }
  .entry-content .one-third {
    margin-bottom: 20px; }
    .entry-content .one-third .description p {
      color: white; }
    .entry-content .one-third .pod-description {
      margin-bottom: 30px;
      color: #FFFFFF; }
    .entry-content .one-third .pivot-pod-description {
      margin: 30px 0px;
      width: 70%;
      color: #FFFFFF; }
    .entry-content .one-third .pod-shares img {
      margin-right: 5px;
      margin-bottom: 20px;
    }

    .entry-content .one-third button {
      margin-top: 20px; }
  .entry-content .info-wrapper {
    flex-basis: 80%; }
    .entry-content .info-wrapper .info h4 {
      color: #060707;
      text-transform: uppercase; }
    .entry-content .info-wrapper .info p {
      margin: 20px 0px; }
  .entry-content .two-third .video {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
    .entry-content .two-third .video .info-wrapper {
      margin-top: 36px;
      margin-top: clamp(1.125rem, 2.30769vw, 2.25rem); }
  .entry-content .two-third .thumb {
    flex-basis: 100%;
    display: grid; }
    .entry-content .two-third .thumb img {
      width: 100%;
      padding: 0;
      grid-column: 1;
      grid-row: 1; }
    .entry-content .two-third .thumb .video-overlay {
      border: 1px solid #f0f0f0;
      flex-basis: 50%;
      grid-column: 1;
      grid-row: 1;
      z-index: 99; }

#post-262 .entry-content .one-third {
  margin-bottom: 70px; }

.video-play {
  float: right;
  width: 50px !important;
  height: 50px;
  transform: translate(2px, -2px);
  -webkit-transform: translate(2px, -2px);
  -moz-transform: translate(2px, -2px);
  -ms-transform: translate(2px, -2px);
  -o-transform: translate(2px, -2px); }

.large-video-play {
  float: right;
  width: 50px !important;
  height: 50px;
  transform: translate(2px, 2px);
  -webkit-transform: translate(2px, 2px);
  -moz-transform: translate(2px, 2px);
  -ms-transform: translate(2px, 2px);
  -o-transform: translate(2px, 2px); }

.large-video-play-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-end;
  justify-content: flex-end;
  align-items: flex-end; }

.pod {
  background-color: white;
  border: 1px solid black;
  margin-bottom: 20px;
  clear: both; }

.interview {
  display: flex;
  flex-direction: column; }
  .interview .profg-class-title {
    font-size: 30px; }
  .interview .profg-class-div {
    display: grid;
    justify-items: end;
    flex-basis: 100%; }
    .interview .profg-class-div .profg-class-img {
      grid-column: 1;
      grid-row: 1;
      width: 100%; }
    .interview .profg-class-div .pod-play {
      grid-column: 1;
      grid-row: 1;
      -webkit-transform: translate(1px, -1px); }

.pod.office-hours,
.pod.first-time-founders,
.pod.raging-moderates,
.pod.markets {
  background-color: #d8d8d8; }

.page-the-pod .pod-play {
  float: right;
  transform: translate(2px, -2px);
  -webkit-transform: translate(2px, -2px);
  -moz-transform: translate(2px, -2px);
  -ms-transform: translate(2px, -2px);
  -o-transform: translate(2px, -2px); }
.page-the-pod .pod-info {
  padding: 20px; }
  .page-the-pod .pod-info h3 {
    padding: 10px 0px; }

.page-pod-office-hours .pod-play,
.page-pod-first-time-founders .pod-play,
.page-pod-raging-moderates .pod-play,
.page-pod-markets .pod-play {
  float: right;
  transform: translate(2px, -2px);
  -webkit-transform: translate(2px, -2px);
  -moz-transform: translate(2px, -2px);
  -ms-transform: translate(2px, -2px);
  -o-transform: translate(2px, -2px); }

.page-pod-office-hours .pod-info,
.page-pod-first-time-founders .pod-info,
.page-pod-raging-moderates .pod-info,
.page-pod-markets .pod-info {
  padding: 20px; }

.page-pod-office-hours .pod-info h3,
.page-pod-first-time-founders .pod-info h3,
.page-pod-raging-moderates .pod-info h3,
.page-pod-markets .pod-info h3
 {
    padding: 10px 0px; }

.page-classes .pod-info{
  padding: 20px; }
  .page-classes .pod-info h3{
    padding: 10px 0px; }

.page-no-mercy-no-malice .pod-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .page-no-mercy-no-malice .pod-info .pod-info-wrapper {
    margin: 10px;
    width: 100%; }
    .page-no-mercy-no-malice .pod-info .pod-info-wrapper h3 {
      margin: 5px 0 15px 0;
      font: 1.5rem 'Roboto',sans-serif;
      line-height: 1.5rem;
      font-weight: 900; }
    .page-no-mercy-no-malice .pod-info .pod-info-wrapper h4 {
      font: .9rem 'Roboto',sans-serif;
      color: #999; }
    .page-no-mercy-no-malice .pod-info .pod-info-wrapper p a {
      font: .9rem 'Roboto',sans-serif;
      color: #e32c19; }
  .page-no-mercy-no-malice .pod-info img {
    height: calc(147px);
    width: 100%;
    max-width: 310px;
    object-fit: contain;
    margin: 10px; }

    .page-books .button-transparent {
      display: block;
      border-bottom: 0; }
    .page-books #second-button-book {
      margin-top: 0;
      border-bottom: 1px solid black; }

.single-book .button-transparent {
  display: block;
  border-bottom: 0; }
.single-book #second-button-book {
  margin-top: 0;
  border-bottom: 1px solid black; }

.bookcase {
  display: flex; }
  .bookcase .current-book.no-mobile {
    display: none; }
  .bookcase .upcoming-books {
    flex-basis: auto; }
    .bookcase .upcoming-books img.book-cover {
      width: 60%;
      display: block;
      margin: 10px auto 20px auto; }
    .bookcase .upcoming-books .faded {
      opacity: 100%; }
  .bookcase .book-text.mobile-only {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-bottom: 40px; }
  .bookcase .book-text.no-mobile {
    display: none; }

.video-info-wrapper {
  margin-top: 20px; }
  .video-info-wrapper .info .description p {
    color: black; }

.social-buttons-video h5 {
  font-size: 20px;
  color: black; }

.page-the-show .description {
  color: white; }
.page-the-show .temp-show-description {
  color: black;
  margin-top: 20px; }

.page-no-mercy-no-malice #page {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }

.speaking-testimonials {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start; }
  .speaking-testimonials .single-speaking-testimonial {
    margin-top: 35px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: center; }
    .speaking-testimonials .single-speaking-testimonial .speaking-testimonial-image {
      width: 50%; }
    .speaking-testimonials .single-speaking-testimonial .quote {
      padding: 10px; }
      .speaking-testimonials .single-speaking-testimonial .quote .said-by {
        text-align: right; }

.single-show #page {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }
  .single-show #page .entry-content {
    margin-bottom: 130px; }

.post-navigation {
  position: absolute;
  left: -10000px; }

#footer-content {
  margin-top: auto;
  clear: both;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: nowrap;
  align-content: space-between; }
  #footer-content .border-img {
    margin-left: 0; }
  #footer-content .border-img:not(:first-child) {
    border-left: 0; }

.toggle {
  text-transform: uppercase;
  color: #EFB79F;
  font-size: 11px; }

.toggle.pod-inactive {
  color: #A4C9B5; }

.toggle.active {
  font-weight: bold;
  border-bottom: 2px solid white;
  padding-bottom: 2px;
  color: white; }

.toggle {
  margin-right: 40px; }
.toggle.last {
   margin-right: 0px; }
      
.space-below{
  margin-bottom:15px;
}

/* Tablet Specific Styles */
@media only screen and (min-width: 600px) and (max-width: 1023px) {
  .page-no-mercy-no-malice .pod-info {
    flex-wrap: nowrap; }

  .tablet-narrower {
    width:400px;
  }

  .entry-content .one-third .pod-shares a {
    display:inline !important;
  }
}

/* DESKTOP Specific Styles  */
@media only screen and (min-width: 1024px) {
  .thumb {
    flex-basis: 50%; }

  .info-wrapper {
    flex-basis: 50%; }

  #toggle {
    display: none; }

  .logo {
    margin-top: 36px;
    margin-top: clamp(1.125rem, 2.30769vw, 2.25rem);
    margin-left: 36px;
    margin-left: clamp(1.125rem, 2.30769vw, 2.25rem);
    display: block; }
    .logo .verse {
      display: block; }

  .spacer {
    flex-basis: 30%; }

  .spacer-alt {
    height: 100px; }

  .landing-main {
    display: flex;
    justify-content: center;
    margin: 0 0 150px 0; }
    .landing-main .landing-list {
      flex-basis: 70%; }
      .landing-main .landing-list img {
        display: block; }

  .page-the-show h3.banner {
    margin-bottom: 50px; }
  .page-the-show .temp-show-description {
    margin-top: 50px; }

  .page-pivot .two-third {
    margin-top: 150px; }
    .page-pivot .two-third img {
      width: 70%;
      float: right;
      margin-right: 50px;
      border: 1px black solid;
      margin-bottom: 120px; }
  .page-pivot .pod-shares {
    margin-bottom: 20px; }

  .pod-description {
    width: 70%; }

  .page-speaking .description {
    color: white; }

  .page-no-mercy-no-malice #page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; }
  .page-no-mercy-no-malice .description {
    color: white; }
  .page-no-mercy-no-malice .two-third {
    margin-top: 100px; }
  .page-no-mercy-no-malice .pod-info {
    flex-wrap: nowrap; }
    .page-no-mercy-no-malice .pod-info .pod-info-wrapper {
      width: 40%; }
    .page-no-mercy-no-malice .pod-info img {
      width: 40%;
      height: calc(187px);
      object-position: left top; }

  .main-page-header {
    margin-left: 72px;
    margin-left: clamp(2.25rem, 4.61538vw, 4.5rem);
    margin-right: 72px;
    margin-right: clamp(2.25rem, 4.61538vw, 4.5rem); }

  .entry-content {
    display: flex;
    justify-content: space-between;
    margin-left: 72px;
    margin-left: clamp(2.25rem, 4.61538vw, 4.5rem);
    margin-right: 72px;
    margin-right: clamp(2.25rem, 4.61538vw, 4.5rem); }
    .entry-content .one-third {
      flex-grow: 1;
      flex-basis: 33%; }
      .entry-content .one-third .description {
        width: 80%; }
    .entry-content .two-third {
      flex-grow: 2;
      flex-basis: 66%; }
      .entry-content .two-third .video {
        flex-wrap: nowrap; }
        .entry-content .two-third .video .info-wrapper {
          margin-left: 36px;
          margin-left: clamp(1.125rem, 2.30769vw, 2.25rem);
          margin-top: 0; }
    .entry-content .one-half {
      flex-basis: 50%;
      padding: 3% 2% 0 3%; }

  .bookcase {
    display: flex;
    margin-left: 72px;
    margin-left: clamp(2.25rem, 4.61538vw, 4.5rem);
    margin-right: 36px;
    margin-right: clamp(1.125rem, 2.30769vw, 2.25rem); }
    .bookcase .current-book.no-mobile {
      display: initial;
      margin-left: 30px;
      margin-right: 30px;
      flex-basis: auto; }
      .bookcase .current-book.no-mobile img {
        width: 100%;
        height: auto; }
    .bookcase .upcoming-books {
      flex-basis: auto; }
      .bookcase .upcoming-books img.book-cover {
        width: 110px;
        margin: 0; }
      .bookcase .upcoming-books .faded {
        opacity: 50%; }
    .bookcase .book-text.no-mobile {
      display: initial;
      max-width: 300px;
      flex-basis: auto; }
    .bookcase .book-text.mobile-only {
      display: none; }

  .single-video-image {
    margin-right: 72px;
    margin-right: clamp(2.25rem, 4.61538vw, 4.5rem); }

  .speaking-testimonials {
    margin: 20px 50px 120px 0px; }
    .speaking-testimonials .speaking-testimonial-image {
      width: 40%; }
    .speaking-testimonials .quote {
      padding: 30px; }

  .video-info-wrapper {
    margin-left: 36px;
    margin-left: clamp(1.125rem, 2.30769vw, 2.25rem); }

  .interview {
    display: flex;
    flex-direction: row; }
    .interview .profg-class-div .profg-class-img {
      width: auto; }

  .large-video-play {
    float: right;
    width: 60px !important;
    height: 60px;
    transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    -moz-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px); }

  /* navigation */
  #primary-menu {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end; }
    #primary-menu h3 {
      font-weight: 200;
      line-height: normal; }
    #primary-menu .menu-item {
      font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      font-size: 1.5em;
      color: #00222D;
      padding: 6px 15px;
      margin-left: -1px;
      border: 1px solid #00222D;
      border-top: 0;
      float: left;
      cursor: pointer; }
    #primary-menu .menu-item:not(:first-child) {
      border-left: 0; }
    #primary-menu .menu-item:hover {
      color: white;
      -webkit-transition: .2s;
      -moz-transition: .2s;
      transition: .2s; }
    #primary-menu .menu-item:hover a {
      color: white;
      -webkit-transition: .2s;
      -moz-transition: .2s;
      transition: .2s; }
    #primary-menu .menu-item a:hover {
      color: white;
      -webkit-transition: .2s;
      -moz-transition: .2s;
      transition: .2s; }

  #footer-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%; }

  #copyright {
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1; }

  #footer-social-links {
    display: inline-block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1; } }
/* MOBILE SPECIFIC STYLING */
@media only screen and (max-width: 1024px) {
  /* this helps the footer stay down*/
  body {
    display: flex;
    flex-direction: column; }

  footer {
    margin-top: auto;
    min-height: 150px; }

  .button-white {
    background-color: white;
    border: 1px solid black;
    border-bottom: none;
    transform: translate(-3px, 2px);
    -webkit-transform: translate(-3px, 2px);
    -moz-transform: translate(-3px, 2px);
    -ms-transform: translate(-3px, 2px);
    -o-transform: translate(-3px, 2px);
    display: inline-block; }

  input.button-transparent {
    padding: 14px 16px 13px 10px; }

  #nmnm-read-latest-button {
    border-bottom: 1px solid;
    margin-bottom: 10px; }

/*
  #_form_14_submit {
    margin-top: 2px !important;
    margin-left: -2px;
    margin-bottom: 20px;
    padding: 8px 10px 9px 10px; }
*/

  .page-speaking #page {
    display: flex;
    flex-direction: column;
    min-height: 100vh; }

    .entry-content .one-third .pod-shares a {
      display:block;
    }

  /* Mobile Navigation Menu  */
  #primary-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; }
    #primary-menu li a {
      display: block;
      padding: 10px 5px;
      font-family: interstate-compressed, 'Helvetica Neue', Helvetica, Arial, sans-serif;
      color: white;
      font-size: 20px; }

  #primary-menu.active {
    margin-bottom: 25px;
    background: #00222D; }

  #toggle {
    order: 1;
    cursor: pointer;
    top: 10px;
    right: 10px;
    left: auto;
    position: absolute; }
    #toggle a {
      float: right; }

	.toggle {
  	margin-right: 0px;
		display:block;
		width:200px;
	}

  #primary-menu .menu-item a, h5 {
    color: #FFFFFF;
    text-transform: uppercase; }

  #primary-menu .menu-item {
    order: 3;
    width: 100%;
    text-align: center;
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    transition: all .6s ease;
    padding: 0;
    border: 1px solid white;
    border-bottom: 0; }

  #primary-menu.active .menu-item {
    padding: 15px 5px;
    opacity: 1;
    height: auto; }

  #primary-menu .menu-item:hover {
    background-color: #4FAFB8;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s; }

  #primary-menu .menu-item:hover a, h5 {
    color: white;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s; }

  #primary-menu .menu-item:first-child {
    border-bottom: 0; }

  #primary-menu .menu-item:nth-child(6) {
    border-bottom: 1px solid white; }

  #toggle span {
    background-color: #fff;
    display: block;
    margin: 5px 0;
    height: 2px;
    width: 30px;
    transition: all 0.1s ease-in; }

  #toggle span:nth-child(1) {
    top: 0px; }

  #toggle span:nth-child(2), #toggle span:nth-child(3) {
    top: 18px; }

  #toggle span:nth-child(4) {
    top: 36px; }

  #toggle.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg); }

  #toggle.open span:nth-child(2) {
    opacity: 0; }

  #toggle.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg); }

  /* End Mobile Navigation Menu  */ }
/* End Mobile Styling */
	/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; }

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

.accessibility {
  backface-visibility: hidden;
  left: -999999999px;
  position: absolute; }

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