/* POLICIES PAGE STYLES */

/* Button styles */
.policiesPage button  { font-size: 1.125rem; color: var(--white); background-color: var(--brandColor3); font-family: var(--brandFont1); font-weight: 500; line-height: 1.2; border: none; padding: 15px 30px; cursor: pointer; display: inline-block; }
.policiesPage button:hover, .policiesPage button:focus { filter: brightness(85%); }

/* Input and Select Global Styles (used on the policies and events pages) */
.policiesPage input, .eventDetailPage input, .eventLandingPage input { color: var(--brandColor5); background-color: var(--white); border: 1px solid var(--dividerLine); padding: 15px; color: var(--brandColor5); font-size: 1rem; font-family: var(--brandFont1); font-weight: 500; }
.searchPol { position: relative; }
.searchIcon { position: absolute; right: 5px; top: 13px; }
.select-container { display: flex; flex-flow: row nowrap; background-color: var(--white); }
.select-container::after { content: url(../../_images/news-arrow-down-orange.png); margin-top: 13px; margin-left: -30px; z-index: 1; }
.policiesPage select, .eventDetailPage select, .eventLandingPage select {  cursor: pointer; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; color: var(--brandColor5); border: 1px solid var(--dividerLine); padding: 15px; color: var(--brandColor5); font-size: 1rem; font-family: var(--brandFont1); font-weight: 500; background: transparent; z-index: 2; }

.policiesPage { padding-bottom: 60px; }
.policiesPage .wrapper h1 { padding-top: 30px; }

/*Policies Filters*/
.policyFilters { padding-top: 40px; border-top: 2px solid var(--brandColor2); display: flex; flex-flow: row nowrap; width: 100%; flex-wrap: wrap; }
.policyFilters fieldset { flex-grow: 1; min-width: 200px; margin-right: 20px; margin-bottom: 20px; }
.policyFilters select, .policyFilters input { width: 100%; }
.policyFilters .clear-filters { margin-bottom: 20px; }

@media screen and (max-width: 420px) {
  .policyFilters { display: block; }
  .policyFilters fieldset { margin-right: 0px; }
  .policyFilters .searchIcon { right: 15px; }
}

/* Tablesaw Tables */
.no-results-row { display: none !important; }
.mixitup-container-failed .no-results-row { display: table-row !important; }
.no-results-row span { display: block; }
.no-results-row td .tablesaw-cell-label { display: none !important; }
.tablesaw { width: 100%; max-width: 100%; empty-cells: show; border-collapse: collapse; border: 1px solid #D6D6D6; padding: 0; }
.tablesaw * { box-sizing: border-box; }
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none; }
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Show the table cells as a block level element */
.tablesaw-stack { clear: both; }
.tablesaw-stack td, .tablesaw-stack th { text-align: left; display: block; }
.tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { line-height: 1.5; }
.tablesaw-stack tr { clear: both; display: table-row; }
.tablesaw-stack td { vertical-align: top; }
/* Make the label elements a percentage width */
.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: inline-block; padding: 0 .6em 0 0; width: 30%; }
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.tablesaw-stack th .tablesaw-cell-label-top, .tablesaw-stack td .tablesaw-cell-label-top { display: block; padding: .4em 0; margin: .4em 0; }
.tablesaw-cell-label { display: block; }
/* Avoid double strokes when stacked */
.tablesaw-stack tbody th.group { margin-top: -1px; }
/* Avoid double strokes when stacked */
.tablesaw-stack th.group b.tablesaw-cell-label { display: none !important; }
/* .tablesaw-stack tr:nth-child(even) { background-color: #F4F4F7; } */
@media screen and (min-width: 960px) {
  .tablesaw-stack thead, .tablesaw-stack th { background-color: var(--brandColor3); color: var(--white); }
  .tablesaw-stack tr { display: table-row; }
  /* Show the table header rows */
  .tablesaw-stack thead td, .tablesaw-stack thead th { vertical-align: middle; }
  .tablesaw-stack td, .tablesaw-stack th, .tablesaw-stack thead td, .tablesaw-stack thead th { display: table-cell; margin: 0; padding: 0.5rem; }
  .tablesaw-stack td { padding: 0.5rem; }
  .tablesaw-stack td, .tablesaw-stack th { border: 1px solid var(--dividerLine); }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: none !important; }
}
@media screen and (max-width: 961px) {
  .tablesaw-stack tbody tr { display: inline-block; width: 100%; padding: 28px 20px 12px 20px; border-bottom: 1px solid var(--dividerLine); }
  .tablesaw-stack thead td, .tablesaw-stack thead th { display: none; }
  .tablesaw-stack tbody td, .tablesaw-stack tbody th { display: block; float: left; clear: left; width: 100%; }
  .tablesaw-cell-label { vertical-align: top; }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { display: block; padding: 0; width: 100%; color: var(--brandColor3) !important; font-weight: 600; margin-bottom: 10px; }
  .tablesaw-cell-content { display: inline-block; max-width: 100%; margin-bottom: 16px; }
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content { display: block; width: 100%; max-width: 100%; padding: 0; }
  .tablesaw-stack td:empty, .tablesaw-stack th:empty { display: none; }
  .mixitup-container-failed .no-results-row { display: inline-block !important; }
  .mixitup-container-failed .no-results-row .tablesaw-cell-content {margin-bottom: 0; }
}