/*________ VARIABLES ________*/

body {
    --sv-color-primary: var(--wp--preset--color--blue);
    --sv-color-secondary: var(--wp--preset--color--green);
}

/*________ GENERAL ________*/

.wp-block {
    font-family: var(--wp--custom--fonts--primary);
    color: var(--wp--preset--color--stone);
}
.entryContent > * {
    max-width: var(--wp--custom--wrapper--default);
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    margin-left: auto;
    margin-right: auto;
}
.content .alignsmall,
.wp-block[data-align="small"] {
    max-width: var(--wp--custom--wrapper--small);
}
.content .alignwide,
.wp-block[data-align="wide"] {
    max-width: var(--wp--custom--wrapper--wide);
}
.content .alignfull,
.wp-block[data-align="full"] {
    max-width: var(--wp--custom--wrapper--full);
    padding: 0;
}
.wp-block .icon svg {
    width: 100%;
    height: 100%;
}
.has-text-align-left {
    text-align: left;
}
.has-text-align-center {
    text-align: center;
}
.has-text-align-right {
    text-align: right;
}
.wp-block-group {
    overflow: hidden;
}
.absoluteWrapper {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
strong {
    color: var(--wp--preset--color--primary);
}
.has-text-color > strong {
    color: inherit;   
}

/* KAUL CUSTOM */

.wp-block-columns.intro-columns {
    justify-content: space-between;
}

.white-text-link,
.white-text-link a {
    color: var(--wp--preset--color--white) !important;
}
.white-text-link:focus,
.white-text-link:hover,
.white-text-link a:focus,
.white-text-link a:hover {
    color: var(--wp--preset--color--l-gray) !important;
}
.stone-text-link,
.stone-text-link a {
    color: var(--wp--preset--color--stone) !important;
}
.stone-text-link:focus,
.stone-text-link:hover,
.stone-text-link a:focus,
.stone-text-link a:hover {
    color: var(--wp--preset--color--primary) !important;
}
/*________ CONTENT ________*/

.content p,
p.wp-block-paragraph {
    padding-bottom: 1.25rem;
    line-height: 1.5;
}
.content ul,
.content ol,
ul.wp-block-list,
ol.wp-block-list {
    padding: 0 0 1.25rem 2.5rem;
    line-height: 1.5;
}
.content ul[role="list"],
.content ol[role="list"] {
    list-style: none;
    padding: 0;
}
.content ul li,
.content ol li,
ul.wp-block-list li,
ol.wp-block-list li {
    padding-bottom: 0.875rem;
}
.content ul li:last-child,
.content ol li:last-child,
ul.wp-block-list li:last-child,
ol.wp-block-list li:last-child {
    padding-bottom: 0;
}
.content ul ul,
.content ul ol,
.content ol ol,
.content ol ul,
ol.wp-block-list ul,
ol.wp-block-list ol,
ul.wp-block-list ul,
ol.wp-block-list ol {
    padding-bottom: 0;
}
hr.wp-block-separator {
    display: block;
    clear: both;
    margin-bottom: 1.25rem;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
}
hr.wp-block-separator.is-style-dots {
    background: none !important;
    border: none;
    text-align: center;
    overflow: hidden;
}
hr.wp-block-separator.is-style-dots:before {
    content: "...";
    color: currentColor;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 1rem;
    padding-left: 1rem;
    font-family: serif;
    display: block;
    transform: scale(4) translateY(-30%);
}


/*________ HEADINGS ________*/

.content h1,
.content .h1,
.content h2,
.content .h2,
.content h3,
.content .h3,
.content h4,
.content .h4,
.content h5,
.content .h5,
.content h6,
.content .h6 {
    font-family: var(--wp--custom--fonts--secondary);
    line-height: 1.15;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    color: var(--wp--preset--color--primary);
}
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    font-family: var(--wp--custom--fonts--primary);
    line-height: 1.15;
    color: var(--wp--preset--color--primary);#254662
}
.content h1,
.content .h1,
h1.wp-block-heading {
    font-size: 2rem;
}
.content h2,
.content .h2,
h2.wp-block-heading {
    font-size: 1.5rem;
}
.content h3,
.content .h3,
h3.wp-block-heading {
    font-size: 1.25rem;
}
.content h4,
.content .h4,
h4.wp-block-heading {
    font-size: 1rem;
}
.content h5,
.content .h5,
h5.wp-block-heading {
    font-size: 0.875rem;
}
.content h6,
.content .h6,
h6.wp-block-heading {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 700;
}
.content .entryTitle {
    padding-top: 0 !important;
}
.wp-block-heading.entryTitle {
    margin-top: 0;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    text-decoration: none;
}
.content h1:not(.has-link-color) a,
.content .h1:not(.has-link-color) a,
.content h2:not(.has-link-color) a,
.content .h2:not(.has-link-color) a,
.content h3:not(.has-link-color) a,
.content .h3:not(.has-link-color) a,
.content h4:not(.has-link-color) a,
.content .h4:not(.has-link-color) a,
.content h5:not(.has-link-color) a,
.content .h5:not(.has-link-color) a,
.content h6:not(.has-link-color) a,
.content .h6:not(.has-link-color) a {
    color: var(--wp--preset--color--navy);
}
.content h1 a:hover,
.content h1 a:focus,
.content .h1 a:hover,
.content .h1 a:focus,
.content h2 a:hover,
.content h2 a:focus,
.content .h2 a:hover,
.content .h2 a:focus,
.content h3 a:hover,
.content h3 a:focus,
.content .h3 a:hover,
.content .h3 a:focus,
.content h4 a:hover,
.content h4 a:focus,
.content .h4 a:hover,
.content .h4 a:focus,
.content h5 a:hover,
.content h5 a:focus,
.content .h5 a:hover,
.content .h5 a:focus,
.content h6 a:hover,
.content h6 a:focus,
.content .h6 a:hover,
.content .h6 a:focus,
h1.wp-block-heading:hover,
h1.wp-block-heading:focus,
h2.wp-block-heading:hover,
h2.wp-block-heading:focus,
h3.wp-block-heading:hover,
h3.wp-block-heading:focus,
h4.wp-block-heading:hover,
h4.wp-block-heading:focus,
h5.wp-block-heading:hover,
h5.wp-block-heading:focus,
h6.wp-block-heading:hover,
h6.wp-block-heading:focus {
    color: var(--wp--preset--color--stone);
}


/*________ BUTTONS ________*/

.content .wp-block-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.content .wp-block-buttons.is-content-justification-left {
    justify-content: flex-start;
}
.content .wp-block-buttons.is-content-justification-center {
    justify-content: center;
}
.content .wp-block-buttons.is-content-justification-right {
    justify-content: flex-end;
}
.content .wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between;
}
.wp-block-buttons.has-margin-removed {
    margin-bottom: -1.25rem;
}
button::-moz-focus-inner { /* Remove stupid button padding in FF */
    border:0;
    padding:0;
}
.content .button,
.content .wpforms-submit,
.wp-block-button .wp-block-button__link {
    font-family: var(--wp--custom--fonts--secondary);;
    display: inline-block;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    color: var(--wp--preset--color--white);
    background-color: var(--wp--preset--color--secondary);
    text-align: center;
    text-decoration: none;
    line-height: 1.25rem;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    margin: 0 0.25rem 1.25rem;
    border: 0.125rem solid var(--wp--preset--color--secondary);
    transition: all 0.25s ease;
}
.content .button.has-margin-removed,
.wp-block-button .wp-block-button__link.has-margin-removed {
    margin-bottom: 0;
}
.content .button:hover,
.content .button:focus,
.content .wpforms-submit:hover,
.content .wpforms-submit:focus,
.wp-block-button .wp-block-button__link:hover,
.content .wp-block-button .wp-block-button__link:focus,
.wp-block-button.is-style-default .wp-block-button__link:hover,
.content .wp-block-button.is-style-default .wp-block-button__link:focus {
    border: 0.125rem solid var(--wp--preset--color--primary);
    background-color: var(--wp--preset--color--primary);
}
.content .button.outline,
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    color: var(--sv-color-primary);
}
.wp-block-button.is-style-outline .wp-block-button__link.has-text-color {
    border: 0.125rem solid currentColor;
}
.content .button.outline:hover,
.content .button.outline:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover, 
.content .wp-block-button.is-style-outline .wp-block-button__link:focus {
    color: var(--wp--preset--color--white);
    background-color: var(--sv-color-primary);
    border: 0.125rem solid var(--sv-color-primary);
}
.content .button.fun {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
}
.content .button.fun .icon {
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    margin-right: 0.625rem;
}

/* Custom Form */
form input::placeholder {
    color: var(--wp--preset--color--stone);
}

/*________ IMAGES ________*/

.wp-block-image {
    padding-bottom: 1.25rem;
}
.wp-block-image img:not([width]) {
    width: auto;
}
.wp-block-image.is-full-container-width img,
.wp-block-image.is-full-container-width img:not([width]) {
    width: 100%;
    height: auto;
}
.wp-block-image.is-full-container-width > div {
    width: auto !important;
    height: auto !important;
}
.wp-block-image figure.is-resized img {
    width: auto;
    height: auto;
}
.wp-block-image figure.aligncenter img {
    margin: auto;
}
.wp-block-image figure.alignleft img {
    margin-right: auto;
}
.wp-block-image figure.alignright img {
    margin-left: auto;
}
.wp-block-image .aligntop img {
    margin-bottom: auto;
}
.wp-block-image .alignbottom img {
    margin-top: auto;
}
figure figcaption {
    font-size: 0.75rem;
    text-align: center;
    padding: 0.5rem 0.5rem 1.75rem;
}
.wp-block-cover {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.25rem;
    min-height: 21.25rem;
}
.wp-block-cover[class*="is-position-top-"] {
    align-items: flex-start;
}
.wp-block-cover[class*="is-position-bottom-"] {
    align-items: flex-end;
}
.wp-block-cover.is-position-top-left,
.wp-block-cover.is-position-center-left,
.wp-block-cover.is-position-bottom-left {
    justify-content: flex-start;
}
.wp-block-cover.is-position-top-right,
.wp-block-cover.is-position-center-right,
.wp-block-cover.is-position-bottom-right {
    justify-content: flex-end;
}
.content .wp-block-cover.has-parallax {
    background-size: cover;
    background-position: 50%;
    background-attachment: fixed;
}
.content .wp-block-cover img {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    object-fit: cover;
    height: 100%;
}
.content .wp-block-cover.has-parallax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: inherit;
}
.content .wp-block-cover > span.has-background-dim {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 1;
    opacity: .5;
}
.content .wp-block-cover > span.has-background-dim-10,
.content .wp-block-cover.has-parallax.has-background-dim-10:before {
    opacity: 0.1;
}
.content .wp-block-cover > span.has-background-dim-20,
.content .wp-block-cover.has-parallax.has-background-dim-20:before {
    opacity: 0.2;
}
.content .wp-block-cover > span.has-background-dim-30,
.content .wp-block-cover.has-parallax.has-background-dim-30:before {
    opacity: 0.3;
}
.content .wp-block-cover > span.has-background-dim-40,
.content .wp-block-cover.has-parallax.has-background-dim-40:before {
    opacity: 0.4;
}
.content .wp-block-cover.has-background-dim img,
.content .wp-block-cover > span.has-background-dim-50,
.content .wp-block-cover.has-parallax > span.has-background-dim:be,
.content .wp-block-cover.has-parallax.has-background-dim-50:before {
    opacity: 0.5;
}
.content .wp-block-cover > span.has-background-dim-60,
.content .wp-block-cover.has-parallax.has-background-dim-60:before {
    opacity: 0.6;
}
.content .wp-block-cover > span.has-background-dim-70,
.content .wp-block-cover.has-parallax.has-background-dim-70:before {
    opacity: 0.7;
}
.content .wp-block-cover > span.has-background-dim-80,
.content .wp-block-cover.has-parallax.has-background-dim-80:before {
    opacity: 0.8;
}
.content .wp-block-cover > span.has-background-dim-90,
.content .wp-block-cover.has-parallax.has-background-dim-90:before {
    opacity: 0.9;
}
.wp-block-cover .wp-block-cover__inner-container {
    padding: 1.25rem;
    width: auto;
    position: relative;
    z-index: 1;
}
.content .wp-block-cover .wp-block-cover__inner-container p {
    color: var(--wp--preset--color--white);
}
.content .wp-block-cover .wp-block-cover__inner-container p.has-background {
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.content .wp-block-columns.intro-columns {
    margin-bottom: 3.5rem;
}
.wp-block-media-text {
    display: grid;
}
.wp-block-media-text.is-stacked-on-mobile {
    display: block;
}
.wp-block-media-text.is-style-overlap .wp-block-media-text__content .wp-block-columns {
    height: 100%;
}
.wp-block-media-text .wp-block-media-text__content .wp-block-columns .wp-block-column {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}


/*________ IMG BOX ________*/

.img-box {
    position: relative;
}
.img-box img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.img-box:after {
    content: '';
    display: block;
}
.img-box.square:after {
    padding-bottom: 100%;
}
.img-box.landscape:after {
    padding-bottom: calc(2 / 3 * 100%);
}
.img-box.cover img {
    object-fit: cover;
}
.img-box.contain img {
    object-fit: contain;
}


/*________ YOAST BREADCRUMBS ________*/

.yoast-breadcrumbs {
    position: relative;
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}
.yoast-breadcrumbs:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: -1;
    opacity: 0.6;
    background-color: var(--wp--preset--color--secondary);
}
.wp-block .yoast-breadcrumbs:before {
    width: 100%;
    left: 0;
    z-index: 0;
}
.yoast-breadcrumbs a,
.yoast-breadcrumbs span {
    color: var(--wp--preset--color--primary);
    text-decoration: none;
}
.yoast-breadcrumbs > span > span > *,
.yoast-breadcrumbs > .wrapper > span > span > * {
    padding: 0 0.25rem;
}


/*________ SWIPER ________*/

.swiper-container .swiper-pagination {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
    display: block;
    opacity: 1;
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    margin: 0 0.375rem;
    border: 1px solid var(--wp--preset--color--white);
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.25s ease;
    box-shadow: 0 0 0.125rem 0 rgba(0,0,0,0.1);
}
.swiper-container .swiper-pagination[class*="color"] .swiper-pagination-bullet {
    border: 1px solid currentColor;
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-container .swiper-pagination .swiper-pagination-bullet:hover,
.swiper-container .swiper-pagination .swiper-pagination-bullet:focus {
    background-color: var(--wp--preset--color--white);
}
.swiper-container .swiper-pagination[class*="color"] .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-container .swiper-pagination[class*="color"] .swiper-pagination-bullet:hover,
.swiper-container .swiper-pagination[class*="color"] .swiper-pagination-bullet:focus {
    background-color: currentColor;
}

/* 740px */
@media (min-width: 46.25em) {
    .wp-block-cover {
        min-height: 27.5rem;
    }
    .wp-block-media-text.is-stacked-on-mobile {
        display: grid;
    }
    .wp-block-media-text.is-style-overlap .wp-block-media-text__content {
        margin-left: -16.25rem;
    }
    .wp-block-media-text.is-style-overlap.has-media-on-the-right .wp-block-media-text__content {
        margin-left: 0;
        margin-right: -16.25rem;
    }
    .wp-block-media-text.is-style-overlap .wp-block-media-text__content .wp-block-columns .wp-block-column {
        padding-left: calc(var(--wp--custom--columns-padding--large) * 3);
        padding-right: calc(var(--wp--custom--columns-padding--large) * 3);
    }
}
/* 1040px */
@media (min-width: 65em) {
    .wp-block-media-text.is-style-overlap .wp-block-media-text__content .wp-block-columns .wp-block-column {
        padding-top: 7.5rem !important;
        padding-bottom: 7.5rem !important;
    }
}
/* 1240px */
@media (min-width: 77.5em) {
    .content p,
    .content .p,
    p.wp-block-paragraph,
    .content ul:not([class]),
    .content ol:not([class]) {
        padding-bottom: 1.5rem;
        font-size: 1.25rem;
    }
    .content h1,
    .content .h1,
    .content h2,
    .content .h2,
    .content h3,
    .content .h3,
    .content h4,
    .content .h4,
    .content h5,
    .content .h5,
    .content h6,
    .content .h6 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }
    .content h1,
    .content .h1 {
        font-size: 2.5rem;
        padding-bottom: 1.75rem;
    }
    h1.wp-block-heading {
        font-size: 2.5rem;
    }
    .content h2,
    .content .h2,
    h2.wp-block-heading {
        font-size: 2rem;
    }
    .content h3,
    .content .h3,
    h3.wp-block-heading {
        font-size: 1.625rem;
    }
    .content h4,
    .content .h4,
    h4.wp-block-heading {
        font-size: 1.375rem;
    }
    .content h5,
    .content .h5,
    h5.wp-block-heading {
        font-size: 1.125rem;
    }
    .content h6,
    .content .h6,
    h6.wp-block-heading {
        font-size: 1rem;
    }

    hr.wp-block-separator.is-style-dots:before {
        letter-spacing: 2rem;
        padding-left: 2rem;
    }

    .content .wp-block-columns.intro-columns {
        margin-bottom: 7rem;
    }
}