/*
 * Theme Name: Twenty Sixteen grid
 * Theme URI: 
 * Description: A child theme for Twenty Sixteen. 
 * Author: zstosic
 * Author URI: 
 * Template: twentysixteen
 * Version: 1.1.1
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
 * Text Domain: twentysixteen-child
 */
/* http://www.justthink.it/articles/create-child-theme-twenty-sixteen/  */
/* *********** Theme setting */

.z-para1 {
    margin: 0 5%;
}
.z-image {
    padding: 4px;
    border: 1px solid gray ;
    background-color: #ddd;
}
.z-no-margin {
    margin: 0px;
}
 .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }

i {
    font-size: 18px !important;
}  
/* širina strane */
/* .archive .site-inner, */
.site-inner 
/*, .home .site-inner, 
.page-template-t_page_no_sidebar .site-inner*/
{
	/* max-width:inherit; */ /* max širina strane*/
	/* max-width:1320px; */
	/* max-width:1200px; */
	/*max-width:80%;*/ /* širina strane = 1500px */
   /* max-width:100%; */
    /* overflow: hidden !important; */
    background-color: white;
    margin: 2em auto;
}
/* može širina i preko #page */
/* .archive #page, */
/* .home #page,
.page-template-t_page_no_sidebar #page
{
    margin: 2em auto;
    max-width: 1500px;
}
 */
    /* position: relative; */
    /* box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */

/* puna širina header - slike */
.header-image img{
    width: 100%;
}

 /* .site {
	margin: 21px;
}
*/
/*  
.site-header{
	padding-top:4em;
	padding-bottom:2em;
}
 */
 /* *********** end Theme setting */
/*
.shadow1{
	box-shadow: 0 5px 20px #ddd,0 0 1px #ccc;
padding:1.5rem;
}
*/

/* .blog .grid .entry-title a, .archive .grid .entry-title a {
	color: #007acc;
    text-decoration: none;
}
.blog .grid .entry-title a:hover, .blog .entry-title a:focus, .blog .entry-title a:active,
.archive .grid .entry-title a:hover, .archive .entry-title a:focus, .archive .entry-title a:active
{
	color: #686868;
}
 */
/* .widget-area .widget a, .comments-link a, .entry-meta a, .template-home .widget-area .widget li a {
    color: #494949;
}

.widget-area .widget a:hover, .comments-link a:hover, .entry-meta a:hover, .template-home .widget-area .widget li a:hover, .main-navigation a:hover, .main-navigation li a:hover, footer[role="contentinfo"] a:hover, a.comment-reply-link:hover {
	color: #21759B;
}
 a, li.bypostauthor cite span, .site-header h1 a {
	color: #595959;
}
a:hover, .site-header h1 a:hover, .site-header h2 a:hover, .comments-area article header a:hover {
	color: #21759B;
}
 */
.sp-pcp-post .sp-pcp-title, .sp-pcp-post .sp-pcp-title a {
	color: #595959;
}
.sp-pcp-title a:hover {
	/* color: #e1624b; */
	color: #21759B !important;
}
.sp-pcp-post-meta li a:hover {
	/* color: #e1624b; */
	color: #21759B !important;
}

#link-grid a{
	color: #595959;
    text-decoration: none;
}
#link-grid a:hover{
	color: #21759B;
}

.pcp-post-pagination .page-numbers, .pcp-post-pagination a {
	background: #ffffff;
	color: #5e5e5e;
	border: 2px solid #bbbbbb;
	border-radius: 2px;
}
.page-numbers.current, .pcp-post-pagination a.active, .pcp-post-pagination a:hover {
    color: #ffffff;
    background: #21759B !important;
    border-color: #21759B !important;
}

body{
    /* https://www.w3schools.com/colors/colors_picker.asp?colorhex=cbd5e4 */
    /* background-color: hsl(216, 32%, 85%);    */
    /* https://www.w3schools.com/colors/colors_picker.asp?colorhex=D3D3D3 */
    background-color: lightgray;
    /* background-color: white; */
    /* font-family: Merriweather; */
}
h1, h2, h3, h4, h5, h6{
    font-family: Montserrat;
}
 /* https://www.melissacarterdesign.com/twenty-sixteen-black-border/ */
 /* https://www.peppergallon.com/2019/02/how-to-remove-black-border-from-twenty-sixteen-wordpress-theme/  */
 /* Get rid of black border */
.site {
    margin: 0 auto !important;
    background-color: inherit; 
}
body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
    height: 0px !important;
}
    
@media screen and (min-width: 56.875em) {
/* 	.page-template-full-width .content-area
	{
	  float: left;
	  margin-right: -100%;
	  width: 100%;
	}
    .page-template-full-width .site-content {
        padding: 0;
    }
 */
    .page-template-full-width .content-area, .post-template-full-width .content-area {
        width: 100%;
        margin: 0px;
        border: 0px;
        padding: 0px;
    }
    .page-template-full-width .site, .post-template-full-width .site {
    margin:0px !important;
    }

    .page-template-page-no-sidebar .content-area, .post-template-page-no-sidebar .content-area {
        width: 100%;   
    }
}
@media screen and (min-width: 56.875em) {
        .cleanpageh .site-inner {
            max-width: 100%;
            margin: 0 auto;
        }
        .cleanpageh .site-content{
            padding: 0px;
        }
    }

    
.main-grid{
    display: flex;
    flex-wrap: wrap;
}

/* article width for mobile menu */
@media (max-width: 979px) {
	.main-grid > article.grid {
		flex-basis: calc(100% - 2em) !important;
	}
}
.main-grid > article.grid {
    /* padding: 1em;*/ /* A bit of spacing */
    padding: 4px;
    margin: 1em;
    flex-basis: calc(100%/3 - 2em); /* 100%/4 = 25%; 1em+1em=2em (horizontal padding on each side) */
    background-color: #ececec;
    border: 1px solid #ccc !important;
    /* text-align: center; */
    text-align: left;
    word-break: break-all;
    color: #606060;
}
.main-grid > article.grid img{
max-width: none;
width: 100%;
}

.blog .grid .entry-content, .archive .grid .entry-content{
    float: none !important;
    width: 100% !important;
    text-align: left;
    /* font-size: 12px; */
    font-size: 14px;
}
.blog .grid .entry-title, .archive .grid .entry-title {
    text-align: left;
    /* font-size: 14px; */
    font-size: 16px;
    padding-top: 20px;
}
/* .blog .grid .entry-title a, .archive .grid .entry-title a {
	color: #007acc;
    text-decoration: none;
}
.blog .grid .entry-title a:hover, .blog .entry-title a:focus, .blog .entry-title a:active,
.archive .grid .entry-title a:hover, .archive .entry-title a:focus, .archive .entry-title a:active
{
	color: #686868;
}
 */
 .entry-title a {
	color: #007acc;
    text-decoration: none;
}
.entry-title a:hover, .entry-title a:focus {
    color: inherit;
  }
.entry-meta .comments-link {
    display: inline !important;
  }
/* https://johnregan3.wordpress.com/2018/12/19/how-to-add-full-width-images-in-gutenberg/ */
/* .alignwide { */
    /* Set these margins to work with your own theme. */
    /* margin-left: -80px; */
    /* margin-right: -80px; */
    /* max-width: 100vw; */
  /* } */
/* .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
  }
 */
/*  .alignfull img {
    width: 100vw;
  }
 */

/* postavljanje article-dropdown */

.w3-dropdown-hover:first-child, .w3-dropdown-click:hover {
	background-color: transparent;
	/* color: #000; */
}
.entry-title {
        margin-bottom: 0;
    }
.blog .entry-header, .archive .entry-header, .search .entry-header {
    box-shadow: none;
    margin-bottom: 20px;
}
.blog .grid .entry-title, .archive .grid .entry-title {
    text-align: center;
    /* padding: 20px 0; */
}
.blog .entry-header, .archive .entry-header, .search .entry-header {
    box-shadow: none;
    margin-bottom: 20px;
}
/* .blog .entry-title a, .archive .entry-title a, .search .entry-title a {
    color: #007acc;
}
.blog .entry-title a:hover, .archive .entry-title a:hover, .search .entry-title a:hover {
    color: #007acc;
    background-color: #a0dcff;
    text-decoration: none;
}
 */
/*  .page-content, .entry-content, .entry-summary {
    margin: 10px 0;
}
 */
 .blog .entry-content, .archive .entry-content, .search .entry-content {
    border-width: 0;
}
.grid .entry-meta {
    font-size: 12px;
    text-align: left;
    font-variant: small-caps;
}
.grid .entry-meta p {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}
.grid .entry-meta p a {
    line-height: 0;
    display: inline !important;
}
.grid .entry-meta h4 {
    font-size: initial;
}


/* postavljanje stranica-page  http://twentysixteen.test/ */
/* postavljanje stranica-page  http://gamayunzs.test/ https://gamayunzs.com/ */
/* da se ne vidi naslov stranice */
.page-id-190 .entry-header,
.page-id-293 .entry-title {
   display: none;
}