/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */
article {
  margin-top: 1em; }

.node-info {
  border: 1px solid #ECECEC;
  margin: 0 -5px;
  padding: 0 5px; }
  .node-info span.field-label {
    font-weight: 600;
    padding: 0;
    padding-left: 1em; }
    .node-info span.field-label:first-child {
      padding-left: 0; }
  .node-info h3 {
    font-size: 1em;
    margin-bottom: 0.2em; }
    .node-info h3:first-child {
      margin-top: 0; }

.dcsf-mark {
  background-color: #005aab;
  color: #ffffff;
  border-radius: 4px;
  padding: 2px;
  margin: 0 4px; }

.field-registration {
  margin-bottom: 5px; }

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-unpublished {
  /* Unpublished nodes */
  /* background-color: #fff4f4; */
  /* Drupal core uses a #fff4f4 background */ }
  .node-unpublished p.unpublished {
    /* The word "Unpublished" displayed underneath the content. */
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; }

/*
 * Footnotes
 */
.see-footnote {
  font-size: 1em;
  vertical-align: inherit;
  top: 0; }

.see-footnote:before {
  content: '['; }

.see-footnote:after {
  content: ']'; }

/*
 * Galleries
 */
.media-gallery-media .media-gallery-media-item-thumbnail {
  position: relative; }
  .media-gallery-media .media-gallery-media-item-thumbnail:hover figcaption {
    visibility: visible; }
.media-gallery-media figcaption {
  padding: 0 4px;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  visibility: hidden;
  width: 100%; }

.mg-col {
  margin: 0;
  margin-left: -0.5em; }

.mg-col-1 {
  width: 100% !important; }

.mg-col-2 {
  width: 50% !important; }

.mg-col-3 {
  width: 33.3% !important; }

.mg-col-4 {
  width: 24.96% !important; }

.mg-col-5 {
  width: 20% !important; }

.mg-col-6 {
  width: 16.6666666665% !important; }

.mg-col-7 {
  width: 14.2857142857% !important; }

.mg-col-8 {
  width: 12.5% !important; }

.mg-col-9 {
  width: 11.1111111111% !important; }

.mg-col-10 {
  width: 10% !important; }

/*
 * Alignments
 */
.aligncenter {
  margin: 1.6em auto; }

.alignright {
  float: right;
  clear: right;
  margin-left: .8em;
  margin-bottom: .8em; }

.alignleft {
  float: left;
  clear: left;
  margin-right: .8em;
  margin-bottom: .8em; }

/*
 * Image box
 */
.frame {
  margin-bottom: .8em;
  background-color: #ECECEC;
  overflow: hidden; }
  .frame figcaption {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: normal;
    padding: .4em;
    padding-top: 0; }

div.aligncenter .frame {
  display: inline-block; }