/*
Theme Name:   GuideBlogging
Theme URI:    https://guideblogging.com
Description:  Custom GeneratePress child theme
Author:       Nazim Ansari
Author URI:   https://nazimansari.com
Template:     generatepress
Version:      2.1
*/


html{
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}
/*-------
GENERAL
--------*/
.site-container{
	max-width: 1200px;
	margin: 0 auto;
	padding: 65px 40px;
}

.btn{
	display:inline-block;
	background: var(--contrast-3);
	color:#fff;
	font-size:14px;
	line-height:22px;
	font-weight: 500;
	text-transform:uppercase;
	text-decoration:none;
	padding:12px 35px;
	border-radius:5px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-top:20px;
}

.btn:hover{
	text-decoration:underline;
	color:#fff;

}

.wp-block-button__link{
	color:#fff!important;
}

.has-contrast-color{
	color:var(--contrast)!important;
}
.has-contrast-2-color{
	color:var(--contrast-2)!important;
}
.has-contrast-3-color{
	color:var(--contrast-3)!important;
}

.has-contrast-background-color{
	background-color:var(--contrast)!important;
}

.has-contrast-2-background-color{
	background-color:var(--contrast-2)!important;
}

.has-contrast-3-background-color{
	background-color:var(--contrast-3)!important;
}

/* Text selection */
::-moz-selection {
	color: red;
	background: yellow;
}

::selection {
	color: red;
	background: yellow;
}

/*---------
HOMEPAGE
----------*/
.home .site-content {
	display: block;
}

.home .title{
	font-size: 32px;
	line-height: 42px;
	font-weight:700;
	text-align: center;
}

/* Hero */
.hero{
	background:#f4f8ff;
}

.hero .site-container {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:100px 40px;
}

.hero .left-block{	
	flex:0 0 33%;
	margin-right:40px;
}

.hero .right-block{
	flex:0 0 55%;
}

.hero h1{
	font-size:32px;
	line-height: 48px;
	font-weight:800;
}

.hero span{
	color: var(--contrast-3);
}

.hero p{

}

.hero form{
	margin-top:30px;
}

.hero .flex{
	display: flex;
	justify-content:space-between;
}

.hero input{
	flex:0 0 49%;
	padding:14px 20px;
	border-radius:5px;
}

.hero button{
	background: var(--contrast-3);
	width:100%;
	font-size:17px;
	font-weight:600;
	text-transform:uppercase;
	margin-top: 15px;
	padding:15px 30px;
	border-radius:5px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
	transition:0.3s ease-in;
}

.hero button:hover{
	transform: translateY(-2px)
}

/* Latest */
.latest{
	background: #fff;
	text-align:center;
}

.latest .wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin-top:35px;
}
.latest .post{
	flex: 0 0 31%;
	background:#fff;
	text-decoration:none;
	color: var(--contrast);
	border-radius:8px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: .3s ease-in;
	margin-bottom:35px;
}

.latest .post:hover{
	transform:translateY(-2px);
}

.latest img{
	display: block;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.latest .author{
	text-align:center;
	margin-top:-25px;
}

.latest .author img{
	display:inline-block;
	border-radius:50px;
	border:1px solid #fafafa;
}

.latest h3{
	padding:10px 20px 10px 20px;
	font-size:19px;
	line-height:26px;
	font-weight:500;
	margin-bottom:0;
}

.latest h3{
	text-decoration:none;
	color: var(--contrast);
}

.latest span{
	display:block;
	color:#777;
	font-size:13px;
	padding:0 20px 25px 20px;
}

/* About */
.about{
	background:#f4f8ff;
}

.about .site-container{
	display:flex;
	justify-content:space-between;
}

.about .title{
	text-align:left;
}

.about .left-block{
	flex: 0 0 45%;
}

.about .right-block{
	flex:0 0 45%;
}

.about img{
	display:block;
	border-radius:8px;
}

.about .social{
	display:flex;
	margin-top:35px;
}

.about a{
	display:block;
	margin-right:8px;
	cursor:pointer;
	transition:.3s all;
}

.about a:hover{
	transform:translateY(-2px);
}

/* CTA Box */
.cta-box{
	background:#fff;
	padding:65px 40px 65px 40px;
}

.cta-box .site-container{
	max-width:850px;
	margin:0 auto;
	background: #fff3e9;
	border:1px solid #fbe4d0;
	padding:50px;
	text-align:center;
}

.cta-box p{
	margin-bottom:15px;
}


/* Recommended Tools */
.tools{
	background: var(--contrast);
	color: #fff;
}

.tools .site-container{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}

.tools .left-block{
	flex:0 0 40%;
	margin-right:50px;
}
.tools .right-block{
	flex:1;
	display:flex;
	justify-content:space-between;
}

.tools .left-block p{
	font-size:16px;
	margin-bottom:20px;
}

.tools .left-block .btn{
	margin-top:0;
}

.tools .title{
	text-align:left;
	color: #fff;
}

.tools .tool{
	flex: 0 0 32%;
	display:flex;
	flex-direction:column;
	background: #fff;
	padding:20px;
	transition:0.3s all;
	border-radius:8px;
	text-decoration:none;
}

.tools .tool:hover{
	transform:translatey(-2px);
}

.tools .tool img{
	display:block;
	border-bottom:1px solid #eaeaea;
	padding:0 0 10px 0;
}

.tools .tool .tool-info{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	flex-grow:1;
}

.tools .tool .tool-info strong{
	font-size:20px;
	font-weight:600;
	line-height:28px;
	color:#333;
	margin:15px 0;
}

.tools .tool:hover strong
{
	color: var(--contrast-3);
	text-decoration:underline;
}

.tools .tool .tool-info p{
	font-size:14px;
	line-height:22px;
	color:#444;
	flex-grow:1;
	margin-bottom:20px;
}

.tools .tool-info button{
	display: block;
	width: 100%;
	background: var(--contrast-3);
	padding: 8px 10px;
	border: 0;
	font-size: 13px;
	font-weight:600;
	text-transform:uppercase;
	border-radius: 3px;
	color: #fff;
	cursor:pointer;
}

/* Testimonials */
.testimonials{
	background: #fff;
}

.testimonial{
	max-width:850px;
	margin:0 auto;
	margin-top:40px;
}

.testimonial .block{
	background:#f4f8ff;
	padding:40px;
	border-radius:8px;
	border:1px solid #eee;
	cursor:pointer;
	margin:10px;
}

.testimonial .block p{
	font-size:16px;
	text-align:center;
}

.testimonial .block p:after{
	display:block;
	content:'';
	max-width: 300px;
	height:1px;
	background: #efefef;
	margin:0 auto;
	margin-top:20px;
}

.testimonial .block p:last-child{
	margin-bottom:0;
}

.testimonial .person{
	display:flex;
	justify-content:center;
	align-items:center;
}
.testimonial .person .avatar{
	flex:0 0 80px;
	margin-right:20px;
}
.testimonial .person .avatar img{
	display:block;
	border-radius:50%;
}

.testimonial .person .name{
	display:block;
	font-size:20px;
	line-height:30px;
	font-weight:600;
	margin-bottom:2px;
}

.testimonial .person .role {
	display:block;
	font-size: 15px;
	line-height:22px;
	color: #444;
}

.testimonial .slick-next,
.testimonial .slick-prev{
	width:auto!important;
	height:auto!important;
}

.slick-prev:before, 
.slick-next:before {
	font-size: 28px!important;
	opacity: 1;
	color: var(--contrast-3)!important;
}


/*------
FOOTER
-------*/
.footer-widgets .widget-title,
.footer-widgets h2{
	display:inline-block;
	color:#fff;
	font-size:22px;
	line-height:1.5;
	font-weight:600;
	padding-bottom:3px;
	margin-bottom:30px;
	border-bottom:1px solid #eee;
}

.footer-widgets .widget ul{
	padding-left:18px;
}

.footer-widgets .widget li{
	list-style-type:disc;
	margin-bottom:5px;
}

.footer-widgets .widget li a{
	font-size:16px;
	line-height:24px;
	text-decoration:none;
}

.footer-widgets .widget li a:hover{
	text-decoration:underline;
}

.follow h3{
	font-size:22px;
	color:#fff;
	margin-bottom:20px;
}

.follow .wrapper{
	display:flex;
	justify-content:center;
	margin-bottom:15px;
}

.follow a{
	background:var(--contrast-3);
	color:#fff;
	font-size:14px;
	font-weight:500;
	padding:2px 10px;
	margin:0 5px;
	text-decoration:none;
	border-radius:5px;
}

.follow a:hover{
	color:#fff;
	opacity:0.9;
}

.footer-links a{
	color:#fff;
	margin:0 8px;
}


/*----------------
SINGLE POST/PAGE
-----------------*/
.single .site-main,
.page-template-default .site-main{
	margin-top: 10px;
}

.single #page.grid-container,
.page-template-default #page.grid-container{
	max-width: 880px;
}

.single.full-width-content #page.grid-container,
.page-template-default.full-width-content #page.grid-container{
	max-width: 100%;
}

.single .entry-header,
.page-template-default .entry-header{
	text-align: center;
}

.single .entry-meta,
.page-template-default .entry-meta{
	margin-top: 12px;
}

.single .entry-meta a,
.page-template-default .entry-meta a{
	text-decoration:none;
}

.single .entry-content p a,
.page-template-default.entry-content p a{
	font-weight: 600;
}

/* Table of Contents */
#ez-toc-container {
	width: 100%;
	padding: 40px;
	border-radius: 5px;
	border-color: #ddd;
	border-width:2px;
	margin-bottom:40px;
}

#ez-toc-container p.ez-toc-title{
	padding-bottom:25px!important;
}

#ez-toc-container ul li{
	color: var(--contrast-3);
	font-weight:600;
	margin-bottom:10px;
}

#ez-toc-container ul li a,
#ez-toc-container ul li a:visited{
	display:inline;
	margin-bottom: 20px;
	font-weight:600;
	font-size:18px;
	line-height:30px;
	color: var(--pink);
}


#ez-toc-container ul li:marker {
	display:none;
}

/* Author Box */
.author-box{
	padding:0 40px;
}
.author-box .avatar{
	position: relative;
	margin-top:60px;
}

.author-box .avatar:before {
	content: '';
	position: absolute;
	left: 0;
	width: 42%;
	top: 50%;
	margin-top: -1px;
	height: 1px;
	background: var(--contrast-3);

}

.author-box .avatar:after {
	content: '';
	position: absolute;
	right: 0;
	width: 42%;
	top: 50%;
	margin-top: -1px;
	height: 1px;
	background: var(--contrast-3);
}

.author-box .avatar img {
	display:block;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 2;
	position: relative;
	margin-bottom:15px;

}

.author-box .author-title{
	text-align:center;
	color:var(--contrast-3);
	font-size: 18px;
	font-weight:700;
	margin-bottom: 15px
}

.author-description {
	max-width:600px;
	text-align:center;
	font-size:16px;
	margin:0 auto;
}

/* Related Posts */
.related-posts{
	margin-top:70px;
	padding:0 40px;
}

.related-posts h3{
	font-size:26px;
	font-weight:500;
	margin-bottom:25px;
}

.related-posts .wrapper{
	display:flex;
	justify-content: space-between;
}

.related-posts .post{
	flex: 0 0 48%;
	background:#fff;
	border-radius:5px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition:0.3s all;
}

.related-posts .post:hover{
	transform:translateY(-3px);
}

.related-posts .post img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.related-posts .post .title{
	display:block;
	font-size:18px;
	line-height:1.5;
	text-align:center;
	font-weight:600;
	color:var(--contrast);
	text-decoration:none;
	margin:15px 20px 25px 20px;
}

/*--------
ARCHIVES
---------*/
.archive .page-header,
.blog .page-header,
.search .page-header{
	padding-top:25px;
	padding-bottom:25px;
}

.archive .page-title,
.blog .page-title,
.search .page-title{
	font-size: 32px;
	line-height: 42px;
	font-weight: 700;
	text-align: center;
}

.archive article,
.blog article,
.search article{
	margin-bottom:35px;
}

.archive .post-image,
.blog .post-image,
.search .post-image{
	margin-bottom:10px!important;
}

.archive .post-image img,
.blog .post-image img,
.search .post-image img{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

.archive .author,
.blog .author,
.search .author{
	text-align:center;
	margin-top:-45px;
	margin-bottom:8px;
}

.archive .author img,
.blog .author img,
.search .author img{
	display:inline-block;
	border-radius:50px;
	border:1px solid #fafafa;
}

.archive .inside-article,
.blog .inside-article,
.search .inside-article{
	padding:0;
	margin:0 8px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	transition: .3s ease-in;
	border-radius:5px;
}

.search-no-results .inside-article,
.no-results .inside-article{
	box-shadow:none;
}

.search-no-results .entry-content,
.no-results .entry-content{
	text-align:center;
}

.archive .entry-header,
.blog .entry-header,
.search .entry-header{
	padding:0 20px 0px 20px;
}

.archive .entry-title,
.blog .entry-title,
.search .entry-title{
	text-align:center;
}
.archive .entry-meta,
.blog .entry-meta,
.search .entry-meta{
	text-align:center;
	font-size:14px;
	color:#777;
}

.author .avatar{
	border-radius: 50%;
}
.author .page-title{
	justify-content: center;
}
.author .author-info{
	max-width: 750px;
	margin: 0 auto;
	text-align:center;
	margin-bottom:20px;
}

/* Pagination */
.nav-links{
	text-align:center;
}

.page-numbers {
	font-size: 16px;
	font-weight:500;
	background: #f1f1f1;
	padding: 8px 15px!important;
	border-radius: 5px!important;
}

.page-numbers.current {
	background: var(--contrast-3);
	color:#fff;
}

.page-numbers:hover {
	background: var(--contrast-3);
}

a.page-numbers {
	text-decoration: none;
}

a.page-numbers:hover {
	color: #fff;
}

.page-numbers.dots {
	background: #eee!important;
	color: #333;
}

/*---------
TOOLS PAGE
----------*/
.page-template-tools_template .site-content {
	display: block;
}

.tools-page{
	background:#fafafa;
}

.tools-page .entry-header{
	text-align:center;
	padding:40px 20px 40px 20px;
}

.tools-page .kundan{
	margin:10px 20px 60px 20px;
}

.tools-page .wrapper{
	max-width:750px;
	margin:0 auto;
	text-align:center;
}

.tools-page .kundan .words{
	background:#fff;
	padding:40px;
	border:1px solid #efefef;
	border-radius:6px;
	margin-top:20px;
}


.tools-page .headline{
	background: var(--contrast);
	padding:20px 20px;
	text-align:center;
}

.tools-page .headline h2{
	font-size:32px;
	color:#fff;
	font-weight:600;
	margin-bottom:0;
}

.tools-page .tools{
	background:none;
	color:var(--contrast);
}

.tools-page .tools{
	/* 	display:flex;
	justify-content:space-between; */
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-row-gap: 30px;
	grid-column-gap: 30px;


}

.tools-page .tool{
	padding:25px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.tools-page .tool img{
	max-width:300px;
	margin:0 auto;
}

.tools-page .tool .tool-info{
	align-items:center;
	text-align:center;
}

.tools-page .tool .tool-info strong{
	margin:20px 0;
}

.tools-page .tool .tool-info button{
	padding:10px 20px;
}

/*-------------
MEDIA QUERIES
--------------*/
@media (max-width:967px){
	/* Recommended Tools */
	.tools .site-container{
		flex-direction:column;
	}
	.tools .left-block{
		margin-right:0;
		margin-bottom:25px;
	}
	/*---------
	TOOLS PAGE
	----------*/
	.tools-page .tools{
		/* 	flex-direction:column; */
		grid-template-columns: repeat(1,1fr);
		grid-row-gap: 25px;
	}
}
@media (max-width:768px){
	/*-------
	GENERAL
	--------*/
	.site-container{
		padding: 40px 20px;
	}
	.main-navigation .main-nav ul li a{
		line-height:40px;
	}
	/*-------
	HOMEPAGE
	--------*/
	.home .title{
		font-size: 25px;
		line-height: 34px;
	}
	/* Hero */
	.hero .site-container{
		flex-direction: column;
		padding:40px 20px;
	}
	.hero .left-block{
		text-align: center;
		margin-bottom: 15px;
		margin-right:0;
	}
	.hero img{
		width: 65%;
		text-align: center;
	}
	.hero h1{
		font-size:26px;
		line-height:35px;
		text-align:center;
	}
	.hero p{
		text-align:center;
		font-size:18px;
	}
	.hero .flex{
		flex-direction: column;
	}
	.hero input{
		margin-bottom:10px;
	}
	.hero button{
		margin-top:2px;
	}

	/* Latest */
	.latest .wrapper{
		flex-direction:column;
	}

	.latest .post{
		margin-bottom:20px;
	}

	.latest h3{
		font-size:18px;
		line-height:25px;
	}

	/* About */
	.about .site-container{
		flex-direction:column-reverse;
	}

	.about .left-block{
		margin-top:25px;
	}

	.about .title{
		margin-top:5px;
	}

	.about .social{
		margin-top:30px;
	}
	/* CTA Box */
	.cta-box{
		padding:20px 20px 40px 20px;
	}
	.cta-box .site-container{
		padding:25px;
	}

	/* Recommended Tools */
	.tools .right-block{
		flex-direction:column;
	}

	.tools .tool{
		margin-bottom:15px;
	}

	/* Testimonials */
	.testimonial .block{
		padding:20px;
		margin:0px;
		margin-bottom:15px;
	}
	.testimonial .person .name{
		display:block;
		font-size:18px;
	}
	.testimonial .slick-prev{
		left:-10px;
		z-index:5;
	}

	.testimonial .slick-next{
		right:-10px;
		z-index:5;
	}
	/*--------
	FOOTER
	---------*/
	.follow h3{
		font-size:18px;
	}

	/*---------------
	SINGLE POST/PAGE
	----------------*/
	.single .entry-meta,
	.page-template-default .entry-meta{
		font-size:14px;
	}
	/* Table of Contents */
	#ez-toc-container {
		padding:25px;
	}

	#ez-toc-container ul li{
		font-weight:500;
	}

	#ez-toc-container ul li a,
	#ez-toc-container ul li a:visited{
		font-weight:500;
		font-size:17px;
	}
	/* Author Box */
	.author-box{
		padding:0 20px;
	}
	.author-box .avatar:before,
	.author-box .avatar:after{
		width: 30%;
	}

	/* Related Posts */
	.related-posts{
		margin-top:40px;
		padding:0 20px;
	}

	.related-posts h3{
		font-size:22px;
	}
	.related-posts .wrapper{
		flex-direction: column;
	}

	.related-posts .post{
		flex: 1;
		margin-bottom:20px;
	}

	.related-posts .post .title{
		font-size:17px;
	}
	/*--------
	ARCHIVES
	---------*/
	.archive .page-header,
	.blog .page-header,
	.search .page-header{
		padding-top:10px;
		padding-bottom:10px;
	}
	.archive .page-title,
	.blog .page-title,
	.search .page-title{
		font-size: 25px;
		line-height: 34px;
	}
	.archive .inside-article,
	.blog .inside-article,
	.search .inside-article{
		margin:0 20px;
	}

	.author .author-info{
		font-size:15px;
		line-height:25px;
		margin-bottom:10px;
	}
	/*---------
	 TOOLS PAGE
	----------*/
	.tools-page .kundan{
		margin:0 20px 40px 20px;
	}

	.tools-page .headline h2{
		font-size:24px;
	}
}