/*
  @file Theme overrides to existing app.css styling.
  @dev Jason McWhorter
*/

/*
  Alter chosen single and multi select components to a singular design.
  @task https://taoti.teamwork.com/#/tasks/33140989
*/

.chosen-container {
  font-size: 1em;
}

.chosen-container-single .chosen-single {
  padding: 10px 15px;
  min-height: 60px;
  font-size: inherit;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  background: white;
  line-height: normal;
  color: #999;
}

.chosen-container-single .chosen-single,
.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  border: none;
  border-radius: 3px;
  background: white;
}

.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-multi .chosen-choices {
  background: url(../images/icon-chosen-single-is-closed-1.png) no-repeat center right 10px white;
}

.chosen-container-single .chosen-single span {
  margin-right: 0.5em;
  padding: 0.5em 0;
}

/**
 * Utility to resolve issues with nested anchor links.
 * https://taoti.teamwork.com/#/tasks/33826715
 */

.linkbox {
  position: relative;
  display: block;
  color: #606060;
}

.linkbox__overlay:before {
  content: "";
  cursor: inherit;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

/**
 * Altering the Views display of the 'Date' fieldset.
 * https://taoti.teamwork.com/#/tasks/34190206
 *
 * See https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 for 'sr-only' code utilized on 'legend' label element.
 */
form fieldset.form-item.form-wrapper {
  width: auto;
  max-width: 100%;
  padding: 0;
  border: none;
  border-radius: unset;
}

/**
 * Custom theming for 'Accreditation & Accountability'
 * See /key-issues/accreditation-accountability
 */
.paragraph-id-1821 form fieldset.form-item.form-wrapper {
  max-width: 47%;
}
@media (max-width: 1176px)  {
  .paragraph-id-1821 form fieldset.form-item.form-wrapper {
    max-width: 42%;
  }
}
@media (max-width: 1092px)  {
  .paragraph-id-1821 form fieldset.form-item.form-wrapper {
    max-width: 35%;
  }
}
@media (max-width: 935px)  {
  .paragraph-id-1821 form fieldset.form-item.form-wrapper {
    max-width: 70%;
  }
}
form fieldset.form-item.form-wrapper .fieldset-wrapper {
  display: flex;
  margin: 0;
  padding: 0;
}

form fieldset.form-item.form-wrapper legend {
  border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/**
 * CSS Overrides in specificity to Override jQuery Accordion Module
 * See https://taoti.teamwork.com/#/tasks/34330385
 * See https://www.aau.edu/key-issues/campus-climate-and-safety/aau-campus-climate-survey-2019
 */
main.body__main article .paragraph--type--accordion-item h2 {
  padding: 6px 0 0 43px;
  font-size: 1.6rem;
}