/**
 *
 **/
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

ol.post-list,
ol.comment-list { list-style: none; padding: 0; margin: 0; }

/* General Post Styles */
.post-list-wrapper {padding-left: 20px; padding-right: 20px;}
.post-list li:after { content: ' '; clear: both; display: block; }
.post-list li { /*display: inline-block; width: 48%; vertical-align: top;*/ }
.post-entry { margin: 0 0 20px; }
.post-entry p { font-size: 14px; line-height: 14px; color: #666; text-transform: none; }
.post-entry h2 { line-height: 26px; margin-bottom: 16px; }
.post-entry h2 a { color: #666; text-transform: none; font-size: 22px; line-height: 26px; }
.post-entry h2:hover a {text-decoration: underline; color: #666; }
.post-image { margin: 0 0 30px; overflow: hidden; }
.post-image a { display: inline-block; width: 100%; }
.post-image img { max-width: 100%; height: auto; }
.post-entry img {height: auto !important; margin-bottom: 30px; margin-top: 30px;}
.post-list .post-image { max-height: 300px; }
.post-meta { clear: both; margin: 0 0 20px; text-align: left; }
.post-meta .post-meta-item { display: inline-block; margin-right: 10px; color: #666; font-family: 'HelveticaNeue-Light';}
.post-readmore { margin-top: 10px; }
.post-entry iframe { max-width: 100%; }
.post-excerpt { font-size: 16px; line-height: 22px; color: #666; padding-right: 20px;}
.read-article { display: inline-block; font-size: 16px; color: #0089A9; text-transform: uppercase; }
.read-article:visited { color: #0089A9; }
.read-article:hover { text-decoration: none; }
.read-article:after { content: ""; display: block; position: relative; height: 1px; background-color: #0089A9; margin-top: 5px; }
.img-fullwidth {width: 100%;}

/* Comments */
.comment-list-item { margin: 0 0 20px; }
.comment-list.children { margin-top: 20px; }
.comment-image { float: left; margin: 0 10px 10px 0; }
.comment-author { font-weight: bold; display: block; }
.comment-entry { clear: both; margin: 0 0 20px; }

/* Widgets */
.wp-sidebar { position: relative; } /* Fixes Porto issue where sidebar links aren't clickable */
.block-blog .block-title { margin-bottom: 10px; padding: 20px 10px 15px 20px; background-color: #f2f2f2; }
.block-blog .block-title > strong { font-size: 16px; line-height: 16px; font-weight: 600; text-transform: uppercase;}
.block-blog ul, .block-blog ol { list-style: none; margin: 0; padding: 0; }
.block-blog-cloud li { display: inline; margin: 0; }
.block-blog-categories ul.level1 { margin-top: 1rem; }
.block-blog .block-content { padding: 20px; }
#wp-category-list li a { font-size: 14px; font-family: sans-serif; }
#wp-category-list li a:hover { color: #0089a9; }
.block-recent-posts li a { font-size: 14px; font-family: sans-serif; }
.block-recent-posts li a:hover { color: #0089a9; }
.post-content p { text-transform: none; font-size: 16px; line-height: 20px; color: #666; margin-bottom: 20px; }
.post-content b { font-weight: 700; color: #666; }
.post-content strong { font-weight: 700; color: #0089A9; }
.post-content h2 { color: #0089a9; font-size: 20px; line-height: 26px; margin-bottom: 20px; }
.post-content h3 { color: #0089a9; font-size: 20px; line-height: 26px; margin-bottom: 20px; margin-top: 20px; }
.post-content h3 span { color: #0089a9; font-size: 20px; line-height: 26px; }
.post-content h4 { color: #0089A9; font-size: 20px; line-height: 26px; margin-bottom: 20px; margin-top: 20px; }
.post-content h6 { color: #0089A9; font-family: 'FrutigerBold'; font-size: 12px; line-height: 16px; margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; }
.post-content h6 a { color: #0089A9; }
.post-content ul { margin-bottom: 20px; padding-left: 10px;}
.post-content li { font-size: 16px; list-style-type: disc; font-family: 'HelveticaNeue-Light'; color: #666; }
.post-content li span { font-size: 16px; }
.post-content li strong { font-weight: 600; }
.post-meta-item { font-size: 14px; }

.shortcode-product {}
.shortcode-product .products { text-align: left; list-style: none; }
.shortcode-product .products > li { display: inline-block; width: 24%!important; text-align: center; }

/* Post List Grid */
.post-list.grid { display: flex; flex-wrap: wrap; }
.post-list.grid li { display: inline-block; width: 30%!important; vertical-align: top; margin-right: 5%; margin-left: 0!important; margin-bottom: 40px; }

.wordpress-posttype-view .pager { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; margin-top: 40px; }

.wp-caption-text {
	padding: 10px 0 30px 0;
}

@media (min-width: 768px) {
	.wordpress-posttype-view.page-layout-2columns-right .column.main {
		width: 74%!important;
		margin-right: 1%!important;
	}
}

@media (min-width: 768px) {
	.wordpress-posttype-view.page-layout-2columns-right .sidebar-main {
		width: 25%!important;
	}
}

@media (max-width: 767px) {

	.block-blog-categories {
		margin-top: 40px;
	}

	.post-list.grid li { display: inline-block; width: 46%!important;; vertical-align: top; margin-right: 2%; margin-left: 2%; margin-bottom: 20px; }

	.post-entry p { font-size: 16px; line-height: 22px; }

	.post-entry p span { font-size: 16px; line-height: 22px; }

	.post-entry p a { font-size: 16px; line-height: 22px; }

	.post-entry h2 { line-height: 18px; }

	.post-entry h2 a { font-size: 14px; line-height: 16px; }

	.post-excerpt { font-size: 12px; line-height: 18px; }

	.wordpress-posttype-view .toolbar-amount {
		text-align: center;
		margin-bottom: 10px!important;
	}

	.read-article { font-size: 13px; }

	.wordpress-posttype-view .pager {
		flex-direction: column;
	}
}

@media (min-width: 768px) {

	.post-list.grid li:nth-of-type(3n) { margin-right: 0!important; }
	.post-entry h2 a { font-size: 18px; }

}

.wordpress-posttype-view .page-main {
	padding: 80px 0;
}

.wordpress-posttype-view .columns {
	padding: 0;

	@media @desktop {
		padding: 80px 0;
	}
}

.wordpress-posttype-view .page-title-wrapper {
	text-align: center;
}

.wordpress-post-view .page-title-wrapper {
	text-align: center;
}

.wordpress-post-view .page-main {
	padding: 80px 20px;
}

.wordpress-post-view .page-title-wrapper {
	margin-bottom: 30px;
}