/*
Theme Name: Graphy Child
Theme URI: http://themegraphy.com/wordpress-themes/graphy/
Template: graphy
Author: Themegraphy
Author URI: http://themegraphy.com/
Description: Graphy is a blog-oriented WordPress theme designed with great attention given to the beauty of the typography. Made using mobile-first responsive web design, even when your site is viewed on a smartphone or tablet there will be no negative impact on the beautiful typography.
Tags: one-column,two-columns,right-sidebar,custom-colors,custom-header,custom-menu,editor-style,featured-images,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.0.3.1472463670
Updated: 2016-08-29 11:41:10

*/

  .gallery-columns-2  {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-2 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-3 {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-3 .gallery-item {
    max-width: 100%;
}

.gallery-columns-4 {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
 
-moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-4 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-5  {
 -webkit-column-count: 5;
 -moz-column-count: 5;
 column-count: 5;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-5 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-6  {
 -webkit-column-count: 6;
 -moz-column-count: 6;
 column-count: 6;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-6 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-7  {
 -webkit-column-count: 7;
 -moz-column-count: 7;
 column-count: 7;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-7 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-8  {
 -webkit-column-count: 8;
 -moz-column-count: 8;
 column-count: 8;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-8 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-9  {
 -webkit-column-count: 9;
 -moz-column-count: 9;
 column-count: 9;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-9 .gallery-item {
    max-width: 100%;
}

  .gallery br {
display: none !important;
}
 
  .gallery .gallery-item {
// The margin and padding should be equal to your column gap minus 1px. The margin should be set as a negative value.
margin: -3px 0 !important;
padding: 3px 0 !important;
float: none !important;
width: 100% !important;
height: auto !important;
}
 
  .gallery .gallery-item img {
width: 100%;
height: auto;
margin: 0px !important;
padding: 0px !important;
}

.gallery-icon {
width: 100% !important;
height: auto;
font-size: 0px !important;
line-height: 0px !important;
}

@media only screen and (max-width: 767px) {
  .gallery-columns-2  {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-2 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-3 {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-3 .gallery-item {
    max-width: 100%;
}

.gallery-columns-4 {
 -webkit-column-count: 2;
 -moz-column-count: 2;
 column-count: 2;
 
-moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-4 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-5  {
 -webkit-column-count: 3;
 -moz-column-count: 3;
 column-count: 3;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-5 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-6  {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-6 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-7  {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-7 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-8  {
 -webkit-column-count: 4;
 -moz-column-count: 4;
 column-count: 4;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-8 .gallery-item {
    max-width: 100%;
}

  .gallery-columns-9  {
 -webkit-column-count: 5;
 -moz-column-count: 5;
 column-count: 5;
 
 -moz-column-gap: 4px;
-webkit-column-gap: 4px;
column-gap: 4px;
}
  .gallery-columns-9 .gallery-item {
    max-width: 100%;
}

  .gallery br {
display: none !important;
}
 
  .gallery .gallery-item {
// The margin and padding should be equal to your column gap minus 1px. The margin should be set as a negative value.
margin: -3px 0 !important;
padding: 3px 0 !important;
float: none !important;
width: 100% !important;
height: auto !important;
}
 
  .gallery .gallery-item img {
width: 100%;
height: auto;
margin: 0px !important;
padding: 0px !important;
}

.gallery-icon {
width: 100% !important;
height: auto;
font-size: 0px !important;
line-height: 0px !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline {

    position: absolute;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 99999;
    text-align: center;
    line-height: 0;
    color: #000;
    font-family: arial, verdana, sans-serif;
    font-size: 10px !important;

}
.slb_data_title {

/*    font-family: 'Yanone Kaffeesatz', arial, sans-serif;*/
    font-size: 16px !important;
    margin-right: .2em;
/*    display: inline-block;*/

}

.slb_group_status {

    font-size: 14px !important;

}
}