/**
 * FishPig_WordPress
 * WordPress Integration for Magento eCommerce
 * by FishPig
 *
 * http://fishpig.co.uk/wordpress-integration.html
 *
 */

.wordpress-index-index .wrapper .page, .wordpress-post-category-view .wrapper .page { background: #000; }

.is-blog .main-container { width: 100%; max-width: 100%; padding: 0 !important; margin: 0; }
.wordpress-index-index .main-container, .wordpress-post-category-view .main-container { margin: 0 0 53px; }
.wordpress-index-index .wrapper, .wordpress-post-category-view .wrapper { background: #000; }

.is-blog .pager { display: none; }

/*.wordpress-index-index #infscr-loading { background: url(../images/loading.svg) no-repeat; }*/
/**
 * Search block
 *
 */
.blog-search { padding: 5px; }
.blog-search .input-text { margin-bottom: 4px;}

/**
 * General post (view and list)
 *
 */
.post-date { font-style: italic; font-size: 98%; margin-bottom: 10px; }
.post-meta { font-style: italic; }
.post-entry { font-size: 110%; height: 1%; margin-bottom: 1.5em; overflow: hidden; }
.post-entry-with-image { height: 1%; overflow: hidden; }
.post-entry p { margin-bottom: 1em; }

.featured-image { border: 1px solid #ddd; margin: 4px 10px 2px 0; padding: 1px; }

.featured-image.right { margin: 2px 0 4px 10px; }

.is-blog .toolbar { margin: 0 0 10px; }

/**
 * Blog homepage
 *
 */
.blog-title.not-first-page { display: none; }
.blog-title.with-tagline { margin-bottom: 10px; }
.blog-tag-line {  }

/**
 * Post list page
 *
 */
.post-list li.item { min-height: 310px; }
.post-list li.item:hover { 
    -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(1);
    -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");
    filter: gray;
}
.post-list li.item .post-list-item { display: table; height: 310px; overflow: hidden; margin: 0 auto; max-width: 1360px; width: 100%; padding: 0 20px; }
.post-list li.item .post-list-item .item-content { display: table-cell; vertical-align: middle; }
.post-list li.item .post-list-item .item-content span.content { float: left; clear: both; margin-top: 25px; font-family: "Titillium Web", "Helvetica Neue", Verdana, Arial, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: 300; text-transform: none; }
.post-list li.item.even .post-list-item .item-content span { float: right; }
.post-list h2 { line-height: 1.2; margin-bottom: 0; width: 72%; float: left; }
.post-list h2 span.title { color: #fff; font-weight: bold; font-size: 48px; }
.post-list h2 a:hover { color: #FFFFFF; }
.post-list .even h2 { text-align: right; float: right; }

@media only screen and (max-width: 1024px) {
    .post-list li.item { min-height: 230px; background-position: center center !important; }
    .post-list li.item .post-list-item { height: 230px; }
    .post-list h2 span.title { font-size: 32px; }
    .post-list li.item .post-list-item .item-content span { margin-top: 5px; }
}

@media only screen and (max-width: 767px) {
    .post-list li.item .post-list-item { padding: 0 10px; }
    .post-list li.item { min-height: 210px; }
    .post-list li.item .post-list-item { height: 210px; }
    .post-list h2 span.title { font-size: 28px; }
}

@media only screen and (max-width: 640px) {
    .post-list h2  { width: 75%; }
    .post-list h2 span.title { font-size: 24px; }
    .post-list li.item .post-list-item .item-content span { font-size: 14px; }
}

@media only screen and (max-width: 460px) {
    .post-list li.item .post-list-item .item-content .content  { display: none; }
    .post-list h2 span.title { font-size: 22px; }
}

@media only screen and (max-width: 320px) {
    .post-list h2 span.title { font-size: 18px; }
}

/**
 * Post list footer
 *
 */
.is-blog .block, .is-blog .col-left-first { margin-bottom: 0; }
.block-blog-categories {  position: fixed; width: 100%; bottom: 0; min-height: 53px; border-top: 3px solid #f15e1c; color: #868686; background: #202020; }
.block-blog-categories .blog-footer-container { position: relative; margin: 0 auto; max-width: 1360px; width: 100%; padding: 0 20px; }
.block-blog-categories .blog-footer-container .block-title { margin-bottom: 0; padding: 12px 0 0; text-transform: uppercase; font-weight: 300; }
.block-blog-categories .blog-footer-container .block-title > div { float: left; margin-left: 28px; }
.block-blog-categories .blog-footer-container .block-title > div > span { border: 2px solid #868686; border-radius: 22px; padding: 4px 25px; margin-left: 7px; }
.block-blog-categories .blog-footer-container .block-title a { float: left; color: #868686; margin-left: 0; }
.block-blog-categories .blog-footer-container .block-title a:hover { color: #FFFFFF; }
.block-blog-categories .blog-footer-container .block-title a span { float: right; width: 39px; height: 29px; margin-left: 10px; background: url(../images/footer-sprite-home.png) no-repeat 0 -7px; }
.block-blog-categories .blog-footer-container .block-title a.active span { background-position: -54px -7px; }
.block-blog-categories .blog-footer-container .block-content { display: none; background: #323232; bottom: 15px; left: 20px; position: absolute; }
.block-blog-categories .blog-footer-container .block-content.active { display: block; }
.block-blog-categories .blog-footer-container .block-content ul { padding: 17px 20px 17px 10px; }
.block-blog-categories .blog-footer-container .block-content ul li a { color: #868686; text-transform: uppercase; }
.block-blog-categories .blog-footer-container .block-content ul li a:hover { color: #FFFFFF; }

@media only screen and (max-width: 767px) {
    .block-blog-categories .blog-footer-container { padding: 0 10px; }
    .block-blog-categories .blog-footer-container .block-title a { margin-left: 22px; }
    .block-blog-categories .blog-footer-container .block-content { left: 10px; }
}

@media only screen and (max-width: 640px) {
    .block-blog-categories .blog-footer-container .block-title > div { display: none; }
    .block-blog-categories .blog-footer-container .block-content { left: 10px; right: auto !important; }
    .block-blog-categories .blog-footer-container .block-title a { margin-left: 0; }
}

@media only screen and (max-width: 460px) {
    .block-blog-categories .blog-footer-container .block-content { left: 0; }
}

/**
 * Post view page
 *
 */
.wordpress-post-view .page-header { position: relative; z-index: 2; }
/* Left side */
.wordpress-post-view .left-side { width: 50%; position: fixed; top: 0; bottom: 0; padding-top: 90px; z-index: 1; }
.wordpress-post-view .left-side .side-container { float: right; max-width: 680px; width: 100%; height: 100%; padding: 92px 10px 0 20px; }
.wordpress-post-view .left-side .post-meta { font-family: "Titillium Web", "Helvetica Neue", Verdana, Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 16px; color: #FFFFFF; margin-bottom: 4px; padding-left: 2px; }
.wordpress-post-view .left-side .post-meta span { color: #f15e1c; }
.wordpress-post-view .left-side .post-skips { display: none; }
.wordpress-post-view .left-side .page-title h1 { color: #ffffff; font-size: 60px; font-weight: 700; }
.wordpress-post-view .left-side .button.blog-back-button { border-color: #ffffff; bottom: 30px; color: #ffffff; position: fixed; padding: 11px 45px 11px 50px; }
.wordpress-post-view .left-side .button.blog-back-button span { display: none; float: left; width: 8px; height: 10px; background: url(../images/button-arrow.png) no-repeat; margin: 8px 20px 0 0; }
.wordpress-post-view .left-side .button.blog-back-button:hover { padding: 11px 45px 11px 22px; }
.wordpress-post-view .left-side .button.blog-back-button:hover span { display: block; } 

/* Right side */
.wordpress-post-view .right-side { float: right; width: 50%;  }
.wordpress-post-view .right-side .post-view { margin-right: -25px; width: 100%; padding: 95px 25px 10px 20px; }
.wordpress-post-view .right-side .post-view .share-this { margin-bottom: 15px; }
.wordpress-post-view .right-side .post-view .share-this * { box-sizing: content-box; }
.wordpress-post-view .right-side .post-view .post-entry { font-size: 16px; }
.wordpress-post-view .right-side .post-view .post-meta { display: none; }
.wordpress-post-view .right-side .post-view input, .wordpress-post-view .right-side .post-view textarea { background: transparent; }
.wordpress-post-view .right-side .post-view label { margin-left: 10px; }
.wordpress-post-view .right-side .post-skip.post-skip-next.right { float: right; }
.wordpress-post-view .right-side .comments-wrapper #respond { margin: 50px 0 60px; }
.wordpress-post-view .right-side .comments-wrapper .comment-meta .comment-url { font-weight: bold; } 
.wordpress-post-view .right-side .comments-wrapper .comment-meta .comment-when { color: #868686; }
.wordpress-post-view .right-side .comments-wrapper .comment-meta a, .wordpress-post-view .right-side .comments-wrapper .comment-meta span { float: left; }
.wordpress-post-view .right-side .comment .gravatar { display: none; float: left; margin: 0 10px 10px 0; }
.wordpress-post-view .right-side .comment .comment-entry { clear: both; font-size: 16px; }
.wordpress-post-view .validation-advice { text-align: left; padding-left: 10px; }

.page-title.post-title { margin-bottom: 4px; }
.post-view .post-meta { margin-bottom: 20px; }
.post-view .post-skips {border-bottom: 1px solid #868686; border-top: 1px solid #868686; display: block; margin-top: 20px; padding: 15px 0; width: 100%; }
.post-view .post-skips a { color: #323232; }
.post-view .post-skips .post-skip-previous { margin-right: 10px; }

.post-view .yarpp-related { margin-bottom: 20px; }

@media only screen and (max-width: 1360px) {
    .wordpress-post-view .right-side .post-view { max-width: 620px; }
    .wordpress-post-view .left-side .page-title h1 { font-size: 52px; }
}

@media only screen and (max-width: 1023px) {
    .wordpress-post-view .left-side { width: 100%; height: 400px; position: relative; background-position: center center !important; background-size: cover !important; }
    .wordpress-post-view .left-side .side-container { float: left; max-width: 100%; height: auto; padding-top: 0; padding-right: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); }
    .wordpress-post-view .left-side .side-container .button.blog-back-button { bottom: -10px; position: relative; }
    .wordpress-post-view .right-side { width: 100%; overflow: visible; }
    .wordpress-post-view .right-side .post-view { overflow: visible; max-width: 100%; max-height: 100%; padding-top: 55px; }
}

@media only screen and (max-width: 767px) {
    .wordpress-post-view .main-container { margin-top: -10px; }
    .wordpress-post-view .left-side .page-title h1 { font-size: 32px; }
    .wordpress-post-view .left-side .button.blog-back-button { font-size: 12px; padding: 9px 15px; }
    .wordpress-post-view .left-side .button.blog-back-button span { display: block; margin: 4px 11px 0 0; }
    .wordpress-post-view .left-side .button.blog-back-button:hover { padding: 9px 15px; }
}

@media only screen and (max-width: 460px) {
    .wordpress-post-view .left-side { height: 330px; }
    .wordpress-post-view .left-side .page-title h1 { font-size: 26px; }
}

/**
 * Post comments
 *
 */
.comments-wrapper h2 { margin-bottom: 10px; }
.comments-wrapper ul.children { margin-left: 20px; }
.comment { height: 1%; overflow: hidden; margin-bottom: 10px; }
.comment .comment-inner { border-bottom: 1px solid #eee; padding: 10px 0; }
.comment .gravatar { float: left; margin: 0 10px 10px 0; }
.comment .comment-meta { margin-bottom: 10px; }
.comment .comment-when { display: block; text-decoration: none; }
.comment .comment-entry { clear: both; font-size: 110%; }

/**
 * Author page
 *
 */
.author-description { font-style: italic; margin-bottom: 20px; }

/**
 * PinterestRssWidget plugin
 *
 */


.block-blog-pinterest li.item { text-align: center; }
.block-blog-pinterest .follow { text-align: center; margin: 10px 0 15px; }

.shortcode-pinterest {}
.shortcode-pinterest ul { height: 1%; overflow: hidden; }
.shortcode-pinterest li { list-style: none; padding: 0; margin: 0 10px 10px; float: left; }

/**
 * Alignment and captions
 * Taken from default WordPress CSS file
 *
 */
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img[class*="align"],
img[class*="wp-image-"],
.gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ddd;
	padding: 6px;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large {
max-width: 97.5%;
width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
}

.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 1.625em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
border-color: #eee;
}
.wp-caption .wp-caption-text {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 10px 0 5px 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: '\2014';
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
.wp-caption img {
border-color: #eee;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
background: #fff;
border-color: #ddd;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}

div.gallery { height: 1%; overflow: hidden; }
.gallery-columns-2 dl.gallery-item { width: 50%; }
.gallery-columns-3 dl.gallery-item { width: 33%; }
.gallery-columns-4 dl.gallery-item { width: 25%; }
.gallery-columns-5 dl.gallery-item { width: 20%; }

dl.gallery-item { float: left; }
dl.gallery-item .gallery-icon { overflow: hidden; }

.post-view ul.form-list { list-style: none outside none; }

/*
 * WP Calendar
 */
#wp-calendar {
	margin: 0;
	width: 100%;
	padding: 5px 10px;
}
#wp-calendar th {
	font-weight: bold;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	text-align: right;
}

/**
 * Yarpp thumbnails
 * This is taken directly from the Yarpp plugin
 */

.yarpp-thumbnails-horizontal .yarpp-thumbnail, .yarpp-thumbnail-default, .yarpp-thumbnail-title {
	display: inline-block;
	*display: inline;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
	border: 1px solid rgba(127,127,127,0.1);
	width: 130px;
	height: 170px;
	margin: 5px;
	margin-left: 0px;
	vertical-align: top;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
	width: 120px;
	height: 120px;
	margin: 5px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
	margin-bottom: 0px;
	display: block;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
	font-size: 1em;
	max-height: 2.8em;
	line-height: 1.4em;
	margin: 7px;
	margin-top: 0px;
	width: 120px;
	text-decoration: inherit;
	overflow: hidden;
}

.yarpp-thumbnail-default {
	overflow: hidden;
}
.yarpp-thumbnail-default > img.yarpp-thumbnail-default-wide {
	height: 120px;
	max-width: none;
}
.yarpp-thumbnail-default > img.yarpp-thumbnail-default-tall {
	width: 120px;
	max-height: none;
}

#recipress_recipe {
	clear: both;
}

/**
 * Product shortcode
 */
.std ul.mini-products-list {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.std ul.mini-products-list ul.item {
	list-style: none;
}

img.max-width { max-width: 100%; }

#infscr-loading { margin: 30px 0; }
#infscr-loading img { margin: 0 auto; }
#infscr-loading div { text-align: center; color: #fff; }