/*
 * Adaptació a pantalles petites de la plantilla de la web antiga de la UMAT (app.css, pensada per a 1200px).
 * Només canvia res per sota de 1024px (tauleta) i de 640px (mòbil): a l'escriptori es veu com l'original.
 * Mateixos punts de tall que el Foundation de l'app.css (63.9375em i 39.9375em).
 */

/* Tauleta: la capçalera creix amb el contingut (abans tenia alçada fixa i el títol en sortia) */
@media screen and (max-width: 63.9375em) {
    #header { height: auto; padding-bottom: 1rem; background-size: cover; }
    .header_content { height: auto; margin-bottom: 0; }
    #link_inici .subtitle2 { font-size: 40px; line-height: 1.2; }
    .resultats-cerca .resultat, .resultat-fitxa .resultat { overflow-wrap: anywhere; }
}

/* Mòbil */
@media screen and (max-width: 39.9375em) {
    /* Capçalera: el botó del menú a dalt a la dreta i el títol a tota l'amplada */
    #header .btn-menu { position: absolute; top: 0; right: 0; margin: .5rem .75rem; font-size: 34px; z-index: 2; }
    #header .header_content > .row > .columns { width: 100%; }
    #link_inici a { font-size: 28px; margin-top: 1rem; padding-right: 3rem; }
    #link_inici .subtitle { font-size: 15px; line-height: 1.3; }
    #link_inici .subtitle2 { font-size: 24px; }
    .barra_superior .banner_header { max-width: 150px; margin-top: .75rem; padding-bottom: 0; }
    .barra_superior .sub-nav-social { display: none; }

    /* Cercador: les icones dins del camp (a l'original, en línia amb marges negatius: la pàgina desbordava) */
    .cercador { padding: 1rem .25rem; }
    .cercador .formCerca .columns { position: relative; }
    .cercador input.cercaHeader { display: block; width: 100%; margin: 0; padding-right: 44px; }
    .cercador span.fa { position: absolute; top: 12px; margin: 0; }
    .cercador span.fa.fa-search { left: 1.25rem; }
    .cercador span.fa.fa-map-o { right: 1.25rem; margin: 0; }

    #contingut { margin-top: 1rem; }

    /* Resultats i fitxa */
    .resultats-cerca h1, .resultat-fitxa h1 { font-size: 26px; }
    .resultats-cerca .resultat, .resultat-fitxa .resultat { padding: 1rem .25rem; }
    .resultats-cerca .resultat h4, .resultat-fitxa .resultat h4 { font-size: 19px; }
    .resultats-cerca .resultat .desc_curta, .resultat-fitxa .resultat .desc_curta { font-size: 16px; line-height: 1.5; }
    .resultats-cerca .resultat .detall_contingut, .resultat-fitxa .resultat .detall_contingut { line-height: 1.7; }
    .fitxa .resultat-fitxa .resultat h1 { font-size: 24px; line-height: 1.3; }
    .fitxa .resultat-fitxa .resultat .visors .icona span.links { display: block; margin-left: 0; }

    /* Portada i documents */
    .banners img { width: 100%; }
    .docIntranet h3 { font-size: 18px; }

    /* Peu i avís de galetes */
    #pre_footer .subtitol { padding: 0 .75rem; font-size: 13px; }
    #avis_cookies .contingut { padding-top: .75rem; font-size: 14px; }
    #avis_cookies .tancar_cookie { display: block; float: none; margin: .5rem 0; text-align: center; }
}