@charset "utf-8";
/* CSS Document - Custom styles that overwrite the template CSS code*/


/*=====================*/
/*MATCH RED FROM LOGO*/
/*=====================*/


.main-content {
	background: #fff;
	min-height: 75vh;
	padding-bottom: 3em;
}

/*=======================================*/
/*Add room for enlarged branding logo img*/
/*=======================================*/
/*

@media (min-width: 768px) {
.fixed.compact .branding {
	height: 67px !important;
}
}
.branding .header-organization-banner img {
	max-height: 70px;
}
*/
/*=======================================*/
/*=======================================*/

.footer2-fix-padding {
	margin-bottom: -3em;
}

.uppercase {
	text-transform: uppercase;
}

.container2_yellow_students2 {
	border-bottom: 2px solid #cf6b0a;
	border-top: 2px solid #cf6b0a;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
}

img.circle-img-center {
	border-radius: 50%;
	border: 2px solid #cf6b0a;
	padding: 15px;
}

.flex {
	display: flex;
	justify-content: center;
	align-self: center;
}

.bg-primary,
.btn-primary,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.label-primary,
.progress-bar,
.panel-primary>.panel-heading,
.panel-overstated>.panel-heading,
.progress-bar-primary,
.card-primary {
	background-color: #5c0455 !important;
}

.nav-arrow-down,
.section-primary,
.section-overstated,
.card-primary,
.testimonial-primary,
.utility-header,
.service-tile,
.service-tile-empty,
.utility-header {
	background: #5c0455;
}

.text-primary,
.btn-primary .badge,
.panel-primary>.panel-heading .badge,
h1 span[class^="ca-gov-icon-"]:first-child,
.nav-item.active>a,
.nav-item:hover>a,
.nav-item.active>a>span[class^="ca-gov-icon"],
.nav-item:hover>a>span[class^="ca-gov-icon"],
.second-level-link,
.second-level-link [class^="ca-gov-icon-"],
.panel-overstated>.panel-heading .badge,
.progress-bar-primary,
.text-accent-p2,
.search-container .submit-container button,
.mobile-control {
	color: #5c0455;
}

.sub-nav {
	border-bottom: 5px solid #5c0455;
}

@media (min-width: 768px) {

	.nav-item:hover::after,
	.nav-item:focus::after {
		background-color: #5c0455;
	}
}

.card-primary .card-header {
	border-bottom: 1px solid #5c0455;
	background-color: #5c0455;
}

.btn.btn-primary.ask-button.collapsed.four {
	background-color: #5d0456b3 !important;
}

.ask-options {
	background-color: #5c0455 !important;
}

.first-level-link>span[class^="ca-gov-icon"] {
	color: #c39dc0;
}

.service-tile {
	background: #fff;
}

.submit-container button {
	background-color: white !important;
}

/*======================*/
/*FIX CA.GOV LOGO in NAV*/
/*======================*/


.branding .header-cagov-logo img {
	top: -36px;
	height: 32px;
	position: absolute;
	margin-left: 7px;
}

.ask-button.btn-primary {
	width: 630px;
}

.ask-group .ask-panel {
	width: 100% !important;
}

.center-text {
	text-align: center;
}

.btn-row .btn-stacked {
	width: 100%;
	width: -webkit-fill-available;
	margin-bottom: 1em !important;
}

.half.left-border-homepage {
	border-left: 2px solid #fff;
}

.icon-60px {
	font-size: 60px;
}

@media (min-width:522px) {
	.branding .header-organization-banner img {
		width: auto;
	}
}

.header-large-banner {
	height: 700px !important;
}

/*==========================*/
/*LEADERSHIP SECTION CLEANUP*/
/*==========================*/


.leaderContainer {
	width: 23%;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	padding: 15px;
	border-radius: 15px;
	transition: all 0.25s ease-in-out;
}

@media (min-width: 1281px) {
	article.news-detail.m-t-md.m-b-lg .group {
		display: flex;
	}

	.leaderContainer:hover {
		transition: all 0.25s ease-in-out;
		transform: scale(1.1);
		box-shadow: 0px 0px 15px #fff;
		background: #5c0455;
	}
}

@media (max-width: 1280px) {
	.leaderContainer {
		margin-top: 12px;
		display: block;
		width: 100%;
	}
}

.leaderContainer a {
	text-decoration: none !important;
}

.leaderdesc {
	text-align: center;
}

.leaderimg {
	width: 100%;
	display: flex;
	justify-content: center;
}

.leaderimg img {
	align-self: center;
}

.leaderdesc p {
	margin: 5px 0 0 0;
}

/*==================*/
/*FACEBOOK & TWITTER*/
/*==================*/


#tabsSelector {
	min-height: 600px;
}

#tabsSelector #tabs {
	display: block;
	width: 400px;
	background-color: White;
	z-index: 10;
	height: 70px;
	margin: 0 auto;
}

#tabsSelector a {
	color: white;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	width: 50%;
	display: block;
	background: #046b99;
	border: 1px solid #eee;
	line-height: 68px;
	float: left;
}

#tabsSelector a:first-child,
#tabsSelector .content {
	width: 50%;
}

#tabsSelector a.sel {
	border-top: 2px solid #555;
	background: white;
	color: #046b99;
}

#tabsSelector a.sel:hover {
	border-top: 2px solid #555;
	background: white;
	color: #555;
}

#tabsSelector a:hover {
	background-color: #ccc;
	border-top: 2px solid #ccc;
}

#tabsSelector .content {
	display: none;
	opacity: 0;
}

#tabsSelector .content.sel {
	display: block;
	opacity: 1;
	text-align: center;
	margin: 0 auto;
	width: 400px;
}

.discexplaintable {
	background-color: #E5E5E5;
	width: 85%;
	padding: 1em;
	border: solid 1px #666;
}

p>a {
	color: #2F77A0;
}


/* Responsive Table */

.rwd-table {
	margin: 1em 0;
	min-width: 300px;
}

.rwd-table tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.rwd-table th {
	display: none;
}

.rwd-table td {
	display: block;
}

.rwd-table td:first-child {
	padding-top: .5em;
}

.rwd-table td:last-child {
	padding-bottom: .5em;
}

.rwd-table td:before {
	content: attr(data-th) ": ";
	font-weight: bold;
	width: 6.5em;
}

@media (min-width: 720px) {
	.rwd-table td:before {
		display: none;
	}
}

.rwd-table th,
.rwd-table td {
	text-align: left;
}

@media (min-width: 720px) {

	.rwd-table th,
	.rwd-table td {
		display: table-cell;
		padding: .25em .5em;
	}

	.rwd-table th:first-child,
	.rwd-table td:first-child {
		padding-left: 0;
	}

	.rwd-table th:last-child,
	.rwd-table td:last-child {
		padding-right: 0;
	}
}

.rwd-table {
	background: #fff;
	color: #000;
	border-radius: .4em;
	overflow: hidden;
}

.rwd-table tr {
	border-color: #cf6b0a;
}

.rwd-table th,
.rwd-table td {
	margin: .5em 1em;
}

@media (min-width: 720px) {

	.rwd-table th,
	.rwd-table td {
		padding: 1em !important;
	}
}

.rwd-table th,
.rwd-table td:before {
	color: #5c0455;
	background-color: #f5f5f5;
}

/*End Responsive Table*/

.popularStudentPages {
	list-style-type: none;
}

.popularStudentPages li {
	padding-bottom: 1em;
}

.alignItemCenter {
	display: flex;
	justify-content: center;
	align-items: center;
}

.answer {
	padding-bottom: 1.7em;
}

.branding .header-organization-banner img {
	max-height: 80px;
}


@media (max-width: 1280px) {
	.branding .header-organization-banner img {
		max-height: 60px;
	}
}


.quarter.valign-middle {
	padding-top: 3.5rem;
}

#search_local_textfield:focus {
	border: 1px solid yellow;
}

.service-tile:focus {
	border: 1px solid yellow;
}

.btn:focus {
	border: 1px solid yellow;
}

.btn-default:focus {
	border: 1px solid yellow;
}

.btn-block-xs:focus {
	border: 1px solid yellow;
}

.btn-stacked:focus {
	border: 1px solid yellow;
}

.btn-row:focus {
	border: 1px solid yellow;
}

#google_translate_element a span {

	color: black !important;
}

.utility-links li a {
	color: white !important;

}


p.lead a:focus {
	border: 1px solid yellow;
}


button.btn:focus {
	border: 1px solid yellow;
}


.section-primary a:not(.btn):hover,
.card-primary a:not(.btn):hover,
.section-primary a:not(.btn):focus,
.card-primary a:not(.btn):focus {
	color: #02374e;
	text-decoration: underline;
}

.section-impact-footer a:not(.btn):hover,
.section-impact-footer a:not(.btn):focus {
	color: #ffffff !important;
	text-decoration: underline !important;
}

.section-primary a:not(.btn),
.card-primary a:not(.btn) {
	color: #046b99;
}


.service-tile:focus {
	outline: solid 2px #2ea3f2;
}

.btn:focus,
.btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

a:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-default:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}


.service-tile-panel {
	/*Selectivly show when requested by user*/
	visibility: hidden;
	position: absolute;
}

body {
	color: #000000 !important;
}

.textbold {
	font-weight: bold;

}

table.rwd-table a {

	color: #b75c03 !important;
}


/*fixes for accessible search*/

.height-50 {
	height: 50px !important;
}

.w-100 {
	width: 100% !important;
}


.search-container.featured-search {
	background: none;

}

.search-container.featured-search:hover,
.search-container.featured-search:focus {
	background: none;
}

.featured-search .container #Search .gsc-search-button {
	right: 0;
}

.featured-search .container {
	padding: 0 !important;
}

.search-container #Search {
	display: flex;
}

.search-container .container {
	width: 100%;
}

.container .search-results-header {
	width: 100%;
}

.font-size-30 {
	font-size: 2.14286rem !important;
}

.search-container #Search .gsc-search-button {
	right: 50px;
}

.right-0 {
	right: 0 !important;
}

.top-0 {
	top: 0 !important;
}

.pos-rel {
	position: relative !important;
}

.pos-abs {
	position: absolute !important;
}

#recaptchaContainer .button:focus {
	border: thin #E6FC07;
}

.global-header.compact .alert {
	display: none !important;
}

.alert-warning {
	background-color: #fbf6da !important;
}

.btn {
	overflow: auto;
}

/* Fixes spacing for "entries per page" field for DataTables */
#dt-length-0 {
	margin-inline: 3px;
}

.close.btn {
	overflow: hidden !important;
}