/**
 * Theme Name: Blocksy-Child
 * Author: Bewonder*
 * Template: blocksy
 * Text Domain: blocksy
 */

:root {
    --transparent: rgba(0, 0, 0, 0);
}


/* Resets */
p:empty {
    margin: 0;
}

div.entry-content h1,
div.entry-content h2,
div.entry-content h3,
div.entry-content h4,
div.entry-content h5,
div.entry-content h6 {
    margin-top: 0;
}

table caption {
    font-weight: inherit;
    padding: 0;
}

.swiper-wrapper .swiper-slide>div {
    height: 100%;
}

/* Opening Hours */
table.opening-hours,
table.opening-hours td {
    border: 0;
    padding: 0;
    text-transform: capitalize;
    margin-bottom: 0;
    z-index: 1;
    position: relative;
}

table.opening-hours td {
    min-height: 40px;
    padding: 5px 0;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

table.opening-hours td:last-child {
    align-items: flex-end;
    text-align: right;
}

table.opening-hours tr {
    position: relative;
    border-bottom: 1px solid var(--theme-palette-color-6);
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
}

table.opening-hours tr.active {
    color: white;
}

table.opening-hours tr.active:before {
    background: var(--theme-palette-color-1);
}

table.opening-hours tr:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -5px;
    width: calc(100% + 10px);
    border-radius: 100px;
    display: block;
    height: 100%;
    z-index: -1;
}

table.opening-hours tr:last-child,
table.opening-hours tr.active,
table.opening-hours tr:has(+ .active) {
    border-bottom: 0px;
}

table.opening-hours small {
    font-size: 70%;
    margin-bottom: -30px;
    font-style: italic;
    display: block;
}

table.opening-hours.upcoming {
    margin-bottom: 25px;
}


/* Contact Details */
div#store-contact-details>div>div {
    border-radius: 3px;
}


/* Social Links */
a.social-link {
    background: rgba(0, 0, 0, 0);
    display: flex;
    padding: 10px;
    color: var(--theme-palette-color-4);
    border-radius: 3px;
}

a.social-link:hover,
a.social-link:active {
    background: var(--theme-palette-color-6);
    color: var(--theme-palette-color-4);
}

span.icon {
    width: 30px;
    height: 30px;
    margin-right: 17px;
    fill: var(--theme-palette-color-3);
}

span.icon svg {
    height: inherit;
    width: inherit;
}

a.social-link:hover span.icon,
a.social-link:active span.icon {
    fill: var(--theme-palette-color-1);
}



/* stores Cards */
.entry-card.stores .open-hours:after {
    font-size: 80%;
}

.entry-card.stores .stk-column-wrapper:has(a:hover) .stk--has-background-overlay:before {
    opacity: 0.7 !important;
}

.entry-card.stores .stk-column-wrapper:has(a:hover) .stk-block-columns {
    color: var(--theme-palette-color-4) !important;
}


/* Swiper Slider */
.show-post-shadows .swiper {
    width: calc(100% + 10px);
    right: 5px;
}

.home article.entry-card.stores>* {
    height: 100%;
}

.archive article.entry-card.stores {
    margin: -5px -5px 5px;
}

.archive article.entry-card.stores>* {
    height: 100%;
    margin-bottom: 0px !important;
}

span.swiper-pagination-bullet {
    background: none;
    border: 1px solid;
    opacity: 1;
}

span.swiper-pagination-bullet-active {
    background-color: var(--theme-palette-color-4);
}

div.swiper-button-prev,
div.swiper-button-next {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
    border: 1px solid;
    border-radius: 100%;
    color: var(--theme-palette-color-3);
    transition: 0.1s;
}

div.swiper-button-next {
    right: calc((var(--swiper-navigation-size) + var(--swiper-navigation-sides-offset) - 5px) * -1) !important;
}

div.swiper-button-prev {
    left: calc((var(--swiper-navigation-size) + var(--swiper-navigation-sides-offset) - 5px) * -1) !important;
}

@media screen and (max-width: 1280px) and (min-width: 1000px) {

    div.swiper-button-prev,
    div.swiper-button-next {
        width: calc(var(--swiper-navigation-size) * 0.85);
        height: calc(var(--swiper-navigation-size) * 0.85);
    }

    div.swiper-button-next {
        right: calc((var(--swiper-navigation-size) + var(--swiper-navigation-sides-offset) - 5px) * -0.75) !important;
    }

    div.swiper-button-prev {
        left: calc((var(--swiper-navigation-size) + var(--swiper-navigation-sides-offset) - 5px) * -0.75) !important;
    }
}

div.swiper-button-next:after,
div.swiper-button-prev:after {
    font-size: calc(var(--swiper-navigation-size) / 3);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.swiper-button-prev:hover,
div.swiper-button-next:hover {
    background-color: var(--theme-palette-color-3);
    scale: 1.1 !important;
}

div.swiper-button-prev:active,
div.swiper-button-next:active {
    background-color: var(--theme-palette-color-4);
    scale: 1 !important;
}

div.swiper-button-next:hover:after,
div.swiper-button-prev:hover:after {
    color: var(--theme-palette-color-8);
}

.post-date,
.post-categories a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #999;
}

@media screen and (max-width: 768px) {
    .post-date {
        font-size: 10px;
    }
}

.entry-card.whats-on>* {
    display: flex;
    /* align-items: stretch; */
    /* height: 100%; */
    width: 100%;
}

.entry-card.whats-on:has(a:hover) .stk-button {
    background-color: var(--theme-palette-color-1) !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.entry-card.whats-on:has(a:hover) .stk-button span {
    color: var(--theme-palette-color-3) !important;
}

/* .entry-card.whats-on:has(a:hover) img {
    scale: 1.05;
    opacity: 0.9;
} */


.entry-card.whats-on .stk-block-button:not(:first-child) {
    display: none;
}

.single-whats-on .ct-featured-image img {
    max-height: 400px;
    object-fit: contain;
    object-position: left;
}


.ct-dynamic-filter>a:first-of-type {
    font-size: 0;
}

.ct-dynamic-filter>a:first-of-type:before {
    content: "All";
    font-size: 12px;
}




div.acf-fields>.acf-field {
    border: none;
    padding: 0;
    margin-bottom: 25px;
}

div.acf-field input[type=text],
div.acf-field input[type=password],
div.acf-field input[type=date],
div.acf-field input[type=datetime],
div.acf-field input[type=datetime-local],
div.acf-field input[type=email],
div.acf-field input[type=month],
div.acf-field input[type=number],
div.acf-field input[type=search],
div.acf-field input[type=tel],
div.acf-field input[type=time],
div.acf-field input[type=url],
div.acf-field input[type=week],
div.acf-field textarea,
div.acf-field select {
    height: 50px;
    padding: 0 25px;
    border-radius: 0px;
    border-color: var(--theme-palette-color-6);
    background-color: var(--theme-palette-color-7);
}

div.acf-field textarea,
div.acf-field select {
    height: auto;
    padding: 15px 25px;

}

div.acf-field input[type=text]:focus,
div.acf-field input[type=password]:focus,
div.acf-field input[type=date]:focus,
div.acf-field input[type=datetime]:focus,
div.acf-field input[type=datetime-local]:focus,
div.acf-field input[type=email]:focus,
div.acf-field input[type=month]:focus,
div.acf-field input[type=number]:focus,
div.acf-field input[type=search]:focus,
div.acf-field input[type=tel]:focus,
div.acf-field input[type=time]:focus,
div.acf-field input[type=url]:focus,
div.acf-field input[type=week]:focus,
div.acf-field textarea:focus,
div.acf-field select:focus {
    border-color: var(--theme-palette-color-1);
    background-color: var(--theme-palette-color-7);
}

input.acf-button[type="submit"] {
    background: none;
    color: var(--theme-palette-color-3);
    border: 1px solid var(--theme-palette-color-1);
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    border-radius: 0px;
    transition: 0.1s;
}

input.acf-button[type="submit"]:hover {
    background: var(--theme-palette-color-1);
    color: var(--theme-palette-color-8);
}

input.acf-button[type="submit"]:hover:not(:active) {
    scale: 1.1;
}

.acf-spinner {
    display: none;
    margin: 0 !important;
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 1000000 !important;
    background: #607d8bc7 url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20width%3D%2260px%22%20height%3D%2260px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Cpath%20opacity%3D%220.3%22%20fill%3D%22%23fff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0A%20%20%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0A%20%20%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22/%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0A%20%20%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20from%3D%220%2020%2020%22%0A%20%20%20%20%20%20to%3D%22360%2020%2020%22%0A%20%20%20%20%20%20dur%3D%220.5s%22%0A%20%20%20%20%20%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%20%20%3C/path%3E%0A%20%20%3C/svg%3E) no-repeat center !important;
}

@media screen and (min-width: 1700px) {
    body {
        max-width: 1600px;
        margin: auto!important;
        box-shadow: 0 0 0 9999px color-mix(in srgb, var(--theme-palette-color-4) 5%, rgba(0, 0, 0, 0));
    }

    [data-header*="type-1"] [data-sticky*="yes"] {
        max-width: 1600px;
        margin: auto;
    }
}

/* article.entry-card.stores>*>* {
    height: 100%;
} */

.site-title,
.open-hours-centre-opening-hours {
    font-size: 12px!important;
    font-weight: 600;
    padding-right: 4px;
    color: var(--theme-text-color);
}

@media screen and (max-width: 360px) {

    .site-title,
    .open-hours-centre-opening-hours {
        font-size: 10px;
    }
}

.dropbtn,
select,
textarea,
input[type=url],
input[type=tel],
input[type=text],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=number],
input[type=search],
input[type=password],
fieldset .wc-stripe-elements-field {
    background: var(--theme-palette-color-8);
    border: var(--theme-palette-color-5) 1px solid;
    border-radius: 3px;
    box-shadow: inset 0 0 20px var(--transparent);
    transition: 0.1s;
    height: 50px;
    margin-bottom: 15px;
    padding: 0 20px;
    display: flex;
    align-items: center;
}

.dropbtn:focus,
select:focus,
textarea:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
fieldset .wc-stripe-elements-field:focus {
    /* box-shadow: inset 0 0 20px var(--theme-palette-color-6); */
    border-color: var(--theme-palette-color-1);
}

button {
    color: inherit;
}

.store-facilities-cntr {
    display: flex;
    flex-flow: row wrap;
    gap: 10px;
    /* width: 90%; */
    /* margin: auto; */
    margin-bottom: 25px;
    /* justify-content: center; */
}

.store-facilities-cntr a {
    background: var(--theme-palette-color-3);
    border-radius: 25px;
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0 15px 0 11px;
    color: var(--theme-palette-color-8);
    font-size: 12px;
}

.store-facilities-cntr .icon {
    height: 15px;
    width: 15px;
    margin-right: 8px;
    margin-bottom: 1px;
}

.store-facilities-cntr .icon svg {
    fill: var(--theme-palette-color-8);
    transition: 0.1s;
}

.store-facilities-cntr a:hover {
    background: var(--theme-palette-color-1);
    color: white;
}

.store-facilities-cntr a:hover .icon svg {
    fill: white;
}

/* 
h2 {
    font-size: 50px;
}

h3 {
    font-size: 45px;
}
 */
body.home .entry-card.whats-on:hover .has-hover-effect img {
    transform: scale(1.1);
}

.entry-card.whats-on .ct-media-container {
    margin-bottom: 0 !important;
}

.entry-card.whats-on .ct-entry-content-block {
    flex: 1;
    margin-top: 0 !important;
}

article.type-post>figure.ct-featured-image,
article.whats-on>figure.ct-featured-image {
    margin-top: -130px;
    z-index: 1;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
}

/* Full height cards */
.stretch-columns article > .wp-block-stackable-columns {
	height: 100%;
}

.stretch-columns .stk-column-wrapper, .stk-block-content {
	height: 100%;
}

.stretch-columns .wp-block-stackable-image, div.wp-block-stackable-button-group {
	margin-top: auto!important;
}

.stretch-columns .wp-block-stackable-columns:has(.wp-block-stackable-button-group) {
	display: flex;
	flex: 1;
}