/*!
Styles Name: Hablemos escritoras
URI: http://hablemosescritoras.com
Author: Enigma
Author URI: http://enigma.mx
Description: Tema para el sitio Hablemos escritoras.
Version: 1.0.0
*/
/* ---------------------------------------------- */
/* --------------------CONTENTS------------------ */
/* ---------------------------------------------- */
/*
	0) Tools
	1) Mixins
	2) Colors, fonts & setup
	3) Font styles
	4) General styles
	5) Animations
	6) Section styles
*/
/* ---------------------------------------------- */
/* -----------------0) TOOLS--------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* -----------------1) MIXINS-------------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* -----------------2) COLORS, FONTS & SETUP----- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* -----------------3) FONT STYLES--------------- */
/* ---------------------------------------------- */
/* ---------------------------------------------- */
/* -----------------4) GENERAL STYLES------------ */
/* ---------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Vampiro+One&display=swap");
/* line 206, app/assets/stylesheets/hablemos.scss */
body, html {
  margin: 0;
  overflow-x: hidden;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  color: #380038;
}

@media screen and (max-width: 1023px) {
  /* line 206, app/assets/stylesheets/hablemos.scss */
  body, html {
    font-size: 14px;
    line-height: 25px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 206, app/assets/stylesheets/hablemos.scss */
  body, html {
    font-size: 19px;
    line-height: 30px;
  }
}

/* line 214, app/assets/stylesheets/hablemos.scss */
body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0;
}

/* line 218, app/assets/stylesheets/hablemos.scss */
body p {
  margin-top: 0;
}

/* line 222, app/assets/stylesheets/hablemos.scss */
body .hidden {
  display: none !important;
}

/* line 226, app/assets/stylesheets/hablemos.scss */
body .container {
  max-width: 1104px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* line 232, app/assets/stylesheets/hablemos.scss */
body a, body button, body .cta-button {
  text-decoration: none;
}

/* line 235, app/assets/stylesheets/hablemos.scss */
body a:hover, body button:hover, body .cta-button:hover {
  cursor: pointer;
}

/* line 241, app/assets/stylesheets/hablemos.scss */
body input::-moz-focus-inner {
  border: 0;
}

/* line 245, app/assets/stylesheets/hablemos.scss */
body textarea, body input[type="text"], body input[type="button"], body input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* line 252, app/assets/stylesheets/hablemos.scss */
body button, body input[type="button"], body input[type="submit"] {
  background: none;
  border: none;
  border-bottom: 1px solid #FF0037;
  padding: 0;
  color: #FF0037;
}

/* line 260, app/assets/stylesheets/hablemos.scss */
body em, body i {
  font-style: italic;
}

/* line 264, app/assets/stylesheets/hablemos.scss */
body strong, body b {
  font-weight: 800;
}

/* line 268, app/assets/stylesheets/hablemos.scss */
body ul, body ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* line 274, app/assets/stylesheets/hablemos.scss */
body .hl {
  color: #FF0037 !important;
}

/* line 278, app/assets/stylesheets/hablemos.scss */
body hr.boldface {
  border: none;
}

/* line 283, app/assets/stylesheets/hablemos.scss */
body .primary .search-trigger.inactive {
  pointer-events: none;
}

/* line 288, app/assets/stylesheets/hablemos.scss */
body .primary .no-result-message h2, body .primary .no-result-message p {
  color: #FFFFFF;
}

/* line 292, app/assets/stylesheets/hablemos.scss */
body .primary .no-result-message h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 292, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 292, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 296, app/assets/stylesheets/hablemos.scss */
body .primary .no-result-message p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 296, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 296, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 299, app/assets/stylesheets/hablemos.scss */
body .primary .no-result-message p a {
  color: #FF0037;
}

/* line 302, app/assets/stylesheets/hablemos.scss */
body .primary .no-result-message p a:hover {
  text-decoration: underline;
}

/* line 312, app/assets/stylesheets/hablemos.scss */
body.single section.contents .container > .related img {
  border: solid 1px rgba(56, 0, 56, 0.1);
  box-sizing: border-box;
}

/* line 319, app/assets/stylesheets/hablemos.scss */
body .swiper-slide:nth-child(2) .related img, body .swiper-slide:nth-child(3) .related img, body .swiper-slide:nth-child(4) .related img {
  border: solid 1px rgba(56, 0, 56, 0.1);
  box-sizing: border-box;
}

/* line 326, app/assets/stylesheets/hablemos.scss */
body .featured.episode img, body .authors.list img, body .editorial.list img {
  border: solid 1px rgba(56, 0, 56, 0.1);
  box-sizing: border-box;
}

/* line 333, app/assets/stylesheets/hablemos.scss */
body .underline {
  background-image: url(/assets/components/underline-af5a3bb5e96c5f07684d2075df82e4b23abb0f6ddfd9603ee762f6aaa71ff70a.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
}

/* line 339, app/assets/stylesheets/hablemos.scss */
body .boldface {
  background-image: url(/assets/components/boldface-90978f51f40924e82c9937fba5240778663d12f6555b7dcd864d9578dd873b26.svg);
  background-repeat: repeat-x;
  background-position: center bottom;
}

/* line 345, app/assets/stylesheets/hablemos.scss */
body .sm-cap {
  background-image: url(/assets/components/sm-cap-be5338db3d106c10e0e61cb7b501689966510263c83c0764c029624d99608343.svg);
  background-repeat: repeat-x;
  background-position: center bottom;
}

/* line 352, app/assets/stylesheets/hablemos.scss */
body h3.add-quote:before {
  background-image: url(/assets/components/add-quotes-03d9128220d06e5fce7ab8f48bd16bc2f180643281d8d4c47262aa824b2b33ce.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 362, app/assets/stylesheets/hablemos.scss */
body .announcement-space .message {
  background-color: #380038;
  width: 100%;
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  z-index: 5;
}

/* line 372, app/assets/stylesheets/hablemos.scss */
body .announcement-space .message #close-announcement {
  background-image: url(/assets/gui/close-5c68c0eed897ac4af00655075f46db9c07af318f352082a1811da091dccb326e.svg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
}

/* line 386, app/assets/stylesheets/hablemos.scss */
body .announcement-space p, body .announcement-space a {
  margin: 0 auto;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 400;
  letter-spacing: 0.1px;
  text-align: center;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 386, app/assets/stylesheets/hablemos.scss */
  body .announcement-space p, body .announcement-space a {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 386, app/assets/stylesheets/hablemos.scss */
  body .announcement-space p, body .announcement-space a {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 395, app/assets/stylesheets/hablemos.scss */
body .announcement-space a:hover {
  color: #FF0037;
}

/* line 398, app/assets/stylesheets/hablemos.scss */
body .announcement-space a:hover p {
  color: #FF0037;
}

/* line 404, app/assets/stylesheets/hablemos.scss */
body .lang-selector {
  text-align: right;
  position: relative;
}

/* line 408, app/assets/stylesheets/hablemos.scss */
body .lang-selector span {
  font-weight: 600;
}

/* line 412, app/assets/stylesheets/hablemos.scss */
body .lang-selector a, body .lang-selector span {
  opacity: .6;
  display: inline-block;
}

/* line 416, app/assets/stylesheets/hablemos.scss */
body .lang-selector a.current-lang, body .lang-selector span.current-lang {
  opacity: 1;
}

/* line 421, app/assets/stylesheets/hablemos.scss */
body .lang-selector a {
  color: #380038;
}

/* line 425, app/assets/stylesheets/hablemos.scss */
body .lang-selector:before {
  content: "";
  background-image: url(/assets/gui/lang-8857626a902e8d1cae14711e22126b880c4d97ddfa2b3c26188fbd2283897e32.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-position: right center;
  background-size: 18px;
  width: 18px;
  height: 18px;
  top: 6px;
  right: -26px;
  display: block;
  position: absolute;
}

/* line 442, app/assets/stylesheets/hablemos.scss */
body header .container {
  position: relative;
}

/* line 445, app/assets/stylesheets/hablemos.scss */
body header .container > a {
  display: block;
  position: relative;
  z-index: 1;
}

/* line 450, app/assets/stylesheets/hablemos.scss */
body header .container > a img {
  width: 100%;
}

/* line 455, app/assets/stylesheets/hablemos.scss */
body header .container a.switch-to {
  width: auto;
  color: #380038;
  font-family: 'Vampiro One';
  font-style: normal;
  cursor: pointer;
}

/* line 463, app/assets/stylesheets/hablemos.scss */
body header .container a.switch-to span {
  color: #FF0037;
}

/* line 467, app/assets/stylesheets/hablemos.scss */
body header .container a.switch-to:hover, body header .container a.switch-to:active {
  color: #FF0037;
}

/* line 470, app/assets/stylesheets/hablemos.scss */
body header .container a.switch-to:hover span, body header .container a.switch-to:active span {
  color: #FF0037;
}

/* line 476, app/assets/stylesheets/hablemos.scss */
body header .container h1 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 476, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 476, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 481, app/assets/stylesheets/hablemos.scss */
body header .container nav a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 481, app/assets/stylesheets/hablemos.scss */
  body header .container nav a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 481, app/assets/stylesheets/hablemos.scss */
  body header .container nav a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 484, app/assets/stylesheets/hablemos.scss */
body header .container nav a span {
  font-weight: 300;
}

/* line 490, app/assets/stylesheets/hablemos.scss */
body header .container nav.main a {
  color: #380038;
}

/* line 493, app/assets/stylesheets/hablemos.scss */
body header .container nav.main a span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  display: block;
}

@media screen and (max-width: 1023px) {
  /* line 493, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 493, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 498, app/assets/stylesheets/hablemos.scss */
body header .container nav.main a:hover {
  color: #FF0037;
}

/* line 502, app/assets/stylesheets/hablemos.scss */
body header .container nav.main a.current {
  color: #FF0037;
}

/* line 505, app/assets/stylesheets/hablemos.scss */
body header .container nav.main a.current span {
  display: none;
}

/* line 514, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary .lang-selector a, body header .container nav.secondary .lang-selector span {
  opacity: .6;
  display: inline-block;
}

/* line 518, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary .lang-selector a.current-lang, body header .container nav.secondary .lang-selector span.current-lang {
  opacity: 1;
}

/* line 524, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a {
  color: #380038;
  letter-spacing: 0.2px;
  display: block;
}

/* line 529, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.hidden {
  display: none;
}

/* line 533, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.current, body header .container nav.secondary a:hover {
  color: #380038;
  text-decoration: underline;
}

/* line 539, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.shop, body header .container nav.secondary a.search, body header .container nav.secondary a.audiobook, body header .container nav.secondary a.donate {
  position: relative;
}

/* line 545, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.shop:before, body header .container nav.secondary a.search:before, body header .container nav.secondary a.audiobook:before, body header .container nav.secondary a.donate:before {
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: block;
  position: absolute;
}

/* line 554, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.audiobook {
  font-weight: 800;
  color: #FF0037;
}

/* line 558, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.audiobook:before {
  background-image: url(/assets/gui/audiobook-1e1282fea7314969fc98ccb34b65f6a8c6700bea5a147e861b5975e2df01a889.svg);
  background-position: right center;
  background-size: 22px;
  width: 22px;
  height: 22px;
  top: -2px;
  right: -28px;
}

/* line 570, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.shop {
  font-weight: 800;
  color: #FF0037;
}

/* line 574, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.shop:before {
  background-image: url(/assets/gui/shop-bff844a8f71e2b9a7b109bd0f6b754c3bce66dc8a696d8c98c9b501cb748a503.svg);
  background-position: right center;
  background-size: 22px;
  width: 22px;
  height: 22px;
  top: -2px;
  right: -28px;
}

/* line 586, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search {
  border: solid 2px #380038;
}

/* line 589, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search:before {
  background-image: url(/assets/gui/search-de5654f988649239d03fb9c1a50d2d8e26f814a6b0504300b2ed4e90829d7118.svg);
  width: 16px;
  height: 16px;
  top: 4px;
  right: 12px;
}

/* line 597, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search:hover {
  text-decoration: none;
  background-color: #380038;
  color: #FFFFFF;
}

/* line 602, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search:hover:before {
  background-image: url(/assets/gui/search-alt-6e576d753ef164ae69194e14356f3fb6dad2385af07a6ac2c256b355d3738cbd.svg);
}

/* line 608, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.donate {
  color: #FF0037;
}

/* line 611, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.donate:before {
  background-image: url(/assets/gui/donate-f393271f001f327ea72ec252bb20160bef10a664c9dce67ef44977a46f1bed73.svg);
  width: 14px;
  height: 13px;
  top: 4px;
  right: 0;
}

/* line 624, app/assets/stylesheets/hablemos.scss */
body header.alt {
  background-color: #380038;
}

/* line 628, app/assets/stylesheets/hablemos.scss */
body header.alt .container a.switch-to {
  color: #FFFFFF;
}

/* line 631, app/assets/stylesheets/hablemos.scss */
body header.alt .container a.switch-to span {
  color: #FF0037;
}

/* line 635, app/assets/stylesheets/hablemos.scss */
body header.alt .container a.switch-to:hover, body header.alt .container a.switch-to:active {
  color: #FF0037;
}

/* line 638, app/assets/stylesheets/hablemos.scss */
body header.alt .container a.switch-to:hover span, body header.alt .container a.switch-to:active span {
  color: #FF0037;
}

/* line 646, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.main a {
  color: #FFFFFF;
}

/* line 649, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.main a:hover {
  color: #FF0037;
}

/* line 653, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.main a.current {
  color: #FF0037;
}

/* line 656, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.main a.current span {
  display: none;
}

/* line 664, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary .lang-selector {
  color: #9B9B9B;
}

/* line 667, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary .lang-selector:before {
  background-image: url(/assets/gui/lang-alt-bb5598b033d069deff710ef7ba1290fea5a2dc404897a4bcd32dc59b62ebd89d.svg);
}

/* line 672, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a {
  color: #9B9B9B;
}

/* line 675, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.current, body header.alt .container nav.secondary a:hover {
  color: #FF0037;
}

/* line 680, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.shop, body header.alt .container nav.secondary a.audiobook, body header.alt .container nav.secondary a.donate {
  color: #FF0037;
}

/* line 686, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.search {
  border-color: #9B9B9B;
  color: #9B9B9B;
}

/* line 690, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.search:before {
  background-image: url(/assets/gui/search-alt-6e576d753ef164ae69194e14356f3fb6dad2385af07a6ac2c256b355d3738cbd.svg);
}

/* line 694, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.search:hover {
  background-color: #9B9B9B;
  color: #380038;
}

/* line 698, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.search:hover:before {
  background-image: url(/assets/gui/search-de5654f988649239d03fb9c1a50d2d8e26f814a6b0504300b2ed4e90829d7118.svg);
}

/* line 710, app/assets/stylesheets/hablemos.scss */
body .contents {
  background-color: #380038;
  overflow: visible;
}

/* line 717, app/assets/stylesheets/hablemos.scss */
body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
  margin-bottom: 0;
}

/* line 721, app/assets/stylesheets/hablemos.scss */
body .contents .latest-podcast .textbox .ext-link a, body .contents .latest-podcast .textbox .ext-link p, body .contents .latest-podcast .textbox .ext-link a p,
body .contents .container .ext-link a,
body .contents .container .ext-link p,
body .contents .container .ext-link a p {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
}

/* line 728, app/assets/stylesheets/hablemos.scss */
body .contents .latest-podcast .textbox .ext-link img, body .contents .latest-podcast .textbox .ext-link svg,
body .contents .container .ext-link img,
body .contents .container .ext-link svg {
  width: auto;
  display: block;
}

/* line 737, app/assets/stylesheets/hablemos.scss */
body section.sidebar h5, body section.sidebar a {
  color: #FFFFFF;
}

/* line 741, app/assets/stylesheets/hablemos.scss */
body section.sidebar h5 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 741, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 741, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 747, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul li a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 747, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li a {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 747, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li a {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 753, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul li.current a, body section.sidebar ul li:hover a {
  color: #FF0037;
}

/* line 758, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul li.current {
  position: relative;
}

/* line 761, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul li.current:before {
  background-image: url(/assets/components/arrow-left-fc345747e2d3dec75f0e23d6bd7aa555302c400364b86dd417f63749d1cb1421.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: block;
  position: absolute;
}

/* line 774, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul.aphabet.current:before {
  display: none;
}

/* line 782, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul.terms hr.boldface {
  background-position: left bottom;
}

/* line 788, app/assets/stylesheets/hablemos.scss */
body .searchbox.form-container {
  position: relative;
}

/* line 791, app/assets/stylesheets/hablemos.scss */
body .searchbox.form-container div.related {
  position: absolute;
}

/* line 794, app/assets/stylesheets/hablemos.scss */
body .searchbox.form-container div.related img {
  width: 100%;
}

/* line 799, app/assets/stylesheets/hablemos.scss */
body .searchbox.form-container h1, body .searchbox.form-container h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 799, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container h1, body .searchbox.form-container h4 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 799, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container h1, body .searchbox.form-container h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 803, app/assets/stylesheets/hablemos.scss */
body .searchbox.form-container.opened {
  display: block !important;
}

/* line 808, app/assets/stylesheets/hablemos.scss */
body .disclaimer {
  border-top: 1px solid #9B9B9B;
  padding-top: 10px;
}

/* line 812, app/assets/stylesheets/hablemos.scss */
body .disclaimer p {
  color: #9B9B9B !important;
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

/* line 820, app/assets/stylesheets/hablemos.scss */
body #signPop {
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
}

/* line 830, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}

/* line 838, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner .close-newsletter-box {
  background-color: #380038;
  background-image: url(/assets/gui/close-5c68c0eed897ac4af00655075f46db9c07af318f352082a1811da091dccb326e.svg);
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}

/* line 848, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner #linkBox {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  position: relative;
}

/* line 854, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner #linkBox img {
  display: block;
}

/* line 861, app/assets/stylesheets/hablemos.scss */
body section.banner {
  width: 100%;
  position: relative;
  z-index: 1;
}

/* line 867, app/assets/stylesheets/hablemos.scss */
body section.banner img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

/* line 874, app/assets/stylesheets/hablemos.scss */
body footer {
  background-color: #380038;
}

/* line 879, app/assets/stylesheets/hablemos.scss */
body footer .container ul.sns li {
  display: inline-block;
}

/* line 884, app/assets/stylesheets/hablemos.scss */
body footer .container .credits {
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 884, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 884, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 888, app/assets/stylesheets/hablemos.scss */
body footer .container .credits a {
  color: #FFFFFF;
}

/* line 891, app/assets/stylesheets/hablemos.scss */
body footer .container .credits a:hover {
  color: #FF0037;
}

/* line 899, app/assets/stylesheets/hablemos.scss */
body footer nav a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 899, app/assets/stylesheets/hablemos.scss */
  body footer nav a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 899, app/assets/stylesheets/hablemos.scss */
  body footer nav a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 904, app/assets/stylesheets/hablemos.scss */
body footer nav.main a {
  color: #FF0037;
}

/* line 907, app/assets/stylesheets/hablemos.scss */
body footer nav.main a.current, body footer nav.main a:hover {
  text-decoration: underline;
}

/* line 915, app/assets/stylesheets/hablemos.scss */
body footer nav.secondary a {
  color: #9B9B9B;
}

/* line 918, app/assets/stylesheets/hablemos.scss */
body footer nav.secondary a.current, body footer nav.secondary a:hover {
  text-decoration: underline;
}

/* line 928, app/assets/stylesheets/hablemos.scss */
body .he-form p {
  margin-bottom: 0 !important;
}

/* line 932, app/assets/stylesheets/hablemos.scss */
body .he-form .hidden {
  display: none;
}

/* line 936, app/assets/stylesheets/hablemos.scss */
body .he-form input,
body .he-form textarea {
  width: 100%;
  padding: 0;
  border: none;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #9B9B9B;
  color: #FFFFFF;
  background: none;
}

@media screen and (max-width: 1023px) {
  /* line 936, app/assets/stylesheets/hablemos.scss */
  body .he-form input,
body .he-form textarea {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 936, app/assets/stylesheets/hablemos.scss */
  body .he-form input,
body .he-form textarea {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 946, app/assets/stylesheets/hablemos.scss */
body .he-form input:focus,
body .he-form textarea:focus {
  outline: none;
}

/* line 951, app/assets/stylesheets/hablemos.scss */
body .he-form button, body .he-form input[type="button"], body .he-form input[type="submit"] {
  border-bottom: 1px solid #FF0037;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  /* line 951, app/assets/stylesheets/hablemos.scss */
  body .he-form button, body .he-form input[type="button"], body .he-form input[type="submit"] {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 951, app/assets/stylesheets/hablemos.scss */
  body .he-form button, body .he-form input[type="button"], body .he-form input[type="submit"] {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 958, app/assets/stylesheets/hablemos.scss */
body .he-form span.alert {
  display: block;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 958, app/assets/stylesheets/hablemos.scss */
  body .he-form span.alert {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 958, app/assets/stylesheets/hablemos.scss */
  body .he-form span.alert {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 965, app/assets/stylesheets/hablemos.scss */
body .he-form .response-output a:hover {
  text-decoration: underline;
}

/* line 970, app/assets/stylesheets/hablemos.scss */
body .he-form .response-output,
body .he-form span.alert {
  display: none;
}

/* line 977, app/assets/stylesheets/hablemos.scss */
body .he-form.error .response-output, body .he-form.success .response-output {
  display: block;
}

/* line 984, app/assets/stylesheets/hablemos.scss */
body .he-form.error .not-valid input.text {
  border-color: #FF0037;
}

/* line 988, app/assets/stylesheets/hablemos.scss */
body .he-form.error .not-valid span.alert {
  display: block;
}

/* line 993, app/assets/stylesheets/hablemos.scss */
body .he-form.error .response-output {
  background-color: #FF0037;
}

/* line 1000, app/assets/stylesheets/hablemos.scss */
body .he-form.success .not-valid input.text {
  border-color: #9B9B9B;
}

/* line 1004, app/assets/stylesheets/hablemos.scss */
body .he-form.success .not-valid span.alert {
  display: none;
}

/* line 1009, app/assets/stylesheets/hablemos.scss */
body .he-form.success .response-output {
  background-color: #FFFFFF;
}

/* line 1019, app/assets/stylesheets/hablemos.scss */
body.home header .container h1 span.add-period img {
  display: inline-block;
  vertical-align: middle;
}

/* line 1032, app/assets/stylesheets/hablemos.scss */
body.encyclopedia header .container h1 span.no-break img {
  display: inline-block;
  vertical-align: middle;
}

/* line 1045, app/assets/stylesheets/hablemos.scss */
body.encyclopedia header .container img.deco, body.library header .container img.deco, body.editorial header .container img.deco {
  position: absolute;
}

/* line 1054, app/assets/stylesheets/hablemos.scss */
body.encyclopedia .primary, body.library .primary, body.editorial .primary {
  position: relative;
}

/* line 1057, app/assets/stylesheets/hablemos.scss */
body.encyclopedia .primary .search-trigger, body.library .primary .search-trigger, body.editorial .primary .search-trigger {
  position: absolute;
  cursor: pointer;
}

/* line 1061, app/assets/stylesheets/hablemos.scss */
body.encyclopedia .primary .search-trigger img, body.library .primary .search-trigger img, body.editorial .primary .search-trigger img {
  width: 100%;
}

/* line 1076, app/assets/stylesheets/hablemos.scss */
body.podcast .searchbox.form-container form button.search-clear, body.encyclopedia .searchbox.form-container form button.search-clear, body.library .searchbox.form-container form button.search-clear, body.editorial .searchbox.form-container form button.search-clear, body.blog .searchbox.form-container form button.search-clear, body.search .searchbox.form-container form button.search-clear {
  border-bottom-color: #9B9B9B;
  color: #9B9B9B;
  font-weight: 300;
}

/* line 1081, app/assets/stylesheets/hablemos.scss */
body.podcast .searchbox.form-container form button.search-clear:hover, body.encyclopedia .searchbox.form-container form button.search-clear:hover, body.library .searchbox.form-container form button.search-clear:hover, body.editorial .searchbox.form-container form button.search-clear:hover, body.blog .searchbox.form-container form button.search-clear:hover, body.search .searchbox.form-container form button.search-clear:hover {
  border-bottom-color: #FF0037;
  color: #FF0037;
}

/* line 1090, app/assets/stylesheets/hablemos.scss */
body.library {
  position: relative;
}

/* line 1094, app/assets/stylesheets/hablemos.scss */
body.library header .container h1.cap {
  position: relative;
}

/* line 1097, app/assets/stylesheets/hablemos.scss */
body.library header .container h1.cap:before {
  background-image: url(/assets/components/cap-58b0c0238f26e2813398a7113be2899a00bbe5961e4e9191e2a97a020b603061.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  position: absolute;
  display: block;
}

/* line 1113, app/assets/stylesheets/hablemos.scss */
body.indexes header .container > a:before {
  background: url(/assets/components/indices-d4ccf2a9cc6fb8a33f993555ff48b523877ff332709d7ce89f02e58478b90086.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* line 1125, app/assets/stylesheets/hablemos.scss */
body.blog header {
  position: relative;
}

/* line 1128, app/assets/stylesheets/hablemos.scss */
body.blog header h1 {
  color: #380038;
}

/* line 1132, app/assets/stylesheets/hablemos.scss */
body.blog header img.deco {
  position: absolute;
}

/* line 1137, app/assets/stylesheets/hablemos.scss */
body.blog .primary {
  position: relative;
}

/* line 1140, app/assets/stylesheets/hablemos.scss */
body.blog .primary .search-trigger {
  position: absolute;
  cursor: pointer;
}

/* line 1144, app/assets/stylesheets/hablemos.scss */
body.blog .primary .search-trigger img {
  width: 100%;
}

/* line 1153, app/assets/stylesheets/hablemos.scss */
body.about header img.deco,
body.about header img.team {
  position: absolute;
}

/* line 1163, app/assets/stylesheets/hablemos.scss */
body.single section.contents .container h1, body.single section.contents .container h2, body.single section.contents .container h3, body.single section.contents .container h4, body.single section.contents .container h5, body.single section.contents .container p, body.single section.contents .container span {
  color: #FFFFFF;
}

/* line 1170, app/assets/stylesheets/hablemos.scss */
body.single .related-content h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 1170, app/assets/stylesheets/hablemos.scss */
  body.single .related-content h3 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1170, app/assets/stylesheets/hablemos.scss */
  body.single .related-content h3 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 1175, app/assets/stylesheets/hablemos.scss */
body.single .related-content .details {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 1175, app/assets/stylesheets/hablemos.scss */
  body.single .related-content .details {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1175, app/assets/stylesheets/hablemos.scss */
  body.single .related-content .details {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1178, app/assets/stylesheets/hablemos.scss */
body.single .related-content .details span, body.single .related-content .details span a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 1178, app/assets/stylesheets/hablemos.scss */
  body.single .related-content .details span, body.single .related-content .details span a {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1178, app/assets/stylesheets/hablemos.scss */
  body.single .related-content .details span, body.single .related-content .details span a {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1184, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul {
  position: relative;
}

/* line 1188, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul li > a {
  position: relative;
  z-index: 1;
  display: block;
}

/* line 1193, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul li > a > img {
  width: 100%;
}

/* line 1199, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul:before {
  background-color: #8C0096;
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
}

/* line 1208, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul:after {
  background-image: url(/assets/components/related-default-2da94b1323e729c405b2f3db128aec659a2af1e6b1a8af35e82f5c4bac0a592e.svg);
  background-repeat: no-repeat;
  background-position: left top;
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  z-index: 0;
}

/* line 1220, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox > span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 1220, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1220, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1225, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 1225, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1225, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 1229, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p strong, body.single .related-content ul .textbox p b {
  font-weight: 600;
}

/* line 1232, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p strong a, body.single .related-content ul .textbox p b a {
  font-weight: 600;
}

/* line 1237, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p a, body.single .related-content ul .textbox p a:visited, body.single .related-content ul .textbox p a:active, body.single .related-content ul .textbox p a:focus {
  color: #FFFFFF;
}

/* line 1242, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p:last-child {
  margin-bottom: 0;
}

/* line 1246, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox a {
  display: inline-block;
}

/* line 1250, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox a:hover h3, body.single .related-content ul .textbox a:hover span {
  text-decoration: underline;
}

/* line 1255, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox a span {
  color: #FF0037;
}

/* line 1260, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox > a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 1260, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1260, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1265, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox .shoppable {
  border-radius: 16px;
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 14px;
  background-color: #FF0037;
  padding: 5px 12px 5px 26px;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 1265, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1265, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1281, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox .shoppable:hover {
  background-image: url(/assets/gui/shoppable-930514445e6a35768dbedc0718b319bec0efd9045d0f4b334e77aa1492839351.svg);
  background-color: #FFFFFF;
  color: #FF0037;
  text-decoration: none;
}

/* line 1292, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.entries:after {
  background-image: url(/assets/components/related-entries-fe9837d9c07c6c314b2b54655050e6989897d1d4050905811a0c8b54476a5a42.svg);
}

/* line 1298, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.writers:after {
  background-image: url(/assets/components/related-writers-d2c65625045caa5589cb2216ce8d01745fb9bf9c4907c41ee58836b2752b6aae.svg);
}

/* line 1304, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.books:after {
  background-image: url(/assets/components/related-books-e1ff5ec1477bdc5fdce5cbf4cb6c2411fa16e12868384a4ab449a584aa25a3ac.svg);
}

/* line 1310, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.editorials:after {
  background-image: url(/assets/components/related-editorials-81536eee943b4fd86ce2f52abff5005be9f3e0adf21dcdce73e08e6e7d2fdadd.svg);
}

/* line 1316, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.writers-editorials:after {
  background-image: url(/assets/components/related-writers-editorial-8dfe8523e8e436bca4c6bf9b2e8ca61d00b5f0a99487e5f99f6a9aee3835e41e.svg);
}

/* line 1322, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.author-episodes:after {
  background-image: url(/assets/components/related-writers-episodes-bf6eb6e413bda9733aaea481e693e639ee8d960633e2b3989af74eb19aa02af7.svg);
}

/* line 1328, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.episodes:after {
  background-image: url(/assets/components/related-episodes-f462d3ca9abd95ea0702875a1eefdc3cbadfe7cb4aa91b88bb1316194385e9b4.svg);
}

/* line 1334, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.editorials-writer:after {
  background-image: url(/assets/components/related-editorials-writer-e446d0658ec559ec094894244b27328d349649ffe51efdaff581ca4c20e75553.svg);
}

/* line 1340, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.review.episodes:after {
  background-image: url(/assets/components/related-review-f00e6af047d0da55ee421135f466a0ea3ad0bb04af78c6cfcb3b53433a78913f.svg);
}

/* line 1346, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.book.authors:after {
  background-image: url(/assets/components/the-authors-2487edeac9d1ad13368ab1ba9828aac1001d9cd1afeec3305dee5cff9fb7d5aa.svg);
}

/* line 1352, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.book.translators:after {
  background-image: url(/assets/components/the-translators-19f534cdf5d65213e6dd9d9438ca056cdda496e81db569e3e945f176ce73dc87.svg);
}

/* line 1358, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.book.editorials:after {
  background-image: url(/assets/components/related-editorials-book-8304e9c6ae9f5036d08de78b22b90d8ae4d9b47a2eebec1a7508a6e3b27d2f3c.svg);
}

/* line 1364, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.published-books:after {
  background-image: url(/assets/components/published-books-c9ffdce2b6f419fcf14bf1ebb8a4b37c3f99e1d4a3bbbab0adc1c5de040c43f2.svg);
}

/* line 1370, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.issues:after {
  background-image: url(/assets/components/related-issues-93f69a3bc6a9a190c8ae1fa90187bdea018a9d9f224201c08b1938b8c73455ee.svg);
}

/* line 1378, app/assets/stylesheets/hablemos.scss */
body.single .contents .container .ext-link {
  border-top: solid 1px #FF0037;
}

/* line 1381, app/assets/stylesheets/hablemos.scss */
body.single .contents .container .ext-link a {
  display: flex;
}

/* line 1390, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul:after {
  background-image: url(/assets/components/related-default-2da94b1323e729c405b2f3db128aec659a2af1e6b1a8af35e82f5c4bac0a592e.svg);
}

/* line 1395, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.entries:after {
  background-image: url(/assets/components/related-entries-en-afba9df5bfae68e3596aae12b4edfc992384248f812b2d0fa48ed19283e76aef.svg);
}

/* line 1401, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.writers:after {
  background-image: url(/assets/components/related-writers-en-1509561537c4f72c890193630eaf547e2beb076ca85e962f2e56def3e1d6fd94.svg);
}

/* line 1407, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.books:after {
  background-image: url(/assets/components/related-books-en-4d7ed0b37b6ad5678bac4163aee47da9feaa181efc0c96472ca9b188ad39fd30.svg);
}

/* line 1413, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.editorials:after {
  background-image: url(/assets/components/related-editorials-en-e6f9fe1b3496bafc961271162f8ff7cedf697ecc0c531ea499337578c226103d.svg);
}

/* line 1419, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.writers-editorials:after {
  background-image: url(/assets/components/related-writers-editorial-en-94783dd8e91c25dfb1a0b8eddb544b1785b3852986306d4a4fe618305a1d244f.svg);
}

/* line 1425, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.author-episodes:after {
  background-image: url(/assets/components/related-writers-episodes-en-98ed19d5368fd8c303b294227eaca04f96321ab9e27b1890429feef2f1e9af3f.svg);
}

/* line 1431, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.episodes:after {
  background-image: url(/assets/components/related-episodes-en-721022fdb84a6e77eac4257157ca049267299a56be848ad7a95b363b84947e00.svg);
}

/* line 1437, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.editorials-writer:after {
  background-image: url(/assets/components/related-editorials-writer-en-26a6228fee116b98a36c33ed27e80129bb06f2c57e574d7d6e429a0edcb2f3e4.svg);
}

/* line 1443, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.review.episodes:after {
  background-image: url(/assets/components/related-review-en-bbd148b5b92297da6ba660fd65fc894df1dc3d9bfd9821dd2e7fe9d11e5a6a23.svg);
}

/* line 1449, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.book.authors:after {
  background-image: url(/assets/components/the-authors-en-a404acf290ac0b50bfda79ea1182c8639db8a342ce4ed8afcc47827c925ae651.svg);
}

/* line 1455, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.book.translators:after {
  background-image: url(/assets/components/the-translators-en-e496acafdc21e31692d4af9a3984822bbb850d4d6b8dfbf4633ca9d8fb27d086.svg);
}

/* line 1461, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.book.editorials:after {
  background-image: url(/assets/components/related-editorials-book-en-0c24c638c2ea756c1021b2e5f566d85f642e805451a7e8f856c1521260b6e75c.svg);
}

/* line 1467, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.published-books:after {
  background-image: url(/assets/components/published-books-en-d1d72e48110555d801d59c5c19281ccd791906d757597a292a49c8ceced58047.svg);
}

/* line 1473, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.issues:after {
  background-image: url(/assets/components/related-issues-en-89006e8ed7cb87bb841dc8905f0fa7c6f022c1b7e66253ffc7c689dbf03fbecc.svg);
}

/* line 1488, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main a, body.single.podcast .textbox.main a:hover, body.single.podcast .textbox.main a:visited, body.single.author .textbox.main a, body.single.author .textbox.main a:hover, body.single.author .textbox.main a:visited, body.single.book .textbox.main a, body.single.book .textbox.main a:hover, body.single.book .textbox.main a:visited, body.single.editorial .textbox.main a, body.single.editorial .textbox.main a:hover, body.single.editorial .textbox.main a:visited {
  color: #FFFFFF;
}

/* line 1492, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main a.site, body.single.author .textbox.main a.site, body.single.book .textbox.main a.site, body.single.editorial .textbox.main a.site {
  color: #FF0037;
}

/* line 1497, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h1, body.single.author .textbox.main .headling h1, body.single.book .textbox.main .headling h1, body.single.editorial .textbox.main .headling h1 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 1497, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling h1, body.single.author .textbox.main .headling h1, body.single.book .textbox.main .headling h1, body.single.editorial .textbox.main .headling h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1497, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling h1, body.single.author .textbox.main .headling h1, body.single.book .textbox.main .headling h1, body.single.editorial .textbox.main .headling h1 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 1500, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h1 .remove, body.single.author .textbox.main .headling h1 .remove, body.single.book .textbox.main .headling h1 .remove, body.single.editorial .textbox.main .headling h1 .remove {
  position: relative;
}

/* line 1503, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h1 .remove:before, body.single.author .textbox.main .headling h1 .remove:before, body.single.book .textbox.main .headling h1 .remove:before, body.single.editorial .textbox.main .headling h1 .remove:before {
  background-image: url(/assets/components/remove-9f10c6f25156599349a3245a2d3a5f8221e37ef8561345b6ec8adf8807f9124b.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  position: absolute;
}

/* line 1513, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling > span, body.single.podcast .textbox.main .headling h4.details, body.single.podcast .textbox.main .headling h4.details a, body.single.podcast .textbox.main .headling h4.details span, body.single.author .textbox.main .headling > span, body.single.author .textbox.main .headling h4.details, body.single.author .textbox.main .headling h4.details a, body.single.author .textbox.main .headling h4.details span, body.single.book .textbox.main .headling > span, body.single.book .textbox.main .headling h4.details, body.single.book .textbox.main .headling h4.details a, body.single.book .textbox.main .headling h4.details span, body.single.editorial .textbox.main .headling > span, body.single.editorial .textbox.main .headling h4.details, body.single.editorial .textbox.main .headling h4.details a, body.single.editorial .textbox.main .headling h4.details span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 1513, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling > span, body.single.podcast .textbox.main .headling h4.details, body.single.podcast .textbox.main .headling h4.details a, body.single.podcast .textbox.main .headling h4.details span, body.single.author .textbox.main .headling > span, body.single.author .textbox.main .headling h4.details, body.single.author .textbox.main .headling h4.details a, body.single.author .textbox.main .headling h4.details span, body.single.book .textbox.main .headling > span, body.single.book .textbox.main .headling h4.details, body.single.book .textbox.main .headling h4.details a, body.single.book .textbox.main .headling h4.details span, body.single.editorial .textbox.main .headling > span, body.single.editorial .textbox.main .headling h4.details, body.single.editorial .textbox.main .headling h4.details a, body.single.editorial .textbox.main .headling h4.details span {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1513, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling > span, body.single.podcast .textbox.main .headling h4.details, body.single.podcast .textbox.main .headling h4.details a, body.single.podcast .textbox.main .headling h4.details span, body.single.author .textbox.main .headling > span, body.single.author .textbox.main .headling h4.details, body.single.author .textbox.main .headling h4.details a, body.single.author .textbox.main .headling h4.details span, body.single.book .textbox.main .headling > span, body.single.book .textbox.main .headling h4.details, body.single.book .textbox.main .headling h4.details a, body.single.book .textbox.main .headling h4.details span, body.single.editorial .textbox.main .headling > span, body.single.editorial .textbox.main .headling h4.details, body.single.editorial .textbox.main .headling h4.details a, body.single.editorial .textbox.main .headling h4.details span {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 1518, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h3, body.single.author .textbox.main .headling h3, body.single.book .textbox.main .headling h3, body.single.editorial .textbox.main .headling h3 {
  font-weight: 200;
  font-style: italic;
}

/* line 1523, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling a, body.single.author .textbox.main .headling a, body.single.book .textbox.main .headling a, body.single.editorial .textbox.main .headling a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  display: block;
}

@media screen and (max-width: 1023px) {
  /* line 1523, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling a, body.single.author .textbox.main .headling a, body.single.book .textbox.main .headling a, body.single.editorial .textbox.main .headling a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1523, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .headling a, body.single.author .textbox.main .headling a, body.single.book .textbox.main .headling a, body.single.editorial .textbox.main .headling a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1529, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h4.details, body.single.author .textbox.main .headling h4.details, body.single.book .textbox.main .headling h4.details, body.single.editorial .textbox.main .headling h4.details {
  color: #9B9B9B;
}

/* line 1532, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h4.details span, body.single.author .textbox.main .headling h4.details span, body.single.book .textbox.main .headling h4.details span, body.single.editorial .textbox.main .headling h4.details span {
  color: #9B9B9B;
}

/* line 1536, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h4.details a, body.single.author .textbox.main .headling h4.details a, body.single.book .textbox.main .headling h4.details a, body.single.editorial .textbox.main .headling h4.details a {
  display: inline-block;
  color: #FFFFFF;
  text-decoration: underline;
}

/* line 1543, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h5.cats,
body.single.podcast .textbox.main .headling h5.genres, body.single.author .textbox.main .headling h5.cats,
body.single.author .textbox.main .headling h5.genres, body.single.book .textbox.main .headling h5.cats,
body.single.book .textbox.main .headling h5.genres, body.single.editorial .textbox.main .headling h5.cats,
body.single.editorial .textbox.main .headling h5.genres {
  color: #FF0037;
}

/* line 1547, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .headling h5.cats a,
body.single.podcast .textbox.main .headling h5.genres a, body.single.author .textbox.main .headling h5.cats a,
body.single.author .textbox.main .headling h5.genres a, body.single.book .textbox.main .headling h5.cats a,
body.single.book .textbox.main .headling h5.genres a, body.single.editorial .textbox.main .headling h5.cats a,
body.single.editorial .textbox.main .headling h5.genres a {
  display: inline-block;
}

/* line 1554, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main .works h2, body.single.author .textbox.main .works h2, body.single.book .textbox.main .works h2, body.single.editorial .textbox.main .works h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 1554, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .works h2, body.single.author .textbox.main .works h2, body.single.book .textbox.main .works h2, body.single.editorial .textbox.main .works h2 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1554, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .textbox.main .works h2, body.single.author .textbox.main .works h2, body.single.book .textbox.main .works h2, body.single.editorial .textbox.main .works h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 1560, app/assets/stylesheets/hablemos.scss */
body.single.podcast .textbox.main p a, body.single.podcast .textbox.main p a:hover, body.single.podcast .textbox.main p a:visited, body.single.podcast .textbox.main p a:active, body.single.podcast .textbox.main p a:focus, body.single.author .textbox.main p a, body.single.author .textbox.main p a:hover, body.single.author .textbox.main p a:visited, body.single.author .textbox.main p a:active, body.single.author .textbox.main p a:focus, body.single.book .textbox.main p a, body.single.book .textbox.main p a:hover, body.single.book .textbox.main p a:visited, body.single.book .textbox.main p a:active, body.single.book .textbox.main p a:focus, body.single.editorial .textbox.main p a, body.single.editorial .textbox.main p a:hover, body.single.editorial .textbox.main p a:visited, body.single.editorial .textbox.main p a:active, body.single.editorial .textbox.main p a:focus {
  color: #FF0037;
  text-decoration: none;
}

/* line 1567, app/assets/stylesheets/hablemos.scss */
body.single.podcast .hashtags, body.single.author .hashtags, body.single.book .hashtags, body.single.editorial .hashtags {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 1567, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .hashtags, body.single.author .hashtags, body.single.book .hashtags, body.single.editorial .hashtags {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1567, app/assets/stylesheets/hablemos.scss */
  body.single.podcast .hashtags, body.single.author .hashtags, body.single.book .hashtags, body.single.editorial .hashtags {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 1570, app/assets/stylesheets/hablemos.scss */
body.single.podcast .hashtags a, body.single.author .hashtags a, body.single.book .hashtags a, body.single.editorial .hashtags a {
  color: #FFFFFF;
}

/* line 1573, app/assets/stylesheets/hablemos.scss */
body.single.podcast .hashtags a:hover, body.single.author .hashtags a:hover, body.single.book .hashtags a:hover, body.single.editorial .hashtags a:hover {
  text-decoration: underline;
}

/* line 1581, app/assets/stylesheets/hablemos.scss */
body.single.podcast .related-content a:hover, body.single.author .related-content a:hover, body.single.book .related-content a:hover, body.single.editorial .related-content a:hover {
  text-decoration: underline;
}

/* line 1591, app/assets/stylesheets/hablemos.scss */
body.contact .form-container h1, body.suscribe .form-container h1 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 1591, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1591, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 1599, app/assets/stylesheets/hablemos.scss */
body.press header .container {
  overflow: visible;
}

/* line 1602, app/assets/stylesheets/hablemos.scss */
body.press header .container > a {
  position: relative;
}

/* line 1605, app/assets/stylesheets/hablemos.scss */
body.press header .container > a:before {
  background: url(/assets/components/prensa-88bb4ead561a3905ef3314fd5c637d134a2c10f149bd284d2e4eed277b863a34.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 1618, app/assets/stylesheets/hablemos.scss */
body.results .results.list h5 {
  border-bottom: 1px solid #8C0096;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 1618, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1618, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 1625, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 1625, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1625, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1630, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 1630, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1630, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 1637, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li .textbox a:hover h3 {
  text-decoration: underline;
}

/* line 1643, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 1643, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1643, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 1648, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li .textbox h4 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

/* line 1655, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 1655, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1655, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1659, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li a:hover {
  text-decoration: underline;
}

/* line 1665, app/assets/stylesheets/hablemos.scss */
body.results .results.list ul li.episode h4 span {
  font-size: 14px;
  margin-right: 2px;
}

/* line 1678, app/assets/stylesheets/hablemos.scss */
body.donate .contents .container h1 {
  color: #FF0037;
  font-weight: 100;
}

/* line 1683, app/assets/stylesheets/hablemos.scss */
body.donate .contents .container h2, body.donate .contents .container p {
  color: #FFFFFF;
}

/* line 1687, app/assets/stylesheets/hablemos.scss */
body.donate .contents .container .widget {
  background-color: #FFFFFF;
}

/* line 1699, app/assets/stylesheets/hablemos.scss */
body.en.indexes header .container > a:before {
  background: url(/assets/components/indices-en-120b1b1ba952b1711f134a27a0eaed0aacbecd45033c1616e94c91373450422f.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* line 1714, app/assets/stylesheets/hablemos.scss */
body.en.press header .container > a:before {
  background: url(/assets/components/prensa-en-66310e2e25cdf42cfd8a8659ff8a562f25200d65e761f6d9357a73b8188edd1a.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1023px) {
  /* line 1731, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 600px;
  }
  /* line 1738, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 1741, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2, body .primary .no-result-message p {
    text-align: center;
  }
  /* line 1745, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* line 1750, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 15px;
    max-width: 494px;
  }
  /* line 1758, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 1762, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 1766, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 1770, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 1773, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    background-size: contain;
    width: 42px;
    height: 62px;
    position: absolute;
    left: -34px;
    top: -46px;
    z-index: -1;
  }
  /* line 1784, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 20px auto 15px auto;
  }
  /* line 1789, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 72px;
  }
  /* line 1792, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 72px;
  }
  /* line 1795, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 1802, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    margin: 0 4px;
  }
  /* line 1805, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a:last-child, body .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1812, app/assets/stylesheets/hablemos.scss */
  body header .container {
    padding-top: 25px;
    min-height: 50px;
    position: relative;
  }
  /* line 1817, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 156px;
    margin-left: 21.3333%;
    position: relative;
  }
  /* line 1822, app/assets/stylesheets/hablemos.scss */
  body header .container > a.brand-space:before {
    content: "";
    display: block;
    position: absolute;
  }
  /* line 1829, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    text-align: right;
    margin-left: 0;
    position: absolute;
    top: 80px;
    right: 10px;
  }
  /* line 1837, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 1842, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to span {
    display: block;
  }
  /* line 1847, app/assets/stylesheets/hablemos.scss */
  body header .container button {
    border-bottom: 0;
  }
  /* line 1851, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1;
  }
  /* line 1858, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    max-width: 420px;
    padding: 15px 0 60px 0;
    font-size: 17px;
    line-height: 30px;
    z-index: 1;
    position: relative;
  }
  /* line 1867, app/assets/stylesheets/hablemos.scss */
  body header .container .menu {
    background-color: #380038;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 110%;
    right: -110%;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 5;
  }
  /* line 1881, app/assets/stylesheets/hablemos.scss */
  body header .container .menu #mobile-close {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  /* line 1887, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav {
    padding: 20px 0;
    margin: 0 20px;
  }
  /* line 1891, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav nav {
    margin: 0;
  }
  /* line 1895, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
  }
  /* line 1901, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main {
    padding-top: 30px;
  }
  /* line 1904, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a {
    width: calc(100% - 32px);
    color: #FF0037;
    display: block;
  }
  /* line 1909, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a span {
    display: none;
  }
  /* line 1915, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary {
    border-top: 1px solid #FFFFFF;
  }
  /* line 1918, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector {
    padding-right: 30px;
    color: #FFFFFF;
    float: right;
  }
  /* line 1924, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector a, body header .container .menu nav.secondary .lang-selector span {
    margin: 0 4px;
    float: none;
    clear: none;
  }
  /* line 1929, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector a:last-child, body header .container .menu nav.secondary .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1934, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector:before {
    background-image: url(/assets/gui/lang-alt-2-190965834b7dcc169bd2c5930a3f02b43a52cd96e1d13792f4822aa37fc23a6b.svg);
    top: 4px;
    right: 0;
  }
  /* line 1941, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    clear: left;
  }
  /* line 1948, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop {
    padding-right: 30px;
  }
  /* line 1951, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop:before {
    background-image: url(/assets/gui/shop-alt-a5abbd088b6a3b5c7346f393199b0f1a6296bb70afc57265c1f07ae9b7acc75c.svg);
    right: 0;
  }
  /* line 1957, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.audiobook {
    padding-right: 30px;
  }
  /* line 1960, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.audiobook:before {
    background-image: url(/assets/gui/audiobook-alt-13c422a6291f07062dbbec5fc2621116d46dba28f5aa8998df2599f5f54ea101.svg);
    right: 0;
  }
  /* line 1966, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search {
    border: none;
    padding-right: 28px;
    font-weight: 800;
    color: #FFFFFF;
  }
  /* line 1972, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search:before {
    background-image: url(/assets/gui/search-sm-c5c6ff28fa5c63d75ed72b43a68128f7ab8751b5f3bbe0c9be778a8f8990c1db.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 1px;
    right: 0;
  }
  /* line 1982, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate {
    padding-right: 20px;
  }
  /* line 1985, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate:before {
    background-image: url(/assets/gui/donate-alt-5bc6ae325ff92463b603cb2f713bbd8f40fb14e56e3c8669d6068793c21940b8.svg);
    top: 6px;
  }
  /* line 1994, app/assets/stylesheets/hablemos.scss */
  body header .container .menu.open {
    left: 0%;
    right: 0%;
  }
  /* line 2000, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm {
    border-top: 1px solid #FF0037;
    padding-top: 8px;
    margin-left: 21.3333%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  /* line 2009, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a {
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #FF0037;
    float: left;
  }
  /* line 2017, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover, body header .container > nav.main-sm a:focus, body header .container > nav.main-sm a:visited {
    color: #FF0037;
  }
  /* line 2021, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover {
    text-decoration: underline;
  }
  /* line 2032, app/assets/stylesheets/hablemos.scss */
  body header.alt .container nav.secondary a.shop,
body header.alt .container nav.secondary a.audiobook,
body header.alt .container nav.secondary a.donate {
    color: #FFFFFF;
  }
  /* line 2046, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    width: 100%;
    padding-top: 15px;
    margin: 15px auto 31.25px;
  }
  /* line 2051, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-direction: column;
  }
  /* line 2055, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a, body .contents .latest-podcast .textbox .ext-link p, body .contents .latest-podcast .textbox .ext-link a p,
body .contents .container .ext-link a,
body .contents .container .ext-link p,
body .contents .container .ext-link a p {
    padding: 0;
  }
  /* line 2059, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link img, body .contents .latest-podcast .textbox .ext-link svg,
body .contents .container .ext-link img,
body .contents .container .ext-link svg {
    height: 34px;
    margin: 10px 0 0 0;
  }
  /* line 2067, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    margin-top: -60px;
  }
  /* line 2070, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    padding: 10px 0;
    margin-left: 21.3333%;
    color: red;
    cursor: pointer;
    font-size: 14px;
  }
  /* line 2078, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5:before {
    content: "+ ";
    margin-left: -10px;
  }
  /* line 2084, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    display: none;
  }
  /* line 2088, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    border-top: 1px solid #FF0037;
    background-color: #380038;
    padding: 0 10%;
    margin: 0 11.3333% 25px;
    display: none;
  }
  /* line 2095, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    margin: 5px 0;
  }
  /* line 2100, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    background-size: contain;
    width: 24px;
    height: 22px;
    left: -26px;
    top: 3px;
  }
  /* line 2110, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    padding: 0;
    overflow: hidden;
    display: none;
  }
  /* line 2115, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 25%;
    float: left;
    text-align: center;
  }
  /* line 2120, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
    display: inline-block;
  }
  /* line 2127, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li.current:before {
    width: 26px;
    height: 20px;
    left: -9px;
    top: 7px;
    background-size: contain;
  }
  /* line 2139, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms {
    padding-top: 10px !important;
  }
  /* line 2142, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 20px auto 18px auto;
    display: block;
  }
  /* line 2155, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 2160, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 20px;
    top: 5px;
    left: -28px;
  }
  /* line 2168, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: 94%;
    max-width: 600px;
    height: 100%;
  }
  /* line 2173, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    background-size: 80%;
    width: 32px;
    height: 32px;
    top: calc(56px - 32px);
    right: 0px;
  }
  /* line 2181, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    width: 100%;
    top: 56px;
  }
  /* line 2185, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: 100%;
  }
  /* line 2192, app/assets/stylesheets/hablemos.scss */
  body section.banner {
    margin-bottom: 30px;
  }
  /* line 2195, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 600px;
  }
  /* line 2201, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    border-top: 1px solid #FF0037;
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: auto;
  }
  /* line 2207, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 2211, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin: 8px 10px;
  }
  /* line 2216, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    margin-bottom: 16px;
    text-align: center;
  }
  /* line 2220, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin: 0 6px;
  }
  /* line 2225, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    display: block;
    text-align: center;
  }
  /* line 2232, app/assets/stylesheets/hablemos.scss */
  body .he-form {
    margin-bottom: 40px;
  }
  /* line 2235, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 10px;
  }
  /* line 2238, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    margin: 0;
    padding: 10px 0;
  }
  /* line 2244, app/assets/stylesheets/hablemos.scss */
  body .he-form button {
    width: 50%;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
  }
  /* line 2251, app/assets/stylesheets/hablemos.scss */
  body .he-form .buttons {
    margin-top: 10px;
  }
  /* line 2255, app/assets/stylesheets/hablemos.scss */
  body .he-form .he-button {
    margin-left: 10px;
  }
  /* line 2259, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 10px;
    padding: 5px;
  }
  /* line 2267, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    padding-bottom: 20px;
    /* >a {
					&.brand-space:after {
						background: image_url(/assets/components/gradient-fc1a07b294bab5c66ce9d6701f7f3e136783817549c53ffa23dba65f66832329.png);
						background-position: left top;
						background-size: contain;
						background-repeat: no-repeat;
						content: "";
						width: 500px	;
						height: 500px;
						display: block;
						position: absolute;
						top: -240px;
						left: -230px;
						z-index: -1;
					}
				} */
  }
  /* line 2287, app/assets/stylesheets/hablemos.scss */
  body.home header .container h1 {
    margin-bottom: 10px;
  }
  /* line 2291, app/assets/stylesheets/hablemos.scss */
  body.home header .container .main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2299, app/assets/stylesheets/hablemos.scss */
  body.podcast header {
    overflow: hidden;
  }
  /* line 2304, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a.brand-space:before {
    background: url(/assets/components/podcast-f9ea376289bda8e6702f7ac2b91bf4034ecaa06f91632d7bf99689598aa700d3.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 45px;
    height: 10px;
    left: -52px;
    bottom: 14px;
  }
  /* line 2315, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a.brand-space:after {
    background: url(/assets/components/gradient-fc1a07b294bab5c66ce9d6701f7f3e136783817549c53ffa23dba65f66832329.png);
    background-position: left top;
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    width: 500px;
    height: 500px;
    display: block;
    position: absolute;
    top: -240px;
    left: -230px;
    z-index: -1;
  }
  /* line 2331, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container a.switch-to {
    top: 150px;
  }
  /* line 2335, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2345, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container a.switch-to {
    top: 80px;
  }
  /* line 2357, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container, body.encyclopedia header .container, body.library header .container, body.editorial header .container, body.blog header .container {
    padding-bottom: 80px;
  }
  /* line 2361, app/assets/stylesheets/hablemos.scss */
  body.podcast .contents .container, body.encyclopedia .contents .container, body.library .contents .container, body.editorial .contents .container, body.blog .contents .container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  /* line 2369, app/assets/stylesheets/hablemos.scss */
  body.podcast .primary .search-trigger, body.encyclopedia .primary .search-trigger, body.library .primary .search-trigger, body.editorial .primary .search-trigger, body.blog .primary .search-trigger {
    background-color: #FF0037;
    width: 40px;
    height: 40px;
    top: 30px;
    left: 0px;
    z-index: 1;
  }
  /* line 2377, app/assets/stylesheets/hablemos.scss */
  body.podcast .primary .search-trigger img, body.encyclopedia .primary .search-trigger img, body.library .primary .search-trigger img, body.editorial .primary .search-trigger img, body.blog .primary .search-trigger img {
    width: 30px;
    margin: 5px;
  }
  /* line 2384, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container, body.encyclopedia .searchbox.form-container, body.library .searchbox.form-container, body.editorial .searchbox.form-container, body.blog .searchbox.form-container {
    padding-top: 20px;
    display: none;
  }
  /* line 2388, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container h4, body.encyclopedia .searchbox.form-container h4, body.library .searchbox.form-container h4, body.editorial .searchbox.form-container h4, body.blog .searchbox.form-container h4 {
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 5px;
    text-align: center;
  }
  /* line 2396, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container form, body.encyclopedia .searchbox.form-container form, body.library .searchbox.form-container form, body.editorial .searchbox.form-container form, body.blog .searchbox.form-container form {
    margin-bottom: 40px;
    overflow: hidden;
  }
  /* line 2410, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container form div.field.text:first-child, body.encyclopedia .searchbox.form-container form div.field.text:first-child, body.editorial .searchbox.form-container form div.field.text:first-child, body.blog .searchbox.form-container form div.field.text:first-child, body.search .searchbox.form-container form div.field.text:first-child {
    width: calc(100% - 40px);
    float: left;
  }
  /* line 2415, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container form button.search-clear, body.encyclopedia .searchbox.form-container form button.search-clear, body.editorial .searchbox.form-container form button.search-clear, body.blog .searchbox.form-container form button.search-clear, body.search .searchbox.form-container form button.search-clear {
    width: 40px;
    font-size: 14px;
    line-height: 24px;
    float: left;
  }
  /* line 2426, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2430, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container a.switch-to {
    top: 150px;
  }
  /* line 2434, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2438, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container img.deco {
    width: auto;
    height: 164px;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  /* line 2446, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer {
    width: 37px;
    height: 37px;
    position: absolute;
    top: 23px;
    left: calc(21.3333% + 5px);
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  /* line 2456, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer:before {
    background-image: url(/assets/components/author-mask-ea284c079d06a57617a705404627735cdcf56bcb44deb039811f2090cb5fcc94.svg);
    background-size: contain;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 2468, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 2474, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2482, app/assets/stylesheets/hablemos.scss */
  body.library header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2486, app/assets/stylesheets/hablemos.scss */
  body.library header .container > a.brand-space {
    position: relative;
    /* &:before {
							background: image_url(/components/biblioteca.svg);
							background-repeat: no-repeat;
						    background-position: center center;
						    background-size: contain;
							width: 54px;
						    height: 10px;
						    left: -59px;
						    bottom: 14px;
						} */
  }
  /* line 2501, app/assets/stylesheets/hablemos.scss */
  body.library header .container a.switch-to {
    top: 150px;
  }
  /* line 2505, app/assets/stylesheets/hablemos.scss */
  body.library header .container img.deco {
    width: auto;
    height: 128px;
    /* bottom: 0;
						left: 0; */
    bottom: -1px;
    left: -2px;
    z-index: 1;
  }
  /* line 2516, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book {
    width: 37px;
    height: 59px;
    position: absolute;
    top: 4px;
    left: calc(21.3333% + 5px);
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  /* line 2526, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book:before {
    background-image: url(/assets/components/book-mask-5a8dfe1d8c779e547d8db4176f2f3e32d8be4138771ab038c8e6d7bc83428c17.svg);
    background-size: contain;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  /* line 2539, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book img {
    height: 100%;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  /* line 2551, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 21.3333%;
  }
  /* line 2554, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 40px;
    left: -4px;
  }
  /* line 2562, app/assets/stylesheets/hablemos.scss */
  body.library header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2570, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button {
    width: calc(50% - 10px);
  }
  /* line 2573, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:first-of-type {
    float: left;
  }
  /* line 2577, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:last-child {
    float: right;
  }
  /* line 2585, app/assets/stylesheets/hablemos.scss */
  body.editorial {
    /* 			&.single {
				header .container {
					>a {
						&:before {
							background: image_url(/components/editorial.svg);
							background-position: center center;
							background-repeat: no-repeat;
							background-size: contain;
						}
					}
				}
			} */
  }
  /* line 2587, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container {
    min-height: 100px;
    padding-bottom: 40px;
    overflow: visible;
    /* >a {
						position: relative;
						
						&:before {
							background: image_url(/components/editoriales.svg);
							background-position: center center;
							background-repeat: no-repeat;
							background-size: contain;
							width: 56px;
							height: 10px;
							left: -61px;
							bottom: 14px;
						}
					} */
  }
  /* line 2607, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2611, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container a.switch-to {
    top: 150px;
  }
  /* line 2615, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container img.deco {
    width: auto;
    height: 338px;
    /* top: 78px; */
    top: 76px;
    left: -1px;
    z-index: 1;
  }
  /* line 2627, app/assets/stylesheets/hablemos.scss */
  body.editorial .primary .search-trigger {
    top: 50px;
    right: 0;
    left: auto;
  }
  /* line 2634, app/assets/stylesheets/hablemos.scss */
  body.editorial .searchbox.form-container {
    padding-top: 40px;
  }
  /* line 2654, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2659, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a:before {
    width: 42px;
    height: 12px;
    left: -48px;
    bottom: 14px;
  }
  /* line 2667, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2676, app/assets/stylesheets/hablemos.scss */
  body.blog header .container {
    padding-bottom: 20px;
  }
  /* line 2679, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    display: none;
  }
  /* line 2683, app/assets/stylesheets/hablemos.scss */
  body.blog header .container img.deco {
    width: auto;
    height: 140px;
    bottom: -10px;
    left: -9px;
    z-index: 2;
  }
  /* line 2691, app/assets/stylesheets/hablemos.scss */
  body.blog header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2700, app/assets/stylesheets/hablemos.scss */
  body.about header {
    min-height: 100px;
  }
  /* line 2703, app/assets/stylesheets/hablemos.scss */
  body.about header img.deco {
    width: auto;
    /* 				    height: 164px;
				    bottom: -52px; */
    height: 172px;
    bottom: -92px;
    left: 0px;
    z-index: 2;
  }
  /* line 2713, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    position: relative;
    width: 140px;
    margin-left: 21.3333%;
    display: block;
  }
  /* line 2721, app/assets/stylesheets/hablemos.scss */
  body.about header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 2730, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 40px;
  }
  /* line 2733, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 30px 0 40px 0;
  }
  /* line 2736, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: calc(100% - 180px);
    top: 30px;
    right: 0;
  }
  /* line 2742, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    background-size: contain;
    width: 180px;
    height: 225px;
    top: 0;
    left: -10px;
  }
  /* line 2750, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 35px;
    overflow: hidden;
  }
  /* line 2754, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 160px;
    margin-left: 70px;
    margin-bottom: 10px;
  }
  /* line 2760, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 160px;
    z-index: 1;
  }
  /* line 2764, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 160px;
  }
  /* line 2768, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 2775, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    max-width: 500px;
    margin-right: 10px;
    margin-left: 70px;
  }
  /* line 2780, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 2784, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  /* line 2789, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin: 0 auto 20px auto;
  }
  /* line 2793, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 420px;
  }
  /* line 2798, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 2806, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 2811, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 15px;
  }
  /* line 2821, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    max-width: 480px;
    margin: 0 auto;
    display: block;
  }
  /* line 2827, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a, body.single .contents .container .ext-link p, body.single .contents .container .ext-link a p {
    text-align: left;
  }
  /* line 2839, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container, body.single.author header .container, body.single.book header .container, body.single.editorial header .container {
    padding-bottom: 40px;
  }
  /* line 2842, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container > nav.main-sm, body.single.author header .container > nav.main-sm, body.single.book header .container > nav.main-sm, body.single.editorial header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2852, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main, body.single.author section.contents .container .textbox.main, body.single.book section.contents .container .textbox.main, body.single.editorial section.contents .container .textbox.main {
    max-width: 480px;
    padding: 0 0 25px 0;
    margin: 0 auto;
  }
  /* line 2857, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main p, body.single.author section.contents .container .textbox.main p, body.single.book section.contents .container .textbox.main p, body.single.editorial section.contents .container .textbox.main p {
    margin-bottom: 15px;
  }
  /* line 2860, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main p:last-child, body.single.author section.contents .container .textbox.main p:last-child, body.single.book section.contents .container .textbox.main p:last-child, body.single.editorial section.contents .container .textbox.main p:last-child {
    margin-bottom: 0;
  }
  /* line 2865, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling, body.single.author section.contents .container .textbox.main .headling, body.single.book section.contents .container .textbox.main .headling, body.single.editorial section.contents .container .textbox.main .headling {
    max-width: 400px;
    padding-bottom: 25px;
    margin: 0 auto;
    text-align: center;
  }
  /* line 2871, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h1, body.single.author section.contents .container .textbox.main .headling h1, body.single.book section.contents .container .textbox.main .headling h1, body.single.editorial section.contents .container .textbox.main .headling h1 {
    padding-top: 10px;
  }
  /* line 2875, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h1 .remove:before, body.single.author section.contents .container .textbox.main .headling h1 .remove:before, body.single.book section.contents .container .textbox.main .headling h1 .remove:before, body.single.editorial section.contents .container .textbox.main .headling h1 .remove:before {
    background-size: contain;
    width: 12px;
    height: 20px;
    top: 10px;
    left: -1px;
  }
  /* line 2885, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h3, body.single.author section.contents .container .textbox.main .headling h3, body.single.book section.contents .container .textbox.main .headling h3, body.single.editorial section.contents .container .textbox.main .headling h3 {
    width: 88%;
    margin: 30px auto 15px auto;
    font-size: 22px;
    line-height: 28px;
    text-align: left;
  }
  /* line 2893, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h4.details, body.single.author section.contents .container .textbox.main .headling h4.details, body.single.book section.contents .container .textbox.main .headling h4.details, body.single.editorial section.contents .container .textbox.main .headling h4.details {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  /* line 2901, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .works h2, body.single.author section.contents .container .textbox.main .works h2, body.single.book section.contents .container .textbox.main .works h2, body.single.editorial section.contents .container .textbox.main .works h2 {
    padding-top: 25px;
  }
  /* line 2905, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .works:before, body.single.author section.contents .container .textbox.main .works:before, body.single.book section.contents .container .textbox.main .works:before, body.single.editorial section.contents .container .textbox.main .works:before {
    background-color: #FFFFFF;
    content: "";
    width: 80px;
    height: 1px;
    display: inline-block;
  }
  /* line 2915, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .hashtags, body.single.podcast section.contents .container .review, body.single.author section.contents .container .hashtags, body.single.author section.contents .container .review, body.single.book section.contents .container .hashtags, body.single.book section.contents .container .review, body.single.editorial section.contents .container .hashtags, body.single.editorial section.contents .container .review {
    max-width: 480px;
    padding-bottom: 25px;
    margin: 0 auto;
  }
  /* line 2926, app/assets/stylesheets/hablemos.scss */
  body.single.editorial header .container a.switch-to {
    top: 80px;
  }
  /* line 2934, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 157px;
  }
  /* line 2942, app/assets/stylesheets/hablemos.scss */
  body.single.author .contents .container, body.single.book .contents .container {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }
  /* line 2952, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2956, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space, body.suscribe header .container > a.brand-space {
    position: relative;
  }
  /* line 2959, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space:before, body.suscribe header .container > a.brand-space:before {
    background: url(/assets/components/close-up-5551fcac2fbae3b6c022ba8d978696b724d8edf253714ed047de0d219afe1331.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 14px;
    height: 24px;
    left: 90px;
    bottom: 6px;
  }
  /* line 2971, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > nav.main-sm, body.suscribe header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2978, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container, body.suscribe .form-container {
    width: 57.3334%;
    min-width: 240px;
    margin: 20px auto 10px auto;
  }
  /* line 2983, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 10px;
  }
  /* line 2987, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    margin: 0;
    overflow: hidden;
  }
  /* line 2991, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form div.field.text,
body.contact .form-container form div.field.textarea, body.suscribe .form-container form div.field.text,
body.suscribe .form-container form div.field.textarea {
    width: 100%;
  }
  /* line 2996, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form button, body.contact .form-container form input[type="button"], body.contact .form-container form input[type="submit"], body.suscribe .form-container form button, body.suscribe .form-container form input[type="button"], body.suscribe .form-container form input[type="submit"] {
    width: 50%;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
  }
  /* line 3003, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form .response-output, body.suscribe .form-container form .response-output {
    margin-top: 25px;
    clear: both;
  }
  /* line 3013, app/assets/stylesheets/hablemos.scss */
  body.press header .container {
    padding-bottom: 20px;
  }
  /* line 3017, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a:before {
    width: 40px;
    height: 12px;
    left: -46px;
    bottom: 13px;
  }
  /* line 3025, app/assets/stylesheets/hablemos.scss */
  body.press header .container a.switch-to {
    top: 120px;
  }
  /* line 3029, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 3033, app/assets/stylesheets/hablemos.scss */
  body.press header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 3042, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin-bottom: 0;
  }
  /* line 3045, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    margin-bottom: 0;
  }
  /* line 3052, app/assets/stylesheets/hablemos.scss */
  body.results .results.list {
    margin-top: 60px;
    margin-bottom: 35px;
  }
  /* line 3056, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    padding: 4px 0;
    margin-bottom: 25px;
  }
  /* line 3061, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 3066, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li {
    margin-bottom: 37.5px;
  }
  /* line 3069, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 160px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 3074, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 3078, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 100%;
  }
  /* line 3082, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 160px;
  }
  /* line 3086, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 3094, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6px;
  }
  /* line 3098, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li:last-child {
    margin-bottom: 0;
  }
  /* line 3109, app/assets/stylesheets/hablemos.scss */
  body.donate header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 3117, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  /* line 3121, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h1 {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 3128, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2, body.donate .contents .container p {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 3136, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 20px;
  }
  /* line 3141, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    width: 90%;
    padding: 5px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 3157, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /* line 3163, app/assets/stylesheets/hablemos.scss */
  body .primary .list {
    min-height: 400px;
  }
  /* line 3167, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 3170, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
  }
  /* line 3174, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    max-width: 494px;
  }
  /* line 3181, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 3185, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 3189, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 3193, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 3196, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    width: 60px;
    height: 86px;
    position: absolute;
    left: -68px;
    top: -66px;
  }
  /* line 3205, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 25px auto;
  }
  /* line 3210, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 46px;
  }
  /* line 3213, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 46px;
  }
  /* line 3216, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 3222, app/assets/stylesheets/hablemos.scss */
  body .lang-selector {
    font-size: 15px;
    color: #380038;
  }
  /* line 3226, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    font-size: 15px;
  }
  /* line 3232, app/assets/stylesheets/hablemos.scss */
  body header .container {
    min-height: 368px;
    padding-top: 58px;
    padding-bottom: 25px;
  }
  /* line 3237, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 262px;
    margin-left: 82px;
    float: left;
  }
  /* line 3243, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    margin: 34px 158px 0 0;
    float: right;
    clear: both;
  }
  /* line 3249, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 21px;
    line-height: 24px;
  }
  /* line 3255, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle,
body header .container #mobile-close {
    display: none;
  }
  /* line 3260, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    width: 36.6%;
    padding-top: 22px;
    margin-left: 7.4275%;
    float: left;
    clear: left;
  }
  /* line 3269, app/assets/stylesheets/hablemos.scss */
  body header .container nav {
    width: 660px;
    display: flex;
    justify-content: flex-end;
  }
  /* line 3274, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main {
    position: absolute;
    margin: auto;
    top: 336px;
    right: 48px;
    left: 48px;
    overflow: hidden;
  }
  /* line 3282, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a {
    width: 17.4276%;
    margin-right: 1.3586%;
    font-size: 15px;
    line-height: 26px;
    display: block;
    float: left;
  }
  /* line 3290, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 12px;
    line-height: 22px;
  }
  /* line 3295, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:first-child {
    margin-left: 7.4275%;
  }
  /* line 3299, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3305, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary {
    max-width: 520px;
    padding-top: 37.5px;
    position: absolute;
    top: 48px;
    right: 48px;
  }
  /* line 3312, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary .lang-selector {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 3317, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary .lang-selector a, body header .container nav.secondary .lang-selector span {
    font-size: 15px;
  }
  /* line 3322, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a {
    padding: 2px 0;
    margin-left: 20px;
    float: left;
  }
  /* line 3327, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.shop {
    margin-left: 0;
    text-align: right;
    font-size: 15px;
    position: absolute;
    top: 3px;
    right: 0;
  }
  /* line 3337, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.search {
    border-radius: 14px;
    padding-right: 35px;
    padding-left: 13px;
    margin: 0;
    font-size: 15px;
    position: absolute;
    top: 1px;
    right: 72px;
  }
  /* line 3349, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.donate {
    padding-right: 18px;
    font-size: 15px;
    line-height: 17px;
  }
  /* line 3356, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav {
    position: absolute;
    top: 1px;
    right: -28px;
  }
  /* line 3361, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a {
    padding: 2px 0;
    margin-left: 20px;
    font-size: 15px;
    float: left;
  }
  /* line 3369, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.shop, body header .container nav.secondary nav > a.audiobook {
    padding: 4px 0;
    margin-right: 28px;
    text-align: right;
    line-height: 20px;
  }
  /* line 3376, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.shop:before, body header .container nav.secondary nav > a.audiobook:before {
    top: 0;
  }
  /* line 3381, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.search {
    border-radius: 14px;
    padding-right: 35px;
    padding-left: 13px;
    margin-left: 0;
    line-height: 20px;
  }
  /* line 3394, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm,
body header .container > .lang-selector {
    display: none;
  }
  /* line 3404, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    margin-bottom: 31.25px;
  }
  /* line 3407, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-wrap: wrap;
  }
  /* line 3411, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link p,
body .contents .container .ext-link p {
    max-width: 146px;
    margin: 10px 10px 0 0;
  }
  /* line 3416, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link img, body .contents .latest-podcast .textbox .ext-link svg,
body .contents .container .ext-link img,
body .contents .container .ext-link svg {
    margin-top: 10px;
    height: 36px;
  }
  /* line 3424, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    width: 23.9%;
    padding-top: 60px;
  }
  /* line 3428, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    margin-bottom: 34px;
  }
  /* line 3432, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    margin-top: 18.75px;
    margin-bottom: 31.25px;
  }
  /* line 3436, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    padding: 6px 0;
  }
  /* line 3440, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    width: 48px;
    height: 32px;
    left: -58px;
    top: 6px;
  }
  /* line 3449, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 3453, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 22%;
    padding: 6px 0;
    margin-right: 4%;
  }
  /* line 3458, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
  }
  /* line 3463, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 3468, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li.current:before {
    width: 26px;
    height: 20px;
    left: -28px;
    top: 12px;
    background-size: contain;
  }
  /* line 3481, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 28px 0 25px 0;
  }
  /* line 3487, app/assets/stylesheets/hablemos.scss */
  body section.primary {
    width: 74.7%;
  }
  /* line 3492, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 34px;
    left: -52px;
  }
  /* line 3499, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: auto;
    max-width: 670px;
    height: 100%;
  }
  /* line 3504, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    width: 50px;
    height: 50px;
    top: calc(10% - 50px);
    right: -50px;
  }
  /* line 3511, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    height: 80%;
    max-height: 670px;
    top: 10%;
  }
  /* line 3516, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: auto;
    height: 100%;
  }
  /* line 3525, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 1200px;
  }
  /* line 3531, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    padding: 50px;
    overflow: auto;
  }
  /* line 3535, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    float: left;
  }
  /* line 3538, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin-right: 12px;
  }
  /* line 3543, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    float: right;
    clear: right;
  }
  /* line 3547, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin-left: 10px;
  }
  /* line 3551, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a:first-child {
    margin-left: 0;
  }
  /* line 3557, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    margin-top: 4px;
    float: left;
    clear: left;
  }
  /* line 3566, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 12.5px;
  }
  /* line 3569, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    padding: 6.25px 0;
  }
  /* line 3574, app/assets/stylesheets/hablemos.scss */
  body .he-form button, body .he-form input[type="button"], body .he-form input[type="submit"] {
    padding: 6.25px 0;
  }
  /* line 3578, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 25px;
    padding: 12.5px;
  }
  /* line 3586, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    min-height: 137px;
  }
  /* line 3590, app/assets/stylesheets/hablemos.scss */
  body.home header .container:before {
    background: url(/assets/components/gradient-fc1a07b294bab5c66ce9d6701f7f3e136783817549c53ffa23dba65f66832329.png);
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    width: 895px;
    height: 895px;
    display: block;
    position: absolute;
    top: -374px;
    left: -310px;
    z-index: -1;
  }
  /* line 3604, app/assets/stylesheets/hablemos.scss */
  body.home header .container > a {
    z-index: 2;
  }
  /* line 3615, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main {
    display: none;
  }
  /* line 3618, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a {
    width: calc(94.5656% / 5);
    margin-right: 1.3586%;
  }
  /* line 3622, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 3626, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3637, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container {
    min-height: 315px;
    padding-bottom: 50px;
    overflow: visible;
  }
  /* line 3642, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container:before {
    background: url(/assets/components/gradient-fc1a07b294bab5c66ce9d6701f7f3e136783817549c53ffa23dba65f66832329.png);
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    width: 895px;
    height: 895px;
    display: block;
    position: absolute;
    top: -374px;
    left: -310px;
    z-index: -1;
  }
  /* line 3656, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3663, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a {
    position: relative;
  }
  /* line 3666, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a.brand-space:before {
    background: url(/assets/components/podcast-f9ea376289bda8e6702f7ac2b91bf4034ecaa06f91632d7bf99689598aa700d3.svg);
    background-position: center center;
    content: "";
    width: 71px;
    height: 15px;
    display: block;
    position: absolute;
    left: -80px;
    bottom: 21px;
  }
  /* line 3679, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container nav.main {
    top: 285px;
  }
  /* line 3689, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3707, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer {
    width: 62px;
    height: 62px;
    position: absolute;
    top: 55px;
    left: calc(82px + 48px);
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  /* line 3717, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer:before {
    background-image: url(/assets/components/author-mask-ea284c079d06a57617a705404627735cdcf56bcb44deb039811f2090cb5fcc94.svg);
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 3728, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 3739, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container, body.library header .container, body.editorial header .container {
    position: relative;
  }
  /* line 3742, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container img.deco, body.library header .container img.deco, body.editorial header .container img.deco {
    bottom: 0;
    left: 0;
    z-index: 2;
  }
  /* line 3750, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .primary .search-trigger, body.library .primary .search-trigger, body.editorial .primary .search-trigger {
    width: 34px;
    top: 50px;
    left: -52px;
  }
  /* line 3757, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container, body.library .searchbox.form-container, body.editorial .searchbox.form-container {
    width: 82.9986%;
    display: none;
  }
  /* line 3761, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form, body.library .searchbox.form-container form, body.editorial .searchbox.form-container form {
    overflow: hidden;
  }
  /* line 3764, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form div.field.text, body.library .searchbox.form-container form div.field.text, body.editorial .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 3769, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form button, body.library .searchbox.form-container form button, body.editorial .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 3782, app/assets/stylesheets/hablemos.scss */
  body.library header .container img.deco {
    bottom: -2px;
  }
  /* line 3787, app/assets/stylesheets/hablemos.scss */
  body.library header .container > a {
    position: relative;
    /* &:before {
							background: image_url(/components/biblioteca.svg);
							background-position: center center;
							content: "";
							width: 86px;
						    height: 15px;
						    display: block;
						    position: absolute;
						    left: -96px;
						    bottom: 21px;
						} */
  }
  /* line 3803, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book {
    width: 62px;
    height: 96px;
    position: absolute;
    top: 22px;
    left: calc(82px + 48px);
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
  }
  /* line 3813, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book:before {
    background-image: url(/assets/components/book-mask-5a8dfe1d8c779e547d8db4176f2f3e32d8be4138771ab038c8e6d7bc83428c17.svg);
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  /* line 3825, app/assets/stylesheets/hablemos.scss */
  body.library header .container .featured-book img {
    height: 100%;
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }
  /* line 3837, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3843, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 44px;
    left: -6px;
  }
  /* line 3854, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container h4 {
    margin-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3859, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3862, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button.search-clear {
    margin-top: -56px;
  }
  /* line 3872, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container h4, body.editorial .searchbox.form-container h4 {
    padding-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3877, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form, body.editorial .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3883, app/assets/stylesheets/hablemos.scss */
  body.editorial {
    /* &.single {
				header .container {
					>a {
						&:before {
							background: image_url(/components/editorial.svg);
						}
					}
				}
			} */
  }
  /* line 3885, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container {
    overflow: visible;
    /* >a {
						position: relative;
						
						&:before {
							background: image_url(/components/editoriales.svg);
							background-position: center center;
							background-repeat: no-repeat;
							content: "";
							width: 97px;
							height: 15px;
							display: block;
							position: absolute;
							left: -102px;
							bottom: 21px;
						}
					} */
  }
  /* line 3905, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container img.deco {
    top: 63px;
    z-index: 2;
  }
  /* line 3910, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3932, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    overflow: visible;
  }
  /* line 3935, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a {
    position: relative;
  }
  /* line 3938, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a.brand-space:before {
    content: "";
    width: 67px;
    height: 20px;
    display: block;
    position: absolute;
    left: -76px;
    bottom: 21px;
  }
  /* line 3955, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    margin: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3964, app/assets/stylesheets/hablemos.scss */
  body.blog header img.deco {
    width: 133px;
    height: auto;
    left: -38px;
    top: 52px;
    z-index: 0;
  }
  /* line 3974, app/assets/stylesheets/hablemos.scss */
  body.blog .primary .search-trigger {
    width: 34px;
    top: 50px;
    left: -52px;
  }
  /* line 3981, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container {
    width: 82.9986%;
    display: none;
  }
  /* line 3985, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container h4 {
    margin-bottom: 16px;
  }
  /* line 3989, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form {
    margin-bottom: 50px;
    overflow: hidden;
  }
  /* line 3993, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 3998, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4008, app/assets/stylesheets/hablemos.scss */
  body.about header img.deco {
    /* width: 220px;
					height: auto; */
    width: auto;
    height: 578px;
    left: -25px;
    top: 115px;
    z-index: 0;
  }
  /* line 4018, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    width: auto;
    height: 380px;
    bottom: 0;
    left: -102px;
  }
  /* line 4028, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 75px;
  }
  /* line 4031, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 50px 0 62.5px 0;
  }
  /* line 4034, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: 62%;
    top: 50px;
    right: 0;
  }
  /* line 4040, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    width: 320px;
    height: 225px;
    top: 0;
    left: 0;
  }
  /* line 4047, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 37.5px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  /* line 4052, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 180px;
    margin-left: 12.6%;
    float: left;
  }
  /* line 4058, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4063, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 100%;
  }
  /* line 4067, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4074, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    width: 62%;
    float: right;
  }
  /* line 4078, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 4082, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-bottom: 25px;
  }
  /* line 4086, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin-bottom: 0;
    margin-left: 12.5px;
  }
  /* line 4091, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox p {
    max-width: 640px;
  }
  /* line 4095, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 494px;
  }
  /* line 4100, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 4108, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 4113, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 25px;
  }
  /* line 4122, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link {
    width: 34.8%;
    padding-top: 6.25px;
    margin-top: 37.5px;
    float: left;
  }
  /* line 4129, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    width: 100%;
    display: inline-block;
  }
  /* line 4133, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a * {
    vertical-align: middle;
  }
  /* line 4138, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link p {
    max-width: none;
    display: inline-block;
  }
  /* line 4144, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link img, body.single .contents .container .ext-link svg {
    display: inline-block;
  }
  /* line 4155, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container, body.single.book header .container, body.single.editorial header .container {
    padding-bottom: 50px;
  }
  /* line 4167, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main, body.single.author section.contents .container .textbox.main, body.single.book section.contents .container .textbox.main, body.single.editorial section.contents .container .textbox.main {
    width: 62%;
    float: right;
  }
  /* line 4171, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main p, body.single.author section.contents .container .textbox.main p, body.single.book section.contents .container .textbox.main p, body.single.editorial section.contents .container .textbox.main p {
    margin-bottom: 15px;
  }
  /* line 4174, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main p:last-child, body.single.author section.contents .container .textbox.main p:last-child, body.single.book section.contents .container .textbox.main p:last-child, body.single.editorial section.contents .container .textbox.main p:last-child {
    margin-bottom: 0;
  }
  /* line 4179, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling, body.single.author section.contents .container .textbox.main .headling, body.single.book section.contents .container .textbox.main .headling, body.single.editorial section.contents .container .textbox.main .headling {
    margin-bottom: 37.5px;
  }
  /* line 4182, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h1, body.single.author section.contents .container .textbox.main .headling h1, body.single.book section.contents .container .textbox.main .headling h1, body.single.editorial section.contents .container .textbox.main .headling h1 {
    padding-top: 25px;
  }
  /* line 4186, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h1 .remove:before, body.single.author section.contents .container .textbox.main .headling h1 .remove:before, body.single.book section.contents .container .textbox.main .headling h1 .remove:before, body.single.editorial section.contents .container .textbox.main .headling h1 .remove:before {
    width: 22px;
    height: 36px;
    top: 22px;
    left: -2px;
  }
  /* line 4195, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .headling h3, body.single.author section.contents .container .textbox.main .headling h3, body.single.book section.contents .container .textbox.main .headling h3, body.single.editorial section.contents .container .textbox.main .headling h3 {
    max-width: 494px;
    margin-top: 36px;
    font-size: 30px;
    line-height: 32px;
  }
  /* line 4203, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .works, body.single.author section.contents .container .textbox.main .works, body.single.book section.contents .container .textbox.main .works, body.single.editorial section.contents .container .textbox.main .works {
    margin-top: 31.25px;
  }
  /* line 4206, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .textbox.main .works h2, body.single.author section.contents .container .textbox.main .works h2, body.single.book section.contents .container .textbox.main .works h2, body.single.editorial section.contents .container .textbox.main .works h2 {
    margin-bottom: 22px;
  }
  /* line 4212, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .hashtags, body.single.author section.contents .container .hashtags, body.single.book section.contents .container .hashtags, body.single.editorial section.contents .container .hashtags {
    width: 34.8%;
    margin-top: 62.5px;
    float: left;
  }
  /* line 4218, app/assets/stylesheets/hablemos.scss */
  body.single.podcast section.contents .container .disclaimer, body.single.author section.contents .container .disclaimer, body.single.book section.contents .container .disclaimer, body.single.editorial section.contents .container .disclaimer {
    width: 34.8%;
    margin-top: 62.5px;
    float: left;
  }
  /* line 4229, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container {
    min-height: 368px;
  }
  /* line 4232, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container nav.main {
    top: 336px;
  }
  /* line 4246, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container form div.field.text:first-child, body.encyclopedia .searchbox.form-container form div.field.text:first-child, body.editorial .searchbox.form-container form div.field.text:first-child, body.blog .searchbox.form-container form div.field.text:first-child, body.search .searchbox.form-container form div.field.text:first-child {
    width: calc(79.3548% - 40px);
  }
  /* line 4250, app/assets/stylesheets/hablemos.scss */
  body.podcast .searchbox.form-container form button.search-clear, body.encyclopedia .searchbox.form-container form button.search-clear, body.editorial .searchbox.form-container form button.search-clear, body.blog .searchbox.form-container form button.search-clear, body.search .searchbox.form-container form button.search-clear {
    width: 40px;
    float: left;
  }
  /* line 4260, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 264px;
  }
  /* line 4268, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 0;
    overflow: visible;
  }
  /* line 4272, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a, body.suscribe header .container > a {
    position: relative;
  }
  /* line 4275, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space:before, body.suscribe header .container > a.brand-space:before {
    background: url(/assets/components/close-up-5551fcac2fbae3b6c022ba8d978696b724d8edf253714ed047de0d219afe1331.svg);
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    width: 22px;
    height: 35px;
    display: block;
    position: absolute;
    left: 152px;
    bottom: 10px;
  }
  /* line 4290, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container, body.suscribe .form-container {
    width: 62%;
    margin: 56px 0 50px 25.3%;
  }
  /* line 4294, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 25px;
  }
  /* line 4298, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    overflow: hidden;
  }
  /* line 4301, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form div.field.text,
body.contact .form-container form div.field.textarea, body.suscribe .form-container form div.field.text,
body.suscribe .form-container form div.field.textarea {
    width: 79.3548%;
    float: left;
  }
  /* line 4307, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form button, body.contact .form-container form input[type="button"], body.contact .form-container form input[type="submit"], body.suscribe .form-container form button, body.suscribe .form-container form input[type="button"], body.suscribe .form-container form input[type="submit"] {
    width: 18.0645%;
    float: right;
  }
  /* line 4312, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form .response-output, body.suscribe .form-container form .response-output {
    clear: both;
  }
  /* line 4322, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    display: none;
  }
  /* line 4326, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a {
    position: relative;
  }
  /* line 4329, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a.brand-space:before {
    content: "";
    width: 60px;
    height: 20px;
    display: block;
    position: absolute;
    left: -70px;
    bottom: 19px;
  }
  /* line 4344, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin: 56px 0 50px 0;
    width: 62%;
    margin-left: 25.3%;
  }
  /* line 4349, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container h1 {
    margin-bottom: 16px;
  }
  /* line 4353, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    overflow: hidden;
  }
  /* line 4356, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4361, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4371, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    width: 87.4%;
    padding: 4px 0;
    margin-bottom: 43.75px;
  }
  /* line 4378, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li {
    width: 62%;
    min-height: 195px;
    padding-left: 195px;
    margin-bottom: 50px;
    margin-left: calc(25.3% - 195px);
    position: relative;
    overflow: hidden;
  }
  /* line 4387, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0;
  }
  /* line 4393, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 4397, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4402, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 100%;
  }
  /* line 4406, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4411, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.vertical {
    position: absolute;
    right: 0;
  }
  /* line 4419, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6.25px;
  }
  /* line 4424, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li.episode h4 span {
    margin-right: 4px;
  }
  /* line 4435, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 4439, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h1 {
    width: 90%;
    max-width: 748px;
    margin: 0 auto 37.5px;
    font-size: 48px;
    line-height: 50px;
  }
  /* line 4447, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2 {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  /* line 4452, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2, body.donate .contents .container p {
    width: 90%;
    max-width: 620px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 4460, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 50px;
  }
  /* line 4465, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    padding: 20px;
  }
}

/* ---------------------------------------------- */
/* -----------------5) ANIMATIONS---------------- */
/* ---------------------------------------------- */
/* line 4478, app/assets/stylesheets/hablemos.scss */
.fade-in {
  opacity: 0;
  transition: opacity .75s ease-out;
}

/* line 4482, app/assets/stylesheets/hablemos.scss */
.fade-in.faded {
  opacity: 1;
}

/* ---------------------------------------------- */
/* -----------------6) SECTION STYLES------------ */
/* ---------------------------------------------- */
/* line 5, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related {
  display: block;
}

/* line 8, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related h4 {
  font-weight: 600;
  color: #FF0037;
}

/* line 12, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related h4 span.hl {
  font-weight: 400;
}

/* line 17, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related div {
  width: 100%;
  position: relative;
}

/* line 21, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related div img {
  width: 100%;
  display: block;
}

/* line 26, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related div:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 35, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .related:visited h4, body.home header .container .latest-podcast .related:active h4, body.home header .container .latest-podcast .related:focus h4 {
  color: #FF0037;
}

/* line 42, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:first-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #380038;
  display: inline-block;
}

/* line 48, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:first-of-type:hover {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:first-of-type:visited, body.home header .container .latest-podcast .textbox a:first-of-type:active, body.home header .container .latest-podcast .textbox a:first-of-type:focus {
  color: #380038;
}

/* line 57, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:last-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 57, app/assets/stylesheets/_home.scss */
  body.home header .container .latest-podcast .textbox a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 57, app/assets/stylesheets/_home.scss */
  body.home header .container .latest-podcast .textbox a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 62, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:last-of-type:hover {
  text-decoration: underline;
}

/* line 66, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox a:last-of-type:visited, body.home header .container .latest-podcast .textbox a:last-of-type:active, body.home header .container .latest-podcast .textbox a:last-of-type:focus {
  color: #FF0037;
}

/* line 71, app/assets/stylesheets/_home.scss */
body.home header .container .latest-podcast .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/_home.scss */
  body.home header .container .latest-podcast .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/_home.scss */
  body.home header .container .latest-podcast .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 77, app/assets/stylesheets/_home.scss */
body.home header .container h4 {
  font-weight: 600;
  color: #FF0037;
}

/* line 84, app/assets/stylesheets/_home.scss */
body.home .contents {
  background-color: transparent;
}

/* line 87, app/assets/stylesheets/_home.scss */
body.home .contents h2, body.home .contents h3 {
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 91, app/assets/stylesheets/_home.scss */
  body.home .contents h2 {
    font-size: 18px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 91, app/assets/stylesheets/_home.scss */
  body.home .contents h2 {
    font-size: 38px;
    line-height: 46px;
  }
}

/* line 102, app/assets/stylesheets/_home.scss */
body.home .contents h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 102, app/assets/stylesheets/_home.scss */
  body.home .contents h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 102, app/assets/stylesheets/_home.scss */
  body.home .contents h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 106, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container {
  overflow: hidden;
  position: relative;
}

/* line 113, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container .swiper-wrapper .swiper-slide a {
  width: 100%;
}

/* line 116, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container .swiper-wrapper .swiper-slide a img {
  width: 100%;
}

/* line 125, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container .swiper-button-prev svg,
body.home .contents .swiper-container .swiper-button-next svg {
  display: none;
}

/* line 129, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container .swiper-button-prev:after,
body.home .contents .swiper-container .swiper-button-next:after {
  background-image: url(/assets/gui/prev-next-1eeb0683de1cd5e137441d38f7466821f78e4d38ee19aa4d1cf739a76cf6745e.svg);
  content: "";
  width: 24px;
  height: 30px;
}

/* line 138, app/assets/stylesheets/_home.scss */
body.home .contents .swiper-container .swiper-button-prev:after {
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  /* IE 9 */
  transform: rotate(180deg);
  /* IE 10, Fx 16+, Op 12.1+ */
}

/* line 147, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related {
  display: block;
}

/* line 150, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related h4 {
  font-weight: 600;
  color: #FF0037;
}

/* line 154, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related h4 span.hl {
  font-weight: 400;
}

/* line 159, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related div {
  width: 100%;
  position: relative;
}

/* line 163, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related div img {
  width: 100%;
  display: block;
}

/* line 168, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related div:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 177, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related:visited h4, body.home .contents .latest-podcast .related:active h4, body.home .contents .latest-podcast .related:focus h4 {
  color: #FF0037;
}

/* line 184, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox a:first-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #380038;
  display: inline-block;
}

/* line 190, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox a:first-of-type:hover {
  text-decoration: underline;
}

/* line 194, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox a:first-of-type:visited, body.home .contents .latest-podcast .textbox a:first-of-type:active, body.home .contents .latest-podcast .textbox a:first-of-type:focus {
  color: #380038;
}

/* line 199, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox .details a:last-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 199, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 199, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 204, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox .details a:last-of-type:hover {
  text-decoration: underline;
}

/* line 208, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox .details a:last-of-type:visited, body.home .contents .latest-podcast .textbox .details a:last-of-type:active, body.home .contents .latest-podcast .textbox .details a:last-of-type:focus {
  color: #FF0037;
}

/* line 213, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 213, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 213, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 218, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox .ext-link a {
  display: flex;
}

/* line 222, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox .ext-link a, body.home .contents .latest-podcast .textbox .ext-link p, body.home .contents .latest-podcast .textbox .ext-link a p {
  color: #380038;
}

/* line 228, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .cta-btn {
  background-color: #FF0037;
  text-align: center;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 600;
  color: #FFFFFF;
  display: block;
}

@media screen and (max-width: 1023px) {
  /* line 228, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 228, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 237, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .cta-btn:hover {
  background-color: #380038;
}

/* line 243, app/assets/stylesheets/_home.scss */
body.home .contents .block {
  box-sizing: border-box;
}

/* line 246, app/assets/stylesheets/_home.scss */
body.home .contents .block p, body.home .contents .block span, body.home .contents .block a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
}

/* line 250, app/assets/stylesheets/_home.scss */
body.home .contents .block p {
  color: #380038;
  font-weight: 400;
}

/* line 255, app/assets/stylesheets/_home.scss */
body.home .contents .block img {
  display: block;
}

/* line 262, app/assets/stylesheets/_home.scss */
body.home .contents .about-books div p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 262, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 262, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 270, app/assets/stylesheets/_home.scss */
body.home .contents .audiobook p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 270, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook p {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook p {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 276, app/assets/stylesheets/_home.scss */
body.home .contents .audiobook .related img {
  width: 100%;
}

/* line 282, app/assets/stylesheets/_home.scss */
body.home .contents .audiobook .to-all:hover span {
  text-decoration: underline;
}

/* line 288, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia,
body.home .contents .editorial {
  border: solid 2px #FF0037;
}

/* line 297, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia span,
body.home .contents .editorial span {
  color: #FF0037;
}

/* line 302, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia a:hover,
body.home .contents .editorial a:hover {
  text-decoration: underline;
}

/* line 310, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia ul li a img,
body.home .contents .editorial ul li a img {
  width: 100%;
}

/* line 319, app/assets/stylesheets/_home.scss */
body.home .contents .store p {
  text-align: center;
}

/* line 325, app/assets/stylesheets/_home.scss */
body.home .contents .library span {
  color: #FF0037;
}

/* line 329, app/assets/stylesheets/_home.scss */
body.home .contents .library a {
  color: #FF0037;
}

/* line 332, app/assets/stylesheets/_home.scss */
body.home .contents .library a:hover, body.home .contents .library a:focus, body.home .contents .library a:active, body.home .contents .library a:visited {
  color: #FF0037;
}

/* line 336, app/assets/stylesheets/_home.scss */
body.home .contents .library a:hover {
  text-decoration: underline;
}

/* line 343, app/assets/stylesheets/_home.scss */
body.home .contents .library ul li a {
  display: block;
  width: 100%;
  padding-bottom: 90%;
  position: relative;
}

/* line 349, app/assets/stylesheets/_home.scss */
body.home .contents .library ul li a img {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

/* line 356, app/assets/stylesheets/_home.scss */
body.home .contents .library ul li a img.vertical {
  width: auto;
  height: 100%;
}

/* line 361, app/assets/stylesheets/_home.scss */
body.home .contents .library ul li a img.horizontal {
  width: 90%;
  height: auto;
}

/* line 372, app/assets/stylesheets/_home.scss */
body.home .contents .editorial a {
  color: #FF0037;
}

/* line 378, app/assets/stylesheets/_home.scss */
body.home .contents .editorial ul li a {
  border: solid 1px rgba(56, 0, 56, 0.1);
  display: block;
}

/* line 391, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a h3,
body.home .contents .blog div.latest-review a h3,
body.home .contents .reviews div.blog-entry a h3,
body.home .contents .reviews div.latest-review a h3,
body.home .contents .about-books div.blog-entry a h3,
body.home .contents .about-books div.latest-review a h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 391, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry a h3,
body.home .contents .blog div.latest-review a h3,
body.home .contents .reviews div.blog-entry a h3,
body.home .contents .reviews div.latest-review a h3,
body.home .contents .about-books div.blog-entry a h3,
body.home .contents .about-books div.latest-review a h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 391, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry a h3,
body.home .contents .blog div.latest-review a h3,
body.home .contents .reviews div.blog-entry a h3,
body.home .contents .reviews div.latest-review a h3,
body.home .contents .about-books div.blog-entry a h3,
body.home .contents .about-books div.latest-review a h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 397, app/assets/stylesheets/_home.scss */
body.home .contents .blog .cta-btn,
body.home .contents .reviews .cta-btn,
body.home .contents .about-books .cta-btn {
  border: solid 2px #FF0037;
  background-color: #FFFFFF;
  width: 100%;
  padding: 12px 0;
  margin: 0 auto;
  color: #FF0037;
  text-align: center;
  display: block;
}

/* line 407, app/assets/stylesheets/_home.scss */
body.home .contents .blog .cta-btn:hover, body.home .contents .blog .cta-btn:hover:visited,
body.home .contents .reviews .cta-btn:hover,
body.home .contents .reviews .cta-btn:hover:visited,
body.home .contents .about-books .cta-btn:hover,
body.home .contents .about-books .cta-btn:hover:visited {
  background-color: #FF0037;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 413, app/assets/stylesheets/_home.scss */
body.home .contents .blog .cta-btn:visited,
body.home .contents .reviews .cta-btn:visited,
body.home .contents .about-books .cta-btn:visited {
  color: #FF0037;
}

/* line 420, app/assets/stylesheets/_home.scss */
body.home .contents .blog h2 {
  position: relative;
  z-index: 2;
}

/* line 426, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry > a:first-child {
  display: block;
}

/* line 429, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry > a:first-child img {
  width: 100%;
}

/* line 434, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 434, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 434, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 438, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry h4 a, body.home .contents .blog div.blog-entry h4 span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 438, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry h4 a, body.home .contents .blog div.blog-entry h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 438, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry h4 a, body.home .contents .blog div.blog-entry h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 443, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry h4 a:hover {
  text-decoration: underline;
}

/* line 450, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry > div a:first-child:hover, body.home .contents .blog div.blog-entry > div a:first-child:focus, body.home .contents .blog div.blog-entry > div a:first-child:active, body.home .contents .blog div.blog-entry > div a:first-child:visited {
  color: #380038;
}

/* line 457, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox p {
  margin-bottom: 25px;
}

/* line 460, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox p:last-child {
  margin-bottom: 0;
}

/* line 465, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox div, body.home .contents .blog div.blog-entry .textbox strong, body.home .contents .blog div.blog-entry .textbox span, body.home .contents .blog div.blog-entry .textbox p, body.home .contents .blog div.blog-entry .textbox div a {
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 14px !important;
  line-height: 25px !important;
  font-weight: 300 !important;
  color: #380038 !important;
  -webkit-font-smoothing: auto !important;
  font-smoothing: auto !important;
}

/* line 476, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox strong {
  font-weight: 600 !important;
}

/* line 481, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a {
  color: #FF0037;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

/* line 486, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a h3 {
  color: #380038;
}

/* line 490, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a:hover {
  text-decoration: underline;
}

/* line 494, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a:hover, body.home .contents .blog div.blog-entry a:focus, body.home .contents .blog div.blog-entry a:active, body.home .contents .blog div.blog-entry a:visited {
  color: #FF0037;
}

/* line 500, app/assets/stylesheets/_home.scss */
body.home .contents .blog > a {
  color: #FF0037;
}

/* line 503, app/assets/stylesheets/_home.scss */
body.home .contents .blog > a:hover {
  text-decoration: underline;
}

/* line 509, app/assets/stylesheets/_home.scss */
body.home .contents .reviews {
  border: solid 2px #FF0037;
}

/* line 514, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > a:first-child {
  display: block;
}

/* line 517, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > a:first-child img {
  width: 100%;
}

/* line 522, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 522, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews div.latest-review h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 522, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews div.latest-review h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 526, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review h4 a, body.home .contents .reviews div.latest-review h4 span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 526, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews div.latest-review h4 a, body.home .contents .reviews div.latest-review h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 526, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews div.latest-review h4 a, body.home .contents .reviews div.latest-review h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 531, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review h4 a:hover {
  text-decoration: underline;
}

/* line 539, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > div a:first-child:hover, body.home .contents .reviews div.latest-review > div a:first-child:focus, body.home .contents .reviews div.latest-review > div a:first-child:active, body.home .contents .reviews div.latest-review > div a:first-child:visited {
  color: #380038;
}

/* line 544, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > div > a:last-child {
  color: #FF0037;
}

/* line 548, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > div > a:visited {
  color: #FF0037;
}

/* line 554, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review .textbox p {
  margin-bottom: 25px;
}

/* line 557, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review .textbox p:last-child {
  margin-bottom: 0;
}

/* line 562, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review .textbox div, body.home .contents .reviews div.latest-review .textbox strong, body.home .contents .reviews div.latest-review .textbox span, body.home .contents .reviews div.latest-review .textbox p, body.home .contents .reviews div.latest-review .textbox div a {
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 14px !important;
  line-height: 25px !important;
  font-weight: 300 !important;
  color: #380038 !important;
  -webkit-font-smoothing: auto !important;
  font-smoothing: auto !important;
}

/* line 573, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review .textbox strong {
  font-weight: 600 !important;
}

/* line 578, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

/* line 582, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review a h3 {
  color: #380038;
}

/* line 586, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review a:hover {
  text-decoration: underline;
}

/* line 590, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review a:hover, body.home .contents .reviews div.latest-review a:focus, body.home .contents .reviews div.latest-review a:active, body.home .contents .reviews div.latest-review a:visited {
  color: #FF0037;
}

/* line 597, app/assets/stylesheets/_home.scss */
body.home .contents .other-links {
  border-top: solid 2px #FF0037;
}

/* line 601, app/assets/stylesheets/_home.scss */
body.home .contents .other-links div ul {
  list-style-position: inside;
  list-style: disc;
}

/* line 606, app/assets/stylesheets/_home.scss */
body.home .contents .other-links div ul li a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  color: #380038;
}

@media screen and (max-width: 1023px) {
  /* line 606, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul li a {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 606, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul li a {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 610, app/assets/stylesheets/_home.scss */
body.home .contents .other-links div ul li a:hover {
  text-decoration: underline;
}

/* line 614, app/assets/stylesheets/_home.scss */
body.home .contents .other-links div ul li a:hover, body.home .contents .other-links div ul li a:active, body.home .contents .other-links div ul li a:focus, body.home .contents .other-links div ul li a:visited {
  color: #380038;
}

/* line 623, app/assets/stylesheets/_home.scss */
body.home .contents .collaborators {
  border-top: solid 2px #FF0037;
}

/* line 626, app/assets/stylesheets/_home.scss */
body.home .contents .collaborators h3 {
  color: #380038;
  text-align: center;
}

/* line 634, app/assets/stylesheets/_home.scss */
body.home .contents .collaborators .swiper-container .swiper-wrapper .swiper-slide a {
  display: block;
}

/* line 637, app/assets/stylesheets/_home.scss */
body.home .contents .collaborators .swiper-container .swiper-wrapper .swiper-slide a img {
  width: auto;
  height: 100%;
}

/* line 648, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase {
  background-color: #380038;
}

/* line 654, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .latest-podcast .related div:before {
  background-image: url(/assets/components/new-f78d5a3d3c83099ec53b4107903a93782728a05bfa1a5aa06bc01038a5b14c64.svg);
}

/* line 661, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .latest-podcast .textbox a, body.home .podcasts-showcase .latest-podcast .textbox p, body.home .podcasts-showcase .latest-podcast .textbox .details a:first-of-type {
  color: #FFFFFF;
}

/* line 668, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming h3, body.home .podcasts-showcase .upcoming h4 {
  color: #00FFD7;
}

/* line 672, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming h3 {
  font-weight: 800;
}

/* line 676, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 676, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming h4 {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 676, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming h4 {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 679, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming h4 span {
  font-weight: 600;
}

/* line 684, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming .related {
  width: 100%;
  position: relative;
}

/* line 689, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming .related:after {
  background-image: url(/assets/components/elipsis-a2bd0990046fff1701073c39b85f3a2a6862e5e6ae634f44a293a6bd4c64e2fc.svg);
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  right: -10px;
}

/* line 700, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming .related img {
  width: 100%;
  display: block;
}

/* line 708, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .cta-btn {
  border: solid 2px #FF0037;
  background-color: #FF0037;
  text-align: center;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 600;
  color: #FFFFFF;
  display: block;
}

@media screen and (max-width: 1023px) {
  /* line 708, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .cta-btn {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 708, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .cta-btn {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 718, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .cta-btn:hover {
  background-color: #380038;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 731, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 18px;
  }
  /* line 735, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 20px;
  }
  /* line 742, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast {
    position: relative;
    z-index: 1;
  }
  /* line 746, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast:before {
    content: "";
    width: 1024px;
    height: 100%;
    margin: auto;
    display: block;
    position: absolute;
    top: 25px;
    left: -212px;
    bottom: 0;
    z-index: -1;
  }
  /* line 760, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 140px;
    margin: 0 auto;
  }
  /* line 765, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -14px;
    left: -15px;
  }
  /* line 774, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div h2, body.home .contents .latest-podcast .related div h4 {
    display: none;
  }
  /* line 778, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    max-height: 140px;
    max-width: 140px;
  }
  /* line 785, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    width: 95%;
    max-width: 460px;
    margin: 25px auto 0;
    text-align: center;
  }
  /* line 792, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:first-of-type {
    max-width: 360px;
    margin: 0 auto 5px;
    font-size: 19px;
    line-height: 30px;
    display: block;
  }
  /* line 800, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    max-width: 620px;
    margin-bottom: 5px;
  }
  /* line 805, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 15px;
  }
  /* line 809, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 360px;
  }
  /* line 814, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    border-top: solid 1px #380038;
  }
  /* line 817, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link a, body.home .contents .latest-podcast .textbox .ext-link p, body.home .contents .latest-podcast .textbox .ext-link a p {
    max-width: 320px;
    margin: 0 auto;
  }
  /* line 822, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link img, body.home .contents .latest-podcast .textbox .ext-link svg {
    margin: 10px auto 0;
  }
  /* line 828, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: calc(90% - 64px);
    margin: 30px auto 0;
    padding: 12px 32px;
  }
  /* line 835, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 840, app/assets/stylesheets/_home.scss */
  body.home .contents .block h2 {
    font-size: 22px;
    line-height: 28px;
  }
  /* line 846, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books {
    width: 90%;
    max-width: 400px;
    margin-top: 60px;
    position: relative;
    /* &:before {
					background-color: $red;
					content: "";
					width: 100%;
					height: 2px;
					position: absolute;
					top: 22px;
					left: 0;
				} */
  }
  /* line 863, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div {
    padding: 25px 0;
  }
  /* line 866, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div img {
    width: 236px;
    height: auto;
    margin-left: 12px;
    display: block;
  }
  /* line 874, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    margin-top: 20px;
    margin-bottom: 0;
  }
  /* line 880, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books a.cta-btn {
    margin-bottom: 15px;
  }
  /* line 885, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook {
    width: 90%;
    max-width: 400px;
    padding: 20px 20px 0;
    position: relative;
    overflow: auto;
  }
  /* line 892, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook:before {
    border: solid 2px #FF0037;
    content: "";
    width: calc(100% - 4px);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 30px;
    z-index: -1;
  }
  /* line 905, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a h2 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
  /* line 911, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a span {
    display: block;
  }
  /* line 915, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a img {
    width: 65%;
    max-width: 180px;
    margin-top: 20px;
    float: right;
  }
  /* line 924, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 930, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 80%;
    margin: 20px auto;
  }
  /* line 936, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    width: 80%;
    max-width: 300px;
    padding: 20px;
  }
  /* line 941, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 10px;
  }
  /* line 945, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia p {
    margin-bottom: 20px;
  }
  /* line 949, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    width: 100%;
  }
  /* line 952, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 80%;
    margin-bottom: 20px;
  }
  /* line 956, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(odd) {
    margin-right: -40px;
    margin-left: calc(20% + 40px);
  }
  /* line 961, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(even) {
    margin-left: -40px;
  }
  /* line 965, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:last-child {
    margin-bottom: 0;
  }
  /* line 972, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    border: solid 2px #FF0037;
    max-width: 400px;
    padding: 20px;
  }
  /* line 977, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-bottom: 10px;
  }
  /* line 981, app/assets/stylesheets/_home.scss */
  body.home .contents .library p {
    margin-bottom: 20px;
  }
  /* line 986, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    margin-bottom: 20px;
  }
  /* line 990, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img {
    top: 0;
  }
  /* line 993, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img.horizontal {
    width: 100%;
  }
  /* line 999, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1006, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    max-width: 360px;
    padding: 20px;
    overflow: auto;
  }
  /* line 1011, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 10px;
  }
  /* line 1015, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    margin-bottom: 20px;
  }
  /* line 1019, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    padding: 0 34px;
  }
  /* line 1022, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 1025, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1031, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 20px 0 0;
    float: right;
  }
  /* line 1037, app/assets/stylesheets/_home.scss */
  body.home .contents .blog,
body.home .contents .reviews {
    width: 90%;
    max-width: 400px;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
  }
  /* line 1045, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2,
body.home .contents .reviews h2 {
    margin-bottom: 20px;
  }
  /* line 1052, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry a:first-child,
body.home .contents .blog div.latest-review a:first-child,
body.home .contents .reviews div.blog-entry a:first-child,
body.home .contents .reviews div.latest-review a:first-child {
    margin-top: -5px;
  }
  /* line 1057, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry a img, body.home .contents .blog div.blog-entry img,
body.home .contents .blog div.latest-review a img,
body.home .contents .blog div.latest-review img,
body.home .contents .reviews div.blog-entry a img,
body.home .contents .reviews div.blog-entry img,
body.home .contents .reviews div.latest-review a img,
body.home .contents .reviews div.latest-review img {
    max-width: 220px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 1064, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry > div .textbox,
body.home .contents .blog div.latest-review > div .textbox,
body.home .contents .reviews div.blog-entry > div .textbox,
body.home .contents .reviews div.latest-review > div .textbox {
    margin-top: 10px;
    margin-bottom: 6px;
  }
  /* line 1068, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry > div .textbox div, body.home .contents .blog div.blog-entry > div .textbox strong, body.home .contents .blog div.blog-entry > div .textbox span, body.home .contents .blog div.blog-entry > div .textbox p, body.home .contents .blog div.blog-entry > div .textbox a,
body.home .contents .blog div.latest-review > div .textbox div,
body.home .contents .blog div.latest-review > div .textbox strong,
body.home .contents .blog div.latest-review > div .textbox span,
body.home .contents .blog div.latest-review > div .textbox p,
body.home .contents .blog div.latest-review > div .textbox a,
body.home .contents .reviews div.blog-entry > div .textbox div,
body.home .contents .reviews div.blog-entry > div .textbox strong,
body.home .contents .reviews div.blog-entry > div .textbox span,
body.home .contents .reviews div.blog-entry > div .textbox p,
body.home .contents .reviews div.blog-entry > div .textbox a,
body.home .contents .reviews div.latest-review > div .textbox div,
body.home .contents .reviews div.latest-review > div .textbox strong,
body.home .contents .reviews div.latest-review > div .textbox span,
body.home .contents .reviews div.latest-review > div .textbox p,
body.home .contents .reviews div.latest-review > div .textbox a {
    font-size: 13px !important;
  }
  /* line 1077, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    font-size: 24px;
  }
  /* line 1081, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 1085, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: 100%;
  }
  /* line 1090, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    margin-bottom: 60px;
    position: relative;
  }
  /* line 1094, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 30px;
  }
  /* line 1097, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 20px;
  }
  /* line 1102, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(100% - 4px);
    margin-bottom: 30px;
  }
  /* line 1107, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn:last-child {
    width: calc(100% - 44px);
    margin-top: 20px;
    margin: auto;
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
  }
  /* line 1119, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    max-width: 500px;
    padding: 25px 0 30px;
    margin: 0 auto;
  }
  /* line 1124, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div {
    width: calc(100% - 40px);
    border-bottom: solid 2px #FF0037;
    padding: 0 0 20px;
    margin: 0 auto 20px;
  }
  /* line 1130, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div h3 {
    margin-bottom: 10px;
  }
  /* line 1134, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    max-width: 300px;
    padding: 0 30px;
    margin: 0 auto;
  }
  /* line 1142, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
    margin: 0 auto;
    display: block;
  }
  /* line 1148, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    margin-top: 10px;
    text-align: center;
  }
  /* line 1155, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    max-width: 500px;
    padding: 20px 0 0;
    margin: 0 auto 40px;
  }
  /* line 1160, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators h3 {
    margin-bottom: 20px;
  }
  /* line 1164, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 80%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1170, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    width: auto;
    height: 100px;
    margin: 0 auto;
  }
  /* line 1176, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    margin: 0 auto;
    display: block;
  }
  /* line 1182, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1186, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 0;
  }
  /* line 1194, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container {
    display: flex;
    flex-direction: column;
  }
  /* line 1199, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast {
    padding-top: 17.5px;
  }
  /* line 1202, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related {
    width: 180px;
  }
  /* line 1206, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related div h2 {
    margin-bottom: -5px;
    padding-left: 30px;
    font-size: 20px;
    display: block;
  }
  /* line 1214, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related div:before {
    width: 80px;
    height: 68px;
    top: -20px;
    left: -50px;
    bottom: auto;
  }
  /* line 1223, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related div img {
    max-width: none;
    max-height: none;
  }
  /* line 1230, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .textbox {
    margin-top: 20px;
  }
  /* line 1233, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .textbox .details a:first-of-type {
    margin-bottom: 0;
  }
  /* line 1239, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming {
    max-width: 400px;
    padding: 0 5%;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 1249, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related {
    width: 140px;
    padding-bottom: 6px;
  }
  /* line 1253, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related:after {
    width: 72px;
    height: 19px;
    bottom: 10%;
  }
  /* line 1260, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related h3 {
    font-size: 18px;
    margin-bottom: -6px;
  }
  /* line 1266, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming h4 {
    width: calc(100% - 162px);
    margin-top: 12.5px;
    padding-bottom: 0;
  }
  /* line 1273, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .cta-btn {
    width: calc(90% - 64px);
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: -28px;
    margin-left: auto;
    padding: 12px 32px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1290, app/assets/stylesheets/_home.scss */
  body.home header .container > h1 {
    margin-bottom: 50px;
  }
  /* line 1294, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 22px;
  }
  /* line 1298, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 50px;
  }
  /* line 1304, app/assets/stylesheets/_home.scss */
  body.home .contents {
    padding-top: 100px;
  }
  /* line 1307, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast {
    width: 67%;
    min-height: 294px;
    padding-top: 5px;
    float: left;
    clear: both;
    position: relative;
  }
  /* line 1316, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1323, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div:before {
    background-size: contain;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -18px;
    left: -19px;
  }
  /* line 1332, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div h2, body.home .contents .latest-podcast .related div h4 {
    line-height: 28px;
  }
  /* line 1336, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    width: 100%;
    height: auto;
    max-height: 264px;
  }
  /* line 1344, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    padding-top: 25px;
    position: relative;
  }
  /* line 1348, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details {
    width: calc(100% - 260px);
    min-height: 220px;
    padding-left: 20px;
    margin-left: 220px;
    margin-bottom: 25px;
  }
  /* line 1355, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:first-of-type {
    max-width: 366px;
    margin-bottom: 12.5px;
    font-size: 24px;
    line-height: 36px;
  }
  /* line 1362, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    margin-bottom: 0;
  }
  /* line 1366, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 25px;
  }
  /* line 1370, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 366px;
  }
  /* line 1375, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    width: 220px;
  }
  /* line 1380, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: 100%;
    padding: 12px 0;
  }
  /* line 1386, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 50px;
  }
  /* line 1390, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books {
    width: 60.5%;
    margin-top: 20px;
    float: left;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 1400, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books:before {
    background-color: #FF0037;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 36px;
    left: 0;
  }
  /* line 1410, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div {
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /* line 1416, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div img {
    width: 236px;
    padding: 0 25px 0 12px;
    height: auto;
    display: block;
  }
  /* line 1423, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    width: calc(100% - 272px);
    padding-right: 18.75px;
    margin-bottom: 0;
  }
  /* line 1431, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books a.cta-btn:nth-of-type(1), body.home .contents .about-books a.cta-btn:nth-of-type(2) {
    width: calc(50% - 16px);
  }
  /* line 1436, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books a.cta-btn:nth-of-type(3) {
    width: calc(100% - 16px);
    margin-top: 15px;
  }
  /* line 1443, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook {
    width: 36.6%;
    margin-top: 0;
    padding: 20px 0 0 20px;
    vertical-align: top;
    float: right;
    position: relative;
  }
  /* line 1451, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook:before {
    border: solid 2px #FF0037;
    content: "";
    width: calc(92% - 2px);
    height: 0;
    padding-top: calc(100% - 56px);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  /* line 1464, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook h2 {
    margin-bottom: 12.5px;
  }
  /* line 1472, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook .related {
    width: 215px;
    margin-top: 6px;
    margin-left: calc(100% - 330px);
    display: inline-block;
    vertical-align: text-top;
  }
  /* line 1480, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook p {
    margin-right: 50px;
  }
  /* line 1484, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook span {
    display: inline-block;
  }
  /* line 1489, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    padding: 10px 20px 0;
    margin-bottom: 20px;
  }
  /* line 1493, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 6.25px;
  }
  /* line 1497, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1502, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 31.2903%;
  }
  /* line 1508, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    margin-top: calc(38px + 10%);
    padding-top: 10px;
    padding-bottom: 25px;
    position: relative;
  }
  /* line 1514, app/assets/stylesheets/_home.scss */
  body.home .contents .store:before {
    border: solid 2px #FF0037;
    content: "";
    width: calc(100% - 4px);
    height: 0;
    padding-top: calc(100% - 2px);
    display: block;
    position: absolute;
    left: 0;
    top: 46px;
    z-index: -1;
  }
  /* line 1527, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 65%;
    margin: 31.25px auto;
  }
  /* line 1532, app/assets/stylesheets/_home.scss */
  body.home .contents .store p {
    max-width: 284px;
    margin: 0 auto;
  }
  /* line 1538, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    margin-top: 80px;
    padding: 0 20px;
    position: relative;
  }
  /* line 1543, app/assets/stylesheets/_home.scss */
  body.home .contents .library:before {
    background-color: #FF0037;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1553, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-top: -36px;
    margin-bottom: 6.25px;
  }
  /* line 1558, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1563, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    width: 31.2903%;
  }
  /* line 1566, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a {
    width: 100%;
  }
  /* line 1573, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    padding: 10px 20px 0;
    margin-bottom: 20px;
    margin-bottom: 50px;
  }
  /* line 1578, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 6.25px;
  }
  /* line 1582, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    width: 80%;
    padding-bottom: 12.5px;
  }
  /* line 1587, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    width: 70%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1592, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 1595, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1601, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 25px 0;
    float: right;
  }
  /* line 1607, app/assets/stylesheets/_home.scss */
  body.home .contents .blog,
body.home .contents .reviews {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1613, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry,
body.home .contents .blog div.latest-review,
body.home .contents .reviews div.blog-entry,
body.home .contents .reviews div.latest-review {
    display: flex;
    justify-content: space-between;
  }
  /* line 1618, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry > div,
body.home .contents .blog div.latest-review > div,
body.home .contents .reviews div.blog-entry > div,
body.home .contents .reviews div.latest-review > div {
    width: calc(100% - 174px);
  }
  /* line 1623, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry a:first-child,
body.home .contents .blog div.latest-review a:first-child,
body.home .contents .reviews div.blog-entry a:first-child,
body.home .contents .reviews div.latest-review a:first-child {
    width: 154px;
    margin-top: -10px;
  }
  /* line 1629, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry .textbox,
body.home .contents .blog div.latest-review .textbox,
body.home .contents .reviews div.blog-entry .textbox,
body.home .contents .reviews div.latest-review .textbox {
    margin-top: 12.5px;
  }
  /* line 1634, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn,
body.home .contents .reviews .cta-btn {
    width: calc(100% - 40px);
  }
  /* line 1639, app/assets/stylesheets/_home.scss */
  body.home .contents .blog {
    margin-top: 75px;
    position: relative;
  }
  /* line 1643, app/assets/stylesheets/_home.scss */
  body.home .contents .blog:before {
    background-color: #FF0037;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 36px;
    left: 0;
  }
  /* line 1653, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    margin: 0 20px;
  }
  /* line 1657, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 1660, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry .textbox {
    margin-right: 25px;
  }
  /* line 1665, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: calc(100% - 178px);
    margin-left: 174px;
  }
  /* line 1671, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    padding-bottom: 25px;
    margin-top: 50px;
    margin-bottom: 75px;
    position: relative;
  }
  /* line 1677, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews h2 {
    margin: 12.5px 20px 0;
  }
  /* line 1681, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 37.5px;
    margin: 25px 20px 0;
  }
  /* line 1685, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review h2 {
    margin: 0 20px;
  }
  /* line 1689, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 12.5px;
  }
  /* line 1694, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review a:first-child {
    width: 154px;
    margin-top: -10px;
  }
  /* line 1701, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(50% - 34px);
    position: absolute;
    bottom: -20px;
    left: 20px;
  }
  /* line 1707, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn:last-child {
    left: auto;
    right: 20px;
  }
  /* line 1714, app/assets/stylesheets/_home.scss */
  body.home .contents .store,
body.home .contents .editorial {
    width: 32%;
    float: left;
    clear: left;
  }
  /* line 1721, app/assets/stylesheets/_home.scss */
  body.home .contents .library,
body.home .contents .encyclopedia {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1728, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    width: 100%;
    padding: 25px 0;
    float: none;
    clear: both;
    display: flex;
  }
  /* line 1735, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div {
    width: calc(50% - 1px);
    padding: 0 20px;
  }
  /* line 1739, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    padding: 0 25px;
  }
  /* line 1743, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div:first-child {
    border-right: solid 2px #FF0037;
  }
  /* line 1748, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a {
    width: calc(50% - 1px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 1754, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
  }
  /* line 1758, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    max-width: 200px;
    margin-left: 18.75px;
  }
  /* line 1765, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    width: 100%;
    padding: 37.5px 0 75px;
  }
  /* line 1769, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 90%;
    padding: 0 34px;
    margin: 50px auto 0;
    position: relative;
  }
  /* line 1775, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:before, body.home .contents .collaborators .swiper-container:after {
    background-color: #FFFFFF;
    content: "";
    width: 34px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
  }
  /* line 1788, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:before {
    left: 0;
  }
  /* line 1792, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:after {
    right: 0;
  }
  /* line 1796, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide {
    width: auto;
  }
  /* line 1799, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    height: 100px;
  }
  /* line 1803, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    height: 100px;
  }
  /* line 1808, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1812, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 0;
  }
  /* line 1819, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase {
    padding-top: 31.25px;
  }
  /* line 1822, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 1828, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast {
    width: 74.7%;
    padding-top: 0;
    padding-bottom: 75px;
    float: none;
    display: flex;
    justify-content: space-between;
  }
  /* line 1838, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related {
    width: 366px;
    position: relative;
  }
  /* line 1842, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div {
    width: 100%;
  }
  /* line 1845, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div:before {
    width: 122px;
    height: 101px;
    top: -30px;
    left: -60px;
    bottom: auto;
  }
  /* line 1854, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div h2 {
    padding-left: 64px;
  }
  /* line 1858, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div img {
    max-height: none;
  }
  /* line 1864, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .textbox {
    width: calc(100% - 366px);
    padding-top: 0;
    display: flex;
    align-self: flex-end;
  }
  /* line 1871, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .textbox .details {
    width: 100%;
    min-height: 0;
    margin-left: 15px;
    margin-bottom: 0;
  }
  /* line 1877, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .textbox .details .listen {
    max-width: none;
  }
  /* line 1884, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming {
    width: calc(25.3% - 15px);
    max-width: 250px;
    padding-bottom: 75px;
  }
  /* line 1889, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming h3, body.home .podcasts-showcase .container .upcoming h4 {
    color: #00FFD7;
    text-align: center;
  }
  /* line 1895, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming .related:after {
    width: 102px;
    height: 27px;
    bottom: 12.5%;
  }
  /* line 1903, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming h3 {
    margin-bottom: -7px;
  }
  /* line 1907, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming h4 {
    margin-top: 12.5px;
    padding-bottom: 7px;
  }
  /* line 1913, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .cta-btn {
    width: 100%;
    margin-bottom: -25px;
    padding: 12px 0;
  }
}

/* line 5, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related {
  display: block;
}

/* line 8, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related h4 {
  font-weight: 600;
  color: #FF0037;
}

/* line 12, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related h4 span.hl {
  font-weight: 400;
}

/* line 17, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related div {
  width: 100%;
  position: relative;
}

/* line 21, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related div img {
  width: 100%;
  display: block;
}

/* line 26, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related div:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 35, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .related:visited h4, body.podcast header .container .latest-podcast .related:active h4, body.podcast header .container .latest-podcast .related:focus h4 {
  color: #FF0037;
}

/* line 42, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:first-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #380038;
  display: inline-block;
}

/* line 48, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:first-of-type:hover {
  text-decoration: underline;
}

/* line 52, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:first-of-type:visited, body.podcast header .container .latest-podcast .textbox a:first-of-type:active, body.podcast header .container .latest-podcast .textbox a:first-of-type:focus {
  color: #380038;
}

/* line 57, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:last-of-type {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 57, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 57, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 62, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:last-of-type:hover {
  text-decoration: underline;
}

/* line 66, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox a:last-of-type:visited, body.podcast header .container .latest-podcast .textbox a:last-of-type:active, body.podcast header .container .latest-podcast .textbox a:last-of-type:focus {
  color: #FF0037;
}

/* line 71, app/assets/stylesheets/_podcast.scss */
body.podcast header .container .latest-podcast .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 80, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .latest-podcast {
  background-color: #FFFFFF;
}

/* line 84, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav {
  background-color: #FFFFFF;
  overflow: hidden;
  position: relative;
}

/* line 90, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper {
  margin-right: auto;
  overflow: visible;
  cursor: pointer;
}

/* line 95, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper {
  align-items: baseline;
}

/* line 99, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide {
  text-align: center;
}

/* line 102, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide a {
  display: inline-block;
}

/* line 106, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide * {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #380038;
}

@media screen and (max-width: 1023px) {
  /* line 106, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide * {
    font-size: 25px;
    line-height: 48px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 106, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide * {
    font-size: 38px;
    line-height: 80px;
  }
}

/* line 121, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide *:visited {
  color: #380038;
}

/* line 127, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active a {
  width: 120%;
  margin-left: -10%;
  display: inline-block;
}

/* line 133, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active * {
  color: #FF0037;
  transition: all 0.2s ease;
}

@media screen and (max-width: 1023px) {
  /* line 133, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active * {
    font-size: 40px;
    line-height: 50px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 133, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active * {
    font-size: 68px;
    line-height: 80px;
  }
}

/* line 145, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active *:visited {
  color: #FF0037;
}

/* line 155, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev *, body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-next * {
  transition: all 0.2s ease;
}

@media screen and (max-width: 1023px) {
  /* line 155, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev *, body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-next * {
    font-size: 32px;
    line-height: 42px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 155, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-prev *, body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-next * {
    font-size: 58px;
    line-height: 80px;
  }
}

/* line 172, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-next + .swiper-slide *,
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-nth-prev-2 * {
  transition: all 0.2s ease;
}

@media screen and (max-width: 1023px) {
  /* line 172, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-next + .swiper-slide *,
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-nth-prev-2 * {
    font-size: 28px;
    line-height: 38px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 172, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-next + .swiper-slide *,
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide-nth-prev-2 * {
    font-size: 48px;
    line-height: 80px;
  }
}

/* line 187, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-button-prev,
body.podcast div.contents .years-nav .swiper .swiper-button-next {
  margin-top: 0;
  top: 0;
  bottom: auto;
}

/* line 194, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-button-prev:after,
body.podcast div.contents .years-nav .swiper .swiper-button-next:after {
  background-image: url(/assets/gui/prev-next-1eeb0683de1cd5e137441d38f7466821f78e4d38ee19aa4d1cf739a76cf6745e.svg);
  content: "";
  width: 24px;
  height: 30px;
}

/* line 203, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-button-prev:after {
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  /* IE 9 */
  transform: rotate(180deg);
  /* IE 10, Fx 16+, Op 12.1+ */
}

/* line 211, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav > div {
  background-color: #FFFFFF;
  width: 100%;
}

/* line 215, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav > div.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
}

/* line 227, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description {
  width: 100%;
}

/* line 230, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description * {
  color: #FFFFFF;
}

/* line 234, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 234, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description h4 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 234, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 239, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description .textbox p {
  max-width: 620px;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 239, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 239, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 243, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description .textbox p:last-child {
  margin-bottom: 0;
}

/* line 251, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary h2, body.podcast div.contents .container .primary h3, body.podcast div.contents .container .primary h4, body.podcast div.contents .container .primary h5, body.podcast div.contents .container .primary p, body.podcast div.contents .container .primary span, body.podcast div.contents .container .primary a {
  color: #FFFFFF;
}

/* line 256, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 256, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 256, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 260, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured h5 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

/* line 265, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured h5 span {
  font-size: 14px;
  margin-right: 2px;
}

/* line 271, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured h3 {
  font-weight: 200;
  font-style: italic;
}

/* line 278, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured a:first-child:hover h2 {
  text-decoration: underline;
}

/* line 284, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured a:last-child {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 284, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 284, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 289, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .featured a:last-child:hover {
  text-decoration: underline;
}

/* line 296, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list .title {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 296, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list .title {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 296, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list .title {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 302, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a {
  position: relative;
  display: block;
}

/* line 306, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a img {
  width: 100%;
}

/* line 309, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a img.with-transcription {
  position: absolute;
  z-index: 1;
}

/* line 316, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 316, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li a h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 316, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li a h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 320, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a h5 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

/* line 325, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li a h5 span {
  font-size: 14px;
  margin-right: 2px;
}

/* line 333, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li:hover h3 {
  text-decoration: underline;
}

/* line 347, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents a:hover {
  text-decoration: underline;
}

/* line 353, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container > .related {
  position: relative;
}

/* line 356, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container > .related img {
  width: 100%;
}

/* line 360, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container > .related:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 369, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .go-to-transcription a {
  display: flex;
  align-items: center;
}

/* line 374, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .go-to-transcription * {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 400;
  color: #00FFD7;
}

@media screen and (max-width: 1023px) {
  /* line 374, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription * {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 374, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription * {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 383, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .review .details h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 383, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 383, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 387, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .review .details h4, body.podcast.single section.contents .container .review .details .description p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 387, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h4, body.podcast.single section.contents .container .review .details .description p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 387, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h4, body.podcast.single section.contents .container .review .details .description p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 391, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .review .details h4 {
  font-weight: 600;
}

/* line 395, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .review .details .description p {
  font-weight: 300;
}

/* line 405, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription .hl {
  color: #00FFD7 !important;
}

/* line 412, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .headling .hashtags {
  width: 100%;
}

/* line 415, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .headling .hashtags a {
  display: inline-block;
  font-weight: 400;
  color: #FFFFFF;
}

/* line 423, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box {
  position: relative;
}

/* line 427, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner {
  width: 100%;
  position: absolute;
}

/* line 431, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner .title {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 439, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner .title * {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 400;
  color: #00FFD7;
}

@media screen and (max-width: 1023px) {
  /* line 439, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title * {
    font-size: 14px;
    line-height: 25px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 439, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title * {
    font-size: 19px;
    line-height: 30px;
  }
}

/* line 446, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back {
  border: solid 1px #8C0096;
  background-color: #8C0096;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  font-weight: 600;
  color: #FFFFFF;
  position: absolute;
}

@media screen and (max-width: 1023px) {
  /* line 446, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 446, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 455, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:before {
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  padding: 4px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

/* line 467, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:hover {
  border-color: #FFFFFF;
  text-decoration: none;
}

/* line 474, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.banner.fixed {
  margin: auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

/* line 485, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.contents p strong {
  font-weight: 800;
}

/* line 489, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.contents p a {
  color: #FFFFFF;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* line 509, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container {
    padding-bottom: 0;
  }
  /* line 512, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast {
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
    /* &:before {
						background-color: $purple;
						content: "";
						width: 1024px;
						height: 100%;
						margin: auto;
						display: block;
						position: absolute;
						top: 25px;
						left: -212px;
						bottom: 0;
						
						z-index: -1;
					} */
  }
  /* line 532, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related {
    width: 140px;
    margin: 0 auto;
  }
  /* line 537, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -14px;
    left: -15px;
  }
  /* line 546, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div h4 {
    display: none;
  }
  /* line 550, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div img {
    max-height: 140px;
    max-width: 140px;
  }
  /* line 557, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox {
    width: 95%;
    max-width: 460px;
    margin: 25px auto 0;
    text-align: center;
  }
  /* line 563, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:first-of-type {
    max-width: 360px;
    margin: 0 auto 5px;
    font-size: 19px;
    line-height: 30px;
    display: block;
  }
  /* line 576, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    max-width: 620px;
  }
  /* line 581, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    margin-bottom: 15px;
  }
  /* line 585, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox .listen {
    max-width: 360px;
  }
  /* line 594, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav {
    height: 100px;
  }
  /* line 597, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper {
    width: 100px;
    padding-top: 50px;
  }
  /* line 605, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-prev {
    left: 10px;
  }
  /* line 609, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-next {
    right: 10px;
  }
  /* line 614, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav > div {
    height: 100px;
  }
  /* line 620, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container section.sidebar {
    padding-top: 20px;
    margin-top: 0;
  }
  /* line 624, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container section.sidebar h5 {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 631, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description {
    max-width: 480px;
    margin: 30px 0 0;
  }
  /* line 636, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox {
    margin-top: 15px;
  }
  /* line 639, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p {
    margin-bottom: 15px;
  }
  /* line 642, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 652, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured img {
    width: 57.3334%;
    max-width: 220px;
    margin: 0 auto 20px;
    display: block;
  }
  /* line 659, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h5, body.podcast div.contents .container .primary .featured a {
    display: block;
  }
  /* line 663, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2, body.podcast div.contents .container .primary .featured h5, body.podcast div.contents .container .primary .featured a {
    text-align: center;
  }
  /* line 667, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    max-width: 400px;
    margin: 0 auto;
  }
  /* line 672, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h3 {
    width: 88%;
    max-width: 400px;
    margin: 25px auto 10px;
    font-size: 22px;
    line-height: 28px;
  }
  /* line 680, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    padding: 10px 0;
  }
  /* line 685, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .year {
    padding-top: 30px;
  }
  /* line 690, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list .title {
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  /* line 696, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul {
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 703, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li {
    width: 48%;
    margin-bottom: 25px;
  }
  /* line 708, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li img.with-transcription {
    width: 28px;
    right: 6px;
    top: -3px;
  }
  /* line 716, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul:last-child {
    margin-bottom: 0;
  }
  /* line 730, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .headling iframe {
    margin-top: 16px;
    margin-bottom: 10px;
  }
  /* line 736, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related {
    width: 57.3334%;
    max-width: 220px;
    margin: -20px auto 20px;
    display: block;
  }
  /* line 742, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -12px;
    left: -21px;
  }
  /* line 752, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription {
    margin-top: 15px;
    margin-bottom: 31.25px;
  }
  /* line 756, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a {
    max-width: 480px;
    margin: 0 auto;
  }
  /* line 760, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a img {
    width: 45px;
    margin-right: 15px;
  }
  /* line 767, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .ext-link + .go-to-transcription {
    margin-top: 5px;
  }
  /* line 772, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details {
    margin: 10px 0 0;
  }
  /* line 775, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    border-top: 1px solid #FFFFFF;
    padding: 15px 0 10px;
  }
  /* line 780, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details:after {
    background-color: #FFFFFF;
    content: "";
    width: 80px;
    height: 1px;
    display: inline-block;
  }
  /* line 789, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox {
    padding-top: 25px;
  }
  /* line 801, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling {
    padding-bottom: 0;
  }
  /* line 804, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling .hashtags {
    padding-bottom: 0;
  }
  /* line 810, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .ext-link {
    margin-top: 0;
  }
  /* line 814, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box {
    padding-bottom: 40px;
  }
  /* line 818, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner {
    max-width: 600px;
  }
  /* line 821, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title {
    border-bottom: 2px solid #00FFD7;
    background-color: #380038;
    width: 100%;
    height: 60px;
    padding-left: 4px;
  }
  /* line 829, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title img {
    width: 45px;
    margin-right: 15px;
  }
  /* line 835, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back {
    box-shadow: 0px 0px 8px 2px #380038;
    padding: 12px 20px 12px 18px;
    position: fixed;
    bottom: 10px;
    left: 10px;
  }
  /* line 843, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:before {
    margin-right: 4px;
  }
  /* line 848, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner.fixed {
    width: calc(100% - 20px);
  }
  /* line 853, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.contents {
    padding: 80px 0 0 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 869, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast {
    min-height: 294px;
    padding-top: 36px;
    margin-top: 208px;
    margin-bottom: 12.5px;
    float: none;
    clear: both;
    position: relative;
  }
  /* line 879, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related {
    width: 23.9%;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* line 886, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div:before {
    background-size: contain;
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -18px;
    left: -19px;
  }
  /* line 895, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div h4 {
    margin-bottom: 6px;
  }
  /* line 899, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div img {
    width: 100%;
    height: auto;
    max-height: 264px;
  }
  /* line 907, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox {
    margin-left: 23.9%;
    padding-left: calc(4.4% / 3);
    width: 49.266%;
  }
  /* line 914, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:first-of-type {
    max-width: 366px;
    margin-bottom: 12.5px;
    font-size: 24px;
    line-height: 36px;
  }
  /* line 921, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    margin-bottom: 0;
  }
  /* line 925, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    margin-bottom: 25px;
  }
  /* line 929, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox .listen {
    max-width: 366px;
  }
  /* line 938, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav {
    height: 142px;
  }
  /* line 941, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper {
    width: 200px;
    padding-top: 50px;
    margin-left: calc(62.65% - 75px);
  }
  /* line 957, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-prev {
    left: calc(50% - 40px);
  }
  /* line 961, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-next {
    right: calc(50% - 40px);
  }
  /* line 966, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav > div {
    height: 142px;
  }
  /* line 971, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 976, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description {
    margin-top: 50px;
  }
  /* line 979, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div {
    width: 74.7%;
    margin-left: 25.3%;
  }
  /* line 983, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox {
    margin-top: 18.75px;
  }
  /* line 986, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p {
    margin-bottom: 18.75px;
  }
  /* line 989, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 997, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary {
    width: 74.7%;
  }
  /* line 1000, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured {
    margin-top: -50px;
    overflow: auto;
  }
  /* line 1004, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured img {
    width: 30%;
    float: left;
  }
  /* line 1009, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2, body.podcast div.contents .container .primary .featured h3, body.podcast div.contents .container .primary .featured h5 {
    margin-left: 4%;
    float: right;
  }
  /* line 1014, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2, body.podcast div.contents .container .primary .featured h3, body.podcast div.contents .container .primary .featured h5 {
    width: 65.9973%;
  }
  /* line 1018, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    padding-top: 78px;
  }
  /* line 1022, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h3 {
    margin-top: 36px;
    font-size: 30px;
    line-height: 32px;
  }
  /* line 1028, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    margin-top: 6.25px;
    margin-left: 34%;
    float: left;
    clear: left;
  }
  /* line 1036, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .year {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  /* line 1042, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list .title {
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 12.5px;
    margin-bottom: 16.57px;
  }
  /* line 1049, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul {
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 1056, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li {
    width: 31.9946%;
    margin-bottom: 25px;
  }
  /* line 1061, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li img.with-transcription {
    width: 40px;
    right: 10px;
    top: -3px;
  }
  /* line 1069, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul:last-child {
    margin-bottom: 0;
  }
  /* line 1075, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .disclaimer {
    margin-top: 50px;
  }
  /* line 1087, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .headling iframe {
    margin-top: 18.75px;
  }
  /* line 1092, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related {
    width: 34.8%;
    margin-top: -50px;
    float: left;
  }
  /* line 1097, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related:before {
    width: 91px;
    height: 90px;
    position: absolute;
    bottom: -20px;
    left: -32px;
  }
  /* line 1106, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription {
    width: 34.8%;
    margin-top: 37.5px;
    float: left;
  }
  /* line 1113, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a img {
    margin-right: 20px;
  }
  /* line 1119, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .ext-link + .go-to-transcription {
    margin-top: 6.25px;
  }
  /* line 1123, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review {
    padding-top: 50px;
    clear: both;
  }
  /* line 1127, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details {
    padding-top: 55px;
    width: 34%;
    float: left;
  }
  /* line 1132, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    margin-bottom: 18.75px;
  }
  /* line 1137, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox {
    border-top: 1px solid #FFFFFF;
    padding-top: 50px;
    width: 62%;
    float: right;
  }
  /* line 1143, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox p {
    margin-bottom: 15px;
  }
  /* line 1146, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 1153, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .related-content {
    clear: both;
  }
  /* line 1163, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .related {
    margin-bottom: 50px;
  }
  /* line 1167, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox {
    margin-bottom: 50px;
  }
  /* line 1171, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling .hashtags {
    margin-top: 25px;
  }
  /* line 1177, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .ext-link {
    margin-top: 0;
    margin-bottom: 37.5px;
  }
  /* line 1182, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box {
    padding-top: 100px;
    padding-bottom: 62.5px;
    display: flex;
    justify-content: flex-end;
    clear: both;
  }
  /* line 1191, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box:before {
    background-color: #00FFD7;
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    top: 100px;
    left: 0;
  }
  /* line 1203, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner {
    max-width: 1104px;
    top: 100px;
  }
  /* line 1208, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title {
    padding: 25px 0;
  }
  /* line 1211, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title img {
    margin-right: 20px;
  }
  /* line 1216, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back {
    width: 200px;
    padding: 13.25px 12px;
    text-align: center;
    top: -100px;
  }
  /* line 1223, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:before {
    margin-right: 8px;
  }
  /* line 1229, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner.fixed .go-back {
    top: 100px;
  }
  /* line 1236, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.contents {
    width: 62%;
    padding: 29px 0 0 0;
  }
  /* line 1249, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main {
    width: 100%;
    position: relative;
    top: 148px;
    left: 0;
  }
  /* line 1255, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a {
    border-bottom: solid 3px #FF0037;
    width: calc(94.5656% / 5);
    padding-bottom: 15px;
    margin-right: 1.3586%;
  }
  /* line 1261, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a span {
    min-height: 44px;
  }
  /* line 1265, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 1269, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a:last-child {
    margin-right: 0;
  }
}

/* line 5, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary h3, body.encyclopedia .contents .container .primary h4, body.encyclopedia .contents .container .primary input {
  color: #FFFFFF;
}

/* line 10, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .featured h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 10, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 10, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 14, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .featured > span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 14, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured > span {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured > span {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 18, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .featured h3 {
  font-weight: 200;
  font-style: italic;
}

/* line 23, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .featured a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 23, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 23, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .featured a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 28, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .featured a:hover {
  text-decoration: underline;
}

/* line 35, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .category-description h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 35, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .category-description h4 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .category-description h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 40, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .category-description .textbox p {
  max-width: 620px;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 40, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .category-description .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .category-description .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 44, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .category-description .textbox p:last-child {
  margin-bottom: 0;
}

/* line 55, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a img {
  width: 100%;
  display: block;
}

/* line 60, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .features {
  background-color: #FF0037;
  overflow: hidden;
}

/* line 64, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .features span {
  background-repeat: no-repeat;
  background-position: left center;
  min-width: 25px;
  padding: 0 8px 0 20px;
  margin-top: 2px;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  align-self: flex-start;
  display: block;
  float: left;
}

@media screen and (max-width: 1023px) {
  /* line 64, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a .features span {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 64, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a .features span {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 77, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .features span.in-episode {
  background-image: url(/assets/gui/in-episode-alt-91edb42804ed99d9efdbca61cb5dccd1378b2194f8c28f7a77101bdda60782c3.svg);
}

/* line 81, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .features span.has-review {
  background-image: url(/assets/gui/has-review-alt-b3b723a69d94ba38f2b0e2efeeec669ff35fe139503be58cb9ff6894f2382338.svg);
}

/* line 85, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .features span.shoppable {
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
}

/* line 91, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a .shopable {
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 6px 6px;
  background-size: 14px;
  background-color: #FF0037;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 91, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a .shopable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 91, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a .shopable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 106, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li a h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 106, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 106, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li a h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 112, app/assets/stylesheets/_encyclopedia.scss */
body.encyclopedia .contents .container .primary .authors.list ul li:hover h3 {
  text-decoration: underline;
}

/* line 127, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents a:hover {
  text-decoration: underline;
}

/* line 133, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container h1 {
  color: #FF0037;
}

/* line 137, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container > .related {
  position: relative;
}

/* line 140, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container > .related img {
  width: 100%;
}

/* line 144, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container > .related:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 153, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container .headling .shoppable {
  border-radius: 16px;
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 14px;
  background-color: #FF0037;
  padding: 5px 12px 5px 26px;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 153, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 153, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 169, app/assets/stylesheets/_encyclopedia.scss */
body.author.single section.contents .container .headling .shoppable:hover {
  background-image: url(/assets/gui/shoppable-930514445e6a35768dbedc0718b319bec0efd9045d0f4b334e77aa1492839351.svg);
  background-color: #FFFFFF;
  color: #FF0037;
  text-decoration: none;
}

@media screen and (max-width: 1023px) {
  /* line 187, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .sidebar {
    padding: 10px 0 20px;
    margin-top: 0;
  }
  /* line 191, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .sidebar ul {
    margin: 0 0 25px 21.3333%;
  }
  /* line 197, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list {
    width: 58%;
    padding-bottom: 40px;
    margin: 0 auto;
  }
  /* line 203, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li {
    margin-bottom: 25px;
  }
  /* line 206, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li .features {
    border-radius: 0 0 12px 12px;
    width: calc(100% - 22px);
    padding: 5px 10px;
    margin-top: -1px;
    margin-left: 1px;
    margin-bottom: 8px;
  }
  /* line 215, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li .shopable {
    border-left: 1px solid #380038;
    border-bottom: 1px solid #380038;
    border-right: 1px solid #380038;
    border-radius: 0 0 12px 12px;
    padding: 5px 24px;
    margin-top: -1px;
    margin-bottom: 6px;
  }
  /* line 235, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container > .related {
    width: 57.3334%;
    max-width: 220px;
    margin: -20px auto 20px;
    display: block;
  }
  /* line 241, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container > .related:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -12px;
    left: -21px;
  }
  /* line 252, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling span {
    width: 100%;
    display: block;
  }
  /* line 257, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling .shoppable {
    margin: 10px auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 270, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container {
    display: flex;
    justify-content: space-between;
  }
  /* line 275, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list {
    margin-top: -25px;
    padding-bottom: 25px;
  }
  /* line 279, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 284, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li {
    width: 31.9946%;
    margin-bottom: 37.5px;
  }
  /* line 288, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li .related {
    position: relative;
  }
  /* line 293, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li .features {
    border-radius: 0 12px 0 0;
    padding: 5px 0 5px 12px;
    position: absolute;
    bottom: 1px;
    left: 1px;
    right: 12px;
  }
  /* line 302, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li .shopable {
    border-radius: 0 12px 0 0;
    width: 180px;
    padding: 5px 0 5px 24px;
    margin-top: -31px;
    margin-left: 1px;
    margin-bottom: 13px;
  }
  /* line 311, app/assets/stylesheets/_encyclopedia.scss */
  body.encyclopedia .contents .container .primary .authors.list ul li h3 {
    margin-top: 5px;
  }
  /* line 325, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container > .related {
    width: 34.8%;
    margin-top: -50px;
    float: left;
  }
  /* line 330, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container > .related:before {
    width: 91px;
    height: 90px;
    position: absolute;
    bottom: -20px;
    left: -32px;
  }
  /* line 340, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling h1 {
    margin-bottom: 6.25px;
  }
  /* line 344, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .headling .shoppable {
    margin-left: 12.5px;
  }
  /* line 349, app/assets/stylesheets/_encyclopedia.scss */
  body.author.single section.contents .container .related-content {
    clear: both;
  }
}

/* line 5, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary h3, body.library .contents .container .primary h4, body.library .contents .container .primary h4 a, body.library .contents .container .primary h5, body.library .contents .container .primary h5 span, body.library .contents .container .primary span, body.library .contents .container .primary a, body.library .contents .container .primary input {
  color: #FFFFFF;
}

/* line 9, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list {
  position: relative;
  z-index: 1;
}

/* line 16, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li .features span {
  background-repeat: no-repeat;
  background-position: left center;
  min-width: 25px;
  min-height: 25px;
  padding: 0 10px 0 20px;
  margin-bottom: 9px;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  align-self: flex-start;
}

@media screen and (max-width: 1023px) {
  /* line 16, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .features span {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .features span {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 28, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li .features span.in-episode {
  background-image: url(/assets/gui/in-episode-f1dab12e86b7c84e73374de38997a91aea58a555d4b22622b27ccfe15829cf6b.svg);
}

/* line 32, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li .features span.has-review {
  background-image: url(/assets/gui/has-review-e19cb9e15c536230c318840abda4083e08f7b1868d9378c39fdd1bcd98ec2ec1.svg);
}

/* line 36, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li .features span.shoppable {
  background-image: url(/assets/gui/shoppable-930514445e6a35768dbedc0718b319bec0efd9045d0f4b334e77aa1492839351.svg);
}

/* line 42, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  display: block;
  vertical-align: text-top;
}

/* line 48, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li h4, body.library .contents .container .primary .books.list ul li h5 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 48, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li h4, body.library .contents .container .primary .books.list ul li h5 {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 48, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li h4, body.library .contents .container .primary .books.list ul li h5 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 52, app/assets/stylesheets/_library.scss */
body.library .contents .container .primary .books.list ul li a:hover h3 {
  text-decoration: underline;
}

/* line 63, app/assets/stylesheets/_library.scss */
body.library .contents .container section.sidebar .notice h4 {
  border-bottom: solid 1px #FFFFFF;
  color: #FFFFFF;
  font-weight: 100;
}

/* line 77, app/assets/stylesheets/_library.scss */
body.book.single section.contents a:hover {
  text-decoration: underline;
}

/* line 84, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .headling h1 {
  color: #FF0037;
}

/* line 88, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .headling .shoppable {
  border-radius: 16px;
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 14px;
  background-color: #FF0037;
  padding: 5px 12px 5px 26px;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 88, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 88, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 104, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .headling .shoppable:hover {
  background-image: url(/assets/gui/shoppable-930514445e6a35768dbedc0718b319bec0efd9045d0f4b334e77aa1492839351.svg);
  background-color: #FFFFFF;
  color: #FF0037;
  text-decoration: none;
}

/* line 114, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container > .related {
  position: relative;
}

/* line 117, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container > .related:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 127, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper {
  position: relative;
}

/* line 130, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper:before, body.book.single section.contents .container .available-in .swiper:after {
  background-color: #380038;
  content: "";
  width: 24px;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 2;
}

/* line 143, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper:before {
  left: 0;
}

/* line 147, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper:after {
  right: 0;
}

/* line 152, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .swiper-slide img {
  width: 100%;
  display: block;
}

/* line 158, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-prev,
body.book.single section.contents .container .available-in .swiper .button-next {
  width: 24px;
  height: 34px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  cursor: pointer;
}

/* line 172, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-prev:after,
body.book.single section.contents .container .available-in .swiper .button-next:after {
  background-image: url(/assets/gui/prev-next-1eeb0683de1cd5e137441d38f7466821f78e4d38ee19aa4d1cf739a76cf6745e.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
}

/* line 183, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-prev.swiper-button-disabled,
body.book.single section.contents .container .available-in .swiper .button-next.swiper-button-disabled {
  display: none;
}

/* line 188, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-prev {
  left: 0;
}

/* line 191, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-prev:after {
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  /* IE 9 */
  transform: rotate(180deg);
  /* IE 10, Fx 16+, Op 12.1+ */
}

/* line 198, app/assets/stylesheets/_library.scss */
body.book.single section.contents .container .available-in .swiper .button-next {
  right: 0;
}

@media screen and (max-width: 1023px) {
  /* line 212, app/assets/stylesheets/_library.scss */
  body.library .contents .container .sidebar {
    padding: 10px 0 20px;
    margin-top: 0;
  }
  /* line 217, app/assets/stylesheets/_library.scss */
  body.library .contents .container .sidebar .notice h4 {
    width: 58%;
    padding: 0 10% 20px 10%;
    margin: 25px auto;
    font-size: 16px;
    line-height: 24px;
  }
  /* line 226, app/assets/stylesheets/_library.scss */
  body.library .contents .container .sidebar ul {
    margin: 0 0 25px 21.3333%;
  }
  /* line 232, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list {
    width: 58%;
    padding-bottom: 40px;
    margin: 0 auto;
  }
  /* line 238, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li {
    margin-bottom: 30px;
  }
  /* line 242, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related {
    width: 170px;
    position: relative;
  }
  /* line 246, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related img {
    width: auto;
    height: 170px;
  }
  /* line 250, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 258, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li h3 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  /* line 274, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related {
    margin: -20px auto 30px;
    display: block;
    position: relative;
  }
  /* line 280, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related img {
    width: auto;
    height: 170px;
    margin: 0 auto;
    display: block;
  }
  /* line 286, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related img.horizontal {
    width: 220px;
    height: auto;
  }
  /* line 295, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -21px;
    left: -21px;
  }
  /* line 306, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .headling .shoppable {
    margin: 10px auto;
  }
  /* line 311, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  /* line 315, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in h2, body.book.single section.contents .container .available-in h3 {
    max-width: 480px;
    margin: 0 auto 10px;
  }
  /* line 320, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in .swiper {
    width: calc(50% + 48px);
    max-width: 250px;
    padding: 0 32px;
    margin-top: 24px;
  }
  /* line 326, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in .swiper .button-prev,
body.book.single section.contents .container .available-in .swiper .button-next {
    width: 30px;
    height: 50px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 342, app/assets/stylesheets/_library.scss */
  body.library .contents .container {
    display: flex;
    justify-content: space-between;
  }
  /* line 346, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary {
    position: relative;
  }
  /* line 349, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list {
    margin-top: -25px;
    padding-bottom: 25px;
  }
  /* line 353, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 358, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li {
    width: 31.9946%;
    margin-bottom: 37.5px;
  }
  /* line 363, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related {
    width: 100%;
    height: 239px;
    position: relative;
  }
  /* line 368, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related img {
    width: auto;
    height: 100%;
  }
  /* line 372, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .related img.horizontal {
    width: calc(100% - 15px);
    height: auto;
    position: absolute;
    bottom: 0;
  }
  /* line 381, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .area .features {
    margin-top: 10px;
  }
  /* line 386, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li h3 {
    margin-top: 15px;
  }
  /* line 390, app/assets/stylesheets/_library.scss */
  body.library .contents .container .primary .books.list ul li .details {
    margin-top: 5px;
  }
  /* line 401, app/assets/stylesheets/_library.scss */
  body.library .contents section.sidebar .notice h4 {
    width: calc(100% - 42px);
    margin-top: -8px;
    padding-bottom: 20px;
    margin-bottom: 32px;
    font-size: 18px;
    line-height: 24px;
  }
  /* line 417, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related {
    width: 324px;
    margin-top: -50px;
    float: left;
    margin-left: calc(34.8% - 324px);
    position: relative;
  }
  /* line 424, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related img {
    width: auto;
    height: 324px;
  }
  /* line 428, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 434, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container > .related:before {
    width: 91px;
    height: 90px;
    position: absolute;
    bottom: -20px;
    left: -32px;
  }
  /* line 443, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .related-content {
    clear: both;
  }
  /* line 448, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .headling .shoppable {
    margin: 12.5px 0 6.25px 0;
  }
  /* line 453, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in {
    margin-top: 45px;
    width: 62%;
    float: right;
  }
  /* line 458, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in h2, body.book.single section.contents .container .available-in h3 {
    margin-bottom: 20px;
  }
  /* line 462, app/assets/stylesheets/_library.scss */
  body.book.single section.contents .container .available-in .swiper {
    width: 100%;
    padding: 0 24px;
    margin-left: -24px;
  }
}

/* line 2, app/assets/stylesheets/_editorial.scss */
body.editorial header .container img.deco {
  z-index: 0;
}

/* line 9, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary h3, body.editorial div.contents .container .primary h4, body.editorial div.contents .container .primary input {
  color: #FFFFFF;
}

/* line 14, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .featured h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 14, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 18, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .featured > span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 18, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured > span {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured > span {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 22, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .featured h3 {
  font-weight: 200;
  font-style: italic;
}

/* line 27, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .featured a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 27, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .featured a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 32, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .featured a:hover {
  text-decoration: underline;
}

/* line 39, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .category-description h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 39, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .category-description h4 {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .category-description h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 44, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .category-description .textbox p {
  max-width: 620px;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 44, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .category-description .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 44, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .category-description .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 48, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .category-description .textbox p:last-child {
  margin-bottom: 0;
}

/* line 59, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .editorial.list ul li a img {
  width: 100%;
  display: block;
}

/* line 64, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .editorial.list ul li a .shoppable {
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 6px 6px;
  background-size: 14px;
  background-color: #FF0037;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 64, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li a .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 64, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li a .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 79, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .editorial.list ul li a h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 79, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li a h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 79, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li a h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 85, app/assets/stylesheets/_editorial.scss */
body.editorial div.contents .container .primary .editorial.list ul li:hover h3 {
  text-decoration: underline;
}

/* line 99, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container h1 {
  color: #FF0037;
}

/* line 103, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container > .related {
  position: relative;
}

/* line 106, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container > .related img {
  width: 100%;
  display: block;
}

/* line 111, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container > .related:before {
  background-image: url(/assets/components/farther-left-ea22a2e3b84d772d4d9b873d11d0a3fca469b1c01b12382fa5b42b929a352175.svg);
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
}

/* line 120, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container .headling .shoppable {
  border-radius: 16px;
  background-image: url(/assets/gui/shoppable-alt-5e6813843463c2f5603c680f1c596a51d35e5da6b4247b621250176e62aa454f.svg);
  background-repeat: no-repeat;
  background-position: 8px 6px;
  background-size: 14px;
  background-color: #FF0037;
  padding: 5px 12px 5px 26px;
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 1023px) {
  /* line 120, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 120, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 136, app/assets/stylesheets/_editorial.scss */
body.editorial.single section.contents .container .headling .shoppable:hover {
  background-image: url(/assets/gui/shoppable-930514445e6a35768dbedc0718b319bec0efd9045d0f4b334e77aa1492839351.svg);
  background-color: #FFFFFF;
  color: #FF0037;
  text-decoration: none;
}

@media screen and (max-width: 1023px) {
  /* line 155, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary {
    margin-top: -40px;
  }
  /* line 162, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list {
    width: 58%;
    padding-bottom: 40px;
    margin: 0 auto;
  }
  /* line 168, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li {
    margin-bottom: 25px;
  }
  /* line 171, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li .shoppable {
    border-left: 1px solid #380038;
    border-bottom: 1px solid #380038;
    border-right: 1px solid #380038;
    border-radius: 0 0 12px 12px;
    padding: 5px 24px;
    margin-top: -1px;
    margin-bottom: 6px;
  }
  /* line 190, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container > .related {
    width: 57.3334%;
    max-width: 220px;
    margin: -20px auto 20px;
    display: block;
  }
  /* line 196, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container > .related:before {
    background-size: contain;
    width: 48px;
    height: 48px;
    position: absolute;
    bottom: -12px;
    left: -21px;
  }
  /* line 207, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling span {
    width: 100%;
    display: block;
  }
  /* line 212, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling .shoppable {
    margin: 10px auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 227, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary {
    width: 74.7%;
    margin: 0 auto;
  }
  /* line 231, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list {
    margin-top: -25px;
    padding-bottom: 25px;
    display: inline-block;
  }
  /* line 236, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /* line 241, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li {
    width: 31.9946%;
    margin-bottom: 37.5px;
  }
  /* line 245, app/assets/stylesheets/_editorial.scss */
  body.editorial div.contents .container .primary .editorial.list ul li .shoppable {
    border-radius: 0 12px 0 0;
    width: 180px;
    padding: 5px 0 5px 24px;
    margin-top: -31px;
    margin-left: 1px;
    margin-bottom: 13px;
  }
  /* line 263, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container > .related {
    width: 34.8%;
    margin-top: -50px;
    float: left;
  }
  /* line 268, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container > .related:before {
    width: 91px;
    height: 90px;
    position: absolute;
    bottom: -32px;
    left: -32px;
  }
  /* line 278, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling h1 {
    margin-bottom: 6.25px;
  }
  /* line 282, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .headling .shoppable {
    margin-left: 12.5px;
  }
  /* line 287, app/assets/stylesheets/_editorial.scss */
  body.editorial.single section.contents .container .related-content {
    clear: both;
  }
}

/* line 4, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 4, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 8, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 8, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 8, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 12, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry h4 a, body.blog ul li.blog.entry h4 span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 12, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h4 a, body.blog ul li.blog.entry h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 12, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h4 a, body.blog ul li.blog.entry h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 17, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry h4 a:hover {
  text-decoration: underline;
}

/* line 23, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox p {
  margin-bottom: 25px;
}

/* line 26, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox p:last-child {
  margin-bottom: 0;
}

/* line 31, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox div, body.blog ul li.blog.entry .textbox strong, body.blog ul li.blog.entry .textbox span, body.blog ul li.blog.entry .textbox a, body.blog ul li.blog.entry .textbox p, body.blog ul li.blog.entry .textbox div a {
  font-family: 'Libre Franklin', sans-serif !important;
  font-size: 14px !important;
  line-height: 25px !important;
  color: #380038 !important;
  -webkit-font-smoothing: auto !important;
  font-smoothing: auto !important;
}

/* line 41, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox div, body.blog ul li.blog.entry .textbox strong, body.blog ul li.blog.entry .textbox span, body.blog ul li.blog.entry .textbox p {
  font-weight: 300 !important;
}

/* line 45, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox a, body.blog ul li.blog.entry .textbox div a, body.blog ul li.blog.entry .textbox a:visited, body.blog ul li.blog.entry .textbox a:active, body.blog ul li.blog.entry .textbox a:focus {
  color: #FF0037 !important;
  font-weight: 300 !important;
}

/* line 49, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox a strong, body.blog ul li.blog.entry .textbox div a strong, body.blog ul li.blog.entry .textbox a:visited strong, body.blog ul li.blog.entry .textbox a:active strong, body.blog ul li.blog.entry .textbox a:focus strong {
  color: #FF0037 !important;
}

/* line 54, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox strong, body.blog ul li.blog.entry .textbox b {
  font-weight: 600 !important;
}

/* line 57, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry .textbox strong a, body.blog ul li.blog.entry .textbox b a {
  font-weight: 600 !important;
}

/* line 63, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry a {
  color: #380038;
}

/* line 66, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry a:hover {
  text-decoration: underline;
}

/* line 71, app/assets/stylesheets/_blog.scss */
body.blog ul li.blog.entry a:last-child {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 71, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry a:last-child {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry a:last-child {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 78, app/assets/stylesheets/_blog.scss */
body.blog div.contents {
  background-color: #FFFFFF;
}

/* line 83, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container section.sidebar h5 {
  color: #9B9B9B;
}

/* line 87, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container section.sidebar a {
  color: #380038;
}

/* line 95, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container section.sidebar ul li.current a, body.blog div.contents .container section.sidebar ul li:hover a {
  color: #FF0037;
}

/* line 106, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container .primary .searchbox.form-container .he-form input {
  color: #380038;
}

/* line 112, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container .primary div.navigation a, body.blog div.contents .container .primary div.navigation span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 112, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation a, body.blog div.contents .container .primary div.navigation span {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 112, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation a, body.blog div.contents .container .primary div.navigation span {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 116, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container .primary div.navigation span {
  color: #9B9B9B;
}

/* line 120, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container .primary div.navigation a {
  color: #FF0037;
}

/* line 123, app/assets/stylesheets/_blog.scss */
body.blog div.contents .container .primary div.navigation a.current, body.blog div.contents .container .primary div.navigation a:hover {
  text-decoration: underline;
}

/* line 134, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents {
  background-color: #FFFFFF;
}

/* line 137, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents h1, body.blog.single section.contents h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 137, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents h1, body.blog.single section.contents h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 137, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents h1, body.blog.single section.contents h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 141, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents h1 {
  color: #FF0037;
}

/* line 145, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 145, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents h4 {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 145, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents h4 {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 150, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents p {
  color: #380038;
}

/* line 154, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container {
  position: relative;
  z-index: 2;
}

/* line 159, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .related.main img {
  width: 100%;
}

/* line 164, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container h5, body.blog.single section.contents .container h5 a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #380038;
}

@media screen and (max-width: 1023px) {
  /* line 164, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container h5, body.blog.single section.contents .container h5 a {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 164, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container h5, body.blog.single section.contents .container h5 a {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 169, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .details span, body.blog.single section.contents .container .details a {
  color: #9B9B9B;
}

/* line 173, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container a:hover {
  text-decoration: underline;
}

/* line 179, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main .img-cont img {
  width: 100%;
}

/* line 183, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main .img-cont .footnote {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 183, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main .img-cont .footnote {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 183, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main .img-cont .footnote {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 188, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main .img-cont .footnote a {
  color: #9B9B9B;
  text-decoration: underline;
}

/* line 195, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 195, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main p {
    font-size: 14px;
    line-height: 25px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 195, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main p {
    font-size: 19px;
    line-height: 30px;
  }
}

/* line 198, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p a, body.blog.single section.contents .container .textbox.main p div a, body.blog.single section.contents .container .textbox.main p a:visited, body.blog.single section.contents .container .textbox.main p a:active, body.blog.single section.contents .container .textbox.main p a:focus {
  color: #FF0037 !important;
}

/* line 201, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p a strong, body.blog.single section.contents .container .textbox.main p div a strong, body.blog.single section.contents .container .textbox.main p a:visited strong, body.blog.single section.contents .container .textbox.main p a:active strong, body.blog.single section.contents .container .textbox.main p a:focus strong {
  color: #FF0037 !important;
}

/* line 206, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p strong, body.blog.single section.contents .container .textbox.main p b {
  font-weight: 600 !important;
}

/* line 209, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p strong a, body.blog.single section.contents .container .textbox.main p b a {
  font-weight: 600 !important;
}

/* line 214, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .textbox.main p a, body.blog.single section.contents .container .textbox.main p a:hover, body.blog.single section.contents .container .textbox.main p a:visited, body.blog.single section.contents .container .textbox.main p a:active, body.blog.single section.contents .container .textbox.main p a:focus {
  color: #380038;
  text-decoration: none;
}

/* line 221, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .hashtags {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 221, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .hashtags {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 221, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .hashtags {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 224, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .container .hashtags a {
  color: #380038;
}

/* line 230, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content {
  background-color: rgba(155, 155, 155, 0.1);
}

/* line 233, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container {
  position: relative;
}

/* line 237, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox h3, body.blog.single section.contents .related-content .container .textbox h4, body.blog.single section.contents .related-content .container .textbox span, body.blog.single section.contents .related-content .container .textbox a {
  color: #380038;
}

/* line 241, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox > a:not(.shoppable) {
  color: #FF0037;
}

/* line 245, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox > a:not(.shoppable) span {
  color: #FF0037;
}

/* line 250, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox > a:not(.shoppable):hover h3 {
  color: #380038;
  text-decoration: underline;
}

/* line 257, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox a.shoppable {
  color: #FFFFFF;
  text-decoration: none;
}

/* line 261, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .textbox a.shoppable:hover {
  color: #FF0037;
}

/* line 267, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .go-back {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  position: absolute;
}

@media screen and (max-width: 1023px) {
  /* line 267, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .container .go-back {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 267, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .container .go-back {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 272, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .go-back:after {
  background-image: url(/assets/components/back-to-blog-3639230436a451c806554d3d57ace7e94aa3ac4ce70e4ec42d153f61267bc617.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  content: "";
  display: block;
}

/* line 280, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .go-back:hover {
  color: #380038;
}

/* line 283, app/assets/stylesheets/_blog.scss */
body.blog.single section.contents .related-content .container .go-back:hover:after {
  background-image: url(/assets/components/back-to-blog-alt-3280517fb669d359beaebfa679b2233789cddbbfe6aa2d4fdc45991cdaf47a01.svg);
}

@media screen and (max-width: 1023px) {
  /* line 300, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container section.sidebar {
    width: 58%;
    padding: 10px 0;
    margin: 0 auto;
  }
  /* line 305, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container section.sidebar h5 {
    margin-left: 0;
    color: red;
  }
  /* line 309, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container section.sidebar h5:before {
    margin-left: 0;
  }
  /* line 314, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container section.sidebar ul {
    background-color: #FFFFFF;
    padding: 0 10%;
    margin: 0;
  }
  /* line 322, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.search-trigger {
    background-color: #FFFFFF;
    top: 10px;
  }
  /* line 327, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary .searchbox.form-container {
    padding-top: 0;
    margin-top: 30px;
  }
  /* line 332, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list {
    width: 58%;
    min-width: 220px;
    padding: 10px 0;
    margin: 0 0 0 21%;
  }
  /* line 339, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li {
    margin-bottom: 25px;
  }
  /* line 342, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li a img, body.blog div.contents .container .primary div.entries.list ul li img {
    max-width: 220px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 349, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li > div .textbox {
    margin-bottom: 6px;
  }
  /* line 352, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li > div .textbox div, body.blog div.contents .container .primary div.entries.list ul li > div .textbox strong, body.blog div.contents .container .primary div.entries.list ul li > div .textbox span, body.blog div.contents .container .primary div.entries.list ul li > div .textbox p, body.blog div.contents .container .primary div.entries.list ul li > div .textbox a {
    font-size: 13px !important;
  }
  /* line 361, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation {
    padding-bottom: 40px;
    overflow: hidden;
    text-align: center;
  }
  /* line 366, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation > a {
    margin-bottom: 10px;
    display: inline-block;
  }
  /* line 371, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation div.pagination {
    width: 300px;
    margin-bottom: 10px;
    display: inline-block;
  }
  /* line 382, app/assets/stylesheets/_blog.scss */
  body.blog footer .container {
    border-top: 0;
  }
  /* line 389, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container {
    margin-top: -25px;
    margin-bottom: 40px;
  }
  /* line 393, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .related.main {
    width: 57.3334%;
    max-width: 220px;
    margin: 0 auto 20px;
    display: block;
  }
  /* line 400, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main {
    max-width: 480px;
    padding: 0 0 25px 0;
    margin: 0 auto;
  }
  /* line 405, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main h1, body.blog.single section.contents > .container .textbox.main h4, body.blog.single section.contents > .container .textbox.main h5 {
    text-align: center;
  }
  /* line 409, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main h1 {
    margin-bottom: 10px;
  }
  /* line 413, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main h4 {
    margin-bottom: 20px;
  }
  /* line 417, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main p {
    margin-bottom: 15px;
  }
  /* line 420, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main p:last-child {
    margin-bottom: 0;
  }
  /* line 425, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main .img-cont {
    margin: 25px 0;
  }
  /* line 428, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .textbox.main .img-cont .footnote {
    max-width: 400px;
  }
  /* line 434, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents > .container .hashtags {
    max-width: 480px;
    padding-bottom: 20px;
    margin: 0 auto;
  }
  /* line 441, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content {
    padding-top: 40px;
    position: relative;
  }
  /* line 445, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .container {
    padding-bottom: 80px;
  }
  /* line 449, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .go-back {
    bottom: 25px;
    right: 48px;
  }
  /* line 453, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .go-back:after {
    background-size: contain;
    width: 100%;
    height: 40px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 469, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry {
    padding-bottom: 50px;
    overflow: hidden;
  }
  /* line 473, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry img {
    float: left;
  }
  /* line 477, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry h4 {
    margin-bottom: 6.25px;
  }
  /* line 481, app/assets/stylesheets/_blog.scss */
  body.blog ul li.blog.entry > div {
    float: right;
  }
  /* line 488, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container {
    padding-bottom: 75px;
    display: flex;
    justify-content: space-between;
  }
  /* line 493, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary {
    padding-top: 60px;
    width: 74.7%;
  }
  /* line 497, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary .search-trigger {
    top: 60px;
  }
  /* line 501, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list {
    padding-bottom: 25px;
  }
  /* line 506, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li a img, body.blog div.contents .container .primary div.entries.list ul li img {
    width: 17%;
  }
  /* line 510, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li > div {
    width: 79.6533%;
    margin-left: 3.3467%;
  }
  /* line 514, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.entries.list ul li > div div {
    max-width: 484px;
  }
  /* line 522, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation {
    overflow: hidden;
    text-align: center;
  }
  /* line 526, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation > a {
    display: inline-block;
  }
  /* line 528, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation > a:first-child {
    float: left;
  }
  /* line 532, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation > a:last-child {
    float: right;
  }
  /* line 537, app/assets/stylesheets/_blog.scss */
  body.blog div.contents .container .primary div.navigation div.pagination {
    width: 300px;
    display: inline-block;
  }
  /* line 547, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents {
    background-color: #FFFFFF;
  }
  /* line 550, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container {
    margin-top: -25px;
    overflow: hidden;
  }
  /* line 554, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .related.main {
    width: 34.8%;
    float: left;
  }
  /* line 559, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main {
    width: 62%;
    padding-top: 50px;
    margin-bottom: 75px;
    overflow: visible;
    float: right;
  }
  /* line 566, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main h1 {
    margin-bottom: 12.5px;
  }
  /* line 570, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main h4 {
    margin-bottom: 37.5px;
  }
  /* line 574, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main h5 {
    margin-bottom: 4px;
  }
  /* line 578, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main p {
    margin: 0 0 16px 0;
  }
  /* line 582, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main .img-cont {
    width: 105.1612%;
    margin-top: 37.5px;
    margin-bottom: 37.5px;
    margin-left: -5.1612%;
  }
  /* line 588, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .textbox.main .img-cont .footnote {
    width: 66.6666%;
    margin-left: 5.1612%;
  }
  /* line 595, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .container .hashtags {
    width: 34.8%;
    margin-top: 62.5px;
    float: left;
  }
  /* line 602, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content {
    padding-top: 75px;
    padding-bottom: 25px;
  }
  /* line 606, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .container {
    padding-bottom: 100px;
  }
  /* line 610, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .go-back {
    bottom: 0;
    right: 48px;
  }
  /* line 614, app/assets/stylesheets/_blog.scss */
  body.blog.single section.contents .related-content .go-back:after {
    width: 100%;
    height: 77px;
  }
}

/* line 4, app/assets/stylesheets/_about.scss */
body.about section.contents a:hover {
  text-decoration: underline;
}

/* line 10, app/assets/stylesheets/_about.scss */
body.about section.contents .container h1, body.about section.contents .container h2, body.about section.contents .container h3, body.about section.contents .container h4, body.about section.contents .container h5, body.about section.contents .container p, body.about section.contents .container span {
  color: #FFFFFF;
}

/* line 15, app/assets/stylesheets/_about.scss */
body.about section.contents .container .collaborators h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 22, app/assets/stylesheets/_about.scss */
body.about section.contents .container .collaborators ul li .bio h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  /* line 22, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio h3 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 27, app/assets/stylesheets/_about.scss */
body.about section.contents .container .collaborators ul li .bio p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 27, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio p {
    font-size: 14px;
    line-height: 25px;
  }
}

@media screen and (max-width: 1023px) {
  /* line 43, app/assets/stylesheets/_about.scss */
  body.about section.contents .container {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  /* line 47, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .textbox.main {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 54, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators {
    max-width: 480px;
    padding: 25px 0 0;
    margin: 0 auto;
  }
  /* line 59, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators h2 {
    margin-bottom: 25px;
  }
  /* line 64, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li {
    width: 80%;
    margin-bottom: 30px;
  }
  /* line 68, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li img {
    max-width: 180px;
  }
  /* line 73, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio h3 {
    margin-bottom: 15px;
  }
  /* line 78, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li:nth-child(even) {
    margin-left: 20%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/_about.scss */
  body.about section.contents .container {
    padding-top: 100px;
    padding-bottom: 75px;
  }
  /* line 97, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .textbox.main {
    width: 62%;
    margin-left: 25.3%;
  }
  /* line 102, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators {
    margin-top: 75px;
  }
  /* line 105, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators h2 {
    width: 62%;
    margin-bottom: 62.5px;
    margin-left: 25.3%;
  }
  /* line 112, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li {
    width: 74.7%;
    margin-bottom: 50px;
    overflow: hidden;
  }
  /* line 117, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li img {
    width: 29.9866%;
    float: left;
  }
  /* line 122, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio {
    width: 69.8795%;
    float: left;
  }
  /* line 126, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio h3 {
    padding-right: 4px;
    padding-left: calc(5.5555% + 7px);
    margin-bottom: 12.5px;
    margin-left: -8px;
  }
  /* line 133, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio p {
    margin-left: 5.5555%;
    margin-bottom: 15px;
  }
  /* line 137, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li .bio p:last-child {
    margin-bottom: 0;
  }
  /* line 143, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li:last-child {
    margin-bottom: 0;
  }
  /* line 149, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li:nth-child(odd) .bio p {
    max-width: 380px;
  }
  /* line 155, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li:nth-child(even) {
    margin-left: 25.3%;
  }
  /* line 159, app/assets/stylesheets/_about.scss */
  body.about section.contents .container .collaborators ul li:nth-child(even) .bio p {
    max-width: 494px;
  }
}

/* line 3, app/assets/stylesheets/_indexes.scss */
body.indexes .contents h2, body.indexes .contents li, body.indexes .contents a {
  color: #FFFFFF;
}

/* line 7, app/assets/stylesheets/_indexes.scss */
body.indexes .contents h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 7, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 7, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 11, app/assets/stylesheets/_indexes.scss */
body.indexes .contents h3 {
  color: #FF0037;
}

/* line 15, app/assets/stylesheets/_indexes.scss */
body.indexes .contents a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 19, app/assets/stylesheets/_indexes.scss */
body.indexes .contents a:hover {
  text-decoration: underline;
}

/* line 27, app/assets/stylesheets/_indexes.scss */
body.indexes .contents .container section.tags ul li {
  display: inline-block;
}

/* line 31, app/assets/stylesheets/_indexes.scss */
body.indexes .contents .container section.tags li {
  line-height: 20px;
}

/* line 41, app/assets/stylesheets/_indexes.scss */
body.indexes .contents .container section.archive ul {
  position: relative;
}

/* line 45, app/assets/stylesheets/_indexes.scss */
body.indexes .contents .container section.archive ul li.year-header {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  position: absolute;
  text-align: right;
}

@media screen and (max-width: 1023px) {
  /* line 45, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul li.year-header {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul li.year-header {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 60, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents h1, body.indexes.archive .contents h1 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 60, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h1, body.indexes.archive .contents h1 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h1, body.indexes.archive .contents h1 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 65, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents h2, body.indexes.archive .contents h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 65, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h2, body.indexes.archive .contents h2 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 65, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h2, body.indexes.archive .contents h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 69, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents h2 span, body.indexes.archive .contents h2 span {
  color: #FF0037;
}

/* line 76, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list h3, body.indexes.tag .contents .container .results.list span, body.indexes.archive .contents .container .results.list h3, body.indexes.archive .contents .container .results.list span {
  color: white;
}

/* line 81, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list p a, body.indexes.archive .contents .container .results.list p a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  color: #FF0037;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* line 81, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list p a, body.indexes.archive .contents .container .results.list p a {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 81, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list p a, body.indexes.archive .contents .container .results.list p a {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 88, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list .title, body.indexes.archive .contents .container .results.list .title {
  border-bottom: 1px solid #8C0096;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 88, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list .title, body.indexes.archive .contents .container .results.list .title {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 88, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list .title, body.indexes.archive .contents .container .results.list .title {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 96, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li h3, body.indexes.archive .contents .container .results.list ul li h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 96, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li h3, body.indexes.archive .contents .container .results.list ul li h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 96, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li h3, body.indexes.archive .contents .container .results.list ul li h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 100, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li span, body.indexes.archive .contents .container .results.list ul li span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 100, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li span, body.indexes.archive .contents .container .results.list ul li span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 100, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li span, body.indexes.archive .contents .container .results.list ul li span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 106, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li > a:first-child img, body.indexes.archive .contents .container .results.list ul li > a:first-child img {
  width: 100%;
}

/* line 110, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li > a:first-child .related, body.indexes.archive .contents .container .results.list ul li > a:first-child .related {
  margin-top: 0;
}

/* line 113, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li > a:first-child .related img, body.indexes.archive .contents .container .results.list ul li > a:first-child .related img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}

/* line 125, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li .textbox a:hover h3, body.indexes.archive .contents .container .results.list ul li .textbox a:hover h3 {
  text-decoration: underline;
}

/* line 131, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li .textbox > a, body.indexes.archive .contents .container .results.list ul li .textbox > a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 131, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li .textbox > a, body.indexes.archive .contents .container .results.list ul li .textbox > a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 131, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li .textbox > a, body.indexes.archive .contents .container .results.list ul li .textbox > a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 135, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li .textbox > a:hover, body.indexes.archive .contents .container .results.list ul li .textbox > a:hover {
  text-decoration: underline;
}

/* line 140, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li .textbox p, body.indexes.archive .contents .container .results.list ul li .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 300;
}

@media screen and (max-width: 1023px) {
  /* line 140, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li .textbox p, body.indexes.archive .contents .container .results.list ul li .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 140, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .results.list ul li .textbox p, body.indexes.archive .contents .container .results.list ul li .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 145, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li .textbox h4, body.indexes.archive .contents .container .results.list ul li .textbox h4 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 300;
}

/* line 153, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .results.list ul li.episode h4 span, body.indexes.archive .contents .container .results.list ul li.episode h4 span {
  font-size: 14px;
  margin-right: 2px;
}

/* line 163, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .sidebar .title, body.indexes.archive .contents .container .sidebar .title {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 800;
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 163, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .title, body.indexes.archive .contents .container .sidebar .title {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 163, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .title, body.indexes.archive .contents .container .sidebar .title {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 170, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .no-result-message, body.indexes.archive .contents .container .no-result-message {
  border-top: 1px solid #FF0037;
}

/* line 173, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .no-result-message h3, body.indexes.archive .contents .container .no-result-message h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 173, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .no-result-message h3, body.indexes.archive .contents .container .no-result-message h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 173, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .no-result-message h3, body.indexes.archive .contents .container .no-result-message h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 178, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .no-result-message p, body.indexes.archive .contents .container .no-result-message p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 178, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .no-result-message p, body.indexes.archive .contents .container .no-result-message p {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 178, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .no-result-message p, body.indexes.archive .contents .container .no-result-message p {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 191, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container h1 .period {
  display: inline-block;
  position: relative;
}

/* line 195, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container h1 .period:before {
  background-image: url(/assets/components/remove-9f10c6f25156599349a3245a2d3a5f8221e37ef8561345b6ec8adf8807f9124b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
  display: block;
  position: absolute;
}

/* line 208, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .tag-list {
  border-top: 1px solid #8C0096;
  line-height: 26px;
  color: #FFFFFF;
}

/* line 213, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .tag-list a, body.indexes.tag .contents .container .tag-list .tags {
  line-height: 26px;
}

/* line 217, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .tag-list.sidebar {
  border-top: none;
}

/* line 223, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .tag-cloud a, body.indexes.tag .contents .container .tag-cloud span {
  border: 1px solid #FF0037;
  background-image: url(/assets/gui/close-5c68c0eed897ac4af00655075f46db9c07af318f352082a1811da091dccb326e.svg);
  background-repeat: no-repeat;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  color: #FF0037;
  cursor: pointer;
}

@media screen and (max-width: 1023px) {
  /* line 223, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-cloud a, body.indexes.tag .contents .container .tag-cloud span {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 223, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-cloud a, body.indexes.tag .contents .container .tag-cloud span {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 232, app/assets/stylesheets/_indexes.scss */
body.indexes.tag .contents .container .tag-cloud a:hover, body.indexes.tag .contents .container .tag-cloud span:hover {
  background-image: url(/assets/gui/close-alt-728f2c1c83113b9ee55f72b48e7ed87068925c991673156a5f55d5d88b714040.svg);
  background-color: #FF0037;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 248, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container h1 .accent {
  display: inline-block;
  position: relative;
}

/* line 252, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container h1 .accent:before {
  background-image: url(/assets/components/add-accent-fcde14edb6fe5611f26087317759419768adfb86a74f89aa45d84efb7e6f69a4.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  content: "";
  display: block;
  position: absolute;
}

/* line 267, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container .archive-list .year .year-header {
  border-bottom: 1px solid #8C0096;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 267, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list .year .year-header {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 267, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list .year .year-header {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 274, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container .archive-list.sidebar .year {
  position: relative;
}

/* line 277, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container .archive-list.sidebar .year .year-header {
  border-bottom: none;
  position: absolute;
  text-align: right;
}

/* line 284, app/assets/stylesheets/_indexes.scss */
body.indexes.archive .contents .container .archive-list.sidebar .year li:hover a {
  color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
  /* line 300, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container {
    padding-bottom: 40px;
  }
  /* line 303, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section {
    max-width: 480px;
    padding: 25px 0 0;
    margin: 0 auto;
  }
  /* line 308, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section h2 {
    margin-bottom: 20px;
  }
  /* line 312, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section h3 {
    margin-bottom: 10px;
  }
  /* line 317, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.tags ul {
    margin-bottom: 20px;
  }
  /* line 323, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul {
    padding-left: 64px;
  }
  /* line 326, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul li.year-header {
    width: 50px;
    left: 0;
  }
  /* line 339, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h1, body.indexes.tag .contents h2, body.indexes.archive .contents h1, body.indexes.archive .contents h2 {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
  /* line 345, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h1, body.indexes.archive .contents h1 {
    padding-top: 20px;
    margin-bottom: 5px;
  }
  /* line 350, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h2, body.indexes.archive .contents h2 {
    margin-bottom: 5px;
  }
  /* line 355, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar, body.indexes.archive .contents .container .sidebar {
    padding-top: 10px;
  }
  /* line 358, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .title, body.indexes.archive .contents .container .sidebar .title {
    margin-left: 14%;
  }
  /* line 362, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar > div, body.indexes.archive .contents .container .sidebar > div {
    border-top: 1px solid #FF0037;
    margin: 0 0 10px 14%;
    padding-top: 6px;
    display: none;
  }
  /* line 369, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .years, body.indexes.archive .contents .container .sidebar .years {
    width: calc(100% - 80px);
    padding-left: 80px;
  }
  /* line 373, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .years .year, body.indexes.archive .contents .container .sidebar .years .year {
    border-top: 0;
    margin: 0;
    padding: 0;
    display: block;
  }
  /* line 379, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .years .year .year-header, body.indexes.archive .contents .container .sidebar .years .year .year-header {
    width: 65px;
    left: -80px;
  }
  /* line 384, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar .years .year li, body.indexes.archive .contents .container .sidebar .years .year li {
    padding: 0;
  }
  /* line 391, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary, body.indexes.archive .contents .container .primary {
    max-width: none;
  }
  /* line 394, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .title, body.indexes.archive .contents .container .primary .title {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  /* line 400, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list h5, body.indexes.archive .contents .container .primary .results.list h5 {
    padding: 4px 0;
    margin-bottom: 25px;
  }
  /* line 405, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul, body.indexes.archive .contents .container .primary .results.list ul {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 410, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li, body.indexes.archive .contents .container .primary .results.list ul li {
    margin-bottom: 40px;
  }
  /* line 413, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child {
    width: 160px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 418, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child img, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 422, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child .related, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child .related {
    width: 100%;
  }
  /* line 426, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child .related img, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child .related img {
    width: auto;
    height: 160px;
  }
  /* line 430, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child .related img.horizontal, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 438, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li h3, body.indexes.archive .contents .container .primary .results.list ul li h3 {
    margin-bottom: 6px;
  }
  /* line 444, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul:last-child li:last-child, body.indexes.archive .contents .container .primary .results.list ul:last-child li:last-child {
    margin-bottom: 0;
  }
  /* line 451, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message, body.indexes.archive .contents .container .primary .no-result-message {
    margin-top: 0;
    margin-bottom: 10px;
  }
  /* line 455, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message h3, body.indexes.tag .contents .container .primary .no-result-message p, body.indexes.archive .contents .container .primary .no-result-message h3, body.indexes.archive .contents .container .primary .no-result-message p {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
  /* line 461, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message h3, body.indexes.archive .contents .container .primary .no-result-message h3 {
    padding-top: 15px;
    margin-bottom: 8px;
  }
  /* line 466, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message p, body.indexes.archive .contents .container .primary .no-result-message p {
    text-align: left;
  }
  /* line 480, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container h1 .period:before {
    width: 20px;
    height: 18px;
    left: -6px;
    bottom: 1px;
  }
  /* line 490, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-cloud {
    max-width: 480px;
    margin: 15px auto 0 auto;
  }
  /* line 494, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-cloud a, body.indexes.tag .contents .container .tag-cloud span {
    border-radius: 12px;
    background-position: right 8px center;
    background-size: 12px;
    padding: 3px 30px 5px 6px;
    margin-right: 12.5px;
    margin-bottom: 16px;
    display: inline-block;
  }
  /* line 505, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-list.sidebar {
    margin-top: 0;
  }
  /* line 517, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container h1 .accent:before {
    width: 18px;
    height: 16px;
    top: -6px;
    left: 2px;
  }
  /* line 527, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 532, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list ul {
    width: 46%;
    margin-bottom: 35px;
  }
  /* line 536, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list ul .year-header {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 552, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
  }
  /* line 558, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section h2 {
    margin-bottom: 12.5px;
  }
  /* line 562, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section h3 {
    margin-bottom: 6.25px;
  }
  /* line 566, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.tags {
    width: 49.2%;
    float: left;
  }
  /* line 570, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.tags ul {
    margin-bottom: 25px;
  }
  /* line 575, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive {
    width: 36.6%;
    float: right;
  }
  /* line 579, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul {
    min-height: 60px;
  }
  /* line 582, app/assets/stylesheets/_indexes.scss */
  body.indexes .contents .container section.archive ul li.year-header {
    width: 30.6010%;
    left: -34.6993%;
  }
  /* line 595, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h1, body.indexes.archive .contents h1 {
    margin-bottom: 10px;
  }
  /* line 599, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents h2, body.indexes.archive .contents h2 {
    margin-bottom: 15px;
  }
  /* line 603, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container, body.indexes.archive .contents .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 608, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container h1, body.indexes.tag .contents .container h2, body.indexes.tag .contents .container .tag-cloud, body.indexes.archive .contents .container h1, body.indexes.archive .contents .container h2, body.indexes.archive .contents .container .tag-cloud {
    width: 100%;
  }
  /* line 612, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .sidebar, body.indexes.archive .contents .container .sidebar {
    width: 36.5%;
    padding-top: 6.25px;
    margin-top: 30px;
    order: 99;
  }
  /* line 619, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary, body.indexes.archive .contents .container .primary {
    width: 62%;
  }
  /* line 622, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .title, body.indexes.archive .contents .container .primary .title {
    padding-bottom: 6.25px;
    margin-bottom: 37.5px;
  }
  /* line 627, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list, body.indexes.archive .contents .container .primary .results.list {
    margin-top: 35px;
  }
  /* line 631, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li, body.indexes.archive .contents .container .primary .results.list ul li {
    padding-left: 127px;
    padding-right: 12.5px;
    margin-bottom: 45px;
    position: relative;
    overflow: hidden;
  }
  /* line 638, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child {
    width: 112px;
    position: absolute;
    left: 0px;
    top: 0;
  }
  /* line 644, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li > a:first-child .related, body.indexes.archive .contents .container .primary .results.list ul li > a:first-child .related {
    width: 112px;
    height: 112px;
    margin-top: 0;
  }
  /* line 651, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li h3, body.indexes.archive .contents .container .primary .results.list ul li h3 {
    margin-bottom: 6.25px;
  }
  /* line 656, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .results.list ul li.episode h4 span, body.indexes.archive .contents .container .primary .results.list ul li.episode h4 span {
    margin-right: 4px;
  }
  /* line 664, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message, body.indexes.archive .contents .container .primary .no-result-message {
    margin-top: 52px;
  }
  /* line 667, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message h3, body.indexes.archive .contents .container .primary .no-result-message h3 {
    max-width: 500px;
    margin-top: 25px;
    margin-left: 25px;
    line-height: 36px;
  }
  /* line 674, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .primary .no-result-message p, body.indexes.archive .contents .container .primary .no-result-message p {
    margin-left: 25px;
  }
  /* line 688, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container h1 .period:before {
    width: 30px;
    height: 30px;
    left: -6px;
    bottom: 3px;
  }
  /* line 699, app/assets/stylesheets/_indexes.scss */
  body.indexes.tag .contents .container .tag-cloud a, body.indexes.tag .contents .container .tag-cloud span {
    border-radius: 12px;
    background-position: right 8px center;
    background-size: 12px;
    padding: 3px 30px 5px 6px;
    margin-right: 12.5px;
  }
  /* line 716, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container h1 .accent:before {
    width: 34px;
    height: 30px;
    top: -9px;
    left: 4px;
  }
  /* line 726, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list {
    width: 100%;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 733, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list > .year {
    width: 18.4%;
    margin-bottom: 50px;
  }
  /* line 737, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list > .year .year-header {
    margin-bottom: 6.25px;
  }
  /* line 743, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar {
    width: 36.5%;
    padding-top: 0;
    display: block;
  }
  /* line 748, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar .title {
    margin-left: 34.2466%;
    margin-bottom: 15px;
  }
  /* line 753, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar .years {
    width: calc(100% - 34.2466%);
    padding-left: 34.2466%;
  }
  /* line 757, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar .years .year {
    margin: 0;
  }
  /* line 760, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar .years .year .year-header {
    width: 40.4166%;
    left: -46.6666%;
  }
  /* line 765, app/assets/stylesheets/_indexes.scss */
  body.indexes.archive .contents .container .archive-list.sidebar .years .year li {
    padding: 0;
  }
}

/* line 5, app/assets/stylesheets/_archive-tags.scss */
body.tag section.contents .container h1, body.tag section.contents .container h2, body.tag section.contents .container h3, body.tag section.contents .container h4, body.tag section.contents .container h5, body.tag section.contents .container p,
body.archive section.contents .container h1,
body.archive section.contents .container h2,
body.archive section.contents .container h3,
body.archive section.contents .container h4,
body.archive section.contents .container h5,
body.archive section.contents .container p {
  color: #FFFFFF;
}

/* line 9, app/assets/stylesheets/_archive-tags.scss */
body.tag section.contents .container .title-main,
body.archive section.contents .container .title-main {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 9, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container .title-main,
body.archive section.contents .container .title-main {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 9, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container .title-main,
body.archive section.contents .container .title-main {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 12, app/assets/stylesheets/_archive-tags.scss */
body.tag section.contents .container .title-main span,
body.archive section.contents .container .title-main span {
  color: #FF0037;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* line 26, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container,
body.archive section.contents .container {
    padding-top: 30px;
    padding-bottom: 25px;
    position: relative;
  }
  /* line 31, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container .title-main,
body.archive section.contents .container .title-main {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container,
body.archive section.contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
  }
  /* line 51, app/assets/stylesheets/_archive-tags.scss */
  body.tag section.contents .container .title-main,
body.archive section.contents .container .title-main {
    margin-right: 12.6%;
    margin-left: 25.3%;
  }
  /* line 59, app/assets/stylesheets/_archive-tags.scss */
  body.tag.results .results.list,
body.archive.results .results.list {
    padding-top: 50px;
  }
}

/* line 4, app/assets/stylesheets/_search.scss */
body.search section.contents .container h1, body.search section.contents .container h2, body.search section.contents .container h3, body.search section.contents .container h4, body.search section.contents .container h5, body.search section.contents .container p {
  color: #FFFFFF;
}

/* line 11, app/assets/stylesheets/_search.scss */
body.search.no-result h2 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 11, app/assets/stylesheets/_search.scss */
  body.search.no-result h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/_search.scss */
  body.search.no-result h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 15, app/assets/stylesheets/_search.scss */
body.search.no-result p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 15, app/assets/stylesheets/_search.scss */
  body.search.no-result p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/_search.scss */
  body.search.no-result p {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 18, app/assets/stylesheets/_search.scss */
body.search.no-result p a {
  color: #FF0037;
}

/* line 21, app/assets/stylesheets/_search.scss */
body.search.no-result p a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* line 33, app/assets/stylesheets/_search.scss */
  body.search section.contents .container {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
  }
  /* line 38, app/assets/stylesheets/_search.scss */
  body.search section.contents .container img.deco {
    width: 70%;
    max-width: 380px;
    position: absolute;
    top: 40px;
    left: 10%;
  }
  /* line 49, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message {
    width: 57.3334%;
    min-width: 240px;
    margin: 40px auto 0;
  }
  /* line 54, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* line 59, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message p {
    font-size: 15px;
    max-width: 494px;
  }
  /* line 68, app/assets/stylesheets/_search.scss */
  body.search.results section.contents .container {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/_search.scss */
  body.search section.contents .container {
    padding-top: 237.5px;
    padding-bottom: 125px;
    position: relative;
  }
  /* line 85, app/assets/stylesheets/_search.scss */
  body.search section.contents .container img.deco {
    width: 986px;
    position: absolute;
    top: 75px;
    left: 0;
  }
  /* line 95, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message {
    width: 74.7%;
    margin-left: 25.3%;
  }
  /* line 99, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message h2 {
    margin-bottom: 30px;
  }
  /* line 103, app/assets/stylesheets/_search.scss */
  body.search.no-result .no-result-message p {
    max-width: 494px;
  }
  /* line 111, app/assets/stylesheets/_search.scss */
  body.search.results section.contents .container {
    padding-bottom: 25px;
  }
  /* line 116, app/assets/stylesheets/_search.scss */
  body.search.results .results.list {
    padding-top: 50px;
  }
}

/* line 4, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container h2 {
  color: #FFFFFF;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 4, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 4, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 13, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 13, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h3 {
    font-size: 16px;
    line-height: 28px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

/* line 17, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li h4 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 17, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 21, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li h4 a, body.press div.contents .container .primary div.entries.list ul li h4 span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 300;
  color: #9B9B9B;
}

@media screen and (max-width: 1023px) {
  /* line 21, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h4 a, body.press div.contents .container .primary div.entries.list ul li h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h4 a, body.press div.contents .container .primary div.entries.list ul li h4 span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 26, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li h4 a:hover {
  text-decoration: underline;
}

/* line 32, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div h3, body.press div.contents .container .primary div.entries.list ul li > div h4, body.press div.contents .container .primary div.entries.list ul li > div h4.span, body.press div.contents .container .primary div.entries.list ul li > div p {
  color: #FFFFFF;
}

/* line 36, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div h4 .source-site {
  text-decoration: underline;
}

/* line 41, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div .textbox p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1023px) {
  /* line 41, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div .textbox p {
    font-size: 13px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 41, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 44, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div .textbox p:last-child {
  margin-bottom: 0;
}

/* line 50, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div a {
  color: #FF0037;
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 50, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div a {
    font-size: 12px;
    line-height: 20px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 50, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 54, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.entries.list ul li > div a:hover {
  text-decoration: underline;
}

/* line 64, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.navigation a, body.press div.contents .container .primary div.navigation span {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 800;
}

@media screen and (max-width: 1023px) {
  /* line 64, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation a, body.press div.contents .container .primary div.navigation span {
    font-size: 15px;
    line-height: 26px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 64, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation a, body.press div.contents .container .primary div.navigation span {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 68, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.navigation span {
  color: #9B9B9B;
}

/* line 72, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.navigation a {
  color: #FF0037;
}

/* line 75, app/assets/stylesheets/_prensa.scss */
body.press div.contents .container .primary div.navigation a.current, body.press div.contents .container .primary div.navigation a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  /* line 91, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container h2 {
    width: 58%;
    padding: 30px 0 20px 0;
    margin: 0 0 0 21%;
  }
  /* line 98, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list {
    width: 58%;
    min-width: 220px;
    padding: 10px 0;
    margin: 0 0 0 21%;
  }
  /* line 105, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li {
    margin-bottom: 25px;
  }
  /* line 108, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li a img, body.press div.contents .container .primary div.entries.list ul li img {
    max-width: 220px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 115, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div .textbox {
    margin-bottom: 6px;
  }
  /* line 118, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div .textbox div, body.press div.contents .container .primary div.entries.list ul li > div .textbox strong, body.press div.contents .container .primary div.entries.list ul li > div .textbox span, body.press div.contents .container .primary div.entries.list ul li > div .textbox p, body.press div.contents .container .primary div.entries.list ul li > div .textbox a {
    font-size: 13px !important;
  }
  /* line 127, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation {
    padding-bottom: 40px;
    overflow: hidden;
    text-align: center;
  }
  /* line 132, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation > a {
    margin-bottom: 10px;
    display: inline-block;
  }
  /* line 137, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation div.pagination {
    width: 300px;
    margin-bottom: 10px;
    display: inline-block;
  }
}

@media screen and (min-width: 1024px) {
  /* line 153, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container {
    overflow: auto;
  }
  /* line 156, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container h2 {
    padding-top: 50px;
  }
  /* line 160, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary {
    padding-top: 60px;
    padding-bottom: 60px;
    width: 74.7%;
    float: right;
  }
  /* line 166, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list {
    padding-bottom: 25px;
  }
  /* line 170, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li {
    margin-bottom: 50px;
    overflow: auto;
  }
  /* line 174, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li a img, body.press div.contents .container .primary div.entries.list ul li img {
    width: 17%;
  }
  /* line 178, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li h4 {
    margin-bottom: 6.25px;
  }
  /* line 182, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div {
    width: 79.6533%;
    margin-left: 3.3467%;
    float: right;
  }
  /* line 187, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li > div div {
    max-width: 484px;
  }
  /* line 192, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.entries.list ul li:last-child {
    margin-bottom: 0;
  }
  /* line 199, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation {
    padding-top: 50px;
    overflow: hidden;
    text-align: center;
    clear: both;
  }
  /* line 205, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation > a {
    display: inline-block;
  }
  /* line 207, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation > a:first-child {
    float: left;
  }
  /* line 211, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation > a:last-child {
    float: right;
  }
  /* line 216, app/assets/stylesheets/_prensa.scss */
  body.press div.contents .container .primary div.navigation div.pagination {
    width: 300px;
    display: inline-block;
  }
}

/* line 5, app/assets/stylesheets/_contact.scss */
body.contact section.contents .container h1, body.contact section.contents .container h2, body.contact section.contents .container h3, body.contact section.contents .container h4, body.contact section.contents .container h5, body.contact section.contents .container p,
body.suscribe section.contents .container h1,
body.suscribe section.contents .container h2,
body.suscribe section.contents .container h3,
body.suscribe section.contents .container h4,
body.suscribe section.contents .container h5,
body.suscribe section.contents .container p {
  color: #FFFFFF;
}

/* line 13, app/assets/stylesheets/_contact.scss */
body.contact section.contents .container .he-form.error .response-output p, body.contact section.contents .container .he-form.success .response-output p,
body.suscribe section.contents .container .he-form.error .response-output p,
body.suscribe section.contents .container .he-form.success .response-output p {
  font-weight: 600;
}

/* line 21, app/assets/stylesheets/_contact.scss */
body.contact section.contents .container .he-form.error .response-output p, body.contact section.contents .container .he-form.error .response-output span, body.contact section.contents .container .he-form.error .response-output a,
body.suscribe section.contents .container .he-form.error .response-output p,
body.suscribe section.contents .container .he-form.error .response-output span,
body.suscribe section.contents .container .he-form.error .response-output a {
  color: #FFFFFF;
}

/* line 29, app/assets/stylesheets/_contact.scss */
body.contact section.contents .container .he-form.success .response-output p, body.contact section.contents .container .he-form.success .response-output span, body.contact section.contents .container .he-form.success .response-output a,
body.suscribe section.contents .container .he-form.success .response-output p,
body.suscribe section.contents .container .he-form.success .response-output span,
body.suscribe section.contents .container .he-form.success .response-output a {
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 44, app/assets/stylesheets/_contact.scss */
  body.contact section.contents .container,
body.suscribe section.contents .container {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative;
  }
  /* line 49, app/assets/stylesheets/_contact.scss */
  body.contact section.contents .container img.deco,
body.suscribe section.contents .container img.deco {
    width: 70%;
    max-width: 320px;
    position: absolute;
    top: 40px;
    left: 10%;
  }
}

@media screen and (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/_contact.scss */
  body.contact section.contents .container,
body.suscribe section.contents .container {
    padding-top: 237.5px;
    padding-bottom: 75px;
    position: relative;
  }
  /* line 71, app/assets/stylesheets/_contact.scss */
  body.contact section.contents .container img.deco,
body.suscribe section.contents .container img.deco {
    width: 720px;
    position: absolute;
    top: 75px;
    left: 0;
  }
  /* line 81, app/assets/stylesheets/_contact.scss */
  body.contact section.contents .container .he-form.error .response-output, body.contact section.contents .container .he-form.success .response-output,
body.suscribe section.contents .container .he-form.error .response-output,
body.suscribe section.contents .container .he-form.success .response-output {
    float: left;
  }
  /* line 92, app/assets/stylesheets/_contact.scss */
  body.suscribe section.contents .container {
    padding-top: 200px;
  }
}

/* line 3, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice {
  background: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
}

/* line 17, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box {
  height: 100%;
  margin: 0 auto;
  overflow: scroll;
}

/* line 23, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content {
  width: 100%;
  height: 100%;
  position: relative;
}

/* line 29, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content #closeTrigger {
  background-color: #FFFFFF;
  cursor: pointer;
  position: absolute;
}

/* line 35, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content #closeTrigger img {
  display: block;
}

/* line 40, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box {
  background-color: #380038;
}

/* line 43, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box img.simbolo {
  height: auto;
  position: absolute;
}

/* line 49, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box .script {
  font-family: 'Vampiro One';
  font-style: normal;
}

/* line 54, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box h2 {
  color: #FF0037;
}

@media screen and (max-width: 1023px) {
  /* line 54, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box h2 {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 54, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

/* line 67, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box p {
  color: #FFFFFF;
}

/* line 70, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box p a, #holidayNotice .cont-box .content .box p a:visited {
  color: #FF0037;
}

/* line 73, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box p a:hover, #holidayNotice .cont-box .content .box p a:visited:hover {
  text-decoration: underline;
}

/* line 78, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box p strong {
  color: #FF0037;
}

/* line 84, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box .message img {
  display: block;
}

/* line 88, app/assets/stylesheets/_holiday-notice.scss */
#holidayNotice .cont-box .content .box .message .striped-cont {
  background-image: url(/assets/components/rule-big-c4aef43b3734a7938f7fc47389594a9fc56bdefe625bc227dc53c28a2c605e05.svg);
  background-repeat: repeat;
  margin-top: 20px;
}

@media screen and (max-width: 1023px) {
  /* line 93, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message .striped-cont p {
    font-size: 19px;
    line-height: 30px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 93, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message .striped-cont p {
    font-size: 24px;
    line-height: 30px;
  }
}

@media screen and (max-width: 1023px) {
  /* line 114, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content {
    width: 100%;
    min-height: 720px;
  }
  /* line 118, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box {
    width: 82%;
    max-width: 350px;
    margin: auto;
    position: absolute;
    top: 50px;
    right: 0;
    left: 0;
  }
  /* line 128, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box #closeTrigger {
    width: 28px;
    height: 28px;
    top: -28px;
    right: 0;
  }
  /* line 135, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box #closeTrigger img {
    width: 20px;
    margin: 4px auto;
  }
  /* line 141, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box img.simbolo {
    width: 12.3076%;
    top: 30px;
    right: 9.2307%;
  }
  /* line 148, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .intro {
    margin: 10.0769% 7.6923% 0;
  }
  /* line 151, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .intro h2 {
    width: 80%;
    max-width: 208px;
    margin-bottom: 10px;
  }
  /* line 158, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message {
    margin: 0 7.6923%;
  }
  /* line 161, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message img {
    width: 152px;
    margin: 0 auto;
  }
  /* line 167, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message .striped-cont p {
    padding: 0 8px;
    margin-bottom: 21px;
  }
  /* line 171, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message .striped-cont p br {
    display: none;
  }
  /* line 177, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message > p {
    margin-bottom: 30px;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  /* line 192, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content {
    width: 950px;
    min-height: 560px;
    margin: 0 auto;
  }
  /* line 197, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box {
    width: 900px;
    height: 500px;
    margin: auto;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
  }
  /* line 208, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box:before {
    background-color: #8C0096;
    content: "";
    width: 1px;
    height: 300px;
    margin: auto;
    display: block;
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
  }
  /* line 223, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box #closeTrigger {
    width: 30px;
    height: 30px;
    top: -30px;
    right: -30px;
  }
  /* line 230, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box #closeTrigger img {
    width: 22px;
    margin: 4px auto;
  }
  /* line 236, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box img.simbolo {
    width: 75px;
    top: 50px;
    right: 50px;
  }
  /* line 243, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .intro {
    width: 38.8888%;
    margin: 5.5555% 5.5555% 0 5.5555%;
  }
  /* line 247, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .intro h2 {
    margin-bottom: 25px;
  }
  /* line 252, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message {
    width: 36.1111%;
    margin: 0 8.3333% 0 5.5555%;
  }
  /* line 256, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message img {
    margin-top: 24.6153%;
    margin-left: -15px;
  }
  /* line 262, app/assets/stylesheets/_holiday-notice.scss */
  #holidayNotice .cont-box .content .box .message .striped-cont p {
    padding: 0 8px;
    margin-bottom: 21px;
  }
}