.Normal {
    font-size: 14px;
    line-height: 1.428;
}

.SkinLink {
    margin-top: 15px;
    text-align: center;
}

#topOfPage a:focus, #bottomOfPage a:focus {
    clip: unset;
    clip-path: revert;
    visibility: visible;
}

#topOfPage a:focus, #bottomOfPage a:focus {
    padding: 12px;
    height: auto;
}


#topOfPage a, #bottomOfPage a {
    text-align: center;
    position: absolute;
    width: auto;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    color: white;
    background-color: #aa1f2e;
    z-index: 999;
    font-size: 14pt;
    transition: ease-in-out,0.4s;
    -webkit-box-shadow: 0px 6px 27px -6px rgb(0, 0, 0);
    -moz-box-shadow: 0px 6px 27px -6px rgb(0, 0, 0);
    box-shadow: 0px 6px 27px -6px rgb(0, 0, 0);
    outline: none;
}

    #topOfPage a:focus, #topOfNavigation a:focus {
        /* To reset sr-only styling */
        clip: initial;
        white-space: initial;
        -webkit-clip-path: initial;
        clip-path: initial;
        border: initial;
    }

#topOfPage a, #topOfNavigation a {
    padding: 0px 12px;
    top: 43px;
    height: 0px;
}

#bottomOfPage a {
    bottom: 5rem;
    height: 0;
    padding: 0rem 12px;
}


body {
    min-height: 100vh;
    position: relative;
    max-width: 2100px;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* Screen Reader Styles */

#skipNavigation, #skipToTop {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

    #skipNavigation a, #skipToTop a {
        z-index: 1999;
        padding: 10px 15px;
        text-decoration: none;
        font-size: 14px;
        -webkit-box-shadow: 0px 6px 27px -6px rgb(0 0 0);
        -moz-box-shadow: 0px 6px 27px -6px rgb(0, 0, 0);
        box-shadow: 0px 6px 27px -6px rgb(0 0 0);
    }

    #skipNavigation a {
        background-color: #910000;
        color: white;
    }

    #skipToTop a {
        background-color: white;
        color: #910000;
    }

/*End Screen Reader Styles*/

.searchBox .searchText {
    color: #000;
    float: right;
}

.searchSkinObjectPreview_group {
    display: none;
}

ul.dnnAdminTabNav {
    height: 40px;
    border-radius: 0 !important;
}


.containerTop {
    width: 100%;
    padding-right: 20px;
    padding-left: 415px;
    margin-left: auto;
}

    .containerTop ul {
        margin-left: auto !important;
    }

@media (min-width: 576px) {
    .containerTop {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .containerTop {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .containerTop {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .containerTop {
        max-width: 1140px;
    }
}




#sofoLogo {
    position: absolute;
    z-index: 10;
    left: 190px;
    top: 25px;
    width: 400px;
}

#sofoSeal {
    position: absolute;
    left: 10px;
    top: 25px;
    z-index: 10;
    width: 170px;
}

.NavigationContainer {
    background-color: #0d223f;
    height: 100px;
}

    .NavigationContainer a {
        color: #aa1f2e;
    }

        .NavigationContainer a:focus {
            outline: 3px solid blue;
        }


/* styling for the Edit Profile and My Account links in User Profiles */
.dnnActions {
    display: inline-block;
}

    .dnnActions li {
        margin-right: 5px;
        list-style: none;
        float: left;
    }


/*override for dnnLabels in the bootstrap */
.form-group .dnnLabel {
    text-align: left;
    width: auto;
}

.dnnLabel + span {
    white-space: normal;
}

/* Addition to bootstrap menu styles */

/* Navigation */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

/* Displace second and deeper level menus right from their parent.  */
.dropdown-menu .dropdown-menu {
    margin-left: 160px;
}

.open .dropdown-menu {
    display: block
}

.dropdown-menu a.nav-link {
    color: #000 !important;
}

.navbar-default .navbar-nav > li > div > ul > li > a, .navbar-default .LoginLink, .LoginLink {
    color: #ffffff;
}

    .navbar-default .navbar-nav > li > div > a:hover,
    .navbar-default .navbar-nav > li > div > a:focus,
    .navbar-default .navbar-nav > li > div > ul > li > a:hover,
    .navbar-default .navbar-nav > li > div > ul > li > a:focus {
        color: #ffffff;
        background-color: #178acc;
    }


.navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
}

.dropdown-menu {
    background-color: #aa1f2e;
    color: white;
}

    .dropdown-menu a.nav-link {
        color: #fff !important;
    }

/* Move the login form down so that its not covered by the logo */
.loginContent {
    margin-top: 120px !important;
}


/* Footer Styles */

#FooterContainer {
    background-image: linear-gradient(to bottom, rgb(13, 34, 63, .85), rgb(13, 34, 63, .85)), url(https://static.cofo.edu/images/Sofo/footerImages/schoolOfTheOzarksSign.png);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    text-align: center;
    padding: 0;
}

#Footer {
    color: white;
}

    #Footer .col-12, #Footer .col-lg-3 {
        position: unset;
    }

#dnnCopyrightP {
    max-width: 300px;
    margin: 25px auto;
    font-family: 'helvetica neue';
}

#FooterRow {
    position: absolute;
    padding-bottom: 80px;
    margin: 0;
}

#Footer a {
    color: white;
}

    #Footer a:focus {
        outline: 3px solid white;
    }

#footerLogoMobile {
    display: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 100px;
}

.smallLink {
    font-size: 14.5px !important;
    font-family: 'Helvetica Neue' !important;
}

.footdiv {
    float: left;
}

.footerLink {
    position: relative;
    text-decoration: none;
    color: white;
    font-family: 'Helvetica Neue';
    font-size: 14px;
}

    .footerLink:hover, .footerLinkBox:hover {
        text-decoration: none;
    }

    .footerLink:focus, .footerLinkBox:focus {
        outline: 1px solid white;
    }

    .footerLink::after, .footerLinkBox::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 0.05em;
        background-color: white;
        transition: transform 300ms;
        transform: scale(0, 1);
        transform-origin: center right;
    }

    .footerLink:hover::after, .footerLink:focus::after, .footerLinkBox:hover::after, .footerLinkBox:focus::after {
        transform: scale(1,1);
        transform-origin: center left;
    }

.footerItem {
    display: inline-block;
    list-style: none;
    font-size: 18px;
    padding: 0px 40px;
    margin: 40px 0px;
}

.socialLinkImage {
    display: inline-block;
    list-style: none;
    font-size: 18px;
    padding: 0px 40px;
    margin: 40px 0px;
}

.copyrightNotice {
    display: inline-block;
    list-style: none;
    font-size: 14px;
    margin-top: 42px;
    margin-bottom: 42px;
    margin-left: 60px;
}

.box {
    border: 2px solid white;
    margin-top: 80px;
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
    width: 30vw;
    margin-right: auto;
    margin-left: auto;
}

#copyright {
    font-family: 'Helvetica Neue';
    font-size: 25px;
}

#unorderedList {
    list-style-type: disc;
    display: flex;
    justify-content: center;
    margin-bottom: 120px;
    padding-inline-start: 0px;
    margin-inline-start: 0px;
}

    #unorderedList li:first-of-type {
        list-style-type: none;
        margin-left: 0px;
    }

.listItem {
    margin-left: 25px;
    font-size: 12px;
}

@media screen and (max-width: 1599px) {

    /* Footer */
    .box {
        padding: 5px 20px 5px 20px;
    }
}


@media screen and (max-width: 1400px) {
    #sofoLogo {
        position: fixed;
        z-index: 10;
        left: 110px;
        width: 300px;
        min-width: 325px;
    }

    #sofoSeal {
        width: 100px;
    }
}

@media screen and (max-width: 1199px) {

    .footerItem {
        margin: 10px 0px;
    }

    .footdiv {
        float: inherit;
    }

    .copyrightNotice {
        margin-top: 0;
        margin-left: 0;
    }
}


@media screen and (max-width: 991px) {

    #sofoLogo {
        position: fixed;
        z-index: 10;
        left: 100px;
        width: 400px;
        min-width: 350px;
    }

    #sofoSeal {
        width: 75px;
    }

    .navbar-toggler {
        float: right;
    }

    .navbar-nav {
        padding-left: 20px;
        background-color: #aa1f2e;
        margin-top: 50px;
    }

    .dropdown-menu {
        background-color: #fff;
        color: #000 !important;
    }

        .dropdown-menu a.nav-link {
            color: #000 !important;
        }

    .containerTop {
        padding-right: 0;
        padding-left: 0;
    }

    .nav-item {
        padding-left: 10px;
    }

    /* Footer */


    #FooterRow {
        width: 500px;
        max-width: 90%;
        margin: 0 auto;
    }

    .footer-col:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid white;
        padding: 25px 0 25px 0;
    }

    .box {
        width: 50vw;
    }
}

@media (min-width: 992px) {
    .pl-lg-4, .px-lg-4 {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}


/* Make the sofo logo smaller when the search bar gets too close*/
@media screen and (max-width: 760px) {
    #sofoLogo {
        position: fixed;
        z-index: 10;
        left: 50px;
        width: 240px;
        min-width: 200px;
        top: 15px;
    }

    #sofoSeal {
        width: 40px;
        top: 15px;
        left: 10px;
    }

    Footer
    .box {
        width: 50vw;
    }

    #footerLogo {
        width: 85vw;
    }

    #FooterContainer {
    }
}

@media screen and (max-width: 576px) {

    #sofoLogo {
        position: fixed;
        z-index: 10;
        left: 50px;
        width: 240px;
        min-width: 200px;
        top: 15px;
    }

    #sofoSeal {
        width: 40px;
        top: 15px;
        left: 10px;
    }

    /* Footer*/
    .box {
        width: 70vw;
    }
}
/* Responsive down to 320px; */
@media screen and (max-width: 430px) {
    /* footer*/
    #unorderedList {
        display: block;
        list-style-type: none;
        margin-top: 60px;
    }

    .listItem {
        font-size: 16px;
        margin-bottom: 20px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 400px) {
    .box {
        width: 85vw;
    }
}



/* Content formatting */

#Content, #TopContent {
    margin-top: 10px;
}

/* fix for carousel for large resolution displays */

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    margin: 0 auto;
    width: 100%;
}


/* fix for DNN dropdown lists being cut off*/

.dnnDropDownList .selected-item, .dnnDropDownList .selected-item a {
    height: 35px !important;
}


/* fix for coloring on DNN Check boxes and radio */
.dnnCheckbox .mark, .dnnRadiobutton .mark {
    background: none;
}