﻿@media all {
    /* overrides */
    .store_custom_label { position:relative; display:inline-block; margin-bottom:var(--spacing-0); top:initial; right:initial;font-size:var(--font-size-1S); }

    /* store_view */
    #store_view { min-height:50vh; }

    #store_view:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-repeat:no-repeat, no-repeat; }
    #store_view:before { 
        background-image:
            url(https://eu2allwebext.blob.core.windows.net/waterfordlakes/www/resources/images/common/other/i_wave_light_green.png),
            url(https://eu2allwebext.blob.core.windows.net/waterfordlakes/www/resources/images/common/other/i_circle_beige.png);

        background-position: 
            bottom -54% left -40%, 
            bottom -90% right -100%;

        background-size: 
                40% 50%, 
                60% 60%;
    }

    #store_view .container_row_content { padding-top:calc(var(--spacing-5L) * 1.2); }

    #store_view .store_group { grid-template-columns:6fr 4fr; gap:0px; }
    #store_view .store_group > div:nth-child(1) .body { padding-right:var(--spacing-3L); border-right:1px var(--color-green) solid; }

    #store_view .store_group > div:nth-child(1) .body h1 { font-weight:var(--font-weight-bold); }
    #store_view .store_group > div:nth-child(1) .body a.link_as_button { margin-top:var(--spacing-1L); }

    #store_view .store_group > div:nth-child(2) .body { padding-left:var(--spacing-3L); }
    #store_view .store_group > div:nth-child(2) .body p.address { margin-bottom:var(--spacing-2S); font-weight:var(--font-weight-bold); text-transform:uppercase; }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {

}

@media (max-width:760px) {
    #store_view .store_group { grid-template-columns:6fr 4fr; }
}

@media (max-width:700px) {
    #store_view .store_group { grid-template-columns:1fr; gap:var(--spacing-2L); }
    #store_view .store_group > div:nth-child(1) .body { padding-right:initial; border-right:initial; }
    #store_view .store_group > div:nth-child(2) .body { padding-left:initial; }
}