/* Fonts */
@font-face {
    font-family: 'Trade Gothic LT Std';
    src: url('../fonts/TradeGothicLTStd.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd.woff') format('woff'),
        url('../fonts/TradeGothicLTStd.svg#TradeGothicLTStd') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Cond';
    src: url('../fonts/TradeGothicLTStd-Cn18.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Cn18.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Ext';
    src: url('../fonts/TradeGothicLTStd-BoldExt.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-BoldExt.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-BoldExt.svg#TradeGothicLTStd-BoldExt') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Cond';
    src: url('../fonts/TradeGothicLTStd-BdCn20.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-BdCn20.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-BdCn20.svg#TradeGothicLTStd-BdCn20') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold';
    src: url('../fonts/TradeGothicLTStd-Bold.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bold.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bold.svg#TradeGothicLTStd-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold Obl';
    src: url('../fonts/TradeGothicLTStd-Bd2Obl.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bd2Obl.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bd2Obl.svg#TradeGothicLTStd-Bd2Obl') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Ext';
    src: url('../fonts/TradeGothicLTStd-Extended.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Extended.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Extended.svg#TradeGothicLTStd-Extended') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Obl';
    src: url('../fonts/TradeGothicLTStd-Obl.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Obl.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Obl.svg#TradeGothicLTStd-Obl') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Trade Gothic LT Std Bold No2';
    src: url('../fonts/TradeGothicLTStd-Bd2.woff2') format('woff2'),
        url('../fonts/TradeGothicLTStd-Bd2.woff') format('woff'),
        url('../fonts/TradeGothicLTStd-Bd2.svg#TradeGothicLTStd-Bd2Obl') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/* Colors */
:root {
  	--black: #000000;
  	--dark: #151F27;
  	--darkbg: linear-gradient(to bottom, #243746 , #07131C);
  	--darkblue: #007BB9;
  	--blue: #009DEC;
  	--red: #F0374F;
  	--gray: #EFEFEF;
  	--light: #F2F2F2;
  	--white: #FFFFFF;
	--hero-orange: #fa7a69;
	--p-red-color: #e87161;
	--risk-subheading: #38344b;
	--dark-mobile-border: rgba(21,31,39,0.2);
	--pastel-blue: #b9c7d1;
}

.red {
	color: var(--red);
}

.white {
	color: var(--white);
}

/* Main */
html, body {
    overflow-x: hidden;
}
body {
	font-family: 'Trade Gothic LT Std', sans-serif;
}

strong {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
}

.pb-60 {
	margin-bottom: 60px;
}

/* Navbar */
.navbar {
	height: 72px;
	background-color: var(--dark);

	> .container {
		max-width: 1135px;
	}
}

.navbar-brand , .navbar-brand a{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-transform: uppercase;
	color: var(--light);
	font-size: 24px;
	text-decoration: none;
}

.navbar .navbar-nav .nav-item {
	margin-right: 5px;
}

.navbar .navbar-nav .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	text-transform: uppercase;
	color: var(--light);
	font-size: 18px;
}

/* .navbar .navbar-nav .nav-item .nav-link i {
	margin-left: 10px;
} */

.navbar .navbar-nav .nav-item .active {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--blue);
	font-size: 20px;
}

.navbar .navbar-nav .nav-item .show i {
	transform: rotate(180deg);
}

@media screen and (max-width: 991px) {
	.navbar-brand, .navbar-brand a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 18px;
		letter-spacing: 0.24px;
		padding-left: 37px;
	}

	.navbar .navbar-toggler {
		margin-right: 25.4px;
	}

	.navbar > .container {
		padding-left: 0;
		padding-right: 0;
	}
}

.sitemap-list .nav-item {
	margin-bottom:25px;
}
.sitemap-list .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-transform: uppercase;
	color: var(--black);
	font-size: 24px;
	text-decoration: underline;
}

.sitemap-menu {
	list-style: none;
}
.sitemap-menu a {
	font-family: 'Trade Gothic LT Std', sans-serif;
	font-size: 24px;
	color: var(--black);
	line-height: 1.8;
}
sup {
    top: -0.57em;
	font-family: 'Trade Gothic LT Std', sans-serif;
    font-weight: normal;
	font-size: 12px;
}

small sup {
    top: -1.2em;
    font-size:0.65em;
}
/* Main Banner */
.main-banner {
	background: var(--black);
}

.main-banner .main-bg {
	background: url(../img/Shattered_USEye.png) no-repeat;
	background-position: right;
	background-size: cover;
}

.main-banner .content {
	padding: 48px 0px;
	margin-bottom: 70px;
}

.main-banner .subtitle {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 23px;
}

.main-banner .title {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 58px;
	text-transform: uppercase;
	line-height: 0.9;
	max-width: 450px;
}
.main-banner .title sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 34px;
}

.main-banner p {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 8px;
	max-width: 450px;
}
.main-banner p small {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
}

.main-banner p sup {
	font-family: 'Trade Gothic LT Std', sans-serif;
	font-size: 12px;
}

.main-banner .blue-btn {
	margin: 12px 0px 20px 0px;
    display: inline-block;
}

.blue-btn {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-decoration: none;
	background: var(--darkblue);
	border-radius: 32px;
	color: var(--white);
	font-size: 14px;
	padding: 15px 20px 12px 20px;
	display: inline-block;
}
.blue-btn:hover {
	color: var(--white);
}
.blue-btn i {
	padding-left: 10px;
}

.gray-btn {
	font-family: 'Trade Gothic LT Std Bold No2', sans-serif;
	text-decoration: none;
	background: var(--gray);
	border-radius: 32px;
	color: var(--black);
	font-size: 14px;
	padding: 15px 20px;
	margin-right: 30px;
}

.graybg {
	background: #919191;
}

/* Content Banner */

.content-banner {
	background: var(--black);
}

.content-banner .content-bg {
	background: url(../img/3.2_NotAMonophasicDisease_Desktop.png) no-repeat;
	background-position: right !important;
	background-size: cover !important;
}

.content-bg .content {
    padding-top:70px;
}

.content-banner .diagnosing {
	background: url(../img/1.2_DiagnosingNMOSD_Desktop.png) no-repeat;
}

.content-banner .pathophysiology {
	background: url(../img/2.0_Pathophysiology_Desktop.png) no-repeat;
}

.content-banner .impact {
	background: url(../img/3.1_ImpactOfAttacks_Desktop.png) no-repeat;
}

.content-banner .demographic {
	background: url(../img/3.3_DemographicRiskFactors_Desktop.png) no-repeat;
}

.main-banner .wistia-bg, .content-banner .wistia-bg, .wistia-bg {
		background: none !important;
	}

.content-banner .content {
	padding: 40px 0px;
	margin-bottom: 30px;
}

.content-banner .subtitle {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 18px;
    margin-bottom: 8px;
}

.content-banner .title {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 46px;
	line-height: 44px;
	text-transform: uppercase;
	max-width: 85%;
}

.content-banner .title sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
		font-size: 26px;
		z-index: 0;
	}

.content-banner p {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--light);
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 15px;
	max-width: 82%;
}



/* Main Content */
.main-content {
	background: var(--darkbg);
}

.main-content-white {
	background: var(--gray);
}

.main-content .main-card {
	background: var(--gray);
	padding: 64px;
	margin-top: -90px;
}

.main-content .main-card h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--black);
	font-size: 28px;
	text-transform: uppercase;
    min-height: 110px;
}

.main-content .main-card sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px;
}

.main-content .main-card hr {
	background: #707070;
	border: solid #707070 1px;
    margin: 44px 0px 44px 0px;
	opacity: 1;
}

/* Disease Content */
.disease-content {
	background: var(--gray);
	padding: 60px 0px;
}

.disease-content h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 36px;
	line-height: 40px;
	margin-bottom: 40px;
}

.disease-content h2 sup, .demographic-data h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 24px;
}

.disease-content p {
	font-size: 20px !important;
}

.access-copy p {
    font-size: 16.5px !important;
}

.disease-content p sup, .content p sup, .info-box-container li sup {
	font-size: 12px !important;
}

.info-box-container h3 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px !important;
}

.header-black sup {
    font-size: 10px !important;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
}

.disease-content .ref-small, .ref-small {
	line-height: 1 !important;
	font-size: 14px !important;
	max-width: 100% !important;
	margin-top: 0 !important;
}

.disease-content .ref-small sup {
    font-size:8px !important;
}

.ref-small small sup {
    font-size:8px !important;
    top:-0.6em !important;
}

.disease-content .video-title {
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	margin: 40px 0px;
	font-size: 25px;
}

.disease-content img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.disease-content .video-quote {
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	margin: 40px 0px;
	font-size: 36px;
}

.disease-content .video-quote sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
}


.big-list {
	border-top: 2px solid var(--black);
	padding-top: 20px;
	margin-bottom: 40px;
}

.big-list img {
	width: 150px;
	min-width: 150px;
	margin-right: 40px;
}

.big-list h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 32px;
}

.big-list h3 sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 20px;
}

.big-list ul, .normal-list ul {
  list-style: none;
  padding-left: 1rem;
  margin-left:20px;
}

.big-list ul li::before, .normal-list ul li::before {
  content: "\2022";
  color: var(--blue);
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.big-list ul > li {
	font-size: 18px;
}

.normal-list ul > li {
	font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.2;
}

.small-bullet {
	font-size:  1rem !important;
}

.red-header {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 18px;
	background: var(--red);
	padding: 0px 8px;
	text-align: center;
	color: var(--white);
	height: 70px;
}

.red-header sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 10px;
}

.info-pic {
	margin: 0px auto;
	padding: 12px 0px;
	display: block;
	max-width: 100%;
}

.complement-pathway-video-title {
	padding: 60px 0px 20px 0px;
	text-align: left;
}

.complement-pathway-video-title h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 10px;
}

.complement-pathway-video-title h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}

.complement-pathway-video {
	padding: 60px 0px;
	text-align: center;
}

.complement-pathway-video h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 40px;
}

.complement-pathway-video h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}

.complement-pathway-video img {
	display: block;
	margin: auto;
	max-width: 100%;
}

.complement-pathway-video p {
	margin-top: 40px;
	color: var(--white);
	text-align: left;
	font-size: 20px;
}

.table-section-title {
	padding: 60px 0px 20px 0px;
	text-align: left;
}

.table-section-title h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 36px;
	margin-bottom: 10px;
}
.table-section-title h2 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 21px;
}
.attack-numbers {
	text-align: center;
	margin-bottom: 40px;
}

.attack-numbers h2 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 32px;
	margin-bottom: 10px;
}

.attack-numbers h2 sup {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size: 22px;
}
.attack-numbers p {
	padding:0 15px;
}
.redgrad-line {
	height: 3px;
	width: 100%;
	background: linear-gradient(to right,var(--red),var(--black));
	margin-bottom: 30px;
}

.demographic-data {
	padding: 50px 0px;
}

.demographic-data h2 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	color: var(--white);
	font-size: 35px;
	margin-bottom: 40px;
}

.demographic-data hr {
    margin: 30px 0px;
    color: var(--white);
    border: 0;
    border-top: 3px solid;
    opacity: 1;
}
.demographic-title {
    padding-right:92px;
}
.demographic-title p {
        padding-right: 110px;
    }
.demographic-data h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	color: var(--white);
	font-size: 32px;
	margin-bottom: 20px;
}
.demographic-data h3 sup{
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	font-size:20px;
}

.external-cta {
    display:inline-block;
    margin-top:50px;
}

.paper-pic {
	margin-right: 30px;
}

.evidence-box h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: left;
    color: var(--white);
    font-size: 24px;
}

.evidence-box .header-gray, .evidence-box .header-red, .evidence-box .header-blue {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
    text-align: center;
    color: var(--white);
}

.evidence-box img {
	max-width: 100%;
	margin: 40px 0px 20px 0px;
}

.evidence-box p {
	color: var(--white);
	min-height: 100px;
}

.evidence-box small {
	color: var(--white);
}

.evidence-box hr {
	margin: 40px 0px;
	border-top: 3px solid var(--white);
    opacity: 1;
}

.pb60 {
	padding-bottom: 60px;
}

.info-box-container {
	padding: 60px 0px;
	text-align: center;
}

.info-card {
	background: var(--gray);
	padding: 60px 93px;
	margin-bottom: 40px;
	text-align: left;
}

.info-card img {
	margin-right: 40px;
	min-width: 120px;
	width: 120px;
}

.info-card h3 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 28px;
	margin-bottom: 10px;
}

.info-card .black-line {
	height: 3px;
	width: 90px;
	background: var(--black);
	margin-bottom: 20px;
}
.facts-card {
        text-align:center !important;
    }
.table thead, .table thead tr {
	border: none;
}

.table thead tr th {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: center;
	color: var(--white);
	padding: 0px 30px 20px 30px;
	border: none;
}

.header-black {
	padding: 15px;
	background: var(--black) !important;
	color: var(--white);
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 20px;
	line-height: 1;
	min-height: 70px;
}

.header-gray {
	padding: 15px;
	background: rgba(255,255,255,0.25) !important;
}

.header-red {
	padding: 15px;
	background: var(--red) !important;
}

.header-blue {
	padding: 15px;
	background: var(--darkblue) !important;
}

.header-white {
	padding: 15px;
	background: rgba(255,255,255,1.0) !important;
	margin-bottom: 20px;
	color: #1f313f !important;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 20px;
	line-height: 1;
	min-height: 70px;
}

.table tbody tr td {
	vertical-align: middle;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	text-align: left;
	color: var(--white);
	padding: 20px 60px;
	font-size: 24px;
}

.table tbody tr td strong{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.table tbody tr td i {
	font-size: 48px;
}

.highlight-top {
	border-top: 4px solid var(--white);
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}
.highlight-middle {
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}
.highlight-bottom {
	border-bottom: 4px solid var(--white);
	border-right: 4px solid var(--white);
	border-left: 4px solid var(--white);
}

.stat-content {
	text-align: left;
}

.highlighted-stat {
	font-size: 120px;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	text-align: center;
    line-height: 1;
}

.highlighted-stat-break {
	font-size: 30px;
	line-height: 1;
	text-align: center;
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.highlighted-stat-body {
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	margin: 10px 0px 40px 0px;
    padding: 0px 16px;
}

.highlighted-stat-body strong{
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
}

.highlighted-stat-body sup {
	font-size: 14px;
	top: -10px;
}

.hightlight-big {
	  display:none;
	}

.test-list-box {
	color: var(--white);
	border-left: 4px solid var(--white);
}
.test-list-content {
	padding: 0px 20px;
}
.test-list-content p {
	font-size: 19px;
	margin-bottom:8px;
}
.test-list-content li {
	font-size: 18px;
}

.paradigm-list-box {
	color: var(--black);
	border-left: 3px solid var(--black);
}
.paradigm-list-content {
	padding: 30px 20px 10px 30px;
}
.paradigm-list-content p {
	font-size: 20px;
}
.paradigm-list-content li {
	font-size: 18px;
}

.lab-list p {
	margin-bottom: 0;
	font-size: 20px;
}
.lab-list a {
	color: var(--white);
}
.lab-list .lab-box {
	background: var(--white);
	padding: 20px 30px;
}
.lab-list .lab-box p {
	margin-bottom: 0;
	font-size: 15px;
}
.lab-list .lab-box strong {
	font-size: 19px;
}

.top-crack {
	max-width: 20%;
	height: auto;
	position: absolute;
	margin-top: 0%;
	margin-left: -5%;
}

.right-crack {
	max-width: 15%;
	height: auto;
	position: absolute;
	margin-top: 0%;
	margin-left: 68%;
}

.bottom-crack {
	max-width: 16%;
    height: auto;
    position: absolute;
    margin-top: 34%;
    margin-left: 68%;
}
#cracks-bg {
	margin-top: 0%;
    margin-left: -23%;
}

#cracks-bg img {
	max-width: 150%;
    position: absolute;
}

#counter-inner {
	margin-top: 0%;
    margin-left:0%;
}

#counter-inner img {
	max-width: 100%;
    position: absolute;
}

.hidden-content {
	opacity: 0;
}

.first-image-box {
        margin-top:-60px;
    }

/* Contact */

.form-group {
	margin-bottom: 30px;
}

.form-group label {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	font-size: 16px;
}

.form-control {
	border-radius: 0;
	border: 1px solid var(--blue);
}

.modal-content {
	border-radius: 0;
	padding: 60px;
}

/* CTA Banner */

.cta-card {
	padding: 20px 91px;
	min-height: 150px;
}

.cta-card h3 {
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	font-size: 28px;
}

.cta-card h3 sup {
	font-family: 'Trade Gothic LT Std Cond', sans-serif;
	font-size: 18px;
}

.cta-line {
	height: 2px;
	width: 20%;
	background: var(--black);
	margin: 0px 40% 40px 40%;
}

/* Subscribe Banner */

.subscribe-banner {
	padding: 80px 0px;
}

.subscribe-banner h3 {
	font-family: 'Trade Gothic LT Std Bold Ext', sans-serif;
	color: var(--red);
	font-size: 32px;
}

.subscribe-banner p {
	color: var(--light);
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 32px;
}

.references-block {
	font-family: 'Trade Gothic LT Std', sans-serif;
	color: var(--white);
	line-height: 1.14;
	font-size: 14px;
	margin-bottom: 40px;
	width: 100%;
	max-width: 932px;
}


.references-block span {
	font-style: oblique;
}

/* Footer */
footer {
	background: var(--gray);
	padding: 60px 0px 16px 0px;
}

footer ul {
	list-style: none;
}

footer .nav-item .nav-link {
	font-family: 'Trade Gothic LT Std Ext', sans-serif;
	text-transform: uppercase;
	color: var(--black);
	font-size: 12px;
	letter-spacing: 0.6px;
}

footer .privacy-choices-link {
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

footer .privacy-choices-link::before {
	content: "";
    background: url('/img/footer/privacy-choices-icon.svg');
    background-repeat: no-repeat;
    height: 14px;
    margin-right: 4px;
    flex: 1 0 auto;
    width: 30px;
}

footer img {
	height: 62px;
	margin: 30px 0px;
}

footer p {
	font-size: 14px;
}

@media screen and (min-width: 1024px) {
	footer .text-center p:last-child {
		max-width: 131ch;
		margin-left: auto;
		margin-right: auto;
	}
}

input[type=checkbox]:checked {
   background: var(--blue) !important;
}
input[type=checkbox]:checked:before {
   content:'\f00c';
   font-family:'FontAwesome';
   color:#fff;
    font-size: 16px;
    padding-left: 3px;
}
#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -5% !important;
        width: 125% !important;
	}
/* Responsive */
@media(max-width: 1400px) {
	.navbar .navbar-nav .nav-item .nav-link {
		font-size: 17px;
	}
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{
		display: none;
    	border-radius: 0;
    	padding: 12px 18px;
  		background-color: var(--gray);
  	}
    .navbar .nav-item .dropdown-menu .dropdown-item { line-height: 36px;}
    .navbar .nav-item .dropdown-menu .dropdown-item:hover { background: transparent;}
    .navbar .nav-item .dropdown-menu .active{ background: none; text-decoration: underline;
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;}
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar .nav-item .show{ display: block !important;}
}

@media(max-width: 1180px) {
    .main-banner{
	    background:none;
	}
	.main-banner .main-bg {
	    background-position: 70%;
	}
	.navbar .navbar-nav .nav-item {
	    font-size: 16px;
	    margin-right: 14px;
	}
	.navbar .navbar-nav .nav-item .nav-link {
	    font-size: 14px;
	}
	.main-content .main-card {
	    padding: 34px;
	}
	.cta-card {
	    padding: 20px 30px;
	    min-height: 140px;
	}
	footer .nav-item .nav-link {
	    font-size: 9px;
	}
	#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -22% !important;
        width: 158% !important;
	}
}
@media(max-width: 1025px) {
    #wistia-cinemograph {
        right: -22% !important;
        width: 178% !important;
	}
	#wistia-cinemograph.diagnosing-video {
	    width:184% !important;
	}
}
@media(max-width: 991px) {

	.navbar-collapse {
	    background: var(--white);
	    padding: 30px;
	}
	.navbar .navbar-nav .last {
	    border-bottom: none !important;
	}

	.navbar .navbar-nav .nav-item .nav-link {
	    color: var(--dark);
	    font-size: 18px;
	}

	.navbar .navbar-nav .nav-item .nav-link.show {
		color: var(--darkblue);
		font-weight: bold;
	}

	.navbar .navbar-nav .nav-item .nav-link.show + i {
		color: var(--darkblue);
	}

	.navbar .navbar-nav .nav-item .active {
	    color: var(--darkblue);
		font-weight: bold;
	}

	.navbar-collapse.collapse {
	    display: none !important;
	    z-index: 2;
	}

	.dropdown-menu {
		border: none;
	}
	.dropdown-menu li {
		padding: 12px 0px;
	}
	.dropdown-menu li a {
		font-family: 'Trade Gothic LT Std Cond', sans-serif;
		font-size:18px;
		padding-left: 36px;
		line-height: 22px;
		letter-spacing: 0.18px;
	}

	.dropdown-item {
		padding-top: 0;
		padding-bottom: 0;
		vertical-align: middle;
		color: var(--dark);
	}

	.dropdown-item.active, .dropdown-item:active {
	    background-color: var(--white) !important;
	    text-decoration: underline;
		font-weight: bold;
	}

	.dropdown-menu li:hover .dropdown-item, .dropdown-menu li:focus .dropdown-item {
		color: var(--darkblue);
		text-decoration: underline;
		background-color: transparent;
		font-weight: bold;
	}

	.navbar .navbar-nav .nav-item {
	    padding:14px 0px;
	    border-bottom: 1px solid var(--dark-mobile-border);
		margin-right: 0;
	}
	.navbar-collapse.show {
	    display: block !important;
		padding-left: 37px;
		padding-right: 37px;
		padding-top: 20px;
	}
	.navbar .navbar-nav .nav-item .nav-link i {
		float: right;
	}

	#wistia-cinemograph {
	    min-height:80vh !important;
	    position: absolute !important;
        top: 0;
        right: -28% !important;
        width: 203% !important;
	}
	#wistia-cinemograph.diagnosing-video {
	    width:209% !important;
	}
}
@media(max-width: 820px) {
    .main-banner{
	    background:none;
	}
	.main-banner .main-bg, .content-banner .content-bg{
	    background-position: 70% !important;
	}

	.navbar-toggler {
		padding-top: 0px;
		padding-bottom: 9px;
	}

	.navbar-toggler span{
		color: var(--light);
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 0.16px;
	}

	.navbar-toggler span.navbar-toggler-icon {
		font-size: 15.34px;
	}

	.cta-card {
	    padding: 20px 30px;
	    min-height: 180px;
	}
	.main-content .main-card {
	    padding: 34px;
	}
	.main-content .main-card h2 {
	    min-height: 140px;
	}
	footer .nav-item .nav-link {
	    font-size: 9px;
	}
	#wistia-cinemograph {
	    width:220% !important;
	}

	#wistia-cinemograph.diagnosing-video {
	    width:280% !important;
	}
}

@media(max-width: 768px) {

	#wistia-cinemograph.diagnosing-video {
	    width:300% !important;
	}
}

@media(max-width: 545px) {
    .main-banner, .wistia-bg {
    	background: var(--black) !important;
    }
	.main-banner .main-bg, .content-banner .content-bg, .content-banner .diagnosing, .content-banner .pathophysiology, .content-banner .impact {
		background: none;
	}

	.navbar-toggler {
		border: none;
	    display: block;
	}

	.navbar-collapse {
	    background: var(--white);
	    padding: 30px;
	}
	.navbar-collapse.show {
	    height: 100vh !important;
	}

	.main-banner .content, .content-banner .content {
		padding: 48px 40px 80px;
		margin-bottom: 0px;
	}

	.main-banner .title {
		font-size: 48px;
		line-height: 48px;
	}

	.main-banner p {
		font-size: 16px;
		line-height: 22px;
	}

	.demographic .title {
	    font-size:36px !important;
	    line-height:34px !important;
	}

	.main-banner .title sup {
		font-size: 28px;
	}

	.main-content .main-card {
		background: var(--gray);
		padding: 30px 24px;
		margin-top: 40px;
	}

	.content-banner p {
    font-size: 19px;
	}

	.content-bg .content {
        padding-top:30px;
        padding-bottom:30px;
    }

    .first-image-box {
        margin-top:0;
    }

	.main-content .first {
		margin-top: -40px;
	}

	.main-content .main-bg {
		padding: 0px 34px;
	}
	.disease-content p {
    font-size: 17px !important;
}
	.main-content .main-card hr {
		background: var(--dark);
		border: solid var(--dark) 1px;
		margin: 16px 0px 24px 0px;
	}
	.info-card {
	    padding: 30px 30px;
	}

	.disease-content {
	    background: var(--gray);
	    padding: 60px 30px;
	}
	.paper-pic {
    	margin: 15px 0px;
	}
	.info-card img {
		margin-bottom: 20px;
		margin-right: auto;
		margin-left: auto;
		display: block;
	}
	.disease-content img {
        margin: 15px auto;
    }
	.big-list img {
		margin-bottom: 20px;
		margin-right: auto;
	}
	.test-list-box, .paradigm-list-box {
	    margin-bottom: 40px;
	}
	.attack-numbers {
    margin-bottom: 30px;
}

	.table thead tr th {
	    padding: 0px 4px 10px 4px;
	    border: none;
	    font-size: 12px;
	}
	footer p {
	    padding:20px 41px;
	}
	.subscribe-banner {
	    padding:50px 0px;
		width: 108%;
	}

	.modal-body h2 {
		font-size: 40px;
	}

	.close-modal {
		margin-bottom: 20px;
	}

	.disease-content .video-quote {
    text-align: left;
}

#wistia-cinemograph {
	    display:none;
	}

#video-placeholder {
    max-width: 144% !important;
    margin-left: -18%;
}

#wistia-video {
    margin-left: -14%;
    width: 127.5% !important;
    margin-bottom:40px;
}
	#external-target {
		text-align: center !important;
	}
.mobile-left-push {
 margin-left:-6px;
}
	.table tbody tr td {
	    vertical-align: middle;
	    padding: 10px 0px;
	    font-size: 14px;
	}
	.table tbody tr td i {
	    font-size: 24px;
	}

	.evidence-box {
	    margin-top:80px;
	}

	.evidence-box h3 {
	    margin-top: 30px;
	    font-size:32px;
	}

	.evidence-box .header-gray{
	    margin-top: 20px;
	    font-size:22px;
	}
	.evidence-box .header-red, .evidence-box .header-blue {
	    margin-top: 50px;
	    font-size:22px;
	}
	.evidence-box img {
	    margin: 10px 0px;
	}

	.evidence-box p {
	    color: var(--white);
	    min-height: auto;
	}

	.evidence-box hr {
		margin: 10px 0px;
	}

	.highlight-top, .highlight-middle, .highlight-bottom {
	    border:none;
	}

	.hightlight-big {
	   height: 150px;
        width: 85%;
        margin-left: -5%;
        margin-top: -166px;
	    position:absolute;
	    border: 3px solid #fff;
	    display:block;
	}
	.cta-card {
	    padding: 20px 20px;
	    min-height: 0;
	}

	.blue-btn {
		display: block !important;
		text-align: left;
	}

	.blue-btn i {
		float: right;
    	font-size: 18px;
	}

	footer .nav-item .nav-link {
	    font-size: 12px;
	}

	footer ul {
		padding-left: 0;
		flex-direction: column!important;
	}

	footer ul > li {
		margin-bottom: 30px;
	}

    .big-list {
        margin-bottom: 10px;
    }
    .lab-list .lab-box {
    margin-top: 30px;
}
	.first-item {
	    margin-top:10px;
	}
	.no-pad-xs {
        padding: 0px 0px;
    }

    .facts-card {
        margin-top:50px;
    }
    .demographic-title {
        padding-right: 0px;
    }
    .demographic-data h3 {
        font-size:24px;
    }
    .demographic-title p {
        padding-right: 0px;
    }
    .external-cta {
        margin-top:10px;
    }
}

@media(max-width: 380px) {

	table .header-gray, table .header-blue, table .header-red {
	    font-size:11px;
	}
}
@media(max-width: 360px) {

	table .header-gray, table .header-blue, table .header-red {
	    font-size:10px;
	}
	.blue-btn {
	    font-size:12px;
	}
}

@media screen and (min-width: 546px) {
	#wistia-cinemograph.larger-cinemograph {
		display: none;
	}
}

@media screen and (min-width: 576px) {
	#wistia-cinemograph.larger-cinemograph {
		display: block;
		width: 446% !important;
		max-width: 2570px;
		right: -80% !important;
	}
}

@media screen and (min-width: 768px) {
	#wistia-cinemograph.larger-cinemograph {
		width: 234% !important;
		right: -35% !important;
	}
}

@media screen and (min-width: 992px) {
	#wistia-cinemograph.larger-cinemograph {
		width: 226% !important;
		right: -20% !important;
	}
}
/*
@media screen and (min-width: 1200px) {
	#wistia-cinemograph.larger-cinemograph {
		max-width: 2180px;
		right: -20% !important;
	}
} */

@media screen and (min-width: 1300px) {
	#wistia-cinemograph.larger-cinemograph {
		right: 0% !important;
	}
}

@media screen and (min-width: 2180px) {
	#wistia-cinemograph.larger-cinemograph {
		max-width: unset;
		width: 100% !important;
	}
}

/*Demographic page*/

.stay-know-container {
	background-color: var(--dark);
}

.hero-banner-container {
	background-color: #3a354b;
	width: 100%;
	position: relative;

	>.container {
		max-width: 1135px;
	}

	.hero-banner-mobile-image {
		display: none;
	}

	.hero-banner--content {
		padding-top: 30px;
		padding-bottom: 73px;
		font-family: 'Trade Gothic LT Std';
		color: var(--white);

		.hero-banner--pagename {
			font-family: 'Trade Gothic LT Std Ext';
			font-size: 18px;
			line-height: 1.33;
			letter-spacing: normal;
			text-align: left;
			color: var(--light);
			margin-bottom: 8px;
		}
		.hero-banner--heading {
			font-family: 'Trade Gothic LT Std Cond';
			font-size: 46px;
			font-weight: bold;
			font-stretch: condensed;
			font-style: normal;
			line-height: 0.96;
			letter-spacing: -0.28px;
			color: var(--hero-orange);
			text-transform: uppercase;
			max-width: 500px;
			margin-bottom: 20px;

			.hero-banner--sup {
				top: -0.75em;
    			font-size: 0.5em;
				left: -0.4em;
			}
		}

		.hero-banner--copy {
			font-size: 20px;
			line-height: 1.3;
			letter-spacing: -0.12px;
			max-width: 465px;
		}

		.hero-banner--note {
			font-size: 14px;
			line-height: 1.14;
			letter-spacing: -0.08px;

		}
	}

	.hero-banner-red-logo {
		position: absolute;
		top: 65%;
		left: 77%;

		.mobile-only {
			display: none;
			width: 100%;
		}
		.desktop-only {
			display: block;
			width: 100%;
			height: 100%;
		}
	}

	&.risk-population-hero {
		background-image: url(../img/photo_v2a.png);
		background-size: 100% 100%;
		z-index: -1;
	}

	&.addressing-disparities-hero {
		height: 310px;
		z-index: -1;

		.hero-banner-mobile-image {
			display: none;
		}
		.hero-banner-red-logo {
			top: 15%;
		}
		.hero-banner--heading {
			width: 90%;
			sup {
				left: 0;
			}
			span {
				text-transform: capitalize;
			}
		}
	}

}

@media screen and (min-width: 1366px) {
	.hero-banner-container.risk-population-hero {
		height: 34.41vw;
	}

	.hero-banner-container .hero-banner-red-logo {
		left: unset;
		top: 22.7vw;
		right: calc((115px - ((100vw - 100%) / 2)) / 2);
	}
}

@media screen and (min-width: 1700px) {
	.hero-banner-container .hero-banner-red-logo {
		right: calc((115px - ((100vw - 100%) / 2)) / 2.5);
	}
}

.underline {
	text-decoration: underline;
}

.mortality-heading {
	width: 78%;
}

.texting-nmsod {
	max-width: 100%!important;
	width: 100%;
}

.projectred-color {
	font-weight: bold;
	color: var(--p-red-color);
}

.ribbon {
	width: 100%;
	height: 33px;
	background-image: linear-gradient(to right, #92a1c2, #f37565 50%, #fec057);
}

.severe-attack {
	margin-top: 5%;
	.para-with-sup {
		margin-bottom: 0px!important;
	}
}

.note-content {
	width: 1129px;
	.para-with-sup {
		position: relative;
		/* left: -5px; */
		font-family: 'Trade Gothic LT Std';
		font-size: 14px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.14;
		letter-spacing: -0.08px;
		margin-bottom: 25px;
		/* display: flex;
		align-items: flex-start;

		sup{
			top: unset;
			font-size: 11px;
			margin-top: 5px;
		} */
	}
	.review-study{
		margin-bottom: 5px;
	}
	.first-sup{
		position: absolute;
		top: 5px;
		left: -6px;
	}
	.first-sup.double{
		position: absolute;
		top: 5px;
		left: -12px;
	}
	.margin-para{
		margin-left: 5px;
	}
}

.br-desktop-only{
	display: none;
	@media screen and (min-width: 1024px) {
		display: block;
	}
}
.br-mobile-only{
	display: block;
	@media screen and (min-width: 378px) {
		display: none;
	}
}

.thin-separator {
	width: 100%;
	height: 2.2px;
	background-image: linear-gradient(to right, #92a1c2, #f37565);
}

.at-risk-section {
    background-color: var(--bs-body-bg);
    position: relative;
    z-index: 1;
	padding-top: 70px;
	color: var(--risk-subheading);

	>.container {
		max-width: 1135px;
	}

	h2 {
		font-size: 46px;
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-weight: bold;
		font-stretch: condensed;
		font-style: normal;
		line-height: 0.96;
		letter-spacing: normal;
		text-align: left;
		color: var(--p-red-color);
	}

	.risk-heading {
		margin-bottom: 76px;
		max-width: 780px;
	}

	.risk-subheading {
		margin-top: 80px;
		margin-bottom: 50px;
		font-size: 34px;
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-stretch: condensed;
		font-style: normal;
		line-height: 1;
		letter-spacing: normal;
		text-align: left;
		color: var(--risk-subheading);
		max-width: 85%;
	}

	.risk-subheading sup {
		font-size: 18px;
		font-weight: bold;
	}

	.risk-col-subheading {
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-size: 21px;
		font-weight: bold;
		font-stretch: condensed;
		font-style: normal;
		line-height: 0.76;
		letter-spacing: -0.13px;
		text-align: left;
		color: var(--risk-subheading);
	}

	.risk-col-subheading sup {

		font-family: 'Trade Gothic LT Std', sans-serif;
        font-weight: normal;
	}

	.risk--copy {
		margin-top: 17px;
		display: flex;
		margin-bottom: 60px;
	}

	.risk--image-1 {
		display: block;
		margin-top: 20px;
		align-self: flex-start;
	}

	.risk--image-2 {
		display: block;
		max-height: 100px;
	}


	p {
		font-family: 'Trade Gothic LT Std';
		font-size: 20px;
		font-weight: 300;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.3;
		letter-spacing: -0.12px;
		text-align: left;
		color: var(--dark);

		.ancestry-text {
			font-weight: bold;
			  color: var(--p-red-color);
		}

		.ancestry-text-sup {
			font-weight: bold;
			  color: #fa7a69;
			  right: 3px;
		}
	}

	.risk--image-with-text {
		display: block;
    	margin-top: 20px;
		margin-left: 18px;

		img {
			display: block;
		}

		.relatively-up {
			position: relative;
			top: -15px
		}

		&.ml-40 {
			margin-left: 40px;
		}
	}

	.bold-para {
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-size: 16px;
		font-weight: bold;
		font-stretch: condensed;
		font-style: normal;
		line-height: 1;
		letter-spacing: -0.1px;
		text-align: center;
		color: var(--risk-subheading);
	}

	.risk-vs-copy {
		margin-bottom: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 16px;
		margin-top: 40px;
	}

	.risk-vs-percent {
		font-family: 'Trade Gothic LT Std Ext';
		font-size: 73px;
		font-stretch: normal;
		font-style: normal;
		line-height: 1;
		letter-spacing: -0.44px;
		text-align: left;
		color: var(--risk-subheading);
	}

	.vs-text {
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-size: 34px;
		font-weight: bold;
		font-stretch: condensed;
		font-style: normal;
		line-height: 0.47;
		letter-spacing: -0.2px;
		text-align: center;
		color: var(--risk-subheading);
	}

	.full-width-text {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		margin-bottom: 41px;

		p {
			font-family: 'Trade Gothic LT Std';
			font-size: 20px;
			font-weight: 300;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.3;
			letter-spacing: -0.12px;
			text-align: left;
			color: var(--dark);
		}
	}

	.purple-container {
		background-color: var(--risk-subheading);
		padding: 20px 20px;
		font-family: 'Trade Gothic LT Std Ext';
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.33;
		letter-spacing: normal;
		text-align: center;
		color: #fff;

		ul {
			margin-top: 26px;
			padding-left: 1.5rem;

			li {
				margin: 1rem 0;
			}
		}
	}

	.risk-table-copy {
		padding: 30px 0;

		.risk-table {
			margin-top: 33px;

			.years-text {
				margin-right: 20px;
				font-family: 'Trade Gothic LT Std';
				font-size: 30px;
				font-weight: bold;
				font-stretch: normal;
				font-style: normal;
				line-height: 1;
				letter-spacing: -0.18px;
				text-align: left;
				color: var(--p-red-color);
			}

			.risk-table-border {
				border-bottom: 1px solid var(--black);
			}
		}
	}

	.risk-list-copy {
		padding: 30px 0;

		.risk-list {
			margin-top: 27px;
			padding-left: 1rem;

			li {
				&::marker {
					color: var(--darkblue);
					font-size: inherit;
				}
			}
		}
	}

	.three-col-risk {
		/* margin-bottom: 60px; */
		.risk--copy {
			justify-content: center;

			.risk-tooltip {
				position: absolute;
				width: calc(100% - var(--bs-gutter-x));
    			left: calc(var(--bs-gutter-x) / 2);
				top: 90%;

				.risk-tooltip-triangle {
					width: 41px;
					height: 41px;
					position: absolute;
					top: -14px;
					left: 150px;
					transform: rotate(45deg);
					z-index: -1;
					background-color: var(--risk-subheading);
				}
			}
		}

		&:first-child {
			.risk-tooltip-triangle {
				left: 15%;
			}
		}

		&:nth-child(2) {
			.risk-tooltip-triangle {
				left: 50%;
			}
		}

		&:nth-child(3) {
			.risk-tooltip-triangle {
				left: 84%;
			}
		}

	}
}

.diagnosis-section {
	margin-top: 25px;
	height: 376px;
	padding-top: 45px;
	width: 100%;
	background-image: linear-gradient(to bottom, #92a1c2, #fff);

	>.container {
		max-width: 1135px;
	}

	.diagnosis-copy-container {
		display: flex;
		gap: 75px;

		.diagnosis-image-container {
			width: 25%;
		}

		.diagnosis-copy {
			width: 75%;
		}

		.diagnosis-heading {
			padding-left:1rem;
			margin-top: 20px;
			font-family: 'Trade Gothic LT Std Bold Cond';
			font-size: 34px;
			font-weight: bold;
			font-stretch: condensed;
			font-style: normal;
			line-height: 1;
			letter-spacing: -0.2px;
			text-align: left;
			columns: var(--risk-subheading);
		}

		.thin-separator {
			margin: 20px 0;
			width: 10%;
			background: var(--risk-subheading);
			height: 2px;
			margin-left: 1rem;
		}

		.diagnosis-text {
			padding-left:1rem;
			font-family: 'Trade Gothic LT Std';
			font-size: 20px;
			font-weight: normal;
			font-stretch: normal;
			font-style: normal;
			line-height: 1.3;
			letter-spacing: -0.12px;
			text-align: left;
			color: var(--risk-subheading);
		}
	}

}

.section-articles {
	background-color: var(--risk-subheading);
	padding-top: 64px;
	padding-bottom: 72px;
	color: var(--white);
	text-align: left;
	font-style: normal;

	>.container {
		max-width: 1135px;
	}

	.articles-heading {
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-size: 36px;
		font-weight: bold;
		font-stretch: condensed;
		line-height: 1.11;
		letter-spacing: -0.22px;
	}

	p {
		margin-bottom: 0;
		margin-top: 30px;
		font-family: 'Trade Gothic LT Std';
		font-size: 20px;
		font-weight: normal;
		font-stretch: normal;
		line-height: 1.3;
		letter-spacing: -0.12px;
	}

	.article-left-container {
		padding-right: 8.2rem;
	}

	.articles-item {
		margin-top: 64px;
		border-top: 1px solid var(--white);
		padding-top: 40px;

		.note-content {
			width: 445px;
		}

		.articles-item--title {
			font-family: 'Trade Gothic LT Std Ext';
			font-size: 20px;
			font-weight: bold;
			font-stretch: normal;
			line-height: 1.3;
			letter-spacing: -0.12px;
		}

		.articles-publish--info {
			display: flex;
			flex-direction: row;
			gap: 2rem;
		}

		.article-author {
			position: relative;
			p {
				font-family: 'Trade Gothic LT Std';
				font-weight: normal;
				font-style: normal;
				margin-top: 0;
				font-size: 16px;
			}
			span.bold-italic {
				font-weight: bold;
				font-stretch: normal;
				font-style: oblique;
				line-height: 1.63;
				letter-spacing: -0.1px;
			}

			.blue-btn {
				position: absolute;
    			bottom: 0;
			}

		}
	}
}

.footer-cards-section {
	background: var(--gray);
	padding: 80px 0;

	>.container {
		max-width: 942px;
	}

	.footer-card-item {
		background: var(--gray);

		.line-separator {
			margin: 25px auto;
			width: 95px;
			height: 2px;
			background-color: var(--dark);
		}

		.footer-card-item--heading {
			font-family: 'Trade Gothic LT Std Cond';
			font-size: 28px;
			line-height: 1;
			font-weight: bold;
			font-stretch: condensed;
			letter-spacing: 0.28px;
			color: var(--dark);

			sup {
				top: -1em;
			}
		}
	}
}

.common-heading {
	font-size: 34px;
	font-family: 'Trade Gothic LT Std Bold Cond';
	line-height: 1;
	letter-spacing: -0.2px;
}

.education-section {
    background-color: var(--bs-body-bg);
	padding: 90px 0;
	color: var(--risk-subheading);
	text-align: left;

	>.container {
		max-width: 1135px;
	}

	.education-col-1, .education-col-2{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.education-col-1 {
		margin-top: 59px;
	}

	.education-col-2 {
		margin-top: 20px;
		padding-right: ;
	}

	.education-copy-1 {
		font-family: 'Trade Gothic LT Std';
		font-size: 20px;
		line-height: 1.3;
		letter-spacing: -0.3px;
		width: 95%;
	}

	.education-copy-2 {
		font-family: 'Trade Gothic LT Std';
		font-size: 20px;
  		font-weight: bold;
		line-height: 1.4;
		letter-spacing: -0.12px;
		width: 94%;
	}

	.gray-bg-box {
		background-image: url(./../img/rectangle-2976.png);
		margin-top: 20px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 29.2px;
	}
	.gray-bg-box.custom{
		margin-bottom: -20px;
		margin-top: 47.2px;
	}

	.thin-separator {
		margin-bottom: 29px;
	}

	.education-image, .gray-bg-box {
		margin-left: 1rem;
		width: 269px;
		height: 233px;
	}

	.blue-btn {
		margin-top: 60px;
		width: 300px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		i {
			float: right;
		}
	}

	.blue-btn.custom{
		margin-bottom: 3px;
		position: relative;
		bottom: 18px;
	}
}

.pR-goal-section {
	padding: 90px 0;
	background-color: var(--risk-subheading);
	color: var(--hero-orange);
	font-family: 'Trade Gothic LT Std';
	font-size: 20px;
	line-height: 1.1;
  	letter-spacing: -0.12px;
	text-align: center;

	>.container {
		max-width: 1135px;
	}

	.pR-goal-section-col {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 63px;
	}

	.common-heading {
		text-align: left;
		width: 98%;
		letter-spacing: -0.61px;
		span {
			text-transform: capitalize;
		}
	}

	.pR-goal-section-subheading {
		font-family: 'Trade Gothic LT Std Bold Cond';
		font-size: 28px;
		line-height: 1.14;
  		letter-spacing: -0.17px;
		margin-top: 27px;
	}

	.pR-goal-section-copy {
		margin-top: 27px;
	}

	.thin-separator {
		width: 82px;
		height: 2px;
		background: #92a1c2;
		margin-top: 16px;
	}
}

.addl-resource-section {
	padding: 72px 0 67px 0;
	font-family: 'Trade Gothic LT Std';
	font-size: 20px;
	line-height: 1.3;
	letter-spacing: -0.12px;
	text-align: left;
	color: var(--risk-subheading);

	>.container {
		max-width: 1135px;
	}

	.addl-resource-section-subheading {
		font-size: 26px;
		line-height: 1.08;
		letter-spacing: -0.16px;
		margin-top: 64px;
	}

	.addl-resource-section-col {
		margin-top: 35px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.addl-resource-section-image {
		margin-top: 45px;
	}

	.addl-resource-section-copy {
		margin-top: 37px;
	}

	.blue-btn {
		margin-top: 31px;
		width: 300px;
		display: flex;
		align-items: center;
		justify-content: space-between;

		i {
			float: right;
		}
	}

	.addl-resource-section-note {
		font-size: 14px;
		line-height: 1.14;
		letter-spacing: -0.08px;
		margin-top: 66px;
		margin-bottom: 0;
	}
}

.desktop-only {
	display: block;
}

.mobile-only {
	display: none;
}
@media (min-width: 768px) and (max-width: 992px){
	.hero-banner-container {
		height: auto;
		background-size: cover;
		background-position-x: 75%;

		.hero-banner-red-logo {
			left: 60%;
		}
	}

	.at-risk-section {
		.risk-heading {
			margin-bottom: 50px;
		}

		.risk--copy {
			.risk--image-1, .risk--image-2 {
				min-width: 0;
			}

			.risk--image-with-text {
				min-width: 0;
				display: flex;
				flex-direction: column;

				&.ml-40 {
					margin-left: 40px;
				}

				.relatively-up {
					position: relative;
					top: -10px
				}
			}
		}

		.risk-subheading {
			margin-top: 30px;
		}

		.three-col-risk {
			margin-bottom: 80px;

			.risk--copy {
				.risk-tooltip {
					top: 55%;
				}
			}
		}

		.risk-vs-copy {
			gap: 10px;
		}

		.risk-vs-percent {
			font-size: 48px;
		}

		.vs-text {
			font-size: 28px;
		}
	}

	.diagnosis-section {
		.diagnosis-copy-container {
			.diagnosis-image-container {
				width: 40%;

				img {
					width: 100%;
				}
			}

			.diagnosis-heading {
				margin-top: 0;
			}
		}
	}

	.section-articles {
		.articles-item {
			.article-left-container {
				padding-right: 0;
			}

			.article-item--image {
				width: 80px;
			}

			.articles-publish--info {
				gap:1rem;
			}

			.article-author {
				.blue-btn {
					padding-left: 10px;
					padding-right: 10px;
					position: static;
					margin-top: 20px;
				}
			}

			.note-content {
				width: unset;
			}
		}
	}

	.education-section {
		padding: 70px 0;

		.education-image, .gray-bg-box {
			width: 180px;
		}

		.blue-btn {
			width: 100%;
		}
	}

	.addl-resource-section {
		.addl-resource-section-image {
			width: 180px;
		}

		.blue-btn {
			width: 100%;
		}
	}
}

@media only screen and (max-width: 767px) {
	.navbar {
		/* > .container {
			padding-right: calc(var(--bs-gutter-x)* .5);
    		padding-left: calc(var(--bs-gutter-x)* .5);
		} */
	}
	.hero-banner-container {
		height: auto;
		background: #3a354b;

		> .container {
			max-width: 100%;
		}

		&.risk-population-hero {
			background-image: none;
		}

		.hero-banner-mobile-image {
			display: inline-block;
			height: 170px;
			width: 165%;
			background: url(../img/photo_v2a.png) no-repeat;
			background-size: cover;
			background-position-x: -240px;
		}

		.hero-banner--content {
			padding: 40px 20px 30px 20px;

			.hero-banner--pagename {
				font-size: 15px;
				line-height: 1.6;
			}

			.hero-banner--heading {
				font-family: 'Trade Gothic LT Std Bold Cond';
				font-size: 38px;
				letter-spacing: -0.23px;
				line-height: 1;
			}

			.hero-banner--copy {
				font-size: 16px;
				letter-spacing: -0.1px;
				max-width: 307px;
			}
		}

		.hero-banner-red-logo {
			position: absolute;
			width: 106px;
			height: 56px;
			top: 4%;
			left: 58%;

			.desktop-only {
				display: none;
			}

			.mobile-only {
				display: block;
				width: 100%;
			}
		}
		&.addressing-disparities-hero {
			height: auto;
			.hero-banner-red-logo {
				position: static;
				width: 158px;
				padding-top: 40px;
				padding-left: 20px;
				padding-bottom: 35px;
				height: 83px;
				box-sizing: content-box;
			}
			.hero-banner--heading {
				width: 100%;
			}
		}

	}

	.common-heading {
		width: 95%!important;
	}

	.pR-goal-section-copy {
		width: 90%;
	}

	.ribbon {
		height: 30px;
	}

	.at-risk-section {
		padding-top: 70px;
		padding-left: 10%;
		padding-right: 5%;
		font-size: 38px;

		>.container {
			max-width: 100%;
		}

		h2 {
			font-size: 38px;
			line-height: 1;
			letter-spacing: -0.76px;
		}

		.risk-heading {
			margin-bottom: 70px;
			padding-right: 20px;
		}

		.risk-subheading {
			margin-top: 64px;
			margin-bottom: 42px;
			max-width: 92%;

			sup {
				font-weight: normal;
			}
		}

		.mortality-heading {
			width: 92%;
			max-width: 92%;
		}

		.texting-nmsod {
			width: 95%;
    		max-width: 95% !important;

			sup {
				font-weight: normal;
			}
		}

		.risk--copy {
			margin-top: 18px;
			flex-direction: column;
			margin-bottom: 5px;
		}

		.note-content {
			max-width: 91%;
			padding: 12px 0;
			.para-with-sup {
				margin-bottom: 5px;
			}
			.review-study {
				margin-bottom: 10px;
			}

		}


		.purple-container {
			margin-top: 10%;
			padding: 35px 30px;

			ul {
				padding-left: 1rem;
			}
		}

		.risk-vs-percent {
			font-size: 32px;
			line-height: 1.28;
			letter-spacing: -0.19px;
			display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

			.bold-para {
				width: 9ch;
				/* margin-inline: auto; */

				&.mobile-right {
					text-align: center;
					position: relative;

				}

				&.mobile-left {
					text-align: start;
				}
			}
		}

		.vs-text {
			font-size: 16px;
			line-height: 1;
			letter-spacing: -0.1px;
		}

		.risk--image-1 {
			display: block;
			width: 100%;
			margin-top: 0;
		}

		.risk--image-with-text{
			text-align: center;
			margin-top: 30px;
			width: 100%;
			margin-left: 0;
			img {
				margin: 0 auto;
				display: block;
			}

			p {
				text-align: center;
				margin-bottom: 41px;

				&.relatively-up {
					position: relative;
					top: -5px
				}
			}

			&.ml-40 {
				margin-left: 0;
			}
		}

		.risk--image-2 {
			margin: 10px auto 0 auto;
		}

		.three-col-risk {
			margin-bottom: 0;
			.risk--copy {
				flex-direction: unset;
				flex-wrap: wrap;
				margin-top: 25px;
				justify-content: space-around;
			}

			.risk--image-1 {
				width: unset;
			}

			.risk--image-with-text {
				margin-top: 0;
				width: unset;
				img {
					margin: 0;
				}
			}


			.risk--copy {
				.risk-tooltip {
					position: static;
					padding: 20px 35px;
					margin-top: 0;
					width: 100%;
				}
			}

			.risk-tooltip-triangle {
				display: none;
			}
		}

		.risk-table-copy {
			padding: 30px 0 15px 0;

			.risk-table-content {
				width: 93%;
			}

			.table-ancestry-text {
				letter-spacing: -0.28px;
			}
			.risk-table {
				margin-top: 65px;

				.years-text {
					font-size: 24px;
					line-height: 1.38;
					letter-spacing: -0.5px;
					text-align: left;
					color: var(--p-red-color);
				}

				p {
					margin-bottom: 5px;
				}
			}
		}

		.risk-list-copy {
			max-width: 92%;

			.risk-list {
				margin-top: 32px;
				width: 92%;

				li {
					&::marker {
						color: var(--darkblue);
						font-size: 20px;
					}
				}
			}
		}

		.full-width-text {
			padding-left: 0.8rem;
			padding-right: 0.8rem;
		}
	}

	.diagnosis-section {
		height: auto;
		padding: 80px 5% 65px 10%;

		> .container {
			max-width: 100%;
		}

		.diagnosis-copy-container {
			flex-direction: column;

			.diagnosis-image-container {
				width: 100%;
			}

			.diagnosis-copy {
				width: 100%;
			}

			.thin-separator {
				width: 30%;
				margin-left: 0;
			}

			.diagnosis-heading, .diagnosis-text {
				padding-left:0;
				width: 95%;
			}
		}

		.blue-btn {
			margin-left: -1rem;
		}
	}

	.section-articles {
		padding: 64px 5% 65px 10%;

		> .container {
			max-width: 100%;
		}

		p {
			width: 91%;
		}

		.articles-heading {
			font-size: 34px;
		}

		.articles-item {
			padding-top: 25px;

			.article-left-container {
				padding-right: 0;
			}

			.note-content {
				width: 95%;

				&.extended-width {
					width: 98%;
				}
			}

			.articles-item--title {
				font-size: 24px;
				width: 86%;
			}

			.mobile-title {
				width:83%
			}

			.article-item--image {
				margin-top: 32px;
				width: 40%;
			}

			.articles-publish--info {
				flex-direction: column;
				gap: 0;
				width: 99%;
			}

			.article-author {
				margin-top: 1rem;

				.blue-btn {
					margin-left: -1rem;
					margin-top: 1rem;
					position: static;
				}
			}
		}


	}

	.footer-cards-section {
		padding: 40px 6%;

		.footer-card-item {
			padding: 40px 0;
		}
	}

	.education-section {
		padding: 70px 2.5rem;

		>.container {
			max-width: 100%;
		}

		.education-col-1 {
			margin-top: 76px;
		}

		.education-col-2 {
			margin-top: 0;
		}

		.common-heading {
			letter-spacing: -0.68px;
			width: 100% !important;
		}

		.education-copy-1 {
			width: 98%;
		}

		.education-copy-2 {
			font-size: 24px;
			line-height: 1.17;
  			letter-spacing: -0.6px;
			width: unset;
		}

		.thin-separator {
			margin-bottom: 24px;
		}

		.education-image,.gray-bg-box {
			margin-left: 0;
			margin-top: 45px;
		}

		.blue-btn {
			margin-right: -1rem;
			margin-left: -1rem;
			margin-top: 24px;
			width: calc(100% + 2rem);
		}
	}

	.pR-goal-section {
		padding: 96px 2.5rem;

		>.container {
			max-width: 100%;
		}

		.pR-goal-section-col {
			margin-top: 78px;
		}

		.common-heading {
			letter-spacing: -0.68px;
		}
	}

	.addl-resource-section {
		padding: 91px 2.5rem 99px 2.5rem;

		>.container {
			max-width: 100%;
		}

		.common-heading {
			letter-spacing: -0.68px;
		}

		.addl-resource-section-subheading {
			letter-spacing: -0.39px;
			margin-top: 60px;
		}

		.addl-resource-section-col {
			margin-top: 50px;
		}

		.addl-resource-section-copy {
			margin-top: 25px;
		}

		.addl-resource-section-image {
			margin: 32px auto 0 auto;
		}

		.addl-resource-section-note {
			margin-top: 53px;
		}

		.blue-btn {
			margin-right: -1rem;
			margin-left: -1rem;
			margin-top: 24px;
			width: calc(100% + 2rem);
		}
	}

	.footer-card-item--heading {
		width: 90%;
	}

	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}
}

/* HCP Modal Styles */

#accept-hcp-modal .modal-content p {
	font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.12px;
    text-align: center;
    color: #151f27;
}

#accept-hcp-modal .modal-content .hcp-accept-modal-ok {
	background: #b9c7d1;
}

#accept-hcp-modal .modal-content .blue-btn {
	text-align: center!important;
}


/* New Header top bar */

.top__bar {
	padding:0.2rem;
    background-color: #000;
}

.top__bar .container {
	display: flex;
    justify-content: flex-end;
	width: 100%;
}

.top__bar .link {
  font-size: 16px;
  font-weight: normal;
  font-stretch: condensed;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.16px;
  text-align: right;
  color: #fff;
}

.only-on-mobile {
	display: none;
}

@media(max-width: 991px) {
	.only-on-mobile {
		display: block;
	}
	.top__bar {
		display: none;
	}
}

/* External Modal */
#external-modal .modal-body {
	padding-top: 8px;
	padding-bottom: 0;
}

#external-modal strong {
	color: var(--black);
	font-size: 38px;
	letter-spacing: -0.23px;
	font-family: 'Trade Gothic LT Std Bold Cond', sans-serif;
	line-height: 38px;
}

#external-modal h2 {
	margin-bottom: 18px;
}