@font-face {
    font-family: '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;
}

body{
    font-family: 'Arial', Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
}
.bold{
    font-weight: bold;
}

body, html, p, h1, h2, h3, h4, h5, ul, ol, li, div{
    color: #333333;
}
h1{
    font-weight: normal;
    font-family: 'extra-houschka';
    font-size: 42px;
    margin-top: 0px;
    color: #fff;
    font-weight: normal;
    line-height: 42px;
}

h2{
    font-weight: normal;
    font-family: 'houschka';
    font-size: 26px;
    padding: 0 0 10px;
    margin-top: 0px;
    margin-bottom: 10px;
	color: #4a0d66;
}
h2 strong{
    font-weight: normal;
    font-family: 'extra-houschka';
    font-size: 26px;
	color: #4a0d66;
}
h3{
    font-weight: normal;
    font-family: 'medium-houschka';
    font-size: 18px;
    margin-bottom: 30px;
    margin-top: 0px;
	color: #4a0d66;
}
p{
    margin-bottom: 34px;
}
ul, ul li{
    margin: 0px;
    padding: 0px;
}
ul{
    padding-left: 14px;
    margin-bottom: 40px;
}
ul li{
    margin-bottom: 10px;
    padding-left: 30px;
}

/******************/
/* SYMBOLS*/
/******************/

sup{
    font-size: 1em;
    top: -.05em;
}
/******************/
/* POSITIONING & sizing */
/******************/

.clear{
    clear: both;
}
.right{
    float: right;
}
.left{
    float: left;
}
.alignTextRight{
   text-align: right;
}
.alignTextCenter{
   text-align: center;
}
.sizeUp{
    width: 100%;
    height: auto;
}
.maxWidthImage{
    width: 100%;
    height: auto;
}
/******************/
/* BUTTONS, LINKS*/
/******************/

a{
    color: #00539b;
    color: #359a8e;
}
a:hover, a:active, a:focus {
    outline: 0;
	color: #359a8e;
}

a.btn-default{
    background-image: none;
    border: 1px solid #777;
}
a.btn-default:hover{
    background-image: none;
    border: 1px solid #777;
}
.btn-lg{
    padding: 15px 35px;
    font-size: 14px;
}
input.btn-default.buttonGreen,
a.btn-default.buttonGreen{
    color: #fff;
    background-color: #3eb4a6;
    border: 1px solid #3eb4a6;
    font-family: 'extra-houschka';
    font-size: 16px;
    padding: 9px 26px;
    /**/
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; /* future proofing */
    -khtml-border-radius: 8px; /* for old Konqueror browsers */
    /*text-transform: uppercase;*/
}
input.btn-default.buttonGreen:hover,
a.btn-default.buttonGreen:hover{
    color: #3eb4a6;
    background-color: #fff;
}


/******************/
/* SHADOWS */
/******************/

.shadowMedium{
  -webkit-box-shadow: 2px 2px 4px 1px #4f4f4f; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 4px 1px #4f4f4f;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 4px 1px #4f4f4f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadow{
  -webkit-box-shadow: 2px 2px 4px 1px #1f1f1f; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 4px 1px #1f1f1f;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 4px 1px #1f1f1f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.shadowLight{
  -webkit-box-shadow: 2px 2px 4px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    2px 2px 4px 1px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         2px 2px 4px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}
.shadowInside{
  -webkit-box-shadow: inset 0 0  10px #4f4f4f;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    inset 0 0  10px #4f4f4f;  /* Firefox 3.5 - 3.6 */
  box-shadow:         inset 0 0  10px #4f4f4f;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */

}


/******************/
/* ROUNDED CORNERS */
/******************/

.roundedCorners{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}



/******************/
/* SPACING */
/******************/
#most{
    padding-top: 60px;
    padding-bottom: 60px;
}



/*************************/
/* LINKS WITH ARROWS*/
/*************************/
a.linkTextArrow{
    text-decoration: none;
 }
a.linkTextArrow .linkText{
    color: 00539b;
    font-size: 14px;
    font-family: 'Arial', Helvetica, sans-serif;
    text-decoration: none;
}
a.linkTextArrow:hover .linkText{
    text-decoration: underline;
    
}

/* Covid-19 callout */
#covid {
    background-color: #d1d3d4;
    padding-bottom: 1px;
    margin-bottom: 20px;
    font-family: 'medium-houschka';
	font-size: 26px;
	line-height: 31px;
	text-align: center;
}
@media (max-width: 767px) {
     #covid {
    padding-left: 30px;
    padding-right: 30px;
}
}
@media (min-width: 768px) {
     #covid {
    padding-left: 70px;
    padding-right: 70px;
}
}
@media (min-width: 992px) {
     #covid {
    padding-left: 100px;
    padding-right: 100px;
}
}
@media (min-width: 1200px) {
     #covid {
    padding-left: 80px;
    padding-right: 80px;
}
}
@media (min-width: 1400px) {
     #covid {
    padding-left: 380px;
    padding-right: 380px;
}
}

#topPurple{
    height: 48px;
    background-color: #4a0d66;
}

#logoBar{
    background-color: #fff;
    box-shadow:         0px 0px 12px 1px #000000;
    border: none;
    padding: 15px 0 25px; 
    z-index: 100;
    position: relative;
}
#logoBar br{
    font-size: 1px;
    line-height: 1px;
}
.alzLogo{
    display: block; 
    text-align: center; 
    margin-top: 15px;
}

.alzLogo img{
    width: 100%; 
    max-width:264px;
}


#logoBar a#visitProSite{
    text-decoration: none;
 }


#logoBar a#visitProSite .linkText{
    color: 00539b;
    font-size: 14px;
    font-family: 'Arial', Helvetica, sans-serif;
    text-decoration: none;
}
#logoBar a#visitProSite:hover .linkText{
    text-decoration: underline;
}



#banner-imaging{
    background-image: url('/us-pointer/images/banner.jpg');
    background-size: cover;
    padding: 10px;
    min-height: 250px;
}

#banner-microbiome{
    background-image: url('/us-pointer/images/banner-microbiome.jpg');
    background-size: cover;
    padding: 10px;
    min-height: 250px;    
}    

#banner-neurovascular{
    background-image: url('/us-pointer/images/banner-neurovascular.jpg');
    background-size: cover;
    padding: 10px;
    min-height: 250px;    
} 

#banner-zzz{
    background-image: url('/us-pointer/images/banner-sleep-study-v2.jpg');
    background-size: cover;
    padding: 10px;
    min-height: 250px;    
}

.neurovascular-background {
    background-image: url(/us-pointer/images/exercise-blood-health.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.zzz-background {
    background-image: url(/us-pointer/images/sleeping-man.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

@media(max-width: 767px){
    .neurovascular-background {
        min-height: 80vw;
        background-position: 50% 50%;
    }

    .zzz-background {
        min-height: 60vw;
        background-position: 50% 50%;
    }    
}

@media (min-width: 768px) {
    #banner-imaging{
		background-image: url('/us-pointer/images/banner.jpg');
        background-size: contain;
    }

    #banner-microbiome{
		background-image: url('/us-pointer/images/microbbanner-microbiomeiome.jpg');
        background-size: contain;
    }
    
}
@media (min-width: 992px) {
    #banner-imaging{
		background-image: url('/us-pointer/images/banner.jpg');
        background-size: contain;
    }

    #banner-microbiome{
		background-image: url('/us-pointer/images/banner-microbiome.jpg');
        background-size: contain;
    }

}
@media (min-width: 1200px) {
    #banner-imaging{
        background-image: url('/us-pointer/images/banner.jpg');
        background-size: contain;
    }

    #banner-microbiome{
        background-image: url('/us-pointer/images/banner-microbiome.jpg');
        background-size: contain;
    }    
}


#banner>div.container{
    height: inherit;
}
#banner h1{
    margin: 0px 0px 20px 0px !important;
    padding: 0px 0px;
    text-align: center;
    display: block;
}
@media (max-width: 767px) {
    #banner h1{
        font-size: 6vw;
        line-height: 36px;
    }
}

@media (min-width: 768px) {
    #banner h1{
        font-size: 42px;
        line-height: 42px;
    }
}

#banner p{
	text-align: center;
	font-family: 'medium-houschka';
	font-size: 26px;
	color: #fff;
	margin: 0px;
	line-height: 31px;
	margin-bottom: 70px;
}

p.announcing,
p.recruitment{
	font-size: 18px;
	margin-bottom: 0px;
    text-align: center;
    font-family: 'medium-houschka';
    color: #fff;
    margin: 0;
    line-height: 31px;    
}

#gridHeader{
    background-color: #4a0d66;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.grayGrid{
    padding: 0px;
    margin-bottom: 50px;
}
.grayGrid div.evens>div,
.grayGrid div.odds>div{
    margin-bottom: 22px;
}
.grayGrid div.evens,
.grayGrid div.odds{
    padding: 32px 22px 0;
    border-bottom: 2px solid #fff;
}
.grayGrid div.evens{ background-color: #f2f2f2;}
.grayGrid div.odds{ background-color: #dfdfdf;}

.grayGrid hr.divider{
    color: transparent;
    background-color: transparent;
    border-width: 0px;
    height: 0px;
    width: 100%;
    clear: both;
    margin: 0px;
}


/*************************/
/* INTRO COPY  */
/*************************/

p{
	font-family: 'medium-houschka';
	font-size: 26px;
	line-height: 31px;
}



/*************************/
/* INTERVENTION METHODS WILL INCLUDE */
/*************************/
h2#intervention{
	font-size: 32px;
	font-family: 'extra-houschka';
	text-align: center;
	margin-top: 70px;
	margin-bottom: 0px;
}

#physical, #nutritional, #cognitive, #improved{
	font-size: 26px;
	text-align: center;
	margin-bottom: 98px;
}
/* SIZES */
@media (max-width: 767px) {
	#physical, #nutritional, #cognitive{
		margin-bottom: 0px;
	}
	#improved{
		margin-bottom: 90px;
	}
}
@media (min-width: 768px) {
	#physical, #nutritional{
		margin-bottom: 0px;
	}
	 #cognitive, #improved{
		margin-bottom: 90px;
	}
}
@media (min-width: 992px) {
	#physical, #nutritional, #cognitive, #improved{
		margin-bottom: 98px;
	}
}
@media (min-width: 1200px) {
	#physical, #nutritional, #cognitive, #improved{
		margin-bottom: 98px;
	}
}


#physical h3, #nutritional h3, #cognitive h3, #improved h3{
	font-size: 26px;
}

#physical img,
#nutritional img,
#cognitive img,
#improved img{
	margin-bottom: 25px;
	
}
@media (max-width: 767px) {
	#physical img, #nutritional img, #cognitive img, #improved img{
		width: 75px;
		margin-top:0px;
	}
	#nutritional img{
		margin-bottom: 40px; }
}
@media (min-width: 768px) {
	#physical img, #nutritional img, #cognitive img, #improved img{
		width: 75px;
		margin-top: 0px;
	}
}
@media (min-width: 992px) {
	#physical img, #nutritional img, #cognitive img, #improved img{
		width: 75px;
		margin-top: 50px;
	}
}
@media (min-width: 1200px) {
	#physical img, #nutritional img, #cognitive img, #improved img{
		width: 75px;
		margin-top: 50px;
	}
}


/*************************/
/* DESCRIPTION*/
/*************************/
#description{
	margin-top:50px;
	margin-bottom:50px;
	font-family: 'medium-houschka';
	font-size: 18px;
	line-height: 27px;
}
/*************************/
/* BEGINNING IN 2018*/
/*************************/
.teal{
	background-color: #359a8e;
	color: #fff;
}




.teal ul li, 
.teal p{
	color: #fff;
	font-family: 'medium-houschka';
/*	font-size: 26px; */
	line-height: 39px;
	margin-bottom: 0px;
}
.teal ul{margin-top: 20px; margin-left: 20px;}
.teal ul li{ padding-left: 0px;  }



.teal #copy p{ 
    margin-bottom: 30px; 
}


@media (max-width: 767px) {
	.teal ul li, 
    .teal p{
		font-size: 18px;
		line-height: 27px;
    }
}
@media (min-width: 768px) {
    .teal ul li, 
	.teal p{
		font-size: 18px;
		line-height: 27px;
	}
}
@media (min-width: 992px) {
    .teal ul li, 
	.teal p{
		font-size: 26px;
		line-height: 39px;
	}
}


.imgBox img{
    width: 75%;
    height:auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
@media (min-width: 100px) { .imgBox img{ width: 55%; } }
@media (min-width: 768px) { .imgBox img{ width: 75%; } }
.mariaCarrillo{ font-family: 'extra-houschka'; }


/*************************/
/* INFO COLLECTION */
/*************************/
#infoCollection{
	background-image: url(/us-pointer/images/bg-brains-beaker-white.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
	padding: 60px 0px;
}
#infoCollection #whiteBox{
	background-color: #fff;
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
	/*	ROUNDED CORNERS*/
	-webkit-border-radius: 3px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 3px; /* Firefox 1-3.6 */
	border-radius: 3px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	/*	DROP SHADOWS*/
	-webkit-box-shadow:  0px 0px 8px 4px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    0px 0px 8px 4px #ccc;  /* Firefox 3.5 - 3.6 */
	box-shadow:         0px 0px 8px 4px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
#infoCollection #whiteBox h2{
	font-size: 32px;
	font-family: 'extra-houschka';
}
#infoCollection #whiteBox p{
	width: 70%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	line-height: 20px;
	font-family: 'medium-houschka';
	font-size: 18px;
    line-height: 27px;
}
#infoCollection .emailAddy{
	font-size: 16px;
	font-family: 'medium-houschka';
	font-style: normal;
	padding: 11px 3px;
	width: 300px;
	margin-right: 7px;
	text-align: center;
	border-width: 1px;
	border-color: #333;
	/*	ROUNDED CORNERS*/
	-webkit-border-radius: 9px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 9px; /* Firefox 1-3.6 */
	border-radius: 9px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
#infoCollection input.emailAddy:placeholder-shown{
	font-style:italic;
}
#infoCollection .btnGreen{
	background-color: #359a8e;
	border-color: #359a8e;
	padding: 10px 30px;
	color: #fff;
	font-family: 'extra-houschka';
	font-size: 16px;
	/*	ROUNDED CORNERS*/
	-webkit-border-radius: 9px; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 9px; /* Firefox 1-3.6 */
	border-radius: 9px;/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
#infoCollection .btnGreen:hover{
	background-color: #fff;
	color: #359a8e;
}
/*************************/
/* HISTORY AND FUTURE */
/*************************/
#historyAndFuture{
	margin-top: 90px;
/*	font-size: 18px; */
	font-size: 22px;
/*	line-height: 27px;*/
	line-height: 31px;
	font-family: 'medium-houschka';
}
#historyAndFuture h2{
	margin-bottom: 5px;
	padding: 0px;
	font-family: 'medium-houschka';
}


/*************************/
/* QUOTE */
/*************************/
#quote{
	margin-top: 90px;
	text-align: center;
	font-family: 'medium-houschka';
	font-size: 26px;
	font-style: italic;
	line-height: 31px;
}
#quote #mariaCarrillo{
	width: 33%;
	margin-bottom: 20px;
}
#quote .imageCaption{
	font-weight: bold;
	font-family: 'houschka';
	font-size: 18px;
	font-style: normal;
	line-height: normal;
}
/*************************/
/* FOOTER MARGIN */
/*************************/
#footerMargin{
	clear: both;
	margin-bottom: 75px;
}

/* Dean note: switch language link at upper right corner */
.toggle {
    margin-right: 30px;
    position: absolute;
    right: 0;
    top: 0px;
}



.grayCallouts{
    background-color: #f1f2f2;
    padding: 20px 30px;
}
.grayCallouts h2{
    font-family: 'extra-houschka';
    font-size: 20px;
    color: #4a0d66;
    border: 0px;
}
.grayCallouts p{
    font-family: 'medium-houschka';
    font-style: 14px; 
    line-height: 24px;
    margin-bottom: 10px; 
}
.grayCallouts a#downloadFactsheetPDF{
    margin-bottom: 20px;
    display: inline-block;
    width: auto; 
    height: auto;
}



#footerLogoALZ.container-fluid{
    text-align: center;    
    padding: 30px;
    background-color: #4a0d66;
/*    background-image: url('../images/bg-purple-footer.png');*/
    background-position: 0 0;
    background-repeat: repeat-x;

}
#footerLogo{
    margin-bottom: 36px;
    display: inline-block;
}
#footerLogo #bottomLogo,
#footerLogoAIM {
    width:100%;
	height: auto;
}

@media (max-width: 767px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:100%;
		height: auto;
	}
}
@media (min-width: 768px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}
@media (min-width: 992px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}
@media (min-width: 1200px) { 
	#footerLogo #bottomLogo,
	#footerLogoAIM {
		width:283px;
		height: auto;
	}
}



#footerLogo #bottomLogo .svgLogo{fill: #fff; }

#footerLogoALZ.container-fluid  p{
    color: #fff; 
    font-size: 16px; 
    font-family: 'medium-houschka';
    line-height: 28px; 
}
#footerLogoALZ.container-fluid a{
    text-decoration: underline;
    color: #fff;
}
#footerLogoALZ.container-fluid a:hover{
    text-decoration: none;
}


a,
a:link,
a:focus,
a:hover,
a:visited,
a:active {
    outline: none;
}


a.whiteLink{
    color: #fff;
    text-decoration: underline;
}

a.whiteLink:hover{ 
    text-decoration: none; 
}


.clear{
    clear: both;   
}

.marginBottom10{
    margin-bottom: 10px;   
}
.marginBottom20{
    margin-bottom: 20px;   
}
.marginBottom30{
    margin-bottom: 30px;   
}
.marginBottom40{
    margin-bottom: 40px;   
}
.marginBottom50{
    margin-bottom: 50px;   
}
.marginBottom60{
    margin-bottom: 50px;   
}
.marginTop10{
    margin-top: 10px;   
}
.marginTop20{
    margin-top: 20px;   
}
.marginTop30{
    margin-top: 30px;   
}
.marginTop40{
    margin-top: 40px;   
}
.marginTop50{
    margin-top: 50px;   
}
.marginTop60{
    margin-top: 50px;   
}
/*PLACEHOLDER*/
.placeHolderGray{
	background-color: #ddd;
}
/*alignment*/
.centerText{text-align: center;}



.greycopy p{
    font-size: 18px;
    font-family: 'medium-houschka';
    line-height: 28px;
    color: #808285;
}


@media (min-width: 768px){
    .greycopy p{
        font-size: 22px;
        line-height: 32px;
    }
}



.quote p {
    font-family: 'medium-houschka';
    font-size: 22px;
    line-height: 36px;
    text-align: left;
}

@media (min-width: 768px){
    .quote p {
        font-size: 22px;
        line-height: 36px;
    }
}


@media (min-width: 992px){
    .quote p {
        font-size: 26px;
        line-height: 43px;
    }
}