/* CSS Document */
/*
font-family: 'Roboto', sans-serif;
font-family: 'Red Hat Display', sans-serif;
*/

body
	{
	font-family: 'Roboto', Verdana, sans-serif;
	color: #171F21;
	background-color: #FCFCFC;
	font-size: 1.125rem;
	}

/*----------*/
/*  Text-X */
/*----------*/	
p,.list li,.list-overstated li,.list-understated li,.t-2,.t-3,.t-4
	{
	max-width: 833.333333px;
	margin: 0rem 0rem 0.75rem;
	}
/*----------*/
/*  Text-1  */
/*----------*/
p,
li
	{
	font-size: 1.125rem;
	line-height: 2rem;
	}

/*----------*/
/*  Text-2  */
/*----------*/
.t-2,
.list-block-links li,
.list-block-links li p,
.list-block-links li .block-link-description
	{
	font-size: 1.125rem;
	line-height: 2rem;
	}
/*----------*/
/*  Text-3  */
/*----------*/
.t-3,
ul.list-links li
	{
	font-size: 1.125rem;
	line-height: 2rem;
	}
/*----------*/
/*  Text-4  */
/*----------*/
.t-4,
.list-block-links li .block-link-action,
.breadcrumb li,
.utility-header .settings-links,
.global-footer li,
.list-articles li .list-action
	{
	font-size: 1.125rem;
	line-height: 2rem;
	}
/*-------------*/
/*  Display-X  */
/*-------------*/
h1,h2,h3,h4,h5,.h3,.h4,
.card .card-title,
.list-events .event-title,
.list-block-links li a,
.event-date,
.event-title,
.list-events .list-title,
.list-agenda .list-title,
.list-date,
.list-title
	{
	font-family: 'Red Hat Display', sans-serif;
	margin-left: auto;
	margin: 1.125rem 0rem 0.75rem;
	max-width: 833.333333px;
	font-weight: 700;
	}
.panel-title
	{
	max-width: inherit;
	}
/*-------------*/
/*  Display-0  */
/*-------------*/
.d-0
	{
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: 900;
	}
/*-------------*/
/*  Display-1  */
/*-------------*/
h1, .title-header h1
	{
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 800;
	}
/*-------------*/
/*  Display-2  */
/*-------------*/
h2
	{
	font-size: 1.75rem;
	line-height: 2.25rem;
	margin-top: 2.5rem;
	}
/*-------------*/
/*  Display-3  */
/*-------------*/
h3,
.card.card-sgc .card-title,
.list-events .event-title,
.list-events .list-title
	{
	font-size: 1.5rem;
	line-height: 1.875rem;
	}
/*-------------*/
/*  Display-4  */
/*-------------*/
h4,
.h4,
.card.card-sgc h3:not(.card-title),
.list-block-links li a,
.list-articles li a,
.list-agenda .event-title,
.list-agenda .list-title,
.event-date,
.list-date
	{
	font-size: 1.25rem;
	line-height: 1.75rem;
	margin-top: 1rem;
	}
/*-------------*/
/*  Display-5  */
/*-------------*/
h5, 
.h5,
.card.card-sgc h4:not(.card-title),
.event-title,
.list-title,
.list-articles > li > .list-date
	{
	font-size: 1.25rem;
	line-height: 1.5rem;
	font-weight: 600;
	font-style: italic;
	}
.list-agenda .event-title,
.list-agenda .list-title
	{
	font-style: normal;
	}

/*---------*/
/*  LISTS  */
/*---------*/
ol.list li,
ul.list li
	{
	margin-bottom: 0.5rem;
	postion: relative;
	}
ol.list-alpha-lower,
ol.list-alpha
	{
	list-style-type: lower-alpha;
	}
ol.list.list-alpha-upper
	{
	list-style-type: upper-alpha;
	}
ol.list-roman-lower
	{
	list-style-type: lower-roman;
	}
ol.list.list-roman-upper
	{
	list-style-type: upper-roman;
	}
.list ol,
.list ul
	{
	margin-top: 0.5rem;
	}
.list p + ol,
.list p + ul
	{
	margin-top: 0rem;
	}
ol.list,
ol.list ol,
ul.list ol
	{
	padding-inline-start: 2rem;
	}
ol.list li
	{
	padding-inline-start: 0.5rem;
	}
ul.list,
ul.list ul,
ol.list ul
	{
	padding-left: 0rem;
	}
ul.list li,
.list ul > li
	{
	list-style: none; 
	position: relative;
	padding-inline-start: 1rem;
	}
ul.list li::before,
.list ul > li::before
	{
	font-family: "Font Awesome 6 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.75rem;
	line-height: 1.4;
	font-weight: 900;
	color: #3c434a;
	content: "\f0da";
	position: absolute;
	/*top: 10px;*/
	left: 2px;
	}
.list ul li::before
	{
	font-weight: 400;
	color: #7E828A;
	content: "\f0da";
	}
.list ul ul li::before
	{
	content: "\f105";
	}
.list-articles > li > .list-date
	{
	color: #656970;
	margin: 1rem 0rem 0rem;
	font-weight: 600;
	font-style: normal;
	}

/*--------------------------------------------------------*/
/*                     LEGACY                             */
/*--------------------------------------------------------*/
h2+h3, h2+h4, h2+h5, h2+p,
h3+h4, h3+h5, h3+p
h4+h5,h4+p,
h5+p,
.card .card-title h2+h3,
.card .card-title h3+h4
	{
	margin-top: .5rem;
	}
.header-bar
	{
	max-width: 100%;
	}
strong
	{
	color: #000000;
	font-weight: 800;
	}
small
	{
	font-size: 65%;
	}
h1 small 
	{
	font-weight: 600;
	}
.breadcrumb li+h1
	{
	margin-top: 0.5rem;
	}
.breadcrumb li
	{
	margin-bottom: 0.5rem;
	}
.title-banner .breadcrumb
	{
	padding: 0.625rem 0rem;
	margin: 0px;
	}
.title-banner .breadcrumb li
	{
	margin-bottom: 0rem;
	}

.breadcrumb li + .breadcrumb li
	{
	margin-top: -1rem;
	}

.utility-header .settings-links
	{
	letter-spacing: 0.02rem;
	}

.first-level-link,
.first-level-btn
	{
	font-family: 'Red Hat Display', sans-serif;
	font-size: 95%;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.035rem;
	font-weight: 600;
	}

.link-description
	{
	font-size: 0.85rem;
	}

a.second-level-link
	{
	font-size: 0.9rem;
	line-height: 1.5;
	}

.nav-media
	{
	font-size: 0.85rem;
	}

.breadcrumb
	{
	font-size: 0.9rem;
	}



a.second-level-link [class^="ca-gov-icon-"],
a.second-level-link .fa
	{
	font-size: 1.375rem;
	line-height: 1.5;
	}

.unit2.highlight-link a.second-level-link
	{
	font-size: .9rem;
	}


.unit2.highlight-link a.second-level-link [class^="ca-gov-icon-"],
.unit2.highlight-link a.second-level-link .fa
	{
	
	}

/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*                              SM / SMALL                               */
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
@media (min-width: 768px) {

	a.second-level-link [class^="ca-gov-icon-"],
	a.second-level-link .fa
		{
		font-size: 1.1rem;
		}
	a.second-level-link
		{
		font-size: 0.8rem;
		}

	.link-description
		{
		font-size: 0.8rem;
		}
	
	.unit2.highlight-link a.second-level-link
		{
		font-size: 0.9rem;
		}
	.unit2.highlight-link a.second-level-link [class^="ca-gov-icon-"],
	.unit2.highlight-link a.second-level-link .fa
		{
		font-size: 1.2rem;
		}
}
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*                              MD / MEDIUM                              */
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
@media (min-width: 992px) { 

	/*----------*/
	/*  Text-2  */
	/*----------*/
	.t-2,
	.list-block-links li,
	.list-block-links li p,
	.list-block-links li .block-link-description,
	.list-articles li .list-description
		{
		font-size: 1rem;
		line-height: 1.625rem;
		}
	/*----------*/
	/*  Text-3  */
	/*----------*/
	.t-3,
	ul.list-links li
		{
		font-size: 1rem;
		line-height: 1.25rem;
		}
	/*----------*/
	/*  Text-4  */
	/*----------*/
	.t-4,
	.list-block-links li .block-link-action,
	.breadcrumb li,
	.utility-header .settings-links,
	.global-footer li,
	.list-articles li .list-action
		{
		font-size: .875rem;
		line-height: 1.25rem;
		}
	/*-------------*/
	/*  Display-0  */
	/*-------------*/
	.d-0
		{
		font-size: 3rem;
		line-height: 3.5rem;
		}
	/*-------------*/
	/*  Display-1  */
	/*-------------*/
	h1, .title-header h1
		{
		font-size: 2.375rem;
		line-height: 3.0rem;
		}
	/*-------------*/
	/*  Display-2  */
	/*-------------*/
	h2
		{
		font-size: 2.25rem;
		line-height: 2.375rem;
		}
	/*-------------*/
	/*  Display-3  */
	/*-------------*/
	h3,
	.card.card-sgc .card-title,
	.list-events .event-title,
	.list-events .list-title
		{
		font-size: 1.625rem;
		line-height: 2.0rem;
		}
	/*-------------*/
	/*  Display-4  */
	/*-------------*/
	h4,
	.h4,
	.card.card-sgc h3:not(.card-title),
	.list-block-links li a,
	.list-articles li a,
	.list-agenda .event-title,
	.list-agenda .list-title,
	.event-date,
	.list-date
		{
		font-size: 1.5rem;
		line-height: 1.875rem;
		margin-top: 1rem;
		}
	/*-------------*/
	/*  Display-5  */
	/*-------------*/
	h5, 
	.h5,
	.card.card-sgc h4:not(.card-title),
	.event-title,
	.list-title,
	.list-events > li > .event-date .event-year,
	.list-articles > li > .list-date
		{
		font-size: 1.125rem;
		line-height: 1.5rem;
		}

}

/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*                              LG / LARGE                               */
/*-----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
@media (min-width: 1280px) { 
	/*----------*/
	/*  Text-X */
	/*----------*/	
	p,.list li,.t-2,.t-3,.t-4
		{
		max-width: 833.333333px;
		margin: 0rem 0rem 0.75rem;
		}
	/*----------*/
	/*  Text-1  */
	/*----------*/
	p,
	li
		{
		font-size: 1.25rem;
		line-height: 2.25rem;
		}

	/*-------------*/
	/*  Display-0  */
	/*-------------*/
	.d-0
		{
		font-size: 3.75rem;
		line-height: 3.755rem;
		}
	/*-------------*/
	/*  Display-1  */
	/*-------------*/
	h1, .title-header h1
		{
		font-size: 2.625rem;
		line-height: 3.0rem;
		}
	/*-------------*/
	/*  Display-2  */
	/*-------------*/
	h2
		{
		font-size: 2.375rem;
		line-height: 3rem;
		}
	/*-------------*/
	/*  Display-3  */
	/*-------------*/
	h3,
	.card.card-sgc .card-title,
	.list-events .event-title,
	.list-events .list-title
		{
		font-size: 2rem;
		line-height: 2.5rem;
		}
	/*-------------*/
	/*  Display-4  */
	/*-------------*/
	h4,
	.h4,
	.card.card-sgc h3:not(.card-title),
	.list-block-links li a,
	.list-articles li a,
	.list-agenda .event-title,
	.list-agenda .list-title,
	.event-date,
	.list-date
		{
		font-size: 1.5rem;
		line-height: 2.25rem;
		margin-top: 1rem;
		}
	/*-------------*/
	/*  Display-5  */
	/*-------------*/
	h5, 
	.h5,
	.card.card-sgc h4:not(.card-title),
	.event-title,
	.list-title,
	.list-events > li > .event-date .event-year,
	.list-articles > li > .list-date
		{
		font-size: 1.125rem;
		line-height: 2.25rem;
		}

	a.second-level-link
		{
		font-size: 0.9rem;
		}

}
