@charset "utf-8";
/* CSS Document - OPR styles that overwrite the template CSS code*/
:root
	{
	/* Display-0 */
	--display-0-xs: 400 2.00rem/2.500rem 'Merriweather', Georgia, serif;
	--display-0-md: 700 2.50rem/3.00rem 'Merriweather', Georgia, serif;
	--display-0-lg: 700 3.00rem/3.375rem 'Merriweather', Georgia, serif;
	/* Display-1 */
	--display-1-xs: 400 1.875rem/2.250rem 'Merriweather', Georgia, serif;
	--display-1-md: 400 2.250rem/2.500rem 'Merriweather', Georgia, serif;
	--display-1-lg: 400 2.500rem/3.000rem 'Merriweather', Georgia, serif;
	/* Display-2 */
	--display-2-xs: 400 1.75rem/2.00rem 'Merriweather', Georgia, serif;
	--display-2-md: 400 2.00rem/2.25rem 'Merriweather', Georgia, serif;
	--display-2-lg: 400 2.25rem/2.50rem 'Merriweather', Georgia, serif;
	/* Display-3 */
	--display-3-xs: 400 1.500rem/1.875rem 'Merriweather', Georgia, serif;
	--display-3-md: 400 1.625rem/2.000rem 'Merriweather', Georgia, serif;
	--display-3-lg: 400 1.875rem/2.250rem 'Merriweather', Georgia, serif;
	/* Display-4 */
	--display-4-xs: 700 1.25rem/1.750rem 'Merriweather', Georgia, serif;
	--display-4-md: 400 1.50rem/1.875rem 'Merriweather', Georgia, serif;
	--display-4-lg: 400 1.50rem/1.875rem 'Merriweather', Georgia, serif;
	/* Display-5 */
	--display-5-xs: 700 1.125rem/1.50rem 'Merriweather', Georgia, serif;
	--display-5-lg: 400 1.125rem/1.50rem 'Merriweather', Georgia, serif;
		
	/* text-0 */
	--text-0-xs: 400 1.250rem/2.25rem 'Roboto', Verdana, sans-serif;
	--text-0-lg: 400 1.500rem/2.50rem 'Roboto', Verdana, sans-serif;
	/* text-1 */
	--text-1-xs: 400 1.125rem/2.00rem 'Roboto', Verdana, sans-serif;
	--text-1-lg: 400 1.250rem/2.25rem 'Roboto', Verdana, sans-serif;
	/* text-2 */
	--text-2-xs: 400 0.875rem/1.250rem 'Roboto', Verdana, sans-serif;
	--text-2-md: 400 1.000rem/1.625rem 'Roboto', Verdana, sans-serif;
	/* text-3 */
	--text-3-xs: 400 0.875rem/1.125rem 'Roboto', Verdana, sans-serif;
	--text-3-md: 400 1.000rem/1.250rem 'Roboto', Verdana, sans-serif;
	/* text-4 */
	--text-4-xs: 400 0.750rem/1.125rem 'Roboto', Verdana, sans-serif;
	--text-4-md: 400 0.850rem/1.250rem 'Roboto', Verdana, sans-serif;
		
--red-100:#FDE7D8;
--red-200:#FCCBB1;
--red-300:#F7A589;
--red-400:#F0826B;
--red-500:#E74C3C;
--red-600:#C62D2B;
--red-700:#A61E27;
--red-800:#851324;
--red-900:#6E0B22;
--magenta-100:#fcdddb;
--magenta-200:#FAB9BB;
--magenta-300:#F293A0;
--magenta-400:#E5758F;
--magenta-500:#D44A78;
--magenta-600:#BF2E6F;
--magenta-700:#901A5F;
--magenta-800:#741054;
--magenta-900:#600A4D;
--purple-100:#FADFF2;
--purple-200:#F5C1EA;
--purple-300:#E19AD8;
--purple-400:#D184CC;
--purple-500:#AC5FB0;
--purple-600:#9A45A5;
--purple-700:#702A83;
--purple-800:#501A65;
--purple-900:#441461;
--blue-100: #BFF5FF;
--blue-200: #8AE0F2;
--blue-300: #5AC5E3;
--blue-400: #2AA4D1;
--blue-500: #1A83BD;
--blue-600: #0370AB;
--blue-700: #014B83;
--blue-800: #01366A;
--blue-900: #012D59;
--teal-100: #95F7C9;
--teal-200: #5DE8B5;
--teal-300: #35D2A3;
--teal-400: #19B591;
--teal-500: #009B7F;
--teal-600: #008073;
--teal-700: #006161;
--teal-800: #004F56;
--teal-900: #003840;
--green-100: #DFFAAD;
--green-200: #B7E874;
--green-300: #8ED649;
--green-400: #6CB82E;
--green-500: #4B9918;
--green-600: #33790F;
--green-700: #246409;
--green-800: #184F03;
--green-900: #0F4000;
--yellow-100: #FBF396;
--yellow-200: #F3E561;
--yellow-300: #E7D539;
--yellow-400: #CFB500;
--yellow-500: #A68E00;
--yellow-600: #7D6A00;
--yellow-700: #9B8500;
--yellow-800: #7D6A00;
--yellow-900: #675600;
--orange-100: #FDEBC8;
--orange-200: #FCD89C;
--orange-300: #F5BC6D;
--orange-400: #F09F48;
--orange-500: #D97720;
--orange-600: #B35716;
--orange-700: #8F3C0C;
--orange-800: #802E09;
--orange-900: #661F06;
--gray-50:  rgba(242,242,243,1);
--gray-100: #dcdcde;
--gray-200: #c3c4c7;
--gray-300: #acafb3;
--gray-400: #7E828A;
--gray-500: #656970;
--gray-600: #60646B;
--gray-700: #50575e;
--gray-800: #3c434a;
--gray-900: #2c3338;
		
--text-black:  #171F21; /*rgba(23,31,33,1)*/
--background-white: rgba(252,252,252,1); /*#FCFCFC*/
	}
/* END VARIABLES */
h2::before,
h2::after,
h2.bios::before,
h2.bios::after,
h3::before,
h3::after,
h3.bios::before,
h3.bios::after
	{
	content: none;
	border-color: rgba(0,0,0,0);
	width: 0px;
	height:0px;
	}
.section-icons
	{
	padding: 1rem 0rem 1.5rem 0rem;
	font-size: 1.25rem;
	font-size: 1rem;
	background-image: url("/images/StripedBackground-3.gif");
	/*text-align: center;*/
	}
.section-icons .row
	{
	text-align: center;
	}
.section-icons.section-icons-noback
	{
	background-image: none;
	}
.section-icons h1,
.section-icons h2,
.section-icons h3,
.section-icons h4,
.section-icons h5
	{
	text-align: center;
	}
.section-icons .icon
	{
	font-size: 4em;
	}
.section-icons.section-icons-small .icon
	{
	font-size: 2.5em;
	}
.section-icons a:hover,
.section-icons a:not(.btn):hover
	{
	text-decoration: none;
	}
.link-box
	{
	/*position: relative; */
	width: 100%;
	height: 100%;
	background-color: #323a45; 
	margin-bottom: 11px;
	-webkit-transition: background 0.3s; /* Safari */
	transition: background 0.3s;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.5rem;
	}
.link-box:hover
	{
	background-color: #232930;
	-webkit-transition: background 0.2s; /* Safari */
	transition: background 0.2s;
	}
.link-box-text
	{
	}
.link-box-primary
	{
	background-color: #045977;
	}
.link-box-primary:hover
	{
	background-color: #045977;
	}
.read-more
	{
	text-align: center;
	color: #AAAAAA;
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	}
.list-overstated li, 
.list-understated li
	{
	padding-bottom: 0px;
	}
.featured-article h2,
.featured-article h3,
.featured-article h4,
.featured-article h5
	{
	text-transform: none;
	letter-spacing: .05rem;
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-weight: 600;
	color: #555;
	text-align: left;
	}
.featured-article h2::after,
.featured-article h3::after,
.featured-article h4::after,
.featured-article h5::after,
.featured-article h2::before,
.featured-article h3::before,
.featured-article h4::before,
.featured-article h5::before
	{
	content: none;
	}
.featured-article h2
	{
	font-size: 1.4rem;	
	border-bottom: 1px solid #DDD;
	}

.featured-article h3
	{
	font-size: 1.3rem;	
	}

.featured-article h4
	{
	font-size: 1.15rem;	
	}

.featured-article h5
	{
	font-size: 1rem;	
	border-bottom: 1px solid #DDD;
	}

a.featured-article:hover 
	{
	text-decoration: none;

	
	}

a.featured-article .card
	{
	-webkit-transition: box-shadow 0.6s; /* Safari 3.1 to 6.0 */
	transition: box-shadow 0.6s;	
	color: var(--text-black);
	}


a.featured-article:hover .card
	{
	box-shadow: 0px 0px 40px 0px #AAA;
	-webkit-transition: box-shadow 0.8s; /* Safari 3.1 to 6.0 */
	transition: box-shadow 0.8s;	
	}
.featured-article.featured-article-read-more .card
	{
	position: relative;
	padding-bottom: 2rem;
	}

.featured-article.featured-article-read-more .card .read-more
	{
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 50%;
	-ms-transform: translate(-50%, 0%); /* IE 9 */
	-webkit-transform: translate(-50%, 0%); /* Chrome, Safari, Opera */	
	transform: translate(-50%, 0%);
	word-break: keep-all;
	width: 90%;
	}
main a.link-external::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 800;
	content: "\f35d";
	color: var(--gray-400);
	margin-left: 0.4em;
	margin-right: 0.2em;
	white-space: pre-wrap;
}
main a.link-pdf::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 500;
	content: "\f1c1";
	color: var(--gray-400);
	margin-left: 0.4em;
	margin-right: 0.2em;

	}
main a.link-word::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 500;
	color: var(--gray-400);
	content: "\f1c2";
	margin-left: 0.4em;
	margin-right: 0.2em;
	}
main a.link-xls::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 500;
	color: var(--gray-400);
	content: "\f1c3";
	margin-left: 0.4em;
	margin-right: 0.2em;
	}
main a.link-ppt::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 500;
	color: var(--gray-400);
	content: "\f1c4";
	margin-left: 0.4em;
	margin-right: 0.2em;
	}
main a.link-mail::after
	{
	font-family: "Font Awesome 5 Pro";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	line-height: 1;
	font-weight: 500;
	color: var(--gray-400);
	content: "\f003";
	color: #888888;
	margin-left: 0.4em;
	margin-right: 0.2em;
	}
.btn.btn-main,
button.btn-main,
.element-button
	{
	color: var(--gray-900);
	border-color: var(--gray-900);
	transition: color 0.2s, background 0.2s;
	background-color: rgba(23,31,33,0);
	}
.btn-main:hover, 
.btn-main:focus, 
.btn-main:not(:disabled):not(.disabled):active, 
.btn-main:not(:disabled):not(.disabled).active, 
.btn-main .show > .dropdown-toggle, 
.open > .dropdown-toggle .btn-main,
a.element-block:hover .element-button
	{
	background-color: rgba(23,31,33,1);
	color: var(--gray-100);
	}
h2.panel-title
	{
	text-align: left;
	}

h2.panel-title a
	{
	color: var(--text-black);
	}

blockquote.primary-quote,
blockquote.side-quote
	{
	border-left: none; 
	border-right: none;
	border-top: 5px solid;
	border-bottom: 5px solid;
	border-color: #DDD;
	font-size: 1.4rem;
	line-height: 2.2em;
	letter-spacing: .02rem;
	font-style: italic;
	font-weight: 100;
	color: #333;
	padding: 22px 33px;
	margin: 2rem 0rem;
	position: relative;
	}
blockquote.side-quote
	{
	padding: 22px 11px;
	}
blockquote.primary-quote::before,
blockquote.primary-quote::after,
blockquote.side-quote::before,
blockquote.side-quote::after
	{
	display: block;
	position: absolute;
	background-color: #DDD;
	left: 50%;
	font-size: 22px;
	line-height: 16px;
	color: #fff;
	font-family: FontAwesome;
	font-style: normal;
	border-radius: 4px;
	transform: translate(-50%,0%);
	padding: 10px;
	}
blockquote.primary-quote::before,
blockquote.side-quote::before
	{
	top: -20px;
	content: "\f10d";
	}
blockquote.primary-quote::after,
blockquote.side-quote::after
	{
	bottom: -20px;
	content: "\f10e";
	padding: 12px 10px 8px 10px;
	}
blockquote.primary-quote footer,
blockquote.side-quote footer
	{
	font-size: 70%;
	color: #999;
	}
.featured-article h2,
.featured-article h3,
.featured-article h4,
.featured-article h5
	{
	text-transform: none;
	letter-spacing: .05rem;
	margin-top: .5rem;
	margin-bottom: 1rem;
	font-weight: 600;
	color: #555;
	}

.featured-article h2
	{
	font-size: 1.4rem;	
	border-bottom: 1px solid #DDD;
	}

.featured-article h3
	{
	font-size: 1.3rem;	
	}

.featured-article h4
	{
	font-size: 1.15rem;	
	}

.featured-article h5
	{
	font-size: 1rem;	
	border-bottom: 1px solid #DDD;
	}

a.featured-article:hover 
	{
	text-decoration: none;

	
	}

a.featured-article .card
	{
	-webkit-transition: box-shadow 0.6s; /* Safari 3.1 to 6.0 */
	transition: box-shadow 0.6s;	
	}


a.featured-article:hover .card
	{
	box-shadow: 0px 0px 40px 0px #AAA;
	-webkit-transition: box-shadow 0.8s; /* Safari 3.1 to 6.0 */
	transition: box-shadow 0.8s;	
	}

.section-featured
	{
	background-size: cover;
	background-attachment: fixed;
	padding: 2rem 0rem;
	}

.section-footnotes
	{
	background: #F9F9F9;
	font-size: .8rem;
	border-top: 1px dotted #CCCCCC;
	padding-top: 15px;
	margin-top: 1.5rem;
	}

.section-footnotes h2,
.section-footnotes h3,
.section-footnotes h4,
.section-footnotes h5
	{
	text-align: center;
	text-transform: uppercase;
	}

.section-footnotes h2
	{
	font-size: 1.1rem;
	}
.section-footnotes h3
	{
	font-size: 1rem;
	}
.section-footnotes h4
	{
	font-size: .9rem;
	}
.section-footnotes h5
	{
	font-size: .85rem;
	}

figure
	{
	background: none;
	border: none;
	border-bottom: 1px dotted #DDDDDD;
	}
.featured-box
	{
	background-color: rgba(0,0,0,.75); 
	padding: 1rem 3rem; 
	width: 100%; 
	margin: auto;
	font-weight: 700;
	}

.featured-box h2,
.featured-box h3,
.featured-box h4,
.featured-box h5,
.featured-box p
	{
	font-weight: 700;
	}
	.section-featured
		{
		padding: 2rem;
		}

/*--- SECTION NAV ---*/
.nav-pills.section-nav
	{
	border-radius: 3px;
	background: #FAFAFA;
	}
.nav-pills.section-nav > li
	{
	background: none;
	}
.nav-pills.section-nav > li > a
	{
	padding: 25px 15px;
	border-radius: 3px;
	border: none;
	color: #428bca;
	outline: 0;
	height: 100%;
	transition: background 0.35s;
	}
.nav-pills.section-nav > li > a .icon
	{
	display: inline-block;
	margin-right: 0.6rem;
	}
.nav-pills.section-nav > li.active > a
	{
	background: none;
	border-left: 8px solid #428bca;
	padding-right: 23px;
	color: #428bca;
	}
.nav-pills.section-nav > li > a:hover,
.nav-pills.section-nav > li.active > a:hover
	{
	background: #428bca;
	color: white;
	transition: background 0.35s;

	}
.section-nav-toggle .collapse
	{
	display: none;
	}
.section-nav-toggle .collapse.in
	{
	display: block;
	}
.section-nav-toggle .toggle-more
	{
	position: relative;
	display: block;
	border: none;
	background: #428bca;
	background: #777777;
	padding: 25px 15px;
	color: white;
	transition: background 0.35s;
	}
.section-nav-toggle .toggle-more.active
	{
	background: #AAAAAA;
	transition: background 0.35s;
	}


.section-nav-toggle .toggle-more:after,
.section-nav-toggle .toggle-more.collapsed:after
	{
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	position: absolute;
	right: 25px;
	top: 50%;
	font-size: 40px;
	margin-top: -25px;
	color: inherit;
	opacity: 0.8;
	}
.section-nav-toggle .toggle-more.active:after
	{
	content: "\4d";
	font-family: 'CAGov';
	font-style: normal;
	position: absolute;
	right: 18px;
	top: 50%;
	font-size: 40px;
	margin-top: -28px;
	color: inherit;
	opacity: 0.8;
	}
.large-sub-nav .section-nav-toggle .toggle-more
	{
	display: none;
	}
.large-sub-nav .section-nav-toggle .collapse
	{
	display: block;
	}

.large-sub-nav .section-nav > li 
	{
	float: left;
	width: 50%;
	margin: 0px;
	}
.nav-pills.section-nav > li + li 
	{
	margin-left: 0px;
	}
.popup 
	{
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.75);
	z-index: 9999 !important;
	}
 
/* Inner */
.popup-inner 
	{
	max-width:700px;
	width:90%;
	left:50%;
	padding-top: 25px;
	position:absolute;
	box-shadow:0px 2px 6px rgba(0,0,0,1);
	border-radius:3px;
	background:#fff;
	max-height: 98vh;
	
	top: 20px;
	transform: translate(-50%,0%);
	-webkit-transform:translate(-50%, 0%);
	}


/* Popup Content */
.popup-content
	{
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 92vh;
	padding: 15px 40px;
	}

/* Close Button */
.popup-close 
	{
	width:30px;
	height:30px;
	padding-top:4px;
	display:inline-block;
	position:absolute;
	top:0px;
	right:0px;
	transition:ease 0.25s all;
	-webkit-transform:translate(50%, -50%);
	transform:translate(50%, -50%);
	border-radius:1000px;
	background:rgba(0,0,0,0.8);
	font-family:Arial, Sans-Serif;
	font-size:20px;
	text-align:center;
	line-height:100%;
	color:#fff;
	}

.popup-close:hover 
	{
	-webkit-transform:translate(50%, -50%) rotate(180deg);
	transform:translate(50%, -50%) rotate(180deg);
	background:rgba(0,0,0,1);
	text-decoration:none;
	}

.panel-main 	
	{
	border-color: #CCC;
	}
.panel-main > .panel-heading
	{
	background-color: #046B99;
	color: white;
	font-weight: 700;
	border: none;
	}
.panel-main > .panel-heading + .panel-collapse > .panel-body 
	{
	border: none;
	}
.panel-main > .panel-heading .badge 
	{
	color: #046B99;
	background-color: #fff;
	}
.panel-main > .panel-footer + .panel-collapse > .panel-body 
	{
	border-bottom-color: #ccc;
	}
.panel-main .panel-heading 
	{
	border-bottom-style: none;
	border-bottom-width: 0px;
	}
.panel-main .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-main .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-main .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-main .panel-heading h5 span[class^="ca-gov-icon-"] 
	{
	color: white;
	}
.panel-main .panel-heading .options .btn-default 
	{
	color: white;
	background-color: #057CA5;
	border-color: white;
	}
.panel-main .panel-heading .options .btn-default:hover,
.panel-main .panel-heading .options .btn-default:focus,
.panel-main .panel-heading .options .btn-default:active,
.panel-main .panel-heading .options .btn-default.active,
.open > .dropdown-toggle.panel-main .panel-heading .options .btn-default 
	{
	color: #ffffff;
	background-color: #0685B2;
	border-color: white;
	}
.panel-main .panel-heading .options .btn-default:active,
.panel-main .panel-heading .options .btn-default.active,
.open > .dropdown-toggle.panel-main .panel-heading .options .btn-default 
	{
	background-image: none;
	}
.panel-main .panel-heading .options .btn-default.disabled,
.panel-main .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-main .panel-heading .options .btn-default,
.panel-main .panel-heading .options .btn-default.disabled:hover,
.panel-main .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-main .panel-heading .options .btn-default:hover,
.panel-main .panel-heading .options .btn-default.disabled:focus,
.panel-main .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-main .panel-heading .options .btn-default:focus,
.panel-main .panel-heading .options .btn-default.disabled:active,
.panel-main .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-main .panel-heading .options .btn-default:active,
.panel-main .panel-heading .options .btn-default.disabled.active,
.panel-main .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-main .panel-heading .options .btn-default.active 
	{
	background-color: #0685B2;
	border-color: white;
	}
.panel-main .panel-heading .options .btn-default .badge 
	{
	color: #046B99;
	background-color: #ffffff;
	}
.panel-main .panel-body 
	{
	background: #fff;
	}
/* Adds triangle to panel */
.panel-main.highlight .panel-heading .triangle 
	{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #FDB81E;
	}


.accordion .panel-heading .panel-title a:after, .panel-group .panel-heading .panel-title a:after, .service-tile-content .panel-heading .panel-title a:after 
	{
	content: "\43";
	font-family: 'CaGov';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -11px;
	color: #777777;
	color: inherit;
	opacity: 0.75;
	}

.accordion .panel-heading .panel-title a.collapsed:after, .panel-group .panel-heading .panel-title a.collapsed:after, .service-tile-content .panel-heading .panel-title a.collapsed:after 
	{
	content: "\45";
	}
/*--- SECTION NAV ---*/
.nav-pills.section-nav
	{
	border-radius: 3px;
	background: #FAFAFA;
	}
.nav-pills.section-nav > li
	{
	background: none;
	}
.nav-pills.section-nav > li > a
	{
	padding: 25px 15px;
	border-radius: 3px;
	border: none;
	color: #428bca;
	outline: 0;
	height: 100%;
	transition: background 0.35s;
	}
.nav-pills.section-nav > li > a .icon
	{
	display: inline-block;
	margin-right: 0.6rem;
	}
.nav-pills.section-nav > li.active > a
	{
	background: none;
	border-left: 8px solid #428bca;
	padding-right: 23px;
	color: #428bca;
	}
.nav-pills.section-nav > li > a:hover,
.nav-pills.section-nav > li.active > a:hover
	{
	background: #428bca;
	color: white;
	transition: background 0.35s;

	}
.section-nav-toggle .collapse
	{
	display: none;
	}
.section-nav-toggle .collapse.in
	{
	display: block;
	}
.section-nav-toggle .toggle-more
	{
	position: relative;
	display: block;
	border: none;
	background: #428bca;
	background: #777777;
	padding: 25px 15px;
	color: white;
	transition: background 0.35s;
	}
.section-nav-toggle .toggle-more.active
	{
	background: #AAAAAA;
	transition: background 0.35s;
	}


.section-nav-toggle .toggle-more:after,
.section-nav-toggle .toggle-more.collapsed:after
	{
	content: "\f107";
	font-family: FontAwesome;
	font-style: normal;
	position: absolute;
	right: 25px;
	top: 50%;
	font-size: 40px;
	margin-top: -25px;
	color: inherit;
	opacity: 0.8;
	}
.section-nav-toggle .toggle-more.active:after
	{
	content: "\4d";
	font-family: 'CAGov';
	font-style: normal;
	position: absolute;
	right: 18px;
	top: 50%;
	font-size: 40px;
	margin-top: -28px;
	color: inherit;
	opacity: 0.8;
	}
.large-sub-nav .section-nav-toggle .toggle-more
	{
	display: none;
	}
.large-sub-nav .section-nav-toggle .collapse
	{
	display: block;
	}

.large-sub-nav .section-nav > li 
	{
	float: left;
	width: 50%;
	margin: 0px;
	}
.nav-pills.section-nav > li + li 
	{
	margin-left: 0px;
	}



/* ----START SMALL ---- */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

	.popup-inner
		{
		top:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		}
	
	.popup-close
		{
		display: inline-block;
		}
	.nav-pills.section-nav
		{
		height: 1% !important; 
		}
	.section-nav > li 
		{
		position: relative;
		}
	.section-nav > li 
		{
		float: none;
		width: 1%;
		margin: 0px;
		vertical-align: top;
		}
	.section-nav > li
		{
		display: table-cell;
		width: 1%;
		}
	.large-sub-nav .section-nav > li 
		{
		width: 1%;
		float: none;
		margin: 0px;
		}
	.nav-pills.section-nav > li > a
		{
		position: relative;
		display: block;
		padding: 10px 15px;
		text-align: center;
		background-image: none;
		}
	.large-sub-nav .nav-pills.section-nav > li > a
		{
		padding: 10px 15px 20px;
		}
	.nav-pills.section-nav > li.active > a
		{
		padding-right: 15px;
		border: none;
		border-bottom: 4px solid #428bca;
		}
	.section-nav-toggle .toggle-more
		{
		display: none;
		}
	.section-nav-toggle .collapse
		{
		display: block;
		}
	.nav-pills.section-nav > li + li 
		{
		margin-left: 2px;
		}


}/* ----END SMALL---- */

/* ---------------------- */
/* ----START MEDIUM ---- */
/* ---------------------- */
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	.featured-box
		{
		width: 85%;
		padding: 1rem 5rem;
		}


}/* ----END MEDIUM---- */

/* -------------------- */
/* ----START LARGE ---- */
/* -------------------- */
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {




	
	
}/* ----END LARGE---- */
/* -------------------------- */
/* ----START EXTRA LARGE ---- */
/* -------------------------- */
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {




}/* ---- END EXTRA LARGE ----*/