/* SHORTCODE COMMUNITY STORIES */
#community_story_items {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }
  #community_story_items .community_story_item {
    margin: 10px 10px 10px 15px;
    flex-basis: 22%;
    background-size: cover;
    position: relative; }
    #community_story_items .community_story_item .community_story_item_image {
      filter: drop-shadow(0px 2.32038px 2.32038px rgba(0, 0, 0, 0.25));
      overflow: hidden;
      border-radius: 10px; }
      #community_story_items .community_story_item .community_story_item_image:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(0deg, #000000 -2.33%, rgba(0, 0, 0, 0) 96.74%);
        opacity: .7; }
      #community_story_items .community_story_item .community_story_item_image img {
        object-fit: cover;
        display: block; }
    #community_story_items .community_story_item .community_story_name,
    #community_story_items .community_story_item .community_story_country_of_origin {
      color: white; }
    #community_story_items .community_story_item .community_story_name {
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      font-weight: 700; }
    #community_story_items .community_story_item .community_story_country_of_origin {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 25px;
      font-weight: 500; }

@media (max-width: 576px) {
  /* SHORTCODE COMMUNITY STORIES */
  #community_story_items .community_story_item {
    flex-basis: 80%; } }
@media (min-width: 576px) {
  /* SHORTCODE COMMUNITY STORIES */
  #community_story_items .community_story_item {
    flex-basis: 45%; } }
@media (min-width: 992px) {
  /* SHORTCODE COMMUNITY STORIES */
  #community_story_items .community_story_item {
    flex-basis: 33%; } }
@media (min-width: 1200px) {
  /* SHORTCODE COMMUNITY STORIES */
  #community_story_items .community_story_item {
    flex-basis: 22%; } }

/*# sourceMappingURL=style.css.map */