/*.not-logged-in .messages--error {
    display: none;
}*/

.node-event.view-mode-full .field-name-field-file-image-alt-text {
    display:none;
}

@media (min-width: 500px) and (max-width: 777px) {
    .header .search-box {
        margin-bottom: 1em;
    }
}

@media (min-width: 777px) {
    .hide-on-desktop {
        display: none;
    }  
}

/* fixes 2-column */
@media (max-width: 666px) {
    .l-cols--50-50 > .l-col, .l-cols--25-50-25 > .l-col--center {
        -webkit-box-flex: 1;
        flex: 1 1 100%;
    }
}

.ui-tabs a {
    color: #0072b9;
}

.ui-tabs a:visited {
    color: #951b98;
}

.action-button .field-content a:visited, .action-button .button-content a:visited, .paragraph--type--action-button .field__item a:visited {
    color: #fff;
}

.c-impact-details {
    z-index: 998;
}

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

.view-id-flexslider.view-display-id-block {
    padding-bottom: 2.5em;
}

.field-name-field-media-caption h3 {
    line-height: 1.3;
}

.--staff-only {
    display: none;
}

.logged-in .--staff-only {
    display: block;
}

.node-madreads-post.view-mode-full .field-name-field-book-illustrator::before,
.node-madreads-post.node-teaser .field-name-field-book-illustrator::before {
    content: "| illustrated by ";
}

.node-madreads-post.view-mode-full .field-name-field-book-illustrator,
.node-madreads-post.view-mode-full .field-name-field-book-illustrator div,
.node-madreads-post.node-teaser .field-name-field-book-illustrator,
.node-madreads-post.node-teaser .field-name-field-book-illustrator div {
    display: inline;
}

.webform-client-form-1236016 .form-item-submitted-type-request-type:first-of-type label::after {
    content: "- Choose from a set of basic options and our librarians will pick an assortment from what’s currently available at your pickup location. You’ll get more items, but your selections will be less personalized, similar to a CSA box where you might get some things you wouldn't have chosen for yourself. Think of it as a way to expand your reading horizons!";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-type-request-type:last-of-type label::after {
    content: "- A more open-ended option that allows you to make more specialized requests. You’ll get fewer items, but they can be more customized to your specific taste.";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-child-cat-easyreader label::after {
    content: "- Books for kids just starting to read on their own";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-child-cat-youngfiction label::after {
    content: "- Shorter books around or under 200 pages";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-child-cat-chapter label::after {
    content: "- Fiction for intermediate readers";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-child-cat-kidsdvds label::after {
    content: "- A selection of family features, cartoons and other kid-friendly DVDs";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-adult-cat-tgtm label::after {
    content: "- A selection of titles--fiction and non-fiction-- from our curated Too Good Too Miss Collection.";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-adult-cat-best label::after {
    content: "- Currently popular titles from our walk-in bestseller collection. (Subject to availability.)";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.webform-client-form-1236016 .form-item-submitted-grab-bag-options-family-member-1-grab-adult-cat-narrative label::after {
    content: "- You might get essays, history, memoirs, biography, or general interest non-fiction";
    font-size: 90%;
    font-style: italic;
    display: block;
    margin-left: 2em;
}

.no-margin-top {
    margin-top: 0;
}

.section-weread main > h1,
.section-leemos main > h1 {
    display: none;
}

/* Language switcher */
.language-switcher-locale-url {
    list-style: none;
    display: flex;
    margin: 0;
    justify-content: flex-end;
    padding: 0;
}

.language-switcher-locale-url > li {
    margin: .15em .5em;
    background: #0f5366;
    border: 4px solid white;
}

.language-switcher-locale-url > li.active {
    border-color: #24C6F2;
}

.language-switcher-locale-url > li > a {
    padding: .15em .5em;
    color: white;
    display: block;
}

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

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

.--clear-both {
    clear: both;
}

.node-event.view-mode-full .field-name-field-access-instructions a,
.node-event.node-teaser .field-name-field-access-instructions a,
.node-event.node-teaser .field-name-field-desc-and-online-logistics a,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics a {
    break-word: break-all;
    overflow-wrap: anywhere;
}

@media (min-width: 359px) and (max-width: 559px) {
    .node-type-social-landing-page .c-card-set > div > .c-card {
        -webkit-box-flex: 0;
        flex: 0 0 47%;
        margin: 1%;
    }
    
    .node-type-social-landing-page .paragraphs-items .para-content {
        padding: 0;
    }
        
    .node-type-social-landing-page .paragraphs-item-card-set .paragraphs-item-card, .c-card-set > div > .c-card {
        padding: .25rem .25rem .5rem;
    }

    .node-type-social-landing-page .paragraphs-item-card-set .field-name-field-media-image {
        margin: .25rem;
    }

    .node-type-social-landing-page .c-card-set > div > .c-card > .content .c-card__text {
        padding-left: .25rem;
    }
    
    .node-type-social-landing-page .paragraphs-item-card-set h3.section-title {
        font-size: 100%;
    }
    
    .node-type-social-landing-page .paragraphs-item-card-set .field-name-field-short-description {
        font-size: 90%;
    }
    
    .node-type-social-landing-page .view-mode-glance .field-name-field-media-image {
        float: right;
        margin: 0 1em;
    }
}

.c-doc-thumbs > div > div > .field-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.c-doc-thumbs > div > div > .field-items > .field-item {
    flex: 0 0 calc(25% - 2rem);
    margin: .5rem;
    padding: .5rem;
    text-align: center;
}

.c-doc-thumbs .para-media-link {
    padding: 1rem .5rem .25rem;
}

.c-doc-thumbs .thumbnail-title {
    padding: .75rem .5rem;
}

.c-para-region--bordered-block .paragraphs-item-slideshow {
    padding: .5em 0;
}

.--header-bg .paragraphs-item-slideshow {
    padding-bottom: .5em;
}

.flexslider {
  margin: 0;
}

.flexslider ul li {
  margin: 0;
}

.paragraphs-item-slideshow .flex-control-nav {
  bottom: 0;
  z-index: 999;
}

.paragraphs-item-slideshow .flex-pauseplay a {
  bottom: 10px;
  right: 10px;
}

.c-card-set.--left-header h3.section-title {
    text-align: left;
}

.c-card-set.--center-header h3.section-title {
    text-align: center;
}

.c-card-set.--right-header h3.section-title {
    text-align: right;
}

.c-card-set.--text-block > div > .c-card {
    padding: 0;
}

.c-card-set.--text-block.--gray > div > .c-card .section-title {
    background: #77797c;
    margin: 0;
    padding: 1rem .5rem;
    color: white;
    text-shadow: 1px 1px 3px #000;
    line-height: 1.3;
}

.c-card-set.--text-block.--blue > div > .c-card .section-title {
    background: #1c6677;
}

.c-card-set.--text-block.--green > div > .c-card .section-title {
    background: #71a442;
}

.c-card-set.--text-block.--purple > div > .c-card .section-title {
    background: #782c54;
}

.c-card-set.--text-block.--orange > div > .c-card .section-title {
    background: #d25d28;
}

.add-border-1-ccc {
    border: 1px solid #ccc;
}

.hide-for-non-admin {
    display: none;
}

.logged-in.admin-menu .hide-for-non-admin {
    display: initial;
}

.header-bulleted-list h3 {
    margin: .5rem 0 0;
}

.header-bulleted-list ul {
    margin: .5rem;
}

.webform-submit {
    background: palegreen;
}

.c-button--green.action-button .button-content {
  background-color: #71a442;
  border-color: #4E8120;
}

.c-button--green.action-button .button-content:hover,
.c-button--green.action-button .button-content:focus {
  background-color: #9BC972;
}

.c-button--green.action-button .button-content:active {
  background-color: #4E8120;
  border: #2E5A07;
}

.c-button--blue.action-button .button-content {
  background-color: #1c6677;
  border-color: #0E5161;
}

.c-button--blue.action-button .button-content:hover,
.c-button--blue.action-button .button-content:focus {
  background-color: #337787;
}

.c-button--blue.action-button .button-content:active {
  background-color: #0E5161;
  border: #023A47;
}

.c-button--gray.action-button .button-content {
  background-color: #77797c;
  border-color: #5C5F63;
}

.c-button--gray.action-button .button-content:hover,
.c-button--gray.action-button .button-content:focus {
  background-color: #959799;
}

.c-button--gray.action-button .button-content:active {
  background-color: #5C5F63;
  border: #404449;
}

.c-button--purple.action-button .button-content {
  background-color: #782c54;
  border-color: #5E163C;
}

.c-button--purple.action-button .button-content:hover,
.c-button--purple.action-button .button-content:focus {
  background-color: #93476F;
}

.c-button--purple.action-button .button-content:active {
  background-color: #5E163C;
  border: #3E0422;
}

.c-button--orange.action-button .button-content {
  background-color: #d25d29;
  border-color: #A84214;
}

.c-button--orange.action-button .button-content:hover,
.c-button--orange.action-button .button-content:focus {
  background-color: #E47F51;
}

.c-button--orange.action-button .button-content:active {
  background-color: #A84214;
  border: #812800;
}

.c-button--green.action-button .button-content a,
.c-button--gray.action-button .button-content a,
.c-button--orange.action-button .button-content a {
  color: black;
  text-shadow: none;
}

.custom-flex.flex-parent,
.c-flex-parent.--custom-flex {
    display: flex;
    flex-flow: row wrap;
}

.custom-flex .flex-child,
.c-flex-parent.--custom-flex .c-flex-child {
    margin: .5rem;
    min-width: 16em;
}

.custom-flex .flex-child__header,
.c-flex-parent.--custom-flex .c-flex-child__header,
.paragraphs-item-card-text h3.section-title {
    margin: 0;
    padding: 1rem .5rem;
}

.custom-flex .flex-child__text,
.c-flex-parent.--custom-flex .c-flex-child__text,
.paragraphs-item-card-text .c-card__text {
    padding: .25rem .5rem;
}

.custom-flex .flex-child.mpl-block,
.c-flex-parent.--custom-flex .c-flex-child.mpl-block,
.c-flex-parent.--custom-flex .c-flex-child.--mpl-block {
    margin: .5rem;
    border: 1px solid #ccc;
    background: #fff;
}

.custom-flex .flex-child.--gray .flex-child__header,
.c-flex-parent.--custom-flex .c-flex-child.--gray .c-flex-child__header,
.paragraphs-item-card-text .section-title {
    background: #77797c;
    margin: 0;
    padding: .25rem .5rem;
    color: white;
    text-shadow: 1px 1px 3px #000;
}

.node-type-social-landing-page .layout-4col__full {
    padding: 0;
}

.node-type-social-landing-page .layout-center > header,
.node-type-social-landing-page .layout-4col__full > h1 {
    display: none;
}

.--standard-flex {
    display: flex;
    flex-flow: row wrap;
}

.--standard-flex.--center {
    justify-content: center;
}

.c-header--inside-flex > .inside,
.c-flex-header {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
    text-align: center;
}

.c-header--inside-flex > .inside{
    flex-grow: 1;
}

.c-menu--flex ul {
    display: flex;
    flex-flow: column nowrap;
}

.c-menu--flex ul > li > a {
    padding: .5em;
}

.c-menu--flex .sf-accordion-toggle a {
    display: block;
    width: 100%;
    background: #ccc;
    padding: .5em;
    font-weight: 500;
}

.c-menu--flex .sf-accordion.sf-expanded {
    background: #ddd;
}

.c-menu--flex .sf-accordion.sf-expanded > li > a {
    padding: .5em;
    border: 1px solid;
    margin: .5em 1em;
    background: #fff;
}

.c-hero--half > .c-hero__content {
    display: flex;
    flex-flow: column;
}

.c-hero--half > .c-hero__content > .c-hero__text {
    padding: 2rem;
    font-size: 90%;
}

.c-para-region.--remove-spacing,
.c-para-region.--remove-spacing > .c-para-region__content {
    margin: 0;
    padding: 0;
}

.c-media--bg {
    background-size: cover;
    background-position: top;
}

@media (min-width: 559px) {
    .c-hero--half > .c-hero__content {
        flex-flow: row;
        max-width: 2000px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .c-hero--half > .c-hero__content > div {
        flex: 0 0 50%;
    }
    
    .c-hero--half.--image-left > .c-hero__content > .c-media {
        order: 0;
    }
    
    .c-hero--half.--image-right > .c-hero__content > .c-media {
        order: 1;
    }
    
    .custom-flex.--two-wide .flex-child,
    .c-flex-parent.--custom-flex.--two-wide .c-flex-child {
        flex: 1 1 calc(50% - 1rem);
    }
    
    .custom-flex.--three-wide .flex-child,
    .c-flex-parent.--custom-flex.--three-wide .c-flex-child {
        flex: 1 1 calc(33.33% - 1rem);
    }
}

.c-para-toc {
    background: #efefef;
    border: 0;
    padding-bottom: .5rem;
}

.c-para-toc .field-name-field-links > .field-items {
    padding-left: 1.25rem;
}

.c-para-toc .field-name-field-links > .field-items > .field-item {
    display: list-item;
    margin: .5rem 0;
    line-height: 1.3;
}

.c-para-region .paragraphs-item-audio-slice > .content {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.c-para-region .paragraphs-item-audio-slice > .content > .field {
    flex: 1 1 100%;
}
    
.c-para-region .paragraphs-item-audio-slice > .content > .field-name-field-media-audio {
    text-align: center;
    margin: 1em;
}

.c-para-region .paragraphs-item-audio-slice > .content > .field-name-field-media-image {
    text-align: center;
}

.c-para-region .paragraphs-item-audio-slice > .content > .field-name-field-media-audio audio {
    background: #77797c;
    padding: 3px;
    border-radius: 2em;
    width: 500px;
    max-width: 100%;
}

@media (min-width: 667px) {
    .c-para-toc {
        float: right;
        max-width: 33%;
    }
}

@media (min-width: 768px) {
    .c-hero--half > .c-hero__content > .c-hero__text {
        font-size: 100%;
    }    
    
    .c-para-region .paragraphs-item-audio-slice > .content > .field-name-field-medium-description {
        flex-basis: calc(50% - .5em);
        padding: .5em .25em .5em 0;
        margin: .5em .25em .5em 0;
    }
    
    .c-para-region .paragraphs-item-audio-slice > .content > .field-name-field-media-image {
        order: 2;
        flex-basis: calc(50% - .5em);
        padding: .5em 0 .5em .25em;
        margin: .5em 0 .5em .25em;
    }
}

.--lightblue-bg.--header-bg, 
.--lightgray-bg.--header-bg, 
.--lightgreen-bg.--header-bg, 
.--lightorange-bg.--header-bg, 
.--lightpurple-bg.--header-bg,
.--lightblue-bg.--separating-border, 
.--lightgray-bg.--separating-border, 
.--lightgreen-bg.--separating-border, 
.--lightorange-bg.--separating-border, 
.--lightpurple-bg.--separating-border {
    padding-bottom: 2em;
}

.--lightblue-bg .c-card, .--lightgray-bg .c-card, .--lightgreen-bg .c-card, .--lightorange-bg .c-card, .--lightpurple-bg .c-card,
.--blue-bg .c-card, .--gray-bg .c-card, .--green-bg .c-card, .--orange-bg .c-card, .--purple-bg .c-card,
.--lf-red-bg .c-card, .--lf-indigo-bg .c-card, .--lf-orange-bg .c-card, .--lf-rose-bg .c-card,
.--lf-lightred-bg .c-card, .--lf-lightindigo-bg .c-card, .--lf-lightorange-bg .c-card, .--lf-lightrose-bg .c-card {
    background: white;
}

.--lightblue-bg.--separating-border {
    border-top: 3em solid #1c6677;
}

.--lightgray-bg.--separating-border {
    border-top: 3em solid #77797c;
}

.--lightgray-border {
    border: 1px solid #ddd;
}

.--lightgreen-bg.--separating-border {
    border-top: 3em solid #71a442;
}

.--lightorange-bg.--separating-border {
    border-top: 3em solid #d25d29;
}

.--lightpurple-bg.--separating-border {
    border-top: 3em solid #782c54;
}

.--white-bg.--separating-border {
    border-top: 3em solid #efefef;
}

.--bg-content-padding .c-para-region__content,
.--bg-content-padding .pane-content {
    padding: .5em;
}

.--header-bg .c-header h2,
.panel-pane.--header-bg h2.pane-title {
    background: #77797c;
    color: white;
    padding: 1.5em 1em;
    margin: 0;
    text-shadow: 1px 1px 3px black;
    /*text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;*/
}

.--lightgreen-bg.--header-bg .c-header h2,
.panel-pane.--lightgreen-bg.--header-bg h2.pane-title {
    background-color: #71a442;
}

.--lightgray-bg.--header-bg .c-header h2,
.panel-pane.--lightgray-bg.--header-bg h2.pane-title {
    background-color: #77797c;
}

.--lightblue-bg.--header-bg .c-header h2,
.panel-pane.--lightblue-bg.--header-bg h2.pane-title {
    background-color: #1c6677;
}

.--lightpurple-bg.--header-bg .c-header h2,
.panel-pane.--lightpurple-bg.--header-bg h2.pane-title {
    background-color: #782c54;
}

.--lightorange-bg.--header-bg .c-header h2,
.panel-pane.--lightorange-bg.--header-bg h2.pane-title {
    background-color: #d25d29;
}

.--lf-indigo-bg {
    background-color: #5700FF;
}

.--lf-orange-bg {
    background-color: #FFB400;
}

.--lf-red-bg {
    background-color: #FE0000;
}

.--lf-rose-bg {
    background-color: #FF7BC6;
}

.--lf-lightindigo-bg {
    background-color: #D3BDFF;
}

.--lf-lightorange-bg {
    background-color: #FFEBBB;
}

.--lf-lightred-bg {
    background-color: #FFBBBB;
}

.--lf-lightrose-bg {
    background-color: #FFF2F9;
}

.--lf-lightindigo-bg.--separating-border {
    border-top: 3em solid #5700FF;
}

.--lf-lightorange-bg.--separating-border {
    border-top: 3em solid #FFB400;
}

.--lf-lightred-bg.--separating-border {
    border-top: 3em solid #FE0000;
}

.--lf-lightrose-bg.--separating-border {
    border-top: 3em solid #FF7BC6;
}

div .panels-flexible-23 .panels-flexible-row {
    padding: 0;
}

.section-look-forward footer {
    background-color: #5700FF;
    color: white;
    border-bottom: 2.5em solid #4c4d4f;
    margin: 0;
    padding: 1em 0 0;
    border-radius: 0;
}

.page-node-1235776 .lf-page-title.--hide-on-front {
    display: none;
}

.section-look-forward .pane-node-title .pane-title {
    display: none;
}

.lf-page-title {
    text-align: center;
}

@media (min-width: 500px) {
    .c-header--inside-flex > .inside,
    .c-flex-header {
        flex-flow: row nowrap;
    }
    
    .c-menu--flex ul {
        flex-flow: row wrap;
        justify-content: flex-end;
}
}

.c-para-region--standard.--readable > .c-para-region__header,
.c-para-region--standard.--readable > .c-para-region__content,
.c-para-region--standard.--readable > .c-column-set_header,
.c-para-region--standard.--readable > .c-column-set_content,
.panel-pane.--readable > .pane-title,
.panel-pane.--readable > .pane-content  {
    max-width: 55rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: .5rem;
    padding-right: .5rem;
}

.c-para-region--standard.--slim > .c-para-region__header,
.c-para-region--standard.--slim > .c-para-region__content,
.c-para-region--standard.--slim > .c-column-set_header,
.c-para-region--standard.--slim > .c-column-set_content,
.panel-pane.--slim > .pane-title,
.panel-pane.--slim > .pane-content {
    max-width: 70rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: .5rem;
    padding-right: .5rem;
}

.field-name-field-access-instructions p:first-of-type {
    margin-top: 0;
}

.node-resource .db-avail-mpl-free-account {
    background: url(/sites/www.madisonpubliclibrary.org/themes/zen_madpl/css/images/database_availability/login.png);
}

.view-id-calendar_events .view-item-calendar_events .views-field-field-library-1 > .field-content {
    display: flex;
}

.view-id-calendar_events .view-item-calendar_events .views-field-field-library-1 > .field-content > span {
    flex: 1 1 10%;
}

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

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

.c-para-region--pittsburgh a,
.node-event.view-mode-full .field-name-field-access-instructions a,
.node-event.node-teaser .field-name-field-access-instructions a,
.node-event.node-teaser .field-name-field-desc-and-online-logistics a,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics a {
    color: #0000ee;
}

.node-event.view-mode-full .field-name-field-access-instructions,
.node-event.node-teaser .field-name-field-access-instructions,
.node-event.node-teaser .field-name-field-desc-and-online-logistics,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics {
    background: #BADBE2;
    padding: 1px 1em 1px;
    margin: 1em;
}

.node-event.view-mode-full .field-name-field-access-instructions .field--label,
.node-event.node-teaser .field-name-field-access-instructions .field--label,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics .field--label,
.node-event.node-teaser .field-name-field-desc-and-online-logistics .field--label {
    font-weight: 700;
    margin: .5em 0;
}

.node-event.view-mode-full .field-name-field-access-instructions .field--item,
.node-event.node-teaser .field-name-field-access-instructions .field--item,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics .field--item,
.node-event.node-teaser .field-name-field-desc-and-online-logistics .field--item {
    margin-left: .5em;
}

.node-event.view-mode-full .field-name-field-access-instructions .field--name-field-access-instructions p:first-of-type,
.node-event.node-teaser .field-name-field-access-instructions .field--name-field-access-instructions p:first-of-type,
.node-event.view-mode-full .field-name-field-desc-and-online-logistics .field--name-field-access-instructions p:first-of-type,
.node-event.node-teaser .field-name-field-desc-and-online-logistics .field--name-field-access-instructions p:first-of-type {
    margin-top: 0;
}

.node-event.view-mode-full .field-name-field-signup-start .field-item::before,
.node-event.node-teaser .field-name-field-signup-start .field-item::before {
    content: "Registration Open: ";
    font-style: italic;
}

.node-event.view-mode-full .field-name-field-signup-end .field-item::before,
.node-event.node-teaser .field-name-field-signup-end .field-item::before {
    content: "Registration Close: ";
    font-style: italic;
}

.node-event.view-mode-full .field-name-field-library .field-item:nth-child(n+2),
.node-event.node-teaser .field-name-field-library .field-item:nth-child(n+2) {
    display: none;
}

.view .remove-1st-p-spacing p:first-of-type {
    margin-top: .25em;
}

.flex-group-3-new {
    display: flex;
}

.flex-group-3-new__item {
    flex: 1 1 calc(33% - 1em);
    margin: .5em;
}

.webform-client-form-1233603 .webform-component--address {
    display: none;
}

.c-impact-nav__menu .region-subheader .block-views .more-link, .c-at-home-nav__menu .region-subheader .block-views .more-link {
    font-style: italic;
}

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

.announcement-blue h2 {
    margin: 0;
}

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

.announcement-blue a:hover,
.announcement-blue a:focus,
.announcement-purple a:hover,
.announcement-purple a:focus {
    color: #94d3fc;
}

.title--status-canceled::before {
    content: "[CANCELED] ";
    color: maroon;
}

.event-status-canceled::before {
    content: "This event has been canceled.";
    font-size: 1.2em;
    font-weight: 700;
    margin: 1em 0;
}

.node-database .db-avail-limited,
.node-database-view .db-avail-limited {
    background: url(https://www.madisonpubliclibrary.org/sites/all/themes/zen_madpl/css/images/database_availability/no_access.png);
}

.node-database .db-avail-subscribed-login,
.node-database-view .db-avail-subscribed-login {
    background: url(https://www.madisonpubliclibrary.org/sites/all/themes/zen_madpl/css/images/database_availability/login.png);
}

.node-resource .field-name-field-library::before {
    content: "Available at:";
    font-weight: 600;
}

.color-red {
    color: crimson;
}

p a {
    text-decoration: underline;
}

.button-set .action-button {
    display: inline-block;
}

.cell-min-10 {
    min-width: 10em;
}

.cell-min-15 {
    min-width: 15em;
}

.cell-min-20 {
    min-width: 20em;
}

.cell-min-25 {
    min-width: 25em;
}

.cell-min-30 {
    min-width: 30em;
}

.c-para-region {
    margin-bottom: .5em;
}

.add-mpl-fleuron .views-row {
    overflow: auto;
}

.view-id-content_check_it_out.--slim .view-content,
.view-id-calendar_events3.--slim .view-content {
    margin-left: .5em;
}

.view-id-content_check_it_out.--slim header h3,
.view-id-calendar_events3.--slim .views-field-title h3 {
    line-height: 1.3;
}

.view-id-content_check_it_out.--slim .views-row-first header h3,
.view-id-calendar_events3.--slim .views-row-first .views-field-title h3 {
    margin-top: 0;
}

.view-id-content_check_it_out.--slim .field-name-body {
    line-height: 1.4;
}

@media (min-width: 666px) {
    .add-mpl-fleuron.card-layout .views-row:not(.views-row-last) {
        background-image: initial;
    }
}

.view-mode-database_sponsor {
    margin-top: 1em;
    background: #efefef;
    padding: 1em;
}


@media (max-width: 666px) {
    .c-header {
        clear: both;
        margin-top: 3em;
    }
    
    .c-para-region--bordered-block .c-header,
    .c-para-region--standard.--header-bg .c-header {
        margin-top: 0;
    }
    
    .table-row-collapse table thead {
        display: none;
    }

    .table-row-collapse  table td {
        display: block;
        text-align: left;
    }

    .table-row-collapse table tr:nth-child(even) {
        background: #ddd;
    }

    .table-row-collapse table td {
        border: 3px solid #efefef;
        margin: 5px;
        empty-cells: hide;
    }
    
    .table-row-collapse table td:empty {
        display: none;
    }
}

.category-tag li {
    display: inline-block;
    border: 1px solid #ccc;
    background: #efefef;
    padding: .25em;
}

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

.c-para-region:not(.c-para-region--bordered-block) .c-header:not(.c-header--arrow) h2 {
    margin-bottom: .5rem;
}

.c-para-region--bordered-block .paragraphs-item-view {
    padding-bottom: 1.5em;
}

.c-para-region--pittsburgh {
    background: #BADAE2;
    padding: 1px 1em 1em;
    margin: 1em;
}

.c-para-region--pittsburgh .views-exposed-form {
    background: none;
}

.c-para-region--pittsburgh .views-exposed-form .views-exposed-widget,
.l-resources-page .themed-filters .views-exposed-form .views-exposed-widget {
    padding-left: .5em;
    padding-right: .5em;
}

.view-paragraphs-book-blurbs .feed-icon > a:nth-child(1)::before {
    content: "Use this link for books ";
}

.view-paragraphs-book-blurbs .feed-icon > a:nth-child(2)::before {
    content: "Use this link only for Community Cinema ";
    padding-left: 3em;
}

.content-unpublished {
    background: #FFF4F4;
}

.content-unpublished.workflow-2::before {
    content: "Unpublished - draft";
    background: pink;
    padding: .5em;
    font-size: small;    
}

.content-unpublished.workflow-3::before {
    content: "Unpublished - ready";
    background: lightblue;
    padding: .5em;
    font-size: small;
}

.content-unpublished.workflow-5::before {
    content: "Unpublished - needs edits";
    background: gold;
    padding: .5em;
    font-size: small;
}

.content-unpublished.workflow-6::before {
    content: "Unpublished - to be deleted";
    background: crimson;
    padding: .5em;
    font-size: small;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}

.content-unpublished.workflow-7::before {
    content: "Unpublished - archive";
    background: deeppink;
    padding: .5em;
    font-size: small;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}

.page-events-tags h1 {
    text-transform: capitalize;
}

@media (min-width: 666px) {
    .paragraphs-item-double-text-column > .content {
        display: flex;
        flex-flow: row wrap;
        margin: 1em .75em .5em;
    }
    
    .paragraphs-item-double-text-column > .content > .field-type-text-long {
        flex: 0 1 50%
    }
    
    .paragraphs-item-double-text-column > .content > .field-name-field-paragraph-text {
        padding: 1.5em 1.5em 1.5em 0;
        border-right: 1px solid #ccc;
    }
    
    .paragraphs-item-double-text-column > .content > .field-name-field-paragraph-text-second {
        padding: 1.5em 0 1.5em 1.5em;
    }
}

@media (max-width: 359px) {
    .c-quote {
        padding: 4px 30px;
        background-size: 24px;
    }
    
    .c-quote__text {
        font-size: 1.2em;
        line-height: 1.2em;
    }
}

@media (min-width: 360px) and (max-width: 500px) {
    .c-quote {
        padding: 10px 40px;
        background-size: 36px;
    }
    
    .c-quote__text {
        font-size: 1.3em;
        line-height: 1.3em;
    }
}

.c-para-region.--cover-page.--panel .c-art-slice .c-art-slice__body {
    line-height: 1.5;
    font-size: 1.3em;
    max-width: 20.5em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
}

.c-para-region.--cover-page.--panel.--blue-bg .c-art-slice .c-art-slice__body,
.c-para-region.--cover-page.--panel.--purple-bg .c-art-slice .c-art-slice__body,
.c-para-region.--cover-page.--panel.--black-bg .c-art-slice .c-art-slice__body {
    color: white;
}

.c-para-region.--cover-page.--panel.--blue-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--purple-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--black-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--blue-bg .c-art-slice .c-art-slice__body a:visited,
.c-para-region.--cover-page.--panel.--purple-bg .c-art-slice .c-art-slice__body a:visited,
.c-para-region.--cover-page.--panel.--black-bg .c-art-slice .c-art-slice__body a:visited {
    color: #94d3fc;
}

.c-para-region.--cover-page.--panel.--orange-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--green-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--orange-bg .c-art-slice .c-art-slice__body a:visited,
.c-para-region.--cover-page.--panel.--green-bg .c-art-slice .c-art-slice__body a:visited {
    color: #600063;
}

.c-para-region.--cover-page.--panel.--gray-bg .c-art-slice .c-art-slice__body a,
.c-para-region.--cover-page.--panel.--gray-bg .c-art-slice .c-art-slice__body a:visited {
    color: #C6E8FE;
}

@media (min-width: 666px) {
    .c-para-region.--cover-page.--panel .c-art-slice {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        margin: .25rem 0 .15rem;
    }

    .c-para-region.--cover-page.--panel .c-art-slice > div {
        flex-basis: 50%;
    }

    .c-para-region.--cover-page.--panel .c-art-slice .c-media.--right {
        order: 1;
    }
}

.node-mmsd_student_card_application-form .field-group-fieldset.collapsible {
    margin-bottom: 1em;
}

.flex-parent {
    display: flex;
    flex-flow: row wrap;
}

.flex-child {
    flex: 1 1 100%;
    padding: .5em;
}

.--flxb-50 {
    flex-basis: 50%;
}

.--flxb-100 {
    flex-basis: 100%;
}

.--flxmin-10 {
    min-width: 10em;
}

.--flxmin-15 {
    min-width: 15em;
}

.c-view-group.--side-by-side-flex .view > .view-content {
    display: flex;
    flex-flow: row wrap;
}

.c-view-group.--side-by-side-flex .view > .view-content > .item-list {
    margin: .5em;
    padding: 0 1em;
    flex: 1 1 calc(33.33% - 1em);
    min-width: 20em;
}

.page-node-1247400 .c-view-group.--side-by-side-flex .view > .view-content > .item-list:first-child {
    flex-basis: 100%;
}

.c-view-group.--group-bg--lightblue .view > .view-content > .item-list {
    background: #E4F3F6;
}

.c-view-group.--group-bg--lightgreen .view > .view-content > .item-list {
    background: #DEF1CD;
}

.c-view-group.--group-bg--lightgray .view > .view-content > .item-list {
    background: #efefef;
}

.c-view-group.--group-bg--lightpurple .view > .view-content > .item-list {
    background: #F5ECF1;
}

.c-view-group.--group-bg--lightorange .view > .view-content > .item-list {
    background: #FFDECF;
}

.c-view-group.--group-bg--white .view > .view-content > .item-list {
    background: #fff;
}

/*.page-node-1240724:not(.logged-in) #webform-client-form-1240724 {
    display: none;
}

.section-nosotros-leemos-concurso-de-escritores-voces-juveniles .webform-client-form-1240724 {
    display: none;
}*/





.paragraphs-item-timeline > div > div > div > .field-items {
    display: grid;
    grid-template-rows: repeat(6,400px);
    grid-template-columns: 45% 10% 45%;
    grid-template-areas:
        'left1 center1 right1' 
        'left2 center2 right2' 
        'left3 center3 right3' 
        'left4 center4 right4' 
        'left5 center5 right5' 
        'left6 center6 right6';
}

.paragraphs-item-timeline > div > div > div > .field-items > .field-item:nth-child(1) {
    grid-area: left1;
}

.paragraphs-item-timeline > div > div > div > .field-items > .field-item:nth-child(2) {
    grid-area: right2;
}

.paragraphs-item-timeline > div > div > div > .field-items > .field-item:nth-child(3) {
    grid-area: left3;
}

.paragraphs-item-audio-slice div.jp-audio {
    margin-left: auto;
    margin-right: auto;
}

.jp-audio li.jp-playlist-first {
  margin-top: 0;  
}

@media (max-width: 500px) {
    .paragraphs-item-audio-slice div.jp-audio {
        max-width: 300px;
    }
}

.node-event .field-name-field-media-image {
  text-align: center;
  padding: .5rem;
}

@media (min-width: 500px) {
  .node-event .field-name-field-media-image {
    max-width: 45%;
  }
}