@charset "UTF-8";
/**

 * Theme Name:     Bord Na Mona
 * Author:         Several.pro
 * Template:       hello-elementor
 * Text Domain:	   bord-na-mona
 * Description:    Theme created by Several.pro
 */
.title-blue b {
  color: #00DEC1;
}

b,
strong {
  font-weight: 500;
}

.contact-head a {
  border-radius: 5px;
  border: 1px solid #FFF501 !important;
  background: rgba(0, 61, 82, 0.25);
  padding: 8px 15px !important;
  color: #FFF501 !important;
  text-align: center;
  font-family: "TT Hoves Pro Trial";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 43px;
  /* 215% */
}

.contact-head a:hover {
  background: #FFF501 !important;
  color: #003D52 !important;
}

.terms-badges {
  gap: 5px;
  display: flex;
  flex-flow: wrap;
}

.terms-badges a.badge {
  border: none !important;
  background: rgb(31, 229, 177) !important;
  padding: 10px 20px;
  border-radius: 5px;
  text-transform: uppercase;
  /* DESK/H4 */
  color: #124F43 !important;
  leading-trim: both;
  text-edge: cap;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s;
}

.terms-badges a.badge:hover {
  background: rgb(31, 229, 177) !important;
  color: #003D52 !important;
}

.heading #breadcrumbs {
  color: white;
}

.heading #breadcrumbs a {
  color: white;
}

.animated-wrapper {
  overflow: hidden;
  display: block;
}

.animated-line {
  overflow: hidden;
}

.animated-line span {
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.4s ease-out;
}

.animated-line.appeared span {
  transform: translateY(0);
  opacity: 1;
}

.animated-line span {
  display: block;
}

.elementor-button-wrapper {
  display: inline-block;
  width: auto;
}

/* Estilos comunes para botones */
.btn-claro .elementor-button-icon,
.btn-oscuro .elementor-button-icon,
.btn-catalogo .elementor-button-icon {
  border-radius: 50%;
  /* Ajustar redondez */
  height: 35px;
  width: 35px;
  margin: 0 auto;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}

.btn-claro .elementor-button-content-wrapper,
.btn-oscuro .elementor-button-content-wrapper,
.btn-catalogo .elementor-button-content-wrapper {
  gap: 20px;
  display: inline-flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.btn-claro .elementor-button-icon svg,
.btn-oscuro .elementor-button-icon svg {
  height: 14px;
  fill: none !important;
  transition: transform 0.3s;
  /* Añadida transición para la rotación */
}

.btn-claro .elementor-button-icon svg path,
.btn-oscuro .elementor-button-icon svg path,
.btn-catalogo .elementor-button-icon svg path {
  stroke: #124F43;
}

/* Estilos específicos para btn-claro */
.btn-claro .elementor-button-icon {
  background-color: #124F43;
}

.btn-claro a:hover .elementor-button-icon {
  background-color: #BCFFF0;
}

.btn-claro a:hover span {
  color: #BCFFF0 !important;
}

.btn-claro a:hover .elementor-button-icon svg path {
  stroke: #124F43;
}

.btn-claro a:hover .elementor-button-icon svg {
  transform: rotate(15deg);
  /* Rotación de 15 grados */
}

/* Estilos específicos para btn-oscuro */
.btn-oscuro .elementor-button-icon {
  background-color: #BCFFF0;
}

.btn-oscuro a:hover .elementor-button-icon {
  background-color: #124F43;
}

.btn-oscuro a:hover .elementor-button-icon svg path {
  stroke: #BCFFF0;
}

.btn-claro .elementor-button-icon svg path {
  stroke: #BCFFF0;
}

.btn-claro a:hover .elementor-button-icon svg,
.btn-oscuro a:hover .elementor-button-icon svg {
  transform: rotate(45deg);
  /* Rotación de 15 grados */
}

/* Estilos específicos para btn-catalogo */
.btn-catalogo .elementor-button-icon svg {
  transform: rotate(135deg);
  transition: transform 0.3s;
}

.btn-catalogo .elementor-button-icon {
  background-color: #BCFFF0;
}

.btn-catalogo a:hover .elementor-button-icon {
  background-color: #363636;
}

.btn-catalogo .elementor-button-icon svg path {
  stroke: #363636;
}

.btn-catalogo a:hover .elementor-button-icon svg path {
  stroke: #BCFFF0;
}

.btn-catalogo a:hover .elementor-button-icon svg {
  transform: rotate(45deg);
}/*# sourceMappingURL=custom.css.map */