/*! typey | GPLv2 License | https://github.com/jptaranto/typey */
/* -------------------------
 * Header block styling
 * ------------------------- */
.header-block {
  text-align: center;
}

.header .banner-graphic {
  display: none;
}

.header .search-box {
  font-size: .8em;
  background: #1c6677;
  padding: .5em 1em;
  border-radius: 1em;
}

.header .search-box .form-item-search-block-form {
  margin: 1em 0 0;
}

.header .search-box .form-item-custom-search-paths,
.header .search-box .form-actions {
  margin: 5px 0 0;
  display: inline-block;
}

.header .search-box .form-item-custom-search-paths select {
  height: 2.6em;
}

.header .search-box .search-form input {
  line-height: 1.25;
}

.header .social-media-icons--content {
  display: inline-block;
}

.header .social-media-icons {
  clear: right;
}

/* -------------------------
 * Individual blocks styling
 * ------------------------- */
.pane-views-flexslider-block {
  border-top-left-radius: 1em;
  border-top-right-radius: 1em;
}

.pane-views-flexslider-block ul.slides {
  padding: .25em .25em 0;
  background: #77797c;
}

/* NYT Best Sellers */
.block-booklists .item-wrapper {
  clear: both;
  padding: 1.5em .75em;
  overflow: auto;
}

.block-booklists .item-wrapper:nth-child(even) {
  background: #efefef;
}

.block-booklists .cover {
  float: right;
  width: 80px;
  margin-left: .5em;
}

.block-booklists .book-rank {
  float: left;
  font-size: 2em;
}

.block-booklists .book-rank::before {
  content: '#';
}

.block-booklists .book-freshness {
  font-style: italic;
  position: relative;
  left: .75em;
  text-transform: uppercase;
  font-size: smaller;
  display: inline;
}

.block-booklists .book-author,
.block-booklists .book-publisher {
  display: inline;
  font-style: italic;
  font-size: smaller;
}

.block-booklists .book-publisher::before {
  content: ' | ';
}

@media only screen and (min-width: 480px) {
  /* Mobile landscape */
  .block-booklists .cover {
    width: initial;
  }
}

/* -------------------------
 * Block styling
 * ------------------------- */
.mpl-block {
  border: 1px solid #77797c;
  margin-bottom: 1em;
}

.mpl-block h2.pane-title,
.mpl-block h2.block__title,
.mpl-block h2.section-title {
  border-bottom: 1px solid #ddd;
  background: #77797c;
  color: #fff;
  font-size: 1em;
  margin: 0;
  min-height: 18px;
  padding: 10px 4px 10px 10px;
  text-shadow: 1px 1px #000;
  line-height: 1.4;
}

.mpl-block h2.pane-title > a,
.mpl-block h2.block__title > a {
  color: #fff;
}

.mpl-block > .pane-content,
.mpl-block > .block-content,
.mpl-block > .section-content {
  padding: .5em;
}

.mpl-block > .section-content p:first-of-type {
  margin-top: .5em;
}

.mpl-block > .section-content p:last-of-type {
  margin-bottom: .5em;
}

.mpl-block.view-padding > .pane-content {
  padding: 0;
}

.mpl-block.view-padding > .pane-content > .view > .view-content {
  padding: 0 .5em;
}

.mpl-block ol,
.mpl-block ul {
  margin-top: .5em;
  margin-bottom: .5em;
  padding-left: 1.5em;
}

.mpl-blue {
  border: 1px solid #1c6677;
}

.mpl-blue h2.pane-title,
.mpl-blue h2.block__title,
.mpl-blue h2.section-title {
  background: #1c6677;
}

.mpl-green {
  border: 1px solid #71a442;
}

.mpl-green h2.pane-title,
.mpl-green h2.block__title,
.mpl-green h2.section-title {
  background: #71a442;
}

.mpl-orange {
  border: 1px solid #d25d28;
}

.mpl-orange h2.pane-title,
.mpl-orange h2.block__title,
.mpl-orange h2.section-title {
  background: #d25d28;
}

.mpl-purple {
  border: 1px solid #782c54;
}

.mpl-purple h2.pane-title,
.mpl-purple h2.block__title,
.mpl-purple h2.section-title {
  background: #782c54;
}

/* -------------------------
 * New shadowed box styling
 * ------------------------- */
.mpl-box {
  background-color: #77797c;
  margin: 0 0 .5em;
  padding: .5em;
  overflow: auto;
}

/* -------------------------
 * Masquerade block styling
 * ------------------------- */
.block-masquerade .form-item-masquerade-user-field,
.block-masquerade .form-submit {
  display: inline;
}

/* -------------------------
 * Webform block styling
 * ------------------------- */
.webform-mpl-block .webform-client-form {
  border: 1px solid #77797c;
  margin: 1em .5em;
}

.webform-mpl-block .webform-client-form .webform-component--header > h2 {
  border-bottom: 1px solid #ddd;
  background: #77797c;
  color: #fff;
  font-size: 1em;
  margin: 0;
  min-height: 18px;
  padding: 10px 4px;
  text-shadow: 1px 1px #000;
  text-align: center;
  line-height: 1.4;
}

.webform-mpl-block .webform-client-form .webform-component,
.webform-mpl-block .webform-client-form .form-actions {
  padding: 0 .5em;
}

.webform-mpl-block .webform-client-form .webform-component--header {
  padding: 0;
  margin-top: 0;
}

.webform-mpl-block .webform-client-form .webform-component--header > a {
  color: #fff;
}

/* =======================
 * Mobile landscape
 * ======================= */
@media (min-width: 500px) {
  .header-block {
    float: right;
  }
  .header .header__logo {
    max-width: 45%;
  }
  .header .search-box {
    background: #1c6677;
    padding: .5em 1em;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -20px;
  }
}

/* =======================
 * Tablet portrait
 * ======================= */
@media (min-width: 777px) {
  .header .header__logo {
    width: 24%;
  }
  .header .banner-graphic {
    width: 74%;
    display: block;
  }
  .header .search-box {
    float: right;
    margin-left: 1em;
    background: initial;
    padding: initial;
    border-bottom-left-radius: initial;
    margin-right: initial;
  }
  .header .search-box .form-item-search-block-form {
    margin-top: 5px;
    display: inline-block;
  }
}

/* -------------------------
 * Layout styles
 * ------------------------- */
.layout-4col .layout-4col__left-sidebar .sidebar-content {
  background-color: #77797c;
  border-top-right-radius: 1em;
  overflow: auto;
  padding: .5em;
}

.section-kids .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-educators .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-parents .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-madreads.page-madreads-kids .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-reading-and-viewing.page-reading-and-viewing-book-lists-kids .layout-4col .layout-4col__left-sidebar .sidebar-content {
  background-color: #782c54;
}

.section-teens .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-madreads.page-madreads-teens .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-reading-and-viewing.page-reading-and-viewing-book-lists-teens .layout-4col .layout-4col__left-sidebar .sidebar-content {
  background-color: #71a442;
}

.section-research .layout-4col .layout-4col__left-sidebar .sidebar-content {
  background-color: #1c6677;
}

.section-reading-and-viewing .layout-4col .layout-4col__left-sidebar .sidebar-content,
.section-madreads .layout-4col .layout-4col__left-sidebar .sidebar-content {
  background-color: #d25d28;
}

.sidebar-content .block {
  margin-top: 1em;
}

.sidebar-content .block.first,
.layout-3col__right-sidebar .pane-block.first,
.layout-3col__right-sidebar .mpl-block.first,
.layout-2col__right-sidebar .pane-block.first,
.layout-2col__right-sidebar .mpl-block.first {
  border-top-left-radius: 1em;
  margin-top: 1em;
}

.sidebar-content .block.first h2,
.layout-3col__right-sidebar .pane-block.first h2,
.layout-3col__right-sidebar .mpl-block.first .pane-title,
.layout-2col__right-sidebar .pane-block.first h2,
.layout-2col__right-sidebar .mpl-block.first .pane-title {
  border-top-left-radius: .8em;
}

.layout-4col .layout-4col__right-sidebar > .sidebar-content > .block:first-of-type {
  margin-top: 1em;
}

main {
  padding-bottom: .25em;
}

.footer {
  background-color: #a8a9ad;
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  margin: .5em 0;
  padding: .5em;
  overflow: auto;
}

@media (min-width: 777px) {
  .layout-4col .layout-4col__right-sidebar > .sidebar-content > .block > .block-content {
    font-size: small;
    line-height: 1.5em;
  }
  .layout-4col .layout-4col__right-sidebar > .sidebar-content > .block > .block-content p {
    margin: 1rem 0;
  }
  .layout-4col .layout-4col__right-sidebar > .sidebar-content > .block > .block-content > p:first-child {
    margin-top: 0;
  }
  .layout-4col .layout-4col__right-sidebar > .sidebar-content > .block > .block-content > p:last-child {
    margin-bottom: .5em;
  }
}

@media (min-width: 999px) {
  .front .layout-4col .layout-4col__left-sidebar .sidebar-content {
    min-height: 1177px;
  }
  .layout-4col .layout-4col__right-sidebar > .sidebar-content > .block:first-of-type {
    margin-top: 8em;
  }
  .layout-3col__right-sidebar .pane-block.first {
    margin-top: 0;
  }
}

.page-events-calendar:not(.page-events-calendar-day) .layout-center {
  max-width: 1500px;
}

/* -------------------------
 * General styles
 * ------------------------- */
.remove-p-spacing p,
.remove-p-spacing hr {
  padding: 0;
  margin: 0;
}

.tiny-covers img {
  max-height: 100px;
  max-width: 70px;
}

.byline {
  font-style: italic;
  font-size: small;
  margin: .5em 0;
}

.byline .pane-content {
  display: inline;
}

.text-center {
  text-align: center;
}

.text-xlarge {
  font-size: x-large;
}

.text-large {
  font-size: large;
}

.text-small {
  font-size: small;
}

.text-xsmall {
  font-size: x-small;
}

.float-left {
  float: left;
  margin-right: 1em;
}

.float-right {
  float: right;
  margin-left: 1em;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.reduce-line-height {
  line-height: 1.1em;
}

.add-quarter-p {
  padding: .25em !important;
}

.add-quarter-p-top {
  padding-top: .25em !important;
}

.add-quarter-p-right {
  padding-right: .25em !important;
}

.add-quarter-p-bottom {
  padding-bottom: .25em !important;
}

.add-quarter-p-left {
  padding-left: .25em !important;
}

.add-half-p {
  padding: .5em !important;
}

.add-half-p-top {
  padding-top: .5em !important;
}

.add-half-p-right {
  padding-right: .5em !important;
}

.add-half-p-bottom {
  padding-bottom: .5em !important;
}

.add-half-p-left {
  padding-left: .5em !important;
}

.add-1-p {
  padding: 1em !important;
}

.add-1-p-top {
  padding-top: 1em !important;
}

.add-1-p-right {
  padding-right: 1em !important;
}

.add-1-p-bottom {
  padding-bottom: 1em !important;
}

.add-1-p-left {
  padding-left: 1em !important;
}

.add-half-m {
  margin: .5em !important;
}

.add-half-m-top {
  margin-top: .5em !important;
}

.add-half-m-right {
  margin-right: .5em !important;
}

.add-half-m-bottom {
  margin-bottom: .5em !important;
}

.add-half-m-left {
  margin-left: .5em !important;
}

.add-1-m {
  margin: 1em !important;
}

.add-1-m-top {
  margin-top: 1em !important;
}

.add-1-m-right {
  margin-right: 1em !important;
}

.add-1-m-bottom {
  margin-bottom: 1em !important;
}

.add-1-m-left {
  margin-left: 1em !important;
}

.add-2-m {
  margin: 2em !important;
}

.add-2-m-top {
  margin-top: 2em !important;
}

.add-2-m-right {
  margin-right: 2em !important;
}

.add-2-m-bottom {
  margin-bottom: 2em !important;
}

.add-2-m-left {
  margin-left: 2em !important;
}

.add-punc::after {
  content: '.';
}

.no-padding-bottom {
  padding-bottom: 0;
}

div .no-margin-bottom {
  margin-bottom: 0;
}

.min-cell-width-10em div {
    min-width: 10em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.min-cell-width-20em div {
    min-width: 20em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.min-cell-width-30em div {
    min-width: 30em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.max-cell-width-10em div {
    max-width: 10em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.max-cell-width-20em div {
    max-width: 20em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.max-cell-width-30em div {
    max-width: 30em;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Video embed */
.embedded-video {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.embedded-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* DPLA search widget */
.dpla-search-widget {
  box-sizing: initial;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dpla-search-widget input[type='submit'] {
  margin-bottom: 0;
  background: none;
  padding: 0;
}

/* from CSS Injector */
.hide-this {
  display: none;
}

.view-hide-results .view-header {
    background: #efefef;
    padding: 0 1em;
    border: dashed;
}

.view-hide-results .view-content {
    display: none;
}

.remove-list-top-margin .view-content > .item-list > ul {
    margin-top: 0;
}

ul.facetapi-facetapi-checkbox-links {
    list-style: none;
    padding-left: .5em;
}

.better-view-ul-styling .views-row .first-after-header p:first-of-type {
  margin-top: .5em;
}

.search-result-icon .book_list {
  background-image: url("/sites/all/themes/zen_madpl/css/images/search-results/collection.png");
}

.video-container {
  position: relative;
  padding-bottom: 52%;
  padding-top: 29px;
  height: 0;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

video {
    max-width: 100%;
}

fieldset {
  min-width: 90%;
}

#sidr-wrapper-0 .icon {
  background: #fff;
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  position: absolute;
  top: 12px;
  left: 17px;
  border-radius: 2px;
}

#sidr-wrapper-0 .icon.second {
  top: 17px;
}

#sidr-wrapper-0 .icon.third {
  top: 22px;
}

#sidr-wrapper-0 .label {
  display: block;
  position: absolute;
  font-size: 17px;
  text-transform: uppercase;
  top: 10px;
  left: 40px;
}

.smaller-font {
  font-size: smaller;
  line-height: 1.5;
}

.node-madreads-post .field-name-field-submitted-by,
.node-madreads-post .field-name-field-published-actual,
.node-article .field-name-field-submitted-by,
.node-article .field-name-field-published-actual {
  font-style: italic;
  font-size: smaller;
}

.node-database.view-mode-full .field-name-field-media-caption {
  font-style: italic;
  font-size: x-small;
}

.webform_disable_select_options_client_form-processed + label {
  text-decoration: line-through;
}

.view-header .themed-header {
  background: #efefef;
  padding: .5em;
}

.color-red {
  color: red;
}

.color-green {
  color: #008000;
}

.--lightblue-bg {
  background-color: #E4F3F6;
}

.--lightpurple-bg {
  background-color: #F5ECF1;
}

.--lightgreen-bg {
  background-color: #DEF1CD;
}

.--lightgray-bg {
  background-color: #efefef;
}

.--lightorange-bg {
  background-color: #FFDECF;
}

.--blue-bg {
  background-color: #1c6677;
}

.--purple-bg {
  background-color: #782c54;
}

.--green-bg {
  background-color: #71a442;
}

.--gray-bg {
  background-color: #77797c;
}

.--orange-bg {
  background-color: #d25d28;
}

.--white-bg {
  background-color: #fff;
}

.--gray-border {
    border: 1px solid #77797c;
}

.--bg-padding {
    padding: 1rem .5rem;
}

@media (min-width: 666px) {
    .--br-padding {
        padding: 2.5rem .5rem;
    }
}

.--bg-padding > .c-header {
    margin-top: 1.5rem;
}

.--bg-padding > .c-header h2 {
    margin-top: .5rem;
}

.page-node-4339 .paragraphs-item-booklist td img {
  padding: .5em;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.announcement-purple {
  background: #782c54;
  color: #fff;
  text-shadow: 1px 1px #000;
  padding: .1rem .75rem;
  margin-bottom: .5rem;
}

.announcement-purple .block-content {
  max-width: 54em;
  margin-left: auto;
  margin-right: auto;
}

.announcement-purple a {
  color: #fff;
  text-decoration: underline;
}

.announcement-purple p {
  margin: 1rem 0;
}

.tfa-sublabel {
  font-size: smaller;
  font-style: italic;
}

.clean-embed header {
  display: none;
}

/* need to replace things on other components */
div .white-shadowed a,
.mpl-block h2.pane-title,
.mpl-block h2.block__title,
.mpl-block h2.section-title {
  text-shadow: 1px 1px 3px #000;
}

.book-navigation .menu__item,
.book--nav .menu__item {
  list-style: disc;
  margin: .5em;
}

.user-status-Yes,
.content-status-Yes {
  background: lightgreen;
}

.user-status-No,
.content-status-No {
  background: pink;
}

.remove-block-padding > .block-content {
  padding: 0;
}

.themed-table tr.even,
.themed-table tr.odd {
  border-width: 1px;
}

.themed-table td,
.themed-table th {
  padding: 5px;
}

.themed-table table thead tr {
  background-color: #ddd;
}

.themed-table table thead tr th {
  border: 1px solid #ccc;
}

.themed-table table tbody tr {
  padding: .1em .6em;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
}

.themed-table table tbody tr:nth-child(2n) {
  background-color: #fff;
}

/* RFP form */
.page-node-add-rfp #edit-preview {
  display: none;
}

/* -------------------------
 * Fleuron
 * ------------------------- */
.line-fleuron {
  width: 5em;
  border-bottom: 2px solid #fff;
  display: block;
}

.mpl-fleuron {
  background-image: url("images/icons/book-gray--tiny.png");
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 18px;
  margin-left: auto;
  margin-right: auto;
}

.mpl-fff-fleuron {
  background-image: url("images/icons/mpl-stack-tiny-fff.png");
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 18px;
}

/* -------------------------
 * Action button
 * ------------------------- */
.action-button,
.paragraph--type--action-button {
  text-align: center;
  margin: .5em; 
}

.action-button .field-content,
.action-button .button-content,
.paragraph--type--action-button .field__item {
  text-align: center;
  display: inline-block;
  background-color: #006fb5;
  border-color: #1e5e90;
  border-radius: .5em;
  margin-left: auto;
  margin-right: auto;
}

.action-button .field-content:hover,
.action-button .field-content:focus,
.action-button .button-content:hover,
.action-button .button-content:focus,
.paragraph--type--action-button .field__item:hover,
.paragraph--type--action-button .field__item:focus {
  background-color: #007bc7;
  box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
}

.action-button .field-content:active,
.action-button .button-content:active,
.paragraph--type--action-button .field__item:active {
  background-color: #08639b;
  border: #144b78;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.action-button .field-content a,
.action-button .button-content a,
.paragraph--type--action-button .field__item a {
  color: #fff;
  text-shadow: 1px 1px #000;
  padding: .5em .75em;
  display: inline-block;
}

.action-button .field-content a:hover,
.action-button .field-content a:focus,
.action-button .button-content a:hover,
.action-button .button-content a:focus,
.paragraph--type--action-button .field__item a:hover,
.paragraph--type--action-button .field__item a:focus {
  text-decoration: none;
}

/* -------------------------
 * Flexslider
 * ------------------------- */
.flexslider {
  margin-bottom: 40px;
  border: 0;
}

.flexslider .flex-control-paging {
  line-height: 1.5;
}

.flex-direction-nav a {
  height: 50px;
}

.flex-direction-nav a::before {
  position: relative;
  top: 8px;
}

.flex-control-paging li a {
  background: rgba(255, 255, 255, 0.4);
  width: 15px;
  height: 15px;
}

.flex-control-paging li a.flex-active {
  background: rgba(255, 255, 255, 0.9);
}

.flex-pauseplay a {
  left: initial;
  right: 0;
  bottom: -35px;
  color: #fff;
}

/* -------------------------
 * Hero slider
 * ------------------------- */
.hero-slider .flex-caption {
  padding: 0 .5em 1em;
}

.hero-slider .flex-caption h3 {
  margin: .5em 0 0;
}

.hero-slider .flex-caption h3 a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.hero-slider .flex-caption .line-fleuron {
  display: none;
}

.hero-slider .flex-caption p:first-of-type {
  margin-top: .5em;
}

.hero-slider .flex-caption p:last-of-type {
  margin-bottom: .75em;
}

@media (min-width: 777px) {
  .hero-slider .flex-caption h3 a {
    font-size: 120%;
    text-decoration: none;
  }
  .hero-slider.hs-bookmark .flex-caption {
    position: absolute;
    top: 0;
    left: 5em;
    width: 20em;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: 1px 1px #000;
    padding: 1em 2em 3em;
    border-bottom-left-radius: 10em 4em;
    border-bottom-right-radius: 10em 4em;
    box-shadow: 2px 5px 4px 0 rgba(0, 0, 0, 0.2);
  }
  .hero-slider.hs-bookmark .flex-caption .line-fleuron {
    display: none;
  }
  .hero-slider.hs-rectangle-bg .flex-caption {
    position: absolute;
    bottom: 2em;
    left: 2.5em;
    max-width: 30em;
    color: #fff;
    text-shadow: 1px 1px #000;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 1em 1em;
  }
  .hero-slider.hs-left-quarter .flex-caption {
    position: absolute;
    top: 0;
    width: 30em;
    height: 100%;
    color: #fff;
    text-shadow: 1px 1px #000;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
  }
  .hero-slider.hs-left-quarter .flex-caption .caption-content {
    margin-top: -25%;
    margin-left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .hero-slider.hs-left-quarter .flex-caption .line-fleuron {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-slider.hs-center-circle .flex-caption {
    position: absolute;
    margin-top: -30%;
    margin-left: 50%;
    width: 24em;
    height: 24em;
    color: #fff;
    text-shadow: 1px 1px #000;
    line-height: 1.3em;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    padding: .75em 3em 5em;
    border-radius: 50%;
  }
  .hero-slider.hs-center-circle .flex-caption h3 {
    margin-top: 25%;
    margin-bottom: 1em;
    line-height: 1.4em;
  }
  .hero-slider.hs-center-circle .flex-caption .line-fleuron {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .hero-slider.hs-center-circle .flex-caption p:first-of-type {
    margin-top: 1.25em;
  }
  .hero-slider.hs-center-circle .flex-caption p:last-of-type {
    margin-bottom: 1.25em;
  }
}

/* -------------------------
 * Immigration resources tweaks
 * ------------------------- */
.immigration-front-button {
  vertical-align: top;
  height: 200px;
  width: 200px;
  display: inline-block;
  border-radius: 30px;
  margin-left: .5em;
  margin-right: .5em;
  margin-bottom: .5em;
}

.immigration-front-button a {
  display: block;
  padding-top: 85px;
  height: 200px;
  font-weight: 300;
  font-family: Gotham, Geneva, sans-serif;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  color: #fff;
}

.immigration-front-button .area {
  color: #fff;
  font-size: 90%;
  vertical-align: middle;
  line-height: 26px;
  text-shadow: 1px 1px #000;
}

.immigration-front-button.imm-citizenship {
  background: url("/sites/all/themes/zen_madpl/css/images/racial-equity/square6-og.png") no-repeat;
  background-size: 100%;
}

.immigration-front-button.imm-community-orgs {
  background: url("/sites/all/themes/zen_madpl/css/images/racial-equity/square10-og.png") no-repeat;
  background-size: 100%;
}

.immigration-front-button.imm-immigrants-refugees {
  background: url("/sites/all/themes/zen_madpl/css/images/racial-equity/square3-og.png") no-repeat;
  background-size: 100%;
}

/* -------------------------
 * Search results styles
 * ------------------------- */
.no-results {
  border: 5px dotted pink;
  padding: 1em;
}

.no-results h2 {
  margin-top: .75rem;
}

.search-results .search-result-content {
  margin: 4rem 0;
  margin-left: 100px;
}

.search-results .search-content-info {
  font-size: small;
  font-style: italic;
}

/* --------------------------
 * Full Width - Impact/@Home/Look Forward styles
 * -------------------------- */
@media all and (max-width: 60em) {
    body.section-impact,
    body.at-home-digital,
    body.section-look-forward {
        font-size: 110%;
    }
}

/* Full width */
.section-impact .layout-center,
.section-at-home .layout-center,
.section-look-forward .layout-center {
  max-width: 100%;
  padding: 0;
}

.section-impact .layout-4col,
.section-at-home .layout-4col,
.section-look-forward .layout-4col {
  margin: 0;
}

.section-impact .layout-4col__full,
.section-at-home .layout-4col__full {
  padding-bottom: 1em;
}

.section-look-forward .layout-4col__full {
  padding: 0;
}

@media all and (min-width: 60em) {
  .section-impact .layout-4col__full,
  .section-at-home .layout-4col__full {
    padding-top: 1.5em;
  }
}

.section-impact .header__logo,
.section-at-home .header__logo,
.section-look-forward .header__logo {
  display: none;
}

.section-impact main > h1,
.section-at-home main > h1 {
  text-align: center;
}

.section-look-forward main > h1 {
  display: none;
}

/* Leaderboard */
.section-impact .region-leaderboard,
.section-at-home .region-leaderboard,
.section-look-forward .region-leaderboard {
  background-color: #4c4d4f;
  color: white;
}

.section-impact .region-leaderboard a,
.section-at-home .region-leaderboard a,
.section-look-forward .region-leaderboard a {
  color: white;
  text-shadow: 1px 1px 3px #000;
}

.section-impact .region-leaderboard p,
.section-at-home .region-leaderboard p,
.section-look-forward .region-leaderboard p {
  margin: 0;
  padding: 5px 8px;
}

/* Header */
.section-impact .layout-center > header,
.section-at-home .layout-center > header,
.section-look-forward .layout-center > header {
  background: #efefef;
  margin: 0;
  border: 0;
}

.section-impact .header__region,
.section-at-home .header__region {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.l-header__region-item {
  -webkit-box-flex: 1;
          flex: 1 0 10%;
}

.l-header__region-item > div {
  margin: 1em;
}

.c-impact-logo,
.c-at-home-logo {
  -webkit-box-flex: 5;
          flex: 5 1 50%;
}

.c-impact-nav__menu,
.c-at-home-nav__menu {
  flex-basis: 100%;
  background: #ddd;
}

.c-impact-nav__menu,
#block-menu-block-4,
.c-at-home-nav__menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s ease-out;
}

/* Impact Nav */
.c-impact-nav__open-btn,
.c-impact-nav__open-btn[type='submit'],
.c-at-home-nav__open-btn,
.c-at-home-nav__open-btn[type='submit'] {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  -moz-appearance: initial;
  -webkit-appearance: initial;
}

.open-btn__hamburger {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  font-size: 1.3em;
  text-transform: uppercase;
  color: black;
  font-weight: 700;
}

.open-btn__bar1,
.open-btn__bar2,
.open-btn__bar3 {
  width: 31px;
  height: 3px;
  background-color: #333;
  margin: 5px 0;
  transition: .4s;
}

.is-active .open-btn__bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 3px);
  -ms-transform: rotate(-45deg) translate(-4px, 3px);
      transform: rotate(-45deg) translate(-4px, 3px);
}

.is-active .open-btn__bar2 {
  opacity: 0;
}

.is-active .open-btn__bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  -ms-transform: rotate(45deg) translate(-8px, -7px);
      transform: rotate(45deg) translate(-8px, -7px);
}

@media all and (min-width: 666px) {
  .c-impact-nav__menu .menu-block-wrapper > .menu,
  .c-impact-nav__menu .region-subheader,
  .c-at-home-nav__menu .menu-block-wrapper > .menu,
  .c-at-home-nav__menu .region-subheader {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.c-impact-nav__menu .menu-block-wrapper > .menu > .menu__item,
.c-impact-nav__menu .region-subheader > .block,
.c-at-home-nav__menu .menu-block-wrapper > .menu > .menu__item,
.c-at-home-nav__menu .region-subheader > .block {
  list-style: none;
  -webkit-box-flex: 1;
          flex: 1 1 15em;
  padding: 1em;
}

.c-impact-nav__menu .menu-block-wrapper > .menu > .menu__item > a,
.c-at-home-nav__menu .menu-block-wrapper > .menu > .menu__item > a {
  text-transform: uppercase;
  font-weight: 700;
  font-size: larger;
}

.c-impact-nav__menu .menu-block-wrapper > .menu > .menu__item > .menu,
.c-impact-nav__menu .region-subheader > .block > .block-content,
.c-at-home-nav__menu .menu-block-wrapper > .menu > .menu__item > .menu,
.c-at-home-nav__menu .region-subheader > .block > .block-content {
  padding: .5em 0 0 .5em;
}

.c-impact-nav__menu .region-subheader > .block > .block-content p,
.c-at-home-nav__menu .region-subheader > .block > .block-content p {
  margin: 0 0 1em;
}

.c-impact-nav__menu .menu-block-wrapper > .menu > .menu__item .menu__item,
.c-impact-nav__menu .region-subheader .block-views .views-row,
.c-at-home-nav__menu .menu-block-wrapper > .menu > .menu__item .menu__item,
.c-at-home-nav__menu .region-subheader .block-views .views-row {
  margin-bottom: 1em;
}

.c-impact-nav__menu .region-subheader .block-views .more-link,
.c-at-home-nav__menu .region-subheader .block-views .more-link {
  font-size: 90%;
}

/* Footer */
.section-impact footer,
.section-at-home footer {
  background: #782c54;
  color: white;
  border-bottom: 2.5em solid #4c4d4f;
  margin: 0;
  padding: 1em 0 0;
  border-radius: 0;
}

.c-impact-footer {
  padding: 1em;
  overflow: auto;
  max-width: 60em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.c-impact-footer p {
  font-size: small;
  line-height: 1.25;
  margin: .5rem 0;
  text-align: center;
}

.c-impact-footer a {
  color: white;
  text-decoration: none;
  font-weight: 700;
  text-shadow: 1px 1px 3px #333;
}

.c-impact-footer a:hover,
.c-impact-footer a:focus {
  color: #94d3fc;
}

.c-impact-footer a:active {
  text-decoration: underline;
}

.c-impact-footer .menu {
  text-align: center;
}

.c-impact-footer .menu li {
  display: inline-block;
  margin: 0 1em .5em;
}

.c-impact-footer .mpl-logo {
  margin: 1em .5em;
}

.c-impact-footer .city-seal {
  margin: 2em .5em 1.5em;
}

@media (min-width: 420px) {
  .c-impact-footer .block {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .c-impact-footer .mpl-logo,
  .c-impact-footer .city-seal {
    display: inline-block;
    margin: 1em 1.25em;
  }
  .c-impact-footer p {
    text-align: left;
  }
}

@media (min-width: 640px) {
  .c-impact-footer .contact-info {
    width: 80%;
    margin-left: 10%;
  }
}

@media (min-width: 800px) {
  .c-impact-footer .mpl-logo {
    margin: 0 1em;
    float: left;
    min-height: 8em;
  }
  .c-impact-footer .city-seal {
    margin: 0 3em 0 1.5em;
    float: left;
    min-height: 8em;
  }
  .c-impact-footer .contact-info {
    width: 100%;
    margin-left: initial;
    padding-top: 1px;
  }
}

/*  */
.l-flex--view .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

.c-impact-teaser {
  padding: 1em;
  margin: 1em .5em 0;
  background: #77797c;
  box-shadow: 1px 1px 3px #333;
  color: white;
  text-shadow: 1px 1px 3px #333;
}

.c-impact-teaser--Engagement {
  background: #1c6677;
}

.c-impact-teaser--Accountability {
  background: #d25d29;
}

.c-impact-teaser--Literacy {
  background: #71a442;
}

.c-impact-teaser--Equity {
  background: #782c54;
}

.c-impact-teaser--Community {
  background: #77797c;
}

.c-impact-teaser__category {
    float: left;
    font-size: 80%;
    text-shadow: 1px 1px 3px #000;
}

.c-impact-teaser__date {
    font-size: 80%;
    float: right;
    text-shadow: 1px 1px 3px #000;
}

@media all and (min-width: 888px) {
  .l-flex--view .l-flex-item {
    -webkit-box-flex: 0;
            flex: 0 1 40%;
    min-width: 28em;
    max-width: 32em;
  }
}

.l-flex--view .l-flex-item a {
  color: white;
}

@media all and (min-width: 666px) {
    .c-impact-teaser {
        position: relative;
    }
    .c-impact-teaser__media {
        line-height: 0;
    }
    .c-impact-teaser__text {
        position: absolute;
        bottom: 1em;
        left: 2em;
        bottom: 4em;
        margin-right: 2em;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 1em;
        padding: 0 1em;
        text-shadow: 1px 1px 3px #000;
    }
    .c-impact-teaser__category {
        margin-top: .5em;
        padding: 0 .5em;
    }
    .c-impact-teaser__date {
        margin-top: .5em;
        padding: 0 .5em;
    }
}

/* ==================================
 * Nodes
 * ================================== */
.node-teaser header > h2 {
  margin-bottom: .5em;
}

/*.view-mode-full .field-name-field-media-image,
.view-mode-full .field-name-field-media-caption,
.view-mode-full .field-name-field-book-cover-art-comp,
.view-mode-full .field-name-field-book-cover-art-title-comp,
.view-mode-full .field-name-field-resource-image-comp,*/
.node-teaser .field-name-field-media-image,
.node-teaser .field-name-field-media-caption,
.node-teaser .field-name-field-book-cover-art-comp,
.node-teaser .field-name-field-book-cover-art-title-comp,
.node-teaser .field-name-field-resource-image-comp,
.view-mode-glance .field-name-field-media-image,
.view-mode-glance .field-name-field-media-caption,
.view-mode-glance .field-name-field-book-cover-art-comp,
.view-mode-glance .field-name-field-book-cover-art-title-comp,
.view-mode-glance .field-name-field-resource-image-comp {
  text-align: center;
  margin-bottom: .5em;
  font-style: italic;
}

@media (min-width: 500px) {
  /*.view-mode-full .field-name-field-media-image,
    .view-mode-full .field-name-field-media-caption,
    .view-mode-full .field-name-field-book-cover-art-comp,
    .view-mode-full .field-name-field-book-cover-art-title-comp,
    .view-mode-full .field-name-field-resource-image-comp,*/
  .node-teaser .field-name-field-media-image,
  .node-teaser .field-name-field-media-caption,
  .node-teaser .field-name-field-book-cover-art-comp,
  .node-teaser .field-name-field-book-cover-art-title-comp,
  .node-teaser .field-name-field-resource-image-comp,
  .view-mode-glance .field-name-field-media-image,
  .view-mode-glance .field-name-field-media-caption,
  .view-mode-glance .field-name-field-book-cover-art-comp,
  .view-mode-glance .field-name-field-book-cover-art-title-comp,
  .view-mode-glance .field-name-field-resource-image-comp {
    float: right;
    margin: 0 1em;
  }
}

.node-teaser .submitted,
.view-mode-full .submitted,
.view-mode-glance .submitted {
  font-style: italic;
  font-size: small;
  margin: .75em 0 1.5em;
}

.node-teaser .field-name-body p:last-of-type {
  margin-bottom: .75em;
}

/* -------------------------
 * Articles tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-article.view-mode-full > .field-name-field-media-image {
    float: right;
    margin: 0 1em;
  }
}

/* -------------------------
 * Book kits tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-book-club-kit.view-mode-full .field-name-field-media-image,
  .node-book-club-kit.view-mode-full .field-name-field-book-cover-art-title-comp {
    float: right;
    margin: 0 1em;
  }
}

/* -------------------------
 * Collections tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-collection.view-mode-full .field-name-field-media-image {
    float: right;
    margin: 0 1em;
  }
}

/* -------------------------
 * Databases
 * ------------------------- */
@media (min-width: 500px) {
  .node-database .field-name-field-media-image img,
  .node-database-view .views-field-field-media-image img,
  /*.node-resource .field-name-field-media-image img,*/
  .view-mode-database_sponsor .field-name-field-media-image img,
  .teaser-list .views-field-field-media-image img {
    border: 3px solid #aaa;
    float: right;
    margin: 0 1em;
  }
  .node-database.view-mode-full .field-name-field-media-caption {
    float: right;
    margin: 0 1em;
    clear: right;
  }
}

.teaser-list .views-row {
    overflow: auto;
}

.node-database.view-mode-full .field-name-field-database-connection-link,
.node-database .field-name-field-database-availability,
.node-database .field-name-field-database-troubleshooting,
.node-database .field-name-field-database-mobile,
.node-database-view .views-field-field-database-availability,
.node-database-view .views-field-field-database-troubleshooting,
.node-database-view .views-field-field-database-mobile,
.db-avail .views-field-field-database-availability,
.node-resource .field-name-field-database-availability {
  margin-bottom: 1em;
}

.node-database .field-name-field-database-troubleshooting p:first-child,
.node-database .field-name-field-database-mobile p:first-child {
  margin-top: 0;
}

.node-database .field-name-field-database-availability,
.node-database-view .views-field-field-database-availability,
.db-avail .views-field-field-database-availability,
.node-resource .field-name-field-database-availability {
  font-style: italic;
}

.node-database a#availability,
.node-database-view a#availability,
.db-avail a#availability,
.node-resource a#availability {
  height: 2em;
  width: 2.5em;
  display: inline-block;
  position: relative;
  top: .5em;
  background-size: 2em;
  background-repeat: no-repeat;
}

.node-database .db-avail-cards-inside,
.node-database-view .db-avail-cards-inside,
.db-avail .db-avail-cards-inside,
.node-resource .db-avail-cards-inside {
  background: url("images/database_availability/location_black_scls-or-card.png");
}

.node-database .db-avail-inside-all,
.node-database-view .db-avail-inside-all,
.db-avail .db-avail-inside-all, 
.node-resource .db-avail-inside-all {
  background: url("images/database_availability/location_black_scls.png");
}

.node-database .db-avail-mpl-home,
.node-database-view .db-avail-mpl-home,
.db-avail .db-avail-mpl-home,
.node-resource .db-avail-mpl-home {
  background: url("images/database_availability/location_black_madpl-or-card.png");
}

.node-database .db-avail-inside-mpl,
.node-database-view .db-avail-inside-mpl,
.db-avail .db-avail-inside-mpl,
.node-resource .db-avail-inside-mpl {
  background: url("images/database_availability/location_black_madpl.png");
}

.node-database .db-avail-subscribed,
.node-database-view .db-avail-subscribed,
.db-avail .db-avail-subscribed,
.node-resource .db-avail-subscribed {
  background: url("images/database_availability/location_black_scls-or-card.png");
}

.node-database .db-avail-all,
.node-database-view .db-avail-all,
.db-avail .db-avail-all,
.node-resource .db-avail-all {
  background: url("images/database_availability/library_alternate_black.png");
}

.node-database .db-avail-none,
.node-database-view .db-avail-none,
.db-avail .db-avail-none,
.node-resource .db-avail-none {
  background: url("images/database_availability/no_access.png");
}

.node-database .db-avail-subscribed-login,
.node-database-view .db-avail-subscribed-login,
.db-avail .db-avail-subscribed-login,
.node-resource .db-avail-subscribed-login {
  background: url("images/database_availability/login.png");
}

/* -------------------------
 * Events tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-event .field-name-field-media-image {
    float: right;
    margin: 0 1em;
  }
}

/*.node-event .field-name-field-library,
.node-event .field-name-field-event-date {
  font-style: italic;
}*/

.node-event .field-name-field-library .field-item,
.node-event .field-name-field-event-type .field-item,
.node-event .field-name-field-tags .field-item {
  display: inline;
}

.node-event .field-name-field-library .field-item:not(:first-child)::before,
.node-event .field-name-field-event-type .field-item:not(:first-child)::before,
.node-event .field-name-field-tags .field-item:not(:first-child)::before {
  content: ', ';
}

/*.node-event .field-name-field-event-date .date-display-range {
    display: block;
}*/
.node-event .field-name-field-event-reg-link-comp,
.node-event .field-name-field-event-more-info {
  margin: 1em 0;
}

.node-event .field-name-field-event-type {
  margin-top: 1em;
}

/* -------------------------
 * App Fairy episodes tweaks
 * ------------------------- */
.appfairy-extras {
  background-image: url("images/af_flipped_medium.png");
  background-repeat: no-repeat;
  background-size: 150px;
  height: 154px;
  display: inline-block;
  margin-bottom: 1.5em;
}

.appfairy-extras a {
  margin: 1em 0 0 155px;
  display: inline-block;
  padding: .5em;
  text-align: center;
  border-radius: 1em;
  background-color: #1c6677;
  width: 10em;
  color: #fff;
}

/* -------------------------
 * Impact stories tweaks
 * ------------------------- */
.node-type-impact-story main > h1 {
  display: none;
}

.node-type-impact-story .pane__title,
.node-type-impact-story .field-name-field-impact-subtitle {
  text-align: center;
}

.node-type-impact-story .field-name-field-impact-subtitle {
  font-size: 1.2em;
  font-weight: 700;
  margin-bottom: .5em;
}

.c-impact-details {
    padding: 1em;
    background: #ddd;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.c-impact-details__item {
    flex: 1 0 calc(33% - 2em);
    min-width: 15em;
    margin: 1em;
    text-align: center;
}

.c-impact-details__link {
    flex-basis: 100%;
    margin-top: 0;
}

.c-impact-details__date {
    padding: 1em;
}

.c-impact-details__primary-lens {
    padding-top: 4em;
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: center top;
}

.c-impact-details__primary-lens--literacy {
    background-image: url(images/impact/mpl-stack-green.png);
}

.c-impact-details__primary-lens--engagement {
    background-image: url(images/impact/mpl-stack-blue.png);
}

.c-impact-details__primary-lens--community {
    background-image: url(images/impact/mpl-stack-gray.png);
}

.c-impact-details__primary-lens--equity {
    background-image: url(images/impact/mpl-stack-purple.png);
}

.c-impact-details__primary-lens--accountability {
    background-image: url(images/impact/mpl-stack-orange.png);
}

.c-impact-details__category {
    padding-top: 4em;
    background-size: 3em;
    background-repeat: no-repeat;
    background-position: center top;    
}

.c-impact-details__category--bubbler {
    background-image: url(images/impact/bubbler.png);
    background-size: 3.5em;
}

.c-impact-details__category--community-events {
    background-image: url(images/impact/event.png);
    background-size: 3.5em;
}

.c-impact-details__category--service {
    background-image: url(images/impact/library.png);
    background-size: 3.5em;
}

.c-impact-details__category--early-literacy {
    background-image: url(images/impact/literacy.png);
    background-size: 3.5em;
}

.c-impact-details__category--operations {
    background-image: url(images/impact/settings.png);
    background-size: 3.5em;
}

@media all and (min-width: 60em) {
  .node-type-impact-story main {
    background: #ccc;
    padding-bottom: 1em;
  }
  .node-type-impact-story .tabs {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
  }
  .impact__content {
    max-width: 60em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
  }
  .impact__content--shadow {
    background: white;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  }
    .c-impact-details {
        max-width: 60em;
        margin-top: -.5em;
        margin-left: auto;
        margin-right: auto;
        z-index: 999;
    }
}

/* -------------------------
 * Locations tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-physical-location.node-teaser .field-name-field-media-image {
    float: left;
  }
}

/* -------------------------
 * MADreads tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-madreads-post.view-mode-full .field-name-field-media-image,
  .node-madreads-post.view-mode-full .field-name-field-book-cover-art-comp {
    float: right;
    margin: 0 1em;
  }
}

.node-madreads-post .field-name-body {
  margin-top: 1em;
}

/* -------------------------
 * News story/press release tweaks
 * ------------------------- */
.node-press-release.view-mode-full .file {
  display: block;
  margin-top: 1em;
}

.node-news-story.view-mode-full .field-name-field-book-author-fname,
.node-news-story.view-mode-full .field-name-field-book-author-lname,
.node-news-story.view-mode-full .field-name-field-book-author-fname div,
.node-news-story.view-mode-full .field-name-field-book-author-lname div {
  display: inline;
}

.node-news-story.view-mode-full .field-name-field-book-author-fname::before {
  content: 'Author: ';
}

.node-news-story.view-mode-full .field-name-field-book-author-lname::before {
  content: ' ';
}

.node-news-story.view-mode-full .news-story-content > div {
  margin-bottom: 1em;
}

.node-news-story.view-mode-full .news-story-content .news-story-link {
  margin-top: 1em;
}

/* -------------------------
 * Newsletter content tweaks
 * ------------------------- */
.node-newsletter-content .field-name-body .field-items {
  padding: 1em;
  border: 5px dotted dodgerblue;
}

/* -------------------------
 * Online resources tweaks
 * ------------------------- */
.node-online-resource.node-teaser {
  margin: 2em 0;
}

.node-online-resource.node-teaser .resource-link h4 {
  margin: 0;
}

.node-online-resource.node-teaser .field-name-body p:first-of-type {
  margin-top: 0;
}

@media (min-width: 500px) {
  .node-online-resource.node-teaser .field-name-field-media-image img {
    max-height: 3.5em;
    width: auto;
  }
}

/* -------------------------
 * Page tweaks
 * ------------------------- 
@media (min-width: 500px) {
  .node-page .field-name-field-media-image {
    float: right;
    margin: 0 1em;
  }
}

/* -------------------------
 * Poem tweaks
 * ------------------------- */
.page-node .node-poem .field-name-field-poem-author .field-item::before {
    content: "by ";
    font-size: smaller;
}

.page-node .node-poem .field-name-body pre {
    overflow: auto;
}

.page-node .node-poem .field-name-field-poem-recommended-by,
.page-node .node-poem .field-name-field-poem-recommended-by div,
.page-node .node-poem .field-name-field-poem-nominator-title,
.page-node .node-poem .field-name-field-poem-nominator-title div {
    display: inline;
}

.page-node .node-poem .field-name-field-poem-nominator-title::before {
    content: " - ";
}

.page-node .node-poem .field-name-field-poem-recommended-by,
.page-node .node-poem .field-name-field-poem-reason,
.page-node .node-poem .field-name-field-poem-source {
    margin-top: 1em;
}

/* -------------------------
 * Racial equity resources tweaks
 * ------------------------- */
.node-racial-equity-resource .field-name-field-resource-web-link,
.node-racial-equity-resource .field-name-field-book-title-link {
  margin-bottom: 1em;
}

@media (min-width: 500px) {
  .node-racial-equity-resource .field-name-field-media-image,
  .node-racial-equity-resource .field-name-field-resource-image-comp {
    float: left;
    margin: 0 1em;
  }
}

/* -------------------------
 * Recommendation for purchase tweaks
 * ------------------------- */
.node-rfp .field {
  margin: .75em .5em;
}

.node-rfp .field .field-items {
  margin-left: 1em;
}

/* -------------------------
 * Services tweaks
 * ------------------------- */
@media (min-width: 500px) {
  .node-service.view-mode-full .field-name-field-media-image {
    float: right;
    margin: 0 1em;
  }
}

/* -------------------------
 * Sponsors tweaks
 * ------------------------- */
.node-sponsor.view-mode-glance .field-name-field-media-image {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* -------------------------
 * General
 * ------------------------- */
.row-bottom-border .views-row:not(.views-row-last) {
  border-bottom: 3px double #77797c;
}

.double-feature .views-row,
.triple-feature .views-row {
  width: 40%;
  display: inline-block;
  text-align: center;
  margin: 4% 4% 2%;
  font-size: small;
  vertical-align: top;
}

.double-feature .views-row img,
.triple-feature .views-fow img {
  max-width: 85%;
  padding-bottom: .25em;
}

@media (min-width: 444px) {
  .triple-feature .views-row {
    width: 24%;
    display: inline-block;
    text-align: center;
    margin: 4% 4% 2%;
    font-size: small;
    vertical-align: top;
  }
}

@media (min-width: 777px) {
  .views-grid-2wide .views-row {
    width: 48%;
    display: inline-block;
    vertical-align: top;
  }
  .views-grid-2wide .views-row-odd {
    margin-right: 3%;
  }
}

.add-mpl-fleuron .views-row:not(.views-row-last) {
  background-image: url("images/icons/book-gray--tiny.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 15px 18px;
  padding-bottom: 30px;
}

/* from CSS Injector */
.views-row-default-spacing .views-row:nth-child(n+1) {
  margin-top: 1em;
}

.columned-filters .bef-select-as-checkboxes {
  position: relative;
}

.columned-filters .bef-checkboxes {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.columned-filters .form-type-bef-checkbox {
  flex-basis: 17em;
  -webkit-box-flex: 1;
          flex-grow: 1;
  line-height: 1.5;
  padding: 3px 5px;
}

.columned-filter-first .views-widget-filter-field_kids_app_tags_target_id .bef-select-as-checkboxes-fieldset .fieldset-wrapper {
  width: 52em;
  max-width: 100%;
}

.columned-filter-first .views-widget-filter-field_kids_app_tags_target_id .bef-select-as-checkboxes-fieldset .form-type-bef-checkbox {
  display: inline-block;
  width: 13em;
}

.page-staff-rfp-count header {
  display: none;
}

.page-staff-rfp-count .layout-center {
  padding: 0;
}

.page-staff-rfp-count .views-field-nid .field-content {
  border: 10px solid red;
  padding: 5px;
  display: block;
  text-align: center;
}

.page-staff-rfp-count.logged-in .views-field-nid .field-content {
  border-color: green;
}

.page-migrate-news-bubbler-2017 .view-content,
.page-migrate-news-bubbler-2018 .view-content {
  font-size: 18px;
  line-height: 1.25;
  color: #474747;
}

.page-migrate-news-bubbler-2017 .view-content .views-row,
.page-migrate-news-bubbler-2018 .view-content .views-row {
  margin-bottom: 1em;
}

.section-staff .layout-center {
  max-width: 1500px;
}

.view-display-id-page_ds_staging .views-field-field-media-image {
  min-width: 200px;
}

/* -------------------------
 * Exposed filters
 * ------------------------- */
.themed-filters .views-exposed-form {
  position: relative;
  background: #ddd;
}

.themed-filters .views-exposed-form .views-exposed-widget {
  padding: .25em;
  float: none;
}

.themed-filters .views-exposed-form .views-submit-button .form-submit,
.themed-filters .views-exposed-form .views-reset-button .form-submit {
  margin: 0;
}

.themed-filters .views-exposed-form .views-exposed-widget fieldset,
.themed-filters .views-exposed-form .views-exposed-widget legend {
  width: 100%;
  margin: 0;
  padding: 0;
}

.themed-filters .views-exposed-form .views-buttons {
  text-align: center;
  margin-bottom: .25em;
  clear: left;
}

.themed-filters .views-exposed-form .views-buttons .views-exposed-widget {
  display: inline-block;
}

.themed-filters .view-empty {
  border: 5px dotted pink;
  padding: 1em;
}

.themed-filters input[type="text"] {
    font-size: 1em;
    padding: 0.6rem 0.5rem;
    border-radius: 4px;
    color: #2f383d;
    margin-left: 0;
    margin-right: 0;
    border: 1px #ccc solid;
}

.themed-filters select {
    height: 2.5rem;
    line-height: 2.5em;
    /*border: 1px solid #ccc;
    border-radius: 4px;
    background: #ededed;*/
}

.themed-filters .form-checkboxes:not(.bef-select-as-checkboxes) {
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
}

.themed-filters .form-checkboxes label.option {
    font-weight: 300;
}

@media (min-width: 777px) {
  .themed-filters .views-exposed-form .views-exposed-widget {
    float: left;
  }
  .themed-filters .views-exposed-form .views-exposed-widget fieldset,
  .themed-filters .views-exposed-form .views-exposed-widget legend {
    width: initial;
    margin: 0;
    padding: 0;
  }
  .themed-filters .views-exposed-form .views-buttons .views-exposed-widget {
    float: none;
  }
}

.mobile-filters.themed-filters .views-exposed-form .views-exposed-widget {
  float: none;
  padding: .5em;
}

.mobile-filters.themed-filters .views-exposed-form .views-exposed-widget.views-widget-sort-by,
.mobile-filters.themed-filters .views-exposed-form .views-exposed-widget.views-widget-sort-order {
  float: left;
}

/* -------------------------
 * Bulk operations
 * ------------------------- */
.vbo-views-form #edit-select {
  border: 0;
  background: #aaa;
  margin: 0;
}

.vbo-views-form #edit-select legend {
  background: #aaa;
  color: white;
  border-radius: .5em;
  text-shadow: 1px 1px #000;
}

.vbo-views-form #edit-select .form-item-operation {
  margin: .25em 0 .5em;
}

.vbo-views-form #edit-select .form-submit {
  margin: 0;
}

.vbo-views-form .views-table-row-select-all td {
  padding: .5em;
}

/* -------------------------
 * Tables
 * ------------------------- */
.themed-table .view-content td {
  padding: .5em;
  border: 1px solid #ccc;
}

.rfp-statistics .views-exposed-form .views-exposed-widget {
  clear: left;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 25%;
}

.rfp-statistics .views-exposed-form .views-exposed-widget.views-submit-button {
  margin-top: -1em;
}

.rfp-statistics .views-exposed-form .views-exposed-widget.views-reset-button {
  clear: initial;
  margin-left: 1em;
  margin-top: -1em;
}

.rfp-statistics .view-content {
  margin-left: 25%;
  margin-top: 1em;
}

.rfp-statistics .view-content table {
  width: 20%;
  text-align: center;
}

.rfp-statistics .view-content td {
  padding: 2em 0;
}

/* -------------------------
 * BEF
 * ------------------------- */
.form-type-bef-checkbox {
  padding: .1em 0;
  font-size: .9em;
}

/* -------------------------
 * Book kits
 * ------------------------- */
#views-exposed-form-content-book-club-kits-page #edit-field-category-term-target-id-wrapper {
  clear: left;
}

/* -------------------------
 * Databases
 * ------------------------- */
#views-exposed-form-content-databases-page #edit-field-category-term-target-id-wrapper,
#views-exposed-form-content-databases-page-1 #edit-field-category-term-target-id-wrapper {
  clear: left;
}

/***** is it confusing to have it z-flow instead of column-flow? *****/
@media (min-width: 666px) {
  #views-exposed-form-content-databases-page #edit-field-category-term-target-id-wrapper .form-type-bef-checkbox {
    display: inline-block;
    width: 45%;
    padding: .1em 1%;
  }
}

/* -------------------------
 * Kids apps
 * ------------------------- */
#edit-field-kids-app-tags-target-id-wrapper {
  clear: left;
}

#edit-field-kids-app-tags-target-id-wrapper .form-type-bef-checkbox {
  display: inline-block;
  min-width: 12em;
}

.view-content-kids-apps .views-field-field-media-image img {
  width: 100px;
  border-radius: 20px;
}

/* -------------------------
 * Locations
 * ------------------------- */
.view-display-id-blockfindlibrary .view-content .views-field .field-content p {
  margin: 1em 0;
}

/* -------------------------
 * MADreads
 * ------------------------- */
.view-content-madreads table.views-view-grid > tbody > tr > td {
  width: 46%;
  padding: 0 1%;
  vertical-align: top;
}

/* -------------------------
 * Racial equity resources
 * ------------------------- */
.indent-groupings .views-row {
  margin-left: 1.5em;
}

.indent-groupings .view-content > h3 {
  margin-bottom: .5em;
}

.indent-groupings .views-row-first header > h2 {
  margin-top: 0;
}

/* -------------------------
 * Search API view
 * ------------------------- */
.no-results {
  border: 5px dotted pink;
  padding: 1em;
}

.no-results h2 {
  margin-top: .75rem;
}

.view-search-site .views-field-type {
  text-align: center;
}

.sri__icon {
  width: 70px;
  height: 70px;
  background-image: url("images/search-results/page.png");
  background-size: contain;
  background-repeat: no-repeat;
  clear: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 15px;
}

.sri__icon .field-content {
  font-size: .1px;
  visibility: hidden;
}

.sri__icon--Event {
  background-image: url("images/search-results/event.png");
}

.sri__icon--article {
  background-image: url("images/search-results/news.png");
}

.sri__icon--Kids-app {
  background-image: url("images/search-results/app.png");
}

.sri__icon--Kids-app-fairy-episode {
  background-image: url("images/search-results/appfairy.png");
}

.sri__icon--Collection {
  background-image: url("images/search-results/books.png");
}

.sri__icon--Database {
  background-image: url("images/search-results/database.png");
}

.sri__icon--MADreads-post {
  background-image: url("images/search-results/book.png");
}

.sri__icon--Book-list {
  background-image: url("images/search-results/books.png");
}

.sri__icon--Physical-location {
  background-image: url("images/search-results/library.png");
}

.sri__icon--Contact-card {
  background-image: url("images/search-results/contact.png");
}

.sri__icon--News-story {
  background-image: url("images/search-results/news_story.png");
}

.sri__icon--Newsletter {
  background-image: url("images/search-results/newsletter.png");
}

.sri__icon--Newsletter-archive {
  background-image: url("images/search-results/newsletter_archive.png");
}

.sri__icon--Online-resource {
  background-image: url("images/search-results/website.png");
}

.sri__icon--Policy {
  background-image: url("images/search-results/policy.png");
}

.sri__icon--Book-club-kit {
  background-image: url("images/search-results/kit.png");
}

.sri__icon--Racial-equity-resource {
  background-image: url("images/search-results/page_re.png");
}

/* ===============================
 * Calendar
 * =============================== */
/* --------------------
 * Mini calendar block
 * -------------------- */
.mini-calendar-block .date-nav-wrapper {
  margin-top: 0;
  background: #77797c;
  padding: .5em .5em .25em;
  position: relative;
}

.mini-calendar-block .date-heading {
  font-size: 8px;
}

.mini-calendar-block .date-heading a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.mini-calendar-block .date-nav-wrapper .date-nav {
  margin-bottom: 0;
  padding-bottom: 0;
}

.mini-calendar-block .date-nav-wrapper .date-nav .pager {
  margin: 0;
}

.mini-calendar-block .date-nav-wrapper .date-nav .pager li {
  list-style: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  padding: 0;
  line-height: 1.5em;
}

.mini-calendar-block .date-nav-wrapper .date-nav .pager li a {
  margin: 0;
  padding: 1px 0 2px;
  display: block;
}

.mini-calendar-block .date-nav-wrapper .date-nav .date-prev {
  right: auto;
  left: 0;
  top: 5px;
}

.mini-calendar-block .date-nav-wrapper .date-nav .date-next {
  top: 5px;
}

/* --------------------
 * View library stripe
 * -------------------- */
.view-calendar-events .calendar-calendar .view-item span.library-1933 {
  display: block;
  height: 5px;
  background: brown;
}

.view-calendar-events .calendar-calendar .view-item span.library-1934 {
  display: block;
  height: 5px;
  background: orange;
}

.view-calendar-events .calendar-calendar .view-item span.library-1935 {
  display: block;
  height: 5px;
  background: red;
}

.view-calendar-events .calendar-calendar .view-item span.library-1936 {
  display: block;
  height: 5px;
  background: green;
}

.view-calendar-events .calendar-calendar .view-item span.library-1937 {
  display: block;
  height: 5px;
  background: darkturquoise;
}

.view-calendar-events .calendar-calendar .view-item span.library-1938 {
  display: block;
  height: 5px;
  background: indigo;
}

.view-calendar-events .calendar-calendar .view-item span.library-1939 {
  display: block;
  height: 5px;
  background: violet;
}

.view-calendar-events .calendar-calendar .view-item span.library-1940 {
  display: block;
  height: 5px;
  background: slategray;
}

.view-calendar-events .calendar-calendar .view-item span.library-1941 {
  display: block;
  height: 5px;
  background: blue;
}

.view-calendar-events .calendar-calendar .view-item span.library-1205166 {
  display: block;
  height: 5px;
  background: #90c59e;
}

/* --------------------
 * View header
 * -------------------- */
.calendar-view .view-header {
  margin-top: 1em;
  text-align: center;
}

.calendar-view .view-header p {
  text-align: left;
}

.calendar-view .view-header div {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: .5em;
  font-size: small;
}

.calendar-view .view-header div.calendar-header-red {
  border-bottom: 5px solid red;
}

.calendar-view .view-header div.calendar-header-orange {
  border-bottom: 5px solid orange;
}

.calendar-view .view-header div.calendar-header-darkturquoise {
  border-bottom: 5px solid darkturquoise;
}

.calendar-view .view-header div.calendar-header-blue {
  border-bottom: 5px solid blue;
}

.calendar-view .view-header div.calendar-header-indigo {
  border-bottom: 5px solid indigo;
}

.calendar-view .view-header div.calendar-header-violet {
  border-bottom: 5px solid violet;
}

.calendar-view .view-header div.calendar-header-slategray {
  border-bottom: 5px solid slategray;
}

.calendar-view .view-header div.calendar-header-brown {
  border-bottom: 5px solid brown;
}

.calendar-view .view-header div.calendar-header-green {
  border-bottom: 5px solid green;
}

.calendar-view .view-header div.calendar-header-seafoam {
  border-bottom: 5px solid #90c59e;
}

/* --------------------
 * 
 * -------------------- */
.calendar-calendar .day-view td.calendar-agenda-items {
  width: 80%;
}

.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {
  background: none;
}

.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty {
  background: #e1e1e1;
}

.calendar-calendar .day-view .full td .inner div.calendar div.views-field-field-library-1,
.calendar-calendar .day-view .full td .inner div.calendar div.views-field-field-library-1 div.field-content {
  margin: 0;
}

.calendar-calendar .month-view .full td.single-day > .inner > div {
  background: #efefef;
  margin: .5em 0;
  padding: .5em .25em .25em;
}

.calendar-calendar .day-view .full .calendar-agenda-hour {
  font-size: small;
}

.calendar-calendar .day-view .full td.single-day > .calendar > .inner > .item:not(:last-child) {
  margin-bottom: .75em;
}

/* BEGIN Calendar responsive CSS - tablet portrait */
/* Force table to not be like tables anymore */
@media (max-width: 40em) {
  .calendar-calendar .month-view table,
  .calendar-calendar .month-view tbody,
  .calendar-calendar .month-view th,
  .calendar-calendar .month-view td,
  .calendar-calendar .month-view tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .calendar-calendar .month-view thead,
  .calendar-calendar .month-view thead tr,
  .calendar-calendar .month-view tr.date-box {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .calendar-calendar .month-view tr td.no-entry {
    border-bottom: 1px solid #ccc;
  }
  .calendar-calendar .month-view td::before {
    /* Format & Label the day headings */
    /* Now like a table header */
    width: 100%;
    white-space: nowrap;
    clear: both;
    text-align: center;
    display: block;
    box-sizing: border-box;
    color: #fff;
    background-color: #888;
    padding: 5px;
    content: attr(data-day-of-month) " (" attr(headers) ")";
    height: auto;
  }
  .calendar-calendar .month-view td.today,
  .calendar-calendar .month-view .full tr td.single-day.today {
    border-top: 2px solid #0074ab;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.25);
  }
  .calendar-calendar .month-view .full td,
  .calendar-calendar .month-view .full td,
  .calendar-calendar .week-view .full td,
  .calendar-calendar .day-view td {
    padding: 0;
  }
  .calendar-calendar .month-view td,
  .calendar-calendar .month-view td.calendar-agenda-items {
    /* Behave  like a "row" */
    border: 0;
    position: relative;
    width: 100%;
  }
  /*.calendar-calendar td.past{
    display: none;
  }*/
  .calendar-calendar .month-view td.no-entry,
  .calendar-calendar .month-view td.empty {
    display: none;
  }
  .calendar-calendar .month-view td.calendar-agenda-items div.calendar {
    padding: 0;
  }
  .calendar-calendar .month-view div.calendar,
  .calendar-calendar .month-view .date-display-single,
  .calendar-calendar .month-view td span.date-display-single {
    font-size: 14px;
    font-weight: normal;
    margin: 0 !important;
  }
  .calendar-calendar .month-view .inner .item {
    padding: 10px 10px 0;
  }
  .calendar-calendar .month-view .inner .item:last-child {
    padding-bottom: 10px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry {
    height: 44px !important;
    line-height: 24px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry .inner,
  .calendar-calendar .month-view .no-entry .inner {
    height: auto !important;
    line-height: 1px;
  }
  .calendar-calendar .month-view .inner .views-field-title-field {
    display: inline-block;
  }
}

/* END Calendar responsive CSS - tablet portrait */
/* -------------------
 * Event search
 * ------------------- */
.page-events-search .views-widget-filter-field_event_type_target_id,
.page-events-search .views-widget-sort-by {
  clear: left;
}

.page-events-search .views-widget-filter-field_event_date_value_1 {
  clear: left;
}

.page-events-search .views-widget-filter-field_event_date_value_1 #edit-field-event-date-value-min-wrapper,
.page-events-search .views-widget-filter-field_event_date_value_1 #edit-field-event-date-value-max-wrapper {
  display: inline-block;
}

.page-events-search .views-widget-filter-field_event_date_value_1 .form-item-field-event-date-value-1-min > label,
.page-events-search .views-widget-filter-field_event_date_value_1 .form-item-field-event-date-value-1-max > label,
.page-events-search .bef-secondary-options .form-item-field-event-date-value-1-min > label,
.page-events-search .bef-secondary-options .form-item-field-event-date-value-1-max > label {
  display: none;
}

.page-events-search .views-widget-filter-field_event_date_value_1 #edit-field-event-date-value-min-wrapper::before,
.page-events-search .bef-secondary-options #edit-field-event-date-value-min-wrapper::before {
  content: 'Between';
  font-size: small;
}

.page-events-search .views-widget-filter-field_event_date_value_1 #edit-field-event-date-value-max-wrapper::before,
.page-events-search .bef-secondary-options #edit-field-event-date-value-max-wrapper::before {
  content: 'and';
  font-size: small;
}

.page-events-search .views-widget-filter-field_event_date_value_1 .form-item .description,
.page-events-search .bef-secondary-options .form-item .description {
  font-size: xx-small;
}

.page-events-search .Alicia-Ashman-Library {
  border-bottom: 5px solid orange;
}

.page-events-search .Central-Library {
  border-bottom: 5px solid red;
}

.page-events-search .Goodman-South-Madison-Library {
  border-bottom: 5px solid green;
}

.page-events-search .Hawthorne-Library {
  border-bottom: 5px solid darkturquoise;
}

.page-events-search .Lakeview-Library {
  border-bottom: 5px solid blue;
}

.page-events-search .Meadowridge-Library {
  border-bottom: 5px solid indigo;
}

.page-events-search .Monroe-Street-Library {
  border-bottom: 5px solid violet;
}

.page-events-search .Pinney-Library {
  border-bottom: 5px solid slategray;
}

.page-events-search .Sequoya-Library {
  border-bottom: 5px solid brown;
}

.page-events-search .Dream-Bus {
  border-bottom: 5px solid #90c59e;
}

@media (min-width: 777px) {
  .page-events-search .form-type-textfield input {
    width: 15em;
  }
  .page-events-search .form-type-date-popup .form-type-textfield input {
    width: 8em;
  }
}

/* Event display */
.event__el--tiny-icon {
  background-size: 1em;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 1.25em;
}

.event__library {
  background-image: url("images/icons/library-gray--tiny.png");
}

.event__location {
  background-image: url("images/icons/location-gray--tiny.png");
}

.event__datetime {
  background-image: url("images/icons/event-gray--tiny.png");
}

.underline-library dl:not(.menu) li,
.underline-library ol:not(.menu) li,
.underline-library ul:not(.menu) li {
    margin-top: .8em;
}

.underline-library .Alicia-Ashman-Library a {
    border-bottom: 3px solid orange;
}

.underline-library .Central-Library a {
    border-bottom: 3px solid red;
}

.underline-library .Goodman-South-Madison-Library a {
    border-bottom: 3px solid green;
}

.underline-library .Hawthorne-Library a {
    border-bottom: 3px solid darkturquoise;
}

.underline-library .Lakeview-Library a {
    border-bottom: 3px solid blue;
}

.underline-library .Meadowridge-Library a {
    border-bottom: 3px solid indigo;
}

.underline-library .Monroe-Street-Library a {
    border-bottom: 3px solid violet;
}

.underline-library .Pinney-Library a {
    border-bottom: 3px solid slategray;
}

.underline-library .Sequoya-Library a {
    border-bottom: 3px solid brown;
}

.underline-library .Dream-Bus a {
    border-bottom: 3px solid #90c59e;
}

/* -------------------
 * Pager
 * ------------------- */
.view .date-nav-wrapper .date-nav .pager {
  margin: 0;
}

.view .date-nav-wrapper .date-nav .pager li {
  list-style: none;
  position: relative;
  display: inline-block;
  right: 0;
}

.view .date-nav-wrapper .date-nav .pager li a {
  padding: .25em;
}

@media (min-width: 777px) {
  .view .date-nav-wrapper .date-nav .pager li {
    position: absolute;
  }
  .view .date-nav-wrapper .date-nav .pager .date-prev {
    right: 60px;
  }
}

/* -------------------
 * Sponsors
 * ------------------- */
.view-content-sponsors {
  text-align: center;
}

.view-content-sponsors .views-row {
  display: inline-block;
  width: 12em;
  vertical-align: top;
  margin: .5rem .25rem;
  padding: .5rem;
  border: 1px solid #ddd;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}

.view-content-sponsors .views-row h4 {
  margin-top: .5rem;
}

.panel-flexible .panels-full-width {
  width: 100%;
}

.pane-block {
  margin-bottom: 1em;
}

.panel-pane.pane-text-small .pane-content {
  font-size: small;
}

.panel-pane p:first-of-type {
  margin-top: .5em;
}

.panel-pane p:last-of-type {
  margin-bottom: .5em;
}

.panel-pane .view p:first-of-type {
  margin-top: 1.5em;
}

.panel-pane .view p:last-of-type {
  margin-bottom: 1.5em;
}

.panel-pane .view .view-mode-glance p:first-of-type {
  margin-top: .25em;
}

.panel-pane .view .view-mode-glance p:last-of-type {
  margin-bottom: .25em;
}

.contextual-links-region .contextual-links-region div.contextual-links-wrapper {
  top: 17px;
}

/* -------------------------
 * Layout tweaks
 * ------------------------- */
.col2-right-sidebar.sidebar-content .mpl-block:first-of-type {
  border-top-left-radius: 1em;
}

.col2-right-sidebar.sidebar-content .mpl-block:first-of-type h2.pane-title {
  border-top-left-radius: .8em;
}

@media (max-width: 777px) {
  div.flex-region {
    float: initial;
    width: 100%;
  }
  .col2-right-sidebar .mpl-block:first-of-type {
    margin-top: 1em;
  }
}

@media (min-width: 777px) {
  .pane-block.front-col1 {
    min-height: 340px;
  }
  .pane-block.front-col2,
  .pane-block.front-col3 {
    min-height: 280px;
    margin-bottom: 16px;
  }
  .pane-block.no-padding-bottom {
    margin-bottom: 0;
  }
}

/* -------------------------
 * Kids apps
 * ------------------------- */
.seen-on-nbc {
  margin-bottom: 2em;
  padding: 0 1em .75em;
  border: 2px solid #782c54;
  background: #eee;
}

.seen-on-nbc .pane-title {
  color: #782c54;
}

.paragraphs-items {
  /*overflow: auto;*/
}

.paragraphs-items .para-content {
  padding: 0 .5em;
}

.paragraphs-items .paragraphs-item-text-with-image .field-name-field-media-image {
  text-align: center;
  margin-bottom: 0;
}

.paragraphs-item-column-set.column-spacing {
  margin: 2.5em 0;
}

@media (min-width: 666px) {
  .column-spacing .paragraphs-item-column-two > div > .paragraphs-items,
  .column-spacing .paragraphs-item-column-three > div > .paragraphs-items {
    border-right: 1px solid #ccc;
    padding: .5em 1em;
  }
  .column-spacing .paragraphs-item-column-two > div > .paragraphs-items:last-child,
  .column-spacing .paragraphs-item-column-three > div > .paragraphs-items:last-child {
    border-right: 0;
  }
}

/* --------------------
 * Block style
 * -------------------- */
.paragraphs-items .para-mpl-block-blue > .content,
.paragraphs-items .para-mpl-block-green > .content,
.paragraphs-items .para-mpl-block-gray > .content,
.paragraphs-items .para-mpl-block-orange > .content,
.paragraphs-items .para-mpl-block-purple > .content {
  border: 1px solid #77797c;
  margin: 1em .5em;
}

.c-para-region--bordered-block {
  border: 1px solid #77797c;
  margin: 1em .5em;
}

.c-para-region--bordered-block .c-para-region__header {
  border-bottom: 1px solid #ddd;
  background: #77797c;
  color: #fff;
  text-shadow: 1px 1px #000;
}

.c-para-region--bordered-block .c-para-region__header h2 {
  font-size: 1.2em;
  margin: 0;
  min-height: 18px;
  padding: 10px 4px 10px 10px;
  line-height: 1.4;
}

.c-para-region--shadowed-block {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 1em 1em 1.5em;
  margin: 5px;
  vertical-align: top;
  border: 1px solid #ddd;
}

.c-para-region--shadowed-block .c-header h2 {
  margin: 0 0 .5em;
}

.c-para-region--extra-padding {
  padding: 1em;
}

.c-para-region--extra-side-padding {
  padding: 0 1em;
}

.c-para-region--blue {
  border: 1px solid #1c6677;
}

.c-para-region--blue .c-para-region__header {
  background: #1c6677;
}

.c-para-region--gray {
  border: 1px solid #77797c;
}

.c-para-region--gray .c-para-region__header {
  background: #77797c;
}

.c-para-region--green {
  border: 1px solid #71a442;
}

.c-para-region--green .c-para-region__header {
  background: #71a442;
}

.c-para-region--orange {
  border: 1px solid #d25d28;
}

.c-para-region--orange .c-para-region__header {
  background: #d25d28;
}

.c-para-region--purple {
  border: 1px solid #782c54;
}

.c-para-region--purple .c-para-region__header {
  background: #782c54;
}

.paragraphs-items .para-mpl-block-blue > div > .para-section-title h2,
.paragraphs-items .para-mpl-block-green > div > .para-section-title h2,
.paragraphs-items .para-mpl-block-gray > div > .para-section-title h2,
.paragraphs-items .para-mpl-block-orange > div > .para-section-title h2,
.paragraphs-items .para-mpl-block-purple > div > .para-section-title h2 {
  border-bottom: 1px solid #ddd;
  background: #77797c;
  color: #fff;
  font-size: 1em;
  margin: 0;
  min-height: 18px;
  padding: 10px 4px;
  text-shadow: 1px 1px #000;
  text-align: center;
  line-height: 1.4;
}

.paragraphs-items .para-mpl-block-blue > .content {
  border: 1px solid #1c6677;
}

.paragraphs-items .para-mpl-block-blue > div > .para-section-title h2 {
  background: #1c6677;
}

.paragraphs-items .para-mpl-block-green > .content {
  border: 1px solid #71a442;
}

.paragraphs-items .para-mpl-block-green > div > .para-section-title h2 {
  background: #71a442;
}

.paragraphs-items .para-mpl-block-gray > .content {
  border: 1px solid #77797c;
}

.paragraphs-items .para-mpl-block-gray > div > .para-section-title h2 {
  background: #77797c;
}

.paragraphs-items .para-mpl-block-orange > .content {
  border: 1px solid #d25d28;
}

.paragraphs-items .para-mpl-block-orange > div > .para-section-title h2 {
  background: #d25d28;
}

.paragraphs-items .para-mpl-block-purple > .content {
  border: 1px solid #782c54;
}

.paragraphs-items .para-mpl-block-purple > div > .para-section-title h2 {
  background: #782c54;
}

/* ===================================
 * Action Button
 * =================================== */
.paragraphs-item-action-button {
  text-align: center;
  margin: .5em;
}

.paragraphs-item-action-button > .content > .field > .field-items > .field-item {
  text-align: center;
  display: inline-block;
  background-color: #006fb5;
  padding: .5em .75em;
  border-color: #1e5e90;
  border-radius: .5em;
  margin-left: auto;
  margin-right: auto;
}

.paragraphs-item-action-button > .content > .field > .field-items > .field-item:hover,
.paragraphs-item-action-button > .content > .field > .field-items > .field-item:focus {
  background-color: #007bc7;
  box-shadow: 0 1px 2px rgba(23, 26, 28, 0.25);
}

.paragraphs-item-action-button > .content > .field > .field-items > .field-item:active {
  background-color: #08639b;
  border: #144b78;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.paragraphs-item-action-button > .content > .field > .field-items > .field-item a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.paragraphs-item-action-button > .content > .field > .field-items > .field-item a:hover,
.paragraphs-item-action-button > .content > .field > .field-items > .field-item a:focus {
  text-decoration: none;
}

/* --------------------
 * Booklist paragraph
 * -------------------- */
.field-items > .field-item:not(:last-of-type) > .paragraphs-item-book-blurb {
  background-image: url("/sites/all/themes/zen_madpl/css/images/icons/book-gray--tiny.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 15px 18px;
  padding-bottom: 30px;
  overflow: auto;
}

.paragraphs-item-booklist > div > .paragraphs-items:nth-child(2) {
  margin-left: .5em;
}

.paragraphs-item-book-blurb .field-name-field-book-cover-art-comp,
.paragraphs-item-book-blurb .field-name-field_media_image {
  float: right;
  margin-left: 1rem;
}

.paragraphs-item-book-blurb .field-name-field-book-title-link {
  font-weight: 700;
  font-size: 1.3em;
}

.paragraphs-item-book-blurb .field-name-field-book-author-fname,
.paragraphs-item-book-blurb .field-name-field-book-author-fname div,
.paragraphs-item-book-blurb .field-name-field-book-author-lname,
.paragraphs-item-book-blurb .field-name-field-book-author-lname div,
.paragraphs-item-book-blurb .field-name-field-book-illustrator,
.paragraphs-item-book-blurb .field-name-field-book-illustrator div {
  display: inline;
  font-style: italic;
}

.paragraphs-item-book-blurb .field-name-field-book-author-fname::before {
  content: 'by ';
}

.paragraphs-item-book-blurb .field-name-field-book-author-lname::before {
  content: ' ';
}

.paragraphs-item-book-blurb .field-name-field-book-illustrator::before {
  content: ' | illustrated by ';
}

/* -------------------------
 * Call to action paragraph
 * ------------------------- */
.c-hero {
    position: relative;
    margin: .5em 6px;
    background: #efefef;
}

.c-hero__image img {
    vertical-align: middle;
}

.c-hero__cta {
  padding: 0 .5em 1em;
}

.c-hero__cta h2 {
  margin: .5rem 0;
}

.c-hero__cta h2 a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.c-hero__cta .line-fleuron {
  display: none;
}

.c-hero__cta p:first-of-type {
  margin-top: .5em;
}

.c-hero__cta p:last-of-type {
  margin-bottom: .75em;
}

@media (min-width: 777px) {
    /*.c-hero {
        margin: .5em 1.3em;
    }*/
    .c-hero__image--reduced-height-15em {
        max-height: 15em;
        overflow: hidden;
    }
    .c-hero__image--reduced-height-15em img {
        transform: translate(0,-20%);
    }
    .c-hero__image--reduced-height-17-5em {
        max-height: 17.5em;
        overflow: hidden;
    }
    .c-hero__image--reduced-height-17-5em img {
        transform: translate(0,-15%);
    }
    .c-hero__image--reduced-height-20em {
        max-height: 20em;
        overflow: hidden;
    }
    .c-hero__image--reduced-height-20em img {
        transform: translate(0,-10%);
    }
    .c-hero__cta h3 a {
    font-size: 120%;
    text-decoration: none;
  }
    .c-hero__cta--center {
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
  .c-hero__cta--bookmark {
    position: absolute;
    top: 0;
    width: 20em;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-shadow: 1px 1px #000;
    padding: 1em 2em 3em;
    border-bottom-left-radius: 10em 4em;
    border-bottom-right-radius: 10em 4em;
    box-shadow: 2px 5px 4px 0 rgba(0, 0, 0, 0.2);
  }
    .c-hero__cta--bookmark.c-hero__cta--left {
        left: 5em;
    }
    .c-hero__cta--bookmark.c-hero__cta--right {
        right: 5em;
    }
  .c-hero__cta--bookmark .line-fleuron {
    display: none;
  }
  .c-hero__cta--rectangle-bg {
    position: absolute;
    bottom: 2em;
    max-width: 30em;
    color: #fff;
    text-shadow: 1px 1px #000;
    background: rgba(0, 0, 0, 0.8);
    padding: 0 1em 1em;
  }
    .c-hero__cta--rectangle-bg.c-hero__cta--left {
        left: 2.5em;
    }
    .c-hero__cta--rectangle-bg.c-hero__cta--right {
        right: 2.5em;
    }
  .c-hero__cta--cover-third {
    position: absolute;
    top: 0;
    width: 33%;
    min-width: 20em;
    height: 100%;
    color: #fff;
    text-shadow: 1px 1px #000;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
  }
    .c-hero__cta--cover-third.c-hero__cta--left {
        left: 0;
    }
    .c-hero__cta--cover-third.c-hero__cta--right {
        right: 0;
    }
  .c-hero__cta--cover-third .caption-content {
    margin-top: 25%;
    margin-left: 33%;
    -webkit-transform: translate(-25%, -40%);
        -ms-transform: translate(-25%, -40%);
            transform: translate(-25%, -40%);
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .c-hero__cta--cover-third .line-fleuron {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .c-hero__cta--center-circle {
    position: absolute;
    margin-top: -26%;
    margin-left: 50%;
    width: 22em;
    height: 22em;
    color: #fff;
    text-shadow: 1px 1px #000;
    line-height: 1.3em;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    padding: 2.75em 2em .75em;
    border-radius: 50%;
  }
  .c-hero__cta--center-circle h2 {
    margin-top: 25%;
    margin-bottom: 1em;
    line-height: 1.2em;
  }
  .c-hero__cta--center-circle .line-fleuron {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .c-hero__cta--center-circle p:first-of-type {
    margin-top: 1.25em;
  }
  .c-hero__cta--center-circle p:last-of-type {
    margin-bottom: 1.25em;
  }
}

/* --------------------
 * Card paragraph
 * -------------------- */
.paragraphs-item-card-set .paragraphs-item-card,
.c-card-set > div > .c-card {
  /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);*/
  padding: 1em 1em 1.5em;
  margin: .6em 5px;
  vertical-align: top;
  border: 1px solid #ccc;
}

.paragraphs-item-card-set .paragraphs-item-card .para-card {
  overflow: visible;
}

.paragraphs-item-card-set .field-name-field-media-image {
  margin: 1rem;
}

.paragraphs-item-card-set h3.section-title {
  margin-top: .75rem;
  line-height: 1.3;
}

.paragraphs-item-card-set .field-name-field-short-description {
  font-size: small;
  line-height: 1.3em;
}

.paragraphs-item-card-set .field-type-paragraphs > .field-items {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
          justify-content: space-evenly;
}

.c-card-set > div:not(.view-filters) {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

.c-card-set > div > .c-card {
  -webkit-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
          flex: 1 1 100%;
  /*display: flex;*/
}

.c-card-set > div > .c-card > .content {
  margin-left: auto;
  margin-right: auto;
  word-break: break-word;
  word-wrap: break-word;
}

.c-card-set > div > .c-card > .content .c-card__text {
    padding-left: .5em;
}

.c-card-set > div > .c-card > .content .c-card__text .c-card__title h3 {
    margin-top: .75rem;
    line-height: 1.3;
}

.c-card-set > div > .c-card > .content .c-card__text .c-card__desc {
    font-size: small;
    line-height: 1.3em;
}

.paragraphs-item-card-set .field-type-paragraphs > .field-items > .field-item {
  -webkit-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
          flex: 1 1 100%;
  display: -webkit-box;
  display: flex;
}

.--video-thumbs .c-card__media {
    background-image: url(images/icons/play.png);
    background-repeat: no-repeat;
    background-size: 3em;
    background-position: center;
}

.--video-thumbs .c-card__media .c-media__file {
    opacity: .6;
}

@media (min-width: 555px) {
  .para-cards-2wide .field-type-paragraphs > .field-items > .field-item,
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item {
    flex-basis: 50%;
    max-width: 50%;
  }
  .paragraphs-item-card-set .field-items > .field-item:nth-child(2n-1) > .paragraphs-item-card {
    margin-left: 0;
    margin-right: 1em;
  }
  .paragraphs-item-card-set .field-items > .field-item:nth-child(2n) > .paragraphs-item-card {
    margin-left: 1em;
    margin-right: 0;
  }
  .paragraphs-item-card-set .field-items > .field-item:nth-child(n+3) > .paragraphs-item-card {
    margin-top: .5em;
  }
  .c-card-set > div > .c-card {
    -webkit-box-flex: 0;
            flex: 0 0 45%;
    margin: 1%;
    /*min-width: 13em;*/ 
  }
}

@media (min-width: 777px) {
  .para-cards-2wide .field-name-field-media-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 200px;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item {
    flex-basis: 33%;
    max-width: 33%;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(2n-1) > .paragraphs-item-card {
    margin: 1em .5em;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(2n) > .paragraphs-item-card {
    margin: 1em .5em;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(n+3) > .paragraphs-item-card {
    margin: 1em .5em;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(3n+1) > .paragraphs-item-card {
    margin-left: 0;
    margin-right: 1em;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(3n) > .paragraphs-item-card {
    margin-left: 1em;
    margin-right: 0;
  }
  .para-cards-3wide .field-type-paragraphs > .field-items > .field-item:nth-child(n+4) > .paragraphs-item-card {
    margin-top: .5em;
  }
  .c-card-set--three-wide > div > .c-card,
  .c-card-set.--three-wide > div > .c-card {
    -webkit-box-flex: 0;
            flex: 0 0 30%;
  }
  .c-card-set--four-wide > div > .c-card,
  .c-card-set.--four-wide > div > .c-card {
    -webkit-box-flex: 0;
            flex: 0 0 23%;
  }
}

/* --------------------
 * Catalog list
 * -------------------- */
.paragraphs-item-catalog-item .field-name-field-media-image img {
  display: block;
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.paragraphs-item-catalog-item .field-name-field-catalog-item-title h3 {
  line-height: 1.75rem;
}

@media screen and (min-width: 420px) {
  .paragraphs-item-catalog-item {
    overflow: auto;
  }
  .paragraphs-item-catalog-item .field-name-field-media-image {
    float: left;
    max-width: 150px;
    margin-top: .5rem;
    margin-right: 1em;
  }
  .paragraphs-item-catalog-item .field-name-field-media-image img {
    margin-top: 0;
    margin-bottom: .5em;
  }
}

/* --------------------
 * Layout
 * -------------------- */
.paragraphs-items .paragraphs-item-column-two > .content,
.paragraphs-items .paragraphs-item-column-three > .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
}

.paragraphs-items .paragraphs-item-column-two > .content > .paragraphs-items,
.paragraphs-items .paragraphs-item-column-three > .content > .paragraphs-items {
  -webkit-box-ordinal-group: 2;
          order: 1;
  -webkit-box-flex: 1;
          flex: 1 1 100%;
}

@media (min-width: 666px) {
  .paragraphs-items .para-image-center .para__media {
    margin-left: auto;
    margin-right: auto;
  }
  .paragraphs-items .para-image-right .para__media,
  .paragraphs-items .para-image-right-small .para__media {
    float: right;
    margin: 0 1em;
    max-width: 50%;
  }
  .paragraphs-items .para-image-right-small .para__media {
    max-width: 25%;
  }
  .paragraphs-items .para-image-left .para__media {
    float: left;
    margin: 0 1em;
    max-width: 50%;
  }
  .paragraphs-items .para-2col-50-50 > .content > .paragraphs-items-field-para-column-one,
  .paragraphs-items .para-2col-50-50 > .content > .paragraphs-items-field-para-column-two {
    flex-basis: 50%;
  }
  .paragraphs-items .para-2col-66-33 > .content > .paragraphs-items-field-para-column-one,
  .paragraphs-items .para-2col-33-66 > .content > .paragraphs-items-field-para-column-two {
    flex-basis: 66%;
  }
  .paragraphs-items .para-2col-33-66 > .content > .paragraphs-items-field-para-column-one,
  .paragraphs-items .para-2col-66-33 > .content > .paragraphs-items-field-para-column-two,
  .paragraphs-items .para-3col-33-33-33 > .content > .paragraphs-items-field-para-column-one,
  .paragraphs-items .para-3col-33-33-33 > .content > .paragraphs-items-field-para-column-two,
  .paragraphs-items .para-3col-33-33-33 > .content > .paragraphs-items-field-para-column-three {
    flex-basis: 33%;
  }
}

/* -------------------------
 * Document with image link tweaks
 * ------------------------- */
.paragraphs-item-document-with-image-link .para-media-link {
  margin: 1em .5em;
}

.paragraphs-item-document-with-image-link .file .content {
  border: 1px solid #aaa;
  display: inline-block;
}

/* -------------------------
 * Image and video tweaks
 * ------------------------- */
.paragraphs-item-image .para__media,
.paragraphs-item-video-embedded .para__media {
  margin: 1.5em 0;
}

.paragraphs-item-image .para__media .file,
.paragraphs-item-video-embedded .para__media .file {
  text-align: center;
}

.paragraphs-items .para__media-caption p:first-of-type {
  margin-top: 0;
}

.paragraphs-items .para__media-caption p:last-of-type {
  margin-bottom: .5em;
}

@media (min-width: 666px) {
  .paragraphs-items .para-3col-33-33-33 > .content > .paragraphs-items .paragraphs-item-text-with-image .para__media {
    float: initial;
    margin: .5em;
    max-width: initial;
  }
}

@media (min-width: 666px) and (max-width: 888px) {
  .paragraphs-items .para-2col-50-50 > .content > .paragraphs-items .paragraphs-item-text-with-image .para-media,
  .paragraphs-items .para-2col-66-33 > .content > .paragraphs-items .paragraphs-item-text-with-image .para-media,
  .paragraphs-items .para-2col-33-66 > .content > .paragraphs-items .paragraphs-item-text-with-image .para-media {
    float: initial;
    margin: .5em;
    max-width: initial;
  }
}

/* -------------------------
 * Content region - online resource tweaks
 * ------------------------- */
.paragraphs-item-content-region .node-online-resource.node-teaser:first-of-type {
  margin-top: 0;
}

/* -------------------------
 * Layout
 * ------------------------- */
.l-cols {
  margin: 1em 0;
}

@media all and (min-width: 666px) {
  .l-cols {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
  }
  .l-cols--25-50-25 > .l-col--last,
  .l-cols--25-50-25 > .l-col--first {
    -webkit-box-flex: 1;
            flex: 1 1 24%;
  }
  .l-cols--66-33 > .l-col--last,
  .l-cols--33-66 > .l-col--first,
  .l-cols--33-33-33 > .l-col {
    -webkit-box-flex: 1;
            flex: 1 1 33%;
  }
  .l-cols--50-50 > .l-col,
  .l-cols--25-50-25 > .l-col--center {
    -webkit-box-flex: 1;
            flex: 1 1 49%;
  }
  .l-cols--66-33 > .l-col--first,
  .l-cols--33-66 > .l-col--last {
    -webkit-box-flex: 1;
            flex: 1 1 66%;
  }
  .l-cols--inner-border .l-col--first {
    border-right: 1px solid #ccc;
  }
  .l-cols--inner-border .l-col--first,
  .l-cols--inner-border .l-col--last,
  .l-cols--33-33-33.l-cols--inner-border .l-col--center {
    padding: 0 1em;
  }
}

@media all and (min-width: 800px) {
  .l-cols--33-33-33.l-cols--inner-border .l-col--center {
    border-right: 1px solid #ccc;
  }
}


/* -------------------------
 * New BEM Styles for Impact
 * ------------------------- */
.c-art-slice {
  margin-top: .75em;
}

.c-header h2 {
  margin-top: 1em;
  margin-bottom: 1em;
}

.c-header--left,
.c-media__caption--left {
  text-align: left;
  padding: .5em 4em .5em 2em;
}

.c-header--right,
.c-media__caption--right {
  text-align: right;
  padding: .5em 2em .5em 4em;
}

.c-header--blue,
.c-media__caption--blue {
  background: #1c6677;
  color: white;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 1em;
}

.c-header--green,
.c-media__caption--green {
  background: #71a442;
  color: white;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 1em;
}

.c-header--gray,
.c-media__caption--gray {
  background: #77797c;
  color: white;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 1em;
}

.c-header--orange,
.c-media__caption--orange {
  background: #d25d28;
  color: white;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 1em;
}

.c-header--purple,
.c-media__caption--purple {
  background: #782c54;
  color: white;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 1em;
}

.c-header--arrow,
.c-media__caption--arrow {
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
  clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%);
}

.c-header--arrow.c-header--right,
.c-media--right .c-media__caption--arrow {
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 15% 100%, 0 50%);
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0 50%);
}

.c-media__file {
  text-align: center;
}

.c-quote {
    padding-top: 40px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 20px;
    font-family: Gotham;
    background-position: top left, bottom right;
    background-size: 72px;
    background-repeat: no-repeat;
}

.c-quote__text {
    font-size: 1.4em;
    line-height: 1.4em;
}

.c-quote__attribution {
    font-size: .7em;
    line-height: 1.4em;
}

.c-quote--blue {
    background-image: url(images/paragraphs/quote/quote-blue-lower.png), url(images/paragraphs/quote/quote-blue-upper.png);
}

.c-quote--green {
    background-image: url(images/paragraphs/quote/quote-green-lower.png), url(images/paragraphs/quote/quote-green-upper.png);
}

.c-quote--gray {
    background-image: url(images/paragraphs/quote/quote-gray-lower.png), url(images/paragraphs/quote/quote-gray-upper.png);
}

.c-quote--orange {
    background-image: url(images/paragraphs/quote/quote-orange-lower.png), url(images/paragraphs/quote/quote-orange-upper.png);
}

.c-quote--purple {
    background-image: url(images/paragraphs/quote/quote-purple-lower.png), url(images/paragraphs/quote/quote-purple-upper.png);
}

.c-media__caption {
  padding: 1em 3em 1em 2em;
  font-weight: 700;
  font-size: 1.1em;
  position: relative;
  top: -3em;
  max-width: 95%;
  margin-bottom: -3em;
}

.c-media__caption--standard {
  top: 0;
  padding: 0 !important;
  margin: 0;
  font-weight: 300;
  font-size: smaller;
  font-style: italic;
}

.c-media--right .c-media__caption {
  padding-left: 3em;
  padding-right: 2em;
  text-align: right;
  float: right;
}

.c-menu--purple a {
  color: #782c54;
}

@media (min-width: 666px) {
  .c-media--center {
    margin-left: auto;
    margin-right: auto;
  }
  .c-media--left {
    float: left;
    margin-right: 2%;
  }
  .c-media--right {
    float: right;
    margin-left: 2%;
  }
  .c-media--two-thirds {
    max-width: 66%;
  }
  .c-media--half {
    max-width: 50%;
  }
  .c-media--half + .c-art-slice__text .c-art-slice__header {
    max-width: 48%;
  }
  .c-media--third {
    max-width: 33%;
  }
  .c-media--third + .c-art-slice__text .c-art-slice__header {
    max-width: 64%;
  }
  .c-media--quarter {
    max-width: 25%;
  }
  .c-media--quarter + .c-art-slice__text .c-art-slice__header {
    max-width: 73%;
  }
  .c-media__caption {
    max-width: 80%;
  }
  .c-header--left {
    float: left;
  }
  .c-header--left + div {
    clear: left;
  }
  .c-header--right {
    float: right;
  }
  .c-header--right + div {
    clear: right;
  }
}

/* ==============================================
 * Racial equity resources
 * ============================================== */
.equity-front-button {
  height: 200px;
  width: 200px;
  display: inline-block;
  border-radius: 30px;
  margin-left: .5em;
  margin-right: .5em;
  margin-bottom: .5em;
}

.equity-front-button .area {
  color: #fff;
  font-size: 90%;
  vertical-align: middle;
  line-height: 26px;
  text-shadow: 1px 1px #000;
}

.equity-front-button a {
  display: block;
  padding-top: 85px;
  height: 200px;
  font-weight: 300;
  font-family: Gotham, Geneva, sans-serif;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 30px;
  color: #fff;
}

.equity-front-button.re-videos-and-music {
  background: url("images/racial-equity/square6-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-podcasts {
  background: url("images/racial-equity/square10-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-teen {
  background: url("images/racial-equity/square1-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-fiction-books {
  background: url("images/racial-equity/square7-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-websites {
  background: url("images/racial-equity/square5-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-childrens {
  background: url("images/racial-equity/square3-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-nonfiction-books {
  background: url("images/racial-equity/square2-og.png") no-repeat;
  background-size: 100%;
}

.equity-front-button.re-getting-started {
  background: url("images/racial-equity/square8-og.png") no-repeat;
  background-size: 100%;
}

.equity-top-level ul {
  margin-bottom: 0;
}

.equity-top-level li {
  display: inline-block;
  background-color: white;
}

.equity-top-level li a {
  color: #1c6677;
  margin-right: -3px;
  padding: .5em;
  border: 1px solid #1c6677;
  font-size: 80%;
  white-space: nowrap;
  line-height: 3em;
}

@media (min-width: 777px) {
  .equity-top-level li a {
    line-height: 2em;
  }
}

.equity-top-level li a:hover,
.equity-top-level li a:focus {
  color: white;
  background-color: #1c6677;
  border-color: white;
  text-decoration: none;
}

.equity-top-level li.is-active-trail a {
  color: white;
  background-color: #1c6677;
  list-style: none;
}

.equity-siblings {
  background-color: #1c6677;
  text-align: center;
}

.equity-siblings a {
  color: white;
  padding: .5em;
}

.equity-siblings .item-list ul {
  margin: 0;
  padding: .5em 0;
  overflow: hidden;
}

.equity-siblings .item-list ul li {
  padding: .5em;
  display: inline-block;
  list-style: none;
}

.equity-siblings a:hover,
.equity-siblings a:focus {
  color: #1c6677;
  background-color: white;
}

/* realigns pages only 4 children */
@media (min-width: 500px) {
  .page-taxonomy-term-241 .equity-children {
    max-width: 600px;
  }
}

/* realigns pages only 5 children */
@media (min-width: 777px) {
  .page-taxonomy-term-214 .equity-children li:first-child,
  .page-taxonomy-term-246 .equity-children li:first-child,
  .page-taxonomy-term-223 .equity-children li:first-child,
  .page-taxonomy-term-223 .equity-children li:nth-child(6) {
    margin-left: 120px;
  }
  .page-taxonomy-term-214 .equity-children li:nth-child(3),
  .page-taxonomy-term-246 .equity-children li:nth-child(3),
  .page-taxonomy-term-223 .equity-children li:nth-child(3),
  .page-taxonomy-term-223 .equity-children li:nth-child(6) {
    clear: left;
  }
}

/* realigns pages only 7 children */
.page-racial-equity-resources-tag-nonfiction-books .equity-children .view-content .views-row-1 {
  margin-left: 120px;
}

.equity-children .views-row.views-row-last {
  margin-bottom: 2em;
}

.equity-children li {
  width: 200px;
  margin: 10px;
  float: left;
  text-align: center;
  list-style: none;
  border-radius: 30px;
  background: #aaa;
}

.equity-children li a {
  display: block;
  padding-top: 85px;
  height: 200px;
  font-size: 1.2em;
  font-weight: 300;
  font-family: Gotham, Geneva, sans-serif;
  color: #000;
}

.page-taxonomy-term-220 .equity-children li a,
.page-taxonomy-term-223 .equity-children li a,
.page-taxonomy-term-241 .equity-children li a,
.page-taxonomy-term-246 .equity-children li a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.page-taxonomy-term-214 .equity-children li {
  background: #7cbb4c;
  background-size: 100%;
}

.page-taxonomy-term-220 .equity-children li {
  background: #047c9b;
  background-size: 100%;
}

.page-taxonomy-term-223 .equity-children li {
  background: #a3247c;
  background-size: 100%;
}

.page-taxonomy-term-231 .equity-children li {
  background: #e5841c;
  background-size: 100%;
}

.page-taxonomy-term-241 .equity-children li {
  background: #747c7c;
  background-size: 100%;
}

.page-taxonomy-term-246 .equity-children li {
  background: #9b243c;
  background-size: 100%;
}

.page-taxonomy-term-252 .equity-children li {
  background: #94d3d3;
  background-size: 100%;
}

.page-taxonomy-term-255 .equity-children li {
  background: #ccbc1c;
  background-size: 100%;
}
/*
html {
  font-family: Gotham, 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif !important;
}*/

* {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  font-weight: 300;
  line-height: 1.5em;
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
}

@media print {
  html {
    font-size: 12pt;
  }
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  color: #0072b9;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

:visited {
  color: #951b98;
}

a:hover,
a:focus {
  text-decoration: underline;
}

a:active {
  color: #77797c;
}

a:active:not(.button) {
  background-color: transparent;
}

a:active,
a:hover {
  outline-width: 0;
}

@media print {
  :link,
  :visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
    text-decoration: none;
  }
  a[href^='javascript:']::after,
  a[href^='#']::after {
    content: '';
  }
}

.white-shadowed a {
  color: #fff;
  text-shadow: 1px 1px #000;
}

.black-bolded a {
  color: #000;
  font-weight: 700;
}

.white-shadowed .contextual-links a,
.black-bolded .contextual-links a {
  color: #333;
  text-shadow: none;
  font-weight: 500;
}

.white-shadowed span.ext,
.white-shadowed span.mailto {
  background-image: url("images/extlink_s_white.png");
}

.black-bolded span.ext,
.black-bolded span.mailto {
  background-image: url("images/extlink_s_black.png");
}

.action-button span.ext,
.action-button span.mailto {
  background-image: url("images/extlink_s_white.png");
}

.sidr span.ext,
.sidr span.mailto {
  display: inline;
  padding: 0 12px 0 0;
}

a.mailto {
  overflow-wrap: break-word;
}

h1,
.header__site-name {
  font-size: 2rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.25rem;
  line-height: 2.25rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h5 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h6 {
  font-size: 0.625rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
  margin-top: .25rem;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline;
  text-decoration: underline dotted;
}

@media print {
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
}

b,
strong {
  font-weight: inherit;
}

strong,
b {
  font-weight: 700;
}

cite {
  display: initial;
}

pre,
code,
kbd,
samp,
var {
  font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
  font-size: 1em;
}

del {
  display: initial;
}

dfn {
  font-style: italic;
}

i,
em {
  display: initial;
}

ins {
  display: initial;
}

mark {
  background-color: #fd0;
  color: #000;
}

q {
  display: initial;
}

s {
  display: initial;
}

small {
  font-size: 0.875rem;
}

sub,
sup {
  font-size: 0.625rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

u {
  display: initial;
}

.divider,
hr {
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #cccccc;
}

.divider > :first-child, hr > :first-child {
  margin-top: 1.5rem;
}

blockquote {
  margin: 1.5rem 2rem;
}

dl,
menu,
ol,
ul {
  margin: 1.5rem 0;
}

dl:not(.menu),
ol:not(.menu),
ul:not(.menu) {
  line-height: 1.3;
}

dl:not(.menu) li,
ol:not(.menu) li,
ul:not(.menu) li {
  margin-top: .5em;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

dt {
  display: initial;
}

dd {
  margin: 0 0 0 32px;
}

[dir="rtl"] dd {
  margin: 0 32px 0 0;
}

menu,
ol,
ul {
  padding: 0 0 0 32px;
}

[dir="rtl"] menu, [dir="rtl"]
ol, [dir="rtl"]
ul {
  padding: 0 32px 0 0;
}

.layout-3col__left-sidebar menu,
.layout-3col__left-sidebar ol,
.layout-3col__left-sidebar ul {
  padding-left: .8em;
}

figure {
  margin: 1.5rem 0;
}

figcaption {
  display: initial;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

p,
pre {
  margin: 1.5rem 0;
}

img {
  border-style: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  box-sizing: border-box;
  max-width: 100%;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  overflow: visible;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

.button,
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -moz-appearance: button;
  -webkit-appearance: button;
}

.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
  display: inline-block;
  padding: 0 6px;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  color: #000;
  padding: 4px 17px;
  margin-bottom: 1em;
  margin-right: 1em;
  color: #5a5a5a;
  text-align: center;
  font-weight: normal;
  font-size: 1.077em;
  font-family: 'Lucida Grande', Verdana, sans-serif;
  border: 1px solid #ccc;
  border-bottom: 1px solid #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  background: url("images/buttons.png") 0 0 repeat-x;
  border-radius: 20px;
}

.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

.button:hover, .button:focus,
button:hover,
button:focus,
[type='button']:hover,
[type='button']:focus,
[type='reset']:hover,
[type='reset']:focus,
[type='submit']:hover,
[type='submit']:focus {
  text-decoration: none;
  color: #000;
}

.button:active,
button:active,
[type='button']:active,
[type='reset']:active,
[type='submit']:active {
  text-decoration: none;
  background: #666;
  color: #fff;
  border-color: #555;
  text-shadow: #222 0 -1px 0;
}

.button--variant-name {
  display: initial;
}

[disabled].button,
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit'] {
  cursor: default;
  color: #999999;
}

[disabled].button:hover,
button[disabled]:hover,
[disabled][type='button']:hover,
[disabled][type='reset']:hover,
[disabled][type='submit']:hover, [disabled].button:focus,
button[disabled]:focus,
[disabled][type='button']:focus,
[disabled][type='reset']:focus,
[disabled][type='submit']:focus, [disabled].button:active,
button[disabled]:active,
[disabled][type='button']:active,
[disabled][type='reset']:active,
[disabled][type='submit']:active {
  color: #999999;
}

[type='text'],
[type='search'],
[type='tel'],
[type='url'],
[type='email'],
[type='password'],
[type='date'],
[type='time'],
[type='number'], textarea {
  display: initial;
}

[type='range'] {
  display: initial;
}

[type='color'] {
  display: initial;
}

[type='file'] {
  display: initial;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

fieldset {
  padding: 0.525rem 0.9375rem 0.975rem;
  border: 1px solid #cccccc;
  margin: 0 2px;
}

legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  white-space: normal;
  color: inherit;
  margin-left: -5px;
  padding: 0 5px;
}

label {
  display: block;
  font-weight: bold;
}

select {
  display: initial;
}

optgroup {
  font-weight: bold;
}

textarea {
  overflow: auto;
}

table {
  margin: 1.5rem 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td,
th {
  /*padding: 0;*/
}

.layout-3col {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 0;
  padding-right: 0;
}

.layout-3col:before {
  content: "";
  display: table;
}

.layout-3col:after {
  content: "";
  display: table;
  clear: both;
}

.layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar, .layout-3col__col-1, .layout-3col__col-2, .layout-3col__col-3, .layout-3col__col-4, .layout-3col__col-x {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
}

[dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar, [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-4, [dir="rtl"] .layout-3col__col-x {
  float: right;
  margin-right: 0%;
  margin-left: -100%;
}

@media (min-width: 777px) {
  .layout-3col {
    margin-left: -12px;
    margin-right: -13px;
    padding-left: 0;
    padding-right: 0;
  }
  .layout-3col:before {
    content: "";
    display: table;
  }
  .layout-3col:after {
    content: "";
    display: table;
    clear: both;
  }
  [dir="rtl"] .layout-3col {
    margin-left: -13px;
    margin-right: -12px;
  }
  .layout-3col__full, .layout-3col__left-content, .layout-3col__right-content, .layout-3col__left-sidebar, .layout-3col__right-sidebar {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__full, [dir="rtl"] .layout-3col__left-content, [dir="rtl"] .layout-3col__right-content, [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__right-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-3col__first-left-sidebar {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-3col__first-left-sidebar {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__first-left-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-3col__second-left-sidebar {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-3col__second-left-sidebar {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__second-left-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-3col__col-1, .layout-3col__col-x:nth-child(3n+1) {
    clear: both;
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-x:nth-child(3n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__col-2, .layout-3col__col-x:nth-child(3n+2) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-x:nth-child(3n+2) {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-3col__col-3, .layout-3col__col-x:nth-child(3n) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(3n) {
    float: right;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  .layout-3col__col-4 {
    display: none;
  }
}

@media (min-width: 999px) {
  .layout-3col__full {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__full {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__left-content {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__left-content {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__right-content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__right-content {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-3col__left-sidebar, .layout-3col__first-left-sidebar, .layout-3col__second-left-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-3col__left-sidebar, [dir="rtl"] .layout-3col__first-left-sidebar, [dir="rtl"] .layout-3col__second-left-sidebar {
    float: left;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .layout-3col__right-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-3col__right-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-3col__right-sidebar {
    float: left;
    margin-left: 0%;
    margin-right: -100%;
  }
  .layout-3col__col-1, .layout-3col__col-x:nth-child(3n+1) {
    clear: both;
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-1, [dir="rtl"] .layout-3col__col-x:nth-child(3n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-3col__col-2, .layout-3col__col-x:nth-child(3n+2) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-2, [dir="rtl"] .layout-3col__col-x:nth-child(3n+2) {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-3col__col-3, .layout-3col__col-x:nth-child(3n) {
    clear: none;
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-3col__col-3, [dir="rtl"] .layout-3col__col-x:nth-child(3n) {
    float: right;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  .layout-3col__col-4 {
    display: none;
  }
}

.layout-3col__grid-item-container {
  padding-left: 0;
  padding-right: 0;
}

.layout-3col__grid-item-container:before {
  content: "";
  display: table;
}

.layout-3col__grid-item-container:after {
  content: "";
  display: table;
  clear: both;
}

.layout-4col {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 0;
  padding-right: 0;
}

.layout-4col:before {
  content: "";
  display: table;
}

.layout-4col:after {
  content: "";
  display: table;
  clear: both;
}

.layout-4col__full, .layout-4col__left-content, .layout-4col__center-content, .layout-4col__right-content, .layout-4col__left-sidebar, .layout-4col__right-sidebar, .layout-4col__first-left-sidebar, .layout-4col__second-left-sidebar, .layout-4col__col-1, .layout-4col__col-2, .layout-4col__col-3, .layout-4col__col-4, .layout-4col__col-x {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
}

[dir="rtl"] .layout-4col__full, [dir="rtl"] .layout-4col__left-content, [dir="rtl"] .layout-4col__center-content, [dir="rtl"] .layout-4col__right-content, [dir="rtl"] .layout-4col__left-sidebar, [dir="rtl"] .layout-4col__right-sidebar, [dir="rtl"] .layout-4col__first-left-sidebar, [dir="rtl"] .layout-4col__second-left-sidebar, [dir="rtl"] .layout-4col__col-1, [dir="rtl"] .layout-4col__col-2, [dir="rtl"] .layout-4col__col-3, [dir="rtl"] .layout-4col__col-4, [dir="rtl"] .layout-4col__col-x {
  float: right;
  margin-right: 0%;
  margin-left: -100%;
}

@media (min-width: 777px) {
  .layout-4col {
    margin-left: -12px;
    margin-right: -13px;
    padding-left: 0;
    padding-right: 0;
  }
  .layout-4col:before {
    content: "";
    display: table;
  }
  .layout-4col:after {
    content: "";
    display: table;
    clear: both;
  }
  [dir="rtl"] .layout-4col {
    margin-left: -13px;
    margin-right: -12px;
  }
  .layout-4col__full, .layout-4col__left-content, .layout-4col__center-content, .layout-4col__right-content, .layout-4col__left-sidebar, .layout-4col__right-sidebar {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-4col__full, [dir="rtl"] .layout-4col__left-content, [dir="rtl"] .layout-4col__center-content, [dir="rtl"] .layout-4col__right-content, [dir="rtl"] .layout-4col__left-sidebar, [dir="rtl"] .layout-4col__right-sidebar {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-4col__full, [dir="rtl"] .layout-4col__left-content, [dir="rtl"] .layout-4col__center-content, [dir="rtl"] .layout-4col__right-content, [dir="rtl"] .layout-4col__left-sidebar, [dir="rtl"] .layout-4col__right-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-4col__first-left-sidebar, .layout-4col__col-1, .layout-4col__col-3, .layout-4col__col-x:nth-child(2n + 1) {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-4col__first-left-sidebar, [dir="rtl"] .layout-4col__col-1, [dir="rtl"] .layout-4col__col-3, [dir="rtl"] .layout-4col__col-x:nth-child(2n + 1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-4col__first-left-sidebar, [dir="rtl"] .layout-4col__col-1, [dir="rtl"] .layout-4col__col-3, [dir="rtl"] .layout-4col__col-x:nth-child(2n + 1) {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-4col__second-left-sidebar, .layout-4col__col-2, .layout-4col__col-4, .layout-4col__col-x:nth-child(2n) {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-4col__second-left-sidebar, [dir="rtl"] .layout-4col__col-2, [dir="rtl"] .layout-4col__col-4, [dir="rtl"] .layout-4col__col-x:nth-child(2n) {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-4col__second-left-sidebar, [dir="rtl"] .layout-4col__col-2, [dir="rtl"] .layout-4col__col-4, [dir="rtl"] .layout-4col__col-x:nth-child(2n) {
    padding-left: 13px;
    padding-right: 12px;
  }
}

@media (min-width: 999px) {
  .layout-4col__full {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__full {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-4col__left-content {
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__left-content {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-4col__center-content {
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__center-content {
    float: right;
    margin-right: 25%;
    margin-left: -100%;
  }
  .layout-4col__right-content {
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__right-content {
    float: right;
    margin-right: 25%;
    margin-left: -100%;
  }
  .layout-4col__left-sidebar, .layout-4col__first-left-sidebar, .layout-4col__second-left-sidebar {
    clear: none;
    float: right;
    width: 25%;
    margin-right: 75%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-4col__left-sidebar, [dir="rtl"] .layout-4col__first-left-sidebar, [dir="rtl"] .layout-4col__second-left-sidebar {
    float: left;
    margin-left: 75%;
    margin-right: -100%;
  }
  .layout-4col__right-sidebar {
    clear: none;
    float: right;
    width: 25%;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-4col__right-sidebar {
    float: left;
    margin-left: 0%;
    margin-right: -100%;
  }
  .layout-4col__col-1, .layout-4col__col-x:nth-child(4n+1) {
    clear: both;
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__col-1, [dir="rtl"] .layout-4col__col-x:nth-child(4n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-4col__col-2, .layout-4col__col-x:nth-child(4n+2) {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__col-2, [dir="rtl"] .layout-4col__col-x:nth-child(4n+2) {
    float: right;
    margin-right: 25%;
    margin-left: -100%;
  }
  .layout-4col__col-3, .layout-4col__col-x:nth-child(4n+3) {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__col-3, [dir="rtl"] .layout-4col__col-x:nth-child(4n+3) {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
  .layout-4col__col-4, .layout-4col__col-x:nth-child(4n) {
    clear: none;
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-4col__col-4, [dir="rtl"] .layout-4col__col-x:nth-child(4n) {
    float: right;
    margin-right: 75%;
    margin-left: -100%;
  }
}

.layout-4col__grid-item-container {
  padding-left: 0;
  padding-right: 0;
}

.layout-4col__grid-item-container:before {
  content: "";
  display: table;
}

.layout-4col__grid-item-container:after {
  content: "";
  display: table;
  clear: both;
}

.layout-2col {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 0;
  padding-right: 0;
}

.layout-2col:before {
  content: "";
  display: table;
}

.layout-2col:after {
  content: "";
  display: table;
  clear: both;
}

.layout-2col__full, .layout-2col__left-half, .layout-2col__right-half, .layout-2col__left-content, .layout-2col__right-content, .layout-2col__left-sidebar,
.layout-2col__right-sidebar .layout-2col__col-1, .layout-2col__col-2, .layout-2col__col-x {
  clear: both;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
  margin-left: 0%;
  margin-right: -100%;
}

[dir="rtl"] .layout-2col__full, [dir="rtl"] .layout-2col__left-half, [dir="rtl"] .layout-2col__right-half, [dir="rtl"] .layout-2col__left-content, [dir="rtl"] .layout-2col__right-content, [dir="rtl"] .layout-2col__left-sidebar, [dir="rtl"]
.layout-2col__right-sidebar .layout-2col__col-1, [dir="rtl"] .layout-2col__col-2, [dir="rtl"] .layout-2col__col-x {
  float: right;
  margin-right: 0%;
  margin-left: -100%;
}

@media (min-width: 777px) {
  .layout-2col {
    margin-left: -12px;
    margin-right: -13px;
    padding-left: 0;
    padding-right: 0;
  }
  .layout-2col:before {
    content: "";
    display: table;
  }
  .layout-2col:after {
    content: "";
    display: table;
    clear: both;
  }
  [dir="rtl"] .layout-2col {
    margin-left: -13px;
    margin-right: -12px;
  }
  .layout-2col__full, .layout-2col__left-half:only-child, .layout-2col__right-half:only-child, .layout-2col__left-content, .layout-2col__right-content, .layout-2col__left-sidebar, .layout-2col__right-sidebar {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-2col__full, [dir="rtl"] .layout-2col__left-half:only-child, [dir="rtl"] .layout-2col__right-half:only-child, [dir="rtl"] .layout-2col__left-content, [dir="rtl"] .layout-2col__right-content, [dir="rtl"] .layout-2col__left-sidebar, [dir="rtl"] .layout-2col__right-sidebar {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-2col__full, [dir="rtl"] .layout-2col__left-half:only-child, [dir="rtl"] .layout-2col__right-half:only-child, [dir="rtl"] .layout-2col__left-content, [dir="rtl"] .layout-2col__right-content, [dir="rtl"] .layout-2col__left-sidebar, [dir="rtl"] .layout-2col__right-sidebar {
    padding-left: 13px;
    padding-right: 12px;
  }
  .layout-2col__left-half, .layout-2col__col-1, .layout-2col__col-x:nth-child(2n+1) {
    clear: both;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__left-half, [dir="rtl"] .layout-2col__col-1, [dir="rtl"] .layout-2col__col-x:nth-child(2n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-2col__right-half, .layout-2col__col-2, .layout-2col__col-x:nth-child(2n+2) {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__right-half, [dir="rtl"] .layout-2col__col-2, [dir="rtl"] .layout-2col__col-x:nth-child(2n+2) {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
}

@media (min-width: 999px) {
  .layout-2col__full .layout-2col__left-half:only-child, .layout-2col__right-half:only-child {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__full .layout-2col__left-half:only-child, [dir="rtl"] .layout-2col__right-half:only-child {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-2col__left-content {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__left-content {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-2col__right-content {
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__right-content {
    float: right;
    margin-right: 33.33333%;
    margin-left: -100%;
  }
  .layout-2col__left-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 66.66667%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-2col__left-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-2col__left-sidebar {
    float: left;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .layout-2col__right-sidebar {
    clear: right;
    float: right;
    width: 33.33333%;
    margin-right: 0%;
    margin-left: -100%;
  }
  [dir="rtl"] .layout-2col__right-sidebar {
    clear: left;
  }
  [dir="rtl"] .layout-2col__right-sidebar {
    float: left;
    margin-left: 0%;
    margin-right: -100%;
  }
  .layout-2col__left-half, .layout-2col__col-1, .layout-2col__col-x:nth-child(2n+1) {
    clear: both;
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__left-half, [dir="rtl"] .layout-2col__col-1, [dir="rtl"] .layout-2col__col-x:nth-child(2n+1) {
    float: right;
    margin-right: 0%;
    margin-left: -100%;
  }
  .layout-2col__right-half, .layout-2col__col-2, .layout-2col__col-x:nth-child(2n+2) {
    clear: none;
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  [dir="rtl"] .layout-2col__right-half, [dir="rtl"] .layout-2col__col-2, [dir="rtl"] .layout-2col__col-x:nth-child(2n+2) {
    float: right;
    margin-right: 50%;
    margin-left: -100%;
  }
}

.layout-2col__grid-item-container {
  padding-left: 0;
  padding-right: 0;
}

.layout-2col__grid-item-container:before {
  content: "";
  display: table;
}

.layout-2col__grid-item-container:after {
  content: "";
  display: table;
  clear: both;
}

.layout-center {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  max-width: 1165px;
}

@media (min-width: 777px) {
  .layout-center {
    padding-left: 12px;
    padding-right: 13px;
  }
  [dir="rtl"] .layout-center {
    padding-left: 13px;
    padding-right: 12px;
  }
}

.layout-center--shared-grid,
.layout-center.layout-2col,
.layout-center.layout-3col,
.layout-center.layout-4col {
  padding-left: 0;
  padding-right: 0;
}

.layout-swap {
  position: relative;
}

@media (min-width: 555px) {
  .layout-swap {
    padding-top: 0;
  }
}

@media (min-width: 555px) {
  .layout-swap__top {
    position: absolute;
    top: 0;
    height: 48px;
    width: 100%;
    z-index: -1;
  }
}

.box {
  margin-bottom: 1.5rem;
  border: 5px solid #cccccc;
  padding: 1em;
}

.box__title {
  margin: 0;
}

.box:focus, .box:hover, .box.is-focus, .box--is-focus {
  border-color: #000;
}

.box--highlight {
  border-color: #0072b9;
}

.clearfix::before,
.header::before,
.tabs::before {
  content: '';
  display: table;
}

.clearfix::after,
.header::after,
.tabs::after {
  content: '';
  display: table;
  clear: both;
}

.comment__section,
.comments {
  margin: 1.5rem 0;
}

.comment__title {
  margin: 0;
}

.comment__permalink {
  text-transform: uppercase;
  font-size: 75%;
}

.comment--preview,
.comment-preview {
  background-color: #fffadb;
}

.comment--nested,
.indented {
  margin-left: 32px;
}

[dir="rtl"] .comment--nested,
[dir="rtl"] .indented {
  margin-left: 0;
  margin-right: 32px;
}

.header {
  border-bottom: 1px solid #77797c;
  margin-bottom: 1em;
}

@media (min-width: 777px) {
  .header {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

.header__logo {
  padding: 0;
  display: block;
  text-align: center;
}

[dir="rtl"] .header__logo {
  float: right;
  margin: 0 0 0 10px;
}

@media (min-width: 500px) {
  .header__logo {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
  }
}

.header__logo-image {
  vertical-align: bottom;
}

.header__name-and-slogan {
  float: left;
}

.header__site-name {
  margin: 0;
}

.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none;
}

.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline;
}

.header__site-slogan {
  margin: 0;
}

.header__secondary-menu {
  float: right;
}

[dir="rtl"] .header__secondary-menu {
  float: left;
}

.hidden,
html.js .js-hidden,
html.js .element-hidden,
html.js .js-hide {
  display: none;
}

.highlight-mark,
.new,
.update {
  color: #c00;
  background-color: transparent;
}

.inline-links,
.inline.links {
  padding: 0;
  text-align: right;
  margin: .75em 0;
}

.inline-links__item,
.inline.links li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

[dir="rtl"] .inline-links__item,
[dir="rtl"] .inline.links li,
.inline.links [dir="rtl"] li {
  display: inline-block;
  padding: 0 0 0 1em;
}

.node-readmore a::after {
  content: '...';
}

.inline-sibling,
.field-label-inline .field-label,
span.field-label {
  display: inline;
  margin-right: 10px;
}

[dir="rtl"] .inline-sibling,
[dir="rtl"] .field-label-inline .field-label,
.field-label-inline [dir="rtl"] .field-label,
[dir="rtl"] span.field-label {
  margin-right: 0;
  margin-left: 10px;
}

.inline-sibling__child,
.inline-sibling *, .field-label-inline .field-label *, span.field-label * {
  display: inline;
}

.inline-sibling__adjacent,
.inline-sibling + *,
.inline-sibling + * > :first-child,
.inline-sibling + * > :first-child > :first-child, .field-label-inline .field-label + *, span.field-label + *, .field-label-inline .field-label + * > :first-child, span.field-label + * > :first-child, .field-label-inline .field-label + * > :first-child > :first-child, span.field-label + * > :first-child > :first-child {
  display: inline;
}

.field-label-inline .field-label,
.field-label-inline .field-items {
  float: none;
}

.messages,
.messages--status {
  margin: 1.5rem 0;
  position: relative;
  padding: 10px 10px 10px 44px;
  border: 1px solid #0072b9;
}

[dir="rtl"] .messages,
[dir="rtl"] .messages--status {
  padding: 10px 44px 10px 10px;
  background-position: 99% 8px;
}

.messages__icon {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 24px;
  width: 24px;
  margin-top: -12px;
  line-height: 1;
}

[dir="rtl"] .messages__icon {
  left: auto;
  right: 0;
}

.messages__icon path {
  fill: #0072b9;
}

.messages__highlight,
.messages--error .error,
.messages.error .error {
  color: #000;
}

.messages__list {
  margin: 0;
}

.messages__item {
  list-style-image: none;
}

.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current {
  background-color: #f6fcff;
  color: #0072b9;
}

.messages--warning-color,
.messages--warning,
.messages.warning,
.warning {
  background-color: #fffce6;
  color: #000;
}

.messages--error-color,
.messages--error,
.messages.error,
.error {
  background-color: #fff0f0;
  color: #c00;
}

.messages--warning,
.messages.warning {
  border-color: #fd0;
}

.messages--warning path, .messages.warning path {
  fill: #fd0;
}

.messages--error,
.messages.error {
  border-color: #c00;
}

.messages--error path, .messages.error path {
  fill: #c00;
}

@media print {
  .print-none,
  .toolbar,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .feed-icons {
    display: none;
  }
}

.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

.responsive-video__embed,
.responsive-video iframe,
.media-youtube-video iframe,
.media-vimeo-preview-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.responsive-video--4-3 {
  padding-bottom: 75%;
}

.visually-hidden,
.element-invisible,
.element-focusable,
.breadcrumb__title,
.main-navigation .block-menu .block__title,
.main-navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}

.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.element-focusable:active,
.element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

.watermark {
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  height: 0;
  overflow: visible;
  background-color: transparent;
  color: #eeeeee;
  font-size: 75px;
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
}

@media print {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb__list {
  margin: 0;
  padding: 0;
}

.breadcrumb__item {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.more-link,
.more-help-link {
  text-align: right;
  margin: 1em .5em;
}

[dir="rtl"] .more-link,
[dir="rtl"] .more-help-link {
  text-align: left;
}

.more-link__help-icon,
.more-help-link a {
  padding: 1px 0 1px 20px;
  background-image: url(../sass/navigation/more-link/more-link__help-icon.svg);
  background-position: 0 50%;
  background-repeat: no-repeat;
}

[dir="rtl"] .more-link__help-icon,
[dir="rtl"] .more-help-link a,
.more-help-link [dir="rtl"] a {
  padding: 1px 20px 1px 0;
  background-position: 100% 50%;
}

.nav-menu__item,
.menu__item {
  list-style: none;
}

.nav-menu__item.is-expanded, .nav-menu__item--is-expanded,
.is-expanded.menu__item,
.menu__item.is-expanded {
  list-style-image: url(../sass/navigation/nav-menu/expanded.svg);
  list-style-type: circle;
}

.nav-menu__item.is-collapsed, .nav-menu__item--is-collapsed,
.is-collapsed.menu__item,
.menu__item.is-collapsed {
  list-style-image: url(../sass/navigation/nav-menu/collapsed.svg);
  list-style-type: disc;
}

[dir="rtl"] .nav-menu__item.is-collapsed, [dir="rtl"] .nav-menu__item--is-collapsed,
[dir="rtl"] .is-collapsed.menu__item,
[dir="rtl"] .menu__item.is-collapsed {
  list-style-image: url(../sass/navigation/nav-menu/collapsed-rtl.svg);
}

.nav-menu__link.is-active, .nav-menu__link--is-active,
.menu a.active {
  display: list-item;
  list-style: square;
}

.menu--main-menu > .block-content > .menu-block-wrapper > ul,
#block-menu-block-2 > .block-content > .menu-block-wrapper > ul {
  margin-top: 0;
  padding-left: 1.5em;
}

.menu--main-menu > .block-content > .menu-block-wrapper > ul > li > ul,
#block-menu-block-2 > .block-content > .menu-block-wrapper > ul > li > ul {
  padding-left: 1em;
}

.menu--main-menu > .block-content > .menu-block-wrapper > ul > .menu__item:nth-child(-n+2) {
  border-left: 3px solid #fff;
  padding-left: 5px;
}

.menu--main-menu .menu__item,
#block-menu-block-2 .menu__item {
  margin-top: 8px;
  list-style: none;
  padding-right: .5em;
}

.menu--main-menu .menu__item .menu__item,
#block-menu-block-2 .menu__item .menu__item {
  border-bottom: 1px solid #fff;
  font-size: 90%;
}

.menu--main-menu .menu__item.is-collapsed,
#block-menu-block-2 .menu__item.is-collapsed {
  list-style-type: none;
  list-style-image: none;
}

.sidr {
  background: #77797c;
}

#sidr-0-button {
  display: block;
  position: fixed;
  top: 0;
  background: #77797c;
  height: 2em;
  font-size: 1.2em;
  line-height: 1;
  color: #fff;
  padding: .5em;
  width: 100%;
  text-shadow: 1px 1px #000;
  z-index: 999;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
}

#sidr-close-opt {
  text-align: right;
}

.sidr .sidebar-content .block {
  margin-top: 0;
}

.sidr #block-block-8 {
  display: none;
}

.sidr h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 1.5em .5em .5em;
  padding: 0;
  line-height: 1;
  background-image: none;
  box-shadow: unset;
  color: #000;
}

.sidr .menu--main-menu > .block-content > .menu-block-wrapper > ul,
.sidr #block-menu-block-2 > .block-content > .menu-block-wrapper > ul {
  padding-left: 0;
}

.sidr .menu--main-menu > .block-content > .menu-block-wrapper > ul > .menu__item:nth-child(2),
.sidr .menu--main-menu > .block-content > .menu-block-wrapper > ul > .menu__item:nth-child(3) {
  border-left: 3px solid #fff;
  padding-left: 0;
}

.sidr .menu--main-menu .menu__item,
.sidr #block-menu-block-2 .menu__item {
  margin-top: 0;
  list-style: none;
  padding-right: 0;
}

.sidr .menu--main-menu .menu__item .menu__item,
.sidr #block-menu-block-2 .menu__item .menu__item {
  border-bottom: 0;
}

.sidr .menu--main-menu .menu__item .menu__item a,
.sidr #block-menu-block-2 .menu__item .menu__item a {
  color: #fff;
}

@media (max-width: 999px) {
  .header {
    margin-top: 2.4em;
  }
}

.navbar,
.main-navigation .links,
.main-navigation .menu {
  margin: 0;
  padding: 0;
  text-align: left;
}

[dir="rtl"] .navbar,
[dir="rtl"] .main-navigation .links,
.main-navigation [dir="rtl"] .links,
[dir="rtl"]
.main-navigation .menu,
.main-navigation [dir="rtl"] .menu {
  text-align: right;
}

.navbar__item,
.navbar li, .main-navigation .links li,
.main-navigation .menu li {
  float: left;
  padding: 0 10px 0 0;
  list-style-type: none;
  list-style-image: none;
}

[dir="rtl"] .navbar__item, [dir="rtl"]
.navbar li, [dir="rtl"] .main-navigation .links li, .main-navigation [dir="rtl"] .links li, [dir="rtl"]
.main-navigation .menu li,
.main-navigation [dir="rtl"] .menu li {
  float: right;
  padding: 0 0 0 10px;
}

.pager {
  clear: both;
  padding: 0;
  text-align: center;
}

@media print {
  .pager {
    display: none;
  }
}

.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  display: inline;
  padding: 0 .5em;
  list-style-type: none;
  background-image: none;
}

.pager__current-item,
.pager-current {
  font-weight: bold;
}

.skip-link {
  display: block;
  padding: 2px 0 3px;
  text-align: center;
}

.skip-link:link, .skip-link:visited {
  background-color: #666666;
  color: #fff;
}

.skip-link__wrapper {
  margin: 0;
}

@media print {
  .skip-link__wrapper {
    display: none;
  }
}

.tabs {
  margin: 1.125rem 0 0;
  line-height: 1.875rem;
  border-bottom: 1px solid #cccccc \0/ie;
  background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
  padding: 0 2px;
  list-style: none;
  white-space: nowrap;
}

@media print {
  .tabs {
    display: none;
  }
}

.tabs__tab {
  float: left;
  margin: 0 3px;
  border: 1px solid #cccccc;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-color: transparent;
  border-bottom: 0 \0/ie;
  overflow: hidden;
  background: #dddddd;
}

[dir="rtl"] .tabs__tab {
  float: right;
}

.tabs__tab.is-active {
  border-bottom-color: #fff;
}

.tabs__tab-link {
  padding: 0 1.5rem;
  display: block;
  text-decoration: none;
  transition: color .3s, background .3s, border .3s;
  text-shadow: #fff 0 1px 0;
  color: #000;
  background: #dddddd;
  letter-spacing: 1px;
}

.tabs__tab-link:focus, .tabs__tab-link:hover {
  background: #eaeaea;
}

.tabs__tab-link:active, .tabs__tab-link.is-active, .tabs__tab-link--is-active {
  background: #fff;
  text-shadow: none;
}

.tabs--off,
.views-displays .secondary {
  margin: 0;
  border-bottom: 0;
  padding: 0;
  background-image: none;
}

.tabs--secondary {
  margin-top: 1.5rem;
  font-size: 0.875rem;
  background-image: none;
}

.tabs + .tabs--secondary {
  margin-top: 0;
  background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
}

.tabs--secondary .tabs__tab {
  margin: 0.5625rem 0.1875rem;
  border: 0;
  background: transparent;
}

[dir="rtl"] .tabs--secondary .tabs__tab {
  float: right;
}

.tabs--secondary .tabs__tab.is-active {
  border-bottom-color: transparent;
}

.tabs--secondary .tabs__tab-link {
  border: 1px solid #cccccc;
  border-radius: 24px;
  color: #666666;
  background: #f1f1f1;
  letter-spacing: normal;
}

.tabs--secondary .tabs__tab-link:focus, .tabs--secondary .tabs__tab-link:hover {
  color: #333333;
  background: #dddddd;
  border-color: #999999;
}

.tabs--secondary .tabs__tab-link:active, .tabs--secondary .tabs__tab-link.is-active, .tabs--secondary .tabs__tab-link--is-active {
  color: white;
  text-shadow: #333333 0 1px 0;
  background: #666666;
  border-color: black;
}

.autocomplete,
.form-autocomplete {
  background-image: url(../sass/forms/autocomplete/throbber-inactive.png);
  background-position: 100% center;
  background-repeat: no-repeat;
}

[dir="rtl"] .autocomplete,
[dir="rtl"] .form-autocomplete {
  background-position: 0% center;
}

.autocomplete__list-wrapper,
#autocomplete {
  border: 1px solid;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}

.autocomplete__list,
#autocomplete ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

.autocomplete__list-item,
#autocomplete li {
  background: #fff;
  color: #000;
  cursor: default;
  white-space: pre;
}

.autocomplete__list-item.is-selected, .autocomplete__list-item--is-selected,
#autocomplete li.is-selected,
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

.autocomplete.is-throbbing, .autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing {
  background-image: url(../sass/forms/autocomplete/throbber-active.gif);
}

.collapsible-fieldset,
.collapsible {
  position: relative;
  border: 0;
  padding: 0;
}

.collapsible-fieldset__legend a, .collapsible .fieldset-legend a {
  padding: .7em 1em;
  display: block;
  color: #333;
  text-shadow: 0 1px 0 #f3f3f3;
  white-space: nowrap;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-color: #ccc;
  border-top-left-radius: .25em;
  border-top-right-radius: .25em;
  background-color: #f6f6f6;
  background-image: url(../sass/forms/collapsible-fieldset/expanded.svg);
  background-position: 4px 50%;
  background-repeat: no-repeat;
}

.collapsible-fieldset__legend a:hover,
.collapsible-fieldset__legend a:focus, .collapsible .fieldset-legend a:hover, .collapsible .fieldset-legend a:focus {
  background-color: #ededed;
  text-decoration: none;
}

.collapsible-fieldset__summary,
.collapsible .fieldset-legend .summary {
  color: #999999;
  font-size: .9em;
}

.collapsible-fieldset__wrapper,
.collapsible .fieldset-wrapper {
  background: #fff;
  padding: .75em;
  border: 1px solid #ccc;
  border-bottom-left-radius: .5em;
  border-bottom-right-radius: .5em;
  z-index: 9;
}

.collapsible-fieldset.is-collapsed, .collapsible-fieldset--is-collapsed,
.is-collapsed.collapsible,
.collapsible.collapsed {
  display: initial;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper, .collapsible-fieldset--is-collapsed__wrapper, .is-collapsed.collapsible .collapsible-fieldset__wrapper,
.collapsible.collapsed .fieldset-wrapper,
.collapsible-fieldset.is-collapsed .collapsible .fieldset-wrapper,
.collapsible .collapsible-fieldset.is-collapsed .fieldset-wrapper,
.is-collapsed.collapsible .fieldset-wrapper {
  display: none;
}

.collapsible-fieldset.is-collapsed .collapsible-fieldset__legend a,
.collapsible-fieldset--is-collapsed__legend a, .is-collapsed.collapsible .collapsible-fieldset__legend a, .collapsible.collapsed .fieldset-legend a, .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend a, .collapsible .collapsible-fieldset.is-collapsed .fieldset-legend a, .is-collapsed.collapsible .fieldset-legend a {
  background-image: url(../sass/forms/collapsible-fieldset/collapsed.svg);
  background-position: 4px 50%;
  border: 1px solid #ccc;
  border-radius: .25em;
}

[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend a, [dir="rtl"]
.collapsible-fieldset--is-collapsed__legend a, [dir="rtl"] .is-collapsed.collapsible .collapsible-fieldset__legend a, [dir="rtl"] .collapsible.collapsed .fieldset-legend a, .collapsible.collapsed [dir="rtl"] .fieldset-legend a, [dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend a, .collapsible [dir="rtl"] .collapsible-fieldset.is-collapsed .fieldset-legend a, [dir="rtl"] .is-collapsed.collapsible .fieldset-legend a {
  background-image: url(../sass/forms/collapsible-fieldset/collapsed-rtl.svg);
  background-position: right 4px top 50%;
}

.form-item {
  margin: 1.5rem 0;
}

.form-item__required,
.form-required {
  color: #c00;
}

.form-item__description,
.form-item .description {
  font-size: 0.875rem;
}

.form-item--inline div,
.form-item--inline label, .container-inline .form-item div, .container-inline .form-item label {
  display: inline;
}

.form-item--inline__exception,
.container-inline .fieldset-wrapper {
  display: block;
}

.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item {
  margin: 0;
}

.form-item--radio .form-item__label, .form-item--radio__label, .form-type-radio .form-item__label,
.form-type-checkbox .form-item__label,
label.option {
  display: inline;
  font-weight: normal;
}

.form-item--radio .form-item__description, .form-item--radio__description, .form-type-radio .form-item__description,
.form-type-checkbox .form-item__description,
.form-type-radio .description,
.form-type-checkbox .description,
.form-item--radio .form-item .description,
.form-item .form-item--radio .description,
.form-type-radio .form-item .description,
.form-item .form-type-radio .description,
.form-type-checkbox .form-item .description,
.form-item
.form-type-checkbox .description {
  margin-left: 1.4em;
}

.form-item.is-error .form-item__widget, .form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-table__sticky-header,
.sticky-header {
  position: fixed;
  visibility: hidden;
  margin-top: 0;
  background-color: #fff;
}

.form-table__sticky-header.is-sticky, .form-table__sticky-header--is-sticky,
.is-sticky.sticky-header {
  visibility: visible;
}

.form-table__header,
.form-table th,
form table th {
  border-bottom: 3px solid #cccccc;
  padding-right: 1em;
  text-align: left;
}

[dir="rtl"] .form-table__header,
[dir="rtl"] .form-table th,
.form-table [dir="rtl"] th,
[dir="rtl"] form table th,
form table [dir="rtl"] th {
  text-align: right;
  padding-left: 1em;
  padding-right: 0;
}

.form-table__body,
.form-table tbody,
form table tbody {
  border-top: 1px solid #cccccc;
}

.form-table__row,
.form-table tbody tr,
form table tbody tr {
  padding: .1em .6em;
  border-bottom: 1px solid #cccccc;
  background-color: #eeeeee;
}

.form-table__row:nth-child(even),
.form-table tbody tr:nth-child(even),
form table tbody tr:nth-child(even) {
  background-color: #fff;
}

.form-table__row.is-active, .form-table__row--is-active,
.form-table tbody tr.is-active,
form table tbody tr.is-active,
td.active {
  background-color: #dddddd;
}

.form-table__row.is-disabled, .form-table__row--is-disabled,
.form-table tbody tr.is-disabled,
form table tbody tr.is-disabled,
td.menu-disabled {
  background: #cccccc;
}

.form-table__row.is-selected, .form-table__row--is-selected,
.form-table tbody tr.is-selected,
form table tbody tr.is-selected,
tr.selected td {
  background: #fffdf0;
}

.form-table__list,
.form-table ul,
form table ul {
  margin: 0;
}

.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox {
  width: -moz-min-content;
  width: -webkit-min-content;
  text-align: center;
}

.progress-bar,
.progress {
  font-weight: bold;
}

.progress-bar__bar,
.progress .bar {
  border-radius: 3px;
  margin: 0 .2em;
  border: 1px solid #666666;
  background-color: #cccccc;
}

.progress-bar__fill,
.progress .filled {
  height: 1.5em;
  width: 5px;
  background: #0072b9 url(../sass/forms/progress-bar/progress-bar.gif) repeat 0 0;
}

.progress-bar__percentage,
.progress .percentage {
  float: right;
}

[dir="rtl"] .progress-bar__percentage,
[dir="rtl"] .progress .percentage,
.progress [dir="rtl"] .percentage {
  float: left;
}

.progress-bar--inline,
.ajax-progress-bar {
  width: 16em;
  display: inline-block;
}

[dir="rtl"] .progress-bar--inline,
[dir="rtl"] .ajax-progress-bar {
  float: right;
}

.progress-throbber,
.ajax-progress {
  display: inline-block;
}

[dir="rtl"] .progress-throbber,
[dir="rtl"] .ajax-progress {
  float: right;
}

.progress-throbber__widget,
.ajax-progress .throbber {
  background: url(../sass/forms/progress-throbber/progress-throbber.gif) no-repeat 0 -18px transparent;
  float: left;
  height: 15px;
  margin: 2px;
  width: 15px;
}

[dir="rtl"] .progress-throbber__widget,
[dir="rtl"] .ajax-progress .throbber,
.ajax-progress [dir="rtl"] .throbber {
  float: right;
}

.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber {
  margin: 0 2px;
}

.progress-throbber__message,
.ajax-progress .message {
  padding-left: 20px;
}

.resizable-textarea,
.resizable-textarea textarea {
  width: 100%;
  vertical-align: bottom;
}

.resizable-textarea__grippie,
.resizable-textarea .grippie {
  background: url(../sass/forms/resizable-textarea/grippie.png) no-repeat center 2px #eeeeee;
  border: 1px solid #cccccc;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

.table-drag__wrapper,
body.drag {
  cursor: move;
}

.table-drag__item,
tr.drag {
  background-color: #fffadb;
}

.table-drag__item-previous,
tr.drag-previous {
  background-color: #fff7c2;
}

.table-drag__handle,
.tabledrag-handle {
  cursor: move;
  float: left;
  height: 1.7em;
  margin-left: -1em;
  overflow: hidden;
  text-decoration: none;
  font-size: 12px;
}

[dir="rtl"] .table-drag__handle,
[dir="rtl"] .tabledrag-handle {
  float: right;
  margin-right: -1em;
  margin-left: 0;
}

.table-drag__handle:focus, .table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover {
  text-decoration: none;
}

.table-drag__handle-icon,
.tabledrag-handle .handle {
  box-sizing: content-box;
  background: url(../sass/forms/table-drag/handle-icon.png) no-repeat 6px 9px;
  height: 13px;
  margin: -.4em .5em;
  padding: .42em .5em;
  width: 13px;
}

.table-drag__handle.is-hover .table-drag__handle-icon, .table-drag__handle-icon--is-hover, .is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle,
.table-drag__handle.is-hover .tabledrag-handle .handle,
.tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle {
  background-position: 6px -11px;
}

.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper {
  text-align: right;
}

[dir="rtl"] .table-drag__toggle-weight-wrapper,
[dir="rtl"] .tabledrag-toggle-weight-wrapper {
  text-align: left;
}

.table-drag__toggle-weight,
.tabledrag-toggle-weight {
  font-size: .9em;
}

.table-drag__indentation,
.indentation {
  float: left;
  height: 1.7em;
  margin: -.4em .2em -.4em -.4em;
  padding: .42em 0 .42em .6em;
  width: 20px;
}

[dir="rtl"] .table-drag__indentation,
[dir="rtl"] .indentation {
  float: right;
  margin: -.4em -.4em -.4em .2em;
  padding: .42em .6em .42em 0;
}

.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child {
  background: url(../sass/forms/table-drag/tree-child.png) no-repeat 11px center;
}

[dir="rtl"] .table-drag__tree-child,
[dir="rtl"] .table-drag__tree-child-last,
[dir="rtl"] .tree-child-last,
[dir="rtl"] .table-drag__tree-child-horizontal,
[dir="rtl"] .tree-child-horizontal,
[dir="rtl"] .tree-child {
  background-position: -65px center;
}

.table-drag__tree-child-last,
.tree-child-last {
  background-image: url(../sass/forms/table-drag/tree-child-last.png);
}

.table-drag__tree-child-horizontal,
.tree-child-horizontal {
  background-position: -11px center;
}