/*
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 an elegant architecture theme designed specifically for architects, interior designers, and creative agencies seeking to showcase their work and stand out in search results. With a minimalist yet polished layout, this responsive design ensures fast load times and advanced SEO optimization, perfect for promoting an architecture portfolio. Featuring block patterns, retina graphics, and customizable backgrounds, you can create stunning project galleries that emphasize both house design and exterior design. This architecture studio also utilizes schema markup and clean navigation to enhance Google visibility, while its translation-ready options help connect with international clients. The theme strikes a professional tone while maintaining a user-friendly interface, allowing designers and visitors to easily explore various projects. Utilize banner sections to display your most impressive work, set CTAs for quote requests, and build credibility with client reviews. Misbah Architecture Blocks is not merely an architecture showcase; it’s a conversion-focused platform for architects and construction professionals looking to succeed online.
Version: 1.1.7
Requires at least: 6.0
Tested up to: 7.0
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;
}