/**
 * @file
 * Visual styles for Bartik's main-content component.
 */

.main-content .section {
  padding: 0 15px;
}
.main-content h2, .main-content h1 {
    margin-bottom: 20px;
    font-size: 2em;
    text-transform: uppercase;
    border-bottom: 2px solid #ececec;
}

@media all and (min-width: 851px) {
  .main-content {
    position: relative;
    float: left; /* LTR */
  }
  [dir="rtl"] .main-content {
    float: right;
  }
  .layout-two-sidebars .main-content {
    width: 50%;
    margin-right: 25%;
    margin-left: 25%;
  }
  .layout-one-sidebar .main-content {
    width: 75%;
  }
  .layout-no-sidebars .main-content {
    width: 100%;
  }
  .layout-sidebar-first .main-content {
    margin-right: 0; /* LTR */
    margin-left: 25%; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-first .main-content {
    margin-right: 25%;
    margin-left: 0;
  }
  .layout-sidebar-second .main-content {
    margin-right: 25%; /* LTR */
    margin-left: 0; /* LTR */
  }
  [dir="rtl"] .layout-sidebar-second .main-content {
    margin-right: 0;
    margin-left: 25%;
  }
}