/*
Theme Name: Misbah Architecture Blocks
Theme URI: https://www.misbahwp.com/products/misbah-architecture-blocks
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: The Misbah Architecture Blocks is a multipurpose WordPress theme designed to offer a clean, minimal, yet elegant web presence for professionals, businesses, and creative agencies. Built with precision and style, this retina-ready and responsive theme adapts seamlessly across all screen sizes, ensuring a mobile-friendly and user-friendly experience for every visitor. Crafted with secure and clean code, the theme prioritizes performance with optimized codes that guarantee faster page load time. Its modern and sophisticated design aesthetic is perfect for showcasing architectural firms, portfolios, Architecture Firm,Architect Portfolio,Modern Architecture,Residential Architecture,Commercial Architecture,Urban Planning,Architectural Design,Interior Architecture or even luxurious interior brands. However, its multipurpose nature makes it suitable for a wide range of industries, including tech startups, design studios, and professional agencies. The theme comes packed with interactive and stunning features, including an animated banner, dedicated testimonial section, a sleek Team showcase, and strategically placed Call to Action Buttons (CTAs) to boost engagement and conversions. Built on Bootstrap, it offers flexibility through a variety of shortcodes that make page building efficient and intuitive. With ample customization options, users can personalize every aspect of the theme without touching code. It supports easy color changes, layout adjustments, and widget placements, empowering developers and beginners alike. The integrated social media links promote better online visibility, while its translation-ready framework ensures your site can reach a global audience effortlessly. Whether you're a developer looking to build fast and secure websites or a business owner seeking a beautiful, interactive, and luxurious online presence, the Misbah Architecture Blocks delivers an exceptional foundation. Its agency-friendly structure and visually impactful layout make it a top choice for those who value both design and performance.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: misbah-architecture-blocks
Tags: style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, news, education, portfolio

Misbah Architecture Blocks WordPress Theme, Copyright 2025 misbahwp
Misbah Architecture Blocks is distributed under the terms of the GNU General Public License v3
*/

.wp-block-search.wp-block-search__button-only .wp-block-search__input{
	position: absolute;;
	right: 75px;
	padding:13px;
}
form.wp-block-search__button-only.wp-block-search__icon-button.wp-block-search{
	position: relative;
}
.top-header{
	position: relative;
}
.service-content{
    margin-top: -15px !important;
}
.header-nav {
    position: absolute;
    top: 0px;
    left: 58px;
    text-align: center;
    width: 30%;
    z-index: 3;
}
.main-header-top{
	position: relative;
}
ul.wp-block-social-links li.wp-social-link{
    border-radius: 8px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.service-image{
    position: relative;
    z-index: 1;
}
.service-main h4.service-short-heading,.blog-heading h2.blog-short-heading{
    position: relative;
    display: inline-block;
}
.service-heading,.blog-heading{
    text-align: center;
}
.blog-heading h2.blog-short-heading:after {
    content: "";
    background: url(assets/images/Vector1.png);
    top: 15px;
    right: -40px;
    width: 30px;
    height: 2px;
    position: absolute;
    background-size: 100% 100%;
}
.service-main h4.service-short-heading:after {
    content: "";
    background: url(assets/images/Vector.png);
    top: 15px;
    right: -40px;
    width: 30px;
    height: 2px;
    position: absolute;
    background-size: 100% 100%;
}
.banner-cover img{
    position: relative;
    -webkit-mask-image: url(assets/images/bannercut.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: 1;
}
.video-left{
    position: relative;
    -webkit-mask-image: url(assets/images/videocut.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: 1;
}
.gutentor-element-video-popup .gutentor-video-popup-holder{
    background: transparent !important;
}
.video-popup {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: translateY(-50%);
}
.video-left:after{
    position: absolute;
    content: "";
    top: 34%;
    right: 23%;
    width: 108px;
    height: 52px;
    z-index: 2;
    background: url(assets/images/Shape.png);
    transform: translate(-50%);
}
.video-left{
    position: relative;
}
.slider-btn{
    position: relative;
}
.slider-btn a,.service-btn a,.video-btn a {
    clip-path: polygon(88% 0, 100% 40%, 100% 100%, 0 100%, 0 0);
}
.blog-btn a {
    clip-path: polygon(96% 0, 100% 37%, 100% 100%, 0 100%, 0 0);
    position: relative;
}
.blog-btn a:after{
    content: "\f344";
    position: absolute;
    top: 10px;
    font-size: 20px;
    right: 20px;
    font-family: 'dashicons';
}
.phone-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}
.slider-btn:after {
    content: "\f344";
    position: absolute;
    top: 0px;
    right: -51px;
    width: 40px;
    border-radius: 6px;
    height: 41px;
    background-color: var(--wp--preset--color--secaccent) !important;
    font-family: 'dashicons';
    clip-path: polygon(77% 0, 100% 35%, 100% 100%, 0 100%, 0 0);
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.video-btn{
    position: relative;
    display: flex !important;
    gap:10px;
}
.video-btn:after {
    content: "\f344";
    position: relative;
    top: 0px;
    right: -0px;
    width: 75px;
    border-radius: 6px;
    height: 50px;
    background-color: var(--wp--preset--color--accent-text) !important;
    font-family: 'dashicons';
    clip-path: polygon(77% 0, 100% 35%, 100% 100%, 0 100%, 0 0);
    display: flex;
    text-align: center;
    color: var(--wp--preset--color--secaccent) !important;
    justify-content: center;
    align-items: center;
}
.video-right-image .video-1image img{
    position: relative;
    -webkit-mask-image: url(assets/images/video-rgihtcut.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: 1;
}
.video-right-image{
    position: absolute;
    top: 30%;
    right: 0px;
}
.video-icon {
    position: absolute;
    top: 50%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
}
.blog-post-section .gutentor-image-thumb img,.blog-image img{
    position: relative;
    -webkit-mask-image: url(assets/images/blogcut.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: 1;
}
.video-main-box{
    position: relative;
}
#slider .owl-nav {
    display: flex;
    position: absolute;
    bottom: 25%;
    right: -8.5%;
    gap:15px;
    left: auto;
    z-index: 2;
    flex-direction: column;
}
#slider .owl-carousel .owl-nav .owl-prev:hover span, #slider .owl-carousel .owl-nav .owl-next:hover span{
  color: var(--wp--preset--color--pure-black) !important;
}
#slider .owl-carousel .owl-nav .owl-prev:hover, #slider .owl-carousel .owl-nav .owl-next:hover{
  background: var(--wp--preset--color--secondary-accent) !important;
}
#slider .owl-carousel .owl-nav .owl-prev, #slider .owl-carousel .owl-nav .owl-next {
  width: 35px;
  height: 35px;
  border-radius: 6px;
  background-color: var(--wp--preset--color--primary) !important;
  border: 0px;
}
.date-box img,.date-box{
    width: 100%;
}
#slider .owl-carousel .owl-nav .owl-prev{
  margin-right: 10px;
}
#slider .owl-carousel .owl-nav .owl-prev span,#slider .owl-carousel .owl-nav .owl-next span{
  color: var(--wp--preset--color--secondary-accent) !important;
  font-size: 21px;
}
.product-box{
	position: relative;
}
.sale-box {
    position: absolute;
    top: 0px;
    right: 0px;
}

.leaf-image {
    position: relative;
    -webkit-mask-image: url(assets/images/leaf.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: var(--wp--preset--color--primary) !important;
    width: 30px !important;
    object-fit: cover;
    opacity: 1;
    height: 30px !important;
    z-index: 9999;
}
.carrot-image {
    position: relative;
    -webkit-mask-image: url(assets/images/carrot.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: var(--wp--preset--color--primary) !important;
    width: 30px !important;
    object-fit: cover;
    opacity: 1;
    height: 30px !important;
    z-index: 9999;
}
.admin-image {
    position: relative;
    -webkit-mask-image: url(assets/images/admin.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: var(--wp--preset--color--primary) !important;
    width: 25px !important;
    object-fit: cover;
    opacity: 1;
    margin: 0px 3px !important;
    height: 30px !important;
    z-index: 9999;
}
.star-image {
    position: relative;
    -webkit-mask-image: url(assets/images/single-star.png);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    background: var(--wp--preset--color--primary) !important;
    width: 30px !important;
    object-fit: cover;
    opacity: 1;
    height: 30px !important;
    z-index: 9999;
}
.blog-box{
	position: relative;
	text-align: center;
}
.date-box-inner {
    position: absolute;
    bottom: 4%;
    width: 14%;
    left: 4%;
}
.blog-box:hover .blog-btn a{
	background-color: var(--wp--preset--color--primary) !important;
	color: var(--wp--preset--color--accent-text) !important;
}
.date-box {
    display: inline-block;
}
.blog-image,.blog-image img{
	width: 100%;
	height: 350px !important;
	object-fit: cover;
}
.slider-btn a:hover,.product-btn a:hover,.dynamic-product-btn button:hover {
	background-color: var(--wp--preset--color--secaccent) !important;
}
.video-btn a:hover{
    background-color: var(--wp--preset--color--secondary-accent) !important;
    color: var(--wp--preset--color--primary) !important;
}
.video-btn:hover:after{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}
.slider-social .wp-social-link:hover,.service-btn a:hover{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--secondary-accent) !important;
}
.slider-btn:hover:after{
    background-color: var(--wp--preset--color--primary) !important;
}
.bk-hide-tab.bk-hide-mob.social-icon a.wp-block-social-link-anchor:hover,.social-icon ul li a:hover svg{
	color: var(--wp--preset--color--secondary);
	fill: var(--wp--preset--color--secondary);
}
.header-menu ul li a{
	padding: 5px 20px !important;
}
.header-menu ul li a:hover{
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--accent-text) !important;
	border-radius: 8px;
}
.wc-block-mini-cart.wp-block-woocommerce-mini-cart .wc-block-mini-cart__quantity-badge svg:hover{
	fill: var(--wp--preset--color--secondary) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale span{
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
.wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary) !important;
    border-top-left-radius: 0px;
    border-top-right-radius: 12px;
    border: 0px !important;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 0px;
    padding-top: 3px;
    padding-right: var(--wp--preset--spacing--x-small);
    padding-bottom: 3px;
    padding-left: var(--wp--preset--spacing--x-small);
    position: absolute;
    top: 0px;
    right: 0px;
}
.footer-contact span{
    fill: var(--wp--preset--color--primary) !important;
}
.product-main li.wc-block-product{
    position: relative;
}
.top-header span{
    margin-right: 5px !important;
}
span.dashicons.dashicons-phone {
    transform: rotate(92deg);
}
.counter-btn a:hover{
    background-color: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}
.blog-box p span {
    color: var(--wp--preset--color--secaccent) !important;
    margin-right: 5px !important;
    position: relative;
    top: 4px;
}
.footer-main a.wp-block-social-link-anchor:hover, .footer-main ul li a:hover svg {
    color: var(--wp--preset--color--pure-black) !important;
    fill: var(--wp--preset--color--pure-black)  !important;
}

.gutentor-entry-meta.gutentor-entry-meta-secondary .author.vcard, .gutentor-entry-meta.gutentor-entry-meta-secondary .gutentor-meta-categories {
    display: none !important;
}

.gutentor-entry-meta.gutentor-entry-meta-secondary {
    position: absolute;
    top: 225px;
    left: 14px;
}

 .blog-post-section .gutentor-image-thumb img{
    width: 100%;
    height: 320px !important;
    object-fit: cover;
    border-radius: 12px;
}

.gutentor-entry-meta.gutentor-entry-meta-secondary .posted-on:before,
.gutentor-entry-meta.gutentor-entry-meta-secondary .posted-on i,
.gutentor-entry-meta.gutentor-entry-meta-secondary .comments-link{
    display: none !important;
}

.blog-post-section .gutentor-post-item{
    position: relative;
    text-align: center;
    border-radius: 12px;
    padding-top: 0px;
}
.blog-post-section .gutentor-post-item .gutentor-entry-meta.gutentor-entry-meta-secondary .posted-on{
    margin-right: 0px !important;
    padding-right: 0px !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    color: var(--wp--preset--color--accent-text) !important;
}
.blog-post-section .gutentor-post-item .gutentor-entry-meta.gutentor-entry-meta-secondary {
    border-radius: 10px;
    background: var(--wp--preset--gradient--secondary-gradient) !important;
    width: 20%;
    text-align: center;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    word-break: break-all;
}

.blog-post-section .gutentor-post-item .gutentor-entry-meta.gutentor-entry-meta-secondary .posted-on a {
    line-height: 42px;
}

.blog-post-section .gutentor-post-item h3.gutentor-post-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    font-family: var(--wp--preset--font-family--barlow-condensed) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.blog-post-section .gutentor-post-item .gutentor-post-desc {
    color: var(--wp--preset--color--secaccent) !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    font-family: var(--wp--preset--font-family--poppins) !important;
}
.blog-post-section .gutentor-post-item .gutentor-entry-meta.gutentor-entry-meta-primary a {
    color: var(--wp--preset--color--secaccent) !important;
    font-size: 14px;
    font-style: normal;
    font-family: var(--wp--preset--font-family--dm-sans) !important;
    font-weight: 300;
}
.blog-post-section .gutentor-post-item .gutentor-entry-meta.gutentor-entry-meta-primary i{
    color: var(--wp--preset--color--primary) !important;
}
.blog-post-section .gutentor-post-item a.gutentor-button.gutentor-post-button {
    display: block;
    margin-top: 15px;
    font-family: var(--wp--preset--font-family--barlow-condensed) !important;
    background-color: #FBEDE4;
    border-radius: 8px;
    color: var(--wp--preset--color--primary) !important;
    padding-top: 10px;
    padding-right: 25px;
    clip-path: polygon(96% 0, 100% 37%, 100% 100%, 0 100%, 0 0);
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 18px;
    font-style: normal;
    text-align: left;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog-post-section .gutentor-post-module .gutentor-post .gutentor-entry-meta-primary{
    text-align: left;
}
.blog-post-section .gutentor-post-item a.gutentor-button.gutentor-post-button:after{
    content: "\f344";
    position: absolute;
    top: 10px;
    font-size: 20px;
    right: 20px;
    font-family: 'dashicons';
}

.blog-post-section .gutentor-post-item:hover .gutentor-entry-meta.gutentor-entry-meta-secondary{
    background-color: var(--wp--preset--color--secondary) !important;
}
.blog-post-section .gutentor-post-item:hover a.gutentor-button.gutentor-post-button{
    background-color: var(--wp--preset--color--secondary) !important;
    color: var(--wp--preset--color--accent-text) !important;
}

.blog-post-section{
    margin-bottom: 50px !important;
}