/*

    W H I T M A N   H O U S I N G   A U T H O R I T Y

    C R E A T E D : 7 / 5 / 2 0 2 4

*/

body {
  background-color: #ffffff;
}

.container a {
  text-decoration: none;
}

.calendar-Heading H4 {
  font-size: 1.35em;
  color: firebrick;
  padding-top: 50px;
}

/*
    *********************************************************************************************
    *
    *   N A V I G A T I O N   B A R
    *
    *********************************************************************************************
*/

.navbar-custom {
  background-color: #a4150b;
}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
  color: rgba(255, 255, 255, 0.8);
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
  color: #ffffff;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
  color: #ffffff;
}

/* for dropdown only - change the color of dropdown */
.navbar-custom .dropdown-menu {
  background-color: #a4150b;
}

.navbar-custom .dropdown-item {
  color: #ffffff;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  color: #333333;
  background-color: rgba(255, 255, 255, 0.5);
}

/*
    *********************************************************************************************
    *
    *   P A G E   H E A D I N G S / T I T L ES
    *
    *********************************************************************************************
*/
.text-Title {
  font-size: 1.35em;
  padding: 20px;
  color: #024672;
}

/*
    *********************************************************************************************
    *
    *   J U M B O T R O N   ( M A I N   P A G E )
    *
    *********************************************************************************************
*/

.jumbotron h1 {
  color: #024672;
  font-weight: bolder;
  font-size: 1.1em;
}

/*
    *********************************************************************************************
    *
    *   M E D I A
    *
    *********************************************************************************************
*/

.media p {
  font-size: 1.15em;
  padding-left: 40px;
}

.media-body h4 {
  font-size: 1.05em;
  color: #024672;
}

.contactInfo {
  color: #024672;
  font-size: 0.75em;
}

/*
    *********************************************************************************************
    *
    *   M I S S I O N   S T A T E M E N T
    *
    *********************************************************************************************
*/
.mission-Statement h3 {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  font-size: 1.25em;
  color: #fff;
  padding-left: 50px;
}

.mission-Statement p {
  font-weight: normal;
  font-size: 0.95em;
  padding: 0 100px 0 100px;
}

/*
    *********************************************************************************************
    *
    *   M E E T I N G   M I N U T E S / A P P L I C A T I O N   D O C S
    *
    *********************************************************************************************
*/
.minutes-List {
  padding: 10px;
}

.minutes-BoardLink a {
  text-decoration: none;
}

.application-Docs {
  padding: 0px;
  font-weight: bold;
  font-size: 0.95em;
}

/*
    *********************************************************************************************
    *
    *   I N F O   C A R D S
    *
    *********************************************************************************************
*/
.card-title {
  color: #024672;
}

property-card-title {
  color: chartreuse;
}

.card-text {
  padding-left: 10px;
  color: #000000;
}

.card-body h5 {
  color: orangered;
}

/*
    *********************************************************************************************
    *
    *   S T A F F   M E M B E R S
    *
    *********************************************************************************************
*/
.staff-heading {
  background-color: #a4150b;
  color: #ffffff;
  font-weight: bolder;
}

.staff-oddrow {
  background-color: #c0c0c0;
}

.staff-oddrow a {
  color: #000000;
}

.staff-evenrow {
  background-color: bisque;
  color: #000000;
}

.staff-evenrow a {
  color: #000000;
}

/*
    *********************************************************************************************
    *
    *   C U S T O M   P A G E S
    *
    *********************************************************************************************
*/
.custom-Page-H2 {
  font-size: 1.25em;
  color: #4484ce;
}
.custom-Page {
  font-size: 0.75em;
  padding-left: 50px;
}

/*
    *********************************************************************************************
    *
    *   C O N T A C T   S E C T I O N
    *
    *********************************************************************************************
*/

/* 
    *********************************************************************************************
    *
    *    S O C I A L   M E D I A   I C O N S
    *
    *    (Note: the colors below are the standard colors for these logos)
    *
    *********************************************************************************************     
*/
.fa-twitter-square-color {
  color: #00aced;
}

.fa-facebook-square-color {
  color: #3b5998;
}

.fa-instagram-color {
  color: #8a3ab9;
}

.fa-youtube-square-color {
  color: #e62117;
}

/*
    *********************************************************************************************
    *
    *   D O C U M E N T S
    *
    *********************************************************************************************
*/
.documents-Narrative p {
  font-size: 0.95em;
  padding-left: 50px;
}

.list-display li {
  margin-bottom: 0.4rem;
  font-size: 1.1rem;
}

.list-documents {
  padding-left: 1.5rem;
}

.list-documents li {
  list-style-type: none;
  padding-left: 1rem;
}

.list-documents li a {
  color: #024672;
  font-size: 0.75em;
  text-decoration: none;
}

.list-documents li:before {
  font-family: "FontAwesome";
  content: "\f019";
  margin: 0 10px 0 -28px;
  color: #17aa1c;
  font-size: 0.65em;
}

/*
    *********************************************************************************************
    *
    *   C O P Y R I G H T   M E S S A G E   ( E V E R Y   P A G E )
    *
    *********************************************************************************************
*/

.copyright {
  position: fixed;
  background-color: #a4150b;
  color: #ffffff;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}