:root {
  --nwmls-priceless-overlap-xxl: 85px;
  --nwmls-priceless-overlap-xl: 80px;
}
body {
    font-family: 'Roboto', Arial, sans-serif;
}
.nwmls-hero {
    background: url('../images/members/hero.avif') center top/cover no-repeat;
}
.nwmls-hero-content {
    min-height: calc(100svh - 110px);
}
.nwmls-hero-header {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 2.8rem;
}
.nwmls-hero-footer {
    font-family: 'Field Gothic No75 Bold Wide', Impact, Arial, sans-serif;
    width: 100%;
    padding-bottom: 1.5rem;
    line-height: 1;
}
.nwmls-your-mls {
    color: var(--brand-green-verylight);

}
.nwmls-video iframe {
    border-radius: 10px;
}

.nwmls-first-bg,
.nwmls-second-bg {
    padding-left: 0;
    padding-right: 0;
}
.nwmls-sound-business-row {
    position: relative;
    z-index: 101;
}
.nwmls-sound-business-title {
    font-family: 'Field Gothic No75 Bold Wide', Impact, Arial, sans-serif;
}
.nwmls-priceless-row > div {
    background-color: var(--brand-green-soft);
}
.nwmls-priceless-title {
    color: var(--brand-green-mid);
    font-family: 'Field Gothic No75 Bold Wide', Impact, Arial, sans-serif;
}
.nwmls-priceless-text {
    color: var(--brand-green);
}
.nwmls-database-title {
    font-family: 'Field Gothic No75 Bold Wide', Impact, Arial, sans-serif;
    color: var(--brand-green-medium);
}
.nwmls-database-text {
    color: var(--brand-green-mid);
}
.nwmls-belong-title {
    font-family: 'Field Gothic No75 Bold Wide', Impact, Arial, sans-serif;
}
.nwmls-badge div {
    margin-top: .5rem;
    text-align: center;
}
.nwmls-badge div a {
    color: var(--brand-gold);
    text-decoration: underline !important;
}
.nwmls-first-bg {
    background: radial-gradient(at 70% 60%, #386241 1%, #00261A 30%, transparent 50%),
                radial-gradient(at 20% 0%, #18412B 8%, #00261A 30%, transparent 150%);
}
.nwmls-second-bg {
    background:
        radial-gradient(at 21% 52%, #3B5D51 3%, #33574C 8%, transparent 30%),
        radial-gradient(at 50% 60%, #5F8155 0%, transparent 50%),
        radial-gradient(at 25% 75%, #4D6F4E 3%, #3b593c 10%, transparent 25%),
        radial-gradient(at 75% 80%, #446358 7%, #274D3F 20%, transparent 35%);
}
/* xs */
@media (max-width: 575px) { 
    .nwmls-first-bg {
        background: radial-gradient(at 70% 60%, #2a4931 5%, #00261A 40%, transparent 50%),
                    radial-gradient(at 20% 0%, #18412B 8%, #00261A 30%, transparent 150%);
    }
    .nwmls-second-bg {
        background: radial-gradient(at 25% 65%, #39533a 1%, #3b593c 20%, transparent 50%),
                    radial-gradient(at 75% 60%, #446358 1%, #274D3F 20%, transparent 50%);
    }
}
/* xs & sm */
@media (max-width: 767px) {

    .nwmls-hero-header {
        padding: 2rem;
    }
    .nwmls-your-mls {
        padding: 3rem 2rem;
    }
    .nwmls-sound-business-content,
    .nwmls-priceless-content {
        padding: 30px;
    }
    .nwmls-sound-business-title,
    .nwmls-priceless-title {
        margin-bottom: 2rem;
        line-height: 2rem;
    }
    .nwmls-belong-row {
        padding-bottom: 30px;
    }
    .nwmls-database-title,
    .nwmls-belong-title {
        padding: 30px;
    }
    .nwmls-database-text,
    .nwmls-belong-text {
        padding: 0 30px 30px 30px;
    }
}
/* md */
@media (min-width: 768px) {
    .nwmls-hero-header {
        padding: 2rem;
    }
    .nwmls-your-mls {
        padding: 3em 0 2em;
    }
    .nwmls-video {
        margin-bottom: 6rem;
    }
    .nwmls-sound-business-title {
        margin-bottom: 2rem;
    }
    .nwmls-sound-business-content{
        padding-right: 50px;
    }
    .nwmls-sound-business-title,
    .nwmls-priceless-title {
        line-height: 3rem;
        margin-bottom: 1rem;
    }
    .nwmls-sound-business-text {
        line-height: 1.6rem;
        padding-bottom: 2rem;
    }
    .nwmls-sound-business-image {
        padding-bottom: 1rem;
    }
    .nwmls-priceless-image {
        margin-left: -60px;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .nwmls-priceless-text {
        padding-right: 50px;
    }
    .nwmls-priceless-content {
        margin-left: -30px;
        padding: 30px 0 30px 0;
    }
    .nwmls-database-title {
        padding: 30px 0 0 60px;
    }
    .nwmls-database-text {
        padding: 30px 50px 30px 0;
    }
    .nwmls-belong-row {
        padding: 50px 0;
    }
    .nwmls-badge-1 {
    padding-left: 30px;
}
    .nwmls-badge-2 {
        padding-left: 30px;
    }
}
/* lg */
@media (min-width: 992px) {

}
/* xl */
@media (min-width: 1200px) {
    .nwmls-hero-header {
        padding: 4rem 5rem;
    }
    .nwmls-sound-business-row{
        margin-bottom: calc(var(--nwmls-priceless-overlap-xl) * -1);
    }
    .nwmls-sound-business-content {
        padding-right: 0px;
    }
    .nwmls-sound-business-text {
        padding-right: 160px;
    }
    .nwmls-sound-business-image {
        padding-bottom: 1.5rem;
    }
    .nwmls-priceless-image {
        margin-left: -93px;
        padding-top: var(--nwmls-priceless-overlap-xl);
        padding-bottom: var(--nwmls-priceless-overlap-xl);
    }
    .nwmls-sound-business-title,
    .nwmls-priceless-title {
        margin-bottom: 1.5rem;
    }
    .nwmls-priceless-content {
        padding: 0;
    }
    .nwmls-priceless-text {
        padding-right: 50px;
    }
    .nwmls-database-row {
        margin-top: calc(var(--nwmls-priceless-overlap-xl) * -1);
    }
    .nwmls-database-title {
        padding: 100px 0 0 120px;
    }
    .nwmls-database-text {
        padding: 100px;
    }
    .nwmls-belong-row {
        padding: 150px 0;
    }
    .nwmls-belong-title {
        margin-bottom: 2rem;
    }
}
/* xxl */
@media (min-width: 1400px) {
    .nwmls-sound-business-row{
        margin-bottom: calc(var(--nwmls-priceless-overlap-xxl) * -1);
    }
    .nwmls-sound-business-title {
        margin-bottom: 2rem;
    }
    .nwmls-sound-business-content {
        margin-top: 5rem;
    }
    .nwmls-sound-business-text {
        padding-right: 220px;
    }
    .nwmls-sound-business-image {
        margin-left: 1px;
    }
    .nwmls-priceless-title {
        margin-bottom: 2rem;
    }
    .nwmls-priceless-image {
        margin-left: -110px;
        padding-top: var(--nwmls-priceless-overlap-xxl);
        padding-bottom: var(--nwmls-priceless-overlap-xxl);
    }
    .nwmls-priceless-content {
        padding: 80px 80px 80px 0;
    }
     .nwmls-database-row {
        margin-top: calc(var(--nwmls-priceless-overlap-xxl) * -1);
    }
}
