:root {
    --primary: #37bc9b!important;
    --TidyGreen: #37bc9b;
    --TidyGreenDark: #278065;
    --TidyDark: #343a40;
    --TidyLight: #f5f8fa;
}

html, body {
    font-size: 18px;
    line-height: 1.7;
}

article {
    overflow-wrap: break-word;
}

.no-padding {
    padding: 0!important;
}

.no-margin {
    margin: 0!important;
}

.bg-primary {
    background-color: var(--TidyGreen)!important;
}

.content-dark {
    background-color: var(--TidyDark);
    color: var(--TidyLight);
}

.content-dark .card-deck {
    color: var(--TidyDark)!important;
}

.content-light {
    background-color: var(--TidyLight);
    color: var(--TidyDark);
}

.content-section {
    position: relative;
}

.content-section .container {
    padding: 25px 0 100px 0;
}

.tidy-divider-wrap {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 150px;
    z-index: 2;
    transform: translateZ(0);
}

.tidy-divider-wrap .tidy-shape-divider {
    width: 100%;
    left: 0;
    bottom: -1px;
    height: 100%;
    position: absolute;
}

.tidy-divider-wrap.no-color .tidy-shape-divider {
    fill: #fff;
}

.tidy-divider-wrap[data-style="fan"] svg {
    width: 100%;
    left: 0;
}

.tidy-divider-wrap[data-style="fan"] svg rect {
    opacity: 0.3;
}

.tidy-divider-wrap[data-style="fan"] svg polygon:nth-child(2) {
    opacity: 0.15;
}

.tidy-divider-wrap[data-style="clouds"] svg path:first-child {
    opacity: 0.1;
}

.tidy-divider-wrap[data-style="clouds"] svg path:nth-child(2) {
    opacity: 0.12;
}

.tidy-divider-wrap[data-style="clouds"] svg path:nth-child(3) {
    opacity: 0.18;
}

.tidy-divider-wrap[data-style="clouds"] svg path:nth-child(4) {
    opacity: 0.33;
}

.tidy-divider-wrap[data-position="top"] {
    transform: rotate(180deg);
    top: 0;
    bottom: auto;
}

.partner-dh-hero {
    background-image: url('../img/DH-Social-Media-Heading-LG.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 100px 0;
}

.page-image-header {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 200px 0;
}