<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ================================================================================ */
/* POST COLUMNS */
/* (modules.scss) */
/* ================================================================================ */
.post-thumb-half {
  float: right;
  position: relative;
  margin: 0px 0 5px 12px;
  display: block;
  width: 45%; }
  .post-thumb-half img {
    display: block;
    width: 100%;
    height: auto; }
  .post-thumb-half.pull-left {
    float: left;
    margin-left: 0;
    margin-right: 12px; }

.post-thumb-half.quarter {
  width: 34%; }

.post-title .post-thumb-half.quarter {
  width: 30%;
  float: left;
  margin: 0px 12px 5px 0px;
  padding-bottom: 10px; }
  .post-title .post-thumb-half.quarter .label {
    background: #2397db;
    color: #fff;
    font-family: 'Napco_1';
    font-size: 0.875em;
    font-weight: bold;
    text-transform: none;
    float: left;
    padding: 6px 7px;
    position: absolute;
    bottom: 17px;
    -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.37);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.37); }
.post-title .author-name {
  font-size: 0.875em;
  font-weight: 900;
  color: #6289b1;
  margin-top: 8px; }
.post-title .author-title {
  font-size: 0.875em;
  margin-bottom: 8px; }

.post-thumb-full {
  display: block;
  clear: both;
  position: relative; }
  .post-thumb-full img {
    display: block;
    width: 100%;
    height: auto; }

.cap-link {
  clear: both;
  text-align: center;
  background: #000;
  color: #fff;
  line-height: 60px;
  height: 60px;
  display: block;
  font-family: 'Napco_2 Condensed';
  font-size: 1.125em;
  font-weight: 700;
  text-transform: uppercase; }
  .cap-link:hover {
    text-decoration: none;
    background: #333; }
  .cap-link span {
    display: inline-block;
    position: relative;
    padding-right: 15px; }
    .cap-link span:after {
      content: '';
      background: url(../../images/sprite_ui.png) no-repeat;
      display: block;
      text-indent: -9999em;
      position: absolute;
      width: 10px;
      height: 16px;
      right: 0;
      top: 50%;
      margin-top: -8px;
      background-position: -45px -128px; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2) {
        .cap-link span:after {
          background-image: url(../../images/sprite_ui_2x.png) !important;
          -webkit-background-size: 800px 800px;
          background-size: 800px 800px; } }

.post-column {
  border-right: 1px solid #d2d2d2; }
  @media handheld, only screen and (max-width: 500px) {
    .post-column {
      border-right: none; } }
  .post-column .outlined-hd {
    display: block;
    clear: both;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 0; }
  .post-column .post-list-bd {
    background: darkgray; }
  .post-column article {
    display: block;
    padding: 15px;
    border-top: 1px solid #fff; }
    .post-column article:first-child {
      border-top: none; }
    .post-column article .post-title {
      display: block;
      clear: both;
      margin-bottom: 10px;
      line-height: 1.2em;
      font-size: 1.125em; }
      .post-column article .post-title a {
        font-weight: 700; }
    .post-column article .post-thumb-half {
      margin: 0 10px 5px 0;
      max-width: 85px; }
      .post-column article .post-thumb-half img {
        display: block; }
    .post-column article p {
      font-size: .875em; }
    @media handheld, only screen and (max-width: 480px) {
      .post-column article .post-title {
        margin-bottom: 0; }
      .post-column article .post-thumb-half, .post-column article p {
        display: none; } }

/* Remove top gap on homepage */
.main .post-column {
  margin-top: -30px; }
  @media handheld, only screen and (max-width: 480px) {
    .main .post-column {
      margin-top: 0; } }</pre></body></html>