/*
Theme Name: Healthwell Foundation v2
Theme URI: http://www.drivendevelopment.com/
Description: Custom WordPress theme for Healthwell Foundation.
Author: <a href="http://www.drivendevelopment.com/" target="_blank">Driven Development</a> on behalf of <a href="http://www.designpositive.co" target="_blank">Design Positive</a>
Version: 1.0
*/

@import url(default.css);

/**
 * Defaults and Resets
 */
*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

:root {
    --primary-accent: #CB311F;
    --heading-font: "warnock-pro-display", Georgia, serif;
    --body-font: "proxima-nova", Arial, Verdana, Sans-Serif;
}

html {font-size: 62.5%; -webkit-text-size-adjust: none;}

html, body {margin: 0; padding: 0; background: #006498; scroll-behavior: smooth;}

body {font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 31px; font-weight: 400; color: #4F4C4C;}

form {margin: 0; padding: 0;}

img {border: 0; max-width: 100%; height: auto;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}
p:last-child {margin: 0;}

a {transition: 0.25s ease; color: #4F4C4C;}
a:hover,
a:focus {background: #4F4C4C; color: #fff;}
a.blue {color: #006498;}
a.blue:focus,
a.blue:hover {background: #006498; color: #fff;}

h1,
.h1,
h2,
h3,
h4 {font-family: "warnock-pro-display", Georgia, serif;}

h1,
.h1 {margin: 0 0 20px 0; font-size: 48px; line-height: 50px; font-weight: 400; color: #523C2F;}
h2,
.h2 {margin: 0 0 20px 0; font-size: 38px; line-height: 46px; font-weight: 400; color: #523C2F;}
h3,
.h3 {margin: 0 0 20px 0; font-size: 29px; line-height: 38px; font-weight: 400; color: #523C2F;}
h4,
.h4 {margin: 0 0 30px 0; font-size: 29px; line-height: 38px; font-weight: 400; color: #523C2F;}
h5,
.h5 {margin: 0; font-size: 18px; line-height: 31px; font-weight: bold; color: #523C2F;}

* + h1,
* + h2,
* + h3,
* + h4 {margin-top: 40px;}

strong {font-weight: bold;}

.blue-accent {color: #006498;}

label {transition: 0.25s ease;}

.heading-text {font-family: var(--heading-font);}

.text {font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 31px;}

/**
*/
/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 0; line-height: 0; display: block;}
.clearfix {zoom: 1;}
.clearfix:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.hidden {height: 1px; left: -10000px; overflow: hidden; position: absolute; top: auto; width: 1px;}
.screen-reader-text,
.sr-only,
.slick-sr-only {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}

.plain-button,
.tooltip-toggle {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}

a#skip,
a#skip:hover,
a#skip:visited {position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; color: #000; background: #fff; padding: 10px;}
a#skip:active,
a#skip:focus {position: static; width: auto; height: auto;}

nav ul {margin: 0; padding: 0; list-style-type: none;}

/*
a[href="#"] {outline: dashed 2px #f00;}
*/

/**
 * Layout
 */
.bring_grey_background{
    background:rgba(0,0,0,.4);
	left: 0;
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
    z-index:10000;
}
.bring_grey_background .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.bring_grey_background > div {
    background-color: #1870b8;
	border: 3px solid #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 530px;
    min-height: 100px;
    vertical-align: center;
    width: 60%;
    position: relative;
	top: 30px;
    border-radius: 8px;
    padding: 15px 5%;
	line-height: 25px;
}
.close_popup_button {
    background-color: #fff;
    border: 3px solid #fff;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: verdana;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
    line-height: 25px;
    width: 30px;
    height: 30px;

}
.close_popup_button:hover {
    background-color: #ccc;
}
.bring_popup {
    cursor: pointer;
    font-size: 0px;
    margin: 0px;
    font-weight: bold;
}

/* V1 alert banner
#alert {background: #FFF; font-size: 16px; line-height: 19px; color: var(--primary-accent); text-align: center;}
#alert > div {padding: 20px 50px;}
#alert p:nth-last-child(2) {margin: 0;}
#alert .dismiss {position: absolute; top: 13px; right: 20px; display: block; width: 30px; height: 30px; background: transparent url(images/close-alert-red.png) no-repeat center center; background-size: 30px 30px; border-radius: 50%; text-indent: -100000px;}
#alert a {color: var(--primary-accent);}
#alert a:hover {background-color: var(--primary-accent); color: #fff}
#alert .dismiss:hover{ background-color: transparent; }
*/

#master-header {background: #fff;}

#header {font-size: 15px; line-height: 18px; background: #fff;}
#header > div {min-height: 170px; transition: 0.3s ease;}
#header .logo {position: absolute; top: 28px; left: 40px; width: 320px; transition: 0.3s ease;}
#header .logo a {background: none;}
#header .logo img {display: block;}
#header .primary-nav {position: absolute; top: 20px; right: 40px; z-index: 15;}
#header .primary-nav a {color: #4F4C4C; text-decoration: none; background: none;}
#header .primary-nav a:focus,
#header .primary-nav a:hover {background: none; text-decoration: underline;}
#header .primary-nav > ul {display: flex; gap: 20px; align-items: center;}
#header .primary-nav > ul > li {position: relative;}
#header .primary-nav > ul > li.menu-item-has-children > button {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
#header .primary-nav > ul > li.menu-item-has-children > button .icon:after {font-family: 'FontAwesome'; content: "\f107"; margin-left: 5px;}
#header .primary-nav > ul > li.menu-item-has-children > button[aria-expanded="true"] + ul {display: block;}
#header .primary-nav ul ul {position: absolute; top: 30px; left: 0; width: 200px; display: none; padding: 20px; background: #fff; box-shadow: 5px 10px 10px 0 rgba(0,0,0,0.2); border-top: solid 5px #727272;}
#header .primary-nav ul ul:before {position: absolute; content: ""; top: -17px; left: 10px; border: solid 6px transparent; border-bottom-color: #727272;}
#header .primary-nav ul ul li + li {margin-top: 10px;}
#header .primary-nav li.donate > a {background-color: #3b7d7a; color: #fff; padding: 10px 20px; font-weight: bold; text-transform: uppercase; border-radius: 100px; display: inline-block;}
#header .secondary {position: absolute; top: 90px; right: 40px; z-index: 5; display: flex; gap: 10px;}
#header .secondary-nav a {text-decoration: none;}
#header .secondary-nav a:focus,
#header .secondary-nav a:hover {text-decoration: underline;}
#header .secondary-nav > ul > li {float: left; margin: 0 0 0 10px; position: relative;}
#header .secondary-nav > ul > li > a {display: inline-block; transition: none; min-width: 150px; text-align: center; padding: 11px 0; border-radius: 100px;  z-index: 4; position: relative; background: #006498; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold;}
#header .secondary-nav > ul > li > a > span {margin-right: 5px;}
#header .secondary-nav > ul > li.tools-link > a {background: #F8A72D; color: #523C2F;}
#header .secondary-nav .menu-item-has-children > a {padding-right: 10px;}
#header .secondary-nav .menu-item-has-children > button {z-index: 4; border: none; background: none; border-radius: 50%; text-align: center; line-height: 30px; position: absolute; top: 4px; right: 25px;}
#header .secondary-nav .menu-item-has-children > button:after {font-family: 'FontAwesome'; content: "\f107";}
#header .secondary-nav .menu-item-has-children > button[aria-expanded="true"] + ul {display: block;}
#header .secondary-nav ul ul {display: none; position: absolute; top: 23px; left: 0; right: 0; background: #E6961E; padding: 33px 20px 20px 20px; z-index: 3; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px;}
#header .secondary-nav ul ul li + li {margin-top: 10px;}
#header .secondary-nav ul ul a {color: #473225;}
#header .secondary-nav ul ul a:focus,
#header .secondary-nav ul ul a:hover {background: #473225; color: #fff;}
#header .print {position: absolute; top: 35px; right: 0; display: none; display: block; width: 21px; height: 20px; background: url(images/print-icon.png) no-repeat; font-size: 0; text-indent: -10000px; border: none;}
#header .search {display: flex; align-items: center; border: solid 1px #4B3B2C; border-radius: 100px; padding: 0 15px;}
#header .search [type="text"] {border: none; border: none; padding: 0; font-size: 16px; line-height: 35px; width: 230px;}
#header .search button {background: url(images/search-heavy.svg) no-repeat center center; background-size: 100% 100%; width: 18px; height: 19px; border: none; text-indent: -10000px;}
#header .toggle-menu {position: absolute; z-index: 5; top: 60px; left: 55px; display: none;}
#header .toggle-search {display: none; z-index: 5; position: absolute; width: 50px; height: 50px; top: 60px; right: 55px; margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
#header .toggle-search svg {width: 100%; height: 100%;}

#main {position: relative;}

body.faces #main {padding-top: 106px; background: url(images/bg-faces.png) repeat-x center top;}
body.small-faces #main {padding-top: 50px; background-size: auto 50px;}

#page {min-width: 320px; transition: right 0.25s ease; position: relative; right: 0; background: #fff;}

#footer {background: #006498 url(images/bg-faces.png) repeat-x center top; background-size: auto 75px; font-size: 16px; line-height: 28px; color: #fff;}
#footer > div {padding-top: 140px; padding-bottom: 70px;}
#footer h2 {margin: 0 0 10px 0; font-size: 29px; line-height: 38px; color: #fff;}
#footer h3 {margin: 0; font-weight: 700; font-size: inherit; line-height: inherit; color: inherit; font-family: inherit;}
#footer a {color: #fff;}
#footer a:focus,
#footer a:hover {background: #fff; color: #4f4c4c;}
#footer nav {font-size: 14px; line-height: 24px; padding: 20px 0 0 0; text-transform: uppercase;}
#footer nav ul ul {display: none;}
#footer nav li {display: inline-block; margin: 0 15px 0 0;}
#footer strong {font-weight: 700;}
#footer .upper {margin: 0 0 60px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer .upper .left {width: 55%;}
#footer .logo {width: 225px; margin: 0 0 50px 0;}
#footer .logo img {display: block;}
#footer .lower {display: flex; justify-content: space-between; flex-wrap: wrap;}
#footer .left {width: 47%;}
#footer .right {width: 45%;}
#footer .search {padding: 20px 30px; background: #fff; border-radius: 100px; position: relative;}
#footer .search [type="text"] {width: 100%; border: none; padding: 2px 40px 2px 10px; color: #4F4C4C; font-size: 20px; line-height: 20px; border-left: solid 1px var(--primary-accent);}
#footer .search [type="text"]::placeholder {var(--primary-accent);}
#footer .search button {position: absolute; top: 23px; right: 20px; background: url(images/search.svg) no-repeat center center; background-size: 100% 100%; width: 20px; height: 20px; border: none; text-indent: -10000px;}
#footer .contact .row {margin: 0 0 15px 0; display: flex; flex-wrap: wrap;}
#footer .contact .left {width: 47%; padding: 0 30px 0 0;}
#footer .contact .right {width: 53%;}
/*
#footer .contact a {color: #fdb525;}
#footer .contact a:hover {background: #fff; color: #4f4c4c;}
#footer .contact a[href^="tel"] {color: #fff; text-decoration: none;}
#footer .contact a[href^="tel"]:focus,
#footer .contact a[href^="tel"]:hover {color: #4f4c4c;}
*/
#footer .legal {font-size: 14px; line-height: 24px; display: flex; gap: 20px;}
#footer .legal ul {margin: 0; padding: 0; list-style-type: none; display: inline-block; vertical-align: middle;}
#footer .legal li {display: inline-block; vertical-align: middle; margin: 0 15px 0 0;}
#footer .badges {display: flex; flex-wrap: wrap; margin: 40px -20px 20px -20px; justify-content: center; align-items: center; padding: 0; list-style-type: none;}
#footer .badges > li {padding: 0 15px 20px 15px;}
#footer .badges > li:first-child img {max-width: 120px;}
#footer .badges > li:nth-child(3) img {max-width: 140px;}
#footer .badges a {background: none;}
#footer .badges a:focus,
#footer .badges a:hover {background: none;}
#footer .badges img {max-width: 120px;}
#footer .badges img[src*="Nonprofit_Top_Workplaces"] {max-width: 75px;}

#mobile-menu {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; z-index: 1000000; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}
#mobile-menu a {text-decoration: none;}
#mobile-menu nav {padding: 40px; text-align: center; font-size: 24px; line-height: 28px;}
#mobile-menu nav > ul > li > button {transition: 0.25s ease; margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
#mobile-menu nav > ul > li > button:focus,
#mobile-menu nav > ul > li > button:hover {background: #4F4C4C; color: #fff;}
#mobile-menu nav > ul > li > button .icon:after {font-family: 'FontAwesome'; content: "\f107"; margin-left: 5px; font-size: 18px; display: inline-block;}
#mobile-menu nav > ul > li > button[aria-expanded="true"]:after {transform: rotate(180deg);}
#mobile-menu nav > ul > li > button[aria-expanded="true"] + ul {display: block;}
#mobile-menu nav > ul > li + li {margin-top: 20px;}
#mobile-menu nav ul ul {font-size: 18px; line-height: 22px; padding: 10px 0 0 0; display: none;}
#mobile-menu nav ul ul li + li {margin-top: 10px;}
#mobile-menu .close {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; font-size: 25px; line-height: 40px; text-align: center; background: none; cursor: pointer; margin: 0; padding: 0; border: none;}
#mobile-menu .close:focus,
#mobile-menu .close:hover {background: #4F4C4C; color: #fff;}
#mobile-menu li.donate > a {background-color: #3b7d7a; color: #fff; padding: 10px 25px; font-weight: bold; text-transform: uppercase; border-radius: 100px; display: inline-block;}

.section {position: relative; background: no-repeat center center; background-size: cover;}
.section > div {position: relative; margin: 0 auto; padding: 0 40px; max-width: 1140px;}
.section.sand {background-color: #F3F0E6;}
.section.grey {background-color: #F5F5F4;}
.section.white {background-color: #fff;}
.section.beige {background-color: #F7F4EF;}
.section.small-gutter > div {padding-top: 50px; padding-bottom: 50px;}
.section.medium-gutter > div {padding-top: 75px; padding-bottom: 75px;}
.section.gutter > div {padding-top: 100px; padding-bottom: 100px;}
.section.hide-overflow > div {overflow: hidden;}
/*
.section.narrow > div {max-width: 760px;}
.section.narrow .wide {margin-left: -120px; margin-right: -120px;}
.section.narrow .full {margin-left: -160px; margin-right: -160px;}
*/
.section .narrow {max-width: 760px; margin-left: auto; margin-right: auto;}
.section .wide {max-width: 1000px; margin-left: auto; margin-right: auto;}

/**
 * Columns
 */
.col-2{
	column-count: 2;
	column-gap: 40px;
}

.two-thirds-content .col-2{
	max-width: 1000px;
	width: calc( 100vw - 80px );
}

.cols {display: flex; flex-wrap: wrap; margin: 40px -25px -50px -25px;}
.cols > div {width: 50%; padding: 0 25px 50px 25px;}
.cols h3 {margin: 0 0 10px 0;}
.cols img {display: block; width: 100%;}

/**
 * Miscellaneous
 */
.wp-caption-text {text-align: center;}

.toggle-menu {display: block; width: 60px; margin: 0; padding: 0; cursor: pointer; background: none; text-align: left; border: none;}
.toggle-menu:focus,
.toggle-menu:hover {background: #4F4C4C;}
.toggle-menu span {display: block; height: 2px; background: var(--primary-accent);}
.toggle-menu span:nth-child(2) {margin: 15px 0; width: 45px;}
.toggle-menu span:nth-child(3) {width: 30px;}

.flexslider {touch-action: pan-y !important; -ms-touch-action: pan-y !important;}
.flexslider ul {margin: 0; padding: 0; list-style-type: none;}

.center {text-align: center;}

.small {font-size: 16px; line-height: 28px;}

.back-to-top {display: flex; position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; align-items: center; justify-content: center; background: #523C2F; border-radius: 50%; border: solid 2px #523C2F; box-shadow: 0 0 20px 0 rgba(255,255,255,0.8); opacity: 0; z-index: 1; pointer-events: none; color: #fff; font-size: 0; line-height: 40px; text-decoration: none;}
.back-to-top svg {width: 20px;}
.back-to-top path {fill: #fff; transition: 0.25s ease;}
.back-to-top:focus,
.back-to-top:hover {background: #fff; color: #523C2F;}
.back-to-top:focus path,
.back-to-top:hover path {fill: #523C2F;}
.back-to-top .fa:before {font-size: 30px; display: block; margin-top: -3px;}
.scrolled .back-to-top {opacity: 1; pointer-events: all;}

.btn,
.gform_button[type="submit"] {display: inline-block; padding: 10px 25px; /* padding: 15px 25px; */ font-size: 15px; text-align: center; background: transparent; line-height: 18px; text-decoration: none; text-transform: uppercase; border-radius: 100px; border: solid 1px var(--primary-accent); color: var(--primary-accent); font-weight: bold; font-family: var(--body-font); transition: 0.25s ease;}
.btn:not(:disabled) {cursor: pointer;}
.btn:not(:disabled):focus,
.btn:not(:disabled):hover,
.gform_button[type="submit"]:focus,
.gform_button[type="submit"]:hover {background: var(--primary-accent); color: #fff;}
.btn.white {border-color: #fff; color: #fff;}
.btn.white:focus,
.btn.white:hover {background: #fff; color: #4F4C4C;}
.btn.lrg,
.gform_button[type="submit"] {font-size: 20px; line-height: 24px; padding: 15px 30px;}
.btn.x-lrg {font-size: 30px; line-height: 34px; padding: 20px 60px;}
.btn.accent {background: var(--primary-accent); border-color: var(--primary-accent); color: #fff;}
.btn.accent:focus,
.btn.accent:hover {background: #fff; color: #4F4C4C;} /* border-color: #fff; */
.btn.accent:focus path,
.btn.accent:hover path {fill: #4F4C4C;}
.btn:disabled {opacity: 0.3;}
.btn.checkmark:before {font-family: 'FontAwesome'; content: "\f00c"; display: inline-block; vertical-align: middle; width: 20px; height: 20px; border-radius: 10px; border: solid 1px var(--primary-accent); margin-right: 5px; font-size: 12px;}
.btn.checkmark:focus:before,
.btn.checkmark:hover:before {border-color: #fff;}
.btn.blue {background: #006498; border-color: #006498; color: #fff;}
.btn.blue:focus,
.btn.blue:hover {background: #fff; color: #006498;}
.btn.accent.checkmark:before {border-color: #fff;}
.btn.accent.checkmark:focus:before,
.btn.accent.checkmark:hover:before {border-color: #4F4C4C;}
.btn.sml {text-transform: none; padding: 5px 20px;}
.btn.blue-outline {border: solid 1px #006498; color: #006498;}
.btn.blue-outline:focus,
.btn.blue-outline:hover {background: #006498; color: #fff;}
.btn.brown-outline {border: solid 1px #4B3B2C; color: #4B3B2C;}
.btn.brown-outline:focus,
.btn.brown-outline:hover {background: #4B3B2C; color: #fff;}
.btn.orange {background: #F8A72D; border-color: #F8A72D; color: #4B3B2C;}
.btn.orange:focus,
.btn.orange:hover {background: #fff; color: #4B3B2C; text-decoration: underline;}
.btn.green {background: #177F7B; border-color: #177F7B; color: #fff;}
.btn.green:focus,
.btn.green:hover {background: #fff; color: #177F7B;}
.btn.pill {padding: 10px 20px;}
.btn.plum {background: #953862; color: #fff; border-color: #953862;}
.btn.plum:focus,
.btn.plum:hover {background: #fff; color: #953862;}

button.print {text-decoration: none; font-size: 15px; line-height: normal;}
button.print .fa {margin-right: 2px;}
button.print:focus,
button.print:hover {background: #4F4C4C; color: #fff;}

.mfp-container {padding: 20px;}

.mfp-close-btn-in .mfp-close {
    color: #4F4C4C;
    opacity: 1;
}

.mfp-close-btn-in .mfp-close:focus,
.mfp-close-btn-in .mfp-close:hover {
    background: #4F4C4C;
    color: #fff;
}

#stats-banner h2 {color: #523C2F;}
#stats-banner .sources {text-align: center; margin: 40px auto 0 auto; font-size: 12px; line-height: 16px; max-width: 500px; font-style: italic; font-weight: 300;}

#news-banner h1,
#news-banner h2 {color: #006498;}
#news-banner + #conect-banner > div {padding-top: 0;}

#conect-banner h2 {color: #006498;}
.section.white + #conect-banner > div {padding-top: 0;}

.stat-slider {margin: 60px auto 0 auto; position: relative; padding: 0 40px;}
.stat-slider .stat {position: relative; font-size: 14px; line-height: 17px; color: #4F4C4C; text-transform: uppercase; letter-spacing: 1px; padding: 170px 20px 0 20px; text-align: center;}
.stat-slider .icon {position: absolute; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 120px; background: no-repeat center center; background-size: contain;}
/*
.stat-slider .stat:before {position: absolute; content: ""; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 120px; background: url(images/icons/headset.png) no-repeat center center; background-size: contain;}
.stat-slider .stat.grants:before {background-image: url(images/icons/piggy-bank.png);}
.stat-slider .stat.patients:before {background-image: url(images/icons/lifesaver.png);}
*/
.stat-slider .number {font-family: 'Lato', Arial, Verdana, serif; font-size: 44px; line-height: 50px; color: var(--primary-accent); letter-spacing: normal; display: block; margin: 0 0 5px 0;}
.stat-slider .slick-arrow {background: none; border: none; position: absolute; top: 50%; left: 0; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.stat-slider .slick-arrow.next {left: auto; right: 0;}
.stat-slider .slick-arrow:focus,
.stat-slider .slick-arrow:hover {border-bottom: solid 2px #4f4c4c;}

/* Family Caregiving page */
body.page-id-11644 .stat-slider .stat {padding-top: 70px;}
body.page-id-11644 .stat-slider .icon {margin-left: -25px; width: 60px; height: 60px;}
body.page-id-11644 .stat-slider .number {font-size: 30px; line-height: 34px;}

.alliance-partners {margin: 60px auto 0 auto; position: relative; padding: 0 40px;}
.alliance-partners .icon {position: relative; top: -50%; left: 50%; margin-left: -100px; width: 200px; height: 200px; background: no-repeat center center; background-size: contain;}
/*
.stat-slider .stat:before {position: absolute; content: ""; top: 0; left: 50%; margin-left: -60px; width: 120px; height: 120px; background: url(images/icons/headset.png) no-repeat center center; background-size: contain;}
.stat-slider .stat.grants:before {background-image: url(images/icons/piggy-bank.png);}
.stat-slider .stat.patients:before {background-image: url(images/icons/lifesaver.png);}
*/
.alliance-partners .number {font-family: 'Lato', Arial, Verdana, serif; font-size: 44px; line-height: 50px; color: var(--primary-accent); letter-spacing: normal; display: block; margin: 0 0 5px 0;}
.alliance-partners .slick-arrow {background: none; border: none; position: absolute; top: 50%; left: 0; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.alliance-partners .slick-arrow.next {left: auto; right: 0;}


.news-tiles {display: flex; margin: 50px -10px -40px -10px; padding: 0; list-style-type: none; flex-wrap: wrap; justify-content: center; color: #4F4C4C;}
.news-tiles > li {display: flex; position: relative; width: 33.3333%; max-width: 33.3333%; padding: 0 10px 40px 10px; flex: 1 0 auto;}
.news-tiles > li > div {background: #F3F0E6 url(images/bg-colored-bars.png) repeat-x center top; width: 100%; padding: 45px 35px 65px 35px; position: relative; text-align: left;}
.news-tiles .date {margin: 0 0 30px 0; font-size: 14px; line-height: 17px; color: rgba(79,76,76,0.7);}
.news-tiles .title {font-family: 'warnock-pro-display', Georgia, serif; font-size: 29px; line-height: 38px;}
.news-tiles .source {position: absolute; left: 35px; bottom: 40px; color: rgba(79,76,76,0.7); font-size: 15px; line-height: 18px;}

.sand .news-tiles > li > div {background-color: #fff;}

.social-links {margin: 0; padding: 0; list-style-type: none;}
.social-links li {display: inline-block; margin: 0 20px;}
.social-links a {display: inline-block; width: 60px; height: 60px; background: #006498; color: #fff; border: solid 1px #006498; text-decoration: none; font-size: 30px; line-height: 60px; text-align: center; border-radius: 50%;}
.social-links a:hover {background: #fff; color: #006498;}
.social-links .fa-envelope {font-size: 26px; position: relative; top: -2px;}

.social-links-list {margin: 20px 0 0 0; padding: 0; list-style-type: none;}
.social-links-list li + li {margin-top: 5px;}
.social-links-list a {color: #fff; text-transform: uppercase; font-weight: 500; text-decoration: none;}
.social-links-list .fa {margin-right: 5px;}

.fa.fa-twitter {font-family: sans-serif;}
.fa.fa-twitter:before {content: "𝕏";}

#newsletter-banner h2 {margin: 0;}

.newsletter-signup-form {max-width: 560px; margin: 0 auto; text-align: left;}
.newsletter-signup-form .required {text-align: center; font-size: 13px; margin: 0 0 5px 0;}
.newsletter-signup-form .challenge {display: flex; justify-content: center;}

.newsletter-signup {background: #fff; padding: 12px 130px 12px 35px; position: relative; margin: 5px auto 10px 0; border-radius: 100px; text-align: left; border: solid 1px #4F4C4C;}
.newsletter-signup label {position: absolute; font-size: 14px; top: -4px; left: 45px;}
.newsletter-signup label.float {font-size: 20px; top: 15px;}
.newsletter-signup [type="email"] {border: none; border-left: solid 1px var(--primary-accent); padding: 5px 10px; font-size: 20px; line-height: 24px; color: #523C2F; width: 100%;}
.newsletter-signup button {position: absolute; top: 10px; right: 10px;}

.page-header {color: #fff;}
.page-header > div {padding-top: 70px; padding-bottom: 70px;}
.page-header h1,
.page-header .h1,
.page-header h2,
.page-header .h2,
.page-header h3,
.page-header .h3,
.page-header h4,
.page-header .h4 {color: #fff;}
.page-header h4,
.page-header .h4 {margin: 0 0 10px 0;}
.page-header a {color: #fff;}
.page-header a:hover {background: #fff; color: #4F4C4C;}
.page-header .content {max-width: 720px;}
.page-header .apply {margin: -20px 0 30px 0; padding: 0; list-style-type: none;}
.page-header .apply li {display: inline-block;}
.page-header .apply .phone {font-size: 31px; text-decoration: none;}
.page-header .apply a {display: inline-block; margin: 20px 20px 0 0;}
.page-header .apply .solicitar {display: block;}

.toggle-list {margin: 40px 0; text-align: left;}
.toggle-list:last-child {margin-bottom: 0;}
.toggle-list h3 {margin: 0;}
.toggle-list .indicator:before {font-family: 'FontAwesome';}
.toggle-list .content {display: none;}
.toggle-list .number {display: none;}
.toggle-list.numbered,
.toggle-list.unordered {padding: 0; list-style-type: none; counter-reset: toggle-list-counter; }
.toggle-list.numbered button,
.toggle-list.unordered button,
.toggle-list.unordered .toggle {font-family: 'warnock-pro-display', Georgia, serif; display: block; padding: 20px 60px 20px 30px; font-size: 29px; line-height: 33px; color: #523C2F; text-decoration: none; position: relative; background: #F3F0E6; display: block; width: 100%; border: none; text-align: left;}
.toggle-list button {margin: 0; padding: 0; cursor: pointer; text-decoration: underline; background: none; font-size: inherit; line-height: inherit; color: inherit; border: none; transition: 0.25s ease; text-align: left; vertical-align: top;}
.toggle-list button:focus,
.toggle-list button:hover,
.toggle-list button.toggle:focus,
.toggle-list button.toggle:hover {color: #fff; background-color: #4F4C4C;}
/*
.toggle-list.numbered > li > .toggle:after,
.toggle-list.unordered > li > .toggle:after {position: absolute; font-family: 'FontAwesome'; content: "\f107"; top: 20px; right: 25px;}
.toggle-list.numbered > li > .toggle[aria-expanded="true"]:after,
.toggle-list.unordered > li > .toggle[aria-expanded="true"]:after {content: "\f106";}
*/
.toggle-list > li.expanded .content {display: block;}
.toggle-list.numbered > li + li,
.toggle-list.unordered > li + li {margin-top: 1px;}
.toggle-list.numbered .content,
.toggle-list.unordered .content {background: #fdfcfa;}
.toggle-list.numbered .content > div,
.toggle-list.unordered .content > div {padding: 25px 60px; max-width: 900px;}
.toggle-list.numbered .number {min-width: 30px; display: inline-block;}
.toggle-list.arrows {margin: 0; padding: 0; list-style-type: none;}
.toggle-list.arrows li + li {margin-top: 10px;}
.toggle-list.arrows .toggle {position: relative; margin: 0; padding: 0 0 0 20px; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
.toggle-list.arrows .toggle:focus,
.toggle-list.arrows .toggle:hover {background: #4F4C4C; color: #fff;}
/*
.toggle-list.arrows .toggle:before {position: absolute; font-family: 'FontAwesome'; content: "\f0da"; top: -4px; left: 0;}
.toggle-list.arrows .toggle[aria-expanded="true"]:before {content: "\f0d7";}
*/
.toggle-list.arrows .toggle {font-weight: bold; text-decoration: none;}
.toggle-list.numbered .indicator,
.toggle-list.unordered .indicator {display: inline-block; position: absolute; top: 20px; right: 25px;}
.toggle-list.numbered .indicator:before,
.toggle-list.unordered .indicator:before {content: "\f107"; top: 20px; right: 25px;}
.toggle-list.numbered .toggle[aria-expanded="true"] .indicator:before,
.toggle-list.unordered .toggle[aria-expanded="true"] .indicator:before {content: "\f106";}
.toggle-list.arrows .indicator {top: 0px; left: 0;}
.toggle-list.arrows .indicator:before {content: "\f0da";}
.toggle-list.arrows .toggle[aria-expanded="true"] .indicator:before {content: "\f0d7";}

.sand .toggle-list.numbered > li > a,
.sand .toggle-list.unordered > li > a {background: #fff;}

.grouped-toggle-list {margin: 40px 0; padding: 0; list-style-type: none; text-align: left;}
.grouped-toggle-list > li > .content {display: none;}
.grouped-toggle-list > li.expanded > .content {display: block;}
.grouped-toggle-list h3 {margin: 0 0 1px 0;}
.grouped-toggle-list h3 .toggle {font-family: 'warnock-pro-display', Georgia, serif; display: block; padding: 20px 60px 20px 30px; font-size: 29px; line-height: 33px; color: #523C2F; text-decoration: none; position: relative; background: #F3F0E6; display: block; width: 100%; border: none; text-align: left; text-transform: uppercase;}
.grouped-toggle-list h3 .toggle:focus,
.grouped-toggle-list h3 .toggle:hover {color: #fff; background-color: #4F4C4C;}
.grouped-toggle-list h3 .toggle[aria-expanded="true"] .indicator:before {content: "\f106";}
.grouped-toggle-list h3 .indicator {display: inline-block; position: absolute; top: 20px; right: 25px;}
.grouped-toggle-list h3 .indicator:before {font-family: 'FontAwesome'; content: "\f107"; top: 20px; right: 25px;}
.grouped-toggle-list h4 {margin: 0;}
.grouped-toggle-list .toggle-list {margin: 0 0 1px 0;}
.grouped-toggle-list .toggle-list .toggle {padding-left: 60px;}

.tab-group {margin: 40px 0;}
.tab-group:last-child {margin-bottom: 0;}
.tab-group .tabs {border-bottom: solid 2px #523C2F; display: flex; justify-content: center; gap: 10px; margin: 0 0 20px 0;}
.tab-group .tabs button {margin: 0 0 -2px 0; padding: 15px 30px; min-width: 20%; cursor: pointer; background: #f3f0e6; border: solid 2px #523C2F; font-family: "warnock-pro-display", Georgia, serif; font-size: 20px; font-weight: normal; line-height: 24px; color: #523C2F; text-align: center; text-decoration: underline; transition: 0.25s ease;}
.tab-group .tabs button[aria-selected="true"] {border-bottom-color: #f3f0e6; text-decoration: none;}
.tab-group .tabs button:focus,
.tab-group .tabs button:hover {background: #523C2F; color: #fff; text-decoration: none;}
.tab-group .tabs button[aria-selected="true"]:focus,
.tab-group .tabs button[aria-selected="true"]:hover {text-decoration: underline;}
.tab-group .tab-panels {max-width: 760px; margin: 0 auto;}

/*
ol.toggle-list > li > a:before {content: counter(toggle-list-counter); counter-increment: toggle-list-counter; width: 30px;}
*/

.steps {margin: 40px 0; padding: 0; list-style-type: none; counter-reset: toggle-list-counter; text-align: left;}
.steps:last-child {margin-bottom: 0;}
.steps > li {position: relative; background: #fff; padding: 40px 100px 40px 150px;}
.steps > li + li {margin-top: 1px;}
.steps ul {margin: 20px 0; padding: 0 0 0 20px; list-style-type: disc;}
.steps .number {font-size: 46px; line-height: 46px; color: #006498; position: absolute; top: 50%; left: 60px; margin-top: -23px;}
/*
ol.steps > li:before {content: counter(toggle-list-counter); counter-increment: toggle-list-counter; font-size: 46px; line-height: 46px; color: #006498; position: absolute; top: 50%; left: 60px; margin-top: -23px;}
*/

.content-search {max-width: 440px; margin: 0 auto; position: relative;}
.content-search form {max-width: 440px; margin: 40px auto; border: solid 1px #727272; border-radius: 100px; position: relative; padding: 20px 55px 20px 50px; background: #fff;}
.content-search form:last-child {margin-bottom: 0;}
.content-search form label {position: absolute; font-size: 14px; top: -2px; left: 60px;}
.content-search form label.float {font-size: 16px; top: 22px;}
.content-search form input[type="text"] {font-size: 20px; line-height: 24px; border: none; border-left: solid 1px var(--primary-accent); width: 100%; padding: 0 0 0 10px; border-radius: 0;}
.content-search button {position: absolute; width: 22px; height: 22px; content: ""; background: url(images/search.svg) no-repeat; top: 25px; right: 25px; background-size: contain; border: none; margin: 0; padding: 0; color: #4F4C4C;}
.content-search button.help {top: 22px; right: auto; left: 18px; border: solid 2px #4F4C4C; font-size: 15px; line-height: 22px; border-radius: 50%; background: none; z-index: 1;}
.content-search button.help .text {position: relative; top: -3px; font-size: 15px; line-height: 22px;}
.content-search button.help:focus,
.content-search button.help:hover {background: #4F4C4C; color: #fff;}
.content-search .results {text-align: center;}
.content-search .results ul {margin: 0; padding: 0; list-style-type: none;}
.content-search.auto form:after {position: absolute; width: 22px; height: 22px; content: ""; background: url(images/search.svg) no-repeat; top: 25px; right: 25px; background-size: contain;}

.ui-autocomplete {font-family: var(--body-font); font-size: 16px; line-height: 1.375em; background: #fff; max-height: 200px; overflow-y: auto; overflow-x: hidden; max-width: 280px; border: none;}
.ui-autocomplete .ui-menu-item {padding: 0;}
.ui-autocomplete .ui-menu-item > div {padding: 5px; border: none;}
.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item:focus > div,
.ui-autocomplete .ui-menu-item:hover > div,
.ui-autocomplete .ui-menu-item > div:focus,
.ui-autocomplete .ui-menu-item > div:hover,
.ui-autocomplete .ui-menu-item > div.ui-state-active {background: #006498; font-weight: normal; color: #fff;}

.filters {margin: 40px 0 60px 0; padding: 0; list-style-type: none; text-align: center; font-size: 0;}
.filters li {display: inline-block; margin: 0 10px;}
.filters a {display: block; position: relative; border: solid 1px #727272; padding: 25px 10px; text-align: center; font-weight: bold; text-decoration: none; color: #727272; font-size: 15px; line-height: 18px; width: 160px; border-radius: 10px; text-transform: uppercase;}
.filters a span {display: block; max-width: 90px; margin: 0 auto;}
.filters a:hover {background: transparent;}
.filters .icon {display: none;}
.filters.fund-filter a {padding: 45px 10px 20px 10px;}
.filters.fund-filter a:before {position: absolute; content: ""; top: 20px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: url(images/icons/closed.svg) no-repeat center center; background-size: contain;}
.filters a:after {position: absolute; content: ""; bottom: -40px; left: 50%; margin-left: -20px; border: solid 20px transparent; display: none;}
.filters .open a:before {background-image: url(images/icons/open.svg);}
.filters .re-enrollment a:before {background-image: url(images/icons/re-enrollment.svg);}
.filters .active a {color: #fff;}
.filters .active a:after {display: block;}
.filters .active.red a {background: var(--primary-accent); border-color: var(--primary-accent);}
.filters .active.red a:after {border-top-color: var(--primary-accent);}
.filters .active.blue a {background: #006498; border-color: #006498;}
.filters .active.blue a:after {border-top-color: #006498;}
.filters .active.grey a {background: #727272; border-color: #727272;}
.filters .active.grey a:after {border-top-color: #727272;}
.filters .active.brown a {background: #523C2F; border-color: #523C2F;}
.filters .active.brown a:after {border-top-color: #523C2F;}
.filters .active.open a:before {background-image: url(images/icons/open-white.svg);}
.filters .active.re-enrollment a:before {background-image: url(images/icons/re-enrollment-white.svg);}
.filters .active.closed a:before {background-image: url(images/icons/closed-white.svg);}
.filters button {display: block; position: relative; border: solid 1px #727272; padding: 25px 10px; text-align: center; font-weight: bold; text-decoration: none; color: #636363; font-size: 15px; line-height: 18px; width: 160px; border-radius: 10px; text-transform: uppercase; background: #e9e9ed;}
.filters button:focus,
.filters button:hover {text-decoration: underline;}
.filters button span {display: block; max-width: 90px; margin: 0 auto;}
.filters.fund-filter button {padding: 45px 10px 20px 10px;}
.filters.fund-filter button:before {position: absolute; content: ""; top: 20px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: url(images/icons/closed.svg) no-repeat center center; background-size: contain;}
.filters button:after {position: absolute; content: ""; bottom: -40px; left: 50%; margin-left: -20px; border: solid 20px transparent; display: none;}
.filters .open button:before {background-image: url(images/icons/open.svg);}
.filters .re-enrollment button:before {background-image: url(images/icons/re-enrollment.svg);}
.filters .active button {color: #fff;}
.filters .active button:after {display: block;}
.filters .active.red button {background: var(--primary-accent); border-color: var(--primary-accent);}
.filters .active.red button:after {border-top-color: var(--primary-accent);}
.filters .active.blue button {background: #006498; border-color: #006498;}
.filters .active.blue button:after {border-top-color: #006498;}
.filters .active.grey button {background: #727272; border-color: #727272;}
.filters .active.grey button:after {border-top-color: #727272;}
.filters .active.brown button {background: #523C2F; border-color: #523C2F;}
.filters .active.brown button:after {border-top-color: #523C2F;}
.filters .active.open button:before {background-image: url(images/icons/open-white.svg);}
.filters .active.re-enrollment button:before {background-image: url(images/icons/re-enrollment-white.svg);}
.filters .active.closed button:before {background-image: url(images/icons/closed-white.svg);}

ul.funds {margin: 0; padding: 0; list-style-type: none; text-align: left;}
ul.funds li {padding: 0 0 0 35px; background: url(images/icons/open.svg) no-repeat left 5px;}
ul.funds li + li {margin-top: 10px;}
ul.funds li.re-enrollment,
ul.funds li[data-status-id="3"] {background-image: url(images/icons/re-enrollment.svg);}
ul.funds li.closed,
ul.funds li[data-status-id="2"] {background-image: url(images/icons/closed.svg);}
ul.funds a {text-decoration: none;}
ul.funds .note {font-style: italic;}
ul.funds .icon {display: none; vertical-align: middle; margin-right: 10px;}

.two-thirds-content {max-width: 675px;}

a.help {position: relative; font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 26px; text-decoration: none;}
a.help > div {position: absolute; padding: 10px; border: solid 1px #666; top: -50px; left: 20px; width: 400px; background: #fff; z-index: 1000; display: none; color: #000; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}
a.help:before {font-family: 'FontAwesome'; content: "\f059";}
a.help:hover {color: #000; background: transparent;}
a.help:hover > div {display: block;}

a.screen {position: relative; font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 26px; text-decoration: none;}
a.screen > div {position: absolute; padding: 10px; border: solid 1px #666; top: -50px; left: 80px; width: 400px; background: #fff; z-index: 1000; display: none; color: #000; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}
a.screen:before {font-family: ; content: url(images/wrenchsmall.png)"Take a Mental Health Screening"; text-decoration: underline;}
a.screen:hover {color: #000; background: transparent;}
a.screen:hover > div {display: block;}

a.closed {position: relative; font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 26px; text-decoration: none;}
a.closed > div {position: absolute; padding: 10px; border: solid 1px #666; top: -50px; left: 20px; width: 400px; background: #fff; z-index: 1000; display: none; color: #000; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}
a.closed:before {font-family: 'proxima-nova'; font-style: italic; text-decoration: underline; content: "More about this closed fund";}
a.closed:hover {color: #000; background: transparent;}
a.closed:hover > div {display: block;}

.facts {display: flex; margin: 0 -10px 100px -10px; flex-wrap: wrap; justify-content: center; color: #523C2F; font-family: "warnock-pro-display", Georgia, serif; font-size: 26px; line-height: 30px; font-weight: 400;}
.facts > div {display: flex; position: relative; width: 33.3333%; max-width: 33.3333%; text-align: left; padding: 0 10px 20px 10px; flex: 1 0 auto;}
.facts > div > div {width: 100%; padding: 25px 30px; border: solid 1px #523C2F; position: relative; min-height: 340px;}
.facts a {color: #523C2F;}
.facts a:hover {color: #fff; background: #523C2F;}
.facts .blue {color: #006498;}
.facts .blue > div {border: solid 1px #006498;}
.facts .blue a {color: #006498;}
.facts .blue a:hover {color: #fff; background: #006498;}
.facts .red {color: var(--primary-accent);}
.facts .red > div {border: solid 1px var(--primary-accent);}
.facts .red a {color: var(--primary-accent);}
.facts .red a:hover {color: #fff; background: var(--primary-accent);}
.facts .gold > div {border: solid 1px #E6961E;}

.videos {font-size: 0; max-width: 915px; overflow: hidden; margin: 0 auto;}
.videos > div {margin: 0 -30px -60px -30px; display: flex; flex-wrap: wrap; justify-content: center;}
.videos > div > div {vertical-align: top; width: 50%; padding: 0 30px 60px 30px;}
.videos > div > div > div {padding-bottom: 56.25%; position: relative;}
.videos iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; height: 100%;}
.videos.x3 > div > div {width: 33.3333%; padding: 0 10px 60px 10px;}
.videos.x4 > div > div {width: 25%; padding: 0 10px 60px 10px;}
.videos.thumbs > div {margin: 0 -10px -60px -10px;}
.videos.thumbs h3 {margin: 0; font-size: 18px; line-height: 22px; font-family: "proxima-nova", Arial, Verdana, Sans-Serif;}
.videos.thumbs a {display: block; text-decoration: none; background: none;}
.videos.thumbs a:focus h3,
.videos.thumbs a:hover h3 {text-decoration: underline;}
.videos.thumbs .thumb {position: relative; padding-bottom: 56.25%; margin: 0 0 10px 0;}
.videos.thumbs .thumb:before {position: absolute; content: ""; width: 60px; height: 60px; background: url(images/icons/play.svg) no-repeat center center; background-size: contain; z-index: 1; top: calc(50% - 30px); left: calc(50% - 30px);}
.videos.thumbs .thumb img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}

.video-slider {position: relative; padding: 0 30px; display: flex; overflow: hidden; line-height: 22px;}
.video-slider > .item {width: 33.3333%; flex-shrink: 0;}
.video-slider h3,
.video-slider .title {margin: 0; font-size: 18px; line-height: 22px; font-family: "proxima-nova", Arial, Verdana, Sans-Serif;}
.video-slider a {display: block; text-decoration: none; background: none; color: #4F4C4C;}
.video-slider a:focus .title,
.video-slider a:hover .title {text-decoration: underline;}
.video-slider .item {padding: 0 10px; opacity: 0;}
.video-slider .thumb {position: relative; padding-bottom: 56.25%; margin: 0 0 10px 0; display: block;}
.video-slider .thumb:before {position: absolute; content: ""; width: 60px; height: 60px; background: url(images/icons/play.svg) no-repeat center center; background-size: contain; z-index: 1; top: calc(50% - 30px); left: calc(50% - 30px);}
.video-slider .thumb img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%;}
.video-slider .slick-arrow {background: none; border: none; position: absolute; top: calc(50% - 45px); left: 0; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.video-slider .slick-arrow:focus,
.video-slider .slick-arrow:hover {border-bottom: solid 2px #4f4c4c;}
.video-slider .slick-arrow.next {left: auto; right: 0;}
.video-slider.slick-initialized {display: block;}
.video-slider.slick-initialized .item {opacity: 1;}

hr {margin: 40px auto; max-width: 100px; background: #727272; height: 1px; border: none;}

.press-links {max-width: 635px; margin: 0 auto; text-align: left;}
.press-links ul {margin: 0; padding: 0; list-style-type: none; columns: 2; column-gap: 40px;}
.press-links li {margin: 0 0 10px 0;}
.press-links a {position: relative; padding: 0 0 0 30px;}
.press-links a[href*=".pdf"] .icon:before {content: "\f1c1";}
.press-links .icon:before {position: absolute; top: 0; left: 0; font-family: 'FontAwesome'; content: "\f18e"; font-size: 22px; line-height: 22px;}
.press-links li.red a {color: #cb311f;}
.press-links li.red a:hover {color: #fff; background: #cb311f;}

.footnotes {font-size: 15px; line-height: 18px;}
.footnotes ol {}

.search-results > div + div {margin-top: 40px;}
.search-results h2 {margin: 0; font-size: 29px; line-height: 38px;}

.pagination {font-size: 0; text-align: center; margin: 40px 0;}
.pagination .page-numbers {border: solid 1px #727272; border-radius: 10px; display: inline-block; min-width: 40px; text-decoration: none; vertical-align: top; font-size: 20px; line-height: 40px; margin-left: -1px; padding: 0 10px;}
.pagination .page-numbers.next,
.pagination .page-numbers.prev,
.pagination .page-numbers.previous {}
.pagination .page-numbers.current {color: #fff; background: #523C2F;}
.pagination a:focus,
.pagination a:hover {background: #523c2f; color: #fff;}

.split-content {display: flex; align-items: center;}
.split-content .left {width: 50%; padding: 0 75px 0 0;}
.split-content .right {width: 50%;}

.slider {position: relative;}
.slider .slides {margin: 0; padding: 0; list-style-type: none;}
.slider .slides li {display: none;}
.slider .flex-control-nav {margin: 0; padding: 0; list-style-type: none; position: absolute; left: 0; right: 0; bottom: -50px; text-align: center; line-height: 28px;}
.slider .flex-control-nav li {display: inline-block; vertical-align: middle; margin: 0 5px;}
.slider .flex-control-nav a {display: inline-block; width: 28px; height: 28px; background: #fff; border-radius: 50%; border: solid 1px #979797; cursor: pointer; position: relative; font-size: 0;}
.slider .flex-control-nav a.flex-active:before {position: absolute; content: ""; width: 20px; height: 20px; top: 3px; left: 3px; background: #4F4C4C; border-radius: 50%;}

.generic-slider .slick-dots {margin: 20px 0 0 0; padding: 0; list-style-type: none; display: flex; justify-content: center; gap: 10px;}
.generic-slider button {display: block; width: 28px; height: 28px; background: #fff; border-radius: 50%; border: solid 1px #979797; cursor: pointer; position: relative; font-size: 0;}
.generic-slider button:focus,
.generic-slider button:hover {outline: solid 1px var(--primary-accent); outline-offset: 2px;}
.generic-slider .slick-active button:before {position: absolute; content: ""; width: 20px; height: 20px; top: 3px; left: 3px; background: #4F4C4C; border-radius: 50%;}

.video-container {padding-bottom: 56.25%; position: relative;}
.video-container iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}

.testimonial {display: flex; align-items: center; color: #523C2F;}
.testimonial .photo {width: 35%;}
.testimonial .photo > div {padding-bottom: 100%; overflow: hidden; position: relative;}
.testimonial .photo img {display: block; position: absolute; width: 100%;}
.testimonial .content {width: 65%; padding: 0 0 0 80px;}
.testimonial .content q {margin-right: 5px;}
.testimonial .quote {font-size: 23px; line-height: 40px; font-style: italic; font-family: "warnock-pro-display", Georgia, serif;}
.testimonial .author {font-size: 15px; line-height: 18px; font-weight: 600; position: relative; margin: 20px 0 0 0; padding: 25px 0 0 0;}
.testimonial .author:before {position: absolute; content: ""; top: 0; width: 40px; height: 2px; background: #523C2F;}
.testimonial.swap {flex-direction: row-reverse;}
.testimonial.swap .content {padding: 0 80px 0 0 ;}

.comodo-security-seal {max-width: 255px; margin: 0 auto 30px auto;}
.comodo-security-seal a {display: block;}

.captcha-wrapper {max-width: 300px; margin: 40px auto;}

.two-columns {display: flex; margin: 0 -20px;}
.two-columns > div {width: 50%; padding: 0 20px;}

.three-columns {display: flex; margin: 0 -20px;}
.three-columns > div {width: 33.3333%; padding: 0 20px;}

.logos {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px 35px; margin: 30px 0; padding: 0; list-style-type: none;}
.logos img {display: block; max-height: 100px; width: auto;}

ul.plain {margin: 30px 0; padding: 0; list-style-type: none;}
h3 + ul.plain {margin-top: -10px;}

#medication-form-shortcode {margin: 30px 0;}
#medication-form-shortcode #results {padding-top: 30px;}

.simplemodal-overlay {background: rgba(0,0,0,0.8); opacity: 1 !important;}

.simplemodal-container {background: #fff; max-width: 600px;}

.dialog {padding: 20px;}

.fa-brands.fa-twitter-x:before {content: "𝕏";}

/*
.dialog.alert-dialog p:nth-last-child(2) {margin: 0;}
.dialog.alert-dialog {background: #F7F4EF; border-radius: 15px; padding: 40px; max-width: 540px; line-height: 1.44em;}
.dialog.alert-dialog .title {color: #CB311F; text-align: center; font-size: 35px; line-height: 35px;}
.dialog.alert-dialog .title > span {background: url(images/warning.svg) no-repeat left top, url(images/warning.svg) no-repeat right top; display: inline-block; padding: 0 50px;}
.dialog.alert-dialog .mfp-close {border-top-right-radius: 15px;}
*/

#alert {position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.6); line-height: 1.44em; z-index: 1010; display: none;}
#alert .dialog {position: absolute; left: 20px; bottom: 80px; max-width: 540px; background: #F7F4EF; border-radius: 15px; padding: 40px;}
#alert .dialog .content {max-height: calc(100vh - 60px - 200px); overflow: scroll;}
#alert .title {color: #CB311F; text-align: center; font-size: 35px; line-height: 35px;}
#alert .title > span {background: url(images/warning.svg) no-repeat left top, url(images/warning.svg) no-repeat right top; display: inline-block; padding: 0 50px;}
#alert .close {position: absolute; top: 0; right: 0; border: none; background: none; color: #4F4C4C; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; font-size: 28px; border-top-right-radius: 15px;}
#alert .close:focus,
#alert .close:hover {color: #fff; background: #4F4C4C;}

#alert-toggle {background: #cb311f; border: solid 1px #cb311f; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; margin: 0; position: fixed; left: 20px; bottom: 20px; z-index: 1020;}
#alert-toggle svg {width: 26px; height: auto;}
#alert-toggle:focus,
#alert-toggle:hover {background: #fff;}
#alert-toggle:focus path.fill,
#alert-toggle:hover path.fill {fill: #cb311f;}
#alert-toggle:focus path.stroke,
#alert-toggle:hover path.stroke {stroke: #cb311f;}
#alert-toggle[aria-expanded="true"] + #alert {display: block;}

div.note,
p.note {border-left: solid 10px #ff9800; padding: 10px; font-weight: bold; background: #fff3e0;}

.article-tiles {margin: 40px -10px 20px -10px; padding: 0; list-style-type: none; display: flex; justify-content: center; flex-wrap: wrap;}
.article-tiles > li {display: flex; width: 33.3333%; padding: 0 10px 20px 10px;}
.article-tiles > li > a {display: flex; align-items: center; color: #fff; text-decoration: none; position: relative; background: #006498;}
.article-tiles > li > a:hover {text-decoration: underline;}
.article-tiles > li > a:before {position: absolute; content: ""; top: 0; right: 0; left: 0; height: 8px; background: rgba(255,255,255,0.4);}
.article-tiles > li.brown > a {background: #523C2F;}
.article-tiles > li.red > a {background: var(--primary-accent);}
.article-tiles > li.yellow > a {background: #F8A72D; color: #523C2F;}
.article-tiles .photo {width: 50%;}
.article-tiles .photo img {display: block;}
.article-tiles .headline {width: 50%; padding: 20px; font-size: 18px; line-height: 23px;}
.article-tiles:last-child {margin-bottom: -20px;}

.donor-letters {overflow: hidden; max-width: 830px; margin: 0 auto;}
.donor-letters > div {display: flex; flex-wrap: wrap; margin: 0 -25px -50px -25px; justify-content: center;}
.donor-letters > div > div {width: 33.3333%; padding: 0 25px 50px 25px;}
.donor-letters > div > div:nth-child(3n+2) a:after {background-image: url(images/brown-frame.png);}
.donor-letters > div > div:nth-child(3n+3) a:after {background-image: url(images/red-frame.png);}
.donor-letters a {display: block; margin: 0 auto; width: 245px; height: 282px; padding: 28px; position: relative; background: none;}
.donor-letters a:before {position: absolute; content: ""; z-index: 10; top: calc(50% - 25px); left: calc(50% - 25px); display: block; width: 50px; height: 50px; border-radius: 50%; background: #fff; color: #006498; font-family: 'FontAwesome'; content: "\f055"; font-size: 50px; line-height: 50px; text-align: center; opacity: 0; transition: 0.25s ease;}
.donor-letters a:after {position: absolute; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: url(images/yellow-frame.png) no-repeat center center; background-size: contain;}
.donor-letters a:focus:before,
.donor-letters a:hover:before {opacity: 1;}
.donor-letters .thumb {position: absolute; top: 27px; right: 27px; bottom: 27px; left: 27px; display: block; background: no-repeat center center; background-size: contain;}

.jump-link-tabs {display: flex; flex-wrap: wrap; margin: 40px -1px; padding: 0; list-style-type: none; justify-content: center; text-align: center; font-weight: 500; line-height: 22px;}
.jump-link-tabs li {flex-basis: 0; flex-grow: 1; display: flex; padding: 0 1px 2px 1px;}
.jump-link-tabs a {display: flex; width: 100%; padding: 20px 10px; background: #fff; align-items: center; color: #006498; justify-content: center;}
.jump-link-tabs a:focus,
.jump-link-tabs a:hover,
.jump-link-tabs.beige a:focus,
.jump-link-tabs.beige a:hover {background: #006498; color: #fff;}
.jump-link-tabs:last-child {margin-bottom: 0;}
.jump-link-tabs.beige a {background: #F3F0E6;}

.centered-list {margin: 0 -20px -40px -20px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; text-align: center;}
.centered-list > li {flex-basis: 0; flex-grow: 1; padding: 0 20px 40px 20px;}

.content-box {padding: 30px 40px; background: #F3F0E6; margin: 0 -40px;}
.content-box.light {background: #FDFCFA;}

area {cursor: default;}

#best-practices-pie-chart {width: 760px; height: 860px; padding: 50px 0; position: relative;}
#best-practices-pie-chart svg {width: 910px; height: 910px; top: -72px; left: -73px; position: relative; overflow: visible;}
#best-practices-pie-chart g {transition: 0.5s ease;}
#best-practices-pie-chart img {position: absolute; top: 50px; left: 0; display: block; width: 100%; opacity: 0;}
#best-practices-pie-chart #slice-1.active {transform: translateY(-60px);}
#best-practices-pie-chart #slice-2.active {transform: translate(40px, -50px);}
#best-practices-pie-chart #slice-3.active {transform: translate(61px, -8px);}
#best-practices-pie-chart #slice-4.active {transform: translate(55px, 28px);}
#best-practices-pie-chart #slice-5.active {transform: translate(22px, 60px);}
#best-practices-pie-chart #slice-6.active {transform: translate(-19px, 57px);}
#best-practices-pie-chart #slice-7.active {transform: translate(-56px, 32px);}
#best-practices-pie-chart #slice-8.active {transform: translate(-60px, -9px);}
#best-practices-pie-chart #slice-9.active {transform: translate(-39px, -46px);}
#best-practices-pie-chart .content {width: 404px; height: 404px; display: flex; align-items: center; text-align: center; background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 200px); left: calc(50% - 203px); transition: 0.5s ease; opacity: 0; padding: 0 40px; font-size: 16px; line-height: 24px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);}
#best-practices-pie-chart .content.active {opacity: 1;}
#best-practices-pie-chart .content > div {width: 100%;}
#best-practices-pie-chart .content .headline {margin: 0; font-size: 18px; font-weight: bold; margin: 0 0 5px 0;}

/*
#family-caregiver-wheel {width: 760px; height: 860px; padding: 50px 0; position: relative;}
#family-caregiver-wheel svg {width: 910px; height: 910px; top: -72px; left: -73px; position: relative; overflow: visible;}
#family-caregiver-wheel g {transition: 0.5s ease;}
#family-caregiver-wheel img {position: absolute; top: 50px; left: 0; display: block; width: 100%; opacity: 0;}
#family-caregiver-wheel #finances-slice.active {transform: translateY(-60px);}
#family-caregiver-wheel #career-slice.active {transform: translate(59px, -29px);}
#family-caregiver-wheel #health-care-slice.active {transform: translate(57px, 28px);}
#family-caregiver-wheel #mental-health-care-slice.active {transform: translate(2px, 66px);}
#family-caregiver-wheel #relationships-slice.active {transform: translate(-55px,25px);}
#family-caregiver-wheel #home-life-slice.active {transform: translate(-56px,-27px);}
#family-caregiver-wheel .content {width: 404px; height: 404px; display: flex; align-items: center; text-align: center; background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 187px); left: calc(50% - 203px); transition: 0.5s ease; opacity: 0; padding: 0 40px; font-size: 16px; line-height: 24px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);}
#family-caregiver-wheel .content.active {opacity: 1;}
#family-caregiver-wheel .content > div {width: 100%;}
#family-caregiver-wheel .content .headline {margin: 0; font-size: 18px; font-weight: bold; margin: 0 0 5px 0;}
*/
#family-caregiver-wheel {width: 560px; height: 660px; padding: 50px 0; position: relative; margin: 0 auto;}
#family-caregiver-wheel svg {width: 670px; height: 670px; top: -63px; left: -50px; position: relative; overflow: visible;}
#family-caregiver-wheel g {transition: 0.5s ease;}
#family-caregiver-wheel img {position: absolute; top: 50px; left: 0; display: block; width: 100%; opacity: 0;}
#family-caregiver-wheel #finances-slice.active {transform: translateY(-60px);}
#family-caregiver-wheel #career-slice.active {transform: translate(59px, -29px);}
#family-caregiver-wheel #health-care-slice.active {transform: translate(57px, 28px);}
#family-caregiver-wheel #mental-health-care-slice.active {transform: translate(2px, 66px);}
#family-caregiver-wheel #relationships-slice.active {transform: translate(-55px,25px);}
#family-caregiver-wheel #home-life-slice.active {transform: translate(-56px,-27px);}
#family-caregiver-wheel .content {width: 300px; height: 300px; display: flex; align-items: center; text-align: center; background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); transition: 0.5s ease; opacity: 0; padding: 0 40px; font-size: 14px; line-height: 19px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);}
#family-caregiver-wheel .content.active {opacity: 1;}
#family-caregiver-wheel .content > div {width: 100%;}
#family-caregiver-wheel .content .headline {margin: 0; font-size: 18px; font-weight: bold; margin: 0 0 5px 0;}

/*
#care-challenges-wheel {width: 760px; height: 860px; padding: 50px 0; position: relative;}
#care-challenges-wheel svg {width: 910px; height: 910px; top: -72px; left: -73px; position: relative; overflow: visible;}
#care-challenges-wheel g {transition: 0.5s ease;}
#care-challenges-wheel img {position: absolute; top: 50px; left: 0; display: block; width: 100%; opacity: 0;}
#care-challenges-wheel #legal-issues-slice.active {transform: translate(0,-60px);}
#care-challenges-wheel #money-management-slice.active {transform: translate(40px,-44px);}
#care-challenges-wheel #medical-slice.active {transform: translate(60px,-8px);}
#care-challenges-wheel #exercise-slice.active {transform: translate(53px,30px);}
#care-challenges-wheel #personal-care-slice.active {transform: translate(20px,59px);}
#care-challenges-wheel #navigation-slice.active {transform: translate(-17px,59px);}
#care-challenges-wheel #transportation-slice.active {transform: translate(-54px,28px);}
#care-challenges-wheel #housing-slice.active {transform: translate(-60px,-12px);}
#care-challenges-wheel #quality-of-life-slice.active {transform: translate(-38px,-46px);}
#care-challenges-wheel .content {width: 404px; height: 404px; opacity: 0; display: flex; align-items: center; text-align: center; background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 198px); left: calc(50% - 208px); transition: 0.5s ease; padding: 0 40px; font-size: 16px; line-height: 24px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);}
#care-challenges-wheel .content.active {opacity: 1;}
#care-challenges-wheel .content > div {width: 100%;}
#care-challenges-wheel .content .headline {margin: 0; font-size: 18px; font-weight: bold; margin: 0 0 5px 0;}
*/
#care-challenges-wheel {width: 560px; height: 660px; padding: 50px 0; position: relative; margin: 0 auto;}
#care-challenges-wheel svg {width: 670px; height: 670px; top: -55px; left: -50px; position: relative; overflow: visible;}
#care-challenges-wheel g {transition: 0.5s ease;}
#care-challenges-wheel img {position: absolute; top: 50px; left: 0; display: block; width: 100%; opacity: 0;}
#care-challenges-wheel #legal-issues-slice.active {transform: translate(0,-60px);}
#care-challenges-wheel #money-management-slice.active {transform: translate(40px,-44px);}
#care-challenges-wheel #medical-slice.active {transform: translate(60px,-8px);}
#care-challenges-wheel #exercise-slice.active {transform: translate(53px,30px);}
#care-challenges-wheel #personal-care-slice.active {transform: translate(20px,59px);}
#care-challenges-wheel #navigation-slice.active {transform: translate(-17px,59px);}
#care-challenges-wheel #transportation-slice.active {transform: translate(-54px,28px);}
#care-challenges-wheel #housing-slice.active {transform: translate(-60px,-12px);}
#care-challenges-wheel #quality-of-life-slice.active {transform: translate(-38px,-46px);}
#care-challenges-wheel .content {width: 300px; height: 300px; opacity: 0; display: flex; align-items: center; text-align: center; background: #fff; border-radius: 50%; position: absolute; top: calc(50% - 150px); left: calc(50% - 150px); transition: 0.5s ease; padding: 0 40px; font-size: 14px; line-height: 19px; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);}
#care-challenges-wheel .content.active {opacity: 1;}
#care-challenges-wheel .content > div {width: 100%;}
#care-challenges-wheel .content .headline {margin: 0; font-size: 18px; font-weight: bold; margin: 0 0 5px 0;}

.wheel-layout {display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 40px 0; justify-content: space-between;}
.wheel-layout > .left {width: 560px;}
.wheel-layout > .right {width: calc(100% - 620px);}

.content-grid {margin: 60px -30px 0 -30px; display: flex; flex-wrap: wrap; justify-content: center;}
.content-grid > div {width: 50%; padding: 0 30px 60px 30px;}
.content-grid img {display: block; width: 100%;}
.content-grid h3 {margin: 0 0 10px 0;}
.content-grid.x3 > div {width: 33.3333%;}

* + .tile-slider {margin-top: 50px;}
.tile-slider {position: relative;}
.tile-slider .slick-track {display: flex;}
.tile-slider .slide {display: flex; padding: 0 10px; display: flex; height: auto;}
.tile-slider .slide > div {padding: 30px; background: #fff; }
.tile-slider .content {display: none;}
.tile-slider .logo {margin: 0 0 10px 0; padding: 0 0 30px 0; border-bottom: solid 1px #979797;}
.tile-slider .logo img {display: block; width: 100%; max-width: 200px; height: 135px; object-fit: contain; margin: 0 auto;}
.tile-slider .logo img[src*="als"] {max-width: 120px;}
.tile-slider .summary button {background: none; cursor: pointer; text-decoration: underline; border: none; color: #4F4C4C; margin: 0; font-size: 18px; line-height: 31px; padding: 0; font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-weight: normal;}
.tile-slider .summary button:focus,
.tile-slider .summary button:hover {background: #4F4C4C; color: #fff;}
.tile-slider .slick-arrow {background: none; border: none; position: absolute; top: 50%; left: -30px; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.tile-slider .slick-arrow.slick-next {left: auto; right: -30px;}

.tile-slider-popup .mfp-content {max-width: 600px; background: #fff; padding: 40px;}
.tile-slider-popup .summary {display: none;}
.tile-slider-popup .logo {margin: 0 0 10px 0; padding: 0 0 30px 0; border-bottom: solid 1px #979797;}
.tile-slider-popup .logo img {display: block; width: 100%; max-width: 200px; height: 135px; object-fit: contain; margin: 0 auto;}
.tile-slider-popup .logo img[src*="als"] {max-width: 120px;}

.logo-grid-wrapper .show-more {text-align: center; margin-top: 60px;}
.logo-grid-wrapper .hide {display: none;}
.logo-grid-wrapper .show-more .less-text {display: none;}
.logo-grid-wrapper.expanded .hide {display: flex;}
.logo-grid-wrapper.expanded .show-more .more-text {display: none;}
.logo-grid-wrapper.expanded .show-more .less-text {display: inline;}

.logo-grid {overflow: hidden;}
.logo-grid > ul {display: flex; flex-wrap: wrap; margin: 50px -30px 0 -30px; justify-content: center;}
.logo-grid > ul > li {width: 20%; padding: 0 30px 60px 30px; display: flex; justify-content: center; align-items: center;} /* width: 20%; */
.logo-grid img {display: block; margin: 0 auto; max-height: 150px; width: auto;} /* max-height: 90px;  */
.logo-grid a {background: none;}

* + .quote-slider {margin-top: 50px;}
.quote-slider {font-size: 15px; line-height: 18px; text-align: center;}
.quote-slider .slide {padding: 0 40px;}
.quote-slider .photo img {display: block; width: 100px; height: 100px; object-fit: cover; margin: 0 auto 20px auto; border-radius: 50%; overflow: hidden;}
.quote-slider .quote {font-size: 23px; line-height: 40px; font-style: italic; font-family: "warnock-pro-display", Georgia, serif; margin: 0 0 20px 0; padding: 0 0 20px 0; position: relative;}
.quote-slider .quote:after {position: absolute; content: ""; bottom: 0; left: calc(50% - 15px); width: 30px; height: 1px; background: #523C2F;}
.quote-slider .slick-arrow {background: none; border: none; position: absolute; top: 50%; left: -30px; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.quote-slider .slick-arrow.slick-next {left: auto; right: -30px;}

.icon-button-list {display: flex; flex-wrap: wrap; margin: 0 -20px -35px -20px; padding: 0; list-style-type: none;}
.icon-button-list > li {width: 50%; padding: 0 20px 35px 20px;}
.icon-button-list path {transition: 0.5s ease;}
.icon-button-list a {padding: 14px 20px 14px 80px; position: relative; display: flex; min-height: 68px; width: 100%; align-items: center; border: solid 2px #4B3B2C; border-radius: 35px; background: #4B3B2C; color: #fff; font-size: 21px; line-height: 25px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.icon-button-list a .icon {width: 40px; position: absolute; top: 50%; transform: translateY(-50%); left: 30px;}
.icon-button-list a .icon svg,
.icon-button-list a .icon img {display: block;}
.icon-button-list a .text {flex-grow: 1;}
.icon-button-list a path,
.icon-button-list a path,
.icon-button-list a line,
.icon-button-list a line,
.icon-button-list a polygon,
.icon-button-list a polygon {stroke: #fff;}
.icon-button-list a:focus,
.icon-button-list a:hover {background: #fff; color: #4B3B2C;}
.icon-button-list a:focus path,
.icon-button-list a:hover path,
.icon-button-list a:focus line,
.icon-button-list a:hover line,
.icon-button-list a:focus polygon,
.icon-button-list a:hover polygon {stroke: #4B3B2C;}
.icon-button-list a[href*="onlineapplication"]:focus path,
.icon-button-list a[href*="onlineapplication"]:hover path {fill: #fff;}

.toggle input {position: absolute; left: -10000px; width: 1px; height: 1px;}
.toggle label {border: solid 1px #513C2F; display: inline-block; width: 112px; border-radius: 60px; text-transform: uppercase; color: #513C2F; cursor: pointer; overflow: hidden; text-align: left;}
.toggle label > span {position: relative; height: 50px; display: flex; align-items: center; font-weight: bold; left: -60px; transition: left .25s ease;}
.toggle label > span:before {position: absolute; content: ""; top: 3px; left: 64px; display: block; width: 44px; height: 44px; border: solid 1px #513C2F; border-radius: 50%; background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%);}
.toggle label > span > span {width: 112px; flex-shrink: 0; padding: 0 0 0 10px;}
.toggle input:focus + label {outline: solid 2px blue; outline-offset: 3px;}
.toggle input:checked + label {background: #DE321D; border-color: #DE321D; color: #fff;}
.toggle input:checked + label > span {left: 0px;}
.toggle.blue input:checked + label {background: #006398; border-color: #006398;}
.toggle.brown input:checked + label {background: #513C2F; border-color: #513C2F;}

.news-toggles fieldset {border: none; padding: 0; margin: 0;}
.news-toggles .news-filters {display: flex; max-width: 490px; margin: 40px auto; text-align: center;}
.news-toggles .news-filters > div {width: 33.3333%;}
.news-toggles .type {font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0;}
.news-toggles .type span {display: block;}
.news-toggles .type.press {color: var(--primary-accent);}
.news-toggles .type.news {color: #006498;}
.news-toggles .type.other {color: #523c2f;}

#news-container .loading {display: none;}
#news-container .loading img {margin: 0 auto; display: block; width: 16px;}
#news-container.loading .content {display: none;}
#news-container.loading .loading {display: block;}

.tooltip-wrapper {position: relative; display: inline-block;}

.tooltip-toggle {font-size: 16px; line-height: 20px; width: 20px; height: 20px; display: inline-block; border-radius: 50%; border: solid 1px transparent; text-align: center; vertical-align: middle;}
.tooltip-toggle .icon:before {font-family: 'FontAwesome'; content: "\f059";}
.tooltip-toggle[aria-expanded="true"] + .tooltip {display: block;}
.tooltip-toggle:focus,
.tooltip-toggle:hover {border-color: #4f4c4c;}
.tooltip {display: none; position: absolute; padding: 10px; border: solid 1px #666; top: 40px; left: calc(50% - 200px); width: 400px; background: #fff; z-index: 1000; color: #000; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}

.webinar-series-page-header {display: flex; flex-direction: row-reverse; align-items: center; padding: 40px 0;}
.webinar-series-page-header > .copy {width: 76%; padding-right: 60px;}
.webinar-series-page-header > .logo {width: 24%;}

ul.large-accent {font-family: var(--heading-font); margin: 20px 0; padding: 0; list-style-type: none; text-align: center; color: var(--primary-accent); font-size: 30px; line-height: 1.33em;}
ul.large-accent:last-child {margin-bottom: 0;}

.cols-with-icons {display: flex; flex-wrap: wrap; margin: 40px -40px -40px -40px;}
.cols-with-icons > div {width: 33.3333%; padding: 0 40px 40px 40px; text-align: center;}
.cols-with-icons h3 {margin-top: 0;}
.cols-with-icons .icon {max-width: 160px; margin: 0 auto 20px auto; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1;}
.cols-with-icons .icon img {display: block;}

.upcoming-webinars {--color: #006498; display: flex; flex-wrap: wrap; color: var(--color); font-family: var(--heading-font); text-align: center; margin: 40px -30px -40px -30px; font-size: 20px; line-height: 1.4em;}
.upcoming-webinars > div {width: 33.3333%; padding: 0 30px 40px 30px;}
.upcoming-webinars h3 {min-height: 114px;}
.upcoming-webinars a {color: var(--color);}
.upcoming-webinars a:focus,
.upcoming-webinars a:hover {background-color: var(--color); color: #fff;}

/**
 * Front page
 */
#hero {position: relative; background: #523C2F;}
#hero h1 {margin: 0 0 20px 0; font-size: 46px; line-height: 50px; color: #fff; font-weight: 400;}
#hero .slider {position: absolute; top: 0; right: 0; bottom: 0; left: calc(50% - 200px);}
#hero .slider:after {position: absolute; content: ""; top: 0; bottom: 0; left: 0; width: 400px; background: -moz-linear-gradient(left, rgba(82,60,47,1) 0%, rgba(82,60,47,0) 100%); background: -webkit-linear-gradient(left, rgba(82,60,47,1) 0%,rgba(82,60,47,0) 100%); background: linear-gradient(to right, rgba(82,60,47,1) 0%,rgba(82,60,47,0) 100%);}
#hero .slick-list,
#hero .slide {position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: 0.5s ease;}
#hero .slide.show {opacity: 1; display: block;}
#hero .slick-track {height: 100%;}
#hero .slide {background: no-repeat center center; background-size: cover;}
#hero .container > div {padding-top: 70px; padding-bottom: 70px;}
#hero .content {position: relative; max-width: 600px; padding: 0 0 130px 0;}
#hero .apply {position: absolute; left: 40px; bottom: 70px; margin: 0; padding: 0; list-style-type: none;}
#hero .apply > li {display: inline;}
#hero .apply .btn {margin: 10px 10px 0 0;}
#hero .apply .phone {margin-left: 20px; font-size: 27px; color: #fff; text-decoration: none; position: relative; top: 4px;}
#hero .search {position: absolute; right: 20px; bottom: 70px; padding: 20px 30px; background: #fff; border-radius: 100px; width: 400px;}
#hero .search [type="text"] {width: 100%; border: none; padding: 2px 40px 2px 10px; color: #4F4C4C; font-size: 20px; line-height: 20px; border-left: solid 1px var(--primary-accent);}
#hero .search button {position: absolute; top: 23px; right: 20px; background: url(images/search.svg) no-repeat center center; background-size: 100% 100%; width: 20px; height: 20px; border: none; text-indent: -10000px;}
#hero .caption {position: absolute; right: 20px; bottom: 25px; font-size: 14px; line-height: 18px; color: #fff;}
#hero .caption > div {display: none; text-align: right;}
#hero .caption > div.show {display: block;}
#hero .solicitar {display: block; position: absolute; bottom: -52px; left: 24px; z-index: 10; font-size: 14px;}
#hero .solicitar a {color: #fff;}
#hero .solicitar a:focus,
#hero .solicitar a:hover {background: #fff; color: #4F4C4C;}
#hero .newsletter {bottom: -52px; left: 189px;}
#hero .lookup {position: absolute; right: 20px; bottom: 70px;}
#hero .content-search form {margin: 0; padding: 18px 55px 18px 50px;}
#hero .content-search h3 {font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 18px; line-height: 22px; margin: 0 0 10px 0; font-weight: bold;}
#hero .content-search .results {position: absolute; background: #fff; z-index: 1; text-align: left; left: 40px; padding: 20px; right: 40px; display: none;}
#hero .content-search .results.active {display: block;}
#hero .secondary-links {display: inline;}

.photo-banner {position: relative; background: #fff; font-size: 18px; line-height: 31px; color: #4F4C4C;}
.photo-banner h2 {margin: 0 0 20px 0; font-size: 38px; line-height: 46px; font-weight: normal;}
.photo-banner .section > div {padding-left: 520px;}
.photo-banner .photo {position: absolute; top: 0; right: 50%; bottom: 0; left: 0; background: no-repeat center center; background-size: cover;}
.photo-banner .content {display: table-cell; height: 600px; vertical-align: middle; padding: 0 5% 0 20%;}
.photo-banner.swap .photo {right: 0; left: 50%;}
.photo-banner.swap .section > div {padding-left: 20px; padding-right: 520px;}
.photo-banner.swap .content {padding: 0 20% 0 5%;}
.photo-banner.multiple-photos .photo {display: none;}

/**
 * Home (Summer 2024)
 */
#start {padding: 0 0 40px 0;}
#start h2 {margin: 20px 0 10px 0; font-size: 28px; line-height: inherit; color: #006498;}
#start .container {display: flex; align-items: center; margin: 0 -18px;}
#start .container > div {width: 50%; padding: 0 18px;}
#start .content {color: #513C2F; font-size: 28px; line-height: 1.32em; font-family: var(--heading-font);}
#start .qualify {margin-bottom: 20px;}
#start .apply {display: flex; gap: 10px; text-align: center; font-size: 17px; line-height: 21px;}
#start .apply p:not(:last-child) {margin-bottom: 10px;}
#start .apply > div:nth-child(3) {text-align: center; padding: 10px 0 0 0; flex-grow: 1;}
#start .apply > div:nth-child(3) p:not(:last-child) {margin-bottom: 18px;}
#start .apply .btn {white-space: nowrap;}

.home-slider {font-size: 16px; line-height: 20px; text-align: center; padding: 0 0 27px 0; position: relative;}
.home-slider .slide {padding-bottom: 90%; border: solid 1px #504e4c; border-radius: 8px; position: relative; overflow: hidden; visibility: hidden;}
.home-slider .slide img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block;}
.home-slider .slide .caption {position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,100,152,1) 100%); color: #fff; padding: 70px 20px 20px 20px;}
.home-slider .slick-dots {margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; gap: 3px; position: absolute; bottom: 0; left: 0; width: 100%;}
.home-slider .slick-dots button {background: #fff; border: none; cursor: pointer; width: 20px; height: 20px; padding: 0; margin: 0; border: solid 1px #504e4c; border-radius: 100%;}
.home-slider .slick-dots button[aria-current="true"] {background: #504e4c;}
.home-slider .slick-dots button:focus,
.home-slider .slick-dots button:hover {outline: solid 1px #504e4c; outline-offset: 1px;}
.home-slider.slick-initialized .slide {visibility: visible;}

.quick-links-banner {background: #006498; line-height: normal;}
.quick-links-banner h2 {font-size: inherit; color: #fff; margin: 0; font-family: var(--body-font); font-weight: bold; line-height: 34px;}
.quick-links-banner > div {padding-top: 17px; padding-bottom: 17px;}
.quick-links-banner .container {display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.quick-links-banner .links {display: flex; gap: 15px; align-items: center; flex-wrap: wrap;}
.quick-links-banner .links ul {display: flex; gap: 5px 15px; margin: 0; padding: 0; list-style-type: none; align-items: center; flex-wrap: wrap;}
.quick-links-banner .links a {color: #fff;}
.quick-links-banner .links a:focus,
.quick-links-banner .links a:hover {background: #fff; color: #006498;}
.quick-links-banner .content-search form {margin: 0; background: none; padding: 6px 50px 6px 40px; border: solid 2px #fff; border-radius: 28px; max-width: 315px;}
.quick-links-banner .content-search button.help {background: #006498; color: #fff; border-color: #fff; top: 8px; left: 10px; width: 24px; height: 24px; line-height: 24px;}
.quick-links-banner .content-search button.help:focus,
.quick-links-banner .content-search button.help:hover {background: #fff; color: #006498;}
.quick-links-banner .content-search form input[type="text"] {color: #fff; border: none; padding: 0; background: none; display: block; font-size: 18px; position: relative; top: 5px; min-width: 225px;}
.quick-links-banner .content-search form input[type="text"]::placeholder {color: #fff !important;}
.quick-links-banner .content-search form:after {background-image: url(images/search-white.svg); top: 8px; right: 8px;}
.quick-links-banner .content-search form label {color: #fff; left: 40px;}
.quick-links-banner .content-search form label.float {top: 8px;}
.quick-links-banner .content-search .results {position: absolute; display: none; width: 100%; max-width: 280px; background: #fff; z-index: 1; top: 40px; left: 18px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; line-height: normal; z-index: 2; text-align: left; font-size: 16px; line-height: 18px;}
.quick-links-banner .content-search .results > div {padding: 20px;}
.quick-links-banner .content-search .results h3 {margin: 0;}
.quick-links-banner .content-search .results li + li {margin-top: 10px;}
.quick-links-banner .content-search .results.active {display: block;}

.whats-new-banner h2 {text-align: center;}

.whats-new-slider {font-size: 16px; line-height: 1.375em; padding: 0 35px;}
.whats-new-slider h3 {font-size: 26px; line-height: 1.15em; margin: 0 0 5px 0;}
.whats-new-slider h3 a {text-decoration: none;}
.whats-new-slider .slide {padding: 0 15px;}
.whats-new-slider .photo {position: relative; padding-bottom: 100%; overflow: hidden; border-radius: 15px; margin: 0 0 20px 0; border: solid 1px #BEBEBE;}
.whats-new-slider .photo img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.whats-new-slider .slick-arrow {background: none; border: none; position: absolute; top: 33%; left: 0; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 1; color: #4F4C4C;}
.whats-new-slider .slick-arrow.next {left: auto; right: 0;}
.whats-new-slider .slick-arrow:focus,
.whats-new-slider .slick-arrow:hover {border-bottom: solid 2px #4f4c4c;}

.stats-banner {background: url(images/bg-faces.png) repeat-x center top; background-size: auto 75px;}
.stats-banner > div {padding-top: 150px; padding-bottom: 75px;}

.stats {--columns: 3; --gap: 40px; display: flex; flex-wrap: wrap; gap: var(--gap); margin: 0 0 40px 0; padding: 0; list-style-type: none; justify-content: center;}
.stats > li {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.stats h3 {font-size: 26px; line-height: 1.15em; margin: 0;}
.stats img {width: 100%; height: 90px; object-fit: contain;}
.stats img[src*="ninety-nine-percent"] {height: 60px;}
.stats .image {display: flex; align-items: center; justify-content: center; min-height: 90px; margin: 0 0 20px 0;}

.news-banner {background: #F3F0E6 url(images/bg-colored-bars.png) repeat-x center top;}
.news-banner > div {padding-top: 83px; padding-bottom: 75px;}
.news-banner .intro {margin: 0 auto 40px auto; max-width: 750px; font-size: 22px; line-height: 1.27em;}
.news-banner .footer ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 0; padding: 0; list-style-type: none;}
.news-banner .footer .btn {min-width: 200px;}

.news-slider-wrapper {--accent: #006498; border: solid 1px #BEBEBE; border-radius: 15px; background-color: #fff; margin: 0 0 20px 0; text-align: left; position: relative;}
.news-slider-wrapper h3 {font-size: 24px; line-height: 46px; max-width: 300px; border-top-left-radius: 15px; background: var(--accent); color: #fff; margin: -1px 0 0 -1px; font-weight: bold; padding: 0 0 0 50px; font-family: var(--body-font); text-transform: uppercase; z-index: 5; position: relative;}
.news-slider-wrapper h4 {font-size: 36px; line-height: 1.22em; margin: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-slider-wrapper a {text-decoration: none;}
.news-slider-wrapper:before {content: ""; position: absolute; top: 46px; right: 163px; bottom: 46px; background: #7c7c7c; width: 1px;}
.news-slider-wrapper.newsletter {--accent: #FCB53B}
.news-slider-wrapper.newsletter h3 {color: #4F4C4C;}
.news-slider-wrapper.blog {--accent: #CB311F}

.news-slider {padding: 0 188px 30px 0; margin-top: -40px;}
.news-slider .slick-arrow {position: absolute; right: 50px; top: calc(50% - 19px); width: 38px; height: 38px; text-align: center; background: var(--accent); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-indent: 3px; font-weight: bold; font-size: 28px; border: solid 1px var(--accent); transition: 0.25s ease; padding: 0;}
.news-slider .slick-arrow:focus,
.news-slider .slick-arrow:hover {background: #fff; color:var(--accent);}
.news-slider .slick-arrow:focus span,
.news-slider .slick-arrow:hover span {text-decoration: underline;}
.news-slider .slick-arrow .fa {font-weight: bold;}
.news-slider .slick-arrow.previous {right: 98px; text-indent: 0px;}
.news-slider .content {position: relative; padding: 70px 0 0 50px;}
.news-slider .date {position: absolute; top: 10px; left: 330px; color: #727272;}
.news-slider-wrapper.newsletter .news-slider .slick-arrow {color: #4F4C4C;}

ul.social {margin: 0; padding: 0; list-style-type: none; display: flex; justify-content: center; gap: 16px;}
ul.social a {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #006498; color: #fff; font-size: 24px; line-height: 50px; border: solid 1px #006498; text-decoration: none;}
ul.social a:focus,
ul.social a:hover {background: #fff; color: #006498;}
ul.social .fa,
ul.social .fa-brands {font-size: 0px;}
ul.social .fa:before,
ul.social .fa-brands:before {font-size: 24px;}
ul.social.sml {gap: 7px;}
ul.social.sml a {width: 40px; height: 40px; line-height: 40px;}
ul.social.red a {background: transparent; border-color: var(--primary-accent); color: var(--primary-accent);}
ul.social.red .fa:before {font-size: 22px;}
ul.social.red a:focus,
ul.social.red a:hover {background: var(--primary-accent); color: #fff;}

.instagram-feed {margin: 15px 0 0 0;}

.sbi_lb-nav a:focus,
.sbi_lb-nav a:hover {background: none;}

/**
 * Qualify widget
 */
.qualify {background: #F7F4EF; border-radius: 8px; overflow: hidden; margin: 0 0 20px 0;}
.qualify a:not(.btn) {color: #006498;}
.qualify a:not(.btn):focus,
.qualify a:not(.btn):hover {background: #006498; color: #fff;}
.qualify .tabs {display: flex; gap: 1px; background: #8ab1c9;}
.qualify .tabs button {background: #006498; padding: 0; margin: 0; cursor: pointer; border: none; color: #fff; font-size: 17px; line-height: 30px; font-weight: bold; width: calc(20% - 0.5px); font-family: inherit;}
.qualify .tabs button:not(:disabled):focus,
.qualify .tabs button:not(:disabled):hover {text-decoration: underline;}
.qualify .tabs button[disabled],
.qualify .tabs button[disabled="true"] {cursor: default;}
.qualify .tabs button[aria-selected="true"] {background: #F7F4EF; color: #006498;}
.qualify .panel {display: none; position: relative; align-items: center; text-align: center; padding: 20px; min-height: 150px; font-size: 24px; line-height: 1.08em; color: #006498; font-family: var(--heading-font);}
.qualify .panel.active {display: flex;}
.qualify .panel > div {width: 100%;}
.qualify .btn {min-width: 90px;}
.qualify .actions {display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;}
.qualify .step-1 .does-not-have-insurance
.qualify .step-2 .fund-closed,
.qualify .step-5 .okay,
.qualify .step-5 .error {display: none;}
.qualify .reset {position: absolute; display: none; right: 15px; bottom: 15px; margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: var(--body-font); font-size: 14px; font-weight: inherit; line-height: 16px; color: #4F4C4C; text-align: inherit; text-decoration: underline;}
.qualify .reset:focus,
.qualify .reset:hover {background: #4F4C4C; color: #fff;}
.qualify .small {line-height: 18px; max-width: 320px; margin: -10px auto 0 auto;}

.qualify-dialog {background-color: #F7F4EF; padding: 40px; border-radius: 15px; max-width: 540px; margin: 0 auto; line-height: 18px; position: relative; overflow: hidden;}
.qualify-dialog h2 {color: #006498; font-size: 35px; text-align: center; margin: 0 0 20px 0;}
.qualify-dialog .scroll-container {max-height: 430px; overflow-y: scroll;}
.qualify-dialog .search {border: solid 1px #727272; border-radius: 25px; margin: 0 0 20px 0; overflow: hidden; position: relative;}
.qualify-dialog .search input {display: block; padding: 10px 40px 10px 20px; font-size: 25px; line-height: 25px; border: none; margin: 0; width: 100%; color: #4F4C4C;}
.qualify-dialog .search input::placeholder {color: #4F4C4C;}
.qualify-dialog .search button {position: absolute; top: 0; right: 0; background: url(images/search-heavy.svg) no-repeat center center; background-size: 21px 23px; border: none; width: 50px; height: 50px; cursor: pointer; padding: 0; margin: 0;}
.qualify-dialog .small {font-size: 14px; line-height: 18px;}

.qualify-funds-dialog .funds li {background-size: 18px 18px; background-position: left top; padding-left: 30px;}
.qualify-funds-dialog .status-key {margin: 0 0 15px 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 20px; font-size: 16px; white-space: nowrap;}
.qualify-funds-dialog .status-key li {padding: 0 0 0 26px; background: url(images/icons/open.svg) no-repeat left center; background-size: 18px 18px;}
.qualify-funds-dialog .status-key li.re-enrollment {background-image: url(images/icons/re-enrollment.svg);}
.qualify-funds-dialog .status-key li.closed {background-image: url(images/icons/closed.svg);}
.qualify-funds-dialog .funds button {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
.qualify-funds-dialog .funds button:focus,
.qualify-funds-dialog .funds button:hover {background: #4F4C4C; color: #fff;}

.qualify-treatments-dialog .treatments {margin: 0; padding: 0; list-style-type: none;}
.qualify-treatments-dialog .treatments li + li {margin-top: 5px;}
.qualify-treatments-dialog .treatments button {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
.qualify-treatments-dialog .treatments button:focus,
.qualify-treatments-dialog .treatments button:hover {background: #4F4C4C; color: #fff;}

/**
 * Alliance Partners
 */
/*
.logo-marquee {position: relative; overflow: hidden; --slide-width: 220px; }
.logo-marquee > div {display: flex; gap: 0 40px; align-items: center; animation: marquee 5s linear infinite; transform: translateX(0);animation-play-state: paused; width: calc(var(--n) * var(--slide-width));}
.logo-marquee > div > div {width: var(--slide-width); flex-shrink: 0;}
.logo-marquee img {width: auto; max-height: 150px; display: block;}
.logo-marquee:hover > div {animation-play-state: paused;}
*/

body.page-template-template-alliance-partners .page-header > div {display: flex; align-items: center; min-height: 350px;}

.section.gutter.partner-network-banner > div {padding-top: 0;}

.alliance-partners-banner {--bg-color: #006498; --text-color: #fff;}
.alliance-partners-banner a,
.alliance-partners-banner h2,
.alliance-partners-banner h3,
.alliance-partners-banner h4,
.alliance-partners-banner .h1,
.alliance-partners-banner .h2,
.alliance-partners-banner .h3,
.alliance-partners-banner .h4 {color: var(--text-color);}
.alliance-partners-banner a:focus,
.alliance-partners-banner a:hover {color: var(--bg-color); background: var(--text-color);}
.alliance-partners-banner h3 {font-size: 24px; line-height: 1.2em; margin: 0 0 10px 0;}
.alliance-partners-banner .tabs {display: flex; gap: 0 8px; justify-content: center; margin-bottom: -2px; position: relative; z-index: 2;}
.alliance-partners-banner .tabs button {border: solid 1.5px #4F4C4C; border-bottom: transparent; color: #4F4C4C; min-width: 200px; text-align: center; padding: 10px; font-size: 22px; line-height: 1.2em;}
.alliance-partners-banner .tabs button:focus,
.alliance-partners-banner .tabs button:hover {text-decoration: underline;}
.alliance-partners-banner .tabs button[aria-selected="true"] {background: var(--bg-color); color: var(--text-color);}
.alliance-partners-banner .hide {display: none;}
.alliance-partners-banner .intro {text-align: center; max-width: 780px; margin: 0 auto 50px auto;}
.alliance-partners-banner .panel {background: var(--bg-color); color: var(--text-color); border-top: solid 1.5px #4F4C4C; padding: 100px 0;}
.alliance-partners-banner .content {display: flex; flex-wrap: wrap;}
.alliance-partners-banner .content > .left {width: 40%; padding: 0 40px 0 0;}
.alliance-partners-banner .content > .right {width: 60%; font-size: 14px; line-height: 1.14em;}
.alliance-partners-banner .video-container {margin-bottom: 10px;}

.logo-marquee-wrapper .logo-grid {display: none;}
.logo-marquee-wrapper .controls {display: flex; justify-content: center; position: relative;}
.logo-marquee-wrapper .controls .show-more .less-text {display: none;}
.logo-marquee-wrapper .controls .toggle-animation {border-radius: 50%; width: 22px; height: 22px; border: solid 1px #727272; position: absolute; top: 9px; right: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; background: none;}
.logo-marquee-wrapper .controls .toggle-animation svg {width: 8px; height: auto; display: block;}
.logo-marquee-wrapper .controls .toggle-animation path {fill: #727272;}
.logo-marquee-wrapper .controls .toggle-animation:focus,
.logo-marquee-wrapper .controls .toggle-animation:hover {background: #727272;}
.logo-marquee-wrapper .controls .toggle-animation:focus path,
.logo-marquee-wrapper .controls .toggle-animation:hover path {fill: #fff;}
.logo-marquee-wrapper .controls .toggle-animation .play {display: none;}
.logo-marquee-wrapper .controls .toggle-animation.paused .pause {display: none;}
.logo-marquee-wrapper .controls .toggle-animation.paused .play {display: block;}
.logo-marquee-wrapper.show-all .logo-marquee-slider {height: 0; overflow: hidden; margin: 0;}
.logo-marquee-wrapper.show-all .logo-grid {display: flex;}
.logo-marquee-wrapper.show-all .controls .toggle-animation {display: none;}
.logo-marquee-wrapper.show-all .controls .show-more .more-text {display: none;}
.logo-marquee-wrapper.show-all .controls .show-more .less-text {display: inline-block;}

.logo-marquee-slider {font-size: 12px; line-height: 1.2em; margin: 50px 0; position: relative;}
.logo-marquee-slider:before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100px; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%); z-index: 1;}
.logo-marquee-slider:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 100px; background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); z-index: 1;}
.logo-marquee-slider img {width: auto; max-height: 90px; display: block; margin: 0 auto;}
.logo-marquee-slider .slick-track {display: flex; align-items: center; gap: 0 40px;} /* transition: none !important; animation: 300s linear infinite marquee; */
.logo-marquee-slider .slick-autoplay-toggle-button {display: none;}
/* .logo-marquee-slider[dir="ltr"] .slick-track {animation-direction: reverse;} */
.logo-marquee-slider.paused .slick-track {animation-play-state: paused;}

.observances h3 {text-align: center;}
.observances a {color: #fff; text-decoration: underline;}
.observances a:focus,
.observances a:hover {text-decoration: none; background: none;}
.observances ul {--columns: 4; --gap: 20px; display: flex; flex-wrap: wrap; gap: 20px var(--gap); margin: 0 auto 40px auto; padding: 0; list-style-type: none; justify-content: center; font-size: 18px; line-height: 1.27em; color: #fff; text-align: center;}
.observances ul > li {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns))); border-radius: 20px; text-align: center;}
.observances ul > li > div {width: 100%;}
.observances ul.month > li {background: #0d6596; color: #fff; display: flex; align-items: center; padding: 20px; aspect-ratio: 1 / 1;}
.observances ul.week {color: #4B3B2C;}
.observances ul.week > li {background: #F8A72D; padding: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; aspect-ratio: 240 / 175;}
.observances ul.week a {color: #4B3B2C;}
.observances ul.week .dates {margin-top: 10px;}
.observances ul.day {max-width: 90%; --columns: 2;}
.observances ul.day > li {background: #CB311F; padding: 10px 20px;}
.observances ul.day > li > div {display: flex; gap: 5px 10px; flex-wrap: wrap; justify-content: center;}
.observances ul.day .dates {white-space: nowrap;}

.partner-shares {margin: 0 auto; max-width: 960px; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center;}
.partner-shares > li {width: 16.6666%; padding: 0 10px 20px 10px; max-width: 170px;}
.partner-shares a {border-radius: 15px; overflow: hidden; display: block; border: solid 2px transparent;}
.partner-shares a:focus,
.partner-shares a:hover {border-color: #523C2F;}
.partner-shares img {display: block; border-radius: 15px;}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/**
 * CaringBridge
 */
body.caringbridge .page-header .content {max-width: 100%;}
body.caringbridge main > section:nth-child(2) .narrow:first-child {max-width: 600px;}

.caringbridge-page-header {display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
.caringbridge-page-header .copy {width: 60%; padding: 0 60px 0 0;}

.caringbridge-intro {display: grid; grid-template-columns: 1fr 1fr; gap: 0px clamp(80px, 10vw, 120px); grid-template-areas: "title-left title-right" "logo-left logo-right" "content-left content-right" "action-left action-right" "footer-left footer-right" "impact-left impact-right"; margin: 40px 0;}
.caringbridge-intro h3 {grid-area: title-left; margin: 0; text-align: center; align-self: end;}
.caringbridge-intro h3.right {grid-area: title-right;}
.caringbridge-intro .logo {grid-area: logo-left; display: flex; align-items: center; justify-content: center;}
.caringbridge-intro .logo.right {grid-area: logo-right;}
.caringbridge-intro .content {grid-area: content-left;}
.caringbridge-intro .content.right {grid-area: content-right;}
.caringbridge-intro .action {grid-area: action-left; text-align: center; margin: 20px 0;}
.caringbridge-intro .action.right {grid-area: action-right;}
.caringbridge-intro .footer {grid-area: footer-left; text-align: center; margin: 0 0 60px 0;}
.caringbridge-intro .footer.right {grid-area: footer-right;}
.caringbridge-intro .impact {grid-area: impact-left; text-align: center; max-width: 350px; justify-self: center;}
.caringbridge-intro .impact.right {grid-area: impact-right;}
.caringbridge-intro .impact ul {margin: 0; padding: 0; list-style-type: none;}
.caringbridge-intro .impact li + li {margin-top: 40px;}
.caringbridge-intro .impact .icon {display: flex; justify-content: center; align-items: center; min-height: 90px; margin: 0 auto 10px auto;}
.caringbridge-intro .impact img {display: block;}

/**
 * Donate FAB
 */
.donate-fab {display: flex; align-items: center; gap: 10px; padding: 10px 15px; background: #523C2F; color: #fff; border: solid 2px #523C2F; border-top-width: 0; position: fixed; left: 0; top: calc(50vh + 46px); transform: rotate(-90deg); transform-origin: top left; z-index: 1000; text-decoration: none; border-radius: 0 0 5px 5px; text-transform: uppercase; font-size: 15px; line-height: 18px;}
.donate-fab path {transition: 0.25s ease;}
.donate-fab .icon {width: 20px; height: auto;}
.donate-fab:focus,
.donate-fab:hover {background: #fff; color: #523C2F;}
.donate-fab:focus path,
.donate-fab:hover path {fill: #523C2F;}

/**
 * FPL calculator dialog
 */
.fpl-calculator-dialog {font-size: 19px; line-height: 22px;}
.fpl-calculator-dialog form .row {display: flex; align-items: center; margin: 0 0 15px 0;}
.fpl-calculator-dialog form .row > label,
.fpl-calculator-dialog form .row > .label {width: 46%; text-align: right; padding: 0 15px 0 0;}
.fpl-calculator-dialog form .row > .field {width: 54%;}
.fpl-calculator-dialog form [type="text"] {max-width: 200px; padding: 12px 10px; border-radius: 8px; border: solid 1px #727272; font-size: 19px; line-height: 22px;}
.fpl-calculator-dialog fieldset,
.fpl-calculator-dialog legend {margin: 0; padding: 0; border: none;}
.fpl-calculator-dialog ul {margin: 0; padding: 0; list-style-type: none;}
.fpl-calculator-dialog li + li {margin-top: 5px;}
.fpl-calculator-dialog [type="text"][name="family_size"] {max-width: 90px;}
.fpl-calculator-dialog .disclaimer {font-size: 17px; text-align: center;}
.fpl-calculator-dialog .calculate {display: flex; align-items: center; gap: 20px; justify-content: center; margin: 0 0 15px 0;}
.fpl-calculator-dialog .calculate .btn {margin-left: 67px;}
.fpl-calculator-dialog .btn {min-width: 140px;}
.fpl-calculator-dialog .next {text-align: center; margin: 15px 0;}
.fpl-calculator-dialog .result {font-size: 21px; line-height: 24px; text-align: center; margin: 15px auto; max-width: 340px;}
.fpl-calculator-dialog .result .percent {color: #006498; font-weight: bold; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 2px;}
.fpl-calculator-dialog .result .percent.exceeded {color: #CB311F;}
.fpl-calculator-dialog .result .error {display: none;}
.fpl-calculator-dialog .reset {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit; text-decoration: underline;}
.fpl-calculator-dialog .reset:focus,
.fpl-calculator-dialog .reset:hover {background: #4F4C4C; color: #fff;}

/**
 * App store dialogs
 */
.qr-code-dialog {text-align: center;}
.qr-code-dialog img {display: block;}

/**
 * Mobile app page
 */
.patient-mobile-app-banner .subsection {max-width: 100%;}
.patient-mobile-app-banner .cols > .left {width: 70%;}
.patient-mobile-app-banner .cols > .right {width: 30%;}

.app-store-buttons {flex-wrap: wrap; display: flex; gap: 10px 30px;}
.app-store-buttons .btn {min-width: 200px;}

/**
 * Bios
 */
.bios {display: flex; flex-wrap: wrap; margin: 0 -30px -30px -30px; text-align: center; color: #523C2F; justify-content: center;}
.bios > div {width: 25%; padding: 0 30px 30px 30px;}
.bios.directors > div:nth-last-child(-n+6) {width: 33.3333%;}
.bios.directors > div:nth-last-child(-n+2) {width: 40%;}
.bios h3 {margin: 0; font-size: 22px; line-height: 26px; font-weight: normal; color: #523C2F;}
.bios button {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
.bios button:focus,
.bios button:hover {background: #523C2F; color: #fff;}
.bios .photo {aspect-ratio: 1 / 1; border-radius: 50%; margin: 0 auto 15px auto; overflow: hidden; position: relative; cursor: pointer; max-width: 220px;}
.bios .photo img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.bios .title {font-size: 14px; line-height: 18px; text-transform: uppercase; margin: 0;}
.bios .bio {display: none;}
.bios .break {flex-basis: 100%; height: 0; width: 100%; max-width: 100%; padding: 0;}
.bios.three-wide > div {width: 33.3333%;}

.dialog.bio-dialog {max-width: 600px;}
.dialog.bio-dialog h2 {margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 24px; line-height: 30px; color: #523C2F; border-bottom: solid 1px #979797;}
.dialog.bio-dialog .bio {max-height: 500px; overflow-y: auto;}

/**
 * Testimonial pages
 */
#testimonial .photo {float: left; margin: 8px 20px -15px 0; max-width: 40%;}
#testimonial .photo img {display: block;}

/**
 * Fund detail page
 */
#fund-intro h1 {margin: 0;}
#fund-intro h1 span {display: block; font-size: 20px; line-height: 28px;}
#fund-intro > div {display: flex;}
#fund-intro .left {width: 66.6666%;}
#fund-intro .right {width: 33.3333%; text-align: right;}

#fund-details {display: table; table-layout: fixed; width: 100%; font-size: 16px; line-height: 26px;}
#fund-details h2 {margin: 0 0 5px 0; font-size: 26px; line-height: 32px; color: #523C2F; font-weight: 400;}
#fund-details .details {float: left; width: 66.6666%;}
#fund-details .treatments-covered {float: left; width: 33.3333%; position: relative;}
#fund-details .row {margin: 0 0 40px 0;}
#fund-details .row > div {float: left; width: 50%; padding: 0 30px 0 0;}
#fund-details .treatments {background: #fff; padding: 30px 40px; margin: 0 0 20px 0;}
#fund-details .treatments > div {overflow-y: auto; max-height: 330px; }
#fund-details .treatments ul {margin: 0 0 20px 20px; padding: 0; list-style-type: none; font-size: 18px; line-height: 32px;}
#fund-details .treatments ul:first-child {margin-left: 0;}
#fund-details .treatments ul:last-child {margin-bottom: 0;}
#fund-details .treatments h5 {margin: 0 0 3px 0; line-height: 22px;}

/**
 * News
 */
/*
.page-template-template-news #main {padding-top: 200px;}
.page-template-template-news #main:before {position: absolute; content: ""; top: 0; right: 0; left: 0; height: 200px; background: url(images/bg-news-header.jpg) no-repeat center center; background-size: cover;}
*/

ul.news {margin: 0; padding: 0; list-style-type: none;}
ul.news li {margin: 0 0 40px 0;}
ul.news h3 {margin: 0 0 5px 0;}
ul.news .story-type {font-size: 15px; line-height: 18px; font-weight: bold; color: #523C2F; text-transform: uppercase; margin: 0 0 10px 0;}
ul.news .press-release .story-type {color: var(--primary-accent);}
ul.news .healthwell-in-the-news .story-type {color: #006498;}
ul.news .meta {font-size: 14px; line-height: 17px; color: rgba(79,76,76,0.7);}

#story h1 {margin: 0 0 5px 0;}
#story .meta {font-size: 14px; line-height: 17px; color: rgba(79,76,76,0.7); margin: 0 0 30px 0;}

/**
 * Donate
 */
.donate-page-header {background: repeat; text-align: center; background-size: auto;}
.donate-page-header > div {padding-top: 230px; padding-bottom: 230px; min-height: 538px;}
.donate-page-header .content {max-width: 100%;}
.donate-page-header h1{ position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 40px; transform: translate(-50%, -50%); }

.radio-boxes {margin: 0 -5px; padding: 0; list-style-type: none; display: flex; font-size: 15px; line-height: 85px; text-align: center; justify-content: center; text-transform: uppercase;}
.radio-boxes li {padding: 0 5px; max-width: 180px;}
.radio-boxes.large {font-size: 31px;}
.radio-boxes label {display: block; color: #523C2F; border: solid 1px #9a928e; border-radius: 10px; cursor: pointer;}
.radio-boxes input {clip: rect(0px, 0px, 0px, 0px); position: absolute; margin: 0;}
.radio-boxes input:checked + label {background: #523C2F; border-color: #523C2F; color: #fff;}
.radio-boxes input:focus + label {outline: solid 1px blue; outline-offset: 2px;}

.custom-select {width: 100%; overflow: hidden; border: solid 1px #727272; position: relative; background: #fff;}
.custom-select:before {position: absolute; content: ""; background: url(images/select-arrow.png) no-repeat; width: 24px; height: 11px; top: 26px; right: 20px;}
.custom-select select {border: none; width: 110%; padding: 15px; max-width: 110%; background: none; position: relative; font-size: 23px; line-height: 27px; -webkit-appearance: none;}

#donate {margin: 80px 0 0 0;}
#donate h4 {margin: 0 0 10px 0;}
#donate label.floating {position: absolute; top: 1px; left: 15px; font-size: 15px; line-height: 22px; text-align: left; display: block;}
#donate label.float {top: 20px; font-size: 22px;}
#donate fieldset {border: none; padding: 0; margin: 0 0 20px 0;}
#donate legend {display: block; text-align: center; margin: 0 0 20px 0; width: 100%;}
#donate .field {position: relative;}
#donate .state {margin: 0 0 20px 0;}
#donate [type="text"],
#donate [type="email"] {padding: 20px 15px 10px 15px; border: solid 1px #727272; font-size: 22px; line-height: 31px; width: 100%; display: block; color: #523C2F;}
#donate .select-amount li {width: 25%;}
#donate .amount {margin: 60px 0;}
#donate .amount input {max-width: 280px; margin: 0 auto; text-align: center; font-size: 31px;}
#donate .frequency {margin-bottom: 60px;}
#donate .frequency li {width: 33.3333%;}
#donate .cc-details {margin: 0 -5px;}
#donate .cc-details > div {float: left; width: 33.3333%; padding: 0 5px;}
#donate .toggle-group {padding: 0 0 0 100px; position: relative;}
#donate .toggle-group .toggle-control {position: absolute; top: 0; left: 0;}
#donate .thanks {text-align: center; font-size: 26px; line-height: 36px; max-width: 460px; margin: 0 auto;}
#donate .cc-number {position: relative;}
#donate .cc-number img {position: absolute; top: 15px; right: 15px; width: 200px; display: block;}
#donate .cc-number input {padding-right: 230px;}
#donate .ecard-options .preview {margin: 0 0 30px 0;}
#donate .ecard-options .preview .card {width: 700px; transform-origin: 0 0;}
#donate .ecard-options .cards {display: flex; flex-wrap: wrap; margin: 0 -15px;}
#donate .ecard-options .cards label {cursor: pointer;}
#donate .ecard-options .cards > div {width: 50%; padding: 0 15px 20px 15px;}
#donate .ecard-options .cards img {display: block; width: 100%; margin: 5px 0 0 0;}
#donate .ecard-options .message {margin: 0 0 30px 0;}
#donate .mailing-card img {display: block; margin: 0 auto 40px auto;}
#donate .hint {text-align: left;}
#donate .custom-select select {padding: 20px 15px 10px 15px;}

.recipients-banner {display: flex; flex-wrap: wrap; font-size: 15px; line-height: 17px; color: #fff;}
.recipients-banner > div {width: 25%;}
.recipients-banner > div:nth-child(1) {background: #FDB525; color: #523C2F;}
.recipients-banner > div:nth-child(2) {background: #006498;}
.recipients-banner > div:nth-child(3) {background: #E74B37;}
.recipients-banner > div:nth-child(4) {background: #523C2F;}
.recipients-banner img {display: block; width: 100%;}
.recipients-banner .content {padding: 10px 15px 20px 15px; max-width: 360px; margin: 0 auto;}
.recipients-banner .quote {font-family: "warnock-pro-display", Georgia, serif; margin: 0 0 10px 0;}
.recipients-banner .name {text-align: right; font-weight: bold;}

.person-card {display: flex; align-items: center; max-width: 400px; margin: 40px auto; font-size: 18px; line-height: 22px;}
.person-card .photo {width: 30%; padding: 0 20px 0 0;}

/**
 * About / Financials
 */
.financials{
	margin-bottom: 40px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.financials:last-of-type{
	margin-bottom: 0;
}

/**
 * Grant application
 */
body.grant-app #header .primary-nav,
body.grant-app #header .secondary-nav,
body.grant-app #header .toggle-search,
body.grant-app #header .toggle-menu,
body.grant-app #header .print {display: none;}

body.grant-app #footer .upper,
body.grant-app #footer .lower,
body.grant-app #footer .legal {display: none;}

div.messages {margin: 0 0 40px 0; padding: 10px; text-align: left;}
div.messages.error {background: #ffdfd6; border: solid 1px #ed1c25; border-width: 0 0 0 10px;}

ul.options {margin: 0 0 20px 0; padding: 0; list-style-type: none;}
ul.options label {display: inline-block; position: relative; padding: 0 0 0 20px;}
ul.options label input {position: absolute; top: 9px; left: 0; margin: 0;}

.grant-app-content label {display: block;}
.grant-app-content span.required {color: #f00;}
.grant-app-content .summary p {margin: 0 0 5px 0;}
.grant-app-content .summary p:last-child {margin: 0 0 20px 0;}
.grant-app-content .hint {font-size: 14px; line-height: 20px; margin: 10px 0 0 0; display: block;}
.grant-app-content p + h1 {margin-top: 40px;}
.grant-app-content h2 small {font-size: 13px; font-weight: normal;}
.grant-app-content form .btn {margin-bottom: 20px;}
.grant-app-content form p .btn {display: inline-block; vertical-align: middle; margin: 0;}
.grant-app-content form [name="special_email"] {position: absolute; left: -100000px; visibility: hidden; width: 0; height: 0; padding: 0; border-width: 0;}
.grant-app-content .medications {margin-right: -300px;}
.grant-app-content .medications > div {float: left; width: 33.3333%; padding: 0 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.grant-app-content [type="text"],
.grant-app-content [type="email"],
.grant-app-content select {width: auto;}

.grant-app-lang {margin: 0 0 40px 0; overflow: hidden;}
.grant-app-lang [type="radio"] {position: absolute; left: -100000px; width: 0px; height: 0px; overflow: hidden;}
.grant-app-lang label {margin: 0 15px 0 0; position: relative; padding: 0 0 0 20px; cursor: pointer;}
.grant-app-lang label:before {width: 16px; height: 16px; border: solid 2px #523C2F; position: absolute; top: calc(50% - 9px); left: 0; content: ""; border-radius: 50%;}
.grant-app-lang [type="radio"]:checked + label:after {width: 8px; height: 8px; background: #2F6EE4; position: absolute; top: calc(50% - 5px); left: 4px; content: ""; border-radius: 50%;}

/**
 * Toggle slider
 */
/*
.toggle-control {width: 80px; font-size: 17px; line-height: 17px; border-radius: 9999px; border: solid 1px #727272; padding: 5px;}
.toggle-control [type="checkbox"] {clip: rect(0px, 0px, 0px, 0px); position: absolute; margin: 0;}
.toggle-slide {overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr; text-align: center;}
.toggle-slide .toggle-blob,
.toggle-slide .toggle-off,
.toggle-slide .toggle-on {float: left;}
.toggle-slide .toggle-blob {border-radius: 50px; position: relative; z-index: 99; cursor: hand; cursor: -webkit-grab; cursor: grab; background: #523C2F;}

.toggle-slide .toggle-on.active .toggle-blob {}
*/

.flipswitch > div {
	display: block;
	vertical-align: middle;
	height: 24px;
	overflow: hidden;
	-webkit-transition-property: padding,width,background-color,color,border-color;
	-moz-transition-property: padding,width,background-color,color,border-color;
	-o-transition-property: padding,width,background-color,color,border-color;
	transition-property: padding,width,background-color,color,border-color;
	-webkit-transition-duration: 100ms;
	-moz-transition-duration: 100ms;
	-o-transition-duration: 100ms;
	transition-duration: 100ms;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.flipswitch .flipswitch-on {
	width: 24px;
	padding: 0;
	text-indent: -4.6em;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: visible;
	color: inherit;
	text-shadow: inherit;
	border-radius: 100px;
	font-size: 16px;
	line-height: 24px;
	transition: none;
	display: block;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flipswitch .flipswitch-on,
.flipswitch .flipswitch-off {
	float: left;
	height: 24px;
	line-height: 24px;
}

.flipswitch .flipswitch-off {
	padding: 1px;
	text-indent: 1em;
}

.flipswitch select,
.flipswitch input {
	position: absolute;
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(1px,1px,1px,1px);
	border: 0;
	outline: 0;
	filter: Alpha(Opacity=0);
	opacity: 0;
}

.flipswitch.on > div {
	padding-left: 44px;
}

.flipswitch {border: solid 1px #523C2F; border-radius: 100px; display: inline-block; overflow: hidden; padding: 5px; font-size: 16px; line-height: 16px; color: #523C2F; width: 80px;}
.flipswitch .flipswitch-on {background: #523C2F;}
.flipswitch.on {background: var(--primary-accent); color: #fff; border-color: var(--primary-accent);}
.flipswitch.on .flipswitch-on {background: #fff;}

.toggle-checkbox {position: absolute; left: -10000px; width: 0px; height: 0px;}
.toggle-checkbox + label {border: solid 1px #523C2F; cursor: pointer; transition: 0.25s ease; font-size: 16px; line-height: 20px; border-radius: 100px; display: inline-block; overflow: hidden; padding: 0; margin: 0; font-size: 16px; line-height: 16px; color: #523C2F; width: 80px; height: 36px; position: relative;}
.toggle-checkbox + label .text {position: absolute; transition: 0.25s; display: flex; padding: 0 10px; justify-content: space-between; width: 122px; top: 0; left: -44px; align-items: center; height: 36px;}
.toggle-checkbox + label .text:before {position: absolute; content: ""; width: 26px; height: 26px; top: 4px; left: 49px; background: #523c2f; border-radius: 50%;}
.toggle-checkbox:checked + label {background: var(--primary-accent); color: #fff; border-color: var(--primary-accent);}
.toggle-checkbox:checked + label .text {left: 0;}
.toggle-checkbox:checked + label .text:before {background: #fff;}
.toggle-checkbox:focus + label {outline: solid 1px blue; outline-offset: 2px;}

/*
.toggle-checkbox[checked="true"] + label {background: #523C2F;}
.flipswitch.on {background: var(--primary-accent); color: #fff; border-color: var(--primary-accent);}
.flipswitch.on .flipswitch-on {background: #fff;}
*/
/**
 * GivingTuesday
 */
.gt-banner-image {background: url(images/bg-giving-tuesday-banner.jpg) no-repeat center center; background-size: cover;}

.giving-tuesday-intro {display: flex; flex-wrap: wrap; max-width: 700px; margin: 0 auto; align-items: center;}
.giving-tuesday-intro h1 {width: 275px; height: 111px; font-size: 0px; line-height: 0px; text-indent: -100000px; background: url(images/giving-tuesday-logo.png) no-repeat center center; background-size: 100% 100%;}
.giving-tuesday-intro > div {width: 50%;}
.giving-tuesday-intro img {margin: 0 auto; display: block; padding: 0 20px;}
.giving-tuesday-intro .logo {max-width: 275px; margin: 0 auto;}

.sidebar-layout {display: flex; flex-wrap: wrap; align-items: flex-start;}
.sidebar-layout > div {width: 70%; padding: 0 60px 0 0;}
.sidebar-layout > aside {width: 30%;}

.vertical-photo-strip {margin: 0 0 40px 0;}
.vertical-photo-strip > p:not(:last-child) {margin: 0 0 20px 0;}
.vertical-photo-strip img {display: block; width: 100%;}

.constrain-width {max-width: 760px;}

.giving-tuesday-ctas {display: flex; flex-wrap: wrap; text-align: center; margin: 0 0 40px 0; justify-content: center; line-height: normal;}
.giving-tuesday-ctas > div {width: 25%; padding: 0 40px 40px 40px;}
.giving-tuesday-ctas a.at-share-btn {border: solid 1px var(--primary-accent); margin-left: 5px; margin-right: 5px;}
.giving-tuesday-ctas a.at-share-btn:focus,
.giving-tuesday-ctas a.at-share-btn:hover {background: var(--primary-accent) !important;}
.giving-tuesday-ctas a.at-share-btn:focus path,
.giving-tuesday-ctas a.at-share-btn:hover path {fill: #fff !important;}

/**
 * Blog
 */
.blog-sidebar-layout {display: flex; flex-wrap: wrap;}
.blog-sidebar-layout > div {width: 70%; padding: 0 40px 0 0;}
.blog-sidebar-layout > aside {width: 30%;}

.rwhc-header {margin: 0 0 30px 0;}
.rwhc-header .upper {margin: 0 0 10px 0; display: flex; align-items: center;}
.rwhc-header .upper .logo {width: 75%; padding: 0 20px 0 0;}
.rwhc-header .upper .logo h1 {margin: 0;}
.rwhc-header .upper .logo .text {background: url(images/rwhc/rwhc-logo.png) no-repeat center center; background-size: contain; display: block; padding-bottom: 14.7%; position: relative;}
.rwhc-header .upper .logo a:before {position: absolute; content: ""; right: 0; bottom: -5px; left: 0; background: none; height: 2px;}
.rwhc-header .upper .logo a:focus:before,
.rwhc-header .upper .logo a:hover:before {background: #4F4C4C;}
.rwhc-header .upper .logo img {display: block;}
.rwhc-header .upper .partners {width: 25%; padding: 15px 0 0 20px; border-left: solid 1px #a09489; position: relative; overflow: hidden;}
.rwhc-header .upper .partners .headline {font-size: 10px; line-height: 14px; color: #666; font-family: "proxima-nova", Arial, Verdana, Sans-Serif; text-transform: uppercase; letter-spacing: 1px; position: absolute; top: 0; z-index: 1;}
.rwhc-header .upper .partners .item {display: none;}
.rwhc-header .upper .partners .slick-initialized .item {display: block;}
.rwhc-header .upper .partners .rwhc-partners-slider-toggle {position: absolute; z-index: 5; right: 0; bottom: 0; width: 20px; height: 20px; font-size: 12px; border-radius: 50%; border: solid 1px #4F4C4C; color: #4F4C4C; display: flex; align-items: center; justify-content: center;}
.rwhc-header .upper .partners .rwhc-partners-slider-toggle:focus,
.rwhc-header .upper .partners .rwhc-partners-slider-toggle:hover {background: #4F4C4C; color: #fff;}
.rwhc-header .upper .partners .rwhc-partners-slider-toggle .play {display: none;}
.rwhc-header .upper .partners .rwhc-partners-slider-toggle.paused .pause {display: none;}
.rwhc-header .upper .partners .rwhc-partners-slider-toggle.paused .play {display: inline;}

.slick-autoplay-toggle-button {position: absolute; z-index: 5; left: auto; right: 0; bottom: 0; width: 20px; height: 20px; font-size: 12px; border-radius: 50%; border: solid 1px #4F4C4C; color: #4F4C4C; display: flex; align-items: center; justify-content: center; background: none; padding: 0;}
.slick-autoplay-toggle-button:focus,
.slick-autoplay-toggle-button:hover {background: #4F4C4C; color: #fff;}
.slick-play-icon:before {display: none;}
.slick-pause-icon:before {display: none;}

.rwhc-header .lower {font-size: 15px; line-height: 18px;}
.rwhc-header .lower a {text-decoration: none;}
.rwhc-header .lower > ul {margin: 0; padding: 0; list-style-type: none; display: flex; position: relative; z-index: 1;}
.rwhc-header .lower > ul > li {margin: 0 30px 0 0; position: relative;}
.rwhc-header .lower > ul > li.menu-item-has-children > button {margin: 0; padding: 0; cursor: pointer; background: none; border: none; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit;}
.rwhc-header .lower > ul > li.menu-item-has-children > button:after {font-family: 'FontAwesome'; content: "\f107"; margin-left: 5px; display: inline-block; vertical-align: middle;}
.rwhc-header .lower > ul > li.menu-item-has-children > button[aria-expanded="true"] + .category-menu {display: block; opacity: 1; pointer-events: all; z-index: 1;}
.rwhc-header .lower > ul > li.menu-item-has-children > button:focus,
.rwhc-header .lower > ul > li.menu-item-has-children > button:hover {background: #4F4C4C; color: #fff;}
.rwhc-header .lower .category-menu {position: absolute; opacity: 0; pointer-events: none; z-index: -1; transition: 0.5s ease; display: none; flex-wrap: wrap; background: #fff; padding: 15px 10px; width: 600px; top: 30px; left: -215px; margin: 0; list-style-type: none; font-size: 15px; line-height: 18px; box-shadow: 5px 10px 10px 0 rgba(0,0,0,0.2); border-top: solid 5px #727272;}
.rwhc-header .lower .category-menu:before {position: absolute; content: ""; top: -24px; left: 235px; border: solid 12px transparent; border-bottom-color: #727272;}
.rwhc-header .lower .category-menu > ul {margin: 0; padding: 5px 10px; list-style-type: none; columns: 3;}
.rwhc-header .lower .category-menu > ul > li + li {margin-top: 10px;}
.rwhc-header .lower .category-menu li {break-inside: avoid-column;}
.rwhc-header .lower .category-menu a {display: flex; align-items: center; min-height: 50px; padding: 0 0 0 50px; background: none no-repeat left center; background-size: 40px 40px; color: #4F4C4C;}
.rwhc-header .lower .category-menu a:focus,
.rwhc-header .lower .category-menu a:hover {text-decoration: underline;}
.rwhc-header .lower .category-menu ul ul {font-size: 12px; line-height: 14px; margin: 0; padding: 0 0 0 50px; list-style-type: none;}
.rwhc-header .lower .category-menu ul ul a {background-size: 20px 20px; padding-left: 25px; min-height: 20px;}
.rwhc-header .lower .category-menu ul ul li + li {margin-top: 10px;}
.rwhc-header .lower > ul > li ul li.cat-alzheimers a {background-image: url(images/rwhc/category-alzheimers.png);}
.rwhc-header .lower > ul > li ul li.cat-multiple-myeloma a {background-image: url(images/rwhc/category-multiple-myeloma.png);}
.rwhc-header .lower > ul > li ul li.cat-behavioral-medicine a {background-image: url(images/rwhc/category-behavioral-medicine.png);}
.rwhc-header .lower > ul > li ul li.cat-non-small-cell-lung-cancer a {background-image: url(images/rwhc/category-non-small-cell-lung-cancer.png);}
.rwhc-header .lower > ul > li ul li.cat-big-data a {background-image: url(images/rwhc/category-big-data.png);}
.rwhc-header .lower > ul > li ul li.cat-pain-management a {background-image: url(images/rwhc/category-pain-management.png);}
.rwhc-header .lower > ul > li ul li.cat-melanoma a {background-image: url(images/rwhc/category-melanoma.png);}
.rwhc-header .lower > ul > li ul li.cat-personalized-medicine a {background-image: url(images/rwhc/category-personalized-medicine.png);}
.rwhc-header .lower > ul > li ul li.cat-caregiving a {background-image: url(images/rwhc/series-caregiving.png);}
.rwhc-header .lower > ul > li ul li.cat-nonalcoholic-steatohepatitis a,
.rwhc-header .lower > ul > li ul li.cat-mash a {background-image: url(images/rwhc/series-nash.png);}
.rwhc-header .lower > ul > li ul li.cat-secondary-progressive-ms a {background-image: url(images/rwhc/series-secondary-progressive-ms.png);}
.rwhc-header .lower > ul > li ul li.cat-migraine a {background-image: url(images/rwhc/series-migrane-and-misunderstanding.png);}
.rwhc-header .lower > ul > li ul li.cat-amyotrophic-lateral-sclerosis a {background-image: url(images/rwhc/category-amyotrophic-lateral-sclerosis-2.png);}
.rwhc-header .lower > ul > li ul li.cat-car-t-cell-therapy a {background-image: url(images/rwhc/category-car-t-cell-therapy-2.png);}
.rwhc-header .lower > ul > li ul li.cat-macular-degeneration a {background-image: url(images/rwhc/category-macular-degeneration-3.png);}
.rwhc-header .lower > ul > li ul li.cat-movement-disorders a {background-image: url(images/rwhc/category-movement-disorders-3.png);}
.rwhc-header .lower > ul > li ul li.cat-hepatitis-c a {background-image: url(images/rwhc/category-hepatitis-c.png);}
.rwhc-header .lower > ul > li ul li.cat-sjogrens-syndrome a {background-image: url(images/rwhc/category-sjogrens-syndrome.png);}
.rwhc-header .lower > ul > li ul li.cat-covid-19 a {background-image: url(images/rwhc/category-covid-19.png);}
.rwhc-header .lower > ul > li ul li.cat-leukemia a {background-image: url(images/rwhc/category-leukemia.png);}
.rwhc-header .lower > ul > li ul li.cat-cystic-fibrosis a {background-image: url(images/rwhc/category-cystic-fibrosis-3.png);}
.rwhc-header .lower > ul > li ul li.cat-health-disparities a {background-image: url(images/rwhc/category-health-disparities-3.png);}
.rwhc-header .lower > ul > li ul li.cat-parkinsons-disease a {background-image: url(images/rwhc/category-parkinsons-disease-2.png);}
.rwhc-header .lower > ul > li ul li.cat-barriers-to-care a {background-image: url(images/rwhc/category-barriers-to-care.png);}
.rwhc-header .lower > ul > li ul li.cat-vitamins-supplements a {background-image: url(images/rwhc/category-vitamin-supplements.png);}
.rwhc-header .lower > ul > li ul li.cat-food-and-transportation-disparities a {background-image: url(images/rwhc/category-food-and-transportation-disparities.png);}
.rwhc-header .lower > ul > li ul li.cat-racial-and-ethnic-disparities a {background-image: url(images/rwhc/category-health-disparities-2.png);}
.rwhc-header .lower > ul > li ul li.cat-cancer-moonshot a {background-image: url(images/rwhc/category-cancer-moonshot.png);}
.rwhc-header .lower > ul > li ul li.cat-inflation-reduction-act a {background-image: url(images/rwhc/category-inflation-reduction-act.png);}
.rwhc-header .lower > ul > li ul li.cat-type-2-diabetes a {background-image: url(images/rwhc/category-type-2-diabetes-v2.png);}

.posts {margin: 0; padding: 0; list-style-type: none;}
.posts li + li {margin-top: 20px;}
.posts article {background: #F3F0E6;}
.posts article .content {padding: 20px;}
.posts article .content p:last-child {margin: 0;}
.posts article .categories {border-top: solid 1px #A09489; margin-top: 15px; padding-top: 15px; font-size: 15px; line-height: 19px;}
.posts article h2 {margin: 0 0 10px 0; font-weight: normal;}
.posts article h2 a {text-decoration: none;}
.posts article h2 a:focus,
.posts article h2 a:hover {text-decoration: underline;}

body.home #blog-banner > div {padding-bottom: 0;}
/* body.page-id-11644 #blog-banner > div {padding-top: 0;} */

.post-tiles {margin: 40px -10px -20px -10px; padding: 0; list-style-type: none; display: flex; text-align: left; flex-wrap: wrap; position: relative;}
.post-tiles .tile {width: 33.3333%; padding: 0 10px 20px 10px; display: flex;}
.post-tiles .tile > div {background: #F3F0E6; width: 100%; position: relative;}
.post-tiles h3 {margin: 0; font-size: 29px; line-height: 33px;}
.post-tiles .head {padding: 15px 15px 15px 80px; background: #707070 no-repeat 15px center; background-size: 50px 50px; min-height: 80px; color: #fff; line-height: 22px;}
.post-tiles .body {padding: 30px 35px 100px 35px; min-height: 380px;}
.post-tiles .foot {position: absolute; bottom: 30px; left: 35px; color: #4F4C4C; font-size: 14px; line-height: 17px;}
.post-tiles .primary-general .head,
.post-tiles .primary-none .head {padding-left: 15px;}
.post-tiles .primary-alzheimers-disease .head {background-color: #5165AD; background-image: url(images/rwhc/category-alzheimers.png);}
.post-tiles .primary-multiple-myeloma .head {background-color: #6F4E9B; background-image: url(images/rwhc/category-multiple-myeloma.png);}
.post-tiles .primary-behavioral-health .head {background-color: #2E8171; background-image: url(images/rwhc/category-behavioral-medicine.png);}
.post-tiles .primary-non-small-cell-lung-cancer .head {background-color: #9F596F; background-image: url(images/rwhc/category-non-small-cell-lung-cancer.png);}
.post-tiles .primary-big-data .head {background-color: #297C9D; background-image: url(images/rwhc/category-big-data.png);}
.post-tiles .primary-pain-management .head {background-color: #5D7E54; background-image: url(images/rwhc/category-pain-management.png);}
.post-tiles .primary-melanoma .head {background-color: #AE529B; background-image: url(images/rwhc/category-melanoma.png);}
.post-tiles .primary-personalized-medicine .head {background-color: #9A4638; background-image: url(images/rwhc/category-personalized-medicine.png);}
.post-tiles .primary-caregiving .head {background-image: url(images/rwhc/series-caregiving.png);}
.post-tiles .primary-nonalcoholic-steatohepatitis .head,
.post-tiles .primary-mash .head {background-image: url(images/rwhc/series-nash.png);}
.post-tiles .primary-secondary-progressive-ms .head {background-image: url(images/rwhc/series-secondary-progressive-ms.png);}
.post-tiles .primary-migraine .head {background-image: url(images/rwhc/series-migrane-and-misunderstanding.png);}
.post-tiles .primary-amyotrophic-lateral-sclerosis .head {background-image: url(images/rwhc/category-amyotrophic-lateral-sclerosis.png);}
.post-tiles .primary-car-t-cell-therapy .head {background-image: url(images/rwhc/category-car-t-cell-therapy.png);}
.post-tiles .primary-macular-degeneration .head {background-image: url(images/rwhc/category-macular-degeneration-2.png);}
.post-tiles .primary-movement-disorders .head {background-image: url(images/rwhc/category-movement-disorders-2.png);}
.post-tiles .primary-hepatitis-c .head {background-color: #604839; background-image: url(images/rwhc/category-hepatitis-c.png);}
.post-tiles .primary-sjogrens-syndrome .head {background-color: #8F271B; background-image: url(images/rwhc/category-sjogrens-syndrome.png);}
.post-tiles .primary-covid-19 .head {background-color: #3A7C89; background-image: url(images/rwhc/category-covid-19.png);}
.post-tiles .primary-leukemia .head {background-color: #B23729; background-image: url(images/rwhc/category-leukemia.png);}
.post-tiles .primary-cystic-fibrosis .head {background-color: #B23729; background-image: url(images/rwhc/category-cystic-fibrosis-3.png);}
.post-tiles .primary-health-disparities .head {background-image: url(images/rwhc/category-health-disparities-2.png);}
.post-tiles .primary-parkinsons-disease .head {background-image: url(images/rwhc/category-parkinsons-disease-2.png);}
.post-tiles .primary-barriers-to-care .head {background-image: url(images/rwhc/category-barriers-to-care.png);}
.post-tiles .primary-vitamins-supplements .head {background-image: url(images/rwhc/category-vitamin-supplements.png);}
.post-tiles .primary-food-and-transportation-disparities .head {background-image: url(images/rwhc/category-food-and-transportation-disparities.png);}
.post-tiles .primary-racial-and-ethnic-disparities .head {background-image: url(images/rwhc/category-health-disparities-2.png);}
.post-tiles .primary-cancer-moonshot .head {background-image: url(images/rwhc/category-cancer-moonshot.png);}
.post-tiles .primary-inflation-reduction-act .head {background-image: url(images/rwhc/category-inflation-reduction-act.png);}
.post-tiles .primary-type-2-diabetes .head {background-image: url(images/rwhc/category-type-2-diabetes-v2.png);}

.post-tiles-slider h3 {font-size: 20px; line-height: 26px;}
.post-tiles-slider .body {padding-bottom: 50px; min-height: 100px;}
.post-tiles-slider .slick-list {display: flex;}
.post-tiles-slider .slick-track {display: flex;}
.post-tiles-slider .slick-slide,
.post-tiles-slider .slick-slide > div {display: flex;}
.post-tiles-slider .tile {display: flex !important;}
.post-tiles-slider {margin: 40px auto -20px auto; padding: 0 30px;}
.post-tiles-slider .slick-arrow {background: none; border: none; position: absolute; top: 50%; left: 0; margin-top: -25px; font-size: 50px; line-height: 50px; padding: 0; z-index: 100; color: #4F4C4C;}
.post-tiles-slider .slick-arrow.slick-next {left: auto; right: 0;}
.post-tiles-slider .slick-arrow:focus,
.post-tiles-slider .slick-arrow:hover {border-bottom: solid 2px #4f4c4c;}

article.post header {display: flex; align-items: center; background: #707070 no-repeat 10px center; background-size: 50px 50px; padding: 10px 20px 10px 70px; position: relative; font-size: 16px; line-height: 20px; font-weight: 400; min-height: 65px; color: #fff;}
article.post header .author {font-weight: bold;}

article.primary-alzheimers-disease header {background-color: #5165AD; background-image: url(images/rwhc/category-alzheimers.png);}

article.primary-behavioral-health header {background-color: #2E8171; background-image: url(images/rwhc/category-behavioral-medicine.png);}

article.primary-big-data header {background-color: #297C9D; background-image: url(images/rwhc/category-big-data.png);}

article.primary-melanoma header {background-color: #AE529B; background-image: url(images/rwhc/category-melanoma.png);}

article.primary-multiple-myeloma header {background-color: #6F4E9B; background-image: url(images/rwhc/category-multiple-myeloma.png);}

article.primary-non-small-cell-lung-cancer header {background-color: #9F596F; background-image: url(images/rwhc/category-non-small-cell-lung-cancer.png);}

article.primary-pain-management header {background-color: #5D7E54; background-image: url(images/rwhc/category-pain-management.png);}

article.primary-personalized-medicine header {background-color: #9A4638; background-image: url(images/rwhc/category-personalized-medicine.png);}

article.primary-caregiving header {background-image: url(images/rwhc/series-caregiving.png);}

article.primary-nonalcoholic-steatohepatitis header,
article.primary-mash header {background-image: url(images/rwhc/series-nash.png);}

article.primary-secondary-progressive-ms header {background-image: url(images/rwhc/series-secondary-progressive-ms.png);}

article.primary-migraine header {background-image: url(images/rwhc/series-migrane-and-misunderstanding.png);}

article.primary-amyotrophic-lateral-sclerosis header {background-image: url(images/rwhc/category-amyotrophic-lateral-sclerosis-2.png);}

article.primary-car-t-cell-therapy header {background-image: url(images/rwhc/category-car-t-cell-therapy-2.png);}

article.primary-macular-degeneration header {background-image: url(images/rwhc/category-macular-degeneration-3.png);}

article.primary-movement-disorders header {background-image: url(images/rwhc/category-movement-disorders-3.png);}

article.primary-general header,
article.primary-none header {padding-left: 20px;}

article.primary-hepatitis-c header {background-color: #604839; background-image: url(images/rwhc/category-hepatitis-c.png);}
article.primary-sjogrens-syndrome header {background-color: #8F271B; background-image: url(images/rwhc/category-sjogrens-syndrome.png);}
article.primary-covid-19 header {background-color: #3A7C89; background-image: url(images/rwhc/category-covid-19.png);}
article.primary-leukemia header {background-color: #B23729; background-image: url(images/rwhc/category-leukemia.png);}
article.primary-cystic-fibrosis header {background-color: #B23729; background-image: url(images/rwhc/category-cystic-fibrosis-3.png);}
article.primary-health-disparities header {background-image: url(images/rwhc/category-health-disparities-2.png);}
article.primary-parkinsons-disease header {background-image: url(images/rwhc/category-parkinsons-disease-2.png);}

article.primary-barriers-to-care header {background-image: url(images/rwhc/category-barriers-to-care.png);}
article.primary-vitamins-supplements header {background-image: url(images/rwhc/category-vitamin-supplements.png);}
article.primary-food-and-transportation-disparities header {background-image: url(images/rwhc/category-food-and-transportation-disparities.png);}
article.primary-racial-and-ethnic-disparities header {background-image: url(images/rwhc/category-health-disparities-2.png);}
article.primary-access-to-care header {background-image: url(images/rwhc/category-health-disparities-2.png);}
article.primary-cancer-moonshot header {background-image: url(images/rwhc/category-cancer-moonshot.png);}
article.primary-inflation-reduction-act header {background-image: url(images/rwhc/category-inflation-reduction-act.png);}
article.primary-type-2-diabetes header {background-image: url(images/rwhc/category-type-2-diabetes-v2.png);}

.rwhc-header .lower > ul > li ul li.cat-amyotrophic-lateral-sclerosis a {background-image: url(images/rwhc/category-amyotrophic-lateral-sclerosis-2.png);}
.post-tiles .primary-movement-disorders .head {background-image: url(images/rwhc/category-movement-disorders-2.png);}

.rwhc-signup form {position: relative; border: solid 1px #A09489; border-radius: 20px; padding: 7px 10px;}
.rwhc-signup label {font-size: 12px; top: -4px; left: 20px; position: absolute;}
.rwhc-signup label.float {top: 9px; font-size: 16px;}
.rwhc-signup [type="email"] {font-size: 16px; line-height: 16px; border: none; padding: 0 0 0 10px; border-left: solid 1px var(--primary-accent); width: calc(100% - 80px); display: block;}
.rwhc-signup [type="submit"] {position: absolute; font-size: 12px; line-height: 12px; font-weight: bold; color: #fff; background: #177F4E; border: solid 1px #177F4E; border-radius: 20px; text-transform: uppercase; display: block; padding: 5px 10px; top: 5px; right: 5px;}
.rwhc-signup [type="submit"]:focus,
.rwhc-signup [type="submit"]:hover {background: #fff; color: #177F4E;}

.widget {font-size: 14px; line-height: 16px;}
.widget h2,
.widget h4 {margin: 0 0 10px 0;}
.widget + .widget {margin-top: 20px; padding-top: 30px; border-top: solid 1px #A09489;}

/*
.rwhc-series {display: flex; flex-wrap: wrap; margin: 0 -10px -10px -10px; padding: 0; list-style-type: none; text-align: center;}
.rwhc-series > li {width: 33.3333%; padding: 0 5px 20px 5px;}
.rwhc-series img {display: block; width: 100%; margin: 0 auto 5px auto; max-width: 70px;}
*/
.rwhc-series {margin: 0; padding: 0; list-style-type: none;}
.rwhc-series > li {padding: 0 5px 10px 5px;}
.rwhc-series a,
.rwhc-series span {display: flex; align-items: center;}
.rwhc-series img {display: block; width: 100%; margin: 0 10px 0 0; max-width: 43px;}

.social-buttons {margin: 0; padding: 0; list-style-type: none;}
.social-buttons li + li {margin-top: 10px;}
.social-buttons .social-btn {min-width: 180px;}

a.social-btn {display: inline-block; padding: 13px 35px 13px 50px; color: #fff; border: solid 1px #000; background: #000; border-radius: 25px; font-weight: bold; text-transform: uppercase; position: relative; font-size: 16px; line-height: 20px; text-decoration: none;}
a.social-btn .icon:before {position: absolute; font-family: 'FontAwesome'; content: "𝕏"; top: 13px; left: 22px; font-size: 18px; font-weight: normal;}
a.social-btn:focus,
a.social-btn:hover {color: #000; background: #fff;}
a.social-btn.twitter {font-family: sans-serif;}
a.social-btn.facebook {color: #fff; border-color: #006498; background: #006498;}
a.social-btn.facebook .icon:before {content: "\f09a";}
a.social-btn.facebook:focus,
a.social-btn.facebook:hover {color: #006498; background: #fff;}
a.social-btn.instagram {color: #fff; border-color: #B42EAA; background: #B42EAA;}
a.social-btn.instagram .icon:before {content: "\f16d";}
a.social-btn.instagram:focus,
a.social-btn.instagram:hover {color: #B42EAA; background: #fff;}
a.social-btn.youtube {color: #fff; border-color: #EA0606; background: #EA0606;}
a.social-btn.youtube .icon:before {content: "\f167";}
a.social-btn.youtube:focus,
a.social-btn.youtube:hover {color: #EA0606; background: #fff;}
a.social-btn.outline {background: transparent; color: #000;}
a.social-btn.outline:focus,
a.social-btn.outline:hover {color: #fff; background: #000;}
a.social-btn.linkedin {color: #fff; border-color: #0b66c2; background: #0b66c2;}
a.social-btn.linkedin .icon:before {content: "\f0e1";}
a.social-btn.linkedin:focus,
a.social-btn.linkedin:hover {color: #0b66c2; background: #fff;}
a.social-btn.bluesky {color: #fff; border-color: #0074E7; background: #0074E7;}
a.social-btn.bluesky .icon:before {content: "\e671";}
a.social-btn.bluesky:focus,
a.social-btn.bluesky:hover {color: #0074E7; background: #fff;}

#post header {background-color: transparent; background-position: 0 center; padding: 0 0 0 70px; color: #4F4C4C; margin: 0 0 20px 0;}
#post .content {padding: 0;}
#post .categories {padding: 10px 0; border-top: solid 1px #A09489; border-bottom: solid 1px #A09489; margin: 0 0 10px 0;}
#post .categories strong {font-weight: 900;}

/**
 * Individual Donors page
 */
.give-grid-container {margin: 40px 0 80px 0;}

.give-grid {display: flex; flex-wrap: wrap; margin: -1px; padding: 0; list-style-type: none;}
.give-grid > li {width: 33.3333%; padding: 1px; display: flex;}
.give-grid > li:last-child {width: 100%;}
.give-grid button {width: 100%; display: flex; font-family: "warnock-pro-display", Georgia, serif; font-weight: 400; background: #F3F0E6; border: solid 2px transparent; padding: 20px 30px 65px 30px; font-size: 26px; line-height: 30px; color: #523C2F; position: relative; margin: 0; cursor: pointer;}
.give-grid button > span {width: 100%;}
.give-grid button:after {position: absolute; content: ""; left: calc(50% - 12px); bottom: 25px; width: 24px; height: 24px; background: url(images/icons/ways-to-give/plus.svg) no-repeat center center;}
.give-grid button:focus,
.give-grid button:hover {border-color: #523C2F;}
.give-grid .icon {display: block; margin: 0 auto 20px auto; min-height: 70px; display: flex; justify-content: center; align-items: center;}
.give-grid .icon img {display: block; margin: 0 auto;}
.give-grid .icon img[src*="amazon-smile"] {max-width: 180px;}

.dialog {max-width: 700px; margin: 0 auto; position: relative; padding: 40px; background: #fff;}

/*
.dialog .mfp-close {width: 24px; height: 24px; top: 15px; right: 15px; background: #523c2f; font-size: 20px; line-height: 24px; color: #fff; opacity: 1; border-radius: 50%; border: solid 1px #523c2f; transition: 0.25s ease;}
.dialog .mfp-close:before {content: "×"; display: block;}
.dialog .mfp-close:focus,
.dialog .mfp-close:hover {background: #fff; color: #523c2f;}
*/

.give-grid-dialog h3 {margin: 20px 0 10px 0; text-align: center;}
.give-grid-dialog .icon {display: block; margin: 0 auto 20px auto;}
.give-grid-dialog .icon img {display: block; margin: 0 auto;}
.give-grid-dialog .icon img[src*="amazon-smile"] {max-width: 180px;}

.patient-brochure-dialog {background: #F7F4EF; padding: 40px; border-radius: 15px; max-width: 540px; margin: 0 auto; line-height: 18px; position: relative; overflow: hidden; text-align: center;}
.patient-brochure-dialog label {position: absolute; font-size: 14px; left: 20px; top: -4px; text-align: left;}
.patient-brochure-dialog label.float {top: 15px; font-size: 25px;}
.patient-brochure-dialog [type="email"] {border: solid 1px #727272; border-radius: 25px; font-size: 20px; line-height: 1.2em; padding: 10px 20px;}
.patient-brochure-dialog .field {position: relative;}
.patient-brochure-dialog .disclaimer {font-size: 16px; line-height: 1.375em; text-align: center;}
.patient-brochure-dialog .error {color: #cb311f; text-align: left; font-size: 14px; display: none; margin-top: -10px;}
.patient-brochure-dialog .challenge {margin: 0 0 20px 0;}

.donation-options-grid {display: flex; flex-wrap: wrap; margin: 0 -20px -40px -20px; padding: 0; list-style-type: none; text-align: center; word-wrap: break-word; justify-content: center;}
.donation-options-grid > li {width: 33.3333%; padding: 55px 20px 40px 20px; background: url(images/icons/ways-to-give/mail.svg) no-repeat center top;}
.donation-options-grid > li:nth-child(2) {background-image: url(images/icons/ways-to-give/phone.svg);}
.donation-options-grid > li:nth-child(3) {background-image: url(images/icons/ways-to-give/email.svg);}
.donation-options-grid p:not(:last-child) {margin-bottom: 10px;}
.donation-options-grid strong {font-weight: bold;}

.fpl-buttons {display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.fpl-buttons > div {padding: 0 20px 20px 20px; width: 50%;}
.fpl-buttons > div + div {border-left: solid 1px #ccc;}
.fpl-buttons .btn {width: 100%; max-width: 300px;}

/**
 * RTFA page
 */
body.page-template-template-rtfa #master-header {display: none;}
body.page-template-template-rtfa #main {background: #f7f4ec;}

.rtfa-page {padding-top: 60px; padding-bottom: 120px;}
.rtfa-page .logo {max-width: 300px; margin: 0 auto 60px auto;}
.rtfa-page .logo img {display: block;}

.rtfa-actions {display: flex; flex-wrap: wrap; text-align: center; margin: 50px auto 0 auto; max-width: 950px;}
.rtfa-actions .email,
.rtfa-actions .sms {width: calc(50% - 80px);}
.rtfa-actions .or {width: 160px; font-family: "warnock-pro-display", Georgia, serif; font-size: 30px;}
.rtfa-actions .btn {width: 100%;}

/**
 * Landing page
 */
body.page-template-template-landing-page {background: #fff url(images/bg-faces.png) repeat-x center bottom; padding: 0 0 106px 0; min-height: 100vh;}
body.page-template-template-landing-page .logos {margin: 40px 0; justify-content: flex-start;}
body.page-template-template-landing-page .section > div {max-width: 920px;}
body.page-template-template-landing-page .gutter > div {padding-top: 50px; padding-bottom: 50px;}
body.page-template-template-landing-page .logos:last-child {margin-bottom: 0;}
body.page-template-template-landing-page .qualify {max-width: 630px;}

#landing-page-header {padding: 40px 40px 150px 40px; background: url(images/bg-faces.png) repeat-x center bottom;}
#landing-page-header img {display: block; margin: 0 auto; width: 294px;}

#landing-page-intro {background: #f2f0e6; font-size: 40px; line-height: 50px; font-family: "warnock-pro-display", Georgia, serif; color: #523C2F;}
#landing-page-intro > div {padding-top: 50px; padding-bottom: 50px;}
#landing-page-intro > div > div {max-width: 760px;}

.phone-apply {display: flex; gap: 50px; font-size: 20px; line-height: 34px; flex-wrap: wrap; margin: 30px 0 60px 0;}
.phone-apply [href^="tel"] {font-size: 30px; white-space: nowrap;}

.apply-steps {font-size: 28px; line-height: 32px;}
.apply-steps li + li {margin-top: 20px;}

/**
 * HWF Direct
 */
body.hwf-direct #main {background-image: url(images/bg-faces-hwf-direct.png); padding-top: 100px;}
body.hwf-direct .quick-links-banner {padding-bottom: 93px;}
body.hwf-direct .quick-links-banner:after {position: absolute; content: ""; left: 0; right: 0; bottom: 0; height: 93px; background: url(images/bg-faces-hwf-direct.png) repeat-x center bottom;}
body.hwf-direct .bios > div {width: 33%;}
body.hwf-direct .bios .photo {cursor: default;}

/* .hwf-direct-intro.gutter > div {padding-top: 50px; padding-bottom: 50px;} */
.hwf-direct-intro .subsection {background: url(images/hwf-direct-logo.png) no-repeat left center; background-size: 110px auto; padding: 0 0 0 160px; font-family: "warnock-pro-display", Georgia, serif; font-size: 26px; line-height: 1.33em; max-width: 900px;}

.staff-list {margin: 0; padding: 0; list-style-type: none; margin: 50px 0;}
.staff-list > li {background: #F3F0E6; font-family: 'warnock-pro-display', Georgia, serif; font-size: 29px; line-height: 33px; padding: 20px 30px; margin: 0 0 1px 0;}

/**
 * Forms
 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="color"],
select,
textarea ,
.gform_wrapper select {font-family: "proxima-nova", Arial, Verdana, Sans-Serif; font-size: 16px; line-height: 20px; max-width: 100%; padding: 15px; border: solid 1px #727272; font-size: 22px; line-height: 31px; width: 100%; color: #523C2F;}

/*::-webkit-input-placeholder {opacity: 1; color: rgba(80,60,47,0.45);}
:-moz-placeholder {opacity: 1; color: rgba(80,60,47,0.45);}
::-moz-placeholder {opacity: 1; color: rgba(80,60,47,0.45);}
:-ms-input-placeholder {opacity: 1; color: rgba(80,60,47,0.45);}
select.placeholder {color: rgba(80,60,47,0.45);}*/

/* Make placeholder text darker */
::-webkit-input-placeholder {opacity: 1; color: #9a928e;}
:-moz-placeholder {opacity: 1; color: #9a928e;}
::-moz-placeholder {opacity: 1; color: #9a928e;}
:-ms-input-placeholder {opacity: 1; color: #9a928e;}
select.placeholder {color: #9a928e;}

#medication-name::-webkit-input-placeholder {opacity: 1; color: #4F4B4B;}
#medication-name:-moz-placeholder {opacity: 1; color: #4F4B4B;}
#medication-name::-moz-placeholder {opacity: 1; color: #4F4B4B;}
#medication-name:-ms-input-placeholder {opacity: 1; color: #4F4B4B;}

input[type="submit"] {cursor: pointer; border-radius: 0;}

button:not(:disabled) {cursor: pointer;}

.standard-form input[type="text"],
.standard-form input[type="email"],
.standard-form input[type="tel"],
.standard-form input[type="password"],
.standard-form input[type="number"],
.standard-form input[type="url"],
.standard-form input[type="date"],
.standard-form input[type="datetime-local"],
.standard-form input[type="color"],
.standard-form select,
.standard-form textarea {width: 100% !important; max-width: 100% !important; padding: 15px !important;}
.standard-form input[type="file"] {width: auto !important;}
/*
.standard-form .top_label .gfield_label {clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px;}
*/
.standard-form input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {font-size: 22px;}
.standard-form li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.standard-form li.gfield.gfield_error.gfield_contains_required div.ginput_container {margin: 0;}
.standard-form .custom select,
.standard-form.gform_validation_error .custom.top_label input.medium,
.standard-form.gform_validation_error .custom.top_label select.medium {width: 105% !important; max-width: 105% !important;}
.standard-form .description,
.standard-form .gfield_description,
.standard-form .gsection_description,
.standard-form .instruction {font-size: inherit;}
.standard-form ul.gform_fields li.gfield {padding: 0;}
body .standard-form .top_label div.ginput_container {margin: 0;}
body .standard-form ul li.gfield {margin: 0 0 30px 0 !important;}
.standard-form li.gfield.gfield_error,
.standard-form li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: none;}
.standard-form .field_description_below .gfield_description {padding: 5px 0 0 0;}
.standard-form .gform_footer {text-align: center;}

.story-form {text-align: left;}
.story-form h3 {text-align: center;}
.story-form ul.gform_fields li.flippy {position: relative; padding: 0 0 0 100px; min-height: 36px;}
.story-form .flipswitch {position: absolute; top: 0; left: 0;}
.story-form #field_1_10,
.story-form #field_1_11,
.story-form #field_1_12,
.story-form #field_2_10,
.story-form #field_2_11,
.story-form #field_2_12 {float: left; width: 33.333%; clear: none; text-align: center;}
.story-form #field_1_12:after,
.story-form #field_2_12:after {content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; visibility: hidden;}
.story-form #field_1_20,
.story-form #field_2_20 {clear: both;}
.story-form .gform_footer {text-align: center; justify-content: center;}
.story-form hr {margin: 60px auto;}



/*********************************************************************************************
 * Dropdowns Template part
 */

.hwf-dropdown{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px 0;
    font-weight: normal;
    padding: 0;
    list-style-type: none;
}

.hwf-dropdown h3 {
    font-family: "proxima-nova", Arial, Verdana, Sans-Serif;
    margin: 0;
    font-size: 23px;
    line-height: 27px;
    font-weight: normal;
}

.hwf-dropdown h3 a {
    text-decoration: none;
}

.hwf-dropdown:after{ content: ""; display: table; clear: both; }
.hwf-dropdown__block {
    position: relative;
    margin-bottom: 25px;
    font-size: 23px;
    line-height: 27px;
}
.hwf-dropdown--two-columns .hwf-dropdown__block{
    float: left;
    max-width: calc(50% - 12.5px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}
.hwf-dropdown--two-columns .hwf-dropdown__block:nth-of-type(odd) {
    padding-right: 25px;
}
@supports( display: flex ){
    .hwf-dropdown--two-columns .hwf-dropdown__block{
        max-width: none;
    }
}
.hwf-dropdown__block ul {margin: 0; padding: 0; list-style: none; }
.hwf-dropdown__handle{
    min-height: 27px;
    margin: 0;
    padding: 15px 44px 15px 15px;
    line-height: normal;
    background-color: #f6f1dc;
}
.hwf-dropdown__handle.custom-select .icon:before{ top: 25px; }
.hwf-dropdown__items{
    display: none;
    position: absolute;
    top: 0;
    /*left: 5px;*/
    margin: 0;
    padding: 0;
    max-height: 360px;
    width: 100%;
    background-color: #f6f1dc;
    border: solid 1px #727272;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0, .25);
    box-shadow: 5px 5px 5px rgba(0,0,0, .25);
    z-index: 2;
    overflow: auto;
}

.hwf-dropdown__block.open .hwf-dropdown__items{
    display: block;
    height: auto;
}
.hwf-dropdown--two-columns .hwf-dropdown__block.open:nth-of-type(odd) .hwf-dropdown__items{
    max-width: calc(100% - 25px);
}
.hwf-dropdown__items .hwf-dropdown__item a{
    display: block;
    padding: .25em 15px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.hwf-dropdown__items .hwf-dropdown__item a:focus,
.hwf-dropdown__items .hwf-dropdown__item a:hover {
    background: #4F4C4C;
    color: #fff;
}
.hwf-dropdown__item:first-of-type{ margin-top: 15px; }
.hwf-dropdown__item:last-of-type{ margin-bottom: 15px; }
.hwf-dropdown__title span{
    display: block;
    padding: 15px 44px 0 15px;
    line-height: normal;
}
.hwf-dropdown__title span:before{
    position: absolute;
    content: "";
    background: url(images/select-arrow.png) no-repeat;
    width: 24px;
    height: 11px;
    top: 25px;
    right: 20px;
}
.hwf-dropdown__block hr{
    max-width: none;
    margin: 15px;
}

.hwf-dropdown__content-item {
    padding: .25em 15px;
    font-size: 14px;
    line-height: 20px;
}

.hwf-dropdown__content-item p {
    margin: 0 0 10px 0;
}

.hwf-dropdown__button {
    min-height: 27px;
    padding: 15px 44px 15px 15px;
    line-height: normal;
    background-color: #f6f1dc;
    color: #4F4C4C;
    display: inline-block;
    border: solid 1px #727272;
    text-decoration: none;
    width: 100%;
}

.hwf-dropdown__button:focus,
.hwf-dropdown__button:hover {
    text-decoration: underline;
}

.page-id-11644 #stats-banner > div {
    padding-top: 60px;
    padding-bottom: 60px;
}

.apply-reenroll-buttons > div {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.apply-reenroll-buttons .solicitar {
    width: 100%;
    margin: 0 0 0 25px;
}

/*********************************************************************************************/

@media only screen and (max-width: 1200px) {

    .giving-tuesday-ctas > div {width: 50%;}

}

@media only screen and (max-width: 1160px) {

    .donate-fab {padding: 7px 12px; font-size: 14px; line-height: 17px; top: calc(50vh + 41px);}

}

@media only screen and (max-width: 1150px) {

    .quick-links-banner .links {width: 100%; justify-content: center;}
    .quick-links-banner .links ul {justify-content: center;}
    .quick-links-banner .lookup {margin: 0 auto;}

}

@media only screen and (max-width: 1100px) {
}

@media only screen and (max-width: 1080px) {

    .section.narrow .full {margin: 0;}

}

@media only screen and (max-width: 1050px) {

    body.mobile-menu #mobile-menu {display: block;}

    body.sticky-header {padding-top: 233px;}
    body.sticky-header #header {position: fixed; top: -233px; left: 0; right: 0; z-index: 1000; transition: top .5s ease;}
    body.visible-stick-header #header {top: 0;}

    body.grant-app #header .content {height: 175px;}

    body.show-search #header .search {display: flex;}

    #header > div {padding: 0; min-height: 1px;}
    #header .toggle-menu {display: block;}
    #header .logo {display: flex; align-items: center; justify-content: center; height: 170px; position: relative; top: auto; left: auto; width: 100%;}
    #header .logo img {max-width: 294px;}
    #header .primary-nav,
    #header .print {display: none;}
    #header .secondary {position: relative; top: auto; right: auto; font-size: 19px; line-height: 23px; flex-direction: column;}
    #header .secondary-nav > ul {display: flex;}
    #header .secondary-nav > ul > li {margin: 0; width: 50%;}
    #header .secondary-nav > ul > li > a {border-radius: 0; width: 100%; padding: 20px 0;}
    #header .secondary-nav .menu-item-has-children > a {padding-right: 0;}
    #header .secondary-nav .menu-item-has-children > button {top: 16px; right: calc(50% - 65px);}
    #header .secondary-nav ul ul {top: auto; padding-top: 20px; border-radius: 0;}
    #header .secondary-nav .menu-item-has-children > a {text-align: center;}
    #header .toggle-search {display: block;}
    #header .search {order: -1; margin: 10px 40px; display: none;}
    #header .search [type="text"] {width: 100%;}
    #header .content {height: 233px; margin: 0 -40px;}

    .recipients-banner > div {width: 50%;}

    .donor-letters {max-width: 560px;}
    .donor-letters > div > div {width: 50%;}

    #start {padding: 40px 0;}

    .caringbridge-page-header {display: block;}
    .caringbridge-page-header .logo {margin: 0 0 40px 0;}
    .caringbridge-page-header .copy {width: 100%; padding: 0;}

    .webinar-series-page-header {display: block; padding: 0;}
    .webinar-series-page-header .logo {margin: 0 0 40px 0;}
    .webinar-series-page-header .copy {width: 100%; padding: 0;}

    .cols-with-icons > div {width: 100%;}

    .upcoming-webinars > div {width: 100%;}
    .upcoming-webinars h3 {min-height: 1px;}

}

@media only screen and (min-width: 951px) and (max-width: 1030px) {

    #hero .apply .phone {
        margin-left: 10px;
        font-size: 16px;
    }

}

@media only screen and (max-width: 1000px) {

    #header .primary-nav > ul > li {margin: 0 0 0 20px;}
    #header .secondary-nav li {margin: 0 0 0 15px;}

    #hero .search {width: 340px;}

    #footer .legal {flex-wrap: wrap;}
    #footer .legal .copyright {width: 100%; order: 2;}

}

@media only screen and (max-width: 950px) {

	h1 {font-size: 40px; line-height: 44px;}

    #footer .upper {margin: 0 0 40px 0;}
    #footer .upper .left,
    #footer .upper .right {float: none; width: 100%; padding: 0;}
    #footer .upper .left {text-align: center; margin: 0 0 40px 0;}
    #footer .lower > .left,
    #footer .lower > .right {float: none; width: 100%; padding: 0;}
    #footer .lower > .left {order: 2;}
    #footer .lower > .right {margin: 0 0 40px 0; order: 1;}
    #footer .contact .left {width: 50%;}
    #footer .contact .right {width: 50%;}

	#hero h1 {font-size: 40px; line-height: 44px;}
    #hero .slider {position: relative; left: auto; padding-bottom: 80%;}
    #hero .slider:after {display: none;}
    #hero .slick-list {position: relative;}
    #hero .slide {position: absolute;}
    #hero .search {display: none;}
    #hero .container > div {padding: 40px;}
    #hero .content {padding: 0; margin: 0 0 70px 0; max-width: 100%;}
    #hero .apply {position: relative; left: auto; bottom: auto;}
	#hero .caption {display: none; bottom: auto; top: -45px;}
    #hero .lookup {position: relative; top: 0; left: 0; margin: 20px 0 0 0; max-width: 440px;}
    #hero .secondary-links {display: block; min-height: 31px; position: relative; margin: 20px 0 0 0;}
    #hero .solicitar {bottom: 0;}
    #hero .newsletter {bottom: 0;}

    #start .container {display: block; margin: 0;}
    #start .container > div {width: 100%; padding: 0;}
    #start .container > div.left {max-width: 600px; margin: 0 auto 40px auto;}

    #fund-details,
    #fund-details .details,
    #fund-details .treatments-covered {display: block; width: 100%;}
    #fund-details .details {margin: 0 0 40px 0;}
    #fund-details .treatments {position: relative; top: auto; padding: 30px 40px;}
    #fund-details .treatments > div {position: relative; top: auto; right: auto; bottom: auto; left: auto; max-height: 350px;}

    .photo-banner .photo,
    .photo-banner.swap .photo {position: relative; left: auto; right: auto; padding-bottom: 80%;}
    .photo-banner .section > div,
    .photo-banner.swap .section > div {padding-left: 20px; padding-right: 20px;}
    .photo-banner .content,
    .photo-banner.swap .content {padding: 100px 20px; height: auto; text-align: center; width: 100%; max-width: 500px; margin: 0 auto; display: block;}

    .news-tiles,
    .news-tiles > li {display: block; width: 100%; max-width: 100%;}
    .news-tiles > li > div {padding: 45px 35px 40px 35px;}
    .news-tiles {margin: 50px 0 -40px 0;}
    .news-tiles .source {position: relative; left: auto; bottom: auto; margin: 30px 0 0 0;}

    .facts > div {width: 50%; max-width: 50%;}
    .facts > div > div {min-height: 280px;}

    .split-content {display: block; text-align: center;}
    .split-content .left,
    .split-content .right {width: 100%; padding: 0;}
    .split-content .left {margin: 0 0 30px 0;}

	.two-columns,
	.three-columns {display: block; margin: 0;}
	.three-columns > div,
	.two-columns > div {width: 100%; padding: 0;}
	.three-columns:not(.tight) > div + div,
	.two-columns:not(.tight) > div + div {margin-top: 30px;}

	.article-tiles > li {width: 50%;}

    /*** Dropdowns Template part ***/
    .hwf-dropdown--two-columns .hwf-dropdown__block,
    .hwf-dropdown--two-columns .hwf-dropdown__block:nth-of-type(odd){
        max-width: 100%;
        flex: 0 0 100%;
        padding-right: 0;
    }
    .hwf-dropdown--two-columns .hwf-dropdown__block.open:nth-of-type(odd) .hwf-dropdown__items{
        max-width: 100%;
    }

    .giving-tuesday-intro > div {width: 100%;}
    .giving-tuesday-intro > div + div {margin-top: 40px;}
    .giving-tuesday-intro h1 {margin: 0 auto 40px auto;}

    .blog-sidebar-layout > div,
    .blog-sidebar-layout > aside {width: 100%; padding: 0;}
    .blog-sidebar-layout > div {margin: 0 0 60px 0;}

    .rwhc-header .upper .partners .headline {letter-spacing: normal;}

    .give-grid > li {width: 50%;}

    .donation-options-grid > li {width: 100%;}

    .post-tiles .tile {width: 100%;}
    .post-tiles .body {min-height: 1px;}

    .cols > div {width: 100%;}

    .patient-mobile-app-banner .cols > .left,
    .patient-mobile-app-banner .cols > .right {width: 100%;}

    .content-grid > div,
    .content-grid.x3 > div {width: 100%;}

    .jump-link-tabs li {width: 100%; flex-basis: auto;}

    #best-practices-pie-chart {width: 100%; height: auto;}
    #best-practices-pie-chart svg,
    #best-practices-pie-chart-map,
    #best-practices-pie-chart .content {display: none;}
    #best-practices-pie-chart img {opacity: 1; position: static; max-width: 560px; margin: 0 auto;}

    #family-caregiver-wheel {width: 100%; height: auto;}
    #family-caregiver-wheel svg,
    #family-caregiver-wheel-map,
    #family-caregiver-wheel .content {display: none;}
    #family-caregiver-wheel img {opacity: 1; position: static; max-width: 560px; margin: 0 auto;}

    #care-challenges-wheel {width: 100%; height: auto;}
    #care-challenges-wheel svg,
    #care-challenges-wheel-map,
    #care-challenges-wheel .content {display: none;}
    #care-challenges-wheel img {opacity: 1; position: static; static; max-width: 560px; margin: 0 auto;}

    .wheel-layout {max-width: 760px; margin: 40px auto;}
    .wheel-layout > .left,
    .wheel-layout > .right {width: 100%;}

    .tile-slider {max-width: calc(100% - 60px); margin-left: auto; margin-right: auto;}

    .logo-grid > ul > li {width: 25%;}

    .quote-slider {max-width: calc(100% - 60px); margin-left: auto; margin-right: auto;}

    .icon-button-list > li {width: 100%;}
    .icon-button-list a {max-width: 450px; margin: 0 auto;}

    .videos.x3 > div > div,
    .videos.x4 > div > div {width: 50%;}

    .news-slider-wrapper h4 {font-size: 24px;}

    .bios {margin: 0 -15px -30px -15px;}
    .bios > div,
    .bios.three-wide > div,
    .bios.directors > div:nth-last-child(-n+6),
    .bios.directors > div:nth-last-child(-n+2) {width: 33.3333%; padding: 0 15px 30px 15px;}
    .bios .break {display: none;}

    .alliance-partners-banner .tabs button {min-width: 140px;}
    .alliance-partners-banner .content > .left,
    .alliance-partners-banner .content > .right {width: 100%; padding: 0;}
    .alliance-partners-banner .content > .left {margin: 0 0 40px 0;}
    
    .observances ul.month {--columns: 3;}
    .observances ul.week {--columns: 2; max-width: 80%;}
    .observances ul.day {--columns: 1; max-width: 600px;}

}

@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 850px) {
}

@media only screen and (max-width: 800px) {

    .social-links li {margin: 0 10px;}

}

@media only screen and (max-width: 750px) {

    #footer .badges {flex-wrap: wrap;}

	h1,
    .h1 {font-size: 34px; line-height: 38px;}
	h2,
    .h2,
	.photo-banner h2 {font-size: 30px; line-height: 34px;}

	#hero h1 {font-size: 34px; line-height: 38px;}

    .facts > div {width: 100%; max-width: 100%;}
    .facts > div > div {min-height: 1px;}

    .videos {max-width: 400px; margin: 0 auto;}
	.videos > div {margin: 0;}
    .videos > div > div {width: 100%; display: block; padding: 0;}
    .videos > div > div + div {margin-top: 60px;}
    .videos.x3 > div > div,
    .videos.x4 > div > div {width: 100%;}

    .testimonial {display: block; text-align: center;}
    .testimonial .photo,
    .testimonial .content,
    .testimonial.swap .content {width: 100%; padding: 0;}
    .testimonial .photo {max-width: 300px; margin: 0 auto 30px auto;}
    .testimonial .author:before {left: 50%; margin-left: -20px;}

    .steps .number {text-align: center;}
    .steps > li {padding: 40px;}
    .steps .number {position: relative; top: auto; left: auto; margin: 0 0 10px 0; display: block;}

	.toggle-list.numbered .content > div,
	.toggle-list.unordered .content > div {padding: 25px 30px;}

	.story-form #field_1_10,
	.story-form #field_1_11,
	.story-form #field_1_12,
	.story-form #field_2_10,
	.story-form #field_2_11,
	.story-form #field_2_12 {float: none; width: 100%;}

	.news-tiles .title {font-size: 24px; line-height: 32px;}

    .sidebar-layout > div,
    .sidebar-layout > aside {width: 100%; padding: 0;}
    .sidebar-layout > div {margin: 0 0 40px 0;}

    .donor-letters > div > div {width: 100%;}

    .post-tiles h3 {font-size: 24px; line-height: 32px;}

    .logo-grid > ul > li {width: 33.3333%;}

    .fpl-buttons > div {width: 100%;}
    .fpl-buttons > div + div {border-left: none;}

    .rtfa-actions {display: block; max-width: 400px;}
    .rtfa-actions .email,
    .rtfa-actions .sms {width: 100%;}
    .rtfa-actions .or {width: 100%; margin: 40px 0;}
    .rtfa-actions .btn {max-width: 300px;}

    .tab-group .tabs {flex-wrap: wrap; border-bottom: none;}
    .tab-group .tabs button {max-width: 100%; width: 100%;}
    .tab-group .tabs button[aria-selected="true"] {border-bottom: solid 2px #523c2f;}

    .btn.x-lrg {font-size: 20px; line-height: 24px; padding: 15px 30px;}

    #landing-page-intro {font-size: 34px; line-height: 38px;}

    .apply-steps {font-size: 22px; line-height: 26px;}

    .phone-apply [href^="tel"] {font-size: 34px;}

    .stats {--columns: 2;}

    .news-slider-wrapper:before {right: 95px;}
    .news-slider-wrapper h3 {max-width: 200px; font-size: 20px; padding: 0 0 0 30px;}

    /*
    .news-slider {padding-right: 120px;}
    .news-slider .content {padding: 70px 0 0 30px;}
    .news-slider .date {left: 230px;}
    .news-slider .slick-arrow {right: 30px;}
    */
    .news-slider-wrapper:before {display: none;}

    .news-slider {padding: 0 30px 60px 0;}
    .news-slider .date {left: 230px;}
    .news-slider .content {padding: 70px 0 0 30px;}
    .news-slider .slick-arrow {right: calc(50% - 43px); top: auto; bottom: 20px;}
    .news-slider .slick-arrow.previous {right: calc(50% + 5px);}

    .grouped-toggle-list h3 .toggle,
    .staff-list > li {font-size: 22px; line-height: 26px;}

    .toggle-list.numbered button,
    .toggle-list.unordered button,
    .toggle-list.unordered .toggle {font-size: 20px; line-height: 24px;}

    .hwf-direct-intro .subsection {padding: 160px 0 0 0; background-position: top center; font-size: 24px;}

    body.hwf-direct .bios > div {width: 50%;}

    .observances ul.month {--columns: 2;}

    .partner-shares > li {width: 33.3333%;}

    .caringbridge-intro {display: block; text-align: center;}
    .caringbridge-intro .logo {margin: 20px 0;}
    .caringbridge-intro .impact {margin: 0 auto;}
    .caringbridge-intro .impact + h3 {margin-top: 60px;}

    ul.large-accent {font-size: 24px;}
    
}

@media only screen and (max-width: 700px) {

    .rwhc-header .upper {display: block;}
    .rwhc-header .upper .logo {width: 100%; padding: 0; margin: 0 0 20px 0;}
    .rwhc-header .upper .partners {width: 100%; padding: 0; border: none; margin: 0 auto 20px auto; text-align: center;}
    .rwhc-header .lower > ul {display: block;}
    .rwhc-header .lower > ul > li {margin: 0;}
    .rwhc-header .lower > ul > li + li {margin-top: 10px;}
    .rwhc-header .lower > ul > li.menu-item-has-children > button[aria-expanded="true"] + .category-menu {padding: 15px 10px; top: 15px;}
    .rwhc-header .lower .category-menu {position: relative; top: auto; left: auto; width: 100%; padding: 0;}
    .rwhc-header .lower .category-menu:before {left: 20px;}
    .rwhc-header .lower .category-menu > ul {width: 100%;}

}

@media only screen and (max-width: 650px) {

    #hero .apply .phone-wrapper {margin: 20px 0 0 0; display: block;}
    #hero .apply .phone {margin: 0;}
    #hero .solicitar {display: block; position: relative; top: auto; bottom: auto; left: auto; margin: 0;}
    #hero .newsletter {display: block; left: auto; margin: 0;}

	.custom-select select {width: 100%; background: #fff;}

    .filters li {display: block; margin: 0;}
    .filters li + li {margin-top: 20px;}
    .filters .active a:after {display: none;}
    .filters a {width: 100%; padding: 15px 10px;}
    .filters a span {display: inline;}

	.article-tiles > li {width: 100%;}

    .give-grid > li {width: 100%;}

    .recipients-banner > div {width: 100%;}

}

@media only screen and (max-width: 600px) {

    body.sticky-header {padding-top: 130px;}

	body.grant-app #header .content {height: 85px;}

    #header .logo {height: 80px;}
    #header .logo img {max-width: 130px;}
    #header .secondary-nav > ul > li > a > span {display: none;}
    #header .toggle-menu {top: 23px; left: 20px;}
    #header .toggle-search {top: 22px; right: 20px; width: 30px; height: 30px; background-size: 27px auto;}
    #header .secondary-nav {font-size: 16px;}
    #header .secondary-nav > ul > li > a {padding: 15px 0;}
    #header .secondary-nav .menu-item-has-children > a {padding-right: 30px;}
    #header .secondary-nav .menu-item-has-children > button {top: 11px; right: calc(50% - 45px);}

    #footer h2 {font-size: 18px;}

    #start .apply {flex-wrap: wrap; justify-content: center;}
    #start .apply > div:nth-child(3) {width: 100%; text-align: center;}
    #start .apply .btn {min-width: 140px;}

    .toggle-menu {width: 30px;}
    .toggle-menu span:nth-child(2) {margin: 8px 0; width: 75%;}
    .toggle-menu span:nth-child(3) {width: 50%;}

    .social-links li {margin: 0 5px;}
    .social-links a {width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
	.social-links .fa-envelope {font-size: 20px;}

    .press-links {text-align: center;}
    .press-links ul {columns: 1;}

	#donate .cc-details {margin: 0;}
	#donate .cc-details > div {float: none; margin: 0 0 20px 0; padding: 0; width: 100%;}
	#donate .cc-number img {position: relative; top: auto; right: auto; margin: 10px 0 0 0;}
	#donate .cc-number input {padding-right: 15px;}

    #fund-intro > div {flex-wrap: wrap;}
    #fund-intro .left {width: 100%;}
    #fund-intro .right {width: 100%; text-align: left;}

	#fund-details .row > div {float: none; width: 100%; padding: 0;}
	#fund-details .row > div + div {margin-top: 40px;}

	.pagination .page-numbers {font-size: 14px; min-width: 40px; line-height: 40px;}

	.col-2{ column-count: 1; }

    .giving-tuesday-ctas > div {width: 100%;}

    .news-toggles .news-filters {max-width: 100%; display: block; text-align: left;}
    .news-toggles .news-filters > div {display: flex; align-items: center; width: 100%; justify-content: space-between;}
    .news-toggles .type {padding-right: 20px;}
    .news-toggles .type span {display: inline;}

    #landing-page-intro {font-size: 24px; line-height: 32px;}

    .qualify-dialog {padding: 40px 20px;}
    .qualify-dialog h2 {font-size: 30px;}

    #start h2 {font-size: 22px; margin-bottom: 5px;}
    #start .content {font-size: 22px;}
    
    .qualify .panel {font-size: 20px;}

    .stats {--columns: 1;}

    .news-banner .intro {font-size: 16px;}

    /*
    .news-slider-wrapper:before {display: none;}

    .news-slider {padding: 0 30px 60px 0;}
    .news-slider .slick-arrow {right: calc(50% - 19px); top: auto; bottom: 20px;}
    */

    .newsletter-signup {padding-left: 20px;}
    .newsletter-signup label {left: 20px;}
    .newsletter-signup [type="email"] {padding: 5px 0px; border-left: none;}

    #alert .dialog {left: 20px; padding: 30px;}

    .bios > div,
    .bios.three-wide > div,
    .bios.directors > div:nth-last-child(-n+6),
    .bios.directors > div:nth-last-child(-n+2) {width: 50%;}

    .patient-brochure-dialog label.float {font-size: 17px;}

    .observances ul.week {max-width: 100%;}

    .partner-shares > li {width: 50%;}

}

@media only screen and (max-width: 550px) {

    #footer .contact .left,
    #footer .contact .right {width: 100%; padding: 0;}
    #footer .contact .left {margin: 0 0 20px 0;}

}

@media only screen and (max-width: 500px) {

	#donate .select-amount {display: block;}
	#donate .select-amount li {width: 100%; padding: 0; max-width: 100%;}
	#donate .select-amount li + li {margin-top: 10px;}
	#donate .frequency {display: block;}
	#donate .frequency li {width: 100%; max-width: 100%; padding: 0;}
	#donate .frequency li + li {margin-top: 10px;}
	#donate .toggle-group {padding: 0;}
	#donate .toggle-group .toggle-control {position: static; text-align: center;}
	#donate .toggle-group .fields {padding-top: 30px;}

	.stat-slider .number {font-size: 25px; line-height: 30px;}

    .logo-grid > ul > li {width: 50%;}

    .qualify .tabs button {font-size: 14px;}


    .content-search form label.float {font-size: 14px;}

    .quick-links-banner .content-search form input[type="text"] {min-width: 1px;}

    .observances ul.month {--columns: 1;}
    .observances ul.month li {aspect-ratio: auto;}
    .observances ul.week {--columns: 1;}
    .observances ul.week li {aspect-ratio: auto;}

}

@media only screen and (max-width: 450px) {

    .news-slider .content {display: flex; flex-direction: column-reverse; padding-top: 55px;}
    .news-slider .date {position: relative; top: auto; left: auto;}
    .news-slider .slick-arrow {bottom: 15px;}

}

@media only screen and (max-width: 400px) {

    #header .content {margin: 0 -20px;}

    .section > div {padding-left: 20px; padding-right: 20px;}

    #header .secondary-nav .menu-item-has-children > a:after {right: 3px;}

    .bios > div,
    .bios.three-wide > div,
    .bios.directors > div:nth-last-child(-n+6),
    .bios.directors > div:nth-last-child(-n+2) {width: 100%;}
    .bios .photo {max-width: 200px;}

    .donate-fab {padding: 1px 9px; font-size: 12px; line-height: 15px; top: calc(50vh + 34px);}
    .donate-fab .icon {width: 15px;}

}

@media only screen and (max-width: 350px) {
}

@media only screen and (min-width: 1051px) {

    #header {top: auto;}

    .desktop-sticky-header #page {padding-top: 70px;}

    .desktop-sticky-header #header {position: fixed; top: 0; left: 0; width: 100%; font-size: 14px; z-index: 1000; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
    .desktop-sticky-header #header > div {min-height: 70px;}
    .desktop-sticky-header #header .logo {width: 150px; top: 10px;}
    .desktop-sticky-header #header .primary-nav {top: 16px; right: 298px;}
    .desktop-sticky-header #header .primary-nav > ul {gap: 10px;}
    .desktop-sticky-header #header .secondary {top: 16px; right: 40px;}
    .desktop-sticky-header #header .secondary-nav > ul > li > a {padding: 10px 20px; min-width: 1px;}
    .desktop-sticky-header #header .secondary-nav > ul > li {margin-left: 5px;}
    .desktop-sticky-header #header .secondary-nav .menu-item-has-children > a {padding: 10px 25px 10px 15px;}
    .desktop-sticky-header #header .secondary-nav .menu-item-has-children > button {right: 7px;}
    .desktop-sticky-header #header .secondary .search {display: none;}

    .admin-bar.desktop-sticky-header #page {padding-top: 102px;}

    .admin-bar.desktop-sticky-header #header {top: 32px;}


}

@media only screen and (min-width: 1091px) {

    .desktop-sticky-header #header .primary-nav > ul {gap: 15px;}

}