/*
Theme Name: NewsFrame
Theme URI: https://www.edwardrjenkins.com/themes/newsframe
Author: Edward R. Jenkins
Author URI: https://www.edwardrjenkins.com
Description: A responsive news theme tailored to publishers that supports article subtitles, featured videos, infinite scroll, author bio pages and more. NewsFrame is built with Foundation 5.
Version: 2.3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newsframe
Tags: two-columns, one-column, three-columns, right-sidebar, theme-options, rtl-language-support, responsive-layout, custom-background, featured-images, post-formats, full-width-template, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NewsFrame is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

/*--------------------------------------------------------------
 Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
	border-top: 5px solid #C2F815;
	border-bottom: 5px solid #C2F815;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 10px;
	text-transform: uppercase;
	font-size: 1rem;
	font-family: "Source Sans Pro", Arial, Tahoma;
	font-weight: 600;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #333;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
	background: #fff;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 230px;
	text-transform: none;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu */
.menu-toggle {
	display: none;
	margin: 10px auto;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: right;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: left;
	text-align: right;
	width: 50%;
}

#post-nav {
	clear: both;
	margin: 20px;
	font-size: 2rem;
	text-align: right;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

#wp-calendar {
	/* fix for table overlapping column */
	table-layout: fixed;
	width: 100%;
}

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.main-content-area {
	margin-top: 20px;
}

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 10px 3px;
}
.entry-content-page {

}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
span.post-info {
	font-size: 1rem;
	color: #111;
	margin: 10px 3px;
}

.post-edit-link {
	font-size: 0.9rem;
	display: block;
	clear: both;
	margin: 20px 0px;
}

.newsframe-breadcrumbs {
	margin: 10px 3px;
}

.byline-single {
	margin: 10px 0px;
}
.byline > span.post-info {
	font-size: 0.7rem;
}
.article-title {
	margin: 10px 0px;
	line-height: 1.1;
}

.page-title {
	margin: 10px 0px;
}

.article-subtitle {
	font-size: 1.5em;
	font-weight: normal;
	color: #004276;
	margin: 0px 0px 20px 5px;
}

/*--------------------------------------------------------------
Post Formats
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-status .article-title {
	display:none;
}
.format-link  {
}
.format-chat {
}
.format-audio {
}
.format-aside {
}
.format-gallery {
}
.format-image {
}
.format-video {
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment {
	border: none;
	padding: 10px 0px;
}
.comments-title {
	font-size: 1.2em;
	line-height: 1.5;
}
.comments-content {
	margin: 10px;
}
ul.commentlist {
	list-style-type: none;
}
.comments-area article {
}
.comments-area article header {
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
	margin-right: 10px;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 1.1em;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 0.8em;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	font-size: 12px;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	display: block;
	font-size: 0.7em;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 0.8em;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 20px;
}
/* Comment form */
#respond {
	margin-top: 20px;
}
#respond h3#reply-title {
	font-size: 1.2em;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 0.8em;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}

.comment-list {
	margin-left: 10px;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
Basic Styles
--------------------------------------------------------------*/
.container {
	background: #fff;
	padding-top: 20px;
}

#infinite-scroll {
	margin-bottom: 20px;
	text-align: center;
	clear: both;
	}

#infinite-target {
	}

#infscr-loading {
	text-align: center;
	margin-bottom: 10px;
	}
.social-links {
	margin: 0px 0px 20px 0px;
}
.social-links li {
	display: inline-block;
	font-size: 1.3rem;
}

#author-box {
	margin: 20px 0px;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
a {
	transition: 0.75s;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans Pro", Arial, Tahoma;
	font-weight: bold;
}

body {
	font-family: "Source Serif Pro", Georgia;
}

#site-title h2 {
	font-size: 4.2rem;
	max-width: 99%;
	text-align: center;
}

h3#site-description {
	font-size: 1.3rem;
	font-weight: normal;
	color: #004276;
	text-align: center;
	font-family: "Source Serif Pro", Georgia;
}

#dateline {
	text-transform: uppercase;
	text-align: center;
	font-size: 0rem;
	margin: 3px 0px;
}

#main-header h1, h2 {
	line-height: 1;
	margin: 5px 0px;
}

.assistive-text {
		display: none!important;
}

.featured-subtitle {
	color: #004276;
	text-align: center;
	font-size: 1.45rem;
	line-height: 1.2;

}
.featured-title {
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.1;
}
.newsframe-thumbnail {

}

.newsframe-excerpt{
	text-align: justify;
	word-wrap: break-word;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
#header-search {
	width: 60%;
	margin: 0 auto;
}
#social-bar a {
	color: #111;
}
#social-bar a:hover {
	color: #004276;
	opacity: 1;
}

#site-title {
	text-align: center;
	max-width: 99%;
}

/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/

.latest-image {
	text-align: center;
}

.home-widget-area {
	padding: 0px 10px;
	border-bottom: 5px solid #ededed;
	margin-bottom: 20px;
}

.home-widget-area ul {
	list-style-type: none;
	margin-left: 5px;
}
h5.column-post-title {
	font-size: 1.5rem;
	line-height: 1.1;
}

.blog-layout-item {
	display: table;
	list-style-type: none;
	padding-right: 10px;
	}
.row.middle-wrap {
	padding: 0px 17px;
}
.row.middle-wrap ul {
	font-size: 1.1rem;
}

#featured-content {
	margin-top: 15px;
}

#front-featured-video {
	margin-top: 15px;
}
/*--------------------------------------------------------------
Sidebars
--------------------------------------------------------------*/

li.newsframe-item {
	list-style-type: none;
}

h4.sidebar {
	text-align: center;
	font-size: 1.7rem;
	margin: 0px 5px;
}

.sidebar-title-block {
	border-bottom: 5px solid #ededed;
	border-top: 5px solid #ededed;
	margin-bottom: 10px;
}

.widget-wrapper {
	margin: 20px 0px;
}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.footer-widget ul {
	list-style-type: none;
	margin-left: 5px;
}

#footermenu {
	margin: 10px;
	text-align: center;
}
#footermenu ul {
	margin-bottom: 10px;
}
#footermenu ul.sub-menu {
	display: none;
}
#footermenu ul.children {
	display: none;
}
#footermenu li {
	display: inline-block;
	padding: 5px;
	font-size: 0.9rem;
}
#footermenu li a {
	color: #fff;
}
.bottom-panel {
	background-color: #85cf02;
	width: auto;
	}
.footer-widget-wrap {
	width: 100%;
	background-color: #85cf02;
	margin: 0 auto;
	padding-top: 5px;
}
.footer-widget a {
	color: #FFF;
	}
.footer-widget {
	color: #FFF;
	}
.footer-title-block {
	font-size: 1.7rem;
	color: #FFF;
}

#site-info {
	color: #fff;
}

#main-footer {
	text-align: center;
	color: #85cf02;
}

#main-footer a {
	color: #fff;
}

#top-return {
	display: block;
	text-align: center;
	color: #FFF;
}
.entry-content:first-letter {
	font-size: 1.7rem;
}
/*--------------------------------------------------------------
Foundation Overrides
--------------------------------------------------------------*/
.top-bar-section *> ul.sub-menu {
	display: none;
}
hr {
	border: solid #ededed;
	border-width: 3px;
}
a:hover, a:focus {
	opacity: 0.8;
}
small {
	font-size: 85%;
}

.top-bar {
	background: #004276;
}

.contain-to-grid {
	background: #004276;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	background: #004276;
}

.top-bar-section ul li > a {
	font-family: "Source Sans Pro", Arial, Tahoma;
	font-size: 0.9rem;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	opacity: 1;
}

.button {
	font-family: "Source Sans Pro", Arial, Tahoma;
}
.postfix {
	font-size: 0.9rem;
}
/*--------------------------------------------------------------
Re-usable Classes
--------------------------------------------------------------*/

.desktop {

}

.no-padding {
	padding: 0;
}

/*--------------------------------------------------------------
Media Queries/Mobile Tweaks
--------------------------------------------------------------*/

@media screen and (min-width: 63.00em) {
#top-navigation {
	max-width: 66%;
}
}

@media screen and (max-width: 1000px) {
	#site-title h2 {
		font-size: 3rem;
	}
	h3#site-description{
		font-size: 1.3rem;
		}
	.featured-title {
		font-size: 2.2rem;
	}
	.featured-subtitle {
		font-size: 1rem;
	}

	#header-search {
		width: 80%;
	}
}

@media screen and (max-width: 800px) {
}
@media screen and (max-width: 600px) {
	#site-title h2 {
		font-size: 2rem;
	}
	h3#site-description{
		font-size: 1rem;
		}
	.featured-title {
		font-size: 2rem;
	}
	.featured-subtitle {
		font-size: 1rem;
	}
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}
}