/*!
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.donate {
  position: relative;
}

/* line 544, 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.donate:before {
  background-repeat: no-repeat;
  background-position: center center;
  content: "";
  display: block;
  position: absolute;
}

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

/* line 557, 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 569, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search {
  border: solid 2px #380038;
}

/* line 572, 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 580, app/assets/stylesheets/hablemos.scss */
body header .container nav.secondary a.search:hover {
  text-decoration: none;
  background-color: #380038;
  color: #FFFFFF;
}

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

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

/* line 594, 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 607, app/assets/stylesheets/hablemos.scss */
body header.alt {
  background-color: #380038;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1039, 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 1043, 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 1058, 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 1063, 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 1072, app/assets/stylesheets/hablemos.scss */
body.library {
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1419, 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 1425, 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 1431, 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 1437, 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 1443, 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 1449, 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 1455, app/assets/stylesheets/hablemos.scss */
body.single.en .related-content ul.issues:after {
  background-image: url(/assets/components/related-issues-en-89006e8ed7cb87bb841dc8905f0fa7c6f022c1b7e66253ffc7c689dbf03fbecc.svg);
}

/* line 1470, 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 1474, 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 1479, 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 1479, 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 1479, 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 1482, 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 1485, 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 1495, 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 1495, 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 1495, 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 1500, 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 1505, 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 1505, 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 1505, 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 1511, 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 1514, 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 1518, 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 1525, 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 1529, 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 1536, 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 1536, 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 1536, 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 1542, 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 1549, 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 1549, 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 1549, 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 1552, 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 1555, 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 1563, 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 1573, 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 1573, 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 1573, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    font-size: 16px;
    line-height: 26px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1681, 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 1696, 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 1711, 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 1713, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
    max-width: 600px;
  }
  /* line 1720, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 1723, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2, body .primary .no-result-message p {
    text-align: center;
  }
  /* line 1727, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
    font-size: 20px;
  }
  /* line 1732, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    font-size: 15px;
    max-width: 494px;
  }
  /* line 1740, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 1744, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 1748, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 1752, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 1755, 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 1766, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 20px auto 15px auto;
  }
  /* line 1771, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 72px;
  }
  /* line 1774, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 72px;
  }
  /* line 1777, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 1784, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    margin: 0 4px;
  }
  /* line 1787, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a:last-child, body .lang-selector span:last-child {
    margin-right: 0;
  }
  /* line 1794, app/assets/stylesheets/hablemos.scss */
  body header .container {
    padding-top: 25px;
    min-height: 50px;
    position: relative;
  }
  /* line 1799, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 156px;
    margin-left: 21.3333%;
    position: relative;
  }
  /* line 1804, app/assets/stylesheets/hablemos.scss */
  body header .container > a.brand-space:before {
    content: "";
    display: block;
    position: absolute;
  }
  /* line 1811, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    text-align: right;
    margin-left: 0;
    position: absolute;
    top: 80px;
    right: 10px;
  }
  /* line 1819, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 14px;
    line-height: 16px;
  }
  /* line 1824, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to span {
    display: block;
  }
  /* line 1829, app/assets/stylesheets/hablemos.scss */
  body header .container button {
    border-bottom: 0;
  }
  /* line 1833, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1;
  }
  /* line 1840, 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 1849, 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 1863, app/assets/stylesheets/hablemos.scss */
  body header .container .menu #mobile-close {
    position: absolute;
    top: 25px;
    right: 20px;
  }
  /* line 1869, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav {
    padding: 20px 0;
    margin: 0 20px;
  }
  /* line 1873, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav a {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 25px;
  }
  /* line 1879, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main {
    padding-top: 30px;
  }
  /* line 1882, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a {
    width: calc(100% - 32px);
    color: #FF0037;
    display: block;
  }
  /* line 1887, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.main a span {
    display: none;
  }
  /* line 1893, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary {
    border-top: 1px solid #FFFFFF;
  }
  /* line 1896, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary .lang-selector {
    padding-right: 30px;
    color: #FFFFFF;
    float: right;
  }
  /* line 1902, 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 1907, 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 1912, 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 1919, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a {
    color: #FFFFFF;
    display: inline-block;
    float: left;
    clear: left;
  }
  /* line 1926, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.shop {
    padding-right: 30px;
  }
  /* line 1929, 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 1935, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.search {
    border: none;
    padding-right: 28px;
    font-weight: 800;
    color: #FFFFFF;
  }
  /* line 1941, 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 1951, app/assets/stylesheets/hablemos.scss */
  body header .container .menu nav.secondary a.donate {
    padding-right: 20px;
  }
  /* line 1954, 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 1963, app/assets/stylesheets/hablemos.scss */
  body header .container .menu.open {
    left: 0%;
    right: 0%;
  }
  /* line 1969, 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 1978, 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 1986, 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 1990, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm a:hover {
    text-decoration: underline;
  }
  /* line 2001, app/assets/stylesheets/hablemos.scss */
  body header.alt .container nav.secondary a.shop {
    color: #FFFFFF;
  }
  /* line 2013, 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 2018, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-direction: column;
  }
  /* line 2022, 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 2026, 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 2034, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    margin-top: -60px;
  }
  /* line 2037, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5 {
    padding: 10px 0;
    margin-left: 21.3333%;
    color: red;
    cursor: pointer;
    font-size: 14px;
  }
  /* line 2045, app/assets/stylesheets/hablemos.scss */
  body section.sidebar h5:before {
    content: "+ ";
    margin-left: -10px;
  }
  /* line 2051, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    display: none;
  }
  /* line 2055, 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 2062, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    margin: 5px 0;
  }
  /* line 2067, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    background-size: contain;
    width: 24px;
    height: 22px;
    left: -26px;
    top: 3px;
  }
  /* line 2077, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    padding: 0;
    overflow: hidden;
    display: none;
  }
  /* line 2082, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 25%;
    float: left;
    text-align: center;
  }
  /* line 2087, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
    display: inline-block;
  }
  /* line 2094, 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 2106, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms {
    padding-top: 10px !important;
  }
  /* line 2109, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 20px auto 18px auto;
    display: block;
  }
  /* line 2122, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 2127, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 20px;
    top: 5px;
    left: -28px;
  }
  /* line 2135, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: 94%;
    max-width: 600px;
    height: 100%;
  }
  /* line 2140, 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 2148, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    width: 100%;
    top: 56px;
  }
  /* line 2152, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: 100%;
  }
  /* line 2159, app/assets/stylesheets/hablemos.scss */
  body section.banner {
    margin-bottom: 30px;
  }
  /* line 2162, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 600px;
  }
  /* line 2168, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    border-top: 1px solid #FF0037;
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: auto;
  }
  /* line 2174, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 2178, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin: 8px 10px;
  }
  /* line 2183, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    margin-bottom: 16px;
    text-align: center;
  }
  /* line 2187, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin: 0 6px;
  }
  /* line 2192, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    display: block;
    text-align: center;
  }
  /* line 2199, app/assets/stylesheets/hablemos.scss */
  body .he-form {
    margin-bottom: 40px;
  }
  /* line 2202, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 10px;
  }
  /* line 2205, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    margin: 0;
    padding: 10px 0;
  }
  /* line 2211, app/assets/stylesheets/hablemos.scss */
  body .he-form button {
    width: 50%;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
  }
  /* line 2218, app/assets/stylesheets/hablemos.scss */
  body .he-form .buttons {
    margin-top: 10px;
  }
  /* line 2222, app/assets/stylesheets/hablemos.scss */
  body .he-form .he-button {
    margin-left: 10px;
  }
  /* line 2226, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 10px;
    padding: 5px;
  }
  /* line 2234, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    padding-bottom: 20px;
  }
  /* line 2238, 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 2254, app/assets/stylesheets/hablemos.scss */
  body.home header .container h1 {
    margin-bottom: 10px;
  }
  /* line 2258, app/assets/stylesheets/hablemos.scss */
  body.home header .container .main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2279, app/assets/stylesheets/hablemos.scss */
  body.podcast header {
    overflow: hidden;
  }
  /* line 2284, 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 2295, 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 2311, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container a.switch-to {
    top: 150px;
  }
  /* line 2315, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2325, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container a.switch-to {
    top: 80px;
  }
  /* line 2337, 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 2341, 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 2349, 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 2357, 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 2364, 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 2368, 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 2376, 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 2390, 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 2395, 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 2406, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2410, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container a.switch-to {
    top: 150px;
  }
  /* line 2414, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2418, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container img.deco {
    width: auto;
    height: 164px;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  /* line 2426, 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 2436, 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 2448, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 2454, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2462, app/assets/stylesheets/hablemos.scss */
  body.library header .container {
    min-height: 100px;
    padding-bottom: 20px;
  }
  /* line 2466, 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 2481, app/assets/stylesheets/hablemos.scss */
  body.library header .container a.switch-to {
    top: 150px;
  }
  /* line 2485, 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 2496, 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 2506, 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 2519, 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 2531, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 21.3333%;
  }
  /* line 2534, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 40px;
    left: -4px;
  }
  /* line 2542, app/assets/stylesheets/hablemos.scss */
  body.library header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 2550, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button {
    width: calc(50% - 10px);
  }
  /* line 2553, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:first-of-type {
    float: left;
  }
  /* line 2557, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button:last-child {
    float: right;
  }
  /* line 2565, 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 2567, 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 2587, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 2591, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container a.switch-to {
    top: 150px;
  }
  /* line 2595, 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 2607, app/assets/stylesheets/hablemos.scss */
  body.editorial .primary .search-trigger {
    top: 50px;
    right: 0;
    left: auto;
  }
  /* line 2614, app/assets/stylesheets/hablemos.scss */
  body.editorial .searchbox.form-container {
    padding-top: 40px;
  }
  /* line 2634, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2639, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a:before {
    width: 42px;
    height: 12px;
    left: -48px;
    bottom: 14px;
  }
  /* line 2647, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2656, app/assets/stylesheets/hablemos.scss */
  body.blog header .container {
    padding-bottom: 20px;
  }
  /* line 2659, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    display: none;
  }
  /* line 2663, app/assets/stylesheets/hablemos.scss */
  body.blog header .container img.deco {
    width: auto;
    height: 140px;
    bottom: -10px;
    left: -9px;
    z-index: 2;
  }
  /* line 2671, app/assets/stylesheets/hablemos.scss */
  body.blog header .container > nav.main-sm {
    margin-top: 68.75px;
    margin-bottom: 0;
  }
  /* line 2680, app/assets/stylesheets/hablemos.scss */
  body.about header {
    min-height: 100px;
  }
  /* line 2683, 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 2693, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    position: relative;
    width: 140px;
    margin-left: 21.3333%;
    display: block;
  }
  /* line 2701, app/assets/stylesheets/hablemos.scss */
  body.about header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 2710, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 40px;
  }
  /* line 2713, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 30px 0 40px 0;
  }
  /* line 2716, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: calc(100% - 180px);
    top: 30px;
    right: 0;
  }
  /* line 2722, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    background-size: contain;
    width: 180px;
    height: 225px;
    top: 0;
    left: -10px;
  }
  /* line 2730, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 35px;
    overflow: hidden;
  }
  /* line 2734, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 160px;
    margin-left: 70px;
    margin-bottom: 10px;
  }
  /* line 2740, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 160px;
    z-index: 1;
  }
  /* line 2744, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 160px;
  }
  /* line 2748, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 2755, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    max-width: 500px;
    margin-right: 10px;
    margin-left: 70px;
  }
  /* line 2760, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 2764, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-right: 10px;
    margin-bottom: 15px;
  }
  /* line 2769, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin: 0 auto 20px auto;
  }
  /* line 2773, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 420px;
  }
  /* line 2778, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 2786, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 2791, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 15px;
  }
  /* line 2801, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    max-width: 480px;
    margin: 0 auto;
    display: block;
  }
  /* line 2807, 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 2819, 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 2822, 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 2832, 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 2837, 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 2840, 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 2845, 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 2851, 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 2855, 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 2865, 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 2873, 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 2881, 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 2885, 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 2895, 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 2906, app/assets/stylesheets/hablemos.scss */
  body.single.editorial header .container a.switch-to {
    top: 80px;
  }
  /* line 2914, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 157px;
  }
  /* line 2922, 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 2932, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 20px;
    overflow: visible;
  }
  /* line 2936, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a.brand-space, body.suscribe header .container > a.brand-space {
    position: relative;
  }
  /* line 2939, 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 2951, 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 2958, 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 2963, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 10px;
  }
  /* line 2967, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    margin: 0;
    overflow: hidden;
  }
  /* line 2971, 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 2976, 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 2983, 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 2993, app/assets/stylesheets/hablemos.scss */
  body.press header .container {
    padding-bottom: 20px;
  }
  /* line 2997, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a:before {
    width: 40px;
    height: 12px;
    left: -46px;
    bottom: 13px;
  }
  /* line 3005, app/assets/stylesheets/hablemos.scss */
  body.press header .container a.switch-to {
    top: 120px;
  }
  /* line 3009, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    margin-left: 21.3333%;
  }
  /* line 3013, app/assets/stylesheets/hablemos.scss */
  body.press header .container > nav.main-sm {
    margin-bottom: 0;
  }
  /* line 3022, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin-bottom: 0;
  }
  /* line 3025, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    margin-bottom: 0;
  }
  /* line 3032, app/assets/stylesheets/hablemos.scss */
  body.results .results.list {
    margin-top: 60px;
    margin-bottom: 35px;
  }
  /* line 3036, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    padding: 4px 0;
    margin-bottom: 25px;
  }
  /* line 3041, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul {
    width: 57.3334%;
    min-width: 240px;
    margin: 10px auto;
  }
  /* line 3046, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li {
    margin-bottom: 37.5px;
  }
  /* line 3049, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 160px;
    margin-bottom: 10px;
    display: block;
  }
  /* line 3054, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 3058, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 100%;
  }
  /* line 3062, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 160px;
  }
  /* line 3066, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 3074, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6px;
  }
  /* line 3078, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li:last-child {
    margin-bottom: 0;
  }
  /* line 3089, app/assets/stylesheets/hablemos.scss */
  body.donate header .container > nav.main-sm {
    margin-top: 68.75px;
  }
  /* line 3097, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  /* line 3101, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h1 {
    width: 58%;
    min-width: 220px;
    padding-bottom: 25px;
    margin: 0 0 0 21%;
  }
  /* line 3108, 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 3116, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 20px;
  }
  /* line 3121, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    width: 90%;
    padding: 5px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  /* line 3135, app/assets/stylesheets/hablemos.scss */
  body {
    /* &.home.en {
			header {
				.container {
					&:before {
						background: image_url(/components/gradient-en.png);
					}
				}
			}
		} */
  }
  /* line 3137, app/assets/stylesheets/hablemos.scss */
  body .container {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  /* line 3143, app/assets/stylesheets/hablemos.scss */
  body .primary .list {
    min-height: 400px;
  }
  /* line 3147, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message {
    margin-top: 64px;
  }
  /* line 3150, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message h2 {
    margin-bottom: 30px;
  }
  /* line 3154, app/assets/stylesheets/hablemos.scss */
  body .primary .no-result-message p {
    max-width: 494px;
  }
  /* line 3161, app/assets/stylesheets/hablemos.scss */
  body .underline {
    padding-bottom: 3px;
  }
  /* line 3165, app/assets/stylesheets/hablemos.scss */
  body .boldface {
    padding-bottom: 8px;
  }
  /* line 3169, app/assets/stylesheets/hablemos.scss */
  body .sm-cap {
    padding-bottom: 9px;
  }
  /* line 3173, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote {
    position: relative;
  }
  /* line 3176, app/assets/stylesheets/hablemos.scss */
  body h3.add-quote:before {
    width: 60px;
    height: 86px;
    position: absolute;
    left: -68px;
    top: -66px;
  }
  /* line 3185, app/assets/stylesheets/hablemos.scss */
  body hr.boldface {
    margin: 25px auto;
  }
  /* line 3190, app/assets/stylesheets/hablemos.scss */
  body .announcement-space {
    height: 46px;
  }
  /* line 3193, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message {
    height: 46px;
  }
  /* line 3196, app/assets/stylesheets/hablemos.scss */
  body .announcement-space .message p {
    padding: 0 16px;
  }
  /* line 3202, app/assets/stylesheets/hablemos.scss */
  body .lang-selector {
    font-size: 15px;
    color: #380038;
  }
  /* line 3206, app/assets/stylesheets/hablemos.scss */
  body .lang-selector a, body .lang-selector span {
    font-size: 15px;
  }
  /* line 3212, app/assets/stylesheets/hablemos.scss */
  body header .container {
    min-height: 368px;
    padding-top: 58px;
    padding-bottom: 25px;
  }
  /* line 3217, app/assets/stylesheets/hablemos.scss */
  body header .container > a {
    width: 262px;
    margin-left: 82px;
    float: left;
  }
  /* line 3223, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to {
    margin: 34px 158px 0 0;
    float: right;
    clear: both;
  }
  /* line 3229, app/assets/stylesheets/hablemos.scss */
  body header .container a.switch-to * {
    font-size: 21px;
    line-height: 24px;
  }
  /* line 3235, app/assets/stylesheets/hablemos.scss */
  body header .container #mobile-toggle,
body header .container #mobile-close {
    display: none;
  }
  /* line 3240, app/assets/stylesheets/hablemos.scss */
  body header .container h1 {
    width: 36.6%;
    padding-top: 22px;
    margin-left: 7.4275%;
    float: left;
    clear: left;
  }
  /* line 3250, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main {
    position: absolute;
    margin: auto;
    top: 336px;
    right: 48px;
    left: 48px;
    overflow: hidden;
  }
  /* line 3258, 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 3266, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a span {
    font-size: 12px;
    line-height: 22px;
  }
  /* line 3271, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:first-child {
    margin-left: 7.4275%;
  }
  /* line 3275, app/assets/stylesheets/hablemos.scss */
  body header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3281, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary {
    max-width: 520px;
    padding-top: 37.5px;
    position: absolute;
    top: 48px;
    right: 48px;
  }
  /* line 3288, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary .lang-selector {
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 3293, 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 3298, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a {
    padding: 2px 0;
    margin-left: 20px;
    float: left;
  }
  /* line 3303, 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 3313, 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 3325, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a.donate {
    padding-right: 18px;
    font-size: 15px;
    line-height: 17px;
  }
  /* line 3331, app/assets/stylesheets/hablemos.scss */
  body header .container nav.secondary > a:nth-of-type(2) {
    margin-left: 0;
  }
  /* line 3338, app/assets/stylesheets/hablemos.scss */
  body header .container > nav.main-sm,
body header .container > .lang-selector {
    display: none;
  }
  /* line 3348, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link,
body .contents .container .ext-link {
    margin-bottom: 31.25px;
  }
  /* line 3351, app/assets/stylesheets/hablemos.scss */
  body .contents .latest-podcast .textbox .ext-link a,
body .contents .container .ext-link a {
    flex-wrap: wrap;
  }
  /* line 3355, 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 3360, 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 3368, app/assets/stylesheets/hablemos.scss */
  body section.sidebar {
    width: 23.9%;
    padding-top: 60px;
  }
  /* line 3372, app/assets/stylesheets/hablemos.scss */
  body section.sidebar hr.boldface {
    margin-bottom: 34px;
  }
  /* line 3376, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul {
    margin-top: 18.75px;
    margin-bottom: 31.25px;
  }
  /* line 3380, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li {
    padding: 6px 0;
  }
  /* line 3384, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul li.current:before {
    width: 48px;
    height: 32px;
    left: -58px;
    top: 6px;
  }
  /* line 3393, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet {
    display: flex;
    flex-wrap: wrap;
  }
  /* line 3397, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li {
    width: 22%;
    padding: 6px 0;
    margin-right: 4%;
  }
  /* line 3402, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li a {
    padding: 4px 10px;
    margin: 0 auto;
  }
  /* line 3407, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.alphabet li:nth-child(4n) {
    margin-right: 0;
  }
  /* line 3412, 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 3425, app/assets/stylesheets/hablemos.scss */
  body section.sidebar ul.terms hr.boldface {
    margin: 28px 0 25px 0;
  }
  /* line 3431, app/assets/stylesheets/hablemos.scss */
  body section.primary {
    width: 74.7%;
  }
  /* line 3436, app/assets/stylesheets/hablemos.scss */
  body .searchbox.form-container div.related {
    width: 34px;
    left: -52px;
  }
  /* line 3443, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner {
    width: auto;
    max-width: 670px;
    height: 100%;
  }
  /* line 3448, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner .close-newsletter-box {
    width: 50px;
    height: 50px;
    top: calc(10% - 50px);
    right: -50px;
  }
  /* line 3455, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox {
    height: 80%;
    max-height: 670px;
    top: 10%;
  }
  /* line 3460, app/assets/stylesheets/hablemos.scss */
  body #signPop div.inner #linkBox img {
    width: auto;
    height: 100%;
  }
  /* line 3469, app/assets/stylesheets/hablemos.scss */
  body section.banner img {
    max-width: 1200px;
  }
  /* line 3475, app/assets/stylesheets/hablemos.scss */
  body footer .container {
    padding: 50px;
    overflow: auto;
  }
  /* line 3479, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns {
    float: left;
  }
  /* line 3482, app/assets/stylesheets/hablemos.scss */
  body footer .container ul.sns li {
    margin-right: 12px;
  }
  /* line 3487, app/assets/stylesheets/hablemos.scss */
  body footer .container nav {
    float: right;
    clear: right;
  }
  /* line 3491, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a {
    margin-left: 10px;
  }
  /* line 3495, app/assets/stylesheets/hablemos.scss */
  body footer .container nav a:first-child {
    margin-left: 0;
  }
  /* line 3501, app/assets/stylesheets/hablemos.scss */
  body footer .container .credits {
    margin-top: 4px;
    float: left;
    clear: left;
  }
  /* line 3510, app/assets/stylesheets/hablemos.scss */
  body .he-form .field {
    margin-bottom: 12.5px;
  }
  /* line 3513, app/assets/stylesheets/hablemos.scss */
  body .he-form .field input, body .he-form .field textarea {
    padding: 6.25px 0;
  }
  /* line 3518, 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 3522, app/assets/stylesheets/hablemos.scss */
  body .he-form .response-output {
    margin-top: 25px;
    padding: 12.5px;
  }
  /* line 3530, app/assets/stylesheets/hablemos.scss */
  body.home header .container {
    min-height: 137px;
  }
  /* line 3534, 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 3548, app/assets/stylesheets/hablemos.scss */
  body.home header .container > a {
    z-index: 2;
  }
  /* line 3559, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main {
    display: none;
  }
  /* line 3562, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a {
    width: calc(94.5656% / 5);
    margin-right: 1.3586%;
  }
  /* line 3566, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 3570, app/assets/stylesheets/hablemos.scss */
  body.home header .container nav.main a:last-child {
    margin-right: 0;
  }
  /* line 3591, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container {
    min-height: 315px;
    padding-bottom: 50px;
    overflow: visible;
  }
  /* line 3596, 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 3610, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3617, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container > a {
    position: relative;
  }
  /* line 3620, 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 3633, app/assets/stylesheets/hablemos.scss */
  body.podcast header .container nav.main {
    top: 285px;
  }
  /* line 3643, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3661, 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 3671, 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 3682, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container .featured-writer img {
    width: 100%;
    display: block;
  }
  /* line 3693, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia header .container, body.library header .container, body.editorial header .container {
    position: relative;
  }
  /* line 3696, 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 3704, 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 3711, 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 3715, 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 3718, 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 3723, 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 3736, app/assets/stylesheets/hablemos.scss */
  body.library header .container img.deco {
    bottom: -2px;
  }
  /* line 3741, 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 3757, 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 3767, 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 3779, 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 3791, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3797, app/assets/stylesheets/hablemos.scss */
  body.library header .container h1.cap:before {
    width: 16px;
    height: 15px;
    top: 44px;
    left: -6px;
  }
  /* line 3808, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container h4 {
    margin-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3813, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3816, app/assets/stylesheets/hablemos.scss */
  body.library .searchbox.form-container form button.search-clear {
    margin-top: -56px;
  }
  /* line 3826, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container h4, body.editorial .searchbox.form-container h4 {
    padding-top: 56px;
    margin-bottom: 16px;
  }
  /* line 3831, app/assets/stylesheets/hablemos.scss */
  body.encyclopedia .searchbox.form-container form, body.editorial .searchbox.form-container form {
    margin-bottom: 75px;
  }
  /* line 3837, app/assets/stylesheets/hablemos.scss */
  body.editorial {
    /* 			&.single {
				header .container {
					>a {
						&:before {
							background: image_url(/components/editorial.svg);
						}
					}
				}
			} */
  }
  /* line 3839, 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 3859, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container img.deco {
    top: 63px;
    z-index: 2;
  }
  /* line 3864, app/assets/stylesheets/hablemos.scss */
  body.editorial header .container h1 {
    margin-left: 0;
    position: absolute;
    left: 202px;
    top: 134px;
  }
  /* line 3886, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container {
    overflow: visible;
  }
  /* line 3889, app/assets/stylesheets/hablemos.scss */
  body.indexes header .container > a {
    position: relative;
  }
  /* line 3892, 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 3909, app/assets/stylesheets/hablemos.scss */
  body.blog header .container h1 {
    margin: 0;
    position: absolute;
    left: 130px;
    top: 134px;
  }
  /* line 3918, app/assets/stylesheets/hablemos.scss */
  body.blog header img.deco {
    width: 133px;
    height: auto;
    left: -38px;
    top: 52px;
    z-index: 0;
  }
  /* line 3928, app/assets/stylesheets/hablemos.scss */
  body.blog .primary .search-trigger {
    width: 34px;
    top: 50px;
    left: -52px;
  }
  /* line 3935, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container {
    width: 82.9986%;
    display: none;
  }
  /* line 3939, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container h4 {
    margin-bottom: 16px;
  }
  /* line 3943, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form {
    margin-bottom: 50px;
    overflow: hidden;
  }
  /* line 3947, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 3952, app/assets/stylesheets/hablemos.scss */
  body.blog .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 3962, 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 3972, app/assets/stylesheets/hablemos.scss */
  body.about header img.team {
    width: auto;
    height: 380px;
    bottom: 0;
    left: -102px;
  }
  /* line 3982, app/assets/stylesheets/hablemos.scss */
  body.single .related-content {
    padding-top: 75px;
  }
  /* line 3985, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul {
    padding: 50px 0 62.5px 0;
  }
  /* line 3988, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:before {
    width: 62%;
    top: 50px;
    right: 0;
  }
  /* line 3994, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul:after {
    width: 320px;
    height: 225px;
    top: 0;
    left: 0;
  }
  /* line 4001, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li {
    padding-top: 37.5px;
    margin-bottom: 25px;
    overflow: hidden;
  }
  /* line 4006, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li > a {
    width: 180px;
    margin-left: 12.6%;
    float: left;
  }
  /* line 4012, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4017, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img {
    width: auto;
    height: 100%;
  }
  /* line 4021, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4028, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox {
    width: 62%;
    float: right;
  }
  /* line 4032, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > span {
    line-height: 10px;
  }
  /* line 4036, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox > a {
    margin-bottom: 25px;
  }
  /* line 4040, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .shoppable {
    margin-bottom: 0;
    margin-left: 12.5px;
  }
  /* line 4045, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox p {
    max-width: 640px;
  }
  /* line 4049, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li .textbox .details {
    max-width: 494px;
  }
  /* line 4054, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul li:last-child {
    margin-bottom: 0;
  }
  /* line 4062, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox > a:first-child {
    margin-bottom: 0;
  }
  /* line 4067, app/assets/stylesheets/hablemos.scss */
  body.single .related-content ul.entries li .textbox h4 {
    margin-bottom: 25px;
  }
  /* line 4076, 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 4083, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a {
    width: 100%;
    display: inline-block;
  }
  /* line 4087, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link a * {
    vertical-align: middle;
  }
  /* line 4092, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link p {
    max-width: none;
    display: inline-block;
  }
  /* line 4098, app/assets/stylesheets/hablemos.scss */
  body.single .contents .container .ext-link img, body.single .contents .container .ext-link svg {
    display: inline-block;
  }
  /* line 4109, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container, body.single.book header .container, body.single.editorial header .container {
    padding-bottom: 50px;
  }
  /* line 4121, 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 4125, 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 4128, 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 4133, 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 4136, 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 4140, 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 4149, 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 4157, 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 4160, 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 4166, 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 4172, 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 4183, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container {
    min-height: 368px;
  }
  /* line 4186, app/assets/stylesheets/hablemos.scss */
  body.single.podcast header .container nav.main {
    top: 336px;
  }
  /* line 4200, 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 4204, 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 4214, app/assets/stylesheets/hablemos.scss */
  body.single.author header .container > a.brand-space {
    width: 264px;
  }
  /* line 4222, app/assets/stylesheets/hablemos.scss */
  body.contact header .container, body.suscribe header .container {
    padding-bottom: 0;
    overflow: visible;
  }
  /* line 4226, app/assets/stylesheets/hablemos.scss */
  body.contact header .container > a, body.suscribe header .container > a {
    position: relative;
  }
  /* line 4229, 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 4244, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container, body.suscribe .form-container {
    width: 62%;
    margin: 56px 0 50px 25.3%;
  }
  /* line 4248, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container h1, body.suscribe .form-container h1 {
    margin-bottom: 25px;
  }
  /* line 4252, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form, body.suscribe .form-container form {
    overflow: hidden;
  }
  /* line 4255, 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 4261, 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 4266, app/assets/stylesheets/hablemos.scss */
  body.contact .form-container form .response-output, body.suscribe .form-container form .response-output {
    clear: both;
  }
  /* line 4276, app/assets/stylesheets/hablemos.scss */
  body.press header .container h1 {
    display: none;
  }
  /* line 4280, app/assets/stylesheets/hablemos.scss */
  body.press header .container > a {
    position: relative;
  }
  /* line 4283, 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 4298, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container {
    margin: 56px 0 50px 0;
    width: 62%;
    margin-left: 25.3%;
  }
  /* line 4303, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container h1 {
    margin-bottom: 16px;
  }
  /* line 4307, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form {
    overflow: hidden;
  }
  /* line 4310, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form div.field.text {
    width: 79.3548%;
    float: left;
  }
  /* line 4315, app/assets/stylesheets/hablemos.scss */
  body.search .searchbox.form-container form button {
    width: 18.0645%;
    float: right;
  }
  /* line 4325, app/assets/stylesheets/hablemos.scss */
  body.results .results.list h5 {
    width: 87.4%;
    padding: 4px 0;
    margin-bottom: 43.75px;
  }
  /* line 4332, 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 4341, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child {
    width: 180px;
    position: absolute;
    left: 0px;
    top: 0;
  }
  /* line 4347, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child img {
    width: 100%;
  }
  /* line 4351, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related {
    width: 180px;
    height: 180px;
    margin-top: 0;
  }
  /* line 4356, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img {
    width: auto;
    height: 100%;
  }
  /* line 4360, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.horizontal {
    width: 100%;
    height: auto;
  }
  /* line 4365, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li > a:first-child .related img.vertical {
    position: absolute;
    right: 0;
  }
  /* line 4373, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li h3 {
    margin-bottom: 6.25px;
  }
  /* line 4378, app/assets/stylesheets/hablemos.scss */
  body.results .results.list ul li.episode h4 span {
    margin-right: 4px;
  }
  /* line 4389, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /* line 4393, 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 4401, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container h2 {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  /* line 4406, 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 4414, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container p:last-of-type {
    margin-bottom: 50px;
  }
  /* line 4419, app/assets/stylesheets/hablemos.scss */
  body.donate .contents .container .widget {
    padding: 20px;
  }
}

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

/* line 4436, 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 107, 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 107, 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 107, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide * {
    font-size: 38px;
    line-height: 80px;
  }
}

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

/* line 128, 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 128, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active * {
    font-size: 42px;
    line-height: 48px;
  }
}

@media screen and (min-width: 1024px) {
  /* line 128, 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 140, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav .swiper .swiper-wrapper .swiper-slide.swiper-slide-active *:visited {
  color: #FF0037;
}

/* line 150, 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 150, 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: 35px;
    line-height: 48px;
  }
}

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

@media screen and (min-width: 1024px) {
  /* line 167, 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 182, 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 189, 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 198, 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 206, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .years-nav > div {
  background-color: #FFFFFF;
  width: 100%;
}

/* line 210, 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 222, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .category-description {
  width: 100%;
}

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

/* line 229, 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 229, 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 229, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description h4 {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 234, 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 234, 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 234, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description .textbox p {
    font-size: 14px;
    line-height: 25px;
  }
}

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

/* line 246, 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 251, 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 251, 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 251, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

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

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

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

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

/* line 279, 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 279, 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 279, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    font-size: 12px;
    line-height: 20px;
  }
}

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

/* line 291, 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 291, 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 291, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list .title {
    font-size: 24px;
    line-height: 30px;
  }
}

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

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

/* line 304, 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 311, 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 311, 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 311, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li a h3 {
    font-size: 17px;
    line-height: 30px;
  }
}

/* line 315, 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 320, 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 328, app/assets/stylesheets/_podcast.scss */
body.podcast div.contents .container .primary .podcasts.list ul li:hover h3 {
  text-decoration: underline;
}

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

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

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

/* line 355, 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 364, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .go-to-transcription a {
  display: flex;
  align-items: center;
}

/* line 369, 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 369, 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 369, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription * {
    font-size: 16px;
    line-height: 26px;
  }
}

/* line 378, 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 378, 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 378, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    font-size: 48px;
    line-height: 58px;
  }
}

/* line 382, 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 382, 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 382, 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 386, app/assets/stylesheets/_podcast.scss */
body.podcast.single section.contents .container .review .details h4 {
  font-weight: 600;
}

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

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

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

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

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

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

/* line 426, 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 434, 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 434, 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 434, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title * {
    font-size: 19px;
    line-height: 30px;
  }
}

/* line 441, 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 441, 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 441, 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 450, 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 462, 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 469, 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 480, app/assets/stylesheets/_podcast.scss */
body.podcast.single.transcription section.contents .container .transcription-box div.contents p strong {
  font-weight: 800;
}

/* line 484, 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 504, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container {
    padding-bottom: 0;
  }
  /* line 507, 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 527, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related {
    width: 140px;
    margin: 0 auto;
  }
  /* line 532, 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 541, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div h4 {
    display: none;
  }
  /* line 545, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div img {
    max-height: 140px;
    max-width: 140px;
  }
  /* line 552, 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 558, 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 571, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    max-width: 620px;
  }
  /* line 576, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    margin-bottom: 15px;
  }
  /* line 580, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox .listen {
    max-width: 360px;
  }
  /* line 589, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav {
    height: 100px;
  }
  /* line 592, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper {
    width: 80px;
    padding-top: 50px;
  }
  /* line 600, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-prev {
    left: 0;
  }
  /* line 604, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-next {
    right: 0;
  }
  /* line 609, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav > div {
    height: 100px;
  }
  /* line 615, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container section.sidebar {
    padding-top: 20px;
    margin-top: 0;
  }
  /* line 619, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container section.sidebar h5 {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  /* line 626, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description {
    max-width: 480px;
    margin: 30px 0 0;
  }
  /* line 631, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox {
    margin-top: 15px;
  }
  /* line 634, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p {
    margin-bottom: 15px;
  }
  /* line 637, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 647, 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 654, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h5, body.podcast div.contents .container .primary .featured a {
    display: block;
  }
  /* line 658, 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 662, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    max-width: 400px;
    margin: 0 auto;
  }
  /* line 667, 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 675, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured a:last-child {
    padding: 10px 0;
  }
  /* line 680, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .year {
    padding-top: 30px;
  }
  /* line 685, 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 691, 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 698, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li {
    width: 48%;
    margin-bottom: 25px;
  }
  /* line 703, 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 711, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul:last-child {
    margin-bottom: 0;
  }
  /* line 725, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .headling iframe {
    margin-top: 16px;
    margin-bottom: 10px;
  }
  /* line 731, 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 737, 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 747, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription {
    margin-top: 15px;
    margin-bottom: 31.25px;
  }
  /* line 751, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a {
    max-width: 480px;
    margin: 0 auto;
  }
  /* line 755, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a img {
    width: 45px;
    margin-right: 15px;
  }
  /* line 762, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .ext-link + .go-to-transcription {
    margin-top: 5px;
  }
  /* line 767, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details {
    margin: 10px 0 0;
  }
  /* line 770, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    border-top: 1px solid #FFFFFF;
    padding: 15px 0 10px;
  }
  /* line 775, 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 784, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox {
    padding-top: 25px;
  }
  /* line 796, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling {
    padding-bottom: 0;
  }
  /* line 799, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling .hashtags {
    padding-bottom: 0;
  }
  /* line 805, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .ext-link {
    margin-top: 0;
  }
  /* line 809, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box {
    padding-bottom: 40px;
  }
  /* line 813, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner {
    max-width: 600px;
  }
  /* line 816, 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 824, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title img {
    width: 45px;
    margin-right: 15px;
  }
  /* line 830, 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 838, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:before {
    margin-right: 4px;
  }
  /* line 843, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner.fixed {
    width: calc(100% - 20px);
  }
  /* line 848, 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 864, 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 874, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related {
    width: 23.9%;
    position: absolute;
    left: 0;
    top: 0;
  }
  /* line 881, 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 890, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div h4 {
    margin-bottom: 6px;
  }
  /* line 894, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .related div img {
    width: 100%;
    height: auto;
    max-height: 264px;
  }
  /* line 902, 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 909, 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 916, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox p {
    margin-bottom: 0;
  }
  /* line 920, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox a:last-of-type {
    margin-bottom: 25px;
  }
  /* line 924, app/assets/stylesheets/_podcast.scss */
  body.podcast header .container .latest-podcast .textbox .listen {
    max-width: 366px;
  }
  /* line 933, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav {
    height: 142px;
  }
  /* line 936, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper {
    width: 150px;
    padding-top: 50px;
    margin-left: calc(62.65% - 75px);
  }
  /* line 952, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-prev {
    left: calc(50% - 40px);
  }
  /* line 956, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav .swiper .swiper-button-next {
    right: calc(50% - 40px);
  }
  /* line 961, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .years-nav > div {
    height: 142px;
  }
  /* line 966, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  /* line 971, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description {
    margin-top: 50px;
  }
  /* line 974, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div {
    width: 74.7%;
    margin-left: 25.3%;
  }
  /* line 978, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox {
    margin-top: 18.75px;
  }
  /* line 981, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p {
    margin-bottom: 18.75px;
  }
  /* line 984, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .category-description > div .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 992, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary {
    width: 74.7%;
  }
  /* line 995, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured {
    margin-top: -50px;
    overflow: auto;
  }
  /* line 999, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured img {
    width: 30%;
    float: left;
  }
  /* line 1004, 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 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 {
    width: 65.9973%;
  }
  /* line 1013, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h2 {
    padding-top: 78px;
  }
  /* line 1017, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .featured h3 {
    margin-top: 36px;
    font-size: 30px;
    line-height: 32px;
  }
  /* line 1023, 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 1031, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .year {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  /* line 1037, 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 1044, 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 1051, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul li {
    width: 31.9946%;
    margin-bottom: 25px;
  }
  /* line 1056, 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 1064, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .podcasts.list ul:last-child {
    margin-bottom: 0;
  }
  /* line 1070, app/assets/stylesheets/_podcast.scss */
  body.podcast div.contents .container .primary .disclaimer {
    margin-top: 50px;
  }
  /* line 1082, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .headling iframe {
    margin-top: 18.75px;
  }
  /* line 1087, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related {
    width: 34.8%;
    margin-top: -50px;
    float: left;
  }
  /* line 1092, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container > .related:before {
    width: 91px;
    height: 90px;
    position: absolute;
    bottom: -20px;
    left: -32px;
  }
  /* line 1101, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription {
    width: 34.8%;
    margin-top: 37.5px;
    float: left;
  }
  /* line 1108, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .go-to-transcription a img {
    margin-right: 20px;
  }
  /* line 1114, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .ext-link + .go-to-transcription {
    margin-top: 6.25px;
  }
  /* line 1118, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review {
    padding-top: 50px;
    clear: both;
  }
  /* line 1122, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details {
    padding-top: 55px;
    width: 34%;
    float: left;
  }
  /* line 1127, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .details h2 {
    margin-bottom: 18.75px;
  }
  /* line 1132, 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 1138, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox p {
    margin-bottom: 15px;
  }
  /* line 1141, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .review .textbox p:last-child {
    margin-bottom: 0;
  }
  /* line 1148, app/assets/stylesheets/_podcast.scss */
  body.podcast.single section.contents .container .related-content {
    clear: both;
  }
  /* line 1158, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .related {
    margin-bottom: 50px;
  }
  /* line 1162, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox {
    margin-bottom: 50px;
  }
  /* line 1166, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .textbox .headling .hashtags {
    margin-top: 25px;
  }
  /* line 1172, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .ext-link {
    margin-top: 0;
    margin-bottom: 37.5px;
  }
  /* line 1177, 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 1186, 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 1198, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner {
    max-width: 1104px;
    top: 100px;
  }
  /* line 1203, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title {
    padding: 25px 0;
  }
  /* line 1206, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .title img {
    margin-right: 20px;
  }
  /* line 1211, 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 1218, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner .go-back:before {
    margin-right: 8px;
  }
  /* line 1224, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.banner.fixed .go-back {
    top: 100px;
  }
  /* line 1231, app/assets/stylesheets/_podcast.scss */
  body.podcast.single.transcription section.contents .container .transcription-box div.contents {
    width: 62%;
    padding: 29px 0 0 0;
  }
  /* line 1244, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main {
    width: 100%;
    position: relative;
    top: 148px;
    left: 0;
  }
  /* line 1250, 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 1256, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a span {
    min-height: 44px;
  }
  /* line 1260, app/assets/stylesheets/_podcast.scss */
  body.podcast:not(.single) header .container nav.main a:first-child {
    margin-left: 0;
  }
  /* line 1264, 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;
  }
}