@import url("https://use.typekit.net/jfg4vrl.css");

:root {

	--anthracite: #353E47;						/* rgb(53,62,71) — base text color */
	--anthracite60percent: rgba(53,62,71,.6);
	--anthracite80percent: rgba(53,62,71,.8);
	--antrhacitedark: #262C33;					/* rgb(38,44,51) — more readable body text */
	--primarygreen: #086250;					/* rgb(8,98,80) */

	--secondarygreen1: #1B2925;					/* rgb(27,41,37) */
	--secondarygreen2: #21423C;					/* rgb(34,66,60) */
	--secondarygreen3: #3E8C70;					/* rgb(62,140,112) */
	--secondarygreen4: #499D85;					/* rgb(73,157,133) */
	--secondarygreen5: #57AC83;					/* rgb(87,172,131) */
	--secondarygreen6: #387845;					/* rgb(56,120,69) */
	--secondarygreen7: #58964F;					/* rgb(88,150,79) — links */
	--secondarygreen8: #7FB354;					/* rgb(127,179,84) */
	--secondarygreen9: #ADB64F;					/* rgb(173,182,79) — link hover state */
	--secondarygreen10: #C1D57A;				/* rgb(193,213,122) — buttons, with primary green */

	--burgundy: #832238;						/* rgb(131,34,56) — critical red */
	--blueberry: #00728A;						/* rgb(0,114,138) */
	--yellow: #ECB547;							/* rgb(236,181,71) */
	--purple: #5c386b;							/* rgb(92,56,107) */

	/* Reference: https://stratcom.lau.edu.lb/files/lau_visual_identity_style_guide.pdf */
}


/* Additions and changes to general.css */ 

html { font-size:18px; }
html { font-size: clamp(16px, 1.6vw, 20px); }

body, input, textarea, select, button {
	font: 400 1rem/1.5 "raleway",sans-serif;
	font-variant-numeric: lining-nums;
}
body:not(.homepage) main {
	font-size:1rem;
	line-height:1.6;
	color:var(--anthracite);
}

aside:not(.skip_style), aside.skip_style {font-size:.9rem; line-height:1.45;}

a, a:visited, body:not(.homepage) main a { color: var(--secondarygreen7); font-weight:500; }

body:not(.homepage) a:hover { color: var(--secondarygreen9); }

header { font-weight:500; }
.secondary_nav { font-size:.9rem; }
.secondary_nav a { color:var(--primarygreen); }
#main_nav.main_nav { font-size:1.2rem; }
#main_nav.main_nav > ul > li > ul { font-size:.9rem; }
#main_nav.main_nav > ul > li > ul > li > a { padding:0.2em 1em;  }
#main_nav.main_nav > ul > li > ul > li:hover > a { color:var(--secondarygreen10);  }
#main_nav.main_nav > ul > li > a { color:var(--anthracite80percent); }
#main_nav.main_nav > ul > li:hover a { color: #fff; }


.back_link a { color:var(--anthracite60percent); }
.page_title { font: 800 2.4rem "raleway", sans-serif; font-weight: 800; color:var(--anthracite80percent); }
.page_title a { color:var(--anthracite80percent); font-weight:800; }
.sub_nav { font-size:.9rem; }
.sub_nav a { color:var(--anthracite); }
.sub_nav a.active { color:var(--blueberry); }

figcaption, .captioned_image { font-style:unset; font-weight:500; }

main h1, h2, h3 { line-height:1.1; font-weight:700; }
h2 { color:var(--anthracite60percent); font-weight:700; }

.purple_textbox { background-color:#825B8A; }

.grid { line-height: 1.3 }
.grid >p, .grid>* { font-size:1rem; }

.green_button:link, .green_button:visited { color:var(--secondarygreen10); background-color:var(--primarygreen); }
.green_button:hover { background-color:var(--secondarygreen10) !important; color:var(--primarygreen) !important; }

/* news.css */

.page_story main h1 {
	font-size: 2.2rem;
	font-weight:700;
	line-height: 1.1;
	}
.excerpt {
	font-size: 1.3rem;
	font-weight: 300;
	}

.news_inside {
  font-family: "raleway", sans-serif;
  line-height:1.8;
  color:var(--antrhacitedark);
}