/*
	Mayor Index  
*/

.main-header {
  border-bottom: none; }


.mayor-header-container {
  background: #e0e0e0 url("/assets/home/images/global/bg-pattern-highlighted.png") repeat; }

@media (max-width: 767px) {
  
  .mayor-header-container .header {
    padding: 0 10px; } }


.mayor-header-container .header .left {
  width: 80%;
  float: left; }
  @media (max-width: 767px) {
    
    .mayor-header-container .header .left {
      width: 75%; } }
  @media (max-width: 479px) {
    
    .mayor-header-container .header .left {
      width: 50%;
      padding-left: 10px; } }


.mayor-header-container .header .right {
  width: 20%;
  float: right; }
  @media (max-width: 767px) {
    
    .mayor-header-container .header .right {
      width: 25%; } }
  @media (max-width: 479px) {
    
    .mayor-header-container .header .right {
      width: 40%;
      padding-right: 10px; } }


.mayor-header-container .header h2 {
  font-size: 21px;
  font-weight: normal;
  float: left; }
  @media (max-width: 767px) {
    
    .mayor-header-container .header h2 {
      font-size: 16px;
      line-height: 22px; } }
  @media (max-width: 479px) {
    
    .mayor-header-container .header h2 {
      line-height: 18px; } }


.mayor-header-container .header .btn-filter {
  float: right;
  display: block;
  border: 0;
  color: white;
  font-size: 12px;
  padding: 8px;
  font-weight: bold;
  border-radius: 3px;
  background: #000;
  margin: 16px 0;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    
    .mayor-header-container .header .btn-filter {
      margin-top: 6px; } }
  @media (max-width: 479px) {
    
    .mayor-header-container .header .btn-filter {
      margin-top: 16px; } }


.page-subheader .mod-title {
  margin: 10px 0 0 0; }


.carousel-container {
  height: 580px; }
  @media (min-width: 768px) and (max-width: 976px) {
    
    .carousel-container {
      height: 440px; } }
  @media (max-width: 767px) {
    
    .carousel-container {
      height: 100%; } }


.bio-container {
  padding: 0 0 40px 0; }


.mayor-mini-bio {
  background: #efefef; }


.mayor-mini-bio.span12:last-child {
  float: left; }


.mayor-mini-bio .span4 {
  margin: 0 0 0 2%; }


.mayor-mini-bio img {
  float: right;
  margin-top: -25px;
  width: 100%; }
  @media (max-width: 826px) {
    
    .mayor-mini-bio img {
      margin-top: 0; } }


.mini-header.span8:last-child {
  float: left;
  margin: 0 0 10px 0; }
  @media (max-width: 767px) {
    
    .mini-header.span8:last-child {
      width: 99%; } }


.mayor-mini-bio h3 {
  text-align: center;
  color: #005699;
  font-size: 36px;
  line-height: 38px;
  margin: 4% 0 0 0;
  letter-spacing: -1px; }
  @media (max-width: 767px) {
    
    .mayor-mini-bio h3 {
      margin: 10px 0 0 0;
      font-size: 26px;
      line-height: 32px; } }


.mayor-mini-bio .subtitle.span12 {
  text-align: center;
  margin: 0;
  color: #666;
  font-weight: bold;
  font-size: 15px; }
  @media (max-width: 767px) {
    
    .mayor-mini-bio .subtitle.span12 {
      font-size: 12px; } }


.mayor-mini-bio .line {
  display: block;
  border-top: 1px solid #ccc;
  margin-top: 11px;
  height: 10px;
  float: left; }
  @media (max-width: 767px) {
    
    .mayor-mini-bio .line {
      display: none; } }


.mayor-mini-bio .line.span2 {
  margin-right: 0; }


.mayor-mini-bio label.span6 {
  margin-right: 0;
  width: 56%; }

@media (max-width: 767px) {
  
  .mayor-mini-bio .subtitle .middle {
    width: 100%; } }

@media (max-width: 767px) {
  
  .mayor-mini-bio .subtitle label {
    width: 100%;
    font-size: 14px; } }


.mayor-mini-bio .content-container {
  float: left;
  margin: 0;
  padding: 5px 0 0 0; }


.mayor-mini-bio .content-container p {
  line-height: 20px;
  padding: 0 3% 2% 6%;
  font-size: 15px; }
  @media (max-width: 767px) {
    
    .mayor-mini-bio .content-container p {
      padding: 0 30px; } }


.read-bio-container.span12:last-child {
  float: left;
  /*margin-bottom:20px;*/ }


.read-bio-container .btn-read-bio {
  text-transform: uppercase;
  background: #005699;
  display: block;
  color: white;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  width: 20%;
  margin: 0 auto; }
  @media (max-width: 767px) {
    
    .read-bio-container .btn-read-bio {
      margin: 15px 0 20px 30px; } }
  @media (max-width: 630px) {
    
    .read-bio-container .btn-read-bio {
      width: 30%; } }
  @media (max-width: 479px) {
    
    .read-bio-container .btn-read-bio {
      width: 40%; } }


.read-bio-container .btn-read-bio:hover {
  background: #1771B7; }


.link-arrow-white::after {
  margin: 0; }


.module-by-the-number {
  padding-top: 20px; }


.module-stay-connected {
  padding-top: 10px; }


.by-the-number {
  padding: 20px 0 50px 0; }
 
 .module-connect-buttons span.marker {
	background: url("/assets/home/images/global/envelope.png") no-repeat !important;
	margin-right:5px;
 }
.mini-header .subtitle.span12 {
	margin-left: -28px;
}
@media (max-width: 767px) {
	.mini-header .subtitle.span12 {
		margin-left: 0;
	}
}