@font-face {
    font-family: 'bold-houschka';
    src: url('/fonts/HouschkaAltPro-Bold.woff2'),
	 url('/fonts/HouschkaAltPro-Bold.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'extra-houschka';
    src: url('/fonts/HouschkaAltPro-ExtraBold.woff2'),
	 url('/fonts/HouschkaAltPro-ExtraBold.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'medium-houschka';
    src: url('/fonts/HouschkaAltPro-Medium.woff2'),
	 url('/fonts/HouschkaAltPro-Medium.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'light-houschka';
    src: url('/fonts/HouschkaAltPro-Light.woff2'),
	 url('/fonts/HouschkaAltPro-Light.woff');
	font-weight: normal;
	font-style: normal;
}

html{scroll-behavior: smooth;}

html, body, p, ul, li, a, div, article, main, header, input{ font-family: 'medium-houschka'; color: #808285;}

#callToActionTitle h4 a , h1, h2, h3, h4, h5{ font-family: 'extra-houschka'; font-weight: normal;}
h1, h2{color: #fff; }
#callToActionTitle h4 a, h3, h4, h5{color: #4a0d66;}

h1 .red, h2 .red, h3 .red, h4 .red, h5 .red{ color: #ff2245;}
h1 .blue, h2 .blue, h3 .blue, h4 .blue, h5 .blue{color: #0075ff;}

/*H1*/
@media (min-width: 100px) {
    h1{font-size: 32px;}
    #learnMoreAboutAIM #aboutAIM h4, 
    #callToActionTitle h4 a, #about h4, #joinUs h4, h2, h3{font-size: 26px;}
    .iconCard h5, h4{font-size: 22px;}
    h5{font-size: 18px;}
}
@media (min-width: 768px) {
    h1{font-size: 40px;}
    #learnMoreAboutAIM #aboutAIM h4, 
    #callToActionTitle h4 a, #about h4, #joinUs h4, h2, h3{font-size: 32px;}
    .iconCard h5, h4{font-size: 24px;}
    h5{font-size: 18px;}
}
@media (min-width: 1200px) {
    h1{font-size: 50px;}
    #learnMoreAboutAIM #aboutAIM h4, 
    #callToActionTitle h4 a, #about h4, #joinUs h4, h2, h3{font-size: 32px;}
    .iconCard h5, h4{font-size: 26px;}
    h5{font-size: 18px;}
}
@media (min-width: 100px) {
    .banner h2{font-size: 32px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 32px; font-family: 'extra-houschka';}
    
    .napaBannerImg h2{font-size: 32px; font-family: 'extra-houschka';}
}
@media (min-width: 768px) {
    .banner h2{font-size: 40px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 40px; font-family: 'extra-houschka';}
    .napaBannerImg h2{font-size: 40px; font-family: 'extra-houschka';}
}
@media (min-width: 1200px) {
    .banner h2{font-size: 50px; font-family: 'medium-houschka';}
    .banner h2 strong{font-size: 50px; font-family: 'extra-houschka';}
    .napaBannerImg h2{font-size: 50px; font-family: 'extra-houschka';}
}
.napaBannerImg h2{ margin-bottom: 30px; }
/*P*/
@media (min-width: 100px) {
	a, p{font-size: 18px;}
}
@media (min-width: 1200px) {
	a, p{font-size: 22px;}
}
/*FORM INPUT*/
.form-control,
input{padding: 16px 20px; height: auto; font-size: 18px; }
.form-control{ padding: 16px; }



/*LINKS*/
a{color: #359A8E; text-decoration: underline;}
a:hover{color: #256D65; text-decoration: underline; }
a.linkArrow:hover, a.linkArrow{text-decoration: none; }
a.linkArrow i.fa-arrow-right{ text-decoration: none; margin-right: 10px; font-size: 14px;}
a.linkArrow i.fa-chevron-right{ text-decoration: none; margin-left: 10px; font-size: 14px;}
a.linkArrow span{ text-decoration: none;}
a.linkArrow:hover span{ text-decoration: underline;}
/*BUTTONS*/

.btn{
    font-size: 18px;
    padding: 10px 40px;
}

.btn-primary{
    background-color: #4A0D66;
    border-color: #4A0D66;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:active,
.btn-primary:hover{
    background-color: #37094C;
    border-color: #37094C;
    color: #fff;
}
.btn-secondary{
    background-color: #58595B;
    border-color: #58595B;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary:active,
.btn-secondary:hover{
    background-color: #808285;
    border-color: #808285;
    color: #fff;
}
.btn-secondary.green{
    background-color: #359A8E;
    border-color: #359A8E;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary.green:active,
.btn-secondary.green:hover{
    background-color: #256D65;
    border-color: #256D65;
    color: #fff;
}
.btn-secondary.orange{
    background-color: #FFA400;
    border-color: #FFA400;
    color: #fff;
    font-family: 'extra-houschka';
}
.btn-secondary.orange:active,
.btn-secondary.orange:hover{
    background-color: #E09000;
    border-color: #E09000;
    color: #fff;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary:focus,
.btn-primary.focus{box-shadow: 0 0 0 0.2rem rgba(130,138,145,.5);}

.btn-primary.chevron, .btn-secondary.chevron{line-height: 15px;}
.btn-primary.chevron::after, .btn-secondary.chevron::after{
    font-family: "FontAwesome";
    content: "  \f054";
    /* content: "»"; */
    text-decoration: none;
    display: block;
    float: right;
    white-space: pre;
    padding: 3px 0px 0px;
}
/**/
.btn-primary.stacked{
    font-size: 18px;
    color: #fff;
    -webkit-box-shadow: 0 7px #37094C;
    -moz-box-shadow: 0 7px #37094C;
    box-shadow: 0 7px #37094C;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-primary:hover.stacked{
    border: 0px;
    -webkit-box-shadow: 0 5px #37094C;
    -moz-box-shadow: 0 5px #37094C;
    box-shadow: 0 5px #37094C;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.stacked{
    font-size: 18px;
    color: #fff;
    background-color: #808285;
    -webkit-box-shadow: 0 7px #58595B;
    -moz-box-shadow: 0 7px #58595B;
    box-shadow: 0 7px #58595B;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-secondary:hover.stacked{
    border: 0px;
    background-color: #808285;
    -webkit-box-shadow: 0 5px #58595B;
    -moz-box-shadow: 0 5px #58595B;
    box-shadow: 0 5px #58595B;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.green.stacked{
    font-size: 18px;
    color: #fff;
    background-color: #359A8E;
    -webkit-box-shadow: 0 7px #256D65;
    -moz-box-shadow: 0 7px #256D65;
    box-shadow: 0 7px #256D65;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
}
.btn-secondary.green:hover.stacked{
    border: 0px;
    background-color: #359A8E;
    -webkit-box-shadow: 0 5px #256D65;
    -moz-box-shadow: 0 5px #256D65;
    box-shadow: 0 5px #256D65;
    margin-top: 2px;
    margin-bottom: 0px;
}
.btn-secondary.orange.stacked{
    font-size: 18px;
/*    color: #fff;*/
    color: #4a0d66;
    background-color: #FFA400;
    -webkit-box-shadow: 0 7px #E09000;
    -moz-box-shadow: 0 7px #E09000;
    box-shadow: 0 7px #E09000;
    border: 0px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    vertical-align: top;
    margin-bottom: 2px;
    text-decoration: none;
}
.btn-secondary.orange:hover.stacked{
    border: 0px;
    background-color: #FFA400;
    -webkit-box-shadow: 0 5px #E09000;
    -moz-box-shadow: 0 5px #E09000;
    box-shadow: 0 5px #E09000;
    margin-top: 2px;
    margin-bottom: 0px;
    text-decoration: none;
}
/*****************/
/*****************/
/*BACK TO TOP*/
.backToTop a:active, .backToTop a:visited, .backToTop a:link{text-decoration: none; }
.backToTop a{display: inline-block; width: auto; font-size: 4px;line-height: 7px; margin-bottom: 50px; margin-top: 50px;}
.backToTop a:hover{ text-decoration: none; }
.backToTop a::after{
    clear: both;
    content: "BACK TO TOP";
    display: block;
    color: #fff;
    text-decoration: underline;
    font-size: 18px;
    width: auto;
    text-align: center;
    line-height: 30px;
    padding-bottom: 5px;
}
.backToTop a:hover::after{
    text-decoration: none;
}
.backToTop #angleUp{height: 35px; width: auto; margin-bottom: 15px;  }
.backToTop #angleUp path{fill: #fff; }

/*CLEAR*/
.clear{clear: both;}


#logoBar{
    background-color: #4a0d66;
    padding: 20px 0; 
    
}
#logoBar a{
    margin-top: 20px;
    margin-bottom: 20px;
}
#logoBar #alzLogo{
    width: 100%; 
    height: auto; 
}

.headerimgcontainer{
    max-width: 326px;  
    margin-left: auto;
    margin-right: auto;
}



#main h2{
    color: #4a0d66;
}
#main h3.defaultColor{
    color: #333;    
    font-family: "bold-houschka";
} 
@media (min-width: 992px) { #main h3.defaultColor{font-size: 26px; }}
@media (min-width: 100px) { #main h3.defaultColor{font-size: 22px; }}

/*3 PIECE*/
#threePiece {}
#threePiece #prevalence .icon{
    background-image: url(../images/icon-prevalence.png);
    background-size: 30%;
}
#threePiece #money .icon{
    background-image: url(../images/icon-US-Money.png);
    background-size: 30%;
}
#threePiece #science .icon{
    background-image: url(../images/icon-science.gif);
    background-size: 30%;
}
#threePiece #theWorld .icon{
    background-image: url(../images/icon-the-world.gif);
    background-size: 60%;
}
#threePiece #theCapitol .icon{
    background-image: url(../images/icon-capitol.gif);
    background-size: 20%;
}
#threePiece #prevalence .icon,
#threePiece #money .icon,
#threePiece #theWorld .icon,
#threePiece #science .icon,
#threePiece #theCapitol .icon{
    display: block; 
    padding: 34% 100% 0 0;
/*    padding: 50% 100% 0 0;*/
    background-position: center;
    background-repeat: no-repeat;
}
#threePiece #prevalence,
#threePiece #money,
#threePiece #theWorld,
#threePiece #science,
#threePiece #theCapitol {text-align: center;}

#threePiece #prevalence strong, 
#threePiece #money strong, 
#threePiece #theWorld strong, 
#threePiece #science strong,
#threePiece #theCapitol strong{ 
    font-family: 'extra-houschka';
    color: #4a0d66;
}


/*largestNonProfitFunder*/

#largestNonProfitFunder{
    background-image: url(../images/TIME-TO-END-ALZ-midpagebannerimage.webp);
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: bottom; 
    min-height: 433px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
#largestNonProfitFunder h2{
    color: #ffa400; 
}

#largestNonProfitFunder, #largestNonProfitFunder .centerHeight{height: 433px;}

#largestNonProfitFunder .centerHeight{
    display: table;
    
}
#largestNonProfitFunder .centerText{ 
    display: table-cell; 
    vertical-align: middle;
    padding: 20px 0px;
}
#largestNonProfitFunder p{color: #fff;}
#largestNonProfitFunder .bolderText{font-family: 'bold-houschka';}
#largestNonProfitFunder .smallText{font-size: 18px;}

/*CIRCLES*/
.circleHeaders .row{
 display: flex;
  align-items: center;
  justify-content: center;

}
/*#research .centerHeight{display: table;}*/
.centerText{ text-align: center; width: 100%;  height: 100%; }

.circleHeaders{
    color: #4a0d66;
    font-family: "medium-houschka";
}
.circleHeaders h2 strong{font-family: 'extra-houschka';}

.circleHeaders .bolderText{font-weight:"bold-houschka";}



#banner{
/*    background-image: url(../images/TIME-TO-END-ALZ-herobannerimage.jpg);*/
/*    background-size: auto; */
    background-repeat: no-repeat;    
    margin-bottom: 40px;
}
@media (min-width: 100px) {

    #banner{
        background-image: url(../images/time-to-end-alz_banner_mobile.webp);
        background-position:top;
        background-color: #d8dad7;
        background-size: cover; 
        
    }

    #banner #bannerText{padding: 141% 0 0 ; width: 100%; text-align: center;}
}
@media (min-width: 768px) {

    
    #banner{
        background-image: url(../images/TIME-TO-END-ALZ-herobannerimage-LG.webp);
        background-position: bottom right;
        background-color: transparent;
        background-size: auto; 
    }

    #banner #bannerText{padding: 0 ; width: 100%; text-align:left;}
    
}

@media (min-width: 100px) { 
    #banner #bannerText, #banner{
        height: auto; }
}
@media (min-width: 576px) { 
    #banner #bannerText, #banner{
        height: auto; }
}
@media (min-width: 768px) { #banner #bannerText, #banner{
    height: 405px; background-position: bottom center;}}
@media (min-width: 992px) { #banner #bannerText, #banner{
    height: 455px; background-position: bottom center;}}
@media (min-width: 1200px) { #banner #bannerText, #banner{
    height: 417px; background-position: bottom center;}}

#bannerText{display: table; }
#bannerText h1{display: table-cell; vertical-align: middle; padding-bottom: 20px;}
#banner.banner2021 #bannerText{display: table; }
#banner.banner2021 #bannerText .jumpDown{display: table-cell; vertical-align: middle; }
#banner.banner2021 #bannerText .jumpDown h1{padding-bottom: 0px; margin-bottom: 0px; text-align: center; display: inline-block;}

#banner.banner2021 #bannerText .jumpDown p{text-align: center; }

#banner.banner2021 #bannerText .jumpDown a{
/*    color: #ffa400;*/
    text-transform: uppercase;
    text-decoration: underline;
}

#banner.banner2021 #bannerText .jumpDown a:hover{text-decoration: none;  }
#banner.banner2021 #bannerText .jumpDown a::before{content:'>'; text-decoration: none; display: inline-block;}



#banner h1{
    font-size: 46px; 
    color: #4a0d66;
    font-family: "medium-houschka";
    
}
#banner h1 strong{
    font-family: "extra-houschka";
}

@media (min-width: 100px) { #banner h1{font-size: 32px; } }
@media (min-width: 576px) { #banner h1{font-size: 32px; } }
@media (min-width: 768px) { #banner h1{font-size: 38px; } }
@media (min-width: 992px) { #banner h1{font-size: 46px; } }
@media (min-width: 1200px) { #banner h1{font-size: 46px; } }

@media (min-width: 100px) { #banner.banner2021 p a{font-size: 20px; line-height: 18px; color: #4a0d66;} } 
@media (min-width: 576px) { #banner.banner2021 p a{font-size: 20px; line-height: 18px; color: #4a0d66;} }
@media (min-width: 768px) { #banner.banner2021 p a{font-size: 24px; line-height: 28px; color: #ffa400;} }
@media (min-width: 992px) { #banner.banner2021 p a{font-size: 28px; line-height: 32px; color: #ffa400;} }
@media (min-width: 1200px) { #banner.banner2021 p a{font-size: 28px; line-height: 32px; color: #ffa400;} }



#preFooter{
    background-color: #330946;
    color: #fff;
    padding: 20px 0px;
    text-align: center; 
    margin-top: 40px;
}
#preFooter p{
    font-family: "medium-houschka";
    color: #fff;
    margin-bottom: 0px;
    margin-top: 0px;
}
#preFooter a:hover,
#preFooter a{
    color: #fff; 
}
/*******/
#footer{
    background-color: #4a0d66;
    padding: 20px 0px; 
    color: #fff;
 
}
#footer p, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer a, #footer a:hover{ color: #fff;}

#alzFooterLogo a{
    max-width: 487px;
    height: auto; 
    display: block ;
    margin-left: auto; 
    margin-right: auto; 
    padding: 0px 20px; 
}

#bottomLogo {
    width: 100%;
}

#footer p{
    font-size: 22px; 
}

.externalLinks a,
.externalLinks{
    font-family: 'medium-houschka';
    font-weight: normal; 
}

.externalLinks p {margin-bottom: 0px;}
#footer .pipe{
    margin-left: 10px;
    margin-right: 10px;
    font-weight: bold; 
    font-size: 22px; 
    color: #fff; 
}


#footer .phone{
    text-decoration: none;
    margin-left: 20px;
}

#footer a.email{
    text-decoration: none;
}



#footer .copyRightLine p a,
#footer .copyRightLine p{
    font-size: 18px;
}


/*SOCIAL*/
#footer #socialButtons{
    text-align: center;
    margin-top: 10px; 
}


#socialButtons p{margin-bottom: 0px;}



.shareButtonsFollow{
    margin-right: 20px;
}





.social-media-icons-container{
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px; 
    margin-left: 20px;
}

.social-media-icons-container .twitter-link{
    display: block; 
    order: 1;    
}

 .social-media-icons-container .linkedin-link{
    display: block; 
    order: 3;
}

.social-media-icons-container .facebook-link{
   display: block; 
   order: 2;
}

/* Dean note: hiding this icon since we don't use. */
.social-media-icons-container .instagram-link{
    display: none; 
    order: 4;
}

/* Dean note: hiding this icon since we don't use. */
 .social-media-icons-container .tiktok-link{
    display: none; 
    order: 5;
 }

.social-media-links{
    transition: .5s;
    background-color: white;
    width: 30px;
    height: 30px;
    color: #4a0d66 !important;
    border-radius: 50%;
    text-decoration: none;
    font-size: 22px;
    line-height: 32px;
}

.social-media-links:hover{
    opacity: .5;
}


sup{
    top: -5px;
    font-size: 90%;
    position: relative;
}