/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/



/*** Global *****/

.glyph,
.community-reviews__text--glyph {
  color: #647376;
}


h1,
h2,
h3,
h4,
h5 {
  color: #283745;
}


.image-slider.v2 .controls .count {
  color: #283745;
}

.image-slider.v2 .controls .arrows button {
  background-color: #EAEEF2;
}


/*** END Global *****/





/* Nav
========================================================================== */


header.header {
    border-color: #A4BCC2 !important;
    background-color: #fff !important;
}


.submenu.level-2 > li.child-bg-blue {
         background: #253746  !important;
    }
}


.submenu.level-2.dropdown > li.child-bg-blue {
        background: #253746 !important;
        padding: 3.4375rem 2.8125rem;
        max-width: 300px;
    }


@media (max-width: 767px) {
    
    /* Remove incorrect background color */
    .submenu.submenu-right.level-3 {
       background: #eaeef2;
    }
}

.submenu.level-4 {
        padding: 6px 0 10px 17px;
        border-left: 3px solid #99A080;
        margin-top: 30px;
    }

.submenu.level-2.dropdown > li.child-bg-gray {
        background: #647376;
        padding: 3.375rem 2.8125rem;
        max-width: 300px;
    }

.button, .header__container .cta_button {
   background-color: #A4BCC2;
   border: 3px solid #A4BCC2;
   color: #283745;
  
}

.submenu.level-3.submenu-left .menu-item-title:hover, 
.submenu.level-3.submenu-left a .menu-item-title:hover,
 {
    color: #283745 !important; 

}

.submenu.level-3.submenu-left.count-4 .menu-item-title:hover, 
.submenu.level-3.submenu-left.count-4 a .menu-item-title:hover {
    color: #283745 !important; 

}

.submenu.level-3.submenu-left .menu-item-title:hover {
    color:  #283745 !important; 
}

.submenu.level-3.submenu-right .menu-item-title:hover {
    text-decoration: underline !important;
    color: #fff !important;
}


.body-wrapper a.ml-active:hover {
    color: #283745 !important; 
}

#Living-Options .submenu.level-2 a:hover {
  color: #283745 !important;

}

.button, .header__container .cta_button:hover {
     color: #fff;
     border: 3px solid  #283745;
     background-color: #283745;
}


/*  END Nav
========================================================================== */

.pricing-mod__column .glyph svg {
  color: #647376;
  
}





/* Community Hero
========================================================================== */

.community-hero .community-hero__content:not(.glass) {
    background-color: rgba(37, 55, 70, 0.9);


}


.community-hero .community-hero__content:not(.glass) > h1,
.community-hero .community-hero__content:not(.glass) .community-hero__supporting div p,
.community-hero .community-hero__content:not(.glass) .community-hero__supporting div a {
   color: #fff;
}

.community-hero .community-hero__content:not(.glass) .community-hero__supporting--icon span svg {
  fill: #fff;
}



/*  END Community Hero
========================================================================== */


/* Alternating Images
========================================================================== */



.alternating-images .content {
    border: 2px solid #98A080;
}


.alternating-images .content .glyph svg {
   color: #647376;
}



.alternating-images__nav-item.active .alternating-images__tab-title {
  background: #717660;
}

.alternating-images__nav-item:hover .alternating-images__tab-title {
  background: #717660;

}

@media (max-width: 767px) {
     .alternating-images .content {
      border: none;
  }
  

}




/*  Image Slider with Tour Tab
========================================================================== */

.slide_title {
  color: #283745;
}



.slide_title:hover, 
.slide_title.active {
  color: #283745;
  border-bottom-color: #99A080;

}


/* END  Image Slider with Tour Tab
========================================================================== */


/* Reviews
========================================================================== */


.community-reviews__text--glyph svg {
   color: #647376;
}

.community-reviews .community-reviews__text>h2 {
    color: #283745;

}


/* END  Reviews
========================================================================== */


/* Amenities 
========================================================================== */


.amenities .amenities__supporting-text {
  border: 2px solid #98a080;

}




/* END Amenities 
========================================================================== */




/* Community Footer
========================================================================== */


.gmb-section {
    background-color: #283745;
    background-image: url('https://www.arborcompany.com/hubfs/_2024_Files/Opus_2024/Images/ScallopTileBG-Opus-Bluwood.svg') !important;
    background-size: cover;

}


.footer .b-footer__form-row h3 {
  color: #283745;

}


.footer a,
.footer p  {
  color: #283745;
}


@media (max-width: 768px) {
    .gmb .gmb__map {
        margin-top: 60px !important;
    }
  
  .gmb-section .gmb .gmb__description {
    padding: 20px;
  }
}


.gmb .gmb__description {
  border: 2px solid #98a080;
 
}



.footer .b-footer__form-row form.hs-form input[type=submit] {
   background-color: #A4BCC2;
   border: 3px solid #A4BCC2;
   color: #283745;
}





.footer .b-footer__form-row form.hs-form input[type=submit]:hover {
  color: #fff;
  border: 3px solid  #283745  !important;
  background-color: #283745 !important;
  
}


/* END Community Footer
========================================================================== */



/* Community Banner
========================================================================== */


.community-cta-banner__container::before {
  background-color: rgba(37, 55, 70, 0.9);

}


.community-cta-banner__wrapper > div > h2 {
  color: #FFF !important;

}


.community-cta-banner__wrapper > div > *:not(h2) {
  color: #FFF;

}


.community-cta-banner__wrapper > div a {
  color: #FFF !important;
  border: 3px solid #F7F1E7;
  

}

.community-cta-banner__wrapper > div a:hover {
  color: #252525 !important;
  border: 3px solid #FFF;
  background-color: #FFF !important;
  

}


/* END Community Banner
========================================================================== */





/* Living Style Teaser 
========================================================================== */

/*

.living-style-teaser .living-style-teaser__content__wrapper {
  background-color: rgba(40, 55, 69, 0.9);


}


.living-style-teaser .living-style-teaser__content h3, 
.living-style-teaser .living-style-teaser__description, 
.living-style-teaser a.cta_button.arrow,
.living-style-teaser .living-style-teaser__content p:last-of-type 

 {
  color: #FFF;

}


.living-style-teaser a.cta_button.arrow i {
  background-color:  #FFF;
}

.fa-arrow-right:before {
  color: #252525;
}

*/

  /* END Living Style Teaser 
========================================================================== */




/***** Living Option Page modules ******/



/* Sliding Form
========================================================================== */

#hs_cos_wrapper_dnd_area-module-2 section.sliding-form__container {
    padding: 20px;
    width: 100%;
    background-image: url(https://39725358.fs1.hubspotusercontent-na1.net/hubfs/39725358/ScallopTileBG.svg);
    background-repeat: repeat;
    background-size: 300px 278px;
    background: #283745;
    position: relative;
    z-index: 3000;
}
.communityV2-Home-template .sliding-form__container {
  background: #283745 !important;
}
.communityV2-Home-template .sliding-form__container input[type='submit'] {
  background-color: #fff !important;
  border-radius: 10px !important;
  color: #283745 !important;
}
#hs_cos_wrapper_dnd_area-module-2 input[type='submit'] {
    background-color: #fff;
    color: #283745;
}





/* END Sliding Form
========================================================================== */



/* Ebook 
========================================================================== */


#hs_cos_wrapper_dnd_area-module-12 .ebook-section  {
   background-color: #283745;

}

.ebook-section {
  background-image: url('https://www.arborcompany.com/hubfs/_2024_Files/Opus_2024/Images/ScallopTileBG-Opus-Bluwood.svg') !important;
  background-size: cover;
}



/***** END eBook  ******/



/* Community Prestige Banner
========================================================================== */


#dnd_area-module-6.b-prestige-banner .b-prestige-banner__text-box {
    background-color: rgba(40, 55, 69, 0.9);

}

/***** END Community Prestige Banner  ******/


/***** Community Experiences ******/

.b-experiences .b-experiences-heading {
  color: #283745;

}

/***** END Community Experiences ******/



/***** Image Slider - non-gallery ******/

.ng-image-slider .link-section a {
  color: #283745;

}

.ng-image-slider .pattern {
   background: #283745; 
 
}



.ng-image-slider .controls .arrows .prev {
    background-image: url(//747395.fs1.hubspotusercontent-na1.net/hubfs/747395/Arbor%20Microsite/UI%20Elements/left-arrow-cream.svg);
}


.ng-image-slider .controls .arrows .next {
    background-image: url(//747395.fs1.hubspotusercontent-na1.net/hubfs/747395/Arbor%20Microsite/UI%20Elements/right-arrow-cream.svg);
}


.ng-image-slider .controls .count {
  color: #fff;
}









/***** END Image Slider - non-gallery ******/


/***** Community Prestige Banner ****/

#dnd_area-module-20.b-prestige-banner .b-prestige-banner__text-box {
   background-color: rgba(40, 55, 69, 0.9);

}

/***** END Community Prestige Banner ****/



.community-floorplans__top>h2 {
    color: #283745;
}




.btn.btn--support {
   background-color: #A4BCC2;
   border: 3px solid #A4BCC2;
   color: #283745;
}


.btn.btn--support:hover {
  color: #fff;
  border: 3px solid  #283745;
  background-color: #283745;
}








/***** Gallery module styles ******/


.ggi-first {
  background-image: url("https://www.arborcompany.com/hubfs/_2024_Files/Opus_2024/Images/image%20%284%29.svg");
  color: #fff;

}

.gallery-grid .gallery-grid-item .image-item .button {
   background-color: #A4BCC2;
   border: 3px solid #A4BCC2;
   color: #283745;
  

}

.gallery-grid .gallery-grid-item .image-item .button:hover {
  color: #fff;
  border: 3px solid  #283745;
  background-color: #283745;
  

}





.item-description svg {
  fill: #fff !important;

}



/****** END Gallery Module Styles *******/



/****** Services and Amenities module styles *****/

.prestige .prestige-inner .page-center::before {
     background-color: rgba(40, 55, 69, 0.9);

}


.page-center > .prestige .prestige-content .glyph {
  color: #F8F1E7;

}


.page-center > .prestige .prestige-content h2 {
    color: #FFF;

}


/***** Community Prestige *****/

.content-columns__wrap a.button {
   background-color: #A4BCC2;
   border: 3px solid #A4BCC2;
   color: #283745;
}


.content-columns__wrap a.button:hover {
  color: #fff;
  border: 3px solid  #283745;
  background-color: #283745;
}


/***** END Community Prestige *****/



/* Resources Bar
========================================================================== */


.resource-bar .pattern {
    background-image: url('https://www.arborcompany.com/hubfs/_2024_Files/Opus_2024/Images/ScallopTileBG-Opus-Bluwood.svg');
    background-size: cover;

}



.resource-bar__content h2,
.resource-bar__content a {
  color: #F8F1E7 !important;
}




/* END Resources Bar
========================================================================== */

/****** END Services and Amenities module styles *****/





/********** Dining Module Styles ****************/

/* Content Image - Blue
========================================================================== */
 #hs_cos_wrapper_dnd_area-module-2 .content-image {
   background-color: rgba(40, 55, 69, 1);


}


.content-image h2 {
  color: #fff;
}

.content-image .glyph {
  color: #f8f1e7;
}

  



/* END Content Image - Blue
========================================================================== */



/* Community Content Tabs
========================================================================== */
.content-tabs__wrapper .prestige-v2 .prestige__wrapper:before {
   background-color: rgba(40, 55, 69, 0.9);
}

.content-tabs {
  background-color: #f5f5f5;
}

.content-tabs .glyph {
  color: #f8f1e7;
}


.content-tabs .prestige-v2 h2 {
  color: #FFF;

}




/* END Community Content Tabs
========================================================================== */




/* Dining - Menu

========================================================================== */

#dnd_area-module-12 .dining-button {
   background-color: #A4BCC2 !important;
   border: 3px solid #A4BCC2 !important;
   color: #283745 !important;

}

#dnd_area-module-12 .dining-button:hover {
  color: #fff !important;
  border: 3px solid  #283745 !important;
  background-color: #283745 !important;
}


/* END Dining - Menu

========================================================================== */



#hs_cos_wrapper_dnd_area-module-16 .ebook-section {
   background-color: #283745;
  
}


/********** END Dining Module Styles ****************/






/********** Living In / Neighborhood Module Styles ****************/


/* Global */
.hs-content-id-160901986680 h2 {
   color: #283745;
}


/* END Global */




/* Key Places

========================================================================== */



.key-place .content h3 a {
     color: #283745;
}




/* END Key Places

========================================================================== */



/********** END Living In / Neighborhood Module Styles ****************/



/***** About *****/

.b-experiences .b-experiences__experience__title {
  color: #283745;

}


/* Staff Slider */

.staff .controls {
  background-color: #283745;
  background-image: none;


}

.staff .controls .count {
    color: #fff;
}




.staff .controls .arrows .prev {
    background-image: url(//747395.fs1.hubspotusercontent-na1.net/hubfs/747395/Arbor%20Microsite/UI%20Elements/left-arrow-cream.svg);
}


.staff .controls .arrows .next {
    background-image: url(//747395.fs1.hubspotusercontent-na1.net/hubfs/747395/Arbor%20Microsite/UI%20Elements/right-arrow-cream.svg);
}


/* END Staff Slider */


/*
#hs_cos_wrapper_dnd_area-module-12 .ebook h2 {
  color: #F8F1E7;

}
*/

/**** END About ******/





/********** Quiz Styles ****************/
.Quiz-template #bio_ep p,
.Quiz-template #question,
.Quiz-template .living-title {
  color: #283745 !important;
}
.Quiz-template #answers div {
  border-color: #98a080 !important;
}
.Quiz-template #answers div:hover {
  background: #98a080 !important;
}
/********** End Quiz Styles ****************/