body {
background-color: #588BAE;
}


.centerme {
text-align: center;
}

.borderme{
border: 2px solid #16457d;
}

.textbrick{
margin-left: auto;
margin-right: auto;
}

#ContainDiv #contentSection {
margin-bottom: 10px;
}

/* Bethel stuff*/
/* STYLING TO MOVE CART AND HORIZ. SEARCH BAR */

#search-cart-container {
position: absolute;
float: left;
margin-left: 380px;
margin-top: -90px;
z-index: 3;
}


#H_Search .input-group {
/* margin-bottom: 0px;
margin-top: 5px !important;
    top: 20px; BS5 REMOVED */
    width: 200px;
    /* position: absolute;
    left: 1250px;
z-index: 3; BS5 REMOVED */
margin-top: 0; /* BS5 ADDED */
}

#H_Search button {
    background-color: #002e62;
border-color: transparent;
}
#H_Search button:hover {
    background-color: #F0AE58;
}

#H_Search button .glyphicon.glyphicon-search {
color: #fff;
}

#Cart {
border: none;
/* top: 22px; BS5 REMOVED */
color: #fff;
background: #002e62;
font-size: 13px;
/* display: inline-block !important; BS5 REMOVED */
/* position: absolute;
padding-right: 5px !important;
padding-left: 5px !important;
padding-top:2px;
padding-bottom: 2px;
left: 1130px !important; BS5 REMOVED */
font-family: roboto slab;
margin-right: 1rem; /* BS5 ADDED */
margin-top: 0.75rem;  /* BS5 ADDED */
}
#Cart:hover {
    background-color: #F0AE58;
}

@media (max-width: 1670px){
#Cart {
/* left: 1233px !important; BS5 REMOVED */
}
#H_Search button {
/* left: 1190px; BS5 REMOVED */
}
#H_Search .form-group {
/* left: 1000px; BS5 REMOVED */
}
.flex-direction-custom {
flex-direction: row-reverse; /* BS5 ADDED */
justify-content: flex-end; /* BS5 ADDED */
}
#H_Search {
margin: 5px 20px; /* BS5 ADDED */
}
}

@media (max-width: 1350px){
#Cart {
/* left: 833px !important; BS5 REMOVED */
}
#H_Search button {
/* left: 790px; BS5 REMOVED */
}
#H_Search .form-group {
/* left: 600px; */
}
}

@media (max-width: 962px){
/*
#Cart {
left: 633px !important;
}
#H_Search button {
left: 590px;
}
#H_Search .form-group {
left: 400px;
}
.logo--main {
height:50px !important;
} BS5 REMOVED */
}

.mobilecart {
display: none;
}

@media (max-width: 750px){
#Cart {
display:none !important;
}
.mobilecart {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    position: absolute;
    top: 32px;
    left: 250px;
}
}
.inner {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 2em;
    padding-right: 2em;
}

@media (max-width: 750px){
#H_Search button {
display:none !important;
}
#H_Search .input-group {
display:none !important;
}
.logo--main {
height:40px !important;
}
.inner{
padding-right:0px;
padding-left: 0px;
}
.navbar__main .inner {
width:unset;
}
}

@media only screen and (max-width : 640px) {
#search-cart-container {
position: absolute;
float: left;
margin-left: 0px;
margin-right: 0px;
max-width:300px;
}
    #H_Search {
        padding: 0px;
    }
}

@media (max-width : 640px) {
#Cart {
display:none !important;
}
}

/* END POSITION SEARCH CART */




.navbar__main {
    background-color: #16457D;
   /* padding: .5em 1em;*/
   display: flex;
    align-items: center;
    /*border-bottom: 0;*/
 /*    flex-wrap: nowrap; */
 /*    flex-direction: row;*/
    justify-content: space-between;
    padding-top: .3em;
    padding-bottom: .3em;
}
.navbar__main .inner {
    display: flex;
    width: 100%;
    position: relative;
    /*padding-right: 0;
    padding-left: 0;*/
}
.navbar__main a {
    color: #Fff;
font-size: 18px;
}
.navbar__logo-tabs {
 /*    display: flex; */
 /*    flex-wrap: wrap; */
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.logo__link {
    height: 66px;
    display: flex;
    align-items: center;
}
.logo--main {
    height: 50px;
    margin-right: 2em;
}
.logo--main img {
    display: block;
}
.navbar__pages {
    order: 3;
    /*padding: 1em 0 .5em;*/
    /*padding-top: 1em;
    padding: 1em;*/
    font-size: .8rem;
}
.navbar__pages a {
    font-weight: 400;
    padding: .5em 0 .5em 1.5em;
    display: inline-block;
    /*margin-right: 1em;
    text-transform: uppercase;*/
    letter-spacing: .02em;
}
.navbar__pages a.active {
    color: #ffc600;
}
.navbar__profile-group {
    position: absolute;
    /*top: .5em;*/
    right: 1em;
}
.navbar__profile-group a:hover {
    text-decoration: none;
}
.navbar__profile-group .dropdown-menu-right {
    right: 0;
    left: auto;
}
.navbar__profile-group .dropdown-menu a {
    color: #777;
}
.navbar__profile-group img {
    overflow: hidden;
    height: 60px;
    width: 60px;
    object-fit: cover;
}
.checklist-page {
    display: inline-flex;
    align-items: center;
}
.checklist-notify {
    padding: 2px 6px 3px 5px;
    background-color: red;
    color: white;
    font-size: 0.8em;
    border-radius: 4px;
}
.nav > li > a {
    /*color: #aaa;*/
    font-weight: 400;
    padding: .5em 1.5em;
}
.nav > li.active {
    background-color: #f7f7f7;
}
.nav > li.active > a {
    color:#16457D ;
}
.nav > li a:hover {
   /* background-color: #16457D ;
    color: #fff; BS5 REMOVED */
}
.nav > li a:focus {
    background-color: #0f2c52;
    color: #fff;
}

/***********navbar styles*********/
/*centers the parent fullscreen nav for every size over media min-width*/
@media only screen and (min-width : 768px) {
.navbar-nav {
display: flex;
/*justify-content: center; BS5 REMOVED */
justify-content: start;
width: 100%;
}
}

/**********square the rounded border*********/
.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
min-height:0px;
}




/****COLORTARGETING FOR NATIVE NAVBAR*****/

/*full nav*/
.navbar-default {
border-color: transparent;
background-color: #f7f7f7;
min-height:35px;
font-family: calibri;
font-size: 13px;
}

/*style hamburger 
icon and background*/
.navbar-default .navbar-toggle {
border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #16457D ;
}
button.navbar-toggle {
background-color: #fff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
background-color: #f7f7f7;
}

/*primary item list*/
.navbar-default .navbar-nav>li>a { 
color: #0f2c52;
background-color: transparent;
font-size: 18px;
}

/*primary item list- for NO dropdown on hover*/
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:active {
color:#0f2c52;
background-color: transparent;
}

.navbar-nav {
    /* display: -webkit-box; */
    /*display: inline-block; BS5 REMOVED */
   webkit-box-orient: unset;
   webkit-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

/* change navbar toggle width - due to long navbar */
@media (max-width: 840px) {
.navbar-header {
float: none;
border: transparent;
}

.navbar-left,.navbar-right {
float: none !important;
}

.navbar-toggle {
display: block;
}

.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}

.navbar-collapse.collapse {
/* display: none!important;  BS5 REMOVED */
}

.navbar-nav {
float: none!important;
margin-top: 7.5px;
}

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

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

.collapse.in{
display:block !important;
text-align:center;
}
}

/****** CAROUSEL SECTION *****/
@media(min-width:992px) {
.carousel-section {
width:728px;
}
}
@media(max-width:767px) {
.carousel-section {
margin-top: -20px;
}
}

@media(min-width:768px) and (max-width:991px){
#myNavbar {
margin-bottom:55px;
padding: 50px
}
}


@media (max-width:900px) {
.carousel-indicators {
visibility: hidden;
}
}
}

/****** END CAROUSEL SECTION *****/

/*CENTER HOME BOXES*/
.content2Wrapper {
    width: 100%;
    /*min-height: 478px;*/
    background-color: #dcdcdc;
}

.ad img {
    width: 80%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 13%;
    margin-bottom: 13%;
    transition: transform .3s;
}

.ad img:hover {
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.2);
}

.iconRow2 > a > img {
    margin-left: auto;
    margin-right: auto;
}

/* Side Pages*/
.beware {
font-style: italic;
}

.clickhere {
font-size: 25px;
}
/*Side Pages*/

#ImageMapContainer {
width: 100%;
height: auto;
align-items: center;
}


/*FOOTER*/
/*tiktok icon*/
.onhover {
        width: 65px;
        height: 60px;
        position: relative;
        display: inline-block;
        margin-right: -10px;
    }
    .onhover .img-top {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .onhover:hover .img-top {
        display: inline;
    }
.onhover img {
    width: 50px;
    margin-top: -25px;
}
/* end tiktok*/

.footerbrick {
background-color: #16457d;
color:#fff;
min-height: 300px;
font-family: arial;
}

.footerbrick h3 {
color: #fbaa1d;
}

.footerbrick a{
color: #fff;
}

.hoursfoot ul{
list-style: none;
padding-left: inherit;
}

/*social media icons/hover*/
.fafoot { 
color: #F0AE58;
font-size: 50px;
padding-left:4px;
padding-right:4px;
}
em.fafoot { 
color: #F0AE58;
font-size: 50px;
padding-left:4px;
padding-right:4px;
}


a.fafoot { 
color: #F0AE58;
font-size: 50px; 
padding-left:4px;
padding-right:4px;
}

a.fafoot:hover, 
a.fafoot:focus {
color: #fff;
font-size: 50px;
text-decoration:none;
}

/*FOOTER*/



/* RWD STANDARD PAGES RECOLOR */

/*coloring various chevrons and arrows on sidepages*/
.fa-chevron-circle-down,
.fa-chevron-circle-right,
.Course_Section .fa-search,

dept_list,
.add_another_course_button_enabled{
color: #0075B3;
}
.glyphicon-plus-sign{
color: #0075B3
}
/*selecttermdept page*/
.ordering_enabled,
.book_search_button{
color: #0075B3;
}

/*coloring panels*/
.card-header,
.card-header p,
.card-header strong,
.card-header span,
.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6 {
color: white; 
font-family: 'roboto slab', sans-serif;
background-color: #16457D;
}

/*outer border of panels*/
.card {
border-color: #16457D;
}

/*all standard buttons on site*/
.btn-primary {
background-color: #16457D; 
border: transparent;
font-weight: bold;
font-family: 'roboto slab', sans-serif;
color: #fff;
-webkit-transition-property: background-color;
-webkit-transition-duration: .35s; 
transition-property: background-color;
transition-duration:.35s;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
background-color: #F0AE58;
font-weight: bold;
color: #fff;
border: transparent;
}

/*all innate text*/
body {
color: #333333;
font-family: 'roboto slab';
font-size: 16px;
}

/*all bold elements in hardcode*/
strong {
color: #333333;
font-family: 'Karla', sans-serif;
}

/*custom course text in panels on course materials*/
.course_notes {
color: #fff;
font-family: 'Karla', sans-serif;
}

/*course select items on selecttermdept page*/
.term_name,
.dept_p,
sect_p,
.Section_Name_Div,
ordering_hover_color {
color: #16457D !important;
}

/*headers*/
h1 {
color: #16457D;
font-family: 'Roboto Slab', sans-serif;
font-size: 35px;
font-weight:bold;
}
h2, h3, h4, h5, h6 {
color: #12437d;
font-family: 'Roboto Slab', sans-serif;
}

/*text in paragraphs*/
p {
color: #303030;
font-family: 'Karla';
font-size: 16px;
}

/*links*/
a {
color: #12437d;
text-decoration:none;
font-size: 16px;
}
a:hover, a:focus {
text-decoration: none;
color: #FFBF3F;
}

/*remove upper breadcrumb nav*/
.breadcrumbs {
display: none;
}

/***********Checkout Page section selectors*******/
.checkoutHighlighted {
border-bottom: 4px solid  #FFBF3F;
color:  #16457D;
}
.checkoutUnHighlighted {
border-bottom: 4px solid #333333;
color: #333333;
}

/* END RWD STANDARD PAGES RECOLOR */


/* HOURS PAGE */
.hours-section * {
  font-family: 'Lato', sans-serif;
}

/*make default container wider*/
  @media (min-width: 1200px) {
    #ContainDiv {
      width:initial;
      max-width:100%;
      width:100%;
    }
  }

  .hours-title {
    text-align: center;
color: #12437d;
  }

  .day {
    margin-top: 5px;
    margin-bottom: 13px;
  }

  .hours-flex-contain {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .hours-flex-contain * {
    color: #12437d;
  }

  .hours-item {
    margin: 0 3px 10px;
    border: 2px solid #12437d;
    outline: 2px solid #fbaa1d;
background-color: #dcdcdc;
    text-align: center;
    padding: 15px;
    max-width: 185px;
    width: 100%;
  }


  .hours-item p{
margin-bottom: 15px;
}
.underhourstitling {
font-size: 13px; 
color: #041E42;
margin-top: -20px;
}
.hourstitling{
text-decoration: underline;
 font-size: 24px;
 color: #fbaa1d;
}
.h1bigger {
font-size: 35px;
}

/* HOURS PAGE */



/* POLICIES PAGE*/
.header1 {
background-color:#12437d;
width: 350px;
border-bottom: 2px solid #FFBF3F;
margin-bottom: 7px;
}
.header1 h2{
    padding-top: 5px;
    margin-bottom: 5px;
padding-left: 15px;
color:#FFBF3F !important;
font-size: 35px;
}
@media (max-width:400px){
.header1 {
width: 250px;
}
.header1 h2{
font-size: 25px;
}
}

.policyp{
font-size: 16px;
font-family:'Roboto Slab', sans-serif;
}

.policypage h3{
margin-bottom: 5px;
}

/*POLICIES PAGE*/

/*BUYBACK PAGE*/
.buybackcontainer .header1 {
padding-top: 5px;
background-color:#12437d;
width: 350px;
border-bottom: 2px solid #FFBF3F;
margin-bottom: 7px;
color:#FFBF3F !important;
font-size: 35px;
padding-left: 15px;
}

.buybackcontainer{
/*max-width:850px;
margin-left: 25%;*/
padding-left: 15px;
}
.buybackcontainer p,
.buybackcontainer h3{
padding-left: 15px;
}
.buybackcontainer p {
color: #333;
font-size: 16px;
}
/*@media (max-width:540px){
.buybackcontainer{
margin-left: 0%;
padding-left: 15px;
}
}*/

.affectbuy{
border: 2px #16457D solid;
padding-left: 3px;
font-size: 15px;
max-width:680px;
margin-left: auto;
margin-right: auto;
}

.affectbuy ul {
font-family: arial;
}

/**************ORDER BOOKS LANDING******/
.TandC {
max-width: 850px;
background-color: #16457D;
color: #fff;
padding: 15px;
border-radius: 20px;
margin-bottom: 15px;
}
.TandC2 {
max-width: 850px;
}

.TCh3{
color: #FFBF3F;
font-weight: bold;
margin-top:0px;
}

.TCaffirm{

}

.TCbutton{
background-color: gray;
font-weight: bold;
width: 140px;
height: 65px;
text-align:center;
padding-top: 18px;
border-radius: 20px;
margin-right: auto;
margin-left: auto;
}
.TCbutton a{
color: #fff;
font-size: 21px;
}

/**** BS5 ADDITIONS ****/
#h_nav {
min-height: 35px;
border-radius: 0;
}
.bg-light {
background-color: #f7f7f7 !important;
}
.navbar-nav > li > a {
font-size: 18px;
color: #0f2c52;
}
#Cart > span.fa, #Cart > span#SpanCart > *, #Cart > span#Sub-Total, #Cart > span#SubTotal {
font-size: 13px;
}
.navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
background-color: #16457D;
color: #fff;
}
.dropdown-menu > li > a {
font-size: 16px;
}
.navbar-toggler {
background-color: #fff;
border-color: transparent;
margin: 10px 8px;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2316457D' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
@media (min-width: 992px) and (max-width: 1199px) {
#H_Search {
margin: 5px  25px;
}
#Cart {
margin-top: 0px;
}
}
@media (max-width: 991px) {
.flex-direction-custom {
justify-content: flex-start;
}
.content2Wrapper {
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.nav > li > a {
padding: 0.5em 0.5em;
}
#H_Search {
margin: 5px 25px;
}
#Cart {
margin-top: 0;
}
}
@media (max-width: 768px) {
#h_nav > .container-fluid {
justify-content: end;
}
#Cart {
margin-top: 0;
}
#H_Search {
margin: 5px 25px;
}
}


/* June 2025 Design Changes/Fixes */

#Mycarousel {
padding: 10px;
}