/*
* ===================================================
*     Variables
* ===================================================
*/
:root {
    --primary-color: #0a1d32;
    --text-color: #143151;
    --body-bg-color: #f9f9fa;
    --bg-color: #f9f9fa;
    --font-size-base: 1rem;
    --form-control-border-color: #dee2e6;

    --product-thumbnail-image-count: 7;
}

/*
/*
* ===================================================
*     SETTINGS
* ===================================================
*/











h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Source Sans Pro', sans-serif;
}

body {
    background-color: #f9f9fa;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
}

.modal-content,
.tooltip {
    background-color: #f9f9fa;
}

.mainmenu_font_size {
    font-size: 1rem;
    line-height: 1rem;
}

/*
* ===================================================
*     COLORS
* ===================================================
*/

footer, .text-powered-by a, .text-powered-by a:hover {
    background-color: #ffffff;
    color: #0a1d32;
}

.block-toggler, .block-toggler:focus, .block-toggler:hover, .block-toggler[aria-expanded="true"] {
    color: #0a1d32;
}

.block-toggler:hover .block-toggler-icon:before, .block-toggler[aria-expanded="true"] .block-toggler-icon:before, .block-toggler .block-toggler-icon:after, .block-toggler .block-toggler-icon:before, .block-toggler:hover .block-toggler-icon:after, .block-toggler[aria-expanded="true"] .block-toggler-icon:after {
    background-color: #0a1d32;
}

.top-bar {
    background: #0a1d32;
    color: #ffffff;
}

.navbar-bg {
    background-color: #ffffff
}

a:hover, .navbar-checkout-btn:hover, .product-btn-addcart:hover, .detail-nav-link.nav-link:hover, .product-before-price {
    opacity: 0.7;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:hover, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: #000000;
}

.slider_pt_0 {
    padding-top: 0px !important;
}

.slider_mt_0 {
    margin-top: 0px !important;
}

.navbar-checkout-btn, .product-btn-addcart {
    color: #ffffff;
    background: #0a1d32;
    transition: all 0.2s ease-in-out;
}

.navbar-checkout-btn:hover, .product-btn-addcart:hover {
    color: #ffffff;
    background: #0a1d32;
}

.detail-nav-link.nav-link.active {
    border-color: transparent transparent #143151 !important;
}

.footer-textcolor, .footer-textcolor:hover {
    color: #0a1d32;
}

.footer-textcolor::after {
    background: #0a1d32;
}

.img-logo {
    max-height: 80px;
}

.hr-text:after {
    background-color: #f9f9fa;
}

.product-grid-header-show.active, .dropdown-item.active {
    font-weight: bold;
}

.dropdown-submenu .dropdown-menu-alignright {
        left: 100%;
        top: 0;
        margin-top: -.5rem;
    }

body, .form-label, .color-text-base:hover, .color-text-base, .btn-inverse, .btn-inverse:hover, .color-text-base:hover, .link-animated:after, .primary-bg, a, a:hover, .nav-link, .product-grid-header-show.active, .navbar-icon, .breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active, .detail-nav-link.nav-link, .close, .table,
.login label {
    color: #143151;
}

.form-control:focus,
.qs-cart-product-property:focus {
    border-color: #0a1d32;
}

.wishlist-btn.wishlist-add {
    color: #143151 !important;
}

.color-dark, .dropdown-item.active {
    color: #2e3038;
}

.swiper-pagination-bullet-active {
    background: #143151;
}

.text-soldout, .nav-link.active, .color-primary, .color-primary:hover, .nav-link.active, .product-grid-header-show.active, a, .product-grid-header-show.active:hover {
    color: #0a1d32;
}

.product-price, .product-price:hover {
    color: #143151;
}

.header-textcolor,
.navbar-light .navbar-brand {
    color: #000000;
}

.header-textcolor:hover,
.navbar-light .navbar-brand:hover {
    color: #000000;
}

.header-textcolor:hover {
    opacity: var(--hover-opacity);
}

.icon-count {
    background: #0a1d32;
}

.form-control:focus {
    border-color: #0a1d32;
}

.btn-primary {
    background: #0a1d32;
    border-color: #0a1d32;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    background: #0a1d32;
    border-color: #0a1d32;
}

.btn-outline-primary {
    color: #0a1d32;
    border-color: #0a1d32;
}

.login .btn {
    background: #0a1d32;
    border-color: #0a1d32;
    color: #fff;
}

@media(min-width:768px) {
    .manual-product-height {
        height: px !important;
        width: auto !important;
    }
}

.property_values {
    font-size: 0.8rem;
}

.property_values br {
    display: none;
}

/*
* ===================================================
*     Ribbons
* ===================================================
*/
.product .ribbon--classic.ribbon--left {
    top: -4px !important;
}
.product .ribbon--classic.ribbon--right {
    top: -4px !important;
}

.product .ribbon--rectangle.ribbon--left {
    left: 2px !important;
}
.product .ribbon--rectangle.ribbon--right {
    right: 2px !important;
}

#product .ribbon--classic.ribbon--left {
    left: -13px !important;
    top: -12px !important;
}
#product .ribbon--classic.ribbon--right {
    right: -13px !important;
    top: -12px !important;
}

#product .ribbon--cirle.ribbon--left {
    top: -40px !important;
    left: -18px !important;
}
#product .ribbon--cirle.ribbon--right {
    top: -40px !important;
    right: -18px !important;
}

/*
* ===================================================
*     SWIFT Base
* ===================================================
*/

.pointer {
    cursor: pointer;
}

.main-top-menu a {
    padding-left: 0px;
}

.btn {
    letter-spacing: 0;
}

.btn-cta, .btn-cta:hover, .btn-cta:focus, .btn-cta:active {
    background-color: ;
    color: ;
}

.sidefont-1 {
    font-size: 0.7rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.sidefont-2 {
    font-size: 0.8rem;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

.sidefont-3 {
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.sidefont-4 {
    font-size: 1.2rem;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.sidefont-5 {
    font-size: 1.4rem;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.btn-shop {
    padding: .45rem .2rem;
    font-size: .6rem;
}

.container .swiper-outside-nav .swiper-button-next {
    right: 0;
}

.container .swiper-outside-nav .swiper-button-prev {
    left: 0;
}

.product-stars {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

@media(min-width:768px) {
    .sidebar {
        padding-right: 0;
    }
}

@media(min-width:992px) {
    .sidebar {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
    .main-content {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media(min-width:1200px) {
    .sidebar {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    .main-content {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

.side-newsletter {
    font-size: 0.8rem;
}

@media (min-width: 1310px) {
.container {
    max-width: 1280px;
}
}

/*
* ===================================================
*     Orion subtheme
* ===================================================
*/

.navbar-light, .sidebar-cart-content .modal-header, .modal-mobilemenu-content .modal-header {
    background-color: #ffffff
}

.menu-textcolor, .header-searchicon, .sidebar-cart-content .modal-header h3, .sidebar-cart-content .modal-header .close, .modal-mobilemenu-content .modal-header .close, .btn-items-increase, .btn-items-decrease {
    color: #000000;
}

.menu-textcolor:hover {
    color: #000000;
    opacity: 0.8;
}

.shadow-small {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.05);
    transition: box-shadow 250ms ease;
}

.shadow-small-nohover {
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.05);
    transition: box-shadow 250ms ease;
}

.shadow-small:hover {
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.15);
}

.text-success-darker, .text-success-darker:hover {
    color: #0a1d32;
}

.text-success-darker:hover {
    opacity: 0.8;
}

.productsort, .productfilter {
    border-color: #ffffff !important;
    box-shadow: 1px 2px 4px 0 rgba(0,0,0,.05);
}

@media (max-width: 576px) {
    .productsort, .productfilter {
        width: 100%;
        margin-bottom: 0.8rem;
    }
}

.productsort {
    margin-right: 0;
}



.icon-list-cart {
    width: 1.4rem;
    height: 1.4rem;
}

.container .swiper-outside-nav .swiper-button-next {
    right: -5%;
}

.container .swiper-outside-nav .swiper-button-prev {
    left: -5%;
}

.modal-header .close {
    margin-top: -1.5rem;
}

.product-slide, .rp-slide {
    height: auto;
}

/* toggle dropdown icon rotate */

.rotate {
  transform: rotate(-90deg);
  padding-right: 10px;
}

/*
* ===================================================
*     Pawfarm theme
* ===================================================
*/

.header-flex-item { 
    flex: 1 !important; 
} 

.footer-icons-size { 
    font-size: 1.5rem !important; 
} 

.banner-image-two { 
    background-position: center center; 
    background-repeat: no-repeat;
    background-attachment: fixed;
} 

.banner-textshadow {
    text-shadow:2px 0px 2px rgba(0,0,0,0.30);
}

.banner-full-bg {
    min-height: 100%; 
} 

.banner-full-bgimg { 
    flex: 1; 
    object-fit: cover
} 

.text-ellipsis { 
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    overflow: hidden; 
    margin-bottom: 1em; 
} 

.wrapper { 
    flex: 1; 
    max-width: 175px; 
} 


.link-height {
    height: 100%;
}

/* to make sure the icon stays center vertically when the font size changes */

.dropdown-menu-v2 { 
    top: 0px !important; 
    margin-top: 0 !important;
} 

.newsletter_form {
    width: 100%;
}

.navbar-nav-v2 {
    font-weight: initial !important;
}

/*
* ===================================================
* Pawfarm-wide 
* ===================================================
*/

.content-height {
    height: 100%;
}

.side-banner-btn {
    width: 80%;
    max-width: 12rem;
    border-radius: 2px;
}

.banner-btn-link {
    border-radius: 2px;
    min-width: 6rem;
    line-height: 1rem;
}

#description iframe {
    max-width: 100%;
} 

/*
* ===================================================
* Map 
* ===================================================
*/

#map .leaflet-marker-icon svg {
    color: #0a1d32;
}