/* Floating content images */
.aligncenter { display: block; margin: 1.5em auto; }
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.video { position: relative; padding-top: 56.25%; }
.video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }


/* Popular Posts Slider */
.maincontent--padded { padding: 0; }
.popular-posts { background: #fdfdfd; }
.popular-posts--slider { position: relative; }
.blog-slides { z-index: 2; }
.blog-slides li { display: none; }
.blog-slides .flex-active-slide a { position: relative; z-index: 10; }
.mobile-img { display: block; height: 200px; }
.popular-posts--textwrap { padding: 1.5em 0 3em; background: #000; }
.popular-posts--title { font-size: 32px; font-size: 2rem; margin: 0 0 10px; color: #FFF; }
.popular-posts--title a { color: #FFf; text-decoration:none; }
.popular-posts--title a:hover { text-decoration: underline; }
.popular-posts .categories,
.popular-posts--date { color: #9F9F9F; font-size: 14px; font-size: .875rem; font-weight: 500; margin: 0; }
.popular-posts--textwrap .categories a:hover { color: #9F9F9F; }

	/* Control Nav */
	.flex-control-nav { padding-left: 0; bottom: 10px; width: 100%; list-style: none; margin: 0; position: absolute; z-index: 10; width: 100%; bottom: 10px; left:0; text-align: center; }
	.flex-control-nav li { line-height: normal; display: inline-block; margin: 0 5px; }
	.flex-control-nav li a { box-shadow: none; display: block; width: 13px; height: 13px; background: #FFF; border-radius: 50em; text-indent: -9999em; opacity: .5; cursor: pointer; }
	.flex-control-nav li .flex-active { background: #FFF; opacity: 1; }
	.loading { display:block; margin:auto; }

	/* Popular Sidebar */
	.popular-sidebar { padding: 2em; }
	.popular-sidebar--title { margin: 0 0 1.25em; font-size: 20px; font-size: 1.25rem; font-weight: normal; text-transform: uppercase; }
	.popular-sidebar--tabs li { margin-bottom: 1em; }
	.popular-sidebar--tabs li a { display: block; color: #000; text-decoration: none; }
	.popular-sidebar--tabs li a:hover p { text-decoration: underline; }
	.popular-sidebar--image { width: 15%; display: inline-block; vertical-align: middle; margin-right: 1em; }
	.popular-sidebar--image img { display: block; }
	.popular-tab--title { display: inline-block; vertical-align: middle; width: 75%; }
	.popular-tab--title p { margin: 0; font-weight: 500; color: #000; line-height: normal; }


/* Blog Featured Categories */
.blog-featured-categories { padding: 4em 0; }
.blog-featured-categories .featured-categories { display: flex; flex-wrap: wrap; align-items: stretch; }
.blog-featured-categories .featured-category-column { flex: 0 0 100%; max-width: 100%; margin: .5rem 0; }
.blog-featured-categories .featured-category-column .featured-category-block { background: #F0F0F0; height: 100%; }
.blog-featured-categories .category-title { background: #2261AE; font-size: 14px; margin: 0; padding: 1em 1.5em; color: #FFF; font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }
.blog-featured-categories .category-title a { color: #A0A0A0; text-decoration: none; }
.blog-featured-categories .category-title a:hover { color: #FFF; text-decoration: underline; }
.featured-posts-image { display: block; height: 125px; background: #A0A0A0; overflow: hidden; }
.featured-posts-image img { display: block; }
.featured-post-info { padding: 1.5em; }
.featured-post-name { margin: 0 0 5px; }
.featured-post-name a { color: #2261AE; text-decoration: none; }
.featured-post-name a:hover { text-decoration: underline; }
.post-author-date { font-size: 14px; font-size: .875rem; font-weight: bold; color: #545454; }
.featured-post-content { margin: 0; font-weight: normal; font-size: 15px; font-size: .938rem; }

/* Recent Blog Posts */
.recent-posts { padding: 4em 0; background: #f9f9f9; margin-bottom: -3em; }
.recent-posts--list { display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 2.5em; }
.recent-posts--list .recent-posts--item { flex: 0 0 100%; max-width: 100%; margin: .5rem 0; }
.recent-posts--list .recent-posts--item a { height: 100%; display: flex; align-items: center; text-decoration: none; background: #fff; padding: 1em; -webkit-transition: all ease-in-out .5ms; transition: all ease-in-out .5ms; box-shadow: 0 2px 5px rgba(0,0,0,.05);}
.recent-posts--list .recent-posts--item a:hover { box-shadow: 0 2px 5px rgba(0,0,0,.15); }
.recent-posts--image { display: inline-block; vertical-align: middle; width: 20%; margin-right: 5%; }
.recent-posts--content.recent-posts--hasImage { display: inline-block; vertical-align: middle; width: 73%; }
.recent-posts--title { font-size: 18px; font-size: 1.125rem; font-weight: normal; margin: 0 0 5px; color: #2261AE; }
.recent-posts--list a:hover h3 { text-decoration: none; }
.recent-posts--date { font-size: 14px; font-size: .875rem; font-weight: bold; color: #545454; margin: 0; }

	/* Pagination */
	.blog-list-paging { width: 100%; text-align: center; margin: 2em 0; padding: 1em 0; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; }
	.page {display: inline-block;color: rgba(21,44,82,.9); padding: 0px 9px;margin-right: 4px;border: solid 1px #d0d0d0;font-size:14px;font-size: .875em;font-weight: bold;text-shadow: 0px 1px 0px rgba(255,255,255, 1);text-decoration: none !important;
	}
	.page:hover, .page.gradient:hover {background: #F9F9F9;border-color: #c0c0c0;}
	.page.active { border: none;color: #00529C;}
	.page.current { color: #004952; pointer-events:none; border: 2px solid #004952; background: #fff; }
	.page.disabled { color: #808080; pointer-events:none; opacity: .5; }


/* Single Post Header */
.post-header,
.blog-page-header { overflow: hidden; position: relative; }
.post-header .container,
.blog-page-header .container { margin-top: 185px; width: 100%; }
.post-info,
.blog-header-details { background: #FFF;background: rgba(255,255,255,.85); padding: 1.5em 2em; }
.post-info .post-title,
.category-title { font-size: 32px; font-size: 2rem; margin: 0 0 .5rem; }
.category-title span { font-size: 20px; font-size: 1.25rem; text-transform: uppercase; color: #545454; }
.posted-on { font-size: 15px; font-size: .938rem; margin: 0; color: #545454; }
.article-content { padding-right: 10%; }
.text-content p { line-height: 1.75; }


/* Comments Section */
#comments-section { background: #F9F9F9; padding: 2em; }
#comments-section label { font-weight: bold; }
#comments-section li { margin-bottom: 1em; }
#comments-section input[type=submit] { margin-top: 1em; }
.single-post-comments { margin-top: 2em; text-align: center; }
.single-post-comments li { text-align: left; padding: 1em 0; border-bottom: 1px solid #EEE; }
.single-post-comments .comment-author { font-weight: bold; margin: 0 0 5px; font-size: 12px; font-size: .75rem; }
.single-post-comments .comment-content { font-size: 14px; font-size: .875rem; }
.message p { color:#556652 !important; }
.message h1 { font-size: 24px!important; font-size: 1.5rem!important; }
ul.nobullets li { text-decoration: none; list-style: none;}

/* Tabs */
.tabbed-content { background: #F9F9F9; border-top: 1px solid #EEE; }
.tabbed-content p { margin: 0 0 1.5em; max-width: 90%; line-height: 21px; }
.tabbed-content ul { list-style: none; margin: 0; padding: 0; }
.tabbed-content ul li { font-size: 15px; font-size: .938rem; }
.tabbed-content ul li a { text-decoration: none; }
.tabbed-content ul li.viewall { margin-top: 1.5em; text-transform: uppercase; font-size: 12px; font-size: .75rem; font-weight: bold; }
.tabbed-content ul li.viewall a { color: #656565; }
.tabbed-content ul li.viewall a:hover { color: #343434; }


/* Sidebar Widget for Tabs */
.tabbers { border: 1px solid #cdcdcd; }
.blogtabs, .blogCategoryList, .blogArchiveList, .featured-blogs { list-style: none; margin: 0; padding: 0; }
.blogtabs li { float: left; width: 33%; border-right: 1px solid #cdcdcd; font-weight: normal; font-size: 18px; font-size: 1.125rem;}
.blogtabs li:last-child { width: 34%; border-right: 0; }
.blogtabs li a { display: block; padding: 10px 0; text-align: center; text-decoration: none; border-bottom: 1px solid #cdcdcd; cursor: pointer; color: #000; }
.blogtabs li a:hover { color: #000; background: #F9F9F9; }
.blogtabs li .active,
.blogtabs li .active:hover { background: #000; color: #FFF; }
.tabbers .panel { padding: 20px; }
.blogCategoryList, .blogArchiveList { display: flex; flex-direction: column; }
.blogCategoryList li, .blogArchiveList li { font-size: 16px; font-size: 1rem; }
.blogCategoryList li a, .blogArchiveList li a { display: block; padding: 7px 0; border-bottom: 1px solid #EEE; text-decoration: none; color: white; }


/* Sidebar Featured Blogs */
.featured-blogs li { border-bottom: 1px solid #EEE; padding-bottom: 1em; margin-bottom: 1em; }
.featured-blogs li h3 { font-size: 18px; font-size: 1.125rem; text-transform: none; margin: 0 0 .25em; }
.featured-blogs li h3 a { text-decoration: none; }
.featured-blogs li p { color: #898989; text-transform: uppercase; font-size: 12px; font-size: .75rem; margin: 0; }
.featured-blogs li .featured-post--title { font-size: 18px; font-size: 1.125rem; text-transform: none; }


/* Typography (Blog Specific) */
.caption-text {color: #909090; display: block; font-size: 11px; font-size: .688rem; line-height: 1.5; font-style: italic; text-align: center; }


/* Single Post Page */
#twitter-widget-0 { width: 80px !important; }
.article-header h1 a { text-decoration: none; }
.article-header h1 a:hover { text-decoration: underline; }
p.categories, p.date, p.tags { font-size: 14px; font-size: .875rem; }
.article-header p.date { margin-bottom: 0; }
.social-toolbar { margin-top: 10px; border-radius: 3px; }
.social-toolbar ul { list-style: none; margin: 0; padding: 0; }
.social-toolbar ul li { display: inline-block; vertical-align: middle; font-size: 11px; font-size: .688rem; font-weight: 600; }
.social-toolbar ul li a { cursor:pointer; display: block; line-height: 21px; padding: 3px 10px 3px 7px; border-radius: 3px; border: 1px solid #DDD; text-decoration: none; background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); zoom: 1; box-shadow: inset 1px 1px 0 #FFF; color: #5e5e5e; }
.social-toolbar ul li a:hover { background: #EEE; border-color: #CCC; box-shadow: inset 0 0 5px rgba(0,0,0,.1); }
.text-content h2, .text-content h3 { margin: 1.5em 0 .5em; }
.text-content h2 { font-size: 28px; font-size: 1.75rem; }
article.post > .article-footer { padding: 30px 0 0;border-top: 1px solid #EEE; }
article.post > .article-footer p { margin: 1em 0 0; }
#fb-comments { margin-top: 3em; }
a.socialLink { cursor: pointer; }

span.single-post-cats a {
     background: #8d702b none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
	font-size: .75rem;
    padding: 2px 6px;
    text-decoration: none;
}


/* VPanel Table for Post List */
table.table { border: 1px solid #DDD; margin-top: 30px; width: 100%; table-layout: fixed; font-size: 13px; font-size: .813rem; }
.table tr td { border-bottom: 1px solid #EEE; padding: 10px 5px; vertical-align: middle; }
.table tr:nth-child(even) td { background: #F9F9F9; }
.table thead tr td { background: #EEE; font-size: 11px; font-size: .688rem; font-weight: bold; text-transform: uppercase; color: #4e4e4e; }
.table input.post-name { border: 0; width: 100%; background: transparent; }
.table input.post-name:focus { background: #EEE; box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); }
.table select { border: 0; background: transparent; }
.table select:focus { box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); background: #EEE; }
.table input[type="date"] { -webkit-appearance: none; border: 0; background: transparent; text-align: center; }
.table input[type="date"]:focus { background: #EEE; box-shadow: inset 1px 1px 3px rgba(0,0,0,.1); }
.table input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; opacity: 0; }
.table input[type="date"]:focus::-webkit-inner-spin-button, .table input[type=date]:focus::-webkit-calendar-picker-indicator { -webkit-appearance: auto; opacity: 1; }


/* VPanel Blog Post Sidebar Modules */
.page-title-section { margin-bottom: 5%; }
.page-title-section h2 { margin: .5em 0 0; }
.page-title-section .buttons a { margin-left: 5px; }
.settings .module { background: #F9F9F9; border-radius: 3px; overflow: hidden; margin-bottom: 25px; }
.settings .module h3 { margin: 0; background: #2e3641; color: #FFF; padding: 15px; font-size: 14px; font-size: .75rem; cursor: pointer; position: relative; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s; }
.settings .module h3:hover { background: #3a424e; }
.settings .module h3 span.arrow { width: 12px; height: 8px; display: block; position: absolute; right: 15px; top: 18px; background: url("/images/module-arrow.png") right center no-repeat; -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s; transition: .25s; }
.settings .module h3.open span.arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.settings .module .body { padding: 15px; }
.settings .tagsinput input { width: 100% !important; }
.settings .tagsinput span.tag { border-radius: 2px; margin-right: 3px; margin-bottom: 3px; padding: 3px 5px; color: #FFF; font-size: 10px; font-size: .625rem; text-transform: uppercase; background: #d14718; line-height: 14px; font-weight: 600; display: inline-block; }
.settings .button.mini { padding: 2px 5px; margin-left: 5px; }
/* Publishing */
.publishing ul, .categories ul { list-style: none; margin: 0; padding: 0; }
.publishing ul li { border-bottom: 1px solid #EEE; padding: 7px 0; font-size: 13px; font-size: .813rem; }
.publishing ul li:first-child { padding-top: 0; }
.publishing ul li:last-child { padding-bottom: 0; border: 0; }
.settings .module .body b { line-height: 21px; font-weight: 600; }
/* Categories */
.categories ul { margin-bottom: 15px; }
.categories ul li { font-size: 13px; font-size: .813rem; }
.categories input[type="text"] { font-size: 13px; font-size: .813rem; padding: 4px; width: 70%; }
.categories input[type="submit"] { width: 25%; margin: 0 0 0 2%; vertical-align: top; padding: 4px 0; }
/* Tags */
.tags .tagsinput input { padding: 4px; font-size: 13px; font-size: .813rem; }
/* Featured Image */
.featured-image .button { margin: 10px 0 0; padding: 4px 8px; }


/* VPanel Post Fields */
input.post-title { width: 100%; padding: 10px; font-size: 16px; font-size: 1rem; }
p.permalink { margin: 5px 0 10px; line-height: 24px; font-size: 12px; font-size: .75rem; color: #7e7e7e; }
p.permalink a.button { line-height: normal; padding: 3px 5px; font-size: 11px; font-size: .688rem; margin-left: 10px; }
textarea.post-content { height: 300px; padding: 10px; }

/* SEO Tabs */
.metainfo { margin-top: 30px; }
ul.tabs { list-style: none; margin: 25px 0 0; padding: 0; }
ul.tabs li { float: left; }
ul.tabs li a { border-radius: 5px 5px 0 0; border: 1px solid transparent; display: block; padding: 10px 20px; font-weight: bold; font-size: 12px; font-size: .75rem; color: #8e8e8e; text-decoration: none; outline: none; }
ul.tabs li a:hover { background: #F9F9F9; color: #5e5e5e; border-bottom: 0; }
ul.tabs li a.current { border-color: #DDD; border-bottom: 1px solid #FFF; color: #2e3641; background: #FFF; }
.panels > .panel { border: 1px solid #DDD; border-radius: 0 0 5px 5px; padding: 30px; margin-top: -1px; }
.panels > .panel > .section { padding-bottom: 20px; border-bottom: 1px solid #EEE; margin-bottom: 20px; }
.panels > .panel > .section:last-child { padding: 0; margin: 0; border: 0; }
.panel label { font-weight: bold; display: block; margin-bottom: 10px; }
span.green { border-radius: 3px; background: #69b138; border: 0; padding: 0 4px; }
span.red { border-radius: 3px; background: #ce4343; border: 0; padding: 0 4px; }
span.red:hover, span.green:hover { background: none; }
/* Search Results Preview */
.search-result a.search-link { color: #1a0dab; text-decoration: underline; font-size: 18px; font-size: 1.125rem; }
.search-result p.search-url { color: #006621; font-size: 13px; font-size: .813rem; margin: 0 0 5px; }
.search-result p.search-description { margin: 0; color: #545454; font-size: 13px; font-size: .813rem; }
/* Keywords, title, description */
p.small { font-size: 11px; font-size: .688rem; color: #6e6e6e; margin: 5px 0 0; line-height: 14px; }
.tagsinput span.tag { border-radius: 2px; margin-right: 3px; margin-bottom: 3px; padding: 3px 5px; color: #FFF; font-size: 10px; font-size: .625rem; text-transform: uppercase; background: #2a6db5; line-height: 14px; font-weight: 600; display: inline-block; -webkit-text-stroke: 0; }
.tagsinput span.tag a { color: rgba(255,255,255,.5); text-decoration: none; font-size: 7px; font-size: .413rem; margin-left: 10px; font-weight: bold; }
.tagsinput span.tag a:hover { color: #FFF; }
input.keyword-input, input.seo-title { width: 65%; }
.tagsinput input.not_valid { border-color: #D34345; box-shadow: 0 0 5px rgba(219,62,65,1); }
ul.keyword-checklist { list-style: none; margin: 1em 1.5em 0; padding: 0; }
ul.keyword-checklist li { padding: 5px 0 5px 25px; font-size: 12px; font-size: .75rem; }
/* Post Analysis */
.analysis ul { list-style: none; margin: 0; padding: 0; }
.analysis ul li { padding: 10px 0 10px 40px; border-bottom: 1px solid #EEE; }
.analysis ul li.bad, ul.keyword-checklist li.bad { background: url("/images/icon-bad.png") left center no-repeat; }
.analysis ul li.decent { background: url("/images/icon-decent.png") left center no-repeat; }
.analysis ul li.good, ul.keyword-checklist li.good { background: url("/images/icon-good.png") left center no-repeat; }
/* Facebook SEO */
input.share-title { width: 100%; padding: 7px; }
.facebook-seo input.button { padding: 3px 8px; margin: 0; }


@media screen and (min-width: 769px) {
.recent-posts--list li { display: inline-block; vertical-align: top; width: 46%; margin: 0 1.5% 1em; min-height: 114px; }
.blog-featured-categories .fourcol:nth-child(3n) { margin-right: 0; }
.blog-featured-categories .featured-category-column { flex: 0 0 33.33%; max-width: 33.333%; float: left; width: 33.33333%; padding-left: 15px; padding-right: 15px; }
.recent-posts--list .recent-posts--item { flex: 0 0 33.33%; max-width: 33.333%; float: left; width: 33.33333%; padding-left: 15px; padding-right: 15px; }
}

@media screen and (max-width: 959px) {
.blog-slides li { background: transparent!important; }
}

@media screen and (min-width: 960px) {
/* Popular Posts Slider */
.maincontent--padded { padding-top: 100px; }
.popular-posts { overflow: hidden; background: #ECECEC; }
.mobile-img { display: none; }
.popular-posts--slider { float: left; width: 60%; position: static; }
.popular-posts--slider .container { position: absolute; width: 96%; max-width: 1200px; left: 50%; bottom: 55px; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.popular-posts--textwrap { margin-top: 270px; padding: 0; height: 140px; background: rgba(16,24,32,.8); }
.popular-posts--title,
.popular-posts--date { max-width: 55%; }

	/* Slider Control Nav */
	.flex-control-nav { max-width: 1200px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: left; bottom: 10px; padding-left: 2%; }
	.flex-control-nav li { margin: 0 .75em 0 0; line-height: normal; }

	/* Popular Sidebar */
	.popular-sidebar { float: right; width: 40%; position: relative; padding: 3em 0 0 4em; z-index: 2; }
	.popular-sidebar--title,
	.popular-sidebar--tabs { position: relative; z-index: 3; max-width: 390px; }

	/* Blog Header Images */
	.post-header:before,
	.blog-page-header:before { content: ''; position: absolute;right: -30%;top: 0;width: 80%;height: 101%;display: block;background: #F9F9F9; /*background: rgba(225,225,225,.85);*/-ms-transform: skew(-40deg,0deg);-webkit-transform: skew(-40deg,0deg);transform: skew(-40deg,0deg); }
	.post-header .container,
	.blog-page-header .container { margin-top: 0; }
	.post-info { position: relative; background: none; }
	.blog-header-details { background: none; float: right; width: 500px; padding: 165px 0 50px; position: relative; }
	.post-info .post-title,
	.category-title { font-size: 48px; font-size: 3rem; }


/* Recent Blog Posts */
.recent-posts--list li { width: 31.5%; margin: 0 .75% 1em; min-height: 107px; }
}