:root {
    /* Start - physalis overrides */
    --breadcrumb-background: transparent !important;
    --image-border-radius: 0px;
    /* End - physalis overrides */

    --custom-color-lightgray: #E5E5E5;
    --custom-color-black: #323232;
}

/* Start - bootstrap overrides */
.card {
    --cz-card-border-radius: 0px !important;
}
/* End - bootstrap overrides */

/* Start - header */
.navbar-expand-lg .navbar-nav li a {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600 !important;
}
section.page-title {
    overflow: hidden;
    position: relative;
}

section.page-title div.custom-page-image {
    background: #ffffff;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

section.page-title div.custom-page-image > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;
}

section.page-title > .container {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    flex-direction: column;
}

section.page-title > .container > *:last-child {
    width:100%;
}

section.page-title > .container > div:first-child {
    background-color: var(--custom-color-lightgray);
}

section.page-title > .container > div:first-child nav {
    position: relative;
    width:100%;
}

section.page-title > .container > div:first-child nav:before {
    display: block;
    content: '';
    background-color: var(--custom-color-lightgray);
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: calc(100% - 1px);
    width: 9999999999999999px;
}

section.page-title > .container > div:first-child nav:after {
    display: block;
    content: '';
    background-color: var(--custom-color-lightgray);
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: calc(100% - 1px);
    width: 9999999999999999px;
}

section.page-title > .container > div:first-child ol.breadcrumb {
    justify-content: flex-start !important;
}

section.page-title > .container > div:first-child ol.breadcrumb li i,
section.page-title > .container > div:first-child ol.breadcrumb li a span {
    color:var(--custom-color-black);
}

section.page-title > .container > div:last-child {
    background-color: var(--custom-color-lightgray);
    position: relative;
    max-width: 50%;
}

section.page-title > .container > div:last-child h1 {
    color: var(--custom-color-black);
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    hyphens:auto;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

section.page-title > .container > div:last-child h1 > span {
    display: block;
    font-weight: normal;
    text-transform: none;
    font-size: var(--default-font-size);
}

section.page-title > .container > div:last-child > .triangle {
    position: absolute;
    top: 0px;
    left: 100%;
    height: 100%;
    aspect-ratio: 1;
    background-color: var(--custom-color-lightgray);
    clip-path: polygon(0 0, 0 100%, 100% 100%);
}

@media(max-width: 991px) {
    section.page-title > .container > div:last-child {
        margin-right:5rem;
    }
}

section.page-title > .container > div:last-child:after {
    content: '';
    display: block;
    background: var(--custom-color-lightgray);
    top: 0px;
    position: absolute;
    right: -1px;
    bottom: 0px;
    width: 9999999999999999999999px;
    z-index: 0;
}
/* End - header */

/* Start - widgets general */
.msw-block-area > h2 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-transform: uppercase;
    font-weight:900;
}
/* End - widgets general */

/* Start - widget richtext */
.msw-richtext {
    hyphens:auto;
}

.msw-richtext p:has(span) {
    position: relative;
    overflow: hidden;
}
.msw-richtext p:has(span) span.rt-bigfs {
    font-weight: 900;
    position: relative;
    padding-right: 0.5rem !important;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size:130%;
}

.msw-richtext p:has(span) span.rt-bigfs:after {
    display: block;
    content: '';
    background: red;
    height: 1px;
    width: 9999999999999px;
    position: absolute;
    left: 100%;
    top: 50%;
}

.msw-block-area.white-line .msw-richtext p:has(span) span.rt-bigfs:after {
    background:white;
}
/* End - widget richtext */

/* Start - widget iconbox */
.msw-portfolio.type-icon-box .mgrid-item {
    margin-bottom:0px !important;
}

.msw-portfolio.type-icon-box .mgrid-item .h3 {
    font-size:500%;
}

.msw-portfolio.type-icon-box .mgrid-item h3 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight:900;
}

.msw-portfolio.type-icon-box .mgrid-item p {
    font-size: var(--default-font-size) !important;
}
/* End - widget iconbox */

/* Start - widget imagebox */
.msw-portfolio.type-image-overlay .mgrid-item {
    margin-bottom: 0px !important;
}

.msw-portfolio.type-image-overlay .mgrid-item img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
}

.msw-portfolio.type-image-overlay .mgrid-item .textbody {
    color:var(--default-font-color);
    position: static;
    background: white;
    text-shadow: none;
}

.msw-portfolio.type-image-overlay .mgrid-item .textbody h6 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;

    text-transform:uppercase;
}

.msw-portfolio.type-image-overlay .mgrid-item .textbody p {
    font-size: var(--default-font-size) !important;
    min-height: calc((var(--default-font-size) * var(--default-line-height)) * 2);
}
/* End - widget imagebox */

/* Start - widget categoryoverview */
.msw-block-area > .category-description {
    hyphens:auto;
}

.msw-block-area > .category-description p span {
    font-size: inherit !important;
}
/* End - widget categoryoverview */

/* Start - widget googlemaps */
.msw-googlemap.module-frame {
    aspect-ratio: 1 / 1;
    max-height:none;
}
/* End - widget googlemaps */

/* Start - widget slider */
.msw-block-area > .image-slider .image-slider-overlay > div {
    background-color: rgba(115, 115, 115, 0.6);
    padding: 30px;
    max-width: 600px;
}

.msw-block-area > .image-slider .image-slider-overlay > div h3 {
    font-size: var(--default-font-size);
    margin-bottom: 0px;
}

.msw-block-area > .image-slider .image-slider-overlay > div h3 p {
    line-height:1.5;
    margin-bottom: 0px;
}

.msw-block-area > .image-slider .image-slider-overlay > div h3 p strong {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 900;
    font-size: calc(var(--default-h1-font-size) * 1.5);
    line-height:1;
}

.msw-block-area > .image-slider .image-slider-overlay > div h3 p em {
    border-bottom: 5px solid var(--cz-primary);
    font-style: normal;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-size: var(--default-h2-font-size);
    margin-bottom: 20px;
    display: inline-block;
    padding-bottom: 20px;
    line-height: 1;
}

.msw-block-area > .image-slider .tns-carousel .tns-carousel-inner.tns-slider,
.msw-block-area > .image-slider .tns-carousel .tns-carousel-inner.tns-slider > div {
    max-height:800px;
}


@media(max-width: 767px) {
    .msw-block-area > .image-slider .image-slider-overlay > div {
        max-width:100%;
    }
    .msw-block-area > .image-slider .image-slider-overlay > div h3 {
        text-align: left;
    }

    .msw-block-area > .image-slider .image-slider-overlay > div h3 p strong {
        font-size: 20px;
    }

    .msw-block-area > .image-slider .image-slider-overlay > div h3 p em {
        font-size: 18px;
    }
}
/* End - widget slider */

/* Start - footer */
footer .msw-richtext p:last-child {
    margin-bottom:0px;
}
/* End - footer */

/* Start - row styles */
.msw-sub-area.small-padding > section > .container {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
/* End - row styles */

/* Start - availabilities */
td.product-avabulb i[data-bulbcolor="green"] {
    color: #008000;
}
td.product-avabulb i[data-bulbcolor="green"]:before {
    content: "\f0d1"; /*fa-truck*/
}
td.product-avabulb i[data-bulbcolor="red"] {
    color: #ff0000;
}
td.product-avabulb i[data-bulbcolor="red"]:before {
    content: "\f017"; /*fa-clock-o*/
}
td.product-avabulb i[data-bulbcolor="gold"] {
    color: #FFD900;
}
td.product-avabulb i[data-bulbcolor="gold"]:before {
    content: "\f252"; /*fa-hourglass-2*/
}
/* End - availabilities */

/* Start - Checkout Header Fix */
body .main-container {
    margin-top: 0 !important;
}
body .page-title {
    padding-bottom: 0 !important;
}
.checkout-process .steps-light .step-item {
    color: #000;
}
/* End - Checkout Fix */

/* Start - Custom Popups */
.toast-container:has(.hzro-popup-toastmessage) {
	width: max-content;
    top: 50%;
	transform: translate(-50%, -50%);
	margin-top:0;
	--accent-color: var(--default-font-color);
}

.toast-container:has(.hzro-popup-toastmessage) .toast-content {
	padding: 0;
	padding-top:32px;
}

.toast-container:has(.hzro-popup-toastmessage) img {
    max-height: 80vh;
    width: auto;
}
/* End - Custom Popups */