/**
 * @file
 * Subtheme specific CSS.
 */
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

:root {
    --gin-color-title: #222330;
    --gin-color-text: #222330;
    --gin-color-text-light: #545560;
    --gin-color-focus: rgba(0, 125, 250, .6);
    --gin-color-focus-border: rgba(0, 0, 0, .2);
    --gin-color-focus-neutral-rgb: rgba(0, 0, 0, .4);
    --gin-color-disabled: #8d8d8d;
    --gin-color-disabled-bg: #eaeaea;
    --gin-color-disabled-border: #c2c2c2;
    --gin-color-warning: #d8b234;
    --gin-color-warning-light: #efcf64;
    --gin-bg-warning: #605328;
    --gin-bg-warning-light: rgba(226, 151, 0, .08);
    --gin-color-danger: #cc3d3d;
    --gin-color-danger-lightest: #fdd9d9;
    --gin-color-danger-light: #f39b9d;
    --gin-bg-danger: #583333;
    --gin-bg-danger-light: rgba(222, 117, 96, .1);
    --gin-color-green: #058260;
    --gin-color-green-light: #32cea4;
    --gin-color-green-lightest: #adebdb;
    --gin-bg-green: #145242;
    --gin-bg-green-light: rgba(72, 171, 123, .1);
    --gin-color-info: #082538;
    --gin-color-info-light: #589ac5;
    --gin-bg-info: #122b3c;
    --gin-color-contextual: var(--gin-color-text);
    --gin-color-contextual-text: #eee;
    --gin-bg-input: #fff;
    --gin-bg-layer: #fff;
    --gin-bg-layer2: #edeff5;
    --gin-bg-layer3: #fff;
    --gin-bg-layer4: #e2e5ec;
    --gin-bg-secondary: var(--gin-bg-layer);
    --gin-bg-header: #eeeff3;
    --gin-pattern: var(--gin-border-color);
    --gin-pattern-fallback: var(--gin-bg-layer2);
    --gin-pattern-square: .5rem;
    --gin-font: Ginter, Inter, "Helvetica Neue", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
    --gin-font-size-xxs: .75rem;
    --gin-font-size-xs: small;
    --gin-font-size-s: .875rem;
    --gin-font-size: 1rem;
    --gin-font-size-m: var(--gin-font-size);
    --gin-font-size-l: 1.125rem;
    --gin-font-size-xl: 1.25rem;
    --gin-font-size-h3: 1.5rem;
    --gin-font-size-h2: 1.75rem;
    --gin-font-size-h1: 1.6rem;
    --gin-font-size-quote: 1.1em;
    --gin-font-weight-normal: 400;
    --gin-font-weight-semibold: 525;
    --gin-font-weight-bold: 575;
    --gin-font-weight-heavy: 625;
    --gin-spacing-xxs: .25rem;
    --gin-spacing-xs: .5rem;
    --gin-spacing-s: .75rem;
    --gin-spacing-m: 1rem;
    --gin-spacing-l: 1.5rem;
    --gin-spacing-xl: 2rem;
    --gin-spacing-xxl: 3rem;
    --gin-spacing-xxxl: 4rem;
    --gin-icon-color: #414247;
    --gin-icon-size-toolbar-secondary: 17px;
    --gin-icon-size-toolbar: 17px;
    --gin-icon-size-sidebar-toggle: 21px;
    --gin-border-xxs: .125rem;
    --gin-border-xs: .25rem;
    --gin-border-s: .375rem;
    --gin-border-m: .5rem;
    --gin-border-l: .75rem;
    --gin-border-xl: 1rem;
    --gin-border-color: #d4d4d8;
    --gin-border-color-secondary: rgba(0, 0, 0, .08);
    --gin-border-color-layer: rgba(0, 0, 0, .08);
    --gin-border-color-layer2: #d4d4d8;
    --gin-border-color-table: rgba(0, 0, 0, .1);
    --gin-border-color-table-header: rgba(0, 0, 0, .2);
    --gin-border-color-form-element: #8e929c;
    --gin-easing: cubic-bezier(.19, 1, .22, 1);
    --gin-transition: .15s var(--gin-easing);
    --gin-transition-fast: .3s var(--gin-easing);
    --gin-shadow-l1: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    --gin-shadow-l2: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%), 0 20px 24px rgb(20 45 82 / 12%);
    --gin-height-sticky: 72px;
    --gin-toolbar-width-collapsed: 66px;
    --gin-toolbar-width: 256px;
    --gin-sidebar-width: 320px;
    --gin-sidebar-offset: var(--gin-sidebar-width);
    --gin-switch: #26a769;
    --gin-shadow-button: #00000033;
    --gin-color-button-text: #fff;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: thin dotted;
}

a:active,a:hover {
    outline: 0;
}

h1 {
    margin: 0.67em 0;
    font-size: 2em;
}


.contacte::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 5px;
}

.email::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f095";
    margin-right: 5px;
}

.horari::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f017";
    margin-right: 5px;
}

#navbar-top {
    background-color: white !important;
}

.em {
    background: none repeat scroll 0 0 #f4f4f4;
    color: #363636;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.56;
    padding: 20px 120px;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #3C537E;
    font-weight: 700;
    line-height: 120%;
    padding: 0;
    margin: 20px 0 10px 0;
    font-family: 'Open Sans',sans-serif;
}

#navbar-main {
    background-color: #f4f4f4 !important;
}

/*.js-form-item-field-periode-presidencia-0-value-month {*/
/*    display: none;*/
/*    visibility: hidden;*/
/*}*/

div.js-form-item.form-item.js-form-type-select.form-type--select.js-form-item-field-periode-presidencia-0-value-month.form-item--field-periode-presidencia-0-value-month.form-item--no-label {
    display: none;
    visibility: hidden;
}

.ui-button-icon-space {
    display: block !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    color: transparent !important;
    top: 13px !important;
}

.ui-dialog-titlebar-close:after {
    display: inline-block;
    content: "\00d7";
    color: white;
    font-size: 30px;
}

.accordion-button {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

/*.active, .accordion-button:hover {*/
/*    background-color: #ccc;*/
/*}*/

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

/*Filtres cercador avançat*/

#views-exposed-form-registres-bulk-page-1 > div > div.js-form-item.form__campo.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys.mb-3 {
    grid-column: 1/4;
}

#drupal-modal .field__label {
    font-weight: bold;
}

.ui-dialog.ui-corner-all{
    z-index: 1;
}