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

/* Sub-header Style */
#pre-header {
  background-color: #fff;
  border-bottom: none;
}
#pre-header .header-links > ul > li:before {
  content: "";
}
#pre-header .header-links > ul > li > a {
  font-weight: 400;
}
#pre-header .header-links .menu-hover > a,
#pre-header .header-links > ul > li > a:hover {
  color: #13aff0 !important;
  opacity: 1;
  background-color: transparent;
}
#header .header-links > ul > li a,
#header-sticky .header-links > ul > li a {
  position: relative;
}
#header .header-links > ul > li ul li a::before,
#header-sticky .header-links > ul > li ul li a::before {
  display: none !important;
}
#pre-header .header-links li a,
#pre-header-social li,
#pre-header-social li a {
  color: #1e1e1e !important;
}
#pre-header-social li,
#pre-header-social li a:hover {
  color: #1e1e1e !important;
  opacity: 1;
  background-color: transparent !important;
}
#pre-header .header-links li a:hover {
  color: #1e1e1e !important;
}
#pre-header .header-links .sub-menu a {
  color: #1e1e1e !important;
  border-bottom: none !important;
}
#pre-header .header-links .sub-menu a:last-child {
  border-bottom: none;
}
#pre-header .header-links .sub-menu a:hover {
  color: #13aff0 !important;
  opacity: 1;
}
#pre-header .header-links .sub-menu .sub-menu {
  margin-top: 1px;
  background-color: #fff;
  border-radius: 10px;
  border-left: 1px solid #eee;
  box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.07);
}
#pre-header-social li:last-child,
#pre-header-social li:last-child a {
  border-right: none;
}
#pre-header-social li a {
  border-left: none;
  color: #fff;
}
#pre-header-social li a:hover {
  color: #13aff0 !important;
}
#pre-header .header-links .sub-menu {
  background-color: #fff;
  border-radius: 10px;
  border: none;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
}
/* Header Style */
.home #header {
	position: absolute;
	width: 100%;
}
#header {
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
}
#header-links,
#header-sticky-links {
}
#logo h1,
#logo-sticky h1 {
  color: #fff;
  line-height: 45px;
}
#header .header-links .sub-menu a,
#header-sticky .header-links .sub-menu a {
  border-bottom: none !important;
}
#header .header-links > ul > li a:before,
#header-sticky .header-links > ul > li a:before {
  height: 1px;
  background-color: #1e1e1e;
  bottom: 15px;
}
#header .header-links > ul > li > a {
  border: none;
  text-transform: capitalize;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
}
.header-style2 #header .header-links > ul > li > a {
  border: 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 {
  background: transparent;
  border: none;
}
#header .header-links .sub-menu li:last-child,
#header-sticky .header-links .sub-menu li:last-child {
  border-bottom: none !important;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
  border-bottom: 1px solid #eee !important;
}
#header .header-links .sub-menu li,
#header-sticky .header-links .sub-menu li {
  border-bottom: none !important;
}
#header .header-links > ul > li a,
#header-sticky .header-links > ul > li a {
  transition: all 400ms;
  position: relative;
  color: #1e1e1e;
}
#header .header-links > ul > li a:hover,
#header-sticky .header-links > ul > li a:hover,
#header .header-links > ul > li a:active,
#header-sticky .header-links > ul > li a:active {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: transparent;
  opacity: 1;
}
#header .header-links > ul > li.menu-parent a:hover:before,
#header-sticky .header-links > ul > li.menu-parent a:hover::before {
  opacity: 1;
}
#header .header-links .sub-menu a {
  border-bottom: none;
  text-transform: capitalize;
  padding: 0px 10px;
  font-weight: 600;
  font-size: 12px;
  color: #666;
  position: relative;
  border-radius: 5px;
}
.header-style2 #header .header-links .sub-menu a:hover {
  color: #1e1e1e !important;
  background-color: transparent;
  opacity: 1;
}
#header .header-links .sub-menu {
  border-top: none;
}
#header .header-links .sub-menu {
  padding: 10px 15px;
  top: 93px;
  background-color: #fff;
  border-top: 2px solid #13aff0;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  margin-top: 0px;
  border-radius: 0px 0px 5px 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  min-width: 200px !important;
}
.header-style2 #header .main-navigation .sub-menu .sub-menu {
  top: -10px;
}
#header .sub-menu li,
#header-sticky .sub-menu li {
  border: none;
  padding: 0px;
}
#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: #13aff0 !important;
  background-color: #dcf3fd;
}
/* Slider Style */
#slider-core {
  position: relative;
}
#introaction {
  margin-top: 270px;
  background-color: #fff;
  padding: 80px 0px;
}
#introaction-core,
#outroaction-core,
.sc-action-core {
  border: 1px solid #e7e6f1;
  border-bottom: 5px solid #e7e6f1;
  position: relative;
  z-index: 2;
  padding: 50px 30px;
  border-radius: 12px;
  box-shadow: none;
  background-color: #fff;
}
#introaction-core .three_fourth,
#introaction-core .one_fourth {
  margin: 0;
  float: none;
  text-align: center;
  width: 100%;
}
.action-text h3 {
  color: #1e1e1e;
  font-size: 36px;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.action-teaser p {
  color: #1e1e1e;
}
.action-link a {
  font-size: 13px;
  margin-top: 20px;
  padding: 8px 25px;
  transition: all 0.3s;
  background-color: #13aff0;
  border-radius: 5px;
  border-bottom: 2px solid #118bbe;
  text-transform: capitalize;
  color: #fff;
  font-weight: 500;
  position: relative;
}
.action-link a:hover {
  color: #fff;
  box-shadow: none;
  background-color: #1e1e1e;
  border-bottom: 2px solid #3e3e3e;
  opacity: 1;
}

/* Featured Style */
#section-home {
  border-top: none;
  background-color: #f3f4f6;
  padding: 80px 0px;
}
.iconimage {
  border-radius: 12px;
  margin-bottom: 30px;
  border-bottom: none;
}
.services-builder.style1 {
  box-shadow: none;
  border-radius: 10px;
  border: none;
  padding: 20px;
  background: #13aff0;
  background: linear-gradient(
    45deg,
    rgba(19, 175, 240, 1) 40%,
    rgba(17, 139, 190, 1) 100%
  );
  position: relative;
  z-index: 1;
  text-align: left;
}
.services-builder.style1 h3 {
  color: #fff;
  text-transform: capitalize;
  position: relative;
  display: inline-block;
  padding-bottom: 0px;
}
.services-builder.style1 p {
  color: #fff;
  padding: 0px;
}
.services-builder.style1 .iconmain {
  margin-top: 25px;
  padding: 0px 0px 15px 0px;
}
.services-builder.style1 .iconurl {
  margin: 0;
  padding: 0px !important;
}
.services-builder.style1 .iconurl a {
  position: relative;
  text-decoration: none !important;
  font-size: 13px;
  margin-top: 20px;
  padding: 0px;
  transition: all 0.4s;
  border-radius: 5px;
  background-color: transparent;
  border: none;
  text-transform: capitalize;
  color: #fff;
  font-weight: 600;
}
.services-builder.style1 .iconurl a::before {
  content: ">";
  position: relative;
  margin-right: 3px;
}
.services-builder.style1 .iconurl a:hover {
  background-color: #13aff0;
  box-shadow: none;
  opacity: 1;
  border: none;
  color: #fff;
}

/* Footer style */
footer {
  border: none;
}
#footer {
  border-top: 1px solid #f3f4f6;
  background-color: #fff;
  border-radius: 0px;
}
#footer .widget-area {
  position: relative;
}
#footer-core .wp-block-heading {
  text-transform: uppercase;
  color: #1e1e1e;
  font-size: 17px;
  font-weight: 700;
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: relative;
  z-index: 3;
}
#footer .widget ul li a:before {
  display: none;
}
#footer-core,
#footer-core p {
  color: #1e1e1e;
}
#footer .wp-block-latest-comments__comment-date,
#footer .wp-block-latest-posts__post-author,
#footer .wp-block-latest-posts__post-date {
  color: #4a4a4a;
}
ul.wp-block-categories-list li,
ul.wp-block-archives-list li {
  position: relative;
  padding-left: 15px !important;
}
ul.wp-block-categories-list li::before,
ul.wp-block-archives-list li::before {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #ccc;
  border-radius: 50%;
  left: 0;
  top: 15px;
  content: "";
}
#footer .widget ul li a,
#footer .widget li a {
  color: #1e1e1e;
  font-weight: 400;
  font-size: 15px;
  text-decoration: none;
}
#footer .widget ul li a:hover,
#footer .widget li a:hover {
  opacity: 1;
  color: #13aff0;
}
#footer .widget ul li span {
  display: block;
  color: #7a7a7a;
  font-size: 13px;
  font-weight: 400;
}
#footer .widget li {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
#footer .widget li:last-child {
  border-bottom: none;
}
#footer .widget_recent_entries ul li,
#footer .widget_recent_comments ul li {
  margin-bottom: 5px;
}
#footer .widget ul li:last-child {
  margin-bottom: 0px;
}
#footer .widget_tag_cloud a {
  background-color: #f3f4f6;
  border: none;
  color: #1e1e1e;
  font-weight: 400;
  border-radius: 5px;
}
#footer .widget_tag_cloud a:hover {
  color: #13aff0;
  background-color: transparent;
  border-color: none;
}
#footer input[type="search"] {
  font-size: 13px;
  background-color: #f3f4f6;
  border: none !important;
  border-radius: 5px;
  box-shadow: none;
  color: #7a7a7a;
  padding: 5px 15px;
}
#footer .widget_search button {
  background-color: #1e1e1e;
  font-size: 12px;
  text-transform: capitalize;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}
#footer .widget_search button:hover {
  background-color: #13aff0;
  color: #fff;
  opacity: 1;
}

/* Sub footer style */
#sub-footer {
  background-color: #fff;
  border-top: 1px solid #f3f4f6;
  color: #1e1e1e;
}
#sub-footer a {
  color: #1e1e1e;
  text-decoration: none;
}
#sub-footer a:hover {
  color: #13aff0;
}
#footer-menu li:after {
  display: none;
}

/* Page heading style */
#intro {
  background-image: url(./images/heading-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  border-top: none;
  padding: 145px 0px 50px 0px;
  text-align: center;
  margin-top: -95px;
}
#intro .page-title {
  text-align: left;
  color: #fff;
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
}
#intro .page-title span {
  background-color: transparent;
  padding: 0px;
}
#intro #breadcrumbs {
  color: #1e1e1e;
  font-weight: 500;
}
#intro #breadcrumbs-core {
  background-color: transparent;
  padding: 0px;
}
#intro #breadcrumbs-core a {
  color: #1e1e1e;
}

/*Side Bar Style */
#sidebar .widget {
  margin-bottom: 30px;
  background-color: #f3f4f6;
  padding: 20px 30px;
  border-radius: 10px;
  border: none;
}
#sidebar .widget_search input[type="search"] {
  border: none !important;
  background-color: #fff !important;
  border-radius: 5px;
}
#sidebar .wp-block-search__button {
  border-radius: 5px;
  text-transform: capitalize;
  background-color: #13aff0;
  text-transform: uppercase;
  border-bottom: 2px solid #118bbe;
  color: #fff;
}
#sidebar .wp-block-search__button:hover {
  background-color: #1e1e1e;
  border-color: #3e3e3e;
  opacity: 1;
  color: #fff;
}
#sidebar .widget_search::after,
#sidebar .widget_search::before {
  display: none;
}
#sidebar .wp-block-heading {
  display: inline-block;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  color: #1e1e1e;
  position: relative;
  z-index: 3;
}
#sidebar .widget li > a:before {
  color: #13aff0;
}
#sidebar ul.wp-block-categories-list li::before,
#sidebar ul.wp-block-archives-list li::before,
#sidebar ul.wp-block-latest-posts__list li::before {
  display: none !important;
}
#sidebar .widget ul li,
#sidebar .widget li {
  padding-left: 0px !important;
}
#sidebar .widget ul,
#sidebar .widget ol,
#sidebar .wp-block-tag-cloud {
  padding: 0px;
  margin-bottom: 0px;
}
#sidebar .widget li a {
  font-size: 15px;
  text-decoration: none;
  font-weight: 400;
  color: #1e1e1e;
}
#sidebar .widget li a:hover {
  color: #13aff0;
}
#sidebar .widget li span {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #666;
}
#sidebar .widget_recent_entries ul li,
#sidebar .widget_recent_comments ul li {
  margin-bottom: 5px;
  padding-bottom: 5px;
}
#sidebar .widget ul li,
#sidebar .widget li {
  border-bottom: 1px solid #e1e3e6;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#sidebar .widget ul li:last-child,
#sidebar .widget li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
#sidebar .widget_tag_cloud {
  border-bottom: none;
  padding-bottom: 25px;
}
#sidebar .widget_tag_cloud a {
  padding: 5px;
  background-color: #fff;
  box-shadow: none;
  border: none;
  color: #666;
  border-radius: 5px;
  font-weight: 400;
}
#sidebar .widget_tag_cloud a:hover {
  background-color: #13aff0;
  border-color: #13aff0;
  color: #fff;
}

/* Blog Posts Style */
.blog-style2 #content {
  background-color: #fff;
}
.blog-article.sticky {
  background-color: #fff !important;
  padding: 0px;
}
.blog-article .blog-thumb {
  border-radius: 0px;
}
.blog-style2 .blog-article .entry-content {
  padding: 0px;
  border: none;
}
.blog-style2 .blog-article {
  overflow: hidden;
  margin-bottom: 30px;
  border: 1px solid #e7e6f1;
  box-shadow: none;
  border-radius: 10px;
}
.blog-article .blog-thumb,
.blog-article .blog-thumb img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
}
.has-post-thumbnail .entry-content {
  padding: 30px 20px !important;
}
.blog-style2 .blog-article .entry-content {
  padding: 30px 20px;
  text-align: left;
  position: relative;
}
.blog-style2 .blog-grid .blog-article:before,
.blog-article .entry-meta > span.author:before {
  display: none;
}
.blog-article p.more-link {
  padding: 0px;
  margin-bottom: 0px;
}
.blog-article .more-link a {
  font-size: 14px;
  color: #1e1e1e;
  text-transform: capitalize;
  background-color: transparent;
  padding: 0px;
  border: none;
  border-radius: 0px;
  font-weight: 700;
  text-decoration: none !important;
}
.blog-article .more-link a::after {
  content: ">";
  margin-left: 5px;
}
.blog-article .more-link a:hover {
  background-color: transparent;
  color: #13aff0;
  opacity: 1;
}
.blog-article .entry-meta {
  margin-bottom: 15px;
  padding-bottom: 0px;
  border-bottom: none;
}
.blog-article .entry-meta a,
.blog-article.sticky .entry-meta i,
.blog-article.sticky .entry-meta a {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none !important;
}
.blog-article.sticky .entry-meta i,
.blog-article .entry-meta i {
  display: none;
}
.blog-article.sticky .entry-meta a:hover {
  color: #1e1e1e;
}
.blog-article .entry-meta > span:before {
  content: "|";
  color: #aaa;
}
.blog-article .entry-meta > span {
  font-size: 13px;
}
.blog-article.sticky .entry-content {
  position: relative;
}
.blog-style2 .has-post-thumbnail .blog-title,
.blog-style2 .sticky .blog-title {
  margin-top: 0px !important;
}
.blog-article .blog-title a {
  text-decoration: none !important;
  text-transform: capitalize;
  color: #1e1e1e;
  font-size: 17px;
}
.blog-article .blog-title a:hover {
  color: #13aff0;
}
.blog-article.sticky .blog-title a {
  color: #1e1e1e;
  text-decoration: none !important;
}
.blog-article.sticky .entry-content p {
  color: #4a4a4a;
}
.blog-article.sticky .entry-content {
  padding: 0px;
}

/* Blog Page Navigation Style */
.navigation.pagination .nav-links {
  border: none;
  display: inline-block;
}
.navigation.pagination .nav-links a,
.navigation.pagination .nav-links span {
  color: #1e1e1e;
  font-weight: 600;
  border: 1px solid #f3f4f6;
  background-color: #f3f4f6;
  border-radius: 5px;
  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: #13aff0;
  border: 1px solid #13aff0;
  color: #fff;
}

/* Single Post Style */
.single .entry-header {
  background-color: transparent;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-radius: 0px;
  border-bottom: 1px solid #eee;
  box-shadow: none;
}
.single .entry-content {
  position: relative;
  background-color: transparent;
  color: #4a4a4a;
  padding: 0px;
  border-radius: 0px;
  border: none;
  border-top: none;
  box-shadow: none;
}
.single .entry-meta {
  margin-top: 0px !important;
}
.single .entry-meta > span:before {
  content: "|";
  color: #ddd;
}
.single .entry-meta > span {
  font-size: 13px;
  text-transform: capitalize;
}
.single .entry-meta > span a {
  text-decoration: none !important;
}
.single .entry-meta {
  text-align: left;
  margin-top: 45px;
}
.single .entry-meta a {
  text-transform: uppercase;
  font-weight: 600;
  color: #888;
}
.nav-previous,
.nav-next {
  width: auto;
}
.nav-previous a,
.nav-next a {
  text-transform: capitalize;
  border-radius: 30px;
  font-weight: 500;
  text-decoration: none !important;
  background-color: transparent;
  padding: 0px;
  color: #1e1e1e;
  border: none;
  font-size: 15px;
  transition: all 0.4s;
}
.nav-previous a:hover,
.nav-next a:hover {
  opacity: 1;
  color: #13aff0;
  background-color: transparent;
  box-shadow: none;
}
#nav-above,
#nav-below {
  background-color: #f3f4f6;
  box-shadow: none;
  border: none;
  border-radius: 10px;
  padding: 15px 30px;
  position: relative;
}

.nav-previous a .meta-icon,
.nav-next a .meta-icon {
  display: inline-block;
}

/* Comments & Leave Comment Style */
#comments {
  border: none;
  padding: 0px;
  margin-top: 50px;
}
#comments-title h3,
#reply-title {
  margin-top: 0px !important;
  padding-bottom: 0px;
  text-align: left;
  font-size: 24px;
  font-weight: 700;
  text-transform: capitalize;
  border-radius: 0px;
  color: #1e1e1e;
  margin-bottom: 40px;
  position: relative;
  border-bottom: none;
  z-index: 2;
}
.commentlist article.comment {
  padding: 0px 0px;
  margin-bottom: 20px !important;
}
.comment-author h4 {
  color: #1e1e1e;
}
.commentlist {
  background-color: transparent;
  padding: 0px;
}
.commentlist .comment,
.commentlist .pingback {
  margin-top: 0px;
}
.commentlist li article {
  margin-top: 0px;
  border-radius: 0px;
  box-shadow: none !important;
  background-color: transparent;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 20px !important;
}
.commentlist article footer {
  background-color: transparent;
  border-top: none;
}
.comment .reply {
  float: right;
}
li.comment article {
  margin-bottom: 0px !important;
}
.comment .reply a {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  color: #666;
  background-color: transparent;
  padding: 0;
  border-radius: 0px;
  border: none;
  text-decoration: none !important;
}
.comment .reply a:hover {
  border: none;
  color: #13aff0 !important;
  background-color: transparent !important;
}
.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;
}
.commentlist .children article:before {
  display: none;
}
.comment .reply a:hover {
  background-color: #1e1e1e;
  color: #fff;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus {
  background-color: #eee;
}
.logged-in-as a {
  color: #13aff0;
}
.logged-in-as a:hover {
  color: #13aff0;
}
.comment-respond .form-submit {
  text-align: left;
}
#respond {
  border-radius: 10px;
  padding: 30px 20px;
  background-color: #f3f4f6;
}
#commentform input[type="text"],
#commentform textarea {
  background-color: #fff !important;
  border: none !important;
  border-radius: 10px;
  color: #1e1e1e;
}
.themebutton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 13px;
  border-radius: 5px;
  font-weight: 600;
  padding: 8px 25px;
  text-transform: capitalize;
  transition: all 0.4s;
  border-bottom: 2px solid #118bbe;
  background-color: #13aff0;
  color: #fff;
  position: relative;
}
.themebutton:hover,
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  color: #fff;
  background-color: #1e1e1e;
  border-bottom: 2px solid #3e3e3e;
  box-shadow: none;
  opacity: 1;
}