/*-----------------------------------------------------------------------------
 * This files defines the color palette for the PWP.
 *----------------------------------------------------------------------------*/
/* Zeteo Colors */
/* Zeteo Tints */
/* Highlight color for hovered autocomplete suggestions */
/* Sidebar background color */
/* Color of "normal" buttons */
/* Color of secondary buttons */
/* Default color of links */
/* Default color of external links */
/* Background color of the search box */
/* Border and triangle color of dropdowns */
/* Footer Background Color */
/* header background color */
/*-----------------------------------------------------------------------------
 * Alerts (Drupal messages)
 *----------------------------------------------------------------------------*/
/* Legacy Colors */
/* Grayscale */
/*-----------------------------------------------------------------------------
 * This file defines the break points for device screen size classifications --
 * what counts as a 'small', 'medium', 'large', 'mobile', etc. device.
 *----------------------------------------------------------------------------*/
/*****************************************************************************
 * Provides mixins specific to PWP headings
 *****************************************************************************/
/*-----------------------------------------------------------------------------
 * This file defines LESS mixins that are not tied to any particular module or
 * purpose, but rather, are universally useful.
 *----------------------------------------------------------------------------*/
/**
 * @brief
 *	Styles a button that includes a drop-down menu with a caret to open the menu
 */
/**
 * @brief
 *	Prevents an element from being highlighted/selected
 */
/**
 * @brief
 *	Adds the (prefixed) transition timing property
 */
/**
 * @brief
 *	Adds the (prefixed) cursor
 */
/**
 * @brief
 *	Provides the default style for an item in a drop-down menu (including
 *  autocomplete)
 */
/**
 * @brief
 *	Provies the style for the currently highighted item in a drop-down menu
 *	(including autocomplete)
 */
/*-----------------------------------------------------------------------------
 * The following items provide a default style for PWP dropdowns
 *----------------------------------------------------------------------------*/
/* The default padding for the modal and dropdown */
/* The default style for the thick edge of a dropdown */
/* The default dimensions of the dropdown triangle */
/**
 * @brief
 *	Generates the style for the main/containing element of a dropdown
 */
/**
 * @brief
 *	Generates the style for triangles of dropdowns that are positioned below the
 *	"parent" element
 */
/**
 * @brief
 *	Generates the style for triangles of dropdowns that are positioned above the
 *	"parent" element
 */
/**
 * @brief
 *	Generates the default style for headigs of a dropdown
 */
/*-----------------------------------------------------------------------------
 * The following items provide a default style for PWP modals
 *----------------------------------------------------------------------------*/
/* The height for the modal heading */
/**
 * @brief
 *	Generates the default style for the modal box
 */
/**
 * @brief
 *	Generates the default style for the modal content
 */
/**
 * @brief
 *	Generates the default style for the modal header
 */
/**
 * @brief
 *	Generates styling for the resources displayed using images.
 */
.slide-container {
  overflow: hidden;
}
.slider {
  transition: all 1s;
}
.sliden {
  transform: translateX(-1000%);
}
.expander {
  transition: all 1s;
}
.expanded {
  transform: scaleX(5);
}
.search-alert {
  width: 100%;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 10px;
}
#suggestion-bar div,
#api-suggestion-bar div {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #e3f5fd;
  border-radius: 10px;
  border: 1px #c7ebfb solid;
}
#suggestion-bar select,
#api-suggestion-bar select {
  min-height: 30px;
  margin: 3px;
}
#lectionary-select-close {
  float: right;
}
ul.ais-RefinementList-list li.ais-RefinementList-item:nth-child(n + 41) {
  display: none;
}
.content-icon {
  height: 24px;
  width: 24px;
}
.action-buttons span {
  cursor: pointer;
}
.fs-italics {
  font-style: italic;
}
.ais-Hits.nomark mark {
  background: unset;
  color: unset;
}
#lectionary-select-go {
  width: 100%;
  margin-top: 3px;
}
.resource-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 400px;
}
.sidebar-content {
  margin-bottom: 20px;
}
.content-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.content-grid .ais-InstantSearch {
  width: 100%;
}
.content-grid .follow-button {
  position: absolute;
  margin-left: -130px;
  margin-top: -200px;
}
.content-grid div[data-vue-component=Search] .ais-Hits-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item {
  width: 49%;
  min-height: 200px;
}
.content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item .content-card {
  width: 100%;
  height: 100%;
}
.content-grid .content-card {
  padding-left: 20px;
  width: 49%;
  min-height: 200px;
}
.content-grid .content-card .content-card-section .card-text .card-hirow .card-hi-left .card-links {
  max-width: 200px;
  overflow-x: hidden;
}
.content-grid .content-card .content-card-section .card-text .card-hirow .card-hi-right {
  min-height: 100px;
}
.content-grid .content-card .content-card-section .card-text .card-hirow .card-hi-right .card-types {
  max-height: unset;
  min-height: unset;
}
.content-grid .content-card .content-card-section .card-text .card-lowrow .card-low-right .card-scrips {
  margin-top: unset;
}
.content-grid .content-card .content-card-section .card-text .card-lowrow .card-low-right .card-scrips .card-scripture {
  white-space: nowrap;
}
.content-grid .content-card .content-card-section .card-text .card-bottomrow a.container-link {
  min-width: unset;
  max-width: unset;
}
.content-grid .content-card .content-card-section .card-text .card-bottomrow .card-bottom-right {
  padding-left: unset;
}
.content-grid .content-card .content-card-section .card-text .card-bottomrow .card-bottom-right .card-topics {
  margin-left: 0;
  margin-right: auto;
}
.content-grid .content-card.guide_card {
  padding-left: 0;
}
.content-grid .content-card.guide_card a {
  display: none;
}
.content-grid .content-card.guide_card .content-card-section::after {
  filter: unset;
}
.content-grid .content-card.guide_card .card-text {
  padding-left: 20px;
}
.content-grid .content-card.guide_card .card-text a {
  width: 100%;
  display: unset;
}
.content-grid .content-card.grid-left {
  margin-right: auto;
}
.content-grid .content-card.grid-right {
  margin-left: auto;
}
.content-grid .content-card.fulltext_list_card .content-card-section .card-summary {
  display: unset;
}
.content-grid .content-card .content-card-section .card-image {
  display: none;
}
.content-grid .content-card .content-card-section .card-summary {
  display: none;
}
.content-grid .content-card .content-card-section .card-bottom-right {
  margin-left: auto;
}
.content-grid .content-card .content-card-section .card-bottom-left {
  display: none;
}
.content-grid .content-card.author_card .content-card-section {
  flex-direction: column;
}
.content-grid .content-card.author_card .content-card-section .card-image {
  display: unset;
  margin-left: 0px;
  margin-bottom: 0px;
}
.pwp-search-result.no-border.notice {
  margin-right: 20px;
  padding: 20px;
}
#page-input {
  width: 30px;
}
#filter-box-mobile-bar {
  background-color: #ffffff;
  text-align: center;
  display: none;
  width: 50px;
  margin-left: auto;
  line-height: 600px;
  font-weight: bold;
  font-size: 24px;
}
.main-container #main-content.user-content-box.main-content.content-section {
  margin: 10% auto;
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
  border-radius: 10px;
  width: 750px;
  min-height: 550px;
}
.ais-ToggleRefinement,
.ais-RefinementList-list,
.ais-Pagination-list {
  list-style: none;
  padding: 0;
}
.ais-ToggleRefinement .ais-ToggleRefinement-checkbox,
.ais-RefinementList-list .ais-ToggleRefinement-checkbox,
.ais-Pagination-list .ais-ToggleRefinement-checkbox,
.ais-ToggleRefinement .ais-ToggleRefinement-labelText,
.ais-RefinementList-list .ais-ToggleRefinement-labelText,
.ais-Pagination-list .ais-ToggleRefinement-labelText,
.ais-ToggleRefinement .ais-RefinementList-checkbox,
.ais-RefinementList-list .ais-RefinementList-checkbox,
.ais-Pagination-list .ais-RefinementList-checkbox,
.ais-ToggleRefinement .ais-RefinementList-labelText,
.ais-RefinementList-list .ais-RefinementList-labelText,
.ais-Pagination-list .ais-RefinementList-labelText {
  margin-right: 5px;
}
.ais-ToggleRefinement .ais-RefinementList-count,
.ais-RefinementList-list .ais-RefinementList-count,
.ais-Pagination-list .ais-RefinementList-count {
  color: black;
}
.ais-ToggleRefinement .ais-RefinementList-count::before,
.ais-RefinementList-list .ais-RefinementList-count::before,
.ais-Pagination-list .ais-RefinementList-count::before {
  content: "(";
}
.ais-ToggleRefinement .ais-RefinementList-count::after,
.ais-RefinementList-list .ais-RefinementList-count::after,
.ais-Pagination-list .ais-RefinementList-count::after {
  content: ")";
}
.ais-SearchBox {
  margin-top: 8px;
}
.ais-Pagination {
  width: 100%;
}
.ais-Pagination .ais-Pagination-list {
  display: flex;
}
.ais-Pagination .ais-Pagination-list li {
  margin-left: auto;
  margin-right: auto;
}
.ais-Pagination .ais-Pagination-list .ais-Pagination-item--selected a {
  color: black;
  font-weight: bold;
}
#content-list-filter-bar {
  margin-top: 15px;
  width: 80%;
}
#content-list-filter-bar li {
  width: 100%;
}
.ais-CurrentRefinements .ais-CurrentRefinements-label {
  display: none;
}
.ais-CurrentRefinements .ais-CurrentRefinements-list {
  list-style: none;
  padding: 0;
}
.ais-CurrentRefinements .ais-CurrentRefinements-list .ais-CurrentRefinements-item .ais-CurrentRefinements-category {
  padding-left: 5px;
  white-space: nowrap;
}
.ais-CurrentRefinements .ais-CurrentRefinements-list .ais-CurrentRefinements-item .ais-CurrentRefinements-category .ais-CurrentRefinements-delete {
  border: none;
  background: none;
}
.ais-ToggleRefinement-count {
  display: none;
}
.ais-SearchBox input {
  max-width: 85%;
  border: none;
}
.ais-SearchBox button[type="submit"] {
  display: none;
}
.ais-SearchBox button[type="reset"] {
  border: none;
  background: none;
}
div.ais-InstantSearch .ais-Hits ol.ais-Hits-list {
  list-style: none;
  padding: 0;
}
.content-card {
  margin-bottom: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
}
.content-card .ranking-info {
  padding: 20px;
}
.content-card .ranking-info .fa-info-circle {
  cursor: pointer;
}
.content-card.guide_card {
  background: transparent;
}
.content-card.guide_card div.bcsm {
  color: black;
}
.content-card.guide_card a {
  position: relative;
  display: block;
}
.content-card.guide_card a:hover {
  text-decoration: unset;
}
.content-card.guide_card .content-card-section {
  height: 100%;
  position: relative;
}
.content-card.guide_card .content-card-section::after {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: var(--image);
  background-size: cover;
  background-position: center;
  filter: blur(10px);
  opacity: 0.3;
}
.content-card.guide_card .content-card-section .card-text .card-lowrow .card-low-right {
  display: none;
}
.content-card.fulltext_list_card .content-card-section .card-text .card-lowrow .card-low-right {
  display: none;
}
.content-card .content-card-section {
  display: flex;
}
.content-card .content-card-section .hsm,
.content-card .content-card-section .hmd {
  line-height: unset;
}
.content-card .content-card-section .card-links {
  padding-right: 5px;
  margin-top: 10px;
}
.content-card .content-card-section .card-links a {
  white-space: nowrap;
}
.content-card .content-card-section a.plain:hover {
  text-decoration: none;
}
.content-card .content-card-section .card-image {
  min-width: 200px;
  height: 200px;
  margin: 20px;
  border-radius: 10px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 24px;
}
.content-card .content-card-section .card-text {
  display: flex;
  flex-direction: column;
  padding: 20px;
  padding-left: 0px;
  width: 100%;
}
.content-card .content-card-section .card-text .card-hirow {
  display: flex;
}
.content-card .content-card-section .card-text .card-hirow .card-hi-left .card-title {
  font-weight: bold;
  color: black;
  margin-bottom: 9px;
}
.content-card .content-card-section .card-text .card-hirow .card-hi-right {
  position: relative;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  max-width: fit-content;
  min-width: fit-content;
}
.content-card .content-card-section .card-text .card-hirow .card-hi-right a {
  text-decoration: none;
}
.content-card .content-card-section .card-text .card-hirow .card-hi-right .card-types {
  max-height: 45px;
  min-height: 45px;
  padding-left: 5px;
  margin-top: auto;
}
.content-card .content-card-section .card-text .card-hirow .card-hi-right .card-types .more-types {
  cursor: pointer;
}
.content-card .content-card-section .card-text .card-hirow .card-buttons,
.content-card .content-card-section .card-text .card-hirow .card-types {
  text-align: right;
}
.content-card .content-card-section .card-text .card-hirow .card-buttons {
  margin-bottom: 12px;
}
.content-card .content-card-section .card-text .card-lowrow,
.content-card .content-card-section .card-text .card-bottomrow {
  height: 100%;
  display: flex;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-left,
.content-card .content-card-section .card-text .card-bottomrow .card-low-left,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-left,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-left {
  margin-right: auto;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-left .card-summary,
.content-card .content-card-section .card-text .card-bottomrow .card-low-left .card-summary,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-left .card-summary,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-left .card-summary {
  min-height: 120px;
  width: 100%;
  padding-right: 15px;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-left .card-summary:hover,
.content-card .content-card-section .card-text .card-bottomrow .card-low-left .card-summary:hover,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-left .card-summary:hover,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-left .card-summary:hover {
  text-decoration: none;
}
.content-card .content-card-section .card-text .card-lowrow a.container-link,
.content-card .content-card-section .card-text .card-bottomrow a.container-link {
  display: flex;
  text-decoration: none;
  max-width: 40%;
  text-align: right;
  min-width: 40%;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right {
  display: flex;
  flex-direction: column;
  margin-left: auto;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right a,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right a,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right a,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right a {
  text-decoration: none;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right a span,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right a span,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right a span,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right a span,
.content-card .content-card-section .card-text .card-lowrow .card-low-right a div,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right a div,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right a div,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right a div {
  text-decoration: none;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right .card-topics,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right .card-topics,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right .card-topics,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right .card-topics {
  margin-top: auto;
  margin-left: auto;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right .card-topics a,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right .card-topics a,
.content-card .content-card-section .card-text .card-lowrow .card-bottom-right .card-topics a,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-right .card-topics a {
  white-space: nowrap;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right {
  margin-top: auto;
  margin-bottom: auto;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right .card-scrips,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right .card-scrips {
  margin-top: 20px;
}
.content-card .content-card-section .card-text .card-lowrow .card-low-right .card-scrips .card-scripture,
.content-card .content-card-section .card-text .card-bottomrow .card-low-right .card-scrips .card-scripture {
  white-space: nowrap;
}
.content-card .content-card-section .card-text .card-lowrow .card-bottom-left,
.content-card .content-card-section .card-text .card-bottomrow .card-bottom-left {
  white-space: nowrap;
  margin-top: auto;
}
/*-----------------------------------------------------------------------------
 * Content Box Styles
 *----------------------------------------------------------------------------*/
#focus-body label {
  margin-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: normal;
}
#focus-body label::before {
  border: 1px solid #bab9b8;
  vertical-align: unset;
}
#content-list-box {
  display: flex;
}
#content-list-box .sorts {
  margin-left: 5px;
}
#content-list-box .sorts .btn-white {
  margin-left: 10px;
  margin-right: 0px;
}
#content-list-box .action-buttons {
  white-space: nowrap;
}
#content-list-box .floating {
  box-shadow: black 1px 1px;
}
#content-list-box .bordered {
  border: #f1ebfb 1px solid;
}
#content-list-box #filter-bar {
  display: flex;
}
#content-list-box #filter-bar .card-styles {
  margin-left: auto;
}
#content-list-box .content-card.author_card .content-card-section .card-low-right {
  display: none;
}
#content-list-box .content-card.source_card .content-card-section .card-low-right {
  display: none;
}
#content-list-box #filter-box {
  background-color: #ffffff;
  flex: 1;
  min-width: 200px;
  max-width: 300px;
  padding: 20px;
}
#content-list-box #filter-box .search-filters {
  margin-top: 20px;
}
#content-list-box #filter-box .filter-bar {
  width: 100%;
  padding: 20px 0px;
  border-bottom: 1px solid #bab9b8;
  display: flex;
}
#content-list-box #filter-box .filter-bar label {
  font-weight: normal;
}
#content-list-box #filter-box .filter-bar label::before {
  border: 1px solid #bab9b8;
  vertical-align: unset;
}
#content-list-box #filter-box .filter-bar i,
#content-list-box #filter-box .filter-bar input {
  margin-left: auto;
}
#content-list-box #filter-box .filter-bar input {
  width: 150px;
}
#content-list-box #filter-box .filter-bar #guidesearch {
  width: 100%;
}
#content-list-box #filter-box .filter-bar.paid-filter,
#content-list-box #filter-box .filter-bar.av-filter {
  padding: 0px;
}
#content-list-box #filter-box .filter-bar.type-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter,
#content-list-box #filter-box .filter-bar.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter,
#content-list-box #filter-box .filter-bar.author-filter,
#content-list-box #filter-box .filter-bar.kids-filter,
#content-list-box #filter-box .filter-bar.paid-filter,
#content-list-box #filter-box .filter-bar.av-filter {
  display: flex;
  padding-bottom: 0px;
  flex-direction: column;
}
#content-list-box #filter-box .filter-bar.type-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.lectionary-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.topic-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.source-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.author-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.kids-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.paid-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.av-filter #type-filter-list,
#content-list-box #filter-box .filter-bar.type-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.lectionary-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.topic-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.source-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.author-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.kids-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.paid-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.av-filter #lectionary-filter-list,
#content-list-box #filter-box .filter-bar.type-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.lectionary-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.topic-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.source-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.author-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.kids-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.paid-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.av-filter #author-filter-list,
#content-list-box #filter-box .filter-bar.type-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.lectionary-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.topic-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.source-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.author-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.kids-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.paid-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.av-filter #source-filter-list,
#content-list-box #filter-box .filter-bar.type-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.lectionary-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.topic-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.source-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.author-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.kids-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.paid-filter #topic-filter-list,
#content-list-box #filter-box .filter-bar.av-filter #topic-filter-list {
  padding-bottom: 20px;
}
#content-list-box #filter-box .filter-bar.type-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.lectionary-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.topic-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.source-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.author-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.kids-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.paid-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.av-filter #type-filter-list div,
#content-list-box #filter-box .filter-bar.type-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.lectionary-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.topic-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.source-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.author-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.kids-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.paid-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.av-filter #lectionary-filter-list div,
#content-list-box #filter-box .filter-bar.type-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.lectionary-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.topic-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.source-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.author-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.kids-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.paid-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.av-filter #author-filter-list div,
#content-list-box #filter-box .filter-bar.type-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.lectionary-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.topic-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.source-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.author-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.kids-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.paid-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.av-filter #source-filter-list div,
#content-list-box #filter-box .filter-bar.type-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.lectionary-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.topic-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.source-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.author-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.kids-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.paid-filter #topic-filter-list div,
#content-list-box #filter-box .filter-bar.av-filter #topic-filter-list div {
  display: flex;
  flex-direction: column;
}
#content-list-box #filter-box .filter-bar.type-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #type-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #lectionary-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #author-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #source-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #topic-filter-list div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #type-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #lectionary-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #author-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #source-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter #topic-filter-list div label.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter #topic-filter-list div label.topic-filter {
  padding: 0px;
}
#content-list-box #filter-box .filter-bar.type-filter input,
#content-list-box #filter-box .filter-bar.lectionary-filter input,
#content-list-box #filter-box .filter-bar.topic-filter input,
#content-list-box #filter-box .filter-bar.source-filter input,
#content-list-box #filter-box .filter-bar.author-filter input,
#content-list-box #filter-box .filter-bar.kids-filter input,
#content-list-box #filter-box .filter-bar.paid-filter input,
#content-list-box #filter-box .filter-bar.av-filter input {
  width: unset;
}
#content-list-box #filter-box .filter-bar.type-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.topic-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.source-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.author-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.kids-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.paid-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.av-filter div a.topic-filter,
#content-list-box #filter-box .filter-bar.type-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.topic-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.source-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.author-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.kids-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.paid-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.av-filter div a.kids-filter,
#content-list-box #filter-box .filter-bar.type-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.topic-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.source-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.author-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.kids-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.paid-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.av-filter div a.paid-filter,
#content-list-box #filter-box .filter-bar.type-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.topic-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.source-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.author-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.kids-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.paid-filter div a.av-filter,
#content-list-box #filter-box .filter-bar.av-filter div a.av-filter {
  color: black;
}
#content-list-box #filter-box .filter-bar.type-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.topic-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.source-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.author-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.kids-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.paid-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.av-filter div a.topic-filter label,
#content-list-box #filter-box .filter-bar.type-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.topic-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.source-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.author-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.kids-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.paid-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.av-filter div a.kids-filter label,
#content-list-box #filter-box .filter-bar.type-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.topic-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.source-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.author-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.kids-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.paid-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.av-filter div a.paid-filter label,
#content-list-box #filter-box .filter-bar.type-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.lectionary-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.topic-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.source-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.author-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.kids-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.paid-filter div a.av-filter label,
#content-list-box #filter-box .filter-bar.av-filter div a.av-filter label {
  padding: 0px;
}
#content-list-box #filter-box .filter-bar.letter-filter,
#content-list-box #filter-box .filter-bar.category-filter {
  flex-flow: wrap;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter,
#content-list-box #filter-box .filter-bar.category-filter .btn-letter {
  border: 1px #8c8b89 solid;
  color: #8c8b89;
  background-color: #ffffff;
  margin-right: 5px;
  margin-top: 5px;
  border-radius: 5px;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter:hover,
#content-list-box #filter-box .filter-bar.category-filter .btn-letter:hover {
  background-color: #f1ebfb;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter.active,
#content-list-box #filter-box .filter-bar.category-filter .btn-letter.active {
  background-color: #00244d;
  color: #ffffff;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter.inactive,
#content-list-box #filter-box .filter-bar.category-filter .btn-letter.inactive {
  background-color: #ffffff;
  border: unset;
  cursor: default;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter.inactive:hover,
#content-list-box #filter-box .filter-bar.category-filter .btn-letter.inactive:hover {
  background-color: #ffffff;
}
#content-list-box #filter-box .filter-bar.letter-filter .btn-letter {
  width: 40px;
}
#content-list-box #filter-box .filter-bar.kids-filter,
#content-list-box #filter-box .filter-bar.paid-filter,
#content-list-box #filter-box .filter-bar.av-filter {
  border-bottom: unset;
}
#content-list-box #filter-box .filter-bar button {
  width: 100%;
  text-align: left;
  box-shadow: unset;
  border: unset;
  background-color: white;
  padding-bottom: 20px;
  display: flex;
}
#content-list-box .card-styles {
  color: #8c8b89;
  padding-top: 10px;
  padding-bottom: 10px;
  white-space: nowrap;
}
#content-list-box .card-styles .btn.active {
  color: black;
  box-shadow: unset;
}
#content-list-box #list-box {
  flex: 2;
  min-width: 400px;
  margin-left: 15px;
}
#content-list-box #list-box #info-bar {
  background: #ffffff;
  border-radius: 10px;
  width: 100%;
  display: flex;
  margin-right: 6px;
}
#content-list-box #list-box #info-bar .results {
  margin-left: auto;
  padding: 5px;
}
#content-list-box #list-box .helpfulness-query {
  display: flex;
}
#content-list-box #list-box .helpfulness-query div {
  margin-left: auto;
  background-color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 5px;
  padding-left: 20px;
  padding-right: 5px;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
}
#content-list-box #list-box .helpfulness-query div .btn {
  margin: 4px;
  padding: 2px 12px;
}
.preface {
  display: flex;
}
.preface .searchbox {
  margin-left: auto;
}
.preface .searchbox .underlinks {
  display: flex;
  margin-top: 10px;
}
.preface .searchbox .underlinks a {
  margin-left: auto;
  color: #8c8b89;
  text-decoration: underline;
}
.preface .searchbox .underlinks a:hover {
  color: black;
}
.preface .searchbox .underlinks #filter-open-btn {
  width: 255px;
  display: inline-block;
  border: none;
  padding: 0.5em 1em;
  background-color: #0077c8;
  color: #e9eef1;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 10px;
}
.preface .searchbox .underlinks #filter-open-btn:hover {
  background-color: #0095fb;
}
.user-content-box {
  background-image: url('/themes/custom/zeteo/img/user-form-default.png');
  background-repeat: no-repeat;
  background-size: 50% 100%;
  background-position: right top;
}
.field-name-field-profile-first-name.form-wrapper {
  width: 48%;
  float: left;
  clear: left;
}
.field-name-field-profile-last-name.form-wrapper {
  width: 48%;
  float: right;
  clear: right;
}
.user-content-box.main-content .block-section {
  width: 50%;
}
.page-user-login .user-content-box.main-content .block-section,
.page-user-password .user-content-box.main-content .block-section,
.page-user-register .user-content-box.main-content .block-section {
  width: 100%;
}
.page-user-login .user-login-layout,
.page-user-password .user-login-layout,
.page-user-register .user-login-layout {
  display: flex;
  min-height: 550px;
}
.page-user-login .user-login-main,
.page-user-login .user-login-messages,
.page-user-password .user-login-main,
.page-user-password .user-login-messages,
.page-user-register .user-login-main,
.page-user-register .user-login-messages {
  width: 50%;
}
.page-user-login .user-login-main,
.page-user-password .user-login-main,
.page-user-register .user-login-main {
  padding-bottom: 30px;
}
.page-user-login .user-login-messages,
.page-user-password .user-login-messages,
.page-user-register .user-login-messages {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 30px;
}
.page-user-login .user-login-messages .alert-wrapper,
.page-user-password .user-login-messages .alert-wrapper,
.page-user-register .user-login-messages .alert-wrapper {
  width: 100%;
  margin-top: 0;
}
.main-container .content-section > .block-section > div.user-subtitle {
  font-weight: bold;
  padding: 0px 30px;
}
.page-user-login .main-container .main-content h1.page-header,
.page-user-password .main-container .main-content h1.page-header,
.page-user-register .main-container .main-content h1.page-header {
  padding-left: 0px;
  margin-left: 0px;
}
form.user-pass,
.page-user-register #user-register-form,
.zeteo-user-login-form {
  padding-right: 30px;
}
form.user-pass .form-required::after,
.page-user-register #user-register-form .form-required::after,
.zeteo-user-login-form .form-required::after {
  background-image: unset;
}
.user-register-form input,
form.user-pass input,
.zeteo-user-login-form input {
  margin-bottom: 20px;
  background-color: #e8e8e7;
}
form.user-pass label,
.zeteo-user-login-form label {
  display: none;
}
form.user-pass .description,
form.user-pass .form-item__description {
  display: none;
}
.page-user-login .block-page-title-block,
.page-user-password .block-page-title-block,
.page-user-register .block-page-title-block {
  display: none;
}
.page-user-login nav.tabs,
.page-user-password nav.tabs,
.page-user-register nav.tabs {
  display: none;
}
::placeholder {
  color: #e9e6e1;
}
.password-suggestions.description {
  display: block;
  margin-top: auto;
  text-align: left;
  margin-left: 15px;
  margin-bottom: 15%;
  color: #ac4644;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 15px;
}
.user-content-box .alert {
  margin: unset;
  margin-left: unset;
  max-width: 300px;
  height: fit-content;
}
.user-subtitle {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 600;
}
.page-user-login .user-login-messages .alert,
.page-user-password .user-login-messages .alert,
.page-user-register .user-login-messages .alert {
  max-width: 100%;
}
.fa-check-square,
.page-user-check-email .fa-envelope,
.page-user-check-email .far.fa-envelope,
.page-user-check-email .fas.fa-envelope,
.page-user-check-email .glyphicon-envelope {
  color: #0077c8;
}
#password-length-mismatch {
  color: #ac4644;
  margin-left: 10px;
  margin-top: 10px;
}
#main-content .has-error input.form-control {
  background-color: #f4d9d9;
}
.follow-button {
  background-color: #ffffff;
  color: #8c8b89;
  border-radius: 10px;
  font-size: 16px;
  cursor: pointer;
  font-weight: normal;
  margin-left: 6px;
  padding: 4px 12px;
  width: 120px;
  border: 1px solid #8c8b89;
  text-align: center;
}
.follow-button .fa-check {
  display: none;
  margin-right: 6px;
}
.follow-button-active {
  background-color: #00244d;
  color: #ffffff;
}
#guidesearch-btn {
  margin-right: 38px;
  margin-left: 4px;
}
@media (max-width: 1045px) {
  #guide-search #content-list-box #list-box {
    margin-left: 0px;
  }
}
@media (max-width: 815px) {
  .content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item .content-card .content-card-section .card-text .card-hirow .card-hi-right .card-types {
    opacity: 0;
  }
}
@media (max-width: 715px) {
  .content-grid div[data-vue-component=Search] {
    width: 100%;
  }
  .content-grid div[data-vue-component=Search] .ais-Hits-list {
    width: 100%;
    display: unset;
  }
  .content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item {
    width: 100%;
    min-height: 200px;
  }
  .content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item .content-card {
    width: 100%;
    height: 100%;
  }
  .content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item .content-card .content-card-section .card-text .card-lowrow .card-low-right .card-scrips {
    margin-top: 20px;
  }
  .content-grid div[data-vue-component=Search] .ais-Hits-list .ais-Hits-item .content-card .content-card-section .card-text .card-hirow .card-hi-right .card-types {
    opacity: 100;
  }
}
@media (max-width: 469px) {
  .main-container .content-section .block-section div.region-content {
    padding: unset;
  }
  .main-container .content-section .block-section div.region-content #content-list-box #list-box {
    margin-left: 0px;
  }
}
@media screen and (max-width: 469px) {
  .card-hi-right {
    max-width: 40% !important;
    min-width: 33% !important;
    position: unset !important;
  }
  .card-hi-right .card-types {
    position: unset !important;
    right: revert !important;
    width: unset !important;
    margin-left: revert !important;
    max-height: 120px !important;
    min-height: unset !important;
  }
  #content-list-box {
    display: unset;
  }
}
#focus-screen {
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 5;
}
#focus-search {
  margin-top: 400px;
}
#focus-search .pwp-search-box-region-container {
  background: transparent;
  width: 80%;
}
#focus-box {
  width: 700px;
  min-height: 550px;
  max-height: 550px;
  background-color: #ffffff;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
  z-index: 6;
  padding: 20px;
}
#focus-box #focus-head {
  width: 100%;
  display: flex;
}
#focus-box #focus-head #focus-close {
  margin-left: auto;
}
#focus-box #focus-body .resource-filters {
  max-height: 300px;
  min-height: 300px;
  overflow: scroll;
  overflow-x: hidden;
  border-top: 1px solid #d1d1d0;
  border-bottom: 1px solid #d1d1d0;
}
#focus-box #focus-body .spinner {
  margin-top: 100px;
}
#focus-box #focus-body .spinner div {
  margin: 1px;
}
#focus-box #focus-body .content-card {
  box-shadow: unset;
}
#focus-box #focus-body .content-card .content-card-section .card-image {
  width: 250px;
  height: 175px;
}
#focus-box #focus-body .content-card .content-card-section .card-text .card-lowrow .card-low-left {
  min-width: 100%;
}
#focus-box #focus-body .content-card .content-card-section .card-text .card-lowrow .card-low-left .card-summary {
  width: 100%;
  overflow-y: scroll;
  max-height: 300px;
}
#focus-box #focus-body .content-card .content-card-section .card-text .card-lowrow .card-low-right {
  display: none;
}
@media (max-width: 700px) {
  #focus-box {
    margin-top: 0px;
    width: 320px;
    min-height: 550px;
    max-height: 550px;
  }
  #focus-box hr {
    display: none;
  }
  #focus-box #focus-body .resource-info .card-title {
    margin-bottom: 5px;
  }
  #focus-box #focus-body .resource-filters {
    max-height: 300px;
    min-height: 300px;
    overflow: scroll;
    border-top: 1px solid #d1d1d0;
    border-bottom: 1px solid #d1d1d0;
  }
  #focus-box #focus-body .content-card .content-card-section {
    display: flex;
    flex-direction: column;
  }
  #focus-box #focus-body .content-card .content-card-section .card-text {
    padding-left: 20px;
  }
  #focus-box #focus-body .content-card .content-card-section .card-text .card-lowrow .card-low-left .card-summary {
    max-height: 120px;
  }
}
/*-----------------------------------------------------------------------------
 * Style for the search box region
 *----------------------------------------------------------------------------*/
.pwp-search-box-region-container {
  background: #2c5265;
  color: #ffffff;
  padding: 15px 20px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Styles for the search box input */
  /* Styles for the list of filters below the search box input */
  /* Style for the More/Filters button */
}
.pw-ab-test-group-b .pwp-search-box-region-container {
  padding-bottom: 0;
}
.pwp-search-box-region-container .search-input-container {
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  /* The "x" in the right side of the search */
}
.pwp-search-box-region-container .search-input-container .clear-search {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #dbd5cd;
  font-size: 20px;
  cursor: pointer;
  display: none;
  /* The following mixin and two rules provide the "bounce" effect
			 * when the "x" is hovered/clicked
			 */
  -webkit-transition: all 100ms;
  -moz-transition: all 100ms;
  -ms-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}
.pwp-search-box-region-container .search-input-container .clear-search:hover {
  transform: scale(1.25);
}
.pwp-search-box-region-container .search-input-container .clear-search:active {
  transform: scale(0.85);
}
.pwp-search-box-region-container .search-input-container .magnifying-glass {
  position: absolute;
  top: 12px;
  left: 12px;
  color: #dbd5cd;
  font-size: 20px;
  cursor: text;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  transform: scale(1);
  opacity: 1;
}
.pwp-search-box-region-container .search-input-container .magnifying-glass.searchbox-populated {
  transform: scale(0.2);
  opacity: 0;
}
.pwp-search-box-region-container .search-input-container .search-box,
.pwp-search-box-region-container .search-input-container .search-box-style {
  height: 44px;
  font-size: 20px;
  font-weight: normal;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -ms-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  padding-left: 40px;
}
.pwp-search-box-region-container .search-input-container .search-box::-webkit-input-placeholder,
.pwp-search-box-region-container .search-input-container .search-box-style::-webkit-input-placeholder {
  font-style: italic;
}
.pwp-search-box-region-container .search-input-container .search-box::-moz-placeholder,
.pwp-search-box-region-container .search-input-container .search-box-style::-moz-placeholder {
  font-style: italic;
}
.pwp-search-box-region-container .search-input-container .search-box :-ms-input-placeholder,
.pwp-search-box-region-container .search-input-container .search-box-style :-ms-input-placeholder {
  font-style: italic;
}
.pwp-search-box-region-container .search-input-container .search-box::-ms-clear,
.pwp-search-box-region-container .search-input-container .search-box-style::-ms-clear {
  /* Hide the 'x' button that Edge/IE 10+ show by default */
  width: 0;
  height: 0;
}
.pwp-search-box-region-container .search-input-container .search-box.searchbox-populated,
.pwp-search-box-region-container .search-input-container .search-box-style.searchbox-populated {
  padding-left: 20px;
}
.pwp-search-box-region-container .search-input-container .search-box:focus,
.pwp-search-box-region-container .search-input-container .search-box-style:focus {
  box-shadow: 0 0 2px 2px #97ba45;
}
.pwp-search-box-region-container a.advanced-search-link {
  color: #ffffff;
  font-weight: bold;
  border: solid 1px #ffffff;
  margin-right: 20px;
}
.pwp-search-box-region-container a.advanced-search-link:hover,
.pwp-search-box-region-container a.advanced-search-link:active {
  text-decoration: underline;
}
.pwp-search-box-region-container .resource-type-filters {
  height: 35px;
  overflow: hidden;
  position: relative;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Generous spacing between filters listed directly in the search box
		 * region
		 */
}
.pwp-search-box-region-container .resource-type-filters label {
  font-weight: normal;
  margin-right: 30px;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters {
  display: block;
  margin-left: 0;
  height: 40px;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters label {
  color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-width: 0 1px 0 0px;
  padding: 10px 15px;
  margin-right: 0;
  position: relative;
  box-sizing: border-box;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters label:before {
  display: none;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters label:first-of-type {
  border-width: 0 1px 0 1px;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters input:checked + label {
  background: #5bbdd0;
  color: #ffffff;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters input:checked + label:after {
  display: inline-block !important;
  content: "\f057" !important;
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  background-image: none !important;
  margin-left: 10px;
}
.pw-ab-test-group-b .pwp-search-box-region-container .resource-type-filters input:checked + label:before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: none !important;
  background-color: #2e5366 !important;
  height: 3px;
  width: 100%;
  content: " ";
}
.pwp-search-box-region-container .more-filters {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-top: 5px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pwp-search-box-region-container .more-filters.mobile-show {
  margin-left: 12px;
}
.pw-ab-test-group-b .pwp-search-box-region-container .more-filters {
  padding-top: 10px;
  margin-left: 15px;
}
.pwp-popover .resource-types {
  /* Styles the list of checkboxes in the "More"/"Filters" dropdown */
}
.pwp-popover .resource-types label.pwp-input {
  display: block;
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 90%;
  margin-top: 5px;
}
#block-pwp-search-pwp-search-box {
  background: #2c5265;
}
@font-face {
  font-family: Helvetica_now;
  src: url('/themes/custom/zeteo/font/Helvetica_now.woff');
}
@font-face {
  font-family: Helvetica_now_bold;
  src: url('/themes/custom/zeteo/font/Helvetica_now_bold.woff');
}
body {
  font-family: Helvetica_now, Helvetica, sans-serif;
}
.black-text {
  color: black;
}
.bold-text {
  font-weight: bold;
}
.dark-text {
  color: #53565a;
}
.white-text {
  color: #ffffff;
}
.oxford-text {
  color: #00244d;
}
.cerulean-text {
  color: #0077c8;
}
.sky-text {
  color: #72cdf4;
}
.light-text {
  color: #8c8b89;
}
.error-text {
  color: #ac4644;
}
.hxxl {
  font-size: 52px;
  line-height: 64px;
}
.hxl {
  font-size: 40px;
  line-height: 54px;
}
.hlg {
  font-size: 28px;
  line-height: 40px;
}
.hmd {
  font-size: 24px;
  line-height: 32px;
}
.hsm {
  font-size: 20px;
  line-height: 30px;
}
.hxs {
  font-size: 16px;
  line-height: 24px;
}
.lc {
  font-size: 18px;
  line-height: 28px;
}
.bc {
  font-size: 16px;
  line-height: 24px;
}
.bcsm {
  font-size: 14px;
  line-height: 22px;
}
.bcxs {
  font-size: 12px;
  line-height: 16px;
}
footer.footer {
  border-top: none;
  padding: 40px 0;
  background-color: #00244d;
  color: #ffffff;
  width: 100%;
  margin: 0;
  text-align: center;
}
footer.footer section + section {
  margin-top: 40px / 2;
}
footer.footer a {
  color: #37aac1;
}
footer.footer .footer-link {
  display: inline-block;
}
footer.footer .footer-link:not(:last-child) {
  margin-right: 20px;
  margin-left: 20px;
}
footer.footer .footer-link .footer-link.footer-link {
  margin-right: 0;
  margin: 0 20px;
}
#block-pwp-blocks-catalog-links {
  background-color: #ffffff;
  padding: 0 5px;
  border: 1px solid #8c8b89;
  border-width: 1px 0;
}
#block-pwp-blocks-catalog-links .navbar.navbar-default {
  background: #ffffff;
  margin-bottom: 0;
  border: none;
  margin-right: auto;
  margin-left: auto;
  max-width: 800px;
}
.catalog-links-container .row {
  margin-left: unset;
  margin-right: unset;
}
/*-----------------------------------------------------------------------------
 * NOTE: See the bottom of this file for additional imports that take
 * precedence over the styles in this file.
 *----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------
 * Views/Drupal adjustments
 *----------------------------------------------------------------------------*/
#views-exposed-form-term-treatments-page-1 div.views-widget label,
#views-exposed-form-term-treatments-page-2 div.views-widget label,
#views-exposed-form-term-treatments-page-3 div.views-widget label,
#views-exposed-form-term-treatments-page-4 div.views-widget label,
#views-exposed-form-term-treatments-page-5 div.views-widget label,
#views-exposed-form-term-treatments-page-6 div.views-widget label {
  display: none;
}
/*-----------------------------------------------------------------------------
 * Main template sizing/styling
 *----------------------------------------------------------------------------*/
body {
  font-size: 16px;
  line-height: 24px;
}
.btn.btn-danger.full-width {
  width: 100%;
  border-radius: 15px;
  border: 1px solid #53565a;
}
input.throbbing {
  background-repeat: no-repeat;
}
.no-break {
  white-space: nowrap;
}
.folder-list {
  min-height: 100px;
  max-height: 300px;
  overflow-y: scroll;
  border: 1px #d1d1d0 solid;
  margin-top: 10px;
  padding: 5px;
  color: #8c8b89;
}
.folder-list.large-list {
  max-height: 400px;
  min-height: 200px;
  padding: 5px;
}
.folder-list.large-list div.float-middle {
  padding-left: 5px;
  padding-right: 5px;
}
.bump-top {
  margin-top: auto;
}
.vertical-buffer {
  margin-top: 20px;
}
.page-header {
  color: #00244d;
}
a[href*="//"]:not([href*="zeteosearch.org"]) {
  color: #401296;
}
#content-list-preface .preface {
  margin-bottom: 20px;
}
#content-list-preface .preface .title {
  font-weight: bold;
}
#content-list-preface .searchbox {
  width: 300px;
}
.footer-content {
  display: flex;
  padding: 0 80px;
  flex-direction: column;
}
.footer-content .footer-bottom {
  display: flex;
  flex-direction: column;
}
.footer-content .footer-desc {
  margin-bottom: 20px;
  text-align: center;
}
.footer-content .footer-copyright {
  font-weight: bold;
  text-align: center;
}
.footer-content .footer-text {
  text-align: left;
  flex: 5;
}
.footer-content .footer-links {
  font-weight: bold;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  flex: 4;
}
.footer-content .footer-links a {
  color: #ffffff;
}
.footer-content .footer-links a.footer-link:first-child {
  margin-left: auto;
}
.search-input-container {
  display: flex;
  background-color: #ffffff;
  color: #dbd5cd;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
  font-size: 24px;
  border-radius: 10px;
  height: 50px;
  padding: 10px;
  align-items: center;
}
.search-input-container .twitter-typeahead .form-control.search-box.tt-input {
  position: relative;
  vertical-align: top;
  border: unset;
  font-size: 24px;
  color: #8c8b89;
  box-shadow: unset;
  height: 50px;
}
.nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.nav-list-link {
  font-weight: bold;
  width: 48px;
  height: 48px;
  margin: 0 5px 5px 0;
  background-color: #e3e3e3;
  text-align: center;
  line-height: 48px;
}
.nav-list-unavailable-link.active {
  background-color: #b6c092;
}
.nav-list-unavailable-link {
  width: 48px;
  height: 48px;
  margin: 0 5px 5px 0;
  text-align: center;
  line-height: 48px;
}
.main-container,
.currently-popular-table {
  display: table;
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page-api .main-container,
.page-api .currently-popular-table {
  border-top: none;
}
.main-container > .content-section,
.currently-popular-table > .content-section {
  display: table-cell;
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.main-container .block-section,
.currently-popular-table .block-section {
  display: block;
  width: 100%;
}
.popular-column {
  /* Make columns share horizontal space equally */
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  min-width: 270px;
  display: block;
}
.popular-column .pwp-search-result {
  table-layout: fixed;
}
.search-and-login-container {
  width: 100%;
}
.search-and-login-container .search-box-region,
.search-and-login-container .user-menu-region {
  height: 100%;
}
.search-and-login-container .search-box-region {
  /* Because the search box region is displayed as a table cell, the width
		 * property acts as a maximum bound on the element's width (very much
		 * like the max-width property on a block element)
		 */
  width: 100%;
}
.search-and-login-container .user-menu-region {
  /* Oddly enough, min-width works as expected on table cells, even though
		 * max-width does not.
		 */
  min-width: 320px;
}
.main-container .main-content.wide {
  max-width: unset;
  margin-left: unset;
  margin-right: unset;
}
.main-container {
  width: 100%;
  position: relative;
  /* Shows sidebar after even though code before the main content */
  flex-direction: row-reverse;
  /* Both the main content and the sidebar should have consistent left/right
	 * padding such that everything on the left side of the page lines up with
	 * the left edge of the logo (hence @logo-padding-medium)
	 */
}
.main-container .content-section > .block-section > div {
  padding: 20px 30px;
  /* Adjust for flexible column spacing to right and bottom */
}
.main-container .content-section > .block-section > div .currently-popular-table {
  margin-right: -10px;
  margin-bottom: -10px;
}
.main-container .sidebar-content {
  width: 40%;
  opacity: 0;
}
.main-container .main-content {
  min-width: 320px;
  width: 60%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.main-container .main-content .page-header {
  margin: 30px;
  border: none;
  padding: 0;
}
.main-container .main-content .tagline {
  margin-left: 0;
  margin-right: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: none;
  padding: 0;
}
.main-container .main-content:first-child:last-child {
  width: 100%;
}
.page-topic .main-container .main-content:first-child:last-child .page-header {
  margin-bottom: 0;
}
.main-container .main-content > .block-section > .pagination,
.main-container .main-content > .block-section > .nav {
  margin: 30px 30px 0;
}
.main-container.single-column-view {
  /* Show the sidebar contents above the search results */
  flex-direction: column;
}
.main-container.single-column-view .region-sidebar.region-sidebar {
  padding: 20px 20px 0;
  margin-bottom: -20px;
}
table tr.even,
table tr:nth-child(even) {
  background-color: #f1ebfb;
}
#loader {
  height: 50px;
  width: 100%;
  display: flex;
  margin-bottom: 5px;
}
#loader .loaderbars {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
#loader .loading-bar {
  margin-top: auto;
  transition: 0.5s ease-in-out;
  background-color: #00244d;
  border-radius: 3px;
  width: 10px;
  margin-left: 3px;
  margin-right: 3px;
  height: 25%;
}
#loader .loading-bar.long {
  height: 100%;
}
@media (max-width: 699px) {
  /* Fill the container width since these are now stacked */
  .main-container .sidebar-content {
    width: 100%;
  }
  .main-container .main-content {
    width: 100%;
  }
}
span.guide-subtitle {
  display: block;
  font-size: 1.5rem;
  font-weight: 100;
  opacity: 0.8;
  line-height: 1.2;
}
.overimage {
  margin-bottom: 4px;
}
span.show-small,
div.show-small,
img.show-small {
  display: none;
}
.user-menu-block {
  background: transparent;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu {
  position: relative;
  height: 0px;
  /* Element that controls the positioning of the menu */
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner {
  position: relative;
  text-align: right;
  /* When the user is not logged in, align the "Sign in" button with the
			 * search box, vertically centered
			 */
  /* When the user is logged in, vertically center the menu */
  /* Styles for the actual menu */
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner.not-logged-in {
  padding: 0px 30px 0px;
  height: 100%;
  top: -90px;
  right: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner.logged-in {
  pointer-events: none;
  top: -110px;
  right: 20px;
  padding: 13px 0px;
  margin-right: auto;
  margin-left: auto;
  max-width: 900px;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container {
  pointer-events: auto;
  display: inline-block;
  width: 100%;
  max-width: 150px;
  text-align: left;
  /* Style for the section containing the user's name and picture, or
				 * the "sign in" button for anonymous users
				 */
  /* Styles for the links available to logged-in users */
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button {
  display: block;
  /* When displaying the user's picture, display it as a circle */
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 10px 10px 0 0;
  border-bottom: 3px solid #8c8b89;
  color: #8c8b89;
  text-decoration: none;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button.logged-in img {
  border-radius: 50px;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button.not-logged-in {
  color: #37aac1;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button:hover,
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button:active {
  text-decoration: none;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .links {
  width: 100%;
  display: block;
  background: #ffffff;
  border-radius: 0 0 10px 10px;
  padding: 5px 0;
}
.user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .links a {
  display: block;
  padding: 0 10px;
  font-size: 90%;
}
div.form-item.form-type-checkbox.checkbox {
  display: flex;
  padding-right: 10px;
}
.radio label,
.checkbox label {
  display: flex;
  flex-direction: row-reverse;
  margin-right: auto;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  left: 0;
  margin-left: 0px;
}
.front {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.front .main-container.simple-home {
  flex-grow: 1;
  align-items: center;
}
.front .main-container.simple-home .simple-search-box {
  max-width: 800px;
  margin: auto;
}
.front .main-container.simple-home .simple-search-box h3 {
  text-align: center;
  font-size: 18px;
  margin-top: 50px;
}
.front .main-container.simple-home .simple-search-box .pwp-search-box-region-container {
  padding-top: 15px;
  margin-bottom: 100px;
}
.front .main-container.simple-home .simple-search-box .pwp-search-box-region-container input.form-control.search-box.tt-input::placeholder {
  text-align: center;
  font-size: 16px;
}
.front .main-container.simple-home .simple-search-box .pwp-search-box-region-container .resource-type-filters {
  text-align: center;
}
.front .main-container.simple-home .simple-search-box .pwp-search-box-region-container.animate {
  opacity: 0;
  transform: scale(1.1, 1.1);
  transition: 0.2s linear;
}
.front .main-container.simple-home .simple-search-box .mini-about-text {
  text-align: center;
  font-size: 12px;
}
/*-----------------------------------------------------------------------------
 * Headings
 *----------------------------------------------------------------------------*/
h1 {
  font-size: 25px;
  font-family: Arial;
  font-weight: bold;
  color: black;
}
h2 {
  color: #0077c8;
}
h3 {
  font-size: 100%;
  font-weight: bold;
}
h1:first-child,
h2:first-child,
h3:first-child {
  margin-top: 0;
}
/*-----------------------------------------------------------------------------
 * Template elements
 *----------------------------------------------------------------------------*/
.main-container {
  background: #f8f7f5;
}
.logo-container {
  margin: 0;
  background-color: #ffffff;
}
.logo-container .logo-section {
  display: flex;
  padding: 0 30px;
  text-align: left;
  margin: auto;
  max-width: 1200px;
}
.logo-container .logo-section .headerblank {
  width: 100px;
}
.logo-container .logo-section .hoverbar {
  border-bottom: solid #ffffff 4px;
  border-top: solid #ffffff 4px;
  padding-bottom: 32px;
}
.logo-container .logo-section .hoverbar:hover {
  color: unset;
  text-decoration: unset;
  font-weight: bold;
  border-bottom: solid #0077c8 4px;
}
.logo-container .logo-section .hoverbar:hover .btn-account {
  background-color: #ffffff;
}
.logo-container .logo-section .headerMenu {
  display: flex;
  width: 100%;
}
.logo-container .logo-section .headerMenu .navmenus {
  display: flex;
  width: 100%;
}
.logo-container .logo-section .headerMenu .mobile-show {
  display: none;
}
.logo-container .logo-section .account {
  margin-left: 30px;
  white-space: nowrap;
  display: flex;
}
.logo-container .logo-section .account span {
  margin-top: auto;
}
.logo-container .logo-section .account a.searchbtn {
  margin-left: 5px;
  margin-bottom: 35px;
}
.logo-container .logo-section .account .btn {
  border: unset;
  font-size: 20px;
  border-radius: 10px;
}
.logo-container .logo-section .account .btn.btn-account {
  padding-top: 8px;
}
.logo-container .logo-section .narrow .headernav {
  margin-top: 15px;
}
.logo-container .logo-section .headernav {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-left: 3%;
  font-size: 20px;
}
.logo-container .logo-section .headernav .fa {
  font-size: 12px;
}
.logo-container .logo-section .headernav.first {
  margin-left: auto;
}
.logo-container .logo-section .headernav a.navalign {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  overflow-x: unset;
  white-space: nowrap;
}
.logo-container .logo-section .headernav a.navalign .btn {
  font-size: 20px;
  border-radius: 10px;
}
.logo-container .logo-section .headernav a.navalign-account {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  padding-bottom: 0px;
}
.logo-container .logo-section .headernav a.navalign-account .btn {
  font-size: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
}
.logo-container .logo-section .headernav a.navalign-account .btn.btn-account {
  margin-bottom: 26px;
}
.logo-container .logo-section .headernav .dropdown-menu {
  top: unset;
  left: unset;
  padding: 0;
  margin: 0;
  margin-top: 140px;
}
.logo-container .logo-section .headernav .dropdown-menu li {
  border-left: solid #ffffff 4px;
}
.logo-container .logo-section .headernav .dropdown-menu li a {
  padding: 20px;
  font-size: 16px;
  color: #8c8b89;
  font-weight: bold;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary {
  display: flex;
  background-color: #d3e4f4;
  padding: 20px;
  border-left: solid #d3e4f4 4px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary:hover {
  border-left: solid #d3e4f4 4px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary img {
  max-width: unset;
  margin: unset;
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary div.flexible {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary div.flexible .username {
  font-weight: bold;
  font-size: 16px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary div.flexible .description {
  color: #8c8b89;
  margin-top: auto;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary span.user-icon {
  background-color: #6fadde;
  border-radius: 10px;
  padding: 3px 10px 3px 12px;
  color: #ffffff;
  font-size: 40px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-summary span.user-icon .fa {
  font-size: 40px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-logout {
  border-top: solid #72cdf4 1px;
  border-left: unset;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-logout a {
  color: black;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-logout a .fa-sign-out {
  color: #72cdf4;
  font-size: 16px;
}
.logo-container .logo-section .headernav .dropdown-menu li.account-logout:hover {
  margin-left: -4px;
}
.logo-container .logo-section .headernav .dropdown-menu li:hover {
  border-left: solid #0077c8 4px;
}
.logo-container .logo-section .headernav .dropdown-menu li a:hover {
  background-color: #e3f5fd;
  color: black;
}
.logo-container .logo-section .headernav .invisibold {
  font-weight: bold;
  visibility: hidden;
  overflow-x: unset;
  white-space: nowrap;
}
.logo-container .logo-section .narrow .headerbtn {
  margin-top: 15px;
}
.logo-container .logo-section .headerbtn {
  overflow-x: unset;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-left: 3%;
}
.logo-container .logo-section .headerbtn.account a.searchbtn {
  margin-bottom: unset;
}
.logo-container .logo-section .headerbtn div {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  border-bottom: solid #ffffff 4px;
  padding-bottom: 27px;
}
.logo-container .logo-section .headerbtn div span .btn {
  border: unset;
  font-size: 20px;
  border-radius: 10px;
}
.logo-container .logo-section .headerbtn div span a {
  color: #0077c8;
  font-weight: bold;
}
.logo-container .logo-section .headerbtn div span a.btn-primary {
  color: #ffffff;
}
.logo-container .logo-section .headerbtn div span a.btn-secondary {
  color: #8c8b89;
}
.logo-container .logo.mobile-show,
.logo-container .logo.mobile-hide {
  display: none;
}
.logo-container .logo-no-tagline {
  display: block;
}
.logo-container .user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container {
  border-radius: 5px;
  overflow: hidden;
}
.logo-container .user-menu-block #block-pwp-blocks-pwp-user-menu .positioner .user-menu-container .user-button {
  border-color: #bfd859;
}
.logo-container .responsive-menu-button {
  padding-right: 30px;
  min-width: 40px;
}
.logo-container a {
  position: relative;
  color: black;
  text-decoration: none;
}
.logo-container img {
  max-height: 120px;
  margin: 30px 30px 30px 0px;
}
.logo-container img.narrow {
  max-height: 50px;
}
a {
  color: #0077c8;
}
kbd {
  display: inline-block;
  font-family: monospace;
  color: #000;
  padding: 0 6px;
  margin: 0 3px;
  background: #DDD;
  border-radius: 5px;
  border: 1px solid #CCC;
}
#filter-open-btn {
  display: none;
}
@media (max-width: 1045px) {
  .status--404 {
    --status-page-eye-shift: min(18vw, 100px) !important;
  }
  .status--404 .status-page-eye {
    font-size: 150px !important;
  }
  .status--403 .status-page-lock {
    font-size: 150px !important;
  }
  #filter-open-btn {
    width: 120px;
    display: unset;
    border: none;
    background-color: #00244d;
    color: #ffffff;
    border-radius: 5px;
  }
  .main-container .main-content h1.page-header {
    padding-left: 20px;
  }
  #content-list-box #filter-open-btn {
    width: 100px;
    height: 50px;
    z-index: 5;
    position: fixed;
    top: 10%;
    right: 0;
    transition: right 0.25s;
    border-radius: 5px 0 0 5px;
  }
  #content-list-box #filter-open-btn.open {
    right: -50%;
  }
  #content-list-box #filter-box {
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: #53565a 1px solid !important;
    transition: right 0.5s;
    background-color: transparent;
    display: flex;
    position: fixed;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    bottom: 0px !important;
    z-index: 5;
    margin-left: 0px;
    padding: 0px;
    right: -100%;
  }
  #content-list-box #filter-box .kids-filter,
  #content-list-box #filter-box .av-filter,
  #content-list-box #filter-box .paid-filter {
    border-bottom: 1px solid #bab9b8 !important;
  }
  #content-list-box #filter-box .filter-half {
    border: 1px solid #bab9b8;
    transition: right 0.5s;
    background-color: #ffffff;
    margin-top: revert;
    position: absolute;
    right: 0;
    height: 100%;
    scrollbar-width: none;
  }
  #content-list-box #filter-box .filter-half .search-filters {
    margin-top: unset;
  }
  #content-list-box #filter-box .filter-half.open {
    right: 0;
  }
  #content-list-box #filter-box .filter-half::-webkit-scrollbar {
    display: none;
  }
  #content-list-box #filter-box div {
    overflow: scroll;
    width: 40%;
    margin-top: auto;
    padding-top: 0;
  }
  #content-list-box #filter-box div#filter-box-mobile-bar {
    width: 100%;
    cursor: pointer;
    display: flex;
    overflow: unset;
    line-height: unset;
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bab9b8 !important;
  }
  #content-list-box #filter-box div#filter-box-mobile-bar .filter-half-header {
    overflow: unset;
    width: unset;
    font-size: 20px;
  }
  #content-list-box #filter-box div#filter-box-mobile-bar #filter-close {
    margin-left: auto;
    padding: 0 2rem;
  }
  #content-list-box #filter-box div#filter-box-mobile-bar #filter-close svg {
    width: 1em;
    height: 24px;
    display: flex;
  }
  #content-list-box #filter-box div#filter-box-mobile-bar #filter-title {
    padding-left: 2rem;
  }
  #content-list-box #filter-box div .search-filters {
    overflow: unset;
    width: 100%;
    padding: 0 2.5%;
  }
  #content-list-box #filter-box div button {
    background-color: unset !important;
    padding-bottom: 0 !important;
    height: 100%;
    line-height: 100px;
  }
  #content-list-box #filter-box div button i {
    line-height: 100px;
  }
  #content-list-box #filter-box div .filter-title {
    display: none;
  }
  #content-list-box #filter-box div .kids-filter,
  #content-list-box #filter-box div .av-filter,
  #content-list-box #filter-box div .paid-filter {
    height: 75px;
  }
  #content-list-box #filter-box div .type-filter,
  #content-list-box #filter-box div .topic-filter,
  #content-list-box #filter-box div .author-filter,
  #content-list-box #filter-box div .source-filter,
  #content-list-box #filter-box div .kids-filter,
  #content-list-box #filter-box div .av-filter,
  #content-list-box #filter-box div .paid-filter {
    overflow: unset;
    padding: 0px 0px;
  }
  #content-list-box #filter-box div .type-filter #content-type-label,
  #content-list-box #filter-box div .topic-filter #content-type-label,
  #content-list-box #filter-box div .author-filter #content-type-label,
  #content-list-box #filter-box div .source-filter #content-type-label,
  #content-list-box #filter-box div .kids-filter #content-type-label,
  #content-list-box #filter-box div .av-filter #content-type-label,
  #content-list-box #filter-box div .paid-filter #content-type-label,
  #content-list-box #filter-box div .type-filter #content-topic-label,
  #content-list-box #filter-box div .topic-filter #content-topic-label,
  #content-list-box #filter-box div .author-filter #content-topic-label,
  #content-list-box #filter-box div .source-filter #content-topic-label,
  #content-list-box #filter-box div .kids-filter #content-topic-label,
  #content-list-box #filter-box div .av-filter #content-topic-label,
  #content-list-box #filter-box div .paid-filter #content-topic-label,
  #content-list-box #filter-box div .type-filter #author-type-label,
  #content-list-box #filter-box div .topic-filter #author-type-label,
  #content-list-box #filter-box div .author-filter #author-type-label,
  #content-list-box #filter-box div .source-filter #author-type-label,
  #content-list-box #filter-box div .kids-filter #author-type-label,
  #content-list-box #filter-box div .av-filter #author-type-label,
  #content-list-box #filter-box div .paid-filter #author-type-label,
  #content-list-box #filter-box div .type-filter #source-type-label,
  #content-list-box #filter-box div .topic-filter #source-type-label,
  #content-list-box #filter-box div .author-filter #source-type-label,
  #content-list-box #filter-box div .source-filter #source-type-label,
  #content-list-box #filter-box div .kids-filter #source-type-label,
  #content-list-box #filter-box div .av-filter #source-type-label,
  #content-list-box #filter-box div .paid-filter #source-type-label,
  #content-list-box #filter-box div .type-filter #kids-filter-list,
  #content-list-box #filter-box div .topic-filter #kids-filter-list,
  #content-list-box #filter-box div .author-filter #kids-filter-list,
  #content-list-box #filter-box div .source-filter #kids-filter-list,
  #content-list-box #filter-box div .kids-filter #kids-filter-list,
  #content-list-box #filter-box div .av-filter #kids-filter-list,
  #content-list-box #filter-box div .paid-filter #kids-filter-list,
  #content-list-box #filter-box div .type-filter #av-filter-list,
  #content-list-box #filter-box div .topic-filter #av-filter-list,
  #content-list-box #filter-box div .author-filter #av-filter-list,
  #content-list-box #filter-box div .source-filter #av-filter-list,
  #content-list-box #filter-box div .kids-filter #av-filter-list,
  #content-list-box #filter-box div .av-filter #av-filter-list,
  #content-list-box #filter-box div .paid-filter #av-filter-list,
  #content-list-box #filter-box div .type-filter #paid-filter-list,
  #content-list-box #filter-box div .topic-filter #paid-filter-list,
  #content-list-box #filter-box div .author-filter #paid-filter-list,
  #content-list-box #filter-box div .source-filter #paid-filter-list,
  #content-list-box #filter-box div .kids-filter #paid-filter-list,
  #content-list-box #filter-box div .av-filter #paid-filter-list,
  #content-list-box #filter-box div .paid-filter #paid-filter-list {
    overflow: unset;
    padding: 0;
    height: 100px;
    width: 100%;
  }
  #content-list-box #filter-box div .type-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #content-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #content-topic-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #author-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #source-type-label .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #kids-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #av-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .type-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .topic-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .author-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .source-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .kids-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .av-filter #paid-filter-list .ais-ToggleRefinement,
  #content-list-box #filter-box div .paid-filter #paid-filter-list .ais-ToggleRefinement {
    overflow: unset;
    width: unset;
  }
  #content-list-box #filter-box div .type-filter #kids-filter-list,
  #content-list-box #filter-box div .topic-filter #kids-filter-list,
  #content-list-box #filter-box div .author-filter #kids-filter-list,
  #content-list-box #filter-box div .source-filter #kids-filter-list,
  #content-list-box #filter-box div .kids-filter #kids-filter-list,
  #content-list-box #filter-box div .av-filter #kids-filter-list,
  #content-list-box #filter-box div .paid-filter #kids-filter-list,
  #content-list-box #filter-box div .type-filter #av-filter-list,
  #content-list-box #filter-box div .topic-filter #av-filter-list,
  #content-list-box #filter-box div .author-filter #av-filter-list,
  #content-list-box #filter-box div .source-filter #av-filter-list,
  #content-list-box #filter-box div .kids-filter #av-filter-list,
  #content-list-box #filter-box div .av-filter #av-filter-list,
  #content-list-box #filter-box div .paid-filter #av-filter-list,
  #content-list-box #filter-box div .type-filter #paid-filter-list,
  #content-list-box #filter-box div .topic-filter #paid-filter-list,
  #content-list-box #filter-box div .author-filter #paid-filter-list,
  #content-list-box #filter-box div .source-filter #paid-filter-list,
  #content-list-box #filter-box div .kids-filter #paid-filter-list,
  #content-list-box #filter-box div .av-filter #paid-filter-list,
  #content-list-box #filter-box div .paid-filter #paid-filter-list {
    padding: 0 2.5%;
    height: revert;
    margin: auto;
  }
  #content-list-box #filter-box div .type-filter .resource-type-filters,
  #content-list-box #filter-box div .topic-filter .resource-type-filters,
  #content-list-box #filter-box div .author-filter .resource-type-filters,
  #content-list-box #filter-box div .source-filter .resource-type-filters,
  #content-list-box #filter-box div .kids-filter .resource-type-filters,
  #content-list-box #filter-box div .av-filter .resource-type-filters,
  #content-list-box #filter-box div .paid-filter .resource-type-filters,
  #content-list-box #filter-box div .type-filter .topic-filters,
  #content-list-box #filter-box div .topic-filter .topic-filters,
  #content-list-box #filter-box div .author-filter .topic-filters,
  #content-list-box #filter-box div .source-filter .topic-filters,
  #content-list-box #filter-box div .kids-filter .topic-filters,
  #content-list-box #filter-box div .av-filter .topic-filters,
  #content-list-box #filter-box div .paid-filter .topic-filters,
  #content-list-box #filter-box div .type-filter .author-type-filters,
  #content-list-box #filter-box div .topic-filter .author-type-filters,
  #content-list-box #filter-box div .author-filter .author-type-filters,
  #content-list-box #filter-box div .source-filter .author-type-filters,
  #content-list-box #filter-box div .kids-filter .author-type-filters,
  #content-list-box #filter-box div .av-filter .author-type-filters,
  #content-list-box #filter-box div .paid-filter .author-type-filters,
  #content-list-box #filter-box div .type-filter .source-type-filters,
  #content-list-box #filter-box div .topic-filter .source-type-filters,
  #content-list-box #filter-box div .author-filter .source-type-filters,
  #content-list-box #filter-box div .source-filter .source-type-filters,
  #content-list-box #filter-box div .kids-filter .source-type-filters,
  #content-list-box #filter-box div .av-filter .source-type-filters,
  #content-list-box #filter-box div .paid-filter .source-type-filters {
    overflow: unset;
    padding: 0;
  }
  #content-list-box #filter-box div .type-filter #type-filter-list,
  #content-list-box #filter-box div .topic-filter #type-filter-list,
  #content-list-box #filter-box div .author-filter #type-filter-list,
  #content-list-box #filter-box div .source-filter #type-filter-list,
  #content-list-box #filter-box div .kids-filter #type-filter-list,
  #content-list-box #filter-box div .av-filter #type-filter-list,
  #content-list-box #filter-box div .paid-filter #type-filter-list,
  #content-list-box #filter-box div .type-filter #topic-filter-list,
  #content-list-box #filter-box div .topic-filter #topic-filter-list,
  #content-list-box #filter-box div .author-filter #topic-filter-list,
  #content-list-box #filter-box div .source-filter #topic-filter-list,
  #content-list-box #filter-box div .kids-filter #topic-filter-list,
  #content-list-box #filter-box div .av-filter #topic-filter-list,
  #content-list-box #filter-box div .paid-filter #topic-filter-list,
  #content-list-box #filter-box div .type-filter #author-filter-list,
  #content-list-box #filter-box div .topic-filter #author-filter-list,
  #content-list-box #filter-box div .author-filter #author-filter-list,
  #content-list-box #filter-box div .source-filter #author-filter-list,
  #content-list-box #filter-box div .kids-filter #author-filter-list,
  #content-list-box #filter-box div .av-filter #author-filter-list,
  #content-list-box #filter-box div .paid-filter #author-filter-list,
  #content-list-box #filter-box div .type-filter #source-filter-list,
  #content-list-box #filter-box div .topic-filter #source-filter-list,
  #content-list-box #filter-box div .author-filter #source-filter-list,
  #content-list-box #filter-box div .source-filter #source-filter-list,
  #content-list-box #filter-box div .kids-filter #source-filter-list,
  #content-list-box #filter-box div .av-filter #source-filter-list,
  #content-list-box #filter-box div .paid-filter #source-filter-list {
    overflow: unset;
    width: unset;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList,
  #content-list-box #filter-box div .author-filter .ais-RefinementList,
  #content-list-box #filter-box div .source-filter .ais-RefinementList,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList,
  #content-list-box #filter-box div .av-filter .ais-RefinementList,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList {
    overflow: unset;
    padding-bottom: 5%;
    font-size: medium;
    width: unset;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .author-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .source-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .av-filter .ais-RefinementList-showMore,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList-showMore {
    background-color: unset;
    line-height: unset;
    justify-content: center;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .author-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .source-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .av-filter .ais-RefinementList-item,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList-item {
    padding-bottom: 2.5%;
    padding: 0 2.5%;
    margin-bottom: 2em;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .author-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .source-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .av-filter .ais-RefinementList-item label,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList-item label {
    gap: 0.5em;
    line-height: normal;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: unset;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .author-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .source-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .av-filter .ais-RefinementList-item label > *,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList-item label > * {
    position: relative;
    top: 25%;
  }
  #content-list-box #filter-box div .type-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .topic-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .author-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .source-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .kids-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .av-filter .ais-RefinementList-item .ais-RefinementList-checkbox,
  #content-list-box #filter-box div .paid-filter .ais-RefinementList-item .ais-RefinementList-checkbox {
    margin: 0 5px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
  }
  #content-list-box #filter-box div .type-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .topic-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .author-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .source-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .kids-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .av-filter .ais-ToggleRefinement-checkbox,
  #content-list-box #filter-box div .paid-filter .ais-ToggleRefinement-checkbox {
    margin: 0 5px;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
  }
  #content-list-box #filter-box div .type-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .topic-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .author-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .source-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .kids-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .av-filter .ais-ToggleRefinement-label,
  #content-list-box #filter-box div .paid-filter .ais-ToggleRefinement-label {
    gap: 0.5em;
    width: 100%;
    margin-bottom: unset;
    display: flex;
    align-items: center;
  }
  #content-list-box #filter-box div .type-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .topic-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .author-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .source-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .kids-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .av-filter .ais-ToggleRefinement-label > *,
  #content-list-box #filter-box div .paid-filter .ais-ToggleRefinement-label > * {
    position: relative;
    top: 25%;
  }
  #content-list-box #filter-box div .type-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .topic-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .author-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .source-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .kids-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .av-filter .ais-ToggleRefinement-labelText,
  #content-list-box #filter-box div .paid-filter .ais-ToggleRefinement-labelText {
    line-height: normal;
  }
  #content-list-box #filter-box.right {
    right: 0;
  }
  .preface {
    padding-left: 15px;
    padding-right: 5px;
  }
  .logo-container {
    padding-left: 20px;
  }
  .logo-container .logo-section .headernav.small-hidden {
    display: none;
  }
  .logo-container .logo-section .headernav.second {
    margin-left: auto;
  }
  .logo-container .logo-section a.hoverbar {
    padding-bottom: 38px;
  }
  .logo-container .logo-section a.hoverbar:hover,
  .logo-container .logo-section a.hoverbar:focus {
    color: unset;
    text-decoration: none;
  }
  .logo-container .logo-section .headerbtn div {
    padding-bottom: 32px;
  }
  .logo-container .logo-section .account a.navalign-account {
    padding-bottom: 6px;
  }
  .logo-container .logo-section .account .dropdown-menu {
    align-self: flex-end;
  }
  .logo-container .logo-section .account .dropdown-menu .description {
    font-size: 10px;
  }
  .small-hidden {
    display: none;
  }
}
@media (max-width: 1045px) and (max-width: 449px) {
  .ais-RefinementList-label,
  .ais-ToggleRefinement-label,
  .filter-half-header,
  #content-type-label,
  #content-topic-label,
  #author-type-label,
  #source-type-label {
    font-size: 0.9em;
  }
}
@media (max-width: 1045px) and (max-width: 399px) {
  .ais-RefinementList-label,
  .ais-ToggleRefinement-label,
  .filter-half-header,
  #content-type-label,
  #content-topic-label,
  #author-type-label,
  #source-type-label {
    font-size: 0.8em;
  }
}
@media (max-width: 1045px) and (max-width: 349px) {
  .ais-RefinementList-label,
  .ais-ToggleRefinement-label,
  .filter-half-header,
  #content-type-label,
  #content-topic-label,
  #author-type-label,
  #source-type-label {
    font-size: 0.7em;
  }
}
@media (max-width: 1185px) {
  .footer-content .footer-desc {
    text-align: center;
  }
}
/* Mobile Overrides */
@media (max-width: 500px) {
  .content-card .content-card-section .card-links {
    display: flex;
    flex-direction: column;
  }
  .content-card .content-card-section .card-links a {
    white-space: unset;
  }
  .content-card .content-card-section .card-links span {
    display: none;
  }
  span.show-small,
  div.show-small,
  img.show-small {
    display: unset;
  }
  span.hide-small,
  div.hide-small,
  img.hide-small {
    display: none;
  }
  .logo-container .logo-section .headerMenu .account {
    margin-left: 0px;
  }
  .logo-container .logo-section .headerMenu .headernav {
    margin-left: 5px;
    margin-right: 0px;
  }
  .logo-container .logo-section .headerMenu .headernav .dropdown-menu {
    margin-top: 78px;
  }
  .logo-container .logo-section .headerMenu .headernav a.navalign {
    margin-top: 5px;
    margin-bottom: 0px;
  }
  .content-container .content-card .content-card-section .card-image {
    display: none;
  }
  .status--404 {
    --status-page-eye-shift: min(18vw, 70px) !important;
  }
  .status--404 .status-page-eye {
    font-size: 80px !important;
  }
  .status--403 .status-page-lock {
    font-size: 80px !important;
  }
}
@media (max-width: 699px) {
  .user-content-box {
    background-image: none;
  }
  .user-content-box.main-content .block-section {
    width: 100%;
  }
  .page-user-login .user-login-layout,
  .page-user-register .user-login-layout {
    display: block;
    min-height: 0;
  }
  .page-user-login .user-login-main,
  .page-user-login .user-login-messages,
  .page-user-register .user-login-main,
  .page-user-register .user-login-messages {
    width: 100%;
  }
  .page-user-login .user-login-messages,
  .page-user-register .user-login-messages {
    padding: 0 30px 30px;
    display: block;
  }
  .field-name-field-profile-first-name.form-wrapper {
    width: 100%;
    float: none;
    clear: both;
  }
  .field-name-field-profile-last-name.form-wrapper {
    width: 100%;
    float: none;
    clear: both;
  }
  .main-container #main-content.user-content-box.main-content.content-section {
    margin: 0px;
    box-shadow: none;
    border-radius: none;
    width: 100%;
    height: 100%;
  }
  .status--404 {
    --status-page-eye-shift: min(18vw, 80px) !important;
  }
  .status--404 .status-page-eye {
    font-size: 100px !important;
  }
  .status--403 .status-page-lock {
    font-size: 100px !important;
  }
  .content-container .content-card .content-card-section .card-text {
    padding-left: 20px;
  }
  .content-container .content-card .content-card-section .card-text .card-hirow .card-hi-right {
    max-width: 40%;
  }
  .content-container .content-card .content-card-section .card-image {
    display: none;
  }
  /* Don't display the Drupal toolbar on mobile devices */
  #toolbar.toolbar.overlay-displace-top.clearfix.toolbar-processed {
    display: none;
  }
  /* Don't use padding for the toolbar on mobile devices */
  body.toolbar {
    padding-top: 0 !important;
  }
  .mobile-tab-nav {
    border-bottom: 1px solid #AAA;
    margin-bottom: 20px;
    padding-bottom: 10px;
    width: 100%;
  }
  .mobile-hidden {
    display: none;
  }
  .logo-container {
    width: 100%;
    box-sizing: border-box;
  }
  .logo-container .logo-section {
    display: unset;
    max-width: 85%;
    padding: 0 30px;
  }
  .logo-container .logo-section .headerMenu .mobile-hidden {
    display: none;
  }
  .logo-container .logo-section .headerMenu .mobile-show {
    display: unset;
    border-color: #bab9b8;
    color: #bab9b8;
    font-size: 20px;
    border-radius: 10px;
    padding: 8px 12px 8px 12px;
  }
  .logo-container .logo-section .headerMenu .mobile-show:hover {
    background-color: #e8e8e7;
  }
  .logo-container .logo-section .headerMenu .account .headernav .dropdown-menu {
    margin-top: 84px;
  }
  .logo-container .logo-section .mobileButtons {
    position: absolute;
    top: 0px;
    right: 30px;
    margin-top: 40px;
  }
  .logo-container .logo-section .headernav {
    display: flex;
    margin-left: 30px;
    margin-top: 0px;
    margin-right: 5%;
  }
  .logo-container .logo-section .headernav a.navalign {
    margin-top: 8px;
  }
  .logo-container .logo-section .headernav a.navalign-account .btn.btn-account {
    margin-bottom: 30px;
  }
  .logo-container .logo-section .headernav span {
    align-self: flex-end;
  }
  .logo-container .logo-section .headernav.mobile-hidden {
    display: none;
  }
  .logo-container .logo-section .headernav .invisibold {
    height: 0px;
  }
  .logo-container .logo-section .headernav .dropdown-menu {
    margin-top: 80px;
  }
  .logo-container .logo-section .headernav a {
    align-self: unset;
  }
  .logo-container .logo-section .headernav.second {
    margin-left: 30px;
  }
  .logo-container .logo-section img {
    height: 100%;
    width: auto;
    max-width: 100%;
  }
  .logo-container .logo-section .hoverbar {
    padding-bottom: 32px;
  }
  .logo-container .logo-section .headerbtn.account {
    margin-top: 2px;
  }
  .logo-container .logo-section .headerbtn div {
    border-bottom: solid #ffffff 2px;
    padding-bottom: 32px;
  }
  .logo-container .logo-section .headerbtn a.searchbtn {
    margin-bottom: unset;
  }
  .logo-container .responsive-menu-button {
    text-align: right;
    display: table-cell;
    background: #2c5265;
  }
  .logo-container .responsive-menu-button .navbar-toggle {
    margin: 0;
  }
  .logo-container .responsive-menu-button .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
  .logo-container .responsive-menu-button .navbar-toggle:hover,
  .logo-container .responsive-menu-button .navbar-toggle:focus {
    background: #05788f;
  }
  .logo-container .logo-section,
  .logo-container .responsive-menu-button {
    vertical-align: middle;
  }
  .sr-meta {
    padding: 0 2px;
  }
}
@media (max-width: 715px) {
  #content-list-filter-bar {
    width: 100%;
  }
  #info-bar {
    margin-bottom: 20px;
  }
  .content-grid .ais-Hits-item {
    width: 100%;
  }
  .content-grid .ais-Hits-item .content-card {
    width: 100%;
  }
  .card-styles {
    display: none;
  }
}
@media (max-width: 469px) {
  .status--404 {
    --status-page-eye-shift: min(18vw, 50px) !important;
  }
  .status--404 .status-page-eye {
    font-size: 60px !important;
  }
  .status--403 .status-page-lock {
    font-size: 60px !important;
  }
  .card-bottomrow .card-bottom-left {
    display: none;
  }
  .card-bottomrow a {
    margin-left: auto;
  }
  .footer-content {
    flex-direction: column;
    padding: 0 40px;
  }
  .footer-content .footer-links {
    display: unset;
    margin-left: 0px;
  }
  .footer-text,
  .footer-links {
    padding: 10px 0px;
  }
  .preface {
    display: flex;
    flex-direction: column;
  }
  .preface div {
    margin-bottom: 5px;
  }
  .preface .searchbox {
    margin-left: unset;
  }
  #content-list-box #list-box {
    min-width: unset;
  }
  .content-card .content-card-section .card-text .card-summary {
    display: none;
  }
  .content-card .content-card-section .card-links {
    display: flex;
    flex-direction: column;
  }
  .content-card .content-card-section .card-links a {
    white-space: unset;
  }
  .content-card .content-card-section .card-links span {
    display: none;
  }
  .logo-container .logo-section .headerMenu .navmenus {
    display: unset;
  }
  .logo-container .logo-section .headerMenu .navmenus.mobile-hidden {
    display: none;
  }
  .logo-container .logo-section .headerMenu .navmenus .headernav {
    margin-left: 30px;
    align-self: unset;
    text-align: left;
    flex-direction: unset;
  }
  .logo-container .logo-section .headerMenu .navmenus .headernav .dropdown-menu {
    margin-top: 60px;
    left: 29px;
    width: 86%;
  }
  .logo-container .logo-section .headerMenu .navmenus .headernav .invisibold {
    display: none;
  }
  .logo-container .logo-section .headerMenu .navmenus .headernav a.hoverbar {
    padding-bottom: 20px;
  }
  .logo-container .logo-section .headerMenu .navmenus .headernav a.hoverbar:hover,
  .logo-container .logo-section .headerMenu .navmenus .headernav a.hoverbar:focus {
    color: unset;
    text-decoration: none;
  }
  .logo-container .logo-section .headerMenu .navmenus .headerbtn.account div {
    align-self: unset;
    text-align: left;
    margin-left: 20px;
  }
  .logo-container .logo-section .headerMenu .navmenus .account .headernav a span.btn {
    margin-bottom: 0px;
  }
  .logo-container .logo-section .headerMenu .navmenus .account .headernav .dropdown-menu {
    margin-top: 69px;
    max-width: unset;
  }
}
/*-----------------------------------------------------------------------------
 * Browser Resets
 *----------------------------------------------------------------------------*/
a,
ul.dropdown-menu li > a {
  /* Force the cursor to show as a pointer when hovering over ALL links, even
	 * those WITHOUT an 'href' attribute
	 */
  cursor: pointer;
}
html {
  /* Force the scroll bars to appear on every page so that navigating between
	 * tall and short pages doesn't cause the website to appear to "bounce" as
	 * the scroll bar appears and vanishes
	 */
  overflow-y: scroll;
}
/*-----------------------------------------------------------------------------
 * Alerts (Drupal messages)
 *----------------------------------------------------------------------------*/
.alert {
  margin: 25px;
  margin-left: 40px;
  border-radius: 10px;
}
.alert.alert-success {
  background: #d3e3cc;
  color: #53565a;
  border: 1px solid #227300;
}
.alert.alert-success a {
  color: #72cdf4;
}
.alert.alert-success a.close {
  color: #53565a;
}
.alert.alert-warning {
  background: #f0c75e;
  color: #53565a;
}
.alert.alert-warning a {
  color: black;
}
.alert.alert-warning a.close {
  color: #53565a;
}
.alert.alert-danger {
  background: #ddb1b0;
  color: #53565a;
  border: 1px solid #ac4644;
}
.alert.alert-danger a {
  color: black;
}
.alert.alert-danger a.close {
  color: #53565a;
}
.alert.alert-danger,
.alert.alert-warning,
.alert.alert-success {
  border: none;
}
.book-icon {
  width: 60px;
  height: auto;
}
/*-----------------------------------------------------------------------------
 * Backgrounds
 *----------------------------------------------------------------------------*/
.bg-oxford {
  background-color: #00244d;
}
.bg-mist {
  background-color: #f8f7f5;
}
.bg-smoke {
  background-color: #e8e8e7;
}
.bg-white {
  background-color: #ffffff;
}
/*-----------------------------------------------------------------------------
 * Buttons
 *----------------------------------------------------------------------------*/
.btn.btn-default,
.btn.btn-primary,
.btn.btn-success,
.sidebar-content a.responsive-menu-close-button {
  background: #0077c8;
  color: #FFF;
}
#edit-submit.form-submit {
  width: 100%;
  margin-top: 15px;
  border-radius: 15px;
}
.btn.btn-default:hover,
.btn.btn-primary:hover,
.btn.btn-success:hover,
.sidebar-content a.responsive-menu-close-button:hover {
  background: #1990e1;
}
.btn.btn-default,
.btn.btn-default:hover {
  border: 1px solid #2c5265;
}
.ais-CurrentRefinements-category,
.btn.btn-b-positive,
.btn.btn-b-negative,
.btn.btn-cancel,
.btn.page-btn,
.btn.btn-white,
.btn-gray {
  border-radius: 10px;
}
.btn-disabled {
  cursor: default;
}
.ais-CurrentRefinements-category,
.btn-disabled,
.btn-white,
.page-btn {
  background-color: #ffffff;
  color: #bab9b8;
}
.ais-CurrentRefinements-category i,
.btn-disabled i,
.btn-white i,
.page-btn i {
  font-weight: bold;
  color: #53565a;
}
.page-btn {
  margin: 20px;
  border: 1px solid #53565a;
}
.ais-CurrentRefinements-category,
.btn-white {
  margin: 10px;
  border: #f1ebfb 1px solid;
  margin-left: 0px;
}
.ais-CurrentRefinements-category.btn-right,
.btn-white.btn-right {
  margin-left: auto;
  margin-right: 0px;
}
.btn-gray {
  margin: 10px;
  border: #8c8b89 1px solid;
  background-color: #ffffff;
  color: #8c8b89;
  margin-right: 0px;
}
.btn.btn-b-positive {
  color: #227300;
  border: 2px solid #227300;
}
.btn.btn-b-positive:hover {
  background-color: #227300;
  color: #ffffff;
}
.btn.btn-b-positive:active {
  background-color: #3b8c19;
  color: #ffffff;
}
.btn.btn-b-negative {
  color: #ac4644;
  border: 2px solid #ac4644;
}
.btn.btn-b-negative:hover {
  background-color: #ac4644;
  color: #ffffff;
}
.btn.btn-b-negative:active {
  background-color: #c55f5d;
  color: #ffffff;
}
.btn.btn-cancel {
  color: #bab9b8;
}
.btn.btn-cancel:hover {
  color: black;
}
.btn.btn-secondary {
  background: #bab9b8;
  color: #ffffff;
}
.btn.btn-secondary:hover {
  background: #d3d2d1;
}
.btn.btn-account {
  color: #0077c8;
  background: #a0c9e9;
}
.btn.btn-account:hover {
  background: #ffffff;
}
.btn.btn-account:active {
  opacity: 0.7;
  box-shadow: unset;
}
.pop-btn {
  margin-top: 20px;
  margin-right: 20px;
}
.btn.btn-danger,
.btn.btn-danger:hover {
  border: 1px solid #ddb1b0;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  width: 100%;
}
.btn-full {
  width: 100%;
}
.btn-default .caret {
  border-top-color: #FFF;
}
.open .btn-default .caret {
  border-top-color: #000;
}
a[href*="//"]:not([href*="zeteosearch.org"]):after {
  content: "\f08e";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  margin-left: 0.25em;
}
.recommendations a[href*="//"]:not([href*="zeteosearch.org"]):after {
  content: none;
}
a[target="_blank"].pwp-search-result:after {
  display: none;
}
.card-hi-left > a[target="_blank"].bcsm:after {
  content: none;
}
.card-hi-left > a {
  text-decoration: none;
}
.content-card-section > a[target="_blank"].bcsm:after {
  content: none;
}
/*-----------------------------------------------------------------------------
 * Resource Guides Style
 *----------------------------------------------------------------------------*/
.header-align {
  display: flex;
}
.header-align a {
  margin-left: auto;
}
.resource-guide .guide-head {
  display: flex;
  padding-bottom: 20px;
}
.resource-guide .guide-head .guide-image {
  width: 50%;
  max-width: 500px;
  min-height: 250px;
  margin-right: 20px;
  background-size: cover;
  background-position: center;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
  display: flex;
}
.resource-guide .guide-head .guide-intro {
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
  padding: 20px;
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
}
.resource-guide .guide-head .guide-intro a {
  margin-top: auto;
}
.resource-guide .guide-body {
  background-color: #ffffff;
  box-shadow: 1px 1px 10px 2px #d1d1d0;
  padding: 20px;
  margin-bottom: 20px;
}
.resource-guide .guide-body .guide-footer {
  display: flex;
}
.resource-guide .guide-body .guide-footer .guide-link {
  width: 100%;
  white-space: break-spaces;
}
.resource-guide .guide-body .guide-footer .guide-related li a {
  color: #0077c8;
}
.resource-guide .separator {
  width: 50%;
  height: 2px;
  background: #0077c8;
  margin: 20px 0px;
}
.heading-xl {
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  color: #00244D;
}
.heading-lg {
  font-size: 28px;
  line-height: 40px;
  font-weight: bold;
  color: #0077C8;
}
.heading-sm {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: #00244D;
}
.lead-copy {
  font-size: 18px;
  line-height: 28px;
  color: #00244D;
}
.body-copy {
  font-size: 16px;
  line-height: 24px;
  color: black;
}
.body-copy-sm {
  font-size: 14px;
  line-height: 22px;
  color: black;
}
.small-caps {
  font-variant: small-caps;
}
@media (max-width: 700px) {
  .header-align {
    flex-direction: column;
  }
  .header-align a {
    margin-left: unset;
    padding-bottom: 20px;
  }
  .resource-guide .guide-head {
    flex-direction: column;
  }
  .resource-guide .guide-head .guide-image {
    width: 100%;
    max-width: unset;
    padding: 0;
    height: 350px;
  }
  .resource-guide .guide-head .guide-intro {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .resource-guide .guide-body .guide-footer {
    flex-direction: column;
  }
  .resource-guide .guide-body .guide-footer .guide-link {
    margin-left: unset;
  }
  .resource-guide .guide-body .guide-footer .guide-link a {
    width: 100%;
  }
}
.nav li a {
  padding-right: 0px;
}
.nav li .dropdown-menu a {
  padding-right: 20px;
}
@media (min-width: 768px) {
  .navbar-header {
    display: none;
  }
}
/*-----------------------------------------------------------------------------
 * Other style overrides
 *----------------------------------------------------------------------------*/
.scripture-container .scripverse p.psalm_note {
  text-align: left;
}
article.profile .label {
  color: black;
  font-size: 16px;
  font-weight: 600;
  padding: 0px;
}
article.profile .label::after {
  content: '\A';
  white-space: pre;
}
article.profile .field__label {
  font-weight: 600;
}
article.profile .field__item {
  margin-bottom: 20px;
}
article.profile .field__label::after {
  content: ':';
}
.fp_card .lower a:nth-child(2):hover,
.author-card .card-top .card-head .card-links a:hover,
.authors-text .authors-link:hover,
.header-align a:hover,
.resource-guide .guide-head .guide-link:hover,
.resource-guide .guide-body a:hover:not(.guide-footer .btn),
.card-text .card-links a:hover,
.card-text .card-lowrow .card-low-left a:hover:not(.pwp-search-result),
.subtitle-link #explainsearchresultslink:hover,
.page-list-front-page-items .region #block-system-main .add-front-page-item:hover,
#pwp-catalog-list-form table a:hover,
.view-author-bios tr .views-field-edit-node a:hover,
#dynamic-hymnary-results-update-overrides-form a:hover,
.page-catalog-source-reviewed table td a:hover,
.page-manage-sources table td.name a:hover,
.page-catalog-source .table-responsive a:hover,
.page-tags-list .table-responsive a:hover,
.page-by-tag-list #main-content li a:hover,
.page-guides-published #main-content table td a:hover {
  text-shadow: 0 0.015em, 0 -0.015em, 0.01em 0, -0.01em 0;
}
/*-----------------------------------------------------------------------------
 * Drupal table style overrides
 *----------------------------------------------------------------------------*/
.table-select-processed:not( .browser-default-cell-sizing ) tr:nth-child( n + 2 ),
.table-select-processed:not( .browser-default-cell-sizing ) th:nth-child( n + 2 ) {
  width: 100%;
}
.table-select-processed:not( .browser-default-cell-sizing ) tr:first-child,
.table-select-processed:not( .browser-default-cell-sizing ) th:first-child {
  width: 0;
}
/*-----------------------------------------------------------------------------
 * Additional Imports - the following sheets take precedence over the styles in
 * this file.
 *----------------------------------------------------------------------------*/
/**
 * Styles defined in this stylesheet are intended for short-term, debugging usage
 */
@-webkit-keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.spinner-container {
  position: relative;
  width: 100%;
}
.spinner-container.overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.spinner-container > .css-table {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.spinner-container > .css-table .css-cell {
  vertical-align: middle;
}
.spinner-container > .css-table .css-cell.page-load-spinner {
  vertical-align: top;
  padding-top: 100px;
}
.spinner {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  margin: auto;
}
.spinner > div {
  background-color: #0077c8;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
/*-----------------------------------------------------------------------------
 * General Styles
 *----------------------------------------------------------------------------*/
.margin-right {
  margin-right: 10px;
}
.margin-left {
  margin-left: 10px;
}
.margin-top {
  margin-top: 10px;
}
.margin-bottom {
  margin-bottom: 10px;
}
.margin-right-50 {
  margin-right: 50px;
}
.margin-left-50 {
  margin-left: 50px;
}
.margin-top-50 {
  margin-top: 50px;
}
.margin-bottom-50 {
  margin-bottom: 50px;
}
.padding-right {
  padding-right: 10px;
}
.padding-left {
  padding-left: 10px;
}
.padding-top {
  padding-top: 10px;
}
.padding-bottom {
  padding-bottom: 10px;
}
.no-vertical-margin {
  margin-top: 0;
  margin-bottom: 0;
}
.no-margin-left {
  margin-left: 0!important;
}
.no-margin-right {
  margin-right: 0!important;
}
.no-margin-top {
  margin-top: 0!important;
}
.no-margin-bottom {
  margin-bottom: 0!important;
}
.no-padding-top {
  padding-top: 0!important;
}
.no-padding-bottom {
  padding-bottom: 0!important;
}
.inline-block {
  display: inline-block;
}
img.icon {
  max-height: 20px;
  max-width: 20px;
}
.bold {
  font-weight: bold;
}
.uppercase {
  text-transform: uppercase;
}
/*-----------------------------------------------------------------------------
 * Style tables
 *----------------------------------------------------------------------------*/
.css-table {
  display: table;
}
.css-row {
  display: table-row;
}
.css-cell {
  display: table-cell;
}
/*-----------------------------------------------------------------------------
 * Validated/invalidated inputs
 *----------------------------------------------------------------------------*/
input.invalidated,
.invalidated input {
  background-color: #ac4644;
  color: #ffffff;
}
input.validated,
.validated input {
  background-color: #84a23c;
  color: #ffffff;
}
input.validated.caution {
  background-color: #f0c75e;
  color: #ffffff;
}
/*-----------------------------------------------------------------------------
 * Glyphicon spin animation
 *----------------------------------------------------------------------------*/
.glyphicon-spin {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/*-----------------------------------------------------------------------------
 * Styles for mobile devices only
 *----------------------------------------------------------------------------*/
@media (max-width: 699px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show.mobile-show-inline {
    display: inline;
  }
  /*
	 * Use flexbox for mobile.
	 * If flexbox not supported, recommended shows at bottom of page.
	 */
  div.main-container {
    flex-direction: row-reverse;
  }
}
/*-----------------------------------------------------------------------------
 * Styles for non-mobile devices only
 *----------------------------------------------------------------------------*/
@media (min-width: 700px) {
  .mobile-show {
    display: none !important;
  }
}
@media (max-width: 1044px) {
  .med-show {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .lg-show {
    display: none !important;
  }
}
@media (max-width: 1299px) {
  .xlg-show {
    display: none !important;
  }
}
/*-----------------------------------------------------------------------------
 * Default pagination widget styles
 *----------------------------------------------------------------------------*/
body.a-b-test-alt-sr-count-group-b .a-b-test-alt-b {
  display: block;
}
body.a-b-test-alt-sr-count-group-b .showing-n {
  display: none;
}
.pagination-widget ul.pagination,
.pagination-widget .btn {
  vertical-align: text-bottom;
}
.pagination-widget .a-b-test-alt-b {
  display: block;
  color: #8c8b89;
  margin-left: 6px;
  white-space: nowrap;
  display: none;
}
.pagination-widget .showing-n.a-b-test-alt-b {
  display: block;
}
.pagination-widget .btn {
  border: 1px solid rgba(0, 0, 0, 0);
}
.pagination-widget ul.pagination {
  margin: 0;
}
.pagination-widget .btn.nav {
  padding-left: 12px;
  padding-right: 12px;
}
.pagination-widget .pagination > li a,
.pagination-widget .pagination > li span {
  background-color: #ffffff;
}
.pagination-widget .pagination > li a:hover {
  background-color: #f0ecbe;
}
.pagination-widget .pagination > li span {
  color: #8c8b89;
}
.pagination-widget .pagination > li span:hover {
  background: #ffffff;
}
.pagination-widget .pagination > li span.current-page {
  background-color: #f0ecbe;
}
.showing-n {
  display: block;
  color: #8c8b89;
  margin-left: 6px;
  white-space: nowrap;
}
/*-----------------------------------------------------------------------------
 * Twitter Typeahead (autocomplete) default style overrides
 *----------------------------------------------------------------------------*/
.twitter-typeahead {
  width: 100%;
  display: block;
}
.tt-dropdown-menu {
  /* Style autocomplete dropdown menus just like PWP popovers */
  background: #ffffff;
  border-top: 3px solid #8c8b89;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
  padding: 20px;
  position: absolute;
  /* Default color for content */
  color: #8c8b89;
  padding: 0;
  margin-left: 15px;
  margin-top: -5px;
  /* The triangle above the widget */
}
.tt-dropdown-menu input[type=text] {
  border: 1px solid #dbd5cd;
  padding: 0 3px;
}
.tt-dropdown-menu:before {
  border-color: transparent transparent #8c8b89 transparent;
  border-style: solid;
  border-width: 0 5px 7px 5px;
  content: " ";
  height: 0;
  left: 0;
  position: absolute;
  top: -10px;
  width: 0;
}
[class*="tt-dataset-"] {
  background-color: #ffffff;
  width: 100%;
}
.tt-cursor {
  background: #e3f5fd;
  color: black;
}
.tt-suggestion {
  cursor: pointer;
}
.tt-suggestion,
.no-results,
.create-new-wrapper {
  padding: 5px 15px;
  font-weight: normal;
}
/*-----------------------------------------------------------------------------
 * Browser-default style overrides for PWP-styled inputs (checkboxes and radio
 * buttons)
 *----------------------------------------------------------------------------*/
.pwp-input {
  /* Indicate to the user that these items are clickable */
  cursor: pointer;
  /* Hide the browser's default rendering of checkboxes and radio buttons */
  /* Show our custom checkbox/radio button right before the label */
  /* Styles for checked/unchecked checkboxes */
  /* Styles for checked/unchecked radio buttons */
  /* A special utility class (.outline) to display a border around our custom
	 * checkboxes (without this class, these checkboxes are invisible against
	 * white backgrounds)
	 */
}
.pwp-input[type=checkbox],
.pwp-input[type=radio] {
  display: none;
}
.pwp-input + label.pwp-input:before {
  height: 13px;
  width: 13px;
  background-size: cover;
  display: inline-block;
  vertical-align: text-top;
  content: " ";
  margin-right: 5px;
}
.pwp-input[type=checkbox]:not(:checked) + label.pwp-input:before {
  background-image: url("../img/unchecked_checkbox.svg");
}
.pwp-input[type=checkbox]:checked + label.pwp-input:before {
  background-image: url("../img/checked_checkbox.svg");
}
.pwp-input[type=radio]:not(:checked) + label.pwp-input:before {
  background-image: url("../img/unchecked_radio.svg");
}
.pwp-input[type=radio]:checked + label.pwp-input:before {
  background-image: url("../img/checked_radio.svg");
}
.pwp-input[type=checkbox]:not(:checked) + label.pwp-input.outline:before,
.pwp-input[type=checkbox]:checked + label.pwp-input.outline:before {
  border: 1px solid #dbd5cd;
}
[disabled=disabled] + .pwp-input {
  filter: grayscale(100%);
  cursor: not-allowed;
}
/*-----------------------------------------------------------------------------
 * Automatically style checkboxes and radio buttons within a tableselect to
 * be PWP-styled inputs
 *----------------------------------------------------------------------------*/
.table-select-processed input[type=checkbox],
.table-select-processed input[type=radio] {
  /* Indicate to the user that these items are clickable */
  cursor: pointer;
  visibility: hidden;
  /* Show our custom checkbox/radio button right before the label */
  /* Styles for checked/unchecked checkboxes */
  /* Styles for checked/unchecked radio buttons */
}
.table-select-processed input[type=checkbox]:after,
.table-select-processed input[type=radio]:after {
  visibility: visible;
  height: 13px;
  width: 13px;
  background-size: cover;
  display: block;
  vertical-align: middle;
  content: " ";
  border: 1px solid #dbd5cd;
}
.table-select-processed input[type=checkbox][type=checkbox]:not(:checked):after,
.table-select-processed input[type=radio][type=checkbox]:not(:checked):after {
  background-image: url("../img/unchecked_checkbox.svg");
}
.table-select-processed input[type=checkbox][type=checkbox]:checked:after,
.table-select-processed input[type=radio][type=checkbox]:checked:after {
  background-image: url("../img/checked_checkbox.svg");
}
.table-select-processed input[type=checkbox][type=radio]:not(:checked):after,
.table-select-processed input[type=radio][type=radio]:not(:checked):after {
  background-image: url("../img/unchecked_radio.svg");
}
.table-select-processed input[type=checkbox][type=radio]:checked:after,
.table-select-processed input[type=radio][type=radio]:checked:after {
  background-image: url("../img/checked_radio.svg");
}
/*-----------------------------------------------------------------------------
 * Overrides Boostrap rules
 *----------------------------------------------------------------------------*/
.form-control,
.btn,
.dropdown-menu,
.panel {
  border-radius: 10px;
}
.form-control.inline-block,
.btn.inline-block,
.dropdown-menu.inline-block,
.panel.inline-block {
  display: inline-block;
  width: auto;
}
.resizable-textarea textarea {
  border-radius: 10px 10px 0 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.nav-tabs > li > a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mobile-tab-nav {
  margin: 0 20px;
  width: calc(100% -  40px );
  border-bottom: 0;
}
label textarea,
label input {
  font-weight: normal;
}
mark {
  padding: 0;
}
.accordion-button {
  font-size: unset;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
}
.accordion-button::after {
  content: unset;
}
a {
  text-decoration: none;
}
p {
  margin: 0 0 10px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
h3,
h2 {
  margin-bottom: 10px;
  line-height: 1.1;
}
h2 {
  font-size: 30px;
}
ul {
  padding-left: 40px;
  margin-bottom: 10px;
}
.row {
  margin-left: 0;
}
/*-----------------------------------------------------------------------------
 * Overrides Default Bigfoot rules
 *----------------------------------------------------------------------------*/
.bigfoot-footnote__button {
  padding: 0.5em;
}
/*-----------------------------------------------------------------------------
 * Error pages
 *----------------------------------------------------------------------------*/
.status--404 {
  text-align: center;
  --status-page-eye-shift: min(18vw, 140px);
}
.status--404 .status-page-eye-wrap {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto 24px;
  padding: 10px 0 14px;
}
.status--404 .status-page-eye {
  display: inline-block;
  font-size: 250px;
  line-height: 1;
  color: #0077c8;
  will-change: transform;
  animation: status-page-eye-scan 8s ease-in-out infinite;
}
.status--403 {
  text-align: center;
}
.status--403 .status-page-lock-wrap {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto 24px;
  padding: 10px 0 14px;
}
.status--403 .status-page-lock {
  display: inline-block;
  font-size: 250px;
  line-height: 1;
  color: #0077c8;
}
.status-page-code {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 20px;
}
.status-page-message {
  font-size: 28px;
  margin-bottom: 20px;
}
@keyframes status-page-eye-scan {
  0%,
  10% {
    transform: translateX(0) rotate(0deg);
  }
  25%,
  40% {
    transform: translateX(calc(-1 * var(--status-page-eye-shift))) rotate(20deg);
  }
  55%,
  70% {
    transform: translateX(var(--status-page-eye-shift)) rotate(-20deg);
  }
  85%,
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .status--404 .status-page-eye {
    animation: none;
  }
}