/*
 Theme Name: Hive Child
 Theme URI: http://pixelgrade.com/demos/hive/
 Author: PixelGrade
 Author URI: http://pixelgrade.com
 Template: hive
 Description: An effortless tool for publishers of all kind, cherished for its clean masonry-style layout, modern typography and flexibility. Whether you’re looking to share your own thoughts, write about your latest findings or just have a scrapbook of photos, videos, quotes or other stuff, HIVE is designed to fulfill these and a lot more.
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: hive_txtd
 Domain Path: /languages/
 Tags: light, white, yellow, one-column, two-columns, three-columns, right-sidebar, responsive-layout, custom-menu, featured-images, editor-style, infinite-scroll, microformats, post-formats, rtl-language-support, site-logo, sticky-post, theme-options, threaded-comments, translation-ready, blog, fashion, journal, lifestream, magazine, news, scrapbooking, video, bright, clean, elegant, geometric, glamorous, industrial, light, minimal, modern, sophisticated
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: hive' line. */

#ajax-post.grid > .grid__item  {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding: 5px;
    width: 100%;
}
#ajax-post {
	height:auto!important;
	column-count: 1;
    -webkit-column-count: 1;
    column-gap: 0;
    -webkit-column-gap: 0;
	z-index: 1;
}
.sidebar {
    z-index: 5;
    float: right;
    width: 30%;
    padding-left: 1.875em;
    padding-bottom: 3em;
    padding-top: 1.5em;
}
.with-sidebar {
    margin-right: 30%;
    padding-right: 1.875em;
    border-right: 1px solid;
    color: #d8d8d9;
}
.content-area-with-sidebar {
    float: left;
    margin-right: -30%;
    width: 100%;
}
.site-footer {
  width: 100%;
}
.sidebar article {
    width: 100% !important;
}
/*.has_sidebar .sidebar article {
    margin: 0 40px;
}*/
.posts article:first-child {
    width: 100% !important;
}
.big_preview .entry-title {
    font-family: Playfair Display;
    font-weight: bold;
    font-size: 3.38em;
    letter-spacing: 0em;
    text-transform: none;
    line-height: 1.11111;
    -webkit-transform: translateY(0.22006em);
    transform: translateY(0.22006em);
    margin-top: 0; 
}
.big_post_preview .entrymeta {
    /*padding: 0 15%;*/
}
.site-description {
    font-size: 0.85em;
}
body, .entry-title a, .nav--toolbar a:before, .site-title a, .widget a, .comment__author-name a, a:hover {
    color: #000 !important;
}
.archive__grid .entry-title {
    color: #000 !important;
}
.sidebar .entry-title {
    font-size: 1.5em !important;
    line-height: 1.5;
    -webkit-transform: translateY(0.4145em);
    transform: translateY(0.4145em);
    margin-bottom: 1.25em;
    margin-top: 0;
}
.sidebar #posts p {
    font-size: 0.875em;
    line-height: 1.71429;
}
.entrymeta {
  font-size: 0.875em;
    line-height: 1.71429;
}


@media (min-width: 320px) and (max-width: 800px) {
    .sidebar {
        width: 30%;
    }
    .content-area-with-sidebar {
        margin-right: -30%;
    }
    .with-sidebar {
        margin-right: 0;
    }
/*    .has_sidebar .sidebar article {
        margin: 0;
    }*/
    .big_preview .entry-title {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1359px) {
/*    .has_sidebar .sidebar {
        width: 22.5em !important;
        padding-left: 3.75em !important;
    }*/
    .site-title--large {
      font-size: 5.375em;
  }
  #ajax-post {
	height:auto!important;
	column-count: 3;
    -webkit-column-count: 3;
    column-gap: 0;
    -webkit-column-gap: 0;
	z-index: 1;
	}
	
}

#secondary .archive__grid .entry-title {
	line-height: 1.2;
	margin-bottom: 20px;
}
#secondary .archive__grid .entry-thumbnail img {

}
#secondary .archive__grid .entry-thumbnail {
    margin-bottom: 0px;
}
#secondary  .archive__grid .entry-content {
	margin-bottom: 10px;
}
#secondary  .archive__grid .post {
		margin-bottom: 1.5em;
}

@media only screen and (min-width: 899px) and (max-width: 1358px) {
  .site-title--large {
      font-size: 4.6875em;
  }
  #ajax-post {
	height:auto!important;
	column-count: 2;
    -webkit-column-count: 2;
    column-gap: 0;
    -webkit-column-gap: 0;
	z-index: 1;
}
}
@media (max-width: 600px) {
	.with-sidebar {
    margin-right: 0!important;
    border: 0px!important;
}
	.sidebar {
    width: 100%;
    display: none;
}
}

.big_post_preview {
    margin-bottom: 2rem;
}