/*
Theme Name: Earna Child
Theme URI: https://creativedigital.tech/earna
Author: WordPressRiver
Author URI: https://themeforest.net/user/wordpressriver
Version: 1.0
Template: earna
*/

.blog-area .meta ul li:first-child a {
	color: #7a27cb !important;
}
.thumb-services-area .services-items .single-item:nth-child(1) .item:hover::before{
  background: #f61067;
}
.thumb-services-area .services-items .single-item:nth-child(2) .item:hover::before{
  background: #01baef
}
.thumb-services-area .services-items .single-item:nth-child(3) .item:hover::before{
  background: #ff934f
}

.thumb-services-area .services-items .single-item .item::before {
	opacity: 1 !important;
}
.thumb-services-area .services-items .single-item .item:hover img {
	filter: brightness(0) invert(1) !important;
}
nav.navbar.bootsnav ul.nav > li a:hover {
	color: #7a28cb !important;
}
.default-padding {
	padding-top: 50px;
	padding-bottom: 50px;
}
.default-padding.bottom-less {
	padding-top: 50px;
	padding-bottom: 50px;
}
.site-heading {
	margin-bottom: 40px;
}
.thumb-services-area h2, .blog-area h2, footer .widget-title, footer .f-items .f-item .address li i, nav.navbar.bootsnav ul.nav > li.active > a, .team-area h2 {
	color: #7a28cb;
}
.bg-dark.text-light .f-item.about img {
	max-height: 80px !important;
}


/* -----footer------ */
footer .f-items {
	padding-top: 30px;
	padding-bottom: 30px;
}
footer .footer-bottom-box {
	padding-top: 20px;
	padding-bottom: 10px;
}
footer::after{
	display:none;
}
footer .f-items .link li {
  margin-bottom: 5px;
}
/* --------blog--------------- */

.page-id-199 .btn-theme-effect::after {
	background: #7a28cb;
}
.page-id-199 .blog-area a:hover, .page-content a:hover {
	color: #7a28cb;
}
.page-id-199 .btn-theme-effect {
	border: 2px solid #7a28cb;
}
.page-id-199 .widget_block.widget_search form .wp-block-search__inside-wrapper button {
	background: #7a28cb !important;
}



/* ---single blog------- */
.single-post.postid-180 .widget_block.widget_search form .wp-block-search__inside-wrapper button {
	background: #7a28cb !important;
}
.single-post.postid-180 .comments-form button {
	background-color: #7a28cb;
}
.single-post.postid-179 .widget_block.widget_search form .wp-block-search__inside-wrapper button {
	background: #7a28cb !important;
}
.single-post.postid-179 .comments-form button {
	background-color: #7a28cb;
}
.single-post.postid-177 .widget_block.widget_search form .wp-block-search__inside-wrapper button {
	background: #7a28cb !important;
}
.single-post.postid-177 .comments-form button {
	background-color: #7a28cb;
}




/* single team */
.page-id-1294 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover {
	display: none;
}
.page-id-1366 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}
.page-id-1373 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}
.page-id-1386 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}
.page-id-1393 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}
.page-id-1397 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}
.page-id-238 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover {
	display: none;
}
.page-id-2400 .breadcrumb-area.text-center.shadow.dark.text-light.bg-cover.less-background {
	display: none;
}


/*  --------------*/
.navbar ul#menu-main-menu-4 {
    margin-right: 0;
}
.navbar .attr-nav {
    display: none;
}
.breadcrumb-area .breadcrumb {
    display: none !important;
}
/* Adjust Logo */
.top-bar-area.inc-pad.bg-dark.text-light {
	display: none;
}
.navbar-header .navbar-brand > img{
	max-height: 75px !important;
	height: 75px;
}
.services-single-content{
    display: none;
}

/* -----banner sec----------- */
.hero_banner .banner-area.text-big h2 {
	font-size: 36px;
	line-height: 1.3;
	font-weight: 700;
	text-transform: inherit;
}
.hero_banner .banner-area.text-big h2 span {
	font-size: 40px;
	display: block;
	line-height: 1.2;
}
.hero_banner .right.carousel-control.light {
	display: none;
}
.hero_banner .left.carousel-control.light {
	display: none;
}
.get_invol_sec .business-groth-area p {
	color: #333;
}
.servive_sec .right-shape {
	display: none;
}
.blog_sec .blog-area.default-padding.bottom-less {
	padding-top: 90px;
}

.page-id-560 .btn.btn-gradient::after {
	background: #7a28cb;
}

/*-----About-------------  */
.team_members .share {
	display: none !important;
}
.page-id-207 .bg-cover {
	background-position: top !important;
}




@media (min-width: 1024px) {
  nav.navbar.bootsnav .navbar-brand {
    padding: 5px 15px;
  }
	nav.navbar.bootsnav ul.nav > li > a{
		padding: 35px 10px !important;
	}
}

@media only screen and (max-width: 767px){
	.home h2{
		font-size:26px !important;
}
 .attr-nav {
    display: block !important;
  }
.hero_banner .banner-area.text-big h2 {
	font-size: 32px;
	line-height: 1.3;
	font-weight: 700;
}

.hero_banner .banner-area.text-big h2 span {
	font-size: 24px;
	display: block;
	line-height: 1.2;
}
	.servive_sec h2 {
	font-size: 28px;
}
/* breadcrumb css start here */
 .breadcrumb-area h1 {
	 font-size: 24px !important;
  }
.breadcrumb li{
	padding: 0px 10px !important;
}
.breadcrumb li a{
    font-size: 14px;
}
.breadcrumb-area .row > div{
    padding: 0px 5px !important
}
}
/* breadcrumb css end here */

/* Services css start here */
.approach-info b{
	  color: #1D2746;
	  margin-left: 2px;
    font-weight: 600;
}
.services-details-area {
    padding-top: 0;
}
.services-sidebar {
    max-width: 100%;
    flex: 0 0 100%;
	 margin-top: 0px !important;
}
.approach-info P{color: #333 !important;}
.services-details-items .services-sidebar .services-list a {
	background: rgba(122, 40, 203,0.1);
}
.services-details-items .services-sidebar .services-list a::before{
    background: #7a28cb !important;
}
.services-details-items .services-sidebar .services-list a::after{
    border-color: #7a28cb !important;;
}
/* Services css end here */

.contact-area .info ul li i {
	height: 40px !important;
	width: 40px !important;
	min-width: 40px !important;
	line-height: 40px !important;
	font-size: 16px !important;
}
.contact-area .info ul li a.instagram i {
	background: #f61167;
}
.contact-area .info ul li a.linkedin i {
	background: #07b9ee;
}
.contact-area .info ul li a.youtube i {
	background: #ff934f;
}
.services-details-items .services-sidebar .services-list a::after{
	display:none;
}
.single-widget.quick-contact.text-light .btn.btn-gradient.effect.btn-sm::after {
	background: #7a27cb !important;
}
.carousel-inner .carousel-item > .slider-thumb {
	-webkit-animation: zoom 0s !important;
	animation: zoom 0s !important;
	background-position: top center !important;
}
.thumb-services-area .services-items .item {
	padding: 60px 30px !important;
}
@media (max-width: 1023px) {
.navbar-brand > img {
	height: 70px !important;
}
nav.navbar.bootsnav .navbar-brand {
	padding: 10px;
}
	body nav.navbar.bootsnav .navbar-nav > li > a {
	padding: 13px 15px !important;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
	max-height: 100vh;
}
	 nav.navbar.bootsnav .navbar-collapse.collapse.in, nav.navbar.bootsnav .navbar-collapse.collapse.show{
		 margin-bottom:10px !important;
	}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
	padding: 10px 15px !important;
}
	.breadcrumb-area {
	padding-left:30px !important;
	padding-right: 30px !important;
	}
.breadcrumb-area h1 {
	word-break: break-word;
}
	
}
@media only screen and (max-width: 767px) {
.contact-area .info .content {
	padding: 30px 20px;
	margin: 0 0px;
}
}
@media(max-width:479px){
#bootcarousel .animated.slideInRight {
	display: none;
}
.banner-area .carousel-zoom .slider-thumb {
	background-size: cover !important;
	background-attachment: scroll !important;
}
	header#home{min-height: 99px}
	
	.banner-area.top-pad-50 #bootcarousel .content {
	padding-top: 100px;
	padding-bottom: 50px;
}
}
@media only screen and (max-width: 400px) {
  .contact-area .info ul li {
    display: flex;
    margin-top: 30px;
    gap: 15px;
  }
.contact-area .info ul li i {
	height: 40px;
	width: 40px;
	min-width: 40px;
	line-height: 40px;
	margin-right: 20px;
	font-size: 16px;
	margin: 0px !important;
}
}


