/*!
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 623, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search, body header .container nav.secondary > nav a.shop, body header .container nav.secondary > nav a.audiobook {
  border-radius: 100px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 20px;
  padding: 4px 34px 4px 14px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

/* line 638, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search:before, body header .container nav.secondary > nav a.shop:before, body header .container nav.secondary > nav a.audiobook:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  margin: auto;
  right: 14px;
  top: 0;
}

/* line 648, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search:hover, body header .container nav.secondary > nav a.search:focus, body header .container nav.secondary > nav a.shop:hover, body header .container nav.secondary > nav a.shop:focus, body header .container nav.secondary > nav a.audiobook:hover, body header .container nav.secondary > nav a.audiobook:focus {
  text-decoration: none;
}

/* line 654, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search {
  border: 1px solid #9B9B9B;
  color: #9B9B9B;
}

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

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

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

/* line 675, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop, body header .container nav.secondary > nav a.audiobook {
  background-color: #00FFD7;
  color: #380038;
}

/* line 680, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop:hover, body header .container nav.secondary > nav a.shop:focus, body header .container nav.secondary > nav a.audiobook:hover, body header .container nav.secondary > nav a.audiobook:focus {
  color: #380038;
  opacity: .85;
}

/* line 688, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop:before {
  background-image: url(/assets/gui/shop-bff844a8f71e2b9a7b109bd0f6b754c3bce66dc8a696d8c98c9b501cb748a503.svg);
  height: 18px;
  width: 17px;
}

/* line 696, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.audiobook:before {
  background-image: url(/assets/gui/audiobook-1e1282fea7314969fc98ccb34b65f6a8c6700bea5a147e861b5975e2df01a889.svg);
  height: 17px;
  width: 16px;
}

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

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

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

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

/* line 722, 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 730, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.main a {
  color: #FFFFFF;
}

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

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

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

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

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

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

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

/* line 764, 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 770, app/assets/stylesheets/hablemos.scss */
body header.alt .container nav.secondary a.search {
  border-color: #9B9B9B;
  color: #9B9B9B;
}

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

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

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

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

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

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

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

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

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

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

/* line 833, 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 840, 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 849, app/assets/stylesheets/hablemos.scss */
body section.sidebar h5, body section.sidebar a {
  color: #FFFFFF;
}

/* line 853, 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 853, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    font-size: 12px;
    line-height: 20px;
  }
}

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

/* line 859, 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 859, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li a {
    font-size: 15px;
    line-height: 26px;
  }
}

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

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

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

/* line 873, 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 886, app/assets/stylesheets/hablemos.scss */
body section.sidebar ul.aphabet.current:before {
  display: none;
}

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

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

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

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

/* line 911, 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 911, 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 911, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container h1, body .searchbox.form-container h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

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

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

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

/* line 932, 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 942, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  text-align: center;
}

/* line 950, 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 960, app/assets/stylesheets/hablemos.scss */
body #signPop div.inner #linkBox {
  margin: 0 auto;
  text-align: center;
  display: inline-block;
  position: relative;
}

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

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

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

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

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

/* line 996, 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 996, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    font-size: 10px;
    line-height: 20px;
  }
}

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

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

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

/* line 1011, 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 1011, app/assets/stylesheets/hablemos.scss */
  body footer nav a {
    font-size: 12px;
    line-height: 20px;
  }
}

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

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

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

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

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

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

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

/* line 1048, 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 1048, 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 1048, app/assets/stylesheets/hablemos.scss */
  body .he-form input,
body .he-form textarea {
    font-size: 17px;
    line-height: 30px;
  }
}

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

/* line 1063, 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 1063, 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 1063, 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 1070, 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 1070, app/assets/stylesheets/hablemos.scss */
  body .he-form span.alert {
    font-size: 10px;
    line-height: 20px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1157, 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 1166, app/assets/stylesheets/hablemos.scss */
body.encyclopedia .primary, body.library .primary, body.editorial .primary {
  position: relative;
}

/* line 1169, 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 1173, 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 1188, 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 1193, 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 1202, app/assets/stylesheets/hablemos.scss */
body.library {
  position: relative;
}

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

/* line 1209, 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 1225, 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 1237, app/assets/stylesheets/hablemos.scss */
body.blog header {
  position: relative;
}

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

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

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

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

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

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

/* line 1275, 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 1282, 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 1282, app/assets/stylesheets/hablemos.scss */
  body.single .related-content h3 {
    font-size: 15px;
    line-height: 26px;
  }
}

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

/* line 1287, 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 1287, app/assets/stylesheets/hablemos.scss */
  body.single .related-content .details {
    font-size: 10px;
    line-height: 20px;
  }
}

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

/* line 1290, 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 1290, 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 1290, 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 1296, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul {
  position: relative;
}

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

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

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

/* line 1320, 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 1332, 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 1332, 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 1332, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1337, 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 1337, 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 1337, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

/* line 1341, 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 1344, 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 1349, 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 1354, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox p:last-child {
  margin-bottom: 0;
}

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

/* line 1362, 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 1367, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul .textbox a span {
  color: #FF0037;
}

/* line 1372, 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 1372, 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 1372, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox > a {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1377, 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 1377, 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 1377, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul .textbox .shoppable {
    font-size: 12px;
    line-height: 20px;
  }
}

/* line 1393, 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 1404, app/assets/stylesheets/hablemos.scss */
body.single .related-content ul.entries:after {
  background-image: url(/assets/components/related-entries-fe9837d9c07c6c314b2b54655050e6989897d1d4050905811a0c8b54476a5a42.svg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1531, 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 1537, 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 1543, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.episodes:after {
  background-image: url(/assets/components/related-episodes-en-721022fdb84a6e77eac4257157ca049267299a56be848ad7a95b363b84947e00.svg);
}

/* line 1549, 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 1555, 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 1561, 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 1567, 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 1573, 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 1579, 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 1585, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.issues:after {
  background-image: url(/assets/components/related-issues-en-89006e8ed7cb87bb841dc8905f0fa7c6f022c1b7e66253ffc7c689dbf03fbecc.svg);
}

/* line 1600, 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 1604, 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 1609, 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 1609, 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 1609, 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 1612, 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 1615, 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 1625, 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 1625, 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 1625, 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 1630, 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 1635, 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 1635, 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 1635, 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 1641, 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 1644, 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 1648, 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 1655, 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 1659, 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 1666, 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 1666, 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 1666, 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 1672, 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 1679, 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 1679, 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 1679, 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 1682, 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 1685, 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 1693, 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 1703, 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 1703, 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 1703, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    font-size: 16px;
    line-height: 26px;
  }
}

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

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

/* line 1717, 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 1730, 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 1730, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    font-size: 14px;
    line-height: 24px;
  }
}

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

/* line 1737, 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 1737, 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 1737, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li span {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 1742, 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 1742, 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 1742, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    font-size: 24px;
    line-height: 30px;
  }
}

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

/* line 1755, 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 1755, 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 1755, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

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

/* line 1767, 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 1767, 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 1767, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li a {
    font-size: 12px;
    line-height: 20px;
  }
}

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

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

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

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

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

/* line 1811, 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 1826, 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 1843, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 600px;
  }
  /* line 1850, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 1853, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2, body .primary .no-result-message p {
    text-align: center;
  }
  /* line 1857, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* line 1862, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 15px;
    max-width: 494px;
  }
  /* line 1870, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 1874, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 1878, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 1882, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 1885, 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 1896, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 20px auto 15px auto;
  }
  /* line 1901, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 72px;
  }
  /* line 1904, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 72px;
  }
  /* line 1907, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 1914, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    margin: 0 4px;
  }
  /* line 1917, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a:last-child, body .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1924, app/assets/stylesheets/hablemos.scss */
  body header .container {
    padding-top: 25px;
    min-height: 50px;
    position: relative;
  }
  /* line 1929, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 156px;
    margin-left: 21.3333%;
    position: relative;
  }
  /* line 1934, app/assets/stylesheets/hablemos.scss */
  body header .container > a.brand-space:before {
    content: "";
    display: block;
    position: absolute;
  }
  /* line 1941, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    text-align: right;
    margin-left: 0;
    position: absolute;
    top: 80px;
    right: 10px;
  }
  /* line 1949, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 1954, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to span {
    display: block;
  }
  /* line 1959, app/assets/stylesheets/hablemos.scss */
  body header .container button {
    border-bottom: 0;
  }
  /* line 1963, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1;
  }
  /* line 1970, 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 1979, 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 1993, app/assets/stylesheets/hablemos.scss */
  body header .container .menu #mobile-close {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  /* line 1999, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav {
    padding: 20px 0;
    margin: 0 20px;
  }
  /* line 2003, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav nav {
    margin: 0;
  }
  /* line 2007, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
  }
  /* line 2013, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main {
    padding-top: 30px;
  }
  /* line 2016, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a {
    width: calc(100% - 32px);
    color: #FF0037;
    display: block;
  }
  /* line 2021, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a span {
    display: none;
  }
  /* line 2027, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary {
    border-top: 1px solid #FFFFFF;
  }
  /* line 2030, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector {
    padding-right: 30px;
    color: #FFFFFF;
    float: right;
  }
  /* line 2036, 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 2041, 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 2046, 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 2053, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    clear: left;
  }
  /* line 2060, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop {
    padding-right: 30px;
  }
  /* line 2063, 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 2069, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.audiobook {
    padding-right: 30px;
  }
  /* line 2072, 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 2078, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search {
    border: none;
    padding-right: 28px;
    font-weight: 800;
    color: #FFFFFF;
  }
  /* line 2084, 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 2094, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate {
    padding-right: 20px;
  }
  /* line 2097, 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 2104, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary > nav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
  }
  /* line 2110, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary > nav a {
    clear: none;
    float: none;
    margin-bottom: 0;
  }
  /* line 2115, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary > nav a.search, body header .container .menu nav.secondary > nav a.shop, body header .container .menu nav.secondary > nav a.audiobook {
    padding: 4px 34px 4px 14px;
  }
  /* line 2125, app/assets/stylesheets/hablemos.scss */
  body header .container .menu.open {
    left: 0%;
    right: 0%;
  }
  /* line 2131, 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 2140, 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 2148, 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 2152, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover {
    text-decoration: underline;
  }
  /* line 2163, 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 2177, 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 2182, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-direction: column;
  }
  /* line 2186, 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 2190, 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 2198, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    margin-top: -60px;
  }
  /* line 2201, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    padding: 10px 0;
    margin-left: 21.3333%;
    color: red;
    cursor: pointer;
    font-size: 14px;
  }
  /* line 2209, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5:before {
    content: "+ ";
    margin-left: -10px;
  }
  /* line 2215, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    display: none;
  }
  /* line 2219, 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 2226, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    margin: 5px 0;
  }
  /* line 2231, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    background-size: contain;
    width: 24px;
    height: 22px;
    left: -26px;
    top: 3px;
  }
  /* line 2241, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    padding: 0;
    overflow: hidden;
    display: none;
  }
  /* line 2246, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 25%;
    float: left;
    text-align: center;
  }
  /* line 2251, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
    display: inline-block;
  }
  /* line 2258, 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 2270, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms {
    padding-top: 10px !important;
  }
  /* line 2273, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 20px auto 18px auto;
    display: block;
  }
  /* line 2286, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 2291, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 20px;
    top: 5px;
    left: -28px;
  }
  /* line 2299, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: 94%;
    max-width: 600px;
    height: 100%;
  }
  /* line 2304, 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 2312, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    width: 100%;
    top: 56px;
  }
  /* line 2316, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: 100%;
  }
  /* line 2323, app/assets/stylesheets/hablemos.scss */
  body section.banner {
    margin-bottom: 30px;
  }
  /* line 2326, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 600px;
  }
  /* line 2332, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    border-top: 1px solid #FF0037;
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: auto;
  }
  /* line 2338, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 2342, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin: 8px 10px;
  }
  /* line 2347, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    margin-bottom: 16px;
    text-align: center;
  }
  /* line 2351, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin: 0 6px;
  }
  /* line 2356, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    display: block;
    text-align: center;
  }
  /* line 2363, app/assets/stylesheets/hablemos.scss */
  body .he-form {
    margin-bottom: 40px;
  }
  /* line 2366, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 10px;
  }
  /* line 2369, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    margin: 0;
    padding: 10px 0;
  }
  /* line 2375, app/assets/stylesheets/hablemos.scss */
  body .he-form button {
    width: 50%;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
  }
  /* line 2382, app/assets/stylesheets/hablemos.scss */
  body .he-form .buttons {
    margin-top: 10px;
  }
  /* line 2386, app/assets/stylesheets/hablemos.scss */
  body .he-form .he-button {
    margin-left: 10px;
  }
  /* line 2390, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 10px;
    padding: 5px;
  }
  /* line 2398, 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 2418, app/assets/stylesheets/hablemos.scss */
  body.home header .container h1 {
    margin-bottom: 10px;
  }
  /* line 2422, app/assets/stylesheets/hablemos.scss */
  body.home header .container .main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2430, app/assets/stylesheets/hablemos.scss */
  body.podcast header {
    overflow: hidden;
  }
  /* line 2435, 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 2446, 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 2462, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container a.switch-to {
    top: 150px;
  }
  /* line 2466, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2476, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container a.switch-to {
    top: 80px;
  }
  /* line 2488, 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 2492, 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 2500, 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 2508, 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 2515, 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 2519, 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 2527, 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 2541, 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 2546, 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 2557, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2561, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container a.switch-to {
    top: 150px;
  }
  /* line 2565, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2569, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container img.deco {
    width: auto;
    height: 164px;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  /* line 2577, 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 2587, 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 2599, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 2605, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2613, app/assets/stylesheets/hablemos.scss */
  body.library header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2617, 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 2632, app/assets/stylesheets/hablemos.scss */
  body.library header .container a.switch-to {
    top: 150px;
  }
  /* line 2636, 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 2647, 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 2657, 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 2670, 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 2682, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 21.3333%;
  }
  /* line 2685, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 40px;
    left: -4px;
  }
  /* line 2693, app/assets/stylesheets/hablemos.scss */
  body.library header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2701, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button {
    width: calc(50% - 10px);
  }
  /* line 2704, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:first-of-type {
    float: left;
  }
  /* line 2708, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:last-child {
    float: right;
  }
  /* line 2716, 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 2718, 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 2738, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2742, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container a.switch-to {
    top: 150px;
  }
  /* line 2746, 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 2758, app/assets/stylesheets/hablemos.scss */
  body.editorial .primary .search-trigger {
    top: 50px;
    right: 0;
    left: auto;
  }
  /* line 2765, app/assets/stylesheets/hablemos.scss */
  body.editorial .searchbox.form-container {
    padding-top: 40px;
  }
  /* line 2785, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2790, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a:before {
    width: 42px;
    height: 12px;
    left: -48px;
    bottom: 14px;
  }
  /* line 2798, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2807, app/assets/stylesheets/hablemos.scss */
  body.blog header .container {
    padding-bottom: 20px;
  }
  /* line 2810, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    display: none;
  }
  /* line 2814, app/assets/stylesheets/hablemos.scss */
  body.blog header .container img.deco {
    width: auto;
    height: 140px;
    bottom: -10px;
    left: -9px;
    z-index: 2;
  }
  /* line 2822, app/assets/stylesheets/hablemos.scss */
  body.blog header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2831, app/assets/stylesheets/hablemos.scss */
  body.about header {
    min-height: 100px;
  }
  /* line 2834, 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 2844, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    position: relative;
    width: 140px;
    margin-left: 21.3333%;
    display: block;
  }
  /* line 2852, app/assets/stylesheets/hablemos.scss */
  body.about header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 2861, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 40px;
  }
  /* line 2864, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 30px 0 40px 0;
  }
  /* line 2867, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: calc(100% - 180px);
    top: 30px;
    right: 0;
  }
  /* line 2873, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    background-size: contain;
    width: 180px;
    height: 225px;
    top: 0;
    left: -10px;
  }
  /* line 2881, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 35px;
    overflow: hidden;
  }
  /* line 2885, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 160px;
    margin-left: 70px;
    margin-bottom: 10px;
  }
  /* line 2891, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 160px;
    z-index: 1;
  }
  /* line 2895, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 160px;
  }
  /* line 2899, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 2906, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    max-width: 500px;
    margin-right: 10px;
    margin-left: 70px;
  }
  /* line 2911, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 2915, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  /* line 2920, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin: 0 auto 20px auto;
  }
  /* line 2924, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 420px;
  }
  /* line 2929, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 2937, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 2942, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 15px;
  }
  /* line 2952, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    max-width: 480px;
    margin: 0 auto;
    display: block;
  }
  /* line 2958, 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 2970, 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 2973, 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 2983, 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 2988, 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 2991, 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 2996, 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 3002, 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 3006, 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 3016, 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 3024, 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 3032, 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 3036, 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 3046, 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 3057, app/assets/stylesheets/hablemos.scss */
  body.single.editorial header .container a.switch-to {
    top: 80px;
  }
  /* line 3065, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 157px;
  }
  /* line 3073, 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 3083, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 3087, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space, body.suscribe header .container > a.brand-space {
    position: relative;
  }
  /* line 3090, 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 3102, 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 3109, 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 3114, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 10px;
  }
  /* line 3118, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    margin: 0;
    overflow: hidden;
  }
  /* line 3122, 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 3127, 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 3134, 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 3144, app/assets/stylesheets/hablemos.scss */
  body.press header .container {
    padding-bottom: 20px;
  }
  /* line 3148, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a:before {
    width: 40px;
    height: 12px;
    left: -46px;
    bottom: 13px;
  }
  /* line 3156, app/assets/stylesheets/hablemos.scss */
  body.press header .container a.switch-to {
    top: 120px;
  }
  /* line 3160, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 3164, app/assets/stylesheets/hablemos.scss */
  body.press header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 3173, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin-bottom: 0;
  }
  /* line 3176, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    margin-bottom: 0;
  }
  /* line 3183, app/assets/stylesheets/hablemos.scss */
  body.results .results.list {
    margin-top: 60px;
    margin-bottom: 35px;
  }
  /* line 3187, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    padding: 4px 0;
    margin-bottom: 25px;
  }
  /* line 3192, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 3197, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li {
    margin-bottom: 37.5px;
  }
  /* line 3200, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 160px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 3205, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 3209, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 100%;
  }
  /* line 3213, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 160px;
  }
  /* line 3217, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 3225, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6px;
  }
  /* line 3229, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li:last-child {
    margin-bottom: 0;
  }
  /* line 3240, app/assets/stylesheets/hablemos.scss */
  body.donate header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 3248, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  /* line 3252, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h1 {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 3259, 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 3267, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 20px;
  }
  /* line 3272, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    width: 90%;
    padding: 5px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 3288, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /* line 3294, app/assets/stylesheets/hablemos.scss */
  body .primary .list {
    min-height: 400px;
  }
  /* line 3298, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 3301, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
  }
  /* line 3305, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    max-width: 494px;
  }
  /* line 3312, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 3316, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 3320, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 3324, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 3327, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    width: 60px;
    height: 86px;
    position: absolute;
    left: -68px;
    top: -66px;
  }
  /* line 3336, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 25px auto;
  }
  /* line 3341, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 46px;
  }
  /* line 3344, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 46px;
  }
  /* line 3347, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 3353, app/assets/stylesheets/hablemos.scss */
  body .lang-selector {
    font-size: 15px;
    color: #380038;
  }
  /* line 3357, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    font-size: 15px;
  }
  /* line 3363, app/assets/stylesheets/hablemos.scss */
  body header .container {
    min-height: 368px;
    padding-top: 58px;
    padding-bottom: 25px;
  }
  /* line 3368, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 262px;
    margin-left: 82px;
    float: left;
  }
  /* line 3374, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    margin: 34px 158px 0 0;
    float: right;
    clear: both;
  }
  /* line 3380, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 21px;
    line-height: 24px;
  }
  /* line 3386, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle,
body header .container #mobile-close {
    display: none;
  }
  /* line 3391, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    width: 36.6%;
    padding-top: 22px;
    margin-left: 7.4275%;
    float: left;
    clear: left;
  }
  /* line 3400, app/assets/stylesheets/hablemos.scss */
  body header .container nav {
    width: 660px;
    display: flex;
    justify-content: flex-end;
  }
  /* line 3405, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main {
    position: absolute;
    margin: auto;
    top: 336px;
    right: 48px;
    left: 48px;
    overflow: hidden;
  }
  /* line 3413, 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 3421, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 12px;
    line-height: 22px;
  }
  /* line 3426, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:first-child {
    margin-left: 7.4275%;
  }
  /* line 3430, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3436, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary {
    max-width: 520px;
    padding-top: 37.5px;
    position: absolute;
    top: 48px;
    right: 48px;
  }
  /* line 3443, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary .lang-selector {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 3448, 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 3453, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a {
    padding: 2px 0;
    margin-left: 20px;
    float: left;
  }
  /* line 3458, 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 3468, 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 3480, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.donate {
    padding-right: 18px;
    font-size: 15px;
    line-height: 17px;
  }
  /* line 3487, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav {
    position: absolute;
    top: 1px;
    right: 0;
    width: auto;
    gap: 7px;
  }
  /* line 3494, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a {
    margin-left: 0;
    font-size: 15px;
  }
  /* line 3499, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.shop, body header .container nav.secondary nav > a.audiobook {
    margin-right: 0;
    text-align: right;
    line-height: 20px;
  }
  /* line 3505, 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 3510, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.search {
    border-radius: 100px;
    margin-left: 0;
    line-height: 20px;
  }
  /* line 3521, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm,
body header .container > .lang-selector {
    display: none;
  }
  /* line 3531, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    margin-bottom: 31.25px;
  }
  /* line 3534, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-wrap: wrap;
  }
  /* line 3538, 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 3543, 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 3551, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    width: 23.9%;
    padding-top: 60px;
  }
  /* line 3555, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    margin-bottom: 34px;
  }
  /* line 3559, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    margin-top: 18.75px;
    margin-bottom: 31.25px;
  }
  /* line 3563, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    padding: 6px 0;
  }
  /* line 3567, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    width: 48px;
    height: 32px;
    left: -58px;
    top: 6px;
  }
  /* line 3576, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 3580, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 22%;
    padding: 6px 0;
    margin-right: 4%;
  }
  /* line 3585, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
  }
  /* line 3590, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 3595, 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 3608, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 28px 0 25px 0;
  }
  /* line 3614, app/assets/stylesheets/hablemos.scss */
  body section.primary {
    width: 74.7%;
  }
  /* line 3619, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 34px;
    left: -52px;
  }
  /* line 3626, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: auto;
    max-width: 670px;
    height: 100%;
  }
  /* line 3631, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    width: 50px;
    height: 50px;
    top: calc(10% - 50px);
    right: -50px;
  }
  /* line 3638, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    height: 80%;
    max-height: 670px;
    top: 10%;
  }
  /* line 3643, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: auto;
    height: 100%;
  }
  /* line 3652, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 1200px;
  }
  /* line 3658, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    padding: 50px;
    overflow: auto;
  }
  /* line 3662, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    float: left;
  }
  /* line 3665, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin-right: 12px;
  }
  /* line 3670, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    float: right;
    clear: right;
  }
  /* line 3674, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin-left: 10px;
  }
  /* line 3678, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a:first-child {
    margin-left: 0;
  }
  /* line 3684, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    margin-top: 4px;
    float: left;
    clear: left;
  }
  /* line 3693, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 12.5px;
  }
  /* line 3696, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    padding: 6.25px 0;
  }
  /* line 3701, 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 3705, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 25px;
    padding: 12.5px;
  }
  /* line 3713, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    min-height: 137px;
  }
  /* line 3717, 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 3731, app/assets/stylesheets/hablemos.scss */
  body.home header .container > a {
    z-index: 2;
  }
  /* line 3742, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main {
    display: none;
  }
  /* line 3745, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a {
    width: calc(94.5656% / 5);
    margin-right: 1.3586%;
  }
  /* line 3749, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 3753, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3764, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container {
    min-height: 315px;
    padding-bottom: 50px;
    overflow: visible;
  }
  /* line 3769, 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 3783, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3790, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a {
    position: relative;
  }
  /* line 3793, 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 3806, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container nav.main {
    top: 285px;
  }
  /* line 3816, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3834, 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 3844, 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 3855, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 3866, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container, body.library header .container, body.editorial header .container {
    position: relative;
  }
  /* line 3869, 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 3877, 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 3884, 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 3888, 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 3891, 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 3896, 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 3909, app/assets/stylesheets/hablemos.scss */
  body.library header .container img.deco {
    bottom: -2px;
  }
  /* line 3914, 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 3930, 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 3940, 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 3952, 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 3964, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3970, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 44px;
    left: -6px;
  }
  /* line 3981, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container h4 {
    margin-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3986, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3989, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button.search-clear {
    margin-top: -56px;
  }
  /* line 3999, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container h4, body.editorial .searchbox.form-container h4 {
    padding-top: 56px;
    margin-bottom: 16px;
  }
  /* line 4004, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form, body.editorial .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 4010, app/assets/stylesheets/hablemos.scss */
  body.editorial {
    /* &.single {
				header .container {
					>a {
						&:before {
							background: image_url(/components/editorial.svg);
						}
					}
				}
			} */
  }
  /* line 4012, 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 4032, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container img.deco {
    top: 63px;
    z-index: 2;
  }
  /* line 4037, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 4059, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    overflow: visible;
  }
  /* line 4062, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a {
    position: relative;
  }
  /* line 4065, 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 4082, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    margin: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 4091, app/assets/stylesheets/hablemos.scss */
  body.blog header img.deco {
    width: 133px;
    height: auto;
    left: -38px;
    top: 52px;
    z-index: 0;
  }
  /* line 4101, app/assets/stylesheets/hablemos.scss */
  body.blog .primary .search-trigger {
    width: 34px;
    top: 50px;
    left: -52px;
  }
  /* line 4108, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container {
    width: 82.9986%;
    display: none;
  }
  /* line 4112, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container h4 {
    margin-bottom: 16px;
  }
  /* line 4116, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form {
    margin-bottom: 50px;
    overflow: hidden;
  }
  /* line 4120, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4125, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4135, 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 4145, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    width: auto;
    height: 380px;
    bottom: 0;
    left: -102px;
  }
  /* line 4155, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 75px;
  }
  /* line 4158, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 50px 0 62.5px 0;
  }
  /* line 4161, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: 62%;
    top: 50px;
    right: 0;
  }
  /* line 4167, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    width: 320px;
    height: 225px;
    top: 0;
    left: 0;
  }
  /* line 4174, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 37.5px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  /* line 4179, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 180px;
    margin-left: 12.6%;
    float: left;
  }
  /* line 4185, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4190, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 100%;
  }
  /* line 4194, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4201, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    width: 62%;
    float: right;
  }
  /* line 4205, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 4209, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-bottom: 25px;
  }
  /* line 4213, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin-bottom: 0;
    margin-left: 12.5px;
  }
  /* line 4218, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox p {
    max-width: 640px;
  }
  /* line 4222, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 494px;
  }
  /* line 4227, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 4235, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 4240, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 25px;
  }
  /* line 4249, 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 4256, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    width: 100%;
    display: inline-block;
  }
  /* line 4260, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a * {
    vertical-align: middle;
  }
  /* line 4265, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link p {
    max-width: none;
    display: inline-block;
  }
  /* line 4271, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link img, body.single .contents .container .ext-link svg {
    display: inline-block;
  }
  /* line 4282, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container, body.single.book header .container, body.single.editorial header .container {
    padding-bottom: 50px;
  }
  /* line 4294, 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 4298, 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 4301, 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 4306, 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 4309, 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 4313, 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 4322, 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 4330, 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 4333, 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 4339, 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 4345, 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 4356, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container {
    min-height: 368px;
  }
  /* line 4359, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container nav.main {
    top: 336px;
  }
  /* line 4373, 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 4377, 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 4387, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 264px;
  }
  /* line 4395, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 0;
    overflow: visible;
  }
  /* line 4399, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a, body.suscribe header .container > a {
    position: relative;
  }
  /* line 4402, 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 4417, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container, body.suscribe .form-container {
    width: 62%;
    margin: 56px 0 50px 25.3%;
  }
  /* line 4421, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 25px;
  }
  /* line 4425, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    overflow: hidden;
  }
  /* line 4428, 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 4434, 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 4439, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form .response-output, body.suscribe .form-container form .response-output {
    clear: both;
  }
  /* line 4449, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    display: none;
  }
  /* line 4453, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a {
    position: relative;
  }
  /* line 4456, 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 4471, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin: 56px 0 50px 0;
    width: 62%;
    margin-left: 25.3%;
  }
  /* line 4476, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container h1 {
    margin-bottom: 16px;
  }
  /* line 4480, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    overflow: hidden;
  }
  /* line 4483, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4488, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4498, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    width: 87.4%;
    padding: 4px 0;
    margin-bottom: 43.75px;
  }
  /* line 4505, 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 4514, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0;
  }
  /* line 4520, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 4524, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4529, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 100%;
  }
  /* line 4533, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4538, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.vertical {
    position: absolute;
    right: 0;
  }
  /* line 4546, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6.25px;
  }
  /* line 4551, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li.episode h4 span {
    margin-right: 4px;
  }
  /* line 4562, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 4566, 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 4574, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2 {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  /* line 4579, 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 4587, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 50px;
  }
  /* line 4592, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    padding: 20px;
  }
}

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

/* line 4609, 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 .hablemos-products {
  border: solid 2px #FF0037;
  position: relative;
}

/* line 292, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products h2 {
  color: #FF0037;
  font-weight: 800;
}

/* line 297, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products h3 {
  color: #380038;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
}

/* line 304, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products p {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #380038;
  font-weight: 400;
}

/* line 310, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products a {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  color: #FF0037;
  font-weight: 800;
}

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

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

/* line 315, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products a:hover, body.home .contents .hablemos-products a:focus {
  text-decoration: underline;
}

/* line 321, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products img {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

/* line 328, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products__items {
  display: flex;
}

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

/* line 336, app/assets/stylesheets/_home.scss */
body.home .contents .hablemos-products__media {
  display: block;
}

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

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

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

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

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

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

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

/* line 384, 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 388, app/assets/stylesheets/_home.scss */
body.home .contents .library a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

/* line 443, 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 443, 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 443, 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 449, 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 459, 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 465, 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 472, app/assets/stylesheets/_home.scss */
body.home .contents .blog h2 {
  position: relative;
  z-index: 2;
}

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

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

/* line 486, 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 486, 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 486, app/assets/stylesheets/_home.scss */
  body.home .contents .blog div.blog-entry h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 490, 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 490, 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 490, 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 495, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry h4 a:hover {
  text-decoration: underline;
}

/* line 502, 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 509, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox p {
  margin-bottom: 25px;
}

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

/* line 517, 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 528, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry .textbox strong {
  font-weight: 600 !important;
}

/* line 533, 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 538, app/assets/stylesheets/_home.scss */
body.home .contents .blog div.blog-entry a h3 {
  color: #380038;
}

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

/* line 546, 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 552, app/assets/stylesheets/_home.scss */
body.home .contents .blog > a {
  color: #FF0037;
}

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

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

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

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

/* line 574, 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 574, 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 574, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews div.latest-review h4 {
    font-size: 10px;
    line-height: 20px;
  }
}

/* line 578, 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 578, 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 578, 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 583, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review h4 a:hover {
  text-decoration: underline;
}

/* line 591, 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 596, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review > div > a:last-child {
  color: #FF0037;
}

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

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

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

/* line 614, 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 625, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review .textbox strong {
  font-weight: 600 !important;
}

/* line 630, 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 634, app/assets/stylesheets/_home.scss */
body.home .contents .reviews div.latest-review a h3 {
  color: #380038;
}

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

/* line 642, 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 649, app/assets/stylesheets/_home.scss */
body.home .contents .other-links {
  border-top: solid 2px #FF0037;
}

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

/* line 658, 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 658, 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 658, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul li a {
    font-size: 14px;
    line-height: 25px;
  }
}

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

/* line 666, 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 675, app/assets/stylesheets/_home.scss */
body.home .contents .collaborators {
  border-top: solid 2px #FF0037;
}

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

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

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

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

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

/* line 713, 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 720, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming h3, body.home .podcasts-showcase .upcoming h4 {
  color: #00FFD7;
}

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

/* line 728, 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 728, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming h4 {
    font-size: 13px;
    line-height: 24px;
  }
}

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

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

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

/* line 741, 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 752, app/assets/stylesheets/_home.scss */
body.home .podcasts-showcase .upcoming .related img {
  width: 100%;
  display: block;
}

/* line 760, 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 760, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .cta-btn {
    font-size: 15px;
    line-height: 26px;
  }
}

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

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

@media screen and (max-width: 1023px) {
  /* line 783, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 18px;
  }
  /* line 787, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 20px;
  }
  /* line 794, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast {
    position: relative;
    z-index: 1;
  }
  /* line 798, 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 812, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 140px;
    margin: 0 auto;
  }
  /* line 817, 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 826, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div h2, body.home .contents .latest-podcast .related div h4 {
    display: none;
  }
  /* line 830, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    max-height: 140px;
    max-width: 140px;
  }
  /* line 837, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    width: 95%;
    max-width: 460px;
    margin: 25px auto 0;
    text-align: center;
  }
  /* line 844, 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 852, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    max-width: 620px;
    margin-bottom: 5px;
  }
  /* line 857, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 15px;
  }
  /* line 861, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 360px;
  }
  /* line 866, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    border-top: solid 1px #380038;
  }
  /* line 869, 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 874, 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 880, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: calc(90% - 64px);
    margin: 30px auto 0;
    padding: 12px 32px;
  }
  /* line 887, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 892, app/assets/stylesheets/_home.scss */
  body.home .contents .block h2 {
    font-size: 22px;
    line-height: 28px;
  }
  /* line 898, 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 915, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div {
    padding: 25px 0;
  }
  /* line 918, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div img {
    width: 236px;
    height: auto;
    margin-left: 12px;
    display: block;
  }
  /* line 926, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    margin-top: 20px;
    margin-bottom: 0;
  }
  /* line 932, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books a.cta-btn {
    margin-bottom: 15px;
  }
  /* line 937, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook {
    width: 90%;
    max-width: 400px;
    padding: 20px 20px 0;
    position: relative;
    overflow: auto;
  }
  /* line 944, 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 957, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a h2 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
  /* line 963, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a span {
    display: block;
  }
  /* line 967, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a img {
    width: 65%;
    max-width: 180px;
    margin-top: 20px;
    float: right;
  }
  /* line 976, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products {
    width: 90%;
    max-width: 400px;
    padding: 24px 20px 28px;
  }
  /* line 981, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products h2 {
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 44px;
  }
  /* line 988, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__items {
    flex-direction: column;
    gap: 30px;
  }
  /* line 993, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
  }
  /* line 999, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__copy {
    width: calc(100% - 112px);
  }
  /* line 1002, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__copy h3,
body.home .contents .hablemos-products__copy p {
    margin-bottom: 10px;
  }
  /* line 1008, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__media {
    width: 92px;
    flex-shrink: 0;
  }
  /* line 1013, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 1019, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 80%;
    margin: 20px auto;
  }
  /* line 1025, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    width: 80%;
    max-width: 300px;
    padding: 20px;
  }
  /* line 1030, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 10px;
  }
  /* line 1034, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia p {
    margin-bottom: 20px;
  }
  /* line 1038, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    width: 100%;
  }
  /* line 1041, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 80%;
    margin-bottom: 20px;
  }
  /* line 1045, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(odd) {
    margin-right: -40px;
    margin-left: calc(20% + 40px);
  }
  /* line 1050, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(even) {
    margin-left: -40px;
  }
  /* line 1054, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1061, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    border: solid 2px #FF0037;
    max-width: 400px;
    padding: 20px;
  }
  /* line 1066, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-bottom: 10px;
  }
  /* line 1070, app/assets/stylesheets/_home.scss */
  body.home .contents .library p {
    margin-bottom: 20px;
  }
  /* line 1075, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    margin-bottom: 20px;
  }
  /* line 1079, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img {
    top: 0;
  }
  /* line 1082, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img.horizontal {
    width: 100%;
  }
  /* line 1088, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1095, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    max-width: 360px;
    padding: 20px;
    overflow: auto;
  }
  /* line 1100, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 10px;
  }
  /* line 1104, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    margin-bottom: 20px;
  }
  /* line 1108, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    padding: 0 34px;
  }
  /* line 1111, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 1114, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1120, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 20px 0 0;
    float: right;
  }
  /* line 1126, 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 1134, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2,
body.home .contents .reviews h2 {
    margin-bottom: 20px;
  }
  /* line 1141, 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 1146, 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 1153, 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 1157, 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 1166, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    font-size: 24px;
  }
  /* line 1170, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 1174, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: 100%;
  }
  /* line 1179, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    margin-bottom: 60px;
    position: relative;
  }
  /* line 1183, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 30px;
  }
  /* line 1186, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 20px;
  }
  /* line 1191, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(100% - 4px);
    margin-bottom: 30px;
  }
  /* line 1196, 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 1208, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    max-width: 500px;
    padding: 25px 0 30px;
    margin: 0 auto;
  }
  /* line 1213, 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 1219, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div h3 {
    margin-bottom: 10px;
  }
  /* line 1223, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    max-width: 300px;
    padding: 0 30px;
    margin: 0 auto;
  }
  /* line 1231, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
    margin: 0 auto;
    display: block;
  }
  /* line 1237, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    margin-top: 10px;
    text-align: center;
  }
  /* line 1244, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    max-width: 500px;
    padding: 20px 0 0;
    margin: 0 auto 40px;
  }
  /* line 1249, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators h3 {
    margin-bottom: 20px;
  }
  /* line 1253, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 80%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1259, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    width: auto;
    height: 100px;
    margin: 0 auto;
  }
  /* line 1265, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    margin: 0 auto;
    display: block;
  }
  /* line 1271, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1275, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 0;
  }
  /* line 1283, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container {
    display: flex;
    flex-direction: column;
  }
  /* line 1288, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast {
    padding-top: 17.5px;
  }
  /* line 1291, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related {
    width: 180px;
  }
  /* line 1295, 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 1303, 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 1312, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .related div img {
    max-width: none;
    max-height: none;
  }
  /* line 1319, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .textbox {
    margin-top: 20px;
  }
  /* line 1322, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .latest-podcast .textbox .details a:first-of-type {
    margin-bottom: 0;
  }
  /* line 1328, 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 1338, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related {
    width: 140px;
    padding-bottom: 6px;
  }
  /* line 1342, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related:after {
    width: 72px;
    height: 19px;
    bottom: 10%;
  }
  /* line 1349, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming .related h3 {
    font-size: 18px;
    margin-bottom: -6px;
  }
  /* line 1355, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .upcoming h4 {
    width: calc(100% - 162px);
    margin-top: 12.5px;
    padding-bottom: 0;
  }
  /* line 1362, 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 1379, app/assets/stylesheets/_home.scss */
  body.home header .container > h1 {
    margin-bottom: 50px;
  }
  /* line 1383, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 22px;
  }
  /* line 1387, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 50px;
  }
  /* line 1393, app/assets/stylesheets/_home.scss */
  body.home .contents {
    padding-top: 100px;
  }
  /* line 1396, 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 1405, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1412, 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 1421, 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 1425, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    width: 100%;
    height: auto;
    max-height: 264px;
  }
  /* line 1433, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    padding-top: 25px;
    position: relative;
  }
  /* line 1437, 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 1444, 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 1451, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    margin-bottom: 0;
  }
  /* line 1455, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 25px;
  }
  /* line 1459, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 366px;
  }
  /* line 1464, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    width: 220px;
  }
  /* line 1469, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: 100%;
    padding: 12px 0;
  }
  /* line 1475, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 50px;
  }
  /* line 1479, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products {
    width: 100%;
    min-height: 350px;
    margin: 50px auto 150px;
    padding: 28px 48px 0;
    box-sizing: border-box;
    clear: both;
    overflow: visible;
  }
  /* line 1488, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products h2 {
    margin-bottom: 25px;
    font-size: 75px;
    line-height: 78px;
    white-space: nowrap;
  }
  /* line 1496, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__items {
    gap: 50px;
    justify-content: space-between;
  }
  /* line 1501, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__item {
    width: calc(50% - 20px);
    min-height: 230px;
    position: relative;
  }
  /* line 1507, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__copy {
    max-width: 320px;
  }
  /* line 1510, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__copy h3 {
    margin-bottom: 6px;
  }
  /* line 1514, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__copy p {
    max-width: 308px;
    margin-bottom: 10px;
  }
  /* line 1520, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__media {
    position: absolute;
    top: 122px;
    left: 160px;
    z-index: 1;
  }
  /* line 1528, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__item:first-child .hablemos-products__media {
    width: 215px;
  }
  /* line 1531, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__item:first-child .hablemos-products__media img {
    max-height: 215px;
    width: auto;
  }
  /* line 1539, app/assets/stylesheets/_home.scss */
  body.home .contents .hablemos-products__item:nth-child(2) .hablemos-products__media {
    width: 215px;
  }
  /* line 1544, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books {
    width: 66%;
    margin-top: calc(38px + 10%);
    float: right;
    clear: right;
    position: relative;
    display: flex;
    flex-wrap: wrap;
  }
  /* line 1555, 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 1565, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div {
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  /* line 1571, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div img {
    width: 236px;
    padding: 0 25px 0 12px;
    height: auto;
    display: block;
  }
  /* line 1578, app/assets/stylesheets/_home.scss */
  body.home .contents .about-books div p {
    width: calc(100% - 272px);
    padding-right: 18.75px;
    margin-bottom: 0;
  }
  /* line 1586, 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 1591, 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 1598, 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 1606, 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 1619, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook h2 {
    margin-bottom: 12.5px;
  }
  /* line 1627, 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 1635, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook p {
    margin-right: 50px;
  }
  /* line 1639, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook span {
    display: inline-block;
  }
  /* line 1644, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    padding: 10px 20px 0;
    margin-bottom: 20px;
  }
  /* line 1648, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 6.25px;
  }
  /* line 1652, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1657, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 31.2903%;
  }
  /* line 1663, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    margin-top: calc(38px + 10%);
    padding-top: 10px;
    padding-bottom: 25px;
    position: relative;
  }
  /* line 1669, 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 1682, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 65%;
    margin: 31.25px auto;
  }
  /* line 1687, app/assets/stylesheets/_home.scss */
  body.home .contents .store p {
    max-width: 284px;
    margin: 0 auto;
  }
  /* line 1693, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    margin-top: 80px;
    padding: 0 20px;
    position: relative;
  }
  /* line 1698, 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 1708, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-top: -36px;
    margin-bottom: 6.25px;
  }
  /* line 1713, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1718, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    width: 31.2903%;
  }
  /* line 1721, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a {
    width: 100%;
  }
  /* line 1728, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    padding: 10px 20px 0;
    margin-bottom: 20px;
    margin-bottom: 50px;
  }
  /* line 1733, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 6.25px;
  }
  /* line 1737, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    width: 80%;
    padding-bottom: 12.5px;
  }
  /* line 1742, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    width: 70%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1747, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 1750, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1756, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 25px 0;
    float: right;
  }
  /* line 1762, app/assets/stylesheets/_home.scss */
  body.home .contents .blog,
body.home .contents .reviews {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1768, 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 1773, 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 1778, 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 1784, 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 1789, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn,
body.home .contents .reviews .cta-btn {
    width: calc(100% - 40px);
  }
  /* line 1794, app/assets/stylesheets/_home.scss */
  body.home .contents .blog {
    margin-top: 75px;
    position: relative;
  }
  /* line 1798, 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 1808, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    margin: 0 20px;
  }
  /* line 1812, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 1815, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry .textbox {
    margin-right: 25px;
  }
  /* line 1820, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: calc(100% - 178px);
    margin-left: 174px;
  }
  /* line 1826, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    padding-bottom: 25px;
    margin-top: 50px;
    margin-bottom: 75px;
    position: relative;
  }
  /* line 1832, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews h2 {
    margin: 12.5px 20px 0;
  }
  /* line 1836, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 37.5px;
    margin: 25px 20px 0;
  }
  /* line 1840, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review h2 {
    margin: 0 20px;
  }
  /* line 1844, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 12.5px;
  }
  /* line 1849, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review a:first-child {
    width: 154px;
    margin-top: -10px;
  }
  /* line 1856, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(50% - 34px);
    position: absolute;
    bottom: -20px;
    left: 20px;
  }
  /* line 1862, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn:last-child {
    left: auto;
    right: 20px;
  }
  /* line 1869, app/assets/stylesheets/_home.scss */
  body.home .contents .store,
body.home .contents .editorial {
    width: 32%;
    float: left;
    clear: left;
  }
  /* line 1876, app/assets/stylesheets/_home.scss */
  body.home .contents .library,
body.home .contents .encyclopedia {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1883, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    width: 100%;
    padding: 25px 0;
    float: none;
    clear: both;
    display: flex;
  }
  /* line 1890, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div {
    width: calc(50% - 1px);
    padding: 0 20px;
  }
  /* line 1894, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    padding: 0 25px;
  }
  /* line 1898, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div:first-child {
    border-right: solid 2px #FF0037;
  }
  /* line 1903, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a {
    width: calc(50% - 1px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 1909, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
  }
  /* line 1913, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    max-width: 200px;
    margin-left: 18.75px;
  }
  /* line 1920, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    width: 100%;
    padding: 37.5px 0 75px;
  }
  /* line 1924, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 90%;
    padding: 0 34px;
    margin: 50px auto 0;
    position: relative;
  }
  /* line 1930, 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 1943, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:before {
    left: 0;
  }
  /* line 1947, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:after {
    right: 0;
  }
  /* line 1951, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide {
    width: auto;
  }
  /* line 1954, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    height: 100px;
  }
  /* line 1958, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    height: 100px;
  }
  /* line 1963, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1967, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 0;
  }
  /* line 1974, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase {
    padding-top: 31.25px;
  }
  /* line 1977, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 1983, 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 1993, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related {
    width: 366px;
    position: relative;
  }
  /* line 1997, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div {
    width: 100%;
  }
  /* line 2000, 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 2009, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div h2 {
    padding-left: 64px;
  }
  /* line 2013, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .related div img {
    max-height: none;
  }
  /* line 2019, 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 2026, 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 2032, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .latest-podcast .textbox .details .listen {
    max-width: none;
  }
  /* line 2039, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming {
    width: calc(25.3% - 15px);
    max-width: 250px;
    padding-bottom: 75px;
  }
  /* line 2044, 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 2050, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming .related:after {
    width: 102px;
    height: 27px;
    bottom: 12.5%;
  }
  /* line 2058, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming h3 {
    margin-bottom: -7px;
  }
  /* line 2062, app/assets/stylesheets/_home.scss */
  body.home .podcasts-showcase .container .upcoming h4 {
    margin-top: 12.5px;
    padding-bottom: 7px;
  }
  /* line 2068, 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;
  }
}

/* ---------------------------------------------- */
/* -------- HEADER ACTIONS 2026 OVERRIDE -------- */
/* ---------------------------------------------- */
/* line 4661, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav {
  display: flex;
  gap: 7px;
}

/* line 4665, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search,
body header .container nav.secondary > nav a.shop,
body header .container nav.secondary > nav a.audiobook {
  border-radius: 100px;
  box-sizing: border-box;
  display: inline-block;
  float: none;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 20px;
  margin: 0;
  padding: 4px 34px 4px 14px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

/* line 4682, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search:before,
body header .container nav.secondary > nav a.shop:before,
body header .container nav.secondary > nav a.audiobook:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  margin: auto;
  right: 14px;
  top: 0;
}

/* line 4692, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search:hover, body header .container nav.secondary > nav a.search:focus,
body header .container nav.secondary > nav a.shop:hover,
body header .container nav.secondary > nav a.shop:focus,
body header .container nav.secondary > nav a.audiobook:hover,
body header .container nav.secondary > nav a.audiobook:focus {
  text-decoration: none;
}

/* line 4698, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.search {
  background-color: transparent;
  border: 1px solid #9B9B9B;
  color: #9B9B9B;
}

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

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

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

/* line 4720, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop,
body header .container nav.secondary > nav a.audiobook {
  background-color: #00FFD7;
  color: #380038;
}

/* line 4725, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop:hover, body header .container nav.secondary > nav a.shop:focus,
body header .container nav.secondary > nav a.audiobook:hover,
body header .container nav.secondary > nav a.audiobook:focus {
  color: #380038;
  opacity: .85;
}

/* line 4732, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.shop:before {
  background-image: url(/assets/gui/shop-purple-cacd14dded55f89da28af8e2c902467aa3cf3340c3b9cacc74c77a040f9f135f.svg);
  height: 18px;
  width: 17px;
}

/* line 4738, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary > nav a.audiobook:before {
  background-image: url(/assets/gui/audiobook-purple-2cf777564b4c1cf727718a08abab2bcf2f573a9a832a9ef6c3d2576f1c16e2b7.svg);
  height: 17px;
  width: 16px;
}

@media screen and (max-width: 1023px) {
  /* line 4746, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary > nav {
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 4753, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > nav {
    position: absolute;
    right: 0;
    top: 1px;
    width: auto;
  }
}