@font-face {
    font-family: AkzidenzGrotesk-Bold;
    src: url('/fonts/AkzidenzGrotesk-Bold.otf');
}

@font-face {
    font-family: AkzidenzGrotesk-Light;
    src: url('/fonts/AkzidenzGrotesk-Light.otf');
}

@font-face {
    font-family: AkzidenzGrotesk-Medium;
    src: url('/fonts/AkzidenzGrotesk-Medium.otf');
}

@font-face {
    font-family: Mouse_Deco;
    src: url('/fonts/Mouse_Deco.ttf');
}

@font-face {
    font-family: Bolton_Sans;
    src: url('/fonts/Bolton_sans.ttf');
}

html {
    font-size: 14px;
    font-family: 'Akzidenz-Grotesk BQ';
}

body {
    
}
footer {

}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-image: url(../images/site/leftSideEgypGliphs.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position-y: 100px;
    
}

/*** Global IDs ***/

#brandLogo {
    height: 75px;
}

#rightSideGrfx {
    float: inline-end;
    height: 500px;
   /* margin-top: -50px;*/
}


#navRightSpace {
    width: 150px;
}

#pagesDiv {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: 6em;
    padding-right: 1em;
/*    width: 90vw;
    max-width:1920px;*/
}

@media (max-width: 650px) {
    #rightSideGrfx {
        display: none;
    }

    #navRightSpace {
        display: none;
    }

    #pagesDiv {
        padding-left:0px;
        padding-right:0px;
        width: 100%;
    }

    footer {
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        padding-left: unset;
        padding-right: unset
    }
}
/*** Global Classes ***/
.hidden {
    display: none;
}

.font-akzidenzGroteskBold {
    font-family: AkzidenzGrotesk-Bold;
}

.font-akzidenzGrotesMedium {
    font-family: AkzidenzGrotesk-Medium;
}

.font-akzidenzGrotesLight {
    font-family: AkzidenzGrotesk-Light;
}

.omtPrimaryDarkBlue {
    color:#05172f;
}

.omtPrimaryBlue {
    color: #284179;
}
.omtSecondaryBlue {
    color: #00b7ad;
}

.omtButton {
    text-decoration: none;
    /* background-color: #284179; */
    background-color: #e32028;
    color: White;
    font-family: AkzidenzGrotesk-Medium;
    padding: 7px;
    border: thin;
    border-style: solid;
    border-radius: 7px;
}

    .omtButton:hover {
        cursor: pointer;
        color: White;
        background-color: darkred;
    }

.omtClickable{

}
    .omtClickable:hover{
        cursor:pointer;
    }

.omtInfoButton {
    background-color: #00b7ad;
    color: white;
    font-size: .7em;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
}
    .omtInfoButton:hover {
        background-color: #00ebde;
        cursor: pointer;
    }
.omtPrimaryRed {
    color: #e32028;
}

.omtSecondaryYellow {
    color: #ffd400;
}

.omtPrimaryGold {
    color:#bd9551
}
.omtSecondaryGold {
    color: #8a5d3b;
}

.pageBanner{
    border-radius:3px;
}
