h1, .h1, .H1 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 10px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h2, .h2, .H2, h1 + h2, .h1 + .sub-header, .H1 + .sub-header,
.icon-header[data-icon-header-type="0"] > h2,
.icon-header[data-icon-header-type="6"] > .sub-header {
    font-size: 26px;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h3, .h3, .H3, h2 + h3, .h2 + .sub-header, .H2 + .sub-header,
.icon-header[data-icon-header-type="1"] > h3,
.icon-header[data-icon-header-type="7"] > .sub-header {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 30px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h4, .h4, .H4, h3 + h4, .h3 + .sub-header, .H3 + .sub-header,
.icon-header[data-icon-header-type="2"] > h4,
.icon-header[data-icon-header-type="8"] > .sub-header {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h5, .h5, .H5, h4 + h5, .h4 + .sub-header, .H4 + .sub-header,
.icon-header[data-icon-header-type="3"] > h5,
.icon-header[data-icon-header-type="9"] > .sub-header {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h6, .h6, .H6, h5 + h6, .h5 + .sub-header, .H5 + .sub-header,
.icon-header[data-icon-header-type="4"] > h6,
.icon-header[data-icon-header-type="10"] > .sub-header {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px;
    line-height: 1.2;
    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    -ms-hyphens: initial;
    hyphens: initial;
}

h1:first-child, h2:first-child, h3:first-child,
.h1:first-child, .h2:first-child, .h3:first-child {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.2;
}

h1:first-child:not(:last-child),
.h1:first-child:not(:last-child) {
    margin-bottom: 5px;
}

.frame-type-bg_image .bg_image--container header h3 {
    margin-bottom: 0;
}

.site-content .frame.frame-type-header {
    padding-bottom: 0
}

.frame-type-header h1 + h2,
.frame-type-header h2 + h3,
.frame-type-header h3 + h4,
.frame-type-header h4 + h5,
.frame-type-header h5 + h6,
.frame-type-header .h1 + .sub-header,
.frame-type-header .h2 + .sub-header,
.frame-type-header .h3 + .sub-header,
.frame-type-header .h4 + .sub-header,
.frame-type-header .h5 + .sub-header,
.frame-type-header .h6 + .sub-header,
.frame-type-header .icon-header[data-icon-header-type="0"] > h2,
.frame-type-header .icon-header[data-icon-header-type="6"] > .sub-header,
.frame-type-header .icon-header[data-icon-header-type="1"] > h3,
.frame-type-header .icon-header[data-icon-header-type="7"] > .sub-header,
.frame-type-header .icon-header[data-icon-header-type="2"] > h4,
.frame-type-header .icon-header[data-icon-header-type="8"] > .sub-header,
.frame-type-header .icon-header[data-icon-header-type="3"] > h5,
.frame-type-header .icon-header[data-icon-header-type="9"] > .sub-header,
.frame-type-header .icon-header[data-icon-header-type="4"] > h6,
.frame-type-header .icon-header[data-icon-header-type="10"] > .sub-header {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    h1, .h1, .H1 {
        font-size: 35px;
        line-height: 1.2;
    }

    h1:first-child, h2:first-child, h3:first-child,
    .h1:first-child, .h2:first-child, .h3:first-child {
        margin-bottom: 30px;
    }

    h2, .h2, .H2, h1 + h2, .h1 + .sub-header, .H1 + .sub-header,
    .icon-header[data-icon-header-type="0"] > h2,
    .icon-header[data-icon-header-type="6"] > .sub-header {
        font-size: 30px;
        line-height: 1.2;
    }

    h3, .h3, .H3, h2 + h3, .h2 + .sub-header, .H2 + .sub-header,
    .icon-header[data-icon-header-type="1"] > h3,
    .icon-header[data-icon-header-type="7"] > .sub-header {
        font-size: 28px;
        line-height: 1.2;
    }

    h4, .h4, .H4, h3 + h4, .h3 + .sub-header, .H3 + .sub-header,
    .icon-header[data-icon-header-type="2"] > h4,
    .icon-header[data-icon-header-type="8"] > .sub-header {
        font-size: 23px;
    }

    h5, .h5, .H5, h4 + h5, .h4 + .sub-header, .H4 + .sub-header,
    .icon-header[data-icon-header-type="3"] > h5,
    .icon-header[data-icon-header-type="9"] > .sub-header {
        font-size: 23px;
    }

    h6, .h6, .H6, h5 + h6, .h5 + .sub-header, .H5 + .sub-header,
    .icon-header[data-icon-header-type="4"] > h6,
    .icon-header[data-icon-header-type="10"] > .sub-header {
        font-size: 23px;
    }

    header h3 + h4, header .h3 + .sub-header {
        padding-top: 10px;
    }
}

@media screen and (min-width: 835px) {
    h1, .h1, .H1 {
        font-size: 54px;
        margin: 0 0 30px;
    }

    h2, .h2, .H2, h1 + h2, .h1 + .sub-header, .H1 + .sub-header,
    .icon-header[data-icon-header-type="0"] > h2,
    .icon-header[data-icon-header-type="6"] > .sub-header {
        font-size: 48px;
        margin: 0 0 30px;
    }

    h3, .h3, .H3, h2 + h3, .h2 + .sub-header, .H2 + .sub-header,
    .icon-header[data-icon-header-type="1"] > h3,
    .icon-header[data-icon-header-type="7"] > .sub-header {
        font-size: 42px;
        margin: 0 0 30px;
    }

    h4, .h4, .H4, h3 + h4, .h3 + .sub-header, .H3 + .sub-header,
    .icon-header[data-icon-header-type="2"] > h4,
    .icon-header[data-icon-header-type="8"] > .sub-header {
        font-size: 30px;
        margin: 0 0 30px;
    }

    h5, .h5, .H5, h4 + h5, .h4 + .sub-header, .H4 + .sub-header,
    .icon-header[data-icon-header-type="3"] > h5,
    .icon-header[data-icon-header-type="9"] > .sub-header {
        font-size: 25px;
        margin: 0 0 30px;
    }

    h6, .h6, .H6, h5 + h6, .h5 + .sub-header, .H5 + .sub-header,
    .icon-header[data-icon-header-type="4"] > h6,
    .icon-header[data-icon-header-type="10"] > .sub-header {
        font-size: 25px;
        margin: 0 0 30px;
    }

    .frame-type-bg_image .bg_image--container h3 {
        margin-bottom: 30px;
    }
}

/** link */
h1, h1 a, .h1, .h1 a, .H1, .H1 a {
    color: var(--base-color);
}

h2, h2 a, .h2, .h2 a, .H2, .H2 a {
    color: var(--base-color);
}

h3, h3 a, .h3, .h3 a, .H3, .H3 a {
    color: var(--base-color);
}

h4, h4 a, .h4, .h4 a, .H4, .H4 a {
    color: var(--base-color);
}

h5, h5 a, .h5, .h5 a, .H5, .H5 a {
    color: var(--base-color);
}

h6, h6 a, .h6, .h6 a, .H6, .H6 a {
    color: var(--base-color);
}

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;
}

h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {
    text-decoration: none;
}

.header a, .csc-header a {
    text-decoration: none;
}