/*
Theme Name: Oxpitan Child
Description: Child theme for the Oxpitan themes
Author: call0fcode <juan.gomez@interficie.com>
Template: oxpitan
*/

/* Botón flotante - gv-icon-34 a 30px */
.return-top {
  background-color: var(--e-global-color-a97b1b9);
  border: 2px solid var(--e-global-color-primary);
  color: var(--e-global-color-primary);
  bottom: 15px;
  right: 15px;
}

/* Ocultar badge reCAPTCHA */
.grecaptcha-badge {
  visibility: hidden;
}

/* 
  Mensaje del plugin Complianz que se muestra si no se han aceptado las cookies
  de marketing.
*/
.wpcf7-form.fondo-oscuro
  .cmplz-blocked-content-notice.cmplz-accept-marketing
  a {
  color: var(--e-global-color-a97b1b9);
}

/*********************
 * ESTILOS GLOBALES *
 *******************/

html {
  /* 10px = 1rem */
  font-size: 62.5%;
}

/**
 * Se ha establecido que todos los enlaces del tema aparezcan subrayados. Aquí
 * se listan los enlaces que se excluyen de esta norma como p.ej. botones, links
 * del menú de navegación, títulos de entradas, etc.
 */
li.menu-item a,
a.dropdown-toggle,
a.elementor-button,
.entry-description a,
.entry-title a,
.entry-meta a,
#wp-footer a,
.elementor-post-navigation a,
#breadcrumbs a,
.elementor-image-box-title a,
.btn-theme,
.btn-pobles,
.wp-block-button__link {
  text-decoration: none !important;
}

/* Iconos listas */
ul li i,
ol li i {
  margin-right: 0;
}

/* Tamaño máximo de los iframes */
iframe {
  max-width: 100%;
}

@media (max-width: 767px) {
  iframe {
    height: 40vmax;
  }
}

/* Ocultar forma inclinada de todos los icon-boxes del tema */
.gsc-icon-box-styles.style-2 .block-content {
  padding: 30px;
}

.gsc-icon-box-styles.style-2 .block-content:before {
  right: 0;
}

.gsc-icon-box-styles.style-2 .block-content:after {
  content: none;
}

/*---------*
 * Botones *
 *---------*/

/* 
 * Estilo botones de Elementor y del template
 *--------------------------------------------*/

.elementor-button,
.read-more {
  font-size: 1.5rem;
  letter-spacing: 0.1rem;
  line-height: 1 !important;
  color: var(--e-global-color-a97b1b9);
  text-transform: uppercase !important;
}

.elementor-button {
  padding: 15px 35px;
}

.read-more {
  padding: 0;
}

.entry-content .read-more a,
.entry-content .elementor-button a {
  color: var(--e-global-color-a97b1b9);
}

.elementor-button a,
.read-more a {
  color: var(--e-global-color-a97b1b9);
  font-weight: 400;
  border-radius: 50px;
}

.elementor-button a:hover,
.elementor-button a:focus,
.read-more a:hover,
.read-more a:focus {
  background-color: var(--e-global-color-a97b1b9);
  color: var(--e-global-color-secondary);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
  font-weight: 400;
}

.btn-theme,
.btn-theme-second,
.btn,
.btn-white,
.btn-black,
.btn-give-theme,
button.give-btn {
  font-size: 1.5rem;
  letter-spacing: 0;
}

/* Ocultar forma inclinada de todos los botones del tema */
.btn-theme:before,
.btn-theme-second:before,
.btn:before,
.btn-white:before,
.btn-black:before,
.btn-give-theme:before,
button.give-btn:before,
.pager .paginations a:before {
  content: none;
}

.elementor-button-text {
  line-height: 1.5;
}

/* 
 * Estilos botones propios
 *-------------------------*

/* Botón estilo 1 (para fondos claros) */
.btn-pobles {
  font-size: 1.5rem !important;
  background: var(--e-global-color-primary) !important;
  color: var(--e-global-color-a97b1b9) !important;
  font-weight: 400 !important;
  transition-duration: 1s;
  border-radius: 50px;
  cursor: pointer;
}

.btn-pobles:hover {
  background-color: var(--e-global-color-a97b1b9) !important;
  color: var(--e-global-color-secondary) !important;
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
  transform: scale(0.9);
}

/* Botón estilo 2 (para fondos oscuros) */
.btn-pobles-2 a.elementor-button-link.elementor-button {
  width: 100%;
  color: var(--e-global-color-primary) !important;
  font-size: 1.5rem !important;
  transition-duration: 0.3s;
}

.btn-pobles-2 a.elementor-button-link.elementor-button:hover {
  color: var(--e-global-color-secondary) !important;
}

/*-----------------*
 * Posts y páginas *
 *-----------------*/

/* Padding vertical */
.main-page-content {
  padding: 60px 0 0;
}

.single.single-post #wp-content > article.post .entry-title {
  color: var(--e-global-color-primary);
  font-family: var(--e-global-typography-primary-font-family), Sans-serif;
  font-size: var(--e-global-typography-primary-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  line-height: var(--e-global-typography-primary-line-height);
}

/**********
 * HEADER *
 **********/

/*
 * Corrección altura barra de navegación
 *---------------------------------------*/

.header-v1 .header-bottom {
  background: #fff;
  position: relative;
  height: 75px;
  display: flex;
  align-items: center;
}

.cooperativa .header-bottom {
  background: var(--e-global-color-primary);
}

.header-bottom-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

ul.gva-nav-menu > li {
  padding: 0;
}

.stuck ul.gva-nav-menu > li {
  padding: 0;
}

/* Sombra bajo menú de navegación en todo momento */
.gv-sticky-menu {
  box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);
}

.header-mobile {
  padding: 0;
  height: 75px;
  /* display: flex !important; */
  /* align-items: center; */
}

.cooperativa .header-mobile {
  background-color: var(--e-global-color-primary) !important;
}

.header-mobile .mobile-logo {
  margin-top: 5px;
}

/* Tamaño máximo del logo en móvil */
.header-mobile img {
  max-width: 160px;
}

/* Menú hamburguesa */
.header-mobile .canvas-menu {
  top: 57% !important;
}

.gva-offcanvas-content .close-canvas a {
  height: 0;
}

/*
 * Estilos
 *----------*/

.cooperativa ul.gva-nav-menu > li > a {
  color: var(--e-global-color-a97b1b9) !important;
}

.cooperativa ul.gva-nav-menu > li > a:hover {
  color: var(--e-global-color-a97b1b9) !important;
}

/* Reducción de espacio entre elementos de la navegación */
ul.gva-nav-menu > li > a {
  padding: 10px;
}

/* Reducción del tamaño y peso de fuente del selector de idioma */
.wpml-ls-native {
  font-size: 1.4rem;
  font-weight: 400;
}

/* Línea bajo los enlaces al hacer hover */
ul.gva-nav-menu > li > a:after {
  background: var(--e-global-color-secondary);
}

.cooperativa ul.gva-nav-menu > li > a::after {
  background: var(--e-global-color-a97b1b9);
}

/* Cambio de color del icono de hamburguesa */
.gv-icon-103:before {
  color: var(--e-global-color-primary);
}

.cooperativa .gv-icon-103:before {
  color: var(--e-global-color-a97b1b9);
}

/* Color de texto de etiquetas del menú móvil */
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a {
  color: var(--e-global-color-primary);
}

/* Cambio de color botón de cierre menú móvil */
.gv-icon-8:before {
  color: var(--e-global-color-primary);
}

/* Texto submenú no capitalizado (el tema lo pone así por defecto) */
ul.gva-nav-menu > li .submenu-inner li a,
ul.gva-nav-menu > li ul.submenu-inner li a {
  text-transform: initial;
}

/**************
 * FORMULARIO *
 **************/

.wpcf7-form {
  max-width: none;
}

.wpcf7-form p {
  margin-bottom: 1rem;
  font-weight: inherit;
}

span.wpcf7-list-item {
  margin: 0;
}

.wpcf7-form input:not([type='submit']):not([type='checkbox']),
.wpcf7-form textarea {
  width: 100%;
  height: 6.8rem;
  padding: 1.5rem;
  margin-bottom: 0.2rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #f2f0ec;
  border: none;
  color: var(--e-global-color-primary);
  font-weight: 500;
}

.wpcf7-form input[type='checkbox'] {
  margin-right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
}

.wpcf7-form input[type='submit'] {
  padding: 15px 25px;
  line-height: 15px;
}

.wpcf7-form textarea {
  height: 15rem;
}

.wpcf7-form ::placeholder {
  color: var(--e-global-color-primary) !important;
  font-weight: 500 !important;
  opacity: 1;
}

/*
 * Select
 *--------*/

select {
  /* Reset */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  box-shadow: none;
  -webkit-box-shadow: none;

  /* Estilos */
  width: 100%;
  height: 6.8rem;
  margin: 0;
  padding: 0 1.5rem;
  border: none;

  background-color: #f2f0ec;
  color: var(--e-global-color-primary);

  font-weight: 500;
  line-height: 1.5em;
}

/* Flecha del select */
.ajuda::after {
  content: '\f078';

  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;

  font-family: FontAwesome;
  font-size: small;
  text-align: center;
  color: var(--e-global-color-primary);

  pointer-events: none;
}

/***********************
 * INFORMACIÓN GENERAL *
 ***********************/

/*-------
   Cajas
 --------*/

.caja-estilo1 .gsc-icon-box-styles.style-2 .block-content {
  display: flex;
  width: 235px;
  height: 235px;
  flex-direction: column;
  justify-content: space-evenly;
}

/*************
 * RECURSOS *
 ***********/

/*--------*
 * Slider *
 *--------*/
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: visible;
  z-index: 1;
}

.swiper-slide {
  overflow: visible;
}

.elementor-slide-button {
  position: relative;
  bottom: -50px;
  color: var(--e-global-color-primary) !important;
  font-size: var(--e-global-typography-text-font-size) !important;
  font-weight: 500 !important;
}

.elementor-button.elementor-slide-button:hover {
  cursor: pointer;
  background-color: transparent;
  filter: none;
}

/*
 * Flechas de navegación
 *-----------------------*/
.elementor-swiper-button-prev {
  left: -35px;
}

.elementor-swiper-button-next {
  right: -35px;
}

/*
 * Puntos navegación
 *-------------------*/
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -50px;
}

/********************************
 * AGENDA, EMPREMPTES, NOTICIES *
 ********************************/

/*------------------------------*
 * AJUSTES GENERALES CAROUSELES *
 *------------------------------*/

/*
 * Estructura tarjetas
 *---------------------*/
/* Altura y distribución interior de elementos */
@media (min-width: 768px) {
  #noticies-agenda-empremtes
    .init-carousel-owl.owl-carousel.owl-loaded.owl-drag
    .owl-item {
    height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

/*
  1. Tarjetas sin color de fondo predefinido por el template.
  2. Contenedor bloque de contenido sin márgenes interiores.
*/
.event-block .event-content {
  background: inherit;
  padding: 0;
}

.item-columns {
  padding: 0;
}

/*
 * Imágenes
 *----------*/
#agenda-empremtes-noticies .owl-carousel .owl-item img {
  height: 250px;
  width: 100% !important;
  object-fit: cover;
}

/*
 * Títulos
 *---------*/
/* Títulos entradas */
.post .entry-title {
  font-size: 2.6rem;
  font-weight: 500;
  text-transform: none;
}

/*
 * Meta descripción
 *------------------*/
.post .entry-meta {
  margin-bottom: 0;
}

/*
 * Navegación
 *------------*/
/* Puntos de navegación/paginación */
.owl-carousel .owl-dots .owl-dot,
.flex-control-nav .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.owl-carousel .owl-dots .owl-dot:before,
.flex-control-nav .owl-dots .owl-dot:before {
  content: none;
}

/*--------*
 * AGENDA *
 *--------*/

/*
 * Casilla fecha de la actividad
 *-------------------------------*/
/* Fondo de fecha sin inclinación que tiene por default el template */
.event-block .event-image .event-date:before {
  content: none;
}

/*
 * Iconos meta-descripción
 *-------------------------*/
.entry-meta i {
  margin-right: 5px;
}

/**************************
 * ENTITATS COLABORADORES *
 **************************/
.gva-brand-carousel .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.owl-carousel .owl-item .brand-item img {
  max-height: 100px;
}

/**********
 * FOOTER *
 **********/

#wp-footer a {
  font-weight: 400;
}

#wp-footer a:hover {
  color: var(--e-global-color-a97b1b9) !important;
}

/*
 * Iconos redes sociales
 *----------------------*/

/* Ocultar estilo inclinado del template */
.gva-socials ul.social-links li a::before {
  content: none;
}

.gva-socials ul.social-links li a {
  padding: 0;
  display: flex;
  justify-content: center;
}

li.social-item a i {
  font-size: 2.5rem;
  color: #bfbfbf;
}

.gva-socials ul.social-links li {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gva-socials ul.social-links li:last-of-type {
  margin-right: 0;
}

li.social-item:hover > a i {
  color: #fff;
}

/*
 * Copyright
 *-----------*/

.copyright {
  border-top: 0;
}

/*********************
 * ARCHIVOS DE POSTS *
 *********************/

/*-------------*
 * POSTS CARDS *
 *-------------*/

/* Imágenes de las tarjetas
 *--------------------------*/

/* Todas las imágenes del mismo tamaño */
.post img.wp-post-image {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

/* Título post
 *-------------*/

.post .entry-title {
  margin: 10px 0;
}

/* Card
 *------*/

@media (min-width: 768px) {
  .gva-posts-grid article.post,
  .gva-element-gva-portfolio article.post {
    height: 650px;
    /* display: flex;
    flex-direction: column;
    justify-content: space-between; */
  }

  .gva-posts .entry-content,
  .portfolio .entry-content {
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.blog-grid-style .post {
  border: none;
}

/*------------*
 * PAGINACIÓN *
 *------------*/

.pagination .pager {
  margin: 30px 0;
}

.pager .paginations a {
  padding: 0 20px;
  border-radius: 50px;
}

.pager .paginations a:hover {
  background: var(--e-global-color-a97b1b9);
  color: var(--e-global-color-secondary);
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
}

.pager .paginations a.active {
  background: var(--e-global-color-secondary);
  color: var(--e-global-color-a97b1b9) !important;
}

/* Posición de la flecha */
a.next_page i,
a.prev_page i {
  position: relative;
  top: 2px;
}

/*---------*
 * SIDEBAR *
 *---------*/

.elementor-widget-sidebar {
  background-color: var(--e-global-color-a97b1b9);
}

.elementor-widget-sidebar aside:not(:last-of-type) {
  margin-bottom: 40px;
}

.elementor-widget-sidebar h3.widget-title {
  color: var(--e-global-color-primary);
  font-size: 22px;
}

.elementor-widget-sidebar ul {
  list-style: none;
  padding: 0;
}

.elementor-widget-sidebar ul li a {
  color: var(--e-global-color-primary);
  font-weight: 700;
  font-family: 'Roboto', Sans-Serif !important;
}

.widget_categories ul > li .count,
.widget_archive ul > li .count,
.sidebar .widget_nav_menu ul > li .count,
.widget_pages ul > li .count,
.widget_meta ul > li .count {
  color: var(--e-global-color-primary);
}

.elementor-widget-sidebar aside.widget_archive ul li a {
  text-transform: capitalize;
}

.elementor-widget-sidebar aside.widget_archive ul li a:hover,
.elementor-widget-sidebar aside.widget_categories ul li a:hover {
  color: var(--e-global-color-secondary) !important;
}

.elementor-widget-sidebar .post-date {
  font-size: 14px;
}

/*-------------*
 * COMENTARIOS *
 *-------------*/

#comments #reply-title {
  color: #275d76;
}

#comments label {
  color: #275d76;
}

#comments #add_review_button:hover,
#comments #submit:hover {
  background: var(--e-global-color-a97b1b9);
  color: var(--e-global-color-secondary);
  box-shadow: 0 0 10px 0 #00000070;
}

#comments #add_review_button,
#comments #submit {
  font-size: 14;
  font-weight: 500;
  border-radius: 50px;
}

#respond .form-submit {
  float: left;
}

/*----------------*
 * BANNER COOKIES *
 *----------------*/

#cc-window {
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
}

#cc-window a.cc-btn:hover {
  color: var(--e-global-color-secondary) !important;
}

.cc-message .cc-link:hover {
  color: var(--e-global-color-0252e6f) !important;
  text-decoration: underline;
}

/********************************
 * ESTILOS DE BLOQUES GUTENBERG *
 ********************************/

/*
 * Bloque 'Fitxer'
 *----------------*/

.wp-block-file a.wp-block-file__button {
  text-decoration: none;
  background-color: var(--e-global-color-primary);
  color: var(--e-global-color-a97b1b9);
  transition: 0.5s;
}

.wp-block-file a.wp-block-file__button:hover {
  color: var(--e-global-color-secondary);
  background-color: var(--e-global-color-a97b1b9);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  transition: 0.5s;
}