@charset "utf-8";
@import url("reset.css");
@import url("tabs.css");
/* main CSS Document */
/*
	fonts:
	Roboto (normal 400, bold 700)
	Roboto Condensed (normal, italic 700)

	font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
*/

*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.group:after {
	content: "";
	display: table;
	clear: both;
}

body {
	min-width: 320px;
	margin: 0;
	color: rgb(35,31,32);
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
html, body {
	font-size:0.65em;
}

a			{ color: rgb(35,123,175)	}
a:visited	{ color: rgb(80,166,220)		}
a:hover		{ color: rgb(255,133,1)	}

a img:hover { opacity: 0.85 }

.production-note {
	display: none;
}
.temp-note {
	border: 2px solid darkred;
	background-color: pink;
	padding: 2rem;
	font-style: italic;
}
.red {
	color: darkred;
}
.blue {
	color: rgb(35,123,175);
}
.orange	{
	color: rgb(255,133,1)
}

/*----------------base styles--------------------------*/
img {
	max-width: 100%;
	height: auto;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
p, li, td, th, td, dd, dt {
	font-size: 1.8rem;
	line-height: 1.5;
}
.c {
	text-align: center;
}
.capitalize {
	text-transform: capitalize;
}
p {
	margin: 0 0 1.5rem 0;
}
.highlight {
	padding: 10px;
	background-color: lightgoldenrodyellow;
	border-left: 4px double goldenrod;
}
.highlight-blue {
	padding: 10px;
	background-color: rgb(221,247,255);
	border-left: 4px double rgb(145,231,255);
}
.fineprint {
	font-size: 1.6rem;
	color: gray;
}
.wrapper {
	width: 98%;
	max-width: 1600px;
	margin: 0 auto;
}
.container { /*top-level grid*/
	display: grid;
	height: 100vh;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr auto;
}
header {
	grid-row: 1;
	padding-top: 1rem;
}
.main {
	grid-row: 2;
	padding-bottom: 4rem;
	font-size: 1.8rem;
}
footer {
	grid-row: 3;
	padding: 4rem 0;
	background: url("../images/footer.jpg") top center no-repeat;
	color: rgb(210,233,247);
}
footer .fineprint {
	font-size: 1.2rem;
	color: rgb(210,233,247);
	opacity: 0.75;
}
footer img {
	max-width: 300px;
}
footer a, footer a:visited {
	text-decoration: none;
	display: inline-block;
	padding: 0.5rem;
	color: rgb(210,233,247);
}
footer a:hover, footer a:focus {
	opacity: 1;
	background-color: rgb(80,166,220);
	color: white;
}
footer h4 {
	border-color: rgb(80,166,220);
}
/*layout variations*/
.regular-with-sidebar {
	display: grid;
	grid-template-columns: 6fr 3fr;
	grid-template-rows: 1fr;
}
.regular-with-sidebar .main-content {
	padding: 2rem 2rem 4rem 1rem;
}
.regular-with-sidebar .side-blocks {
	padding: 2rem 0 4rem 0;
}
#blocks > div {
	border-radius: 15px;
	margin: 0 0 10px 0;
}

.hidden {
	display: none;
}

.logo img {
	width: 100%;
	max-width: 300px;
}
.logo-and-socials {
	display: flex;
	justify-content: space-evenly;
	justify-items: flex-start;
}
.logo {
	flex-grow: 4;
}
.social-media-container {
	flex-grow:9;
	display: flex;
	justify-content: flex-end;
}
.social-media-container a {
	display: block;
	align-self: center;
	margin: 0 1rem 0 0;
}
/*backgrounds*/
.gray {
	background: rgb(220,252,233);
}
.mint {
	background: rgb(218,245,254);
}

.dark {
	background-color: rgb(5,103,135);
}
.light-orange {
	background-color: rgb(255,219,179);
}
.postit {
	background:  rgb(223,255,191); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgb(223,255,191), rgb(223,255,191)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgb(223,255,191), rgb(223,255,191)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgb(223,255,191), rgb(223,255,191)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgb(223,255,191), rgb(223,255,191)); /* Standard syntax */
}
.postit i, .postit h3 {
	color: rgb(92,185,0);
	border-color: rgb(92,185,0);
}
/*boxes*/
.home-banner-container {
	min-height: 0.4rem;
}
.home-banner-container img {
	margin: -2px 0 -3px 0;
}
.padded {
	padding: 2rem;
}
.shadowed {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.rounded {
	border-radius: 15px;
}
.head {
	background: rgb(5,103,135);
}
.pattern {
	background: white url("../images/subhead.jpg") top center repeat-x;
}
.box-container, .four-box-container {
	margin:3rem 2rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
}
.box-container > div {
	width: 32%;
}
.four-box-container > div {
	width: 25%;
}
/*------------------news styles------------------------*/
/*home page*/

dl.news-list {
	margin-left: 2rem;
	line-height: 1.5;
}
.news-list dt {
	display: block;
	float: right;
	height: auto;
	padding: 0 0 0 2rem;
	width: 100%;
	font-weight: 700;
}
.news-list dd {
	display: block;
}

dd.date {
	float: left;
	display: block;
	width: 4.5rem;
	padding: 1rem;
	margin: 0.5rem 0 0 -5rem;
	border-radius: 1rem;
	color: rgb(0,149,187);
	text-align: center;
	line-height: 1.1;
}
dd.date span {
	text-transform: uppercase;
	font-size: 1.1rem;
}
dd.date span.date{
	font-size: 2rem;
	font-weight: 900;

}
dd .subtitle {
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
}
dd .summary {
	margin-bottom: 1rem;
	overflow: hidden;
}
dd a, dd a:hover, dd a:visited {
	text-decoration: none;
	color: #333333;
}
dd.date a, dd.date a:hover, dd.date a:visited {
	color: rgb(0,113,140) !important;
}
/*home news styles end*/
.news-grid {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: space-evenly;
}
.news-grid h2 {
	padding-bottom: 0;
}
.news-grid > a, .news-grid > a:visited {
	display: block;
	width: 32%;
	margin-bottom: 2rem;
	color: #333333;
	background-color:rgb(236,245,251);
	text-decoration: none;
}
.news-grid > a:hover {
	background-color: rgb(238,255,221);
}
.news-tile-content {
	padding: 0 1rem;
}
.news-tile-content p {
	margin-top: 2rem;
}
.news h1, .news h2 {
	padding: 0 0 1rem 0;
}
.news-tile-image {
	max-height: 325px;
	overflow: hidden;
}
/*-------------------------------------news article display*/
.summary {
	padding: 2rem;
}
/*aside*/
aside {
	display: block;
	float: right;
	width: 40%;
	padding:2rem 1.5rem;
	margin: 0 0 1rem 1rem;
}
aside p {
	padding: 1rem 2rem;
}
/*titles*/

h1, h2, h3 {
	padding: 2rem 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 1.2;
}
h1 {
	padding: 0 0 2rem 0;
	color: rgb(35,123,175);
	font-size: 3rem;
}
h2 {
	color: rgb(80,166,220);
	font-size: 2.4rem;
}
#blocks .light-orange h2 {
	color: rgb(255,133,1);
}
h3 {
	color: rgb(13,151,68);
	font-size: 2rem;
}
h4 {
	margin: 1.5rem 0 1rem 0;
	border-bottom: 1px solid rgb(88,88,88);
	font-weight: 700;
	font-size: 1.8rem;
	line-height: 1.5;
}
h5 {
	margin: 1rem 0;
	line-height: 1.5;
	font-style: italic;
}
/*lists*/
ul, ol {
	padding: 0 0 2rem 4rem;
}
footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.no-bullets {
	list-style: none;
}
.no-bullets li {
	padding-bottom: 1rem;
}
dt {
	font-weight: 700;
	margin: 0;
	padding: 2rem 0 0 0;
}
dd {
	margin: 0;
	padding: 0 0 2rem 4rem;
}
/*fancy ordered list*/
ol.fancy {
	list-style: none;
	counter-reset: fancy;
	margin: 0 0 0 3rem;
}
ol.fancy > li {
	counter-increment: fancy;
	margin-bottom: 1rem;
}
ol.fancy > li::before {
	display: inline-block;
	width: 3rem;
	margin: 0 1rem 0 -4rem;
	padding: 0.2rem 0 0 0;
	content: counter(fancy);
	background: rgb(32,70,86);
	border-radius: 100%;
	color: white;
	text-align: center;

}
ol.fancy ul {
	list-style: disc;
	margin: -3rem 0 0 0;
	padding: 0 0 0 2rem;
}
ol.fancy ol {
	list-style: lower-alpha;
}
ol.fancy ul.with-intro {
	margin: 0;
}
/*tables*/
table.data-table {
	width: 100%;
	margin-bottom: 3rem;
	border: 1px solid #dbdbea;
}
table.data-table tr {
	 border-bottom: 1px solid #dbdbea;
}
table.data-table th, table.data-table td {
	line-height: 1.5;
	padding: 1rem;
}
table.data-table th {
	vertical-align: top;
	background: rgb(80,166,220);
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	text-align: left;
}

table.zebra tr:nth-of-type(odd) {
	background: rgb(210,233,247);
}
table.fees {
	max-width: 80rem;
}
/*links and filetypes*/

a.filetype {
	display: inline-block;
	padding: 0 0 0 2rem;
}

a.link:after,
a.filetype:before {
	display: inline-block;
	font-family:'Font Awesome 7 Pro';
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}

a.link:after		{ padding-left: 0.5rem	}
a.filetype:before 	{ padding-right: 0.5rem; margin-left: -2rem	}

a.external:after { content:"\f08e" }
a.internal:after { content:"\f0c1" }
a.map:after { content:"\f3c5" }
a.mail:after { content:"\f0e0" }
a.phone:after { content:"\f3cd"}
a.pdf:after, a.pdf:before { content:"\f1c1" }
a.more-info:after { content: "\f0a4"}
a.nav-item:before { content: "\f330" }

a.link:before { content: none}
a.filetype:after { content: none}

a.phone { white-space: nowrap }
/*section navigation styles (used for news navigation)*/
.section-navigation h1 {
	padding-bottom: 0;
}
.section-navigation ul {
	list-style: none;
	margin: 1rem 0 0 0;
	padding: 0;
}
.section-navigation ul li {
	margin: 0 0 0.1rem 0;
	padding: 1rem 0 1rem 2.4rem;
	width:auto;
	line-height: 1.3;
}
.section-navigation ul li a,
.section-navigation ul li a:visited {
	color: rgb(35,123,175);
}
.section-navigation ul li:hover,
.section-navigation ul li:hover a,
.section-navigation ul li.current,
.section-navigation ul li.current:visited,
.section-navigation ul li.current:hover {
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: rgb(80,166,220);
	color: white;
	cursor: pointer;
}
.section-navigation a,
.section-navigation a:visited {
	display: block;
	padding-left: 1rem;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.section-navigation a:hover,
.section-navigation a:visited:hover {
	color: white !important;
}
.section-navigation a:before {
	display: inline-block;
	margin-left: -2rem;
	padding-right: 1.4rem;
	font-family:'Font Awesome 7 Pro';
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
	content:"\f0da";
}
/*end section navigation*/
.toggler {
	cursor: pointer;
}
.toggler:after {
	display: inline-block;
	padding-left: 0.8rem;
	font-family:'Font Awesome 7 Pro';
	content:"\f13a";
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}

.toggler.active:after {
	content:"\f139";
}
.toggled {
	display: none;
}
/*STATUS tags*/
a.status, a.status:visited {
	display: inline-block;
	padding: 0.5rem 0.5rem 0.5rem 3rem;
	width: 14rem;
	background: #5bb15b;
	color: white;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
a.status:before {
	display: inline-block;
	padding-right: 0.5rem;
	margin-left: -2rem;
	font-family:'Font Awesome 7 Pro';
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	text-decoration: none;
}
a.status:before { content: "\f00c" }
a.status.suspended { background: #e98989 }
a.status.suspended:before { content: "\f071" }
a.status.retired { background: #999999 }
a.status.retired:before { content: "\f28d" }
a.status.resigned { background: #ffddb3 }
a.status.resigned:before { content: "\f28b" }

.members small {
	display: inline-block;
	padding: 0.2rem 0.5rem;
	border: 1px solid goldenrod;
	background-color: palegoldenrod;
	color: darkgoldenrod;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
}
.date {
	display: inline-block;
}
/*---------------media queries*/

@media screen and (max-width:980px) {
	.hidden-980 {
		display: none;
	}
	.visible-980 {
		display: block !important;
	}
	/*menu styles in menu.css*/

	.regular-with-sidebar {
		display: block;
	}
	.regular-with-sidebar .side-blocks {
		padding: 0;
	}
	.regular-with-sidebar .main-content {
		padding: 1rem 1rem 0 1rem;
	}

}
@media screen and (max-width:768px) {
	.hidden-768 {
		display: none;
	}
	.visible-768 {
		display: block !important;
	}

	.box-container {
		margin: 0 0 4rem 0;
	}
	.box-container {
		margin: 1rem;
		display: block;
	}
	.box-container > div {
		width: 100%;
	}
	aside {
		float: none;
		width: auto;
		margin: 0;
	}
	/* Tables no longer tables */

	table, thead, tbody, th, td, tr {
		display: block;
	}
	tfoot {
		display: none;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	td {
		/* Behave  like a "row" */
		position: relative;
		padding: 1rem 0 0 38% !important;
		font-size: 1.5rem;
	}

	tr {padding: 2rem 0;}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 1.2rem;
		left: 0.5rem;
		width: 36%;
		padding-right: 10px;
		text-align: right;
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1;
		color: rgb(35,123,175);
	}
	.fees tr {padding: 0;}
	.fees td {
		padding: 1rem !important;
	}
	.fees td:before {
		width: 0% !important;

	}
	/*
	Label the data
	*/
	.members td:nth-of-type(1):before { content: "Member"; }
	.members td:nth-of-type(2):before { content: "License"; }
	.members td:nth-of-type(3):before { content: "Registration"; }
	.members td:nth-of-type(4):before { content: "Primary Employer"; }
	.members td:nth-of-type(5):before { content: "Special Authorization";}
	
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */

	/*
	* Prefixed by https://autoprefixer.github.io
	* PostCSS: v7.0.29,
	* Autoprefixer: v9.7.6
	* Browsers: last 4 version
	*/

	.container { /*top-level grid*/
		display: -ms-grid;
		-ms-grid-columns: 1fr;
		-ms-grid-rows: auto 1fr auto;
	}.container > *:nth-child(1) {
		 -ms-grid-row: 1;
		 -ms-grid-column: 1;
	 }.container > *:nth-child(2) {
		  -ms-grid-row: 2;
		  -ms-grid-column: 1;
	  }.container > *:nth-child(3) {
		   -ms-grid-row: 3;
		   -ms-grid-column: 1;
	   }

	.regular-with-sidebar {
		display: -ms-grid;
		-ms-grid-columns: 6fr 3fr;
		-ms-grid-rows: 1fr;
	}.regular-with-sidebar > *:nth-child(1) {
		 -ms-grid-row: 1;
		 -ms-grid-column: 1;
	 }.regular-with-sidebar > *:nth-child(2) {
		  -ms-grid-row: 1;
		  -ms-grid-column: 2;
	  }
	/*end*/
}