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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1023px) {
  /* line 1729, app/assets/stylesheets/hablemos.scss */
  body {
    /* &.home.en {
			header .container {
				>a {
					&:after {
						background: image_url(/components/gradient-en.png);
						background-position: left top;
						background-size: contain;
						background-repeat: no-repeat;
					}
				}
			}
		} */
  }
  /* line 1731, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 600px;
  }
  /* line 1738, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 1741, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2, body .primary .no-result-message p {
    text-align: center;
  }
  /* line 1745, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* line 1750, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 15px;
    max-width: 494px;
  }
  /* line 1758, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 1762, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 1766, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 1770, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 1773, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    background-size: contain;
    width: 42px;
    height: 62px;
    position: absolute;
    left: -34px;
    top: -46px;
    z-index: -1;
  }
  /* line 1784, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 20px auto 15px auto;
  }
  /* line 1789, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 72px;
  }
  /* line 1792, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 72px;
  }
  /* line 1795, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 1802, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    margin: 0 4px;
  }
  /* line 1805, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a:last-child, body .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1812, app/assets/stylesheets/hablemos.scss */
  body header .container {
    padding-top: 25px;
    min-height: 50px;
    position: relative;
  }
  /* line 1817, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 156px;
    margin-left: 21.3333%;
    position: relative;
  }
  /* line 1822, app/assets/stylesheets/hablemos.scss */
  body header .container > a.brand-space:before {
    content: "";
    display: block;
    position: absolute;
  }
  /* line 1829, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    text-align: right;
    margin-left: 0;
    position: absolute;
    top: 80px;
    right: 10px;
  }
  /* line 1837, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 1842, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to span {
    display: block;
  }
  /* line 1847, app/assets/stylesheets/hablemos.scss */
  body header .container button {
    border-bottom: 0;
  }
  /* line 1851, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1;
  }
  /* line 1858, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    max-width: 420px;
    padding: 15px 0 60px 0;
    font-size: 17px;
    line-height: 30px;
    z-index: 1;
    position: relative;
  }
  /* line 1867, app/assets/stylesheets/hablemos.scss */
  body header .container .menu {
    background-color: #380038;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 110%;
    right: -110%;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 5;
  }
  /* line 1881, app/assets/stylesheets/hablemos.scss */
  body header .container .menu #mobile-close {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  /* line 1887, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav {
    padding: 20px 0;
    margin: 0 20px;
  }
  /* line 1891, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav nav {
    margin: 0;
  }
  /* line 1895, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
  }
  /* line 1901, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main {
    padding-top: 30px;
  }
  /* line 1904, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a {
    width: calc(100% - 32px);
    color: #FF0037;
    display: block;
  }
  /* line 1909, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a span {
    display: none;
  }
  /* line 1915, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary {
    border-top: 1px solid #FFFFFF;
  }
  /* line 1918, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector {
    padding-right: 30px;
    color: #FFFFFF;
    float: right;
  }
  /* line 1924, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector a, body header .container .menu nav.secondary .lang-selector span {
    margin: 0 4px;
    float: none;
    clear: none;
  }
  /* line 1929, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector a:last-child, body header .container .menu nav.secondary .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1934, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector:before {
    background-image: url(/assets/gui/lang-alt-2-190965834b7dcc169bd2c5930a3f02b43a52cd96e1d13792f4822aa37fc23a6b.svg);
    top: 4px;
    right: 0;
  }
  /* line 1941, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    clear: left;
  }
  /* line 1948, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop {
    padding-right: 30px;
  }
  /* line 1951, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop:before {
    background-image: url(/assets/gui/shop-alt-a5abbd088b6a3b5c7346f393199b0f1a6296bb70afc57265c1f07ae9b7acc75c.svg);
    right: 0;
  }
  /* line 1957, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.audiobook {
    padding-right: 30px;
  }
  /* line 1960, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.audiobook:before {
    background-image: url(/assets/gui/audiobook-alt-13c422a6291f07062dbbec5fc2621116d46dba28f5aa8998df2599f5f54ea101.svg);
    right: 0;
  }
  /* line 1966, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search {
    border: none;
    padding-right: 28px;
    font-weight: 800;
    color: #FFFFFF;
  }
  /* line 1972, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search:before {
    background-image: url(/assets/gui/search-sm-c5c6ff28fa5c63d75ed72b43a68128f7ab8751b5f3bbe0c9be778a8f8990c1db.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 1px;
    right: 0;
  }
  /* line 1982, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate {
    padding-right: 20px;
  }
  /* line 1985, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate:before {
    background-image: url(/assets/gui/donate-alt-5bc6ae325ff92463b603cb2f713bbd8f40fb14e56e3c8669d6068793c21940b8.svg);
    top: 6px;
  }
  /* line 1994, app/assets/stylesheets/hablemos.scss */
  body header .container .menu.open {
    left: 0%;
    right: 0%;
  }
  /* line 2000, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm {
    border-top: 1px solid #FF0037;
    padding-top: 8px;
    margin-left: 21.3333%;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  /* line 2009, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a {
    margin-right: 10px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
    color: #FF0037;
    float: left;
  }
  /* line 2017, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover, body header .container > nav.main-sm a:focus, body header .container > nav.main-sm a:visited {
    color: #FF0037;
  }
  /* line 2021, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover {
    text-decoration: underline;
  }
  /* line 2032, app/assets/stylesheets/hablemos.scss */
  body header.alt .container nav.secondary a.shop,
body header.alt .container nav.secondary a.audiobook,
body header.alt .container nav.secondary a.donate {
    color: #FFFFFF;
  }
  /* line 2046, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    width: 100%;
    padding-top: 15px;
    margin: 15px auto 31.25px;
  }
  /* line 2051, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-direction: column;
  }
  /* line 2055, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a, body .contents .latest-podcast .textbox .ext-link p, body .contents .latest-podcast .textbox .ext-link a p,
body .contents .container .ext-link a,
body .contents .container .ext-link p,
body .contents .container .ext-link a p {
    padding: 0;
  }
  /* line 2059, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link img, body .contents .latest-podcast .textbox .ext-link svg,
body .contents .container .ext-link img,
body .contents .container .ext-link svg {
    height: 34px;
    margin: 10px 0 0 0;
  }
  /* line 2067, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    margin-top: -60px;
  }
  /* line 2070, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    padding: 10px 0;
    margin-left: 21.3333%;
    color: red;
    cursor: pointer;
    font-size: 14px;
  }
  /* line 2078, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5:before {
    content: "+ ";
    margin-left: -10px;
  }
  /* line 2084, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    display: none;
  }
  /* line 2088, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    border-top: 1px solid #FF0037;
    background-color: #380038;
    padding: 0 10%;
    margin: 0 11.3333% 25px;
    display: none;
  }
  /* line 2095, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    margin: 5px 0;
  }
  /* line 2100, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    background-size: contain;
    width: 24px;
    height: 22px;
    left: -26px;
    top: 3px;
  }
  /* line 2110, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    padding: 0;
    overflow: hidden;
    display: none;
  }
  /* line 2115, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 25%;
    float: left;
    text-align: center;
  }
  /* line 2120, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
    display: inline-block;
  }
  /* line 2127, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li.current:before {
    width: 26px;
    height: 20px;
    left: -9px;
    top: 7px;
    background-size: contain;
  }
  /* line 2139, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms {
    padding-top: 10px !important;
  }
  /* line 2142, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 20px auto 18px auto;
    display: block;
  }
  /* line 2155, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 2160, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 20px;
    top: 5px;
    left: -28px;
  }
  /* line 2168, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: 94%;
    max-width: 600px;
    height: 100%;
  }
  /* line 2173, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    background-size: 80%;
    width: 32px;
    height: 32px;
    top: calc(56px - 32px);
    right: 0px;
  }
  /* line 2181, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    width: 100%;
    top: 56px;
  }
  /* line 2185, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: 100%;
  }
  /* line 2192, app/assets/stylesheets/hablemos.scss */
  body section.banner {
    margin-bottom: 30px;
  }
  /* line 2195, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 600px;
  }
  /* line 2201, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    border-top: 1px solid #FF0037;
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: auto;
  }
  /* line 2207, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 2211, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin: 8px 10px;
  }
  /* line 2216, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    margin-bottom: 16px;
    text-align: center;
  }
  /* line 2220, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin: 0 6px;
  }
  /* line 2225, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    display: block;
    text-align: center;
  }
  /* line 2232, app/assets/stylesheets/hablemos.scss */
  body .he-form {
    margin-bottom: 40px;
  }
  /* line 2235, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 10px;
  }
  /* line 2238, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    margin: 0;
    padding: 10px 0;
  }
  /* line 2244, app/assets/stylesheets/hablemos.scss */
  body .he-form button {
    width: 50%;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
  }
  /* line 2251, app/assets/stylesheets/hablemos.scss */
  body .he-form .buttons {
    margin-top: 10px;
  }
  /* line 2255, app/assets/stylesheets/hablemos.scss */
  body .he-form .he-button {
    margin-left: 10px;
  }
  /* line 2259, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 10px;
    padding: 5px;
  }
  /* line 2267, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    padding-bottom: 20px;
  }
  /* line 2271, app/assets/stylesheets/hablemos.scss */
  body.home 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 2287, app/assets/stylesheets/hablemos.scss */
  body.home header .container h1 {
    margin-bottom: 10px;
  }
  /* line 2291, app/assets/stylesheets/hablemos.scss */
  body.home header .container .main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2312, app/assets/stylesheets/hablemos.scss */
  body.podcast header {
    overflow: hidden;
  }
  /* line 2317, 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 2328, 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 2344, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container a.switch-to {
    top: 150px;
  }
  /* line 2348, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2358, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container a.switch-to {
    top: 80px;
  }
  /* line 2370, 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 2374, 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 2382, 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 2390, 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 2397, 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 2401, 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 2409, 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 2423, 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 2428, 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 2439, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2443, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container a.switch-to {
    top: 150px;
  }
  /* line 2447, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2451, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container img.deco {
    width: auto;
    height: 164px;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  /* line 2459, 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 2469, 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 2481, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 2487, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2495, app/assets/stylesheets/hablemos.scss */
  body.library header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2499, 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 2514, app/assets/stylesheets/hablemos.scss */
  body.library header .container a.switch-to {
    top: 150px;
  }
  /* line 2518, 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 2529, 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 2539, 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 2552, 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 2564, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 21.3333%;
  }
  /* line 2567, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 40px;
    left: -4px;
  }
  /* line 2575, app/assets/stylesheets/hablemos.scss */
  body.library header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2583, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button {
    width: calc(50% - 10px);
  }
  /* line 2586, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:first-of-type {
    float: left;
  }
  /* line 2590, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:last-child {
    float: right;
  }
  /* line 2598, 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 2600, 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 2620, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2624, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container a.switch-to {
    top: 150px;
  }
  /* line 2628, 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 2640, app/assets/stylesheets/hablemos.scss */
  body.editorial .primary .search-trigger {
    top: 50px;
    right: 0;
    left: auto;
  }
  /* line 2647, app/assets/stylesheets/hablemos.scss */
  body.editorial .searchbox.form-container {
    padding-top: 40px;
  }
  /* line 2667, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2672, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a:before {
    width: 42px;
    height: 12px;
    left: -48px;
    bottom: 14px;
  }
  /* line 2680, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2689, app/assets/stylesheets/hablemos.scss */
  body.blog header .container {
    padding-bottom: 20px;
  }
  /* line 2692, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    display: none;
  }
  /* line 2696, app/assets/stylesheets/hablemos.scss */
  body.blog header .container img.deco {
    width: auto;
    height: 140px;
    bottom: -10px;
    left: -9px;
    z-index: 2;
  }
  /* line 2704, app/assets/stylesheets/hablemos.scss */
  body.blog header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2713, app/assets/stylesheets/hablemos.scss */
  body.about header {
    min-height: 100px;
  }
  /* line 2716, 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 2726, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    position: relative;
    width: 140px;
    margin-left: 21.3333%;
    display: block;
  }
  /* line 2734, app/assets/stylesheets/hablemos.scss */
  body.about header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 2743, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 40px;
  }
  /* line 2746, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 30px 0 40px 0;
  }
  /* line 2749, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: calc(100% - 180px);
    top: 30px;
    right: 0;
  }
  /* line 2755, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    background-size: contain;
    width: 180px;
    height: 225px;
    top: 0;
    left: -10px;
  }
  /* line 2763, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 35px;
    overflow: hidden;
  }
  /* line 2767, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 160px;
    margin-left: 70px;
    margin-bottom: 10px;
  }
  /* line 2773, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 160px;
    z-index: 1;
  }
  /* line 2777, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 160px;
  }
  /* line 2781, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 2788, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    max-width: 500px;
    margin-right: 10px;
    margin-left: 70px;
  }
  /* line 2793, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 2797, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  /* line 2802, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin: 0 auto 20px auto;
  }
  /* line 2806, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 420px;
  }
  /* line 2811, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 2819, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 2824, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 15px;
  }
  /* line 2834, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    max-width: 480px;
    margin: 0 auto;
    display: block;
  }
  /* line 2840, 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 2852, 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 2855, 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 2865, 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 2870, 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 2873, 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 2878, 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 2884, 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 2888, 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 2898, 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 2906, 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 2914, 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 2918, 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 2928, 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 2939, app/assets/stylesheets/hablemos.scss */
  body.single.editorial header .container a.switch-to {
    top: 80px;
  }
  /* line 2947, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 157px;
  }
  /* line 2955, 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 2965, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2969, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space, body.suscribe header .container > a.brand-space {
    position: relative;
  }
  /* line 2972, 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 2984, 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 2991, 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 2996, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 10px;
  }
  /* line 3000, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    margin: 0;
    overflow: hidden;
  }
  /* line 3004, 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 3009, 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 3016, 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 3026, app/assets/stylesheets/hablemos.scss */
  body.press header .container {
    padding-bottom: 20px;
  }
  /* line 3030, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a:before {
    width: 40px;
    height: 12px;
    left: -46px;
    bottom: 13px;
  }
  /* line 3038, app/assets/stylesheets/hablemos.scss */
  body.press header .container a.switch-to {
    top: 120px;
  }
  /* line 3042, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 3046, app/assets/stylesheets/hablemos.scss */
  body.press header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 3055, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin-bottom: 0;
  }
  /* line 3058, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    margin-bottom: 0;
  }
  /* line 3065, app/assets/stylesheets/hablemos.scss */
  body.results .results.list {
    margin-top: 60px;
    margin-bottom: 35px;
  }
  /* line 3069, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    padding: 4px 0;
    margin-bottom: 25px;
  }
  /* line 3074, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 3079, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li {
    margin-bottom: 37.5px;
  }
  /* line 3082, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 160px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 3087, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 3091, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 100%;
  }
  /* line 3095, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 160px;
  }
  /* line 3099, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 3107, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6px;
  }
  /* line 3111, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li:last-child {
    margin-bottom: 0;
  }
  /* line 3122, app/assets/stylesheets/hablemos.scss */
  body.donate header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 3130, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  /* line 3134, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h1 {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 3141, 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 3149, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 20px;
  }
  /* line 3154, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    width: 90%;
    padding: 5px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 3168, app/assets/stylesheets/hablemos.scss */
  body {
    /* &.home.en {
			header {
				.container {
					&:before {
						background: image_url(/components/gradient-en.png);
					}
				}
			}
		} */
  }
  /* line 3170, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /* line 3176, app/assets/stylesheets/hablemos.scss */
  body .primary .list {
    min-height: 400px;
  }
  /* line 3180, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 3183, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
  }
  /* line 3187, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    max-width: 494px;
  }
  /* line 3194, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 3198, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 3202, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 3206, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 3209, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    width: 60px;
    height: 86px;
    position: absolute;
    left: -68px;
    top: -66px;
  }
  /* line 3218, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 25px auto;
  }
  /* line 3223, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 46px;
  }
  /* line 3226, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 46px;
  }
  /* line 3229, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 3235, app/assets/stylesheets/hablemos.scss */
  body .lang-selector {
    font-size: 15px;
    color: #380038;
  }
  /* line 3239, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    font-size: 15px;
  }
  /* line 3245, app/assets/stylesheets/hablemos.scss */
  body header .container {
    min-height: 368px;
    padding-top: 58px;
    padding-bottom: 25px;
  }
  /* line 3250, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 262px;
    margin-left: 82px;
    float: left;
  }
  /* line 3256, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    margin: 34px 158px 0 0;
    float: right;
    clear: both;
  }
  /* line 3262, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 21px;
    line-height: 24px;
  }
  /* line 3268, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle,
body header .container #mobile-close {
    display: none;
  }
  /* line 3273, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    width: 36.6%;
    padding-top: 22px;
    margin-left: 7.4275%;
    float: left;
    clear: left;
  }
  /* line 3282, app/assets/stylesheets/hablemos.scss */
  body header .container nav {
    width: 660px;
    display: flex;
    justify-content: flex-end;
  }
  /* line 3287, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main {
    position: absolute;
    margin: auto;
    top: 336px;
    right: 48px;
    left: 48px;
    overflow: hidden;
  }
  /* line 3295, 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 3303, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 12px;
    line-height: 22px;
  }
  /* line 3308, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:first-child {
    margin-left: 7.4275%;
  }
  /* line 3312, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3318, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary {
    max-width: 520px;
    padding-top: 37.5px;
    position: absolute;
    top: 48px;
    right: 48px;
  }
  /* line 3325, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary .lang-selector {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 3330, 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 3335, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a {
    padding: 2px 0;
    margin-left: 20px;
    float: left;
  }
  /* line 3340, 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 3350, 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 3362, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.donate {
    padding-right: 18px;
    font-size: 15px;
    line-height: 17px;
  }
  /* line 3369, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav {
    position: absolute;
    top: 1px;
    right: -28px;
  }
  /* line 3374, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a {
    padding: 2px 0;
    margin-left: 20px;
    font-size: 15px;
    float: left;
  }
  /* line 3382, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.shop, body header .container nav.secondary nav > a.audiobook {
    padding: 4px 0;
    margin-right: 28px;
    text-align: right;
    line-height: 20px;
  }
  /* line 3389, 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 3394, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary nav > a.search {
    border-radius: 14px;
    padding-right: 35px;
    padding-left: 13px;
    margin-left: 0;
    line-height: 20px;
  }
  /* line 3407, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm,
body header .container > .lang-selector {
    display: none;
  }
  /* line 3417, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    margin-bottom: 31.25px;
  }
  /* line 3420, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-wrap: wrap;
  }
  /* line 3424, 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 3429, 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 3437, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    width: 23.9%;
    padding-top: 60px;
  }
  /* line 3441, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    margin-bottom: 34px;
  }
  /* line 3445, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    margin-top: 18.75px;
    margin-bottom: 31.25px;
  }
  /* line 3449, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    padding: 6px 0;
  }
  /* line 3453, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    width: 48px;
    height: 32px;
    left: -58px;
    top: 6px;
  }
  /* line 3462, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 3466, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 22%;
    padding: 6px 0;
    margin-right: 4%;
  }
  /* line 3471, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
  }
  /* line 3476, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 3481, 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 3494, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 28px 0 25px 0;
  }
  /* line 3500, app/assets/stylesheets/hablemos.scss */
  body section.primary {
    width: 74.7%;
  }
  /* line 3505, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 34px;
    left: -52px;
  }
  /* line 3512, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: auto;
    max-width: 670px;
    height: 100%;
  }
  /* line 3517, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    width: 50px;
    height: 50px;
    top: calc(10% - 50px);
    right: -50px;
  }
  /* line 3524, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    height: 80%;
    max-height: 670px;
    top: 10%;
  }
  /* line 3529, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: auto;
    height: 100%;
  }
  /* line 3538, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 1200px;
  }
  /* line 3544, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    padding: 50px;
    overflow: auto;
  }
  /* line 3548, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    float: left;
  }
  /* line 3551, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin-right: 12px;
  }
  /* line 3556, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    float: right;
    clear: right;
  }
  /* line 3560, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin-left: 10px;
  }
  /* line 3564, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a:first-child {
    margin-left: 0;
  }
  /* line 3570, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    margin-top: 4px;
    float: left;
    clear: left;
  }
  /* line 3579, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 12.5px;
  }
  /* line 3582, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    padding: 6.25px 0;
  }
  /* line 3587, 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 3591, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 25px;
    padding: 12.5px;
  }
  /* line 3599, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    min-height: 137px;
  }
  /* line 3603, 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 3617, app/assets/stylesheets/hablemos.scss */
  body.home header .container > a {
    z-index: 2;
  }
  /* line 3628, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main {
    display: none;
  }
  /* line 3631, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a {
    width: calc(94.5656% / 5);
    margin-right: 1.3586%;
  }
  /* line 3635, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 3639, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3660, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container {
    min-height: 315px;
    padding-bottom: 50px;
    overflow: visible;
  }
  /* line 3665, 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 3679, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3686, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a {
    position: relative;
  }
  /* line 3689, 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 3702, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container nav.main {
    top: 285px;
  }
  /* line 3712, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3730, 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 3740, 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 3751, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 3762, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container, body.library header .container, body.editorial header .container {
    position: relative;
  }
  /* line 3765, 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 3773, 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 3780, 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 3784, 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 3787, 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 3792, 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 3805, app/assets/stylesheets/hablemos.scss */
  body.library header .container img.deco {
    bottom: -2px;
  }
  /* line 3810, 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 3826, 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 3836, 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 3848, 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 3860, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3866, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 44px;
    left: -6px;
  }
  /* line 3877, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container h4 {
    margin-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3882, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3885, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button.search-clear {
    margin-top: -56px;
  }
  /* line 3895, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container h4, body.editorial .searchbox.form-container h4 {
    padding-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3900, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form, body.editorial .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3906, app/assets/stylesheets/hablemos.scss */
  body.editorial {
    /* 			&.single {
				header .container {
					>a {
						&:before {
							background: image_url(/components/editorial.svg);
						}
					}
				}
			} */
  }
  /* line 3908, 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 3928, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container img.deco {
    top: 63px;
    z-index: 2;
  }
  /* line 3933, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3955, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    overflow: visible;
  }
  /* line 3958, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a {
    position: relative;
  }
  /* line 3961, 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 3978, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    margin: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3987, app/assets/stylesheets/hablemos.scss */
  body.blog header img.deco {
    width: 133px;
    height: auto;
    left: -38px;
    top: 52px;
    z-index: 0;
  }
  /* line 3997, app/assets/stylesheets/hablemos.scss */
  body.blog .primary .search-trigger {
    width: 34px;
    top: 50px;
    left: -52px;
  }
  /* line 4004, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container {
    width: 82.9986%;
    display: none;
  }
  /* line 4008, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container h4 {
    margin-bottom: 16px;
  }
  /* line 4012, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form {
    margin-bottom: 50px;
    overflow: hidden;
  }
  /* line 4016, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4021, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4031, 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 4041, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    width: auto;
    height: 380px;
    bottom: 0;
    left: -102px;
  }
  /* line 4051, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 75px;
  }
  /* line 4054, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 50px 0 62.5px 0;
  }
  /* line 4057, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: 62%;
    top: 50px;
    right: 0;
  }
  /* line 4063, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    width: 320px;
    height: 225px;
    top: 0;
    left: 0;
  }
  /* line 4070, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 37.5px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  /* line 4075, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 180px;
    margin-left: 12.6%;
    float: left;
  }
  /* line 4081, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4086, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 100%;
  }
  /* line 4090, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4097, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    width: 62%;
    float: right;
  }
  /* line 4101, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 4105, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-bottom: 25px;
  }
  /* line 4109, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin-bottom: 0;
    margin-left: 12.5px;
  }
  /* line 4114, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox p {
    max-width: 640px;
  }
  /* line 4118, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 494px;
  }
  /* line 4123, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 4131, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 4136, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 25px;
  }
  /* line 4145, 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 4152, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    width: 100%;
    display: inline-block;
  }
  /* line 4156, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a * {
    vertical-align: middle;
  }
  /* line 4161, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link p {
    max-width: none;
    display: inline-block;
  }
  /* line 4167, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link img, body.single .contents .container .ext-link svg {
    display: inline-block;
  }
  /* line 4178, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container, body.single.book header .container, body.single.editorial header .container {
    padding-bottom: 50px;
  }
  /* line 4190, 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 4194, 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 4197, 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 4202, 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 4205, 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 4209, 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 4218, 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 4226, 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 4229, 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 4235, 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 4241, 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 4252, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container {
    min-height: 368px;
  }
  /* line 4255, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container nav.main {
    top: 336px;
  }
  /* line 4269, 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 4273, 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 4283, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 264px;
  }
  /* line 4291, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 0;
    overflow: visible;
  }
  /* line 4295, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a, body.suscribe header .container > a {
    position: relative;
  }
  /* line 4298, 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 4313, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container, body.suscribe .form-container {
    width: 62%;
    margin: 56px 0 50px 25.3%;
  }
  /* line 4317, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 25px;
  }
  /* line 4321, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    overflow: hidden;
  }
  /* line 4324, 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 4330, 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 4335, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form .response-output, body.suscribe .form-container form .response-output {
    clear: both;
  }
  /* line 4345, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    display: none;
  }
  /* line 4349, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a {
    position: relative;
  }
  /* line 4352, 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 4367, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin: 56px 0 50px 0;
    width: 62%;
    margin-left: 25.3%;
  }
  /* line 4372, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container h1 {
    margin-bottom: 16px;
  }
  /* line 4376, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    overflow: hidden;
  }
  /* line 4379, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4384, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4394, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    width: 87.4%;
    padding: 4px 0;
    margin-bottom: 43.75px;
  }
  /* line 4401, 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 4410, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0;
  }
  /* line 4416, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 4420, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4425, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 100%;
  }
  /* line 4429, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4434, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.vertical {
    position: absolute;
    right: 0;
  }
  /* line 4442, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6.25px;
  }
  /* line 4447, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li.episode h4 span {
    margin-right: 4px;
  }
  /* line 4458, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 4462, 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 4470, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2 {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  /* line 4475, 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 4483, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 50px;
  }
  /* line 4488, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    padding: 20px;
  }
}

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

/* line 4505, 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: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 134, 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 143, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .related {
  display: block;
}

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

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

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

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

/* line 164, 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 173, 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 180, 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 186, app/assets/stylesheets/_home.scss */
body.home .contents .latest-podcast .textbox a:first-of-type:hover {
  text-decoration: underline;
}

/* line 190, 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 195, 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 195, 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 195, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    font-size: 12px;
    line-height: 20px;
  }
}

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

/* line 204, 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 209, 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 209, 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 209, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

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

/* line 218, 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 224, 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 224, 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 224, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    font-size: 16px;
    line-height: 26px;
  }
}

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

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

/* line 242, 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 246, app/assets/stylesheets/_home.scss */
body.home .contents .block p {
  color: #380038;
  font-weight: 400;
}

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

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

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

/* line 270, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia,
body.home .contents .editorial {
  background-color: #380038;
}

/* line 274, app/assets/stylesheets/_home.scss */
body.home .contents .encyclopedia p,
body.home .contents .editorial p {
  color: #FFFFFF;
}

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

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

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

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

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

/* line 308, app/assets/stylesheets/_home.scss */
body.home .contents .library h2 {
  color: #380038;
}

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

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

/* line 319, 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: #380038;
}

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

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

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

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

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

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

/* line 368, 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 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 400;
  font-weight: 600;
}

@media screen and (max-width: 1023px) {
  /* line 368, 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 {
    font-size: 14px;
    line-height: 24px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 368, 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 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 374, app/assets/stylesheets/_home.scss */
body.home .contents .blog .cta-btn,
body.home .contents .reviews .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 384, 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 {
  background-color: #FF0037;
  color: #FFFFFF;
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 1023px) {
  /* line 631, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 18px;
  }
  /* line 635, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 20px;
  }
  /* line 642, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast {
    position: relative;
    z-index: 1;
  }
  /* line 646, 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 660, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 140px;
    margin: 0 auto;
  }
  /* line 665, 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 674, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div h2, body.home .contents .latest-podcast .related div h4 {
    display: none;
  }
  /* line 678, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    max-height: 140px;
    max-width: 140px;
  }
  /* line 685, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    width: 95%;
    max-width: 460px;
    margin: 25px auto 0;
    text-align: center;
  }
  /* line 692, 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 700, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    max-width: 620px;
    margin-bottom: 5px;
  }
  /* line 705, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 15px;
  }
  /* line 709, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 360px;
  }
  /* line 714, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    border-top: solid 1px #380038;
  }
  /* line 717, 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 722, 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 728, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: calc(90% - 64px);
    margin: 30px auto 0;
    padding: 12px 32px;
  }
  /* line 735, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 740, app/assets/stylesheets/_home.scss */
  body.home .contents .block h2 {
    font-size: 22px;
    line-height: 28px;
  }
  /* line 746, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook {
    width: 90%;
    max-width: 400px;
    padding: 20px 20px 0;
    position: relative;
    overflow: auto;
  }
  /* line 753, 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 766, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a h2 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 28px;
  }
  /* line 772, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a span {
    display: block;
  }
  /* line 776, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook a img {
    width: 65%;
    max-width: 180px;
    margin-top: 20px;
    float: right;
  }
  /* line 785, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    width: 90%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 791, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 80%;
    margin: 20px auto;
  }
  /* line 797, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    width: 80%;
    max-width: 300px;
    padding: 20px;
  }
  /* line 802, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 10px;
  }
  /* line 806, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia p {
    margin-bottom: 20px;
  }
  /* line 810, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    width: 100%;
  }
  /* line 813, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 80%;
    margin-bottom: 20px;
  }
  /* line 817, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(odd) {
    margin-right: -40px;
    margin-left: calc(20% + 40px);
  }
  /* line 822, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:nth-child(even) {
    margin-left: -40px;
  }
  /* line 826, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li:last-child {
    margin-bottom: 0;
  }
  /* line 833, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    max-width: 400px;
    padding: 20px;
  }
  /* line 837, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-bottom: 10px;
  }
  /* line 841, app/assets/stylesheets/_home.scss */
  body.home .contents .library p {
    margin-bottom: 20px;
  }
  /* line 846, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    margin-bottom: 20px;
  }
  /* line 850, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img {
    top: 0;
  }
  /* line 853, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a img.horizontal {
    width: 100%;
  }
  /* line 859, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li:last-child {
    margin-bottom: 0;
  }
  /* line 866, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    max-width: 360px;
    padding: 20px;
    overflow: auto;
  }
  /* line 871, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 10px;
  }
  /* line 875, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    margin-bottom: 20px;
  }
  /* line 879, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    padding: 0 34px;
  }
  /* line 882, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 885, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 891, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 20px 0 0;
    float: right;
  }
  /* line 897, 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 905, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2,
body.home .contents .reviews h2 {
    margin-bottom: 20px;
  }
  /* line 912, 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 917, 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 924, 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 928, 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 937, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    font-size: 24px;
  }
  /* line 941, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 945, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: 100%;
  }
  /* line 950, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    margin-bottom: 60px;
    position: relative;
  }
  /* line 954, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 30px;
  }
  /* line 957, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 20px;
  }
  /* line 962, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(100% - 4px);
    margin-bottom: 30px;
  }
  /* line 967, 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 979, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    max-width: 500px;
    padding: 25px 0 30px;
    margin: 0 auto;
  }
  /* line 984, 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 990, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div h3 {
    margin-bottom: 10px;
  }
  /* line 994, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    max-width: 300px;
    padding: 0 30px;
    margin: 0 auto;
  }
  /* line 1002, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
    margin: 0 auto;
    display: block;
  }
  /* line 1008, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    margin-top: 10px;
    text-align: center;
  }
  /* line 1015, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    max-width: 500px;
    padding: 20px 0 0;
    margin: 0 auto 40px;
  }
  /* line 1020, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators h3 {
    margin-bottom: 20px;
  }
  /* line 1024, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 80%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1030, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    width: auto;
    height: 100px;
    margin: 0 auto;
  }
  /* line 1036, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    margin: 0 auto;
    display: block;
  }
  /* line 1042, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1046, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 0;
  }
}

@media screen and (min-width: 1024px) {
  /* line 1060, app/assets/stylesheets/_home.scss */
  body.home header .container > h1 {
    margin-bottom: 50px;
  }
  /* line 1064, app/assets/stylesheets/_home.scss */
  body.home header .container h4 {
    font-size: 22px;
  }
  /* line 1068, app/assets/stylesheets/_home.scss */
  body.home header .container > h4 {
    padding-bottom: 50px;
  }
  /* line 1074, app/assets/stylesheets/_home.scss */
  body.home .contents {
    padding-top: 100px;
  }
  /* line 1077, 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 1088, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related {
    width: 220px;
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 1095, 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 1104, 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 1108, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .related div img {
    width: 100%;
    height: auto;
    max-height: 264px;
  }
  /* line 1116, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox {
    padding-top: 25px;
    position: relative;
  }
  /* line 1120, 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 1127, 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 1134, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details p {
    margin-bottom: 0;
  }
  /* line 1138, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details a:last-of-type {
    margin-bottom: 25px;
  }
  /* line 1142, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .details .listen {
    max-width: 366px;
  }
  /* line 1148, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .textbox .ext-link {
    width: 220px;
  }
  /* line 1153, app/assets/stylesheets/_home.scss */
  body.home .contents .latest-podcast .cta-btn {
    width: 100%;
    padding: 12px 0;
  }
  /* line 1159, app/assets/stylesheets/_home.scss */
  body.home .contents .block {
    margin-top: 50px;
  }
  /* line 1163, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook {
    width: 33%;
    margin-top: 0;
    padding: 20px 0 0 20px;
    vertical-align: top;
    float: left;
    position: relative;
  }
  /* line 1171, 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 1184, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook h2 {
    margin-bottom: 12.5px;
  }
  /* line 1192, 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 1200, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook p {
    margin-right: 50px;
  }
  /* line 1204, app/assets/stylesheets/_home.scss */
  body.home .contents .audiobook span {
    display: inline-block;
  }
  /* line 1209, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia {
    padding: 10px 20px 0;
    margin-bottom: 20px;
  }
  /* line 1213, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia h2 {
    margin-bottom: 6.25px;
  }
  /* line 1217, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1222, app/assets/stylesheets/_home.scss */
  body.home .contents .encyclopedia ul li {
    width: 31.2903%;
  }
  /* line 1228, app/assets/stylesheets/_home.scss */
  body.home .contents .store {
    padding-top: 10px;
    padding-bottom: 25px;
    position: relative;
  }
  /* line 1233, 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 1246, app/assets/stylesheets/_home.scss */
  body.home .contents .store img {
    width: 65%;
    margin: 31.25px auto;
  }
  /* line 1251, app/assets/stylesheets/_home.scss */
  body.home .contents .store p {
    max-width: 284px;
    margin: 0 auto;
  }
  /* line 1257, app/assets/stylesheets/_home.scss */
  body.home .contents .library {
    margin-top: 70px;
    padding: 0 20px;
  }
  /* line 1261, app/assets/stylesheets/_home.scss */
  body.home .contents .library h2 {
    margin-top: -36px;
    margin-bottom: 6.25px;
  }
  /* line 1266, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul {
    margin-bottom: -20px;
    display: flex;
    justify-content: space-between;
  }
  /* line 1271, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li {
    width: 31.2903%;
  }
  /* line 1274, app/assets/stylesheets/_home.scss */
  body.home .contents .library ul li a {
    width: 100%;
  }
  /* line 1281, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial {
    padding: 10px 20px 0;
    margin-bottom: 20px;
    margin-bottom: 50px;
  }
  /* line 1286, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial h2 {
    margin-bottom: 6.25px;
  }
  /* line 1290, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial p {
    width: 80%;
    padding-bottom: 12.5px;
  }
  /* line 1295, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul {
    width: 70%;
    padding: 0 34px;
    margin: 0 auto;
  }
  /* line 1300, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li {
    margin-bottom: 25px;
  }
  /* line 1303, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial ul li:last-child {
    margin-bottom: 0;
  }
  /* line 1309, app/assets/stylesheets/_home.scss */
  body.home .contents .editorial > a {
    margin: 25px 0;
    float: right;
  }
  /* line 1315, app/assets/stylesheets/_home.scss */
  body.home .contents .blog,
body.home .contents .reviews {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1321, 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 1326, 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 1331, 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 1337, 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 1342, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn,
body.home .contents .reviews .cta-btn {
    width: calc(100% - 40px);
  }
  /* line 1347, app/assets/stylesheets/_home.scss */
  body.home .contents .blog {
    margin-top: 75px;
    position: relative;
  }
  /* line 1351, 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 1361, app/assets/stylesheets/_home.scss */
  body.home .contents .blog h2 {
    margin: 0 20px;
  }
  /* line 1365, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry {
    padding-bottom: 25px;
  }
  /* line 1368, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .blog-entry .textbox {
    margin-right: 25px;
  }
  /* line 1373, app/assets/stylesheets/_home.scss */
  body.home .contents .blog .cta-btn {
    width: calc(100% - 178px);
    margin-left: 174px;
  }
  /* line 1379, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews {
    padding-bottom: 25px;
    margin-top: 50px;
    margin-bottom: 75px;
    position: relative;
  }
  /* line 1385, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews h2 {
    margin: 12.5px 20px 0;
  }
  /* line 1389, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review {
    padding-bottom: 37.5px;
    margin: 25px 20px 0;
  }
  /* line 1393, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review h2 {
    margin: 0 20px;
  }
  /* line 1397, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review .listen {
    margin-top: 12.5px;
  }
  /* line 1402, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .latest-review a:first-child {
    width: 154px;
    margin-top: -10px;
  }
  /* line 1409, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn {
    width: calc(50% - 34px);
    position: absolute;
    bottom: -20px;
    left: 20px;
  }
  /* line 1415, app/assets/stylesheets/_home.scss */
  body.home .contents .reviews .cta-btn:last-child {
    left: auto;
    right: 20px;
  }
  /* line 1422, app/assets/stylesheets/_home.scss */
  body.home .contents .store,
body.home .contents .editorial {
    width: 32%;
    float: left;
    clear: left;
  }
  /* line 1429, app/assets/stylesheets/_home.scss */
  body.home .contents .library,
body.home .contents .encyclopedia {
    width: 66%;
    float: right;
    clear: right;
  }
  /* line 1436, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links {
    width: 100%;
    padding: 25px 0;
    float: none;
    clear: both;
    display: flex;
  }
  /* line 1443, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div {
    width: calc(50% - 1px);
    padding: 0 20px;
  }
  /* line 1447, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div ul {
    padding: 0 25px;
  }
  /* line 1451, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links div:first-child {
    border-right: solid 2px #FF0037;
  }
  /* line 1456, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a {
    width: calc(50% - 1px);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 1462, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a img {
    width: 70px;
  }
  /* line 1466, app/assets/stylesheets/_home.scss */
  body.home .contents .other-links > a h3 {
    max-width: 200px;
    margin-left: 18.75px;
  }
  /* line 1473, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators {
    width: 100%;
    padding: 37.5px 0 75px;
  }
  /* line 1477, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container {
    width: 90%;
    padding: 0 34px;
    margin: 50px auto 0;
    position: relative;
  }
  /* line 1483, 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: 1;
  }
  /* line 1496, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:before {
    left: 0;
  }
  /* line 1500, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container:after {
    right: 0;
  }
  /* line 1504, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide {
    width: auto;
  }
  /* line 1507, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide a {
    height: 100px;
  }
  /* line 1511, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-slide img {
    height: 100px;
  }
  /* line 1516, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-prev {
    left: 0;
  }
  /* line 1520, app/assets/stylesheets/_home.scss */
  body.home .contents .collaborators .swiper-container .swiper-button-next {
    right: 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;
  }
}