/*$black: #ff00ff;*/
/*#909090 gray*/
/*$heroareaheight: 630px;*/
.vertcentre {
  position: relative;
  top: 51%;
  transform: translateY(-50%); }

.round, .heroArticle .imagecontainer img, .heroArticle .heroArticle-item {
  /*disabled for now*/
  /*border-radius: 1em;
    -webkit-border-radius: 1em;*/ }

.pinkText {
  color: #333; }

.fullWidthDivide {
  border-bottom: solid 1px #333; }

.fullWidthDivideTopBottom {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333; }

.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none; }

/*FONTS*/
@font-face {
  font-family: 'Graphik SemiBold';
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot");
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.woff") format("woff"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.ttf") format("truetype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

.BaskervilleRegular, .heroArticle .heroArticle-item .infocontainer .summary {
  font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif; }

.GraphikSemiBold, .heroArticle .heroArticle-item .infocontainer .title {
  font-family: 'Graphik SemiBold'; }

.heroArticle {
  height: 100%;
  margin-bottom: 79px; }
  .heroArticle .imagecontainer {
    width: 640px;
    height: 480px; }
    .heroArticle .imagecontainer img {
      /*max-height:460px; //480 for 640x480 4:3 */
      height: 100%;
      display: none; }
  .heroArticle .heroArticle-item {
    display: block;
    position: relative;
    cursor: pointer;
    background: url(/images/ajax-loader2.gif) no-repeat center 35%;
    width: 100%; }
    .heroArticle .heroArticle-item[data-hasvideo=True] {
      background: none; }
    .heroArticle .heroArticle-item .infocontainer {
      vertical-align: top;
      width: 640px;
      position: relative;
      top: 20px;
      /*Required because of line-height padding lameness*/
      padding-bottom: 21px; }
      .heroArticle .heroArticle-item .infocontainer .title {
        font-size: 36px;
        font-weight: bold;
        line-height: 48px;
        max-height: 112px;
        padding: 0px 10px; }
      .heroArticle .heroArticle-item .infocontainer .summary {
        font-size: 17.5px;
        line-height: 21px;
        padding-top: 6px; }
    .heroArticle .heroArticle-item .imagecontainer.loaded img {
      display: block;
      object-fit: cover; }
    .heroArticle .heroArticle-item .imagecontainer.loaded video {
      display: block;
      object-fit: cover; }
  .heroArticle .heroArticle-item.loaded {
    border: 0px;
    background: none; }
    .heroArticle .heroArticle-item.loaded img {
      display: block; }
    .heroArticle .heroArticle-item.loaded video {
      display: block; }
  .heroArticle .heroArticle-item:hover {
    text-decoration: none; }