/*
 Theme Name:   Vancouver Child
 Theme URI:    http://pencidesign.com/
 Description:  Vancouver Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Author URI:   http://pencidesign.com/
 Template:     vancouver
 Text Domain:  pencidesign
*/

@import url("../vancouver/style.css");

/* = Theme customization your go here
-------------------------------------------------------------- */
article.post-519 .post-header,article.post-74 .post-header {
    display: none !important;
}
#sidebar-nav .menu li a:before {
    left: auto;
    right: 0;
}
.widget ul.side-newsfeed li .side-item .side-item-text h4 a {
    font-size: 14px;
}
#sidebar .widget.pencidesign_about_widget p{
 font-size: 14px;
}
#sidebar .widget.pencidesign_about_widget h4{

    padding: 0;
}
.widget ul li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 0;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 0px;
    color: #777777;
}
.featured-area{
   direction: ltr;
}
.featured-area .slick-track{
   	//position:initial;
}
.penci-slick-slider .slick-track{
   	//position:absolute;
}
.post-related .slick-track {
   	//position: relative;
}
#navigation .menu {
    	float: none;
}
#navigation .menu li {
   	float: right;
}
#navigation .menu > li:first-child > a {
	padding-left: 24px;
}
#navigation .menu > ul > li > a:after, #navigation .menu > li > a:after {
    	right: auto;
    	left: 2px;
}
#navigation .menu > li:last-child > a {
    	padding-right: 24px;
}
#navigation .menu .sub-menu, #navigation .menu .children {
 	left:auto;   
	right: 24px;
}
#navigation ul.menu ul a, #navigation .menu ul ul a {
    	text-align: right;
	padding-right: 17px;
}
#navigation .menu .sub-menu ul, #navigation .menu .children ul {
    	right: 100%;
	left: auto;
}
#navigation ul.menu ul a:before, #navigation .menu ul ul a:before {
    	right: 10px;
	left: auto;
}
#navigation ul.menu > li:first-child > .sub-menu, #navigation .menu > ul > li:first-child > .sub-menu {
    left: auto;
    right: 0;
}
.post-title-box h4 {
    text-align: center;
}
.penci-carousel > button.slick-prev {
    left: 65px;
    right:auto;
}
.post-pagination .prev-post {
    text-align: left;
}
#respond h3.comment-reply-title {
    text-align: right;
}
#searchform input#s {
    background-position: left center;
}
.post-entry ul li:before {
    left: auto;
    top: 8px;
    right: 0;
    margin-left: 16px;
    margin-right: 0;
}
.post-entry ul li {
    padding-left: 0;
    padding-right: 18px;
}
.widget.widget_categories ul li a, .widget.widget_archive ul li a {
    float: right;
}
.portfolio-right .title-description:before {
    left: auto;
    right: 0;
}
#logo img{
    width: 200px;
}
#navigation .menu li a {
    font-size: 15px;
}
.featured-slider-overlay {
   // background-color: rgba(255,255,255,1.0);
}
#pinterest-pinboard-widget-container .row {
    width: 100%;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100px !important;
}
.comments .children, .comments > .comment > .comment, .comments > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment, .comments > .comment > .comment > .comment > .comment > .comment {
    margin: 0 60px 0 0;
}
.mc4wp-form input[type="submit"], .widget form input[type="submit"] {
    width: 100%;
}
#header .inner-header .container {
    padding: 10px 0;
}
#sidebar .widget-title > span {
    font-size: 14px;
}
.aligncenter, div.aligncenter {
    display: block;
    margin: 0;
}
.wp-caption {
    background: #fff;
    border: 0;
    max-width: 100%;
    padding: 0;
}
.wp-caption p.wp-caption-text {
    font-style: normal;
}
.wp-caption p.wp-caption-text {
    color: #000000 !important;
}
p {
    font-size: 16px;
}
article .post-entry p a {
    color: #A5A2A2!important;
}
.cat > a.penci-cat-name:after {
    right: auto;
    left: 0;
}
.cat > a.penci-cat-name {
    margin-right: 0px;
    padding-right: 0px;
 margin-left: 12px;
    padding-left: 17px;
}
.slick-slider .slick-track, .slick-slider .slick-list  {
    padding: 0 !important;
}

@media only screen and (max-width: 767px){
	.container, .featured-area .featured-carousel.style-1, .featured-carousel.style-2 .item img, .penci-slider.style-3 {
    		//width: 300px;
	}
}
@media only screen and (min-width: 479px){
	.thecomment .author-img {
    		float: right;
   		 margin-left: 30px;
    		margin-right: 0;
	}
	.thecomment .comment-text {
    		margin-right: 150px;
 		margin-left: 0;
	}
}




/*-----------------------------------------------
	Responsive Design
------------------------------------------------*/
@media only screen and (max-width: 1169px) {
	
}
/*--------- Max width 1169px and Min width 961px ---------*/
@media only screen and (min-width: 961px) and (max-width: 1169px) {
	
}

/*--------- Min width 961px ---------*/
@media only screen and (min-width: 961px) {
	.featured-carousel.style-2.loaded .item {
    		height: 300px;
   		max-width: 541px !important;
   		width:100% !important;
	}
}

/*--------- Max width 960px ---------*/
@media only screen and (max-width: 960px) {

}

/*--------- Max width 960px and min width 768px ---------*/
@media only screen and (min-width: 768px) and (max-width: 960px) {
	.featured-carousel.style-2.loaded .item {
    		height: 280px;
   		max-width: 541px !important;
   		width:100% !important;
	}
}

/*--------- Max width 767px ---------*/
@media only screen and (max-width: 767px) {
	.featured-carousel.style-2.loaded .item {
    		height: 280px;
   		max-width: 480px !important;
   		width:100% !important;
	}
}

/*--------- Max width 767px and Min width 480px ---------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.featured-carousel.style-2.loaded .item {
    		height: 280px;
   		max-width: 480px !important;
   		width:100% !important;
	}
	.featured-carousel > button.slick-prev {
    		right: auto;
	}
}

/*--------- Max width 479px ---------*/
@media only screen and (max-width: 479px) {
	.featured-carousel.style-2.loaded .item {
    		height: 210px;
   		max-width: 300px !important;
   		width:100% !important;
	}
	.featured-carousel > button.slick-prev {
   		 right: auto;
	}
	.featured-carousel > button.slick-prev, .featured-carousel > button.slick-next {
    		display: inline-block !important;
	}
}

@media screen and (max-width: 782px) and ( min-width: 601px ) {

}
@media screen and (max-width: 600px) {
	
}