/* Formatting rules specific to the Recorder's Office index     */
/* Author:          Hunter Halcomb (hhalcomb@washoecounty.gov)   */
/*                                                              */
/* Created:         2/19/2019                                   */
/* Notes:           Added formatting for collapsible news       */
/*                  based heavily on code from:                 */
/*                  https://alligator.io/css/collapsible/       */


/* Paragraph styling to comply with WCAG AAA */
p {
    line-height: 1.5;
}



/* Fee notice block styling */
.fee-notice {
    margin:0;
    padding:1em;
    font-size:1em;
    vertical-align:middle;
    color: black;
    background-color: #FEEFB3;
}

/* Downtime notice block styling */
.down-notice {
    margin:0;
    padding:1em;
    font-size:1em;
    vertical-align:middle;
    color: #300707;
    background-color: #f2a2a2;
}

.up-notice {
    margin:0;
    padding:1em;
    font-size:1em;
    vertical-align:middle;
    color: #264d00;
    background-color: #e6ffcc;
}



/* Invisible checkbox to store the state of the collapsible */
input[type='checkbox'] {
  display: none;
}

/* default label style */
.lbl-toggle {
  display: block;

  font-weight: bold;
  font-family: monospace;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;

  padding: 1rem;

  color: #FFFFFF;
  background: #054c70;

  cursor: pointer;

  border-radius: 7px;
  transition: background-color 125ms linear;
}



.lbl-toggle:hover {
  background-color: #2C668B;
}


/* add a disclosure triangle */
.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: background-color 125ms linear;
}


/* Inner content styles */
.collapsible-content .content-inner {
  background: rgba(43, 127, 180, .2);
  border-bottom: 1px solid rgba(43, 127, 180, .45);

  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}

/* start the content collapsed */
.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}

/* check box is triggered by the label click, so expand content */
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 350px;
}

/* rotate disclosure triangle when content expanded */
.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

/* adjust radius of label corners when expanded */
.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* add some margin between announcements */
.wrap-collabsible:not(:last-of-type) {
    margin-bottom: 1em;
}

/* Temporary fixes for accessibility                */
/* to be removed when site-wide template is fixed   */
/* Author: Hunter Halcomb                           */
/* Date: 9/27/2024                                  */
li.clone {
    pointer-events: none;
} 



/* mobile stuff */
@media only screen and (max-width: 767px) {
    .department-card-image {
    max-width: 200px !important;
    height: auto !important;
    }
}