/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 17 Aug 2025, 12:01 am
*/

.foo_id,
.foo_title {
  display: block;
  text-align: center;
}

.foo_id {
  font-weight: 600;
  font-size: 16px !important;
}

.foo_title {
  font-weight: 500;
  font-size: 18px;
  max-width: 160ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .foo_id {
    font-weight: 500;
    font-size: 18px;
  }
  .foo_title {
    font-weight: 500;
    font-size: 16px;
    max-width: 160ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 480px) {
  .foo_id {
    font-weight: 500;
    font-size: 16px;
  }
  .foo_title {
    font-weight: 500;
    font-size: 14px;
    max-width: 160ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}