:root {
    --color-primary: hsl(204, 100%, 36%);
    --color-primary-light: hsl(208, 95%, 85%);
    --color-advice: hsl(50, 84%, 48%);
    --color-white: hsl(0, 0%, 100%);
    --color-black: hsl(0, 0%, 0%);
    --color-danger: hsl(357, 97%, 64%);
    --color-green: hsl(101, 48%, 37%);
    --color-green-light: hsl(93, 57%, 68%);

    --color-patr-one: hsl(60, 27%, 94%);
    --color-patr-two: hsl(126, 80%, 46%);
    --color-patr-three: hsl(281, 28%, 58%);
    --color-patr-four: hsl(339, 44%, 48%);
    --color-patr-five: hsl(7, 80%, 61%);

    --fs-titol: clamp(3.5rem, 2vw + 1rem, 12rem);    
    --fs-entradeta: clamp(2.5rem, 1vw + 0.75rem, 9rem);    

    --bg-container-actes: 'unset';
    --ff-dia: 'unset';
    --color-dia: 'unset';
    --bg-acte-dia: 'unset';
    --ff-acte-info: 'unset';
    --color-hora-lloc: 'unset';
    --color-titol: 'unset';
    --color-org-entradeta: 'unset';
    --color-org-a: 'unset';
}

::selection {
    background: #e3db98;
    color: var(--color-primary);
}

@font-face { 
    font-family: 'source_sans_pro_light';
    src: url('https://utilitats.taradell.cat/fonts/SourceSansPro-Light.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'source_sans_pro_regular';
    src: url('https://utilitats.taradell.cat/fonts/SourceSansPro-Regular.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'source_sans_pro_semibold';
    src: url('https://utilitats.taradell.cat/fonts/SourceSansPro-SemiBold.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'source_sans_pro_bold';
    src: url('https://utilitats.taradell.cat/fonts/SourceSansPro-Bold.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'source_sans_pro_black';
    src: url('https://utilitats.taradell.cat/fonts/SourceSansPro-Black.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'work_sans_regular';
    src: url('https://utilitats.taradell.cat/fonts/WorkSans-Regular.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'work_sans_italic';
    src: url('https://utilitats.taradell.cat/fonts/WorkSans-Italic.ttf') format('truetype'); 
}
@font-face { 
    font-family: 'work_sans_light';
    src: url('https://utilitats.taradell.cat/fonts/WorkSans-Light.ttf') format('truetype'); 
}

@font-face { /* Taradell Jove */
    font-family: graphic-regular;
    src: url(https://www.taradell.cat/templates/web/fonts/GraphikRegular.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face { /* Jornades de Patrimoni */
    font-family: 'kufam-eb';
    src: url('https://utilitats.taradell.cat/fonts/Kufam-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* Jornades de Patrimoni */
    font-family: 'poppins-m';
    src: url('https://utilitats.taradell.cat/fonts/Poppins-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* FM 2025 */
    font-family: 'montserrat-regular';
    src: url('https://utilitats.taradell.cat/fonts/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* FM 2025 */
    font-family: 'montserrat-extrabold';
    src: url('https://utilitats.taradell.cat/fonts/Montserrat-ExtraBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face { /* FM 2025 */
    font-family: 'gloria';
    src: url('https://utilitats.taradell.cat/fonts/GloriaHallelujah-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

.bg-primary       { background-color: var(--color-primary) !important; }
.bg-primary-light { background-color: var(--color-primary-light) !important; }
.bg-advice        { background-color: var(--color-advice) !important; }
.bg-white         { background-color: var(--color-white) !important; }
.bg-black         { background-color: var(--color-black) !important; }
.bg-danger        { background-color: var(--color-danger) !important; }
.bg-green         { background-color: var(--color-green) !important; }
.bg-green-light   { background-color: var(--color-green-light) !important; }

.ff-trdlljv { font-family: graphic-regular !important;}
.ff-patr-primary { font-family: 'kufam-eb' !important;}
.ff-patr-secondary { font-family: 'poppins-m' !important;}
.ff-ss-sb { font-family: 'source_sans_pro_semibold' !important; }
.ff-ss-r { font-family: 'source_sans_pro_regular' !important; }

.fc-primary       { color: var(--color-primary) !important; }
.fc-primary-light { color: var(--color-primary-light) !important; }
.fc-advice        { color: var(--color-advice) !important; }
.fc-white         { color: var(--color-white) !important; }
.fc-black         { color: var(--color-black) !important; }
.fc-danger        { color: var(--color-danger) !important; }
.fc-green         { color: var(--color-green) !important; }
.fc-green-light   { color: var(--color-green-light) !important; }

.fs-1 { font-size: 2.25rem !important; }
.fs-2 { font-size: 1.8rem !important; }
.fs-3 { font-size: 1.575rem !important; }
.fs-4 { font-size: 1.35rem !important; }
.fs-5 { font-size: 1.125rem !important; }
.fs-6 { font-size: 0.9rem !important; }
.fs-vh-1 { font-size: 1vh !important; }
.fs-vh-2 { font-size: 2vh !important; }
.fs-vh-3 { font-size: 3vh !important; }
.fs-vh-4 { font-size: 4vh !important; }
.fs-vh-5 { font-size: 5vh !important; }
.fs-vh-6 { font-size: 6vh !important; }
.fs-vw-1 { font-size: 1vw !important; }
.fs-vw-2 { font-size: 2vw !important; }
.fs-vw-3 { font-size: 3vw !important; }
.fs-vw-4 { font-size: 4vw !important; }
.fs-vw-5 { font-size: 5vw !important; }
.fs-vw-6 { font-size: 6vw !important; }

.fw-lighter { font-weight: lighter !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }

.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-inline: 0 !important; }
.mx-1 { margin-inline: 0.25rem !important; }
.mx-2 { margin-inline: 0.5rem !important; }
.mx-3 { margin-inline: 1rem !important; }
.mx-4 { margin-inline: 1.5rem !important; }
.mx-5 { margin-inline: 3rem !important; }
.mx-auto { margin-inline: auto !important; }
.my-0 { margin-block: 0 !important; }
.my-1 { margin-block: 0.25rem !important; }
.my-2 { margin-block: 0.5rem !important; }  
.my-3 { margin-block: 1rem !important; }
.my-4 { margin-block: 1.5rem !important; }
.my-5 { margin-block: 3rem !important; }
.my-auto { margin-block: auto !important; }
.mt-0 { margin-block-start: 0 !important; }
.mt-1 { margin-block-start: 0.25rem !important; }
.mt-2 { margin-block-start: 0.5rem !important; }
.mt-3 { margin-block-start: 1rem !important; }
.mt-4 { margin-block-start: 1.5rem !important; }
.mt-5 { margin-block-start: 3rem !important; }
.mt-auto { margin-block-start: auto !important; }
.me-0 { margin-inline-start: 0 !important; }
.me-1 { margin-inline-start: 0.25rem !important; }
.me-2 { margin-inline-start: 0.5rem !important; }
.me-3 { margin-inline-start: 1rem !important; }
.me-4 { margin-inline-start: 1.5rem !important; }
.me-5 { margin-inline-start: 3rem !important; }
.me-auto { margin-inline-start: auto !important; }  
.mb-0 { margin-block-end: 0 !important; }
.mb-1 { margin-block-end: 0.25rem !important; }
.mb-2 { margin-block-end: 0.5rem !important; }
.mb-3 { margin-block-end: 1rem !important; }
.mb-4 { margin-block-end: 1.5rem !important; }
.mb-5 { margin-block-end: 3rem !important; }
.mb-auto { margin-block-end: auto !important; }
.ms-0 { margin-inline-end: 0 !important; }
.ms-1 { margin-inline-end: 0.25rem !important; }
.ms-2 { margin-inline-end: 0.5rem !important; }
.ms-3 { margin-inline-end: 1rem !important; }
.ms-4 { margin-inline-end: 1.5rem !important; }
.ms-5 { margin-inline-end: 3rem !important; }
.ms-auto { margin-inline-end: auto !important; }

.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.px-0 { padding-inline: 0 !important; }
.px-1 { padding-inline: 0.25rem !important; }
.px-2 { padding-inline: 0.5rem !important; }
.px-3 { padding-inline: 1rem !important; }
.px-4 { padding-inline: 1.5rem !important; }
.px-5 { padding-inline: 3rem !important; }
.py-0 { padding-block: 0 !important; }
.py-1 { padding-block: 0.25rem !important; }
.py-2 { padding-block: 0.5rem !important; }
.py-3 { padding-block: 1rem !important; }
.py-4 { padding-block: 1.5rem !important; }
.py-5 { padding-block: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }
.ps-0 { padding-left: 0 !important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

.lh-10 { line-height: 1.0 !important; }
.lh-11 { line-height: 1.1 !important; }
.lh-12 { line-height: 1.2 !important; }
.lh-13 { line-height: 1.3 !important; }
.lh-14 { line-height: 1.4 !important; }
.lh-15 { line-height: 1.5 !important; }
.lh-16 { line-height: 1.6 !important; }
.lh-17 { line-height: 1.7 !important; }
.lh-18 { line-height: 1.8 !important; }

.txt-center { text-align: center !important; }
.txt-right { text-align: right !important; }
.txt-left { text-align: left !important; }
.txt-upper { text-transform: uppercase !important;}

.border-white-1 { border: 1px solid var(--color-white) !important; }
.border-white-bottom-1 { border-bottom: 1px solid var(--color-white) !important; }
.border-black-1 { border: 1px solid var(--color-black) !important; }
.border-primary-1 { border: 1px solid var(--color-primary) !important; }
.border-primary-2 { border: 2px solid var(--color-primary) !important; }
.border-y-1 { border-block: 1px solid currentColor ;}
.border-y-2 { border-block: 2px solid currentColor ;}
.border-y-4 { border-block: 4px solid currentColor ;}

.p-5p { padding: 5px !important; }
.px-5p { padding-inline: 5px !important; }

.d-flex { display: flex !important; }
.flex-column { flex-direction: column !important; }
.justify-between { justify-content: space-between !important; }

.gap-1r { gap: 1rem !important; }
.gap-2r { gap: 1rem !important; }
.gap-3r { gap: 2rem !important; }

/* classes helper - fi */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'source_sans_pro_regular';
}

main.form, main.agenda-cerca {
    max-width: 80ch;
    margin: 0 auto;
}

table {
    border-collapse: collapse;
}

table th,
table td {
    padding: 5px;
    vertical-align: top;    
}

table.border-white-1 th,
table.border-white-1 td {
    border: 1px solid var(--color-white);
}

table.border-black-1 th,
table.border-black-1 td {
    border: 1px solid var(--color-black);
}