/* Top Nav Changes */
.c-header {
    position: relative;
}
#block-body,
#c-apply-now {
    /* defaults */
    --custom-primary:var(--fire);
    --custom-secondary:var(--medallion);
    --custom-tertriary:var(--powder);
    
    --custom-accent:var(--black);
}
#block-body {
    padding-top:0;
}
.c-desktop-menu__item--pay {
    display: none;
}
#c-desktop-menu-apply__button {
    padding:var(--space-2xs) var(--space-2xs);
}
.c-desktop-menu-apply__text {
    order:2;
}
.c-desktop-menu-apply__img {
    max-width:30px;
    margin-inline-end:var(--space-2xs);
    border:unset;
}

.c-notifications-bar {
    background:var(--pine);
}
.c-notifications-bar__text {
    color:var(--white);
}
.c-notifications-bar__text span {
  color:var(--medallion);
}

/* Bottom Nav Changes */
.c-apply-now {
    display:flex;
    background-color:var(--white);
    color:var(--balck);
}

.c-apply-now__content,
.c-apply-now__scroller {
    width:100%;
}
.c-apply-now__scroller {
    padding:var(--space-s);
    overflow-x:auto;
}
.js-is-closed .c-apply-now__scroller {
  opacity: 0;
  transition: .5s ease-in-out;
}

.c-apply-now__wrapper {
    display:grid;
    gap:var(--space-2xs-m);
    width:100%;
    grid-template-areas:
    "headshot name contact buttons";
    grid-template-columns: auto 2.5fr 1.5fr 3fr;
}
.c-apply-now__img {
    max-width:72px;
}
.c-apply-now__list-border {
    border-width: .125em;

    display: flex;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    padding: .25rem;
    cursor: pointer;
    transition: .5s ease-in-out;
    aspect-ratio: 1;

    border: .125rem solid var(--corporategreen);
    color:var(--corporategreen);
}

.c-apply-now__col--headshot {
    grid-area:headshot;
}
.c-apply-now__col--name {
    grid-area:name;
}
.c-apply-now__col--contact {
    grid-area:contact;
}
.c-apply-now__col--buttons {
    grid-area:buttons;
}

.c-apply-now__col--headshot {
    display:flex;
    align-items: flex-start;
}
.c-apply-now__col--buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-s);
}
.c-apply-now__button-link, .c-apply-now__button {
    display: inline-flex;
    flex-grow: 1;
}

@media screen and (max-width: 768px) {
    
    .c-apply-now__wrapper {
        display:grid;
        gap:var(--space-2xs-m);
        grid-template-areas:
        "headshot name contact"
        "buttons buttons buttons";
        grid-template-columns: auto 1fr 1fr;
    }

}

@media screen and (max-width: 768px) {
    
    .c-apply-now__wrapper {
        display:grid;
        gap:var(--space-2xs-m);
        grid-template-areas:
        "headshot name"
        "contact contact"
        "buttons buttons";
        grid-template-columns: auto 1fr;
    }

}

/* --- BASE THEME STYLES --- */

.o-btn--color-medallion {
    text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}
@media (hover: hover) {

}

.c-team-info {
    background:var(--powder);
    padding-block:var(--space-xl);
}

.c-team-info__columns {
    position: relative;
    display:grid;
    grid-template-areas:
    "headshot headshot name name name name"
    "headshot headshot contact contact contact contact"
    "headshot headshot contact contact contact contact"
    "socials socials buttons buttons buttons buttons"
    ;
    column-gap: var(--space-m-l);
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);

    box-shadow: var(--box-shadow);
    background: var(--white);

    --padding-height:var(--space-m-xl);
    padding-inline: var(--padding-height);
    padding-block:var(--space-m);

    border-radius: 1.2em;
    overflow: hidden;
}
.c-team-info__column {
    display:contents;
}

.c-team-info__row {
    position: relative;
    z-index:1;
}
.c-team-info__row + .c-team-info__row {
    padding-block-start:var(--space-xs);
}

/* .c-team-info__row--1 {
    grid-row:span 1;
}
.c-team-info__row--2 {
    grid-row:span 2;
}
.c-team-info__row--3 {
    grid-row:span 3;
}
.c-team-info__row--4 {
    grid-row:span 4;
} */

.c-team-info__row--1-1 {
    grid-area:headshot;
}
.c-team-info__row--1-2 {
    grid-area:socials;
}
.c-team-info__row--2-1 {
    grid-area:name;
}
.c-team-info__row--2-2 {
    grid-area:contact;
}
.c-team-info__row--2-3 {
    grid-area:buttons;
}

.c-team-info__row--2-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.c-team-info__row--1-1 {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.c-team-info__row--1-2 {
    display:flex;
    justify-content: center;
    align-items: center;
}
.c-team-info__row--1-2 .c-team-info__flex {
    justify-content: space-around;
    gap: var(--space-2xs);
}
.c-team-info__row--2-2 {
    display:flex;
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1024px) {

    .c-team-info__columns {
        grid-template-areas:
        "headshot headshot name name name name"
        "headshot headshot contact contact contact contact"
        "socials socials contact contact contact contact"
        "buttons buttons buttons buttons buttons buttons";
    }
    
}

@media screen and (max-width: 768px) {

    .c-team-info__columns {
        grid-template-areas:
        "headshot headshot headshot name name name name"
        "headshot headshot headshot contact contact contact contact"
        "socials socials socials contact contact contact contact"
        "socials socials socials contact contact contact contact"
        "buttons buttons buttons buttons buttons buttons buttons";
        grid-template-columns: repeat(7, 1fr);
    }
    .c-team-info__row--1-1 {
        align-items: center;
    }

}


@media screen and (max-width:600px) {

    .c-team-info__columns {
        grid-template-areas:
        "headshot headshot headshot headshot headshot headshot"
        "name name name name name name"
        "contact contact contact contact contact contact"
        "socials socials socials socials socials socials"
        "buttons buttons buttons buttons buttons buttons";
        grid-template-rows:2fr 1fr repeat(3, auto);
        grid-template-columns: repeat(6, 1fr);
    }

}

.c-team-info__list-border {
    display: flex;
    width: 1.75em;
    height: 1.75em;
    border-radius: 50%;
    padding: .5rem;
    cursor: pointer;
    transition: .5s ease-in-out;
    aspect-ratio: 1;

    border: .2rem solid var(--corporategreen);
    color:var(--corporategreen);
}
.c-team-info__list-border svg, .c-apply-now__list-border svg {
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
    color:currentColor;
}
.c-team-info__link, .c-apply-now__link {
    text-decoration: none;
    color:currentColor;
}
.c-team-info__underline, .c-apply-now__underline {
    background-size: 0 5px;
    background-image: linear-gradient(180deg,currentColor 25%,transparent 0);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    display: inline;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    line-height: 1;
    transition: background-size .3s;
}
@media (hover: hover) {
    .c-team-info__list-item:hover .c-team-info__list-border, .c-apply-now__list-item:hover .c-apply-now__list-border {
        transform: scale(1.1);
        transform-origin: center center;

        border-color: var(--fire);
        color:var(--fire);
    }
    .c-team-info__list-item:hover .c-team-info__underline, .c-apply-now__list-item:hover .c-apply-now__underline {
        background-image: linear-gradient(180deg,currentColor 25%,transparent 0);
        background-size: 100% 5px;
        background-position-x: left;
        background-position-y: bottom;
    }
}

.c-team-info__flex {
    width:100%;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    gap:var(--space-s-m);
}

.c-team-info__icon {
    border-radius: 50%;
    padding:.5em;
    cursor:pointer;
    transition:.5s ease-in-out;
    border:.2em solid var(--corporategreen);
    color:var(--corporategreen);
}
@media (hover:hover) {
    .c-team-info__icon:hover {
        transform:scale(1.1);
        transform-origin: center center;

        border-color:var(--fire);
        color:var(--fire);
    }
}
.c-team-info__icon a {
    display:flex;
    width:2em;
    height:2em;
    color:currentColor;
}
.c-team-info__icon svg {
    width:100%;
    height:100%;
    transition:.5s ease-in-out;
}

@media (hover:hover) {
    .c-team-info__icon:hover svg {
        color:var(--fire);
    }
}

@media screen and (max-width: 768px) {

    .c-team-info__icon a {
        xwidth:4vw;
        xheight:4vw;
    }

}

.c-team-info__name {
    font-weight:900;
    text-transform: uppercase;
    color:var(--fire);
}
.c-team-info__title {
    margin-block-start:0;
}

.c-team-info__btn {
    display: block;
    flex-basis:calc( 50% - var(--space-s) );
    min-width:250px;
    flex-grow:1;
}

.c-team-info__img {
    width:100%;
    max-width:min(450px, 80vw);
    max-height: min(450px, 80vh);
    height:auto;
    aspect-ratio: 1;
    background-position: center;
    background-size:cover;
    background-color:var(--white);
    border:.25em solid var(--corporategreen);
}

/* Bio */
.c-team-bio__licensed-map-container {
    width:100%;
    cursor:zoom-in;
    transition:.5s ease-in-out;
}
#c-team-bio__licensed-map {
    width: 100%;
    height: 100%;
}
@media (hover:hover) {
    .c-team-bio__licensed-map-container:hover {
        transform:scale(1.05);
        transform-origin: center;
    }
}

/* Bio */
.c-team-bio {
    padding-block:var(--space-l-xl);
    background:var(--white);
}
#c-team-bio.js-is-hidden {
    display:none;
}

.c-team-bio__heading {
    color:var(--corporategreen);
}
.c-team-bio__name {
    color:var(--fire);
}

.c-team-bio__columns {
    align-items: stretch;
    gap:var(--space-xl);
}
.c-team-bio__column--1 {
    min-width: min(320px, 100%);
    flex-basis: calc( 55% - var(--space-xl) );
}
.c-team-bio__column--2 {
    position: relative;
    min-width: min(320px, 100%);
    flex-basis: calc( 45% - var(--space-xl) );
    overflow: hidden;
    padding:var(--space-2xs);
    border:.25em solid var(--corporategreen);
}
.c-team-bio__column--2.js-is-hidden {
    display: none;
}
.c-team-bio__inner {
    line-height: 2;
    font-weight:200;
}
.c-team-bio__inner strong {
    font-weight:900;
    color:var(--corporategreen);
}

/* Experience */
#ss-custom-reviews-widget-root {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow-y:auto;
}

@media screen and (max-width: 1024px) {
    #ss-custom-reviews-widget-root {
        position:relative;
    }

    .c-team-bio__column--1 {
        flex-basis: calc( 45% - var(--space-xl) );
    }
    .c-team-bio__column--2 {
        flex-basis: calc( 55% - var(--space-xl) );
    }

}

@media screen and (max-width: 768px) {

    .c-team-bio__column--1, .c-team-bio__column--2 {
        flex-basis:100%;
    }

}

/* Videos */
.c-video__text {
    position:relative;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:var(--space-l-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: 50% 50%;
    z-index: 1;
    background-image:url(../assets/neighborhood-bck.jpg);
}
.c-video__play-button {
    width:3vw;
    min-width:40px;
    aspect-ratio: 1;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: .5s ease-in-out;
    cursor: pointer;

    border-radius: .3rem;
    background: var(--corporategreen);
}
.c-video__play-button svg {
    width:45%;
    height:45%;
    color:var(--white);
}

@media (hover:hover) {
    .c-video__play-button:hover {
        transform:scale(1.1);
        transform-origin:center center;
        background: var(--fire);
    }
}

.c-video__meet {
    font-weight:500;
    color: var(--white);
    background: var(--medallion);
}
.c-video__last, .c-video__home {
    color:var(--pine);
}

/* Generic Carousel Styles */
.splide {
    /* Everything is calculated off the slide arrow width var */
    --slide-arrow-width:var(--step-2);
    --slide-arrow-padding:calc( var(--slide-arrow-width) * 1.5 );
    --slide-arrow-space: calc( (var(--slide-arrow-width) * .33) + var(--slide-arrow-width) );

    --slide-dot-width: calc( var(--slide-arrow-width) * .4);
    --slide-dot-space: calc( (var(--slide-arrow-width) * 1.5) / 2 );

    padding:var(--slide-arrow-padding);
    padding-block-start:var(--space-xs);
}
.splide.js-one-slide {
    --slide-arrow-width:0;
    padding-block-start:0;
}

.splide__slide__content {
    text-align:center;
    margin-block-start:var(--space-s);
}
.splide__arrow {
    color:var(--white);
    background: none;
    border: 0;
    cursor: pointer;
    position: absolute;
    padding:0;
    top: 50%;
}

.splide__arrow svg {
    fill: currentColor;
    stroke: currentColor;
    stroke-linecap: square;
    stroke-width: 0px;
    height:var(--slide-arrow-width);
    vertical-align: middle;
    width:var(--slide-arrow-width);
    transition: .5s ease-in-out;
}
.splide__arrow--prev {
  left:0;
  transform:scaleX(-1) translateY(-50%) translateX(-25%);
}
.splide__arrow--next {
  right:0;
  transform: translateY(-50%) translateX(-25%);
}
@media (hover: hover) {
    .splide__arrow:hover svg {
        transform: scale(1.2);
    }
}

.splide__pagination {
    bottom:calc(1 * var(--slide-dot-space));
    left:50%;
    position:absolute;
    transform:translate(-50%, 50%);
    width:100%;
    padding:0;
}
.splide__pagination__page {
    background:var(--white);
    border:0;
    border-radius:50%;
    display:inline-block;
    height:var(--slide-dot-width);
    margin:0 .1em;
    padding:0;
    position:relative;
    transition:background-color .2s ease,color .2s ease;
    width:var(--slide-dot-width);
    cursor: pointer;
}
.splide__pagination__page.is-active {
    background:var(--medallion);
}
.splide__pagination__page:not(.is-active):hover {
    background:#c4d5d7;
}

.splide__pagination__page:focus:not(:focus-visible) {
    outline:0
}
.splide__pagination__page:focus-visible {
    outline-offset:3px;
    z-index:1;
}

/* Carousel Overrides */
.c-team-video-carousel {
    width:100%;
    height:auto;
    display: flex;
}
.c-team-video-carousel__iframe {
    position: absolute;
    width: 100%;
    height:100%;
    cursor: pointer;
}
.c-team-video-carousel__vid {
    max-width:100%;
    max-height:100%;
    object-fit: cover;
    cursor: pointer;
}
.c-team-video-carousel .splide__slide__container {
    display:flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
    width:100%;
    height:100%;

    xmax-height: 520px;
    xoverflow-y:auto;
}

/* Splide Overrides */
#c-team-video-carousel__splide-track {
    xheight:100%;
    width:100%;
}
#c-team-video-carousel__splide .splide__arrow {
    color:var(--corporategreen);
}
#c-team-video-carousel__splide .splide__pagination__page {
    background:#c4d5d7;
}
#c-team-video-carousel__splide .splide__pagination__page.is-active {
    background:var(--corporategreen);
}

/* --- Calculator styles in own file --- */

/* What sets up apart */
.c-awards-content {
    background-color:var(--pine);
    padding-block:var(--space-l-2xl);
    color:var(--white);
    text-align: center;
}
.c-awards-content__heading {
    line-height: 0;
}

.c-awards-content-carousel {
    margin-block-start:0;
}
.c-awards-content__list {
    margin-left:2em;
    display: flex;
    justify-content: center;
    text-align: left;
}

.c-awards-content-carousel__name {
    color:var(--white);
}

.c-awards-content-carousel__text, .c-awards-content-carousel__subtext {
    font-family: var(--libre);
    font-size: var(--step--1);
    line-height: 125%;
    padding-inline:var(--space-s);
    text-wrap: balance;
}
.c-awards-content-carousel__text span {
    font-size: 1.75em;
}
.c-awards-content-carousel__subtext {
    padding-block-end:var(--space-s);
}
.c-awards-content-carousel__img--custom {
    max-width:240px;
}

/* Social Carousel */
.c-social-content {
    position: relative;
    padding-block:var(--space-l-xl);
    background-size:cover;
    background-position: top center;
}
.c-social-content::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--pine);
    opacity:.7;
    xmix-blend-mode: overlay;
}
.c-social-content__column {
    align-self:center;
}

#c-awards-content-carousel__splide .splide__list {
    align-items: center;
}

/* Form */
.c-social-form {
    overflow-x:auto;
    margin:0 auto;
    position:relative;
    display: flex;
    flex-direction: column;

    /* https://isellsoap.net/articles/overview-css-scrolling-shadows-and-content-fading-techniques/ */
    --mask-height:var(--space-s);
    --direction:right;
    mask-image: linear-gradient(
        to var(--direction, bottom),
        transparent,
        #000 var(--mask-height),
        #000 calc(100% - var(--mask-height)),
        transparent
    );
    mask-repeat: no-repeat;
    mask-size: 100% 100%;

    /* test thoroughly */
    height:max-content;
}
/* inherit privacy form stylings */
.c-social-form__form {
    height: auto;
    width: 100%;
}

@media (max-width: 500px) {
    
    .c-social-form {
        padding-inline:calc(var(--mask-height) - var(--space-s));
    }

}

.c-social-form--checkbox {
    background: unset;
    border-radius: unset;
    box-shadow: unset;
    margin-block:var(--space-xs);
}

.c-social-form__grid {
    display:grid;
    gap: var(--space-xs);
    grid-template-columns: repeat(6, 1fr);
    grid-auto-flow:row;
    align-items: flex-start;
}
.c-social-form__row {
    background-color:var(--powder);
    border:.15em solid var(--black);
    grid-column: span 6;
}
.c-social-form__row--3 {
    grid-column: span 3;
}
.c-social-form__row--2 {
    grid-column: span 2;
}
.o-privacy-form__label {
    font-size:var(--step--2);
    margin-left: var(--space-xs);
    font-family: var(--poppins);
    font-weight: 900;
}
.o-privacy-form__label span {
    color:red;
}
.o-privacy-form__input, .o-privacy-form__select {
    border:none;
    outline:none;
    padding:0;
}
.o-privacy-form__input-wrapper {
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    padding:var(--space-2xs);
}
form input[type="radio"], form input[type="checkbox"], .c-social-form--checkbox {
    margin-inline-start:var(--space-xs);
}

.just-validate-error-label {
    margin-block-start:var(--space-3xs);
    font-style: italic;
}

#c-social-form__button--submit {
    xpointer-events: none;
}

@media (max-width: 768px) {
    
}

/* Additional Links */
.c-additional-links {
    padding-block:var(--space-l-3xl);
    background:var(--powder);
    text-align: center;
}
.c-additional-links__heading {
    display: inline-block;
    margin:0 auto;
    color:var(--pine);
    padding-bottom:var(--space-xs);
    border-bottom:.2rem solid currentColor;
    font-weight:900;
}

/* Modal Styles */
.c-team-modal__svg-container {
    position: relative;
    width:85vw;
    height:85vh;
    display: flex;
}

.o-modal {
    background:rgba(255,255,255,.5);
}

.c-instagram-embed {
    max-width:23vw;
    min-width:325px;
    max-height:100%;
}

/* Video Modal */
.c-team-modal__videos {
    width:100%;
    height:85vh;
    background:rgba(0,0,0,.9);
    padding:var(--space-m);
}
#c-team-modal-carousel__splide {
    max-width:100%;
    width:auto;
    max-height: unset;
    height:100%;
}
#c-team-modal-carousel__splide .c-video__text {
    visibility: hidden;
    opacity:0;
}

/* --- THEME ALDER START --- */

/* Section 1 */
#t-lo-style--alder .c-team-info__columns {
    padding-block: var(--space-m-l);
}

#t-lo-style--alder .c-team-info__phone, #t-lo-style--alder .c-team-info__mobile {
    color:var(--corporategreen);
}
#t-lo-style--alder .c-team-info__address {
    color:var(--black);
}
#t-lo-style--alder .c-team-info__email {
    color:var(--fire);
}

#t-lo-style--alder .c-team-info__line {
    position:relative;
    width:calc( 100% + (2 * var(--padding-height)) );
    height:.25em;
    background:var(--corporategreen);
    margin-inline-start: calc( -1 * var(--space-m-l));
}

#t-lo-style--alder .c-team-info__list-item .c-team-info__list-border, #t-lo-style--alder .c-team-info__icon {
    border-color:var(--pine);
    color:var(--pine);
}
@media (hover:hover) {
    #t-lo-style--alder .c-team-info__list-item:hover .c-team-info__list-border, #t-lo-style--alder .c-team-info__icon:hover {
        border-color:var(--fire);
        color:var(--fire);
    }
}

/* --- THEME ALDER END --- */

/* --- THEME BIRCH START --- */

#t-lo-style--birch .c-team-info__background {
    display: grid;
    position: relative;
    grid-row-start: headshot;
    grid-column-start: headshot;
    grid-row-end: span 1;
    grid-column-end: all;
    background:var(--corporategreen);
    margin-inline: calc( -1 * var(--padding-height) );
    margin-top: calc( -1 * var(--space-m) );
}

@media screen and (max-width: 600px) {
    #t-lo-style--birch .c-team-info__background {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: span 2;
        grid-column-end: span 6;
    }
}

#t-low-style--2 .c-team-info__row--1-1 {
    align-items: center;
}

#t-lo-style--birch .c-team-info__img {
    position: relative;
    border-radius: 50%;
    aspect-ratio: 1;
    height:auto;
    border:.75em solid var(--white);
}
/* inner green border */
#t-lo-style--birch .c-team-info__img::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius: 50%;
    border:.25em solid var(--corporategreen);
}

#t-lo-style--birch .c-team-info__phone, #t-lo-style--birch .c-team-info__mobile {
    color:var(--fire);
}
#t-lo-style--birch .c-team-info__email {
    color:var(--medallion);
}

#t-lo-style--birch .c-team-info__name {
    color:var(--white);
}

#t-lo-style--birch .c-team-info__title {
    color:var(--white);
}

#t-lo-style--birch .c-team-info__list-item .c-team-info__list-border, #t-lo-style--birch .c-team-info__icon {
    border-color:var(--corporategreen);
    color:var(--corporategreen);
}
@media (hover:hover) {
    #t-lo-style--birch .c-team-info__list-item:hover .c-team-info__list-border, #t-lo-style--birch .c-team-info__icon:hover {
        border-color:var(--fire);
        color:var(--fire);
    }
}

#t-lo-style--birch .c-team-bio__column--1 {
    order:2
}
#t-lo-style--birch .c-team-bio__column--2 {
    order:1;
}

/* Licensed Map */
#c-team-bio__licensed-map--birch .st0, #c-team-bio__licensed-map--birch .st2 {
    fill:var(--pine);
}
#c-team-bio__licensed-map--birch .st3, #c-team-bio__licensed-map--birch .st4 {
    fill:var(--corporategreen);
}
#c-team-bio__licensed-map--birch #c-northeast-lines {
    fill:#CBCBCA;
}

/* --- THEME BIRCH END --- */

/* --- THEME CEDAR START --- */

/* Video Carousel */
#t-lo-style--cedar #team_video_container {
    display: none;
}

/* Section 1 */
#t-lo-style--cedar .c-team-info {
    background: unset;
    padding-block-end:0;
}
#t-lo-style--cedar .c-team-info__columns {
    background: unset;
    box-shadow: unset;
    padding-inline: var(--gutter-wrapper-inline,var(--gutter));
    padding-block: 0;

    display: flex;
    align-items: stretch;
    --grid-gap:var(--space-m-xl);
}
#t-lo-style--cedar .c-team-info__column {
    display: flex;
    min-width: min(320px, 100%);
}
#t-lo-style--cedar .c-team-info__column--1 {
    flex-basis: calc( 55% - var(--grid-gap) );
    display: flex;
    justify-content: center;
    align-items: center;
}
#t-lo-style--cedar .c-team-info__column--2 {
    position: relative;
    flex-basis: calc( 45% - var(--grid-gap) );
    overflow: hidden;
    padding:0;
}

@media screen and (max-width: 1024px) {

    #t-lo-style--cedar .c-team-info__column--1 {
        flex-basis: calc( 45% - var(--grid-gap) );
    }
    #t-lo-style--cedar .c-team-info__column--2 {
        flex-basis: calc( 55% - var(--grid-gap) );
    }

}

@media screen and (max-width: 768px) {

    #t-lo-style--cedar .c-team-info__column--1, #t-lo-style--cedar .c-team-info__column--2 {
        flex-basis: 100%;
    }

}

#t-lo-style--cedar .c-team-bio {
    background: unset;
}

#t-lo-style--cedar .c-team-info__img {
    border-radius: 50%;
}

#t-lo-style--cedar .c-team-info__phone, #t-lo-style--cedar .c-team-info__mobile {
    color:var(--fire);
}
#t-lo-style--cedar .c-team-info__email {
    color:var(--corporategreen);
}

#t-lo-style--cedar .c-team-info__name {
    color:var(--corporategreen);
}

#t-lo-style--cedar .c-team-info__list-item .c-team-info__list-border {
    border-color:var(--medallion);
    color:var(--medallion);
}
@media (hover:hover) {
    #t-lo-style--cedar .c-team-info__list-item:hover .c-team-info__list-border {
        border-color:var(--fire);
        color:var(--fire);
    }
}

/* Video */
#t-lo-style--cedar .c-video__meet {
    background: var(--fire);
}

/* --- THEME CEDAR END --- */

/* --- BLACK & WHITE COLOR START --- */
.js-black-and-white {
    --fire:var(--black);
    --corporategreen:var(--black);
    --pine:var(--black);
    --medallion:var(--black);
    --powder:#E6E6E6;
    --peacock:var(--black);
}

/* Black & White specific overrides */

/* Apply Bar */
#c-apply-now.js-black-and-white {
    --corporategreen:#9D9D9C;
}

/* Notifications Bar */
.js-black-and-white .c-notifications-bar__text {
    --medallion:var(--white);
}

.js-black-and-white .o-btn--color-fire {
    --fire:#58595B;
}
.js-black-and-white .o-btn--color-medallion {
    --medallion:#C4C4C4;
    text-shadow: unset;
}
@media (hover: hover) {
    .js-black-and-white .o-btn--color-fire:hover {
        color:var(--black);
    }
    .js-black-and-white .o-btn--color-medallion:hover {
        color:var(--black);
    }
}
.js-black-and-white .c-team-info__list-border {
    --medallion:#9D9D9C;
    --pine:#9D9D9C;
    --corporategreen:#9D9D9C;
    --fire:#9D9D9C;
}

/* LO BIO */
.js-black-and-white .c-team-bio__heading {
    --corporategreen:#9D9D9C;
}

/* LO MAP */
.js-black-and-white .c-team-bio__licensed-map .st0 {
    fill:#4C4C4B;
}
.js-black-and-white .c-team-bio__licensed-map .st2 {
    fill:#CBCBCA;
}
.js-black-and-white .c-team-bio__licensed-map .st3 {
    fill:#616160;
}
.js-black-and-white .c-team-bio__licensed-map .st4 {
    fill:#616160;
}
.js-black-and-white .c-team-bio__licensed-map #c-northeast-lines {
    fill:#CBCBCA;
}

/* Mortgage Calc */
.js-black-and-white .c-calculator {
    background:#E6E6E6;
    --corporategreen:#4C4C4B;
    --fire:#4C4C4B;
    --medallion:#9D9D9C;
    --powder:#C4C4C4;
    --pine:var(--black);
}
.js-black-and-white .c-caclulator__heading {
    --corporategreen:#9D9D9C;
}
.js-black-and-white .c-calculator__link {
    --corporategreen:var(--white);
}
.js-black-and-white .c-calculator__results h3 {
    --fire:var(--black);
}

/* Connect With */
.js-black-and-white .c-social-form__heading {
    --medallion:#C4C4C4;
}
.js-black-and-white .c-social-form__form {
    --powder:var(--white);
    --fire:#C4C4C4;
}

.js-black-and-white .c-awards-content__heading {
    --medallion:#C4C4C4;
}

/* Splide */
.js-black-and-white .splide__pagination {
    --medallion:#9D9D9C;
}

/* ACCENT COLOR START */

#c-apply-now.js-black-and-white {
    --corporategreen:var(--custom-accent);
}

.js-accent-color .c-team-info__name {
    --fire:var(--custom-accent);
}
.js-accent-color .o-btn--color-fire {
    --fire:var(--custom-accent);
}
@media (hover: hover) {
    .js-accent-color .o-btn--color-fire:hover {
        color:var(--custom-accent);
    }
}
.js-accent-color .c-team-info__list-border {
    --medallion:var(--custom-accent);
    --pine:var(--custom-accent);
    --corporategreen:var(--custom-accent);
    --fire:var(--custom-accent);
}

/* LO BIO */
.js-accent-color .c-team-bio__name {
    --fire:var(--custom-accent);
}

/* LO MAP */
.js-accent-color .c-team-bio__licensed-map .st3,
.js-accent-color .c-team-bio__licensed-map .st4 {
    fill:var(--custom-accent);
}

/* VIDEO */
.js-accent-color .c-video__meet {
    --medallion:var(--custom-accent);
}

/* Mortgage Calc */
.js-accent-color .c-calculator {
    --fire:var(--custom-accent);
}
.js-accent-color .c-caclulator__heading {
    --corporategreen:var(--custom-accent);
}

/* Awards */
.js-accent-color  .c-awards-content__heading {
    --medallion:var(--custom-accent);
}

/* Connect with */
.js-accent-color #c-social-form__button--submit {
    --medallion:var(--custom-accent);
}

/* --- CUSTOM COLOR START --- */
.js-custom-color {
    /* override all instances */
    --fire:var(--custom-primary);
    --medallion:var(--custom-secondary);
}
.js-custom-color .c-team-info,
.js-custom-color .c-calculator {
    /* override specific instances */
    background: var(--custom-tertiary);
}
/* Licensed Map TODO Adjust these */
/* #c-team-bio__licensed-map--4 .st0, #c-team-bio__licensed-map--4 .st2 {
    fill:var(--corporategreen);
}
#c-team-bio__licensed-map--4 .st3, #c-team-bio__licensed-map--4 .st4 {
    fill:#F7B7D3;
}
#c-team-bio__licensed-map--4 #c-northeast-lines {
    fill:#CBCBCA;
} */

/* Social Form Logos */
.c-social-content__img {
    max-width:500px;
    display: block;
    margin-inline:auto;
}
/* TODO Headshot */
.c-social-content__img--headshot {
    border-radius: 50%;
    aspect-ratio: 1;
    height:auto;
    outline:.5em solid var(--pine);
}

/* Experience Stylings */
.c-reviews__wrapper {
    padding:var(--space-m);
}
.c-reviews__powered {
    margin-block-end:var(--space-m);
    padding-block:var(--space-s) var(--space-s);
    border-bottom: .125em solid var(--black);
}
.c-reviews__overview {
    gap:var(--space-3xs);
}

.c-reviews__col {
    min-width:unset;
    flex-basis: unset;
}
.c-review__reviewer {
    gap:var(--space-3xs);
}
.c-review-reviewer__col {
    min-width:unset;
    flex-basis: unset;
}
.c-review__review {
    margin-block-start:var(--space-s);
    width:100%;
}

.c-reply {
    background:var(--cloud);
    padding:var(--space-s);
    border-left:.25em solid var(--corporategreen);
    margin-block-start:var(--space-s);
}
/* Target last reivew */
#ss-custom-reviews--widget-cont > .c-review:last-child {
    border-bottom: none;
}

.c-review {
    padding-block-end:var(--space-s);
    border-bottom: .125em solid var(--black);
}

#ss-custom-reviews-widget-root .js-is-hidden {
    display: none;
}