/**
  * CTO Custom Stylesheet
  * This stylesheet is meant to allow for overrides on the Basic or Advanced Theme, 
  * without using the included Theme Customizer. Think of it as a sort of "child stylesheet"
  * to the included style.css that SHOULD NOT be changed!
  * Make all site-specific custom changes in here!
**/

/**
  * Two column list for officials, board members, etc.
**/
.people-list {
  list-style: none;
  padding: 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
.people-list li {
  overflow: hidden;
  vertical-align: top;
}
.people-list li:before,
.people-list li:after {
  content: " ";
  display: table;
}
.people-list li:after {
  clear: both;
}
.people-list li {
  *zoom: 1;
}

/**
  * One column list for departments, organizations, etc.
**/
.departments-list {
  list-style: none;
  padding: 0;
}
.departments-list li {
  overflow: hidden;
  vertical-align: top;
}
.departments-list h2 {
  margin: 0 0 16px 0; margin: 0 0 1rem 0;
}
.departments-list p {
  margin: 0;
}


/**
  * Notices on the front page
**/
.cto-notices {
  padding: 16px 32px; padding: 1rem 2rem;
  background: #FFF;
  color: #666;
  margin: 0 0 32px; margin: 0 0 2rem;
}
.cto-notices h2 {
  margin: 0 0 4px 0; margin: 0 0 0.25rem 0;
  font-size: 32px;
  font-size: 2rem;
}
.cto-notices ul {
  padding: 0;
}
.cto-notices ul li {
  
}
.cto-notices-left {
  float: left;
}

@media screen and (min-width: 768px) {
  .cto-notices {
    /* float: right; */
    width: 320px;
    margin: 0 0 32px 32px; margin: 0 0 2rem 2rem;
  }
}