/*

Theme Name: Credit Hub

Theme URI: http://underscores.me/

Author: Arifur Rahman

Author URI: http://thememakerbd.com/

Description: A custom Theme for http://startupcreditrepairbusiness.com

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: tmbd

Tags:



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Credit Hub is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Elements

# Forms

# Navigation

	## Links

	## Menus

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

	## Posts and pages

	## Comments

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/



/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/





/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

 

/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

	margin: 0 0 1.5em;

	overflow: hidden;

}



.comment-navigation .nav-previous,

.posts-navigation .nav-previous,

.post-navigation .nav-previous {

	float: left;

	width: 50%;

}



.comment-navigation .nav-next,

.posts-navigation .nav-next,

.post-navigation .nav-next {

	float: right;

	text-align: right;

	width: 50%;

}



/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

	height: 1px;

	width: 1px;

	overflow: hidden;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-size: 0.875rem;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar. */

}



/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {

	outline: 0;

}



/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}



.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}



.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,

.clear:after,

.entry-content:before,

.entry-content:after,

.comment-content:before,

.comment-content:after,

.site-header:before,

.site-header:after,

.site-content:before,

.site-content:after,

.site-footer:before,

.site-footer:after {

	content: "";

	display: table;

	table-layout: fixed;

}



.clear:after,

.entry-content:after,

.comment-content:after,

.site-header:after,

.site-content:after,

.site-footer:after {

	clear: both;

}



/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {

	margin: 0 0 1.5em;

}



/* Make sure select elements fit in widgets. */

.widget select {

	max-width: 100%;

}



/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {

	display: block;

}



.hentry {

	margin: 0 0 1.5em;

}



.page-template-page-fullwidth .hentry {

	margin: 0;

}



.page-template-page-fullwidth .entry-footer {

	padding: 10px !important;

}



.byline,

.updated:not(.published) {

	display: none;

}



.single .byline,

.group-blog .byline {

	display: inline;

}



.page-content,

.entry-content,

.entry-summary {

	margin: 1.5em 0 0;

}



.page-links {

	clear: both;

	margin: 0 0 1.5em;

}



/*----------------

## Comments

-----------------*/





.comment-reply-title {

    display: block !important;

    margin-top: 60px;

}



.comments-title {

    display: inline-block !important;

    margin-top: 30px;

}



#comments {

	margin-top: 20px;

	padding-top: 15px;

}



.comments-area {

	background: #F6F6F8;

	padding: 0 20px;

}



#pinglist-container {

	display: none;

}



.comment-tabs {

	border-bottom: 2px;

	border-bottom-style: solid;

	border-bottom-color: #eee;

	margin-bottom: 20px;

}



.comment-tabs li {

	float: left;

	margin-bottom: -2px;

}



.comment-tabs li a {

	font-weight: 600;

	padding: 0 10px 10px;

	display: block;

	color: #aaa;

	border-bottom: 2px;

	border-bottom-style: solid;

	border-bottom-color: #eee;

}



.comment-tabs li a:hover {

	color: #444;

	border-color: #ccc;

}



.comment-tabs li span {

	background-color: #eee;

	padding: 0 6px;

	margin-left: 8px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}



.comment-tabs li i {

	margin-right: 6px;

}



.comment-tabs li.active a {

	color: #3b8dbd;

	border-bottom-color: #3b8dbd;

}



.comment-list,

.pinglist {

	margin-bottom: 20px;

	list-style: none;

}



@media (max-width: 767px){

	.comment-list,

	.pinglist,

	ol.children {

		padding-left: 0;

	}

}



.comment-list li,

.pinglist li {

	padding-left: 60px;

	font-size: 14px;

	line-height: 22px;

	font-weight: 400;

}



.comment-list .comment-body,

.pinglist li {

	clear: both;

	position: relative;

	padding-bottom: 15px;

}



.comment-list .comment-author,

.comment-list .comment-meta,

.comment-list .comment-awaiting-moderation {

	font-size: 13px;

	display: block;

	float: left;

	line-height: 20px;

}



.comment-list .comment-author {

	margin-right: 6px;

}



.comment-list .fn,

.pinglist .ping-link {

	color: #444;

	font-size: 13px;

	font-style: normal;

	font-weight: 600;

}



.comment-list .says {

	display: none;

}



.comment-list .avatar {

	position: absolute;

	left: -64px;

	top: 0;

	width: 48px;

	height: 48px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.comment-list .comment-meta:before,

.pinglist .ping-meta:before {

	color: #ccc;

	content: "\f017";

	font-family: FontAwesome;

	font-size: 10px;

	margin-right: 3px;

	vertical-align: 4%;

}



.comment-list .comment-meta a,

.pinglist .ping-meta {

	color: #aaa;

}



.comment-list .reply {

	font-size: 13px;

	line-height: 16px;

}



.comment-list .reply a {

	color: #aaa;

}



.comment-list .reply a:hover {

	color: #444;

}



.comment-awaiting-moderation {

	color: #3b8dbd;

	font-style: normal;

}



/*------------------

### comment text

 ---------------- */



.comment-list .comment-body p {

	margin-bottom: 8px;

	color: #777;

	clear: both;

}



.comment-list .comment-body strong {

	font-weight: bold;

}



.comment-list .comment-body em {

	font-style: italic;

}



.comment-list .comment-body ol li {

	list-style: decimal;

	margin-left: 2em;

	padding: 0;

}



.comment-list .comment-body ul li {

	list-style: square;

	margin-left: 2em;

	padding: 0;

}



.comment-list li.comment {

	margin-left: 0 !important;

}



/*--------------------

### comments : nav

-------------------- */



.comments-nav {

	margin-bottom: 20px;

}



.comments-nav a {

	font-weight: 600;

}



.comments-nav .nav-previous {

	float: left;

}



.comments-nav .nav-next {

	float: right;

}





.nav-previous {

    margin-right: -20px;

    padding: 10px;

}

.nav-next {

    margin-left: -20px;

    padding: 10px;

}





/*--------------------

### comments : form

------------------ */



.logged-in-as,

.comment-notes,

.form-allowed-tags {

	display: none;

}



#respond {

	position: relative;

}



#reply-title {

	margin-bottom: 20px;

}



li #reply-title {

	font-size: 0;

	margin: 0!important;

	padding: 0;

	height: 0;

	border-top: 0;

}



#cancel-comment-reply-link {

	color: #999;

	display: block;

	position: absolute;

	bottom: 26px;

	right: 20px;

	font-size: 12px;

}



#cancel-comment-reply-link:hover {

	color: #777;

}



#commentform {

	background: #F6F6F8;

	padding: 10px 0px 20px;

	margin-bottom: 15px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}



#commentform p.comment-form-author {

	width: 48%;

	float: left;

}



#commentform p.comment-form-email {

	width: 48%;

	float: right;

}



#commentform p.comment-form-url,

#commentform p.comment-form-comment {

	clear: both;

}



#commentform label {

	padding: 6px 0;

	font-weight: 600;

	display: block;

}



#commentform input[type="text"],

#commentform input[type="email"],

#commentform input[type="url"],

#commentform textarea {

	max-width: 100%;

	width: 100%;

}



.comment-form > .comment-form-author > input,

.comment-form > .comment-form-email > input,

.comment-form > .comment-form-url > input {

    height: 24px !important;

}





#commentform textarea {

	height: 100px;

}



#commentform p.form-submit {

	margin-top: 10px;

}



.logged-in #reply-title {

	margin-bottom: 20px;

}



.logged-in #commentform p.comment-form-comment {

	margin-top: 10px;

}



.logged-in #commentform p.comment-form-comment label {

	display: none;

}



.comment-form input[type="submit"] {

	background: #006274;

	-moz-border-radius: 0;

	-webkit-border-radius: 0;

	border-radius: 0;

	border: 1px;

	border-style: solid;

	border-color: #006274;

	/*-webkit-box-shadow: 2px 2px 2px #444;

    -moz-box-shadow: 2px 2px 2px #444;

    box-shadow: 2px 2px 2px #444;*/

	color: #ffffff;

	cursor: pointer;

	padding: 10px;

}



/*--------------------------------------

# post author & admin comment

 ------------------------------------- */



.comment-list li.bypostauthor > .comment-body:after,

.comment-list li.comment-author-admin > .comment-body:after {

	background: #3b8dbd;

	display: block;

	position: absolute;

	content: "\f040";

	color: #fff;

	line-height: 12px;

	width: 12px;

	font-style: normal;

	font-family: FontAwesome;

	text-align: center;

}



.comment-list li.comment-author-admin > .comment-body:after {

	content: "\f005";

	/* star for admin */

}



.comment-list li.bypostauthor > .comment-body:after,

.comment-list li.comment-author-admin > .comment-body:after {

	top: 32px;

	left: -28px;

	font-size: 10px;

	padding: 2px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



.comment-list li li.bypostauthor > .comment-body:after,

.comment-list li li.comment-author-admin > .comment-body:after {

	top: 22px;

	left: -26px;

	font-size: 8px;

	padding: 1px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

}





/*-----------------

# child comment 

------------------*/





.comment-list li li {

	padding-left: 48px;

	margin: 0;

}



.comment-list li li .avatar {

	width: 36px;

	height: 36px;

	left: -50px;

	top: 0;

}



.comment-list li li .comment-meta {

	left: 70px;

}



ol.children {

	list-style: none;

}





/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */

	display: none;

}



/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {

	display: block;

}



/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,

.entry-content .wp-smiley,

.comment-content .wp-smiley {

	border: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



/* Make sure embeds and iframes fit their containers. */

embed,

iframe,

object {

	max-width: 100%;

}



/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {

	margin-bottom: 1.5em;

	max-width: 100%;

}



.wp-caption img[class*="wp-image-"] {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



.wp-caption .wp-caption-text {

	margin: 0.8075em 0;

}



.wp-caption-text {

	text-align: center;

}



/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {

	margin-bottom: 1.5em;

}



.gallery-item {

	display: inline-block;

	text-align: center;

	vertical-align: top;

	width: 100%;

}



.gallery-columns-2 .gallery-item {

	max-width: 50%;

}



.gallery-columns-3 .gallery-item {

	max-width: 33.33%;

}



.gallery-columns-4 .gallery-item {

	max-width: 25%;

}



.gallery-columns-5 .gallery-item {

	max-width: 20%;

}



.gallery-columns-6 .gallery-item {

	max-width: 16.66%;

}



.gallery-columns-7 .gallery-item {

	max-width: 14.28%;

}



.gallery-columns-8 .gallery-item {

	max-width: 12.5%;

}



.gallery-columns-9 .gallery-item {

	max-width: 11.11%;

}



.gallery-caption {

	display: block;

}



.banner-inner {

    max-width: 1270px !important;

}



.uk-button {

    color: #fff !important;

}



.intro-1, .intro-2, .intro-3 {

    padding-bottom: 45px !important;

    padding-top: 45px !important;

}



.banner-text * {

    color: #fff;

    font-weight: normal;

    margin-top: 0;

    text-align: left;

}



.banner-text *:not(.banner-button) {

	font-family: 'Kanit', sans-serif;

	font-weight: 600;

}



.banner-button {

    background: #ff9400 none repeat scroll 0 0;

    border-radius: 3px;

    display: inline-block;

    outline: medium none;

    padding: 5px 10px;

    text-shadow: 1px 1px 1px #000;

}



.banner-button:hover {

	text-decoration: none;

	color: #FFF;

}



@media (max-width: 940px) {

	.uk-vertical-align::before {

		height: auto !important;

	}

}