/*
Theme Name:     Shuttle News
Theme URI:      https://shuttlethemes.com/features/
Author:         Shuttle Themes
Author URI:     https://www.shuttlethemes.com
Description:    Shuttle News is the awesome free version of Shuttle Pro. It is really good for professionals. If you want to make a business, for big or small this theme is good for you. So if it is a restaurant, sport, medical, startup, corporate, business, ecommerce, portfolio, freelancers or any type of online agency or firm you will want to use this cool design. It had a multi-purpose design with widget areas in footer, so now even easy to make blog / news website which looks really clean and professional. The theme is responsive, WPML, Polylang, Retina ready, SEO friendly, and is a super design. Shuttle is fast and lightweight and can be used for any type of website, fully compatible with eCommerce plugins like WooCommerce an JigoShop. Whether you are building a website for yourself, your business or are a freelancer building websites for your cliente, Shuttle is the perfect choice. Plus if works with all the major page builders such as Elementor, Beaver Builder, Visual Composer, Divi, SiteOrigin and so much more!
Template:       shuttle
Version:        1.0.4
License: GNU    General Public License v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Tags:           one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-menu, full-width-template, theme-options, threaded-comments, editor-style, featured-images, featured-image-header, post-formats, sticky-post, translation-ready, flexible-header, custom-background, grid-layout, footer-widgets, blog, e-commerce, portfolio, rtl-language-support
Text Domain:	shuttle-news
*/

/* Pre Header Style */
#pre-header {
	background-color: #333;
	border-bottom: none;
}
#pre-header .header-links > ul > li:before {
	display: none;
}
#pre-header .header-links > ul > li:first-child {
	border-left: 1px solid #444;
}
#pre-header .header-links > ul > li {
	border-right: 1px solid #444;
}
#pre-header .header-links > ul > li a {
	color: #aaa;
}
#pre-header .header-links > ul > li a:hover {
	color: #fff;
	background: #13aff0;
}
#pre-header-social li a {
	border-left: 1px solid #444;
	color: #aaa;
}
#pre-header-social li a:hover {
	background-color: #13aff0!important;
	color: #fff;
}
#pre-header-social li:last-child {
	border-right: 1px solid #444;
}
#pre-header-social li:last-child > a {
	border-right: 1px solid #333;
}
#pre-header .header-links .sub-menu {
	background-color: #333;
	border: 1px solid #444;
}
#pre-header .header-links .sub-menu a:hover {
	color: #fff;
}

/* Header Style */
.header-style2 #header,
.header-style2 #header-sticky {
	border-bottom: none;
}
.header-style2 #header-links,
.header-style2 #header-sticky {
	background-color: #333;
}
.header-style2 #logo-sticky h1,
.header-style2 #logo-sticky h1 {
	color: #fff;
}
.header-style2 #header .header-links > ul > li > a,
.header-style2 #header-sticky .header-links > ul > li > a {
	border: none;
	color: #fff;
}
.header-style2 #header-links {
	border-top: none;
}
.header-style2 #header .menu > li.menu-hover > a,
.header-style2 #header .menu > li.current_page_item > a,
.header-style2 #header .menu > li.current-menu-ancestor > a,
.header-style2 #header .menu > li > a:hover,
.header-style2 #header-sticky .menu > li.menu-hover > a,
.header-style2 #header-sticky .menu > li.current_page_item > a,
.header-style2 #header-sticky .menu > li.current-menu-ancestor > a,
.header-style2 #header-sticky .menu > li > a:hover {
	border: none;
	background-color: #13aff0;
	color: #fff;
}
.header-style2 #header .header-links .sub-menu,
.header-style2 #header-sticky .header-links .sub-menu {
	background-color: #13aff0;
	border-color: #13aff0;
}
.header-style2 #header .sub-menu li > .sub-menu li,
.header-style2 #header-sticky .sub-menu li > .sub-menu li {
	border-bottom: none;
}
.header-style2 #header .sub-menu li > .sub-menu li:last-child,
.header-style2 #header-sticky .sub-menu li > .sub-menu li:last-child {
	border-bottom: none;
}
.header-style2 #header .header-links .sub-menu a,
.header-style2 #header-sticky .header-links .sub-menu a {
	color: #fff;
}
.header-style2 #header .header-links .sub-menu a:hover,
.header-style2 #header-sticky .header-links .sub-menu a:hover {
	opacity: 0.8;
}
.header-style2 #header .sub-menu li,
.header-style2 #header-sticky .sub-menu li {
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.header-style2 #header .sub-menu li:last-child,
.header-style2 #header-sticky .sub-menu li:last-child {
	border-bottom: none;
}

/* Intro Page Style */
#introaction-core,
#outroaction-core,
.sc-action-core {
	background-color: #333;
	border-radius: 0px;
}
.action-text h3 {
	color: #fff;
	font-size: 36px;
}
.action-teaser {
	color: #fff;
}
.action-link {
	margin-top: 20px;
}
.action-link a {
	font-size: 14px;
	border-radius: 0px;
	transition: all 0.5s;
}

/* Featured Style */
.services-builder.style1 {
	background-color: transparent;
	text-align: left;
	border: none;
}
.services-builder.style1 .iconmain {
	padding: 0px;
}
.services-builder.style1 h3:before {
	width: 40px;
	height: 3px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}
.services-builder.style1 h3 {
	position: relative;
	margin-top: 20px;
	padding-top: 20px;
}
.services-builder.style1 .iconurl a {
	border-radius: 0px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	transition: all 0.5s;
}

/* Footer Style */
#footer {
	background: #333;
	padding: 50px 0px;
	border-top: none;
}
#footer-core h3 {
	font-size: 18px;
	color: #fff;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#footer-core h3:after {
	width: 40px;
	height: 3px;
	background-color: #fff;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
}
#footer .widget li a {
	color: #aaa;
}
#footer .widget li a:hover {
	color: #fff;
}
#footer-core a:before,
#footer-core .widget_recent_entries li > a:before {
	display: none;
}
#footer .widget li {
	border-bottom: 1px solid #444;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#footer .widget li:last-child {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer .widget_search .search {
	margin-top: 10px;
	background-color: #444;
	border: 1px solid #555;
	outline: none;
	padding: 8px 15px;
}

/* Sub-footer Style */
#sub-footer {
	background-color: #333;
	border-top: 1px solid #444;
}
#sub-footer a {
	color: #aaa;
}
#sub-footer a:hover {
	color: #fff;
}
#footer-menu li:after {
	display: none;
}

/* Page Intro Style */
#intro {
	background-color: #eee;
	padding: 25px 10px;
}
#intro .page-title span {
	padding: 0px;
	background: transparent;
	float: left;
	color: #232323;
	font-weight: 700;
}
#intro #breadcrumbs {
	color: #232323;
	float: right;
	margin-top: 25px;
	font-weight: 400;
}
#intro #breadcrumbs-core {
	background: none;
	padding: 0;
}

/* Blog Posts Style */
.blog-article .two_fifth {
	margin-right: 0;
	width: 100%;
	float: none;
	margin-bottom: 0px;
}
.blog-article .three_fifth {
	margin-left: 0;
	width: 100%;
	float: none;
}
.blog-article .blog-title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 20px;
	padding-top: 20px;
	position: relative;
}
.blog-article .blog-title:before {
	width: 40px;
	height: 3px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}
.blog-article .entry-meta > span:before {
	content: '|';
}
.blog-article .more-link a {
	display: inline-block;
	padding: 7px 20px;
	font-size: 14px;
	font-weight: 700;
	border-radius: 0px;
	transition: all 0.5s;
}
.blog-style1 .blog-grid .blog-article:before {
	display: none;
}
.blog-article.sticky {
	padding: 0px;
	margin-bottom: 40px;
	background: transparent;
}
.blog-article.sticky p {
	color: #7a7a7a;
}
.blog-article.sticky .entry-content {
	padding-bottom: 5px;
}
.blog-article.sticky .entry-meta a,
.blog-article.sticky .entry-meta i {
	color: #aaa;
}
.blog-article.sticky .entry-meta a:hover {
	color: #13aff0;
}

/* Blog Page Navigation Style */
.navigation.pagination .nav-links a, .navigation.pagination .nav-links span {
	color: #232323;
	background: #eee;
	border-radius: 0px;
	border: none;
	font-weight: 600;
}

/* Sidebar Style */
.widget_search .search {
	background-color: #eee;
	outline: none;
}
#sidebar h3.widget-title {
	font-size: 18px;
	text-transform: capitalize;
	color: #232323;
}
#sidebar h3.widget-title:before {
	width: 40px;
	height: 3px;
	background-color: #13aff0;
}
#sidebar .widget li > a:before {
	color: #7a7a7a;
}
#sidebar .widget li:hover a:before {
	color: #13aff0;
}
#sidebar .widget_recent_entries li > a:before {
	display: none;
}
#sidebar .widget_recent_entries li > a,
#sidebar .widget_recent_comments li > a,
#sidebar .widget_recent_comments li > span a {
	color: #232323;
}
#sidebar .widget_recent_entries li > a:hover,
#sidebar .widget_recent_comments li > a:hover,
#sidebar .widget_recent_comments li > span a:hover {
	color: #13aff0;
}
#sidebar .widget_tag_cloud a {
	border-radius: 0px;
	background: #eee;
	border: 1px solid #ddd;
}
#sidebar .widget_tag_cloud a:hover {
	background-color: #13aff0;
	color: #fff;
	border-color: #13aff0;
}

/* Single Blog Style */
.single .entry-meta {
	text-align: left;
}
#nav-above,
#nav-below {
	padding: 30px 0px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.nav-previous a,
.nav-next a {
	background-color: #eee;
	color: #232323;
	border-radius: 0px;
	transition: all 0.3s;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
}
.nav-previous a:hover,
.nav-next a:hover {
	background-color: #13aff0;
	color: #fff;
}

/* Comments & Leave Reply Style */
#comments-title h3,
#reply-title {
	font-size: 18px;
	text-transform: capitalize;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-weight: 700;
	text-align: left;
}
#comments-title h3:after,
#reply-title:after {
	width: 40px;
	height: 3px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
}
#commentform input[type="text"],
#commentform textarea {
	background-color: #eee;
	border: 1px solid #ddd;
	border-radius: 0px;
	outline: none;
}
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 0px;
	font-size: 14px;
	padding: 10px 15px;
	transition: all 0.5s;
}
.comment-respond .form-submit {
	text-align: left;
}