/*!
 * Client Name Local Styles
 * Copyright 2008-2017 Punchmark
 */

.store-hours-footer {
        display: flex;
        flex-direction: column;
        max-width: 300px;
  	font-weight: bold;
}
.store-hours-footer div {
        display: flex;
        justify-content: space-between;
  	font-weight: bold;
}

/* POST PB3 */

section.grid-section .grid-sidebar .grid-sidebar-sorter label {
        display: flex !important;
}
section.grid-section .grid-sidebar .grid-sidebar-sorter label > .text-normal {
        display: flex !important;
        align-items: center !important;
}
section.grid-section .grid-col .grid-outer .grid-container .grid[data-grid-cols="4"] .grid-sizer, 
section.grid-section .grid-col .grid-outer .grid-container .grid[data-grid-cols="4"] .grid-item {  
        width: auto !important;
}
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-item-slider .owl-nav button {
        border-radius: 0.25rem !important;
}
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box .widget-inner .grid-item-slider .grid-item-hoverbox,
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box:hover .widget-inner .grid-item-hoverbox .grid-item-image-block,
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box:focus .widget-inner .grid-item-hoverbox .grid-item-image-block {
        border-radius: 0.25rem 0.25rem 0 0 !important;
}
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box .widget-inner {
        border: 0 !important;    
}
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box:hover .widget-inner, 
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box:focus .widget-inner {
        border: 0 !important;
        border-radius: 0.25rem !important;
}
section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .widget {
        padding: 0 !important;
}
.grid-section .grid .grid-item .grid-buttons {
        max-width: 140px !important;    
        margin: var(--bs-container-padding-x) auto calc(var(--bs-container-padding-x) * 1.5) auto !important;
        padding: 0 0 0 1px !important;
}
.grid-section .grid .grid-item .grid-buttons .col a,
.grid-section .grid .grid-item .grid-buttons .col button {
        border-radius: 0.25rem 0 0 0.25rem !important;
}
.grid-section .grid .grid-item .grid-buttons .col + .col a,
.grid-section .grid .grid-item .grid-buttons .col + .col button {
        border-radius: 0 !important;
}
.grid-section .grid .grid-item .grid-buttons .col + .col + .col a,
.grid-section .grid .grid-item .grid-buttons .col + .col + .col button {
        border-radius: 0 0.25rem 0.25rem 0 !important;
}
.grid-section .grid .grid-item .grid-buttons a,
.grid-section .grid .grid-item .grid-buttons button {
        border-top: 0 !important;
        border-bottom: 0 !important;
        margin-left: -1px !important;
        margin-right: 0px !important;
        border-radius: 0.25rem !important;
        border: 1px solid var(--bs-input-border-color) !important;
}
.grid-section .grid .grid-item .grid-buttons a:hover,
.grid-section .grid .grid-item .grid-buttons a:focus,
.grid-section .grid .grid-item .grid-buttons button:hover,
.grid-section .grid .grid-item .grid-buttons button:focus {
        background-color: var(--bs-primary) !important;
        color: var(--bs-primary-color) !important;
}
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:hover i,
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:hover i::before,
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:hover i::after, 
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:focus i,
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:focus i::before,
.grid-section .grid .grid-item:not(.item-in-a-wishlist) .btn-wishlist:focus i::after {
        color: var(--bs-primary-color) !important;
        filter: none !important;
}
#btn_defrag {
        z-index: 1 !important;
}

@media(max-width:767px){
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box {
                overflow: hidden !important;
                aspect-ratio: auto !important;
        }
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box .widget-inner {
                position: static !important;
                max-height: none !important;
        }
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box .widget-inner .grid-item-slider {
                position: absolute !important;
                aspect-ratio: 1 / 1 !important;
                bottom: 100%;
                margin-bottom: -100%;
        }
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-image-box .widget-inner .grid-item-slider .owl-stage-outer {
                height: 100% !important;
        }
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-item-title {
                padding: 0.5rem 0 !important;
        }
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-item-title,
        section.grid-section .grid-col .grid-outer .grid-container .grid .grid-item .grid-item-title * {
                line-height: 1.1 !important;
        }
}
.minus-margin-top {
  margin-top: -40px !important;
}


/* START A PROJECT floating labels - Oct 2026: master local.php gives these labels a white box (meant for the modal); match the Contact page so labels float cleanly */
body #start-the-conversation-modal .form-label-group > label { background: none !important; }

/* START A PROJECT shape + slider feedback - Oct 2026 (full page has grey bg, modal colors were invisible) */
body #start-the-conversation-modal #diamond-shape-picker .shape { cursor: pointer; transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out, background .2s ease-out; }
body #start-the-conversation-modal #diamond-shape-picker .shape:hover { transform: translateY(-4px); box-shadow: 0 6px 18px rgba(50,49,75,.15); }
body #start-the-conversation-modal #diamond-shape-picker .shape.active { background: #ffffff; border: 2px solid #32314b; box-shadow: 0 6px 18px rgba(50,49,75,.2); transform: translateY(-4px); }
body #start-the-conversation-modal .slider-selection { background: #32314b !important; background-image: none !important; }
body #start-the-conversation-modal .slider.slider-horizontal .slider-track { background: rgba(0,0,0,.1); }

/* ===== START A PROJECT inline step-by-step wizard - Oct 2026 (Viktor for Eduardo) =====
   widget-wizard.css positions everything fixed for the full-screen modal; render it inline on /start-a-project. */
#sap-wizard-inline{position:relative;overflow:hidden;margin:10px 0 50px;}
#sap-wizard-inline #projectWizardTimeline,
#sap-wizard-inline #wizardNav{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;margin:0 auto;width:100%;max-width:700px;z-index:1;}
#sap-wizard-inline #projectWizardTimeline{margin-top:20px;margin-bottom:10px;}
#sap-wizard-inline #projectWrap{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto;overflow:visible!important;align-items:flex-start;}
#sap-wizard-inline #projectWrap .step{flex:0 0 100%;width:100%!important;min-width:100%;height:auto!important;}
#sap-wizard-inline #projectWrap .step > section{height:auto!important;overflow:visible!important;margin:0 auto;padding-top:10px;padding-bottom:10px;}
#sap-wizard-inline #wizardNav{margin-top:10px;}