/*
Theme Name:        Upeo Magazine
Text Domain:       upeo-magazine
Template:          upeo
Version:           1.0.0
Requires at least: 5.0
Requires PHP:      5.6
Tested up to:      6.9
Description:       Upeo Magazine 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-magazine/
License:           GPLv2 or later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Sub-header Style */
#pre-header {
  background-color: #183354;
}
#pre-header .header-links li a,
#pre-header-social li,
#pre-header-social li a {
  color: #fff;
}
#pre-header .header-links > ul > li:before {
  display: none;
}
#pre-header-social li a {
  border-left: none;
}
#pre-header-social li:last-child > a,
#pre-header-social li:last-child {
  border-right: none;
}
#pre-header-social li a:hover {
  background-color: transparent !important;
  color: #00aff2;
}
#pre-header .header-links .sub-menu a {
  color: #183354;
}

/* Header Style */
#header .header-links > ul > li a,
#header-sticky .header-links > ul > li a {
  font-weight: 700;
  color: #183354;
}
#header .header-links .sub-menu,
#header-sticky .header-links .sub-menu {
  border: 1px solid #eee;
  background-color: #fff;
  border-radius: 0px 0px 7px 7px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);
}
#header .header-links .sub-menu a,
#header-sticky .header-links .sub-menu a {
  font-weight: 600;
  color: #183354;
}
#header .sub-menu li,
#header-sticky .sub-menu li {
  border: none;
}

/* Cta Style */
#introaction-core,
#outroaction-core,
.sc-action-core {
  background-color: #e8f1f1;
}
.action-teaser p {
  color: #4a4a4a;
}
.action-link a {
  transition: all 0.3s;
}
.action-link a:hover {
  background-color: #183354;
  color: #fff;
  opacity: 1;
}

/* Featured Style */
.iconfull {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
  padding: 30px;
}
.icontext .iconimage,
.iconfull.style1 .iconimage {
  float: none !important;
}
.iconfull.style1 .iconmain,
.iconfull.style1 .iconmain h3,
.iconfull.style1 .iconimage {
  text-align: left;
}
.iconfull.style1 .iconimage {
  display: inline-block;
  background-color: #fff;
  text-align: center;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 44px;
}
.iconfull.style1 .iconmain h3 {
  font-weight: 600;
  color: #183354;
}
#section-home .iconurl a {
  margin-top: 15px;
  display: inline-block;
  background-color: #00aff2;
  border-radius: 7px;
  font-weight: 600;
  text-transform: capitalize;
  color: #fff;
  text-decoration: none;
  padding: 8px 18px;
  font-size: 14px;
}
#section-home .iconurl a:hover {
  background-color: #183354;
}

/* Footer style */
#footer {
  background-color: #0c1622;
  border-top: none;
}
#footer .wp-block-heading {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
#footer .wp-block-heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 5px;
  background: #00aff2;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
#footer .widget li a,
#footer p,
#footer span,
#footer time,
#footer-core .widget li > a:before {
  color: #bacce1;
}
#footer a:hover,
#footer-core a:hover,
#footer-core .widget li > a:hover:before {
  color: #00aff2 !important;
}
#footer .widget_tag_cloud a {
  background-color: rgba(250, 250, 250, 0.05);
  color: #fff;
}
#footer .widget_tag_cloud a:hover {
  background-color: #00aff2;
  color: #fff !important;
}

/* Sub footer style */
#sub-footer {
  background-color: #0c1622;
  border-top: 1px solid rgba(250, 250, 250, 0.1);
}
#sub-footer a {
  color: #bacce1;
}
#sub-footer a:hover {
  color: #00aff2;
}
#footer-menu li:after {
  display: none;
}

/* Page heading style */
#intro {
  background-color: #f9f9f7;
  border-bottom: none;
}
#intro .page-title {
  font-weight: 600;
  color: #183354;
}

/*Side Bar Style */
.wp-block-search__label {
  display: none;
}
#sidebar .wp-block-heading {
  color: #183354;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  padding-bottom: 10px;
}
#sidebar .wp-block-heading:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32px;
  height: 5px;
  background: #00aff2;
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
}
#sidebar .widget li a {
  font-weight: 500;
  color: #183354;
}
#sidebar .widget li a:hover {
  color: #00aff2;
}
#sidebar .widget_tag_cloud a {
  background-color: #e8f1f1;
  color: #183354;
  border-radius: 5px;
  font-weight: 500;
}
#sidebar .widget_tag_cloud a:hover {
  background-color: #00aff2;
  color: #fff;
}

/* Blog Posts Style */
.blog-thumb img {
  border-radius: 7px;
  overflow: hidden;
}
.blog-article .more-link a {
  background-color: transparent;
  border: 1px solid #e7e7e7;
  color: #183354;
  font-weight: 600;
  transition: all 0.3s;
}
.blog-article .more-link a:hover {
  background-color: #00aff2;
  border-color: #00aff2;
  color: #fff;
}
.blog-article .blog-title a {
  font-weight: 600;
  color: #183354;
}
.blog-article .entry-meta a {
  font-weight: 600;
  color: #aaa;
}
.blog-article .entry-meta i {
  color: #00aff2;
}
.blog-article {
  padding-bottom: 0px;
  border: none;
  margin-bottom: 40px;
}
.blog-style1 .blog-grid .blog-article:before {
  display: none;
}

/* Blog Page Navigation Style */
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  color: #183354;
  font-weight: 500;
}

/* Single Post Style */
#nav-above,
#nav-below {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}
.nav-previous a,
.nav-next a {
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 7px;
  transition: all 0.3s;
}
.nav-previous a:hover,
.nav-next a:hover {
  background-color: #183354;
}

/* Comments & Leave Comment Style */

#comments-title h3,
#reply-title {
  font-size: 20px;
  font-weight: 600;
  color: #183354;
}
#respond textarea {
  background-color: #f7f7f7;
  border: 1px solid #e7e7e7;
  border-radius: 7px;
}
#commentform input[type="submit"] {
  border-radius: 7px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s;
}
#commentform input[type="submit"]:hover {
  background-color: #183354;
  color: #fff;
}