.callout.success {
  z-index: 999;
}

.block-responsivemenumobileicon .responsive-menu-toggle-icon span.icon {
  background: #0A244F;
}
.block-responsivemenumobileicon .responsive-menu-toggle-icon::before, .block-responsivemenumobileicon .responsive-menu-toggle-icon::after {
  background: #0a244f;
}

.block-colombiaysusencantos {
  max-width: 90%;
  margin: 0 auto;
  padding-top: 5rem;
}
.block-colombiaysusencantos h2.block-title {
  text-align: left;
  padding: 0;
  color: #0a244f;
  font-weight: bolder;
  margin-bottom: 5px;
}
.block-colombiaysusencantos .field-wrapper {
  font-size: 16px;
}
.block-colombiaysusencantos .image img {
  display: none;
}

.container-filter {
  padding-top: 1rem;
  padding-bottom: 30px;
  flex-direction: column;
  display: flex;
  width: 100%;
  justify-content: center;
  max-width: 85%;
  margin: 0 auto;
}
.container-filter .filter-selects {
  display: flex;
  justify-content: space-between;
  max-width: 870px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.container-filter .filter-selects .form-item-destination {
  max-width: 413px;
  width: 100%;
}
.container-filter .filter-selects .form-item-destination .edit-destination {
  background-position: right -0.5rem center;
}
.container-filter .filter-selects .form-item-destination select {
  background-image: url("https://i.postimg.cc/Hxws5NDz/imagen-2022-11-17-151134910.png");
}
.container-filter .filter-selects .form-item-category {
  max-width: 413px;
  width: 100%;
}
.container-filter .filter-selects .form-item-category .edit-category {
  background-position: right -0.5rem center;
}
.container-filter .filter-selects .form-item-category select {
  background-image: url("https://i.postimg.cc/Hxws5NDz/imagen-2022-11-17-151134910.png");
}
.container-filter .filter-inputs {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-height: 40px;
  margin: 0;
  max-width: 210px;
}
.container-filter .filter-inputs .button {
  width: 110px;
  padding: 13px 1em;
}
.container-filter .filter-inputs .button:focus {
  outline: none;
}
.container-filter .filter-inputs .btn-secoundary {
  margin-right: 10px;
  background-color: #0a244f;
}

.container {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-image: url(../../images/background_img_mobile.png);
  padding-bottom: 40px;
}
.container .mapcontainer {
  max-width: 90%;
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 80px;
  position: relative;
  width: 100%;
}
.container .mapcontainer .details_region {
  position: absolute;
  top: 10px;
  left: 6px;
}
.container .mapcontainer .details_region .name-region {
  font-size: 17px;
  padding: 0;
  margin: 1px;
}
.container .mapcontainer .details_region .leg {
  font-size: 15px;
  color: #e60f4b;
}
.container .mapcontainer.disable-actions .map svg path {
  fill: white;
  cursor: alias;
}
.container .mapcontainer.disable-actions .map svg path:hover {
  fill: white;
}
.container .mapcontainer.disable-actions .map svg path.active {
  fill: white;
}
.container .mapcontainer .map {
  padding-bottom: 15px;
}
.container .mapcontainer .map svg {
  max-width: 300px;
  max-height: 415px;
  filter: drop-shadow(0px 5px 5px rgba(62, 156, 177, 0.459));
}
.container .mapcontainer .map svg path {
  transition: 1s;
}
.container .mapcontainer .map svg path[data-id=caribe].active, .container .mapcontainer .map svg [data-id=caribe]:hover, .container .mapcontainer .map svg [data-id=caribe].active-action {
  cursor: pointer;
  fill: rgba(62, 156, 177, 0.4588235294);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg path[data-id=andina-occidentales].active, .container .mapcontainer .map svg [data-id=andina-occidentales]:hover, .container .mapcontainer .map svg [data-id=andina-occidentales].active-action {
  cursor: pointer;
  fill: rgb(255, 210, 219);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg path[data-id=andina-orientales].active, .container .mapcontainer .map svg [data-id=andina-orientales]:hover, .container .mapcontainer .map svg [data-id=andina-orientales].active-action {
  cursor: pointer;
  fill: rgba(215, 51, 84, 0.5411764706);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg path[data-id=macizo].active, .container .mapcontainer .map svg [data-id=macizo]:hover, .container .mapcontainer .map svg [data-id=macizo].active-action {
  cursor: pointer;
  fill: rgba(238, 168, 39, 0.6588235294);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg path[data-id=amazonia-orinoquia].active, .container .mapcontainer .map svg [data-id=amazonia-orinoquia]:hover, .container .mapcontainer .map svg [data-id=amazonia-orinoquia].active-action {
  cursor: pointer;
  fill: rgba(59, 124, 77, 0.4745098039);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg path[data-id=pacifica].active, .container .mapcontainer .map svg [data-id=pacifica]:hover, .container .mapcontainer .map svg [data-id=pacifica].active-action {
  cursor: pointer;
  fill: rgba(0, 82, 175, 0.5607843137);
  transition: 1s;
  z-index: 2;
}
.container .mapcontainer .map svg .area {
  stroke: #BFEAF5;
  fill: white;
  stroke-width: 5px;
}
.container .mapcontainer .container-result .category-title {
  padding: 0;
  text-align: inherit;
  font-weight: 700;
  color: #0a244f;
}
.container .mapcontainer .container-result .subcategory-title {
  font-weight: 700;
  color: #0a244f;
}
.container .mapcontainer .container-result .container-articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
.container .mapcontainer .container-result .container-articles .node--type-article {
  position: relative;
}
.container .mapcontainer .container-result .container-articles .node--type-article .image img {
  border-radius: 6px;
  filter: brightness(65%);
  min-height: 168px;
  object-fit: cover;
}
.container .mapcontainer .container-result .container-articles .node--type-article .field-node--field-tags {
  border-top: 0px;
  left: 10px;
  position: absolute;
  top: -4px;
  z-index: 2;
}
.container .mapcontainer .container-result .container-articles .node--type-article .field-node--field-tags a {
  border-radius: 12px;
  color: #fefefe;
  font-size: 10px;
}
.container .mapcontainer .container-result .container-articles .node--type-article .field-name-node-title {
  left: 50%;
  padding: 0 8px;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
  z-index: 2;
}
.container .mapcontainer .container-result .container-articles .node--type-article .field-name-node-title h2 {
  font-size: 14px;
  font-weight: bold;
}
.container .mapcontainer .container-result .container-articles .node--type-article .field-name-node-title h2 a {
  color: white;
}
.container .mapcontainer .container-result .container-articles .node--type-article .body {
  display: none;
}
.container .mapcontainer .container-result .card-link {
  display: flex;
  justify-content: center;
  margin: 25px 0px;
}
.container .mapcontainer .container-result .card-link .button {
  font-size: 13px;
  background-color: #0A244F;
  width: 100%;
}
.container .mapcontainer .container-result .not-filerts-text p {
  color: #0A244F;
  font-size: 25px;
  line-height: 30px;
  font-weight: bolder;
}

@media (min-width: 768px) {
  header.header-page {
    background: #021686;
    padding-top: 10px;
    top: 36px !important;
  }
  .header-fix header.header-page {
    top: 0px !important;
  }
  .block-breadcrumbs {
    max-width: 85% !important;
    top: 140px !important;
  }
  .block-breadcrumbs .breadcrumbs li a {
    color: #0A244F;
  }
  .block-breadcrumbs .breadcrumbs li:not(:last-child)::after {
    color: #0A244F;
  }
  .block-colombiaysusencantos {
    max-width: 85%;
    padding-top: 8rem;
  }
  .block-colombiaysusencantos .image img {
    position: absolute;
    top: 54px;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  .container-filter .filter-selects {
    flex-direction: row;
  }
  .container-filter .filter-selects .form-item-destination {
    margin-right: 15px;
  }
  .container-filter .filter-inputs .button {
    width: auto;
    padding: 0.85em 1em;
  }
  .container-filter .filter-inputs .btn-secoundary {
    margin-right: 0px;
  }
  .container {
    background-image: url(../../images/background_mapa_encanto_1366.jpg);
    padding-top: 0px;
  }
  .container .mapcontainer .details_region {
    position: absolute;
    top: 25px;
    left: 6px;
  }
  .container .mapcontainer .container-result .category-title {
    font-size: 31px;
  }
  .container .mapcontainer .container-result .container-articles .node--type-article .field-name-node-title h2 a {
    font-size: 25px;
  }
}
@media (min-width: 885px) {
  .block-colombiaysusencantos .image img {
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: -1;
  }
}
@media (min-width: 1024px) {
  .block-breadcrumbs {
    max-width: 1000px !important;
  }
  .block-colombiaysusencantos {
    margin: 0 auto;
    padding-top: 10rem;
    max-width: 1000px;
    width: 100%;
  }
  .block-colombiaysusencantos .block-title {
    text-align: left;
    padding: 0;
    color: #0a244f;
    font-weight: bolder;
    margin-bottom: 0px;
  }
  .block-colombiaysusencantos .field-wrapper {
    font-size: 20px;
  }
  .block-breadcrumbs {
    top: 150px !important;
  }
  .container-filter {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1000px;
  }
  .container-filter .filter-inputs {
    margin-left: 25px;
    margin-top: 10px;
  }
  .container-filter .filter-inputs .btn-secoundary {
    margin-right: 15px;
  }
  .container {
    background-image: url(../../images/background_mapa_encanto_1366.jpg);
  }
  .container .mapcontainer {
    align-items: inherit;
    flex-direction: row;
    max-width: 1000px;
    padding-top: 70px;
  }
  .container .mapcontainer .details_region {
    left: -5px;
  }
  .container .mapcontainer .map svg {
    max-width: 515px;
    width: 100% !important;
    max-height: 500px;
    height: 100% !important;
  }
  .container .mapcontainer .container-result {
    max-width: 50%;
  }
  .container .mapcontainer .container-result .category-title {
    font-size: 22px;
  }
  .container .mapcontainer .container-result .subcategory-title {
    font-size: 1.4rem;
  }
  .container .mapcontainer .container-result .container-articles .node--type-article .field-name-node-title h2 a {
    font-size: 16px;
  }
  .container .mapcontainer .container-result .container-articles .node--type-article .image img {
    min-height: 192px;
  }
  .container .mapcontainer .container-result .not-filerts-text p {
    color: #0A244F;
    font-size: 35px;
    line-height: 40px;
    font-weight: bolder;
  }
  .container .mapcontainer .container-result .card-link {
    display: block;
  }
  .container .mapcontainer .container-result .card-link .button {
    font-size: 13px;
    background-color: #0A244F;
    width: auto;
  }
}