/**
 * VARIABLES
 * 
 * Contains css variables used by various components.
 */

 :root body {
    --jor-horizontal-content-padding: 2.5rem;
    --jor-main-content-padding-bottom: 5rem;
    --jor-main-content-padding-top: 3rem;
    
    --jor-header-logotype-max-width: 200px;
    --jor-header-logotype-max-height: 40px;
    --jor-header-logotype-font-color: var(--env-element-primary-background-color);

    --jor-footer-logotype-max-width: 200px;
    --jor-footer-logotype-max-height: 40px;
    
    --jor-theme-navigation-drawer-width: 390px;
    --jor-theme-navigation-drawer-padding: 4.25rem 3.25rem !important;

    --jor-theme-skip-links-background-color: #000;
    --jor-theme-skip-links-font-color: #fff;
    --jor-theme-skip-links-border-radius: var(--env-border-radius);
       
    --fa-style-family: "Font Awesome 6 Free";
    --fa-style: 900;
    
    --jor-theme-link-font-weight: 600;

    --jor-theme-env-collapse-padding: 0.5rem;
    --jor-theme-env-collapse-header-gap: 0.5rem;
    --jor-theme-env-collapse-header-font-size: 1rem;
}

/* Responsive overrides
---------------------------------------------------------*/

@media only screen and (max-width: 749px) {
    :root body {
        --jor-horizontal-content-padding: 0.75rem;
        --jor-header-logotype-max-width: 100%;
    }
}