h3.models-index-headers {
  position: relative;
  display: inline-block;
  padding-right: .5rem;
  margin: .5rem 0;
  background-color: rgb(40,100,162);
  z-index: 10;
  font-size: 1.375rem;
  font-family: Roboto, Arial, sans-serif;
}

hr.models-index-headers--hr {
  position: relative;
  top:-1.375rem;
  height: 1px;
  margin: 0;
}

.thumbnail-cards-wrapper.thumbnail-cards-wrapper--row {
  /* Models by Owner page only (not used on "all owners" */
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start; /* may switch back to space-around; may need to adjust per screen sizes */
}

.thumbnail-cards {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: rgb(245,245,237);
  margin: 0 0 1rem;
}

.thumbnail-cards.darkmode {
  background-color: rgb(55,55,59);
  color: rgb(150,150,150); /* 210,210,208 */
}

.thumbnail-cards {
  /* color: rgb(45,70,100); */
  color: rgb(30,48,65); /* a bit darker */
}

.thumbnail-cards--img img {
  max-width: 100%;
  display: block; /* eliminates gap between image and "middle" */
}

.thumbnail-cards--img a,
.thumbnail-cards--img img {
  border: 0;
  outline: 0;
}

.thumbnail-cards--middle {
  padding: 10px .75rem 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
  /* border: 2px solid red; */
}

.thumbnail-cards--header{
  margin: 0 0 .6rem 0;
  /* border: 2px solid blue; */
  height: 50px;
  /* box-sizing: content-box; */
  /* vertical-align: bottom; */
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.thumbnail-cards--header {
  font-size: 1.375rem;
  font-weight: bold;
  color: rgb(40,85,160);
}

.thumbnail-cards.darkmode .thumbnail-cards--header {
  color: rgb(195,195,190);
}

.thumbnail-cards--header,
.thumbnail-cards--header a,
.thumbnail-cards--header a:visited {
  font-size: 1.375rem;
  font-weight: bold;
}


.thumbnail-cards--body {
  /* border: 2px solid yellow; */
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-grow: 1;
}

.thumbnail-cards--body p {
  margin-bottom: .25rem;
}

.thumbnail-cards--body_reportingmarks-div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: .5rem 0;
}

.thumbnail-cards--body_reportingmarks-div a {
  display: inline-block;
  padding: .125rem .25rem;
  margin: .375rem .5rem;
  border-radius: 3px;
  text-decoration: none;
  min-width: 2rem;
}

.thumbnail-cards--footer {
  margin-top: auto;
  background: rgb(226,224,215);
	border: solid rgb(170,170,167);
	border-width: 1px 0 0;
  font-weight: 500;
  font-size: 0.8rem;
  font-family: roboto, arial, helvetica, sans-serif;
  padding: 12px 2px;
}

.thumbnail-cards.darkmode .thumbnail-cards--footer {
  border-color: rgb(110,110,105);
  background-color: rgb(40,40,40);
}

.thumbnail-cards--footer p.IndexItemPhotoCounts:first-of-type {
  margin-bottom: 3px;
}

.thumbnail-cards--middle p.albumCounts {
  margin-top:.75rem;
  font-size:.75em;
  font-family: roboto, arial, helvetica, sans-serif;
}


.thumbnail-cards--body a,
.thumbnail-cards--body span.js-seperator {
  display: inline-block;
}

.thumbnail-cards--body a {
  white-space: nowrap;
  font-weight: 500;
}

.thumbnail-cards--body .fiveMostRecentUpdatesList_gv {
  margin: 0 auto;
  font-family: roboto, ubuntu, arial;
}

.thumbnail-cards--body .fiveMostRecentUpdatesList_gv .RecentUpdatesDateColumn {
  text-align: right;
  padding-right: 1rem;
}

.thumbnail-cards--body .fiveMostRecentUpdatesList_gv .RecentUpdatesCountColumn {
  text-align: left;
}


a.rmarks-scroll-down-link {
  display: inline-block;
  text-align: center;
  padding: .25rem;
  margin: 0 1.5rem;
  margin-left: 0;
  border-radius: 3px;
  text-decoration: none;
  min-width: 4.375rem;
}

a.rmarks-scroll-down-link {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: Roboto, Arial, sans-serif;
  background-color: rgb(200,200,200); /* 210,210,208 */
}

a.rmarks-scroll-down-link,
a.rmarks-scroll-down-link:visited {
  color: rgb(60,60,60);
}

a.rmarks-scroll-down-link:hover {
  background-color: rgb(55,55,59);
  color: rgb(190,190,190); /* 210,210,208 */
}




@media(min-width:500px){

  .thumbnail-cards {
    width: 260px;
    margin: 12px 8px;
  }

  .thumbnail-cards--img {
    min-height: 146px;
  }

}

@media(min-width:1350px){

  .thumbnail-cards {
    width: 255px;
    margin: 14px 10px;
  }

  .thumbnail-cards--img {
    min-height: 143px;
  }


}


@media(min-width:1450px){

  .thumbnail-cards {
    width: 265px;
    margin: 14px 10px;
  }

  .thumbnail-cards--img {
    min-height: 149px;
  }


}


@media(min-width:1600px){

  .thumbnail-cards {
    width: 260px;
    margin: 14px 10px;
  }

  .thumbnail-cards--img {
    min-height: 146px;
  }


}


@media(min-width:1800px){

  .thumbnail-cards {
    width: 280px;
    margin: 14px 10px;
  }

  .thumbnail-cards--img {
    min-height: 157px;
  }


}


@media(min-width:1920px){

  .thumbnail-cards {
    width: 300px;
    margin: 14px;
  }

  .thumbnail-cards--img {
    min-height: 169px;
  }


}


/* ********  LINK COLORS  ******** */
/* excluding rmarks-scroll-down-link still above */


/* header */
.thumbnail-cards--header a,
.thumbnail-cards--header a:visited {
  color: rgb(40,85,160);
}

.thumbnail-cards.darkmode .thumbnail-cards--header a,
.thumbnail-cards.darkmode .thumbnail-cards--header a:visited {
  color: rgb(195,195,190);
}

.thumbnail-cards--header a:hover,
.thumbnail-cards--header a:active,
.thumbnail-cards--header a:focus,
.thumbnail-cards.darkmode .thumbnail-cards--header a:hover,
.thumbnail-cards.darkmode .thumbnail-cards--header a:active,
.thumbnail-cards.darkmode .thumbnail-cards--header a:focus {
    /* color: rgb(45,136,239); */
    /* color: rgb(98, 170, 255); */
    color: rgb(41, 141, 255);
    text-decoration: underline !important;
}

body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--header a:hover {
  color: rgb(225, 95, 33);
}



/* body, footer */
.thumbnail-cards.darkmode .number-series-block .js-seperator {
  color: rgb(90, 90, 90);
}


.thumbnail-cards--body a,
.thumbnail-cards--footer a {
  color: rgb(196,39,2);
}
.thumbnail-cards.darkmode .thumbnail-cards--body a,
.thumbnail-cards.darkmode .thumbnail-cards--footer a {
  /* color: rgb(245, 42, 10); */
  /* color: rgb(240, 44, 6); */
  color: rgb(255, 240, 0);
  /* color: rgb(126, 150, 182); */
  /* color: rgb(157, 190, 233); */
  /* color: rgb(212, 212, 205); */
}


.thumbnail-cards--body a:visited,
.thumbnail-cards--footer a:visited {
  /* color: rgb(45,70,100); */
  color: rgb(30,48,65); /* a bit darker */
}

.thumbnail-cards.darkmode .thumbnail-cards--body a:visited,
.thumbnail-cards.darkmode .thumbnail-cards--body a:active,
.thumbnail-cards.darkmode .thumbnail-cards--body a:focus,
.thumbnail-cards.darkmode .thumbnail-cards--footer a:visited,
.thumbnail-cards.darkmode .thumbnail-cards--footer a:active,
.thumbnail-cards.darkmode .thumbnail-cards--footer a:focus {
  /* color: rgb(212, 212, 205); */
  /* color: rgb(113, 145, 187); */
  /* color: rgb(88, 149, 219); */
  color: rgb(195,195,190);
}

/* .thumbnail-cards.darkmode .thumbnail-cards--body a:visited:hover,
.thumbnail-cards.darkmode .thumbnail-cards--footer a:visited:hover {
  color: rgb(230, 45, 3);
} */

.thumbnail-cards--body a:hover,
.thumbnail-cards--body a:active,
.thumbnail-cards--body a:focus,
.thumbnail-cards--footer a:hover,
.thumbnail-cards--footer a:active,
.thumbnail-cards--footer a:focus,
.thumbnail-cards.darkmode .thumbnail-cards--body a:hover,
.thumbnail-cards.darkmode .thumbnail-cards--footer a:hover {
  /* color: rgb(45,136,239); */
  /* color: rgb(55, 145, 255); */
  /* color: rgb(212, 212, 205); */
  color: rgb(41, 141, 255);
  text-decoration: underline !important;
}


body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--body a,
body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--footer a {
  color: rgb(225, 95, 33);
}

body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--body a:visited,
body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--footer a:visited,
body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--body a:hover,
body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--footer a:hover {
  color: rgb(228, 212, 154);
}

body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--body a:visited:hover,
body.winnipegTheme .thumbnail-cards.darkmode .thumbnail-cards--footer a:visited:hover {
  color: rgb(225, 95, 33);
}



.thumbnail-cards--body_reportingmarks-div a,
.thumbnail-cards--body_reportingmarks-div a:visited {
  color: rgb(30,48,65);
  background-color: rgb(216,214,208); /* 210,210,208 */
}

.thumbnail-cards.darkmode .thumbnail-cards--body_reportingmarks-div a,
.thumbnail-cards.darkmode .thumbnail-cards--body_reportingmarks-div a:visited {
  color: rgb(40,40,40);
  background-color: rgb(140,140,140); /* 210,210,208 */
}

.thumbnail-cards .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:active,
.thumbnail-cards .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:focus,
.thumbnail-cards .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:hover,
.thumbnail-cards .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:visited:hover {
  background-color: rgb(55,55,59);
  color: rgb(190,190,190); /* 210,210,208 */
  text-decoration: none !important;
}

.thumbnail-cards.darkmode .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:active,
.thumbnail-cards.darkmode .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:focus,
.thumbnail-cards.darkmode .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:hover,
.thumbnail-cards.darkmode .thumbnail-cards--body .thumbnail-cards--body_reportingmarks-div a:visited:hover {
  color: rgb(40,40,40);
  background-color: rgb(190,190,190); /* 210,210,208 */
}