/* ----- START IMAGE THUMBNAIL STYLELING ----- */
.thumbnail,
.start-thumbnail,
.center-thumbnail,
.end-thumbnail,
.top-thumbnail,
.middle-thumbnail,
.bottom-thumbnail,
.thumbnail a,
.start-thumbnail a,
.center-thumbnail a,
.end-thumbnail a,
.top-thumbnail a,
.middle-thumbnail a,
.bottom-thumbnail a {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.thumbnail img,
.start-thumbnail img,
.center-thumbnail img,
.end-thumbnail img,
.top-thumbnail img,
.middle-thumbnail img,
.bottom-thumbnail img {
  width: 100%;
  max-width: 100%;
  display:none;
}

.start-thumbnail,
.start-thumbnail a {
  justify-content: flex-start;
}

.center-thumbnail,
.center-thumbnail a {
  justify-content: center;
}

.end-thumbnail,
.end-thumbnail a {
  justify-content: flex-end;
}

.top-thumbnail,
.top-thumbnail a {
  align-items: flex-start;
}

.middle-thumbnail,
.middle-thumbnail a {
  align-items: center;
}

.bottom-thumbnail,
.bottom-thumbnail a {
  align-items: flex-end;
}

/* xs Image Thumbnail Styling */
.thumbnail.square-xs,
.start-thumbnail.square-xs,
.center-thumbnail.square-xs,
.end-thumbnail.square-xs,
.top-thumbnail.square-xs,
.middle-thumbnail.square-xs,
.bottom-thumbnail.square-xs,
.thumbnail.square-xs a,
.start-thumbnail.square-xs a,
.center-thumbnail.square-xs a,
.end-thumbnail.square-xs a,
.top-thumbnail.square-xs a,
.middle-thumbnail.square-xs a,
.bottom-thumbnail.square-xs a {
  max-height: 280px;
}

.thumbnail.square-half-size-xs,
.start-thumbnail.square-half-size-xs,
.center-thumbnail.square-half-size-xs,
.end-thumbnail.square-half-size-xs,
.top-thumbnail.square-half-size-xs,
.middle-thumbnail.square-half-size-xs,
.bottom-thumbnail.square-half-size-xs,
.thumbnail.square-half-size-xs a,
.start-thumbnail.square-half-size-xs a,
.center-thumbnail.square-half-size-xs a,
.end-thumbnail.square-half-size-xs a,
.top-thumbnail.square-half-size-xs a,
.middle-thumbnail.square-half-size-xs a,
.bottom-thumbnail.square-half-size-xs a {
  min-height: initial;
  max-width: 180px;
  max-height: 160px;
}

.thumbnail.square-half-size-xs img,
.start-thumbnail.square-half-size-xs img,
.center-thumbnail.square-half-size-xs img,
.end-thumbnail.square-half-size-xs img,
.top-thumbnail.square-half-size-xs img,
.middle-thumbnail.square-half-size-xs img,
.bottom-thumbnail.square-half-size-xs img {
  /* content zoom for square images */
  width: 160%;
  max-height: 160%;
  max-width: 160%;
}

.thumbnail.widescreen-xs,
.start-thumbnail.widescreen-xs,
.center-thumbnail.widescreen-xs,
.end-thumbnail.widescreen-xs,
.top-thumbnail.widescreen-xs,
.middle-thumbnail.widescreen-xs,
.bottom-thumbnail.widescreen-xs,
.thumbnail.widescreen-xs a,
.start-thumbnail.widescreen-xs a,
.center-thumbnail.widescreen-xs a,
.end-thumbnail.widescreen-xs a,
.top-thumbnail.widescreen-xs a,
.middle-thumbnail.widescreen-xs a,
.bottom-thumbnail.widescreen-xs a {
  min-height: 202px;
  max-height: 202px;
}

.thumbnail.widescreen-half-size-xs,
.start-thumbnail.widescreen-half-size-xs,
.center-thumbnail.widescreen-half-size-xs,
.end-thumbnail.widescreen-half-size-xs,
.top-thumbnail.widescreen-half-size-xs,
.middle-thumbnail.widescreen-half-size-xs,
.bottom-thumbnail.widescreen-half-size-xs,
.thumbnail.widescreen-half-size-xs a,
.start-thumbnail.widescreen-half-size-xs a,
.center-thumbnail.widescreen-half-size-xs a,
.end-thumbnail.widescreen-half-size-xs a,
.top-thumbnail.widescreen-half-size-xs a,
.middle-thumbnail.widescreen-half-size-xs a,
.bottom-thumbnail.widescreen-half-size-xs a {
  min-height: 140px;
  max-height: 140px;
}

/* sm Image Thumbnail Styling */
@media only screen and (min-width:768px) {
  .thumbnail.square-sm,
  .start-thumbnail.square-sm,
  .center-thumbnail.square-sm,
  .end-thumbnail.square-sm,
  .top-thumbnail.square-sm,
  .middle-thumbnail.square-sm,
  .bottom-thumbnail.square-sm,
  .thumbnail.square-sm a,
  .start-thumbnail.square-sm a,
  .center-thumbnail.square-sm a,
  .end-thumbnail.square-sm a,
  .top-thumbnail.square-sm a,
  .middle-thumbnail.square-sm a,
  .bottom-thumbnail.square-sm a {
    max-height: 280px;
  }
  
  .thumbnail.square-half-size-sm,
  .start-thumbnail.square-half-size-sm,
  .center-thumbnail.square-half-size-sm,
  .end-thumbnail.square-half-size-sm,
  .top-thumbnail.square-half-size-sm,
  .middle-thumbnail.square-half-size-sm,
  .bottom-thumbnail.square-half-size-sm,
  .thumbnail.square-half-size-sm a,
  .start-thumbnail.square-half-size-sm a,
  .center-thumbnail.square-half-size-sm a,
  .end-thumbnail.square-half-size-sm a,
  .top-thumbnail.square-half-size-sm a,
  .middle-thumbnail.square-half-size-sm a,
  .bottom-thumbnail.square-half-size-sm a {
    min-height: initial;
    max-width: 180px;
    max-height: 160px;
  }
  
  .thumbnail.square-half-size-sm img,
  .start-thumbnail.square-half-size-sm img,
  .center-thumbnail.square-half-size-sm img,
  .end-thumbnail.square-half-size-sm img,
  .top-thumbnail.square-half-size-sm img,
  .middle-thumbnail.square-half-size-sm img,
  .bottom-thumbnail.square-half-size-sm img {
    /* content zoom for square images */
    width: 160%;
    max-height: 160%;
    max-width: 160%;
  }
  
  .thumbnail.widescreen-sm,
  .start-thumbnail.widescreen-sm,
  .center-thumbnail.widescreen-sm,
  .end-thumbnail.widescreen-sm,
  .top-thumbnail.widescreen-sm,
  .middle-thumbnail.widescreen-sm,
  .bottom-thumbnail.widescreen-sm,
  .thumbnail.widescreen-sm a,
  .start-thumbnail.widescreen-sm a,
  .center-thumbnail.widescreen-sm a,
  .end-thumbnail.widescreen-sm a,
  .top-thumbnail.widescreen-sm a,
  .middle-thumbnail.widescreen-sm a,
  .bottom-thumbnail.widescreen-sm a  {
    min-height: 260px;
    max-height: 260px;
  }
  
  .thumbnail.widescreen-half-size-sm,
  .start-thumbnail.widescreen-half-size-sm,
  .center-thumbnail.widescreen-half-size-sm,
  .end-thumbnail.widescreen-half-size-sm,
  .top-thumbnail.widescreen-half-size-sm,
  .middle-thumbnail.widescreen-half-size-sm,
  .bottom-thumbnail.widescreen-half-size-sm,
  .thumbnail.widescreen-half-size-sm a,
  .start-thumbnail.widescreen-half-size-sm a,
  .center-thumbnail.widescreen-half-size-sm a,
  .end-thumbnail.widescreen-half-size-sm a,
  .top-thumbnail.widescreen-half-size-sm a,
  .middle-thumbnail.widescreen-half-size-sm a,
  .bottom-thumbnail.widescreen-half-size-sm a {
    min-height: 140px;
    max-height: 140px;
  }  
}

/* md Image Thumbnail Styling */
@media only screen and (min-width:1019px) {
  .thumbnail.square-md,
  .start-thumbnail.square-md,
  .center-thumbnail.square-md,
  .end-thumbnail.square-md,
  .top-thumbnail.square-md,
  .middle-thumbnail.square-md,
  .bottom-thumbnail.square-md,
  .thumbnail.square-md a,
  .start-thumbnail.square-md a,
  .center-thumbnail.square-md a,
  .end-thumbnail.square-md a,
  .top-thumbnail.square-md a,
  .middle-thumbnail.square-md a,
  .bottom-thumbnail.square-md a {
    min-height: 280px;
    max-height: 280px;
  }

  .thumbnail.square-half-size-md,
  .start-thumbnail.square-half-size-md,
  .center-thumbnail.square-half-size-md,
  .end-thumbnail.square-half-size-md,
  .top-thumbnail.square-half-size-md,
  .middle-thumbnail.square-half-size-md,
  .bottom-thumbnail.square-half-size-md,
  .thumbnail.square-half-size-md a,
  .start-thumbnail.square-half-size-md a,
  .center-thumbnail.square-half-size-md a,
  .end-thumbnail.square-half-size-md a,
  .top-thumbnail.square-half-size-md a,
  .middle-thumbnail.square-half-size-md a,
  .bottom-thumbnail.square-half-size-md a {
    min-height: initial;
    max-width: 180px;
    max-height: 160px;
  }

  .thumbnail.square-half-size-md img,
  .start-thumbnail.square-half-size-md img,
  .center-thumbnail.square-half-size-md img,
  .end-thumbnail.square-half-size-md img,
  .top-thumbnail.square-half-size-md img,
  .middle-thumbnail.square-half-size-md img,
  .bottom-thumbnail.square-half-size-md img {
    /* content zoom for square images */
    width: 160%;
    max-height: 160%;
    max-width: 160%;
  }

  .thumbnail.widescreen-md,
  .start-thumbnail.widescreen-md,
  .center-thumbnail.widescreen-md,
  .end-thumbnail.widescreen-md,
  .top-thumbnail.widescreen-md,
  .middle-thumbnail.widescreen-md,
  .bottom-thumbnail.widescreen-md,
  .thumbnail.widescreen-md a,
  .start-thumbnail.widescreen-md a,
  .center-thumbnail.widescreen-md a,
  .end-thumbnail.widescreen-md a,
  .top-thumbnail.widescreen-md a,
  .middle-thumbnail.widescreen-md a,
  .bottom-thumbnail.widescreen-md a {
    min-height: 202px;
    max-height: 202px;
  }

  .thumbnail.widescreen-half-size-md,
  .start-thumbnail.widescreen-half-size-md,
  .center-thumbnail.widescreen-half-size-md,
  .end-thumbnail.widescreen-half-size-md,
  .top-thumbnail.widescreen-half-size-md,
  .middle-thumbnail.widescreen-half-size-md,
  .bottom-thumbnail.widescreen-half-size-md,
  .thumbnail.widescreen-half-size-md a,
  .start-thumbnail.widescreen-half-size-md a,
  .center-thumbnail.widescreen-half-size-md a,
  .end-thumbnail.widescreen-half-size-md a,
  .top-thumbnail.widescreen-half-size-md a,
  .middle-thumbnail.widescreen-half-size-md a,
  .bottom-thumbnail.widescreen-half-size-md a {
    min-height: 140px;
    max-height: 140px;
  }
}

/* lg Image Thumbnail Styling */
@media only screen and (min-width:1141px) {
  .thumbnail.square-lg,
  .start-thumbnail.square-lg,
  .center-thumbnail.square-lg,
  .end-thumbnail.square-lg,
  .top-thumbnail.square-lg,
  .middle-thumbnail.square-lg,
  .bottom-thumbnail.square-lg,
  .thumbnail.square-lg a,
  .start-thumbnail.square-lg a,
  .center-thumbnail.square-lg a,
  .end-thumbnail.square-lg a,
  .top-thumbnail.square-lg a,
  .middle-thumbnail.square-lg a,
  .bottom-thumbnail.square-lg a {
    min-height: 280px;
    max-height: 280px;
  }
  
  .thumbnail.square-half-size-lg,
  .start-thumbnail.square-half-size-lg,
  .center-thumbnail.square-half-size-lg,
  .end-thumbnail.square-half-size-lg,
  .top-thumbnail.square-half-size-lg,
  .middle-thumbnail.square-half-size-lg,
  .bottom-thumbnail.square-half-size-lg,
  .thumbnail.square-half-size-lg a,
  .start-thumbnail.square-half-size-lg a,
  .center-thumbnail.square-half-size-lg a,
  .end-thumbnail.square-half-size-lg a,
  .top-thumbnail.square-half-size-lg a,
  .middle-thumbnail.square-half-size-lg a,
  .bottom-thumbnail.square-half-size-lg a {
    min-height: initial;
    max-width: 180px;
    max-height: 160px;
  }
  
  .thumbnail.square-half-size-lg img,
  .start-thumbnail.square-half-size-lg img,
  .center-thumbnail.square-half-size-lg img,
  .end-thumbnail.square-half-size-lg img,
  .top-thumbnail.square-half-size-lg img,
  .middle-thumbnail.square-half-size-lg img,
  .bottom-thumbnail.square-half-size-lg img {
    /* content zoom for square images */
    width: 160%;
    max-height: 160%;
    max-width: 160%;
  }
  
  .thumbnail.widescreen-lg,
  .start-thumbnail.widescreen-lg,
  .center-thumbnail.widescreen-lg,
  .end-thumbnail.widescreen-lg,
  .top-thumbnail.widescreen-lg,
  .middle-thumbnail.widescreen-lg,
  .bottom-thumbnail.widescreen-lg,
  .thumbnail.widescreen-lg a,
  .start-thumbnail.widescreen-lg a,
  .center-thumbnail.widescreen-lg a,
  .end-thumbnail.widescreen-lg a,
  .top-thumbnail.widescreen-lg a,
  .middle-thumbnail.widescreen-lg a,
  .bottom-thumbnail.widescreen-lg a {
    min-height: 202px;
    max-height: 202px;
  }
  
  .thumbnail.widescreen-half-size-lg,
  .start-thumbnail.widescreen-half-size-lg,
  .center-thumbnail.widescreen-half-size-lg,
  .end-thumbnail.widescreen-half-size-lg,
  .top-thumbnail.widescreen-half-size-lg,
  .middle-thumbnail.widescreen-half-size-lg,
  .bottom-thumbnail.widescreen-half-size-lg,
  .thumbnail.widescreen-half-size-lg a,
  .start-thumbnail.widescreen-half-size-lg a,
  .center-thumbnail.widescreen-half-size-lg a,
  .end-thumbnail.widescreen-half-size-lg a,
  .top-thumbnail.widescreen-half-size-lg a,
  .middle-thumbnail.widescreen-half-size-lg a,
  .bottom-thumbnail.widescreen-half-size-lg a {
    min-height: 140px;
    max-height: 140px;
  }  
}





/* ----- END IMAGE THUMBNAIL STYLELING ----- */