/*
Theme Name: pix6-child
Theme URI: #
Author: pix
Author URI: #
Template: pix6
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pix6-child

*/
main#primary-blog, aside#secondary, main#primary-blog2 {
	margin-top:50px;
}
nav.navigation.posts-navigation {
    float: left;
    width: 100%;
}
h1, h2, h3 {
line-height:1!important;
}
@media screen and (min-width: 993px) {
	
	ul#primary-menu a {
    font-size: 14px;
		font-weight:400;
}

ul#primary-menu li {
    padding: 7px 11px;
}
ul#primary-menu {
    float: right;
    margin-right: 20px;
}
li#menu-item-14 a {
    color: #fff;
    font-weight: bold;
    padding-left: 5px;
}

#menu-item-14, #menu-item-14:hover {
	background:#444!important;
	border-radius:10px;
}
	.entry-content {
    margin-top: 64px;
}
} /*end media */

.blok1 {
    background: #fff;
    padding: 1px 20px;
	border-radius: 10px;
}
.withe h1 {
	text-transform: uppercase;
}
.withe h1, withe h2, .withe h3, .withe p, .withe span, .withec h2, .withec h3, .withec h1, .withec p, .withec span, .witheb h2, .witheb h3, .witheb p, .witheb h1, .witheb span {
    color: #fff;
    line-height: 1.2;
}
	
	#primary-menu {
    padding-top: 7px;

}
.blok2:hover {
    background: #D53618;
}

.blok2 p, .blok2 a, .blok2b p, .blok2b a {
    font-weight: bold;
    line-height: 1;
    color: #fff;
	text-decoration:none;
}
.blok2 {
    background: #888;
    padding: 20px 10px;
    border-radius: 10px;
}

.blok2b:hover {
    background: #888;
}

.blok2b {
    background: #D53618;
    padding: 20px 10px;
    border-radius: 10px;
}


/* end cartbox */

body {
    background: #fff;
}

div#page {
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
    background: #fff;
    overflow: auto;
    padding-bottom: 44px;
}


.site-branding {
    float: left;
}
.site-branding img {
    max-width: 280px;
    height: auto;
    padding: 12px 20px;
}

header#masthead {
    position: fixed;
    background: #fff;
    width: 100%;
    max-width: 1340px;
    top:0;
	z-index:9999;
}

.nav-links a {
    text-decoration: none;
    background: #f2f2f2;
    padding: 10px;
    color: #444;
}

.art-button:hover {
    background: #777;
    color: #fff;
}

.art-button {
    background: #444;
    padding: 16px 10px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.art-button a {
	color:#fff;
}
.art-button a:visited {
    color: #fff!important;
}
a.art-button:visited {
    color: #fff!important;
}

a.art-button:after {
    content: "\27A4";
    padding-left: 10px;
}

@media screen and (max-width: 992px) {
	
	.entry-content {
    margin-top: 90px;
}

    .nav-links a {
        display: inline-block;
}
} /* end media */


/* mobile bar */
@media screen and (min-width: 993px) {
    .mobile-bar {
        display: none;
    }
} /* end desktop */


@media screen and (max-width: 992px) {
.mobile-bar {
	display:none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 2px 3px 6px 1px #888;
    z-index: 9999;
}

.mbar {
   font-size: 20px;
   padding-top:8px;
}

.n1, .n1b {
    padding-bottom: 6px;
}

a.n2 {
    text-decoration: none;
    float: left;
    display: grid;
    text-align: center;
    width: 18.7%;
    color: #444;
    font-size: 13px;
    border-left: 2px solid #f2f2f2;
}

a.n2b {
    text-decoration: none;
    float: left;
    display: grid;
    text-align: center;
    width: 25%;
    color: #444;
    font-size: 13px;
    border-left: 2px solid #f2f2f2;
    background: limegreen;
    font-weight: bold;
}
} /* end mobile */


/* NAV */


#site-navigation a {
    color: #444;
    font-weight: 400;
	text-transform: uppercase;
}
#site-navigation ul li {
    padding: 10px;
}
nav#site-navigation ul li li {
    border-bottom: 1px solid #ddd;
}

ul.sub-menu li:hover {
    background: #f2f2f2;
}

ul.sub-menu {
    display: block;
    z-index: 9999;
    background: #fff;
}
ul#primary-menu li {
    margin: 0 auto;
}
ul#primary-menu li:hover {
    background: #f2f2f2;
}

button.menu-toggle {
    float: right;
    background: #222;
    color:#fff;
    font-weight:bold;
    padding: 0px 11px;
    padding-bottom: 8px;
    font-size: 32px;
}
.nav-menu li > a:after {
    content: "\2193";
    padding-left: 6px;
}

.nav-menu li > a:only-child:after {
    content: "";
}

.nav-menu li li > a:after {
    content: "\2193";
    position: absolute;
    right: 5px;
}



@media screen and (max-width: 992px) {
ul#primary-menu {
    margin-top: 0px!important;

}
ul#primary-menu {
    width: 100%;
    float: left;
}
ul#primary-menu li a {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
}
ul.sub-menu {
    overflow: auto;
    z-index: 9999;
    height: 400px;
    width: 95%;
    background:#f2f2f2;
}
ul.sub-menu li a {
    width: 100%;
}

} /* end media */

/* MAIN */

#primary {
    padding: 20px;
}

/* FOOTER */
.site-info {
	text-align: center;
}
.site-info p {
	color: #333;
}

.site-footer {
    padding: 10px;
    float: left;
    width: 100%;
    background: #fff;
}

.footer-area {

}

.footer-1 {
    width: 24%;
    display: inline-block;
    padding: 10px;
    background: #fff;
}

.site-footer ul {
    padding: 0px 10px;
    margin: 0;
}
.footer-area ul {
    padding-left: 20px;
}

.footer-area span, .footer-area ul, .footer-area p {
    padding: 10px;
    margin: 0;
}
.footer-area span {
    font-weight: 600;
}
.footer-area a {
    text-decoration: none;
    color: #222;
}
.footer-area ul {
    list-style-type: none;
}
.footer-area ul li {
    padding: 4px 0;
    border-bottom: 1px solid #999;
}

@media screen and (max-width: 992px) {
    .footer-1 {
        width: 100%;
    }
    .footer-area {
        text-align: center;
    }

} /*end media */


/* blog and category page */


/* grid blog */
main#primary-blog article {
    width: 33%;
    float: left;
    padding: 0 10px;
    overflow: hidden;
	min-height: 270px;
}
main#primary-blog article .entry-content {
float:left;
}

main#primary-blog article .entry-footer {
    padding-bottom: 0px;
}

main#primary-blog2 {
    float: left;
    width: 70%;
    padding: 20px;
    padding-top: 26px;
    background: #fff;
}
#primary-blog .post-thumbnail img {

    min-width: auto;
    max-height: 244px;
}

#primary-blog .entry-content {
    margin-top: 0;
}

@media screen and (max-width: 992px) { 
    main#primary-blog article {
        width: 100%;
        float: left;
        padding: 0 10px;
        overflow: hidden;
        text-align: center;
    }

    main#primary-blog2 {
        width: 100%;
    }


} /* end mobile */


/* end blog grid */





#primary-blog {
    padding: 20px;
    padding-top: 26px;
    width: 70%;
    float: left;
    background: #fff;
}

aside#secondary {
    width: 30%;
    float: left;
    padding: 10px;
    background: #fff;
    padding-top: 30px;
}

aside#secondary a {
    font-weight: 300;
}

aside#secondary li {
    padding-left: 0;
    list-style-type: square;
}
aside#secondary ul {
    padding-left: 10px;
    margin-left: 0;
}
aside#secondary h2 {
    font-weight: 300;
    font-size: 18px;
}

header.entry-header {
    padding-bottom: 0;
    margin-bottom: -20px;
    font-size: 14px;
}

header.entry-header h2 {
    margin-bottom: 0;
}

header.entry-header h2 a {
    color: #444;
    text-decoration: none;
}
footer.entry-footer {
    padding-bottom: 40px;
}

footer.entry-footer a, header.entry-header a {
    font-weight: 300;
    text-decoration: none;
}

footer.entry-footer span {
    padding: 10px 10px 0 0;
    font-size: 14px;
}

a.post-thumbnail {
    float: left;
  
}

@media screen and (max-width: 992px) {
a.post-thumbnail {
        width: 100%;
        padding-bottom: 20px;
    }

    aside#secondary ul li {
        text-align: center;
        padding: 2px;
        list-style-type: none;
    }
    
    aside#secondary li {
        padding-left: 0;
        list-style-type: square;
    }
    aside#secondary li {
        padding-left: 0;
        list-style-type: square;
    }

    #primary-blog {
        padding: 20px;
        width: 100%;
        background: #fff;
    }
    
    aside#secondary {
        width: 100%;
        padding: 10px;
        background: #fff;
        text-align: center;
    }

} /* end media */