/*
Theme Name: Malta Inc
Template: hello-elementor
Description: Child theme
Author:      DDInteractiva
Author URL:  https://ddinteractiva.com.com
Version:     1.0
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/



.elementor-button, .wpr-button {
  position: relative;
  background-color: white;      /* Fondo blanco */
  color: #000;
  padding: 12px 24px;
  border: 1px solid transparent !important;  /* Borde “vacío” para el gradiente */
  border-radius: 18px;
  cursor: pointer;
  z-index: 0;
  
  /* Esto hace que el background del botón solo se pinte dentro del padding (sin afectar el borde) */
  background-clip: padding-box;
  box-sizing: border-box;
}

/* Pseudo-elemento que crea el borde con gradiente */
.elementor-button::before, .wpr-button::before, .wpcf7-submit::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 25px;
  padding: 1px; /* Igual que el grosor del borde */
  background: linear-gradient(to right, #d0d680, #4d86ae);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude; /* para Firefox */
  pointer-events: none;
  z-index: -1;
}

/* Hover opcional */
.elementor-button:hover, .wpr-button:hover, .wpcf7-submit:hover {
  color: #ee0979;
  background-color: white;
}


.custom-layout {
  display: flex;
  gap: 60px;
  max-width: 1380px;
  margin: 0 auto;
  padding: 40px 20px;
  flex-wrap: wrap; /* permite que los elementos se apilen en móvil */
}

.main-content {
  flex: 1;
  min-width: 0; /* evita overflow en flexbox */
}

.sidebar {
  width: 420px;
  flex-shrink: 0;
}

/* 📱 En móviles (pantallas <= 768px) */
@media (max-width: 768px) {
  .custom-layout {
    flex-direction: column; /* apila el contenido */
    gap: 30px; /* menos separación en móvil */
  }

  .sidebar {
    width: 100%; /* ocupa todo el ancho en móvil */
  }
}




.elementor-button {
  position: relative;
  background-color: white;      /* Fondo blanco */
  color: #000;
  padding: 12px 24px;
  border: 1px solid transparent !important;  /* Borde “vacío” para el gradiente */
  border-radius: 18px;
  cursor: pointer;
  z-index: 0;
  
  /* Esto hace que el background del botón solo se pinte dentro del padding (sin afectar el borde) */
  background-clip: padding-box;
  box-sizing: border-box;
}

/* Pseudo-elemento que crea el borde con gradiente */
.btnWhite .elementor-button::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 25px;
  padding: 1px; /* Igual que el grosor del borde */
  background: linear-gradient(to right, #a4d1ee, #3f7ca8) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude; /* para Firefox */
  pointer-events: none;
  z-index: -1;
}

/* Hover opcional */
.elementor-button:hover {
  color: #ee0979;
  background-color: white;
}




@media(min-width: 1200px) {
    .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
        max-width:1380px !important
    }

}

ul.wp-block-list  {
	margin-block-end: 20px;
}

ul.wp-block-list li ul  {
	margin-block-end: 0;
}

article.post {
	margin-top: 40px;
}

ul.hfe-post-info-inline.hfe-post-info-items {
	display: block;
}

li.hfe-post-info-item, li.hfe-post-info-item > a {
	display: block;
}


.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
    color: #005081 !important;

}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:hover, .single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover, .tribe-events:hover .tribe-events-c-subscribe-dropdown:hover .tribe-events-c-subscribe-dropdown__button-text:hover, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover {
    color: #fff !important;

}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {

    border: 1px solid #005081 !important;
    color: #005081 !important;
}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
    background-color: #005081 !important;
	color: #fff !important;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container
 {
    padding: 70px 0 0 !important;
	max-width: 1380px !important;
}

.elementor-kit-6 h2 {
    font-family: "Montserrat", Sans-serif !important;
}


.elementor-1293 .elementor-element.elementor-element-f70c073 a {
    color: #00568A !important;
    font-weight: 700;
}
@media only screen and (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-nav-menu__layout-vertical {
        visibility: hidden;
        opacity: 0;
        height: 0;
        position: absolute;
        right: 0;
        left: inherit !important;
    }
}

@media only screen and (max-width: 1024px) {
    .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical {
        visibility: visible;
        opacity: 1;
        height: auto;
        right: -5px !important;
    }
}