/**
Theme Name: Inner Help
Author: 121 Group
Author URI: https://121group.io
Text Domain: inner-help
Template: astra
*/

/* #### Generated By: http://www.cufonfonts.com #### */


    @font-face {
    font-family: 'Avenir Roman';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Roman'), url('avenir_roman_12.woff') format('woff');
    }

	@font-face {font-family: "Avenir Black"; src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot"); src: url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.woff") format("woff"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/275de2221d9f0c4c9257d17f5a1e4006.svg#Avenir Black") format("svg"); }

@font-face {font-family: "Avenir Heavy"; src: url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.eot"); src: url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.woff") format("woff"), url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/901497541657a2f24e42848bcf7fad52.svg#Avenir Heavy") format("svg"); }

/* American Beauty Demo font */
@font-face {font-family: "American Beauty Demo"; src: url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.eot"); src: url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.woff") format("woff"), url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b907f1d5960d127160ad4b52ff6d6db1.svg#American Beauty Demo") format("svg"); }

/* General */
html {
  scroll-behavior: smooth;
}

.money-back{
 	position: absolute;
    top: -50px;
    left: -69px;
    z-index: 3!important;
    transform: rotate(340deg);
}
.iconbox-top .uagb-icon-list__source-wrap{position:relative; top:6px;}

/* Home Slider Banner */
.mobile-slide-image{
height:557px!important; object-fit: cover;
}

/* Single Post */
.single-post #primary ul{ margin-left: 20px; }
.single-post .entry-title{font-weight:600;}
.single-post #primary ul li{margin-bottom:12px;}

/* .sticky-notice{ z-index: 7; position: fixed; bottom: 0;} */

.innerhelp-below-banner{position:absolute!important; bottom:0; z-index:10;}

a:hover, a:focus {  color: #f26c4f;}
p{text-align:justify;}
.text-center p{text-align: inherit;}

.ast-plain-container.ast-no-sidebar #primary {
    margin: inherit;
}
footer a:hover{color:#f26c4f;}
footer a{text-decoration:none;}

.home-process, #primary .home-ourprogram .n2-ss-slide-active{
	-webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}
#primary .home-process:hover{background:black;}
#primary .home-process:hover p{color:white;}

/* Black Section Background */
.innerblack-top:before{
	content: "";
    display: block;
    height: 186px;
    width: 200px;
    background: url(/wp-content/uploads/squiggly-top-left.png);
    background-size: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    left: 0;
}
.innerblack-top:after{
	content: "";
    display: block;
    height: 220px;
    width: 200px;
    background: url(/wp-content/uploads/squiggly-top-right.png);
    background-size: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: -55px;
    right: 0;
}
.innerblack-bottom{z-index:3;}
.innerblack-bottom:before{
	content: "";
    display: block;
    height: 242px;
    width: 300px;
    background: url(/wp-content/uploads/squiggly-bottom-left.png);
    background-size: 290px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -55px;
    left: 0;
}
.innerblack-bottom:after{
	content: "";
    display: block;
	 height: 290px;
    width: 298px;
    background: url(/wp-content/uploads/squiggly-bottom-right.png);
    background-size: 296px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: -54px;
}

/* Category and tag */
.wp-block-categories li a, .sidebar-main .widget_categories li a{
 	border: 1px solid black;
    border-radius: 100px;
    padding: 3px 14px;
    color: black;
    font-size: 14px;
}
.wp-block-categories li a:hover, .sidebar-main .widget_categories li a:hover{
	border-color:#f26c4f;
	color:#f26c4f;
}
.tagcloud a:hover, .tagcloud a:focus, .tagcloud a.current-item { color: white;}

.wp-block-tag-cloud a:hover{color:#f26c4f;}

/* Sidebar */
#secondary li, .wp-block-categories li, .sidebar-main .widget_categories li{display:inline-block; margin-bottom: 10px;}

ul.wp-block-categories{margin:0;}

.wp-block-tag-cloud a{color:black;}
#secondary .tagcloud a{
	font-size: 14px!important;
    padding: 0;
    border: none;
    color: black;
}
#secondary .widget_tag_cloud .widget-title{margin-bottom:0; font-size: 25px;}

#secondary .tagcloud a:hover, #secondary .tagcloud a:focus, #secondary .tagcloud a.current-item {
    color: #f26c4f;
    background: none;
}

aside{ box-shadow: 0 4px 12px 0 rgb(0 0 0 / 10%); padding: 20px; border-radius: 12px;}

/* Pagination */
.uagb-post-pagination-wrap a.page-numbers, .uagb-post-pagination-wrap span.page-numbers.current{ padding: 5px 17px; border-radius: 100px; border: 1px solid #f26c4f;}
.uagb-post-pagination-wrap a.page-numbers:hover{background-color:#f26c4f; color:white;}

/* Innerline */
.innerline-first:before, .innerline:before, .innerline-last:before{
	content: '';
    background: #f26c4f;
    height: 4px;
    display: block;
    position: absolute;
    top: 12px;
	width: 160%;
}

.innerline-first:before{ left: 55%;}
.innerline-last:before{width: 50%;}

/* Gravity Form */
.gform_wrapper form .gform_body .ginput_container input, .gform_wrapper form .gform_body .ginput_container textarea, .gform_wrapper form .gform_body .ginput_container select{padding:15px; height:100%;}
.ginput_container_date input{width:100%!important;}
.gform_heading{display:none;}
.gform_wrapper.gravity-theme .gform_previous_button.button{color: #f26c4f;}
#gform_5 label, #gform_5 .gfield_html {color:white;}


/* Our Program Home Slider */
#primary .home-ourprogram .n2-ss-slide-active:hover, #primary .home-ourprogram  .n2-ss-slider-pipeline .n2-ow:hover{background-color:white;}

#primary .home-ourprogram .n2-ss-slide-active:hover .program-home .n2-ss-layer h3,
#primary .home-ourprogram .n2-ss-slide-active:hover .program-home .n2-ss-layer  p,
#primary .home-ourprogram  .n2-ss-slider-pipeline .n2-ow:hover .program-home .n2-ss-layer h3,
#primary .home-ourprogram  .n2-ss-slider-pipeline .n2-ow:hover .program-home .n2-ss-layer  p
{color:black!important;}

/* Testimonial Slider */
.innerhelp-testimonials{margin-bottom: -150px; z-index:2;}
.innerhelp-testimonials .n2-ss-slide{box-shadow: 0 0px 12px 0 rgb(0 0 0 / 11%);}
.home .innerhelp-testimonials .n2-ss-slide{box-shadow: 0 8px 12px 0 rgb(0 0 0 / 11%);}
.innerhelp-testimonials .n2-ss-slider-pipeline {padding: 12px 0px 45px;}
.home .innerhelp-testimonials .n2-ss-slider-controls img{filter: brightness(0) invert(1);}
.testimonial-white-arrow .nextend-arrow img{filter: invert(100%);}

/* Click Design*/
.innerfront, .innerback{
	cursor: pointer;
	border: 1px solid #898989;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	box-shadow: 0px 1px 5px #c9c9c9;
	background: #ffffffba;
	min-height: 162px;
	position:relative;
}

.innerfront div{
	vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #f26c4f;
    font-size: 20px;
	width:100%;
}
.innerfront .number {
	font-size: 60px;
    font-weight: 800;
    position: absolute;
    left: 20px;
    top: -35px;
}

.innerback{
	background:#f26c4f;
	border-color:#f26c4f;
	color:white;
}
.innercenter{ display: flex!important; align-items: center;}

.hide{display: none;}
.show{display: block;}


/* Media query */
@media (max-width:600px){
	.innerline-first, .innerline, .innerline-last{position:absolute;}
	.innerline-first:before, .innerline:before, .innerline-last:before{
		width: 4px;
		height: 246px;
		left: 13px;
		top: 0;
	}
	
	.money-back{left: -15px;}
	
	.innerline-last:before { height: 0!important;}
	
	.innerhelp-testimonials .n2-ss-slider-pipeline{padding:0;}
	
	/* GF mobile*/
	#gform_4 .display-label-mobile .gfield_label{
		position: relative;
		color: black;
		clip-path: unset;
		width: 100%;
		height: auto;
	}

}

@media (min-width:768px){
	#gform_4 .inner-wid-3{grid-column: span 3;}
	#gform_4 .inner-wid-2{grid-column: span 2;}
}

@media (max-width:980px){
	.innerblack-top:before, .innerblack-top:after, .innerblack-bottom:before, .innerblack-bottom:after{display:none;}
}

@media (width:768px){
	.innerblack-top:before{ top: -25px;}
}


@media (min-width:768px) and (max-width:820px){ 
	.innerblack-bottom:before{
		height: 146px;
		width: 179px;
		bottom: -55px;
		background-size: 175px;
	}
	.innerblack-bottom:after{
		height: 179px;
		width: 250px;
		background-size: 245px;
		bottom: -36px;
	}
}

@media (min-width:912px) and (max-width:980px){ 
	.innerblack-bottom:before{
		height: 185px;
		width: 222px;
		bottom: -55px;
		background-size: 220px;
	}
	.innerblack-bottom:after{
		height: 195px;
		width: 286px;
		background-size: 280px;
		bottom: -36px;
	}
}

@media (min-width:980px) and (max-width:1080px){
	.innerfront, .innerback{
		min-height: 220px;
	}
}

@media (width:1024px){ 
	.innerblack-bottom:before{ bottom: -52px; height: 200px; width: 245px; background-size: 240px;} 
	.innerblack-bottom:after{bottom: -32px; height: 225px; width: 260px; background-size: 260px;} 
}

@media (min-width:1280px) and (max-width:1366px) { .innerblack-bottom:after{ bottom: -50px;} }

@media (min-width:1025px) and (max-width:1279px) { .innerblack-bottom:after{ bottom: -50px;}, .innerblack-bottom:before{ bottom: -48px;} }
@media (min-width:980px) and (max-width:1023px) { .innerblack-bottom:after{ bottom: -43px;}, .innerblack-bottom:before{ bottom: -48px;} }

@media (width:1440px){ .innerblack-bottom:after{ bottom: -52px;}  }
