/*
 Theme Name:     WCRL
 Description:    Theme for WCRL
 Author:         Rockfort Media
 Template:       Divi
 Version:        0.0.1
*/


/* =Theme customization starts here
------------------------------------------------------- */

/* - - - COLOR VARIABLES - - -*/
:root {
    --white: #ffffff;
    --light-grey: #f2f2f2;
    --button-yellow: #FFC329;
    --accent-pink: #ed2a7b;
    --light-teal: #B4FAFF;
    --teal: #40afbd;
    --mid-teal: #128181;
    --green: #006d6a;
    --dark-green: #003635;
    --darkest-green: #001e1b;
    --orange: #f79632;
}

/*
    #f89634 orange
    #ee2d7b pink
    #5ab797 green
    #29aae2 blue
*/

/*
magic numbers to keep in mind
    138px - height of top header with search bar
*/

/* blanket divi overrides */
.et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}

.et_pb_contact p input,
.et_pb_contact p textarea,
.et_pb_subscribe .et_pb_contact_field input,
.et_pb_subscribe .et_pb_contact_field textarea,
.et_pb_contact_select {
    color: var(--dark-green);
}

/* "defaults" */
a {
    color: var(--mid-teal);
    text-decoration: underline;
}

a:hover {
    color: var(--green);
    text-decoration: underline;
}

h1 {
    font-size: 72px;
}

h2 {
    font-size: 48px;
}

h3 {
    font-size: 36px;
}

h4 {
    font-size: 28px;
}

html,
body,
p {
    font-size: 18px;
    line-height: 1.5;
}

/* fixing the dumb new wp block images */
.wp-block-image figure {
    outline: 8px solid var(--dark-green);
    line-height: 0;
}

.wp-block-image img {
    padding: 1em;
}

.wp-block-image figcaption {
    font-size: 16px;
    line-height: 1.3;
    padding: 0 1em 1em 1em;
    margin: 0;
}

.et-push-sidebar .naction_container>:not(.et_pb_blurb) {
    grid-column: span 2;
}

/* .inline .et_pb_module, .inline{
    display: inline-block;
} */


/* HEADER */
#main-header {
    z-index: 20;
}

#top-header {
    z-index: 10;
}

#top-header .container {
    padding: 0;
}

#et-secondary-menu>ul>li a {
    padding: .75em 0;
}

.et_pb_menu_page_id-1733 {
    background: var(--accent-pink);
    padding: 0 20px;
}

@media screen and (max-width: 980px) {
    .et_pb_menu_page_id-1733 {
        padding: 0;
    }

    .et_mobile_menu li.et_pb_menu_page_id-1733 a {
        color: var(--white);
    }
}

#logo {
    min-height: 100px;
    margin-top: -30px;
}

.et-fixed-header #logo {
    min-height: 75px;
}

.et_mobile_menu li a {
    padding: 0 5%;
    font-size: 16px;
}

/* FOOTER */
.et-menu li>a {
    line-height: 1.2;
    padding-bottom: 0 !important;
}

#menu-footer-discover .et_pb_menu_page_id-1288 a {
    border-bottom: 5px solid var(--accent-pink);
}

#menu-footer-discover .et_pb_menu_page_id-1365 a {
    border-bottom: 5px solid var(--button-yellow);
}

#menu-footer-discover .et_pb_menu_page_id-1368 a {
    border-bottom: 5px solid var(--orange);
}

#menu-footer-discover a:hover {
    text-decoration: none;
}

footer .et_pb_newsletter_form {
    padding-top: 0;
}

footer .et_pb_social_icon a {
    background-color: var(--button-yellow);
}

footer .et_pb_social_icon a:hover,
footer .et_pb_social_icon a:focus {
    background-color: var(--orange);
}

footer .et_pb_social_media_follow li a.icon:before {
    color: var(--dark-green);
}

.et_pb_social_media_follow li a.icon:hover:before,
.et_pb_social_media_follow li a.icon:focus:before {
    color: var(--dark-green);
}

/*change the visibility of the menu submenu on click*/
.nav li.et-touch-hover>ul,
.nav li:hover>ul {
    opacity: 0;
    visibility: hidden;
}

ul.sub-menu.hide.visible {
    opacity: 1;
    visibility: visible;
}

/* accent button */
.accent-button {
    width: 100%;
    text-align: center;
}
body #page-container .et_pb_section .et_pb_button.accent-button {
    border-width: 0 0 14px 0 !important;
    line-height: 2 !important;
}
.accent-button:hover, .accent-button:focus{
    background-color: var(--button-yellow) !important;
}


/* keep-menu */
/* add "keep-menu" to any menu module you DONT want to collapse into mobile menus */
@media screen and (max-width: 980px) {
    .keep-menu .et_pb_menu__menu {
        display: block;
    }

    .keep-menu .mobile_menu_bar {
        display: none;
    }
}

.wcrl-foot-menu .et_pb_menu__wrap {
    justify-content: left;
}

.wcrl-foot-menu .et-menu {
    display: block !important;
}


/* wpfront-notification-bar */
#wpfront-notification-bar-spacer,
#wpfront-notification-bar.top {
    top: 140px !important;
}

.home #wpfront-notification-bar-spacer,
.home #wpfront-notification-bar.top {
    top: 103px !important;
}

@media all and (max-width: 980px) {

    #wpfront-notification-bar-spacer,
    #wpfront-notification-bar.top {
        top: 128px !important;
    }

    .home #wpfront-notification-bar-spacer,
    .home #wpfront-notification-bar.top {
        top: 91px !important;
    }
}

@media all and (max-width: 768px) {

    #wpfront-notification-bar-spacer,
    #wpfront-notification-bar.top {
        top: 91px !important;
    }
}

#wpfront-notification-bar div.wpfront-close {
    background-color: transparent !important;
    border: none !important;
    padding: 0;
    top: 0;
    right: 0;
}

#wpfront-notification-bar .wpfront-close .et-pb-icon {
    font-size: 37px;
}

.wpfront-message {
    padding-right: 37px !important;
}

#wpfront-notification-bar.wpfront-fixed {
    z-index: 2;
}

.wpfront-notification-bar-spacer.wpfront-fixed-position {
    z-index: 2;
}

/* featured post */
#featured_post {
    background: white;
    border: 8px solid;
    padding: 30px;
    display: flex;
}

.feature_left {
    display: inline-block;
    width: 50%;
    padding-right: 30px;
}

.feature_left img {
    height: 100%;
    object-fit: contain;
}

.feature_right {
    display: inline-block;
    width: 50%;
    position: relative;
    padding-bottom: 1.7em;
}

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

#featured_post .more_btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

#featured_post .more_news {
    font-weight: bold;
    text-decoration: underline;
    position: absolute;
    right: 0;
    bottom: 0;
}

.sidebar_content #featured_post .feature_right {
    padding-bottom: 0;
}

.sidebar_content #featured_post .more_btn {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sidebar_content #featured_post .more_news {
    position: relative;
    display: block;
    margin-top: 1em;
}

/* skip the morenews button on the news page */
.page-id-1738 #featured_post .more_news {
    display: none;
}

@media screen and (max-width: 980px) {
    .feature_left {
        display: none;
    }

    .feature_right {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    .feature_right {
        padding-bottom: 0;
    }

    #featured_post .more_btn {
        position: relative;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #featured_post .more_news {
        position: relative;
        display: block;
        margin-top: 10px;
    }
}

/* misc additions */
.week-events-title h3 {
    padding: 0;
}

/* SLIDE IN MENU */
#page-container,
#et-main-area,
.et-push-sidebar,
.et-slide-push-toggle .et-pb-icon {
    transition: all 300ms !important;
}

.et-slide-push-toggle h4 {
    font-size: 20px;
}

/* use if using blank template with no header or footer
  #page-container.et-push-sidebar-active {
    margin-left: 350px;
  }
*/
/* #page-container.et-push-sidebar-active #et-main-area {
    margin-right: 350px;
}   */
.et-push-sidebar {
    transform: translateX(100%);
    padding-top: 140px !important;
    padding-bottom: 0 !important;
}

.et-fb .et-push-sidebar {
    transform: translateX(0%);
}

.et-push-sidebar-active .et-push-sidebar {
    transform: translateX(0%);
}

.et-slide-push-toggle {
    top: 100px !important;
    cursor: pointer;
}

#sidebar-toggle-text {
    border: 5px solid var(--dark-green);
    border-bottom: none;
}
#sidebar-toggle-text:focus,
#sidebar-toggle-text:hover {
    border-color: var(--mid-teal);
}

.et-slide-push-close {
    cursor: pointer;
}

.et-push-sidebar-active .et-slide-push-toggle .et-pb-icon {
    transform: rotate(180deg);
}

.et_pb_blurb_2_tb_header .et-pb-icon {
    font-weight: bold;
}

.sidebar_content {
    display: none;
}

.et-push-sidebar-active .sidebar_content {
    display: block;
}


@media (max-width:980px) {
    .et-push-sidebar {
        width: 350px;
        padding-top: 118px !important;
    }
}

@media all and (max-width: 767px) {

    /* .et-push-sidebar-active .et-push-sidebar {
        overflow: scroll !important;
        overscroll-behavior: contain;
    } */
    #page-container.et-push-sidebar-active #et-main-area,
    #page-container.et-push-sidebar-active {
        margin-right: 0px;
    }

    .et-push-sidebar {
        border-width: 5px;
        border-color: #094040;
        margin-top: 81px;
        padding-top: 0 !important;
        padding-bottom: 81px !important;
    }

    .et-push-sidebar .et_pb_row_0_tb_header {
        z-index: 3 !important;
    }

    .et-push-sidebar .et-slide-push-close {
        top: 0 !important;
        transform: translateX(0px);
    }

    .et-push-sidebar .et-slide-push-toggle .et-pb-icon {
        border-radius: 0;
    }

    .et-slide-push-toggle {
        top: 0 !important;
    }

    .et-push-sidebar .et_pb_blurb_0_tb_header .et-pb-icon {
        opacity: 1 !important;
    }
}

.sidebar_content {
    text-align: center;
    line-height: initial;
    overflow-x: auto !important;
}

.sidebar_content .action_button {
    height: 140px;
}

.sidebar_content #featured_post {
    padding: 1em;
}

.sidebar_content #featured_post h3 {
    font-size: 28px;
}

.sidebar_content .feature_left {
    display: none;
}

.sidebar_content .feature_right {
    width: auto;
    text-align: left;
}

.template_post_title .et_pb_title_container {
    width: auto;
}


/* Location Cards */
[data-name="location_template"] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.location_card {
    background: var(--light-grey);
    margin: 20px auto;
    width: 30%;
    padding: 20px 20px 50px 20px;
    line-height: initial;
    position: relative;
    word-break: break-word;
}

.location_card div {
    margin: 1em auto;
}
.location_card h2{
    font-size: 36px;
}
.location_card h2.loc_place::after {
    display: none !important;
}
.location_card h3 {
    padding-bottom: 0;
    color: var(--accent-pink);
    font-size: 24px;
}

.location_card p {
    line-height: 1.3;
}

.loc_link {
    position: absolute;
    bottom: 0;
    background: var(--dark-green);
    color: var(--white);
    width: 100%;
    left: 0;
    text-align: center;
    padding: 10px;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
}
.loc_link:hover {
    background: var(--teal);
    color: var(--white);
    text-decoration: none;
}

.loc_email a:focus{
    outline: 2px solid currentColor;
    display: block;
}

.location_card .et-pb-icon,
.single-location .loc_hours .et-pb-icon {
    font-size: 1em;
}

.loc_hours {
    font-size: 16px;
}

/* single-location pages */
.single-location .loc_hours {
    font-size: 1em;
    line-height: initial;
}

.single-location .location_card {
    width: auto;
    margin: auto;
    background: none;
    padding: 0;
    font-size: 1em;
}
.single-location .location_card h3{
    font-size: 1.2em;
}

.single-location .location_titles h1,
.single-location .location_titles h2 {
    color: var(--white);
}

.single-location .location_card div:first-child {
    margin-top: 0;
}
.single-location .et_pb_post_content h3{
    font-size: 1.5em;
}

.loc_hours table {
    /* table-layout: fixed; */
    word-break: normal;
}

.loc_hours td {
    padding: 2px 0 !important;
    vertical-align: top;
}

.loc_hours td:first-child {
    padding: 2px 5px 2px 0 !important;
}

.loc_hours tr:not(:last-child) td {
    border-bottom: 1px solid #ddd;
}

.location_search .facetwp-facet-location_filter {
    margin-right: 55px;
}

.location_search p,
.location_search .facetwp-facet-location_filter {
    display: inline-block;
    margin-bottom: 0;
}

.location_search .facetwp-icon:hover,
.location_search .facetwp-icon:focus {
    background: var(--accent-pink);
    color: var(--white);
}

.location_search .facetwp-search {
    color: var(--darkest-green);
    padding-right: initial;
    font-size: 20px !important;
    padding: 5px 15px !important;
    margin-left: 5px !important;
    vertical-align: middle;
}

.location_search .facetwp-type-search .facetwp-icon {
    right: -55px;
}

/* .location_search .facetwp-type-search .facetwp-icon:before{
    background-size: 30px 30px;
    background-position: 0 50%;
} */
@media screen and (max-width: 980px) {
    .location_card {
        width: 45%;
    }
}

@media all and (max-width: 767px) {
    .location_card {
        width: 100%;
    }
}


.et-db #et-boc .et-l #new_top_header .et_pb_row {
    width: 100%;
    max-width: none;
}

.et-db #et-boc .et-l #new_logo {
    position: absolute;
    z-index: 1;
    left: 15px;
    height: 100px;
}

.et-db #et-boc .et-l #new_logo img {
    width: auto;
    height: 100%;
}

.et-db #et-boc .et-l #new_top_header .et-menu.fullwidth-menu {
    margin: inherit;
}

.et-db #et-boc .et-l #new_info_menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul,
.et-db #et-boc .et-l #new_main_menu.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul {
    padding: 0 !important;
}

.et-db #et-boc .et-l #new_info_menu nav>ul>li {
    margin-top: 0;
    padding: 5px 15px;
}

.et-db #et-boc .et-l #new_main_menu nav>ul>li {
    margin-top: 0;
    padding: 25px 15px;
}

.et-db #et-boc .et-l #new_info_menu .et_pb_menu_page_id-1733 {
    background: var(--accent-pink);
    padding: 5px 30px !important;
    font-weight: bold;
    font-size: 16px !important;
    cursor: pointer;
}

/* old search form styles */
.search_bar .search_field {
    border: none;
    padding: 0 10px;
    vertical-align: middle;
    height: 24px;
}

.search_bar .search_filters {
    border: none;
    vertical-align: middle;
    height: 24px;
}

.search_bar {
    padding: 5px 5px 5px 20px;
}

.search_bar label {
    color: var(--white);
}

.search_bar .search_submit {
    background: var(--button-yellow);
    border: none;
    height: 24px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    color: black;
}

.et-db #et-boc .et-l .search_radio .search_submit .et-pb-icon {
    font-size: 30px;
    font-weight: bold;
}

.et-db #et-boc .et-l .search_bar .search_submit .et-pb-icon {
    font-size: 1em;
    font-weight: bold;
}

.search_radio .search_submit:hover,
.search_bar .search_submit:hover,
.search_radio .search_submit:focus,
.search_bar .search_submit:focus {
    background: var(--orange);
    /* color: var(--white); */
}

/* wcrl_home_search */
.search_radio {
    border-left: 14px solid var(--white);
    padding-left: 1em;
    text-align: left;
    color: var(--white);
}
.home .search_radio {
    background: rgba(0, 0, 0, .5);
}

.search_radio h2 {
    color: var(--white);
    padding-bottom: 0;
}

.search_radio .search_field {
    border: none;
    border-bottom: 10px solid var(--accent-pink);
    font-size: inherit;
    line-height: inherit;
    height: 50px;
    padding: 0 10px;
    vertical-align: middle;
    width: calc(100% - 70px);
    margin-right: 10px;
}

.search_radio .search_submit {
    background: var(--button-yellow);
    border: none;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    color: var(--darkest-green);
    cursor: pointer;
}
.home .search_radio .search_submit{
    position: absolute;
    bottom: 0;
    right: 0;
}

.search_radio .search_filters {
    margin-bottom: 10px;
}

.search_radio label {
    cursor: pointer;
    display: block;
    margin: 5px auto;
}

.search_radio input[type=radio] {
    appearance: none;
    background: white;
    height: 20px;
    width: 20px;
    border: white 3px solid;
    vertical-align: top;
    cursor: pointer;
}

.search_radio input[type=radio]:checked {
    background: var(--dark-green);
}

.search_radio h2::after {
    display: none !important;
}

.search .search_radio input[type="radio"]{
    border: 1px solid var(--darkest-green);
}

/* search_radio overrides for sidebar */
.et-push-sidebar .search_radio {
    color: var(--dark-green);
    width: fit-content;
    margin: 0 auto;
}

.et-push-sidebar .search_radio h2 {
    color: var(--dark-green);
}

.et-push-sidebar .search_radio .search_field {
    background: var(--light-grey);
}

.et-push-sidebar .search_radio input[type=radio] {
    outline: 1px solid currentColor;
}

/* top margin to accommodate floating headers */
.et-tb-has-header #page-container {
    margin-top: 140px;
}

.home.et-tb-has-header #page-container {
    margin-top: 103px;
}

@media screen and (max-width: 980px) {
    .et-tb-has-header #page-container {
        margin-top: 128px;
    }

    .home.et-tb-has-header #page-container {
        margin-top: 91px;
    }
}

@media screen and (max-width: 760px) {
    .et-tb-has-header #page-container {
        margin-top: 91px;
    }
}

/* TODO, shift on mobile */

.blog article,
.archive article {
    padding: 2em;
    background: var(--white);
}

.blog article.has-post-thumbnail,
.archive article.has-post-thumbnail {
    display: grid;
    grid-template-columns: 3fr 4fr;
    grid-template-areas:
        "img title"
        "img meta"
        "img content";
}

.blog a.entry-featured-image-url,
.archive a.entry-featured-image-url {
    grid-area: img;
    padding-right: 2em;
}

.blog h2.entry-title,
.archive h2.entry-title {
    grid-area: title;
}

.blog p.post-meta,
.archive p.post-meta {
    grid-area: meta;
}

.blog .post-content,
.archive .post-content {
    grid-area: content;
}

.blog .et_pb_posts a.more-link,
.archive .et_pb_posts a.more-link {
    text-transform: capitalize;
    background: var(--button-yellow);
    width: fit-content;
    padding: 0 1em;
    color: var(--darkest-green);
}

.blog .et_pb_posts a.more-link:hover,
.archive .et_pb_posts a.more-link:hover {
    color: var(--white);
    background: var(--accent-pink);
}

@media all and (max-width: 767px) {

    .blog article.has-post-thumbnail,
    .archive article.has-post-thumbnail {
        display: inherit;
    }

    .blog a.entry-featured-image-url,
    .archive a.entry-featured-image-url {
        padding-right: 0;
    }
}

/* header accents */
.entry-content h1::after,
.post_title::after,
.entry-content h2::after,
.et_pb_text h2::after,
h1.et_pb_module_header::after,
.search-results-main h1::after,
.search-results-main h2::after,
.postid-1704 .location_titles h1::after,
#account-tab h4::after {
    content: " ";
    background-color: var(--teal);
    height: 10px;
    width: 70px;
    display: block;
    margin-top: 10px;
}

#featured_post h2::after,
.mec-calendar-header h2::after,
.et_pb_newsletter_description h2::after {
    display: none !important;
}

/* 2022-11-17 not sure why this was here before, but commented out to allow menu render while using wprocket js delays
header.et-l--header {
	display:none;
} 
*/
/* changing h2 underlines for discover pages */
/* kids */
.page-id-1288 .et_pb_text h1::after,
.page-id-1288 .et_pb_text h2::after {
    background-color: var(--accent-pink);
}

/* teens */
.page-id-1365 .et_pb_text h1::after,
.page-id-1365 .et_pb_text h2::after {
    background-color: var(--button-yellow);
}

/* adults */
.page-id-1368 .et_pb_text h1::after,
.page-id-1368 .et_pb_text h2::after {
    background-color: var(--orange);
}


/* changing the default accordion icons, cuz divi has no builtin way? */
.et_pb_toggle_title:before {
    content: "\33";
    transition: all .3s ease-in-out;
    color: currentColor;
    font-size: 2em;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    display: block !important;
    content: "\33";
    transform: rotate(180deg);
}

/* get rid of the sidebar while in the divi builder */
.et-fb-root-ancestor .et-push-sidebar {
    display: none;
}

.sub-menu {
    right: 0;
    left: unset !important;
}

.wcrl_toc .et-pb-icon {
    font-size: 1.5em;
    vertical-align: middle;
}

.search_dark_text .search_radio {
    color: inherit;
}

.search_dark_text .search_radio label span::before {
    border: 1px solid currentColor;
    top: 4px;
}

.search_dark_text .search_radio label span::after {
    left: 4px;
}

.search_dark_text .search_field {
    background: var(--light-grey);
}

.feat_post_img img {
    border: 8px solid var(--darkest-green);
    background: var(--teal);
}

/* redo of fuller book list and assets */
.wcrl_books,
.wcrl_assets {
    display: grid;
    justify-content: space-between;
    gap: 2em;
    grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 1080px) {

    .wcrl_books,
    .wcrl_assets {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {

    .wcrl_books,
    .wcrl_assets {
        grid-template-columns: 1fr;
    }
}

.book_block {
    position: relative;
    padding-bottom: 3em;
    /* 2 buttons, with 1.5LH = 3em */
}
.asset_block{
    position: relative;
    padding-bottom: 1.5em;
}

.book_block {
    background: var(--mid-teal);
}

.asset_block {
    background: var(--green);
    color: var(--white);
}

.wcrl_books .book_image {
    text-align: center;
    background: var(--light-grey);
    padding: 10px;
    line-height: 0;
}

.asset_image,
.wcrl_books .book_image {
    padding: 1em;
    background: var(--light-grey);
    height: 300px;
    display: flex;
    justify-content: center;
}

.asset_image a {
    display: flex;
}

.asset_image img,
.wcrl_books .book_image img {
    align-self: center;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.wcrl_books .book_text {
    padding: 1em;
    color: var(--white);
    font-size: 16px;
    line-height: 1.5;
}

.wcrl_books .book_title {
    font-size: 20px;
    font-weight: bold;
}

.wcrl_books .book_authors {
    margin-bottom: 10px;
}

.wcrl_books .book_buttons,
.asset_buttons {
    position: absolute;
    bottom: 0;
    line-height: 1.5;
    width: 100%;
    text-align: center;
}

.wcrl_books .book_more {
    background: var(--dark-green);
    width: 100%;
    color: var(--white);
    cursor: pointer;
}

.wcrl_books .book_link {
    background: var(--green);
    width: 100%;
    display: block;
    color: var(--white);
}

.wcrl_books .book_content,
.asset_content {
    display: none;
}

/* assets */
.asset_right {
    padding: 1em;
    line-height: 1.5;
}

/* have to update cuz is now h3 instead of div */
.asset_title {
    font-weight: bold;
    font-size: 1.5em;
    color: currentColor;
    font-family: 'Roboto Slab';
    padding-bottom: 0;
    line-height: 1.5;
}

.asset_meta {
    font-size: 0.8em;
    margin: 0.5em 0;
}

.asset_block .asset_link,
.asset_block .asset_button {
    text-align: center;
    color: var(--white);
    width: 100%;
    cursor: pointer;
}

.asset_block .asset_button {
    background: var(--dark-green);
}
.asset_block .asset_button:hover,
.asset_block .asset_button:focus {
    background: var(--teal);
}

.asset_block .asset_link {
    background: var(--mid-teal);
    display: block;
}
.wcrl_assets .asset_title a:hover,
.wcrl_assets .asset_title a:focus{
    color: var(--darkest-green);
}

.asset_popup {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
}

.asset_popup .asset_excerpt {
    display: none;
}

.asset_popup .asset_content {
    display: block;
    word-break: break-word;
}

.asset_popup .asset_block {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    width: 80%;
    max-width: 1080px;
    max-height: 80%;
    background: var(--white);
    color: var(--dark-green);
    padding: 0;
}

.asset_popup .asset_close {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 15px;
    font-size: 50px;
    font-weight: bold;
}

.asset_popup .asset_left {
    padding: 2em;
}

.asset_popup .asset_image {
    width: 300px;
    background: none;
    border: 5px solid var(--dark-green);
    height: auto;
    max-height: 300px;
}

.asset_popup .asset_right {
    padding: 2em 2em 2em 0;
    overflow-y: auto;
}

.asset_popup .asset_title {
    font-size: 1.5em;
}

.asset_popup .asset_buttons {
    position: relative;
}

.asset_popup>.asset_block>.asset_buttons {
    display: none;
}

.asset_popup .asset_link {
    margin: 1em auto;
}

@media screen and (min-width: 981px) {
    .asset_popup .asset_block {
        width: 80%;
        max-width: 1080px;
        max-height: 80%;
    }
}


#toc_container {
    border: 8px solid var(--darkest-green);
    font-size: 1em;
    padding: 1em;
    background: var(--white);
    margin: 0 0 0 auto;
}

#toc_container p.toc_title {
    font-size: 24px;
    text-align: left;
}


/* post navigation icons */
.et_pb_posts_nav .meta-nav {
    display: none;
}

.et_pb_posts_nav a {
    text-decoration: none !important;
}

.et_pb_posts_nav a .nav-label {
    text-decoration: underline;
}

.et_pb_posts_nav .nav-previous a::before {
    content: "\44";
    font-family: "ETModules";
}

.et_pb_posts_nav .nav-next a::after {
    content: "\45";
    font-family: "ETModules";
}

/* SINGLE EVENT PAGE */
.single-mec-events #main-content {
    background-color: transparent;
    width: auto;
    padding: 0;
    max-width: none;
}

.mec-single-title {
    /* font-size: 72px !important; */
    color: var(--white) !important;
}

.mec-single-event .mec-events-event-image {
    line-height: 0;
}

.mec-single-event .mec-events-event-image img {
    border: 8px solid var(--dark-green);
    background: var(--teal);
}

.mec-wrap p {
    color: var(--dark-green);
    font-size: 18px;
    font-family: unset;
}

.mec-single-event {
    margin-top: 0;
}

.event-wrap {
    position: relative;
    min-height: 1200px;
    padding-bottom: 100px;
}

.event-top {
    padding-top: 100px;
    background-image: url(/wp-content/uploads/2021/07/Wave-4to1.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.event-left,
.event-top-pad {
    max-width: 1200px;
    width: 80%;
    margin: 0 auto;
}

.event-left .event-left-pad,
.event-top .mec-single-title,
.event-top .mec-events-event-image {
    padding-right: 33%;
}

.event-right {
    position: absolute;
    top: 100px;
    right: 0;
    left: 0;
    width: 80%;
    max-width: 1200px;
    margin: 0 auto;
    pointer-events: none;
}

.mec-event-info-desktop {
    width: 30%;
    float: right;
    border: 8px solid var(--dark-green) !important;
    padding: 0 !important;
    pointer-events: auto;
}

.mec-event-info-desktop>div {
    background: transparent;
    margin-bottom: 0;
}

.mec-event-info-desktop a {
    word-break: break-all;
}

@media all and (max-width: 960px) {
    .event-right {
        display: none;
    }

    .event-left .event-left-pad,
    .event-top .mec-single-title,
    .event-top .mec-events-event-image {
        padding-right: 0;
    }

    .mec-event-info-desktop {
        width: auto;
        float: none;
    }
}

.event_button {
    background-color: var(--button-yellow);
    color: var(--darkest-green);
    width: fit-content;
    padding: 0 1em;
    cursor: pointer;
    margin-top: 1em;
    line-height: 2;
    font-weight: bold;
}

.event_button:hover, .event_button:focus {
    background-color: var(--orange);
    /* color: var(--white); */
}

.toggle_export,
.toggle_share {
    display: none;
}

.mec-single-event .mec-event-sharing {
    margin: 0;
}

.mec-event-content p {
    font-family: inherit;
}

.mec-single-event .mec-frontbox {
    margin-bottom: 0;
    border: 8px solid var(--dark-green);
}

.mec-single-event .mec-events-content {
    margin-bottom: 0;
}

.mec-social-single.mec-frontbox-title {
    display: none !important;
}

.mec-single-event .mec-event-meta>div {
    padding: 0;
    margin: 10px;
}

.mec-single-event .mec-event-meta dt,
.mec-single-event .mec-event-meta h3,
.mec-single-event .mec-event-meta .mec-events-address,
.mec-single-event .mec-event-meta .mec-events-event-categories a,
.mec-single-event .mec-event-meta dd,
.mec-single-event .mec-event-meta h6 {
    color: var(--dark-green);
}

.mec-single-event .mec-event-meta dd a {
    color: var(--mid-teal);
}

.mec-single-event .mec-event-meta dd a:hover {
    color: var(--green);
}

.mec-event-meta i::before {
    color: var(--accent-pink);
    font-weight: bold;
}

.mec-single-event-location img,
.mec-single-event-organizer img {
    display: none;
}

.mec-single-event .mec-single-event-organizer dd {
    margin: 0;
    padding-left: 35px;
}

.mec-single-event .mec-single-event-organizer i {
    margin: 0;
}

.mec-single-event-location {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.mec-single-event-location .mec-sl-sitemap:before {
    font-size: 14px;
    vertical-align: baseline;
}

.mec-single-event-label dd {
    font-weight: bold;
    color: var(--dark-green) !important;
}

.mec-event-meta .mec-single-event-additional-organizers i:before,
.mec-event-meta .mec-single-event-organizer i:before {
    font-size: inherit;
    vertical-align: inherit;
}

.mec-single-event-organizer .mec-events-single-section-title {
    margin: 0 !important;
    padding-left: 10px !important;
}

.mec-single-event .mec-event-meta dd.mec-events-event-categories {
    min-height: unset;
    line-height: unset;
}

.mec-single-event .mec-single-event-organizer dd span {
    display: inline;
    padding-left: 0;
}

/* SEARCH RESULTS */
.search-results-main section {
    width: 80%;
    max-width: 1080px;
    margin: 100px auto;
    position: relative;
}

.bkg-section-4to1 {
    background-image: url(/wp-content/uploads/2021/07/Wave-4to1.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 25vw;
    color: var(--white);
}

.search-header {
    padding: 100px 0;
}

.search-header p:last-child {
    width: 50%;
}

.search-header h1 {
    color: var(--white);
    margin-bottom: 1em;
}

.search-results-main h2 {
    margin-bottom: 1em;
}

.search-result-post {
    margin: 1em 0;
}

.search-result-post h4 a {
    color: var(--mid-teal);
    text-decoration: underline;
}

.search-result-post h4 a:hover {
    color: var(--green);
}


.search-try-again p {
    margin-bottom: 1em;
}

.search-try-again .search_submit .et-pb-icon {
    font-size: 2em;
    font-weight: bold;
}

.search-results-main .search_radio {
    color: var(--dark-green);
    border-left: none;
    padding-left: 0;
}

.search-results-main .search_radio h2 {
    display: none;
}

.search-results-main .search_radio label span::before {
    border: 1px solid currentColor;
}

.search-results-main .search_radio label span::after {
    top: 4px;
    left: 5px;
}

.search-results-main .search_radio .search_field {
    width: 300px;
    background: var(--light-grey);
}


/* ACCOUNT TAB */
.et-db #et-boc .et-l #account-tab {
    display: none;
    position: absolute;
    right: 0;
    background: var(--white);
    padding: 20px;
    z-index: 10000;
    border: 8px solid var(--dark-green);
    margin: 1em;
    width: 300px;
}

.et-db #et-boc .et-l #account-tab p {
    margin: 1em auto;
}

.et-db #et-boc .et-l #account-tab a {
    background-color: var(--button-yellow);
    display: block;
    height: 40px;
    line-height: 40px;
    color: var(--darkest-green);
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}

.et-db #et-boc .et-l #account-tab a:hover {
    color: var(--white);
    background-color: var(--accent-pink);
}

/* https://css-tricks.com/snippets/css/css-triangle/ */
.et-db #et-boc .et-l #account-tab .arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--dark-green);
    position: absolute;
    top: -38px;
    right: 14px;
}

/* NEWS ARCHIVE*/
.blog_post {
    padding: 2em;
    border: 8px solid var(--dark-green);
    margin-bottom: 30px;
}

.blog_post .blog_left {
    width: 33%;
    display: inline-block;
    padding-right: 2em;
    vertical-align: top;
    text-align: center;
}

.blog_post .blog_right {
    display: inline-block;
}

.blog_post.has_img .blog_right {
    width: 66%;
}

.blog_post.has_img img {
    max-height: 300px;
    width: auto;
}

.blog_post .blog_content {
    margin: 1em 0;
}

.blog_post .blog_right .blog_meta {
    margin-bottom: 10px;
}

.blog_post .blog_right .more_btn {
    display: block;
}

@media all and (max-width: 767px) {
    .blog_post .blog_left {
        width: 100%;
        display: block;
        padding-right: 0;
    }

    .blog_post.has_img .blog_right,
    .blog_post .blog_right {
        width: 100%;
        display: block;
    }
}


/* CONTACT FORMS */
.et_pb_contact_form_container .input[type="checkbox"]+label i,
.et_pb_contact_form_container .input[type="radio"]+label i {
    border-bottom: none !important;
    border-radius: 0;
    height: 1em;
    width: 1em;
}

.et_pb_contact p input[type=radio]:checked+label i:before,
.et_pb_subscribe .et_pb_contact_field input[type=radio]:checked+label i:before {
    border-radius: 0;
    height: 60%;
    width: 60%;
}

/* FACET FILTERS */
.facetwp-facet {
    margin-bottom: 1em !important;
}

.filter_title {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}

.facetwp-facet-search .facetwp-input-wrap {
    max-width: 500px;
    width: 100%;
    padding-right: 3em;
}

.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-date {
    font-size: 1em;
    line-height: 2em;
    padding: 0 1em;
}

.location_search input.facetwp-search {
    line-height: 1;
}

.facetwp-facet input.facetwp-search {
    padding-right: 1em !important;
    width: 100%;
    min-width: 0 !important;
    height: auto;
}

.page-id-1738 .facetwp-facet input.facetwp-search {
    width: calc(100% - 50px);
}

.facetwp-type-search .facetwp-icon {
    background: var(--button-yellow);
    color: var(--darkest-green);
    width: 40px;
    text-align: center;
    opacity: 1;
}

button.facet_reset {
    background: none;
    border: none;
    font-size: 1em;
    padding: 5px 15px;
    cursor: pointer;
    color: var(--mid-teal);
    text-decoration: underline;
}

button.facet_reset:hover {
    color: var(--green);
}

.facetwp-facet-news_text_search .facetwp-input-wrap {
    width: 100%;
    max-width: 600px;
}

.more_info_toggle .et_pb_toggle_title {
    width: fit-content;
    padding-right: 30px;
}

/* facet filter search icon */


/* FEATURED POSTS */
/* 3 COLUMN LAYOUT */
.feat_posts.feat_3 {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.feat_posts.feat_3 .feat_right {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.feat_posts.feat_3 .feat_post .et_pb_button {
    align-self: start;
    margin-top: auto;
}

.feat_post {
    flex-grow: 1;
    flex-basis: 0;
    border: 8px solid var(--dark-green);
    display: flex;
    line-height: initial;
    background: var(--white);
}

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

.feat_post .feat_left img {
    max-height: 300px;
    width: auto;
}

.feat_posts.feat_1 .feat_post,
.feat_posts.feat_3 .feat_post:only-child {
    padding: 2em;
}

.feat_posts.feat_1 .feat_left,
.feat_posts.feat_3 .feat_post:only-child .feat_left {
    width: 33%;
}

.feat_posts.feat_1 .feat_right,
.feat_posts.feat_3 .feat_post:only-child .feat_right {
    width: 66%;
    margin-left: 2em;
}

.feat_posts.feat_3 .feat_post:not(:only-child) {
    flex-direction: column;
    margin: 1em;
    padding: 1em;
}

.feat_post p {
    margin-bottom: 1em;
}

.et-push-sidebar .feat_posts.feat_1 .feat_post {
    padding: 1em;
}

.et-push-sidebar .feat_posts.feat_1 .feat_left {
    display: none;
}

.et-push-sidebar .feat_posts.feat_1 .feat_right {
    width: 100%;
    margin-left: 0;
    text-align: left;
}

@media all and (max-width: 980px) {
    .feat_posts.feat_3 {
        display: block;
    }

    .feat_post {
        margin: 2em 0 !important;
    }

    .feat_post .feat_left {
        display: none;
    }

    .feat_posts.feat_1 .feat_right {
        width: 100%;
        margin-left: 0;
    }

    .feat_posts.feat_3 .feat_post:only-child {
        padding: 1em;
    }

    .feat_posts.feat_3 .feat_post:only-child .feat_right {
        width: 100%;
        margin-left: 0;
    }
}


/* NACTION BUTTONS
THE NEW ACTION BUTTONS */
.naction_container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 10%;
}

.naction {
    margin-bottom: 30px !important;
    min-width: 100px;
    padding: 10% 10% 0 10%;
    border-bottom: solid 14px var(--accent-pink);
}

.naction:hover {
    /* border-bottom-color: var(--orange); */
    background-color: var(--orange) !important;
}

.naction .et_pb_blurb_description {
    color: var(--darkest-green);
    padding: 0;
    margin: 0 0 10% 0;
    font-size: 1rem;
    word-break: break-word;
}

.naction .et_pb_main_blurb_image {
    margin-bottom: 0;
}

.naction img {
    max-height: 50px;
    width: auto;
    /* filter: brightness(0%); */
}
.naction span {
    font-size: 18px;
    line-height: 20px;
}

.sidebar_content .naction_container {
    grid-template-columns: repeat(2, 1fr);
}

/* .sidebar_content .naction img{
    max-height: 50px;
} */
@media all and (max-width: 767px) {
    .naction_container {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* SPECIAL LOCATION CHANGES */
/* postid-1704 HQ - no subtitle, no events*/
/* postid-1706 mail - no map, no events*/
.postid-1704 .location_titles h2,
.postid-1704 .et_pb_row_3_tb_body,
.postid-1706 .et_pb_column_4_tb_body,
.postid-1706 .et_pb_row_3_tb_body {
    display: none;
}

/* PAY FEE FORM */
#payfee label {
    font-weight: 700;
    display: inline-block;
    width: 49%;
}

#payfee label input {
    display: block;
    width: 100%;
    margin-bottom: 2em;
}

.payfee_name {
    padding-right: 1em;
}

.payfee_card {
    padding-left: 1em;
}

.payfee_submit {
    border: 0;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px;
    min-width: 100px;
    background: var(--button-yellow);
    color: black;
}

.payfee_submit:hover {
    background: var(--accent-pink);
    color: var(--white);
    cursor: pointer;
}

@media all and (max-width: 767px) {
    #payfee label {
        width: auto;
        display: block;
        padding: initial;
    }
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
    #new_logo {
        height: 81px;
    }

    .et-tb-has-header #page-container {
        margin-top: 121px;
    }

    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }

    html,
    body,
    p,
    .mec-wrap p {
        font-size: 16px;
    }

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .et-tb-has-header #page-container {
        margin-top: 81px;
    }

    .asset_popup .asset_block {
        display: block;
        overflow-y: auto;
        padding: 0;
    }

    .asset_popup .asset_left {
        padding: 0;
        overflow: unset;
    }

    .asset_popup>.asset_block>.asset_buttons {
        display: block;
    }

    .asset_popup .asset_left>.asset_buttons {
        display: none;
    }

    .asset_popup .asset_right {
        padding: 1em;
        overflow: unset;
    }

    .asset_popup .asset_title {
        position: sticky;
        top: 0;
        z-index: 3;
        background: var(--white);
    }

    .asset_popup .asset_link {
        margin: 0;
    }

    .asset_popup .asset_image {
        width: unset;
    }

    .asset_popup .asset_buttons {
        position: sticky;
        z-index: 1;
    }

    .asset_popup .asset_close {
        position: fixed;
        right: 0;
        color: var(--white);
    }

    .search-header {
        padding-bottom: 150px;
    }

    .search-header p:last-child {
        width: auto;
    }
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
    .entry-content .et_pb_section_0.et_pb_with_background>.et_pb_row {
        width: 80%;
        margin: 0 auto;
    }
}



/* FORMS */
input[type=text],
.wcrl_fee_amount {
    background: var(--light-grey);
    border: none;
    border-bottom: 8px solid var(--accent-pink);
    font-size: 1rem;
    line-height: 1.3;
    height: auto;
    padding: 10px;
}

.wcrl_fee_amount {
    color: #4e4e4e;
}

/* maintains the bottom border color, otherwise focus turns it font color */
input.text:focus,
input.title:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: var(--accent-pink);
}

.wcrl_fee_form {
    max-width: 600px;
}

.wcrl_fee_form label {
    display: block;
    font-weight: 700;
}

.wcrl_fee_form input {
    width: 100%;
    background: var(--white);
}

.wcrl_fee_form br {
    display: none;
}

.wcrl_fee_form p {
    padding-bottom: 0;
}

/* FORMINATOR */
.forminator-textarea,
.forminator-input,
.forminator-select {
    border-bottom: 8px solid var(--accent-pink) !important;
}

.forminator-select .select2-selection__arrow,
.forminator-input-with-icon [class*="forminator-icon-"],
.forminator-checkbox-box {
    color: var(--accent-pink) !important;
}

.forminator-label,
.forminator-input,
.forminator-select .select2-selection__rendered {
    font-size: 1rem !important;
    color: var(--dark-green) !important;
}

.forminator-button-submit {
    font-size: 1rem !important;
    background-color: var(--button-yellow) !important;
    color: var(--darkest-green) !important;
    font-weight: bold !important;
}

.forminator-button-submit:hover, .forminator-button-submit:focus {
    box-shadow: none !important;
    background-color: var(--orange) !important;
    color: var(--darkest-green) !important;
}

.forminator-select-dropdown-container--open .select2-results__option--selected,
.forminator-radio .forminator-radio-bullet:before,
.forminator-calendar--flat .ui-datepicker-header .ui-corner-all,
.forminator-calendar--flat .ui-datepicker-calendar tbody td a.ui-state-default:active,
.forminator-calendar--flat .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
    background-color: var(--accent-pink) !important;
}

.forminator-calendar--flat .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
    background-color: #e7cdd3 !important;
    color: var(--accent-pink) !important;
}

.forminator-select2 option:checked {
    background-color: var(--accent-pink) !important;
}

form.forminator-ui {
    display: block !important;
}

/* signature field at the bottom of card registration */
.card_sign {
    margin-bottom: -1em;
}

.card_sign label {
    display: inline-block !important;
}

.card_sign #forminator-field-name-2 {
    display: inline-block !important;
    width: calc(100% - 34px) !important;
    margin-left: 10px !important;
}

.et-db #et-boc .et-l #menu-header-main.et-menu .menu-item-has-children>a:first-child:after {
    top: 3px;
}


/* divi collapse submenu */
#wcrl-mobile-menu .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
    position: relative;
}

#wcrl-mobile-menu .et_mobile_menu .menu-item-has-children>a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    right: 15px;
}

#wcrl-mobile-menu .et_mobile_menu .menu-item-has-children.visible>a:after {
    content: '\4d';
}

#wcrl-mobile-menu .et_mobile_menu ul.sub-menu,
#wcrl-mobile-menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}

#wcrl-mobile-menu .et_mobile_menu li.visible>ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* STANDARD BUTTONS */
.more_btn,
.mec-load-more-button {
    background-color: var(--button-yellow);
    color: var(--darkest-green);
    width: fit-content;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
    text-transform: capitalize;
    text-decoration: none;
}

.mec-calendar .mec-calendar-events-side {
    position: relative;
}

.mec-calendar .mec-calendar-events-side .more_btn {
    position: absolute;
    bottom: 0;
}

.more_btn:hover, .more_btn:focus,
.mec-load-more-button:hover,
.mec-load-more-button:focus {
    background-color: var(--orange) !important;
    color: var(--darkest-green) !important;
    text-decoration: none;
}

#forminator-module-9564 .forminator-button-submit,
#forminator-module-2093 .forminator-button-submit {
    width: 100% !important;
}

#sidebar_newsletter_text {
    margin-top: 1em;
}

#sidebar_newsletter_code {
    margin-bottom: 1em;
    text-align: left;
}

footer #forminator-module-2093 {
    margin-top: 1em;
}

footer #forminator-module-2093 .forminator-label {
    color: var(--white) !important;
}


.et-db #et-boc .et-l .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 0;
}

#new_main_menu .et_pb_menu__logo {
    margin-top: 5px;
}

.et_pb_contact_field_11 .et_pb_contact_field_options_title {
    display: none;
}


/* - - - TABS - - -*/
/* used for featured books on home, discovers, contact, events */

#blurb-tabs .et_pb_column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap:wrap; */
}

#blurb-tabs .tab-title {
    padding: 0.5em 1.5em;
    cursor: pointer;
    position: relative;
    align-self: flex-end;
}

#blurb-tabs .tab-title h4 {
    padding-bottom: 0;
    color: var(--darkest-green) !important;
}

#blurb-tabs .tab-title a:hover {
    color: unset;
}

#blurb-tabs.has-triangles .tab-title.active-tab::after {
    content: " ";
    height: 0;
    width: 0;
    border-top: 15px solid var(--orange);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 100%);
    bottom: -7px;
    z-index: 1;
}
#blurb-tabs.green-tabs .tab-title h4 {
    padding-bottom: 0;
    color: var(--white) !important;
}
/* specific tab triangle colors */
.home .et_pb_blurb_6.active-tab::after {
    border-top-color: var(--orange) !important;
}

.home .et_pb_blurb_7.active-tab::after {
    border-top-color: var(--button-yellow) !important;
}

.home .et_pb_blurb_8.active-tab::after {
    border-top-color: var(--accent-pink) !important;
}

.home .et_pb_blurb_9.active-tab::after {
    border-top-color: var(--teal) !important;
}

.home .et_pb_blurb_10.active-tab::after {
    border-top-color: var(--light-teal) !important;
}

.page-id-1288 #blurb-tabs.has-triangles .tab-title.active-tab::after {
    border-top-color: var(--accent-pink) !important;
}
.page-id-1368 #blurb-tabs.has-triangles .tab-title.active-tab::after {
    border-top-color: var(--orange) !important;
}

.page-id-1365 #blurb-tabs.has-triangles .tab-title.active-tab::after {
    border-top-color: var(--button-yellow) !important;
}

#blurb-tabs.has-hover .tab-title.active-tab,
#blurb-tabs.has-hover .tab-title:hover {
    background: var(--orange);
}

#blurb-tabs.has-triangles.no-bottom-border .tab-title.active-tab::after {
    bottom: 1px;
}

#blurb-tabs.full-width .tab-title {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: min-content;
}

@media (max-width: 767px) {
    #blurb-tabs .et_pb_row {
        width: 100%;
    }

    #blurb-tabs .tab-title {
        /* width:100%; */
        margin: 0;
        padding: 5px;
    }

    .page-id-1752 #blurb-tabs .tab-title {
        width: auto;
    }

    #blurb-tabs.has-triangles .tab-title.active-tab::after {
        border-width: 8px 15px 0 15px;
    }

    #blurb-tabs.full-width .tab-title {
        flex-basis: auto;
    }
}

/* Hide the tabs content/sections */
.tab-content {
    display: none;
}

.tab-open {
    display: block;
}

/* mobile only tabs aka accordions */
#mobile-tabs .et_pb_accordion_item {
    padding: 20px 0;
    margin-bottom: 0;
}

#mobile-tabs .et_pb_toggle_title,
#mobile-tabs .et_pb_toggle_content {
    max-width: 80%;
    margin: 0 auto;
}

/* - - - - - -*/


#new_top_header .et_pb_menu__logo img {
    height: 60px !important;
}

.policy-list {
    column-count: 2;
}

/* .policy-list a {
    text-decoration: none;
} */

.policy-list ul {
    list-style-type: none;
    padding: 0;
}

.policy-list ul>ul {
    padding-left: 1em;
    display: inline-block;
}

@media (max-width: 768px) {
    .policy-list {
        column-count: 1;
    }
}


/* bibliocommons account tab*/
#bibliocommons_embed_block {
    font-family: 'Roboto Slab', Georgia, "Times New Roman", serif;
}

#bibliocommons_user_nav_trigger {
    background-color: var(--button-yellow);
    border: none;
    font-weight: 500;
    color: var(--darkest-green) !important;
}

#bibliocommons_user_nav_trigger:hover,
#bibliocommons_user_nav_trigger:focus {
    background-color: var(--orange);
}

#bibliocommons_embed_block .dropdown-menu {
    left: auto;
    right: 0;
}

#bibliocommons_embed_block .biblionav_my_account.dropdown-menu li>a {
    padding-top: 3px;
    padding-bottom: 3px;
}

#bibliocommons_embed_block .dropdown-menu>li>a {
    font-weight: 500;
}

#bibliocommons_embed_block .login_button {
    background: var(--button-yellow);
    box-shadow: none !important;
    color: var(--darkest-green) !important;
    font-weight: 500;
}

#bibliocommons_embed_block .login_button:hover {
    background: var(--orange);
    /* color: var(--white); */
    opacity: 1;
}

#bibliocommons_embed_block .open>.dropdown-menu {
    opacity: 1;
    visibility: visible;
    background-color: var(--white) !important;
    padding: 7px 0 1em 0;
}

#bibliocommons_embed_block .dropdown-menu>li {
    display: block;
}

#bibliocommons_embed_block a:hover {
    opacity: 1 !important;
}

.et_pb_menu_page_id-4904 {
    padding: 0 !important;
}

.et-menu .menu-item-has-children a {
    padding-right: 1em !important;
}

#new_info_menu .et-menu a:hover {
    opacity: inherit;
}

#bibliocommons_embed_block .biblionav_my_account.dropdown-menu .info {
    background-color: transparent;
    margin: 0;
}

.book_list body {
    background: transparent;
}

.book_list .cp_bcslider h3 {
    display: none;
}

.book_list .cp_bcslider .bx-wrapper .bx-viewport {
    background-color: transparent;
    border-color: transparent;
    outline: none;
}

.et_pb_scroll_top:focus{
    outline-color: var(--white) !important;
}
.tab-title a.module-link:focus {
    outline: 2px solid white;
}
.carousel_book .book_link:focus img {
    border: 8px solid white;
}

.sr-only{
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
    clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
    clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
    white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}

#home-white-row .naction .et_pb_blurb_description {
    color: white;
}

#home-white-row .naction:hover {
    background-color: rgba(0, 0, 0, .7) !important;
}
.sidebar_content .naction img {
    filter: brightness(0%);
}

.page-id-1752 #blurb-tabs .et_pb_column {
    gap: 1em;
}

.page-id-3000 .entry-content .et_pb_toggle_content ul,
.page-id-1235 .entry-content .et_pb_toggle_content ul{
    list-style: none;
    padding: 0;
}
.page-id-3000 .entry-content .et_pb_toggle_content ul li,
.page-id-1235 .entry-content .et_pb_toggle_content ul li{
    margin-bottom: 0.5em;
}