/*
Theme Name: Mouno
Theme URI: http://demo.casethemes.net/mouno
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio
Description: Mouno is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: mouno
Tags: Blog, E-Commerce, Portfolio, Grid Layout, One Column, Two Columns, Three Columns, Four Columns, Left Sidebar, Right Sidebar, Custom Background, Custom Colors, Custom Header, Custom Logo, custom-menu, Editor Style, Featured Image Header, Featured Images, flexible-header, Footer Widgets, Full Width Template, microformats, Post Formats, Sticky Post, Theme Options, threaded-comments, translation-ready, Block Editor Styles, Wide Blocks
Copyright (c) 2025 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* DEVELOPER CSS */
/* ----------------------------------------------------------------------------------- */

:root {
/* colors------------------------------------ */
	--clr-primary-900: #5959fa;
/* 	--clr-primary-100: #bdbef6; */
	--clr-primary-100: #e2e2fb;
	--clr-secondary-900: #09e0b3;
	--clr-accent-900: #03031a;
	--clr-accent-100: #f0f2f4;
	--clr-pure-white: #ffffff;
	--clr-text-800: #5f5f5f;
/* 	--clr-bg-900: #f0f2f4; */
	
/* font family ------------------------------------ */
	--ff-heading: "Outfit", Sans-serif;
	--ff-text: "Inter", Sans-serif;
	--secondary-font: "Outfit", Sans-serif;

/* font sizes ------------------------------------ */
	--fs-text: 16px;
	--fs-heading-2: 48px;
	--fs-heading-3: 36px;
	--fs-heading-5: 22px;
	
	@media(max-width: 1399px){
		--fs-heading-2: 48px;
		--fs-heading-3: 36px;
		--fs-heading-5: 22px;
	}
	
	@media(max-width: 1199px){
		--fs-heading-2: 40px;
		--fs-heading-3: 30px;
		--fs-heading-5: 20px;
	}

	@media(max-width: 991px){
		--fs-text: 14px;
		--fs-heading-2: 32px;
		--fs-heading-3: 26px;
		--fs-heading-5: 18px;
	}
	
	@media(max-width: 767px){

	}
	
	@media(max-width: 575px){
		--fs-heading-2: 24px;
		--fs-heading-3: 20px;
		--fs-heading-5: 16px;
	}
}


/* ----------------------------------------------------------------------------------- */
/* General Styling */
h1, h2, h3, h4, h5, h6, h1>span, h2>span, h3>span, h4>span, h5>span, h6>span {
	font-family: var(--ff-heading) !important;
}

p, span {
	font-family: var(--ff-text) !important;
}

/* ----------------------------------------------------------------------------------- */
/* Header */
/* (a) Responsiveness */
/* (i) Logo */
.pxl-header .pxl-header-logo img {
    height: 52px;
}

/* (ii) Nav */
.pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary li:hover > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary li.current-menu-parent > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary li.current-menu-ancestor > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary li.current_page_item > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary li.current-menu-item > a {
	color: var(--clr-primary-900);
}

.pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary .sub-menu > li:hover > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary .sub-menu > li.current-menu-parent > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary .sub-menu > li.current-menu-ancestor > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary .sub-menu > li.current_page_item > a, .pxl-header-mobile .pxl-sidebar-menu .pxl-header-nav .pxl-menu-primary .sub-menu > li.current-menu-item > a {
	color: var(--clr-primary-900);
}

@media screen and (max-width: 1199px) {
    .pxl-header .pxl-header-inner .pxl-sidebar-menu .pxl-sidebar-box {
        position: relative;
        height: 100%;
        padding: 50px 25px;
        overflow-y: scroll;
    }
	.pxl-header .pxl-header-inner .pxl-sidebar-menu.active {
		width: 380px;
	}
}

@media (min-width: 1200px) {
  #menu-main-nav > li:last-child {
    display: none !important;
  }
}

.pxl-menu-primary .sub-menu, .pxl-menu-primary .children {
	min-width: 300px;
}

/* ----------------------------------------------------------------------------------- */
/* HOME PAGE */
/* (a) Portfolio Section */
.home-portfolio .pxl-post-title span {
	border-radius: 20px;
}

.home-portfolio .pxl-post-category a {
	border-radius: 20px;
}

.home-portfolio a {
	pointer-events: none;
  	cursor: default;
}

/* (b) Clients Section */
.home-clients-section .pxl-icon-item .cls-1 {
	fill: #7d7d7d;
}

.home-clients-section .pxl-icon-item:hover .cls-1 {
	fill: var(--clr-primary-900);
}

/* (c) Testimonials Section */
.home-testimonials .pxl-testimonial-carousel5 .pxl-testimonial-item {
	border-radius: 25px;
	background-color: var(--clr-primary-100);
	border-color: var(--clr-primary-100);
}

.home-testimonials .pxl-testimonial-carousel5 .pxl-testimonial-icon {
	color: #9798c4;
}

.home-testimonials .pxl-testimonial-carousel5 .pxl-rating-star {
	color: var(--clr-secondary-900);
}

/* (d) Banner */
 #rotating-text {
    display: inline-block;
    transition: opacity 0.3s ease;
    opacity: 1;
  }
  #rotating-text._fade { opacity: 0; }

/* (e) Services */
@media(max-width:575px){
	.home-services-section span.pxl-post-btn {
		display: none;
	}
	
	.elementor-19700 .elementor-element.elementor-element-ef7e873 .pxl-layout-service:not(.pxl-layout-service4) .pxl-post-item:hover .pxl-post-icon .pxl-icon, .elementor-19700 .elementor-element.elementor-element-ef7e873 .pxl-layout-service:not(.pxl-layout-service4) .pxl-post-item.active .pxl-post-icon .pxl-icon {
		background-color: #FFFFFF00
	}
	.elementor-19700 .elementor-element.elementor-element-ef7e873 .pxl-layout-service .pxl-post-icon .pxl-icon:before {
		background-color: #FFFFFF00;
    	background-image: linear-gradient(90deg, #FFFFFF00 0%, #FFFFFF00 100%);
		color: var(--clr-accent-900);
        --svg-color: var(--clr-accent-900);
	}
	
	.elementor-19700 .elementor-element.elementor-element-ef7e873 .pxl-layout-service .pxl-post-icon path{
		fill: var(--clr-accent-900);
	}
	
	.elementor-19700 .elementor-element.elementor-element-ef7e873 .pxl-layout-service .pxl-post-icon {
		color: var(--clr-accent-900);
    	--svg-color: var(--clr-accent-900);
	}
}

/* (f) */
@media(max-width: 767px){
	#pxl-content-main .home-hero-section {
		background-color: var(--clr-accent-100);
	}
}


/* ----------------------------------------------------------------------------------- */
/* BACK TO TOP BUTTON */
.back-to-top-button {
	background-color: var(--clr-secondary-900);
	color: var(--clr-pure-white);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.back-to-top-button:hover {
	color: var(--clr-pure-white);
}

.home-services-section .pxl-grid-item:hover .cls-1 {
	fill: var(--clr-pure-white);
}

/* ----------------------------------------------------------------------------------- */
/* Contact Page */
/* (a) Contact Form */
#wpcf7-f8774-p9592-o1 .wpcf7-form-control::placeholder { color: #696969; opacity: 1; }
#wpcf7-f8774-p9592-o1 .wpcf7-form-control::-webkit-input-placeholder { color: #696969; }
#wpcf7-f8774-p9592-o1 .wpcf7-form-control::-moz-placeholder          { color: #696969; }
#wpcf7-f8774-p9592-o1 .wpcf7-form-control:-ms-input-placeholder      { color: #696969; }
#wpcf7-f8774-p9592-o1 .wpcf7-form-control::-ms-input-placeholder     { color: #696969; }

/* (b) Page Title */
.elementor-9594 .elementor-element.elementor-element-57c8b5d .pxl-post-title-wrapper .pxl-post-title-item .pxl-text-highlight {
	font-weight: 500 !important;
}

/* ----------------------------------------------------------------------------------- */
/* About Page */

/* (a) Team Section */
/* (i.) Pagination*/
.elementor-9866 .elementor-element.elementor-element-0121db1 .pxl-grid .pxl-grid-pagination .pxl-pagination-wrap .page-numbers.current {
	background-color: var(--e-global-color-primary);
}

/* (ii.) Image pointer events disabled */
.team-section a{
	pointer-events: none;
  	cursor: default;
}

.team-section .pxl-post-socials {
	display: none;
}

/* (iii.) Text on Image Hover Functionality*/
/* .pxl-post-content .team-excerpt {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  color: #666;
}

.pxl-grid-item:hover .team-excerpt {
  display: block;
} */

/* (iv) Titles*/
.team-section .pxl-post-title {
	font-size: var(--fs-heading-5);
}

.team-section .pxl-post-position {
	font-size: var(--fs-text);
}

/* (v) Case Counter*/

@media(max-width: 767px){
	.about-case-counter .pxl-counter-wrapper1.counter-style1 .pxl-counter-number {
		font-size: 80px;
	}
	
	.about-case-counter .pxl-counter-title {
		margin-bottom: 18px;
    	margin-left: 5px;
	}
}



/* ----------------------------------------------------------------------------------- */
/* Insights Page */
/* (a) Pagination*/
.pxl-pagination-wrap .page-numbers:hover, .pxl-pagination-wrap .page-numbers.current {
	background-color: var(--e-global-color-primary);
}

/* ----------------------------------------------------------------------------------- */
/* Blog Detail Page */
/* (a)  Post Meta / info */
.single.single-post #pxl-content-area .pxl-post-metas .pxl-meta-info svg {
	color: var(--clr-primary-900);
}

/* (b) Featured Image */ 
.pxl-post-featured > img {
	border-radius: 20px;
}

/* (b) Socials and Author */
.single.single-post #pxl-content-area .pxl-post-group {
	display: none;
}


/* (c) Comments*/

.single.single-post #pxl-content-area .pxl-post-title {
	font-size: var(--fs-heading-3);
}

.single.single-post #pxl-content-area .pxl-post-metas .pxl-meta-info .pxl-meta-text {
	font-size: var(--fs-text);
}

.btn.pxl-btn-split .pxl-btn-text, button.pxl-btn-split .pxl-btn-text, .btn.pxl-btn-split .pxl-btn-icon, button.pxl-btn-split .pxl-btn-icon {
/* 	background-color: var(--clr-primary-900); */
	background-color: transparent;
	border: 1px solid var(--clr-primary-900);
}

.btn.pxl-btn-split, button.pxl-btn-split {
/* 	color: var(--clr-pure-white); */
	color: var(--clr-primary-900);
}

.comment-text p {
	font-size: var(--fs-text);
}

.comment-user {
	font-family: var(--ff-heading);
}

.single.single-post #comments .comment-list .comment .comment-box .comment-inner .comment-image img {
	--pxl-box-size: 50px;
}

@media(max-width: 767px){
	.single.single-post #comments .comment-list .comment .comment-box .comment-inner {
		gap: 20px;
	}
}

.single.single-post #comments .comment-title:after , .single.single-post #comments #respond #reply-title:after {
	background-color: var(--clr-primary-900);
}

.single.single-post #comments .comment-list .comment .comment-box .comment-reply > a {
	color: var(--clr-primary-900);
}

.single.single-post #comments #respond .comment-form {
	font-size: var(--fs-text);
	font-family: var(--ff-text);
}


@media(max-width: 1200px) and (min-width: 767px){
	.btn.pxl-btn-split .pxl-btn-text, button.pxl-btn-split .pxl-btn-text{
		padding-inline: 30px;
	}
	.btn.pxl-btn-split, button.pxl-btn-split {
		--pxl-height: 50px;
	}
}

@media (max-width: 1200px) and (min-width: 767px) {
	.single.single-post #comments #respond {
		margin-top: 52px;
	}	
	.single.single-post #comments {
		margin-top: 52px;
		margin-right: 10px;
		margin-left: 10px;
	}
	#pxl-main .inner.has-sidebar {
		row-gap: 52px;
	}
}

@media(max-width: 767px){
	.single.single-post #comments #respond {
		margin-top: 30px;
	}
	.single.single-post #comments {
		margin-top: 30px;
		margin-right: 10px;
		margin-left: 10px;
	}
		#pxl-main .inner.has-sidebar {
		row-gap: 30px;
	}
	.btn.pxl-btn-split .pxl-btn-text, button.pxl-btn-split .pxl-btn-text{
		padding-inline: 22px;
	}
	.btn.pxl-btn-split, button.pxl-btn-split {
		--pxl-height: 40px;
	}
}


/* ----------------------------------------------------------------------------------- */
/* Service Detail Page */
/* (a) Process*/
.service-detail-process-steps .swiper-navigation .pxl-swiper-button {
	border: 1px solid var(--clr-primary-900);
	color: var(--clr-primary-900);
/* 	color: var(--clr-accent-900); */
/* 	background-color: var(--clr-primary-900); */
/* 	color: var(--clr-pure-white); */
}

.service-detail-process-steps .swiper-navigation .pxl-swiper-button:hover {
	color: var(--clr-primary-900);
}

.service-detail-process-steps .swiper-navigation {
	margin-top: 40px;
    justify-content: end;
    padding-right: 70px;
	gap: 24px;
}

.service-detail-process-steps .swiper-navigation .pxl-swiper-button svg {
	height: 14px;
	width: 34px;
}

.service-detail-process-steps .swiper-navigation .pxl-swiper-button {
	--pxl-box-size: 50px;
}

.service-detail-process-steps .pxl-index-box-carousel.pxl-index-box-carousel1 .pxl-index-box-item .pxl-index-box-index .pxl-index-number {
	background-color: var(--clr-accent-100);
	border: 1px solid var(--clr-accent-900); 
	
/* 	background-color: #dcdcfe; */
/* 	border: 1px solid var(--clr-primary-900);  */
	
}

@media(max-width: 767px) {
	.service-detail-process-steps .pxl-index-box-carousel.pxl-index-box-carousel1 .pxl-index-box-item .pxl-index-box-index {
		margin-bottom: 20px;
	}
	
	.service-detail-process-steps .swiper-navigation {
		padding-right: 20px;
	}
}


/* (b) Service Contact Form */
.service-form-item {
	padding-top: 32px;
}

/* .service-form-item span {
	font-weight: 200;
    color: #000;
} */

.elementor-11285 .elementor-element.elementor-element-513f782 .wpcf7 form .service-form-item p .wpcf7-form-control-wrap {
	margin-bottom: 10px;
    font-weight: 300;
    color: #000;
    font-size: 16px;
}

.service-form-item label>span.wpcf7-list-item-label {
	font-size: 15px;
	color: #696969;
}

.wpcf7 form.form-style2 input.wpcf7-validates-as-date {
	color: #696969;
}

#wpcf7-f4794-p11285-o1 .wpcf7-form-control::placeholder { color: #696969; opacity: 1; }
#wpcf7-f4794-p11285-o1 .wpcf7-form-control::-webkit-input-placeholder { color: #696969; }
#wpcf7-f4794-p11285-o1 .wpcf7-form-control::-moz-placeholder          { color: #696969; }
#wpcf7-f4794-p11285-o1 .wpcf7-form-control:-ms-input-placeholder      { color: #696969; }
#wpcf7-f4794-p11285-o1 .wpcf7-form-control::-ms-input-placeholder     { color: #696969; }

.wpcf7 form .wpcf7-response-output {
	display: block;
	border: 1px solid #46b450;
}

#wpcf7-f4794-p11285-o1 .wpcf7 form.pxl-wpcf7-4794 p .wpcf7-form-control-wrap:nth-last-of-type(1), #wpcf7-f4794-p11285-o1 .wpcf7 form.pxl-wpcf7-4794 p .wpcf7-form-control-wrap:nth-last-of-type(2){
	flex-basis: var(--width-xxl);
}

#wpcf7-f4794-p11285-o1 .wpcf7 form.pxl-wpcf7-4794 .service-form-item p .wpcf7-form-control-wrap:nth-last-of-type(1), #wpcf7-f4794-p11285-o1 .wpcf7 form.pxl-wpcf7-4794 .service-form-item p .wpcf7-form-control-wrap:nth-last-of-type(2) {
	flex-basis: 100%;
}


/* ----------------------------------------------------------------------------------- */
/* Footer */
/* (a) Text Marquee */
.footer-text-marquee .pxl-text-marquee-wrapper .pxl-text-marquee-item .pxl-text-highlight {
	-webkit-text-stroke: 2px #FFFFFF4D;
}

/* (b) Social Icons */
.pxl-social-icons-wrapper .pxl-social-icons-item .pxl-social-icons-link.social-icon-default.hover-default:hover {
	--link-color-hover: var(--clr-primary-900);
}


/* ----------------------------------------------------------------------------------- */
/* Insights Detail Page */
.pxl-layout-post3 .pxl-post-featured img {
	border-radius: 17px;
	height: unset;
}
	
.insights-page .pxl-post-item .pxl-post-title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}

.insights-page .pxl-layout-post .pxl-post-author a {
	font-size: 14px;
	display: none;
}

.insights-page .pxl-layout-post3 .pxl-post-featured {
	margin-block: auto;
}

.insights-page .pxl-layout-post3 .pxl-post-date {
	font-size: 14px;
}

@media(max-width:767px){
	.insights-page .pxl-grid .pxl-grid-inner .pxl-grid-item {
		padding-block: 5px;
	}

	.insights-page .pxl-layout-post3 .pxl-post-date {
		font-size: 12px;
	}
}

@media(min-width: 767px){
/* 	.pxl-layout-post3 .pxl-post-featured img {
		height: unset;
	} */

	.insights-page .pxl-post-item .pxl-post-title {
		font-size: 22px;
	}

/* 	.insights-page .pxl-layout-post3 .pxl-post-featured {
		margin-block: auto;
	} */

	.insights-page .pxl-layout-post .pxl-post-author a {
		font-size: 15px;
	}
}



/* ----------------------------------------------------------------------------------- */
/* Blog Detail Page */
/* (a) Sidebar */
.pxl-sidebar-content .widget.widget_search, .pxl-sidebar-content .widget.widget_pxl_author_info, .pxl-sidebar-content .widget.widget_categories, .pxl-sidebar-content .widget.widget_tag_cloud {
	display: none;
}

.widget .widget-title::after {
    background-color: var(--clr-primary-900);
}

.widget.widget_pxl_recent_posts .pxl-post-item .pxl-post-content .pxl-post-title:hover {
	color: var(--clr-primary-900);
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .widget .widget-title, .h6, .widget.widget_categories .pxl-category-item > a, .pxl-filter-wrapper .pxl-filter-inner .filter-item, .h8, .single.single-post #pxl-content-area .pxl-post-social .pxl-social-label, .single.single-post #comments .comment-list .comment .comment-box .comment-header .comment-user, .h9, .pxl-heading-wrapper .pxl-heading-title.heading-underline-accent, .pxl-layout-post1.layout-post-style1 .pxl-post-title, .pxl-layout-post2 .pxl-post-title, .blog #pxl-main .container .pxl-content-area .pxl-post-item .pxl-post-content .pxl-post-title, .archive #pxl-main .container .pxl-content-area .pxl-post-item .pxl-post-content .pxl-post-title, .search.search-results #pxl-main .container .pxl-content-area .pxl-post-item .pxl-post-content .pxl-post-title, .single.single-post #comments .comment-title, .single.single-post #comments #respond #reply-title, .h10, .single.single-post #pxl-content-area .pxl-post-title {
	font-weight: 500;
}