@charset "UTF-8";
:root {
  --primary-color: #E43254;
  --secondary-color: #CC2B4A;
  --tertiary-color: #E74967;
  --fourth-color: #111928;
  --primary-color-rgb: 228, 50, 84;
  --secondary-color-rgb: 204, 43, 74;
  --tertiary-color-rgb: 231, 73, 103;
  --fourth-color-rgb: 75, 85, 99;
}

.bg-primary {
  background-color: var(--primary-color) !important;
}

.bg-secondary {
  background-color: var(--secondary-color) !important;
}

.bg-tertiary {
  background-color: var(--tertiary-color) !important;
}

.bg-fourth {
  background-color: var(--fourth-color) !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-primary:hover {
  background-color: #DB1F44 !important;
  border-color: #DB1F44 !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.text-secondary {
  color: var(--secondary-color) !important;
}

.text-tertiary {
  color: var(--tertiary-color) !important;
}

.text-fourth {
  color: var(--fourth-color) !important;
}

.text-muted {
  color: #6B7280 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  color: #374151;
}

a:hover,
.btn:hover,
button:hover,
input:hover,
select:hover,
textarea:hover {
  transition: 0.3s ease-in-out;
}

input,
select,
textarea {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
input:focus, input:focus-visible,
select:focus,
select:focus-visible,
textarea:focus,
textarea:focus-visible {
  border-color: var(--secondary-color) !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--secondary-color-rgb), 0.25) !important;
}

input,
select,
textarea {
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.11) !important;
  padding: 12px 16px 12px !important;
  color: var(--bs-white) !important;
  font-weight: 500;
}

input::placeholder {
  color: rgba(255, 255, 255, 0.65) !important;
}

hr {
  margin: 32px 0;
  background-color: #e5e7eb;
  opacity: 0.25;
  color: #e5e7eb;
  border-top: 2px solid;
}

body {
  background-color: #F9F9F9;
  font-family: "Inter", sans-serif;
}
body p {
  color: #374151;
}

.page-wrapper {
  margin: 0 8px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 1rem;
  background: var(--bs-white);
}
@media (min-width: 768px) {
  .page-wrapper {
    padding: 24px 32px;
  }
}
@media (min-width: 1024px) {
  .page-wrapper {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .page-wrapper .ps-12 {
    padding-left: 12px;
  }
  .page-wrapper .pe-12 {
    padding-right: 12px;
  }
}

#header .dropdown-btn {
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.11);
  min-width: 142px;
}
#header .dropdown-btn:hover, #header .dropdown-btn.active, #header .dropdown-btn.show, #header .dropdown-btn:focus, #header .dropdown-btn:focus-visible {
  border-color: #DB1F44 !important;
  background: #DB1F44;
  outline: 0 !important;
}
#header .dropdown-btn[aria-expanded=true] svg {
  transform: rotate(180deg);
}
#header .dropdown-btn svg {
  transition: 0.3s ease-in-out;
}
@media (min-width: 1200px) {
  #header form.open input {
    width: 728px;
  }
}
#header form.open .search-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: scaleY(1);
}
@media (min-width: 1200px) {
  #header form.open .search-dropdown {
    width: 728px;
  }
}
#header form svg {
  left: 20px;
}
#header form input {
  width: 360px;
  max-width: 100%;
  padding: 12px 8px 12px 42px !important;
  color: var(--bs-white);
  transition: 0.3s ease-in-out;
}
#header form input::placeholder {
  color: rgba(255, 255, 255, 0.65);
}
#header form .search-dropdown {
  position: absolute;
  width: 96vw;
  left: unset;
  right: -48px;
  top: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 24px 16px;
  margin-top: 10px;
  box-shadow: 0px 4px 12px 0px rgba(13, 10, 44, 0.19);
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.95);
  transform-origin: top;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  color: #4B5563;
}
@media (min-width: 768px) {
  #header form .search-dropdown {
    right: -58px;
  }
}
@media (min-width: 1024px) {
  #header form .search-dropdown {
    right: -64px;
  }
}
@media (min-width: 1200px) {
  #header form .search-dropdown {
    width: 360px;
    right: unset !important;
    left: 0;
    width: 100%;
  }
}
#header form .search-dropdown p {
  font-size: 18px;
}
#header form .search-dropdown ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
#header .header-categories ul {
  column-gap: 70px;
}
#header .header-categories ul a {
  color: rgba(255, 255, 255, 0.65);
}
#header .header-categories ul a:hover, #header .header-categories ul a.active {
  color: white;
}
@media (max-width: 767px) {
  #header .custom-logo-link img {
    width: 100px;
  }
}
#header .menu {
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
#header .menu a {
  text-decoration: none;
}
#header .menu li:last-child::before {
  content: "🔥";
}

#footer {
  padding-top: 64px;
  padding-bottom: 40px;
}
#footer .mt-6 {
  margin-top: 32px;
}
#footer .mt-7 {
  margin-top: 40px;
}
#footer .mb-7 {
  margin-bottom: 40px;
}
#footer a,
#footer svg path,
#footer li {
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
#footer a:hover,
#footer svg path:hover,
#footer li:hover {
  color: rgba(255, 255, 255, 0.65) !important;
}
#footer a:hover svg path,
#footer svg path:hover svg path,
#footer li:hover svg path {
  fill: rgba(255, 255, 255, 0.65);
}
#footer .custom-logo {
  max-width: 144px;
  margin-left: auto;
  margin-right: auto;
}
#footer .menu a {
  color: var(--bs-white);
  text-decoration: none;
}
#footer .menu p {
  color: rgba(252, 255, 255, 0.7);
}
#footer .social-network li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 30px;
}
#footer .social-network svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#footer .logos img {
  max-width: 112px;
  height: auto;
}
#footer .copyright {
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
}
#footer .copyright img {
  max-width: 100px;
  transform: translateY(-2px);
}

.banner img.shadow {
  box-shadow: 0px 1px 3px 0px rgba(166, 175, 195, 0.4) !important;
}

.badge {
  padding: 3px 10px;
  font-size: 10px;
  border-radius: 5px;
  font-weight: 500;
  background: #EDFBF3;
  line-height: 20px;
}
.badge a,
.badge div {
  color: #1A8245;
  text-decoration: none;
}
.badge.badge-blue {
  background: rgba(45, 104, 248, 0.1215686275);
}
.badge.badge-blue a,
.badge.badge-blue div {
  color: #2D68F8;
}

.badge-danger {
  border: 1px solid var(--TutorsYa-Colors-Red-Default, #E43254);
  padding: 3px 10px;
  background: rgba(228, 50, 84, 0.11);
  font-size: 12px;
  font-weight: 500;
  border-radius: 30px;
}
.badge-danger a,
.badge-danger div {
  color: var(--primary-color);
  text-decoration: none;
}
.badge-danger.bg-primary a,
.badge-danger.bg-primary div {
  color: var(--bs-white) !important;
}

.btn-arrow {
  font-size: 1rem;
  text-decoration: none;
  padding: 12px 6px 12px 24px;
  font-weight: 500;
}
.btn-arrow:not(.bottom):hover::after {
  animation: arrowMove 1.5s ease-in-out infinite;
}
.btn-arrow:not(.bottom)::after {
  content: "";
  margin-left: 8px;
  margin-bottom: -4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2249 4.55806C11.469 4.31398 11.8647 4.31398 12.1088 4.55806L17.1088 9.55806C17.3528 9.80214 17.3528 10.1979 17.1088 10.4419L12.1088 15.4419C11.8647 15.686 11.469 15.686 11.2249 15.4419C10.9808 15.1979 10.9808 14.8021 11.2249 14.5581L15.1579 10.625H3.3335C2.98832 10.625 2.7085 10.3452 2.7085 10C2.7085 9.65482 2.98832 9.375 3.3335 9.375H15.1579L11.2249 5.44194C10.9808 5.19786 10.9808 4.80214 11.2249 4.55806Z' fill='%23E43254'/%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s ease-in-out;
}
.btn-arrow.bottom::after {
  content: "";
  margin-left: 8px;
  margin-bottom: -4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.19198 7.09327C4.41662 6.83119 4.81118 6.80084 5.07326 7.02548L10.4998 11.6768L15.9264 7.02548C16.1885 6.80084 16.5831 6.83119 16.8077 7.09327C17.0324 7.35535 17.002 7.74991 16.7399 7.97455L10.9066 12.9745C10.6725 13.1752 10.3272 13.1752 10.0931 12.9745L4.25977 7.97455C3.99769 7.74991 3.96734 7.35535 4.19198 7.09327Z' fill='%23E43254'/%3E%3C/svg%3E");
}

.date,
.tag {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.03);
  font-size: 12px;
  font-weight: 500;
}
.date a,
.tag a {
  color: #637381;
}

.title {
  color: #374151;
  font-size: 24px;
  font-weight: 600;
}

.card {
  box-shadow: 0px 1px 3px 0px rgba(166, 175, 195, 0.4) !important;
}
.card.card-hero {
  border: none;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .card.card-hero h2,
  .card.card-hero p {
    color: var(--bs-white) !important;
  }
}
@media (min-width: 1200px) {
  .card.card-hero {
    border-radius: 10px;
  }
}
.card.card-hero img {
  height: 288px;
  object-fit: cover;
}
@media (min-width: 1024px) {
  .card.card-hero img {
    border-radius: 8px 8px 0 0;
  }
}
.card.card-hero .card-body {
  padding: 1.5rem 1rem;
  background: linear-gradient(180deg, rgba(153, 153, 153, 0) 0.17%, #000 120.42%);
}
@media (min-width: 1200px) {
  .card.card-hero .card-body {
    padding: 1.5rem;
    position: relative !important;
    left: unset !important;
    bottom: unset !important;
    background: transparent;
  }
}
.card.card-hero .card-body h2 {
  font-size: 22px;
  line-height: normal;
}
@media (min-width: 768px) {
  .card.card-hero .card-body h2 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .card.card-hero .card-body {
    background-color: var(--bs-white);
  }
}
.card.card-hero .excerpt {
  font-size: 1rem;
}
.card.card-small {
  border: none;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.03);
  background-color: #fff;
}
.card.card-small img {
  height: 122px;
}
@media (min-width: 1024px) {
  .card.card-small img {
    height: 152px;
  }
}
@media (min-width: 1200px) {
  .card.card-full img {
    min-height: 424px !important;
  }
}
.card.card-full h2 {
  font-size: 22px;
}
@media (min-width: 768px) {
  .card.card-full h2 {
    font-size: 24px;
  }
}
.card.card-full .excerpt p {
  color: var(--bs-white);
  margin-bottom: 0;
}
.card.card-full .card-body {
  background: linear-gradient(180deg, rgba(153, 153, 153, 0) 0.17%, #000 120.42%);
}

/** ANIMATIONS **/
@keyframes arrowMove {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(6px);
  }
  100% {
    transform: translateX(0);
  }
}
/** BREADCRUMB **/
.breadcrumb {
  margin: 16px 0;
}
@media (min-width: 768px) {
  .breadcrumb {
    margin: 32px 0;
  }
}
@media (max-width: 767px) {
  .breadcrumb .breadcrumb-item {
    font-size: 12px;
  }
}
.breadcrumb .breadcrumb-item a {
  color: #9CA3AF;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #374151;
}
.breadcrumb .breadcrumb-item:not(:first-child) {
  padding-left: 12px;
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
  content: "";
  margin-right: 12px;
  display: inline-block;
  width: 8px;
  height: 17px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='16' viewBox='0 0 8 16' fill='none'%3E%3Cpath d='M0.821973 15.1156C0.653223 15.1156 0.512598 15.0593 0.371973 14.9468C0.118848 14.6937 0.118848 14.3 0.371973 14.0468L6.27822 7.99995L0.371973 1.9812C0.118848 1.72808 0.118848 1.33433 0.371973 1.0812C0.625098 0.828076 1.01885 0.828076 1.27197 1.0812L7.62822 7.54995C7.88135 7.80308 7.88135 8.19683 7.62822 8.44995L1.27197 14.9187C1.15947 15.0312 0.990723 15.1156 0.821973 15.1156Z' fill='%239CA3AF'/%3E%3C/svg%3E") no-repeat center/contain;
  transform: translateY(4px);
}
@media (max-width: 1023px) {
  .breadcrumb .breadcrumb-item:not(:first-child)::before {
    height: 10px;
  }
}
.breadcrumb .breadcrumb-item.active {
  font-weight: 600;
  color: #374151;
  font-weight: 600;
}

/** HOME PAGE */
@media (max-width: 1199px) {
  #HomeTemplate .container {
    padding: 0;
    max-width: 100%;
  }
  #HomeTemplate .page-wrapper {
    margin: 0;
    border-radius: 0;
    width: 100vw;
    overflow-x: hidden;
  }
  #HomeTemplate .ps-12,
  #HomeTemplate .pe-12 {
    padding: 0;
  }
  #HomeTemplate .card-small {
    min-width: 236px;
    width: 236px;
  }
}
@media (max-width: 1199px) and (min-width: 768px) {
  #HomeTemplate .card-small {
    min-width: unset;
    width: 50%;
  }
}
@media (max-width: 1199px) and (min-width: 1024px) {
  #HomeTemplate .card-small {
    width: 100%;
  }
}
#HomeTemplate .scroll-list {
  overflow-y: hidden;
  overflow-x: auto;
  padding-bottom: 16px;
  padding-right: 16px;
  column-gap: 16px;
  max-width: 100vw;
  padding-left: 2px;
}
#HomeTemplate .scroll-list .card:last-child {
  margin-right: 16px;
}
@media (min-width: 768px) {
  #HomeTemplate .scroll-list {
    padding: 0;
    overflow: unset !important;
  }
  #HomeTemplate .scroll-list .card:last-child {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  #HomeTemplate .scroll-list {
    column-gap: 0;
  }
}
#HomeTemplate #Hero {
  margin: -18px -5px 0 -5px;
}
@media (min-width: 768px) {
  #HomeTemplate #Hero {
    margin: -25px -22px 0 -22px;
  }
}
@media (min-width: 1024px) {
  #HomeTemplate #Hero {
    margin: -42px -30px 0 -30px;
  }
}
@media (min-width: 1200px) {
  #HomeTemplate #Hero {
    margin: 0;
  }
}
#HomeTemplate #Hero .card-hero {
  border-radius: 0;
}
@media (min-width: 1200px) {
  #HomeTemplate #Hero .card-hero {
    border-radius: 0.375rem;
  }
}
@media (min-width: 1200px) {
  #HomeTemplate #Posts .col-lg-8 {
    width: calc(100% - 320px) !important;
  }
  #HomeTemplate #Posts .col-lg-4 {
    width: 336px !important;
  }
}

@media (max-width: 1023px) {
  #Hero .container {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
#Hero p {
  margin-bottom: 0;
}

#Posts .card-hero img {
  height: 234px;
}
#Posts .card-hero h2 {
  font-size: 1rem;
}
#Posts .card-small img {
  height: 200px;
}

/** SINGLE POST PAGE */
@media (max-width: 767px) {
  .single-post .breadcrumb .active {
    max-width: calc(100vw - 162px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}
.single-post #Hero h1 {
  font-size: 24px;
  color: #111928;
  line-height: 30px;
}
@media (min-width: 1200px) {
  .single-post #Hero h1 {
    font-size: 48px;
    line-height: 58px;
  }
}
.single-post #Hero .excerpt {
  font-size: 18px;
  color: #4B5563;
}
.single-post #Hero .thumbnail img {
  height: 280px;
  object-fit: cover;
}
@media (min-width: 768px) {
  .single-post #Hero .thumbnail img {
    height: 488px;
  }
}
.single-post #Hero .meta {
  color: #111928;
}
.single-post #Hero .meta img {
  width: 60px;
  height: 60px;
}
.single-post #Hero .meta .bio {
  max-width: 600px;
}
.single-post #Hero .social {
  width: 100%;
}
@media (min-width: 1024px) {
  .single-post #Hero .social {
    width: fit-content;
  }
}
.single-post #Hero .social a svg rect {
  transition: 0.3s ease-in-out;
}
.single-post #Hero .social a:hover svg rect {
  fill-opacity: 0.2;
}
@media (max-width: 767px) {
  .single-post #Hero .social a svg {
    width: 32px;
    height: 32px;
  }
}
.single-post #Hero .content {
  font-size: 18px;
  line-height: 32px;
  /* ul.wp-block-list {
      border-radius: 1rem;
      margin: 1rem auto;
      background: #FAFAFA;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      row-gap: 8px;
      list-style: none;
      color: #374151;

      @media(min-width: 768px) {
          max-width: 94%;
      }

      li {
          font-weight: 600;
          padding-left: 1rem;

          &::before {
              content: '•';
              display: block;
              color: var(--primary-color);
              margin-right: 8px;
              font-size: 16px;
              position: absolute;
              margin-left: -13px;
          }
      }
  } */
}
.single-post #Hero .content a {
  color: var(--primary-color);
  font-weight: 600;
}
.single-post #Hero .content .wp-block-heading {
  font-size: 24px;
  color: #111928;
  font-weight: 600;
  line-height: 32px;
}
@media (min-width: 1200px) {
  .single-post #Hero .content .wp-block-heading {
    font-size: 28px;
    line-height: 40px;
  }
}
.single-post #Hero .content h1, .single-post #Hero .content h1.wp-block-heading {
  font-size: 60px;
  font-weight: 700;
  line-height: 72px;
}
.single-post #Hero .content h2, .single-post #Hero .content h2.wp-block-heading {
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
}
.single-post #Hero .content h3, .single-post #Hero .content h3.wp-block-heading {
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
}
.single-post #Hero .content h4, .single-post #Hero .content h4.wp-block-heading {
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
}
.single-post #Hero .content h5, .single-post #Hero .content h5.wp-block-heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
}
.single-post #Hero .content h6, .single-post #Hero .content h6.wp-block-heading {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
.single-post #Hero .content .wp-block-columns {
  column-gap: 40px;
}
.single-post #Hero .content .wp-block-columns .wp-block-column {
  width: 50%;
}
.single-post #Hero .content figure {
  margin-bottom: 8px !important;
}
.single-post #Hero .content figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .single-post #Hero .content figure {
    margin-top: 24px;
  }
}
.single-post #Hero .content blockquote p {
  font-size: 12px;
  font-weight: 400;
  color: #6B7280;
}
.single-post #Udemy .card-header {
  background: #E5E7EB;
}
.single-post #Udemy h2 {
  font-size: 28px;
  line-height: normal;
}
.single-post #Udemy a:hover {
  background-color: var(--secondary-color) !important;
}
.single-post #Udemy a:hover::after {
  animation: arrowMove 1.5s ease-in-out infinite;
}
.single-post #Udemy a::after {
  content: "";
  margin-left: 8px;
  margin-bottom: -4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2249 4.55806C11.469 4.31398 11.8647 4.31398 12.1088 4.55806L17.1088 9.55806C17.3528 9.80214 17.3528 10.1979 17.1088 10.4419L12.1088 15.4419C11.8647 15.686 11.469 15.686 11.2249 15.4419C10.9808 15.1979 10.9808 14.8021 11.2249 14.5581L15.1579 10.625H3.3335C2.98832 10.625 2.7085 10.3452 2.7085 10C2.7085 9.65482 2.98832 9.375 3.3335 9.375H15.1579L11.2249 5.44194C10.9808 5.19786 10.9808 4.80214 11.2249 4.55806Z' fill='%23E43254'/%3E%3C/svg%3E") no-repeat center/contain;
  filter: brightness(0) invert(1);
  transition: 0.3s ease-in-out;
}
@media (max-width: 763px) {
  .single-post #Udemy .rating svg {
    width: 12px;
    height: 12px;
  }
}

#Related .related-posts {
  border-left: 4px solid #e53958;
  padding-left: 16px;
  margin-top: 8px;
}
#Related .related-posts h2 {
  color: #1F2A37;
}
#Related .related-posts h2,
#Related .related-posts a {
  font-size: 18px !important;
}
#Related .related-posts ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#Related .related-posts ul li {
  border-bottom: 1px solid #eee;
  margin-bottom: 16px;
  padding-bottom: 16px;
}
#Related .related-posts ul li a {
  font-weight: 500;
  text-decoration: underline;
  color: #374151;
  transition: color 0.2s ease;
}
#Related .related-posts ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

#Tags h2 {
  color: #1F2A37;
  font-size: 18px;
}

#Recomended .card h2 {
  font-size: 18px;
}
#Recomended .card img {
  height: 200px;
}
@media (min-width: 1200px) {
  #Recomended .card img {
    height: 160px;
  }
}

/** AUTHOR PAGE **/
.author-page #Hero h1 {
  font-size: 18px;
  line-height: normal;
}
@media (min-width: 768px) {
  .author-page #Hero h1 {
    font-size: 30px;
  }
}
.author-page #Posts .card img {
  height: 187px;
}

.page-template-top-list-template #Posts .card img {
  height: 187px;
}

/** CATEGORY PAGE **/
.category #imageFeatured img {
  width: 100%;
  object-fit: cover;
  height: 288px;
}
@media (min-width: 1024px) {
  .category #imageFeatured img {
    height: 360px;
  }
}
.category #imageFeatured .overlay {
  background: linear-gradient(180deg, rgba(153, 153, 153, 0) -65.88%, rgba(0, 0, 0, 0.67) 100%);
}
.category #imageFeatured .container {
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .category #imageFeatured .container {
    padding-bottom: 32px;
  }
}
@media (min-width: 1024px) {
  .category #imageFeatured .container {
    padding-bottom: 64px;
  }
}
.category #imageFeatured .container h1 {
  font-size: 24px;
  line-height: normal;
}
@media (min-width: 768px) {
  .category #imageFeatured .container h1 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .category #imageFeatured .container h1 {
    font-size: 40px;
  }
}
.category #Hero p {
  color: #6B7280;
  max-width: 876px;
}
.category #Posts .card-body,
.category #Recomended .card-body {
  min-height: 190px;
  background: var(--bs-white);
}
.category #Posts .card-body .date,
.category #Recomended .card-body .date {
  color: #374151 !important;
}

/** BLOCKS **/
@media (min-width: 768px) {
  #Tabs {
    border-bottom: 1px solid #dee2e6;
  }
}
#Tabs .nav-tabs {
  gap: 24px;
  border-bottom: 1px solid #dee2e6;
}
@media (max-width: 767px) {
  #Tabs .nav-tabs {
    flex-wrap: nowrap;
  }
  #Tabs .nav-tabs li {
    min-width: fit-content;
  }
}
@media (min-width: 768px) {
  #Tabs .nav-tabs {
    border-bottom: none;
  }
}
@media (min-width: 420px) {
  #Tabs .nav-tabs {
    gap: 40px;
  }
}
#Tabs .nav-tabs .nav-item .nav-link {
  border: none;
  background: none;
  color: #637381;
  font-weight: 500;
  padding: 8px 0;
  position: relative;
  transition: color 0.2s ease;
  font-size: 14px;
}
@media (min-width: 768px) {
  #Tabs .nav-tabs .nav-item .nav-link {
    padding: 15px 0;
    font-size: 16px;
  }
}
#Tabs .nav-tabs .nav-item .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background-color: transparent;
  transition: background-color 0.3s ease;
}
#Tabs .nav-tabs .nav-item .nav-link:hover {
  color: var(--color-primary);
}
#Tabs .nav-tabs .nav-item .nav-link.active, #Tabs .nav-tabs .nav-item .nav-link:hover {
  color: var(--primary-color);
}
#Tabs .nav-tabs .nav-item .nav-link.active::after, #Tabs .nav-tabs .nav-item .nav-link:hover::after {
  background-color: var(--primary-color);
}
#Tabs .dropdown #dropdownFiltro {
  color: #374151 !important;
}
#Tabs .dropdown #dropdownFiltro:focus, #Tabs .dropdown #dropdownFiltro:focus-visible, #Tabs .dropdown #dropdownFiltro:hover {
  background-color: #DEE2E6 !important;
  box-shadow: none !important;
}
#Tabs .dropdown input[type=checkbox] {
  accent-color: #E43254;
}
#Tabs .dropdown .inputs-wrapper {
  max-height: 260px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #E43254 transparent;
}
#Tabs label {
  color: #6B7280;
}

#Posts .card img {
  height: 100%;
  min-height: 90px;
  object-fit: cover;
}
@media (min-width: 768px) {
  #Posts .card img {
    height: 200px;
  }
}
#Posts .card h3 {
  font-size: 18px;
}
#Posts .card .date {
  font-size: 10px;
}
#Posts .popular {
  background: rgba(223, 228, 234, 0.14);
}
#Posts .popular p {
  font-size: 18px;
}
#Posts .popular li {
  border: 1px solid rgba(229, 231, 235, 0.44);
}
#Posts .popular li a {
  color: #374151;
}

#Pagination .page-numbers {
  display: flex;
  justify-content: center;
  list-style: none;
  align-items: stretch;
}
#Pagination .page-numbers a,
#Pagination .page-numbers span {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 8px 16px;
  border: 1px solid #EDEFF1;
  color: #637381 !important;
  text-decoration: none;
}
#Pagination .page-numbers a.current, #Pagination .page-numbers a:hover,
#Pagination .page-numbers span.current,
#Pagination .page-numbers span:hover {
  background-color: rgba(var(--primary-color-rgb), 0.24);
  color: var(--primary-color) !important;
}

/** LANDING PAGE **/
#LandingPage .lp-box {
  border-radius: 16px;
  border: 1px solid #EDEDED;
  background: #FFF;
}
#LandingPage .lp-box .content h1,
#LandingPage .lp-box .content h2,
#LandingPage .lp-box .content h3,
#LandingPage .lp-box .content h4,
#LandingPage .lp-box .content h5,
#LandingPage .lp-box .content h6 {
  font-size: 24px;
}
#LandingPage .lp-box .content ul:not(.number-list):not(.svg-list) {
  border-radius: 1rem;
  margin: 1rem auto;
  background: #FAFAFA;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  list-style: none;
  color: #374151;
}
@media (min-width: 768px) {
  #LandingPage .lp-box .content ul:not(.number-list):not(.svg-list) {
    max-width: 94%;
  }
}
#LandingPage .lp-box .content ul:not(.number-list):not(.svg-list) li {
  font-weight: 600;
  padding-left: 1rem;
}
#LandingPage .lp-box .content ul:not(.number-list):not(.svg-list) li::before {
  content: "•";
  display: block;
  color: var(--primary-color);
  margin-right: 8px;
  font-size: 16px;
  position: absolute;
  margin-left: -13px;
}
#LandingPage .lp-box .content ul:not(.number-list):not(.svg-list) li .list-title {
  color: #1F2A37;
}
#LandingPage .lp-box .content .number-list,
#LandingPage .lp-box .content .svg-list {
  list-style: none;
  counter-reset: item;
  padding-left: 0;
}
#LandingPage .lp-box .content .number-list li,
#LandingPage .lp-box .content .svg-list li {
  counter-increment: item;
  position: relative;
  padding-left: 72px;
  margin-bottom: 16px;
}
#LandingPage .lp-box .content .number-list li a,
#LandingPage .lp-box .content .svg-list li a {
  color: #374151;
}
#LandingPage .lp-box .content .number-list li .list-title,
#LandingPage .lp-box .content .svg-list li .list-title {
  color: #1F2A37;
}
#LandingPage .lp-box .content .number-list li::before,
#LandingPage .lp-box .content .svg-list li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  width: 56px;
  height: 56px;
  background-color: #FFF5F5;
  color: var(--primary-color);
  font-weight: bold;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
#LandingPage .lp-box .content .svg-list li {
  display: flex;
  align-items: center;
  min-height: 60px;
  align-self: center;
}
#LandingPage .lp-box .content .svg-list li::before {
  content: "";
  background-color: #FFF5F5;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22.725 5.02461C22.3875 4.68711 21.8625 4.68711 21.525 5.02461L8.775 17.3996L2.475 11.2121C2.1375 10.8746 1.61251 10.9121 1.27501 11.2121C0.937505 11.5496 0.975005 12.0746 1.27501 12.4121L7.91251 18.8621C8.13751 19.0871 8.4375 19.1996 8.775 19.1996C9.1125 19.1996 9.37501 19.0871 9.63751 18.8621L22.725 6.14961C23.0625 5.88711 23.0625 5.36211 22.725 5.02461Z" fill="%23E43254"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
#LandingPage h1 {
  font-size: 24px;
  line-height: normal;
}
@media (min-width: 768px) {
  #LandingPage h1 {
    font-size: 40px;
  }
}
#LandingPage .subtitle {
  max-width: 645px;
}
#LandingPage .page-wrapper {
  padding: 24px;
}
#LandingPage .btn {
  padding: 13px 28px;
}
#LandingPage .btn-wrapper p {
  font-size: 18px;
}
#LandingPage .accordion-item,
#LandingPage .accordion-item button {
  color: #374151;
}
#LandingPage #Recomended .card .card-link {
  color: #374151;
}
#LandingPage #Recomended .card:hover .card-link svg {
  animation: arrowMove 1.5s ease-in-out infinite;
}

/*# sourceMappingURL=style.css.map */