/*** Global ***/
.saleBadge{
font-weight: bold;
}

p {
line-height: 1.8;
}
.lead{
line-height: 1.7;
}

body {
background-color: #fefefe;
color: #0a0a0a;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.8;
margin: 0;
padding: 0;
}
#contentSection {
padding: 0;
} 

p, li {
font-size: 1.5 rem;
margin-bottom: 1rem;
}
.btn {
font-size: 1.5 rem;
}
.btn-primary {
background-color: #ebaa20;
border-color: #ebaa20;
color: #000;
}

.btn-primary:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
#contentSection a, #contentSection .register-wrapper a.btn-primary {
color: #4c4c4e;
background-color: transparent;
background-image: linear-gradient(90deg,#ebaa20 50%,transparent 0);
background-repeat: no-repeat;
background-size: 0 100%;
border: 1px solid transparent;
position: relative;
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
transition: all .25s ease;
z-index: 1;
font-size: 1.4rem;
line-height: 1.562;
font-family: Open Sans, sans-serif;
font-weight: 400;
} 

#contentSection a:hover, 
#contentSection a:focus,
#contentSection .register-wrapper a.btn-primary:hover,
#contentSection .register-wrapper a.btn-primary:focus {
background-size: 205% 100%;
color: #000;
text-decoration-thickness: 2px;
}

#contentSection a.checkoutButton,
#contentSection a.backButton,
#contentSection a.cartButton,
#contentSection a.loginAgainLink {
background-color: #ebaa20;
border-color: #ebaa20;
color: #000;
text-decoration: none;
font-size: 1.5rem;
font-weight: normal;
line-height: 1.42857143;
}

#contentSection a.checkoutButton:hover,
#contentSection a.addToCart:hover,
#contentSection a.backButton:hover,
#contentSection a.cartButton:hover,
#contentSection a.loginAgainLink:hover{
background-color: #000;
border-color: #000;
color: #fff;
background-size: 0;
}

#contentSection a.checkoutButton:focus-visible,
#contentSection a.addToCart:focus-visible,
#contentSection a.backButton:focus-visible,
#contentSection a.cartButton:focus-visible,
#contentSection a.loginAgainLink:focus-visible{
background-color: var(--bs-btn-hover-bg);
border-color: var(--bs-btn-hover-border-color);
box-shadow: var(--bs-btn-focus-box-shadow);
color: #fff;
}

#contentSection a.checkoutButton:active,
#contentSection a.addToCart:active,
#contentSection a.backButton:active,
#contentSection a.cartButton:active,
#contentSection a.loginAgainLink:active{
background-color: var(--bs-btn-active-bg);
border-color: var(--bs-btn-active-border-color);
color: var(--bs-btn-active-color);
}



#contentSection a.addToCart{
background-color: #ebaa20;
border-color: #ebaa20;
color: #000;
text-decoration: none;
font-weight: normal;
line-height: 1.42857143;
}



.pageHelp{
display: none;
}

/*** Cards *****/
.card {
border: 1px solid #4c4c4e;
}
.card-header {
color: #fff;
background-color:  #4c4c4e;
}
/** SelectTermDept ***/
.ordering_enabled, .add_another_course_button_enabled, .crn_button, .book_search_button {
    color: #4c4c4e;
}
/*** Header ****/
.header-container {
background-color: #fff;
padding: 1.5rem 5%;
}
.header-navigation-container {
padding: 0 5%;
}
.header-container .row {
align-items: center;
background-color: #fff;
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}
.bookstore-logo {
width: 60%;
}
/** Desktop Customer Tags **/
.col-customer {
text-align: right;
}
.customer-list {
list-style: none;
}
.customer-list li {
list-style: none;
}
.customer-item {
padding: 0 1rem;
border-right: 2px solid #f8e8cd;
display: inline-block;
}
.customer-link {
color: #000;
font-size: 1.5rem !important;
line-height: 1.44;
padding: 0.25rem 0.3125rem;
position: relative;
transition: color .25s;
-webkit-transition: .25s;
}
.customer-link:after, .customer-link:before {
    content: "";
    position: absolute;
}

.customer-link:after {
    background-color: #000;
    bottom: 0.125rem;
    height: 0.25rem;
    left: 0.3125rem;
    -webkit-transition: width .25s;
    transition: width .25s;
    width: 0;
}
.customer-link:hover {
    color: #000;
    outline: 0;
    text-decoration: none;
}
.customer-link:hover::after {
width: 100%;
}
.customer-link:focus {
    background-color: #ebaa20;
    color: #000;
    text-decoration: none;
    outline: 0;
}
.customer-link:focus:before {
border-top: 4px solid #000;
top: -0.5rem; 
}

.customer-link:focus:after {
border-bottom: 4px solid #000;
bottom: -0.5rem;
}
.customer-link:focus:after, .customer-link:focus:before {
background-color: #fff;
height: 0.5rem;
left: 0;
transition: none;
width: 100%;
}
/** Mobile Customer Tags **/
.customer-list-mobile {
display: flex;
justify-content: space-evenly;
list-style: outside none none;
margin-bottom: 0;
}

.customer-link-mobile {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    position: relative;
    padding: 0.25rem 0.3125rem;
    transition: color .25s;
}

a.customer-link-mobile:after, a.customer-link-mobile:before {
    content: "";
    position: absolute;
}

.customer-link-mobile:after {
    background-color: #fff;
    bottom: 0.125rem;
    height: 0.25rem;
    left: 0.3125rem;
    transition: width .25s;
    width: 0;
}

.customer-link-mobile:hover {
    color: #fff;
    text-decoration: none;
}

.customer-link-mobile:hover::after {
    width: 100%;
}


.customer-link-mobile:focus {
    background-color: #ebaa20;
    color: #000;
    text-decoration: none;
    outline: 0;
}
.customer-link-mobile:focus:before {
border-top: 4px solid #000;
top: -0.5rem; 
}

.customer-link-mobile:focus:after {
border-bottom: 4px solid #000;
bottom: -0.5rem;
}
.customer-link-mobile:focus:after, .customer-link-mobile:focus:before {
background-color: #fff;
height: 0.5rem;
left: 0;
transition: none;
width: 100%;
}

.header-navigation {
background-image: linear-gradient(180deg,#fff 47%,#ebaa20 48%,#ebaa20 52%,transparent 53%);
background-position: 0 0;
background-repeat: repeat-x;
background-size: 100%;
}
.taft-nav-container {
align-items: center;
background-color: #000;
display: flex;
flex-flow: row nowrap;
justify-content: space-evenly;
padding: 0.5rem 0;
width: 100%;
}
.taft-nav .nav-menu-link {
background: transparent;
color: #fff;
letter-spacing: .125rem;
font-size: 1rem;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
}
.taft-nav .nav-item {
position: relative;
}
.taft-nav .nav-menu-link:after, .taft-nav .nav-menu-link:before {
content: "";
position: absolute;
border: none;
}

.taft-nav .nav-menu-link:after {
    background-color: #ebaa20;
    bottom: 0.125rem;
    height: 0.25rem;
    left: 0.3125rem;
    -webkit-transition: width .25s;
    transition: width .25s;
    width: 0;
}
.taft-nav .nav-menu-link:focus, .taft-nav .nav-menu-link:hover {
    color: #fff;
    outline: 0;
    text-decoration: none;
}
.taft-nav .nav-menu-link:hover::after {
width: 100%;
}

.taft-nav .nav-menu-link:focus-visible {
background-color: #ebaa20;
color: #fff;
outline: 0;
}

.taft-nav .nav-menu-link:focus-visible:before, .taft-nav .nav-menu-link:focus-visible:after {
background-color: transparent;
left: 0;
height: 0.5rem;
width: 100%;
}

.taft-nav .nav-menu-link:focus-visible:before {
border-top: 4px solid #fff;
top: -0.2rem;
}

.taft-nav .nav-menu-link:focus-visible:after {
border-bottom: 4px solid #fff;
bottom: -0.2rem;
margin-left: 0;
}

#h_nav > .container-fluid > .navbar-collapse > .navbar-nav {
width: 100%;
justify-content: space-evenly;
}

.taft-dropdown-menu {
background-color: #fff;
border: 2px solid #ebaa20;
padding: 0;
}
.taft-dropdown-menu li {
    border-top: 2px solid #f8e8cd;
    margin: 0;
}

.taft-dropdown-menu.dropdown-menu > li > a {
    background-color: #fff;
    background-image: linear-gradient(90deg,#ebaa20 50%,#fff 0);
    background-position: 99%;
    background-size: 205% 100%;
    color: #000;
    font-size: 1rem;
    padding: 0.75rem 1rem !important;
    text-align: center;
    line-height: 1.44;
    position: relative;
    transition: background-position .25s ease;
    white-space: nowrap;
}

.navbar-nav > li > .taft-dropdown-menu > li > a:hover, .navbar-nav > li > .taft-dropdown-menu > li > a:focus {
background-color: transparent;
color: #000
}

.taft-dropdown-menu > li > a:after, .taft-dropdown-menu > li > a:before {
content: "";
position: absolute;
}

.taft-dropdown-menu > li > a:focus, .taft-dropdown-menu > li > a:hover {
    color: #000;
    outline: 0;
    text-decoration: none;
background-position: 0;
}

.taft-dropdown-menu .dropdown-item:focus-visible {
background-position: 0;
color: #000;
outline:0;
}

.taft-dropdown-menu .dropdown-item:focus-visible:before {
background-color: #fff;
border-top: 4px solid #000;
height: 0.5rem;
right: 0;
top: -0.5rem;
transition: none;
width: 100%;
}

.taft-dropdown-menu .dropdown-item:focus-visible:after {
background-color: #fff;
border-bottom: 4px solid #000;
bottom: -0.5rem;
height: 0.5rem;
right: 0;
transition: none;
width: 100%;
}

.navbar-toggler {
position: relative;
border-radius: 0;
border-color: #000;
background-color: #000;
margin: 0 10px;
}
button.navbar-toggler:before {
content: "";
position: absolute;
border: 3px solid #ebaa20;
height: 60px;
width: 60px;
right:-2px;
bottom: -12px;
background-color: #000;
}
.navbar-toggler-icon { 
position: relative;
z-index: 999;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); 
} 
.navbar-toggler:hover::before {
border-color:#ebaa20;
background-color: #ebaa20; 
}

.navbar-toggler:hover .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 15 15'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z'/%3e%3c/svg%3e");
}
.navbar-toggler:focus {
box-shadow: none;
}
.mobile-logo {
width: 170px;
}
/*** Horizontal Search Bar ***/
.desktop-search-here {
flex-direction: row-reverse;
align-items: flex-end;
}
.searchBoxHor-input {
border-radius: 0;
border-color: #000;
border-width: 2px;
}
.searchMerchHor-button {
border-radius: 0;
border-color: #000;
border-width: 2px;
background-color: #000;
}
.searchMerchHor-button:focus-visible {
background-color: #000;
outline: -webkit-focus-ring-color auto 1px;
border-color: #86b7fe;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.searchMerchHor-button > span.glyphicon.glyphicon-search {
color: #fff;
}

/*** Carousel / Slider ***/
.carousel-item img {
width: 100%;
}


/*
inspired from http://codepen.io/Rowno/pen/Afykb
& https://jsfiddle.net/q0rgL8ws/
*/
.carousel-fade .carousel-inner .carousel-item {
    opacity: 0;
    transition-property: opacity;
    overflow: hidden;
}

.carousel-item.active img {
    transition: transform 5000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d),
(-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .carousel-item.next,
    .carousel-fade .carousel-inner > .carousel-item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .carousel-item.prev,
    .carousel-fade .carousel-inner > .carousel-item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .carousel-item.next.left,
    .carousel-fade .carousel-inner > .carousel-item.prev.right,
    .carousel-fade .carousel-inner > .carousel-item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*** Homepage Content ***/
.title-container {
padding: 6.25rem 0 3.125rem;
}

.title-white {
line-height: 1.3;
font-size: 4.3rem;
font-family: Oswald,sans-serif;
font-weight: 400;
letter-spacing: -.0625rem;
text-transform: uppercase;
}

.text-black {
color: #000;
text-align: center;
}

.title-white.text-black span {
background-color: transparent;
text-shadow: 3px 3px #ebebeb, 2px 4px #ebaa20, 4px 4px #ebaa20, 4px 2px #ebaa20;
}
.bg-gray {
background-color: #ebebeb;
}
.whats-new-container {
padding: 0 4rem 3rem 4rem;
}
.whats-new-list {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
gap: 2rem;
}

.whats-new-item .card-img {
text-align: center;
margin-top: 0.5rem;
}

.whats-new-item .card-title {
    font-weight: 400;
    line-height: 1.2;
    font-family: Oswald,sans-serif;
}


.whats-new-item .card-text {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
}

/*** Whats New Hover Effect ***/
.whats-new-item .card {
background-image: linear-gradient(90deg,#ebaa20 50%,#fff 0);
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 205% 100%;
color: #4c4c4c;
margin-bottom: 1rem;
padding: 0.75rem;
position: relative;
transition: background-position .25s ease,color .25s ease;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.whats-new-item .card:hover {
background-position: 0 0;
color: #000;
cursor: pointer;
}

.whats-new-item .card:hover::after {
background-color: #ebaa20;
padding: 0.25rem;
}

.whats-new-item .card:after {
background-color: #fff;
box-sizing: content-box;
content: "";
display: inline-block;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
transition: all .25s ease;
width: 100%;
z-index: -1;
}
.whats-new-item .card:focus-within {
background-position: 0;
color: #000;
background-image: linear-gradient(90deg,#ebaa20 50%,#fff 0);
border: 4px solid #fff;
outline: 4px solid #000;
border-radius: 0;
}

/*** Footer ***/

.footer {
margin-top: 8.4375rem;
}
.footer-inner {
background-color: #ebebeb;
border-top: 4px solid #ebaa20;
}
.footer-contact-list, .footer-social-list {
margin: 1rem 0;
align-items: center;
display: flex;
flex-flow: row wrap;
}
.footer-contact-list {
flex-flow: column wrap;
align-items: flex-start;
}
.footer-contact-item, .footer-social-list-item {
padding: 0.25rem 0;
list-style: none;
}
.footer-social-list span.fa {
color: #000;
font-size: 1.875rem;
}
.footer-social-list span.fa:hover {
color: #ebaa20;
}
.footer-social-list-item a:focus-visible > span {
color: #ebaa20;
}
.footer-social-list-item {
margin-left: 1.5rem;
}
.footer-container ul li {
list-style: none;
}
.footer-link-item {
padding: .75rem 0;
}

.footer-link-item a {
color: #4c4c4e;
font-size: 1rem;
font-weight: 800;
letter-spacing: .125rem;
line-height: 1;
padding: .3125rem;
position: relative;
transition: color .25s;
-webkit-transition: .25s;
}
.footer-hover:after, .footer-hover:before {
    content: "";
    position: absolute;
}
.footer-hover:after {
    background-color: #ebaa20;
    bottom: 0.125rem;
    height: 0.25rem;
    left: 0rem;
    -webkit-transition: width .25s;
    transition: width .25s;
    width: 0;
}
.footer-hover:focus, .footer-hover:hover {
    color: #4c4c4e;
    outline: 0;
    text-decoration: none;
}
.footer-hover:hover::after {
width: 100%;
}

.footer-link-item a:focus,
.footer-contact-item a:focus {
background-color: #ebaa20;
color: #000;
outline: 0;
text-decoration: none;
}

.footer-link-item a:focus:before,
.footer-contact-item a:focus:before{
border-top: 4px solid #000;
top: -0.5rem;
}

.footer-link-item a:focus:after,
.footer-link-item a:focus:before,
.footer-contact-item a:focus:after,
.footer-contact-item a:focus:before {
background-color: #fff;
height: 0.5rem;
left: 0;
transition: none;
width: 100%;
}

.footer-link-item a:focus:after,
.footer-contact-item a:focus:after{
border-bottom: 4px solid #000;
bottom: -0.5rem;
}

.footer-contact-item a {
color: #000;
font-size: 1rem;
line-height: 1.44;
padding: 0.25rem 0;
position: relative;
transition: color .25s;
}

.footer-contact-item a:before,
.footer-contact-item a:after {
content: "";
position: absolute;
}

.footer-contact-item a:hover {
color: #000;
outline: 0;
text-decoration: none;
}

.footer-contact-item a:after {
background-color: #000;
bottom: 0.125rem;
height: 0.25rem;
left: 0;
transition: width .25s;
width: 0;
}

.footer-contact-item a:hover:after {
width: 100%;
}

.footer-space {
background-color: #ebaa20;
height: 45px;
}
#div_privacy, #Server {
display: none;
}

/*** Global Custom Page Styling / SiteText ***/
.global-styles .hr-custom {
    background-color: #ebaa20;
    border: 0;
    height: 0.25rem;
    margin: 1.2rem 0;
    text-align: left;
    width: 6.50rem;
    opacity: 1;
}
.global-styles h1 {
margin-bottom: 1rem;
font-weight: 400;
line-height 1.2;
font-size: 2.98625rem;
}
.global-styles h3 {
font-size: 2.07375rem;
margin-top: 3.75rem;
margin-bottom: 1rem;
}
#contentSection a.btn-custom {
    color: #fff;
    width: auto;
    padding: 1.30625rem 2rem 1.24375rem 2.5rem;
    min-width: 350px;
    text-align: center;
    white-space: nowrap;
    font-weight: 800;
    position: relative;
    font-size: 1.2rem;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
backface-visibility: hidden;
display: inline-block;
position: relative;
transform: translateZ(0);
transform-style: preserve-3d;
transition: all .25s ease;
text-decoration: none;
}
#contentSection a.btn-custom:hover {
color: #000;
}
#contentSection a.btn-custom:before {
background-color: #000;
background-image: linear-gradient(90deg,#ebaa20,#ebaa20 50%);
background-size: 8px 100%;
background-position: 0;
background-repeat: no-repeat;
transition: all .25s ease;
z-index: -1;
backface-visibility: hidden;
box-sizing: content-box;
content: "";
display: block;
height: 100%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
#contentSection a.btn-custom:hover:before {
background-size: 100% 100%;
padding: 0.25rem;
}
#contentSection a.btn-custom:after {
 backface-visibility: hidden;
    box-sizing: content-box;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all .25s ease;
    width: 100%;
    z-index: -2;
}

/** OTHER INSITE PAGES CSS **/
.contactInfo {
display: none;
}

/** MerchList / MerchDetail ***/
.saleBadge, .newBadge {
z-index: 9;
}
.addthis_button{
display: none;
}
button.searchCatButton {
    font-size: 16px;
}
#goToTop {
position: fixed !important;
font-size: 1.5rem !important;
border: 1px solid #ccc !important;
background-size: 0 !important;
}

#goToTop:hover {
background-color: #e6e6e6;
border-color: #adadad;
}

#goToTop:focus-visible {
color: var(--bs-btn-hover-color);
background-color: var(--bs-btn-hover-bg);
}

/** Checkout **/

#shippingMethod-h1, #shippingMethod-h2, #shippingAddress-h1, #shippingAddress-h2, #shippingMethod-change, #shippingAddress-change, #shippingAddressGuest-h1, #shippingAddressGuest-h2, #guestAddress-change { 
color: #fff; 
} 

.helpSection-phoneWrapper > .helpSection-phoneIcon, 
.helpSection-emailWrapper > .helpSection-emailIcon, 
.helpSection-returnWrapper > .helpSection-returnIcon { 
color: #4c4c4e; 
} 
/** Shopping Cart **/
#cart-rightCard {
z-index: 9;
}

/** eBooks **/
.ebookActivateButton {
    font-size: 1rem;
}
/*** Media Query ***/
@media (min-width: 1448px) {
.whats-new-item .card-title {
font-size: 2.07375rem;
}
}
@media (min-width: 1400px) and (max-width: 1447px) {
.whats-new-item .card-title {
font-size: 1.85rem;
}
}
@media (min-width: 992px) and (max-width: 1234px) {
#h_nav > .container-fluid > .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {
.navbar-expand-lg .navbar-nav .nav-link {
padding-left: 0;
padding-right: 0;
}
.taft-nav .nav-menu-link {
font-size: 0.8rem;
}
.whats-new-item .card-title {
font-size: 1.5rem;
}
}
@media (min-width: 1160px) and (max-width: 1199px) {
.bookstore-logo {
width: 79%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.taft-nav .nav-menu-link, .taft-dropdown-menu.dropdown-menu > li > a {
font-size: 0.75rem;
}
.whats-new-item .card-title {
font-size: 1.0rem;
}
.whats-new-item .card-text {
font-size: 0.75rem;
}
}
@media (min-width: 1120px) and (max-width: 1159px) {
.bookstore-logo {
width: 82%;
}
}

@media (min-width: 1080px) and (max-width: 1119px) {
.bookstore-logo {
width: 86%;
}
}

@media (min-width: 1040px) and (max-width: 1079px) {
.bookstore-logo {
width: 88%;
}
}
@media (min-width: 1000px) and (max-width: 1039px) {
.bookstore-logo {
width: 92%;
}
}

@media (min-width: 992px) and (max-width: 999px) {
.bookstore-logo {
width: 100%;
}
}
@media (min-width: 992px) { 
/** Checkout **/
  .coRightSticky { 
    z-index: 999; 
  } 
} 
@media (max-width: 991px) {
/* Menu Navigation */
.header-navigation-container {
padding: 0;
}
#h_nav > .taft-nav-container {
padding: 0;
background-color: #fff;
}
#h_nav > .container-fluid > .navbar-collapse {
background-color: #4c4c4e;
border-bottom: 5px solid #ebaa20;
}
.taft-nav .nav-item {
border-bottom: 5px solid rgba(0,0,0,.2);
}
.taft-nav .nav-menu-link {
padding: 1.25rem 0;
display: flex;
justify-content: space-between;
}
.taft-nav .nav-menu-link:after {
    background-color: transparent;
    bottom: 0.125rem;
    height: 0.25rem;
    right: 0.3125rem; 
    left: unset;
    -webkit-transition: width .25s;
    transition: width .25s;
    width: 0;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: relative;
}
.taft-nav .nav-menu-link {
margin-left: 0.25rem
}

.taft-nav .nav-menu-link:hover::after {
width: 0;
border-bottom: 0.45em solid;
border-top: 0;
}

.navbar-nav > li.open > a {
background-color: transparent;
}
/*** Horizontal Search Bar - Mobile **/
.mobile-search-container {
display: flex;
justify-content: center;
padding-top: 0.5rem;
}
.H_Search_Form_Wrapper {
display: flex;
width: 75%;
align-items: stretch;
}
.H_Search_Form_Button_Wrapper {
display: flex;
align-items: stretch;
width: 7%;
}
.searchBoxHor-input, .searchMerchHor-button {
/*font-size: 14px;*/
}
/** Footer Mobile **/
.footer-container {
padding-left: 0;
padding-right: 0;
}
.mob-col-1 {
text-align: center;
border-bottom: 2px solid #fff;
padding-left: 0;
padding-right: 0;
}
.footer-contact-list {
align-items: center;
}
.footer-contact-list, .footer-social-list {
justify-content: center;
padding-left: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/** Helps Dropdown Menu's Function Appropriately at 991px **/
.dropdown:hover > .dropdown-menu {
display:none;
}
.dropdown-menu[data-bs-popper] {
display: block !important;
}
.whats-new-item .card-title {
font-size: 1.9rem;
}
/** Checkout **/
  .coCheckoutBtnWrap { 
    z-index: 1000; 
  } 
}
@media (max-width: 767px)  {
.whats-new-item .card-title {
font-size: 2.07375rem;
}
.mob-col-2, .mob-col-3 {
padding-right: 0;
}
.mob-col-2 ul, .mob-col-3 ul {
padding-left: 0;
}
}

@media (max-width: 440px) {
.title-white {
font-size: 3.3rem;
}
.whats-new-container {
padding: 0 2rem 3rem 2rem;
}
}
@media (max-width: 405px) {
.navbar-toggler {
margin: 0 5px;
}
.navbar-brand {
margin-right: 0;
padding-left: 0 !important;
}
}
@media (max-width: 393px) {
.whats-new-item .card-title {
font-size: 1.75rem;
}
}

/*-------------misc-------------*/
.searchCartWrap{
display: none;
}
div.input-group{
/*display: none; */ /** THIS CANNOT BE USED IT HIDES ALL MERCH FROM ADDING TO THE CART! **/
}
.listSwitch{
display: none;
}
.breadcrumb{
display: none;
}
.merchPriceCurrent{
font-weight: bold;
}
.classifiedMessage{
font-weight: bold;
}
.shippingMethod-description-span{
font-weight: bold;
color: red;
}
/*---------adjustments on 12-3-24----------*/
.footerD{
width: 100%;
background-color: #ebaa20;
}
.footerDInner{
width: 80%;
margin-right: auto;
margin-left: auto;
padding-top: 30px;
padding-bottom: 30px;
font-size: 15px;
}
.footer{
border-top: 4px solid #ebaa20;
}
.footer-inner2{
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: nowrap;
margin-top: 30px;
}
.footer-item{
list-style: none;
}
@media (max-width: 820px){
.footer-inner2{
display: flex;
flex-direction: column;
justify-content: center;
}
.footer-item{
justify-content: center;
text-align: center;
list-style: none;
}
}