@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/static/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/lib/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/lib/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/lib/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}

/**
 * Shadows */
p, ul:not(.dropdown-menu) li, .text-shadow {
    text-shadow: 0px 0px 10px black, 0px 0px 13px black, 0px 0px 16px black, 0px 0px 19px black, 0px 0px 22px black;
}

/**
 * Titles */
.micro-title {
    font-family : 'Montserrat';
    font-size   : 15px;
    font-weight : 600;
    color       : white;
}

.tiny-title {
    font-family : 'Montserrat';
    font-size   : 20px;
    font-weight : 600;
    color       : white;
}

.small-title {
    font-family : 'Montserrat';
    font-size   : 28px;
    font-weight : 600;
    color       : white;
}

.normal-title {
    font-family : 'Montserrat';
    font-size   : 30px;
    font-weight : 700;
    color       : white;
    margin-bottom : 30px;
    text-shadow: 0 0 20px black;
}

body.accessibility-mode .micro-title,
body.accessibility-mode .tiny-title,
body.accessibility-mode .small-title,
body.accessibility-mode .normal-title { font-size : 200% !important; }



/**
 * Texts */
a {
    text-decoration : none !important;
    cursor          : pointer;
    color           : var(--page-green);
    &:hover {
        color : grey;
    }
}

body, .normal-text {
    font-family : 'Montserrat';
    font-size   : 13px;
    font-weight : 400;
    color       : white;
}
body.bright-theme { color : #333; }
.smaller-text { font-size   : 85%;  }
.large-text   { font-size   : 165%; }
.strong-text  { font-weight : 700;  }
@media (min-width: 920px) {
    .normal-title       { font-size : 35px; }
    .micro-title        { font-size : 20px; }
    .tiny-title         { font-size : 23px; }
    .small-title        { font-size : 32px; }
    .normal-text, body  { font-size : 17px; }
}


/**
 * Links */
 .green             { color : var(--page-green); }
a.green:not(:hover) { color : var(--page-green) !important; }
 .white             { color : white }
a.white:not(:hover) { color : white !important; }
 .dark              { color : #333 }
a.dark:not(:hover)  { color : #333 !important; }

body:not(.accessibility-mode) a.content-heading-link:not(:hover),
body:not(.accessibility-mode) a.footer-link:not(:hover) { color : white; }
.content-heading-link, a.footer-link { display : inline-block; }
.content-heading-link:not(:last-child){
    padding-right : 15px;
    border-right  : 1px solid var(--page-green);
    margin-right  : 15px;
    margin-left   : 0px;
}
.content-heading-link { margin-top : 12px; margin-bottom : 12px; }
@media (min-width: 920px) {
    .content-heading-link:not(:last-child) { padding-right : 30px; }
    .content-heading-link:not(:last-child) { margin        : 15px 30px 0 0; }
    .content-heading-link { margin-top : 15px; }
}

.content-heading-link.active > span { font-weight : 700; }