/* ================================================
   PURE IV BRAND COLORS - COMPLETE THEME OVERRIDE
   Primary Teal: #89d5d8 | Velvet Black: #272727 | Light: #fafafa
   ================================================ */
   
   
   /* Hide the total product amount, show only per-unit price */
.product-amount {
    display: none;
}

/* Optional: clean up the styling of the remaining per-unit price */
.per-unit-price {
    font-style: normal; /* removes italic from parent <i> */
    font-size: 1rem;    /* removes the small sizing if you want it larger */
}
   
   
   
   
   /* ================================================
   PRODUCT CARD SPECIFIC FIXES
   ================================================ */

/* Product titles - h3 with text-info class */
#home_page h3.card-title.text-info,
.product-box h3.card-title.text-info,
h3.card-title.text-info {
    color: #272727 !important;
}

/* Product "See Product Info" button/link */
#home_page .product-box .card.hover-box-shadow .btn.btn-info,
.product-box .card.hover-box-shadow .btn.btn-info,
.product-box .card.hover-box-shadow div.btn.btn-info,
.card-footer div.btn.btn-info.btn-sm {
    color: #89d5d8 !important;
    background: none !important;
    border: none !important;
}

#home_page .product-box .card.hover-box-shadow .btn.btn-info:hover,
.product-box .card.hover-box-shadow .btn.btn-info:hover,
.product-box .card.hover-box-shadow div.btn.btn-info:hover,
.card-footer div.btn.btn-info.btn-sm:hover {
    color: #272727 !important;
}

/* The chevron icon */
.product-box .card.hover-box-shadow .btn.btn-info i,
.card-footer div.btn.btn-info.btn-sm i {
    color: #272727 !important;
}
   
   

/* ----- BACKGROUND COLORS ----- */
.bg-primary {
    background-color: #89d5d8 !important;
}

.bg-info {
    background-color: #89d5d8 !important;
}

/* ----- TEXT COLORS ----- */
.text-primary {
    color: #272727 !important;
}

.text-info,
*.text-info {
    color: #272727 !important;
}

a {
    color: #272727;
}

a:hover {
    color: #89d5d8;
}

a.text-primary:hover, a.text-primary:focus {
    color: #89d5d8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #6fc4c7 !important;
}

/* ----- BUTTONS ----- */
.btn-primary {
    background: #272727 !important;
    border-color: #272727 !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    background: #272727 !important;
    border-color: #272727 !important;
}

.btn-info,
.btn.btn-info,
div.btn-info,
a.btn-info,
button.btn-info {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

.btn-info:hover, 
.btn-info:focus, 
.btn-info:not(:disabled):not(.disabled):active, 
.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn.btn-info:hover,
div.btn-info:hover,
a.btn-info:hover,
button.btn-info:hover {
    background: #272727 !important;
    border-color: #272727 !important;
    color: #fafafa !important;
}

.btn-info.disabled, .btn-info:disabled {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
}

.btn-success {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

.btn-success:hover, 
.btn-success:focus, 
.btn-success:not(:disabled):not(.disabled):active, 
.btn-success:not(:disabled):not(.disabled).active, 
.btn-success:not(:disabled):not(.disabled):active:focus {
    background: #272727 !important;
    border-color: #272727 !important;
    color: #fafafa !important;
}

/* ----- OUTLINE BUTTONS ----- */
.btn-outline-primary {
    border-color: #272727 !important;
    color: #272727 !important;
}

.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active {
    background: #272727 !important;
    color: #ffffff !important;
    border-color: #272727 !important;
}

.btn-outline-info {
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

.btn-outline-info:hover, 
.btn-outline-info:focus, 
.btn-outline-info:not(:disabled):not(.disabled):active, 
.btn-outline-info:not(:disabled):not(.disabled).active {
    background: #89d5d8 !important;
    color: #272727 !important;
    border-color: #89d5d8 !important;
}

/* ----- LINK BUTTON ----- */
.btn-link {
    color: #272727 !important;
}

.btn-link:hover, .btn-link:focus {
    color: #89d5d8 !important;
}

/* ----- BADGES ----- */
.badge-primary {
    background: #272727 !important;
}

.badge-info {
    background: #89d5d8 !important;
    color: #272727 !important;
}

/* ----- BORDERS ----- */
.border-primary {
    border-color: #272727 !important;
}

.border-info {
    border-color: #89d5d8 !important;
}

/* ----- LOADER ----- */
.loading {
    border-color: transparent #89d5d8 !important;
}

#loading-text {
    color: #89d5d8 !important;
}

/* ----- HEADERS ----- */
.page-header {
    color: #272727 !important;
}

.page-section-header {
    color: #89d5d8 !important;
}

.page-sub-header {
    color: #272727 !important;
}

/* ----- TABLES ----- */
.table .thead-light th, .table .thead th, .table thead th {
    color: #272727 !important;
    border-bottom-color: #89d5d8 !important;
}

/* ----- FORMS ----- */
.form-control:focus {
    border-color: #89d5d8 !important;
}

.form-control:focus + .input-group-append .input-group-text {
    border-color: #89d5d8 !important;
}

.form-control:focus ~ .col-form-label {
    color: #89d5d8 !important;
}

/* Radio & Checkbox */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #89d5d8 !important;
    border-color: #89d5d8 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #89d5d8 !important;
    border-color: #89d5d8 !important;
}

/* ----- DROPDOWN ----- */
.dropdown-item:hover, 
.dropdown-item:focus, 
.dropdown-item.active, 
.dropdown-item:active {
    background-color: #f2f2f2 !important;
    color: #272727 !important;
}

.bootstrap-select .dropdown-menu li.active small {
    color: #272727 !important;
}

.bootstrap-select .dropdown-toggle small {
    color: #272727 !important;
}

/* ----- PAGINATION ----- */
.page-item.active .page-link {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

/* ----- NAVBAR / NAVIGATION ----- */
.navbar .navbar-nav .nav-item:hover > .nav-link, 
.navbar .navbar-nav .nav-item.active > .nav-link {
    color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item:hover > .nav-link:before, 
.navbar .navbar-nav .nav-item.active > .nav-link:before {
    color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item.show > .nav-link {
    color: #89d5d8 !important;
    border-color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item {
    color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:after {
    color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu li:hover > .dropdown-item:hover strong {
    color: #89d5d8 !important;
}

.navbar .navbar-nav .nav-item .dropdown-menu .list-unstyled > li.active > a {
    color: #89d5d8 !important;
}

.navbar .head-search .search-toggle.slide-search .form-control {
    border-color: #89d5d8 !important;
}

/* ----- TOP HEADER ----- */
.top-header .top-links li a .badge {
    background: #89d5d8 !important;
    color: #272727 !important;
}

/* ----- SIDEBAR ----- */
.sidebar .list-group-item ul li:hover > a, 
.sidebar .list-group-item ul li.active > a {
    color: #89d5d8 !important;
}

.sidebar .card .card-header .card-title {
    color: #89d5d8 !important;
    border-bottom: 1px solid #89d5d8 !important;
}

.sidebar .card .card-header .card-title:before {
    border-color: #89d5d8 transparent transparent transparent !important;
}

.accordion-menu .list-group-item > a:hover, 
.accordion-menu .list-group-item > a[aria-expanded=true], 
.accordion .list-group-item > a:hover, 
.accordion .list-group-item > a[aria-expanded=true] {
    color: #272727 !important;
}

#straightmenu .list-group .list-group-item > a:hover {
    color: #89d5d8 !important;
}

#straightmenu .list-group .list-group-item .list-unstyled li.active > a, 
#straightmenu .list-group .list-group-item .list-unstyled li:hover > a {
    color: #272727 !important;
}

/* ----- CARDS ----- */
.card-header .card-title {
    color: #272727 !important;
}

.card-title a.btn-link {
    color: #89d5d8 !important;
}

.card-title a.btn-link:hover {
    color: #272727 !important;
}

.card-title a:hover {
    color: #89d5d8 !important;
}

/* ----- TABS ----- */
#InfoTab .nav-tabs .nav-item .nav-link.active, 
#InfoTab .nav-tabs .nav-item .nav-link:hover {
    color: #89d5d8 !important;
}

#InfoTab .nav-tabs .nav-item .nav-link.active {
    border-color: #89d5d8 !important;
}

#InfoTab .nav-tabs .nav-item .nav-link.active:before {
    border-color: #89d5d8 transparent transparent transparent !important;
}

.media-filter.list-inline li a.selected, 
.media-filter.list-inline li a:hover {
    color: #89d5d8 !important;
}

.media-filter.list-inline li a.selected {
    border-color: #89d5d8 !important;
}

.media-filter.list-inline li a.selected:before {
    border-color: #89d5d8 transparent transparent transparent !important;
}

.nav-customtabs li .nav-link.active, 
.nav-customtabs li .nav-link:hover {
    color: #272727 !important;
}

.nav-customtabs li .nav-link.active:after, 
.nav-customtabs li .nav-link:hover:after {
    background: #272727 !important;
}

/* ----- PRODUCT CARDS ----- */
.product-box .card .card-body .card-title,
.product-box .card.hover-box-shadow .card-title,
.card-title.text-info,
h3.card-title.text-info {
    color: #272727 !important;
}

/* Product card "See Product Info" buttons - styled as links in theme */
.product-box .card.hover-box-shadow .btn-info {
    color: #89d5d8 !important;
    background: none !important;
    border: none !important;
}

.product-box .card.hover-box-shadow .btn-info:hover,
.product-box .card.hover-box-shadow .btn-info:focus,
.product-box .card.hover-box-shadow .btn-info:active {
    color: #272727 !important;
    background: transparent !important;
}

.product-box .card.hover-box-shadow .btn-info i {
    color: #272727 !important;
}

.product-box .card.hover-box-shadow:hover .btn-info {
    color: #272727 !important;
}

.product-box .card.hover-box-shadow:hover .btn-info i {
    color: #272727 !important;
}

.card-footer .btn-info {
    color: #89d5d8 !important;
}

.card-footer .btn-info:hover {
    color: #272727 !important;
}

.product-box .card.slide-hover .card-body .card-title {
    background: #272727 !important;
}

.product-box .card.slide-hover .card-body .card-title:after {
    background: #89d5d8 !important;
}

.product-box .card.slideup:hover {
    border-color: #89d5d8 !important;
}

.product-box .card.slideup .card-body {
    background: #272727 !important;
}

.flip3d .card-header {
    background: #272727 !important;
}

/* ----- PRICE CALCULATOR ----- */
.price_calculator .bootstrap-select .dropdown-toggle:focus {
    border-color: #89d5d8 !important;
}

.price_calculator .bootstrap-select.show .dropdown-toggle {
    border-color: #89d5d8 !important;
}

.price_calculator label {
    color: #89d5d8 !important;
}

.price_calculator .card-title a, 
#shopping_accordion .card-title a {
    color: #272727 !important;
}

#product_price h4, #faq_details h4 {
    color: #272727 !important;
}

/* ----- FOOTER ----- */
.footer-content ul li a.active, 
.footer-content ul li a:hover {
    color: #89d5d8 !important;
}

.footer-content ul.list-unstyled > li a:hover:before {
    background: #89d5d8 !important;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button {
    background: #89d5d8 !important;
    border-color: #89d5d8 !important;
    color: #272727 !important;
}

.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:hover,
.footer-content #footersubscribe_sidebar .form-row .col-md-6 .input-group button:focus {
    background: #272727 !important;
    border-color: #272727 !important;
    color: #fafafa !important;
}

footer a:hover {
    color: #89d5d8 !important;
}

/* ----- ACCOUNT MENU ----- */
#myaccount_menu li.active a, 
#myaccount_menu li:hover a {
    color: #89d5d8 !important;
}

.account-links a:hover .cicon {
    color: #272727 !important;
}

.account_dashboard_box h4 {
    color: #89d5d8 !important;
}

/* ----- BREADCRUMB ----- */
.breadcrumb_container .breadcrumb li a:hover {
    color: #89d5d8 !important;
}

.breadcrumb_container .breadcrumb li.active .a {
    color: #89d5d8 !important;
}

/* ----- DATE PICKER ----- */
.bootstrap-datetimepicker-widget table td.active, 
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #89d5d8 !important;
    color: #272727 !important;
}

/* ----- TREEVIEW / TEMPLATE LIST ----- */
.treeview li .act {
    color: #89d5d8 !important;
}

.treeview li a:hover {
    color: #89d5d8 !important;
}

#templatelist > .row > .col-md-4 .card .card-header .card-title {
    color: #89d5d8 !important;
    border-bottom: 1px solid #89d5d8 !important;
}

#templatelist > .row > .col-md-4 .card .card-header .card-title:before {
    border-color: #89d5d8 transparent transparent transparent !important;
}

#templatelist > .row > .col-md-4 a:hover, 
#templatelist > .row > .col-md-4 a.act {
    color: #89d5d8 !important;
}

#filter_orientation.card .card-header .card-title {
    color: #89d5d8 !important;
    border-bottom: 1px solid #89d5d8 !important;
}

#filter_orientation.card .card-header .card-title:before {
    border-color: #89d5d8 transparent transparent transparent !important;
}

#designer_template_category li a:hover, 
#designer_template_category li a.p_act {
    color: #89d5d8 !important;
}

/* ----- SEARCH DROPDOWN ----- */
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor strong, 
.tt-dropdown-menu .tt-suggestion.tt-is-under-cursor a {
    color: #89d5d8 !important;
}

.tt-dropdown-menu .tt-suggestion:hover strong {
    color: #89d5d8 !important;
}

/* ----- TOP CART ----- */
.top-cart #poplogin:hover, 
.top-cart #poplogin:focus {
    background: #89d5d8 !important;
    background: linear-gradient(to right, #89d5d8, #272727) !important;
    color: #272727 !important;
}

.top-cart .head-cart:hover {
    color: #89d5d8 !important;
}

/* ----- CALL HELP ----- */
.call-help a {
    color: #89d5d8 !important;
}

.call-help a:hover, 
.call-help a:focus {
    color: #272727 !important;
}

.call-help a:hover .text-call, 
.call-help a:focus .text-call {
    color: #89d5d8 !important;
}

/* ----- CAROUSEL INDICATORS ----- */
#top-banner .carousel-indicators li.active {
    background-color: #89d5d8 !important;
}

/* ----- SITEMAP ----- */
#sitemap ul li a:hover {
    color: #89d5d8 !important;
}

/* ----- TESTIMONIALS ----- */
.testimonial-section .card .card-footer .carousel-controls .carousel-control-next, 
.testimonial-section .card .card-footer .carousel-controls .carousel-control-prev {
    background: #89d5d8 !important;
}

.testimonial_home #testimonial_sidebar.card .card-body blockquote small {
    color: #272727 !important;
}

.testimonial_home #testimonial_sidebar.card .card-footer a:hover {
    color: #272727 !important;
}

/* ----- PROGRESS BAR ----- */
.bar {
    background-color: #89d5d8 !important;
}

/* ----- CMS HEADERS ----- */
.header_cms_page .header-section1 h2 {
    color: #89d5d8 !important;
}

/* ----- ZOOM HOVER ----- */
.zoom:hover {
    background: #89d5d8 !important;
    background: rgba(137, 213, 216, 0.75) !important;
}

/* ----- SELECTION HIGHLIGHT ----- */
::selection {
    background-color: #89d5d8;
    color: #272727;
}

::-moz-selection {
    background-color: #89d5d8;
    color: #272727;
}