/*!
Theme Name: NewsCard Pro
Theme URI: https://www.themehorse.com/themes/newscard-pro
Author: Theme Horse
Author URI: https://www.themehorse.com/
Description: NewsCard Pro is a Multi-Purpose Magazine/News WordPress Theme. NewsCard Pro is specially designed for magazine sites (food, travel, fashion, music, health, sports, photography), news sites, shopping sites, personal/photo blog and many more. There are Front Page Template, Sidebar Page Layout, Top Bar, Header Image/Overlay/Advertisement, Social Profiles, Banner Slider and many more. Also supports popular plugins like WooCommerce, bbPress, Contact Form 7 and many more. It is also translation ready. Get free support at https://www.themehorse.com/support-forum/ and view beautiful demo sites at https://www.themehorse.com/demos/newscard-pro
Version: 1.1.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: newscard
Tags: blog, entertainment, news, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, 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.

NewsCard Pro is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Reset
# Global
	## Accessibility
	## Alignments
	## Blockquote
	## Breadcrumb
	## Buttons
	## Bootstrap Carousel
	## Grid Options
	## Forms
	## Heading Tags
	## Images
	## Links
# Templates/Layouts
# Header
	## Info Bar
	## Site Branding
	## Social Profiles
	## Search Form
	## Navbar/Navigation
	## Top Stories
# Content
	## Post Featured Image
	## Post Featured Content
	## Entry Header
	## Entry Title
	## Entry Meta
	## Entry Content
	## Galleries
	## Post/Image/Paging Navigation
	## Attachments
	## Comments
	## Pages
	## bbPress Support
	## Woo Commerce Support
	## JetPack Support
	## Gutenberg Support
# Featured Section
# Sidebars/Widget Area
# Widgets
	## Widget Calendar
	## Widget Recent Entries
	## Widget Tag Cloud
	## Widget Text
	## NewsCard Widget Horizontal/Vertical Posts
	## NewsCard Widget Recent Posts
	## NewsCard Widget Card/Block Posts
	## NewsCard Widget Double Column Posts
# Footer
# Media Queries
# Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Top Stories
--------------------------------------------------------------*/
.top-stories-bar {
	background-color: #ffffff;
	position: relative;
	overflow: hidden;
	font-weight: 700;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}
.top-stories-bar:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 50%;
	background-color: #dddddd;
}
.top-stories-bar {
	height: 50px;
}
.top-stories-bar.top-stories-bar-with-thumbnail {
	height: 60px;
}
.top-stories-bar .top-stories-label {
	float: left;
	color: #333333;
	padding-left: 15px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #dddddd;
	position: relative;
	height: 100%;
	display: table;
}
.top-stories-bar .top-stories-label:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: -19%;
	width: 39%;
	background-color: #dddddd;
	transform: skew(20deg);
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-ms-transform: skew(20deg);
	z-index: 1;
}
.top-stories-bar .top-stories-label .top-stories-label-wrap {
	position: relative;
	display: table;
	height: 100%;
	padding: 10px 0 10px 35px;
}
.top-stories-bar .top-stories-label .label-txt{
	position: relative;
	z-index: 2;
	display: table-cell;
	height: 30px;
	vertical-align: middle;
	font-size: 18px;
}
.top-stories-bar .top-stories-label .flash-icon {
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #c80000;
	top: 50%;
	margin-top: -5px;
	left: 10px;
	z-index: 2;
}
.top-stories-bar .top-stories-label .flash-icon:before {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #c80000;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
	animation-name: blink-a;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
@keyframes blink-a {
	0%   {transform: scale(1, 1);}
	100%  {transform: scale(3, 3); opacity: 0;}
}
.top-stories-bar .top-stories-label .flash-icon:after {
	content: "";
	position: absolute;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid #c80000;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -5px;
	animation-name: blink-b;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-iteration-count: infinite;
}
@keyframes blink-b {
	0%   {transform: scale(1, 1);}
	100%  {transform: scale(3, 3); opacity: 0;}
}
.top-stories-bar .top-stories-lists {
	display: block;
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
	padding-left: 0;
	background-color: #ffffff;
	height: 50px;
}
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .row,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee,
.top-stories-bar.top-stories-bar-with-thumbnail .top-stories-lists .marquee a {
	height: 60px;
}
.top-stories-bar .top-stories-lists .row {
	height: 50px;
}
.top-stories-bar .js-marquee {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height: 50px;
}
.top-stories-bar .top-stories-lists .marquee {
	width: 100%;
	overflow: hidden;
	height: 50px;
}
.top-stories-bar .top-stories-lists .marquee a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 50px;
	color: #333333;
	height: 50px;
}
.top-stories-bar .top-stories-lists .marquee a:hover {
	color: #c80000;
}
.top-stories-bar .top-stories-post-img {
	height: 40px;
	width: 40px;
	margin-right: 10px;
	background-size: cover;
	background-position: center center;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.top-stories-bar .top-stories-lists .top-stories-title {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: none;
}
.top-stories-bar .top-stories-lists:after {
	content: "";
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	width: 80px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/