@font-face {
    font-family: "Inter-Light";  src: url("/jakarta.faces.resource/fonts/inter/Inter_24pt-Light.ttf.xhtml?ln=default");
}

@font-face {
    font-family: "Inter-Medium";  src: url("/jakarta.faces.resource/fonts/inter/Inter_24pt-Medium.ttf.xhtml?ln=default");
}

@font-face {
    font-family: "Inter-Regular";  src: url("/jakarta.faces.resource/fonts/inter/Inter_24pt-Regular.ttf.xhtml?ln=default");
}

@font-face {
    font-family: "Inter-SemiBold";  src: url("/jakarta.faces.resource/fonts/inter/Inter_24pt-SemiBold.ttf.xhtml?ln=default");
}

@font-face {
    font-family: "Inter-Bold";  src: url("/jakarta.faces.resource/fonts/inter/Inter_24pt-Bold.ttf.xhtml?ln=default");
}

.inter-light {
    font-family: 'Inter-Light', serif;
}

.inter-medium {
    font-family: 'Inter-Medium', serif;
}

.inter-regular {
    font-family: 'Inter-Regular', serif;
}

.inter-semibold {
    font-family: 'Inter-SemiBold', serif;
}

.inter-bold {
    font-family: 'Inter-Bold', serif;
}

html {
    font-size: 16px; /* 1rem = 16px */
}

body {
    /* line-height: 1.5; */
    font-family: 'Inter-Regular', sans-serif;
    font-size: 1rem;
    @media (max-width: 600px) {
        font-size: 0.875rem;
    }
    @media (min-width: 1200px) {
        font-size: 1.125rem;
    }
}

a {
    text-decoration: none;
    color: blue;
}

.page-title {
    display: block;
    margin-bottom: .5em;
    text-transform: uppercase;
    color: var(--blue-700) !important;
    font-size: 2rem;
    @media (max-width: 600px) {
        font-size: 1.75rem;
    }
    @media (min-width: 1200px) {
        font-size: 2.25rem;
    }
}

.container-title {
    margin-bottom: .8em;
    font-weight: bold;
    color: var(--blue-700) !important;
    font-size: 1.5rem;
    @media (max-width: 600px) {
        font-size: 1.25rem;
    }
    @media (min-width: 1200px) {
        font-size: 1.75rem;
    }
}

.container-subtitle {
    margin-bottom: .8em;
    font-weight: bold !important;;
    font-size: 1.2rem !important;
    @media (max-width: 600px) {
        font-size: 1rem !important;;
    }
    @media (min-width: 1200px) {
        font-size: 1.5rem !important;;
    }
}

.container-appendix {
    margin-bottom: .8em;
    font-weight: bold !important;
    font-size: 1.2rem !important;
    color: var(--green-700) !important;
@media (max-width: 600px) {
    font-size: 1rem !important;;
}
@media (min-width: 1200px) {
    font-size: 1.5rem !important;;
}
}

.container-remark {
    margin-bottom: 1.2em;
    margin-top: 2em;
    font-weight: bold;
}

.container-special {
    margin-bottom: 1.2em;
    font-style: italic;
}

.container-paragraph {
    margin-bottom: 1.2em;
    text-align: justify;
}

.home-citation-callout {
    margin-top: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: var(--blue-50);
    border: 1px solid var(--blue-300);
    border-radius: 6px;
}

.home-citation-callout-title {
    margin-bottom: .75rem;
    color: var(--blue-700);
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
}

.home-citation-callout-text {
    margin-bottom: 0;
    color: var(--text-color);
    text-align: justify;
}

.coverage-table thead th {
    font-size: .75rem !important;
}

.coverage-table-rotated thead th {
    rotate: -45deg !important;
    background-color: transparent !important;
}

.coverage-table {
    font-size: .9rem !important;
}

.coverage-table tbody tr td:not(:first-child) {
    text-align: center !important;
}

.ypn-agronomists-table thead {
    font-size: .9rem !important;
    display: none;
}

.image-picture-icon {
    max-width: 56px;
    max-height: 72px;
}

.image-picture-preview {
    max-width: 36px;
    max-height: 72px;
}

.image-logo-icon {
    max-width: 72px;
    max-height: 36px;
}

.image-profile-picture {
    max-width: 160px;
    max-height: 200px;
}

.image-logo {
    max-width: 300px;
    max-height: 200px;
}

.import-result-panel {
    margin: .25rem .5rem 1rem .5rem;
    background: #eff6ff;
    border: 1px solid #60a5fa;
    border-radius: 6px;
    color: #1e3a8a;
}

.import-result-panel .ui-panel-titlebar {
    background: transparent;
    border: none;
    color: #1d4ed8;
    font-weight: 700;
    padding: .75rem .9rem .25rem .9rem;
}

.import-result-panel .ui-panel-content {
    background: transparent;
    border: none;
    padding: .25rem .9rem .9rem .9rem;
}

.import-result-panel-error {
    background: #fef2f2;
    border-color: #f87171;
    color: #7f1d1d;
}

.import-result-panel-error .ui-panel-titlebar {
    color: #b91c1c;
}

.import-result-summary {
    display: block;
    margin-bottom: .65rem;
    font-weight: 600;
}

.import-result-table {
    font-size: .875rem;
}

.import-result-table .ui-datatable-tablewrapper {
    border-radius: 4px;
}

.import-result-type-column {
    width: 7rem;
    font-weight: 700;
}

.import-result-row-error td {
    background: #fee2e2;
    color: #7f1d1d;
}

.import-result-row-info td {
    background: #f8fafc;
}