/* Generic 
-------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=block');
body {
	font-family: 'Nunito', sans-serif;
	color: #24272C /*{1. Body | Text colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover {
	color: #24272C /*{1. Body | Link colour}*/;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h5, .h6 {
	font-family: 'Nunito', sans-serif /*{1. Body | Header font family}*/;
	color: #24272C /*{1. Body | Header font colour}*/;
	font-weight: 700;
}
/* Header 
-------------------------------*/
header {
	background-color: #ffffff /*{2. Header | Background colour}*/;
}
header .header-topbar {
	background-color:#9ec4b2;
}
header .header-topbar .navbar-nav a {
	color: #ffffff /*{2. Header | Topbar link colour}*/;
}
.header-menu {
	background-color: #6ea78c /*{2. Header | Menu background colour}*/;
}
.header-menu .navbar-nav > li > a,
.navbar-mobile a.nav-link {
	color: #ffffff /*{2. Header | Menu link colour}*/;
}
header .btn-header i {
    color: #9ec4b2 /*{2. Header | Account/Cart/Search Icon colour}*/;
}
header .btn-header {
	color: #24272C /*{2. Header | Account/Cart/Search Link colour}*/;
}
/* Footer 
-------------------------------*/
.wrapper-footer {
	background-color: #9ec4b2 /*{3. Footer | Background color}*/;
}
.wrapper-footer h4 {
	color: #24272C /*{3. Footer | Heading colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active,
.wrapper-footer * {
	color: #24272C /*{3. Footer | Text colour}*/;
}
footer .nav.list-social i {
    color: #24272C /*{3. Footer | Social icon colour}*/;
}
/* Buttons 
-------------------------------*/
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #24272C /*{4. buttons | default-btn-text-colour}*/;
	background-color: #ffffff /*{4. buttons | default-btn-background-colour}*/;
	border-color: #BBBCBC /*{4. buttons | default-btn-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #24272C /*{4. buttons | default-btn-text-colour-hover}*/;
	background-color: #ebebeb /*{4. buttons | default-btn-hover-background-colour}*/;
	border-color: #BBBCBC /*{4. buttons | default-btn-hover-border-colour}*/;
}
/* Primary button */
.btn-primary {
	color: #ffffff /*{4. buttons | primary-btn-text-colour}*/;
	background-color: #24272C /*{4. buttons | primary-btn-background-colour}*/;
	border: 0;
}
.btn-primary:hover,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #FFCD00 /*{4. buttons | primary-btn-hover-text-colour}*/;
	background-color: #24272C /*{4. buttons | primary-btn-hover-background-colour}*/;
}
/* Success button */
.btn-success {
	color: #ffffff /*{4. buttons | success-btn-text-colour}*/;
	background-color: #24272C /*{4. buttons | success-btn-background-colour}*/;
	border: 0;
}
.btn-success:hover,
.btn-success.disabled, .btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #FFCD00 /*{4. buttons | success-btn-hover-text-colour}*/;
	background-color: #24272C /*{4. buttons | success-btn-hover-background-colour}*/;
}

/*Heartwood Consulting*/
@media (min-width:992px) {
    header .header-search {
        max-width:100%;
    }
}
.hover-bold:hover,.hover-bold:focus {
    font-weight:700;
    text-decoration:none!important;
}
.marquee {
  width:100%;
  padding: 0.5rem;
}
.marquee p {margin-bottom:0;} 
.marquee .h4 {margin-bottom:0;} 

.round-left{
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.round-right{
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}
.round-all{
    border-radius: 10px;
}
.fade-bottom:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0.25rem;
    right:0.25rem;
    height: 75%;
    z-index: 5;
    background-image: linear-gradient(to top, #24272CFF, #24272C00);
}
.overlay-text {
    position: absolute;
    bottom:0;
    top:0;
    left:0;
    right:0;
    z-index:10;
    align-content: flex-end;
}
/* Product Thumbs */
.card.thumbnail.grid:hover:before {
    }
    
.card.thumbnail.grid .card-title {
    min-height: auto;
    font-size: 14px;
    z-index: 9;
    height: 60px;
}
@media (min-width: 1200px) {
    .card.thumbnail.grid form.buying-options .btn {
        opacity: 0.85;
        padding: 5px 12px;
    }
}
/*.card.thumbnail.grid form.buying-options {
        opacity: 1;
        position: relative;
        bottom: 0;
        left: 0px;
        right: 0px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    } */
.card.thumbnail.grid .savings-container .badge {
    text-transform: inherit;
}

/*Heartwood Variation Product Styling Mar2026*/
.btn-primary-outline {
	color: #337ab7 /*{btn-primary-text-colour}*/;
	background-color: #fff  /*{btn-primary-bg-colour}*/;
	border-color: #337ab7 /*{btn-primary-border-colour}*/;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:active,
.btn-primary-outline.active,
.open .dropdown-toggle.btn-primary-outline {
	color: #fff /*{btn-primary-text-colour-hover}*/;
	background-color: #337ab7 /*{btn-primary-bg-colour-hover}*/;
	border-color: #337ab7 /*{btn-primary-border-colour-hover}*/;
}
.btn-primary-outline.disabled,
.btn-primary-outline[disabled],
fieldset[disabled] .btn-primary-outline,
.btn-primary-outline.disabled:hover,
.btn-primary-outline[disabled]:hover,
fieldset[disabled] .btn-primary-outline:hover,
.btn-primary-outline.disabled:focus,
.btn-primary-outline[disabled]:focus,
fieldset[disabled] .btn-primary-outline:focus,
.btn-primary-outline.disabled:active,
.btn-primary-outline[disabled]:active,
fieldset[disabled] .btn-primary-outline:active,
.btn-primary-outline.disabled.active,
.btn-primary-outline[disabled].active,
fieldset[disabled] .btn-primary-outline.active {
	background-color: #ccc /*{btn-primary-disabled-bg-colour}*/;
	border-color: #6ea78c /*{btn-primary-disabled-border-colour}*/;
}
.swatchImage {
    height:80px;
    width:80px;
    border: transparent 3px solid;
}
.swatchText {border:#6ea78c 3px solid;}
.swatchText:hover,.swatchText:active,.swatchText:focus,._itmspec_selected.swatchText {
    background-color:#6ea78c;
    color:#fff;
}
.swatchImage:hover,.swatchImage:active,.swatchImage:focus,._itmspec_selected>.swatchImage{
    border-color:#6ea78c!important;
}
.noStock>.swatchImage,.noStock.swatchText {
    opacity:0.7;
    border-color:lightgray;
}
.swatchImage~.noStockSlash {
    height: calc(100% - 5px);
    width: calc(100% - 4px);
    position: absolute;
    top: 3px;
    left: 2px;
    z-index: -1;
}
.swatchText>.noStockSlash {
    height: 100%;
    width: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
}
.bg-green {
    background-color:#9ec4b2;
}