@charset "UTF-8";
/* CSS Document */
/*
Theme Name: Michigan Women Forward 2024
Theme URI: https://miwf.org/
Author: Grigg
Author URI: https://grigg.com/
Description: Custom theme for miwf.org
Tags: 
Version: 1.0
Requires at least: 5.0
Tested up to: 6.5
Requires PHP: 7.4

Text Domain: mwf
*/
/*Print view includes BG color with this*/
.has-mwfpink-color { color: #ee3897 !important; }

.has-mwfblue-color { color: #6e9dae !important; }

.has-mwfgreen-color { color: #647d64 !important; }

.has-mwfbeige-color { color: #c8c8b4 !important; }

.has-mfwlbeige-color { color: #e3e3d9 !important; }

.has-mwfpink-background-color { background-color: #ee3897 !important; }

.has-mwfbeige-background-color { background-color: #c8c8b4; }

.has-mfwlbeige-background-color { background-color: #e3e3d9; }

.has-mwfblue-background-color { background-color: #6e9dae; }

.has-mwfgreen-background-color { background-color: #647d64; }

.alignright { float: right; margin: 0 0 1rem 1rem; }
@media (max-width: 781px) { .alignright { float: none !important; display: flex !important; margin: 0 0 1rem !important; } }

.alignleft { float: left; margin: 0 1rem 1rem 0; }

@media (max-width: 781px) { .alignright img { margin: 0 auto !important; } }

.wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 50% !important; }
@media (max-width: 781px) { .wp-block-embed.alignleft, .wp-block-embed.alignright { max-width: 100% !important; } }

/*   overrides wp default width for floating embeds   */
body { font: 1.2em/130% Quicksand, sans-serif; margin: 0; overflow-x: hidden; }

hr, .wp-block-separator { border: .5px solid #ddd !important; }

.home-hr { margin: 1rem 15rem; }
@media (max-width: 1299px) { .home-hr { margin: 1rem 6rem; } }
@media (max-width: 980px) { .home-hr { margin: 1rem 3rem; } }
@media (max-width: 781px) { .home-hr { margin: 1rem; } }

img { max-width: 100%; display: block; }

a { font-weight: bold; text-decoration: none; color: #ee3897; }

a:hover { text-decoration: underline; }

small { font-size: .75em; line-height: 1.2em; }

address { font-style: normal; }

.clr { clear: both; }

h1 { font-size: 3em; margin: 1rem 0; }
@media (max-width: 781px) { h1 { font-size: 2.25em; } }

h2 { font-size: 2.5em; }
@media (max-width: 781px) { h2 { font-size: 1.75em; } }

h3 { font-size: 2em; }
@media (max-width: 781px) { h3 { font-size: 1.25em; } }

h1, h2, h3 { line-height: 1.2em; margin-bottom: 1rem; }

h6 { font-size: 1em; }

.has-small-font-size, .has-large-font-size, .has-x-large-font-size { line-height: 1.2em; margin: 1rem 0; }

.script { font-family: "lindsey-signature", sans-serif; font-weight: normal; line-height: 1em; }
@media (max-width: 781px) { .script { padding: 0 1rem; } }

.button, .facetwp-reset, .facetwp-load-more { -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ display: inline-block; color: #fff; padding: .5rem 1rem; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; font-size: .75rem; text-transform: uppercase; font-weight: normal; transition: all .25s ease-in-out; border: 0; }

.facetwp-load-more { margin-top: 2rem; }

.button:hover, .facetwp-reset:hover, .facetwp-load-more:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.25); }

.wp-block-button__link { transition: all .25s; }

.wp-block-button__link:hover { text-decoration: none; opacity: .75; }

.tag-link { display: inline-block; font-size: .75rem; font-weight: normal; background-color: white; padding: .5em 1em; border-radius: .5em; line-height: 1.2em; transition: all .25s; margin: 0 1em .5em 0; }

.tag-link:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.5); }

.embed-container iframe { aspect-ratio: 16/9; width: 100%; height: auto; }

.banner-image { text-align: center; position: relative; }
.banner-image img { width: 100%; object-fit: cover; aspect-ratio: 5/1; object-position: center; filter: brightness(50%); }
@media (max-width: 980px) { .banner-image img { aspect-ratio: 3/1; } }
@media (max-width: 781px) { .banner-image img { aspect-ratio: 2/1; } }
.banner-image .script { color: white; font-size: 4em; z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media (max-width: 980px) { .banner-image .script { width: 95%; font-size: 3em; padding: 0; } }
.banner-image h1 { margin: 0; }

/*   Pagination   */
.nav-links { margin-top: 1em; }
.nav-links .page-numbers { margin: 0 .5em; }

header { font: .75em/1em Quicksand, sans-serif; z-index: 100; position: relative; }
header ul { list-style: none; margin: 0; padding: 0; display: inline-flex; }
header .toprow { background-color: #e3e3d9; padding: 1rem 15rem; text-align: right; }
@media (max-width: 1799px) { header .toprow { padding: 1rem 10rem; } }
@media (max-width: 1299px) { header .toprow { padding: 1rem 6rem; } }
@media (max-width: 980px) { header .toprow { padding: 1rem 3rem; } }
@media (max-width: 781px) { header .toprow { padding: 1rem; } }
header .toprow .social-media, header .toprow form, header .toprow .menu-top-menu-container { display: inline-block; vertical-align: middle; }
header .toprow .social-media img { width: 1.25rem; height: auto; display: inline-block; vertical-align: middle; }
header .toprow .social-media a:not(:last-of-type) img { margin-right: .5rem; }
header .toprow ul li:not(:last-of-type) { padding-right: 2em; }
header .toprow ul a { color: black; text-decoration: none; font-weight: normal; }
header .toprow ul a:hover { text-decoration: underline; }
header .toprow form { margin: 0 1rem; }
header .toprow form input { border: none; border-radius: 1em; font-size: .75em; padding: .5em; min-width: 25rem; }
header .bottomrow { padding-right: 15rem; display: grid; grid-template-columns: 10rem 1fr 2fr; box-shadow: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.125); /*   Main Nav   */ }
@media (max-width: 1799px) { header .bottomrow { padding-right: 10rem; } }
@media (max-width: 1299px) { header .bottomrow { padding-right: 6rem; } }
@media (max-width: 980px) { header .bottomrow { padding-right: 3rem; } }
@media (max-width: 781px) { header .bottomrow { padding-right: 1rem; } }
header .bottomrow a { color: black; text-decoration: none; font-weight: normal; text-transform: uppercase; }
header .bottomrow ul { /*temp fix...will get replaced*/ }
@media (max-width: 781px) { header .bottomrow ul { display: none; } }
header .bottomrow ul ul { /*width: calc(100% - 32rem); left: 0;*/ display: none; position: absolute; background-color: #f7f7f7; z-index: 2; flex-direction: column; box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.125); padding: 1rem; margin: 2.75rem 0 0 -1rem; border-radius: 0 0 1rem 1rem; }
header .bottomrow ul li { padding: 1rem; display: inline-flex; transition: all .5s; }
header .bottomrow ul li:hover { background-color: #ee3897; color: white; }
header .bottomrow ul li:hover a { color: white; }
header .bottomrow ul .menu-item-has-children:after { content: "▼"; margin-left: 1rem; transition: all .5s; display: inline-flex; font-size: .75em; align-self: center; }
header .bottomrow ul .menu-item-has-children:hover:after { transition: all .5s; transform: rotate(180deg); color: white; }
header .bottomrow ul li:hover ul { display: flex; }
header .bottomrow ul li:hover ul ul { display: none; }
header .bottomrow ul li:hover ul li { border: none; padding: .5rem 1rem; }
header .bottomrow ul li:hover ul li a { text-transform: capitalize; color: black; transition: all .5s; }
header .bottomrow ul li:hover ul li a:hover { color: #ee3897; }
header .bottomrow ul li:hover ul li:hover { background-color: revert; }
header .bottomrow ul li:hover ul .menu-item-has-children:after { content: none; }
header .bottomrow ul li:not(:last-of-type) { border-right: 0.5px solid rgba(0, 0, 0, 0.125); }
header .bottomrow .logo-tag .inner { background-color: #ee3897; margin: -3.6rem 1rem -1rem 2rem; position: absolute; height: 9rem; width: calc(10rem - 3rem); z-index: 10; box-shadow: 0rem 1rem 1rem rgba(0, 0, 0, 0.2); align-content: end; }
header .bottomrow .logo-tag .inner img { margin: 0 auto 3rem auto; }
header .bottomrow .logo-tag img, header .bottomrow .logo-text { height: 1.5rem; }
header .bottomrow .logo-text { display: inline; margin-top: 1.25rem; }
@media (max-width: 1299px) { header .bottomrow .logo-text { display: none; } }

article { padding: 1rem 15rem; }
@media (max-width: 1799px) { article { padding: 1rem 10rem; } }
@media (max-width: 1299px) { article { padding: 1rem 6rem; } }
@media (max-width: 980px) { article { padding: 1rem 3rem; } }
@media (max-width: 781px) { article { padding: 1rem; } }

#breadcrumbs { font-size: .8rem; line-height: 1.2em; color: rgba(0, 0, 0, 0.75); margin-bottom: 0; }
#breadcrumbs a { color: black; }
#breadcrumbs span { margin: 0 .5em; }
#breadcrumbs span:first-of-type { margin-left: 0; }

footer { background-color: rgba(0, 0, 0, 0.75); color: white; font-size: 1rem; line-height: 1.2em; display: grid; grid-template-areas: "cta cta cta cta" "logo menufooter address1 address2" "logo menufooter searchfooter socialmedia" "logo menufooter copyright copyright"; grid-gap: 1rem; clear: both; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
@media (max-width: 980px) { footer { grid-template-areas: "cta cta cta cta" "logo menufooter address1 address2" "logo menufooter searchfooter socialmedia" "copyright copyright copyright copyright"; } }
@media (max-width: 781px) { footer { grid-template-areas: "cta" "logo" "menufooter" "socialmedia" "searchfooter" "copyright"; text-align: center; } }
footer a { color: white; }
footer .cta { background-color: #e3e3d9; padding: 1rem 15rem; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ font-size: 1rem; grid-area: cta; color: black; text-align: center; margin-bottom: 2rem; line-height: 1rem; }
@media (max-width: 1799px) { footer .cta { padding: 1rem 10rem; } }
@media (max-width: 1299px) { footer .cta { padding: 1rem 6rem; } }
@media (max-width: 980px) { footer .cta { padding: 1rem 3rem; } }
@media (max-width: 781px) { footer .cta { padding: 1rem; } }
@media (max-width: 781px) { footer .cta { margin: 0; } }
footer .cta .button { margin-left: 1em; }
footer .cta .button:hover { background-color: #ee3897; }
footer .logos { grid-area: logo; padding-left: 18rem; text-align: center; }
@media (max-width: 1799px) { footer .logos { padding-left: 12rem; } }
@media (max-width: 1299px) { footer .logos { padding-left: 9rem; } }
@media (max-width: 980px) { footer .logos { padding-left: 3rem; } }
@media (max-width: 781px) { footer .logos { padding-left: 1rem; } }
footer .logos .mwf { width: 150px; height: auto; margin: -7rem auto 2rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25); }
@media (max-width: 781px) { footer .logos .mwf { display: none; } }
footer .logos .cdfi { width: 85px; height: auto; margin: 0 auto; }
footer .menufooter { grid-area: menufooter; }
footer .menufooter .footer-logo { display: none; }
@media (max-width: 781px) { footer .menufooter .footer-logo { display: block; width: 50%; margin: 1rem auto 2.5rem; } }
footer .menufooter ul { list-style: none; margin: 0; padding: 0; }
@media (max-width: 781px) { footer .menufooter ul li { margin: 1em 0; } }
footer .menufooter ul ul { display: none; }
footer .menufooter a { font-weight: normal; }
footer .address1 { grid-area: address1; }
@media (max-width: 781px) { footer .address1 { display: none; } }
footer .address2 { grid-area: address2; padding-right: 18rem; }
@media (max-width: 1799px) { footer .address2 { padding-right: 12rem; } }
@media (max-width: 1299px) { footer .address2 { padding-right: 9rem; } }
@media (max-width: 980px) { footer .address2 { padding-right: 3rem; } }
@media (max-width: 781px) { footer .address2 { padding-right: 1rem; } }
@media (max-width: 781px) { footer .address2 { display: none; } }
footer .searchfooter { grid-area: searchfooter; }
@media (max-width: 781px) { footer .searchfooter { margin: 1rem 2rem; } }
footer .searchfooter input { border: none; border-radius: 10px; background-color: #555; color: white; font-size: .75rem; padding: .75rem .5rem; }
footer .socialmedia { grid-area: socialmedia; padding-right: 18rem; }
@media (max-width: 1799px) { footer .socialmedia { padding-right: 12rem; } }
@media (max-width: 1299px) { footer .socialmedia { padding-right: 9rem; } }
@media (max-width: 980px) { footer .socialmedia { padding-right: 3rem; } }
@media (max-width: 781px) { footer .socialmedia { padding-right: 1rem; } }
footer .socialmedia img { display: inline-block; width: 2rem; height: auto; opacity: .75; transition: all .25s; vertical-align: middle; }
footer .socialmedia a:not(:last-of-type) img { margin-right: .5rem; }
@media (max-width: 781px) { footer .socialmedia a:not(:last-of-type) img { margin-right: 1rem; } }
footer .socialmedia img:hover { opacity: 1; }
footer .copyright { grid-area: copyright; padding-bottom: 3rem; font-size: .8em; padding-right: 18rem; }
@media (max-width: 1799px) { footer .copyright { padding-right: 12rem; } }
@media (max-width: 1299px) { footer .copyright { padding-right: 9rem; } }
@media (max-width: 980px) { footer .copyright { padding-right: 3rem; } }
@media (max-width: 781px) { footer .copyright { padding-right: 1rem; } }
@media (max-width: 980px) { footer .copyright { text-align: center; } }
footer .copyright .menu-privacy-and-terms-links-container { display: inline-block; }
footer .copyright ul { list-style: none; margin: 0; padding: 0; display: flex; }
footer .copyright ul li { margin-left: 1em; padding-left: 1em; border-left: 1px solid #fff; }
@media (max-width: 781px) { footer .copyright ul li:first-of-type { border-left: none; } }

/*   WP Defaults   */
.has-mwfpink-background-color { background-color: #ee3897; }

/*   Home Page   */
.home-page h1 { font-size: 2.25rem; font-weight: lighter; margin: 3rem 0; }
@media (max-width: 781px) { .home-page h1 { margin: 0; } }
.home-page h1 .script { font-size: 4rem; line-height: 1.2em; }
@media (max-width: 781px) { .home-page h1 .script { font-size: 3rem; } }

@media (max-width: 980px) { .home-intro { flex-direction: column; }
  .home-intro .wp-block-media-text__content { margin: 1rem; } }
@media (max-width: 781px) { .home-intro .has-large-font-size { font-size: 1.2em !important; } }

.home-row:first-of-type { grid-template-areas: "text image"; background-color: #c8c8b4; }
@media (max-width: 980px) { .home-row:first-of-type { grid-template-areas: "image" "text"; } }
.home-row:first-of-type .text { padding-left: 15rem; padding-right: 3rem; padding-top: 1rem; padding-bottom: 1rem; }
@media (max-width: 1799px) { .home-row:first-of-type .text { padding-left: 10rem; } }
@media (max-width: 1299px) { .home-row:first-of-type .text { padding-left: 6rem; } }
@media (max-width: 980px) { .home-row:first-of-type .text { padding-left: 3rem; } }
@media (max-width: 781px) { .home-row:first-of-type .text { padding-left: 1rem; } }
@media (max-width: 781px) { .home-row:first-of-type .text { padding-right: 1rem; } }

.home-row:nth-of-type(2) { grid-template-areas: "image text"; background-color: #6e9dae; margin-bottom: 3rem !important; }
@media (max-width: 980px) { .home-row:nth-of-type(2) { grid-template-areas: "image" "text"; } }
.home-row:nth-of-type(2) .text { padding-right: 15rem; padding-left: 3rem; padding-top: 1rem; padding-bottom: 1rem; }
@media (max-width: 1799px) { .home-row:nth-of-type(2) .text { padding-right: 10rem; } }
@media (max-width: 1299px) { .home-row:nth-of-type(2) .text { padding-right: 6rem; } }
@media (max-width: 980px) { .home-row:nth-of-type(2) .text { padding-right: 3rem; } }
@media (max-width: 781px) { .home-row:nth-of-type(2) .text { padding-right: 1rem; } }
@media (max-width: 781px) { .home-row:nth-of-type(2) .text { padding-left: 1rem; } }

.home-row { background-color: #eee; margin: 0 !important; display: grid; grid-template-columns: 1fr 1fr; }
@media (max-width: 980px) { .home-row { grid-template-columns: 1fr; } }
.home-row h3 { font-weight: normal; margin: 0; font-size: 3.5em; }
.home-row .text { grid-area: text; align-content: center; }
@media (max-width: 980px) { .home-row .text { margin: 2rem 1rem; } }
.home-row .text p { margin-top: 0; }
.home-row img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 2/1; }
@media (max-width: 1299px) { .home-row img { height: 100%; aspect-ratio: inherit; } }
@media (max-width: 980px) { .home-row img { aspect-ratio: 4/1; } }
.home-row .button { background-color: #ee3897; color: white; }
.home-row .button:hover { opacity: .75; }

.title { text-align: center; }
.title p { margin-bottom: 0; font-size: 1rem; }
.title h2 { margin: 0; font-size: 4em; line-height: 1.5em; }
@media (max-width: 781px) { .title h2 { line-height: 1.2em; margin-top: 1rem; } }

.acf-grid { padding: 1rem 15rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3px; font-size: .9em; }
@media (max-width: 1799px) { .acf-grid { padding: 1rem 10rem; } }
@media (max-width: 1299px) { .acf-grid { padding: 1rem 6rem; } }
@media (max-width: 980px) { .acf-grid { padding: 1rem 3rem; } }
@media (max-width: 781px) { .acf-grid { padding: 1rem; } }
@media (max-width: 781px) { .acf-grid { grid-template-columns: 1fr; } }
.acf-grid .cell { background-color: rgba(0, 0, 0, 0.05); }
@media (max-width: 781px) { .acf-grid .cell { display: grid; grid-template-columns: 1fr 2fr; align-items: center; } }
.acf-grid .cell .thumb-wrap { overflow: hidden; width: 100%; height: 275px; display: block; }
@media (max-width: 980px) { .acf-grid .cell .thumb-wrap { height: 150px; } }
.acf-grid .cell .thumb-wrap img { width: 100%; object-fit: cover; transition: all .25s; }
.acf-grid .cell .thumb-wrap img:hover { transform: scale(110%); }
.acf-grid .cell img { width: 100%; height: 275px; object-fit: cover; }
@media (max-width: 980px) { .acf-grid .cell img { height: 150px; } }
.acf-grid .cell p { margin: 1em; }
.acf-grid .cell a { color: black; }

.home-partners { padding: 1rem 15rem; }
@media (max-width: 1799px) { .home-partners { padding: 1rem 10rem; } }
@media (max-width: 1299px) { .home-partners { padding: 1rem 6rem; } }
@media (max-width: 980px) { .home-partners { padding: 1rem 3rem; } }
@media (max-width: 781px) { .home-partners { padding: 1rem; } }
.home-partners img { transition: all .25s; filter: grayscale(100%); opacity: .75; max-height: 100px; width: auto; margin: 0 auto; }
.home-partners img:hover { filter: grayscale(0%); opacity: 1; }
.home-partners .swiper-wrapper { display: flex; align-items: center; }

/*   Blog   */
.news-grid { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 3rem; font-size: 1rem; line-height: 1.2em; }
@media (max-width: 980px) { .news-grid { grid-template-columns: 1fr; grid-gap: 0; } }
.news-grid p { margin-top: 0; }
.news-grid h6 { margin: 0; }
.news-grid #breadcrumbs { margin-top: 2rem; }
.news-grid .thumb-wrap { aspect-ratio: 3/2; display: block; overflow: hidden; }
.news-grid img { aspect-ratio: 3/2; object-fit: cover; width: 100%; height: auto; transition: all .25s; }
.news-grid img:hover { transform: scale(110%); }
.news-grid a { color: black; }
.news-grid .button { background-color: #ee3897; color: white; }
.news-grid .button:hover { background-color: rgba(238, 56, 151, 0.75); }
.news-grid .newsposts { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3px; }
@media (max-width: 781px) { .news-grid .newsposts { grid-template-columns: repeat(2, 1fr); } }
.news-grid .sidebar { padding-top: 4.5rem; }
@media (max-width: 980px) { .news-grid .sidebar { display: grid; padding-top: 1rem; grid-template-columns: repeat(3, 1fr); grid-template-areas: "news-search news-search news-search" "news-category news-type news-topic" "news-reset news-reset news-reset"; grid-gap: 1rem; } }
@media (max-width: 781px) { .news-grid .sidebar { grid-template-columns: 1fr; grid-template-areas: "news-search" "news-category" "news-type" "news-topic" "news-reset"; } }
.news-grid .sidebar .facetwp-facet { margin-bottom: 1rem; }
.news-grid .sidebar label { font-weight: bold; margin-bottom: .5em; display: block; }
.news-grid .sidebar button { border: none; background-color: #ee3897; }
.news-grid .sidebar button:hover { opacity: .75; }
.news-grid .sidebar input { border: none; background-color: #eee; padding: .5em 1em; border-radius: .5rem; font-size: .8em; }
.news-grid .sidebar .news-search { grid-area: news-search; }
@media (max-width: 980px) { .news-grid .sidebar .news-search { text-align: center; } }
.news-grid .sidebar .news-category { grid-area: news-category; }
.news-grid .sidebar .news-type { grid-area: news-type; }
.news-grid .sidebar .news-topic { grid-area: news-topic; }
.news-grid .sidebar .news-reset { grid-area: news-reset; text-align: center; }

.archive-grid { grid-template-columns: repeat(4, 1fr); grid-gap: 3px; }
@media (max-width: 781px) { .archive-grid { grid-template-columns: repeat(2, 1fr); } }

.grid-cell .inner { padding: .25em 1em 1em; }
.grid-cell small { margin: 1em 0 .5em; display: block; }
.grid-cell small time { padding-left: .5em; margin-left: .5em; border-left: 1px solid #aaa; display: inline-block; line-height: 1em; }

.featured-posts { background-color: #ee3897; padding: 1rem 15rem; color: white; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
@media (max-width: 1799px) { .featured-posts { padding: 1rem 10rem; } }
@media (max-width: 1299px) { .featured-posts { padding: 1rem 6rem; } }
@media (max-width: 980px) { .featured-posts { padding: 1rem 3rem; } }
@media (max-width: 781px) { .featured-posts { padding: 1rem; } }
.featured-posts ul { list-style: none; padding: 0; margin: 0 0 1rem; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 3px; }
@media (max-width: 980px) { .featured-posts ul { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 781px) { .featured-posts ul { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 980px) { .featured-posts ul li:nth-of-type(4) { display: none; } }
@media (max-width: 781px) { .featured-posts ul li:nth-of-type(4) { display: block; } }
.featured-posts a { color: white; }
.featured-posts h3 { text-align: center; }
@media (max-width: 781px) { .featured-posts h3 { font-size: 3em; } }
.featured-posts p { margin: 0 .5rem; line-height: 1.2em; font-size: .9em; }
.featured-posts small { display: block; }
.featured-posts .thumb-wrap { aspect-ratio: 8/5; display: flex; overflow: hidden; margin-bottom: 1rem; }
.featured-posts .thumb-wrap img { object-fit: cover; width: 100%; height: auto; transition: all .25s; }
.featured-posts .thumb-wrap img:hover { transform: scale(110%); }

.hof-pics .thumb-wrap { aspect-ratio: 4/3; display: flex; align-items: center; }
.hof-pics p { margin: 0; }

/*   Blog Post   */
.get-inspired { background-color: #6e9dae; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ color: white; font-size: 4em; padding: 6rem 1rem; text-align: center; }
@media (max-width: 781px) { .get-inspired { padding: 3rem 1rem; } }

.blog-container { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 2rem; grid-template-areas: "blogtitle blogtitle" "blogtext blogsidebar"; }
@media (max-width: 980px) { .blog-container { grid-template-columns: 1fr; grid-template-areas: "blogtitle" "blogtext" "blogsidebar"; } }
.blog-container .blog-title { grid-area: blogtitle; }
.blog-container .blog-title h1 { margin: 2rem 0 -1rem; }
.blog-container .blog-text { grid-area: blogtext; }
.blog-container aside { grid-area: blogsidebar; }
.blog-container aside .author-box { background-color: #e3e3d9; margin-bottom: 2rem; padding: 2rem 1rem 1rem; }
.blog-container aside .author-box a { color: black; }
.blog-container aside .author-box ul { margin: 1rem 1rem 0 2rem; padding: 0; list-style-type: none; }
.blog-container aside .author-box ul li { margin-top: .5em; font-size: .8em; }
.blog-container aside .author-box ul li a { display: inline-block; font-size: .75rem; font-weight: normal; background-color: white; padding: .5em 1em; border-radius: .5em; line-height: 1.2em; transition: all .25s; margin: 0 1em .5em 0; }
.blog-container aside .author-box ul li a:hover { text-decoration: none; background-color: rgba(255, 255, 255, 0.5); }
.blog-container aside .author-box ul li::before { content: ''; display: inline-block; height: 1.5rem; width: 1.5rem; background-repeat: no-repeat; margin: 0 .25rem 0 -2rem; vertical-align: middle; }
.blog-container aside .author-box ul .category-list::before { background-image: url("/wp-content/themes/mwf/images/icon-category-black.svg"); }
.blog-container aside .author-box ul .tag-list::before { background-image: url("/wp-content/themes/mwf/images/icon-tag.svg"); }
.blog-container aside .promo { background-color: rgba(0, 0, 0, 0.1); margin-bottom: 2rem; text-align: center; }
.blog-container aside .promo img { margin-bottom: 2rem; }
.blog-container aside .promo p, .blog-container aside .promo h4 { margin: 0 1rem; }
.blog-container aside .promo p { font-size: .8em; line-height: 1.4em; }
.blog-container aside .promo a { color: black; }
.blog-container aside .promo .logo { display: inline-block; width: 80%; margin-top: 2rem; }
.blog-container aside .small-promo { background-color: #6e9dae; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ color: white; text-align: center; padding: 2rem 1rem; font-size: .85em; line-height: 1.4em; }
.blog-container aside .small-promo h4 { margin: 0; font-size: 1.5em; line-height: 1.2em; }
.blog-container aside .small-promo p { margin-bottom: 0; }
.blog-container aside .small-promo a { color: white; }

/*   Women-Owned Business Directory   */
.map-container { height: 600px; background-color: rgba(0, 0, 0, 0.1); }
@media (max-width: 781px) { .map-container { height: 300px; } }
.map-container #facetwp-map { height: 600px !important; }
@media (max-width: 781px) { .map-container #facetwp-map { height: 300px !important; } }

.wob-archive { padding: 1rem 15rem; }
@media (max-width: 1799px) { .wob-archive { padding: 1rem 10rem; } }
@media (max-width: 1299px) { .wob-archive { padding: 1rem 6rem; } }
@media (max-width: 980px) { .wob-archive { padding: 1rem 3rem; } }
@media (max-width: 781px) { .wob-archive { padding: 1rem; } }
.wob-archive h1 { font-size: 4em; margin-top: 2rem; }
@media (max-width: 781px) { .wob-archive h1 { font-size: 3em; } }
.wob-archive h3 { margin-top: 0; }

.wob-controls-flex { display: flex; font-size: 1rem; line-height: 1.2em; grid-gap: 1rem; justify-content: stretch; }
@media (max-width: 781px) { .wob-controls-flex { flex-direction: column; } }
.wob-controls-flex .flex-item { flex: 1; }
.wob-controls-flex .facetwp-reset { border: none; background-color: #ee3897; transition: all .25s; }
.wob-controls-flex .facetwp-reset:hover { opacity: .75; }
.wob-controls-flex input { min-width: unset !important; padding: .5rem !important; border: 1px solid #ddd; width: calc(100% - 1rem); }
.wob-controls-flex .facetwp-facet-proximity input { display: inline-block; }
.wob-controls-flex .facetwp-facet-proximity .facetwp-input-wrap { width: 70%; }
.wob-controls-flex select { padding: .5em; width: calc(30% - 1em); }
.wob-controls-flex .facetwp-facet { margin: 0; }
.wob-controls-flex .facetwp-input-wrap { width: 100%; }
.wob-controls-flex i { display: none; }
.wob-controls-flex .fs-label { padding: .5rem !important; }

.wob-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 3px; font-size: 1rem; line-height: 1.2em; }
@media (max-width: 980px) { .wob-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 781px) { .wob-grid { grid-template-columns: 1fr; } }
.wob-grid .grid-cell { margin-bottom: 1rem; }
.wob-grid .wob-name { margin: 1em 1em 0; }
.wob-grid .wob-text { margin: 0 1em; }
.wob-grid a { color: black; }
.wob-grid .thumb-wrap { aspect-ratio: 3/2; display: block; overflow: hidden; }
.wob-grid img { aspect-ratio: 3/2; object-fit: cover; width: 100%; height: auto; transition: all .25s; }
.wob-grid img:hover { transform: scale(110%); }

.facetwp-map-filtering { display: none; }

.map-popup-grid { display: grid; grid-template-columns: 100px 1fr; grid-gap: 1rem; max-width: 300px; }
.map-popup-grid h4 { margin: 0; }
.map-popup-grid img { height: 100px; width: auto; }
.map-popup-grid p:first-of-type { margin-top: 0; }

/*   Women-Owned single page   */
.wob-title { background-color: #647d64; color: white; font-size: 4em; padding: 6rem 1rem; text-align: center; line-height: 1.2em; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
@media (max-width: 980px) { .wob-title { font-size: 3em; } }
@media (max-width: 781px) { .wob-title { padding: 3rem 1rem; } }

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

.wob-page .sidebar .logo { max-width: 10rem; margin: 0 auto; }
.wob-page .sidebar .info { background-color: rgba(0, 0, 0, 0.05); padding: 1rem; margin-bottom: 2rem; font-size: .8em; }
.wob-page .sidebar .info a { color: black; }
.wob-page .sidebar .info small { display: block; }
.wob-page .sidebar .info .icon { display: inline-block; width: 1em; height: auto; margin-right: .5em; vertical-align: middle; }
.wob-page .wob-insight { display: grid; list-style: none; margin: 1rem 0 0; padding: 1rem 0 0; border-top: 1px solid rgba(0, 0, 0, 0.1); grid-template-columns: 3fr 5fr; grid-gap: 1rem; clear: both; }
@media (max-width: 781px) { .wob-page .wob-insight { grid-template-columns: 1fr; grid-gap: 0; } }
.wob-page .wob-insight .thumb img { object-fit: contain; width: 100%; aspect-ratio: 4/3; }
.wob-page .wob-insight .text .type { margin: 0; }
.wob-page .wob-insight .text a { color: black; }
.wob-page .wob-insight .text .button { background-color: #ee3897; color: white; transition: all .25s; }
.wob-page .wob-insight .text .button:hover { opacity: .75; }
.wob-page .blog-text .logo-address { float: right; margin: 0 0 1rem 1rem; width: 250px; padding-left: 1rem; border-left: 1px solid rgba(0, 0, 0, 0.1); }
@media (max-width: 781px) { .wob-page .blog-text .logo-address { float: none; width: 100%; margin-left: 0; padding-left: 0; border: none; } }
.wob-page .blog-text .logo-address img { max-width: 150px; margin: 0 auto; }

@media (max-width: 980px) { .acf-map { height: 400px !important; } }

.pingrid { display: grid; grid-template-columns: 100px 200px; grid-gap: 1rem; grid-template-areas: "mapimage maptitle" "mapimage maptext"; }
.pingrid .mapimg { grid-area: mapimage; }
.pingrid .maptitle { grid-area: maptitle; align-self: end; }
.pingrid .maptext { grid-area: maptext; margin: 0; }

/*   Client-Owned single page   */
.cob-title { background-color: #6e9dae; color: white; font-size: 4em; padding: 6rem 1rem; text-align: center; line-height: 1.2em; }
@media (max-width: 980px) { .cob-title { font-size: 3em; } }

/*   MI Women Hall of Fame   */
.hof-grid { display: grid; grid-template-columns: 1fr 3fr; grid-gap: 1rem; margin-top: 3rem; }
@media (max-width: 980px) { .hof-grid { grid-template-columns: 1fr 4fr; } }
@media (max-width: 781px) { .hof-grid { grid-template-columns: 1fr 2fr; margin-top: 1rem; } }
.hof-grid aside button { border: none; background-color: #ee3897; }
.hof-grid aside button:hover { opacity: .75; }
.hof-grid aside input { border: none; background-color: #eee; padding: .5em 1em; border-radius: .5rem; font-size: .8em; }
@media (max-width: 781px) { .hof-grid aside .facetwp-facet-hof_search { display: none; } }
@media (max-width: 781px) { .hof-grid aside .facetwp-checkbox { margin-bottom: 1rem; font-size: 1rem; } }
@media (max-width: 980px) { .hof-grid .facetwp-facet input.facetwp-search, .hof-grid .facetwp-facet input.facetwp-location { min-width: inherit; width: calc(100% - 40px); } }

.hof-list { list-style: none; margin: 0; padding: 0; }
.hof-list .hof-item { display: grid; grid-template-columns: 1fr 100px; grid-gap: 3rem; padding: .5em 0; border-bottom: 1px solid #ccc; align-items: center; }
@media (max-width: 781px) { .hof-list .hof-item { grid-template-columns: 1fr; grid-gap: 0; grid-template-areas: "hof-year" "hof-name"; } }
.hof-list .hof-item .name { font-size: 2rem; line-height: 1.2em; }
@media (max-width: 980px) { .hof-list .hof-item .name { font-size: 1.5rem; } }
@media (max-width: 781px) { .hof-list .hof-item .name { font-size: 1rem; grid-area: hof-name; } }
.hof-list .hof-item .name a { color: black; display: inline-flex; }
.hof-list .hof-item .name .name-wrap { display: flex; }
.hof-list .hof-item .name .name-wrap:after { content: "▶"; margin-left: 1rem; color: rgba(100, 125, 100, 0.75); align-self: center; font-size: .75rem; }
.hof-list .hof-item .year { text-align: right; }
@media (max-width: 781px) { .hof-list .hof-item .year { text-align: left; font-size: .75em; margin-bottom: .5em; grid-area: hof-year; } }
.hof-list .hof-item .year .tag { color: white; transition: .25s all; display: inline-block; padding: .5em 1em; min-width: 3rem; text-align: center; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
.hof-list .hof-item .year .tag:hover { opacity: .75; text-decoration: none; }
.hof-list .fwpl-result:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.025); }

/*   MI Women Hall of Fame single page   */
.mwhof .hof-header { display: grid; grid-template-columns: auto 1fr; grid-template-areas: "title class"; grid-gap: 3rem; align-items: center; }
@media (max-width: 781px) { .mwhof .hof-header { grid-template-columns: 1fr; grid-template-areas: "class" "title"; grid-gap: 0; margin-top: 3rem; } }
.mwhof .hof-header h1 { margin: .5rem 0 0 0; grid-area: title; }
.mwhof .hof-header .class-grid { grid-area: class; }
@media (max-width: 781px) { .mwhof .hof-header .class-grid { margin-bottom: 1rem; } }
.mwhof .hof-header .classof { padding: 1em; color: white; font-size: .8em; transition: .25s all; }
.mwhof .hof-header .classof:hover { text-decoration: none; opacity: .75; }
.mwhof .thumb { width: 300px; float: right; margin: 0 0 1rem 1rem; }
@media (max-width: 781px) { .mwhof .thumb { float: none !important; width: 100% !important; margin: 0 0 1em 0 !important; } }
.mwhof .thumb img { width: 100%; }
.mwhof .button { background-color: #ee3897; transition: .25s all; }
.mwhof .button:hover { opacity: .75; }

/*   WomanUp and Celebrate Event   */
.womanup-ul { padding: 0; margin: 0; }

.listing-item { display: grid; grid-template-columns: 1fr 3fr; grid-template-areas: "image title" "image text"; border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 1rem; }
@media (max-width: 781px) { .listing-item { grid-template-areas: "image" "title" "text"; grid-template-columns: 1fr; grid-gap: 1rem; } }
.listing-item .image { grid-area: image; margin-right: 3rem; }
@media (max-width: 781px) { .listing-item .image { margin-right: 0; } }
.listing-item .title { grid-area: title; text-align: left; font-size: 2em; line-height: 1.2em; align-content: end; }
.listing-item .content { grid-area: text; }
.listing-item .button { background-color: #ee3897; }
.listing-item .button:hover { opacity: .75; }

.sponsor-logos { text-align: center; }
.sponsor-logos .logos { border-bottom: 1px solid #eee; padding-bottom: 1rem; margin-bottom: 1rem; }
.sponsor-logos .logos .wrap { display: inline-flex; max-width: 25%; margin: 1rem 3rem; vertical-align: middle; }
@media (max-width: 781px) { .sponsor-logos .logos .wrap { max-width: 33%; } }
.sponsor-logos .logos .wrap img { max-height: 200px; }

/*   WomanUp and Celebrate Past Winners   */
.womanup-controls { display: inherit; margin-bottom: 1rem; /*   Overrides flex style from WOB controls   */ }
@media (max-width: 781px) { .womanup-controls .ghostkit-grid-inner { flex-direction: column; } }
.womanup-controls select { width: calc(100% - 1em); }

.women-of-achievement .fwpl-result { padding: .5em 0 .5em .5em; }
.women-of-achievement .fwpl-result:nth-of-type(even) { background-color: rgba(0, 0, 0, 0.05); }

/*   WomanUp and Celebrate Past Winners Single Page   */
.honoree .thumb { float: right; margin: 0 0 1rem 1rem; width: 40%; }
@media (max-width: 781px) { .honoree .thumb { width: 100%; margin: 0 0 1rem; } }
.honoree .thumb img { width: 100%; height: auto; }
.honoree .honoree-buttons { text-align: center; }
.honoree .honoree-buttons .button { margin: 0 .5rem; }
@media (max-width: 781px) { .honoree .honoree-buttons .button { margin: 0 0 1rem; } }
.honoree .honoree-buttons .button:hover { opacity: .75; }
.honoree .honoree-buttons .button:first-of-type { background-color: #ee3897; }
.honoree .honoree-buttons .button:last-of-type { background-color: #6e9dae; }

/*   Classes and Seminars main page   */
.classes-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 3px; padding: 0; margin: 0; list-style: none; }
@media (max-width: 980px) { .classes-grid { grid-template-columns: repeat(2, 1fr); } }
.classes-grid .thumb-wrap { aspect-ratio: 3/2; display: block; overflow: hidden; }
.classes-grid img { aspect-ratio: 3/2; object-fit: cover; width: 100%; height: auto; transition: all .25s; }
.classes-grid img:hover { transform: scale(110%); }
.classes-grid p { margin-bottom: 0; }
.classes-grid h6 { margin: 0 0 1rem; }
.classes-grid .button { background-color: #ee3897; color: white; }
.classes-grid .button a { color: white; }
.classes-grid .button:hover { background-color: rgba(238, 56, 151, 0.75); }
.classes-grid .inner { padding: .25em 1em 1em; }

/*.fwpl-layout.asasasas {grid-template-columns: repeat(2,1fr) !important;}*/
.seeallclasses { background-color: #ee3897; color: white; }

.seeallclasses:hover { background-color: rgba(238, 56, 151, 0.75); }

/*   Power of 100 Women   */
.p100 .thumb { width: 25%; }
@media (max-width: 781px) { .p100 .thumb { width: 100%; } }

.p100-header { background-color: #ee3897; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ color: white; font-size: 4em; padding: 6rem 1rem; text-align: center; }
@media (max-width: 781px) { .p100-header { padding: 3rem 1rem; } }

.p100grid .thumb-wrap { aspect-ratio: 1/1; display: block; overflow: hidden; }
.p100grid img { aspect-ratio: 1/1; object-fit: cover; width: 100%; height: auto; transition: all .25s; }
.p100grid img:hover { transform: scale(110%); }

/*   Our team/Our Board   */
.our-team { background-color: #647d64; }

.our-board { background-color: #6e9dae; }

.our-team-grid { display: grid; grid-gap: 3px; grid-template-columns: repeat(5, 1fr) !important; margin: 0; padding: 0; list-style: none; }
@media (max-width: 980px) { .our-team-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 781px) { .our-team-grid { grid-template-columns: repeat(2, 1fr) !important; } }
.our-team-grid h4 { margin: 1rem .5rem 0; }
.our-team-grid .team-text { font-size: .8em; margin: 0 .5rem 1rem; line-height: normal; display: block; }
.our-team-grid .image-wrap { position: relative; }
.our-team-grid .image-wrap a { aspect-ratio: 3/4; display: block; overflow: hidden; border-radius: .5rem; transition: all .25s; }
.our-team-grid .image-wrap a img { aspect-ratio: 3/4; object-fit: cover; height: auto; width: 100%; transition: all .25s; }
.our-team-grid .image-wrap a img:hover { transform: scale(110%); }
.our-team-grid .image-wrap::after { content: url("images/arrow-corner.svg"); position: absolute; bottom: 0; right: 0; height: 5rem; width: 5rem; }

.team-page { display: grid; grid-gap: 3rem; grid-template-columns: 3fr 1fr; }
@media (max-width: 781px) { .team-page { grid-template-columns: 1fr; grid-gap: 0; } }
.team-page h3 { margin-top: 1rem; }
.team-page aside { background-color: #eee; padding: 1rem; margin-top: 3rem; }
.team-page aside .wp-post-image { width: 100%; height: auto; margin-bottom: 1rem; }
.team-page aside .linkedin { width: 2rem; height: auto; }
.team-page aside p { margin: .5em 0; }
.team-page aside h4 { margin: 0; font-size: 1.25em; }

/*   Careers   */
@media (max-width: 980px) { .careers-grid { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 781px) { .careers-grid { grid-template-columns: 1fr !important; } }
.careers-grid .fwpl-result { background-color: #ee3897; padding: 1em; color: white; align-content: center; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
.careers-grid .fwpl-result a { color: white; }
.careers-grid .fwpl-result h4 { margin: 0 0 .5em; font-size: 1.25em; }
.careers-grid .fwpl-result .button { margin-top: 1em; }
.careers-grid .fwpl-result:nth-of-type(3n) { background-color: #6e9dae; }
.careers-grid .fwpl-result:nth-of-type(3n-1) { background-color: #647d64; }

.career-buttons { text-align: center; }
.career-buttons .button { background-color: #6e9dae; }

/*   Search Results   */
.search-results .search-bar { margin-bottom: 3rem; }
.search-results .searchform #s { background-color: rgba(0, 0, 0, 0.05); border: none; border-radius: 1em; padding: .5em; }
.search-results .searchform #searchsubmit { border: none; background-color: #ee3897; color: white; padding: .5em 1em; cursor: pointer; text-transform: uppercase; transition: all .25s; }
.search-results .searchform #searchsubmit:hover { opacity: .75; }
.search-results section { display: grid; grid-template-columns: 250px 1fr; grid-gap: 1rem; padding: 1.5rem 1rem; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
.search-results section img { object-fit: cover; aspect-ratio: 4/3; width: 100%; }
.search-results section:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); }
.search-results h3 { margin-top: 0; }

/*   Misc   */
.fs-wrap { width: 100% !important; }

/* Removes fixed width from FacetWP inputs, keep an eye on it */
.wp-embed-aspect-16-9 { aspect-ratio: 16/9; width: 100%; height: auto; }
.wp-embed-aspect-16-9 .wp-block-embed__wrapper { height: 100%; /* WP YouTube embed block, forces 100% of container width */ }
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe { width: 100%; height: 100%; }

.wp-block-image .aligncenter { text-align: center; }

.wp-block-media-text { -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }

@media (max-width: 781px) { .wp-block-media-text > .wp-block-media-text__content { padding: 0 1rem !important; } }

.wp-block-media-text blockquote { margin: 1rem 0; }

/* Blockquote doesn't need margin in media + text block */
.has-background { -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }

/*   Testimonials bar   */
.testimonials { padding-left: 15rem; background-color: rgba(0, 0, 0, 0.05); display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "testtext testimg"; align-items: center; }
@media (max-width: 1799px) { .testimonials { padding-left: 10rem; } }
@media (max-width: 1299px) { .testimonials { padding-left: 6rem; } }
@media (max-width: 980px) { .testimonials { padding-left: 3rem; } }
@media (max-width: 781px) { .testimonials { padding-left: 1rem; } }
@media (max-width: 781px) { .testimonials { grid-template-columns: 1fr; grid-template-areas: "testimg" "testtext"; padding-left: 0; } }
.testimonials .text { padding: 1rem 3rem 1rem 0; grid-area: testtext; }
@media (max-width: 781px) { .testimonials .text { padding: 1rem; } }
.testimonials .text h6 { margin: 0 0 1rem; font-weight: normal; }
.testimonials .text blockquote { margin: 0; font-size: 2em; line-height: 1.2em; font-weight: lighter; }
@media (max-width: 980px) { .testimonials .text blockquote { font-size: 1.5em; } }
.testimonials .text small { font-weight: lighter; }
.testimonials .text .button:hover { background-color: #ee3897; }
.testimonials img { aspect-ratio: 5/3; object-fit: cover; width: 100%; height: 100%; grid-area: testimg; }
@media (max-width: 781px) { .testimonials img { aspect-ratio: 5/2; } }

@media (max-width: 781px) { .ghostkit-button { white-space: break-spaces !important; } }

.wp-block-quote { margin: 1em 0; }

.wp-block-quote .script { font-size: 4em; padding: 0; }
@media (max-width: 781px) { .wp-block-quote .script { font-size: 3em; } }

#mc_embed_signup, #mc_embed_signup .button { font: .8rem Quicksand, sans-serif !important; }

#mc_embed_signup { background-color: #f3f3f3 !important; }

/*   3 Col Promo   */
.col3-promo { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 3px; margin-top: 3rem; color: white; }
@media (max-width: 781px) { .col3-promo { grid-template-columns: 1fr; } }
@media print { .col3-promo { display: none; } }
.col3-promo .col { text-align: center; }
.col3-promo .col .photo { aspect-ratio: 4/1; width: 100%; object-fit: cover; margin-bottom: 2rem; }
@media (max-width: 980px) { .col3-promo .col .photo { aspect-ratio: 2.5/1; } }
.col3-promo .col .icon { width: 2.5em; height: auto; display: inline-block; }
.col3-promo .col h6 { font-size: 1.5em; font-weight: normal; margin: 1rem; line-height: 1.2em; }
@media (max-width: 980px) { .col3-promo .col h6 { font-size: 1.1rem; } }
.col3-promo .col .button { margin-bottom: 3rem; }
@media (max-width: 980px) { .col3-promo .col .button { margin-bottom: 2rem; } }
.col3-promo .col .button:hover { background-color: #ee3897; }
.col3-promo .col:first-of-type { background-color: #647d64; }
.col3-promo .col:nth-of-type(2) { background-color: #6e9dae; }
.col3-promo .col:nth-of-type(3) { background-color: #c8c8b4; }

/*   Social media sharing buttons*/
.social-sharing { position: absolute; left: 0; display: flex; flex-direction: column; z-index: 100; font-size: .75em; }
@media (max-width: 980px) { .social-sharing { position: relative; flex-direction: row; align-items: center; } }
.social-sharing a { aspect-ratio: 1/1; width: 4rem; transition: all .25s; cursor: pointer; display: flex; justify-content: center; }
@media (max-width: 980px) { .social-sharing a { width: 3rem; } }
.social-sharing a img { width: 1.5rem; height: auto; transition: all .25s; }
@media (max-width: 980px) { .social-sharing a img { width: 1rem; } }
@media (max-width: 980px) { .social-sharing a img:hover { width: 1.5rem; } }
.social-sharing a:hover { width: 4.5rem; aspect-ratio: 1.12/1; }
@media (max-width: 980px) { .social-sharing a:hover { width: 3rem; aspect-ratio: 1/1; } }
.social-sharing label { margin-left: .5em; }
@media (max-width: 980px) { .social-sharing label { margin: 0 .5rem 0 0; } }
.social-sharing .facebook { background-color: #4267b2; }
.social-sharing .twitter { background-color: #14171a; }
.social-sharing .linkedin { background-color: #0e76a8; }
.social-sharing .email { background-color: #ccc; }

/*   Revolution Slider   */
.rev-slider { border-top: 0.5px solid rgba(0, 0, 0, 0.5); border-bottom: 0.5px solid rgba(0, 0, 0, 0.5); }

/*   Formstack   */
.fsForm { max-width: 100% !important; padding: 0 !important; }

/*   Year Tags   */
.year2030, .year2024, .year2018, .year2012, .year2006, .year2000, .year1994, .year1988 { background-color: #0e76a8; }

.year2031, .year2025, .year2019, .year2013, .year2007, .year2001, .year1995, .year1989, .year1983 { background-color: #5087c7; }

.year2026, .year2020, .year2014, .year2008, .year2002, .year1996, .year1990, .year1984 { background-color: #bed747; }

.year2027, .year2021, .year2015, .year2009, .year2003, .year1997, .year1991, .year1985 { background-color: #6e9dae; }

.year2028, .year2022, .year2016, .year2010, .year2004, .year1998, .year1992, .year1986 { background-color: #647d64; }

.year2029, .year2023, .year2017, .year2011, .year2005, .year1999, .year1993, .year1987 { background-color: #ee3897; }

.mobile-menu-row { display: none; -webkit-print-color-adjust: exact; color-adjust: exact; /*firefox & IE */ }
@media (max-width: 980px) { .mobile-menu-row { background-color: #ee3897; color: white; padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; align-items: center; } }
.mobile-menu-row .hamburger { text-align: right; }
.mobile-menu-row .hamburger span { cursor: pointer; }
.mobile-menu-row .hamburger .icon { font-size: 2em; vertical-align: text-top; }
.mobile-menu-row img { height: 1rem; }

/* Mobile Menu */
.overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 0; position: fixed; z-index: 1000; left: 0; top: 0; background-color: #ee3897; color: white; overflow-x: hidden; transition: 0.5s; }

/* The navigation links inside the overlay */
.overlay a { padding: 1rem 2rem; font-size: 2rem; color: white; display: block; transition: 0.3s; font-weight: normal; }

.overlay a:hover, .overlay a:focus { text-decoration: none; }

/* Position the content inside the overlay */
.overlay-content { position: relative; top: 4rem; /*width: 90%; padding: 1rem 5%;*/ }
.overlay-content ul { list-style: none; margin: 0; padding: 0; }
.overlay-content ul a:hover { color: #ee3897; background-color: rgba(255, 255, 255, 0.75); text-decoration: none; }
.overlay-content ul ul { display: none; }
.overlay-content li:hover ul { display: block; }
.overlay-content li:hover ul a { font-size: 1.5rem; margin: 0 2rem; }
.overlay-content .menutitle { margin: 0 0 0 2rem; }
.overlay-content form { margin: 2rem; }
.overlay-content form input { border: none; border-radius: .5rem; font-size: 1rem; }
.overlay-content .menu-top-menu-container ul { display: flex; justify-content: center; }
.overlay-content .menu-top-menu-container ul li:first-of-type { border-right: 1px solid #ddd; margin-right: 1rem; padding-right: 1rem; }
.overlay-content .menu-top-menu-container ul a { font-size: 1rem; padding: 0; }
.overlay-content .menu-top-menu-container ul a:hover { background-color: inherit; color: rgba(255, 255, 255, 0.75); }
.overlay-content .menu-logo { margin: 1rem auto; width: 75%; }

/* Position the close button (top right corner) */
.overlay .closebtn { position: absolute; top: 1rem; right: 1rem; font-size: 4rem; }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) { .overlay a { font-size: 20px; }
  .overlay .closebtn { font-size: 40px; top: 15px; right: 35px; } }
/*   Show/hide responsive styles   */
@media (max-width: 980px) { .hide-tablet { display: none !important; } }

.show-tablet { display: none; }
@media (max-width: 980px) { .show-tablet { display: block; } }

@media (max-width: 781px) { .hide-phone { display: none; } }

.show-phone { display: none; }
@media (max-width: 781px) { .show-phone { display: block; } }