/******************************************************************************
 * homepage-a.layout.scss
 *
 * Styles for the Homepage Template A layout.
 *****************************************************************************/
/* ITN branding */
/* System messages */
.l-content {
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.l-content-modules {
  margin-top: 18px;
  position: relative;
  /* for IE 6/7 */
  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
  /* non-JS fallback */
  *zoom: 1;
}
.l-content-modules:before, .l-content-modules:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.l-content-modules:after {
  clear: both;
}

.content-module {
  background: white;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

@media (min-width: 44em) {
  .content-module-a {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 0%;
    clear: none;
  }

  .content-module-b {
    width: 31.91489%;
    float: left;
    margin-right: -100%;
    margin-left: 34.04255%;
    clear: none;
  }

  .content-module-c {
    width: 31.91489%;
    float: right;
    margin-left: 0;
    margin-right: 0;
    clear: none;
  }

  .front .l-region--hero {
    padding: 20px;
    min-height: 365px;
    overflow: hidden;
  }
}