﻿/* amsterdam.css */

@font-face {
    font-display: swap;
    font-family: "Amsterdam Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/AmsterdamSans-Regular.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Amsterdam Sans";
    font-style: italic;
    font-weight: 400;
    src: url("../fonts/AmsterdamSans-Italic.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Amsterdam Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/AmsterdamSans-Bold.woff2") format("woff2");
}
@font-face {
    font-display: swap;
    font-family: "Amsterdam Sans";
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/AmsterdamSans-ExtraBold.woff2") format("woff2");
}
:root {
    /* defaults */
    --default-color: #004699;
    --default-font-family: 'Amsterdam Sans', Arial, sans-serif;
    /* font */
    --text-color: #181818;
    --text-size: 1.25rem; /*20px*/
    --text-font-weight: normal;
    --line-height: 1.8;
    /* h1 */
    --h1-color: #000;
    --h1-text-size: 3rem; /* 48px */
    --h1-font-weight: 800;
    /* h2 */
    --h2-color: #000;
    --h2-text-size: 2rem; /* 32px */
    --h2-font-weight: 800;
    /* h3 */
    --h3-color: var(--default-color);
    --h3-text-size: 1.5625rem; /*25px*/
    --h3-font-weight: 800;
    /* h4 */
    --h4-color: var(--default-color);
    --h4-text-size: 1.25rem; /*20px*/
    --h4-font-weight: 800;
    /* h5 */
    --h5-color: var(--default-color);
    --h5-text-size: 1.125rem; /*20px*/
    --h5-font-weight: 800;
    /* link */
    --link-color: var(--default-color);
    --link-hover-color: #003677;
    --link-font-weight: 400;
    /* button */
    --button-text-color: #FFF;
    --button-text-size: 1.25rem; /*20px*/
    --button-font-weight: normal;
    --button-height: 3rem; /* 48px */
    --button-padding: 4px 20px;
    --button-border-radius: 0px;
    --button-background-color: var(--default-color);
    --button-hover-text-color: #FFF;
    --button-hover-background-color: #003677;
    /* logo */
    --logo-width: 172px;
    --logo-margin: 10px 0;
    /* menu */
    --menu-text-color: #FFF;
    --menu-background-color: var(--default-color);
    /* footer */
    --footer-text-color: #FFF;
    --footer-icon-color: #FFF;
    --footer-background-color: var(--default-color);
}

body .container .content {
    background: #FFF;
}

    body .container .content .contentinner {
        box-shadow: none;
    }

/* amsterdam.css */
