/**
 * @file
 * Image Styling
 */
/* Media Queries*/
.field-image .page-image {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  float: left;
  margin: 0 15px 10px 0;
  width: 25%; }
  @media all and (max-width: 810px) {
    .field-image .page-image {
      width: 50%; } }
  @media all and (max-width: 480px) {
    .field-image .page-image {
      width: 100%; } }
  @media all and (max-width: 350px) {
    .field-image .page-image {
      width: 100%; } }

.unformatted-list .field-image .teaser-image {
  box-sizing: border-box;
  float: left;
  margin: 0 15px 10px 0;
  width: 25%; }
  @media all and (max-width: 810px) {
    .unformatted-list .field-image .teaser-image {
      width: 50%; } }
  @media all and (max-width: 480px) {
    .unformatted-list .field-image .teaser-image {
      width: 100%; } }
  @media all and (max-width: 350px) {
    .unformatted-list .field-image .teaser-image {
      width: 100%; } }

.views-column-2 .field-image .teaser-image {
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  float: left;
  margin: 0 15px 10px 0;
  width: 35%; }
  @media all and (max-width: 810px) {
    .views-column-2 .field-image .teaser-image {
      width: 50%; } }
  @media all and (max-width: 480px) {
    .views-column-2 .field-image .teaser-image {
      width: 100%; } }
  @media all and (max-width: 350px) {
    .views-column-2 .field-image .teaser-image {
      width: 100%; } }

img.media-style-inline-left, p.media-style-inline-left, img.image-inline-left, p.image-inline-left {
  box-sizing: border-box;
  float: left;
  margin: 0 10px 10px 0;
  width: 40%; }
  @media all and (max-width: 810px) {
    img.media-style-inline-left, p.media-style-inline-left, img.image-inline-left, p.image-inline-left {
      width: 50%; } }
  @media all and (max-width: 480px) {
    img.media-style-inline-left, p.media-style-inline-left, img.image-inline-left, p.image-inline-left {
      width: 100%; } }
  @media all and (max-width: 350px) {
    img.media-style-inline-left, p.media-style-inline-left, img.image-inline-left, p.image-inline-left {
      width: 100%; } }

img.media-style-inline-right, p.media-style-inline-right, img.image-inline-right, p.image-inline-right {
  box-sizing: border-box;
  float: right;
  margin: 0 0 10px 10px;
  width: 40%; }
  @media all and (max-width: 810px) {
    img.media-style-inline-right, p.media-style-inline-right, img.image-inline-right, p.image-inline-right {
      width: 50%; } }
  @media all and (max-width: 480px) {
    img.media-style-inline-right, p.media-style-inline-right, img.image-inline-right, p.image-inline-right {
      width: 100%; } }
  @media all and (max-width: 350px) {
    img.media-style-inline-right, p.media-style-inline-right, img.image-inline-right, p.image-inline-right {
      width: 100%; } }

img.media-style-inline-center, p.media-style-inline-center, img.image-inline-center, p.image-inline-center {
  box-sizing: border-box;
  float: right;
  margin: 10px 0;
  width: 100%; }
  @media all and (max-width: 810px) {
    img.media-style-inline-center, p.media-style-inline-center, img.image-inline-center, p.image-inline-center {
      width: 50%; } }
  @media all and (max-width: 480px) {
    img.media-style-inline-center, p.media-style-inline-center, img.image-inline-center, p.image-inline-center {
      width: 100%; } }
  @media all and (max-width: 350px) {
    img.media-style-inline-center, p.media-style-inline-center, img.image-inline-center, p.image-inline-center {
      width: 100%; } }

p.media-style-inline-left img, p.media-style-inline-right img, p.media-style-inline-center img {
  width: 100%; }

.file-icon, th .active img {
  width: auto; }

@media all and (max-width: 810px) {
  img.media-style-inline-left, img.media-style-inline-right {
    margin: 0;
    width: 100%; } }