/* ==== INCLUDE: /css/block-system.css ==== */

:root {
    --text-color: black;
    --breakpoint-sm-width: 36rem;
    --breakpoint-md-width: 48rem;
    --breakpoint-lg-width: 62rem;
    --breakpoint-xl-width: 75rem;

    /*--max-content-width: 71.25rem;*/
    --max-content-width: 78.125rem;
    --min-content-margin: 0rem;
    --max-text-container-width: var(--max-content-width);
}

/*html.editing {*/
/*    --max-content-width: calc(78.125rem - 50px);*/
/*}*/

/* basic typography */

:root {
    --base-font-size: 16px;
    /*--body-line-height: 1.65;*/
    /*--heading-line-height: 1.15;*/
    --body-line-height: 1.6;
    --heading-line-height: 1.2;
    /*--text-normal: 1rem;*/
    /*--p-font-size: calc(1.1 * var(--text-normal));*/
    /*--text-xxxlarge: calc(2.2 * var(--text-normal));*/
    /*--text-xxlarge: calc(1.8 * var(--text-normal));*/
    /*--text-xlarge: calc(1.6 * var(--text-normal));*/
    /*--text-large: calc(1.4 * var(--text-normal));*/
    /*--text-medium: calc(1.2 * var(--text-normal));*/
    /*--text-small: calc(0.8 * var(--text-normal));*/
    --text-shade-background: #ededed;

    --p-font-size: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.47)), 1.25rem);

    --text-size1_5: clamp(0.95rem, calc(0.95rem + ((1vw - 0.225rem) * 0.57)), 1.25rem);
    --text-size1: clamp(0.9rem, calc(0.9rem + ((1vw - 0.225rem) * 0.19)), 1rem);
    --text-size2: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.47)), 1.25rem);
    --text-size3: clamp(1.2rem, calc(1.2rem + ((1vw - 0.225rem) * 0.57)), 1.5rem);
    --text-size4: clamp(1.4rem, calc(1.4rem + ((1vw - 0.225rem) * 0.66)), 1.75rem);
    --text-size5: clamp(1.6rem, calc(1.6rem + ((1vw - 0.225rem) * 0.76)), 2rem);
    --text-size6: clamp(1.8rem, calc(1.8rem + ((1vw - 0.225rem) * 1.33)), 2.5rem);
    --text-size7: clamp(2rem, calc(2rem + ((1vw - 0.225rem) * 1.9)), 3rem);
    --text-size8: clamp(2.2rem, calc(2.2rem + ((1vw - 0.225rem) * 2.47)), 3.5rem);
    --text-size9: clamp(2.4rem, calc(2.4rem + ((1vw - 0.225rem) * 3.04)), 4rem);
    --text-size10: clamp(2.6rem, calc(2.6rem + ((1vw - 0.225rem) * 3.61)), 4.5rem);
    --text-size11: clamp(2.8rem, calc(2.8rem + ((1vw - 0.225rem) * 4.19)), 5rem);
    --text-size12: clamp(3rem, calc(3rem + ((1vw - 0.225rem) * 4.76)), 5.5rem);
    --text-size13: clamp(3.2rem, calc(3.2rem + ((1vw - 0.225rem) * 5.33)), 6rem);
    --text-size14: clamp(3.4rem, calc(3.4rem + ((1vw - 0.225rem) * 5.9)), 6.5rem);
    --text-size15: clamp(3.6rem, calc(3.6rem + ((1vw - 0.225rem) * 6.47)), 7rem);

    --text-small: clamp(0.9rem, calc(0.9rem + ((1vw - 0.225rem) * 0.19)), 1rem);
    --text-normal: clamp(1rem, calc(1rem + ((1vw - 0.225rem) * 0.47)), 1.25rem);
    --text-medium: clamp(1.2rem, calc(1.2rem + ((1vw - 0.225rem) * 0.57)), 1.5rem);
    --text-large: clamp(1.4rem, calc(1.4rem + ((1vw - 0.225rem) * 0.66)), 1.75rem);
    --text-xlarge: clamp(1.6rem, calc(1.6rem + ((1vw - 0.225rem) * 0.76)), 2rem);
    --text-xxlarge: clamp(1.8rem, calc(1.8rem + ((1vw - 0.225rem) * 1.33)), 2.5rem);
    --text-xxxlarge: clamp(2rem, calc(2rem + ((1vw - 0.225rem) * 1.9)), 3rem);
}


/* accent colours */
:root {
    --g-accent-color: #333;
    /*--g-accent-color: rgb(210,92,13);*/
    /*--g-accent-color: #25abd1;*/
    --g-accent-text-color: rgb(255,255,255);
    --g-inverted-text-color: white;

    --g-paper-shade-color: rgba(0,0,0,0.04);
    --g-paper-color: white;

    --g-color-red: #dc3545;
}

html {
    font-size: var(--base-font-size, 16px);
}

body {
    color: var(--text-color, black);
    line-height: var(--body-line-height);
}

p {
    padding: 0;
    margin: 0;
    margin-bottom: calc(var(--p-font-size) * var(--body-line-height));
}

p:last-child {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 2.75rem 0;
}

h1 {
  margin-top: 0;
}

p { font-size: var(--p-font-size); }

h1, h1 *, .text-xxxlarge, .text-xxxlarge p {font-size: var(--text-xxxlarge); line-height: calc(var(--text-xxxlarge) * var(--heading-line-height));}

h2, h2 *, .text-xxlarge, .text-xxlarge p {font-size: var(--text-xxlarge); line-height: calc(var(--text-xxlarge) * var(--heading-line-height));}

h3, h3 *, .text-xlarge, .text-xlarge p {font-size: var(--text-xlarge); line-height: calc(var(--text-xlarge) * var(--heading-line-height));}

h4, h4 *, .text-large, .text-large p {font-size: var(--text-large); line-height: calc(var(--text-large) * var(--heading-line-height));}

h5, h5 *, .text-medium, .text-medium p {font-size: var(--text-medium); line-height: calc(var(--text-medium) * var(--heading-line-height));}

h6, h6 *, .text-medium, .text-medium p {font-size: var(--text-medium); line-height: calc(var(--text-medium) * var(--heading-line-height));}


.text-normal, .text-normal p { font-size: var(--text-normal); }

small, .text-small, .text-small p {font-size: var(--text-small);}

a:hover {
    /* don't underline */
    text-decoration: none;
}

/*body {*/
/*    line-height: 1.6;*/
/*}*/

/*h1,h2,h3,h4,h5,h6 {*/
/*    line-height: 1.1;*/
/*}*/

:root {
    --grid-gap: 1.4vw;
    --grid-col: calc((var(--max-content-width) - var(--grid-gap) * 11) / 12);
    --width-grid-col: var(--grid-col);
    --grid-col-withgap: calc(var(--grid-col) + var(--grid-gap));
    --width-grid-col-withgap: var(--grid-col-withgap);
    --width-cols-2: calc(var(--grid-col) * 2 + var(--grid-gap) * 1);
    --width-cols-4: calc(var(--grid-col) * 4 + var(--grid-gap) * 3);
    --width-cols-6: calc(var(--grid-col) * 6 + var(--grid-gap) * 5);
    --width-cols-8: calc(var(--grid-col) * 8 + var(--grid-gap) * 7);
    --width-cols-10: calc(var(--grid-col) * 10 + var(--grid-gap) * 9);
    --width-cols-12: calc(var(--grid-col) * 12 + var(--grid-gap) * 11);

    --spacing-1: calc(var(--grid-col-withgap) / 20);
    --spacing-2: calc(var(--spacing-1) * 2);
    --spacing-3: calc(var(--spacing-1) * 3);
    --spacing-4: calc(var(--spacing-1) * 4);
    --spacing-5: calc(var(--spacing-1) * 5);
    --spacing-6: calc(var(--spacing-1) * 6);
    --spacing-7: calc(var(--spacing-1) * 7);
    --spacing-8: calc(var(--spacing-1) * 8);
    --spacing-9: calc(var(--spacing-1) * 9);
    --spacing-10: calc(var(--spacing-1) * 10);
    --spacing-11: calc(var(--spacing-1) * 11);
    --spacing-12: calc(var(--spacing-1) * 12);
    --spacing-13: calc(var(--spacing-1) * 13);
    --spacing-14: calc(var(--spacing-1) * 14);
    --spacing-15: calc(var(--spacing-1) * 15);
    --spacing-16: calc(var(--spacing-1) * 16);
    --spacing-17: calc(var(--spacing-1) * 17);
    --spacing-18: calc(var(--spacing-1) * 18);
    --spacing-19: calc(var(--spacing-1) * 19);
    --spacing-20: calc(var(--spacing-1) * 20);
    --spacing-21: calc(var(--spacing-1) * 21);
    --spacing-22: calc(var(--spacing-1) * 22);
    --spacing-23: calc(var(--spacing-1) * 23);
    --spacing-24: calc(var(--spacing-1) * 24);

    /* font sizing */
    /*--p-font-size: clamp(1rem, 0.7040rem + 0.7040vw, 1.1rem);*/
    /*--text-xxxlarge: clamp(2.4rem, 1.8784rem + 2.0864vw, 3.052rem);*/
    /*--text-xxlarge: clamp(1.953rem, 1.5626rem + 1.5616vw, 2.441rem);*/
    /*--text-xlarge: clamp(1.5624rem, 1.2499rem + 1.2499vw, 1.953rem);*/
    /*--text-large: clamp(1.25rem, 0.9996rem + 1.0016vw, 1.563rem);*/
    /*--text-medium: clamp(1rem, 0.8000rem + 0.8000vw, 1.25rem);*/
    /*--text-normal: clamp(0.8rem, 0.6400rem + 0.6400vw, 1rem);*/
    /*--text-small: clamp(0.64rem, 0.5120rem + 0.5120vw, 0.8rem);*/

    /* colors */
    --button-bg: #333;
    --button-border: var(--button-bg);
    --button-text: #fff;
    --button-radius: 0.3rem;

    --col-gap-1: max(calc(var(--max-content-width) * 0.01), 1.5rem);
    --col-gap-2: max(calc(var(--max-content-width) * 0.02), 1.5rem);
    --col-gap-3: max(calc(var(--max-content-width) * 0.03), 1.5rem);
    --col-gap-4: max(calc(var(--max-content-width) * 0.04), 1.5rem);
    --col-gap-5: max(calc(var(--max-content-width) * 0.05), 1.5rem);
    --col-gap-6: max(calc(var(--max-content-width) * 0.06), 1.5rem);

    /* text sizes v2 */
    /*--text-size1: clamp(0.8rem, calc(0.8rem + ((1vw - 0.45rem) * 0.1429)), 0.85rem);*/
    /*--text-size1_5: clamp(0.85rem, calc(0.85rem + ((1vw - 0.45rem) * 0.4286)), 1rem);*/
    /*--text-size2: clamp(1rem, calc(1rem + ((1vw - 0.45rem) * 0.3571)), 1.1rem);*/
    /*--text-size3: clamp(1.2rem, calc(1.2rem + ((1vw - 0.45rem) * 0.5)), 1.375rem);*/
    /*--text-size4: clamp(1.4rem, calc(1.4rem + ((1vw - 0.45rem) * 0.6429)), 1.625rem);*/
    /*--text-size5: clamp(1.625rem, calc(1.625rem + ((1vw - 0.45rem) * 1.0714)), 2rem);*/
    /*--text-size6: clamp(1.875rem, calc(1.875rem + ((1vw - 0.45rem) * 1.4286)), 2.375rem);*/
    /*--text-size7: clamp(2.125rem, calc(2.125rem + ((1vw - 0.45rem) * 2.1429)), 2.875rem);*/
    /*--text-size8: clamp(2.5rem, calc(2.5rem + ((1vw - 0.45rem) * 2.8571)), 3.5rem);*/
    /*--text-size9: clamp(3rem, calc(3rem + ((1vw - 0.45rem) * 2.8571)), 4rem);*/
    /*--text-size10: clamp(3.5rem, calc(3.5rem + ((1vw - 0.45rem) * 4.2857)), 5rem);*/

    /*--p-font-size: clamp(1rem, calc(1rem + ((1vw - 0.45rem) * 0.2857)), 1.1rem);*/
    /*--text-xxxlarge: var(--text-size9);*/
    /*--text-xxlarge: var(--text-size7);*/
    /*--text-xlarge: var(--text-size5);*/
    /*--text-large: var(--text-size4);*/
    /*--text-medium: var(--text-size3);*/
    /*--text-normal: var(--text-size2);*/
    /*--text-small: var(--text-size1);*/

}
.block-layout .text {
    line-height: var(--body-line-height);
    /*-webkit-hyphens: auto;*/
}
.block-layout .sub-title,
.block-layout .title {
    line-height: var(--heading-line-height);
    overflow: visible;
    /* disabling 3 rule below due to issues reported: */
    /*word-break: break-word;*/
    overflow-wrap: break-word;
    /*hyphens: auto;*/
    /* in safari proper nouns are hyphenated */
    /*-webkit-hyphens: auto;*/
}

.block-layout.block-layout .text-size15.sub-title,
.block-layout.block-layout .text-size15.title,
.block-layout.block-layout .text-size15 ol,
.block-layout.block-layout .text-size15 ul,
.block-layout.block-layout .text-size15 p,
.block-layout.block-layout .text-size15 {
    font-size: var(--text-size15);
    line-height: 1.15;
}

.block-layout.block-layout .text-size14.sub-title,
.block-layout.block-layout .text-size14.title,
.block-layout.block-layout .text-size14 ol,
.block-layout.block-layout .text-size14 ul,
.block-layout.block-layout .text-size14 p,
.block-layout.block-layout .text-size14 {
    font-size: var(--text-size14);
    line-height: 1.15;
}

.block-layout.block-layout .text-size13.sub-title,
.block-layout.block-layout .text-size13.title,
.block-layout.block-layout .text-size13 ol,
.block-layout.block-layout .text-size13 ul,
.block-layout.block-layout .text-size13 p,
.block-layout.block-layout .text-size13 {
    font-size: var(--text-size13);
    line-height: 1.15;
}

.block-layout.block-layout .text-size12.sub-title,
.block-layout.block-layout .text-size12.title,
.block-layout.block-layout .text-size12 ol,
.block-layout.block-layout .text-size12 ul,
.block-layout.block-layout .text-size12 p,
.block-layout.block-layout .text-size12 {
    font-size: var(--text-size12);
    line-height: 1.15;
}

.block-layout.block-layout .text-size11.sub-title,
.block-layout.block-layout .text-size11.title,
.block-layout.block-layout .text-size11 ol,
.block-layout.block-layout .text-size11 ul,
.block-layout.block-layout .text-size11 p,
.block-layout.block-layout .text-size11 {
    font-size: var(--text-size11);
    line-height: 1.15;
}

.block-layout.block-layout .text-size10.sub-title,
.block-layout.block-layout .text-size10.title,
.block-layout.block-layout .text-size10 ol,
.block-layout.block-layout .text-size10 ul,
.block-layout.block-layout .text-size10 p,
.block-layout.block-layout .text-size10 {
    font-size: var(--text-size10);
    line-height: 1.15;
}
.block-layout.block-layout .text-size9.sub-title,
.block-layout.block-layout .text-size9.title,
.block-layout.block-layout .text-size9 ol,
.block-layout.block-layout .text-size9 ul,
.block-layout.block-layout .text-size9 p,
.block-layout.block-layout .text-size9 {
    font-size: var(--text-size9);
    line-height: 1.2;
}
.block-layout.block-layout .text-size8.sub-title,
.block-layout.block-layout .text-size8.title,
.block-layout.block-layout .text-size8 ol,
.block-layout.block-layout .text-size8 ul,
.block-layout.block-layout .text-size8 p,
.block-layout.block-layout .text-size8 {
    font-size: var(--text-size8);
    line-height: 1.25;
}
.block-layout.block-layout .text-size7.sub-title,
.block-layout.block-layout .text-size7.title,
.block-layout.block-layout .text-size7 ol,
.block-layout.block-layout .text-size7 ul,
.block-layout.block-layout .text-size7 p,
.block-layout.block-layout .text-size7 {
    font-size: var(--text-size7);
    line-height: 1.3;
}
.block-layout.block-layout .text-size6.sub-title,
.block-layout.block-layout .text-size6.title,
.block-layout.block-layout .text-size6 ol,
.block-layout.block-layout .text-size6 ul,
.block-layout.block-layout .text-size6 p,
.block-layout.block-layout .text-size6 {
    font-size: var(--text-size6);
    line-height: 1.35;
}
.block-layout.block-layout .text-size5.sub-title,
.block-layout.block-layout .text-size5.title,
.block-layout.block-layout .text-size5 ol,
.block-layout.block-layout .text-size5 ul,
.block-layout.block-layout .text-size5 p,
.block-layout.block-layout .text-size5 {
    font-size: var(--text-size5);
    line-height: 1.4;
}
.block-layout.block-layout .text-size4.sub-title,
.block-layout.block-layout .text-size4.title,
.block-layout.block-layout .text-size4 ol,
.block-layout.block-layout .text-size4 ul,
.block-layout.block-layout .text-size4 p,
.block-layout.block-layout .text-size4 {
    font-size: var(--text-size4);
    line-height: 1.45;
}
.block-layout.block-layout .text-size3.sub-title,
.block-layout.block-layout .text-size3.title,
.block-layout.block-layout .text-size3 ol,
.block-layout.block-layout .text-size3 ul,
.block-layout.block-layout .text-size3 p,
.block-layout.block-layout .text-size3 {
    font-size: var(--text-size3);
    line-height: 1.5;
}
.block-layout.block-layout .text-size2.sub-title,
.block-layout.block-layout .text-size2.title,
.block-layout.block-layout .text-size2 ol,
.block-layout.block-layout .text-size2 ul,
.block-layout.block-layout .text-size2 p,
.block-layout.block-layout .text-size2 {
    font-size: var(--text-size2);
    line-height: 1.55;
}
.block-layout.block-layout .text-size1.sub-title,
.block-layout.block-layout .text-size1.title,
.block-layout.block-layout .text-size1 ol,
.block-layout.block-layout .text-size1 ul,
.block-layout.block-layout .text-size1 p,
.block-layout.block-layout .text-size1 {
    font-size: var(--text-size1);
    line-height: 1.6;
}

.block-layout .w-cols-10 {
    width: var(--width-cols-10);
    margin-left: auto;
    margin-right: auto;
}

.block-layout .w-cols-8 {
    width: var(--width-cols-8);
    margin-left: auto;
    margin-right: auto;
}

.block-layout .w-cols-6 {
    width: var(--width-cols-6);
    margin-left: auto;
    margin-right: auto;
}

.block-layout .w-cols-4 {
    width: var(--width-cols-4);
    margin-left: auto;
    margin-right: auto;
}

.block-layout .w-cols-2 {
    width: var(--width-cols-2);
    margin-left: auto;
    margin-right: auto;
}

.block-layout .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: var(--grid-gap);
}


/*@media (max-width: 85rem) {*/
@media (max-width: 90.625rem) {
    :root {
        /*--min-content-margin: 6.23vw;*/
        /*--min-content-margin: 4.18vw;*/
        --min-content-margin: 8vw;
        --max-content-width: calc(100vw - var(--min-content-margin) * 2);
        /*--max-content-width: 90%;*/
    }

    /*html.editing {*/
    /*    --max-content-width: calc(100vw - var(--min-content-margin) * 2 - 50px);*/
    /*}*/
}

@media (max-width: 62rem) {
    :root {
        /*--min-content-margin: 6.23vw;*/
        /*--max-content-width: calc(100vw - var(--min-content-margin) * 2);*/
        /*--max-text-container-width: var(--max-content-width);*/
    }
}

@media (max-width: 35.94rem) {
    :root {
        /*--min-content-margin: 2.08vw;*/
        /*--max-content-width: calc(100vw - var(--min-content-margin) * 2);*/
    }
}

/* xs <=575px */
@media only screen and (max-width: 35.9999rem) {

}

/* s >= 576px */
@media only screen and (min-width: 36rem) {

}

/* m >= 768px*/
@media only screen and (min-width: 48rem) {

}

/* lg >= 960px */
@media only screen and (min-width: 60rem) {

}

/* xl >= 1140px */
@media only screen and (min-width: 71.25rem) {

}

.block-layout .fluid-container {
    width: 100%;
    position: relative;
}

.block-layout .w-100 {
    width: 100%;
}

.block-layout .abs-fill {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.block-layout .container {
    max-width: var(--max-content-width);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.block-layout .text-container {
    max-width: var(--max-text-container-width);
    padding: var(--grid-col-withgap);
}

.block-layout .heading-container {
    max-width: var(--max-text-container-width);
    padding: 0 var(--grid-col-withgap);
}

.block-layout .text-content {
    padding: 0 var(--grid-col-withgap);
}

.block-layout .cols-2 {
    column-count: 2;
    column-gap: var(--spacing-4);
}

.block-layout .has-dropcap:first-letter {
    float: left;
    position:relative;
    font-size: calc(var(--body-line-height) * 1em * 3.4);
    line-height: 0.6;
    margin: 0.1em 0.1em 0.1em 0;
}

.block-layout .elevation1 {
  box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation2 {
  box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation3 {
  box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation4 {
  box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation5 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation6 {
  box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12);
}
.block-layout .elevation7 {
  box-shadow: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12);
}
.block-layout .elevation8 {
  box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12);
}
.block-layout .elevation9 {
  box-shadow: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12);
}
.block-layout .elevation10 {
  box-shadow: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12);
}
.block-layout .elevation11 {
  box-shadow: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12);
}
.block-layout .elevation12 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12);
}
.block-layout .elevation13 {
  box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12);
}
.block-layout .elevation14 {
  box-shadow: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12);
}
.block-layout .elevation15 {
  box-shadow: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12);
}
.block-layout .elevation16 {
  box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12);
}
.block-layout .elevation17 {
  box-shadow: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12);
}
.block-layout .elevation18 {
  box-shadow: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12);
}
.block-layout .elevation19 {
  box-shadow: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12);
}
.block-layout .elevation20 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12);
}
.block-layout .elevation21 {
  box-shadow: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12);
}
.block-layout .elevation22 {
  box-shadow: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12);
}
.block-layout .elevation23 {
  box-shadow: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12);
}
.block-layout .elevation24 {
  box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);
}

@media (max-width: 52rem) {
    .block-layout .text-container .cols-2 {
        column-count: 1;
    }
}

.block-layout .fade-in,
.block-layout .slide-in-up,
.block-layout .slide-in-down {
    transition-property: transform, opacity;
    transition-duration: 0.8s, 0.8s;
    transition-timing-function: ease, linear;
}

.block-layout .fade-in {
    --visibility-ratio: 0.4;
}

/* xs <=575px */
@media only screen and (max-width: 35.9999rem) {
    .block-layout .fade-in {
        --visibility-ratio: 0.2;
    }
}

.block-layout .slide-in-up {
    --visibility-ratio: 0.1;
}

.block-layout .slide-in-down {
    --visibility-ratio: 0.3;
}

.block-layout .fx.fade-in {
    opacity: 0;
}

.block-layout .fx.slide-in-up {
    transform: translateY(10vh);
    opacity: 0;
}

.block-layout .fx.slide-in-down {
    transform: translateY(-10vh);
    opacity: 0;
}

/* forms : start */

.block-layout .mrp-dynamic-form .form-inner > h1,
.block-layout .mrp-dynamic-form .form-inner > h2,
.block-layout .mrp-dynamic-form .form-inner > h3,
.block-layout .mrp-dynamic-form .form-inner > h4,
.block-layout .mrp-dynamic-form .form-inner > h5
.block-layout .mrp-dynamic-form .form-inner > h6 {
    margin-bottom: 1rem;
}

.block-layout .form-buttons {
    margin-top: 1rem;
}

.block-layout .form-group {
    padding: 0.5rem 0;
}

.block-layout .form-container {
    max-width: var(--width-cols-8);
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.block-layout .form-group-optin p {
    /* p in consent box is treated as a simple text */
    display: inline-block;
    font-size: inherit;
}

@media (max-width: 61.25rem) {
    .block-layout .form-container {
        max-width: var(--width-cols-10);
    }
}

@media (max-width: 50rem) {
    .block-layout .form-container {
        max-width: var(--width-cols-12);
    }
}

.block-layout .mrp-dynamic-form button.btn,
.block-layout .button {
    display: inline-flex;
    position: relative;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0px solid transparent;
    color: var(--g-inverted-text-color);
    background-color: var(--g-accent-color);
    border-color: var(--g-accent-color);
    padding: 1rem 3rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.block-layout .mrp-dynamic-form button.btn .button-icon,
.block-layout .button .button-icon {
    margin-right: var(--spacing-2);
    fill: currentColor;
}

.block-layout .button.outlined {
    background-color: transparent;
    border: 1px solid var(--g-accent-color);
    color: var(--g-accent-color);
}

.block-layout .button.medium,
.block-layout .block-form button.medium {
    padding: 0.75rem 2.2rem;
    font-size: 1.15rem;
    line-height: 1.35;
}

.block-layout .button.small,
.block-layout .block-form button.small {
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.25;
}

.block-layout .button span.ripple {
  position: absolute; /* The absolute position we mentioned earlier */
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  /*background-color: rgba(255, 255, 255);*/
  background-color: rgb(210, 210, 210);
  opacity: 0.4;
}

.block-layout .button.outlined span.ripple {
    background-color: currentColor;
}

@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}


.block-layout .form-group > .control-wrapper > input.form-control,
.block-layout .form-group > .control-wrapper > textarea.form-control {
    border:1px solid #ddd;
    border-radius:4px;
    padding:4px;
    color:#474747;
}

.block-layout .control-wrapper ::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1; /* for older chrome versions. may no longer apply. */
}

.block-layout .control-wrapper :-moz-placeholder { /* Firefox 18- */
	color: #ccc;
	opacity: 1;
}

.block-layout .control-wrapper ::-moz-placeholder {  /* Firefox 19+ */
	color: #ccc;
	opacity: 1;
}

.block-layout .control-wrapper :-ms-input-placeholder {
	color: #ccc;
}

.block-layout .form-group > .control-wrapper > input.form-control {
    min-height:50px;
}

.block-layout .form-group > .control-wrapper > textarea.form-control.dynamic-form-long-text {
    min-height:180px;
}
.block-layout .form-group input::placeholder,
.block-layout .form-group textarea::placeholder {
    /*opacity: 0;*/
}


.block-layout .form-group > label {
    font-weight:300;
}

@media (max-width:600px) {

    .double-col-form .form-inner {
        display:block;
    }
}

/* forms: end */

.block-layout .hidden.hidden.hidden {
    display: none;
}

/* greedy rules */

.has-greedy .block-layout:not(.greedy) {
    display: none;
}