/*
Theme Name:        Shuttle Magazine
Text Domain:	   shuttle-magazine
Template:          shuttle
Version:           1.0.5
Requires at least: 5.0
Requires PHP:      5.6
Tested up to:      6.0
Description:       Shuttle weMagazine 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!
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
Author:            Shuttle Themes
Author URI:        https://www.shuttlethemes.com
Theme URI:         https://shuttlethemes.com/features/
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Pre Header Style */
#pre-header {
	background-color: #222222;
	border-bottom: none;
}
#pre-header .header-links > ul > li > a {
	color: #fff;
}
#pre-header .header-links > ul > li > a:hover {
	color: #13aff0;
}
#pre-header-social li a {
	border-left: 1px solid #333;
}
#pre-header-social li:last-child {
	border-right: 1px solid #333;
}
#pre-header-social li:last-child > a {
	border-right: 1px solid #333;
}

/* Header Style */
#header {
	border-bottom: none;
}
#header .menu > li.menu-hover > a, 
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a, 
#header .menu > li > a:hover, 
#header-sticky .menu > li.menu-hover > a, 
#header-sticky .menu > li.current_page_item > a, 
#header-sticky .menu > li.current-menu-ancestor > a, 
#header-sticky .menu > li > a:hover {
	color: #13aff0;
}
#header .header-links .sub-menu, #header-sticky .header-links .sub-menu {
	background-color: #222;
	border-color: #222;
}
#header .header-links .sub-menu > li > .sub-menu , #header-sticky .header-links .sub-menu > li > .sub-menu {
	background-color: #333;
}
#header .sub-menu li,
#header-sticky .sub-menu li {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #333;
}
#header .sub-menu li > .sub-menu > li,
#header-sticky .sub-menu li > .sub-menu > li {
	border-bottom: 1px solid #444;
}
#header .sub-menu li > .sub-menu > li:last-child,
#header-sticky .sub-menu li > .sub-menu > li:last-child {
	border-bottom: none;
}
#header .sub-menu li:last-child,
#header-sticky .sub-menu li:last-child {
	border-bottom: none;
}

/* Intro Style */
#introaction {
	border-bottom: 1px solid #eee;
}
#introaction .three_fourth {
	margin-right: 0;
	float: none;
	width: 100%;
	text-align: center;
}
#introaction .one_fourth {
	margin-left: 0;
	float: none;
	width: 100%;
}
#introaction-core,
#outroaction-core,
.sc-action-core {
	background-color: #fff;
}
.action-text h3 {
	font-size: 36px;
	font-weight: 900;
}
.action-link a {
	font-size: 13px;
	background-color: #13aff0;
	padding: 5px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.action-link a:hover {
	opacity: 0.75;
}

/* Featured Style */
#section-home-inner {
	margin: 60px auto 0;
}
.services-builder.style1 {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px #eee;
}
.services-builder.style1 .iconmain {
	text-align: left;
}
.services-builder.style1 h3 {
	padding-left: 15px;
	position: relative;
}
.services-builder.style1 h3:before {
	width: 5px;
	height: 30px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
}
.services-builder.style1 .iconurl a {
	font-size: 13px;
	text-transform: uppercase;
	color: #13aff0;
	font-weight: 700;
	background-color: transparent;
	padding: 0;
	letter-spacing: 0.2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.services-builder.style1 .iconurl a:hover {
	opacity: 0.75;
	color: #13aff0;
	background-color: transparent;
	box-shadow: none;
}

/* Footer Style */
#footer {
	background-color: #222;
	border: none;
}
#footer-core input[type=text],
#footer-core input[type=email],
#footer-core input[type=password],
#footer-core select, #footer-core textarea {
	color: #fff;
	background: #333;
	border: 1px solid #333333;
}
#footer-core h3 {
	color: #fff;
	font-size: 18px;
	position: relative;
	padding-bottom: 15px;
}
#footer-core h3:after {
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #fff;
	content: '';
	left: 0;
	bottom: 0;
}
#footer .widget li {
	padding: 5px 0;
}
#footer-core .widget li > a:before {
	display: none;
}
#footer-core .widget li > a {
	color: #cdedf6;
	font-size: 15px;
	font-weight: 700;
}
#footer-core .widget li > span a {
	color: #cdedf6;
	font-size: 15px;
	font-weight: 700;
}
#footer-core .widget li > span a:hover {
	color: #13aff0;
}
#footer-core .widget li > span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #cdedf6;
}
#footer-core .widget li > a:hover {
	color: #13aff0;
}
#footer-core .widget_categories li a,
#footer-core .widget_archive li a,
#footer-core .widget_meta li a {
	font-weight: 400;
}
#footer-core .widget_categories li,
#footer-core .widget_archive li,
#footer-core .widget_meta li {
	border-bottom: 1px solid #333;
}
#footer-core .widget_categories li:last-child,
#footer-core .widget_archive li:last-child,
#footer-core .widget_meta li:last-child {
	border-bottom: none;
}
#footer .widget_search .search {
	padding: 5px 15px;
	margin-top: 10px;
	background-color: #333;
	border: none;
	color: #fff;
	outline: none;
}

#sub-footer {
	background-color: #333;
	border-top: none;
}
#sub-footer a {
	color: #fff;
}
#sub-footer a:hover {
	color: #13aff0;
}
#footer-menu li:after {
	display: none;
}
#sub-footer-widgets h3 {
	color: #fff;
	font-size: 18px;
	position: relative;
	padding-bottom: 15px;
}
#sub-footer-widgets h3:after {
	position: absolute;
	width: 30px;
	height: 2px;
	background-color: #fff;
	content: '';
	left: 0;
	bottom: 0;
}
#sub-footer-close-core {
	background: #333;
}

#post-footer-social li a {
	color: #fff;
	background: #222;
	border: 1px solid #222;
}

/* Intro Page Style */
#intro {
	padding: 25px 10px;
	background-image: url(./intro-bg.png);
	width: 100%;
	overflow: hidden;
	background-size: cover;
}
#intro .page-title {
	line-height: 1.2;
}
#intro .page-title span {
	color: #1e1e1e;
	background: none;
	padding: 0;
}
#intro #breadcrumbs {
	color: #1e1e1e;
}
#intro #breadcrumbs-core {
	background: none;
	padding: 0;
}

/* Blog Posts Style */
.blog-grid.column-1,
.blog-grid.column-2,
.blog-grid.column-3,
.blog-grid.column-4,
.blog-grid.column-5,
.blog-grid.column-6 {
	overflow: visible;
}
.blog-grid .blog-article:before {
	display: none !important;
}
.blog-article.sticky,
.blog-article {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px #eee;
	padding: 30px;
	margin-bottom: 40px;
}
.blog-article.format-nomedia .entry-content {
	margin-top: 0;
}
.blog-article .blog-title {
	color: #1e1e1e;
}
.blog-article .blog-title {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.blog-article .blog-title a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 2px;
	background: #13aff0;
}
.blog-article p {
	color: #7a7a7a;
}
.blog-article.sticky .entry-meta a,
.blog-article.sticky .entry-meta i,
.blog-article .entry-meta a,
.blog-article .entry-meta i {
	color: #13aff0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blog-article.sticky .entry-meta a:hover,
.blog-article .entry-meta a:hover {
	opacity: 0.75;
	color: #13aff0;
}
.blog-article .blog-title a:hover {
	color: #13aff0;
}
.blog-article .more-link a {
	background-color: transparent;
	color: #13aff0;
	padding: 0px;
	font-weight: 700;
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.blog-article .more-link a:hover {
	opacity: 0.75;
	box-shadow: none;
	background-color: transparent;
}
.blog-article .more-link a:after {
	content: '>';
	font-size: 14px;
	margin-left: 5px;
}
.blog-article .more-link {
	margin: 0px;
	padding: 0px;
}

/* Pagination Style */
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
	color: #fff;
	background-color: #222;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.navigation.pagination .nav-links a:hover,
.navigation.pagination .nav-links a.current,
.navigation.pagination .nav-links span:hover,
.navigation.pagination .nav-links span.current {
	background-color: #13aff0;
}

/* Sidebar Style */
#sidebar h3.widget-title {
	color: #1e1e1e;
	padding-left: 15px;
	position: relative;
	margin-bottom: 10px;
}
#sidebar h3.widget-title:before {
	width: 5px;
	height: 30px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
}
#sidebar .widget li > a {
	color: #7a7a7a;
	font-size: 15px;
}
#sidebar .widget li > span a {
	color: #7a7a7a;
	font-size: 15px;
}
#sidebar .widget li > span a:hover {
	color: #13aff0;
}
#sidebar .widget li > span {
	display: block;
	font-size: 12px;
	font-weight: 500;
	color: #7a7a7a;
}
#sidebar .widget li > a:hover {
	color: #13aff0;
}
#sidebar .widget_categories li a,
#sidebar .widget_archive li a,
#sidebar .widget_meta li a {
	font-weight: 400;
}
#sidebar .widget_categories li,
#sidebar .widget_archive li,
#sidebar .widget_meta li {
	border-bottom: 1px solid #eee;
}
#sidebar .widget_categories li:last-child,
#sidebar .widget_archive li:last-child,
#sidebar .widget_meta li:last-child {
	border-bottom: none;
}
.widget_search .search {
	padding: 5px 15px;
	outline: none;
	border: 1px solid #eee;	
}

/* Single Post Style */
.single .entry-meta {
	text-align: left;
}
.single .entry-meta a,
.single .entry-meta i {
	color: #13aff0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.single .entry-meta a:hover {
	opacity: 0.75;
	color: #13aff0;
}
.single article {
	background-color: #fff;
	border: 1px solid #eee;
	box-shadow: 0px 0px 10px #eee;
	padding: 30px;
	margin-bottom: 40px;
}
.nav-previous,
.nav-next {
	width: auto;
	height: auto;
}
.nav-previous a,
.nav-next a {
	background-color: transparent;
	color: #222;
	padding: 0px;
	font-weight: 700;
	font-size: 13px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav-previous a:hover,
.nav-next a:hover {
	color: #13aff0;
	background-color: transparent;
	box-shadow: none;
}
#nav-above, #nav-below {
	padding: 0px;
}
.nav-previous a .meta-nav:before {
	content: '<';
	margin-right: 5px;
}
.nav-next a .meta-nav:after {
	content: '>';
	margin-left: 5px;
}
.single article.comment {
	border: none;
	box-shadow: none;
	text-align: left;
}

/* Comments & Leave Comment Style */
#comments-title h3 {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	position: relative;
	padding-left: 15px;
}
#comments-title h3:before {
	width: 5px;
	height: 30px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
}
.comment .reply a {
	color: #13aff0;
	font-size: 13px;
	font-weight: 500;
}
.comment .reply a:hover {
	opacity: 0.75;
}
#reply-title {
	text-align: left;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	position: relative;
	padding-left: 15px;
}
#reply-title:before {
	width: 5px;
	height: 30px;
	background-color: #13aff0;
	content: '';
	position: absolute;
	left: 0;
	top: -5px;
}
.logged-in-as a {
	color: #13aff0;
	font-size: 13px;
	font-weight: 500;
}
.logged-in-as a:hover {
	opacity: 0.75;
}
.comment-respond .form-submit {
	text-align: left;
}
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #13aff0;
	font-size: 13px;
	font-weight: 700;
	background-color: transparent;
	padding: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.themebutton:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.75;
	box-shadow: none;
	background-color: transparent;
}
#commentform #comment {
	border: 1px solid #eee;
	outline: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

/* Widgets - Tags */
#footer .widget_tag_cloud a {
	color: #fff;
	background: #333;
}
#footer .widget_tag_cloud a:hover {
	color: #fff;
	background: #13aff0;
}
