.elementor-1488 .elementor-element.elementor-element-6a10615{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1488 .elementor-element.elementor-element-6a10615:not(.elementor-motion-effects-element-type-background), .elementor-1488 .elementor-element.elementor-element-6a10615 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://canalcoffeest-oqik.1wp.site/wp-content/uploads/2023/03/Canal-Coffee-Co-Giving-Back-Hero-Image.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1488 .elementor-element.elementor-element-04001de{width:var( --container-widget-width, 88% );max-width:88%;--container-widget-width:88%;--container-widget-flex-grow:0;text-align:center;}.elementor-1488 .elementor-element.elementor-element-04001de .elementor-heading-title{font-family:var( --e-global-typography-fb25897-font-family ), Sans-serif;font-size:var( --e-global-typography-fb25897-font-size );font-weight:var( --e-global-typography-fb25897-font-weight );text-transform:var( --e-global-typography-fb25897-text-transform );line-height:var( --e-global-typography-fb25897-line-height );color:var( --e-global-color-e2b92d1 );}.elementor-1488 .elementor-element.elementor-element-23035d8{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1488 .elementor-element.elementor-element-23035d8:not(.elementor-motion-effects-element-type-background), .elementor-1488 .elementor-element.elementor-element-23035d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00465E;}.elementor-1488 .elementor-element.elementor-element-b5ea249{width:var( --container-widget-width, 56% );max-width:56%;--container-widget-width:56%;--container-widget-flex-grow:0;text-align:start;}.elementor-1488 .elementor-element.elementor-element-b5ea249 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1488 .elementor-element.elementor-element-b5ea249.elementor-element{--align-self:flex-start;}.elementor-1488 .elementor-element.elementor-element-b5ea249 .elementor-heading-title{font-family:var( --e-global-typography-65f2ae2-font-family ), Sans-serif;font-size:var( --e-global-typography-65f2ae2-font-size );font-weight:var( --e-global-typography-65f2ae2-font-weight );text-transform:var( --e-global-typography-65f2ae2-text-transform );line-height:var( --e-global-typography-65f2ae2-line-height );color:var( --e-global-color-e2b92d1 );}.elementor-1488 .elementor-element.elementor-element-c1a15d2 > .elementor-widget-container{padding:0px 0px 10px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:#FFFFFF;}.elementor-1488 .elementor-element.elementor-element-c1a15d2{font-size:20px;color:#FFFFFF;}@media(max-width:1024px){.elementor-1488 .elementor-element.elementor-element-6a10615{--min-height:400px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1488 .elementor-element.elementor-element-04001de .elementor-heading-title{font-size:var( --e-global-typography-fb25897-font-size );line-height:var( --e-global-typography-fb25897-line-height );}.elementor-1488 .elementor-element.elementor-element-b5ea249 .elementor-heading-title{font-size:var( --e-global-typography-65f2ae2-font-size );line-height:var( --e-global-typography-65f2ae2-line-height );}}@media(max-width:767px){.elementor-1488 .elementor-element.elementor-element-6a10615{--min-height:300px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1488 .elementor-element.elementor-element-04001de .elementor-heading-title{font-size:var( --e-global-typography-fb25897-font-size );line-height:var( --e-global-typography-fb25897-line-height );}.elementor-1488 .elementor-element.elementor-element-b5ea249{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-1488 .elementor-element.elementor-element-b5ea249 .elementor-heading-title{font-size:var( --e-global-typography-65f2ae2-font-size );line-height:var( --e-global-typography-65f2ae2-line-height );}}/* Start custom CSS for shortcode, class: .elementor-element-a517941 *//* ============================================
   WP STORE LOCATOR - CUSTOM STYLES
   ============================================ */

/* --- Search bar: transparent background, white label, 40px gap below --- */
.wpsl-search,
#wpsl-search-wrap {
    background-color: transparent !important;
}
#wpsl-search-wrap {
    margin-bottom: 40px;
}
#wpsl-search-wrap label {
    color: #ffffff !important;
}

/* --- Search input field --- */
#wpsl-search-input {
    border-radius: 25px !important;
    color: #ffffff !important;
}
#wpsl-search-input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* --- Search button --- */
#wpsl-search-btn {
    background: #00465E !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    border: 1px solid #ffffff !important;
    border-radius: 25px !important;
    padding: 10px 24px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Match input and button heights */
#wpsl-search-input,
#wpsl-search-btn {
    height: 48px !important;
    box-sizing: border-box !important;
}

/* --- Store list: white text --- */
#wpsl-stores,
#wpsl-stores * {
    color: #ffffff !important;
}

/* --- Store list typography --- */
/* Address: 20px, regular weight (base for the whole result) */
#wpsl-stores li,
#wpsl-stores li span {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
}
/* Title: 24px, uppercase */
#wpsl-stores li p:first-of-type > strong:first-child,
#wpsl-stores li p:first-of-type > a:first-child {
    font-size: 24px;
    line-height: 1.15;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 8px;
}
/* Phone: bold */
#wpsl-stores li span:has(> strong) {
    font-weight: 700;
}

/* --- Store list: spacing + scrollbar --- */
#wpsl-stores {
    margin-right: 40px;          /* gap between list and map */
    padding-right: 40px !important;   /* gap between content and scrollbar */
    box-sizing: border-box !important;
    scrollbar-width: thin;                                            /* Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.12);
}
/* Scrollbar (Chrome, Edge, Safari) */
#wpsl-stores::-webkit-scrollbar {
    width: 8px;
}
#wpsl-stores::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.12);
    border-radius: 10px;
}
#wpsl-stores::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 10px;
}
#wpsl-stores::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.85);
}

/* --- Map: rounded corners --- */
#wpsl-gmap,
.wpsl-gmap-canvas {
    border-radius: 30px;
    overflow: hidden;
}

/* --- Mobile (screens up to 767px) --- */
@media (max-width: 675px) {
    /* Tighter gap under the search bar */
    #wpsl-search-wrap {
        margin-bottom: 10px !important;
    }
@media (max-width: 675px) {
    #wpsl-stores {
        margin-right: 0 !important;
        padding-right: 15px !important;
    }
}
}/* End custom CSS */