/* 2020-11-11 John Yee */

.hilite {
  font-weight: bold;
  color: #48AADC;
}

.error {
  font-weight: bold;
  color: red;
}

.hilitelink {
	color: #48AADC;
}

.blueButton {
  border-bottom: 2px solid #1F1646;
  padding-left: 0;
  padding-right: 0;
  font-family: "Interstate BoldCompressed",serif;
  font-size: 1.563rem;
  display: block;
  width: 100%;
  text-align: left;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
}
.blueButton:after {
  content: ' + ';
  position: absolute;
  color: #1F1646;
  font-family: "Overpass",Helvetica,Arial,sans-serif;
  font-size: 2rem;
  right: 0;
}
.blueButton.expanded {
  border-bottom: 2px solid #48AADC;
	color: #48AADC;
}
.blueButton.expanded:after {
  content: ' - ';
  color: #48AADC;
}

/*
  2023-08-08 John Yee
*/
.styled-link {
  background-color: #DDDDDD;
  color: #0000FF;
  text-decoration: underline;
  outline: none;

  &:link {
    color: #0000FF;
  }
  &:visited {
    color: #8800FF;
  }
  &:focus {
    background: #BAE498;
    text-decoration: none;
  }
  &:hover {
    background: #CDFEAA;
    text-decoration: none;
    outline: none;
  }
  &:active {
    background: #AAAAAA;
    color: #FF0000;
  }
}

/*
	2023-09-12 Will Prescott
	Updated 2023-10-30 wp
*/
.restyled-link {
/*  background-color: #FFFFFF; */
  color: #007bff;
  outline: none;

  &:hover {
    color: #000000;
    text-decoration: none;
    outline: none;
  }
  
  &:visited {
    color: #8800FF;
  }
}

/*
  2023-08-08 John Yee
*/
.styled-link {
  background-color: #DDDDDD;
  color: #0000FF;
  text-decoration: underline;
  outline: none;

  &:link {
    color: #0000FF;
  }
  &:visited {
    color: #8800FF;
  }
  &:focus {
    background: #BAE498;
    text-decoration: none;
  }
  &:hover {
    background: #CDFEAA;
    text-decoration: none;
    outline: none;
  }
  &:active {
    background: #AAAAAA;
    color: #FF0000;
  }
}

/* 
	2023-09-02 (Cliff)
*/
.discernible-link {
  color: #48AADC;
  
  &:link {
    /* color: #0000FF; */
  }
  &:visited {
    color: #48AADC;
  }
  &:focus {
    background: #BAE498;
    text-decoration: none;
  }
  &:hover {
    color: #1F1646;
    text-decoration: none;
    
  }
  &:active {
    background: #AAAAAA;
    color: #FF0000;
  }
}
/* 2023-09-29 (Cliff) working on /volunteer for font-size, font-color, and background color */
.volunteer-header-white {
  padding: 3rem 0 15rem 0;
  background-color: #FFFFFF;
  background-size: cover;
  background-repeat: no-repeat;
}
.volunteer-header-white h1 {text-transform: uppercase;}

/* 2023-10-26 John Yee
   for page /volunteer
   Karen wants the text larger
	 I don't know if this specific CSS combination appears elsewhere.
*/
.col-md-6 p {
  font-size: 1.25rem;
}
.col-md-6 ul {
  font-size: 1.25rem;
}