/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/* Projecte: cro-arquitecte.com · Rèplica del disseny actual · Ergates 2026-09 */


/******************************************************************************************
 * VARIABLES I CONFIGURACIÓ GENERAL
 ******************************************************************************************/

:root {
    --cro-taronja: #DE6F28;
    --cro-text: #1A202C;
    --cro-fosc: #2D3748;          /* botons i banda de contacte */
    --cro-gris-fosc: #4A5568;     /* hover botons i peu */
    --cro-gris: #718096;          /* dates del blog */
    --cro-gris-clar: #EDF2F7;     /* bandes de contingut */
    --cro-gris-molt-clar: #F7FAFC;/* targetes del blog */
    --cro-f-tit: 'Karla', sans-serif;
    --cro-f-serif: 'Lora', serif;
    --cro-f-cos: 'Helvetica', 'Arial', sans-serif;
    --cro-f-peu: 'poppins', 'Poppins', sans-serif;
}

/* Tipografia base */
body {
    font-family: var(--cro-f-cos);
    font-size: 17px;
    line-height: 30px;
    color: var(--cro-text);
}
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
#top .av-special-heading-tag {
    font-family: var(--cro-f-tit);
    font-weight: 600;
    text-transform: none !important;
    letter-spacing: 0;
}
#top a { color: var(--cro-taronja); }
/* Negretes en negre (Enfold les pinta amb el color principal) */
#top strong, #top b,
#top .main_color strong, #top .alternate_color strong { color: var(--cro-text); }

/* Amplada del contingut com l'original (1140px) */
.container { max-width: 1160px; }


/******************************************************************************************
 * HEADER I MENÚ
 ******************************************************************************************/

/* Enfold: Header → Logo esquerra, menú dreta · alçada personalitzada 230px ·
   sense cerca al menú · sense barra superior. El bloc "nom + telèfon + icones"
   s'afegeix amb el snippet de functions.php (.cro-header-extra). */

#top #header_main { border-bottom: none; }
#top #header_main .inner-container { position: relative; }
#top .logo a { display: block; height: auto; line-height: 0; }
#top .logo img { max-height: 187px; width: auto; margin-top: 20px; }

/* Bloc superior dret: nom, telèfon i icones */
.cro-header-extra {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    margin-bottom: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    line-height: 1;
    z-index: 101;
}
.cro-header-extra .cro-nom {
    font: 600 20px/20px var(--cro-f-tit);
    color: var(--cro-taronja);
    letter-spacing: 0;
}
.cro-header-extra .cro-accions {
    display: flex;
    align-items: center;
    gap: 10px;
}
#top .cro-header-extra .cro-tel {
    background: var(--cro-fosc);
    color: #fff;
    font: 500 16px/16px var(--cro-f-tit);
    padding: 12px 24px;
    border-radius: 3px;
    transition: background .3s;
}
#top .cro-header-extra .cro-tel:hover { background: var(--cro-gris-fosc); }
#top .cro-header-extra .cro-soc {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: var(--cro-text);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cro-header-extra .cro-soc svg { width: 20px; height: 20px; fill: var(--cro-taronja); }

/* Menú principal: a sota del bloc, centrat a la meitat dreta */
#top #header .main_menu {
    top: 118px !important;
    height: auto !important;
    width: auto !important;
    right: 0 !important;
    left: auto !important;
}
#top #header .main_menu .avia-menu,
#top #header .main_menu .av-main-nav-wrap {
    float: none !important;
    width: 100%;
    display: flex;
    justify-content: center;
}
#top #header .av-main-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    float: none !important;
    width: auto;
    margin: 0 auto;
}
/* Enfold afegeix marge a l'últim element del menú: el traiem perquè quedi centrat */
#top #header .av-main-nav > li:last-child > a { padding-right: 20px; }
#top #header .av-main-nav > li { float: none; }
#top #header .av-main-nav > li > a {
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 20px;
    font: 600 17px var(--cro-f-tit);
    color: var(--cro-taronja);
    text-transform: none;
}
#top #header .av-main-nav > li > a .avia-menu-fx { display: none; }
#top #header .av-main-nav > li:hover > a,
#top #header .av-main-nav > li.current-menu-item > a { color: var(--cro-taronja); opacity: .85; }

/* Submenú */
#top #header .av-main-nav ul {
    width: 280px;
    background: #fff;
    border: none;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}
#top #header .av-main-nav ul a {
    font: 500 13px/20px var(--cro-f-tit);
    color: #33373D;
    padding: 13px 20px;
    background: #fff;
    border: none;
}
#top #header .av-main-nav ul a:hover { background: var(--cro-gris-clar); color: var(--cro-taronja); }

/* Header en tauleta i mòbil (menú hamburguesa d'Enfold) */
@media only screen and (max-width: 989px) {
    .responsive #top #header_main > .container { height: auto !important; }
    .cro-header-extra { display: none; }   /* header mòbil: pendent de revisar */
    #top #header .main_menu {
        top: 0 !important;
        width: auto;
        height: 100% !important;
    }
    #top .logo img { max-height: 110px; }
}


/* MÒBIL · header fix a dalt (sticky) i menú hamburguesa amb lletra més gran */
@media only screen and (max-width: 767px) {
    .responsive #top #header {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 600;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
    }
    .responsive #top #header_main > .container,
    .responsive #top #header_main .inner-container { height: 90px !important; line-height: 90px !important; }
    .responsive #top .logo img { max-height: 70px !important; margin-top: 10px; }
    .responsive #top #main { padding-top: 90px !important; }
    .responsive.html_header_top #top #wrap_all #main { padding-top: 90px !important; }
    /* amb la barra d'administració de WordPress (només quan hi ha sessió iniciada) */
    .responsive .admin-bar #top #header { top: 46px; }
}
/* Menú desplegable del mòbil (overlay de la hamburguesa): pantalla completa,
   elements més junts i submenú més gran */
@media only screen and (max-width: 989px) {
    /* Ocupa tota la pantalla (també si a Enfold està triat "slide out" lateral) */
    #top .av-burger-overlay-scroll,
    .html_av-overlay-side #top .av-burger-overlay-scroll {
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    #top .av-burger-overlay-bg { background: #fff !important; opacity: 1 !important; }
    #top .av-burger-overlay-inner { display: block; padding: 110px 30px 40px; text-align: left; }

    /* Elements del menú: més junts */
    #top #av-burger-menu-ul { padding: 0 !important; }
    #top #av-burger-menu-ul li { margin: 0 !important; padding: 0 !important; line-height: 1.2; }
    #top #av-burger-menu-ul li a {
        padding: 8px 0 !important;
        border: none !important;
    }
    #top #av-burger-menu-ul li a,
    #top #av-burger-menu-ul li a .avia-menu-text {
        font: 600 26px/1.2 var(--cro-f-tit) !important;
        color: var(--cro-taronja) !important;
    }

    /* Submenú: lletra més gran */
    #top #av-burger-menu-ul li ul { padding: 0 0 6px 16px !important; margin: 0 !important; }
    #top #av-burger-menu-ul li ul li a { padding: 5px 0 !important; }
    #top #av-burger-menu-ul li ul li a,
    #top #av-burger-menu-ul li ul li a .avia-menu-text {
        font: 500 21px/1.25 var(--cro-f-tit) !important;
        color: var(--cro-text) !important;
    }

    /* Icona de la hamburguesa */
    #top .av-hamburger-box { transform: scale(1.25); }
    #top .av-hamburger-inner,
    #top .av-hamburger-inner::before,
    #top .av-hamburger-inner::after { background-color: var(--cro-taronja); }
}

/* IDIOMES · selector d'Enfold (a dalt a l'esquerra, sobre el logo): només banderes, totes dues visibles.
   El selector de WPML dins del menú no es fa servir (esborrat a WPML → Idiomes). */
#top .avia_wpml_language_switch {
    display: flex !important;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#top .avia_wpml_language_switch li { margin: 0; padding: 0; list-style: none; float: none; }
#top .avia_wpml_language_switch li .language_flag img {
    display: block !important;
    width: 24px;
    height: auto;
    border-radius: 2px;
}
#top .avia_wpml_language_switch li .language_native,
#top .avia_wpml_language_switch li .language_translated { display: none !important; }   /* sense text */
/* Les dues banderes opaques; l'idioma actual es marca amb una línia taronja a sota */
#top .avia_wpml_language_switch li { opacity: 1 !important; padding-bottom: 3px; border-bottom: 2px solid transparent; }
#top .avia_wpml_language_switch li.avia_current_lang { border-bottom: 2px solid var(--cro-taronja) !important; padding-bottom: 3px !important; }
/* per si queda algun selector de WPML al menú */
#top .av-main-nav .wpml-ls-menu-item { display: none !important; }

/* BREADCRUMB · Opció de pàgina "Mostrar només les molles de pa" */
.title_container {
    background: #fff !important;
    border: none !important;
}
.title_container .container { min-height: 0 !important; padding: 4px 10px !important; }
.title_container .breadcrumb {
    position: static !important;
    float: none;
    text-align: left;
    margin: 0;
}
.breadcrumb-trail {
    color: var(--cro-text) !important;
    font-size: 17px;
    margin-top: 0;
}
.breadcrumb-trail a { color: var(--cro-taronja) !important; }
span.trail-before { display: none !important; }
#top .breadcrumb-trail .sep {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    overflow: visible !important;
    padding: 0 6px !important;
}
#top .breadcrumb-trail > span,
#top .breadcrumb-trail > a { float: none !important; display: inline !important; }


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

/* Enfold: Footer → només socket. Text de copyright amb [nolink] i menú de socket
   amb les 3 pàgines legals. */
/* .font-poppins footer per canviar la tipografia */
.font-poppins{
	font-family:"Poppins"
}
#footer { display: none; }
#socket {
    background: var(--cro-gris-fosc) !important;
    border: none !important;
    color: #fff;
}
#socket .container { padding-top: 10px; padding-bottom: 10px; }
/* Tot el footer en Poppins (pujada amb el Custom Font Manager) */
#top #socket, #top #socket * { font-family: var(--cro-f-peu) !important; }
#socket .copyright {
    font: 300 16px/24px var(--cro-f-peu);
    color: #fff;
}
#socket .sub_menu_socket li { border: none !important; }
#socket .sub_menu_socket a {
    color: #fff !important;
    font: 600 17px/20px var(--cro-f-peu);
    padding: 0 20px;
}

@media only screen and (max-width: 767px) {
    #socket .copyright,
    #socket .sub_menu_socket { float: none; text-align: center; width: 100%; }
}


/******************************************************************************************
 * AVIA LAYOUT ELEMENTS
 ******************************************************************************************/

/* treure línia after section */
.container_wrap { border-top: none !important; }

/* Imatges quadrades */
img, .thumbnail_container, .inner_product, a.slide-image,
.avia-button, .button, a.avia_image, .team-img-container {
    border-radius: 0px !important;
}
.image-overlay {
    opacity: 0 !important;
}
.image-overlay .image-overlay-inside:before, span.image-overlay-inside {
  display: none;
}

/* BOTONS */
#top .avia-button,
#top .avia-button.avia-color-theme-color {
    background-color: var(--cro-fosc) !important;
    border: none !important;
    color: #fff !important;
    font: 500 16px/16px var(--cro-f-tit) !important;
    padding: 12px 24px !important;
    border-radius: 3px !important;
    text-transform: none;
    transition: background-color .3s;
}
#top .avia-button:hover { background-color: var(--cro-gris-fosc) !important; }

/* SEPARADORS (av_hr per defecte) */
#top .hr-default { margin: 15px 0 30px; }
#top .hr-default .hr-inner { border-top: 1px solid #000; }

/* ACCORDION · cronologia de Sobre mi */
.togglecontainer .single_toggle { border-bottom: 1px solid #d5dbe3; margin: 0; }
#top .togglecontainer .toggler {
    background: transparent !important;
    border: none !important;
    font: 600 20px/1.3 var(--cro-f-tit) !important;
    color: var(--cro-taronja) !important;
    padding: 16px 0 16px 34px !important;
}
#top .togglecontainer .toggle_icon { border-color: var(--cro-text); left: 0; }
#top .togglecontainer .toggle_content {
    background: transparent !important;
    border: none !important;
    padding: 0 0 18px 34px;
    font-family: var(--cro-f-tit);
    line-height: 25px;
}


/******************************************************************************************
 * SECCIONS DEL PROJECTE (classes via custom_class de cada Color Section)
 ******************************************************************************************/

/* .cro-hero · capçalera amb títol taronja centrat i "teulada" gris a sota */
.cro-hero {
    position: relative;
    background: #fff !important;
    min-height: 324px;
    display: flex;
    align-items: center;
    padding-bottom: 100px;
}
.cro-hero > .container { width: 100%; }
.cro-hero .av-special-heading { text-align: center; margin-bottom: 0; padding-bottom: 0; }
#top .cro-hero h1.av-special-heading-tag {
    font-size: 45px;
    line-height: 1.05;
    color: var(--cro-taronja);
}
#top .cro-hero h2.av-special-heading-tag {  /* pre-títol del blog */
    font-size: 30px;
    line-height: 1.2;
    color: var(--cro-taronja);
}
.cro-hero .special-heading-border { display: none; }
.cro-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 100px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath fill='%23EDF2F7' d='M0 100V93.9L500 1.1 1000 93.9V100z'/%3E%3C/svg%3E") no-repeat bottom / 100% 100%;
}
.cro-hero.cro-hero-curt { min-height: 200px; padding-bottom: 80px; }
.cro-hero.cro-hero-alt { min-height: 500px; }

/* .cro-banda · banda gris amb el contingut a 930px (pàgines de servei) */
.cro-banda { background-color: var(--cro-gris-clar) !important; }
.cro-banda .content { padding-top: 30px; padding-bottom: 60px; }
.cro-banda.cro-estreta .container { max-width: 970px; }
.cro-banda .avia_textblock {
    font-family: var(--cro-f-tit);
    font-size: 17px;
    line-height: 25px;
}
.cro-banda .avia_textblock ul { margin-left: 40px; }
#top .cro-banda h2.av-special-heading-tag {
    font-size: 40px;
    line-height: 40px;
    color: var(--cro-taronja);
}
#top .cro-banda h3.av-special-heading-tag {
    font-size: 30px;
    line-height: 1.1;
    color: var(--cro-taronja);
}
.cro-banda .special-heading-border { display: none; }
.cro-banda .avia-image-container { margin: 30px 0 10px; }
.cro-banda .avia-image-container img { width: 100%; }
.cro-banda .avia-button-wrap { margin: 26px 0; }


/******************************************************************************************
 * PÀGINES CONCRETES
 ******************************************************************************************/

/* INICI · .cro-graella · 6 imatges quadrades amb títol en hover */
.cro-graella .content { padding-top: 30px; padding-bottom: 60px; }
.cro-graella .flex_column.av_one_third { width: 32%; margin-left: 2%; margin-bottom: 22px; }
.cro-graella .flex_column.av_one_third.first { margin-left: 0; }
.cro-graella .avia-image-container,
.cro-graella .avia-image-container-inner,
.cro-graella .avia-image-overlay-wrap { display: block; width: 100%; }
.cro-graella .avia-image-overlay-wrap {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: rgba(0, 0, 0, .1);
}
/* Quan la imatge té enllaç, Enfold l'embolcalla amb <a>: l'estirem a tota la rajola */
.cro-graella .avia-image-overlay-wrap > a,
.cro-graella a.avia_image {
    position: absolute !important;
    inset: 0;
    display: block !important;
    width: 100%;
    height: 100%;
}
.cro-graella .avia-image-overlay-wrap img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
/* El vel blanc es pinta a la capa del títol (no a .av-caption-image-overlay-bg,
   que Enfold anima i deixa transparent en fer hover) */
#top .cro-graella .av-caption-image-overlay-bg { display: none !important; }
#top .cro-graella .av-image-caption-overlay {
    background-color: rgba(255, 255, 255, .79) !important;
    opacity: 0 !important;
    transition: opacity .4s !important;
}
#top .cro-graella .avia-image-container:hover .av-image-caption-overlay { opacity: 1 !important; }
.cro-graella .av-image-caption-overlay-center {
    font: 600 45px/45px var(--cro-f-tit) !important;
    color: var(--cro-text) !important;
    padding: 15px;
}
.cro-graella .av-image-caption-overlay-center p { font: inherit; color: inherit; margin: 0; }
.cro-graella .avia-button-wrap { display: none; }   /* "Contacta amb mi" només en mòbil */

@media only screen and (max-width: 989px) {
    .cro-graella .flex_column.av_one_third { width: 49% !important; margin-left: 2% !important; }
    .cro-graella .flex_column.av_one_third:nth-of-type(odd) { margin-left: 0 !important; clear: left; }
}
@media only screen and (max-width: 767px) {
    .responsive .cro-graella .flex_column.av_one_third { width: 100% !important; margin-left: 0 !important; }
    #top .cro-graella .av-image-caption-overlay { opacity: 1 !important; background-color: rgba(255, 255, 255, .6) !important; }
    .cro-graella .av-image-caption-overlay-center { font-size: 32px !important; line-height: 34px !important; }
    .cro-graella .avia-button-wrap { display: block; text-align: center; }
}


/* SOBRE MI
   Seccions: cro-hero cro-hero-curt · cro-sm-intro · cro-xifres · cro-sm-cos · cro-sm-crono · cro-cta */

/* .cro-sm-intro · banda gris amb nom + foto i els 3 valors */
.cro-sm-intro { background-color: var(--cro-gris-clar) !important; }
.cro-sm-intro .content { padding: 3% 8% 5%; }
#top .cro-sm-intro h2.av-special-heading-tag { font-size: 40px; line-height: 1.1; color: var(--cro-taronja); }
.cro-sm-intro .special-heading-border { display: none; }
.cro-sm-intro .av_one_half .avia_textblock { font-family: var(--cro-f-tit); }
.cro-sm-intro .av_one_third { margin-top: 50px; }
.cro-sm-intro .av_one_third .hr-default { margin: 15px 0; }
.cro-sm-intro .av_one_third .hr-default .hr-inner { border-top: 2px solid var(--cro-taronja); }
#top .cro-sm-intro h4.av-special-heading-tag { font-size: 25px; color: var(--cro-taronja); }
.cro-sm-intro .av_one_third .avia_textblock {
    font: 400 18px/1.5em var(--cro-f-cos);
    letter-spacing: 1px;
}

/* .cro-xifres · 4 xifres destacades */
.cro-xifres { background: #fff !important; }
/* Xifres: banda fosca a l'amplada del contingut, números blancs en Lora */
.cro-xifres .content { padding: 60px 0; }
.cro-xifres .container { background-color: var(--cro-fosc); padding-top: 50px; padding-bottom: 40px; }
.cro-xifres .flex_column { text-align: center; }
.cro-xifres .av-special-heading { text-align: center; margin-bottom: 10px; padding-bottom: 0; }
#top .cro-xifres h2.av-special-heading-tag {
    font: 900 50px/39px var(--cro-f-serif);
    color: #fff;
}
.cro-xifres .avia_textblock,
.cro-xifres .avia_textblock p {
    font: 400 20px/30px var(--cro-f-serif);
    color: #fff;
}

/* .cro-sm-cos · textos de trajectòria */
.cro-sm-cos .content { padding: 60px 8%; }
#top .cro-sm-cos h3.av-special-heading-tag { font-size: 30px; line-height: 1.1; color: var(--cro-taronja); }
.cro-sm-cos .av-special-heading { margin-top: 20px; }
.cro-sm-cos .special-heading-border { display: none; }
.cro-sm-cos .avia_textblock { font-family: var(--cro-f-tit); line-height: 25px; }

/* .cro-sm-crono · cronologia sobre gris */
.cro-sm-crono { background-color: var(--cro-gris-clar) !important; }
.cro-sm-crono .content { padding: 60px 8%; }
.cro-sm-crono .special-heading-border { display: none; }
/* Cronologia: títol centrat i acordió amb fletxa taronja (▶ / ▼) */
.cro-sm-crono .av-special-heading { text-align: center; }
#top .cro-sm-crono h2.av-special-heading-tag { font-size: 35px; line-height: 35px; color: var(--cro-taronja); }
.cro-sm-crono .hr-default { margin: 15px 0 20px; }
.cro-sm-crono .hr-default .hr-inner { border-top: 1px solid #000; }
#top .cro-sm-crono .togglecontainer .single_toggle { border: none; margin: 0; }
#top .cro-sm-crono .togglecontainer .toggler {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #D5D8DC !important;
    font: 700 17px/17px var(--cro-f-tit) !important;
    color: var(--cro-text) !important;
    padding: 15px 15px 15px 42px !important;
}
#top .cro-sm-crono .togglecontainer .toggle_icon {
    border: none !important;
    background: transparent !important;
    width: 12px !important;
    height: 18px !important;
    left: 17px !important;
    top: 50% !important;
    margin-top: -9px !important;
}
#top .cro-sm-crono .togglecontainer .toggle_icon .hor_icon,
#top .cro-sm-crono .togglecontainer .toggle_icon .vert_icon { display: none !important; }
#top .cro-sm-crono .togglecontainer .toggle_icon::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    border-style: solid;
    border-width: 6px 0 6px 8px;
    border-color: transparent transparent transparent var(--cro-taronja);
    transition: transform .2s;
}
#top .cro-sm-crono .togglecontainer .toggler.activeTitle .toggle_icon::before { transform: rotate(90deg); }
#top .cro-sm-crono .togglecontainer .toggle_wrap { border: none !important; }
#top .cro-sm-crono .togglecontainer .toggle_content {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #D5D8DC !important;
    padding: 15px;
    font: 400 17px/30px var(--cro-f-tit);
}

/* .cro-cta · franja amb el botó final centrat */
.cro-cta { background: #fff !important; }
.cro-cta .content { padding: 50px 0; }


/* CONTACTE */
#top .cro-contacte-tit h1.av-special-heading-tag { font-size: 45px; color: var(--cro-taronja); text-align: center; }
.cro-contacte-tit .av-special-heading { text-align: center; }
.cro-contacte-tit .special-heading-border { display: none; }

/* .cro-contacte-fosc · 2 files de caixes d'icona sobre fons fosc (icona a dalt) */
.cro-contacte-fosc { background-color: var(--cro-fosc) !important; margin-top: 60px; }
.cro-contacte-fosc .content { padding: 2% 2%; }
#top .cro-contacte-fosc article.iconbox.iconbox_top {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center;
    margin: 20px 0;
}
#top .cro-contacte-fosc .iconbox_content { background: transparent !important; border: none !important; box-shadow: none !important; padding: 20px 10px !important; }
#top .cro-contacte-fosc .iconbox_icon {
    background: transparent !important;
    border: none !important;
    color: var(--cro-taronja) !important;
    font-size: 39px !important;
}
#top .cro-contacte-fosc .iconbox_icon svg { fill: var(--cro-taronja) !important; }
#top .cro-contacte-fosc h3.iconbox_content_title {
    font: 900 35px/1.3 var(--cro-f-serif) !important;
    color: #fff !important;
    margin-top: 14px;
}
#top .cro-contacte-fosc h3.iconbox_content_title a { color: #fff !important; }
.cro-contacte-fosc .iconbox_content_container,
.cro-contacte-fosc .iconbox_content_container p {
    font: 400 20px/30px var(--cro-f-serif);
    color: #fff !important;
}

/* Textos de les caixes centrats */
#top .cro-contacte-fosc .iconbox_content,
#top .cro-contacte-fosc .iconbox_content_header,
#top .cro-contacte-fosc h3.iconbox_content_title,
#top .cro-contacte-fosc .iconbox_content_container,
#top .cro-contacte-fosc .iconbox_content_container p { text-align: center !important; }
#top .cro-contacte-fosc .iconbox_icon { float: none !important; margin-left: auto !important; margin-right: auto !important; }

/* .cro-visita · mapa + horaris */
.cro-visita .content { padding: 60px 0; }
#top .cro-visita h2.av-special-heading-tag { font-size: 40px; line-height: 1.1; color: var(--cro-taronja); }
.cro-visita .special-heading-border { display: none; }
.cro-visita .avia_textblock { font-family: var(--cro-f-tit); line-height: 25px; }
.cro-visita iframe { display: block; width: 100%; min-height: 380px; }

@media only screen and (max-width: 767px) {
    #top .cro-contacte-fosc h3.iconbox_content_title { font-size: 26px !important; }
    #top .cro-hero h1.av-special-heading-tag { font-size: 34px; }
}


/* BLOG · .cro-blog (element Blog, estil "una columna amb imatge gran") */
.cro-blog { background-color: var(--cro-gris-clar) !important; }
.cro-blog .content { padding: 5% 0; }
.cro-blog article.post-entry {
    background: var(--cro-gris-molt-clar);
    box-shadow: 0 0 4px rgba(0, 0, 0, .22);
    margin-bottom: 40px;
    padding: 0 0 30px;
    border: none;
}
.cro-blog article.post-entry .entry-content-wrapper { padding: 0 65px; }
.cro-blog .blog-meta, .cro-blog .post_delimiter { display: none; }
#top .cro-blog .post-title,
#top .cro-blog .post-title a {
    font: 600 30px/32px var(--cro-f-serif);
    color: var(--cro-taronja);
    text-transform: uppercase !important;
}
.cro-blog .post-meta-infos,
.cro-blog .post-meta-infos a {
    font: 300 14px/20px var(--cro-f-serif);
    color: var(--cro-gris) !important;
    text-transform: uppercase;
}
.cro-blog .entry-content p { color: #1E1E1E; }
#top .cro-blog .more-link {
    background: none !important;
    padding: 0 !important;
    font: 500 20px/1 var(--cro-f-serif);
    color: var(--cro-gris) !important;
    text-decoration: underline;
}
#top .cro-blog .more-link .more-link-arrow { display: none; }

/* Blog en graella de 2 columnes (element Blog → estil "Graella", 2 columnes) */
.cro-blog .avia-content-slider .slide-entry {
    background: var(--cro-gris-molt-clar);
    box-shadow: 0 0 4px rgba(0, 0, 0, .22);
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.cro-blog .avia-content-slider .slide-image { border-radius: 0; margin-bottom: 0; }
.cro-blog .avia-content-slider .slide-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.cro-blog .avia-content-slider .slide-content { padding: 20px 25px 0; }
#top .cro-blog .slide-entry-title,
#top .cro-blog .slide-entry-title a {
    font: 600 20px/24px var(--cro-f-serif);
    color: var(--cro-taronja);
    text-transform: uppercase !important;
}
.cro-blog .slide-meta,
.cro-blog .slide-meta a,
.cro-blog .slide-meta time {
    font: 300 13px/20px var(--cro-f-serif);
    color: var(--cro-gris) !important;
    text-transform: uppercase;
}
.cro-blog .slide-entry-excerpt { color: #1E1E1E; font-size: 16px; line-height: 26px; }
#top .cro-blog .slide-entry .more-link {
    display: inline-block;
    margin-top: 10px;
    background: none !important;
    padding: 0 !important;
    font: 500 17px/1 var(--cro-f-serif);
    color: var(--cro-gris) !important;
    text-decoration: underline;
}
.cro-blog .avia-content-slider .slide-entry-wrap { margin-bottom: 0; }

/* Barra lateral del blog (element Widget Area: cerca + últimes entrades) */
.cro-blog .widget { padding: 0 0 30px; border: none; }
#top .cro-blog .widgettitle { font: 600 22px/1.2 var(--cro-f-tit); color: var(--cro-taronja); text-transform: none; }
#top .cro-blog #searchform #s { background: #fff; border: none; font-family: var(--cro-f-tit); }
#top .cro-blog #searchsubmit,
#top .cro-blog .av_searchsubmit_wrapper { background-color: var(--cro-taronja) !important; }
.cro-blog .widget ul li { border-bottom: 1px solid #d5dbe3; padding: 8px 0; font-family: var(--cro-f-tit); }

@media only screen and (max-width: 767px) {
    .cro-blog article.post-entry .entry-content-wrapper { padding: 0 20px; }
}


/* PÀGINES LEGALS · taula de cookies */
.cro-banda table.cro-taula-cookies { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px; background: #fff; }
.cro-banda table.cro-taula-cookies th { background: var(--cro-fosc); color: #fff; font-family: var(--cro-f-tit); font-weight: 600; text-align: left; padding: 10px 12px; }
.cro-banda table.cro-taula-cookies td { border-bottom: 1px solid #D5D8DC; padding: 10px 12px; vertical-align: top; }
@media only screen and (max-width: 767px) {
    .cro-banda table.cro-taula-cookies { display: block; overflow-x: auto; }
}


/******************************************************************************************
 * WOOCOMMERCE
 ******************************************************************************************/

/* No s'utilitza en aquest projecte */


/******************************************************************************************
 *COOKIE-CONSENT ESTILS
 ******************************************************************************************/

.avia-cookie-consent p {
    font-size: 15px !important;
}
.avia-cookie-consent .avia_cookie_text {
    padding-bottom: 15px;
}
.avia-cookie-consent a {
    background-color: transparent !important;
    border: 2px solid #ffffff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    padding: 12px !important;
    margin: 5px !important;
	color: #ffffff !important;
}