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

:root {
	--brandColor: #4D2AA0;
	--text-color: #333;
	--star-color: #FF9900;
	--percent: #E8E3DB;
}

/* GP Custom CSS */

.site-header .grid-container{
	max-width:1220px;
}

#masthead,
#mobile-header{
	box-shadow: rgb(99 99 99 / 20%) 0 2px 8px 0;
}


.main-navigation a{
	letter-spacing:0.5px;
}

.no-sidebar .inside-article .featured-image, 
.no-sidebar .inside-article .post-image{
	float:none;
	text-align: center;
}

.no-sidebar .inside-article .entry-header,
.no-sidebar .inside-article .entry-header {
	text-align: center;
}

.no-sidebar .container {
	max-width: 1190px;
}


/* .single #page.container{
	max-width:1300px;
} */

.blog .page-header,
.search .page-header,
.archive .page-header{
	padding-bottom:0;
}
.blog .page-header:after,
.search .page-header:after,
.archive .page-header:after{
	content:'';
	display:block;
	border-bottom:3px solid var(--brandColor);
	padding-bottom:20px;
}
.blog .inside-article,
.search .inside-article,
.archive .inside-article{
	border-bottom:1px solid #eee;
	padding-top:20px;
	padding-bottom:20px;

}

#right-sidebar h2,
#right-sidebar h3,
#right-sidebar h4{
	font-size:22px;
	line-height:32px;
	font-weight:600;
	border-bottom:3px solid var(--brandColor);
	padding-bottom:15px;
}

.widget-area .widget {
	padding-bottom: 0;
}

.widget_recent_entries li{
	border-bottom:1px solid #eee;
	padding:0px 0 10px 0
}
.widget_recent_entries a{
	color:#222222;
	font-weight:500;

}
.widget_recent_entries a:hover{
	text-decoration:underline;
}

.entry-meta,
.entry-meta a{
	color:#444;
	text-transform:uppercase;
	font-size:13px;
	font-weight:500;
}

.entry-meta,
.entry-meta .entry-date{
	color:#777;
}

.search .entry-meta,
.search .entry-meta a,
.archive .entry-meta,
.archive .entry-meta a{
	font-size:12px;
	margin-top:10px;
}

.entry-summary{
	font-size:17px;
}

.entry-summary p:after{
	content:"...";
}

.post-image a{
	transition: 0.3s all;
}
.post-image a:hover{
	filter: brightness(0.9);
}

img {
	vertical-align: top;
}

.page.no-sidebar .container#page{
	max-width:900px;
}

.check{
	list-style-type: none;
	padding: 0;
	margin: 0 0 25px;
}

.check li{
	background: url(/wp-content/uploads/2021/06/check.svg) no-repeat left top;
	background-position: 0 8px;
	background-size: 21px 20px;
	padding-left: 33px;
	padding-top: 0;
	margin-bottom: 12px;
}

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

.page-numbers {
	background: #ddd!important;
	padding: 8px 15px!important;
	color: #333!important;
}

.page-numbers.current {
	background: var(--brandColor)!important;
	color:#fff!important;
}

.page-numbers:hover {
	background: var(--brandColor)!important
}

a.page-numbers {
	color: #222!important
}

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

.page-numbers.dots {
	background: #efefef!important;
	color: #333!important;
}
/* End GP Custom CSS */


/* Global */

.container{
	max-width:1300px;
	padding:0 40px;
	margin:0 auto;
}

.headline{
	font-size:30px;
	line-height:42px;
	font-weight:600;
	padding-bottom:5px;
	border-bottom:3px solid var(--brandColor);
	margin-bottom:30px;
}

.post-thumb{
	display:block;
	transition:0.3s all;
}
.post-thumb img{
	width:100%;
	display:block;
}
.post-thumb:hover{
	filter: brightness(0.9);
}

.post-summary{
	margin-top:10px;
	font-size:17px;
	line-height:29px;
}

.popular-post{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:25px;
}
.popular-post .thumb{
	flex:0 0 38%;
	margin-right:15px;
}
.popular-post .thumb img{
	display:block;
}
.popular-post a{
	flex:1;
	display:block;
	color:#333;
	font-size: 16px;
	line-height:22px;
	font-weight:600;
}

.popular-post a:hover{
	color:var(--brandColor);
}


/* HOMEPAGE */

.home li {
	list-style: none;
}

.home p{
	margin: 0;
	padding: 0;
}

.section-container {
	max-width: 1210px;
	padding: 80px 30px;
	margin: 0 auto;
}

.section-headline {
	font-size: 36px;
	line-height: 46px;
	font-weight: 500;
}

/* Hero Section */
.hero {
	background-color: #fff;
}
.hero .section-container {
	padding: 60px 30px 0 30px;
}

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

.hero .hero-content .left-widget {
	width:50%;

}
.hero .hero-content .left-widget img{
	max-width:80%;
	display: block;
}

.hero .hero-content .right-widget {
	width:50%;
	margin-bottom: 135px;
}

.hero .hero-content h1.hero-heading {
	color:#333;
	font-size: 46px;
	font-weight: 900;
	line-height: 58px;
}
.hero .hero-content .hero-subheading {
	font-size: 30px;
	line-height: 44px;
	margin:25px 0;
}

.hero .hero-content ul li {
	font-size: 20px;
	line-height: 36px;
}

/* As seen on Section */
.seen {
	background-color: #f7f7f7;
}

.seen .section-container {
	max-width: 1200px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.seen .seen-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.seen .seen-content .seen-heading {
	color: #333;
	font-size: 24px;
	line-height: 34px;
	font-weight: 500;
	margin: 0;
}

.seen .seen-content .logo img {
	filter: brightness(100%) contrast(0) saturate(101%) blur(0) hue-rotate(0);
}

.seen .seen-content .logo img:hover {
	filter: none;
}

/* Best of Cashoverflow Section */
.cashoverflow-links {
	background: #fff;
}

.cashoverflow-links ul,
.cashoverflow-links li{
	margin:0;
	padding:0;
}

.cashoverflow-links .section-container {
	padding-top: 90px;
	padding-bottom: 90px;
}

.cashoverflow-links .inner-content .section-headline {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	font-size: 36px;
	line-height: 46px;
	margin: 0;
}

.cashoverflow-links .inner-content .section-headline .icon {
	margin-right: 25px;
}

.cashoverflow-links .inner-content .main-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 70px;
	border: 1px solid #f2f2f2;
}

.cashoverflow-links .inner-content .main-block .left-block {
	flex: 0 0 35%;
	padding: 50px;
	background: #f5f5f5;
}

.cashoverflow-links .inner-content .main-block .left-block .block-title {
	font-size: 26px;
	line-height: 36px;
	font-weight: 500;
	margin: 0;
	margin-bottom: 50px;
	color: #333;
	text-align: center;
}

.cashoverflow-links .inner-content .main-block .right-block {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 50px 50px 40px 50px;
}

.cashoverflow-links .inner-content .main-block .right-block .block-links {
	flex: 0 0 48%;
}

.cashoverflow-links .inner-content .main-block .right-block .block-links li {
	margin-bottom: 15px;
}

.cashoverflow-links .inner-content .main-block .right-block .block-links li a {
	display: block;
	text-decoration: none;
	border: 1px solid #EBEBEB;
	padding: 10px 25px;
	font-size: 18px;
	line-height: 29px;
	font-weight: 400;
	color: #37404D;
	background: url(/wp-content/uploads/2021/06/icon-arrow-right.svg) no-repeat left top;
	background-position: 20px 15px;
	background-size: 18px 18px;
	padding-left: 54px;
}

.cashoverflow-links .inner-content .main-block .right-block .block-links li a:hover {
	color: #4D2AA0;
	border: 1px solid #4D2AA0;
}

/* Recent Articles Section */
.recent-articles {
	background: #f7f7f7;
}

.recent-articles .section-container {
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: center;
}

.recent-articles .section-headline {
	text-align: cetner;
	margin: 0;
}

.recent-articles .article-wrapper {
	margin-top: 60px;
}

.recent-articles .article-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.recent-articles .article-list .article {
	width: 31%;
	background: #fff;
	text-align: center;
	margin-bottom: 50px;
	box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
	transition: .3s all;
}

.recent-articles .article-list .article:hover {
	transform: translatey(-3px);
}

.recent-articles .article-list .article .article-title a {
	font-family: 'Roboto';
	display: block;
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;
	color: #4a4a4a;
	font-weight: 500;
	margin: 20px 20px 0 20px;
}

.recent-articles .article-list .article .article-title a:hover {
	color: #4D2AA0;
}

.recent-articles .article-list .article .meta-info {
	display: block;
	font-size: 14px;
	color: #777;
	margin: 5px 20px 20px 20px;
}

.recent-articles .article-wrapper .more-btn {
	margin-top: 10px;
	text-align: center;
}

.recent-articles .article-wrapper .more-btn a {
	display: inline-block;
	font-size: 18px;
	color: #4D2AA0;
	font-weight: 400;
	text-decoration: none;
	padding: 12px 36px;
	border: 1px solid #4D2AA0;
	transition: .3s all;
}

.recent-articles  .article-wrapper .more-btn a:hover {
	background: #4D2AA0;
	color: #fff;
}

/* About Section */
.about {
	background: #ffffff;
}

.about .section-container {
	max-width: 1200px;
	margin: 0 auto;
}


.about .about-cashoverflow {
	display: flex;
	justify-content: center;
	align-items: center;
}

.about .about-cashoverflow .widget-1 {
	display: flex;
	flex: 0 0 380px;
	align-items: center;
	margin-right: 60px;
}

.about  .about-cashoverflow .widget-2 {
	flex: 1;
}

.about  .about-cashoverflow .widget-2 .widget-title {
	font-size: 30px;
	line-height: 42px;
	color: #333;
	text-align: left;
	background: none;
	font-weight: 500;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
}

.about .about-cashoverflow .widget-2 .widget-content p {
	margin-bottom: 20px;
	font-size: 18px !important;
	line-height: 38px !important;
}


.about .about-cashoverflow .widget-2 .widget-content .read-more {
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
	color: #4D2AA0;
	text-decoration: underline;
	letter-spacing: 1px;
}

.about .about-cashoverflow .widget-2 .widget-content .read-more:hover {
	text-decoration: none;

}

/* Recommended Tools Section */

.tools {
	background: #4D2AA0;
}

.tools .title {
	font-size: 36px;
	line-height: 46px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
}


.tools .inner-content {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}

.tools .block {
	flex: 0 0 30%;
	background: #fff;
	transition: 0.3s all;

}

.tools .block:hover {
	transform: translatey(-3px);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.tools .block .box {
	display: block;
	color: #333;
	text-decoration: none;
}

.tools .block .box .logo {
	text-align: center;
	padding: 20px 30px;
	border-bottom: 1px solid #eee;
}

.tools .block .box .desc {
	text-align: center;
	padding: 25px 30px;
	font-size: 18px !important;
	line-height: 33px !important;
	font-weight: 400;
	margin: 0;
}

/* Footer Section */
.follow{
	background:#f7f7f7;
}
.follow .section-container{
	padding:80px 30px 25px 30px
}

.follow .follow-widget{
	text-align: center;
}

.follow .follow-widget .follow-title{
	font-size: 22px;
	font-weight: 400;
	padding: 0 120px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin:0;
}

.follow .follow-widget .follow-title:before{
	content: "";
	max-width: 100px;
	width:100%;
	height: 1px;
	position: absolute;
	background: #6131d2;
	top: 16px;
	left: 0;
}

.follow .follow-widget .follow-title:after{
	content: "";
	max-width: 100px;
	width:100%;
	height: 1px;
	position: absolute;
	background: #6131d2;
	top: 16px;
	right: 0;
}
.follow .follow-widget .follow-links{
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: space-between;
	max-width: 300px;
	margin-top: 20px;
}

.follow .follow-widget .follow-links a{
	display: inline-block;
	text-decoration: none;
}


/**************
* Single Post
**************/

.single .entry-meta{
	margin-top:10px;
}


/*Author Box */
.author-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border-top:1px solid #e2e2e2;
	background: #fff;
	padding: 40px;
	margin: 80px 0;
}

.author-box .avatar {
	flex:0 0 120px;
	margin-right:25px;
	border-radius: 100%; 
}

.author-box .info{
	flex:1;
}

.author-box .author-title{
	font-size: 22px;
	margin-bottom: 10px
}

.author-box .author-summary {
	font-size: 17px;
	margin:0;
}

/* Related Posts */

.related-posts .site-container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 70px 40px;
}

.related-posts .posts {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap:30px;
}

.related-posts .category {
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 600;
	line-height: 1.5;
}

.related-posts .entry-title {
	font-size: 18px;
	line-height: 25px;
	font-weight: 600;
}


/* Review Template */

.post-template-review-template .container {
	max-width: 100% !important;
	padding: 0;
}

.post-template-review-template .site-content {
	display: block;
}

.post-template-review-template .content-sidebar .site-container{
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 40px;
}

.post-template-review-template .content-area {
	padding: 40px 30px;
}

.review-post-header {
	background: #4D2AA0;
	padding: 40px 0px;
	margin-top: -4px;
}

.review-post-header .wrapper {
	max-width: 980px;
	padding: 0 50px;
	margin: 0 auto;
}

.review-post-header .entry-title {
	color: #fff;
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 52px;
	margin: 0 0 20px 0;
	text-transform: capitalize;
	text-align: center;
	font-weight: 800;
}

.review-post-header .entry-meta {
	margin-bottom: 25px;
	color: #fff;
	font-size: 17px;
	text-align: center;
}

.review-post-header .entry-author,
.review-post-header .entry-modified-time,
.review-post-header .entry-comments-link {
	padding-left: 30px;
	margin-right: 30px;
}
.review-post-header .entry-author {
	background: url(/wp-content/uploads/2021/09/white-icon-author.svg) no-repeat left top;
}

.review-post-header .entry-meta a {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	text-align: center;
	text-transform: none;
}

.review-post-header .entry-modified-time {
	background: url(/wp-content/uploads/2021/09/white-icon-clock.svg) no-repeat left top;
	text-transform: none;
	font-weight: 400;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

.review-post-header .entry-comments-link {
	background: url(/wp-content/uploads/2021/09/white-icon-chat.svg) no-repeat left top;
}

.review-post-header .info {
	display: flex;
	margin-bottom: 35px;
}

.review-post-header .info .left-block {
	flex: 0 0 300px;
	margin-right: 35px;
}

.review-post-header .info .right-block {
	flex: 1;
}

.review-post-header .info .right-block p {
	color: #fff;
	font-size: 17px;
	line-height: 29px;
	margin-bottom: 0;
}

.review-post-header .parameteres {
	display: flex;
	justify-content: space-between;
}

.review-post-header .parameteres .left-block {
	display: flex;
	justify-content: space-between;
	flex: 0 0 58%;
	margin-right: 80px;
}

.review-post-header .parameteres .right-block {
	flex: 1;
}

.review-post-header .parameteres .left-block strong {
	font-family: 'Merriweather', sans-serif;
	color: #fff;
	text-align: center;
}

.review-post-header .parameteres .left-block p {
	background: url(/wp-content/uploads/2021/09/star-icon-white.svg) no-repeat left top;
	background-position: 5px 6px;
	background-size: 22px 22px;
	padding-left: 35px;
	margin-right: 35px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 0;
}

.review-post-header .parameteres .right-block {
	flex: 1;
}

.review-post-header .parameteres .right-block .review-cta {
	display: block;
	text-align: center;
	background: #FFF06A;
	color: #333;
	text-decoration: none;
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	margin: 0;
	padding: 14px 50px;
	box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	transition: 0.3s all;
}

.review-post-header .parameteres .right-block .review-cta:hover {
	transform: translatey(-3px);
	box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
}


/* COF Recommendation Block */

.cof-recommendation {
	margin: 40px 0;
}

.cof-recommendation .cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.cof-recommendation .card { 
	background: #fff;
	border-radius: 10px;
	border: 1px solid #F4F5F6;
	display: flex;
	flex-direction: column;
}

.cof-recommendation .thumbnail {
	height: 100px;
	display: flex;
	justify-content: center;
	padding: 25px 50px;
	background: #F4F5F6;
	border-radius: 10px 10px 0 0;
}

.cof-recommendation .content {
	padding: 20px;
	display:flex;
	flex-direction:column;
	flex-grow:1;
}

.cof-recommendation .content .tagline {
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--text-color);
}

.cof-recommendation .content .title {
	font-weight: 500;
	font-size: 20px;
	line-height: 23px;
	margin: 14px 0 10px;
	color: var(--text-color);
}

.cof-recommendation .content .desc {
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 8px;
	color: var(--text-color);
	flex-grow:1;
}

.cof-recommendation .content .rating .stars {
	--percent: calc(var(--rating) / 5 * 100%);
	display: inline-block;
	font-size: 13px;
}

.cof-recommendation .content .rating .stars::before {
	content: '★★★★★';
	letter-spacing: 0px;
	background: linear-gradient(90deg, var(--star-color) var(--percent), #ddd var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 17px;
}

.cof-recommendation .content .cta a {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	padding: 10px 30px;
	border-radius: 4px;
	text-align: center;
	margin-top: 18px;
	background: #4D2AA0;
	transition: .3s ease-in-out;
}

.cof-recommendation .content .cta a:hover {
	opacity: .95;
}


/* COF Product Box Block */

.cof-product-box{
	margin: 40px 0;
}

.cof-product-box .card {
	background: #FFFFFF;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
	padding: 50px;
	display: flex;
	align-items: center;
}

.cof-product-box .card .left {
	flex: 0 0 40%;
	margin-right: 65px;
}

.cof-product-box .thumbnail {
	height: 202px;
	display: flex;
	justify-content: center;
	align-items:center;
	padding: 25px 50px;
	background: #F4F5F6;
	border-radius: 10px ;
}

.cof-product-box .card .right {
	flex: 1;
}

.cof-product-box .tagline {
	font-size: 14px;
	line-height: 16px;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #555555;
}

.cof-product-box .title {
	font-weight: 600;
	font-size: 26px;
	line-height: 30px;
	margin: 19px 0 20px;
	color: #222222;
}

.cof-product-box ul {
	margin: 0;
	list-style: none;
}

.cof-product-box ul li {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	background: url(/wp-content/uploads/2022/09/tick.svg) no-repeat left top;
	background-size: 17px 15px;
	background-position:0 4px;
	padding-left: 28px;
	margin-bottom: 8px;
	color: #504F4F;
}

.cof-product-box .cta-rating {
	display: flex;
	align-items:center;
	margin-top: 35px;
}

.cof-product-box .cta-rating .stars {
	--percent: calc(var(--rating) / 5 * 100%);
	display: inline-block;
	font-size: 13px;
	margin-left: 30px;
}

.cof-product-box .cta-rating .stars::before {
	content: '★★★★★';
	letter-spacing: 0px;
	background: linear-gradient(90deg, var(--star-color) var(--percent), #ddd var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 20px;
}

.cof-product-box .cta-rating a {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 22px;
	font-weight: 600;
	width: 62%;
	padding: 12px 20px;
	border-radius: 4px;
	text-align: center;
	background: #4D2AA0;
	transition: .3s ease-in-out;
}


/* Hellobar */
.hellobar {
	background-color: var(--brandColor);
	border-top: 2px solid #784eda;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	color: #fff;
	z-index: 9999;
}

.hellobar-content {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	font-size:18px;
	font-weight: 500;
	padding: 10px 20px 0 20px;
	transition: 0.2s ease;
}

.hellobar-content span{
	text-align:center;
	margin-bottom:10px;
}

.hellobar a.button {
	font-size:17px;
	padding: 8px 25px;
	background:#fff;
	color:#444;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
}

.hellobar a.button:hover {

	background:#eee;
	color:#000;
}


.hellobar-toggle {
	position: absolute;
	top: 22%;
	right: 23px;
	bottom: 0;
	width: 30px!important;
	height: 30px;
	z-index: 1;
	min-width: 30px;
	min-height: 30px;
	opacity: 0;
	cursor: pointer;
}
.hellobar-toggle:checked { top: -30px; right: 22px; width: 30px!important; height: 30px; min-width: 30px; min-height: 30px; }
.hellobar-toggle:checked ~ .hellobar-content { padding: 0; height: 0; }
.hellobar-toggle:checked ~ .hellobar-arrow:after {     top: 15px;
	left: 16px;
	box-shadow: none; }
.hellobar-toggle:checked ~ .hellobar-arrow:before {
	position: absolute;
	top: 7px;
	left: 11px;
	border-color: transparent transparent #ffffff transparent;
	border-width: 0 8px 8px 8px;
	box-shadow: none;
}
.hellobar-toggle:checked ~ .hellobar-arrow {
	top: -30px;
	right: 19px;
	width: 38px;
	height: 30px;
	border-top: 0;
	border-radius: 3px 3px 0 0;
}
.hellobar-arrow {
	position: absolute;
	top: 33%;
	right: 30px;
	background-color: var(--brandColor);;
}
.hellobar-arrow:before {
	display: block;
	position: relative;
	top: 8px;
	width: 0px;
	height: 0px;
	border-color: #fff transparent transparent transparent;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	content: '';
}
.hellobar-arrow:after {
	position: absolute;
	top: 0px;
	left: 5px;
	display: block;
	width: 6px;
	height: 8px;
	background-color: #fff;
	content: '';
}
.hellobar-toggle:hover ~ .hellobar-arrow:after { background-color: #fff; 
}
.hellobar-toggle:hover ~ .hellobar-arrow:before { border-bottom-color: #fff; border-top-color: #fff; 
}





/* MEDIA QUERIES */

@media (min-width:769px){

	.mobile-nav{
		display:none;
	}

	/* GP Custom CSS */
	.main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img {
		height: 45px;
	}

	.inside-article .post-image{
		max-width:300px;
	}

	.inside-right-sidebar {
		height: 98%;
	}

	.inside-right-sidebar .widget:last-child {
		position: -webkit-sticky;
		position: sticky;
		top: 20px;
	}	


}

@media (max-width:921px){

	.section-container{
		padding: 50px 20px;
	}

	.section-headline {
		font-size: 26px;
		line-height: 38px;
		font-weight: 400;
	}

	.home .site-inner{
		width:100%!important;
	}

	/* Hero Section */
	.hero .section-container{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.hero .hero-content {
		flex-direction: column;
	}
	.hero .hero-content .left-widget {
		display: none;
	}

	.hero .hero-content .right-widget {
		margin-bottom: 0;
		width:100%;
	}

	.hero .hero-content h1.hero-heading {
		font-size: 32px;
		line-height: 46px;
	}

	.hero .hero-content .hero-subheading {
		font-size: 22px;
		line-height: 34px;
	}

	.hero .hero-content ul li {
		font-size: 18px;
		line-height: 32px;
	}

	/* As seen on Section */
	.seen .seen-content {
		flex-direction:column;
	}

	.seen .seen-content .seen-heading {
		font-size: 20px;
		line-height: 30px;
		width:100%;
		text-align:center;
		margin-bottom:15px;
	}

	.seen .seen-content .logo{
		text-align:center;
	}

	.seen .seen-content .logo:not(:last-child){
		margin-bottom:10px;
	}

	/* Best of Cashoverflow Section */
	.cashoverflow-links .section-container {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.cashoverflow-links .inner-content .section-headline {
		font-size:26px;
		line-height:36px;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.cashoverflow-links .inner-content .section-headline .icon{
		width:50px;
		margin-right:0;
		margin-bottom: 15px;
	}
	.cashoverflow-links .inner-content .main-block{
		flex-direction:column;
		justify-content:space-between;
		align-items:stretch;
		margin-top:40px;
		border:none;
	}
	.cashoverflow-links .inner-content .main-block .left-block{
		flex: 0 0 100%;
		padding:30px;
		background:#f5f5f5;
		text-align:center;
	}

	.cashoverflow-links .inner-content .main-block .left-block .block-title{
		font-size: 22px;
		line-height: 30px;
		font-weight: 400;
		margin-bottom: 30px;
	}

	.cashoverflow-links .inner-content .main-block .right-block{
		flex-direction:column;
		justify-content:space-between;
		align-items:stretch;
		padding:30px 0px 0px 0px;
	}

	.cashoverflow-links .inner-content .main-block .right-block .block-links{
		flex: 1;
	}
	.cashoverflow-links .inner-content .main-block .right-block .block-links li{
		margin-bottom:10px;
	}

	.cashoverflow-links .inner-content .main-block .right-block .block-links li a{
		font-size:17px;
		line-height:29px;
	}

	/*  Recent Articles	 */

	.recent-articles .section-container {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.recent-articles .article-wrapper {
		margin-top: 40px;
	}

	.recent-articles .article-wrapper .more-btn a {
		font-size: 18px;
		padding: 10px 30px;
	}

	/* About Section */

	.about .about-cashoverflow{
		flex-direction: column;
	}
	.about .about-cashoverflow .widget-1 {
		margin-right: 0;
		margin-bottom:25px

	}
	.about .about-cashoverflow .widget-2{
		width:100%;
	}
	.about .about-cashoverflow .widget-2 .widget-title{
		font-size: 22px;
		line-height: 32px;
		margin-bottom:20px;
	}

	.about .about-cashoverflow .widget-2 .widget-content p{
		font-size: 17px!important;
		line-height: 30px!important;
	}

	.about .about-cashoverflow .widget-2 .widget-content .read-more{
		font-size:15px;
	}

	/* Footer Section */

	.follow .section-container {
		padding-top: 50px;
		padding-bottom: 0;
	}

	.follow .follow-widget .follow-title {
		font-size: 20px;
		padding: 0 60px;
	}

	.follow .follow-widget .follow-title:before {
		max-width: 50px;
	}

	.follow .follow-widget .follow-title:after {
		max-width: 50px;
	}

}

@media (max-width: 878px) {

	.cof-recommendation .cards {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
	}

	.cof-product-box .card {
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
	}

	.cof-product-box .card .left {
		margin-right: 0px;
		margin-bottom: 20px;
		width: 100%;
	}

	.cof-product-box .thumbnail {
		height: 140px;
		padding: 35px 50px;
	}

	.cof-product-box .card .right {
		width: 100%;
	}

	.cof-product-box .cta-rating {
		margin-top: 30px;
		justify-content: space-between;
	}


}

@media (max-width:768px){
	
	body{
		font-size:18px;
	}

	/* Review post template */
	.post-template-review-template .container .site-content .content-area {
		padding: 0;
	}

	.post-template-review-template .container {
		padding: 0px;
	}

	.post-template-review-template .content-sidebar .site-container{
		flex-direction: column;
		padding: 0 20px;
	}

	.review-post-header {
		padding: 30px 0;
	}

	.review-post-header .wrapper {
		padding: 0 20px;
	}

	.review-post-header .entry-title {
		font-size: 26px;
		line-height: 38px;
		margin: 0 0 10px 0;
	}

	.review-post-header .entry-meta {
		margin-bottom: 15px;
	}
	.review-post-header .entry-author,
	.review-post-header .entry-modified-time,
	.review-post-header .entry-comments-link {
		background-position: 0px 0px;
		background-size: 17px 17px;
		padding-left: 25px;
		margin-right: 15px;
	}

	.review-post-header .entry-meta a {
		font-size: 15px;
	}

	.review-post-header .info {
		flex-direction: column;
		margin-bottom: 20px;
	}

	.review-post-header .info .left-block {
		flex: 1;
		text-align: center;
		margin-right: 0px;
		margin-bottom: 15px;
	}

	.review-post-header .info .right-block p {
		font-size: 16px;
		margin-top: 5px;
	}

	.review-post-header .parameteres {
		flex-direction: column;
	}

	.review-post-header .parameteres .left-block {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.review-post-header .parameteres .left-block strong {
		font-size: 15px;
	}

	.review-post-header .parameteres .left-block p {
		background-position: 5px 9px;
		background-size: 18px 18px;
		padding-left: 30px;
		margin-right: 30px;
		font-size: 16px;
	}

	.mobile-nav{
		padding:5px 20px;
		white-space: nowrap;
		overflow: scroll hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border-bottom:1px solid #eee;
	}
	.mobile-nav::-webkit-scrollbar{
		display:none;
	}

	.mobile-nav ul{
		display:flex;
		list-style:none;
		margin:0;
	}

	.mobile-nav ul li a{
		font-size: 13px;
		color:#333;
		font-weight: 500;
		text-transform: uppercase;
		margin-right:20px;
	}	

	.mobile-nav ul .current-menu-item a,
	.mobile-nav ul li a:hover{
		color:var(--brandColor);
	}

	.container{
		padding:0 20px;
	}

	.m-hide{
		display:none;
	}

	.headline{
		font-size:22px;
		line-height:32px;
		border-bottom:2px solid var(--brandColor);
		letter-spacing:0;
		margin-bottom:20px;
	}

	.headline span{
		font-size:12px;
		color:#444;
	}
	.headline span a{
		font-size:11px;
		line-height:26px;
	}

	.post-thumb img{
		width:100%;
	}

	/*Author Box */
	.author-box {
		flex-direction:column;
		padding: 25px 0px;
		margin: 50px 0;
	}

	.author-box .avatar {
		flex:1;
		margin-right:0;
		margin-bottom: 5px;

	}

	.author-box .author-title{
		font-size: 20px;
		margin-bottom: 10px;
		text-align:center;
	}

	.author-box .author-summary {
		font-size: 17px;
		margin:0;
		text-align:center;
	}

	/* 	Related Posts */
	.related-posts .site-container {
		padding: 20px;
	}

	.related-posts .posts {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 30px;
	}

	/* GP Custom CSS */

	.menu-toggle{
		display:none!important;
	}

	.blog .inside-article .post-image,
	.search .inside-article .post-image,
	.archive .inside-article .post-image{
		text-align:left!important;
	}

	.main-navigation.has-branding .inside-navigation.grid-container {
		padding: 8px 0;
	}

	.navigation-branding .main-title, .mobile-header-navigation .site-logo {
		margin-left: 20px;
	}
	.navigation-branding img, .site-logo.mobile-header-logo img {
		height: 45px!important;
	}
	.menu-toggle {
		font-size: 22px;
		padding: 5px;
	}
	.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
		padding-right: 5px;
		margin-right: 15px; 
	}

	.main-navigation .main-nav>ul {
		padding: 20px 0;
	}
	#generate-slideout-menu.is-open{
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
	.slideout-overlay {
		background-color: rgba(0,0,0,.3);

	}
	.slideout-exit{
		display:none;
	}

	.navigation-search input[type="search"] {
		height: 61px;
	}

	.icon-search{
		font-size:18px;
	}

	#secondary-navigation{
		display:none;
	}

	.widget-area .widget {
		padding-right: 0;
		padding-left: 0;
	}

	.entry-summary{
		font-size:16px;
		line-height:25px;
	}
	.blog .entry-meta,
	.blog .entry-meta a,
	.search .entry-meta,
	.search .entry-meta a,
	.archive .entry-meta,
	.archive .entry-meta a{
		font-size:11px;
		margin-top:5px;
	}
	/* End GP Custom CSS */

}


@media (max-width:560px){

	.recent-articles .article-list .article{
		width:100%;
		margin-bottom:20px;
	}

	/* Recommended Tools Section */

	.tools .title{
		font-size: 26px;
		line-height: 38px;
	}

	.tools .inner-content{
		flex-direction:column;
		justify-content:space-between;
		margin-top:30px;
	}

	.tools .block{
		flex:1;
	}

	.tools .block:not(:last-child){
		margin-bottom:20px;
	}

	.tools .block .box .logo{
		padding:20px;
	}

	.tools .block .box .desc{
		padding:25px 20px;
		font-size:17px!important;
		line-height:33px!important;
	}
}

@media (max-width:400px){
	.cof-product-box .cta-rating{
		flex-direction:column-reverse;
		align-items: flex-start
	}
	
	.cof-product-box .cta-rating a{
		width:100%;
	}
	
	.cof-product-box .cta-rating .stars {
		margin-left: 0px;
		margin-bottom:20px;
	}
}


@media (max-width: 350px) {

	.cof-product-box .cta-rating a {
		font-size: 12px;
		padding: 9px 12px;
	}

}