/**
* Core
**/
body {
    color: #232528;
    font-family: 'Red Hat Text';
    background: #fff;
}

a {
    color: #007EA7;
    text-decoration: none;
}

a:hover {
    color: #007EA7;
    text-decoration: underline;
}

/**
* Classes
**/
.btn {
    margin-bottom: .5em;
}

.small {
    font-size: 14px;
}

.badge {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.text-bg-primary {
    background: #007EA7 !important;
}

.text-bg-success {
    background: #DEA54B !important;
}

.bk-white {
    background: #fff;
}

.bk-blue {
    background: #007EA7;
}

.bk-french {
    background: #C8BFC7;
}

.bk-grey {
    background: #e8e8e8;
}

.img-portfolio {
    width: 98%;
    max-width: 250px;
    max-height: 160px;
    display: block;
    margin: 10px 10px;

}

.img-GP {
    width: 98%;
    max-width: 250px;
    max-height: 140px;
    display: block;
    margin: 10px auto;
}

.img-OG {
    width: 98%;
    max-width: 400px;
    display: block;
    margin: 10px auto;
}

.img-MGI {
    width: 98%;
    max-width: 250px;
    max-height: 160px;
    display: block;
    margin: 10px auto;
}

.img-LS {
    width: 98%;
    max-width: 500px;
    display: block;
    margin: 10px auto;
}

.img-AUS {
    width: 98%;
    max-width: 400px;
    display: block;
    margin: 10px auto;
}

.img-TDS {
    width: 98%;
    max-width: 600px;
    display: block;
    margin: 10px auto;
}

.img-resume {
    height: 100%;
    max-height: 75px;
    display: block;
    margin: 10px auto;
}

.toast {
    font-family: 'Red Hat Text Bold';
    font-size: 16px;
    margin-top: 10px !important;
    border: 1px solid #007EA7 !important;
    color: #ffffff !important;
    background: #007EA7 !important;
    width: 98% !important;
}

.books {
    width: 98%;
    max-width: 300px;
}

/**
* Navigation
**/
.bg-light {
    /*background: #DEA54B !important;*/
    background: linear-gradient(to bottom right, #DEA54B, #F2CD5D) !important;
}

.nav-link {
    color: #232528;
}

.nav-link:hover {
    color: #232528;
    text-decoration: underline dotted;
}

/**
* Color Classes
**/
.dark {
    color: #232528;
}

.light {
    color: #ffffff;
}

.french {
    color: #C8BFC7;
}

.blue {
    color: #007EA7;
}

.naples {
    color: #F2CD5D;
}

.earth {
    color: #DEA54B;
}

/**
* Buttons
**/
.btn {
    font-family: 'Red Hat Display'; 
    border-radius: 0 !important;
}

.btn-blue {
    color: #ffffff;
    background: #007EA7;
    border: 1px solid #007EA7;
}

.btn-blue:hover {
    color: #007EA7;
    background: #ffffff;
    border: 1px solid #007EA7;
    text-decoration: none !important;
}

.btn-dark {
    background: #232528;
    color: #ffffff;
    border: 1px solid #232528;
}

.btn-dark:hover {
    background: #ffffff;
    color: #232528;
    border: 1px solid #232528;
    text-decoration: none !important;
}

.btn-secondary {
    background: #6c757d;
    color: #ffffff;
    border: 1px solid #6c757d;
}

.btn-secondary:hover {
    background: #ffffff;
    color: #6c757d;
    border: 1px solid #6c757d;
    text-decoration: none !important;
}

/**
* Login
**/
#centeredContainer {
    width: 100%;
    max-width: 800px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/**
* Content
**/
#main {
    width: 97%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5em 0;
}

#sectionGrey {
    width: 100%;
    background: #f8f9fa;
}

/**
* Footer
**/
#footer {
    background: #232528;
    color: #ffffff;
    width: 100%;
}

#footerContent {
    width: 97%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2.5em 0;
}

/**
* Font Classes
**/
.RHD {
    font-family: 'Red Hat Display';   
}

.RHT {
    font-family: 'Red Hat Text';
}

.RHB {
    font-family: 'Red Hat Text Bold'; 
}

.RHM {
    font-family: 'Red Hat Mono';
}

/**
* Font Families
**/
@font-face {
    font-family: 'Red Hat Display';
    src: url('../font/RedHatDisplay-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text Bold';
    src: url('../font/RedHatText-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Text';
    src: url('../font/RedHatText-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Red Hat Mono';
    src: url('../font/RedHatMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}