.red{
    color: #c10000 !important;
}

.homeImage {
    //width: 100%;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.panel-info>.panel-heading {
    color: white;
    background-color: #8D1616;
}

.panel-info {
    border-color: #8D1616;
}

.ordering_enabled,
.add_another_course_button_enabled,
.crn_button,
.book_search_button {
    color: #8D1616;
}


.btn-primary {
    color: #fff;
    background-color: #8D1616;
    border-color: #000;
}

.btn-primary:link,
.btn-primary:visited {
    color: #fff;
    background-color: #8D1616;
    border-color: #000;
}

.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active {
    color: #fff;
    background-color: #8D1616 !important;
    border-color: #000;
    opacity: .75;
}



.Gift_Registry_Title,
.ltBlue {
    color: #8D1616;
}


.Dynamic_Items {
    min-height: 280px;
    margin-bottom: 0px;
}

.One_Dynamic_Image {
    width: 100%;
}

/*        Header Section  */


/*don't display iCM menu in footer*/

footer,
#fb-root {
    display: none;
}

#Cart,
#h_nav {
    display: none;
}

#ContainDiv,
#contentSection {
    padding-left: 0;
    padding-right: 0;
}

body {
    color: #262626;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    background-color: #ffffff;
    background-position: center top;
    background-repeat: repeat-x;
    color: #000000;
    padding-top: 3px;
}

#ContainDiv,
#contentSection {
    padding-left: 0;
    padding-right: 0;
}

#contentSection:not(.contentSection-home) {
    background-color: white;
}

.contentSection-home,
.ContainDiv-home {
    padding: 0;
}


/*global links styling*/

a:link,
a:visited {
    color: #4F2684;
}

a:focus,
a:hover,
a:active {
    color: #4F2684;
    text-decoration: underline;
}


/*grey bar*/

.top-grey-bar {
    height: 48px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.topmost-navbar {
    display: flex;
    list-style-type: none;
    margin-right: 40px;
    margin-top: 10px;
}

.pipe {
    color: #FFF;
}

.navbar a {
    font-weight: normal;
}

.raised {
    position: relative;
    bottom: 8px;
}

.full-width-container {
    width: 100%;
}

.top-grey-bar {
    height: 48px;
    background: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.full-width-container.top-grey-bar {
    background-image: url("../SiteImages/95-SchoolImages/95-115_Sul_Ross/95-115-header-repeat.jpg");
    /* background-color: #FBAE3E; */
}

.logo-container-fluid {
    /*background-color: transparent;*/
    background-image: url("../SiteImages/95-SchoolImages/95-115_Sul_Ross/95-115-header-repeat.jpg");
}

.navbar-bkgrnd-bar {
    background-image: url(../SiteImages/95-SchoolImages/95-115_Sul_Ross/95-115-header-repeat.jpg);
}


/*remove default link hover which was underlining too low*/

.topmost-navbar a:hover {
    text-decoration: none;
}


/*add underline on hover only to the span, not the whole element wrapped in anchor tag*/

.my-account:hover,
.my-cart:hover {
    text-decoration: underline;
}


/*shopping cart with number of items*/

.secondary-nav-cart {
    position: relative;
}

.topmost-navbar a:link,
.topmost-navbar a:visited,
.topmost-navbar a:focus,
.topmost-navbar a:hover,
.topmost-navbar a:active {
    color: #323131;
}

.span-cart-items {
    position: absolute;
    font-size: 10px;
    color: #4F2684;
    z-index: 2;
    bottom: 9px;
}

.cart-single-digit {
    left: 13px;
}

.cart-double-digit {
    left: 11px;
}

.glyphicon-user:before,
.glyphicon-shopping-cart:before {
    font-size: 27px !important;
    color: white;
}

.row-logo-desktop {
    margin-bottom: 0px;
}


/*center top section logo container ("container" width)*/

.logo-container {
    margin-left: auto;
    margin-right: auto;
}

.column-logo-container {
    display: flex;
    justify-content: center;
}

#navbar-container {
    padding: 0;
}


/*center logo*/

.navbar {
    margin-bottom: 0;
}


/*Top-level menu items*/

ul.nav>li>a:link,
ul.nav>li>a:visited {
    color: #fff;
    font-weight: 500;
    /*vertically center top-level menu items*/
    line-height: 1.9;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
    font-family: 'Montserrat';
}

@media(min-width:992px) {
    .navbar-nav>li>a {
        font-size: 15px!important;

    }
    .navbar-nav>li:not(.dropdown)>a {
        padding-top: 5px;
    }
}




/*main menu items font-size*/

.nav>li>a {
    font-size: 12px;
}


/*remove padding around navbar*/

#navbar-container {
    padding-left: 0;
    padding-right: 0;
}

div#myNavbar {
    background: transparent;
}

.navbar-default {
    border-left: none;
    border-right: none;
}

.navbar-header {
    background: #8D1616;
}

@media (min-width: 901px) {
    .topmost-banner {
        min-width: 50%;
    }
}


/*
@media(max-width:900px) {
    .top-grey-bar {
        flex-direction: column;
        height: 100px;
        align-items: center;
    }
    .span-cart-items {
        bottom: 11px;
    }
}

@media(max-width:550px) {
    .topmost-banner img {
        display: none;
    }
    .top-grey-bar {
        height: 48px;
    }
    .span-cart-items {
        bottom: 9px;
    }
}
*/

@media (max-width:991px) {
    /*keep menu from overflowing on medium and smaller screen*/
    ul.nav>li>a {
        font-size: 13px;
        padding: 0 7px;
    }
    .glyphicon-user:before,
    .glyphicon-shopping-cart:before,
    .glyphicon-home:before {
        font-size: 15px;
    }
}


/* dropdown menu - desktop*/

.dropdown-menu {
    background-color: #E6E5E1;
    border-radius: 0px;
}

@media(min-width:768px) {
    /*set height of navbar and nested elements within so hover takes up entire vertical space*/
    .navbar-bkgrnd-bar,
    .nav,
    .nav>li,
    .nav>li>a {
        height: 36px;
    }
    .navbar {
        border-radius: 0px;
    }
}

.navbar-nav {
    display: flex;
    justify-content: space-around;
    width: 100%;
    background: #8D1616;
}


/*remove bootstrap float that causes menu to pile up*/

.navbar-nav>li {
    float: none!important;
}


/*top-level menu items*/

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:active {
    color: #8D1616;
    background-color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-weight: 500;
}


/*top-level menu items with carat when hovered*/

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #fff;
    color: #8D1616;
}


/*second level menu item when third level menu is hovered*/

.dropdown-submenu.open>a {
    color: #8D1616!important;
    background: TRANSPARENT!important;
    text-decoration: underline!important;
}


/*dropdown menu on large screens*/

.dropdown-menu>li>a:link,
.dropdown-menu>li>a:visited {
    font-size: 15px;
    color: #000;
    font-family: 'Montserrat';
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:active {
    font-size: 15px;
    color: #8D1616;
    text-decoration: underline;
    background: TRANSPARENT;
}


/*keep main menu links from wrapping down to next line*/

ul.nav>li>a {
    white-space: nowrap;
}


/*style hamburger icon and background*/

span.icon-bar {
    background-color: white;
}


/*hamburger icon*/

.navbar-toggle {
    background-color: #8d1616;
    /*center vertically*/
    margin-bottom: 7px;
}


/*desktop - keep menu hover consistent: padding, border and font-size*/

.glyphicon-user:before,
.glyphicon-shopping-cart:before,
.glyphicon-home:before {
    font-size: 16px;
}

@media (min-width: 768px) and (max-width:991px) {
    ul.nav>li>a {
        padding-top: 9px;
    }
}

@media (max-width: 767px) {
    nav#h_nav {
        min-height: 49px;
        background-color: #fff;
    }
}

@media (min-width:991px) {
    ul.nav>li>a {
        padding: 10px 0;
    }
}

nav.navbar {
    border-top: none;
}

@media (max-width: 767px) {
    .navbar-nav {
        display: flex;
        flex-direction: column;
    }
    /*background color for element beneath mobile button*/
    nav#h_nav {
        background-color: #8d1616;
    }
    /*keep mobile navbar button same whether focused or not*/
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #8d1616;
        border-color: #fff;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    /*Mobile menu top-level items*/
    .navbar-nav>.dropdown,
    .navbar-nav>.dropdown>a {
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .navbar-default .navbar-nav>li>a {
        color: white;
    }
    ul.nav>li>a:link,
    ul.nav>li>a:visited {
        color: white;
    }
    ul.nav>li>a:hover,
    ul.nav>li>a:active {
        color: white;
    }
    /*Mobile - 2rd level menu items*/
    #myNavbar .dropdown-menu>li>a:link,
    #myNavbar .dropdown-menu>li>a:visited {
        font-size: 13px;
        color: #cccccc;;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 25px;
        margin-right: 25px;
    }
    #myNavbar .dropdown-menu>li>a:focus,
    #myNavbar .dropdown-menu>li>a:hover,
    #myNavbar .dropdown-menu>li>a:active {
        background: #8D1616!important;
        color: #FFF!IMPORTANT;
    }
    .dropdown-submenu.open>.dropdown-toggle {
        background: #E6E5E1!important;
    }
    /*Mobile - 3rd level menu items*/
    #myNavbar .dropdown-submenu .dropdown-menu>li>a:link,
    #myNavbar .dropdown-submenu .dropdown-menu>li>a:visited {
        color: #fff;
        font-size: 13px;
        margin-left: 45px;
        margin-right: 45px;
    }
    #myNavbar .dropdown-submenu .dropdown-menu>li>a:focus,
    #myNavbar .dropdown-submenu .dropdown-menu>li>a:hover,
    #myNavbar .dropdown-submenu .dropdown-menu>li>a:active {
        color: #FFF;
    }
    /*center dropdown menu links on mobile screens*/
    ul.dropdown-menu>li>a {
        text-align: center;
    }
    /*set font-size top-level menu items on mobile screens*/
    ul.nav>li>a {
        font-size: 15px
    }
    /*style mobile menu background*/
    div.navbar-collapse {
        background: #96002D;
        /* border: 1px solid #96002D; */
        /* border-radius: 5px; */
    }
    .navbar-nav>li {
        /*center li element on mobile menu so hover looks centered*/
        margin-left: 32px;
    }
    /*submenu - mobile menu*/
    .submenu {
        text-align: center;
        list-style-type: none;
        padding: 0;
    }
    .submenu .fa-caret-right {
        display: inline-block;
        color: #fff;
    }
    /*background and text for primary mobile menu on hover*/
    ul.nav>li>a:hover,
    ul.nav>li>a:active {
        color: white;
        background: #fff;
    }
    /*background and text for primary mobile menu item that is open*/
    li.dropdown.open>a:hover,
    li.dropdown.open>a:active {
        color: white;
        background: #fff;
    }
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    BORDER: 1PX SOLID #FFF;
}


/*hide privacy link*/

a#ctl00_ctl00_PrivacyLnk {
    display: none;
}

@media (min-width: 768px) {
    nav#h_nav {
        min-height: 36px;
        padding: 0px 30px 30px 30px;
     background-color: #8D1616;
    }
    .navbar {
        height: 36px;
    }
    .navbar-default {
        border-color: transparent;
    }
    div#myNavbar>ul>li {
        width: 16.66%;
        text-align: center;
    }
    .dropdown-menu {
        top: 98%;
        left: 0px;
    }
    .dropdown-menu>li>a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        /* color: #333; */
        white-space: nowrap;
        /* border-bottom: 1px solid #bec2c6; */
    }
    .nav>li>ul>li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    li.dropdown.dropdown-submenu>ul.dropdown-menu {
        background-color: #FFF;
    }
    li.dropdown.dropdown-submenu>ul.dropdown-menu>li>a {
        color: #OOO;
    }
    li.dropdown.dropdown-submenu>ul.dropdown-menu>li>a:hover {
        color: #8D1616;
        background-color: #E6E5E1;
    }
}

img.logo-desktop.img-responsive {
    margin-top: -1px;
}

img.logo-mobile.img-responsive {
    margin-top: -1px;
}



span.raised.my-cart {
    color: white;
}

span.raised.my-account {
    color: white;
}


/*---------------------------------------------------------------------------------------------*/
/*---------------------------------------  1st Content Section  -------------------------------*/
/*---------------------------------------------------------------------------------------------*/

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -9px, 0);
        transform: translate3d(0, -9px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -9px, 0);
        transform: translate3d(0, -9px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
}


/*---------------------------------------------------------------------------------------------------*/
/*--------------------------------------   2nd Content Section  -------------------------------------*/
/*---------------------------------------------------------------------------------------------------*/


/*social media feeds*/


/*center twitter feed*/

.twitter-wrapper {
    margin: 0 auto;
    max-width: 500px;
}


/*center facebook feed*/

.fb-page span {
    margin: 0 auto;
    display: block!important;
    max-width: 500px;
}


/*make facebook iframe responsive*/

.fb-page span,
.fb-page span iframe,
.fb-page span iframe[style] {
    width: 100%!important;
}


/*margin for social media columns on large screen*/

.facebook-column,
.twitter-column {
    margin: 20px auto;
}


/*----------------------------------------------------------------------------------------*/
/*----------------------------------   Footer Section  -----------------------------------*/
/*----------------------------------------------------------------------------------------*/

.footer-contain-fluid {
    background: #333333;
    margin-top: 30px;
}

.footer-container {
    width: 101%;
    min-height: 180px;
    background: #333333;
    color: #fff;
    display: flex;
    justify-content: space-around;
    margin-top: 0px;
    margin-left: -4px;
}

@media (max-width:991px) {
    .footer-container {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .footer-par {
        text-align: center;
    }
}

.footer-par {
    font-size: 15px;
    color: #fff;
    padding-top: 30px;
}

  ul.social_media {
        /* float: left; */
        margin-left: -41px;
    }

    ul.social_media li {
        display: inline-block;
    }

    ul.social_media li a {
        font-size: 24px;
        margin-right: 10px;
        color: #FFF;
    }

#Server {
    text-align: center;
    font-size: 8px;
    color: #fff;
    background-color:#333333;
}
#div_privacy{
    background-color:#333333;
}
#div_privacy a {
    color: #fff;
}

/*remedy blank "preferences" popup*/
.popover-content {
    color: #000;
}

/*make "preferences" icon more visible*/

.course_with_materials .fa-pencil-square-o {
    color: white;
}

.fa.fa-shopping-cart {
        font-weight: 800;
        color: #fff;
        font-size: 31px;
        line-height: 0.9;
    }

    span.raised.my-cart {
        bottom: 5px;
    }


/*********************security notice*************/
.securitynotice{
color:#fff;
font-weight:bold;
position:relative;
top:26px;
font-size:11px;
/*right:70px; */
}

@media (max-width:767px){
.top-grey-bar {
    height: 68px;
}
.securitynotice{
font-size:11px;
right:0px;
top:8px;
}
}

@media (max-width: 445px){
.top-grey-bar {
    height: 88px;
}
}
@media (max-width: 340px){
.top-grey-bar {
    height: 108px;
}
}

/***************custom containers************************/
.movetopmenu {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
text-align:center;
}
@media (min-width:430px) and (max-width:767px){
.securitynotice{ 
top: 8px !important;
position: absolute
}
.topmost-navbar{ 
padding-top:45px;
}
.top-grey-bar{
height: 78px;
}
}

@media (min-width: 768px){
.movetopmenu {
    width: 750px;
padding-right: 230px;
}
}
@media (min-width: 992px){
.movetopmenu {
    width: 970px;
padding-right:240px;
}
}
@media (max-width: 1200px){
.securitynotice{
top: 36px;
}
}
@media(max-width:429px){
.securitynotice{ 
top: 46px;
}
.topmost-navbar{ 
padding-top:60px;
}
.top-grey-bar{
height: 98px;
}
}

@media (min-width: 1200px){
.movetopmenu {
    width: 1170px;
padding-right:110px;
}
.securitynotice{
font-size:11px;
text-align:center
}
}
@media (min-width: 1360px){
.movetopmenu {
padding-right:30px;
}
}
@media (min-width: 1500px){
.movetopmenu {
    width: 1300px;
padding-righT:0px;
}
}
@media (max-width: 429px){
.securitynotice{ 
top: 8px;
position: absolute
}
}