/** Custom CSS **/
/* Colors
primary: #153554
secondary: #72a0c1
accent: #c89356
secondary accent: #f9df50
header: #2c47ab
text: #36281b
link: #046b99
link hover: #02374e
End Colors */

@media (min-width: 768px) {
  .fixed .main-content,
  .fixed+.main-content {
    padding-top: 220px;
  }
}

/*
.header-large-banner:before {
  background-color: rgba(0, 0, 0, .5);
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
*/

#section_header {
/*
  height: auto !important;
  padding-top: 30vh;
  padding-top: 30px;
*/
  justify-content: center;
  align-items: center;
}
#section_header:before {
/*   background-color: rgba(0, 0, 0, .5); */
/*  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));*/
/*
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 90%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 90%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.7) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
  
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
*/
}

#section_header #section_license_stats {
/*  background-color: transparent;*/
  background-color: rgba(0,0,0,0.4);
}

#section_header .license-stats-container {
  width: 100%;
}

/*
#section_license_stats {
  height: 300px;
}
*/
/*
@media (max-width: 991px) {
  #section_license_stats {
    height: 400px;
  }
}
@media (max-width: 768px) {
  #section_license_stats {
    height: 430px;
  }
}
@media (max-width: 576px) {
  #section_license_stats {
    height: 580px;
  }
}
@media (max-width: 491px) {
  #section_license_stats {
    height: 660px;
  }
}
*/
.text-responsive {
  font-size: calc(100%+ 1vw+ 1vh);
}
.top-level-nav .nav-item .first-level-link, .top-level-nav .nav-item .first-level-btn {
  font-size: 18px;
  font-size: 1.1rem;
}
@media (min-width: 768px) {
  .full-width-nav .main-navigation .top-level-nav .first-level-link {
    padding-top: 12px;
  }
}

.first-level-link > span[class^="ca-gov-icon"],
.first-level-btn > span[class^="ca-gov-icon"] {
  color: #72a0c1 !important;
}
.nav-item:active .first-level-link > span[class^=ca-gov-icon], .nav-item:active .first-level-btn > span[class^=ca-gov-icon], .nav-item:active .first-level-link, .nav-item:active .first-level-btn, .nav-item:hover .first-level-link > span[class^=ca-gov-icon], .nav-item:hover .first-level-btn > span[class^=ca-gov-icon], .nav-item:hover .first-level-link, .nav-item:hover .first-level-btn, .first-level-btn:focus, .first-level-btn:hover, .first-level-link:focus, .first-level-link:hover {
  color: #153554 !important;
}
/* .first-level-link,
.first-level-btn {
	color: #2c47ab !important;
} */
.text-primary {
  color: #36281b !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #2c47ab;
}
ul, ol, p {
  color: #36281b;
}
.panel-body, .published {
  color: #36281b !important;
}
/*
.utility-header, .section-standout, .card-standout {
  background: #153554;
}
*/
.utility-header a:hover, .utility-header a:focus, .utility-header a.hovered {
  color: #f9df50 !important;
}
.card-understated, .section-understated {
  background: #ffffff;
}
@media (min-width: 576px) {
  .card-deck .card {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  #util-item-search {
    display: none !important;
  }
  .parallax-bg {
    background-size: auto !important;
  }
}
/** Fix logo **/
.branding .header-organization-banner img {
/*
  padding: 5px 0 !important;
  height: 100% !important;
*/
  max-width: inherit;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .fixed.compact .header-organization-banner a {
    max-width: 420px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .branding .header-organization-banner img {
    max-width: 380px;
  }
}
@media (max-width: 767px) {
  .branding .header-organization-banner {
    max-width: inherit;
    margin-top: -1px;
    height: 80px;
  }
}
@media (min-width: 768px) {
  .fixed.compact .header-organization-banner {
     max-height: inherit; 
  }
}
/*.branding .header-organization-banner a {*/
  /*	height: 100% !important;*/
/*}*/
.header-organization-banner a:hover {
  text-decoration: none;
}
.header-organization-banner a {
  height: 82px;
}
.compact .header-organization-banner a {
  height: 100%;
}
#logo_banner {
  height: 100%;
  width: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  
  display: flex;

  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  
  align-items: center;
}
#logo_banner img {
  width: 100%;
/*  height: 100%;*/
/*  margin-right: 1rem;*/
/*  max-height: 60px;*/
  vertical-align: middle;
}
/*
#logo_banner span {
  width: auto;
  font-family: 'Poppins', serif;
  font-weight: 700;
  line-height: 27px;
  white-space: nowrap !important;
  margin-top: -4px;
}
#logo_banner .line1 {
  color: #ba813a;
  font-size: 25px;
}
#logo_banner .line2 {
  color: #272e42;
  font-size: 30px;
}
@media (max-width: 1199px) {
  #logo_banner span {
    font-size: 30px;
  }
}
@media (max-width: 500px) {
  #logo_banner span {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .branding .header-organization-banner {
    margin-top: 0px;
  }
  #logo_banner span {
    white-space: normal
  }
}
@media (min-width: 768px) {
  .fixed.compact .header-organization-banner {
    height: 100% !important;
    max-height: none !important;
  }
}
*/
/** END Fix logo **/
/*
 * Fix search button on iOS devices
 */
.container #Search .gsc-search-button {
  border: 0 !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
}
/*
 * Change the default alert banner text color
 * on severe alerts to black. The default is
 * white and doesn't have enough contrast
 */
.alert-severe .alert-text {
  color: #000000 !important;
}
/** Change breadcrumb home icon color **/
.breadcrumb .ca-gov-icon-home:before {
  color: #72a0c1 !important;
}
/** When settings link is collapsed **/
.settings-links .collapsed {
  color: white !important;
}
.list-clean {
  list-style: none !important;
}
/** General **/
.main-content {
  min-height: 600px;
}
.opacity-9 {
  opacity: 0.9;
}
.opacity-8 {
  opacity: 0.8;
}
.bg-white-a9 {
  background-color: rgba(255, 255, 255, 0.9);
}
.bg-white-a8 {
  background-color: rgba(255, 255, 255, 0.8);
}
.bg-bcc-dark {
  background-color: #153554 !important;
}
.bg-bcc-light {
  background-color: #72a0c1 !important;
}
.bg-bcc-light-hover:hover, .bg-bcc-light-hover:focus {
  background-color: #b9d67e !important;
}
/*
.bg-bcc-light a {
  color: white;
  background-image: linear-gradient(to right, #36281b 50%, transparent 50%);
  background-repeat: repeat-x;
}

.bg-bcc-light a:hover {
  color: #02374e;
  background-image: linear-gradient(to right, #02374e 50%, transparent 50%);
}
*/
input, textarea, select, button, .panel, .card, img {
  border-radius: 0.5rem !important;
}
.accordion .panel-heading .panel-title a:focus, .accordion .panel-heading .panel-title a:hover, .panel-group .panel-heading .panel-title a:focus, .panel-group .panel-heading .panel-title a:hover, .service-tile-content .panel-heading .panel-title a:focus, .service-tile-content .panel-heading .panel-title a:hover {
  border-radius: 0.5rem !important;
}
.rounded-0_5r {
  border-radius: 0.5rem !important;
}
.transform-scale-1_02--hover:hover {
  transform: scale3d(1.02, 1.02, 1.02);
}
.footer-img-button {
  max-height: 140px;
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
}
.footer-img-buttons img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.footer-img-buttons .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.footer-img-buttons a {
  background-image: none !important;
}
.bg-secondary-gradient-b-g-h {
  background-repeat: repeat-x;
  background-image: linear-gradient(225deg, #153554, #5b742f);
}
.bg-primary-gradient-h {
  background-repeat: repeat-x;
  background-image: linear-gradient(270deg, #153554, #1d466e);
}
.bg-primary-gradient-v {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #153554, #1d466e);
}
.bg-secondary-gradient-h {
  background-repeat: repeat-x;
  background-image: linear-gradient(270deg, #53768f, #72a0c1);
}
.bg-secondary-gradient-v {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #53768f, #72a0c1);
}
.bg-primary-gradient-h a,
.bg-primary-gradient-v a,
.bg-secondary-gradient-h a,
.bg-secondary-gradient-v a {
  color: white;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, transparent 50%);
  transition: 0.2s;
  background-repeat: repeat-x;
}
.card-heading .card-heading-img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.card-image-center {
  white-space: nowrap;
  text-align: center;
  margin: 1em 0;
}
.card-image-center .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
/** END General **/
/** Buttons **/
.btn-outline-dark:hover {
  background-color: #153554 !important;
  border-color: #153554 !important;
}
#accessibility_link img {
  max-height: 20px;
}
/** END Buttons **/
/** Sections **/
.section-primary {
  background: #72a0c1;
  color: #36281b;
}
.section-primary a {
  color: #046b99 !important;
}
.section-primary a:not(.btn) {
  background-image: linear-gradient(to right, #046b99 50%, transparent 50%);
  background-repeat: repeat-x;
}
.section-primary a:hover {
  color: #02374e !important;
}
#section_welcome h3 {
  color: #36281b !important;
}
/*
#section_info_blocks {
  background: rgba(245, 245, 245, 0);
}
*/
#section_info_blocks h2 {
  position: relative;
}
#section_info_blocks header {
  min-height: 191px !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
}
#section_info_blocks article header:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
#section_info_blocks .info-blocks header:before {
  background-color: rgba(235, 190, 54, 0.9);
}
#section_info_blocks img {
  margin-bottom: -1px;
}
#contact_agencies .card-image-center {
  height: 200px;
}
#contact_agencies .card-body {
  height: 100%;
}
#contact_agencies .bg-secondary-gradient-v a {
  color: white;
  background-image: linear-gradient(to right, rgb(255, 255, 255) 50%, transparent 50%) !important;
  transition: 0.2s;
  background-repeat: repeat-x;
}
#section_news .news-item {
  margin-bottom: 0 !important;
}
#section_news .list-understated li {
  padding: 0 0 5px 18px;
}
#section_news #news_heading {
  margin-top: 0 !important;
}
#section_news .bg-overlay:after {
  border-radius: 10px;
}
@media (min-width: 1280px) {
  #section_news .bg-overlay:after {
    top: 6rem;
    right: 6rem;
    bottom: 6rem;
    left: 6rem;
  }
}
@media (min-width: 1200px) and (max-width: 1280px) {
  #section_news .bg-overlay:after {
    top: 6rem;
    right: 4rem;
    bottom: 6rem;
    left: 4rem;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  #section_news .bg-overlay:after {
    top: 4rem;
    right: 2rem;
    bottom: 4rem;
    left: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #section_news .bg-overlay:after {
    top: 8rem;
    right: 8rem;
    bottom: 8rem;
    left: 8rem;
  }
}
@media (min-width: 520px) and (max-width: 768px) {
  #section_news .bg-overlay:after {
    top: 5rem;
    right: 2rem;
    bottom: 5rem;
    left: 2rem;
  }
}
@media (max-width: 520px) {
  #section_news .bg-overlay:after {
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }
}
#section_icon_blocks .circle-icon {
  color: #ffffff !important;
  background: #153554 !important;
}
#section_leadership .card {
  height: 100% !important;
}
/*
#section_footer {
  background-repeat: repeat-x;
  background-image: linear-gradient(0deg, #53768f, #72a0c1);
}
*/
#section_footer a {
  color: #ffffff !important;
  font-size: 1rem;
  line-height: 27px;
  background-image: none;
}
#section_footer a:hover {
  color: #153554 !important;
  transition: .3s;
}
#section_footer .footer-img-buttons a:hover {
  text-decoration: none !important;
}
#section_footer h4 {
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: .85px;
  font-size: 1rem;
  font-weight: bold;
  color: white;
}
/* .section {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(189, 189, 189, 0.5);
  -moz-box-shadow: 0px 0px 8px 0px rgba(189, 189, 189, 0.5);
  box-shadow: 0px 0px 8px 0px rgba(189, 189, 189, 0.5);
} */
/** END Sections **/
/** Nav changes **/
.second-level-nav > li {
  /* background-color: #153554 !important; */
  background-color: white !important;
  border: none !important;
  border-bottom: none !important;
  position: relative;
}
/* .second-level-nav>li:after {
	background: #687952;
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 16px;
	position: absolute;
	width: calc(100% - 32px);
} */
.second-level-nav > li:last-of-type:after {
  height: 0;
}
.second-level-nav > li a {
  padding: 4px 16px !important;
  /* color: white !important; */
  color: #555 !important;
  display: flex;
}
.second-level-nav > li a:hover {
  color: #153554 !important;
  transition: .2s;
/*  text-decoration: none !important;*/
}
.dropdown-group-break {
  padding-bottom: 8px;
  position: relative;
}
.dropdown-group-break:after {
  background: #687952;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 16px;
  position: absolute;
  width: calc(100% - 32px);
}
#header {
  border-bottom: 5px solid #72a0c1;
}
/** END Nav changes **/

/** Committee members **/
.ca-gov-icon-triangle-down-bio:before {
  font-size: .9em;
  content: "\47";
}
.active .ca-gov-icon-triangle-down-bio:before {
  content: "\46";
}
.moreless:before {
  font-size: .9em;
  content: "More Details";
}
.active .moreless:before {
  content: "Less Details";
}
.limitlines1, .limitlines2, .limitlines3, .limitlines4, .limitlines5, .limitlines6, .limitlines7, .limitlines8, .limitlines9, .limitlines10, .limitlines11, .limitlines12, .limitlines13, .limitlines14, .limitlines15, .limitlines16, .limitlines17, .limitlines18, .limitlines19, .limitlines20, .limitlines21, .limitlines22 {
  overflow: hidden;
  display: -webkit-box;
  max-height: 450px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.unlimitlines {
  overflow: visible;
  text-overflow: inherit;
  display: -webkit-box;
}
/** END Committee members **/

/** Meetings **/
.event
{
	background-color: #efefef;
	padding-left: 50px;
	padding-right: 15px;
	padding-top: 1px;
	padding-bottom: 10px;
	margin-left: 2.325581395348837209302325581395%;
	margin-bottom: 10px;
	position: relative;
	min-height: 90px;
  	border: 1px solid #c5dae7;
	-moz-box-shadow: 0px 0px 2px 0px #aaaaaa;
	-webkit-box-shadow: 0px 0px 2px 0px #aaaaaa;
	box-shadow: 0px 0px 2px 0px #aaaaaa;
}

.event .address
{
	font-style: italic;
/*	color: #888888;*/
	color: #000000;
	font-weight: normal;
	font-size: 0.7em; 
}
.event .meeting-materials
{
	margin-left: 1.785714285714285714285714285714% ;
}

.event h6 { /*Bold title - no margins/padding */
	font-family: 'Arial Narrow', 'Helvetica Narrow', Arial, Helvetica, sans-serif;
	font-stretch: condensed;
	font-weight:bold;
	color:#333;
	font-size:1.2em;
	margin: 0px;
}

ul.date-list
{	
	list-style: outside none none;
    margin: 0px;
    margin-top: 10px;
    padding: 0px;
	/*list with date as list-style
	shifts first div over to bullet position */
}
ul.date-list > li
{
	background-image: none;
	position: relative;
	margin-left: 100px;
	padding: 0px 0px 16px 8px;
}
ul.date-list > li > div:first-child
{
	color:#666;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	/*top:3px;*/
	left: -135px;
	text-align: right;
	width: 135px;
}

.calendar-date
{
	/*border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 5px solid #39a9f9;*/
	
  	/*border: 0px;
	float: left;*/
	width: 55px;
	margin-right:2px;
	background: transparent;
	-moz-box-shadow:    1px 1px 2px 0px #aaaaaa;
  	-webkit-box-shadow: 1px 1px 2px 0px #aaaaaa;
  	box-shadow:         1px 1px 2px 0px #aaaaaa;
  	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	position: absolute;
	/* left:-3.325581395348837209302325581395%; */
	left: -15px;
	top:15px;
}


.calendar-date div:first-child /*Month*/
{
	background-color: #536043;
	font-weight: bold;
	font-size: 1em;
	color: white;
	text-transform: uppercase;
	text-align: center;
	padding: 2px;
	border: solid #536043;
	border: 0px 5px 0px 5px;
	border-radius: 5px 5px 0px 0px; 
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px; 

}
.calendar-date div:last-child /*Date*/
{
	background-color: #b77b01;
	color: white;
	text-align: center;
	font-size: 1.6em;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	border: solid #b77b01;
	border: 0px 5px 0px 5px;
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px;
	
}
.calendar-date div.multi-date
{
	font-size: 1.2em;
	padding-top: 6px;
	padding-bottom: 6px;
}

.expand-link-menu a
{
	cursor:pointer;
}

a.materials-list-expand
{
	text-decoration: none;
}
div.materials-list-expanded
{
	padding-top: 20px; 
  background-position: 60px 5px; 
  background-repeat: no-repeat;
}

.materials-triangle
{
	margin: 5px 0px 0px 70px;
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid #c5dae7;
}
div.materials-list-wrapper, .collapsed-div-content
{
	background-color: #c5dae7;
	position: relative;
	margin-top: 20px;
}
div.materials-list-wrapper:before, .collapsed-div-content:before
{
	position:absolute;
	content: "";
	bottom: 100%;
	left: 70px;
	width: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid #c5dae7;
}
.collapsed-div-content ul
{
	padding-top: 10px;
	padding-bottom: 10px;
}
ul.materials-list
{
	margin-top: 0px;
	padding-left: 6.622516556291390728476821192053%;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style:none;
	}


ul.materials-list li
{
	margin: 0px;
}
.event-cancelled
{
	color: #999;
}
.red-text
{
	color: red !important;
}

a.more-link
{
	float:right;
	background-color: #39a9f9;
	color: white;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	text-decoration: none;
	margin: 7px 0 0 0;
	padding: 3px;

}
div.blue-link-button
{
	width: auto;

}
div.blue-link-button a
{
	text-decoration: none;
	color: white;
	font-size: 1em;
	text-align: center;
	background-color: #189bf8;


	padding: 15px 30px 15px 30px;
	margin: 15px;

	display: block;
	-moz-box-shadow: 1px 1px 2px 0px #aaaaaa;
	-webkit-box-shadow: 1px 1px 2px 0px #aaaaaa;
	box-shadow: 1px 1px 2px 0px #aaaaaa;

	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;

}
/** END Meetings **/