/* block layout only */


[class^="outsideMargin"] {
  margin: 0 .5rem;
}
@media (min-width: 28.75rem) /* 460px */ {
  [class^="outsideMargin"] {
    margin: 0 .75rem;
  }
}
@media (min-width: 57rem) /* 912px */ {
  [class^="outsideMargin"] {
    margin: 0 1rem;
  }
}
@media (min-width: 80rem) /* 1280px */ {
  [class^="outsideMargin"] {
    margin: 0 auto;
    max-width: 78rem;
  }
}
/*
[class^="insideBorder"] {
  max-width: 58.5rem; /* 936px; *//*
  margin: 0 auto;
}
@media (min-width: 78rem) /* 1248px - chrome assumes base font of 20px at this size. *//* {
  [class^="insideBorder"] {
    max-width: 100%;
  }
}
*/
.ie9 .insideBorder-moments {overflow:hidden;}

.g-1 {
  /*width: 100%;*/
}

.s-1 {
  /*width: 100%;*/
  height: .75rem;
}

@media (min-width: 28.75rem) /* 460px */ {
  /*.cols {
    overflow: hidden;
  }*/
  .g-t-1-2 {
    width: calc(50% - 6px); /* IE 11 didn't like .375rem */
    float: left;
  }
  .s-t {
    width: .75rem;
    height: .75rem;
    float: left;
  }
  .s-t-4 {
    width: .75rem;
    float: none;
    clear: both;
  }
}

@media (min-width: 57rem) /* 912px */ {
  .s-d {
    width: 1rem;
    height: 1rem;
  }
  .s-d-1 {
    height: 1rem;
  }
  .s-t-4 {
    width: 1rem;
    float: left;
    clear: none;
  }
  .g-d-1-2 {
    width: calc(50% - .5rem);
  }
  .g-d-1-4 {
    width: calc(25% - 12px); /* IE 11 didn't like .375rem so I left this at 12px without testing */
  }
}

[class^="stmp_a-moments"] {
  display: block;
  height: 100%;
}
[class^="stmp_img-moments"] {
  display: block;
  width: 100%;
}


/* Stamp layouts */

.cnt-moments {
}
@media (min-width: 28.75rem) /* 460px */ {
  .cnt-moments {
    overflow: hidden;
  }
}
@media (min-width: 600px) {
  .cnt-moments {
    /*display: flex;*/
  }
}
@media (min-width: 912px) {
  .cnt-moments {
    display: flex;
    overflow: visible; /* for focus ring visibility */
  }
}
.stmp_a-moments,
.stmp_a-moments * {
  transition: all .3s ease-out;
}
.stmp_a-moments [class^="stmp_txtCnt-moments"],
.stmp_a-moments:visited [class^="stmp_txtCnt-moments"] {
  color: #DC0800;
  background-color: #fff;
}
.stmp_a-moments:hover [class^="stmp_txtCnt-moments"],
.stmp_a-moments:focus [class^="stmp_txtCnt-moments"] {
  background-color: #f7f7f7;
}
[class^="stmp_img-moments"] {
  display: none;
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.brghtHvr105:hover [class^="stmp_img-moments"],
.brghtHvr105:focus [class^="stmp_img-moments"] {
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.brghtHvr110:hover [class^="stmp_img-moments"],
.brghtHvr110:focus [class^="stmp_img-moments"] {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
}
.brghtHvr120:hover [class^="stmp_img-moments"],
.brghtHvr120:focus [class^="stmp_img-moments"] {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}






/* Moments 8 section - Image references */


/* lead images at mobile */
.stmp_img-moments-1 {
  display: block;
  background-image: url(../i/moments/s1.mobile.jpg);
  padding-bottom: 52.5%;
}
.stmp_img-moments-4 {
  display: block;
  background-image: url(../i/moments/s4.mobile.jpg);
  padding-bottom: 52.5%;
}

/* Stamp images begin at 600px */
@media (min-width: 600px) {
  [class^="stmp_img-moments"] {
    display: block;
  }
  .stmp_img-moments-1 {
    background-image: url(../i/moments/s1.jpg);
    padding-bottom: 24.1%;
  }

  .stmp_img-moments-2 {
    background-image: url(../i/moments/s2.jpg);
    padding-bottom: 32%;
  }
  .stmp_img-moments-3 {
    background-image: url(../i/moments/s3.jpg);
    padding-bottom: 32%;
  }

  .stmp_img-moments-4 {
    background-image: url(../i/moments/s4.jpg);
    padding-bottom: 24.1%;
  }

  /* Thin images 600 - 912px sw */
  /* 437.5 x 140 @ 911px SW */
  .stmp_img-moments-5 {
    background-image: url(../i/moments/s5.thin.jpg);
    padding-bottom: 32%;
  }
  .stmp_img-moments-6 {
    background-image: url(../i/moments/s6.thin.jpg);
    padding-bottom: 32%;
  }
  .stmp_img-moments-7 {
    background-image: url(../i/moments/s7.thin.jpg);
    padding-bottom: 32%;
  }
  .stmp_img-moments-8 {
    background-image: url(../i/moments/s8.thin.jpg);
    padding-bottom: 32%;
  }
}
/* Up to 4 square (ish) images at 912px */
@media (min-width: 912px) {
  .stmp_img-moments-5 {
    background-image: url(../i/moments/s5.jpg);
    padding-bottom: 65.45%;
  }
  .stmp_img-moments-6 {
    background-image: url(../i/moments/s6.jpg);
    padding-bottom: 65.45%;
  }
  .stmp_img-moments-7 {
    background-image: url(../i/moments/s7.jpg);
    padding-bottom: 65.45%;
  }
  .stmp_img-moments-8 {
    background-image: url(../i/moments/s8.jpg);
    padding-bottom: 65.45%;
  }
}







[class^="stmp_txtCnt-moments"] {
  display: block;
  padding: .75rem 1rem;
}
@media (min-width: 600px) {
  .stmp_txtCnt-moments-g1 {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
.stmp_em-moments {
  display: block;
  font-style: normal;
  font-size: 18px;
  line-height: 1.2;
}
@media (min-width: 912px) {
  .cnt-moments .stmp_em-moments {
    min-height: 3.5em;
  }
}
@media (min-width: 1248px) {
  .cnt-moments .stmp_em-moments {
    min-height: auto;
  }
  .stmp_em-moments {
    font-size: 20px;
  }
}
.stmp_cta-moments {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  color: #666;
  margin-top: .25em;
}
.stmp_cta-moments .cta-arrow {
  top: 0.1em;
  right: 0;
}