/*!
Theme Name: Introduction
Author: Chintesh prajapati
Author URI: https://profiles.wordpress.org/chinteshprajapati/
Description: Introduction theme that allows you to create  blogs and websites.The theme is well designed and does not require any other hard work to get it up and running right away. All the hard work has been done in this theme, it is clean and efficient.Theme features using the built-in WordPress Customizer, Custom Header, Custom Backgrounds, Social  Media icons and much more!. User can easily add social icons through widget.
Requires at least: WordPress 5.0
Version: 2.1
License: GNU General Public License
License URI: - license.txt
Text Domain: introduction
Tags: Blog
*/

html, body {
	margin: 0 !important;
	padding: 0 !important;
}

/* Text Centering Shortcut */
.horizontal-center {
	text-align: center;
}
.table {
	display: table;
}
.table-row {
	display: table-row;
}
.vertical-center {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
  display: block;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}
.gallery-caption {
  display: block;
  font-size: 0.71111em;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0.5rem;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.bypostauthor {
	
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
form#commentform {
    float: left;
    width: 50%;
}
/* Navbar */
#navbar {
	margin-bottom: 0;
	font-family: 'ubuntu';
}

/* Page title */
.bg {
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
}
.bg img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}
#page-title {
	position: relative;
	width: 100%;
	color: white;
	background-color: #1f4a6f;
	font-family: 'ubuntu';
	overflow: hidden;
}
#title-image {
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
#page-title .container {
	min-height: 350px;
	display: table;
}
#page-title .article-title, #page-title .article-subtitle {
	text-shadow: 0px 0px 40px black;
}
div#comments textarea#comment {
    border: 1px solid #1f4a6f;
}
div#comments {
    float: left;
}
/* Article */
article {
	font-family: 'roboto';
	font-size: 1.1em;
}
article h2, article h3 {
	font-family: 'ubuntu'
}
.author {
	margin-top: 15px;
	margin-bottom: 15px;
}
.author-image {
	margin-right: 10px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.author-name {
	font-size: 1.3em;
}

/* Pager */
.pager {
	font-family: 'ubuntu';
}

/* Footer */
footer {
	background-color: #1f4a6f;
	margin-bottom: 0;
	color: white;
	font-family: 'roboto';
}
footer h2, footer h3 {
	font-family: 'ubuntu';
}
footer a {
	color: #f2f2f2;
}
footer a:hover {
	color: #f2f2f2;
}

/* Social Button List */
.social-cont {
	margin-top: 20px;
}

/* Image List */
.image-list {
	list-style: none;
	padding-left: 0;
}
.image-list li {
	padding-bottom: 5px;
	display: table-row;
}
.image-list img {
	width: 40px;
	height: 40px;
}
.image-list .vertical-center {
	padding-bottom: 6px;
}

/* Tag List */
.tag-cont .btn {
	margin-right: 4px;
	margin-bottom: 7px;
	color: #333;
}
.tag-cont .btn:hover {
	background-color: #eee;
}
.home.blog .col-lg-12 .bs-component {
	border-bottom: 2px solid #337ab7;
	padding-bottom: 15px;
}
.col-lg-12 .bs-component:nth-last-child(1) {
	border-bottom: none !important;
}
.navbar-header a.navbar-brand {
	font-size: 50px;
}
.nav-links {
	float: left;
	width: 100%;
}
.nav-links .nav-previous {
	float: left;
	padding: 8px;
	background-color: #1f4a6f;
	box-shadow: 3px 4px 10px black;
}
.nav-links .nav-next {
	float: right;
	padding: 8px;
	background-color: #1f4a6f;
	box-shadow: 3px 4px 10px black;
}
.nav-links .nav-previous a {
	color: white;
}
.nav-links .nav-next a {
	color: white;
}
nav.navigation.posts-navigation {
	margin: 20px 0px;
}
.fa-stack {
	position: relative;
	display: inline-block;
	width: 3em;
	height: 7em;
	line-height: 3em;
	vertical-align: middle;
}
div#comments p.form-submit input#submit {
    color: white;
    border: none;
    box-shadow: 2px 3px black;
    padding: 8px;
    background-color: #1f4a6f;
    box-shadow: 3px 4px 10px black;
}
div#respond {
    float: left;
}
.widget_search form.search-form input.search-field {
    color: #1f4a6f;
}
.widget_search form.search-form input.search-submit {
    color: #1f4a6f;
}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    padding: 15px 0px;
    width: 100%;
}
footer.entry-footer {
    display: inline-block;
    padding: 15px;
}
footer.entry-footer span {
    padding: 10px;
    border-right: 1px solid white;
}
footer.entry-footer span:nth-last-child(1) {
    border: none;
}