/*
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 crafted to deliver a clean, minimal, and elegant online presence for professionals, businesses, and creative agencies. Built with precision and modern aesthetics, this retina-ready and fully responsive theme adapts seamlessly across all devices, ensuring a mobile-friendly and smooth user experience for every visitor. Developed with secure and optimized code, it guarantees faster loading speed and top-tier performance. Its sleek and sophisticated design makes it an ideal choice for showcasing architectural firms, architect portfolios, modern architecture studios, residential architecture, commercial architecture, urban planning, architectural design, and interior architecture businesses, while its versatile structure also fits tech startups, design studios, and professional service agencies. Packed with interactive features like an animated banner, engaging testimonial section, stylish team showcase, and strategically positioned call-to-action (CTA) buttons, it helps boost engagement and conversions effortlessly. Built on the powerful Bootstrap framework, the theme offers a collection of useful shortcodes that make page creation easy and intuitive. Extensive customization options allow users to modify layouts, colors, typography, and widget placements without writing a single line of code. Social media integration ensures better brand visibility, while its translation-ready framework enables global reach. Perfect for developers, designers, architects, or business owners seeking a fast, secure, and visually impressive website, the Misbah Architecture Blocks theme combines luxury, flexibility, and performance—offering a strong foundation for creating beautiful, professional, and high-performing websites that truly stand out.
Version: 1.0.3
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;
}