/* site update May 2021 */
@font-face {
    font-family: Poppins-Bold;
        src: url("../fonts/Poppins-Bold.ttf") format("truetype");
}

@font-face {
    font-family: Poppins-ExtraBold;
        src: url("../fonts/Poppins-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: Poppins-SemiBold;
        src: url("../fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: Poppins-Regular;
        src: url("../fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Poppins-Medium;
        src: url("../fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
    font-family: Poppins-MediumItalic;
        src: url("../fonts/Poppins-MediumItalic.ttf") format("truetype");
}

body {
line-height: 1.8em;
}
.bg-custom{
    background-color: #fff !important;
}
.navbar a {
    color: #1b3652 !important;
}
.navbar a:hover {
    color: #1b3652 !important;
}
.card-border-secondary{
    border: 2px solid;
    border-color: #e1b329;
}
.card-border-quinary{
    border: 2px solid;
    border-color: #64A3BA;
}
.card-border-quaternary{
    border: 2px solid;
    border-color: #FA7C56;
}
.border-tertiary {
    border: 2px solid;
    border-color: #50A981;
}
.underline{
    border-bottom: 3px solid;
    border-color: #e1b329;
}
.underline-primary {
    border-bottom: 3px solid;
    border-color: #1b3652;
}
.underline-tertiary {
    border-bottom: 3px solid;
    border-color: #50A981;
}
.underline-quaternary {
    border-bottom: 3px solid;
    border-color: #FA7C56;
}
.heading-nav {
    font-family: 'Fredoka One', cursive;
    font-size: 1.75rem;
}

.primary, .primary:hover{
    color: #1b3652;
}
.secondary {
    color: #e1b329;
}
.tertiary {
    color: #50A981;
}
.quaternary {
    color: #FA7C56;
}
.quinary {
    color: #64A3BA;
}
.striped {
    background: #1b3652;
}
.bg-tertiary {
    background: #50A981;
}
.bg-secondary {
    background: #e1b329 !important;
}
.bg-quaternary {
    background: #FA7C56;
}
.bg-quinary {
    background: #64A3BA;
}

.featured-link {
    text-decoration: underline;
    font-size: 1.25rem;
}
.btn-primary, .btn-primary:hover{
    background-color: #1b3652;
    border-color: #1b3652;
}
.btn-tertiary, .btn-tertiary:hover{
    background-color: #50A981;
    border-color: #50A981;
}
.btn-outline-primary{
    border-color: #1b3652;
    border-width:  2px;
}
.btn-outline-primary:hover{
    background-color: #1b3652;
}
.btn-outline-striped{
    border-color: #1b3652;
    border-width:  2px;
}
.btn-outline-striped:hover{
    background-color: #1b3652;
    color:  white;
}
.btn-outline-tertiary{
    border-color: #50A981;
    border-width:  2px;
}
.btn-outline-tertiary:hover{
    background-color: #50A981;
}
.btn-outline-secondary{
    border-color: #e1b329 !important;
    border-width:  2px;
    color:  black;
}
.btn-outline-secondary:hover{
    background-color: #e1b329 !important;
}
.btn-outline-quinary{
    border-color: #64A3BA;
    border-width:  2px;
}
.btn-outline-quinary:hover{
    background-color: #64A3BA;
}
.btn-outline-quarternary{
    border-color:  #FA7C56;
    border-width:  2px;
}
.btn-outline-quarternary:hover{
    background-color: #FA7C56;
}
.font-bold {
    font-family: Poppins-Bold;
}
.font-extra-bold {
    font-family: Poppins-ExtraBold;
    font-size: 48px !important;
}
.font-demibold {
    font-family: Poppins-SemiBold;
    font-size: 15px !important;
    font-weight: 600 !important;
}
.font-medium {
    font-family: Poppins-Medium;
    font-weight: 500 !important;
}
.font-regular {
    font-family: Poppins-Regular;
}
.font-medium-italic {
    font-family: Poppins-MediumItalic;
}

.card-overlay{
    position: absolute;
    bottom: 0px;
    right: -200px;
}
.colored-link, .colored-link:hover {
    color:  #64A3BA;
    text-decoration: none;
    font-size: 15px !important;
}
.bio-link, .bio-link:hover {
    color: #1B3652;
    text-decoration: none;
    font-size: 14px !important;
}
.btn-outline-success {
    border-width: 2px;
    border-color: #50A981;
}
.inset {
    padding: 2rem;
}
.clickable {
    cursor: pointer;
    user-select: none;
}
#stats {
    background-image: url('../images/update/main-cln.jpg');
    background-size: cover;
}
.obscured-mail:after {
  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

@media (min-width: 908px) {
    .inset {
        padding: 4rem;
    }
    .font-extra-bold {
        font-size: 94px !important;
    }
    .lead-extra-bold {
        font-size: 64px !important;
    }
}

@media (max-width: 767.98px) {
    .collapse-center {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}