/********************************
#ebf3f8 - Global nav text links
#7029ec - Bold purple (Headlines, text links, buttons
#0f1934 - Body copy text
#6179ff - Cornflower Blue (CTA buttons - Inactive)
#4e61cc - CTA buttons - Hover and Active
#ff52ba - Pink (Donate Inactive)
#cc4295 - Donatee Button - Hover and Active
#92929b - Gray Footer text
*********************************/
@charset "UTF-8";
/* CSS Document */
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@font-face {
    font-family: 'Graphik';
    src: url('/fonts/Graphik-Regular.ttf') format('truetype'),
         url('/fonts/Graphik-Regular.otf') format('opentype'), 
         url('/fonts/Graphik-Regular.eot') format('embedded-opentype'), 
         url('/fonts/Graphik-Regular.woff2') format('woff2'), 
         url('/fonts/Graphik-Regular.woff') format('woff'),
         url('/fonts/Graphik-Regular.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikRegular';
    src: url('/fonts/Graphik-Regular.ttf') format('truetype'),
         url('/fonts/Graphik-Regular.otf') format('opentype'),
         url('/fonts/Graphik-Regular.eot') format('embedded-opentype'), 
         url('/fonts/Graphik-Regular.woff2') format('woff2'), 
         url('/fonts/Graphik-Regular.woff') format('woff'),
         url('/fonts/Graphik-Regular.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikBold';
    src: url('/fonts/Graphik-Bold.ttf') format('truetype'),
         url('/fonts/Graphik-Bold.otf') format('opentype'),
         url('/fonts/Graphik-Bold.eot') format('embedded-opentype'), 
         url('/fonts/Graphik-Bold.woff') format('woff2'), 
         url('/fonts/Graphik-Bold.woff') format('woff'),
         url('/fonts/Graphik-Bold.svg') format('svg'); 
}
@font-face {
    font-family: 'GraphikCompactBlack';
    src: url('/fonts/GraphikCompact-Black.ttf') format('truetype'),
         url('/fonts/GraphikCompact-Black.otf') format('opentype'),
         url('/fonts/GraphikCompact-Black.eot') format('embedded-opentype'), 
         url('/fonts/GraphikCompact-Black.woff2') format('woff2'), 
         url('/fonts/GraphikCompact-Black.woff') format('woff'),
         url('/fonts/GraphikCompact-Black.woff') format('svg'); 
}
@font-face {
    font-family: 'GraphikCompactRegular';
    src: url('/fonts/GraphikCompact-Regular.ttf') format('truetype'),
         url('/fonts/GraphikCompact-Regular.otf') format('opentype'),
         url('/fonts/GraphikCompact-Regular.eot') format('embedded-opentype'), 
         url('/fonts/GraphikCompact-Regular.woff2') format('woff2'), 
         url('/fonts/GraphikCompact-Regular.woff') format('woff'),
         url('/fonts/GraphikCompact-Regular.svg') format('svg'); 
}

/******** Start Global Styling ************/
.container {width: auto;max-width: 1356px;}
.btn { border-radius: 0; }
.button, .button:hover, .button:visited {font-family: 'GraphikCompactBlack', Arial, sans-serif;font-size: 18px;text-decoration:none;line-height: 16px;display: block;color: #FFF;border-radius: 0px;text-transform: uppercase;text-align: center;letter-spacing: 1.2px;padding: 12px 0px 10px 0px;}
.MSIE .button, .MSIE .button:hover, .MSIE .button:visited {padding: 9px 0px;}
.CHROME.WINDOWS .button, .CHROME.WINDOWS .button:hover, .CHROME.WINDOWS .button:visited {padding: 12px 0 14px 0;}
.main-content form .button, #password-receipt .button { background-color: #7029EC; line-height: 30px; }
.main-content form .button[disabled], #password-receipt .button[disabled] { background-color: #7029EC; border-color: #7029EC;}
.buttonDonate, .buttonDonate.button {background-color: #ff52ba;}
.buttonDonate:hover, .buttonDonate.button:hover {background-color: #cc4295;}
.buttonCTA, .buttonCTA.button {background-color: #6179ff;}
.buttonCTA:hover, .buttonCTA.button:hover {background-color: #4e61cc;}
b, strong {font-family: 'GraphikBold', Arial, sans-serif;}
h1, h2, h3, #left-col-middle h3 {font-family: 'GraphikBold', Arial, sans-serif;color: #7029EC;}
h1, h2 {text-transform: uppercase;}
body, p, a {font-family: 'Graphik', Arial, sans-serif;font-size: 14px;line-height: 22px;color: #0F1934;}
a, a:visited, a:hover, a:focus, a:active, p>a { color: #7029ec; text-decoration: none; }
a:active, a:hover { text-decoration: underline; }
#bread-crumb .container {padding-left: 59px;}
#bread-crumb a {font-size: 10px;}
#bread-crumb em {color: #7029EC;}
.button .small-loader:after {background-color: #7029EC;}
/******** End Global Styling **************/

/****** Start Global Navigation Styles ****/
#global-nav {color: #ebf3f8;background-color: #0f1934;}
#global-nav a {color: #ebf3f8;font-size: 14px;text-decoration: none;font-family:'Graphik', Arial, sans-serif;}
#global-nav a:hover {color: #ebf3f8;font-size: 14px;text-decoration:underline;}
#global-nav a.active {color: #ebf3f8;font-size: 14px;}
#global-nav .global-nav-left {float: left;text-align: left;width: 50%;padding-left: 44px;}
#global-nav .global-nav-right {float: right;text-align: right;width: 50%;padding-right: 44px;}
/****** End Global Navigation Styles ****/

/****** Start Header Styles  ************/
#mod-header {padding: 20px 0px 0px 0px;border-bottom: 3px solid #d1d3d4;}
#mod-header .left-side-header {float: left;margin-left: 44px;width: 150px;}
#mod-header .left-side-header img {margin: 0px;}
#mod-header .right-side-header {float: right;width: 840px;padding-right: 44px;}
#mod-header .top-search {height: 28px;float: right;}
#mod-header .search {position: relative;color: #0F1934;font-size: 14px;}
#mod-header .search input {width: 264px;height: 28px;background: #ebf3f8;color: #0F1934;border-radius: 8px;text-indent: 13px;border: none;}
#mod-header .search input:focus {color: #0F1934;}
#mod-header .search .fa-search {position: absolute;top: 12px;left: 238px;color: #92929b;}
#mod-header .bottom-menu {float: right;margin-top: 40px;}
#mod-header .bottom-menu ul {padding: 0;margin: 0;list-style: none;position: relative;display: inline-table;width: 875px;}
#mod-header .bottom-menu ul li {float: left;margin-left: 30px;height: 50px;color: #0f1934;font-size: 17px;font-family: 'GraphikCompactBlack', Arial, sans-serif;font-weight: bold;font-weight: normal;text-decoration: none;text-transform: uppercase;margin-top: 10px;cursor: pointer;}
#mod-header .bottom-menu ul li:hover,
#mod-header .bottom-menu ul li.active-nav,
#mod-header .bottom-menu ul li.active-section {color:#7029ec;} 
#mod-header .bottom-menu .button {margin-top: -10px;width: 100px;}
/****** End Header Styles   ************/

/******** Start Main Image of Page with YouTube ******/
#mod-main-image img {width: 100%;}
#mod-main-image .caption1, #mod-main-image .caption2 {top: 300px;left: 360px;}
#mod-main-image .caption1 h1, #mod-main-image .caption2 h1 {font-family: 'GraphikBold', Arial, sans-serif;color: #7029EE;font-size: 80px;line-height: 80px;} 
#mod-main-image .caption1 .button, #mod-main-image .caption2 .button {height: 37px;color: #fff;width: 152px;}
/******** End Main Image of Page with YouTube ******/

/******** Start Section Below Main Image      ******/
#info-learm-more {background-color: #7029ec;text-align: center;padding: 40px 0px;height: auto;overflow: hidden;color: #fff;}
#info-learm-more h2 {color: #fff;font-size: 27px;font-weight: bold;line-height: 30px;letter-spacing: 1px;margin-bottom: 50px;}
#info-learm-more p {color: #fff;}
#info-learm-more .widgets-info-learn-more {display: flex;flex-direction: row;align-items: flex-start;justify-content: center;}
#info-learm-more .widget-ilm {text-align: center;flex-grow: 1;}
#info-learm-more .widget-ilm img {margin: 0 auto;}
#info-learm-more .widget-ilm .widget-bottom {max-width: 350px;margin: 40px auto;}
#info-learm-more .footer-lnfo-learn-more a {color: #fff;border-bottom: 2px solid #ff5c70;padding-bottom: 4px;text-decoration: none;}
/******** End Section Below Main Image ***********/

/******** Start Lets Build a Brighter Future *****/
#build-brighter-future .build-future {height: 423px;background-color: #fff;text-align: center;padding-top: 50px;}
#build-brighter-future .build-future h2 {font-size: 36px;}
#build-brighter-future .floating-widgets {margin-top: -281px;display: flex;flex-direction: row;align-items: flex-start;justify-content: center;padding: 0px 10px;}
#build-brighter-future .full-widget {width: 413px;height: 400px;margin-right: 20px;}
#build-brighter-future .full-widget h2 {font-size: 22px;margin-bottom: 5px;}
#build-brighter-future .full-widget .bottom-copy {background-color: #fff;width: 100%;margin: 0px;height: 220px;padding: 34px 38px;box-shadow: 3px 2px 7px rgba(91, 61, 178, 0.1);}
#build-brighter-future .full-widget .bottom-copy p {height: 60px;font-size: 18px;}
#build-brighter-future .full-widget .button.our-cause {width: 130px;}
#build-brighter-future .full-widget .button.buttonDonate {width: 164px;}
#build-brighter-future .full-widget .button.get-involved {width: 160px;}
#build-brighter-future .full-widget .button {width: 100px;}
#build-brighter-future .shape-background {background-image: url('/glue/images/two-color-shape-background.gif');background-repeat: no-repeat;height: 715px;margin-top: -119px;z-index: -100;position: relative;}
#wpd-homepage-report {top: 355px;display: flex;height: 300px;flex-direction: row;align-items: flex-start;align-content: center;position: relative;}
#wpd-homepage-report .wpd-map {padding-left: 100px;margin-right: 150px;}
#wpd-homepage-report .copy-wpd-homepage-report {padding-top: 36px;width: 378px;}
#wpd-homepage-report .copy-wpd-homepage-report h2 {font-size: 30px;color: #fff;}
#wpd-homepage-report .copy-wpd-homepage-report p {color: #fff;}
#wpd-homepage-report .copy-wpd-homepage-report a {color: #fff;border-bottom: 2px solid #ff5c70;padding-bottom: 4px;}
/******** End Lets Build a Brighter Future *****/

/******** Start Row for Meet Your Community and Why I walk *****/
#meet-why-i-walk {height: 562px;align-content: center;}
#meet-why-i-walk .container {display: flex;flex-direction: row;align-items: flex-start;}
#meet-why-i-walk-left {width: 50%;height: 562px;padding: 80px 40px;background-color: #ebf3f8;}
#meet-why-i-walk-left h2 {font-size: 67px;line-height: 60px;font-weight: bold;margin-top: 80px;margin-left:50px;}
#meet-why-i-walk-left p {margin-left:50px;}
#meet-why-i-walk-left .top-search {height: 40px;text-align:center;}
#meet-why-i-walk-left .search {position: relative;color: #0F1934;font-size: 14px;}
#meet-why-i-walk-left .search input {width: 500px;height: 40px;background: #fff;color: #0F1934;border-radius: 20px;text-indent: 13px;border: none;}
#meet-why-i-walk-left .search input:focus {color: #0F1934;}
#meet-why-i-walk-left .search .magnify img {position: relative;top: 38px;left: 494px;width: 32px;}
#meet-why-i-walk-right {width: 50%;height: 562px;padding: 48px 75px;}
#meet-why-i-walk-right h2 {font-size: 16px;margin-bottom: 5px;}
#meet-why-i-walk-right p {line-height: 20px;}
#meet-why-i-walk-right .bottom-copy {padding: 35px;box-shadow: 3px 2px 7px #f8f8f8;}
#meet-why-i-walk-right .bottom-copy .button {width: 120px;}
/******** End Row for Meet Your Community and Why I walk *****/

/********* Start Stay Updated Section ************/
#stay-updated {background-image: url("/glue/images/stay-updated-background.jpg");height: 300px;text-align: center;clear: both;padding-top: 100px;background-repeat: no-repeat;background-position: 41% 49%;}
#stay-updated h2 {color: #fff;font-size: 36px;}
#stay-updated .top-search {height: 40px;}
#stay-updated .search {position: relative;color: #0F1934;font-size: 14px;}
#stay-updated .search input {width: 500px;height: 40px;background: #fff;color: #0F1934;border-radius: 20px;text-indent: 13px;border: none;}
#stay-updated .search input:focus {color: #0F1934;}
#stay-updated .search .fa-angle-right {position: relative;top: 5px;left: 490px;color: #ff52ba;font-size: 30px;font-weight: bold;cursor: pointer;}
/********* End Stay Updated Section ************/

/********* Start Footer Section     ************/
#footer-rebranded {background-color: #0f1934;}
#footer-rebranded .container {padding: 50px 30px;height: auto;overflow: hidden;display: flex;flex-direction: row;align-items: flex-start;}
#footer-rebranded .footer-column {width: 25%;}
#footer-rebranded .footer-column h3 {color: #fff;font-size: 18px;margin-top: 0px;text-transform: none;margin-bottom:18px;}
#footer-rebranded .footer-column p {color: #fff;}
#footer-rebranded .second-footer-col a {font-size: 16px;color: #fff;font-family: 'GraphikBold', Arial, sans-serif;}
#footer-rebranded .second-footer-col h3 {margin-bottom: 20px;}
#footer-rebranded .second-footer-col .button {width: 100px;}
#footer-rebranded .footer-site-links ul {padding: 0;margin: 0px 0px 20px 0px;list-style: none;position: relative;display: inline-table;width: 50%;float: left;}
#footer-rebranded .footer-site-links ul li a {color: #787985;font-size: 14px;text-decoration: none;}
#footer-rebranded .footer-site-links ul li a:hover {text-decoration:underline;}
#footer-rebranded .social-icons ul {padding: 0;margin: 0;list-style: none;position: relative;display: inline-table;width: 100%;}
#footer-rebranded .social-icons ul li {float: left;margin-right: 20px;height: 25px;margin-top: 0px;}
#footer-rebranded .social-icons img {width: 25px;}
#footer-rebranded .privacy-terms-notices p {font-size: 12px;line-height: 18px;margin-bottom: 20px;}
#footer-rebranded .privacy-terms-notices a {color: #787985;font-size: 14px;text-decoration: underline;}
#footer-rebranded .mod-logo img {width: 96px;display:initial;}
/********* End Footer Section     ************/
/********* START CONTENT NAVIGATION **********/
/** clear div that contains floated elements so its height is also contained within the floated elements as well */
.self-clear:after {content: "";clear: both;display: table;}
#content-sub-nav {display: none;background-color: #fff;}
#content-sub-nav .sub-section {width: 24%;}
#content-sub-nav .container {padding-left: 44px;}
#cause, #health, #stories, #research, #involved {border-bottom: none;}
#content-sub-nav .sub-section h4 {text-align: center;background-size: 100%;color: #fff;text-transform: uppercase;padding-top: 10px;font-size: 16px;font-weight: bold;vertical-align: middle;line-height: 60px;height: 80px;width: auto;margin-bottom: 25px;}
#content-sub-nav .sub-section:nth-child(1) h4 {background: url('/glue/images/our-research-bg-image.jpg') no-repeat;}
#content-sub-nav .sub-section:nth-child(2) h4 {background: url('/glue/images/for-providers-bg-image.jpg') no-repeat;}
#content-sub-nav .sub-section:nth-child(3) h4 {background: url('/glue/images/for-policy-makers-bg-image.jpg') no-repeat;}
#content-sub-nav .sub-section:nth-child(4) h4 {background: url('/glue/images/get-involved-bg-image.jpg') no-repeat;}
#content-sub-nav .sub-section ul {list-style: none !important;margin-left: 0;width: auto;margin-right: 20px;}
#content-sub-nav .sub-section ul li a {color: #0f1934;margin-left: 0;font-family: 'Graphik', Arial, sans-serif;}
#content-sub-nav .sub-section ul li a:hover {color: #7029ec;margin-left: 0;font-family: 'Graphik', Arial, sans-serif;text-decoration:underline;}
#content-sub-nav .sub-section ul li:before {content: '';list-style: none;margin-left: 0;}
#nav-cause, #nav-health, #nav-research, #nav-stories, #nav-involved {cursor: pointer;}
/********** END CONTENT NAVIGATION **********/  
/*********** START MISC *****************/
#category-gallery-top img {width: 100%;}
#category-page .topic-row {width: 100%;}
#sidebar .button {font-family: 'GraphikCompactBlack', Arial, sans-serif;background-color: #7029EC;}
#sidebar #category-navigation .topic-subnav {background-color: #ebf3f8;}
#sidebar #category-navigation .cat-heading {background-color: #ebf3f8;height: auto;}
#sidebar #category-navigation .cat-topic-heading {background-color: #ebf3f8;} 
#news-pager, #news-pager a {font-size: 12px;line-height: 12px;color: #7029ec}
.mod-donation-form #mod-header .bottom-menu ul {display: none;}
.mod-donation-form #mod-header .top-search {display: none;}
.mod-donation-form #mod-header {padding: 20px 0px 20px 0px;border-bottom: 1px solid #ccc;}
.MSIE .mod-donation-form #mod-header {padding: 20px 0px 0px 0px;border-bottom: 1px solid #bfc3c5;}
#faq-page #faq h3, #faq-page #faq a:link, #faq-page #faq a:active, #faq-page #faq a:visited, #faq-page #faq a:hover { color: #7029EC; }
.btn-load-more, .btn-load-more.more { color: #7029EC !important; font-family: 'Graphik', Arial, sans-serif; }
.main-content form input:focus { border-color: #7029EC; }
.form-control { border-radius: 0; }
.form-label {font-family: 'Graphik', Arial, sans-serif; color: #7029EC;}
#mini img {display: inline;}
#contact-us-page form, #bereavement-kit-page form {width: 80%;}
#bereavement-kit-page form #form-actions {float: left;}
.sign-out {text-transform: uppercase;font-weight: bold;}
.FIREFOX .why-fight--events p > strong {font-weight: normal !important;}
#btn-email-sidebar-go {background-color: #a0afff;border-radius: 0;font-family: 'GraphikCompactBlack', Arial, sans-serif;font-size: 18px;}
.video-listing {margin-left: 44px;}
.fsborderradius .fsBody .fsForm {width: 100%;}
/*********** END MISC *****************/
/*********** START 404 Page *****************/
.f0f h1 {color: #7029ec;}
.f0f p {color: #7029ec;}
.f0f ul li {border-right: 1px solid #7029ec;}
.f0f ul li a {color: #7029ec;}
/*********** END 404 Page *****************/
@media only screen and (min-width: 1084px) and (max-width: 1140px) {
    #mod-header .bottom-menu ul {width: 800px;}
    #mod-header .bottom-menu ul li {font-size: 15px;}
}
@media only screen and (min-width: 992px) and (max-width: 1083px) {
    #mod-header .right-side-header {width: 626px;}
    #mod-header .bottom-menu ul {width: 626px;}
    #mod-header .bottom-menu ul li {font-size: 10px;}
}
@media only screen and (min-width: 2042px) {
    #stay-updated {background-color: rgb(115, 136, 255);}
}