
#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;
}

.centerContent{
	
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}



/*Updates to template CSS*/
.list-understated {
    margin: 11px;
  
}

.section-primary, .card-primary {
    background: white;
   color:#323a45 !important;

}

.section-impact, .card-impact {
    background: #e1e7ee !important;
    color: #323a45 ;
}
.section-impact a:not(.btn), .card-impact a:not(.btn) {
     color: #323a45 ;
}
    
.section-impact .btn-default, .card-impact .btn-default {
    color: #323a45 ;
}

.section-impact .btn-default, .card-impact .btn-default {
 
     border-color: transparent !important;
	font-size: 1em;
	font-weight: 400;
  
}

.section-impact a:not(.btn), .card-impact a:not(.btn) {
    color: #323a45 ;
	font-size: 1em;
	font-weight: 400;
}

.leaderContainer
{
	width: 23%; display: inline-block; margin: 0 auto; text-align: left;
}

@media (max-width: 1280px){
	.leaderContainer
	{
		margin-top: 12px;
		display: block; 
	}
}

.navigation-search {
    border-bottom: 5px solid #c3d69b;
    position: relative;
}

.first-level-link > span[class^="ca-gov-icon"] {
    color: #c3d69b;
}

.first-level-link {
    color: #27336d;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #27336d;	
}
p {
    color: #222b10;	
/*    color: #4f6228;	*/
}
ul{
	color: #222b10;	
/*	color: #4f6228;	*/
}
.explore-invite {
	padding: 5em;
}

.panel-body{
/*	color: #222b10 !important;	*/
	color: #4f6228 !important;	
}
.collapsed{
	color: #27336d !important;	
}
.utility-header { 
    background: #536043;    
}
.section-standout, .card-standout {
    background: #536043;   

}

@media (min-width: 768px){
.sixth {
    float: left;
    width: 16.66666667%;
	}
}
.sixth {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px){
.fifth {
    float: left;
    width: 20%;
	}
}
.fifth {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 768px){
.ask-group .ask-panel {
    width: 630px !important;
}
}

@media (min-width: 768px){
.ask-button.btn-primary {
     width: 630px !important;
}
}

.ask-options li a {
    
    line-height: 25px !important;
   
}

/* ************************** 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-image: url('/images/meeting_materials_triangle.png');*/
    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;

}


/* ************************** Accordion button toggle *************************** */

.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;
text-overflow: ellipsis;
display: -webkit-box;
/*line-height: 16px;*/     /* fallback */
max-height: 45px;      /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}

.unlimitlines {
overflow: visible;
text-overflow: inherit;
display: -webkit-box;
/*line-height: 16px;*/     /* fallback */
/*max-height: 42px;      /* fallback */
/*-webkit-line-clamp: 2;  number of lines to show */
/*-webkit-box-orient: vertical;*/
}

.thumbnail img {
	width: 82px !important;
}

#bio1, #bio2, #bio3, #bio4, #bio5, #bio6, #bio7, #bio8, #bio9, #bio10, #bio11, #bio12, #bio13, #bio14, #bio15, #bio16, #bio17, #bio18, #bio19, #bio20, #bio21, #bio22 {
	margin-top: 18px !important;
}


@media (max-width: 768px)
 {#nav-item-search {
	 display: none;}
}


.utility-header a:hover,
.utility-header a:focus,
.utility-header a.hovered {
  color: #f9df50;
  text-decoration: none;
}

.goog-te-menu-value:hover,
.goog-te-menu-value:focus {
  color: #736725 !important;  	
}

.section-impact a:not(.btn):hover,
.card-impact a:not(.btn):hover,
.section-impact a:not(.btn):focus,
.card-impact a:not(.btn):focus {
  color: #736725;
  text-decoration: underline;
}

.news-item .published {
  color: #646464;
  font-style: italic;
}


/*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;
}


.featured-search .textfield-container {

  background: rgba(0, 0, 0, 0.65);
}
