@font-face {
    font-family: 'PP Formula';
    src: url("../resources/fonts/PPFormula-Extrabold.otf");
}
@font-face {
    font-family: 'Archivo Thin';
    src: url("../resources/fonts/Archivo_Condensed-Thin.ttf");
}

@font-face {
    font-family: 'Archivo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Regular'), url('../resources/fonts/Archivo-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Archivo Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Italic'), url('../resources/fonts/Archivo-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Medium'), url('../resources/fonts/Archivo-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Archivo Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Medium Italic'), url('../resources/fonts/Archivo-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo SemiBold'), url('../resources/fonts/Archivo-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Archivo SemiBold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo SemiBold Italic'), url('../resources/fonts/Archivo-SemiBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Bold'), url('../resources/fonts/Archivo-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Archivo Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Archivo Bold Italic'), url('../resources/fonts/Archivo-BoldItalic.woff') format('woff');
}

:root {
    font-family: 'Archivo Regular', sans-serif;
    font-size: 62.5%;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    font-smooth: auto;
}

h1 {
    font-family: 'Archivo Bold', sans-serif;
    font-size: 2rem;
}

h1.page-title {
    font-family: 'Archivo Regular', sans-serif;
    font-size: 5rem;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.slogan {
    font-family: 'Archivo Regular', sans-serif;
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
}

h2 {
    font-size: 1.8rem;
    font-family: 'Archivo Bold', sans-serif;
}

h3 {
    font-size: 1.6rem;
    font-weight: 500;
}

h4 {
    font-size: 1rem;
}

h5, h6 {
    font-size: 0.8rem;
}

h6 {
    font-style: italic;
    font-weight: 300;
}

p.list-item {
    font-family: 'Archivo Bold', sans-serif;;
    text-transform: uppercase;
    font-size: 1.4rem;
}

.card-title {
    font-size: 2rem;
}

.tile-title {
    font-weight: bold;
    font-size: 1.6rem;
}

.tile > i {
    font-size: 3rem !important;
}

.card-title .material-icons {
    font-size: larger;
}

.section-title {
    font-family: 'Archivo Bold', sans-serif;
}

.section-title .material-icons {
    font-size: 2.6rem;
}

legend {
    font-size: 2rem;
}

p,
ul,
ol,
li,
a[href^="mailto:"],
a[href^="tel:"],
a.text-link,
a.client-logo
{
    font-size: 1.4rem;
    line-height: 1.5;
}

p.input-label,
label {
    font-size: 1.4rem;
}

input,
.btn,
.btn-flat,
.btn-register,
.btn-outlined,
nav.sidemenu .navigation p {
    font-family: 'Archivo Regular', sans-serif;
    font-size: 1.4rem;
}

.helper {
    margin: 0.2rem 0;
}

.helper p {
    font-weight: 500;
    font-size: 1.4rem;
    padding: 0.2rem;
    margin: 0;
}

.btn,
.btn-register,
.btn-flat,
.btn-outlined,
nav.sidemenu .navigation p {
    text-transform: uppercase;
}

button > i.material-icons,
.btn-flat > i.material-icons,
.btn-outlined > i.material-icons,
.btn > i.material-icons,
button > i.fa,
.btn-flat > i.fa,
.btn > i.fa,
.btn-outlined > i.fa
{
    font-size: 2.0rem;
}

p .material-icons,
p .fa {
    font-size: 2.4rem;
}

.copyright, .copyright a {
	font-size: 1.2rem !important;
}

.powered-by {
	font-size: 1.1rem !important;
}

select {
    font-weight: 500;
    font-size: 1.4rem;
}

.footer {
    font-size: 0.8rem; 
}

footer > p:not(.copyright) {
    font-size: 1.2rem; 
}

.red-text {
    color: #ff0000;
}

.white-text {
    color: #ffffff;
}
.accent-text {
    color: var(--accent-color) !important;
}

.green-text {
    color: #00ff00;
}

.message-container {
    font-family: 'Archivo Bold', sans-serif;
}

.message-close-btn {
    font-weight: 800;
}

table {
    text-align: left;
    font-size: 1.4rem;
}

.collapsible-header {
    font-size: 1.6rem;
    font-weight: bold;
}

strong {
    font-weight:800 !important;
}

.design-header i {
    font-size: 5rem;
}

a[href^="mailto:"],
a[href^="tel:"],
a.text-link,
a.client-logo {
    text-decoration: none;
    font-weight: normal;
}

a.btn,
a.btn-flat,
a.btn-outlined,
a.client-logo {
    text-decoration: none;
}

.brand-font {
    font-family: 'PP Formula';
}

h1 sup.company-font {
    font-family: 'Archivo Thin';
    font-size: 2.5rem;
    color: var(--theme-color-inverted);
}


p sup.company-font {
    font-family: 'Archivo Thin';
    font-size: 1.4rem;
    color: var(--theme-color-inverted);
}

.section-title.brand-font {
    font-size: 1.5rem;
}

.section-title sup.company-font {
    font-family: 'Archivo Thin';
    font-size: 1.4rem;
    color: var(--theme-color-inverted);
}

.menu-button {
    font-family: 'PP Formula';
    font-size: 4rem;
    text-transform: lowercase;
}

.menu-button .brand-font {
    font-family: 'PP Formula';
    font-size: 2rem !important;
    text-transform: lowercase;
}

.menu-button sup.company-font {
    font-family: 'Archivo Thin';
    font-size: 1.5rem;
    color: var(--theme-color-inverted);
}

.logo-element {
    font-family: 'Archivo Thin';
    text-transform: uppercase;
}

.news-article-meta p,
.news-article-meta i {
    font-size: 1.4rem;
    color: #666666;
}