/*
*/
@font-face {
    font-family: 'Patrick';
    src: url('../media/fonts/PatrickHand-Regular.ttf');
}

@font-face {
    font-family: 'Pango';
    src: url('../media/fonts/Pangolin-Regular.ttf');
}

@font-face {
    font-family: 'Monty';
    src: url('../media/fonts/MontserratAlternates-Medium.ttf');
}

@font-face {
    font-family: 'Lobby';
    src: url('../media/fonts/Lobster-Regular.ttf');
}

@font-face {
    font-family: 'Majory';
    src: url('../media/fonts/MajorMonoDisplay-Regular.ttf');
}

.font-patrick {
    font-family: 'Patrick';
}

.font-pango {
    font-family: 'Pango';
}

.font-monty {
    font-family: 'Monty';
}

.font-lobby {
    font-family: 'Lobby';
}

.font-majory {
    font-family: 'Majory';
}

/*

*/
.de-padded {
    padding: 0 !important;
    max-width: 100% !important;
}

/* MIDNIGHT ABYSS PALETTE */
.bg-erk-abyss {
    background-color: #0A2A42;
}

.bg-erk-driftwood {
    background-color: #C4A484;
}

.text-erk-driftwood {
    color: #C4A484;
}

.text-erk-kelpy {
    color: #4C6358;
}

.bg-erk-seafoam {
    background-color: #A8C7C7;
}

.btn-seafoam {
    background-color: #A8C7C7;
    border: 1px solid #D3D6DB;
    color: white;
}

/* DEEP CURRENT PALETTE */
.bg-erk-deepcurrent {
    background-color: #133B5C;
}

.text-erk-deepcurrent {
    color: #133B5C;
}

.bg-erk-moonlight {
    background-color: #D3D6DB;
}

.text-erk-moonlight {
    color: #D3D6DB;
}

.text-erk-agedcopper {
    color: #8A705B;
}

.btn-agedcopper {
    background-color: #8A705B;
    border: 1px solid #D3D6DB;
    color: white;
}

.btn-agedcopper:hover {
    background-color: #D3D6DB;
    border: 1px solid #8A705B;
    color: #8A705B;
}

.text-erk-coral {
    color: #B45A4D;
}

.btn-coral {
    background-color: #B45A4D;
    border: 1px solid #C4A484;
    color: #D3D6DB;
}

.btn-coral:hover {
    background-color: #D3D6DB;
    border: 1px solid #C4A484;
    color: #B45A4D;
}

.text-erk-mahogony {
    color: #874F37;
}


.bg-sdbp-cream {
    background-color: #FFEDC3;
}

.bg-sdbp-green {
    background-color: #136C5A;
}

.bg-sdbp-huntergreen {
    background-color: #355E3B;
}

.section-shader {
    width: 100%;
    height: 100%;

    background-color: #00000080;

    position: absolute;
    top: 0;
    left: 0;

    z-index: -1;
}

.posi-reli {
    position: relative;
}

.footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;

    z-index: 10;
}


/* SITE STYLE OVERRIDES */
body {

    background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(10, 42, 66, 0.65)), url("../media/images/backgrounds/parallax-3_header.jpg") !important;
}

.cta {

    background-color: #A8C7C790 !important;
}

.footer {
    background-color: #0A2A4290 !important;
}