/*
Theme Name: Photo Me Child
Version: 1.0
Tags: yellow, white, responsive-layout, custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
Text Domain: photome
Template: photome
*/

@import url("../photome/style.css");

.recent-posts-area {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 9998;
}
.recent-posts {
    background: rgba(255,255,255, 0.7);
    height: 58%;
    width: 87%;
    position: absolute;
    left: 0;
    bottom: -72%;
    z-index: 9999;
    padding: 50px 100px;
    transition: all 600ms linear;
    -webkit-transition: all 600ms linear;
}
.recent-posts.active {
    bottom: 0;
}
.recent-posts ul li {
    list-style-type: none;
    float: left;
}
.recent-posts ul li a {
    margin-bottom: 20px;
    color: #595959;
}
.recent-posts ul li img {
    float: left;
    height: auto;
    margin: 10px 30px 20px 0;
    width: 100px;
}
.recent-posts ul li p {
    margin-top: 20px;
    color: #666666;
}
@media screen and (max-width:768px) {
    .recent-posts,
    .recent-posts-area {
        display: none;
    }
}
.image_classic_frame {
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
  /* JMD adding fix for gallery layout on mobile. */
  .three_cols.gallery .element.double_size {
    /* fill width
    width: 100%;*/
  }
  /* override width for greedy mobile selector */
  #page_main_content .portfolio_mixed_filter_wrapper.three_cols.gallery .element:not(.double_size) {
    width: 31.2%;
  }

  /*
    JMD adding fix for press items.
    Disabled until additional class selector can be added to the
    templates.
  */
  /*
  #wrapper .ppb_wrapper >.standard_wrapper {
    display: inline-block;
    width: 50%;
    float: left;
    min-height: 57vw;
  }

  #wrapper .ppb_wrapper >.standard_wrapper:nth-child(even) {
    margin-right: 0;
  }

  #wrapper .ppb_wrapper >.standard_wrapper:nth-child(even)::after {
    content: "";
    display: table;
    clear: both;
  }
  */

}