:root {
  --color-text-1: #00304e;
  --color-text-2: rgba(0, 48, 78, 0.6);
  --color-text-3: rgba(255, 255, 255, 0.4);
  --color-text-4: rgba(0, 48, 78, 0.4);

  --color-bg-2: rgba(0, 114, 206, 0.05);
  --color-bg-3: rgba(0, 114, 206, 0.8);
  --color-bg-4: rgba(0, 114, 206, 0.1);
  --color-bg-5: rgba(0, 114, 206, 0.2);
  --color-bg-6: rgba(0, 48, 78, 0.2);
  --color-bg-7: rgba(0, 48, 78, 0.05);

  --color-bg-base-dark: #101012;

  --color-border-1: rgba(0, 114, 206, 0.2);
  --color-border-2: rgba(0, 48, 78, 0.1);
  --color-border-3: rgba(255, 255, 255, 0.1);

  --blue: #0072ce;
  --green: rgba(93, 175, 130, 0.2);
  --disabled: rgba(0, 114, 206, 0.4);
  --color-danger: #ed535c;

  /* Azul */
  --color-category-1-1: rgba(0, 114, 206, 0.1);
  /* Verde */
  --color-category-2-1: rgba(83, 176, 88, 0.1);
  /* Amarillo */
  --color-category-3-1: rgba(255, 191, 2, 0.1);
  /* Lila */
  --color-category-4-1: rgba(180, 146, 255, 0.1);

  /* Para cards de sub content */
  /* Azul */
  --color-category-1-2: rgba(0, 114, 206, 0.2);
  /* Verde */
  --color-category-2-2: rgba(83, 176, 88, 0.2);
  /* Amarillo */
  --color-category-3-2: rgba(255, 191, 2, 0.2);
  /* Lila */
  --color-category-4-2: rgba(180, 146, 255, 0.2);

  --max-width: 1376px;
  --max-width-sm: 1216px;
  --shadow: 0px 8px 16px rgba(16, 16, 18, 0.05);
  --hover-shadow: 0px 16px 32px 0px rgba(16, 16, 18, 0.1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --disabled: rgba(255, 255, 255, 0.4);
  }
}

body {
  font-size: 14px;
  font-family: "MonaSans", sans-serif;
  color: var(--color-text-1);
}

.a1 {
  color: var(--blue);
  font-weight: 500;
}

.a3 {
  color: var(--blue);
  text-decoration: none;
  font-weight: 500;
}

.a2 {
  color: white;
  display: flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
}
.a2:hover {
  color: var(--blue);
}

.text-primary {
  color: var(--color-text-1);
}
.text-secondary {
  color: var(--color-text-2);
}

.one-line {
  display: -webkit-box;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.three-lines {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a {
  display: inline-block;
  width: fit-content;
}

p a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  display: initial;
}

.sub-section a {
  color: var(--blue);
  font-weight: 600;
}

.sub-section a {
  margin-bottom: 0 !important;
}

.sub-section a:hover {
  color: var(--color-text-1);
}

.owl-item,
.owl-stage-outer {
  border-radius: 24px;
  overflow: hidden;
}

.owl-dots {
  background-color: var(--color-bg-6);
  padding: 4px;
  border-radius: 50px;
  width: fit-content;
  position: absolute;
  bottom: 32px;
  right: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .owl-dots {
    bottom: 16px;
    right: 16px;
  }
}

.center .owl-dots,
.hero-container-half .owl-dots {
  left: 50%;
  transform: translateX(-50%);
}

.owl-theme .owl-dots .owl-dot span {
  margin: 3px !important;
  background: var(--color-text-3) !important;
  width: 6px !important;
  height: 6px !important;
  transition: all 0.2s ease-in-out;
}

.owl-theme .owl-dots .owl-dot.active span {
  background: #fff !important;
  width: 12px !important;
  transition: all 0.2s ease-in-out;
}

.green {
  background-color: var(--color-category-2-1);
}

.green-bg {
  background-color: var(--color-category-2-2);
}
.yellow {
  background-color: var(--color-category-3-1);
}
.yellow-bg {
  background-color: var(--color-category-3-2);
}
.pink {
  background-color: var(--color-category-4-1);
}
.pink-bg {
  background-color: var(--color-category-4-2);
}
.blue {
  background-color: var(--color-bg-4);
}
.blue-bg {
  background-color: var(--color-bg-5);
}

.cards-row {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

@media (max-width: 1024px) {
  .mobile-visible {
    display: flex !important;
  }

  .cards-row {
    gap: 16px;
  }
  .planner-results-wrapper-js .cards-row,
  .block-eume-planner .cards-row {
    flex-wrap: nowrap;
    overflow: auto;
  }

  .results-wrapper-js .cards-row {
    flex-wrap: nowrap;
  }

  .results-wrapper-js {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
  }
}

.svg-container {
  display: flex;
  gap: 8px;
}

.council-container > .views-element-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  width: 100%;
}

.size-full {
  height: 100%;
  display: block !important;
}
.sub-section ul > * {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  color: var(--color-text-2);
}

.sub-section ul li strong {
  color: var(--color-text-1);
}

.block-related-posts-block .carousel-four .a {
  width: 384px !important;
}

.litepicker button {
  cursor: pointer !important;
}

.litepicker .container__months .month-item-header .button-next-month:hover,
.litepicker .container__months .month-item-header .button-previous-month:hover,
.litepicker .reset-button {
  color: var(--blue) !important;
}
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date.is-flipped {
  background-color: var(--blue);
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.litepicker .container__days .day-item.is-end-date,
.litepicker .container__days .day-item.is-start-date.is-flipped {
  background-color: var(--blue);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.litepicker .container__days .day-item.is-start-date.is-end-date {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}

.litepicker .container__days .day-item,
.litepicker .container__days .day-item.is-in-range {
  border-radius: 24px;
}
.litepicker .container__days > div {
  padding: 10px 0;
}

.litepicker .container__days .day-item:hover {
  color: white;
}

.litepicker .container__days .day-item.is-in-range {
  background-color: var(--color-bg-5);
  border: 0;
}
.litepicker .month-item-name ,
.litepicker .month-item-year {
  font-family: "MonaSans", sans-serif;
  font-size: 16px;
}

.litepicker .container__months {
  box-shadow: unset;
}

.litepicker {
  width: 100%;
}

.litepicker .container__months.columns-2 {
  width: 100%;
}

.litepicker .container__months .month-item {
  padding: 16px;
  flex: 1;
}

.results-wrapper-js > * {
  width: fit-content;
  margin-bottom: 32px;
}
@media (max-width: 1024px) {
  .results-wrapper-js > * {
    margin-bottom: 16px;
    margin-right: 16px;
  }
}

.blog-container .results-wrapper-js > a {
  width: fit-content;
}

.block-last-posts-block .card-mini.article {
  width: 100% !important;
}

.results-wrapper-js .cards-row .container-50 img,
.card-img-bg-md img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.results-wrapper-js .card-highlight {
  height: 100%;
}

.wp-block-image {
  border-radius: 24px;
  overflow: hidden;
}

.leaflet-popup-content p {
  margin: 0 !important;
}

.results-wrapper-js .card-img-bg {
  justify-content: flex-end !important;
}

.info-container .container-2 .two-lines {
  overflow: initial !important;
}

.block__content {
  overflow: hidden;
}

.block-external-resources-widget-block .block__content {
  overflow: visible;
}
.carousel-four .slick-list {
  overflow: visible !important;
}

.burger-menu {
  padding: 0;
}

::selection {
  background-color: var(--blue);
  color: #fff;
}

@keyframes moveLeftRight {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(0);
  }
}
.custom-arrow--left {
  position: absolute;
  left: -16px;
  top: calc(50% - 16px);
  z-index: 50;
  background: white !important;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
  animation: moveLeftRight 2s infinite ease-in-out;
}
.custom-arrow--right {
  position: absolute;
  right: -16px;
  top: calc(50% - 16px);
  z-index: 50;
  background: white !important;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s ease-in-out;
  animation: moveLeftRight 2s infinite ease-in-out;
}
.custom-arrow--left svg,
.custom-arrow--right svg {
  color: var(--blue);
  width: 16px;
  height: 16px;
  transition: all 0.4sease-in-out;
}

.body-no-scroll {
  overflow: hidden;
  height: 100vh;
}
.sub-section > *:not(:last-child) {
  margin-bottom: 48px;
}

.sub-section > p:has(+ p) {
  margin-bottom: 16px !important;
}

.wp-block-image.is-resized img {
  width: 100%;
  object-fit: cover;
}

.wp-block-eume-eume-link {
  display: block;
}
ul {
  list-style-position: inside;
}
ul li::marker {
  margin-right: -14px;
}

.card-default.event .container-img,
.card-mini.event .container-img {
  background-color: var(--color-bg-5);
}

.leaflet-popup-content {
  width: 100% !important;
}
@media (max-width: 1024px) {
  .sub-section > *:not(:last-child) {
    margin-bottom: 32px;
  }

  .main-content {
    overflow: hidden;
  }
  #selected-lang,
  .preheader-mobile a,
  .dropdown-lang a {
    font-size: 14px !important;
  }
  .council-hero {
    padding-bottom: 64px;
  }
}

@media (max-width: 350px) {
  .carousel-four .slick-track {
    margin-left: -90px !important;
  }
}

@media (max-width: 483px) {
  .carousel-four .slick-track {
    margin-left: -35% !important;
  }
}
@media (min-width: 484px) {
  .carousel-four .slick-track {
    margin-left: 0 !important;
  }
}

.base-container-simple:has(.wp-block-eume-eume-plan-slider-grid-block)
  .wp-block-eume-eume-plan-slider-grid-block {
  padding: 0 !important;
}

@media (max-width: 1216px) {
  .results-wrapper-js .card-highlight {
    height: 372px;
  }
}

@media (max-width: 608px) {
  .results-wrapper-js .card-default {
    height: 100% !important;
  }
  .carousel-four .slick-list {
    overflow: hidden !important;
  }
  .results-wrapper-js a {
    width: fit-content;
  }
}

@media (min-width: 1024px) {
  .custom-arrow--left,
  .custom-arrow--right {
    display: none;
  }
  .mobile-visible {
    display: none;
  }
}

.user-login-form {
  width: fit-content;
  min-height: 30vh;
  margin: 48px auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.user-login-form input {
  width: 100%;
}

.user-login-form .js-form-submit {
  background-color: var(--blue);
  color: white;
  border: none;
  padding: 12px 0;
  border-radius: 12px;
}

#block-eume-primary-local-tasks .tabs-wrapper {
  display: flex;
  justify-content: center;
}
#block-eume-primary-local-tasks .tabs--primary {
  display: flex;
  list-style: none;
}
#block-eume-primary-local-tasks .tabs--primary .is-active {
  opacity: 0;
}

.pagination-container .btn {
  flex: none;
}

.wp-block-cover__video-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}