/* NOTES: Due to bootstrap conflicts I created this separate stylesheet with the newest version of bootstraps.
 The plan is to remove this stylesheets and have different bootstrap versioning. 
 Originally only meant to be for the contacts page -- 10/2021  LRH
 Pages using this style sheet now -- contact.html | resources/covid19_clients.html | references.html | newfiscalofficer.html | taxpayerhero -- 04/2022 LRH */ 

 /* BOOTSTRAP CARDS */
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem}
.card a:link, .card a:visited {text-decoration: none; color: #007aff;}
.card a:hover {text-decoration: underline; color: #007aff;}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem}
.card-title {margin-bottom: .75rem}
.card-subtitle {margin-top: -.375rem;margin-bottom: 0}
.card-text:last-child {margin-bottom: 0}
.card-link:hover {text-decoration: none}
.card-link+.card-link {margin-left: 1.25rem}
.card>.list-group:first-child .list-group-item:first-child {border-top-left-radius: .25rem;border-top-right-radius: .25rem}
.card>.list-group:last-child .list-group-item:last-child {border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem}
.card-header {padding: .75rem 1.25rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125)}

.card-header-green {padding: .75rem 1.25rem; margin-bottom: 0; background-color: #1f4423; border-bottom: #1f4423; color: #FFF; font-weight: bold;font-size: 1.5em; } 
.card-header-contacts {padding: .75rem 1.25rem; margin-bottom: 0; background-color: #546c98; border-bottom: #1f4423; color: #FFF; font-weight: bold; font-size: 1.05em; } 
.card-header-contacts :first-child {border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0}
 .img-card-title { font-weight: 300; font-size: 20px; text-transform: uppercase; letter-spacing: 2px;}
.img-card-title,.img-card-icon { margin: 0;}
#overlay { cursor: pointer; display: flex; align-items: center; justify-content: center; flex-direction: column; background: rgba(0, 0, 0, 0.85); width: 100%; height: 100%; position: absolute; top: auto; bottom: 0; opacity: 0; transition: opacity 0.5s ease;}
.card-header-cyber {display: flex; align-items: center;padding: .75rem 1.25rem;margin-bottom: 0;background-color: rgba(0,0,0,.03);border-bottom: 1px solid rgba(0,0,0,.125)}


/* CSS for image overlay title | and image that has a hover over */

* {box-sizing: border-box;}

.container {
  position: relative;
  width: 100%;
  max-width: 300px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
	font-size: 15px;
  padding: 10px 5px;
  text-align: center;
}

.container:hover .overlay {
  opacity: 1;
}


.list-group {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0; margin-top: -3px;}
.list-group-item-action {width: 100%;color: #495057;text-align: inherit; margin-top: -3px;}
.list-group-item-action:focus, .list-group-item-action:hover {color: #495057;text-decoration: none; background-color: #f8f9fa;}
.list-group-item-action:active {color: #212529; background-color: #e9ecef;}
.list-group-item {position: relative;display: block;padding: .75rem 1.25rem;margin-bottom: -1px;background-color: #fff;border: 1px solid rgba(0,0,0,.125)}
.list-group-item:first-child {border-top-left-radius: .25rem;border-top-right-radius: .25rem}
.list-group-item:last-child {margin-bottom: 0;border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem}
.list-group-item:focus, .list-group-item:hover {text-decoration: none}
.list-group-item.disabled, .list-group-item:disabled {color: #868e96;background-color: #fff}
.list-group-item.active {z-index: 2;color: #fff;background-color: #007bff;border-color: #007bff}
.list-group-flush .list-group-item {border-right: 0;border-left: 0;border-radius: 0; margin-bottom: -1px !important;}
.list-group-flush:first-child .list-group-item:first-child {border-top: 0}
.list-group-flush:last-child .list-group-item:last-child {border-bottom: 0}
.list-group-item-primary {color: #004085;background-color: #b8daff}
a.list-group-item-primary, button.list-group-item-primary {color: #004085}
a.list-group-item-primary:focus, a.list-group-item-primary:hover, button.list-group-item-primary:focus, button.list-group-item-primary:hover {color: #004085;background-color: #9fcdff}
a.list-group-item-primary.active, button.list-group-item-primary.active {color: #fff;background-color: #004085;border-color: #004085}
.list-group-item-secondary {color: #464a4e;background-color: #dddfe2}
a.list-group-item-secondary, button.list-group-item-secondary {color: #464a4e}
a.list-group-item-secondary:focus, a.list-group-item-secondary:hover, button.list-group-item-secondary:focus, button.list-group-item-secondary:hover {color: #464a4e;background-color: #cfd2d6}