/* New Base Styles ----------------- */ 
/* Any time you make a change to this stylesheet, also make a small invisible change to style.css
 * Re-saving style.css changes the file timestamp which in turn forces browsers to load the fresh version.
 */

:root {
    --heading: 'Poppins';
    --copy: 'Montserrat';
    --gray: #4A4A4A;
    --blue: #00388B; /* #0066CC */
    --yellow: #E1962F; /* #FFAF00 */
    --green: #A6BE65; /* #89B538 */
    --pink: #D25761; /* #FA416A */
    --purple: #663366;
	--teal: #6EB4B5;
}

html {
    box-sizing: border-box;
    font-size: 18px;
}

body {
    font: normal 1rem/1.5 var(--copy);
}

h1 {
    font: normal 2rem/1.5 var(--heading);
    letter-spacing: 1px;
}

h1.article-title,
h1.page-title {
    font: bold 2rem/1.5 var(--copy);
    margin: 0 0 1rem 0;
}

h2 {
    font: normal 1.5rem/1.5 var(--heading);
    letter-spacing: 1px;
}

h3 {
    font: normal 1.33rem/1.25 var(--heading);
    letter-spacing: 1px;
}

h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--copy);
}

a {
    color: var(--blue);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
.btn,
a.btn {
	background-color: #00388b;
	padding: 10px 16px;
    line-height: 1.6;
}
.btn:hover,
a.btn:hover {
	background-color: #a6be65;
	color: #fff;
}

.page-width,
.hentry,
.content-padder,
section.mec-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1020px;
    width: calc( 100% - 2rem );
}

section.mec-container {
	margin-bottom: 1.5em;
}

header.astor-2020 {
    background-color: white;
    margin: 0;
    position: sticky;
    top: 0;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
    z-index: 10;
}

.header-top {
    align-items: center;
    display: grid;
    grid-gap: 0;
    grid-template-areas:
        "logo logo logo logo"
        "events appointments appointments donate"
        "translate phone search menu"
        "nav nav nav nav"
        "search-field search-field search-field search-field";
    grid-template-columns: 29% 40% 1fr 21%;
    font-size: 0.77rem;
    margin: 1rem auto;
	width: calc(100% - 1rem);
}

.header-top a {
    color: var(--gray);
}

.header-top a:hover {
    color: var(--blue);
}

.header-logo {
    grid-area: logo;
}

.header-logo img {
    width: 100%;
}

.header-phone {
    grid-area: phone;
}

.header-translate {
    grid-area: translate;
    position: relative;
}

.flag-icon {
    display: inline-block;
    margin-right: 0.5em;
}

.google-translate {
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 2rem;
    z-index: 1;
}

.translate-active .google-translate {
    max-height: 9999px;
}

.google-translate .container {
    background-color: white;
    padding: 1rem;
}

.header-appointments {
    grid-area: appointments;
    margin: 1rem 0;
}

.header-events {
    grid-area: events;
    margin: 1rem 5px 1rem 0;
}

.header-donate {
    grid-area: donate;
    margin: 1rem 0 1rem 5px;
}

.header-top .header-button,
.wpcf7-submit {
    align-items: center;
    background-color: var(--blue);
	border-color: var(--blue);
    color: white;
    display: flex;
    font: bold 1rem var(--copy);
    height: 45px;
    justify-content: center;
    text-transform: uppercase;
}

.wpcf7-submit {
	border-style: solid;
	border-radius: 0;
	padding: 6px 10px
}

.header-top .header-button:hover,
.header-top .header-events .header-button:hover,
.wpcf7-submit:hover {
    background-color: var(--green);
    border-color: var(--green);
    color: white;
}

.header-top .header-events .header-button {
    background-color: var(--pink);
    border-color: var(--pink);
    padding: 0 2rem;
}

.header-top .header-donate .header-button {
    background-color: var(--yellow);
    padding: 0 2rem;
}

.header-top .header-donate .header-button:hover {
    background-color: var(--green);
}

.search-toggle {
    color: var(--blue);
    font-size: 1.33rem;
    grid-area: search;
    justify-self: right;
}

.menu-toggle {
    font-size: 1.33rem;
    grid-area: menu;
    justify-self: right;
}

.menu-open {
    display: block;
}

.menu-close {
    display: none;
}

.nav-active .menu-open {
    display: none;
}

.nav-active .menu-close {
    display: block;
}

.desktop-only {
    display: none;
}

.header-logo,
.header-events,
.header-appointments,
.header-donate {
    max-height: 9999px;
    overflow: hidden;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
}

.scroll-header-hide .header-logo,
.scroll-header-hide .header-events,
.scroll-header-hide .header-appointments,
.scroll-header-hide .header-donate {
    max-height: 0;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
}

.scroll-header-hide header {
    margin-top: -2rem;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
}

.nav-container {
    grid-area: nav;
}

.full-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.full-menu ul a {
    font-size: 1rem;
    font-weight: bold;
}

.menu-2020-full-menu-container {
    margin: 1rem 0;
}

.full-menu ul a {
    color: var(--blue);
}

.full-menu ul ul {
    margin: 0 0 1rem 1rem;
}

.full-menu ul ul a {
    font-weight: normal;
}

.full-menu {
    max-height: 0;
    overflow: hidden;
    transition: all 1s cubic-bezier(1,0,0,1) 0s;
}

.nav-active .full-menu {
    overflow: auto;
    max-height: 50vh;
    transition: all 1s cubic-bezier(1,0,0,1) 0s;
}

.header-search input {
    appearance: none;
    border: 2px solid var(--blue);
    display: flex;
    height: 40px;
    padding: 0 1rem;
}

.header-search {
    display: flex;
    justify-content: stretch;
    margin: 1rem 0;
    width: 100%;
}

.search-container {
    grid-area: search-field;
    max-height: 0;
    overflow: hidden;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
}

.header-search input[type=text] {
    width: 100%;
}

.header-search input[type=submit] {
    background-color: var(--blue);
    color: white;
    font-size: 1.25rem;
    margin-left: 5px;
}

.search-active .search-container {
    max-height: 999px;
    transition: all 500ms cubic-bezier(1,0,0,1) 0s;
}

.search-active .search-toggle {
    color: var(--pink);
}

#ltlmtn_footer {
    background-color: var(--blue); /* #585858 */
    color: white;
    font-size: .77rem;
    line-height: 2;
    display: table;
    width: 100%;
	max-width: 100%;
    padding: 2rem 0;
}
@media (max-width: 767px) {
	#ltlmtn_footer {
		display: block;
	}
	#ltlmtn_footer .footer-container.page-width {
		max-width: 100%;
		width: calc( 100% - 2rem );
	}
}

#ltlmtn_footer h3 {
    font: bold 1.2rem var(--copy);
    text-transform: uppercase;
}

#ltlmtn_footer a {
    color: white;
}

#ltlmtn_footer .footer-column.column-3 .top-row,
#ltlmtn_footer .footer-column.column-3 .second-row {
	text-align: center;
	margin-top: 30px;
}
#ltlmtn_footer .footer-column.column-3 .top-row img {
	max-width: 100%;
	width: 250px;
}
#ltlmtn_footer .footer-column.column-3 .second-row img {
	width: 75px;
	max-width: 50%;
}
#ltlmtn_footer .footer-column.column-3 .second-row a:last-of-type img {
	width: 66px;
	max-width: 45%;
}
#ltlmtn_footer p.fine-print {
	font-size: .74rem;
	line-height: 1.5;
	margin-bottom: 1.3rem;
}

.footer-badges {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
	max-width: 100%;
}

.footer-badges img {
    display: block;
    justify-self: center;
    margin: 0.5rem auto;
    padding: 5px;
}
div.healthplan-disclosure {
	margin: 2em 0 9em;
	border-top: 1px solid rgba(255,255,255,0.3);
    padding-top: 1em;
}
div.healthplan-disclosure a.btn.btn-link,
div.healthplan-disclosure a {
	font-weight: inherit;
	white-space: break-spaces;
}
div.healthplan-disclosure span.caret {
	transform: scale(1.5);
	margin-left: 4px;
}
div.healthplan-disclosure .in {
	float: none;
}

.homepage-hero {
    margin: 0 auto;
    max-width: 1020px;
    position: relative;
    width: 100%;
}

.hero-image {
    background-position: center;
    background-size: cover;
    display: block;
    min-height: 350px;
    position: relative;
}

.hero-text {
    display: table;
    padding: 1rem;
    text-align: center;
}

.hero-text h1 {
    color: white;
    font-size: 1.5rem;
}

.hero-title {
    background-color: var(--teal);
    margin: 0 auto;
    width: 100%;
}

.hero-title h1 {
    color: white;
    font-size: 1.5rem;
    margin: 0 auto;
    padding: 1rem 0 0 0;
    text-align: center;
}

.hero-text {
    background-color: var(--teal);
    color: white;
}

.hero-text h2 {
    font-size: 1.25rem;
    margin-top: 0;
    text-transform: uppercase;
}

.home #content {
    background-color: white;
}

#homepage-programs,
#homepage-events-row {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr;
    margin: 1rem auto;
}

.program-parent-card {
    color: white;
    position: relative;
}

.program-parent-card .image {
    background-position: center;
    background-size: cover;
    display: block;
    min-height: 350px;
}

.program-parent-card .name {
    background-color: var(--blue);
    bottom: 0;
    display: block;
    left: 0;
    padding: 1rem;
    position: absolute;
    text-align: center;
    width: 100%;
}
.program-parent-card:hover .name {
    background-color: var(--pink);
}

.video-column .name {
    background-color: var(--blue);
    display: block;
    padding: 1rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.video-column .name:hover {
    background-color: var(--yellow);
}

.video-column .name h2,
.program-parent-card .name h2 {
    color: white;
    margin: 0 auto;
    text-align: center;
}

.homepage-appointment a {
    align-items: center;
    background-color: var(--green);
    display: flex;
    min-height: 100px;
    justify-content: center;
    padding: 0.5rem 0;
    width: 100%;
}

.homepage-appointment a:hover {
    background-color: var(--pink);
}

.homepage-appointment a h2 {
    color: white;
    text-align: center;
}

iframe {
    border: 0;
    padding: 0;
}

.embed-container { 
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
} 
    
.embed-container iframe,
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
}

#homepage-video {
    margin-top: 1rem;
}

#homepage-video iframe,
#homepage-half-video iframe {
    z-index: 0;
}

#homepage-video .video-caption,
#homepage-half-video .video-caption {
    bottom: 0;
    display: none;
    left: 0;
    margin: 2rem;
    opacity: 1;
    position: absolute;
    transition: all 1s linear 0s;
}

#homepage-video .video-caption h3,
#homepage-half-video .video-caption h3 {
    color: white;
}

#homepage-video.video-active .video-caption,
#homepage-half-video.video-active .video-caption {
    opacity: 0;
}

.homepage-socials {
    margin-top: 1rem;
}

#astor #cff {
    min-height: 480px;
}

#astor #cff .cff-item {
    clear: none;
}

#astor .cff-page-name {
    font-size: 12px;
}

#astor #cff .cff-author .cff-author-text span.cff-page-name {
    height: auto;
}

#astor a.new-win::after, .new-win::after {
    display: none;
}

#astor .cff-text {
    font-size: 0.85rem;
}

#astor .new-win {
    font-size: 0.85rem;
}

.cff-wrapper {
    padding: 0 .5rem;
    position: relative;
}

.carousel-arrow {
    cursor: pointer;
    display: block;
    top: calc( 50% - 1rem );
    position: absolute;
    z-index: 1;
	transform: scaleX(2.5) scaleY(5);
}

.carousel-arrow.prev {
    left: 0;
}

.carousel-arrow.next {
    right: 0;
}

ul.slick-dots {
    cursor: pointer;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#astor .slick-dots li {
    background: #EEE;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    height: 12px;
    margin: 0 2px;
    padding: 0;
    width: 12px;
    text-align: center;
}

#astor .slick-dots li.slick-active {
    background: var(--gray);
}

.homepage-testimonials {
    position: relative;
    z-index: 0;
}

.testimonial-box {
    align-items: center;
    background-color: var(--pink);
    color: white;
    display: flex !important; /* Override Slick setting */
    justify-content: center;
    max-height: 480px;
    min-height: 480px;
    overflow: auto;
    padding: 2rem;
    text-align: center;
}

.testimonial-box:nth-of-type(2n+2) {
    background-color: var(--teal);
}

.testimonial-box:nth-of-type(3n+3) {
    background-color: var(--blue);
}

.testimonial-box:nth-of-type(4n+4) {
    background-color: var(--green);
}

.testimonial-box:nth-of-type(5n+5) {
    background-color: var(--yellow);
}

.homepage-testimonials .carousel-arrow {
    color: rgba(255,255,255,0.75);
}

.homepage-testimonials .carousel-arrow.prev {
    left: 0.5rem;
}

.homepage-testimonials .carousel-arrow.next {
    right: 0.5rem;
}

.testimonial-text {
    font: normal 1.3rem var(--heading);
    margin-bottom: 1rem;
}

.testimonial-attribution {
    line-height: 2;
}

#astor .ctct-form-embed.form_0 .ctct-form-defaults {
    background-color: transparent;
    padding: 0;
}

label#email_address_label_0 {
    display: none;
}

.ctct-gdpr-text {
    display: none;
}

#astor .ctct-form-footer {
    display: none;
}

#astor div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
    border: 0;
    border-radius: 0;
}

#astor div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
    border-radius: 0;
    font-family: var(--heading);
    background-color: var(--pink);
    border: 1px solid var(--pink);
}

#astor .ctct-inline-form {
    max-width: 300px;
}
#astor div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
    color: rgba(255,255,255,0.8) !important;
    font: 15px "Helvetica Neue", Arial, sans-serif;
    margin: 0 0 14px 0;
}
#astor .ctct-form-embed.form_1 .ctct-form-defaults {
    background-color: var(--blue);
    padding: 12px 0;
}
#astor div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {
    margin-bottom: 6px;
    font-weight: normal;
	font-size: 15px;
}
#astor div.ctct-form-embed form.ctct-form-custom div.ctct-form-field {
    margin: 0 0 12px 0;
}
#astor div.ctct-form-embed form.ctct-form-custom div#last_name_field_1.ctct-form-field {
    margin: 0 0 24px 0;
}
#astor div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	height: 36px;
	padding: 8px 15px;
	border: 1px solid #b0b6bb;
	border-radius: 0px;
	font-size: 15px;
}

.covid-updates {
    background: #EDEDED;
    color: white;
    margin: 1rem auto;
    padding: 1rem;
    text-align: center;
}

.covid-updates a {
    color: white;
}

.covid-updates h2 {
    color: var(--blue);
    font-size: 2rem;
    margin: 0 auto 1rem auto;
}

.covid-boxes {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr;
}

.covid-box {
    background-color: var(--green);
    padding: 1rem;
    position: relative;
}

#content .covid-icon {
    outline: none;
}

.covid-box h3 {
    color: white;
}

.covid-box .summary {
    margin: 1rem 0 2rem 0;
}

.covid-box .read-more {
    bottom: 1rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.covid-box:nth-of-type(2n+2) {
    background-color: var(--pink);
}

.covid-box:nth-of-type(3n+3) {
    background-color: var(--yellow);
}

#astor .grecaptcha-badge {
    display: none;
}

.jetpack_widget_social_icons svg.icon-facebook {
    fill: #1877f2;
}

.jetpack_widget_social_icons svg.icon-twitter {
    fill: rgb(29, 161, 242);
}

.jetpack_widget_social_icons svg.icon-linkedin {
    fill: #0073b1;
}

.jetpack_widget_social_icons svg.icon-youtube {
    fill: red;
}

.jetpack_widget_social_icons svg.icon-instagram {
    fill: white;
}

svg.icon.icon-instagram {
    background: linear-gradient(180deg, rgba(81,91,212,1) 0%, rgba(221,42,123,1) 50%, rgba(245,133,41,1) 100%);
    border-radius: 10px;
}

.jetpack_widget_social_icons ul.size-medium a {
    height: 40px;
    width: 40px;
}

.jetpack_widget_social_icons svg {
    filter: drop-shadow(1px 1px 0 rgba(0, 0, 0, 0.5));
}

.homepage-facebook,
.homepage-testimonials {
    margin-bottom: 1rem;
}

#astor #cff .cff-author {
    background: var(--blue);
    padding: 5px;
    position: relative;
}

#astor #cff .cff-author a {
    color: white;
}

#astor #cff .cff-author .cff-author-text span.cff-page-name:after {
    color: white;
    content: 'On Facebook';
    display: block;
    font-size: 0.85rem;
}

#astor #cff .cff-item {
    max-height: 480px;
    overflow: auto;
    padding: 0;
}
#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper.w-100 {
	width: 100%;
}
#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper .cff-post-text .cff-text {
	display: inline-block;
	width: 100%;
}
#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper .cff-post-text .cff-text .cff-media-wrap.fb-post-image {
	display: inline;
}
#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper .cff-post-text .cff-text .cff-media-wrap.fb-post-image .cff-photo {
	width: 40%;
	margin-left: 10px;
}
#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper .cff-post-text .cff-text .cff-media-wrap.fb-post-image .cff-photo .cff-album-icon {
	display: none;
}
#cff a.cff-lightbox-link {
	pointer-events: none;
}
#cff .cff-photo-hover {
	display: none !important;
}

.section-heading {
    background-color: var(--blue);
    color: white;
    margin-bottom: 1rem;
    padding: 1rem;
}
.page-bronx .section-heading,
.page-hudson-valley .section-heading {
	margin-bottom: 0;
	padding-bottom: 0;
}
.row.decorations { 
	margin-left: 0;
    margin-right: 0;
	margin-bottom: 1rem;
	background-color: var(--blue);
	padding: 0 1rem 1rem;
}

.section-heading h1 {
    margin-top: 0;
    font-size: 2rem;
    line-height: 1.25;
}

.programs-grid .excerpt-img-link,
.programs-grid .read-more-p {
    display: none;
}

.programs-grid ul {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: 1fr 1fr;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.programs-grid .program-grid-item {
    background-color: #EDEDED;
    background-position: center;
    background-size: cover;
    height: 0;
    display: block;
    padding-top: 125%;
    position: relative;
    width: 100%;
    z-index: 0;
}

.programs-grid .program-grid-item:before,
.programs-grid .program-grid-item:after {
    content: none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.programs-grid .program-grid-item:before {
    background-color: black;
    mix-blend-mode: color;
}

.programs-grid .program-grid-item:after {
    background-color: #666;
    mix-blend-mode: screen;
}

.programs-grid ul li {
    display: block;
    position: relative;
}

.programs-grid h2 {
    color: white;
    flex-basis: 100%;
    font-size: 0.75rem;
    margin: 0;
    text-align: center;
}

.programs-grid .excerpt {
    display: block;
    max-height: 0;
    overflow: hidden;
}

.programs-grid .content {
    align-items: center;
    background-color: var(--green);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    bottom: 0;
    min-height: 3rem;
    padding: 0.25rem;
    width: 100%;
    z-index: 2;
}

.programs-contact {
    background-color: var(--pink);
    color: white;
    margin: 1rem auto;
    padding: 1rem;
}

.programs-contact h2 {
    margin-top: 0;
}

.programs-contact a {
    color: white;
}

.programs-contact .mobile-break {
    display: block;
}

#astor .alignright {
    position: static;
    margin-left: 1rem;
}

.region {
    background-color: var(--blue);
    color: white;
    padding: 0.5rem;
}

.region em {
    font: normal 1rem var(--heading);
    letter-spacing: 1px;
}

#astor .entry-content-thumbnail {
    display: none;
}

.section-navigation .navbar {
    background-color: #EDEDED;
    color: black;
    font-family: var(--copy);
}

.section-navigation .navbar-toggle {
    color: #333;
    font-family: var(--copy);
    font-weight: normal;
}

.section-navigation .navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
}

.section-navigation .navbar-nav li > a,
.section-navigation .navbar-nav li > a:link,
.section-navigation .navbar-nav li > a:active,
.section-navigation .navbar-nav li > a:visited {
    color: var(--purple);
    font-weight: normal;
}

.section-navigation .navbar-default .navbar-nav > .open > a,
.section-navigation .navbar-default .navbar-nav > .open > a:hover,
.section-navigation .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.section-navigation .navbar-nav .open > .dropdown-menu {
    background-color: #fff;
}

.section-navigation .navbar-nav li.open li > a,
.section-navigation .navbar-nav li.open li > a:link,
.section-navigation .navbar-nav li.open li > a:active,
.section-navigation .navbar-nav li.open li > a:visited {
    color: var(--blue);
    margin: 5px 0;
}

.entry-content ul > li {
    background: transparent url(/wp-content/themes/astor-2020/img/list-pic.gif) no-repeat scroll 0 2px;
    line-height: 1.35;
    list-style-type: none;
    margin: 0 0 0.2em -0.7em;
    padding: 0 0 1ex 35px;
    text-indent: -1em;
}
ul.mec-event-sharing li.mec-event-social-icon {
	background-image: none;
	background: transparent none no-repeat scroll 0 0;
	line-height: 1.35;
	list-style-type: none;
	margin: 0 3px 0;
	padding: 0 0;
	text-indent: 0;
}

.section-navigation {
    margin-bottom: 1rem;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: var(--blue);
}

.section-navigation .navbar-nav li.active > a {
    color: var(--blue);
}


.section-menu-events li {
	max-width: 8em;
	word-break: normal;
}
.section-menu-events li:last-of-type {
    max-width: 6em;
}

.menu-new-2020-full-menu-container {
    margin: 1rem 0;
}

.menu li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.page-title, .search-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 1020px;
    width: calc( 100% - 1rem );
}

.entry-content #contact-page-content ul > li {
    background: transparent;
}

.announcement-banner {
    background-color: var(--pink);
	/* For April 2021 only: */
	/* background-color: #1caf9c; */
    color: white;
    font-size: 0.75rem;
    padding: 0.5rem;
}

.announcement-banner a {
    color: white;
}

.announcement-banner .widget {
    margin: 0 auto;
    text-align: center;
}

.announcement-banner p {
    margin-bottom: 0;
}
.announcement-banner div.crisis {
	position: relative;
}
.announcement-banner div.crisis ul.dropdown-menu {
    background-color: var(--pink);
	/* For April 2021 only: */
	/* background-color: #1caf9c; */
	left: 50%;
	padding: 5px 10px;
	width: 17rem;
	max-width: 100%;
	margin-left: -8.5rem;
}
.announcement-banner div.crisis ul.dropdown-menu li br {
	height: 0px;
	line-height: 0px;
}
.announcement-banner div.crisis ul.dropdown-menu a {
	font-weight: bold;
	text-decoration: underline;
	padding: 2px 10px;
	letter-spacing: 1px;
}
.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric {
	padding: 0px 10px;
	font-size: 13px;
	color: #eee;
	letter-spacing: 1px;
}

.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric a,
.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric a:link,
.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric a:active,
.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric a:visited,
.announcement-banner div.crisis ul.dropdown-menu li .phone-numeric a:hover {
	color: #eee;
	text-decoration: none !important;
}
.announcement-banner div.crisis ul.dropdown-menu li:last-of-type span.phone-numeric {
	letter-spacing: 0;
}
.btn-link {
    background-color: transparent;
    padding: 0;
    display: inline;
    vertical-align: baseline;
    font-size: inherit;
    line-height: inherit;
}
/* logos text block ====================  */
div.logos-container.container {
	display: table;
	margin: 75px auto 50px;
}
.logos-group.row  {
	display: table-row;
}
.logos-group div.col {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	float: none;
	max-width: 175px;
}
.logos-group div.col a {
	display: block;
}
/*bootstrap for contact form 7 modifications ========*/
.screen-reader-response {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.form-control {
	color: #000;
	font-weight: bold;
}
.wpcf7-response-output:empty {
	display: none;
}
.wpcf7-response-output.alert {
	background-color: #d9ffd9; /* aliceblue */
	border-radius: 5px;
	border: 1px solid silver;
}
.wpcf7-form.invalid .wpcf7-response-output.alert {
	background-color: moccasin;
}
.wpcf7-form.invalid div.form-group.has-error input,
.wpcf7-form.invalid div.form-group.has-error textarea {
	border-color: #a71d2a;
}
form.wpcf7-form .form-group span.help-block.wpcf7-not-valid-tip {
	color: #a71d2a;
	font-size: 1rem;
	font-style: italic;
}
.wpcf7 .btn-primary {
    background-color: var(--blue);
    border-color: var(--blue);
}
.wpcf7-acceptance {
	margin-left: 1rem;
}
.terms .wpcf7-acceptance label {
	margin-bottom: 1em;
}
/* Other form styling */
.bscf #contact-a-program-form-region .form-wrap {
	margin-bottom: 40rem;
}
button.btn.recipient-button {
	background-color: #fff;
	color: initial;
	border: 2px solid #dbdbdb;
	border-radius: 4px;
	padding: .3em .3em .3em 1em;
	font-weight: bold;
	font-size: 15px;
	max-width: 100%;
	width: 400px;
	text-align: left;
	font-family: arial, helvetica, 'helvetica new', sans-serif;
}
button.btn.recipient-button i {
	float: right;
	vertical-align: middle;
	margin-top: 8px;
	font-size: 10px;
	font-weight: normal;
}
ul.recipient-dropdown {
	background-color: #eee;
}
.entry-content #contact-page-content ul.dropdown-menu.recipient-dropdown > li {
	margin: 0 3px 0;
	padding: 0 0;
	text-indent: 1em;
	border-width: 0;
	border-style: none;
	border-color: #ddd;
	background-color: transparent;
	padding: 3px;
	color: #000;
	font-family: arial, helvetica, 'helvetica new', sans-serif;
}
.entry-content #contact-page-content ul.dropdown-menu.recipient-dropdown > li a:hover,
.entry-content #contact-page-content ul.dropdown-menu.recipient-dropdown > li:hover {
	background-color: #3b9ffd;
	color: #fff;
}
/* Other bootstrap form styles ====  */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background-color: rgba(255, 185, 0, 0.1);
	border-radius: 5px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    background-color: rgba(0, 193, 3, 0.1);
	border-radius: 5px;
}
p.submission-acceptance {
	font-weight: bold;
	margin-bottom: .1em;
	margin-top: 2em;
}
.submission-instructions {
	font-size: .8em;
	font-style: italic;
	margin-bottom: .25em;
	padding-left: .5em;
}
.wpcf7-acceptance .wpcf7-acceptance {
	font-size: 0.8em;
	color: #616161;
	font-family: arial, "helvetica nueue", helvetica, sans-serif;
	padding: .5em 2.25em 1em 1.5em;
	background-color: #f9f9f9;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin-top: 0;
	margin-bottom: 0;
}
.wpcf7-acceptance input[type="checkbox"] {
	transform: scale(2.2) translateY(-4px);
	transform-origin: top right;
	margin-left: -35px;
	cursor: pointer;
}
.wpcf7-acceptance label::before {
	content: " * ";
	white-space: pre;
	display: inline-block;
	margin-bottom: -.5em;
	color: red;
	font-weight: bold;
	font-size: 1.5em;
}
.anr_captcha_field_div {
	margin-bottom: 1rem;
}
#contact-page-content ul.nav-tabs > li {
	text-indent: 0;
	padding-bottom: 0;
}
#contact-page-content ul.nav-tabs > li > a {
	font-size: 1.15rem;
	line-height: 2;
	min-height: 3.5rem;
}
#contact-page-content ul.nav-tabs > li:nth-of-type(4) > a {
	font-size: 1.15rem;
	line-height: 1;
	min-height: 3.5rem;
}
.entry-content #contact-page-content ul > li {
    background: #f8f8f8 none no-repeat scroll 0 0;
    margin: 0 3px 0;
    padding: 0 0;
    text-indent: 0;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ddd;
}
.entry-content #contact-page-content #contact-form ul > li {
	padding: 4px 0;
}
.entry-content #contact-page-content #contact-form ul > li.recipient-helper a {
	color: #000;
}
.entry-content #contact-page-content ul > li.active {
	background-color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
	margin-right: 0;
	border-radius: 0 0;
}
.term-clothing.term-127 div.wpsc_default_product_list {
	display: none;
}
.page-id-1624 .wpsc_default_product_list {
	visibility: hidden;
	min-height: 4em;
 }
.page-id-1624 #default_products_page_container h3 {
	display: none;
}
.page-id-1624 #default_products_page_container h4 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 2em;
}
/* mec events calendar */
div.mec-calendar dt {
    font-size: 16px;
}
div.mec-calendar .mec-calendar-events-side .mec-table-side-title {
    font-size: 14px;
}
div.mec-calendar .mec-calendar-events-side .mec-table-side-day {
	width: 54px;
	height: 54px;
	line-height: 54px;
	font-size: 16px;
}
div.mec-calendar .mec-event-article .mec-event-detail,
div.mec-calendar .mec-event-article .mec-localtime-details div {
    font-size: 16px;
}
.page-bottom .aside-upcoming-events {
	max-width: 768px;
	margin: 0 auto 2em;
}
.widget div.mec-month-divider span {
    font-size: 22px;
}
div.mec-event-list-modern article.mec-event-article,
div.mec-event-list-modern article.mec-event-article:last-child {
	border-bottom: 2px solid #e9e9e9;
	padding: 30px 0 10px;
	min-height: 150px;
}
div.mec-event-list-modern div.mec-event-date {
    padding: 0 0 10px 0;
}
div.mec-event-list-modern div.mec-event-date .event-f {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1b1b1b;
}
div.mec-event-list-modern .mec-event-date .event-da {
    margin-top: -10px;
    color: #5d5d5d;
    font-size: 24px;
}
div.mec-event-list-modern .mec-event-date .event-d {
    padding: 0 0;
	line-height: 1.25;
}
body.post-type-archive-mec-events div.logos-container {
	display: none;
}
body.post-type-archive-mec-events .page-bottom-widget-area div.logos-container {
	display: table;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.video-column .name h2 {
	font-size: 5vw;
}
div.events-slider {
	position: relative;
	background-color: var(--blue);
}
div.events-slider:before {
	content: "";
    display: block;
	padding-top: 71.31147540983607%;
}
#carousel-homepage-events .carousel-caption {
	top: 70%;
}
#carousel-homepage-events .carousel-caption h4 {
	font-size: 3.6vw;
}
#carousel-homepage-events .carousel-caption p {
	font-size: 3.3vw;
}
#carousel-homepage-events {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
#carousel-homepage-events,
#carousel-homepage-events .carousel-inner,
#carousel-homepage-events .carousel-inner .item {
	height: 100%;
}
#carousel-homepage-events .carousel-inner .item img {
	margin: 0;
	padding: 0;
	object-fit: cover;
}

#carousel-homepage-events .carousel-indicators {
	bottom: auto;
	top: 20px;
}

#carousel-homepage-events .carousel-caption {
	left: 0%;
	right: 0%;
	bottom: 0px;
	top: 70%;
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-left: 15px;
	background-color: rgba(0, 56, 139, 0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	resize: vertical;
	overflow: auto;
	font-family: 'helvetica neue', helvetica, arial, sans-serif;

}
#carousel-homepage-events .carousel-caption:hover {
	background-color: var(--yellow);
}

#carousel-homepage-events .carousel-caption h4 {
	margin-top: 0;
	margin-bottom: 6px;
}
#carousel-homepage-events .carousel-caption p {
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
}
#carousel-homepage-events .carousel-control {
	cursor: pointer;
}
.container.page-bottom-widget-area {
	padding: 0 30px;
}

/* modals === */
.modal-title {
    font-weight: bold;
    text-align: center;
}
.modal.in {
	float: none;
	position: fixed;
}
.modal-backdrop.in {
	position: fixed;
}
.modal.in .modal-dialog {
    z-index: 1041;
}
.modal-footer:after {
    clear: none;
}
/* appModal ==== */
#appModal .notei {
    color: navy;
    text-indent: 0;
    font-size: .85rem;
    line-height: 1.4em;
    text-align: left;
    margin: 0 1rem;
    font-style: italic;
}
#appModal div.modal-body {
	font-size: .9rem;
}
#appModal div.preface {
    margin: 1em 1em;
    padding: 1em 1.5em;
    background-color: #e6eef5;
    border: 1px solid #c7d2d8;
}
#appModal h4 {
	font-weight: bold;
}
/* Job Application Form ======== */
.page-job-application-form .short-menu.desktop-only {
    display: none;
}
.bscf form,
.page-job-application-form form {
	color: #000;
}
.bscf form p,
.page-job-application-form form p {
	margin-bottom: 1rem;
}
sup.required {
    color: red;
    font-weight: bold;
    font-size: larger;
    top: -.25em;
}
.bscf .form-group,
.page-job-application-form .form-group {
    margin-bottom: 25px;
}
.bscf .form-group.radio-inline,
.bscf .form-group.checkbox-inline,
.page-job-application-form .form-group.radio-inline,
.page-job-application-form .form-group.checkbox-inline {
    margin-bottom: 0px;
}
.bscf .wpcf7-form-control-wrap,
.page-job-application-form .wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: inline-block;
}
.page-job-application-form .appnum-instructions {
	margin-top: 15px;
}
.bscf .wpcf7-not-valid-tip,
.page-job-application-form .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: .9em;
    font-weight: normal;
    font-style: italic;
    display: inline-block;
    margin-top: 5px;
    position: absolute;
    left: 4px;
    right: 0;
    bottom: 0;
    width: 100%;
    transform: translateY(1.4em);
}
.wpcf7-not-valid-tip::after {
  content: "";
  display: table;
  clear: both;
}
.bscf  .wpcf7-not-valid,
.page-job-application-form .wpcf7-not-valid {
	border-color: #ffb900;
	box-shadow: 0 0 0 .2rem rgba(255, 185, 0, 0.25);
}
.page-job-application-form .form-control[disabled],
.page-job-application-form .form-control[readonly],
.page-job-application-form fieldset[disabled] .form-control,
.page-job-application-form .col.app-date-field input.read-only {
    opacity: 1;
    background-color: whitesmoke;
    color: #000;
    font-weight: bold;
    border-color: navy;
    border-width: 0 0 1px 0;
    border-radius: 0;
	max-width: 100%;
}
.page-job-application-form .col.app-date-field input.read-only {
	width: 100%;
}
.page-job-application-form label.label-light {
	font-weight: normal;
}
.page-job-application-form label .small {
	/* font-size: 90%; */
	font-weight: normal;
}
.d-block {
	display: block;
}
.d-hidden {
	visibility: hidden;
}
form p.clear-file {
	text-decoration: underline;
	margin: .25rem 0 0 1rem;
	cursor: pointer;
}
.bscf fieldset,
.page-job-application-form fieldset {
    width: calc(100% - 30px);
    border: 1px solid silver;
    padding: 0.5rem 1rem;
    margin: 0 15px 2rem 15px;
}
.bscf fieldset.terms {
    padding: 0 1rem;
    margin: 2rem 0 2rem 0;
    width: 100%;
}
.bscf fieldset.terms p:empty {
	display: none;
}
.bscf fieldset.terms p {
	font-size: .85rem;
}
.bscf legend,
.page-job-application-form legend {
    width: auto;
    padding: 0 1rem;
    border-bottom: 0px hidden transparent;
    font-weight: bold;
}
.page-job-application-form fieldset fieldset legend {
	font-size: 1rem;
}
.page-job-application-form .form-group.inset {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 0;
}
div.availability-date input {
	max-width: 12em;
}
.codedropz-upload-wrapper {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
}
.dnd-upload-status {
    width: 330px;
    margin: 0 auto;
    max-width: 100%;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background: #85c487;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
    text-decoration: underline;
    box-shadow: none;
	color: royalblue;
}
input[type="date"].form-control {
    line-height: 34px;
    max-width: 12em;
    margin-right: auto;
}
.form-row .col-xs-1, .form-row .col-sm-1, .form-row .col-md-1, .form-row .col-lg-1, .form-row .col-xs-2, .form-row .col-sm-2, .form-row .col-md-2, .form-row .col-lg-2, .form-row .col-xs-3, .form-row .col-sm-3, .form-row .col-md-3, .form-row .col-lg-3, .form-row .col-xs-4, .form-row .col-sm-4, .form-row .col-md-4, .form-row .col-lg-4, .form-row .col-xs-5, .form-row .col-sm-5, .form-row .col-md-5, .form-row .col-lg-5, .form-row .col-xs-6, .form-row .col-sm-6, .form-row .col-md-6, .form-row .col-lg-6, .form-row .col-xs-7, .form-row .col-sm-7, .form-row .col-md-7, .form-row .col-lg-7, .form-row .col-xs-8, .form-row .col-sm-8, .form-row .col-md-8, .form-row .col-lg-8, .form-row .col-xs-9, .form-row .col-sm-9, .form-row .col-md-9, .form-row .col-lg-9, .form-row .col-xs-10, .form-row .col-sm-10, .form-row .col-md-10, .form-row .col-lg-10, .form-row .col-xs-11, .form-row .col-sm-11, .form-row .col-md-11, .form-row .col-lg-11, .form-row .col-xs-12, .form-row .col-sm-12, .form-row .col-md-12, .form-row .col-lg-12 {
    padding-left: 5px;
    padding-right: 5px;
}
.wpcf7-radio div.radio,
.wpcf7-checkbox div.checkbox,
.wpcf7-radio.radio-inline label,
.wpcf7-checkbox.checkbox-inline label {
	display: inline-block;
	margin-right: 1.5rem;
	cursor: pointer;
}
.wpcf7-radio.radio-block div.radio,
.wpcf7-checkbox.checkbox-block div.checkbox {
	display: block;
	margin-right: 0;
}
input[type="radio"], input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    top: 3px;
    cursor: pointer;
    transform: scale(1.5);
    transform-origin: center right;
}
.wpcf7-list-item label .wpcf7-list-item-label {
    cursor: pointer;
}
.page-job-application-form .race-trigger {
    font-size: .85em;
    padding: 10px 0 0 14px;
    width: auto;
    margin: 0 auto 0em 0;
    background: transparent url(/designel/help-tiny-10x10.png) no-repeat left 70%;
    cursor: pointer;
    font-style: italic;
    color: navy;
}
.wpcf7-acceptance .wpcf7-list-item-label {
	margin-left: 1em;
}
/* .submit-group {
	z-index: 0;
	position: relative;
	display: inline-block;
} */
.wpcf7 .wpcf7-submit {
	position: relative;
	display: inline-block;
}
.wpcf7 .wpcf7-submit:disabled {
    opacity: .4;
	background-color: goldenrod;
}
/* .page-job-application-form .wpcf7 .wpcf7-submit:disabled {
	z-index: -1;
} */
.page-job-application-form hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 2px solid #bbb;
}

/* Extra Small devices  */
@media (max-width: 375px) {
	.header-top .header-button {
		font-size: .9rem;
	}
	.header-phone {
		font-size: 13px;
	}
}

/* Small devices (phones in portrait mode) */
@media (max-width: 767px) {
	.col-sm-1 {
		width: 8.33333%;
	}
	.col-sm-2 {
		width: 16.66666%;
	}
	.col-sm-3 {
		width: 24.99999%;
	}
	.col-sm-4 {
		width: 33.33333%;
	}
	.col-sm-5 {
		width: 41.66666%;
	}
	.col-sm-6 {
		width: 49.99999%;
	}
	.col-sm-7 {
		width: 58.33333%;
	}
	.col-sm-8 {
		width: 66.66666%;
	}
	.col-sm-9 {
		width: 74.99999%;
	}
	.col-sm-10 {
		width: 83.33333%
	}
	.col-sm-11 {
		width: 91.66666%;
	}
	.col-sm-12 {
		width: 99.99996%;
	}
	header.astor-2020 {
		position: relative;
	}
	div.logos-container.container {
		margin: 75px -10px 50px;
	}
	.logos-container .col {
		padding-right: 5px;
		padding-left: 5px;
	}
	.header-logo {
		text-align: center;
	}
	.header-logo img {
		max-width: 100%;
		width: 135px;
	}
	.homepage-hero {
		background-color: var(--teal);
	}
	.homepage-hero img {
		transform: scale(.7);
		transform-origin: 54% 50%;
		margin: -55px auto;
	}
	.page-job-application-form fieldset {
		width: 100%;
		padding: 0.5rem .5rem;
		margin: 0 0px 2rem 0px;
	}
	.page-job-application-form .form-group.inset {
		margin-left: 5px;
		margin-right: 5px;
	}
	.modal-dialog {
		max-width: 100vw;
		margin: 0 0;
	}
	.modal-content {
		max-width: 94vw;
		margin-right: auto;
		margin-left: auto;
	}
	.modal-content * {
		max-width: 100%;
	}
	#appModal div.preface {
		margin: 1em 0em;
	}
	.radio+.radio, .checkbox+.checkbox {
		margin-top: 10px;
	}
	.btn, a.btn {
		white-space: normal;
	}
	sup.required {
		top: -.1em;
	}
	.cff-wrapper-ctn.cff-wrapper-fixed-height {
		height: auto !important;
	}
	#astor #cff.cff-thumb-layout .cff-item .cff-text-wrapper .cff-post-text .cff-text .cff-media-wrap.fb-post-image .cff-photo {
		width: 50%;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.col-md-1 {
		width: 8.33333%;
	}
	.col-md-2 {
		width: 16.66666%;
	}
	.col-md-3 {
		width: 24.99999%;
	}
	.col-md-4 {
		width: 33.33333%;
	}
	.col-md-5 {
		width: 41.66666%;
	}
	.col-md-6 {
		width: 49.99999%;
	}
	.col-md-7 {
		width: 58.33333%;
	}
	.col-md-8 {
		width: 66.66666%;
	}
	.col-md-9 {
		width: 74.99999%;
	}
	.col-md-10 {
		width: 83.33333%
	}
	.col-md-11 {
		width: 91.66666%;
	}
	.col-md-12 {
		width: 99.99996%;
	}
	.video-column .name h2 {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	#carousel-homepage-events .carousel-caption h4 {
		font-size: 18px;
	}
	#carousel-homepage-events .carousel-caption p {
		font-size: 14px;
	}
	#carousel-homepage-events .carousel-caption {
		top: 78.5%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.header-logo {
		text-align: center;
	}
	.header-logo img {
		max-width: 100%;
		width: 135px;
	}
	.homepage-hero img {
		position: absolute;
		z-index: 1;
		transform: scale(.9);
		transform-origin: left bottom;
	}
	div.hero-image {
		background-image: url('../img/homepage-hero-1020x400.jpg') !important;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.col-lg-1 {
		width: 8.33333%;
	}
	.col-lg-2 {
		width: 16.66666%;
	}
	.col-lg-3 {
		width: 24.99999%;
	}
	.col-lg-4 {
		width: 33.33333%;
	}
	.col-lg-5 {
		width: 41.66666%;
	}
	.col-lg-6 {
		width: 49.99999%;
	}
	.col-lg-7 {
		width: 58.33333%;
	}
	.col-lg-8 {
		width: 66.66666%;
	}
	.col-lg-9 {
		width: 74.99999%;
	}
	.col-lg-10 {
		width: 83.33333%
	}
	.col-lg-11 {
		width: 91.66666%;
	}
	.col-lg-12 {
		width: 99.99996%;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }