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

/**
 * Search block
 *
 */
.blog-search { padding: 5px; border: 1px solid #e8e8e8; padding: 20px; overflow: hidden; margin-bottom: 20px; }
.blog-search .input-text { margin-bottom: 4px;}
.blog-search input { width: 80%; float: left; display: inline-block; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }

button.button {
	width: 40px;
	height: 40px;
	display: inline-block;
	float: right;
	padding: 0;
	border: 0;
	text-indent: -5000px;
	background: transparent url("/skin/frontend/koss/default/images/magnify.svg") center 3px no-repeat; }


button.button:hover { background: transparent url("/skin/frontend/koss/default/images/magnify.svg") center 3px no-repeat; }


/**
 * General post (view and list)
 *
 */
.post-date { font-style: italic; font-size: 98%; margin-bottom: 10px; }
.post-meta { font-size: 12px; line-height: 16px; color: #a7a7a7; }
.post-entry { font-size: 14px; height: 1%; margin-bottom: 1.5em; overflow: hidden; line-height: 21px; }
.post-entry-with-image { height: auto; overflow: hidden; }
.post-entry p { margin-bottom: 18px; }

blockquote { float: right; color: #616161; font-family: "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 22px; line-height: 42px; font-weight: 200; display: block; float: right; width: 28%; margin: 0 0 4% 4%;  }

.post-entry p strong { color: #333; padding-bottom: 5px; }

.featured-image {
	width: 100%;
	height: auto;
}

.featured-image img { width: 100%; height: auto; margin-bottom: 0; }

.catalogsearch-result-index li.item.quote.odd, .catalogsearch-result-index li.item.quote.even  {  width: 28%; margin: 1% 2.5%; display: inline-block;  text-align: center; height: auto; }

.catalogsearch-result-index .featured-image img { border: 1px solid #eee; }


.post-entry.entry.std.post-entry-with-image .featured-image img { margin-bottom: 0px; }

.post-date.when { color: #a7a7a7; }

.page-title.post-title h1 { margin-bottom: 0px; }


.featured-image.left { margin-bottom: 13px; }

.one-col-main.theblog ul#post-list {
	overflow: hidden;
}

.one-col-main.theblog ul#post-list li {
	width: 28%;
	display: inline-block;
	margin: 0 2.5%;
	float: left;
	min-height: 350px;
}

.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 { display: none; }
.blog-tag-line { display: none; }

/**
 * Post list page
 *
 */
.post-list li.item { margin-bottom: 20px; }
.post-list li.item .post-list-item {  }
.post-list h2 { line-height: 1em; margin-bottom: 10px; font-size: 15px; color: #333; font-weight: 500; line-height: 21px; }
.post-list h2 a { color: #333; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }

/**
 * Post view page
 *
 */
.page-title.post-title { margin-bottom: 30px; }
.post-view .post-meta { margin-bottom: 20px; }
.post-view .post-skips { display: block; margin-top: 40px; width: 100%; border-top: 1px solid #eee; padding-top: 20px; }
.post-view .post-skips .post-skip-previous { margin-right: 10px; }

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

.pages ol { overflow: hidden; }

/**
 * 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 */
}

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: 100%;
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;
background: #fff;
}
.wp-caption {
margin-bottom: 1.625em;
width: 100%;
font-size: 12px;
max-width: 100% !important;
height: auto;
}
.wp-caption img {
display: block;
margin: 30px auto 10px;
width: 100%;
}
.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%; }

@media (max-width: 1024px) { .blog-search { padding: 10px 10px 8px; } }

@media only screen and (max-width: 990px) {
	.blog-search { padding: 10px; }
	button.button { width: 35px; height: 35px;
	background-size:85%; }
	.blog-search { padding: 20px; }
    .blog-search input { width: 92%; }
    .post-view .post-skips .post-skip-previous, a.post-skip.post-skip-next.right { display: none; }
}

@media only screen and (max-width: 670px) {
	.one-col-main.theblog ul#post-list li { float: none; display: block; width: 100% !important; clear: all; margin: 0; padding: 0; margin-bottom: 50px; height: auto; }

	blockquote { width: 100%; display: block; width: 100%; }
	.col-right.sidebar { padding-bottom: 10px; }

	.blog-thumbs li:first-child { float: left; }

	.one-col-main.theblog ul#post-list li, .one-col-main.theblog ul#post-list li.even, .one-col-main.theblog ul#post-list li.odd { float: none; margin: 0; padding: 0; }

	.post-entry-with-image {
    min-height: 420px; }

    .one-col-main.theblog ul#post-list li.odd, .one-col-main.theblog ul#post-list li.odd, li.item.quote.last.even, li.item.quote.last.odd { margin-bottom: 0px; float: none; }

    .post-list li.item .post-list-item { height: 480px; overflow: hidden; }

    .catalogsearch-result-index li.item.quote.odd, .catalogsearch-result-index li.item.quote.even { width: 85%; }

		.post-list li.item .post-list-item {
    height: auto !important;
    overflow: hidden;
}
.post-entry-with-image {
    min-height: auto !important;
}

		.one-col-main.theblog ul#post-list li { min-height: auto !important; height: auto !important; }

}

@media only screen and (max-width: 479px) {
	img.alignleft, img.alignright, img.aligncenter { width: 100%; float: left; margin: 10px 0 30px; }
	.blog-search { border: 0; padding: 0; }
	.blog-search input { width: 79%; }
	.block.block-blog.block-recent-posts .block-content li.item, .block.block-blog.block-blog-archives .block-content li.item { margin-bottom: 0px; }
	.alignright { float: none; }
	.wp-caption { padding-bottom: 30px; display: block; float: none; width: 100% !important; margin: 0px; }

	.post-entry-with-image {
    min-height: 290px; }

    .post-list li.item .post-list-item { height: 280px; margin-bottom: 0px;  }
}