/* ************************************************* */
/* Font declaration */
/* ************************************************* */

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Black.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Black.ttf') format('truetype');
    font-weight : 900;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-BlackItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-BlackItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-BlackItalic.ttf') format('truetype');
    font-weight : 900;
    font-style  : italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Bold.ttf') format('truetype');
    font-weight : bold;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-BoldItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-BoldItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-BoldItalic.ttf') format('truetype');
    font-weight : bold;
    font-style  : italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Book.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-BookItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-BookItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-BookItalic.ttf') format('truetype');
    font-weight : normal;
    font-style  : italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Light.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Light.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Light.ttf') format('truetype');
    font-weight : 300;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-LightItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-LightItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-LightItalic.ttf') format('truetype');
    font-weight : 300;
    font-style  : italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Medium.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Medium.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Medium.ttf') format('truetype');
    font-weight : 500;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-MediumItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-MediumItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-MediumItalic.ttf') format('truetype');
    font-weight : 500;
    font-style  : italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-Thin.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-Thin.woff') format('woff'),
        url('../fonts/Gotham/Gotham-Thin.ttf') format('truetype');
    font-weight : 100;
    font-style  : normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src        : url('../fonts/Gotham/Gotham-ThinItalic.woff2') format('woff2'),
        url('../fonts/Gotham/Gotham-ThinItalic.woff') format('woff'),
        url('../fonts/Gotham/Gotham-ThinItalic.ttf') format('truetype');
    font-weight : 100;
    font-style  : italic;
    font-display: swap;
}

body {
    font-family: Gotham;
}

.mdc-typography {
    font-family: Gotham;
}

/* ************************************************* */
/* USMB extention */
/* ************************************************* */

.mdc-drawer-app-content {
    align-items: safe center;
}

#main-content {
    margin: auto;
}

#fm1 .mdi {
    display    : block;
    margin     : 0 0 1rem 0;
    line-height: 1;
}

#fm1 .mdi::before {
    display    : block;
    line-height: 1;
    font-size  : 35px;
}

#fm1 input {
    width: 100%;
    position: absolute;
    left: 0;
    padding: 0 20px;
    box-sizing: border-box;
}

.main-instructions {
    font-family: Gotham;
    font-size  : 25px;
    line-height: 1;
}

.login-section {
    padding: 1.2rem 2.5rem;
}

#pmlinks .mdi::before {
    font-size: 25px;
}

#pmlinks span {
    display     : inline-block;
    position    : relative;
    margin-right: 5px;
}

#sidebar {
    text-align: center;
}

#sidebar .sidebar-content {
    text-align: left;
}

#sidebar p,
.details-instructions span,
#pmlinks span {
    line-height: 1.5;
}

#sidebar p,
.details-instructions span {
    display   : inline-block;
    text-align: justify;
}

#cas-second-logo {
    max-width : 100%;
    width     : 400px;
    text-align: center;
    margin    : 25px 0;
}

body {
    background-image   : url("../images/fond2.jpg");
    background-size    : cover;
    background-position: center;
    background-repeat  : no-repeat;
}

#content {
    position: relative;
}

#content::after {
    content         : " ";
    height          : 7px;
    background-color: #e7344c;
    position        : absolute;
    bottom          : 0;
    left            : 0;
    right           : 0;
    width           : auto;
}

.card {
    border-radius: 0;
}

.card.w-50 {
    width: 100%;
}

#app-bar,
.cas-footer {
    background-color: #002542;
}

.py-4.cas-footer {
    padding: 1.2rem !important;
}


@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width  : 768px;
        padding: 1rem 0 !important;
    }
}