/**
 * Theme Name:     csWPIbaiGarmendia
 * Author:         Jegtheme
 * Template:       hikker
 * Text Domain:	   csWPIbaiGarmendia
 * Description:    Hikker is a modern and clean Gutenverse theme for Hiking, Mountain Trekking, Adventure, Mountain Guide, Camping, Backpacking, Travel Agency, Trip Booking, and other travel & tourism websites. Hikker is the perfect platform for building a sleek, professional website that showcases your expertise and earns client trust.
 * Theme URI:      https://fse.jegtheme.com/hikker/
 * Author URI:     https://support.jegtheme.com/
 * Version:        1.0.0
 * License:        GNU General Public License v3 or later.
 * License URI:    https://www.gnu.org/licenses/gpl-3.0.html
 * Tags:           custom-logo,custom-menu,editor-style,featured-images,full-site-editing,block-patterns
 * Domain Path: /languages
 */


/*Nav*/
.guten-nav-menu .gutenverse-hamburger-menu {
  background-color: transparent !important;
  border: none !important;
  color: #fff !important;
}

header,
.garmendi-header {
  margin-top: -0.5rem !important;

}

/*Portada*/

#calendar {
  max-width: 500px;
  margin: 0 auto;
  font-size: 12px;
}

.day-with-event {
  background-color: #78b8a6 !important;
}

.fc .fc-daygrid-event-harness-abs,
.fc .fc-daygrid-event-harness {
  display: none;
}

.portada-calendar {
  width: 700px;
  height: auto;
}

.fc .fc-toolbar-title {
  font-size: 1.3rem;
}

.fc-next-button.fc-button.fc-button-primary,
.fc-prev-button.fc-button.fc-button-primary {
  background-color: #78b8a6;
  border-color: #78b8a6;
}

.fc .fc-button-primary:not(:disabled):active {
  background-color: #fff;
  border-color: #78b8a6;
  color: #78b8a6;
}

.fc .fc-button-primary:focus {
  box-shadow: rgb(255 255 255) 0px 0px 0px 0.2rem !important;
}


.fc-event {
  font-size: 12px;
  padding: 2px 5px;
}

.eventos-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 30px;
  justify-content: center;
  width: 100%;
}

.evento {
  flex: 1 1 calc(33.333% - 20px);
  overflow: hidden;
  background-color: #fff;
  max-width: 360px;
}

.evento-img {
  position: relative;
}

.evento-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.details-data-single {
  color: #fff;
}

.evento-fields {
  color: #fff;
  padding: 10px 10px 10px 1rem;
  background-color: #181d23;
  font-size: 14px;
}


.evento-fields p {
  color: white !important;
}

p {
  color: black;
}

.evento h3 {
  padding: 1rem;
  margin: 0;
  font-size: 18px;
  text-align: center;
  border: 1px solid #efefef;
}

.fc-scroller.fc-scroller-liquid-absolute {
  overflow: hidden !important;

}


/*Post comments*/
.guten-bLdYn4 .commentlist .reply .comment-reply-link,
.logged-in-as a {
  color: #78b8a6 !important;
}

/*Irteera */
section.guten-element.guten-NpEXRP>.guten-container>.guten-column>.sticky-wrapper>.guten-column-wrapper,
section.guten-element.guten-NpEXRP>.guten-container>.guten-column>.guten-column-wrapper {
  align-content: flex-start !important;
}

.guten-element.guten-NpEXRP {
  padding-top: 50px;
}

.irteera-form-contact .form-contact-form {
  padding: 20px;
  margin: 0;
}

.evento {
  border: 1px solid #efefef;
}

h3.irteera-title {
  font-family: var(--gutenverse-font-family-as8k3y);
  font-size: var(--gutenverse-font-size-as8k3y);
  font-weight: var(--gutenverse-font-weight-as8k3y);
  text-transform: var(--gutenverse-font-transform-as8k3y);
  font-style: var(--gutenverse-font-style-as8k3y);
  text-decoration: var(--gutenverse-font-decoration-as8k3y);
  line-height: var(--gutenverse-font-lineHeight-as8k3y);
  letter-spacing: 1px;
  text-align: left !important;
}


h4.irteera-title {
  font-family: var(--gutenverse-font-family-KQbxBk);
  margin: 0;
  padding: 1rem;
  text-align: right;

  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.1368px;
  text-transform: uppercase;
}

h4.irteera-title a {
  color: #78b8a6 !important;
}

h4.irteera-title a:hover {
  color: black !important;

}

.irteera-featured-image {
  width: 500px !important;
}

/*Irteera*/
.accordion-columns {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.accordion-col {
  flex: 1 1 45%;
  min-width: 250px;
}

.accordion-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 20px;
}

.accordion-gallery-image {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.accordion-gallery-image:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .accordion-gallery {
    grid-template-columns: repeat(1, 1fr);
  }
}

.accordion-caption {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}

.prezioak-flex {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.prezioak-flex>div {
  flex: 1 1 45%;
  box-sizing: border-box;
}

.prezioak-flex {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.prezio-item {
  width: 100%;
}

@media (min-width: 768px) {
  .prezioak-flex {
    flex-direction: row;
    justify-content: space-between;
  }

  .prezio-item {
    width: 48%;
  }
}

.mi-clase-imagen {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  max-width: 600px;
  height: auto;
}


@media (max-width: 1024px) {
  .accordion-gallery {
    grid-template-columns: repeat(2, 1fr);
    /* Dos columnas */
  }
}

a.materiala-pdf {
  background: var(--wp--preset--color--custom-primary-color);
  border-radius: 0.5rem;
  color: white;
  display: inline-block;
  font-size: 15px;
  margin: 0px;
  padding: 12px 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  font-weight: bold;
  font-size: 1rem;
  margin: 0 0.5rem 0.5rem 0;
}

.guten-button {
  font-weight: bold;
  font-size: 1rem;
}

a.materiala-pdf:hover,
.guten-button:hover {
  /* background-color: black; */
  background: var(--wp--preset--color--custom-primary-color);
  box-shadow: 0 5px 5px rgba(1, 1, 1, 0.2);
}

/*Kontaktua*/
.column-form>div {
  display: block !important;
}

.form-contact-form {
  background-color: #efefef;
  padding: 30px;
  border-radius: 8px;
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  margin-top: 1rem;
}

.campo-formulario {
  border: 1px solid #dddddd;
  border-radius: 6px;
  padding: 6px;
  color: black;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}

.campo-formulario::placeholder {
  color: #e0f5ec;
}


.boton-enviar {
  background-color: #4a7e70;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.boton-enviar:hover {
  background-color: #3c6d61;
}



/*Responsive*/
@media (max-width: 768px) {
  .evento {
    flex: 1 1 calc(50% - 20px);
  }

  .guten-tBSmDv>.sticky-wrapper>.guten-column-wrapper,
  .guten-tBSmDv>.guten-column-wrapper {
    margin-right: 0 !important;
  }

}

/* @media (max-width: 480px) { */
@media (max-width: 1024px) {
  .evento {
    flex: 1 1 100%;
  }

  .fc-scroller.fc-scroller-liquid-absolute {
    overflow: hidden auto !important;

  }

  .guten-image-wrapper {
    margin-top: 12px;
  }

  .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper {
    background-color: #fff !important;
  }

  .gutenverse-menu-wrapper .gutenverse-menu>li {
    border-bottom: 1px solid #78b8a650;
  }

  .gutenverse-menu-wrapper .gutenverse-menu>li>a {
    color: black !important;
    padding: 15px;
    width: 90% !important;
  }

  .guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu {
    color: #78b8a6 !important;
    border: 1px solid #78b8a6 !important;
    background-color: #fff !important;
  }

  .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu.dropdown-open {
    margin-left: 0.7rem !important;
  }

  .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu.dropdown-open a {
    padding-top: 0 !important;
    color: #4a7e70;
  }

  .guten-tBSmDv>.sticky-wrapper>.guten-column-wrapper,
  .guten-tBSmDv>.guten-column-wrapper {
    margin-right: 0 !important;
  }

  .eventos-grid {
    padding: 20px;
  }
}

/*****/

form input.wpcf7-form-control,
form textarea {
  border: 1px solid #ddd;
  width: 100%;
  padding: 4px;
  min-height: 30px;
  margin-bottom: 0.5rem;
  border-radius: 6px;
}

form input[type="submit"] {
  background-color: #181d23;
  color: white;
  text-transform: uppercase;
  width: fit-content;
  padding: 1rem 3rem;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 0.5rem;
  border-color: #181d23;
}

form input[type="submit"]:hover {
  background-color: var(--wp--preset--color--custom-primary-color);
  border-color: var(--wp--preset--color--custom-primary-color);
}

.guten-bo90nu.guten-button-wrapper .guten-button {
  background: var(--wp--preset--color--custom-primary-color);
  border-radius: 0.5rem;
}

/* .guten-bo90nu.guten-button-wrapper .guten-button:hover {
  background-color: #181d23;
} */

h2 {
  margin-top: 2rem !important;
}

h2.title {
  margin-top: 0 !important;
}

.guten-7kKVCx .guten-social-icon i {
  font-size: 18px !important;
}

.gutenverse-hamburger-menu .fas {
  font-size: 24px;
}

#guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>li>a:hover,
#guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>ul>li>a:hover {
  color: var(--wp--preset--color--custom-primary-color);
}

#guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>li>a:focus,
#guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>ul>li>a:focus {
  color: var(--wp--preset--color--custom-primary-color);
}

.guten-social-icons a {
  cursor: pointer;
}

.guten-social-icons a:hover {
  opacity: 0.7 !important;
}


.mailto a span {
  color: var(--wp--preset--color--custom-primary-color) !important;
}

.mailto a:hover span {
  opacity: 0.8;
}

/**mobile**/
@media only screen and (max-width: 767px) {
  .guten-RnkHNK.guten-element.guten-column {
    width: 80% !important;
  }

  .guten-TOkG0E.guten-element.guten-column {
    width: 20% !important;
  }

  .brand-column {
    width: 80% !important;
    max-width: 80% !important;
  }

  .mainmenu-column {
    width: 80% !important;
    max-width: 80% !important;

  }

  .guten-nav-menu .gutenverse-hamburger-menu {
    padding: 25px 20px !important;
  }

  #guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>li>a,
  #guten-GrTpcS .gutenverse-menu-wrapper .gutenverse-menu>ul>li>a {
    font-size: 20px !important;
  }

  p,
  .accordion-text,
  ul {
    font-size: 16px;
    line-height: 26px;
  }

  /*
  .guten-element.guten-section {
    padding-top: 16px !important;
    padding-bottom: 32px !important;
  }

  .guten-element.guten-section.layout-boxed {
    padding-top: 40px !important;
  } */
}

/***/
.info-teknikoa {
  display: flex;
  gap: 1rem;
  margin: 3rem 0;

}

.info-card {
  border: 4px solid #78b8a6;
  border-radius: 16px;
  text-align: center;
  padding: 1rem 1rem 1.5rem 1rem;
  width: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width:770px) {
  .info-teknikoa {
    flex-wrap: wrap;
  }

  .info-card {
    width: 45%;
  }
}

.info-card p {
  font-size: 1.1rem;
  line-height: 1.2rem;

}

p.dato {
  height: 40px;
  margin: 1rem 0;

}

.info-card h3 {
  border-top: 2px dotted #78b8a6;
  padding-top: 1rem;
  font-size: 1.5rem;
  display: block;
  width: 100%;
  margin: 0;
  line-height: 1.35rem;
}

.info-card h3.mota {
  font-size: 1.3rem;
}

.guten-element.guten-2fdkgo {
  padding-top: 50px !important;
}

/*faq*/
.guten-accordions .accordion-item .accordion-heading {
  font-size: 1.25rem;
  font-weight: 300 !important;
  border-bottom: none !important;
}

/*eskaintzak*/
.guten-icon-box .icon-box.icon-box-body .title {
  font-size: 18px !important;
  padding: 10px 0 0 0px !important;
  font-family: var(--gutenverse-font-family-KQbxBk);
  letter-spacing: 0.3px;
  font-weight: 400;
}

.fc .fc-daygrid-day-number {
  padding: 4px;
  position: relative;
  z-index: 4;
  width: 100%;
  text-align: right;
  cursor: pointer;


}

.day-with-event .fc-daygrid-day-number {
  font-weight: bold !important;
}

.fc .fc-daygrid-day-number:hover {
  color: white !important;
}

.guten-cxwK24 .guten-icon-wrapper.stacked i {
  color: #78b8a6 !important;
}

.guten-wshb7y .guten-postblock .guten_block_nav .btn-pagination.current {
  background: #78b8a6 !important;
}

.guten-ofsZKS.guten-button-wrapper .guten-button {
  background: #78b8a6 !important;
}

.guten-wshb7y .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover {
  background: #78b8a6 !important;
}

@media only screen and (max-width: 767px) {

  .guten-IXxYjP .search-input-container-outer,
  .guten-IXxYjP:not(:has(.search-input-container-outer)) .search-input-container {
    width: 100% !important;
  }
}