/*
Theme Name: Misbah Architecture Blocks
Theme URI: https://www.misbahwp.com/products/misbah-architecture-blocks
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: Misbah Architecture Blocks is a sophisticated architecture and constrction-focused theme for architecture firms, interior designers, and creative agencies wanting to showcase their work and stand out in search. Its minimalist, polished design uses fast load times, mobile responsiveness, and advanced SEO optimization to help rank for “architecture portfolio theme.” With block patterns, retina graphics, and customizable backgrounds, you can create impactful project galleries, testimonials, and detailed case studies that highlight both architectural creativity and construction excellence. Schema markup and clean navigation boost Google visibility, while translation-ready options connect you to international audiences and clients. The theme’s professional vibe is balanced by a user-friendly interface, making it easy for both designers and visitors to explore projects smoothly. Use banner sections to highlight your most impressive architecture and constrction works, set CTAs to encourage quote requests, and establish credibility with client reviews. Misbah Architecture Blocks is more than just a portfolio it’s a conversion-focused platform built for architects, designers, and construction professionals looking to win new business online.
Version: 1.1.4
Requires at least: 6.0
Tested up to: 6.9
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;
}
.products-block-post-template .wp-block-woocommerce-product-button .added_to_cart.wc_forward{
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    padding: 10px;
    margin: 0;
    text-decoration: none;
}
.single-product .wp-block-add-to-cart-form .quantity .input-text.qty{
    height: 42px;
}
.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;
}