@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://eldiario.com/wp-content/uploads/fonts/material-icon.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 42px;
  font-weight: bold;
  margin: 20px 0;
  color: #2a2a2c;
  width: 91%;
}
h5 {
  font-family: "PT Serif", Sans-serif;
  font-size: 28px;
  color: #20408e;
  font-weight: bold;
}
h3 {
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
}
.fas.fa-plus {
  width: 13px;
  height: 14px;
}
.share-social a span img {
  filter: invert(1);
}
.share-list li a img {
  width: 12px;
  margin-right: 10px;
}
hr {
  height: 0;
  border: none;
  border-top: 1px dotted #7d736e;
}
body .header .your-list {
  margin-right: 0;
}
.post-content p {
  font-family: "PT Serif", Sans-serif;
  font-size: 18px;
}
.post .dot {
  font-size: 32px;
  line-height: 16px;
  vertical-align: sub;
}
.post .excerpt .dot {
  font-size: 36px;
  vertical-align: sub;
}
.post blockquote .dot {
  font-size: 32px;
  line-height: 16px;
  vertical-align: sub;
}
.excerpt {
  font-size: 20px;
  margin-bottom: 30px;
  color: #2a2a2c;
  width: 91%;
  font-family: "PT Serif", Sans-serif;
}
.excerpt + ul {
  margin-top: -20px !important;
}
.excerpt + ul li {
  width: 90%;
  padding-left: 0 !important;
}
.quote p {
  font-family: "Roboto", Sans-serif;
  font-weight: bold;
}
.header .row .col-md-5 {
  padding-top: 5px;
}
.header .row form {
  float: right;
}
.logo {
  display: none !important;
}
body .header .dc-logo {
  display: block !important;
  margin-top: -11px;
}
.post-large-image {
  position: relative;
  margin-bottom: 80px;
}
.post-large-image figure {
  height: 500px;
  margin: 0;
}
.post-large-image .container {
  height: 0;
}
.post-large-image .container h1 {
  color: #ffffff;
  font-size: 46px;
  display: block;
  line-height: 46px;
  text-align: left;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  margin: 0 0 -55px -15px;
  z-index: 20;
  width: 100%;
  background: #20408e;
  padding: 20px 240px 20px 60px;
}
.post-large-image .container .title-bg-container {
  width: 52%;
  position: absolute;
  bottom: 40px;
  display: none;
}
.post-large-image .container .title-bg-container .title-bg {
  color: #20408e;
  font-size: 46px;
  display: inline;
  line-height: 46px;
  text-align: left;
  font-weight: bold;
  box-shadow: -8px 0 0 2px #20408e, 40px 0 0 2px #20408e;
  background-color: #20408e;
  white-space: pre-wrap;
  width: 55%;
}
.post-large-image figure.wp-block-embed-youtube {
  height: 760px;
  background: #000000;
  padding: 0;
  margin: 0 !important;
}
.post-large-image figure.wp-block-embed-youtube .wp-block-embed__wrapper {
  height: 600px;
}
.post-large-image figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  width: 100% !important;
  height: 100% !important;
}
.post-large-image.post-parallax {
  margin-bottom: 30px;
}
.post-large-image.post-parallax figure {
  height: 700px;
}
.post-large-image.post-parallax .inner-nav {
  height: 68px;
  width: 100%;
  text-align: center;
  background: #20408e;
  transition: .35s all;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 500;
  top: -68px;
}
.post-large-image.post-parallax .inner-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.post-large-image.post-parallax .inner-nav.fixed.scrolling-up {
  margin-top: 55px;
}
.post-large-image.post-parallax .inner-nav a {
  font-weight: bold;
  color: #ffffff;
  display: inline-block;
  height: 68px;
  line-height: 68px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
  text-align: center;
  padding: 0 20px;
  font-size: 18px;
}
.post-large-image.post-parallax .inner-nav a:hover {
  background: rgba(0,0,0,.2);
  text-decoration: none;
}
.post-large-image.post-parallax .container {
  position: absolute;
  top: -400px;
  left: 50%;
  top: 40%;
  transform: translateX(-50%);
}
.post-large-image.post-parallax .container h1 {
  background: none;
  font-family: "Roboto";
  font-size: 56px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
  padding: 0;
  bottom: auto;
  line-height: 50px;
  position: relative;
  margin: 0;
  width: 75%;
  text-align: center;
  margin: 0 auto;
}
.post-large-image.post-parallax .excerpt {
  width: 100%;
  margin: 15px 0 10px;
  color: #ffffff;
  font-family: 'Roboto', Sans-serif;
  text-align: center;
}
.post-large-image.post-parallax .container p,
.post-large-image.post-parallax .container ul,
.post-large-image.post-parallax .container ul li {
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  text-shadow: 2px 2px 2px rgba(0,0,0,.3);
  font-weight: bold;
  display: block;
  width: 85%;
  margin: 0 auto;
  padding: 0;
  font-family: "Roboto";
}
.post-large-image.post-parallax .container .authors p {
  font-weight: normal;
  font-size: 13px;
}
.post-content .parallax {
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 30px 0;
  display: none;
  position: relative;
}
.post-content .parallax > img {
  display: none;
}
.post-parallax .post-content .parallax {
  display: block;
}
.post-content .parallax .container {
  position: absolute;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.post-content .parallax .container h1,
.post-content .parallax .container h2 {
  text-align: center;
  color: #ffffff;
  text-shadow: 2px 2px 2px rgba(0,0,0,.8);
  font-weight: bold;
  font-size: 56px;
  line-height: 48px;
  font-family: 'Roboto';
  margin: 10px 0;
  width: 100%;
}
.post-content .parallax .container h2 {
  font-size: 28px;
  line-height: 28px;
}
.post-content .parallax .container h1 + h2 {
  padding: 10px 70px;
  border-top: 1px solid #ffffff;
  display: inline-block;
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.post .col-md-9 {
  border-right: 1px dotted #7d736e;
  padding-left: 0;
  position: relative;
}
.post .col-md-3 {
  padding-right: 0;
  position: relative;
}
.post .metadata {
  margin-bottom: 10px;
}
.post .metadata,
.post .metadata p {
  font-family: "Roboto", Sans-serif;
  font-size: 12px;
  padding-top: 15px;
  line-height: 1rem;
}
.post .metadata img {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  margin-top: -15px;
  border-radius: 50%;
}
.post .metadata .date {
  display: inline-block;
  padding: 0 10px;
  margin-top: 10px;
  border-left: 1px solid #7d736e;
}
.post .metadata p a strong {
  color: #212121;
}
.post .metadata .date strong {
  color: #7d736e;
}
.post .metadata .col-md-3 {
  min-width: 15%;
  max-width: 50%;
  width: auto !important;
}
.share-social {
  border-top: 1px dotted #7d736e;
  border-bottom: 1px dotted #7d736e;
  padding: 8px 0;
  clear: both;
  min-height: 50px;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 12px;
}
.share-social span {
  display: inline-block;
  padding-top: 5px;
}
.share-social a {
  color: #2a2a2c;
  padding: 0;
}
.share-social a.superlike:hover .badge,
.share-social a.superlike.active .badge,
.share-social a.dislike:hover .badge,
.share-social a.dislike.active .badge {
  background: #a91010;
}
.share-social a.like:hover .badge,
.share-social a.like.active .badge {
  background: #82BB4A;
}
.share-social a.superlike.active .quantity,
.share-social a.dislike.active .quantity,
.share-social a.like.active .quantity {
  display: inline-block;
}
.share-social .badge {
  padding: 7px 8px;
  vertical-align: sub;
  margin-right: 3px;
  margin-left: 3px;
}
.share-social .badge:not(.badge-warning) {
  background: #003d80;
  border-radius: 50%;
  padding: 7px;
  font-size: 16px;
  color: #ffffff;
  width: 30px;
  height: 30px;
}
.share-social .badge.badge-warning::after {
  border: none;
}
.share-social .your-list {
  float: right;
  line-height: 1rem;
  text-align: right;
}
.share-social .your-list .badge {
  float: right;
  margin: 2px 0 0 6px;
  font-size: 14px;
}
.share-social .quantity {
  padding: 2px 8px 2px 4px;
  background: #e5e5e5;
  text-align: center;
  border-radius: 4px;
  display: none;
}
.post .back-to-home {
  float: right;
  font-size: 12px;
  font-family: "Roboto Condensed", Sans-serif;
  color: #2a2a2c;
  text-decoration: underline;
  margin-top: 4px;
}
.post .post-content {
  margin: 50px 0 40px 80px;
}
.post-parallax .post-content {
  margin: 20px 0 60px 80px;
}
.post .post-content > h3,
.post .post-content > h4 {
  font-family: "PT Serif", Sans-serif;
  color: #20408e;
  font-weight: bold;
}
.post .post-content > h3 {
  font-size: 22px;
  margin: 35px 0 5px !important;
}
.post .post-content > h4 {
  font-size: 36px;
  color: #212121;
  margin: 0 0 20px !important;
}
.post .post-content p:nth-child(1) {
  display: none;
}
.post .post-content p.capital.with-css::first-letter,
.post .post-content p.capital span.uppercase {
  font-size: 100px;
  float: left;
  line-height: 78px;
  height: 78px;
}
.post .post-content ul li {
  width: 100%;
  padding-left: 0;
}
@-moz-document url-prefix() {
  .post .post-content ul li:not('.blocks-gallery-item'); {
    padding-left: 24px !important;
  }
}
.post-parallax .post-content figure.wp-block-embed-youtube {
  margin-top: 40px;
}
.post-content figure.wp-block-embed-youtube {
  background: #000000;
  height: 450px;
  margin-bottom: 30px;
}
.post-content figure.wp-block-embed-youtube .wp-block-embed__wrapper {
  height: 100%;
  padding-bottom: 10px;
}
.post .post-content figure.wp-block-embed-youtube iframe {
  width: 100%;
  height: 100%;
  margin: 5px 0 0;
  border-right: 15px solid #000000;
  border-left: 15px solid #000000;
}
.post .post-content figure.wp-block-embed-youtube figcaption {
  display: none;
}
.post .post-content figure.wp-block-embed-youtube.floating {
  position: fixed;
  top: 55px;
  left: calc(50% + 300px);
  right: auto;
  width: auto !important;
  height: 170px !important;
  padding: 0;
  background: #000000;
  z-index: 2000;
  margin-top: 0;
}
/*.post-parallax .post-content figure.wp-block-embed-youtube.floating {
  left: 180px;
}*/
.post .post-content .background-youtube {
  display: none;
}
.post .post-content .background-youtube.floating {
  display: block;
}
.post .post-content figure.wp-block-embed-youtube.floating .wp-block-embed__wrapper {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  position: relative;
}
.post .post-content figure.wp-block-embed-youtube.floating .wp-block-embed__wrapper iframe {
  width: 300px !important;
  height: 160px !important;
}
.post .post-content figure.wp-block-embed-youtube.floating .wp-block-embed__wrapper a[href="#close-youtube"] {
  position: absolute;
  top: 0;
  right: 12px;
  color: #ffffff;
  font-size: 36px;
  z-index: 100;
}
.post .post-content figure.wp-block-embed-youtube.floating figcaption {
  display: block;
  width: 100%;
  max-width: 1140px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 300px;
  color: #ffffff;
  top: 15px;
  font-size: 18px;
  font-weight: bold;
  z-index: 50;
}
.post .post-content figure audio {
  width: 90%;
}
.post figure {
  position: relative;
}
.post figure .material-icons {
  position: absolute;
  top: auto;
  left: 15px;
  bottom: 15px;
  right: auto;
  color: #ffffff;
  font-size: 38px;
  z-index: 10;
}
.post .post-content .giant-image {
  height: 500px;
  margin: 30px 0;
}
.post .post-content .giant-image figure {
  height: 500px;
  margin-left: -80px;
}
.post .post-content .giant-image .container .material-icons {
  color: #ffffff;
  position: absolute;
  left: -60px;
  margin-top: -65px;
  z-index: 20;
  font-size: 35px;
}
.post .post-content .giant-image .container .image-info {
  background: rgba(0,0,0,.8);
  color: #ffffff;
  padding: 15px 15px 15px 80px;
  font-size: 12px;
  position: absolute;
  left: -80px;
  right: 0;
  bottom: 15px;
}
.post .post-content .giant-image .container a[href="#image-info-close"] {
  display: none;
}
.post .post-content .giant-image .container a[href="#image-info-close"] .material-icons {
  transform: rotate(45deg);
}
.post .post-content big {
  font-size: 100px;
  float: left;
  line-height: 78px;
}
.post .post-content p {
  color: #2a2a2c;
  width: 92%;
}
.post .post-content p .highlight {
  background: yellow;
}
.post .post-content blockquote.discover {
  padding-bottom: 30px;
  font-family: "Roboto", Sans-serif !important;
}
.post .post-content blockquote.discover a[href="#more"],
.post .post-content blockquote.discover a[href="#less"] {
  width: 140px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 5px 10px;
  overflow: hidden;
  display: block;
  color: #aaaaaa;
  font-size: 14px;
  line-height: 24px;
  position: absolute;
  margin-top: 10px;
}
.post .post-content blockquote.discover p {
  font-size: 17px;
  font-family: "Roboto", Sans-serif !important;
}
.post .post-content blockquote.discover h3 {
  font-family: "Roboto", Sans-serif !important;
}
.post .post-content .quote {
  color: #20408e;
  margin-top: 50px;
  position: relative;
  width: 92%;
  font-family: "PT Serif", Sans-serif;
  font-size: 18px;
}
.post .post-content .quote.fragment {
  color: #212121;
  font-style: italic;
  margin: 30px 0;
}
.post .post-content .quote img.comilla {
  position: absolute;
  top: 0;
  left: -70px;
  width: 50px;
}
.post .post-content .quote span {
  font-size: 16px;
  font-weight: normal;
  color: #212121;
  display: block;
  margin-top: 6px;
}
.post .post-content .share-social {
  margin-bottom: 30px;
}
.post ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}
.post ul li {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  font-family: "PT Serif", Sans-serif;
  font-size: 18px;
  position: relative;
}
@-moz-document url-prefix() {
  .post ul li {
    padding-left: 24px !important;
  }
}
.post ul li::first-letter {
  padding-left: 24px;
  display: inline-block;
}
.post ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  line-height: 25px;
}
.post .post-content .wp-block-gallery {
  width: 100%;
  height: 430px;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  list-style: none;
}
.post .post-content .wp-block-gallery-arrow {
  position: absolute;
  z-index: 101;
  margin-top: -90px;
  color: #ffffff;
}
.post .post-content .wp-block-gallery-arrow .material-icons {
  font-size: 36px;
}
.post .post-content .wp-block-gallery-arrow[href="#prev"] {
  margin-left: 10px;
}
.post .post-content .wp-block-gallery-arrow[href="#next"] {
  right: 24px;
}
.post .post-content .wp-block-gallery li {
  width: 100%;
  height: 430px;
  position: absolute;
  transition: all .5s;
  list-style: none;
  padding: 0 !important;
}
.post .post-content .wp-block-gallery li::before {
  content: "";
  display: none;
}
.post .post-content .wp-block-gallery li.viewed {
  margin-left: -100%;
}
.post .post-content .wp-block-gallery li figure {
  width: 100%;
  height: 430px;
}
.post .post-content .wp-block-gallery li figure img {
  min-width: 100%;
  min-height: 100%;
}
.post .post-content .wp-block-gallery li figure figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  min-height: 98px;
  background: rgba(0, 0, 0, .85);
  color: #ffffff;
  padding: 10px 60px;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
}
.post .post-content .aside-floating-block {
  width: 280px;
  float: left;
  margin-left: -80px;
  margin-right: 24px;
  margin-top: 8px;
  margin-bottom: 10px;
  padding: 20px 0;
  border-top: 1px dotted #888888;
  border-bottom: 1px dotted #888888;
  font-size: 16px;
}
.post .post-content .aside-floating-block strong {
  color: #20408e;
}
.post .post-content .aside-floating-block h3 {
  margin-top: 20px;
  margin-bottom: 0;
  color: #20408e;
  font-weight: bold;
  font-family: "Roboto", Sans-serif;
  font-size: 36px;
}
.post .post-content blockquote {
  background: #f0f0f0;
  border-left: 10px solid #0045c0;
  padding: 18px 14px 0;
  font-size: 16px;
  margin: 35px 0;
  overflow: hidden;
  font-family: "Roboto", Sans-serif;
}
.post .post-content blockquote.recommended {
    font-family: "PT Serif", Sans-serif;
    background: #ffcc00;
    color: #ffffff;
    border-left: 10px solid #003d80;
}
.post .post-content blockquote.with-image {
  padding: 0 15px 20px 15px;
  margin: 40px 0;
  width: 100%;
  overflow: hidden;
}
.post .post-content blockquote.with-image img {
  width: 180px;
  float: left;
  margin-right: 15px;
  margin-left: -15px;
}
.post .post-content blockquote h3 {
  font-weight: bold;
  margin-top: 0;
}
.post .post-content blockquote h6 {
  margin-bottom: 2px;
  color: #20408e;
}
.post .post-content blockquote p {
  font-size: 17px;
  display: block !important;
}
.post .post-content blockquote.with-image h3,
.post .post-content blockquote.with-image p {
  width: calc(100% - 200px);
  float: left;
}
.post .post-content blockquote.with-image h3 {
  margin-top: 15px;
  margin-bottom: 0;
}
.post .post-content blockquote.with-image p {
  margin: 0;
}
.post .post-content h5 {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 20px;
}
.post .post-content .related-posts,
.post .post-content .related-posts li {
  padding: 0 !important;
  list-style: none !important;
}
.post .post-content .related-posts li::before {
  content: "";
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
}
.post .post-content .related-posts li {
  border-top: 1px dotted #7d736e;
}
.post .post-content .related-posts li h6 {
  margin: 10px 0 4px;
}
.post .post-content .related-posts li h3 {
  font-family: "PT Serif", Sans-serif;
  font-size: 18px;
  min-height: 40px;
  margin-top: 5px;
}
.post .post-content .related-posts li h3 a {
  /*color: #221f20;*/
  text-decoration: underline;
}
.post ul.share-list {
  list-style: none !important;
  background: #ffffff;
  position: absolute;
  border: 1px solid #dddddd;
  border-radius: 3px;
  overflow: hidden;
  margin-top: 10px;
}
.post ul.share-list li {
  list-style: none !important;
}
.post ul.share-list li::before {
  content: "";
  display: none;
}
.post ul.share-list li a {
  display: block;
  padding: 3px 20px 3px 15px;
  font-family: "Roboto";
  font-size: 14px;
}
.post ul.share-list li a i {
  display: inline-block;
  float: left;
  width: 2px;
  margin-top: 4px;
}
.post .tags {
  font-family: "Roboto", Sans-serif;
  font-size: 13px;
  padding: 5px 0;
}
.post .tags strong {
  color: #2a2a2c;
  font-family: "Roboto Condensed", Sans-serif;
}
.post .tags a {
  color: #888888;
  font-weight: bold;
}
.may-interest .other-interest h3 {
  font-size: 18px;
  font-family: "PT Serif", Sans-serif;
  min-height: 92px;
}
.may-interest .other-interest h3 a {
  color: #221f20;
}
.may-interest .other-interest .badge {
  padding: 5px 6px;
  margin-bottom: 4px;
}
.may-interest .other-interest .date {
  font-size: 11px;
  bottom: 0;
}
.may-interest .other-interest .row .col-12 {
  border-right: 1px dotted #888888;
}
.may-interest .other-interest .row .col-12:last-child {
  border-right: none;
}

.subscribe {
  padding: 20px 15px;
}
.subscribe h2 {
  font-size: 15px;
}
.post-aside-pushpin .subscribe form {
  width: 226px;
  left: calc(50% - 113px);
  margin-top: 0;
}
.totally-free p {
  font-size: 12px;
  font-family: "Roboto Condensed", Sans-serif;
  color: #4a4a4c;
}
.totally-free p strong {
  font-size: 15px;
}
.totally-free p small {
  font-size: 12px;
  color: #888888;
}
.popular h2,
.popular h6 {
  color: #0045c0;
}
.popular h3 {
  font-family: "PT Serif", Sans-serif;
  margin-left: 40px;
}
.popular h6 {
  font-family: "Roboto", Sans-serif;
  margin-left: 40px;
  display: inline-block;
  margin-bottom: 0;
}
.popular ul li {
  padding: 0;
}
.popular ul li::before {
  color: #0045c0;
  top: 12px;
}
.popular small a {
  color: #888888;
}
.popular small a.active {
  color: #0045c0;
  font-weight: bold;
  text-decoration: underline;
  display: inline-block;
  padding-right: 10px;
  margin: 0 0 10px 0;
}
.aside-check-it {
  background: #00b9f2;
  padding: 0 15px 20px;
  margin-bottom: 40px;
  position: relative;
}
.aside-check-it img {
    width: 60%;
    margin-bottom: 10px;
}
.aside-check-it h1 {
  font-size: 23px;
  margin: 10px 0;
  color: #000000;
}
.aside-check-it .fa-check {
  color: #ffffff;
  position: absolute;
  top: 21px;
  right: 60%;
  font-size: 18px;
}
.aside-check-it .square-it {
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 15px;
  width: 36px;
  height: 20px;
  border-radius: 0 0 5px 5px;
  display: block;
}
.aside-check-it .square-it::after {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 7px solid transparent;
  content: "";
  position: absolute;
  top: 9px;
  transform: rotate(45deg);
  left: 9px;
  border-right: 10px solid #ffffff;
}
.aside-check-it form {
  width: 226px;
  left: calc(50% - 113px);
  margin-top: 0;
  position: absolute;
}
.aside-check-it form input[type="text"] {
  padding: 10px;
  width: 100%;
  border: 1px solid #00b9f2;
}
.aside-check-it form i {
  position: absolute;
  font-size: 18px;
  right: 15px;
  top: 13px;
}
.subscribe.whatsapp {
  background: #29a9eb;
  color: #ffffff;
}
.subscribe.whatsapp form input[type="text"] {
  border: 1px solid #0045c0;
}
body #comments {
  margin: 40px 0;
}

figure img {
    object-fit: cover;
    height: 100%;
}