/* Type */

body {
	font-family: "Outfit", sans-serif !important;	
	color: #313131;
	overflow-x: hidden;
}


/* text align master */

.text-center {
	text-align: center;
	margin: 0 auto;
}
.text-left {
	text-align: left;
}
.sentence-case {
	text-transform: none;
}
.vertical-align-middle {
	display: flex;
	align-items: center;
}


/* bold styles */

b, .bold  {
	font-weight: 750 !important;
}
span.bolder {
	font-weight: 850 !important;
}


/* Heading styles */

h1, h2, h3, h4, h5, h6 {
	font-weight: 750 !important;
	max-width: 35ch;
}
h1.hero,
h1.small {
	font-weight: 400 !important;
}
h1 {
	font-size: 52px !important; 
	line-height: 72.8px !important;	
}
h1.small {
	font-size: 20px !important;
	line-height: 24px !important;
}
h2 {
	font-size: 44.8px !important;
	line-height: 62.7px !important;	
}
h3,
h2.displayh3 {
	font-size: 37.3px !important;
	line-height: 55.2px !important;
}
h4, 
h3.card-title {
	font-size: 26.1px !important;
	line-height: 140% !important;
}
h5,
figcaption,
.h3-styled-h5,
.h2-styled-h5 {
	font-size: 25px !important;
	line-height: 36px !important;
}

h6 {
	font-size: 20px !important;
	line-height: 32px !important;
}


@media only screen and (max-width: 830px) {
	h1,
	h1.article,
	section.projectpage h1  {
		font-size: 36px !important;
		line-height: 51.2px !important;
	}

	h2 {
		font-size: 33px !important;
		line-height: 46.2px !important;
	}

	h3,
	h3.card-title {
		font-size: 22px !important;
		line-height: 30.8px !important;
	}
	h4, 
	p.body-intro-abstract{
		font-size: 18px !important;
		line-height: 25.2px !important;
	}	
}



/* body content styles */

p,
ul li,
ol li,
table,
label,
h2.stylep {
	font-size: 18px !important;
	line-height: 32px !important;
	margin-bottom: 0 !important;
	letter-spacing: 0.02rem;
	font-weight: 300;
	max-width: 70ch;
}
.panel p span {
	font-size: 20px;
}



@media only screen and (max-width: 830px) {
	p,
	ul li,
	ol li,
	table,
	label,
	p.abstract,
	a.button,
	h2.stylep {
		font-size: 16px !important;
		line-height: 25.6px !important;
	}	
}




/* abstract styles */

p.large-intro-abstract {
	font-size: 30px !important;
	line-height: 48px !important;
}
p.body-intro-abstract {
	font-size: 26px !important;
	line-height: 160% !important;
}
p.body-intro-abstract,
p.large-intro-abstract {
	font-weight: 300;
}

@media only screen and (max-width: 992px) {
	p.large-intro-abstract,
	p.body-intro-abstract {
		font-size: 22px !important;
		line-height: 30.8px !important;
	}
}


/* image caption styles */

figcaption.context-media-caption {
	font-size: 14px !important;
	line-height: 28px !important;
}


/* a link styles */

a {
		text-decoration-thickness: 0.5px !important;
}
body.a {
	text-decoration-thickness: 0.5px !important;
}
a,
body.a {
	text-decoration: underline;
	text-underline-offset: 5px;
	color: #0044a9 !important;		
}
a:hover,
body.a:hover {
	color: initial;
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px !important;
}
a:focus,
body.a:focus {
	outline: 3px solid #FF58C2;
	outline-offset: 1px;
}

a.link-light-text,
a.link-light-text:hover,
a.link-light-text:focus {
	color: #FFFFFF;
	text-decoration-color: #FFFFFF;	
}

.background-dark a,
.background-dark body.a {
	color: #FFFFFF !important;
}
.a-nounderline {
	text-decoration: none;
}