/**
 * @file
 * Component Layout CSS and some Page layout overrides
 */
main {
  margin-top: 0; }

.container {
  display: table;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.top-content {
  margin-top: 60px; }

.path-frontpage .top-content {
  margin-top: 50px; }

.layout-content {
  margin-bottom: 50px; }
  .layout-content .layout-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%; }
  .layout-content.two-col-layout .layout-item {
    width: 25%; }
    .layout-content.two-col-layout .layout-item:first-child {
      width: 75%; }

.region-top-content {
  position: relative; }
  .region-top-content > div {
    padding: 0 15px; }
  .region-top-content::after {
    clear: both;
    content: '';
    display: table; }
  .region-top-content .left-content {
    float: left;
    width: 75%; }
  .region-top-content .right-content {
    float: left;
    width: 25%; }
    .region-top-content .right-content p {
      font-weight: bold; }
      .region-top-content .right-content p a {
        font-weight: bold; }
  .region-top-content .state-summaries {
    position: relative; }
    .region-top-content .state-summaries .block-title {
      cursor: pointer;
      margin: 0; }
      .region-top-content .state-summaries .block-title .icon {
        display: none; }
      .region-top-content .state-summaries .block-title::after {
        background: #c0dae5;
        color: #014968;
        content: '\f078';
        font-family: "Font Awesome 5 Free";
        padding: 5px;
        position: absolute;
        right: 15px;
        transition: 0.5s; }
    .region-top-content .state-summaries .block-content {
      background: #f2f2f2;
      display: none;
      left: 15px;
      max-height: 500px;
      overflow-x: auto;
      position: absolute;
      width: calc(100% - 30px);
      z-index: 1; }
    .region-top-content .state-summaries.open .block-title::after {
      content: '\f077'; }
    .region-top-content .state-summaries.open .block-content {
      display: block; }

.state-summaries-left p {
  color: #014968;
  font-family: "Lato", "Arial", sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 24px; }

.page-node-type-state .layout-content {
  margin-bottom: 0;
  padding-bottom: 50px; }

.page-node-type-state .page__title h1 {
  padding-right: 25%; }

.page-node-type-state .container {
  max-width: 1100px; }

.page-node-type-state .state-summaries {
  position: absolute;
  right: 0;
  top: 57px;
  width: 25%; }

.page-node-type-state .node--type-state .node__content > .field:first-child {
  padding-top: 0; }

.left-content p {
  margin: 0; }

.left-content h3 {
  font-size: 28px;
  line-height: 42px; }

@media (max-width: 767px) {
  .top-content {
    margin-top: 20px; }
  .region-top-content .left-content {
    width: 100%; }
  .region-top-content .right-content {
    width: 100%; }
  .region-top-content .state-summaries-left {
    margin-bottom: 25px; }
  .layout-content.two-col-layout .layout-item {
    width: 100%;
    margin-bottom: 30px; }
    .layout-content.two-col-layout .layout-item:first-child {
      width: 100%; }
  .recount-laws-database .layout-container div[role='main'] .two-col-layout .row,
  .page-node-type-state .layout-container div[role='main'] .two-col-layout .row {
    display: flex;
    flex-direction: column-reverse; }
  .page-node-type-state .state-summaries {
    margin-bottom: 20px;
    position: unset;
    width: 100%; }
  .page-node-type-state .page__title h1 {
    padding-right: 0; }
  .page-node-type-state .region-top-content {
    display: flex;
    flex-direction: column; } }

/*# sourceMappingURL=layout.css.map */