/*
Theme Name:     Vancouver Child
Description:    child theme
Author:         ThemeManiac
Template:       vancouver

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


@media screen and (min-width: 1000px) {

.penci-grid li.list-post .item > .thumbnail {
    max-width: 300px;
}


#sidebar.penci-sticky-sidebar.is-sticky {
    margin-left: 720px!important;}

.container.penci_sidebar #main {
    width: 63.94%;
}

.container.penci_sidebar #main {
    width: 700px;
}


.container {
    width: 1100px;  padding-left: 20px; padding-right: 20px
}


body .penci-slider.style-3 {
    width: 1100px;  padding-left: 20px; padding-right: 20px
}


.penci-grid li.list-post .item .content-list-right {
    margin: 0;
    padding-left: 310px;
}

#sidebar {width: 340px!Important}


}


.container.penci_sidebar #main {
    padding-right: 0px;
}

.archive .container.title-bar, .category .container.title-bar span{display: none}
.archive .container.title-bar, .category .container.title-bar {display: block}


.single .inner-post-entry p {max-width: 540px; margin: 0 auto}
.single .inner-post-entry p.img {max-width: 100%}

li.list-postt   { background: url(http://new2dbz.wpengine.com/wp-content/uploads/2016/06/black-500x500.jpg);
    padding: 20px;
    background-size: cover;
    background-position: center;
}

.ajax-pagination {
    position: relative;
    font-size: 20px;
    font-family: 'Oswald';
        color: #b49247;
    display: block;
    border: 1px solid #363636;
    text-align: center;
    padding: 6px 0 2px;
    text-transform: uppercase;
    line-height: 36px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
       background: transparent;
    width: 100%;
    font-weight: 600; cursor: pointer
}

.ajax-pagination:hover {
    background: rgba(255,255,255,0.15);
}


.penci-grid li.list-post {
    padding: 20px;
}


@media screen and (min-width: 961px)  and (max-width: 1099px) {
.container.penci_sidebar #main {
    width: 63.94%;
} 


#sidebar.penci-sticky-sidebar.is-sticky {
    margin-left: 668px!important;
}

}


@media only screen and (max-width: 767px) and (min-width: 480px) {
#logo img {
    max-width: 170px;
    height: auto;
}}

#header {
    margin-bottom: 45px;
    position: relative;
}


#navigation .button-menu-mobile {
    color: #fff;
    left: 0px;
    position: absolute;
    margin-top: 7px;
}


@media only screen and (max-width: 960px) {
#logo img {
    margin-left: 25px;
}}


@media only screen and (max-width: 479px) {
#logo img {
    max-width: 150px;
    margin-top: 4px;
    margin-left: 30px
}

body .penci-slider.style-3 {
    width: 300px; 
    padding: 0;
}



 }


.post-background {    position: absolute;
    z-index: 9;
    width: 100%;
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");}

.post-background img {width: 100%;}

.penci-grid li.list-post {position: relative;     overflow: hidden;}


.penci-grid li.list-post article { position: relative;
    z-index: 99;
    padding: 20px;
    background: rgba(0,0,0,0.8);}


.penci-grid li.list-post {
    padding: 0px;
}


.header-social {
    margin: 16px 0 0;
}


#navigation .menu .sub-menu li a:hover {color: #BF9F5A!Important}
.home .penci-grid li {margin-bottom: 0px}

.home .penci-grid li.list-post article {
    padding-left: 10px;     float: left;     width: 100%;
}

.pix-wrapper {
    margin-top: 30px; }

.clear-footer {
    margin-bottom: 30px;
}

.penci-grid li.list-post:hover article {
    background: rgba(0,0,0,0.6);
}

.penci-grid li.list-post:hover  .post-background {
    -moz-filter: none!Important;
    -o-filter: none!Important;
    -webkit-filter: none!Important;
    filter: none!Important;
    filter: none!Important;
}









.featured-area {
	max-width: 1100px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.featured-area:before,
.featured-area:after {
	content: "";
	display: table;
	clear: both;
}

body .penci-slider.style-3 {
	background: #000000 !important;
	overflow: hidden;
	float: left;
	max-width: 740px !Important;
	width: 100% !Important;
}

.spotlight-area {
	float: right;
	max-width: 360px;
	padding-right: 20px;
	min-height: 467px;
}

.spotlight-area .widget {
	position: relative;
	padding: 10px;
	min-height: 467px;
}

.spotlight-area .side-newsfeed li {
	border-bottom: 1px solid #505050;
	padding-bottom: 9px !important;
	margin-bottom: 9px !important;
}

.spotlight-area .side-newsfeed li:last-child {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.pencidesign_popular_news_widget .side-newsfeed .side-item-meta,
.spotlight-area .side-newsfeed .side-item-meta {
	display: none !important;
}

.spotlight-area .widget ul.side-newsfeed li .side-item .side-image,
.spotlight-area .widget ul.side-newsfeed li .side-item .side-image a {
	line-height: 1 !important;
}

.spotlight-area .side-newsfeed h4 {
	position: relative;
	line-height: 1.3;
	z-index: 1;
}

.spotlight-area .side-newsfeed .side-item-text h4 a {
	color: #505050;
	margin: 0;
}

.spotlight-area .side-newsfeed .side-image {
	margin-right: 15px !important;
}

.spotlight-area .widget-title {
	position: relative;
	margin-bottom: 10px;
	text-align: center;
	font-family: "Oswald",sans-serif;
    letter-spacing: 2px;
	font-style: italic;
}

.spotlight-area .widget-title span span::before, 
.spotlight-area .widget-title span span::after {
    color: #bf9f5a;
    content: "••••••••";
    font-family: "Arial",sans-serif;
    font-size: 11px;
    height: 8px;
    left: 100%;
    letter-spacing: 3px;
    line-height: 1;
    margin-left: 9px;
    margin-top: -4px;
    overflow: hidden;
    position: absolute;
    text-align: left;
    top: 50%;
    width: 60px;	
}

.spotlight-area .widget-title span span::after {
	left: auto;
	right: 100%;
	margin-right: 9px;
	margin-left: 0;
}

.spotlight-area .widget-title span span {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin-bottom: 15px;
}

.spotlight-area .widget-title > span {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
}

@media (max-width: 1100px) { 
	.featured-area {
		max-width: 940px;
		margin-left: auto;
		margin-right: auto;
	}


	body .penci-slider.style-3 {
		float: left;
		max-width: 600px !Important;
		width: 100% !Important;
	}

	.spotlight-area {
		float: right;
		max-width: 275px;
		padding-right: 0px;
	}
}

@media (max-width: 960px) { 
	.featured-area {
		max-width: 726px;
		margin-left: auto;
		margin-right: auto;
	}

	body .penci-slider.style-3 {
		float: none;
		max-width: 720px !Important;
		width: 100% !Important;
		margin-bottom: 20px;
	}

	.spotlight-area {
		float: none;
		max-width: 275px;
		padding-right: 0px;
		margin-left: auto;
		margin-right: auto;		
	}
}

.top-ads {
	background: #131313;
	padding: 20px;
	margin-top: -45px;
	margin-bottom: 20px;
	text-align: center;
}

.top-ads .textwidget {
	line-height: 1;
}

.single .inner-post-entry {
    margin: 0 auto;
    max-width: 82%;
}

.single .post-entry .inner-post-entry div.fully {
	position: relative;
	left: -60px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	max-width: 700px;
	text-align: center;
}

.single .post-entry .inner-post-entry div.fully img {
	max-width: 700px;
	width: auto;
}

.single .post-entry .inner-post-entry div.fully iframe {
	width: 100%;
}



@media (max-width: 1100px) {
	.single .post-entry .inner-post-entry div.fully {
		left: 0px;
		width: 100%;
	}	
	
	.single .post-entry .inner-post-entry div.fully img {
		max-width: 100%;
		width: auto;
	}	
	
	.single .post-entry iframe {
		max-width: 700px;

	}

	.single .inner-post-entry p.img {
		max-width: 100%;
	}	
}

.single .penci-grid li {
	margin-bottom: 0;
}

.penci-grid li.list-post article,
.penci-grid li.list-post:hover article {
	 background: none;
}

.penci-grid li.list-post .post-background:after {
	content: "";
	background: rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
}

.penci-grid li.list-post:hover .post-background:after {
	background: rgba(0,0,0,.61);
}

@media (max-width: 467px) {
	.header-social {
		padding: 6px 0 0 0 !important;
		float: none !important;
	}
	
	#logo img {
		max-width: 100px !important;
		margin-left: 0 !important;
	}
	
	#logo {
		padding-top: 18px !important;
		width: 150px !important;
	}
	
	.header-social .inner-header-social:before, .header-social .inner-header-social:after {
		content: none;
	}
}