/*
  Jiffy Gallery Press -- WordPress plugin for setting up image galleries in a
                         jiffy via shortcodes associated with image slugs, and
                         for having the images load in a jiffy by downloading
                         only the minimum size image necessary for the client
                         viewport size.

  Copyright (C) 2016-2017  Marat Nepomnyashy  http://maratbn.com  maratbn@gmail

  Version:        1.2.0-development_unreleased

  Module:         jiffy-gallery-press/jiffy-gallery-press.css

  Description:    Main CSS file for the WordPress plugin Jiffy Gallery Press.

  This file is part of Jiffy Gallery Press.

  Licensed under the GNU General Public License Version 3.

  Jiffy Gallery Press is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Jiffy Gallery Press is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with Jiffy Gallery Press.  If not, see <http://www.gnu.org/licenses/>.
*/


.jiffy_gallery_press__container {
    display:                flex;
    flex-wrap:              wrap;
    justify-content:        center;
}

.jiffy_gallery_press__container a.jiffy_gallery_press__thumbnail {
    display:                inline-block;
    margin:                 2px 2px;
    overflow:               hidden;
    border-radius:          15px;
}

.jiffy_gallery_press__container img.jiffy_gallery_press__thumbnail {
    display:                block;
    width:                  150px;
    height:                 150px;
}

div.jiffy_gallery_press__settings h4.jiffy_gallery_press__post {
    margin:                 0;
}

div.jiffy_gallery_press__settings div.jiffy_gallery_press__post {
    display:                block;
}

div.jiffy_gallery_press__settings div.jiffy_gallery_press__post,
div.jiffy_gallery_press__settings div.jiffy_gallery_press__post ul.jiffy_gallery_press__shortcodes {
    margin-left:            1rem;
}

div.jiffy_gallery_press__settings div.jiffy_gallery_press__post ul.jiffy_gallery_press__shortcodes li ul.jiffy_gallery_press__container > li {
    margin:                 1rem;
}

div.jiffy_gallery_press__settings div.jiffy_gallery_press__post ul.jiffy_gallery_press__shortcodes li ul.jiffy_gallery_press__container > li a.jiffy_gallery_press__thumbnail {
    border-radius:          7px;
}

div.jiffy_gallery_press__settings div.jiffy_gallery_press__post ul.jiffy_gallery_press__shortcodes li ul.jiffy_gallery_press__container > li img.jiffy_gallery_press__thumbnail {
    vertical-align:         top;
    width:                  64px;
    height:                 64px;
}