/*
@font-face {
  font-family: "Circular-Pro-Book";
  src: url("../fonts/lineto-circular-pro-book.woff") format("woff"), url("../fonts/lineto-circular-pro-book.ttf") format("truetype"), url("../fonts/lineto-circular-pro-book.svg#lineto-circular-pro-book") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-Pro-Medium";
  src: url("../fonts/lineto-circular-pro-medium.woff") format("woff"), url("../fonts/lineto-circular-pro-medium.ttf") format("truetype"), url("../fonts/lineto-circular-pro-medium.svg#lineto-circular-pro-medium") format("svg");
  font-weight: normal;
  font-style: normal; 
}
*/
body.single-pocketguide {
  background-color: #000;
  color: #fff;
  text-align: center;
  /* font-family: "Circular-Pro-Book", Helvetica, Arial, sans-serif; */
  font-family: CircularXXSub, sans-serif;
  /* font-weight: 700; */
}
body.single-pocketguide .stuck {
  position: fixed;
  top: 0;
}
body.single-pocketguide h1 {
  margin: 0.1em 0 0;
  font-size: 55px;
  line-height: 1em;
  font-family: "HCo Chronicle Display";
  font-weight: 800;
  hyphens: auto;
}
body.single-pocketguide h2 {
  margin-bottom: 50px;
  font-size: 31.5px;
  font-family: "HCo Chronicle Display";
  line-height: 1.01;
  margin: 0.83em 0;
}
body.single-pocketguide h5 {
  margin: 0 0 15px;
  font-size: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: CircularXXSub, sans-serif;
  font-weight: 900;
}
body.single-pocketguide p {
  font-size: 20px;
  margin: 0 0 17px;
}
body.single-pocketguide section.intro, body.single-pocketguide section.text, body.single-pocketguide section.roles, body.single-pocketguide section.seealso, body.single-pocketguide section.media, body.single-pocketguide section.team, body.single-pocketguide section.gallery {
  min-height: 100vh;
  position: relative;
  background-color: #000;
  width: 100%;
}
body.single-pocketguide section.intro.fix .dim, body.single-pocketguide section.text.fix .dim, body.single-pocketguide section.roles.fix .dim, body.single-pocketguide section.seealso.fix .dim, body.single-pocketguide section.media.fix .dim, body.single-pocketguide section.team.fix .dim, body.single-pocketguide section.gallery.fix .dim {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
body.single-pocketguide section.intro.fix .bg, body.single-pocketguide section.text.fix .bg, body.single-pocketguide section.roles.fix .bg, body.single-pocketguide section.seealso.fix .bg, body.single-pocketguide section.media.fix .bg, body.single-pocketguide section.team.fix .bg, body.single-pocketguide section.gallery.fix .bg {
  position: fixed;
  top: 0;
}
body.single-pocketguide section.intro.black.fix .dim, body.single-pocketguide section.text.black.fix .dim, body.single-pocketguide section.roles.black.fix .dim, body.single-pocketguide section.seealso.black.fix .dim, body.single-pocketguide section.media.black.fix .dim, body.single-pocketguide section.team.black.fix .dim, body.single-pocketguide section.gallery.black.fix .dim {
  background-color: rgba(255, 255, 255, 0.5);
}
body.single-pocketguide section.text, body.single-pocketguide section.roles, body.single-pocketguide section.seealso, body.single-pocketguide section.media, body.single-pocketguide section.team, body.single-pocketguide section.gallery {
  transform: scale(1);
}
body.single-pocketguide .bgimage, body.single-pocketguide .bgvideo, body.single-pocketguide .dim {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
body.single-pocketguide .bgimage {
  background-size: cover;
  background-position: center;
}
body.single-pocketguide .bgvideo video {
  /*
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
    */
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
body.single-pocketguide section.intro {
  /* min-height: 10vh; */
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.single-pocketguide section.intro .bgimage, body.single-pocketguide section.intro .bgvideo {
  position: fixed;
}
body.single-pocketguide section.intro .inner {
  flex: 1 1 auto;
  max-width: 660px;
  position: fixed;
  margin: 0 auto;
  padding: 15vh 30px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body.single-pocketguide section.intro .center {
  display: flex;
  flex-direction: column-reverse;
}
body.single-pocketguide section.intro button.spotify {
  position: absolute;
  left: 30px;
  top: 30px;
  background-color: transparent;
  color: #fff;
}
body.single-pocketguide section.intro button.spotify span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.1em;
  text-transform: uppercase;
  max-width: 90px;
}
body.single-pocketguide section.intro button.spotify::before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  width: 40px;
  height: 40px;
  color: #000;
  vertical-align: middle;
  margin-right: 10px;
  background-size: 60% auto;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;'%3E%3Cpath d='M300.99,60.01V440.1c0,9.25-5.34,17.7-13.79,21.6c-3.16,1.44-6.55,2.13-10,2.13c-5.57,0-10.97-1.9-15.23-5.46L126.09,345.07 H30.02c-13.1,0-23.73-10.63-23.73-23.73V178.78c0-13.1,10.63-23.73,23.73-23.73h96.07L262.04,41.68c7.01-5.86,16.84-7.18,25.17-3.33 C295.59,42.26,300.99,50.7,300.99,60.01z M461.02,143.38c-20.69-30.91-49.99-56.77-84.92-75.62c-8.39-4.54-18.85-1.38-23.39,6.95 c-4.54,8.39-1.38,18.85,6.95,23.39c30.45,16.43,55.45,38.73,72.69,64.47c17.24,25.8,26.83,54.93,26.89,85.96 c0,31.09-9.6,60.16-26.89,85.96c-17.24,25.74-42.23,48.04-72.69,64.47c-8.39,4.54-11.49,15-6.95,23.39 c4.54,8.39,15,11.49,23.39,6.95c34.93-18.9,64.24-44.76,84.92-75.62s32.69-66.88,32.69-105.15 C493.71,210.27,481.7,174.24,461.02,143.38z M358.22,317.49c-7.87,5.34-9.94,16.03-4.65,23.96c5.34,7.87,16.03,9.94,23.96,4.65 c30.97-20.92,51.25-56.83,51.25-97.51c0-40.62-20.28-76.59-51.25-97.51c-7.87-5.34-18.62-3.28-23.96,4.65 c-5.34,7.87-3.28,18.62,4.65,23.96c21.6,14.59,36.08,39.88,36.08,68.95C394.31,277.55,379.83,302.83,358.22,317.49z'%3E%3C/path%3E%3C/svg%3E");
}
body.single-pocketguide section.intro.black {
  background-color: #fff;
  color: #000;
}
body.single-pocketguide section.intro.black button.spotify {
  color: #000;
}
body.single-pocketguide section.intro.black button.spotify::before {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cpath d='M300.99,60.01V440.1c0,9.25-5.34,17.7-13.79,21.6c-3.16,1.44-6.55,2.13-10,2.13c-5.57,0-10.97-1.9-15.23-5.46L126.09,345.07 H30.02c-13.1,0-23.73-10.63-23.73-23.73V178.78c0-13.1,10.63-23.73,23.73-23.73h96.07L262.04,41.68c7.01-5.86,16.84-7.18,25.17-3.33 C295.59,42.26,300.99,50.7,300.99,60.01z M461.02,143.38c-20.69-30.91-49.99-56.77-84.92-75.62c-8.39-4.54-18.85-1.38-23.39,6.95 c-4.54,8.39-1.38,18.85,6.95,23.39c30.45,16.43,55.45,38.73,72.69,64.47c17.24,25.8,26.83,54.93,26.89,85.96 c0,31.09-9.6,60.16-26.89,85.96c-17.24,25.74-42.23,48.04-72.69,64.47c-8.39,4.54-11.49,15-6.95,23.39 c4.54,8.39,15,11.49,23.39,6.95c34.93-18.9,64.24-44.76,84.92-75.62s32.69-66.88,32.69-105.15 C493.71,210.27,481.7,174.24,461.02,143.38z M358.22,317.49c-7.87,5.34-9.94,16.03-4.65,23.96c5.34,7.87,16.03,9.94,23.96,4.65 c30.97-20.92,51.25-56.83,51.25-97.51c0-40.62-20.28-76.59-51.25-97.51c-7.87-5.34-18.62-3.28-23.96,4.65 c-5.34,7.87-3.28,18.62,4.65,23.96c21.6,14.59,36.08,39.88,36.08,68.95C394.31,277.55,379.83,302.83,358.22,317.49z' style=' fill: %23fff;%0A'%3E%3C/path%3E%3C/svg%3E");
}
body.single-pocketguide section.text {
  background-color: #000;
  display: flex;
  flex-direction: row;
  padding-top: 25vh;
  padding-bottom: 10vh;
}
body.single-pocketguide section.text .inner {
  display: flex;
  flex-direction: column;
  max-width: 660px;
  margin: 0 auto;
  padding: 0 30px;
  justify-content: center;
  align-items: center;
  position: relative;
  /* min-height: 100vh; */
  min-height: 50vh;
}
body.single-pocketguide section.text .center {
  font-size: 20px;
  margin: 0 0 17px;
}
body.single-pocketguide section.text .dim {
  background-color: rgba(0, 0, 0, 0);
  will-change: background-color;
  transition: background-color 0.5s ease;
}
body.single-pocketguide section.text.black {
  background-color: #fff;
  color: #000;
}
body.single-pocketguide section.roles .inner, body.single-pocketguide section.team .inner, body.single-pocketguide section.seealso .inner {
  flex: 1 1 auto;
  max-width: 660px;
  position: relative;
  margin: 0 auto;
  padding: 30px;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  justify-content: center;
}
body.single-pocketguide section.roles .center, body.single-pocketguide section.team .center, body.single-pocketguide section.seealso .center {
  display: flex;
  flex-direction: column;
}
body.single-pocketguide section.roles h2, body.single-pocketguide section.team h2, body.single-pocketguide section.seealso h2 {
  font-size: 24.5px;
}
body.single-pocketguide section.team h2, body.single-pocketguide section.roles h2 {
  margin-bottom: 2em;
}
body.single-pocketguide section.team .inner, body.single-pocketguide section.roles .inner {
  width: 100%;
  max-width: none;
  align-items: center;
}
body.single-pocketguide section.team .center, body.single-pocketguide section.roles .center {
  max-width: 660px;
}
body.single-pocketguide section.team .items, body.single-pocketguide section.roles .items {
  display: flex;
  flex-direction: row;
  margin: 0 auto 20px;
  flex-wrap: wrap;
  justify-content: center;
}
body.single-pocketguide section.team .items .item, body.single-pocketguide section.roles .items .item {
  flex: 0 0 140px;
  margin: 0 8px;
  /* font-family: "Circular-Pro-Book", Helvetica, Arial, sans-serif; */
  font-family: CircularXXSub, sans-serif;
  padding-bottom: 25px;
}
body.single-pocketguide section.team .items .item .role, body.single-pocketguide section.roles .items .item .role {
  font-size: 17px;
  text-transform: uppercase;
  hyphens: auto;
}
body.single-pocketguide section.team .items .item .name, body.single-pocketguide section.roles .items .item .name {
  hyphens: auto;
}
body.single-pocketguide section.team .items .item a, body.single-pocketguide section.roles .items .item a {
  text-decoration: underline;
  color: #fff;
}
body.single-pocketguide section.team .items .item img, body.single-pocketguide section.roles .items .item img {
  object-fit: cover;
  aspect-ratio: 0.7849056604;
}
body.single-pocketguide section.team .items .item .emptyimage, body.single-pocketguide section.roles .items .item .emptyimage {
  background-image: url(../img/personph.png);
  width: 140px;
  height: 187px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body.single-pocketguide section.team .items.empty .item, body.single-pocketguide section.roles .items.empty .item {
  background-image: url(../img/personph.png);
  width: 140px;
  flex: 0 0 140px;
  height: 187px;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body.single-pocketguide section.team.black, body.single-pocketguide section.roles.black {
  background-color: #fff;
  color: #000;
}
body.single-pocketguide section.media {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.single-pocketguide section.media .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
body.single-pocketguide section.media .inner {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body.single-pocketguide section.media.fix .inner {
  position: fixed;
  top: 0;
}
body.single-pocketguide section.media .player {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
  position: absolute;
  z-index: 1;
}
body.single-pocketguide section.media .player .vjs-big-play-button {
  opacity: 0.7;
}
body.single-pocketguide section.media .player .vjs-big-play-button::after {
  font-size: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 45px);
  font-family: CircularXXSub, sans-serif;
  font-weight: 900;
}
body.single-pocketguide section.media .playertrigger {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 0;
  margin: 0;
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border: 4px solid #fff;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 96 90' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'><path d='M48,5.07647132 L87.2833539,89 L8.71664615,89 L48,5.07647132 Z' stroke='%23FFFFFF' stroke-width='6' fill='%23FFFFFF' transform='translate(48.000000, 45.000000) rotate(-270.000000) translate(-48.000000, -45.000000)'></path></g></svg>");
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 65% center;
  /* opacity: .7; */
  opacity: 1;
  transition: all 0.5s ease;
  color: #fff;
}
body.single-pocketguide section.media .playertrigger::after {
  font-size: 1rem;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 45px);
  font-family: CircularXXSub, sans-serif;
  font-weight: 900;
  margin-top: 1em;
}
body.single-pocketguide section.media .veil {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.4;
  transition: opacity 0.5s ease;
}
body.single-pocketguide section.media.revealed .veil {
  opacity: 0.7;
}
body.single-pocketguide section.media.black {
  background-color: #fff;
}
body.single-pocketguide section.media.black .stage24player .vjs-big-play-button {
  border: 4px solid #000;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 96 90' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'><path d='M48,5.07647132 L87.2833539,89 L8.71664615,89 L48,5.07647132 Z' stroke='%23000000' stroke-width='6' fill='%23000000' transform='translate(48.000000, 45.000000) rotate(-270.000000) translate(-48.000000, -45.000000)'></path></g></svg>");
}
body.single-pocketguide section.media.black .playertrigger {
  color: #000;
  border: 4px solid #000;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 96 90' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0'><path d='M48,5.07647132 L87.2833539,89 L8.71664615,89 L48,5.07647132 Z' stroke='%23000000' stroke-width='6' fill='%23000000' transform='translate(48.000000, 45.000000) rotate(-270.000000) translate(-48.000000, -45.000000)'></path></g></svg>");
}
body.single-pocketguide section.gallery {
  display: flex;
  flex-direction: column;
}
body.single-pocketguide section.gallery .bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  flex: 1 1 auto;
}
body.single-pocketguide section.gallery.black {
  background-color: #fff;
}
body.single-pocketguide section.seealso h2 {
  text-transform: uppercase;
  font-style: italic;
}
body.single-pocketguide section.seealso .inner {
  max-width: 400px;
}
@media screen and (min-width: 660px) {
  body.single-pocketguide section.seealso .inner {
    max-width: 660px;
  }
}
body.single-pocketguide section.seealso .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 660px) {
  body.single-pocketguide section.seealso .items {
    justify-content: flex-start;
  }
}
body.single-pocketguide section.seealso .itemwrap {
  flex: 0 0 100%;
  padding: 0 10px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 660px) {
  body.single-pocketguide section.seealso .itemwrap {
    flex: 0 0 300px;
  }
}
body.single-pocketguide section.seealso .item {
  display: inline-block;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  min-height: 100%;
}
body.single-pocketguide section.seealso .image {
  padding-bottom: 56.25%;
  background-size: cover;
  background-position: center;
  background-color: #f0f0f0;
}
body.single-pocketguide section.seealso .meta {
  color: #000;
  text-align: left;
  box-sizing: border-box;
  padding: 10px 10px;
}
body.single-pocketguide section.seealso .category {
  text-transform: uppercase;
  font-size: 11.9px;
  line-height: 1em;
  margin: 0 0 0.1em;
}
body.single-pocketguide section.seealso .title {
  margin: 0 0 0.1em;
  font-size: 24px;
  font-family: "HCo Chronicle Display";
  font-weight: 600;
}
body.single-pocketguide section.seealso .stage {
  margin: 0 0 0.5em;
  font-size: 13.5px;
  margin: 0;
}
body.single-pocketguide section.seealso.black {
  background-color: #fff;
}
body.single-pocketguide section.seealso.black .item {
  background-color: #000;
  color: #fff;
}
body.single-pocketguide section.seealso.black .meta {
  color: #fff;
}
body.single-pocketguide section.spotify {
  position: fixed;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  background-color: #000;
  justify-content: center;
  align-items: center;
}
body.single-pocketguide section.spotify button.spotify {
  display: block;
  margin: 0 auto;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='122 -180.3 500 500' style='enable-background:new 122 -180.3 500 500;'%3E%3Cg%3E%3Cpolygon points='372,94.8 207.1,259.7 182,234.6 346.9,69.7 182,-95.2 207.1,-120.3 372,44.6 536.9,-120.3 562,-95.2 397.1,69.7 562,234.6 536.9,259.7 ' fill='%23fff'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E");
  color: transparent;
  font-size: 0;
  background-size: 100% auto;
  background-position: center;
  width: 50px;
  height: 50px;
}
body.single-pocketguide section.spotify .inner {
  width: 100%;
  max-width: 1000px;
}
body.single-pocketguide section.spotify iframe {
  border-radius: 12px;
  height: 380px;
  width: 100%;
}
body.single-pocketguide.spotifyplayer section.spotify {
  left: 0;
}