/*
Theme Name:        Upeo Grid
Text Domain:       upeo-grid
Template:          upeo
Version:           1.0.0
Requires at least: 5.0
Requires PHP:      5.6
Tested up to:      6.0
Description:       Upeo Grid is the awesome free version of Upeo 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. Upeo 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, Upeo 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:            Upeo Themes
Author URI:        https://upeothemes.com/
Theme URI:         https://upeothemes.com/features-grid/
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Sub-header Style */
#pre-header {
	background-color: #1e1e1e;	
	border-bottom: none;
}
#pre-header .header-links > ul > li > a {
	color: #fff;
}
#pre-header .header-links .menu-hover > a,
#pre-header .header-links > ul > li > a:hover {
	color: #00aff2;
}
#pre-header-social li:last-child {
	border-right: 1px solid #2e2e2e;
}
#pre-header-social li:last-child > a {
	border-right: 1px solid #2e2e2e;
}
#pre-header-social li a {
	color: #fff;
	border-left: 1px solid #2e2e2e;
}
#pre-header-social li:last-child {
	border-right: none;
}
#pre-header-social li a:hover {
	color: #00aff2;
	background-color: transparent!important;
}
#pre-header .header-links .sub-menu {
	border-radius: 0px;
	border: none;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.05);
}
#pre-header .header-links .sub-menu .sub-menu {
	margin-top: 1px;
}

/* Header Style */
#header .header-links .sub-menu a,
#header-sticky .header-links .sub-menu a {
	padding: 2px 0px;
	color: #3a3a3a;
}
#header .header-links > ul > li > a,
#header-sticky .header-links > ul > li > a {
	color: #3a3a3a;
}
#header .header-links .sub-menu,
#header-sticky .header-links .sub-menu {
	min-width: 120px!important;
	border-radius: 0px;
	border: none;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.07);
	background-color: #fff;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
	border-bottom: 1px solid #eee;
}
#header .sub-menu li,
#header-sticky .sub-menu li {
	border-bottom: 1px solid rgba(250,250,250,0.3);
	padding: 0px 20px;
	border-left: none;
	border-right: none;
}
#header .header-links .sub-menu .sub-menu,
#header-sticky .header-links .sub-menu .sub-menu {
	margin-top: 1px;
	border-left: 1px solid rgba(250,250,250,0.3);
}
#header .header-links .sub-menu a:hover,
#header .header-links .sub-menu .current-menu-item a,
#header-sticky .header-links .sub-menu a:hover,
#header-sticky .header-links .sub-menu .current-menu-item a {
	color: #00aff2;
}

/* Cta Style */
#introaction-core,
#outroaction-core,
.sc-action-core {
	padding: 40px 30px;
	background-color: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	border: none;
	border-radius: 0px;
}
.action-text h3 {
	font-size: 36px;
	font-weight: 700;
}
.action-link a {
	font-size: 13px;
	border-radius: 0px;
	margin-top: 60px;
	padding: 8px 15px;
	transition: all .4s;
}
.action-link a:hover {
	background-color: #1e1e1e;
}

/* Featured Style */
.iconfull {
	transition: all 0.3s;
	padding: 30px;
	background-color: #fff;
	border: none;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	border-radius: 0px;
}
.iconfull.style1 .iconmain h3 {
	color: #1e1e1e;
}
.iconfull.style1:hover {
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}
.iconfull.style1 .iconimage i {
	background-color: #00aff2;
	color: #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	display: inline-block;
	text-align: center;
	line-height: 60px;
	margin-bottom: 15px;
}
.icontext .iconimage,
.iconfull.style1 .iconimage {
	float: none!important;
}
.iconfull.style1 .iconurl a {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0px;
	margin-top: 20px;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none !important;
	background-color: #00aff2;
	transition: all .4s;
}
.iconfull.style1 .iconurl a:hover {
	background-color: #1e1e1e;
}

/* Footer style */
footer {
	background-color: transparent;
}
#footer {
	background-color: #1e1e1e;
	border-top: none;
}
#footer-core h2 {
	color: #fff;
	font-size: 18px;
}
#footer .widget ul li a:before {
	display: none;
}
#footer .widget ul li a,
#footer .widget ol li a {
	text-decoration: none !important;
	color: #fff;
	font-weight: 400;
	font-size: 15px;
}
#footer .widget ul li a:hover,
#footer .widget ol li a:hover {
	color: #00aff2;
}
#footer .widget ul li,
#footer .widget ol li{
	border: none;
}
#footer .widget ul li span {
	display: block;
	color: #aaa;
	font-size: 12px;
	font-weight: 400;
}
#footer .widget_recent_entries ul li,
#footer .widget_recent_comments ul li {
	margin-bottom: 15px;
}
#footer .widget ul li:last-child {
	margin-bottom: 0px;
}
#footer .widget_tag_cloud a {
	background-color: rgba(250,250,250,0.1);
	border: none;
	color: #aaa;
	border-radius: 0px;
}
#footer .widget_tag_cloud a:hover {
	color: #00aff2;
	background-color: #fff;
}
#footer input[type=text],
#footer input[type=email],
#footer input[type=password],
#footer input[type=search],
#footer input[type=tel],
#footer select,
#footer textarea {
	background-color: rgba(250,250,250,0.1);
	border: 1px solid #6e6e6e;
	color: #fff;
	padding: 5px 15px;
	border-radius: 0px;
}
#footer  .wp-block-search__button {
	border-radius: 0px;
}

/* Sub footer style */
#sub-footer {
	background-color: #1e1e1e;
	border-top: 1px solid #2e2e2e;
	color: #fff;
}
#sub-footer a {
	color: #fff;
	text-decoration: none !important;
}
#sub-footer a:hover {
	color: #00aff2;
}
#footer-menu li:after {
	display: none;
}

/* Page heading style */
#intro {
	background-color: #1e1e1e;
	border-bottom: none;
	padding: 30px 0px;
}
#intro .page-title {
	color: #fff;
	font-weight: 700;
	font-size: 30px;
}
#intro .page-title span {
	background-color: transparent;
	padding: 0px;
}
#intro #breadcrumbs {
	color: #fff;
	font-weight: 500;
}
#intro #breadcrumbs-core {
	background-color: transparent;
	padding: 0px;
}
#intro #breadcrumbs-core a {
	color: #00aff2;
}

/*Side Bar Style */
.layout-sidebar-right #sidebar-core {
	border: 1px solid #eee;
	padding: 40px 0px;
	margin-left: 0px;
}
.widget_search .search,
input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
select,
input[type=search]:focus {
	border: none;
	border-radius: 25px;
	background-color: #f7f7f7;

#sidebar .widget_search {
	padding-top: 0px !important;
}
#sidebar .widget_tag_cloud {
	padding-bottom: 0px !important;
	border-bottom: none !important;
}
#sidebar .wp-block-search__button {
	border-radius: 25px;
}
#sidebar .widget  {
	margin-bottom: 0px;
	padding: 40px 30px 40px 30px;
	border-bottom: 1px solid #eee;
}
#sidebar h2 {
	width: 100%;
	font-size: 17px;
	color: #1e1e1e;
	padding-bottom: 12px;
	margin-bottom: 20px;
	position: relative;
}
#sidebar h2:before {
	width: 40px;
	height: 2px;
	border-radius: 1px;
	background-color: #00aff2;
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
}
#sidebar .widget_recent_entries ul li a:before {
	display: none;
}
#sidebar .widget ul li a,
#sidebar .widget ol li a {
	font-size: 15px;
	color: #3a3a3a;
	text-decoration: none !important;
}
#sidebar .widget ul li a:hover,
#sidebar .widget ol li a:hover {
	color: #00aff2;
}
#sidebar .widget ul li span {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #aaa;
}
#sidebar .widget_recent_entries ul li,
#sidebar .widget_recent_comments ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#sidebar .widget ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#sidebar .widget_tag_cloud a {
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 0px;
	color: #7a7a7a;
}
#sidebar .widget_tag_cloud a:hover {
	background-color: #00aff2;
	border-color: #00aff2;
	color: #fff;
}

/* Blog Posts Style */
.blog-article {
	padding: 30px 30px 20px 30px;
	background-color: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	border: none;
	border-radius: 0px;
	margin: 7px 7px 30px 7px;
}
.blog-article .entry-content {
	margin-top: 0px;
	position: relative;
}
.blog-thumb img {
	border-radius: 0px;
}
.has-post-thumbnail .entry-content {
	margin-top: 30px;
}
.blog-style1 .blog-grid .blog-article:before {
	display: none;
}
.blog-article .more-link {
	padding-top: 0px;
}
.blog-article .more-link a {
	background-color: #00aff2;
	font-size: 15px;
	color: #fff;
	border-radius: 0px;
	position: relative;
}
.blog-article .more-link a:hover {
	background-color: #1e1e1e;
}
.blog-article .entry-meta a {
	color: #7a7a7a;
}
.blog-article .entry-meta > span:before {
	content: '|';
	color: #aaa;
}
.blog-article .entry-meta > span {
	text-transform: none;
	font-size: 13px;
}
.blog-style2 .blog-article .blog-title {
	margin-top: 10px;
	font-size: 22px;
	text-transform: none;
}
.blog-article.sticky .blog-title a {
	color: #fff;
}
.blog-article.sticky .entry-content p {
	color: #fff;
}

/* Blog Page Navigation Style */
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
	color: #4a4a4a;
	border-radius: 0px;
	background-color: #f7f7f7;
	border: none;
	text-decoration: none !important;
}
.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: #00aff2;
	border: color #00aff2;
	color: #fff;
}

/* Single Post Style */
.single .entry-header {
	background-color: #fff;
	box-shadow: 0px 0px 7px rgba(0,0,0,0.1);
	border: none;
	border-bottom: none;
	border-radius: 0px;
	padding: 30px 30px 0px 30px;
	margin-bottom: 0px;
}
.single .entry-content {
	background-color: #fff;
	border: none;
	box-shadow: 0px 7px 7px rgba(0,0,0,0.1);
	border-radius: 0px;
	padding: 15px 30px 30px 30px;
	margin-bottom: 0px;
}
.single .entry-meta {
	margin-top: 0px!important;
}
.single .entry-meta > span:before {
	content: '|';
	color: #ddd;
}
.single .entry-meta > span {
	text-transform: none;
	font-size: 13px;
}
.single .entry-meta{
	text-align: left;
	margin-top: 45px;
}
.nav-previous a,
.nav-next a {
	border-radius: 0px;
	text-decoration: none !important;
	font-size: 15px;
	transition: all .4s;
}
.nav-previous a:hover,
.nav-next a:hover {
	background-color: #1e1e1e;
}
#nav-above,
#nav-below {
	padding: 0px 30px 30px 30px;
	box-shadow: 0px 7px 7px rgba(0,0,0,0.05);
	background-color: #fff;
	border: none;
	border-top: none;
	border-radius: 0px;
}

/* Comments & Leave Comment Style */
#comments-title h3,
#reply-title {
	color: #1e1e1e;
	text-align: left;
	text-transform: capitalize;
	border-bottom: none;
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
}
.commentlist .comment.depth-1:first-child,
.commentlist .pingback.depth-1:first-child {
	padding-top: 0px;
	border-top: none;
}
#comments-title {
	margin-top: 30px;
	margin-bottom: -30px;
}
.comment-content {
	background-color: #fff;
}
.commentlist .pingback {
	margin-top: 30px;
	border-bottom: 1px solid #eee;
}
.commentlist ul.children li.comment .comment {
	border-bottom: 1px solid #eee;
}
.commentlist li.comment.depth-1:last-child,
.commentlist li.pingback.depth-1:last-child {
	border-bottom: none;
}
.commentlist .children li {
	background-color: #fff;
}
.comment .reply {
	float: right;
}
.comment .reply a {
	text-decoration: none !important;
	border-radius: 16px;
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background-color: #00aff2;
	padding: 7px 10px;
}
.commentlist .avatar {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	border: none;
	margin: 0;
	margin-bottom: 20px;
}
.commentlist article header {
	text-align: left;
}
.comment-content {
	text-align: left;
}
.comment .reply a:hover {
	background-color: #00aff2;
	color: #fff;
}
#commentform input[type="text"],
#commentform textarea {
	border: none;
	background-color: #f7f7f7;
	border-radius: 5px;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus {
	background-color: #f7f7f7;
}
#reply-title  {
	border-top: 1px solid #eee;
	margin-top: 60px;
	padding-top: 50px;
}
.logged-in-as {
	margin-top: 30px;
}
.logged-in-as a {
	color: #7a7a7a;
}
.logged-in-as a:hover {
	color: #00aff2;
}
.comment-respond .form-submit {
	text-align: left;
}
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-size: 15px;
	border-radius: 0px;
	padding: 8px 15px;
	transition: all .4s;
}
.themebutton:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #1e1e1e;
}