.SplitInfobox,
.SplitInfoboxSmall,
.SplitInfobox-section,
.SplitInfobox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.SplitInfobox-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.SplitInfobox-wrapper .SplitInfobox {
    margin-bottom: 3.2rem;
    width: 100%
}
@media (min-width: 640px) {
    .SplitInfobox-wrapper .SplitInfobox {
        padding: 0 .8rem;
        width: 50%
    }
}

.SplitInfoboxSmall-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 8pt;
}
.SplitInfoboxSmall-wrapper .SplitInfobox {
    margin-bottom: 3.2rem;
    width: 100%
}

@media (min-width: 640px) {
    .SplitInfoboxSmall-wrapper .SplitInfobox {
        padding: 0 .8rem;
        width: 50%
    }
}

@media (min-width: 1100px) {
    .SplitInfoboxSmall-wrapper .SplitInfobox {
        padding: 0 .8rem;
        width: 33%
    }
}

.SplitInfobox-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%
}
.SplitInfobox-section:nth-child(2n) {
    margin-left: .4rem
}
.SplitInfobox-section:nth-child(2n+1) {
    margin-right: .4rem
}
.SplitInfobox-figure,
.SplitInfobox-info {
    height: 100%;
    width: 100%
}
.SplitInfobox-figure {
    background-repeat: no-repeat;
    background-size: cover
}
.SplitInfobox-info {
    padding: 2rem
}
.SplitInfobox-subtitle {
    padding: .8rem;
    text-align: center
}

.NewsPreview-image {
    height:300px !important;
}

.PropertyInformation-location {
    font-size:0.9em;
}


.NewsCard-wrapper .NewsPreview--card{
    padding:0.4rem 1.6rem;
}

.NewsPreview-title {
    color: #255775;
    display: -webkit-box;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.16rem;
    margin: .8rem 0 1.6rem 0;
    max-height: 6.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    min-height: 6rem;
}

.NewsFeatured-title {
    color: #255775;
    display: -webkit-box;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.16rem;
    margin-bottom: 1.6rem;
    max-height: 6.48rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.slick-dots li button:before{
    font-size:16px;
}


.Nav-controls {
    z-index: 2000;
}

.is-stuck {
    z-index: 2000;
}


.NewsPreview-continueReading {

    background: #fff;
    color: #255775;
    border: 1px solid #d5d5d5;

}

.NewsPreview-continueReading:hover {   

background: #255775;

}


.Nav {

    background-color: #fff;
    padding: 2.4rem 0;
    z-index: 2000;

}

.MenuItem-abiLogo {

    height: 44px;
    width: 268px;

}


.u-bolder {    
    font-weight: 1000;
}


.PropertyInformation-label {
width: 35%;
}

.PropertyInformation-value {
 width: 65%;
}


.PropertyInformation-footer.PropertyInformation--quinary .PropertyInformation-cta{
    box-shadow: 0px 0 #c1c3c7;
}

.Nav-controls {
z-index: 2500;
}

@media (max-width: 960px)
.Nav-menuItem:first-child {
margin-top: 4.5rem;
}

/* .Nav-controls .AbiLogo { 
margin: 0 auto;
margin-top: 25px;
}*/
 
.MenuItem-abiLogo {
width: 230px;
}

.Nav-controls .AbiLogo{
width: 230px;
}

.orange {
    color: orange;
}

.slick-dots li.slick-active button:before { 
color: #255775;
}

.slick-dots li button:before { 
color: #255775; 
}


.hover-outline-white:hover {outline:1pt solid white;}

.clr {clear:both;}

.clsDVstatus {
    display:none;
}

.clsdvFileline:hover span.clsDVfilename {display:none;}
.clsdvFileline:hover span.clsDVstatus {display:block;}

.bold {font-weight:bold;}
.underline {text-decoration: underline !important;}

.cursPoint {cursor:pointer;}

.pt7 {font-size: 7pt;}
.pt12 {font-size: 12pt;}

@media (min-width: 1200px)
.Search-filter .Searchbox {
width: 33.33333%;
}
@media (min-width: 950px)
.Search-filter .Searchbox {
width: 50%;
}
@media (min-width: 640px)
.Search-filter .Searchbox {
width: 66.66667%;
}
.Search-filter .Searchbox {
width: 100%;
}
.Searchbox {
min-height: 2.4rem;
position: relative;
top: -.6rem;
}
.Search-filter .Searchbox input {
width: 80%; 
height: 85%;
border-width: 1px;
border-color: #e3e5ea;
border-style: solid;
}
.Search-filter .Searchbox button {  
height: 85%;
position: relative;
left: .6rem;
}


 .clsJCnormal {justify-content:normal;}

 .flexbox {
    display:flex; 
    flex-direction:row; 
    flex-wrap:wrap; 
    justify-content: space-between;
    align-items: center;
    width:100%;
    padding: 4px 0;
 }

 .clsCovid {
    margin-bottom: 1rem

 }

 .clsCovidText {
    border:1pt solid #ac162c;
    padding:2rem;
 }

 .clsCovidText p {
    padding-bottom:1rem;
    line-height:1.5em;
}

.caption {font-size: 7pt; color:gray;}


.clsSphereFrame {
    position: relative;
    height: 100%;
    width: 100%;
}

.mapbox-improve-map {display:none !important;}
.mapboxgl-ctrl-logo {display:none !important;}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.AwardsPreview{
    color:#6f7680
}
.AwardsPreview-image{
    background-size:contain;
    background-repeat:no-repeat;
    background-position:50% 50%;
    height:100px;
}

.AwardsPreview-summary{
    background-color:#e3e5ea;
    font-weight:300
}
.AwardsPreview-title{
    color:#255775;
    display:-webkit-box;
    font-size:1.5rem;
    font-weight:600;
    line-height:2.16rem;
    margin-bottom:1.6rem;
    max-height:6.48rem;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.AwardsPreview-date,.AwardsPreview-tags{
    font-size:1.2rem;
    margin-left:2.4rem;
    position:relative;
    text-transform:uppercase
}
.AwardsPreview-date:before,.AwardsPreview-tags:before{
    font-family:'FontAwesome';
    right:calc(100% + .8rem);
    position:absolute;
    width:1.6rem
}
.AwardsPreview-date{
    display:block;
    margin-bottom:.4rem
}
.AwardsPreview-date:before{
    content:'\f073'
}
.AwardsPreview-tags{
    display:block
}
.AwardsPreview-tags:before{
    content:'\f02c'
}
.AwardsPreview-summaryText,.AwardsPreview-tags{
    margin-bottom:2rem
}
.AwardsPreview-summaryText p{
    margin-bottom:1.2rem
}
.AwardsPreview-continueReading{
    font-size:1.5rem;
    text-decoration:none
}
.AwardsPreview--topStory .AwardsPreview-title{
    font-size:2.4rem;
    line-height:2.88rem;
    max-height:8.64rem
}
.AwardsPreview--topStory .AwardsPreview-continueReading{
    font-size:1.8rem
}
.AwardsPreview--topStory .AwardsPreview-date,.AwardsPreview--topStory .AwardsPreview-tags{
    font-size:1.5rem
}
.AwardsPreview--featured{
    background-color:#ebedf0;
    padding:2.8rem
}
.AwardsPreview--featured .AwardsFeatured-title{
    color:#255775;
    display:-webkit-box;
    font-size:1.8rem;
    font-weight:600;
    line-height:2.16rem;
    margin-bottom:1.6rem;
    max-height:6.48rem;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3
}
.AwardsPreview--featured .AwardsPreview-summary{
    background-color:transparent;
    padding-top:0;
    padding-right:0
}
.AwardsPreview--card{
    text-decoration:none;
    text-transform:none;
    -webkit-transition:opacity .2s;
    transition:opacity .2s
}
.AwardsPreview--card .AwardsPreview-footnote{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.AwardsCard-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.AwardsCard-wrapper:hover .AwardsPreview--card{
    opacity:.6
}
.AwardsCard-wrapper .AwardsPreview--card{
    margin-bottom:2rem;
    width:50%
}
@media (min-width:640px){
    .AwardsCard-wrapper .AwardsPreview--card{
        padding:.4rem 1.6rem;
        width:33%
    }
}
@media (min-width:950px){
    .AwardsCard-wrapper .AwardsPreview--card{
        width:25%
    }
}
.AwardsCard-wrapper .AwardsPreview--card:hover{
    opacity:1
}


.abiListingContacts {
    padding:8px;
    color:white;
    margin-bottom:12px; 
    text-transform:uppercase;
    background-color:rgb(172, 22, 44);
}


.clsWideOnly {
    display: none;
}

.clsWideOnly2 {
    display: none;
}

.clsWideOnly3 {
    display: none;
}


@media (min-width: 940px) {
  .clsWideOnly {display: inline;}
  .clsWideOnly3 {display: inline;}
}

@media (min-width: 640px) {
  .clsWideOnly2 {display: inline;}
}


.PropertyListing.clsWideOnly {
    height:212px; 
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.Footer-Text {
    margin: 1rem 0;
}

.Footer-Join {
    color:white;
    text-decoration:none; 
    padding:4px 12px;
    font-size:20px;    
}

.Infobox-body p {line-height: 2.5rem !important;}

:root{
    --primary-1: #0d3040;           --primary-1-hi: #586e79;
    --primary-2: #004759;           --primary-2-hi: #567e8b;
    --primary-3: #d42921;           --primary-3-hi: #e36f68;
    --primary-4: #faf2ed;           --primary-4-hi: #fbf6f2;

    --secondary-1: #a8a8a6;         --secondary-1-hi: #c2c2c0;
    --secondary-2: #595553;         --secondary-2-hi: #8a8886;
    --secondary-3: #DEDEDE;         --secondary-3-hi: #e7e7e7;
    --secondary-4: #f21c1c;         --secondary-4-hi: #f96b67;
    --secondary-5: #d1f2ed;         --secondary-5-hi: #dff6f2;

    --tertiary-1: #051e29;          --tertiary-1-hi: #516169;
    --tertiary-2: #92241a;          --tertiary-2-hi: #b46860;
    --tertiary-3: #d0c4b1;          --tertiary-3-hi: #ded5c8;
    --tertiary-4: #f5ead9;          --tertiary-4-hi: #f7f0e4;

    --mark-1: #F21C1C;              --mark-1-hi: #f96b67;
    --mark-2: #ED4238;              --mark-2-hi: #f47e76;

    --new: #0d3040;          --new-hi: #586e79;
    --available: #004759;    --available-hi: #567e8b;
    --offersdue: #92241a;    --offersdue-hi: #b46860;
    --pricereduced: #b1a183; --pricereduced-hi: #c8bda8;
    --closed: #d42921;       --closed-hi: #e36f68;
    --escrow: #a8a8a6;       --escrow-hi: #c2c2c0;

    .bg--primary-1 { background-color: var(--primary-1); }
    .bg--primary-2 { background-color: var(--primary-2); }
    .bg--primary-3 { background-color: var(--primary-3); }
    .bg--primary-4 { background-color: var(--primary-4); }

    .bg--primary-1-hi { background-color: var(--primary-1-hi); }
    .bg--primary-2-hi { background-color: var(--primary-2-hi); }
    .bg--primary-3-hi { background-color: var(--primary-3-hi); }
    .bg--primary-4-hi { background-color: var(--primary-4-hi); }

    .bg--secondary-1 { background-color: var(--secondary-1); }
    .bg--secondary-2 { background-color: var(--secondary-2); }
    .bg--secondary-3 { background-color: var(--secondary-3); }
    .bg--secondary-4 { background-color: var(--secondary-4); }
    .bg--secondary-5 { background-color: var(--secondary-5); }

    .bg--secondary-1-hi { background-color: var(--secondary-1-hi); }
    .bg--secondary-2-hi { background-color: var(--secondary-2-hi); }
    .bg--secondary-3-hi { background-color: var(--secondary-3-hi); }
    .bg--secondary-4-hi { background-color: var(--secondary-4-hi); }
    .bg--secondary-5-hi { background-color: var(--secondary-5-hi); }

    .bg--tertiary-1 { background-color: var(--tertiary-1); }
    .bg--tertiary-2 { background-color: var(--tertiary-2); }
    .bg--tertiary-3 { background-color: var(--tertiary-3); }
    .bg--tertiary-4 { background-color: var(--tertiary-4); }

    .bg--tertiary-1-hi { background-color: var(--tertiary-1-hi); }
    .bg--tertiary-2-hi { background-color: var(--tertiary-2-hi); }
    .bg--tertiary-3-hi { background-color: var(--tertiary-3-hi); }
    .bg--tertiary-4-hi { background-color: var(--tertiary-4-hi); }

    .bg--mark-1 { background-color: var(--mark-1); }
    .bg--mark-2 { background-color: var(--mark-2); }

    .bg--new { background-color: var(--new); }
    .bg--available { background-color: var(--available); }
    .bg--offersdue { background-color: var(--offersdue); }
    .bg--pricereduced { background-color: var(--pricereduced); }
    .bg--closed { background-color: var(--closed); }
    .bg--escrow { background-color: var(--escrow); }

    .bg--new-hi { background-color: var(--new-hi); }
    .bg--available-hi { background-color: var(--available-hi); }
    .bg--offersdue-hi { background-color: var(--offersdue-hi); }
    .bg--pricereduced-hi { background-color: var(--pricereduced-hi); }
    .bg--closed-hi { background-color: var(--closed-hi); }
    .bg--escrow-hi { background-color: var(--escrow-hi); }

    .Slider--primary-1 .OverflowScroller-leftArrow,.Slider--primary-1 .OverflowScroller-rightArrow{
        background-color: var(--primary-1);
    }
    .Slider--primary-1 .OverflowScroller-leftArrow:hover,.Slider--primary-1 .OverflowScroller-rightArrow:hover{
        background-color: var(--primary-1);
        opacity:.7;
    }
    .Slider--primary-1 .OverflowScroller-leftArrow.is-hidden,.Slider--primary-1 .OverflowScroller-rightArrow.is-hidden{
        background-color: var(--primary-1);
        opacity:.5;
    }

    .PropertyInformation-footer.bg--new .PropertyInformation-cta{
        background-color: var(--new-hi);
        box-shadow:30px 0 30px -15px var(--new-hi);
    }

    .PropertyInformation-footer.bg--available .PropertyInformation-cta{
        background-color: var(--available-hi);
        box-shadow:30px 0 30px -15px var(--available-hi);
    }
    .PropertyInformation-footer.bg--offersdue .PropertyInformation-cta{
        background-color: var(--offersdue-hi);
        box-shadow:30px 0 30px -15px var(--offersdue-hi);
    }
    .PropertyInformation-footer.bg--pricereduced .PropertyInformation-cta{
        background-color: var(--pricereduced-hi);
        box-shadow:30px 0 30px -15px var(--pricereduced-hi);
    }
    .PropertyInformation-footer.bg--closed .PropertyInformation-cta{
        background-color: var(--closed-hi);
        box-shadow:30px 0 30px -15px var(--closed-hi);
    }
    .PropertyInformation-footer.bg--escrow .PropertyInformation-cta{
        background-color: var(--escrow-hi);
        box-shadow:30px 0 30px -15px var(--escrow-hi);
        color:#255775
    }

    .PropertyInformation-footer.bg--secondary-3 .PropertyInformation-cta{
        background-color: var(--escrow-hi);
        box-shadow:30px 0 30px -15px var(--escrow-hi);
        color:#255775
    }

    .PropertyInformation-footer.bg--new .PropertyInformation-cta:after{ border-left-color: var(--new-hi); }
    .PropertyInformation-footer.bg--available .PropertyInformation-cta:after{ border-left-color: var(--available-hi); }
    .PropertyInformation-footer.bg--offersdue .PropertyInformation-cta:after{ border-left-color: var(--offersdue-hi); }
    .PropertyInformation-footer.bg--pricereduced .PropertyInformation-cta:after{ border-left-color: var(--pricereduced-hi); }
    .PropertyInformation-footer.bg--closed .PropertyInformation-cta:after{ border-left-color: var(--closed-hi); }
    .PropertyInformation-footer.bg--escrow .PropertyInformation-cta:after{ border-left-color: var(--escrow-hi); }
    .PropertyInformation-footer.bg--secondary-3 .PropertyInformation-cta:after{ border-left-color: var(--escrow-hi); }

    .PropertyListing-warning{ background-color: var(--offersdue); }

    .u-colorPrimary { color: var(--mark-1); }

    .MenuItem-abiLogo{
        background:url(https://abimf.com/f/images/ABI_horizontal_multifamily_positive_website.png);
        background-position:left;
        background-repeat:no-repeat;
        background-size:contain;
        height:50px;
        width:300px;
    }

    .Nav-controls .AbiLogo{
        -ms-flex-item-align:center;
        align-self:center;
        background:url(https://abimf.com/f/images/ABI_horizontal_multifamily_positive_website.png);
        background-position:center;
        background-repeat:no-repeat;
        background-size:contain;
        height:45px;
        margin:0 auto;
        width:300px
    }

    .Footer-logo{
        background:url(https://abimf.com/f/images/ABI_horizontal_multifamily_white_website.png);
        background-size:contain;
        background-repeat:no-repeat;
        margin-bottom:1rem;
        width:200px;
        height:40px;
    }


};
