/*
Theme Name: Zepron
Theme URI: http://www.magpress.com/wordpress-themes/zepron.html
Description: Zepron is a free responsive masonry grid sport and fitness niche WordPress theme built with HTML5 and CSS3. The theme packed with 650+ built in Google web fonts options, multi color options, custom widget for featured category and custom post type. It is also schema markup ready for search engine optimization.
Version: 1.0
Author: MagPress
Author URI: http://www.magpress.com
License: Creative Commons Attribution-Share Alike 3.0
License URI: http://creativecommons.org/licenses/by-sa/3.0/us/
Tags: white,green,three-columns,left-sidebar,right-sidebar,responsive-layout,editor-style,custom-menu,custom-colors,custom-header,featured-images,full-width-template,theme-options,threaded-comments,translation-ready
*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;}

article, aside, figure, footer, header, nav, section, details, summary {display: block;}

a:link,a:visited {text-decoration: none; color: #E00B0B;}
a:hover, a:active {text-decoration:underline; color: #E00B0B;}

img, object, embed {max-width: 100%;}

html {overflow-y: scroll;}

.clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button, input[type=button] {width: auto; overflow: visible;}

.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.ie img {-ms-interpolation-mode: bicubic;}
.ie input[type="checkbox"] {vertical-align: baseline;}
.ie input {vertical-align: text-bottom;}

small {font-size: 0.9em;}
strong {font-weight: bold;}

#wp-calendar caption {margin: 0 0 10px;}
.sticky{}
.gallery-caption{}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0; margin: 1em 0 2em 0;}
caption, th, td {font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
.widget table {clear: both;}

hr {background-color: #ddd; border: 0; height: 1px; margin-bottom: 1.625em;}
p {margin: 0 0 1.625em;}
ul, ol {margin: 0 0 1.625em 0em; padding: 0;}
ul {list-style: square;}
ol {list-style: decimal;}
ol ol {list-style: upper-alpha;}
ol ol ol {list-style: lower-roman;}
ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin: 0 0 0 1em; padding: 0;}
.widget ul, .widget ol {list-style:none;}

.post-content ul ul, .post-content ol ol, .post-content ul ol, .post-content ol ul {margin-bottom: 0; font-size: 92%;}
.post-content ul li, .post-content ol li {margin: 0 0 0.6em;}
.post-content ul li ul li, .post-content ol li ol li {margin: 0.2em 0 0;}
.post-content ul, .post-content ol {margin: 0 0 1.6em 3em;}
.post-content ul ul, .post-content ol ol {margin: 0 0 0em 2em;}
* {zoom: 1;}
.post-content h1 {font-size: 1.8em; margin: 1.5em 0 10px 0;}
.post-content h2 {font-size: 1.5em; margin: 1.5em 0 10px 0;}
.post-content h3 {font-size: 1.35em; margin: 1.5em 0 10px 0;}
.post-content h4 {font-size: 1.3em; margin: 1.5em 0 10px 0;}
.post-content h5 {font-size: 1.25em; margin: 1.5em 0 10px 0;}
.post-content h6 {font-size: 1em; margin: 1.5em 0 10px 0;}

dl {}
dt {font-weight: bold;}
dd {margin-bottom: 1.625em;}


cite, em, i {font-style: italic;}
blockquote {font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-size: 1.2em; font-weight: normal; margin: 0 3em 1.25em 3em; border-left: 5px solid #333; padding-left: 1em; line-height: 1.6em;}
blockquote em, blockquote i, blockquote cite {font-style: normal;}
blockquote cite {font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; font-size: 85%;}
pre {font-family: "Courier New", Courier, monospace; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; width: 80%; display: block; clear: both; white-space: pre-wrap; word-wrap: break-word; font-size: 90%; color: #666; border: 1px solid #ddd; background: #e6e6e6;}
code, kbd {font-size: 90%; font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym, dfn {border-bottom: 1px dotted #666; cursor: help;}
address {display: block; margin: 0 0 1.625em;}
address {font-family: "Courier New", Courier, monospace; font-size: 1em;}
ins {background: transparent; text-decoration: none;}
sup, sub {font-size: 80%; height: 0; line-height: 1; position: relative; vertical-align: baseline;}
sup {bottom: 1ex;}
sub {top: .5ex;}
i {margin: 0 7px 0 0;}
ul.the-icons {margin: 0 0 1.4em 1em !important;}


.post-content img {max-width: 100%; height: auto;}
.gallery-item img {border:1px solid #ccc !important;}
.widget img {max-width: 100%; height: auto;}
img[class*="align"], img[class*="wp-image-"] {height: auto;}
img.size-full {width: auto;}
.content img.wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
img.alignleft, img.alignright, img.aligncenter {margin-bottom: 1.625em;}
img {border: 0 none;}
.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;}


p img, .wp-caption {margin-top: 0.4em;}
.wp-caption {margin-bottom: 1.625em; max-width: 96%; padding: 16px 9px 9px; background-color: #eee; border: 1px solid #ddd;}
.wp-caption img {display: block; margin: 0 auto; max-width: 95%;}
.wp-caption .wp-caption-text, .gallery-caption {color: #ddd; font-size: 90%;}
.wp-caption .wp-caption-text {font-size: 11px; margin-bottom: 0.6em; padding: 10px 0 5px 10px; position: relative; color: #333;}
.wp-caption p {margin: 0px;}
.wp-caption .wp-caption-text:before {color: #333; font-size: 1.125em; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px;}

.content .gallery {margin: 0 auto 1.625em;}
.content .gallery a img {border: none;}
img#wpstats {display: block; margin: 0 auto 1.625em;}

.content .gallery-columns-4 .gallery-item {width: 23%; padding-right: 2%;}
.content .gallery-columns-4 .gallery-item img {width: 100%; height: auto;}

img[class*="align"], img[class*="wp-image-"], .content .gallery .gallery-icon img {padding: 0px;}
.wp-caption img {border: #eee;}

a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], .content .gallery .gallery-icon a:focus img, .content .gallery .gallery-icon a:hover img, .content .gallery .gallery-icon a:active img {background: #eee; border: #bbb;}

.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {background: #fff; border: #ddd;}
.post-password-required .entry-header .comments-link {margin: 1.625em 0 0;}
.post-password-required input[type=password] {margin: 0.8125em 0;}
.post-password-required input[type=password]:focus {background: #f7f7f7;}

.widget_calendar #wp-calendar {width: 100%; text-align: center; margin: 0px; padding: 0px; float: left; font-size: 0.9em; line-height: 1.8em;}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {text-align: center;}
.widget_calendar #wp-calendar caption {font-size: 1.125em; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase;}
.widget_calendar #wp-calendar th {font-weight: bold;}
.widget_calendar #wp-calendar tfoot td {}

/* table */
.post-content td, .comment-content td {border-top: 1px solid #ddd; padding: 6px 10px 6px 0; font-size: 0.85em;}
.post-content table, .comment-content table {border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%;}
.post-content table {border-collapse: collapse; border: 1px solid #ddd;}
.post-content th {}
.post-content th, .post-content td {padding: 3px 10px; text-align: left; vertical-align: top;}
.post-content tbody th {background-color: #eee;}

video {max-width: 100%; height: auto;}

.bypostauthor {}

.meta-no-display,span.screen-reader-text,.post-schema  {display:none;}

body {font-size:100%;line-height:1.4em;font-family:arial,sans-serif;color:#333;background-color:#eee;}

#wrapper-main {float: left; width: 100%; position: relative;}

#wrapper {padding: 0px; width: 100%;}

.innerwrap { max-width: 95%; font-size: 0.75em; margin: 0px auto; }

#header {float: left; width: 100%;padding:0;position:absolute;top:0;z-index:50;background-color:rgba(0, 0, 0, 0.7);}

#top-navigation {float: right;margin:0;display:inline;}

#main-navigation {float: left; width: 100%;margin:0 0 1em;background: #000 none;}

#container {float: left; width: 100%;}

* html #left-sidebar, * html #right-sidebar {position: relative;}

.content {margin: 0 340px 0 0; overflow: hidden;}
#single-content {margin: 0 370px 0 0;}

.full-width-content {margin:0 !important;}
.error-content {margin:3em 0 0;}
.content-inner {}

#left-sidebar {margin: 0 0 0 -100%; float: left; width: 200px; padding:3em 0 0; }
#right-sidebar {margin: 0 0 0 -340px; float: right; width: 340px; padding:3em 0 0; }

#siteinfo {float:left;display:inline;}
#siteinfo h1, #siteinfo div {font-size:2em;padding:10px 0 0;}
#siteinfo .padtop {padding:22px 0 0;}

#siteinfo p {font-size:1.125em;margin:0;display:none;}
#siteinfo a {color:#fff;}
#siteinfo a:hover {text-decoration:none;}

#siteinfo img {max-width:150px;height:auto;margin:10px 0 0;}

#topbanner {float:right;display:inline;}

#mobile-nav {display: none; margin: 0px; padding: 0; float: left; width: 100%;}
#mobile-nav ul {display: none;margin:0;}
#mobile-nav .mobile-open a {font-size:1em;background-color: rgba(0,0,0,1);text-decoration:none;}
#mobile-nav i {margin:0 10px 0 0;}
#mobile-nav a {padding:8px 3%;width:94%;display:block;color:#fff;}
#mobile-nav ul li {list-style:none;font-size:1em;}
#mobile-nav ul li a {color: #fff;background-color: rgba(0,0,0,0.8);text-decoration:none;}
#mobile-nav ul li a:hover {color: #fff;background:#333 none;}

#custom-img-header {margin:0;float:left;width:100%;position:relative;}
#custom-img-header img {margin:0;padding:0;width:100%;height:auto;max-width:100%;border:0 none;float:left;}

#breadcrumbs {width:100%;float:left;padding:1em 0;}
#entries {}
.content-area {padding:3em 0 0;}
.content-area-inner{}

.content-area article {float:left;width:100%;margin:0;padding:0;background-color:#fff;}

.content-area article.loop-entry {border:1px solid #ccc;float:left;width:31%;margin:0 2% 1.6em 0;padding:0;background-color:#fff;}

#single-content .content-area article {margin:0;padding:0;border:0 none;}

#single-content .content-area {width:91%;float:left;margin:3em 0 1em;padding:1em 4% 3em;position:relative;border:1px solid #ccc;background-color:#fff;}

body.breadcrumbs_off #single-content .content-area {margin:3em 0 0 0 !important;}

.content-area article:last-of-type {margin:0;}
.content-area article h1.entry-title {font-size:2em;margin:0 0 0.5em;line-height:1.3em;}
.content-area article h2.entry-title {font-size:1.4em;font-weight:400;margin: 0 0 0.5em;line-height:1.3em;}
.content-area article h2.entry-title a {color:#333;}

.content-area article .entry-meta {font-size:1em;margin:0 0 1em;color:#999;}
.content-area article .entry-meta a {color:#999;}
.content-area article .entry-meta span {margin:0 0.85em 0 0;}
.content-area article .entry-meta span i {margin:0 5px 0 0;}

.content-area article .entry-content {word-wrap:break-word;margin:1em 0;font-size:1.05em;line-height:1.5em;}
#single-content .content-area article .entry-content {font-size:1.25em;line-height:1.8em;}

.content-area article .entry-content a {text-decoration:underline;}

.content-area article span.home-entry-category {width:100%;float:left;margin:0;color:#ccc;font-size:0.875em;text-transform: uppercase;}

.content-area article span.home-entry-category a {}
.content-area article span.home-entry-category a:hover {}

.content-area article span.entry-author a {}

.content-area article span.entry-tag a {font-size:0.9em;line-height:100%;padding:5px 8px;display:inline-block;background-color:#eee;border:1px solid #ddd;color:#777;margin:0 14px 5px 0;border-radius:8px;}

.content-area .post-thumb {width:100%;float:left;overflow:hidden;}

.content-area .post-thumb img {width:100%;height:auto;margin:0;}

.content-area .post-wrapper {padding:20px;}

.content .post-content a:hover {text-decoration:underline;}

.content-area .has_no_thumb .post-wrapper {margin:0;}

#single-content .post-wrapper {margin:0;padding:0;}

article img,.post-loop-ads img,.ad-single-top img,.ad-single-bottom img {max-width:100%;height:auto;}

.post-loop-ads {width: 100%;text-align: center;float: left;padding: 0 0 0.5em 0;border-bottom: 1px solid #ccc;margin: -2em 0 2em;}
.ad-single-top,.ad-single-bottom {width:100%;text-align:center;float:left;margin:1em 0;}

#author-bio {position:relative;padding:3%;width:93%;float:left;margin:2em 0 0;border:1px solid #ccc;}
#author-bio .author-avatar {float:left;}
#author-bio .author-description {margin:0 0 0 80px;}
#author-bio .author-description h2 {font-size:1.3em;}

#related-posts {width:100%;float:left;margin:3em 0 0;}
#related-posts h4 {font-size:1.5em;margin:0 0 0.5em;}
#related-posts .related-post {width:30%;float:left;padding:0;height:220px;}
#related-posts .related-post.related-center {padding:0 4.5%;}
#related-posts .related-post-thumb {width:100%;height:150px;margin:0 0 0.5em;overflow:hidden;}
#related-posts .related-post-thumb img {width:100%;height:auto;float:left;margin:0;}

#sharebox-wrap {width:100%;float:left;margin:0 0 1em;}
.share_box {display: inline; padding: 0; float: left; margin: 0px; width: 100%;}
.share_box p {margin: 0px 6px 0px 0px; float: left; padding: 0px;}
.share_box p a {font-size: 0px; display: inline; float: left; color: #333 !important; text-decoration: none; padding: 4px;}
.share_box p a:before {font-size: 15px; font-weight: normal !important; color:#999;}
.share_box p.fb a:hover:before {color: #3B5998;}
.share_box p.tw a:hover:before {color: #00aced;}
.share_box p.gp a:hover:before {color: #dd4b39;}
.share_box p.pinit a:hover:before {color: #c92228;}
.share_box span {font-family: Arial, Helvetica, sans-serif; margin-left: 3px !important;}


.post-paging {width:97%;float:left;margin:4em 0 1em;border-top:2px solid #ccc;}
.post-paging .alignleft {display:inline;float:left;text-align:left;width:46%;}
.post-paging .alignright {display:inline;float:right;text-align:right;width:46%;}

.post-paging .page-navigation a {font-size:1.4em;display:inline-block;padding:10px;margin:-2px 0 0;color:#888;border-top:2px solid #ccc;}
.post-paging .page-navigation a:hover {font-size:1.4em;display:inline-block;padding:10px;margin:-2px 0 0;color:#222;border-top:2px solid #222;text-decoration:none;}

.post-paging .page-navigation span.page-current {font-size:1.4em;display:inline-block;padding:10px;color:#E00B0B;border-top:2px solid #E00B0B;margin:-2px 0 0;}

#post-navigator {text-align:center;}
#post-navigator-single {margin:1em 0;border:0 none;}

div.comments-area {width:91%;float:left;margin:2em 0;padding:4%;position:relative;border:1px solid #ccc;background-color:#fff;}
.comments-area h2.comments-title,.comments-area h3#reply-title {font-size:1.5em;}
.comments-area ol.comment-list {margin:2em 0 0;list-style:none;width:100%;float:left;}
.comments-area span.required {color:#cc0000;}
ol.comment-list li {list-style:none;padding:2%;width:95%;float:left;margin:0 0 2em;background-color:#fff;border:1px solid #ccc;}
ol.comment-list li.alt {background-color:#fff;border:1px solid #ccc;}
ol.comment-list li.depth-3 {background-color:#eee;border:1px solid #ccc;}
ol.comment-list li.depth-4 {background-color:#ccc;border:1px solid #ccc;}
ol.comment-list li.depth-5 {background-color:#bbb;border:1px solid #ccc;}

ol.comment-list li .comment-body {margin:0 0 1em;}
ol.comment-list li span.edit-link {margin:0 0 0 15px;}
ol.comment-list li .comment-author {font-size:1.25em;font-weight:bold;}
ol.comment-list li .comment-author img {float:left;margin:0 12px 0 0;}
ol.comment-list li .comment-meta {width:100%;float:left;margin:0 0 1em;}
ol.comment-list li .comment-content {font-size:1.125em;width:100%;float:left;margin:0;}
ol.comment-list li a#cancel-comment-reply-link {font-size:0.785em;}
ol.comment-list li div.reply a,ol.comment-list li .comment-metadata a {color:#666;}

.comment-area .comment-form, .comment-respond {clear:both;}
.comment-form label {display:block;}
.comment-form input[type='text'],.comment-form input[type='email'],.comment-form input[type='url'],.comment-form textarea {width:55.5%;padding:5px;background-color:white;border:1px solid #ccc;}
.comment-form textarea {width:75.5%;height:150px;}


aside.widget {margin:0 0 1.8em;width:100%;float:left;font-size:1.125em;}
.sidebar aside.widget {border:1px solid #ccc;background-color:#fff;}

footer aside.widget {border:0 none;}

aside.widget .screen-reader-text {display:none;}
aside.widget select {color:#666;margin:1em 0;padding:0.4em;background-color:#fff;border:1px solid #ccc;}
aside.widget select[name='archive-dropdown'],aside.widget select[name='category-dropdown'] {width:90%;}

#right-sidebar aside h3.widget-title,#left-sidebar aside h3.widget-title {padding: 8px 3%; margin: 0px; color: #fff; font-size: 1.125em; clear: both; display: block;background-color:#E00B0B; }

#right-sidebar aside h3.widget-title span {}

aside h3.widget-title a {color:#fff;}
 
#left-sidebar aside > ul, #left-sidebar #searchform, #left-sidebar div.textwidget, #left-sidebar aside div.tagcloud, #left-sidebar #calendar_wrap, #left-sidebar .widget_nav_menu div, #left-sidebar .search-form,#left-sidebar .widget .avatar-block,#right-sidebar aside > ul, #right-sidebar #searchform, #right-sidebar div.textwidget, #right-sidebar aside div.tagcloud, #right-sidebar #calendar_wrap, #right-sidebar .widget_nav_menu div, #right-sidebar .search-form,#right-sidebar .widget .avatar-block,.widget_shopping_cart_content,.widget_price_filter form, .widget_product_search form,.widget_display_stats dl[role='main'] {margin: 0px !important; padding: 1em 6% !important; float: left; width: 87%; position: relative;}

aside.widget a {color:#333;}
aside.widget a:hover {color:#E00B0B; text-decoration:underline;}
aside.widget table thead tr {background: transparent none;}
aside.widget th {border-bottom:1px solid #ddd;}

aside.widget .search-field {padding:5px 10px;background-color:#fff;border:1px solid #ccc;}
aside.widget .search-submit {padding:5px 8px;background-color:#ddd;border:1px solid #ccc;color:#666;}

aside.widget ul {margin:0;}
aside.widget li {width:100%;float:left;margin:0 0 0.25em;}
aside.widget li li {font-size:0.95em;}
aside.widget li ul li {margin:0;
width:90%;padding:0 0 0 15px;background:transparent url(images/children.png) no-repeat left 3px;}
footer aside.widget li ul li {background:transparent url(images/children_alt.png) no-repeat left 3px;}

aside.widget .textwidget {font-size:1em;}
aside.widget .textwidget h4 {font-size:1.25em;margin:0 0 0.3em;}
aside.ads-widget .textwidget {text-align:center;}

aside.widget #calendar_wrap a,#custom aside.widget .textwidget a {color:#E00B0B;text-decoration:underline;}
aside.widget caption {background-color:#E2DFDF;}

aside.widget ul.custom_recent_comment {width:100%;float:left;}
aside.widget ul.custom_recent_comment li {width:100%;float:left;position:relative;margin:0 0 0.7em;}
aside.widget ul.custom_recent_comment li .comment-name {font-weight:bold;}
aside.widget ul.custom_recent_comment li img {float:left;margin:0;padding:0;}
aside.widget ul.custom_recent_comment li .custom-comment-meta {margin:0 0 0 45px;line-height:1.5em;font-size:1.1em;}


aside.widget ul.featured-cat-posts {width:100%;float:left;}
aside.widget ul.featured-cat-posts li {border-bottom:1px solid #ccc;width:100%;float:left;position:relative;padding:0 0 0.7em;margin:0 0 1em;}
footer aside.widget ul.featured-cat-posts li {border-bottom:1px solid #3A423D;}
aside.widget ul.featured-cat-posts li:last-of-type {border-bottom:0 none;padding:0;margin:0;}
aside.widget ul.featured-cat-posts li.the-sidefeat-thumbnail img {width:50px;height:auto;float:left;margin:0;padding:0;}
aside.widget ul.featured-cat-posts li.the-sidefeat-thumbnail .feat-post-meta {margin:0 0 0 60px;line-height:1.5em;}
aside.widget ul.featured-cat-posts li h5.feat-title{font-size:1.125em;}
aside.widget ul.featured-cat-posts li.feat_data_off h5.feat-title{margin:5px 0 0;font-size:1.3em;}

aside.widget ul.featured-cat-posts li.the-sidefeat-medium img {max-width:100%;width:100%;height:auto;float:left;margin:0 0 0.7em;padding:0;}
aside.widget ul.featured-cat-posts li.the-sidefeat-medium .feat-post-meta {margin:0;line-height:1.5em;}

footer.footer-top {margin:2em 0 0;width:100%;float:left;background-color:#202522;border-top:10px solid #E00B0B;}
footer .ftop {width:100%;float:left;padding:3em 0;}

footer.footer-top .footer-box {width:22%;float:left;padding:0 4% 0 0;}
footer.footer-top .footer-box.footer-box-last {padding:0;}

footer .ftop h3.widget-title {font-size:1.5em;color:#fff;margin:0 0 0.55em;}
footer .ftop aside.widget h3.widget-title a {color:#fff;}
footer .ftop aside.widget {color:#fff;}
footer .ftop aside.widget a {color:#fff;}

footer aside.widget caption {background-color:#3A423D;}
footer aside.widget th {border-bottom:1px solid #3A423D;}
footer table thead tr {background: transparent none;}


footer.footer-bottom {width:100%;float:left;background:#E00B0B;}

footer.footer-bottom .fbottom {color:#fff;width:100%;float:left;margin:0;padding:1em 0;}
footer.footer-bottom .fbottom a {color:#fff;}
footer.footer-bottom .footer-left {float:left;}
footer.footer-bottom .footer-right {float:right;}

.footer-right ul {float:right;margin:0;padding:0;}
.footer-right ul li {float:left;margin:0 0.875em 0 0;padding:0;list-style:none;}
.footer-right ul li:last-of-type {margin:0;}


#feat-post-box {width:100%;float:left;padding:3em 0 1.5em;margin:0;background-color: #202522;border-bottom: 10px solid #E00B0B;color:#D0D0D0;box-shadow:inset 0 10px 20px #000;}
article.feat-post {width:30%;float:left;height:350px;margin:0;}
article.feat-post.loop-center {margin:0 5%;}
#feat-post-box h3#feat-post-header {text-align:center;font-size:2.666em;width:100%;float:left;padding:1em 0;margin:0;;}
#feat-post-box h3#feat-post-header span {font-weight:bold;color:#27ae60;}

article.feat-post .feat-post-thumb {width:95%;float:left;overflow:hidden;height:160px;border:5px solid #fff;}
article.feat-post .feat-post-thumb:hover {border:5px solid #E00B0B;}

article.feat-post .feat-post-thumb img {width:100%;float:left;margin:0;padding:0;}
article.feat-post .feat-post-wrapper {width:100%;float:left;padding:5% 0;}
article.feat-post h2.post-title {font-size:1.4em;margin:0 0 0.785em;}
article.feat-post h2.post-title a {color:#fff;}
article.feat-post .post-content {font-size:1.125em;}
article.feat-post .post-content a.readmore {width:70px;margin:10px 0 0;display:block;clear:both;padding:5px 12px;border:2px solid #2B9617;color:#2B9617;text-align:center;font-weight:bold;}
article.feat-post .post-content a.readmore:hover {transition: background-color 0.5s ease;background-color:#2B9617;border:2px solid #2B9617;color:#fff;}

#summary-post-box {width:100%;float:left;padding:0;background:#333 url(images/summary.jpg) no-repeat center top;margin:0;background-size:cover;}
#summary-post-box .layer {float:left;width:100%;background-color: rgba(0,0,0,0.6);padding:2em 0;}
#summary-post-box .summary-post {margin:0;float:left;width:40%;padding:4% 5% 4% 4%;height:300px;background-color: rgba(0,0,0,0.7);}
#summary-post-box .summary-alt {margin:0;background-color: rgba(0,0,0,0.5);}
.summary-post h2.post-title {font-size:2.4em;line-height:1.3em;margin:0 0 0.5em;}
.summary-post .post-content {font-size:1.4em;color:#fff;}
#summary-post-box .summary-category {text-transform:uppercase;width:100%;float:left;margin:0 0 1.5em;}
#summary-post-box .summary-category a {color:#bbb;font-size:1.2em;border-bottom:3px solid #e98b39;padding:0 0 3px;margin:0 10px 0 0;}
#summary-post-box .summary-category a:hover {color:#fff;}


@media only screen and (min-width:1600px)  {
.innerwrap {max-width: 1440px;}
}

@media only screen and (max-width:770px) {
.innerwrap {max-width:94%;}
.content,#left-sidebar,#right-sidebar,#topbanner,#siteinfo {margin: 0 0 1em;width:100%;padding:0;}
#top-navigation,#main-navigation {display:none;}
#mobile-nav {display: block;position:absolute;top:56px;z-index:60;}
#custom footer.footer-top .footer-box {width:100%;float:left;padding:0 0 2em;}
article.feat-post {width: 44%;height:350px;padding:0 3%;}
article.feat-post.loop-center {margin:0;}
article.feat-post .feat-post-thumb {height: 120px;}
#custom #Gallerybox {height: 350px;}
#custom .jdGallery .slideInfoZone h3 {font-size: 2em; line-height:110%;}
#custom .jdGallery .slideInfoZone {padding: 0 10% 80px !important;}
}

@media only screen and (max-width:550px) {
#custom #related-posts .related-post {width:40%;padding:0 8% 0 0;height:220px;}
#custom #Gallerybox {height: 250px;}
.jdGallery .slideInfoZone p,article.feat-post .post-content {display:none;margin:0;}
#custom .jdGallery .slideInfoZone h3 {font-size:1.2em;margin:0;}
#custom .post-title {}
article.feat-post {position:relative;width: 100%;padding:0;margin: 0 0 2em 0 !important;height:auto;}
article.feat-post .feat-post-thumb {height: auto;width:150px;float:left;}
article.feat-post .feat-post-wrapper {float:none;padding:15px 0 0;width:auto;margin:0 0 0 180px;}
footer.footer-bottom .footer-right {float: left;}
.content-area article.loop-entry {width:47%;margin:0 2% 2em 0;}
}