.section--heading-text-grid{
	margin: 45px auto 0;
}

.flexible-layout .section--heading-text-grid,
.content-wide .section--heading-text-grid,
.full-width .section--heading-text-grid {
	margin: unset;
}

.section.section--heading-text-grid--no-margin {
	padding-bottom: 0px;
    margin-bottom: 1rem;
}

.section.section--heading-text-grid--no-margin + .section.section--heading-text-grid {
	padding-top: 0px;
    margin-top: 1rem;
}

.heading-text-grid__section-heading {
    margin-bottom: 1rem;
}

.heading-text-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.heading-text-grid--block-light-grey .heading-text-grid__block {
    background-color: #F4F4F4;
}

.heading-text-grid--block-dark-grey .heading-text-grid__block {
    background-color: #3C3C3C;
}

.heading-text-grid--block-light-blue .heading-text-grid__block {
    background-color: #F2F8FD;
}

.heading-text-grid--block-dark-blue .heading-text-grid__block {
    background-color: #005A7A;
}

.heading-text-grid--block-light-green .heading-text-grid__block {
    background-color: #E7F8EE;
}

.heading-text-grid--block-dark-green .heading-text-grid__block {
    background-color: #00663D;
}

.heading-text-grid--block-dark-grey .heading-text-grid__block,
.heading-text-grid--block-dark-blue .heading-text-grid__block,
.heading-text-grid--block-dark-green .heading-text-grid__block {
    color: white;
}

.heading-text-grid--block-dark-grey .heading-text-grid__block a,
.heading-text-grid--block-dark-blue .heading-text-grid__block a,
.heading-text-grid--block-dark-green .heading-text-grid__block a {
    color: white;
    text-decoration: underline;
}

.heading-text-grid__block {
    padding: 0.75rem;
}

.heading-text-grid__block-heading {
    position: relative;
    font-size: 1.5em;
}

.heading-text-grid--dividers .heading-text-grid__block-heading {
    margin-bottom: 1.3rem;
}

.heading-text-grid--dividers .heading-text-grid__block-heading::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 1px;
    width: 150px;
    background-color: #3C3C3C;
}

.heading-text-grid--dividers.heading-text-grid--block-dark-grey .heading-text-grid__block-heading::after,
.heading-text-grid--dividers.heading-text-grid--block-dark-blue .heading-text-grid__block-heading::after,
.heading-text-grid--dividers.heading-text-grid--block-dark-green .heading-text-grid__block-heading::after {
    background-color: white;
}

.heading-text-grid__block p {
    margin-bottom: unset;
}

@media only screen and (min-width: 700px)  {
    .heading-text-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .heading-text-grid--3 .heading-text-grid__block:last-of-type.heading-text-grid__block--wide {
        grid-column: span 2;
        padding: 1.25rem;
    }

    .heading-text-grid__block {
        padding: 1rem;
    }
}

@media only screen and (min-width: 1024px)  {
    .section--heading-text-grid{
        max-width: 580px;
        width: 77.30159%;
        margin: 45px auto 0;
    }

    .profile-page-layout .section--heading-text-grid {
        width: 69.30159%;
    }

    .flexible-layout .section--heading-text-grid,
    .content-wide .section--heading-text-grid,
    .full-width .section--heading-text-grid {
        width: 100%;
        max-width: unset;
        margin: unset;
    }

    .flexible-layout .heading-text-grid--1,
    .content-wide .heading-text-grid--1,
    .full-width .heading-text-grid--1 {
        grid-template-columns: repeat(1, 1fr);
    }

    .flexible-layout .heading-text-grid--2,
    .content-wide .heading-text-grid--2,
    .full-width .heading-text-grid--2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .flexible-layout .heading-text-grid--3,
    .content-wide .heading-text-grid--3,
    .full-width .heading-text-grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .flexible-layout .heading-text-grid--4,
    .content-wide .heading-text-grid--4,
    .full-width .heading-text-grid--4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .heading-text-grid__block--wide {
        grid-column: span 2;
        padding: 1.25rem;
    }
}


