/*
Theme Name: Starter Blog
Description: Starter Blog is a super fast powerful and versatile WordPress Gutenberg ready theme for the Bloggers. It's a clean and minimalist theme that allows your reader to focus on your content, build especially for daily or hobby bloggers who love to share their stuff, whether it’s about lifestyle, fashion, travel, entertainment, beauty or just a simple personal blog. Starter Blog theme best for single niche or multi niche blogging. It's optimized for the SEO. It also Bootstrap based fully RTL Supported. Wanna try Gutenberg Page Builder! Qubely is a full-fledged Gutenberg toolkit with plenty of predefined sections and modern layout packs to create beautiful pages and posts on the Gutenberg editor. You can also use WP Page Builder (Themeum) to create stunning website. WP Page Builder is the ultimate tool to develop your website. Extremely fast. Easy to use. Absolutely no coding required. Check out Starter Blog demo- http://dev-starterblog.pantheonsite.io/
Author: Fahim Murshed
Author URI: http://murshidalam.com/
Theme URI: https://www.murshidalam.com/themes/starterblog/
Version: 1.3.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-blog
Tags: one-column, two-columns, right-sidebar, custom-background, custom-menu, featured-images, sticky-post, translation-ready, blog
*/

/*--------------------------------------------------------------
1. Default HTML Tags Styles
--------------------------------------------------------------*/
body {
  font-family: 'Ubuntu', sans-serif;
  color: #191e24;
  font-size: 16px;
  line-height: 2;
  background-color: #f1f2f4;
}
p {
  margin: 0 0 28px;
}
img {
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=url],
textarea {
  display: block;
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #f1f2f4;
  border-radius: 3px;
  box-shadow: none;
  outline: none !important;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: #302b63;
}
.comment-reply-link,
input[type=button],
input[type=submit],
button {
  background: #263340;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #263340, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #263340, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #fff;
  border: none;
  padding: 6px 25px;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
.comment-reply-link:hover,
input[type=button]:hover,
input[type=submit]:hover,
button:hover {
  color: #fff;
  background: #263340;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0f0c29, #302b63, #263340);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0f0c29, #263340, #302b63); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
table {
  width: 100%;
  max-width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 20px;
}
table tr td,
table tr th {
  border: 1px solid #ddd;
  padding: 8px;
}
a {
  text-decoration: none !important;
  color: #0fb1f5;
  overflow-wrap: break-word;
  -webkit-transition: all 0.3s;
          transition: all 0.3s;
}
a:hover {
  color: #0fb1f5;
}
pre {
  background-color: #f1f2f4;
  border: 1px solid #d5d8de;
  border-radius: 2px;
}
code {
  color: #ff3366;
  background-color: #fbefef;
}
kbd {
  background-color: #191e24;
}
blockquote {
  font-style: italic;
  border-left-color: #f1f2f4;
}
dd {
  margin-bottom: 15px;
  padding-left: 15px;
}

/* All right. Now you can add your own CSS after this line */
/* Custom CSS Start */