/*
Theme Name: Maiko
Theme URI: http://demo.casethemes.com/maiko/
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/
Description: Maiko is a premium WordPress theme designed for architecture portfolios, agencies, and businesses. With a clean and modern design, it provides responsive layouts, grid-based sections, and extensive customization options to showcase your projects effectively.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maiko
Tags: architecture, portfolio, design, creative, modern, minimalist, photography, agency, responsive, grid
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2024 Case-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/*My custom css*/
/*header*/
.pxl-nav-menu.fr-style-divider3 .pxl-menu-primary > li.menu-item-has-children{cursor: pointer !important;}

/*general*/
::selection {
    background-color: #0091ea !important;
    color: #fff;
}
::-moz-selection {
    background-color: #0091ea !important;
    color: #fff;
}
.post-comments{display: none !important;}
.grecaptcha-badge{z-index: 999999 !important;}
.pxl-scroll-top.pxl-on{bottom: 90px !important;}
.pxl-scroll-top{right: 25px;}

/*home page*/
.home-blogs .pxl-post--category{color: #fff !important;}
.home-blogs .pxl-post--category a{color: #fff !important;}
.pxl-counter7 .pxl-counter--holder{
	background-color: #666;
}
.pxl-counter7 .pxl-counter--holder.pxl-counter--revert{
	color: #666;
	left: 140px;
}
.home-ab-counters-mod .pxl-counter--holder.pxl-counter--revert.active .pxl-counter--value:before{
	content: '+';
	position: absolute;
	color: inherit;
	right: 13px;
	
}
.pxl-texts-slip1 .pxl-item--text{
	color: #111 !important;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-post--inner .pxl-post--category{
	background-color: #111;
}

/*about us page*/
.page-id-207 .pxl-heading h1.pxl-item--title{
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.about-ms-block .pxl-flex-middle{display: none;}

/*our work page*/
.port-gallery .pxl-grid-filter .filter-item{
	position: relative; 
	font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.port-gallery .pxl-grid-filter .filter-item:before{
	content: '';
	transition: all 300ms linear 0ms;
	background-color: var(--secondary-color);
	position: absolute;
	width: 0%;
	height: 2px;
	bottom: 0;
	 -webkit-transform: translatey(-2px);
    -khtml-transform: translatey(-2px);
    -moz-transform: translatey(-2px);
    -ms-transform: translatey(-2px);
    -o-transform: translatey(-2px);
    transform: translatey(-2px);
}
.port-gallery .pxl-grid-filter .filter-item:hover:before{
	width: 100%;
}
.port-gallery .pxl-grid-filter .filter-item.active:before{
	width: 100%;
}

/*blog page*/
.blog-posts-cmod .pxl-item--featured{
	background-repeat: no-repeat;
}
.blog-posts-cmod .item--content{color: #fff !important;}
.blog-posts-cmod .post-comments{display: none !important;}
.posts-list-mod .nice-select ul.list li[data-value="comment_count"] {
  display: none !important;
}
.posts-list-mod .nice-select ul.list li[data-value="author"] {
  display: none !important;
}
.pxl-post-carousel1 .post-author a{
	pointer-events: none !important;
	cursor: text !important;
}
.post-author a{
	pointer-events: none !important;
	cursor: text !important;
}
.pxl-post-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--featured{height: 700px;}

/*individual posts*/
.single-post .post-comments{display: none !important;}
.single-post .comments-area{display: none !important;}
.single-post .post-tags-share .post-tags-wrap .post-tags{
	display: none !important;
}
.top-metas .post-metas .meta-inner span, .top-metas .post-metas .meta-inner a{
	color: #666;
}
.top-metas .post-metas .meta-inner a:hover{
	color: var(--primary-color);
}
.widget_product_categories ul:not(.list) li a, .widget_categories ul:not(.list) li a, .widget_nav_menu ul:not(.list) li a, .widget_pages ul:not(.list) li a, .widget_archive ul:not(.list) li a, .widget_meta ul:not(.list) li a, .widget_recent_entries ul:not(.list) li a{
	color: #666;
}
.widget_product_categories ul:not(.list) li > a:hover, .widget_categories ul:not(.list) li > a:hover, .widget_nav_menu ul:not(.list) li > a:hover, .widget_pages ul:not(.list) li > a:hover, .widget_archive ul:not(.list) li > a:hover, .widget_meta ul:not(.list) li > a:hover, .widget_recent_entries ul:not(.list) li > a:hover{
	color: var(--primary-color);
}
.widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover{
	color: var(--primary-color);
}
.pxl-archive-post .post-content .post-title a{
	color: #111;
}
.pxl-archive-post .post-content .post-metas .meta-inner span, .pxl-archive-post .post-content .post-metas .meta-inner a{
	color: #666;
}
.pxl-archive-post .post-content .post-btn-wrap a{
	color: #666;
}
.pxl-archive-post .post-content .post-btn-wrap a:hover{
	color: var(--primary-color);
}

/*privacy policy page*/
.policy-txt a{color: #666;}
.policy-txt a:hover{color: var(--primary-color);}

/*contact us page*/
.contact-box .pxl-item--description a:hover{color: #111 !important;}

/*footer*/
/*mobile responsive*/
@media only screen and (max-width: 980px){
	.pxl-logo-mobile img{height: 100% !important;}
	#pxl-header-default .pxl-header-branding img, #pxl-header-elementor .pxl-header-branding img{height: 100% !important;}
	.pxl-heading h1 br{display: none !important;}
	.home-service-title h3 br{display: none !important;}
	.pxl-testimonial-carousel2 .pxl-wrap-arrow{justify-content: flex-start;}
	.cp-block .pxl-item--title br{display: none;}
	.about-ms-block .pxl-flex-middle{display: flex;}
	#about-history .pxl-item-image::placeholder{display: none !important;}
	img[src=""][alt="about7"], #alttext-container {display: none !important;}
	.port-gallery .pxl-grid-filter .pxl--filter-inner{column-gap: 60px;}
}

@media only screen and (max-width: 480px){
	.home-why-us-list .pxl-item-content:after{top: 25% !important;}
	.home-bio .pxl-link.style-line .pxl-item--link:before{display: none !important;}
	.contact-box .pxl-item--inner{
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 15px !important;
	}
	.pxl-post-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--holder .pxl-item-top{
		flex-direction: column;
	}
	.pxl-post-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--holder .pxl-item-top span{
		flex-direction: column;
		align-items: flex-start !important;
		gap: 5px;
	}
	.pxl-post-carousel1 .pxl-swiper-slide .wrap-inner-content .pxl-item--holder .pxl-item-top .post-author span{
		flex-direction: row !important;
		gap: 0;
	}
	.layout-post-list-2 .pxl-flex-middle{
		flex-direction: column !important;
		align-items: flex-start !important;
	}
	.layout-post-list-2 .pxl-grid-item .pxl-post--inner .pxl-item--author {
		margin-right: 0px !important;
		padding-right: 0px !important;
	}
	.pxl-blog-grid-layout1 .pxl-grid-item .pxl-post--inner .pxl-item--author:before, .layout-post-list-2 .pxl-grid-item .pxl-post--inner .pxl-item--author:before{
		display: none !important;
	}
	.pxl-blog-grid-layout1 .pxl-grid-item .pxl-post--inner .pxl-post--featured .pxl-post--category, .layout-post-list-2 .pxl-grid-item .pxl-post--inner .pxl-post--featured .pxl-post--category{
		left: 0;
		right: 0;
		padding: 0 10px;
	}
	.pxl-blog-grid-layout1 .pxl-grid-item .pxl-post--inner .pxl-post--featured .pxl-post--category a, .layout-post-list-2 .pxl-grid-item .pxl-post--inner .pxl-post--featured .pxl-post--category a{
		line-height: 20px;
		padding: 10px 20px 10px 20px;
	}
	.port-gallery .pxl-grid-filter{margin-bottom: 0 !important;}
	.port-gallery .pxl-grid-filter .pxl--filter-inner{
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}
	.port-gallery .pxl-el-divider{margin-bottom: 40px !important;}
	.ipost-table .pxl-text-editor{
		overflow-x: auto;
	}
	.pxl-counter7 .pxl-counter--holder.pxl-counter--revert{left: 130px !important;}
	.home-ab-counters-mod .pxl-counter--value{font-size: 26px !important;}
	.home-ab-counters-mod .pxl-counter--holder.pxl-counter--revert.active .pxl-counter--value:before{right: 22px;}
}

/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
	.pxl-logo-mobile img{height: 100% !important;}
	#pxl-header-default .pxl-header-branding img, #pxl-header-elementor .pxl-header-branding img{height: 100% !important;}
	.pxl-heading h1 br{display: none !important;}
	.about-ms-block .pxl-flex-middle{display: flex;}
}