/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.12.1758041583
Updated: 2025-09-16 16:53:03

*/

/* ===============================
   Club Handbol Terrassa - CSS Base
   =============================== */

/* Bebas Neue (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

/* Calibri (regular, bold, light) */
@font-face {
  font-family: 'Calibri';
  src: url('/wp-content/themes/astra-child/fonts/Calibri.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Calibri.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('/wp-content/themes/astra-child/fonts/Calibri-Bold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Calibri-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('/wp-content/themes/astra-child/fonts/Calibri-Light.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Calibri-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Text normal */
body, p, span, li, input, textarea {
  font-family: 'Calibri', Arial, sans-serif !important;
 
  line-height: 1.2;
  
}


ul#sm-1760971094233002-2 li a {
    background-color: blue !important;
}

/* Títols */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bebas Neue', sans-serif !important;
  
  text-transform: uppercase;
  
  margin: 0 0 0.5em 0;
}



ul.sub-menu {
    border-color: #c10a27 !important;
}





.claim-random {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.4rem;
  color: white;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.2;
}

/* ===== Capçalera Hero - Elementor Slides ===== */

/* ===== HERO SLIDE ===== */

/* Desktop (pantalles grans) */
.elementor-slide-content {
  text-align: left !important;
  max-width: 600px;
  padding-left: 5%;
}

.elementor-slide-heading {
  font-family: 'Bebas Neue', sans-serif!important;
  font-size: 4em !important;   /* gran a desktop */
  line-height: 1.1;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1rem;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.elementor-slide-description {
  font-family: 'Calibri', Arial, sans-serif;
  font-size: 1.4rem;
  color: #f5f5f5;
  margin-bottom: 2rem;
}

.elementor-slide-button {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
  background-color: #C10A27;
  color: #fff;
  padding: 0.8em 2em;
  border-radius: 40px;
  transition: all 0.3s ease;
  border: none;
}

.elementor-slide-button:hover {
  background-color: #1E1E1E;
}

/* ===== Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
  .elementor-slide-heading {
    font-size: 3em !important;
  }
  .elementor-slide-description {
    font-size: 1.2rem;
  }
  .elementor-slide-button {
    font-size: 1.1rem;
    padding: 0.7em 1.6em;
  }
}

/* ===== Mòbil (max-width: 768px) ===== */
@media (max-width: 768px) {
  .elementor-slide-content {
    text-align: center !important;
    padding-left: 0;
    max-width: 90%;
    margin: 0 auto;
  }

.elementor-15 .elementor-element.elementor-element-33f547d .elementor-slide-heading {
        font-size: 6.1em !important;
        text-align: center !important;
    }

  .elementor-slide-description {
    font-size: 1rem;
    margin-bottom: 1.2rem;
  }

  .elementor-slide-button {
    font-size: 1rem;
    padding: 0.6em 1.4em;
  }
}


ul.sub-menu li a {
    background: white !important;
    color: black!important;
}


.text-center.elementor-widget.elementor-widget-tp-number-counter {
    text-align: center !important;
}


/* Caixa sencera dels entrenadors */
/* TÍTOL (Bebas) */
.team-member-list .post-content-bottom .post-title,
.team-member-list .post-content-bottom .post-title a{
  font-family: 'Bebas Neue', sans-serif !important;
  color: #C10A27 !important;    /* vermell corporatiu */
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .5px;
}

/* NOM (Calibri) */
.team-member-list .member-designation{
  font-family: 'Calibri', Arial, sans-serif !important;
  color: #1E1E1E !important;
  font-weight: 400;
  font-size: 18px;
}







/* INFO BOX (The Plus) — estil corporatiu CHT */

/* TÍTOL (Bebas + vermell) */
.elementor .pt_plus_info_box .service-title,
.elementor .pt_plus_info_box .service-title a {
  font-family: 'Bebas Neue', sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #C10A27 !important; /* vermell CHT */
  font-size: clamp(20px, 2.2vw, 28px);
}

/* TEXT (Calibri) */
.elementor .pt_plus_info_box .service-desc,
.elementor .pt_plus_info_box .service-desc p {
  font-family: 'Calibri', Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.7;
  color: #1E1E1E !important; /* negre corporatiu */
  margin: 0;
}

/* MARC/RETALL DE LA IMATGE */
.elementor .pt_plus_info_box .service-img-border {
  border-color: #C10A27 !important;
  border-width: 3px !important;
  border-radius: 10px;
}

/* CAIXA (suau + ombra) */
.elementor .pt_plus_info_box.info-box-style_1 .info-box-bg-box {
  background: #fff;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  padding: 16px 18px;
}

/* HOVER una mica més “xulo” (opcional) */
.elementor .pt_plus_info_box.info-box-style_1:hover .info-box-bg-box {
  box-shadow: 0 10px 24px rgba(193,10,39,.15);
  transform: translateY(-2px);
  transition: all .25s ease;
}



.llistat-posts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem; /* separació entre targetes */
}

.post-llistat {
  background: #fff;
  border: 2px solid #C10A27; /* vermell corporatiu */
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  transition: transform 0.2s ease;
}

.post-llistat:hover {
  transform: translateY(-5px);
}

.post-llistat .thumb img {
  width: 100%;
  height: auto;
  border-bottom: 2px solid #C10A27;
  margin-bottom: 1rem;
}

.post-llistat .titol a {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.6rem;
  color: #C10A27;
  text-decoration: none;
}

.post-llistat .excerpt {
  font-family: 'Calibri', Arial, sans-serif;
  font-size: 1rem;
  color: #1E1E1E;
  line-height: 1.4;
}

/* Responsive: a mòbil, 1 columna */
@media (max-width: 768px) {
  .llistat-posts {
    grid-template-columns: 1fr;
  }
}

/* Responsive: a tauleta, 2 columnes */
@media (min-width: 769px) and (max-width: 1024px) {
  .llistat-posts {
    grid-template-columns: repeat(2, 1fr);
  }
}

.e-link-in-bio__ctas.has-type-button {
    display: none!important;
}



/* TELÈFON */
a[aria-label="Telephone"] .e-link-in-bio__icon-svg {display:none!important;}
a[aria-label="Telephone"]::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23d60000" viewBox="0 0 512 512"><path d="M391.1 351.1c-16.8-16.8-33.6-33.6-50.3-50.3c-8.5-8.5-22.4-8.5-30.9 0l-21.2 21.2c-34.9-17.6-63-45.7-80.6-80.6l21.2-21.2c8.5-8.5 8.5-22.4 0-30.9c-16.8-16.8-33.6-33.6-50.3-50.3c-8.5-8.5-22.4-8.5-30.9 0L128 165.5c-5.5 5.5-8.6 13-8.6 20.8c0 124.1 100.7 224.8 224.8 224.8c7.8 0 15.3-3.1 20.8-8.6l34.5-34.5c8.6-8.5 8.6-22.4 0-30.9z"/></svg>');
    display:inline-block;width:22px;height:22px;
}

/* EMAIL (Spotify) */
a[aria-label="Spotify"] .e-link-in-bio__icon-svg {display:none!important;}
a[aria-label="Spotify"]::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23d60000" viewBox="0 0 512 512"><path d="M502.3 190.8L327.4 338.5c-15.1 12.5-37.6 12.5-52.7 0L9.7 190.8C3.9 186.3 0 179.5 0 172.1V128c0-17.7 14.3-32 32-32h448c17.7 0 32 14.3 32 32v44.1c0 7.4-3.9 14.2-9.7 18.7zM0 202.9v181.1c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32V202.9l-192 158.4c-28.3 23.3-69.7 23.3-98 0L0 202.9z"/></svg>');
    display:inline-block;width:22px;height:22px;
}

/* MAPA (Pinterest) */
a[aria-label="Pinterest"] .e-link-in-bio__icon-svg {display:none!important;}
a[aria-label="Pinterest"]::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23d60000" viewBox="0 0 384 512"><path d="M168 0C75.1 0 0 75.1 0 168c0 87.9 160 344 168 344s168-256.1 168-344C336 75.1 260.9 0 168 0zm0 256c-48.5 0-88-39.5-88-88s39.5-88 88-88 88 39.5 88 88-39.5 88-88 88z"/></svg>');
    display:inline-block;width:22px;height:22px;
}

/* WEB/URL (Vimeo) */
a[aria-label="Vimeo"] .e-link-in-bio__icon-svg {display:none!important;}
a[aria-label="Vimeo"]::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="%23d60000" viewBox="0 0 512 512"><path d="M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 368c-88.2 0-160-71.8-160-160S167.8 96 256 96s160 71.8 160 160-71.8 160-160 160zm0-272c-61.9 0-112 50.1-112 112s50.1 112 112 112 112-50.1 112-112S317.9 144 256 144z"/></svg>');
    display:inline-block;width:22px;height:22px;
}


/* Només pels títols del grid d'equips */
article.ymc-post-layout1 header a {
   
   font-family: 'Bebas Neue', sans-serif !important;
    color: #d71920!important; /* vermell corporatiu */
    font-size: 1em;
    font-weight: 700;
    text-align: center!important;
}


article.ymc-post-layout1 header  {
   
   
    text-align: center!important;
}


article.ymc-post-layout1 {
    border-radius: 15px!important;
}


.wpda_tree_item_title {
    font-family: 'Bebas Neue', sans-serif !important;
    color: #d71920!important; /* vermell corporatiu */
    font-size: 1em;
    font-weight: 700;
    text-align: center!important;
}

.wpda_tree_item_desc
{
 font-family: 'Calibri', Arial, sans-serif;
  font-size: 1rem;
  
}


span.ninja-forms-req-symbol {
    display: none!important;
}

.nf-form-fields-required {
   display: none!important;
}

/* Camps de Ninja Forms amb estil personalitzat */
.ninja-forms-field {
    border: 1px solid black !important;  /* Borde vermell */
    font-family: Calibri, sans-serif !important;  /* Font Calibri */
    font-size: 16px;  /* mida opcional */
    padding: 8px;  /* espaiat intern */
    border-radius: 4px; /* opcional: cantonades arrodonides */
}

/* Placeholder també amb Calibri */
.ninja-forms-field::placeholder {
    font-family: Calibri, sans-serif !important;
    color: #555; /* opcional: color placeholder */
}


.nf-next {
    background-color: #000000; /* fons negre */
    color: #ffffff;           /* text blanc */
    font-family: Calibri, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 30px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.nf-next:hover {
    background-color: #333333; /* gris fosc en hover */
}


/* Textos del formulari en Calibri */
.ninja-forms-field,
.nf-field-label,
.nf-error-msg,
.nf-form-content {
    font-family: Calibri, Arial, sans-serif !important;
}

/* Botó ENVIAR estil corporatiu */
input.nf-next[type="button"],
input.nf-submit[type="button"],
input.nf-submit[type="submit"] {
    background-color: #cc0000 !important; /* Vermell corporatiu */
    color: #fff !important;              /* Text blanc */
    font-family: Calibri, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    float: right; /* envia el botó a la dreta */
    margin-top: 10px;
}

/* Canvi de color en passar el ratolí */
input.nf-submit[type="submit"]:hover,
input.nf-next[type="button"]:hover {
    background-color: #990000 !important; /* vermell més fosc */
}


input#nf-field-24 {
    float: right !important;
}


/* Estil comú */
.llista-persones {
    list-style: none;
    padding: 0;
    margin: 0;
}

.llista-persones li {
    display: flex;
    align-items: center;
    font-family: Calibri, Arial, sans-serif;
    font-size: 1.1rem;
    color: #2c3e50;
    font-weight: 500;
    margin-bottom: 6px;
}

.llista-persones li img {
    width: 18px;  /* ajusta mida icona */
    height: 18px;
    margin-right: 8px;
}

/* Jugadors en dues columnes */
.llista-jugadors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}

/* Porters, delegats i staff en una columna */
.llista-porters,
.llista-delegats,
.llista-staff {
    display: block;
}

.elementor-element.elementor-element-1efc6a9.elementor-widget.elementor-widget-image img {
    width: 50%!important;
   
}


.elementor-slide-heading {
    font-size: 8.5em !important;
}


nav ul.sub-menu li a {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  line-height: 1.5 !important;
}



/* 🌍 TOTES LES PÀGINES: capçalera fixa amb fons vermell */
/* 🌍 SUBMENÚ: caixa negra completa amb text blanc */
/* 🌍 TOTES LES PÀGINES: capçalera fixa amb fons vermell */
.ast-primary-header-bar {
  background: #C10A27 !important; /* vermell corporatiu */
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

/* 🧭 Menú principal: text blanc */
.main-header-menu a {
  color: #ffffff !important; /* lletra blanca */
  text-decoration: none;
  transition: color 0.3s ease;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
}

/* Hover i actiu: també blanc (sense canvis de color) */
.main-header-menu a:hover,
.main-header-menu .current-menu-item > a {
  color: #ffffff !important;
  border-bottom: 2px solid #ffffff; /* línia blanca sota l’element actiu */
}

/* 🔽 Submenú desplegable */
.main-header-menu .sub-menu {
  background-color: #000000 !important; /* fons negre */
  border: none !important;
}

/* Elements del submenú */
.main-header-menu .sub-menu a {
  color: #ffffff !important; /* text blanc al submenú */
  padding: 8px 15px;
}

/* Hover al submenú: lleu canvi de fons */
.main-header-menu .sub-menu a:hover {
  background-color: rgba(255, 255, 255, 0.1) !important; /* subtil */
  color: #ffffff !important;
}




.main-header-menu .sub-menu {
  background-color: #000000 !important; /* fons negre */
  border: none !important;
  padding: 0 !important; /* sense espai addicional */
}

/* Elements del submenú */
.main-header-menu .sub-menu a {
  color: #ffffff !important; /* text blanc */
  padding: 10px 20px !important;
  display: block;
  text-decoration: none;
  background-color: transparent !important;
  transition: all 0.3s ease;
}

/* 🖱️ Hover: fons vermell i text blanc */
.main-header-menu .sub-menu a:hover {
  background-color: #C10A27 !important; /* vermell corporatiu */
  color: #ffffff !important; /* text blanc */
}





/* Barres vermelles (valors esportius) */
/* Estil per a les barres de valors esportius i socials */
.progress-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #B5121B; /* vermell corporatiu */
  color: white;
  font-family: 'Calibri', sans-serif;
  font-size: 20px; /* lletra més gran */
  height: 100px; /* 🔹 altura de la barra */
  padding: 0 20px;
  border-radius: 6px;
  margin-bottom: 25px; /* 🔹 espai entre barres */
}

/* Icona */
.progress-bar img {
  width: 40px;
  height: 40px;
  margin-right: 15px;
  vertical-align: middle;
}

/* Text dins la barra */
.progress-bar span {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Percentatge (100%) */
.progress-bar .percent {
  align-self: flex-start; /* 🔹 el percentatge a dalt */
  font-weight: bold;
}


span.progress_bar-title {
    font-size: 1.4em !important;
    font-weight: 600!important;
   
}

div#comments {
   
    display: none!important;
}



.e-link-in-bio__identity-image.e-link-in-bio__identity-image-cover img {
  padding-left: 5%!important;
  padding-right: 5%!important;
}




.e-link-in-bio__title {
    color: var(--e-link-in-bio-title-color);
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    border-bottom: 4px solid var(--e-link-in-bio-title-color);
}



.wpls-logo-showcase-slider-1 .wpls-fix-box {
  height: 120px;              /* o l’alçada que vulguis */
  display: flex !important;
  align-items: center !important;   /* centra verticalment */
  justify-content: center !important; /* centra horitzontalment */
  text-align: center;
  overflow: hidden;
}

.wpls-logo-showcase-slider-1 .wpls-fix-box img {
  max-height: 100% !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto; /* assegura el centre horitzontal */
}


h2.elementor-heading-title.elementor-size-default {
    font-size: 2.2em !important;
    margin-top: 10%!important;
    text-align: center!important;
}


/* Redueix la velocitat de totes les barres de progrés de The Plus Addons */
.plus-widget-wrapper.magic-scroll .progress_bar .progress_bar-skill-fill {
  transition-duration: 36s !important; /* canvia 3s pel temps que vulguis */
  transition-timing-function: ease-in-out !important; /* animació suau */
}


h3.elementor-post__title a{
    font-family: 'Bebas Neue', sans-serif !important;
    color:#B5121B; /* vermell corporatiu */
}




.elementor-post__excerpt p {
 
     font-family: 'Calibri', Arial, sans-serif;
}


/* ---- COLOR TEXT MENÚ MÒBIL ---- */
.ast-mobile-header-wrap .main-header-menu a,
.ast-mobile-header-wrap .ast-header-custom-item a {
  color: #C8102E !important; /* vermell corporatiu */
  font-weight: 600;
}

/* Hover i actiu */
.ast-mobile-header-wrap .main-header-menu a:hover,
.ast-mobile-header-wrap .main-header-menu .current-menu-item > a {
  color: #a00 !important;
}

/* ---- COLOR ICONA HAMBURGUESA (OBRIR MENÚ) ---- */
.ast-button-wrap .ast-mobile-menu-trigger .ast-icon {
  color: #C8102E !important; /* vermell corporatiu */
}

/* ---- COLOR ICONA TANCAR (X) ---- */
.ast-button-wrap .ast-mobile-menu-trigger.ast-menu-toggle-active .ast-icon {
  color: #ffffff !important; /* blanc */
}

/* Opcional: millora visual */
.ast-mobile-header-wrap {
  background-color: #000!important; /* fons blanc si cal contrast */
}


ul#menu-1-6d00333 li a {
    font-family: 'Calibri' !important;
    
}




a.elementor-sub-item.menu-link {
    font-size: 1.2em!important;
}

.elementor-2447 .elementor-element.elementor-element-6d00333 .elementor-nav-menu--dropdown a, .elementor-2447 .elementor-element.elementor-element-6d00333 .elementor-menu-toggle {
 
  background: black !important;
  color:white!important;
}

.elementor-counter-title {
    text-align: center !important;
   
}


.elementor-element.elementor-element-8f9f71f.elementor-widget.elementor-widget-text-editor {
    line-height: 1.5em!important;
}


.elementor-widget-theme-post-excerpt {
    text-transform: initial!important;
    font-weight: 300!important;
    font-size: 1em !important;
    font-family: 'Calibri', Arial, sans-serif !important;
}

@media (min-width: 922px) {
  .ast-narrow-container .site-content > .ast-container {
    max-width: 1200px;
  }
}

.yarpp.yarpp-related.yarpp-related-website.yarpp-template-thumbnails h3 {
    color:#C8102E !important; /* vermell corporatiu */
}


span.yarpp-thumbnail-title {
    color: #000 !important; /* blanc */
     font-weight: 300!important;
    font-size: 1em !important;
    font-family: 'Calibri', Arial, sans-serif !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none!important;
    vertical-align: top!important;
}

span.yarpp-thumbnail-title {
    margin-top: 5% !important;
}