/* your custom css */
body,
input,
textarea,
button,
select {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

html {
    font-size: 16px;
}
body {
    font-family: "mundial", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.breadcrumb {
    margin-bottom: 0;
}
.umb-grid > .uk-container:first-of-type > div:first-of-type > .uk-grid {
    padding-top: 0;
}
.umb-grid > .uk-container:last-of-type > div:last-of-type > .uk-grid {
    /*padding-bottom: 0;*/
}
/* container sizes */
.uk-container.uk-container-small { max-width: 690px }
.uk-container { max-width: 920px; }
.uk-container.uk-container-large { max-width: 1400px; }

.product-category, .product-details {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

h1, h2, h3,
.uk-h1, .uk-h2, .uk-h3 {
    font-weight: 200;
}
h4, .uk-h4 { font-size: 1rem; font-weight: 600; }
h3, h4 { margin-bottom: 0.5rem; }
.uk-grid-column > p { margin-top: 0.5rem; margin-bottom: 1.25rem; }
.uk-grid-column > p strong, .uk-grid-column > p b { font-weight: 600; }
.uk-grid-column blockquote { color: #065394; }

.category-page-description .category-page-name,
p.header-lable {
    font-weight: 900;
    font-size: 1em;
    color: #065394;
    margin-bottom: 0;
}

/* Page hero corrections */
.page-hero .uk-grid .category-page-name, .page-hero .uk-grid .cbx-headline { line-height: 1rem; margin-bottom: 8px; }

@media (max-width: 560px) {
    .page-hero { padding: 0 !important; }
    .page-hero .uk-grid, .page-hero [uk-grid] { height: 480px; min-height: 480px; }
    .page-hero .uk-grid .uk-first-column { padding-left: 0; }
    .page-hero > .uk-grid > .uk-first-column { padding-left: 2rem; }

    .page-hero .uk-grid .cbx-image { right: -120px; width: 507px; height: 360px; mask-size: 507px 360px; }

}

/* small page hero */
.background-wrapper:has(.small-hero) { background-size: auto 120%; }
.page-hero.small-hero { height: auto; }
.page-hero.small-hero .small-hero-text {
    font-size: 2rem;
    line-height: 1.3em;
    font-weight: 200;
    color: white; 
}
.page-hero.small-hero .uk-grid { height: auto; }
.page-hero.small-hero > .uk-grid { padding: 4rem 2rem; }
.page-hero.small-hero .uk-first-column > div { max-width: 690px; margin-left: 0; }
.page-hero.small-hero .uk-grid [data-content-element-type-alias=cbxContainer]:last-of-type, 
.page-hero.small-hero [uk-grid] [data-content-element-type-alias=cbxContainer]:last-of-type { position: static; }

@media (max-width: 959px) {
    .page-hero.small-hero { min-height: auto; }
    .page-hero.small-hero .uk-grid { min-height: auto; }
    .page-hero.small-hero > .uk-grid { padding: 3rem 1.5rem; width: 100%; }
    .page-hero.small-hero > .uk-grid > .uk-first-column { padding-left: 0; width: 100%; }
    .page-hero.small-hero .small-hero-text { font-size: 1.6rem !important; }
}

/* small category list */
.category-list-small .category-list-category { width: 20%; }
.category-list-small .category-list-category a { padding: 0 16px; }
.category-list-small .category-list-category .uk-text-inherit {
    font-size: 14px;
    font-weight: 300;
}
.category-list-small .category-list-category .uk-padding { padding: 8px 0 16px 0; }
@media (max-width: 1099px) { 
    .category-list-small .category-list-category { width: 33%; }
}
@media (max-width: 619px) {
    .category-list-small .category-list-category { width: 50%; }
}
/* Button styling */
.cbx-button.outline > a {
    border: 1px solid currentColor;
}
.cbx-button > a {
    line-height: 1em;
    font-size: 1rem;
    padding: 12px;
    border-radius: 8px;
}
/* CTA block styling */
.get-in-touch { padding: 2rem !important; }
.get-in-touch .cbx-headline { margin-bottom: 0; }
.get-in-touch .uk-grid-column > p { padding-inline: 0 !important; max-width: 920px; margin-left: auto; margin-right: auto; }

/* Content grid styling */
.content-list > h3 { display: none; }
.content-list-grid { grid-auto-rows: clamp(250px, 300px, 400px); }
.content-list-grid a img { opacity: 1; transition: transform 350ms ease-out; }
.content-list-grid a:hover img { transform: scale(1.05); }
.content-list-grid a .label { 
    padding: 12px 12px 14px; 
    border-radius: 0 12px 0 12px; 
    background-color: #E9F4F7; 
    margin: 1rem;
    
    font-size: 1rem;
    font-weight: 300;
    max-width: 66.66%;
}
.content-list-grid a.highlight .label {
    font-size: 1.25rem;
    padding: 12px 12px 14px; 
}

/* Content slider styling */
.cbx-content-slider .uk-position-medium {
    top: 16px;
    left: 16px;
    width: 55%;
    margin: 0;
}
.cbx-content-slider .slideshow-cta-container {
    background-color: #E9F4F7;
    border-radius: 0 24px 0 24px !important;
    padding: 24px;
}
.cbx-content-slider .slideshow-cta-container h3 {
    font-weight: 900;
    font-size: 1em;
    line-height: 1em;
    margin: 0 0 1em 0;
}

.discount-overlay {
    display:none;
}

/* fact box styling */
.fact-box {
    font-size: 0.825rem;
    padding: 1rem;
    background-color: #E9F4F7;
    border-radius: 0 1rem 0 1rem !important;
}

.fact-box h3 { font-size: 1.25rem; font-weight: 600; color: #065394; }

.zindex-1 {
    z-index:  1;
}
