/*
Theme Name: Construction Works
Theme URI: https://www.misbahwp.com/products/construction-works
Author: misbahwp
Author URI: https://www.misbahwp.com/
Description: Construction Works is a modern, professional theme designed specifically for construction companies, builders, architects, and contractors who prioritize both aesthetics and performance. This theme is ideal for showcasing architecture projects and innovative roofing designs with its clean, minimalist layout and mobile responsiveness. It serves as an excellent platform to present completed projects, introduce teams, and share genuine client testimonials. The design incorporates SEO best practices such as fast page loads, schema markup, optimized headings, and keyword-rich content, ensuring your building company can compete effectively in search results. With flexible customization options, engaging portfolios, and intuitive navigation, it significantly enhances your brand’s online presence. The inclusion of banner sections and strategically placed call-to-action buttons encourages inquiries and conversions, while its translation-ready and multilingual features broaden your reach to global audiences. Its professional, yet inviting presentation helps your business appear credible and approachable, driving higher engagement, improving local visibility, and generating more project leads, making it a robust foundation for success in the competitive construction industry.
Version: 1.1.3
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: construction-works
Tags: flexible-header, style-variations, one-column, footer-widgets, custom-background, custom-header, 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, portfolio, photography
Construction Works WordPress Theme, Copyright 2025 misbahwp
Construction Works is distributed under the terms of the GNU General Public License v3
*/

.social-main-box ul li{
    border-radius: 5px  !important;
}
.social-main-box ul li a {
    font-size: 25px !important;
}
.call-icon {
    width: 40px !important;
    height: 40px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}
.call-column {
    text-align: right !important;
    justify-content: right;
    display: flex;
}
.social-main-box ul li:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
.social-main-box ul li:hover a svg{
    fill: var(--wp--preset--color--accent-text) !important;
}
.header-btn a:hover,.banner-btn a:hover,.service-box .wp-block-button a:hover{
    background-color: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--primary) !important;
}
.main-header-top{
    border-bottom: 1px solid var(--wp--preset--color--accent-text) !important;
}
.icon-box:hover{
    color : var(--wp--preset--color--accent-text) !important;
    background-color : var(--wp--preset--color--primary) !important;
}

textarea,input.wpcf7-form-control{
    width: 93%;
}
.header-menu ul li:hover a span{
    color: var(--wp--preset--color--accent) !important;
}
.header-menu ul li:hover a span
.header-menu ul li ul.wp-block-navigation-submenu li a{
    background: var(--wp--preset--color--accent-text) !important;
    color: var(--wp--preset--color--secaccent) !important;
}
.slider-image .owl-nav{
    display: none;
}
.slider-image{
    position: relative;
}
.owl-dots {
    position: absolute;
    bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
}
button.owl-dot {
    width: 10px !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
    height: 10px;
    padding: 0px !important;
    background: var(--wp--preset--color--accent-text) !important;
}
button.owl-dot.active {
    width: 25px !important;
    height: 8px;
    background-color: var(--wp--preset--color--accent) !important;
    border: 0px;
    box-shadow: none;
    border-radius: 30px;
}
.banner-right-box .gutentor-element.gutentor-element-video-popup.text-align-center-mobile {
    position: relative;
    top: 0px;
    width: 100%;
    border-radius: 50%;
    margin: 0px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-header-top .wp-block-social-link a:hover{
    color: var(--wp--preset--color--secondary-accent) !important;
    fill: var(--wp--preset--color--secondary-accent) !important;
}
.banner-right-box{
    position: relative;
}
.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;
    margin: 0px !important;
}
.slider-main-box {
    position: relative;
}
.main-header-top{
	position: relative;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 10px;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
    right: 17px;
}
.blog-image,.blog-image img{
	width: 100%;
	height: 250px !important;
	object-fit: cover;
}
.countor-box h4 span{
    color: var(--wp--preset--color--accent) !important;
}
input#submit,button.wp-block-search__button.has-icon.wp-element-button,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
button.wp-block-search__button.has-border-color.has-outline-border-color.wp-element-button,
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
    background-color: var(--wp--preset--color--primary) !important;
}
.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;
}
.blog-image .wp-block-post-date time {
  display: inline-block;
  white-space: normal;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.1;
  border-top-left-radius: 20px;
}
.blog-image .wp-block-post-date time {
    width: 10.6ch;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.blog-image .wp-block-post-date time::first-line {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}
.blog-image{
    position: relative;
}
.blog-image .wp-block-post-date{
    position: absolute;
    z-index: 1;
}
.blog-image .wp-block-post-date time::first-line {
  font-weight: 700 !important;
  font-size: 16px !important;
  display: block !important;
}
.main-header .social-icon .wp-block-button a:hover{
    background: var(--wp--preset--color--pure-black) !important;
}
.main-header .social-icon .button-1-header a:hover{
    background: var(--wp--preset--color--pure-black) !important;
    border-radius: 0px !important;
    color: var(--wp--preset--color--secondary-accent) !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;
    position: relative;
}
.header-menu ul li a:hover{
    color: var(--wp--preset--color--accent-text) !important;
    border-radius: 7px;
}
.header-menu ul li ul.wp-block-navigation-submenu li a:after{
    display: none;
}
.header-menu ul li ul.wp-block-navigation-submenu li a,.header-menu ul li:hover ul.wp-block-navigation-submenu li a span{
    color: var(--wp--preset--color--primary) !important;
}
.header-menu ul li a:hover:after {
    content: "";
    width: 85%;
    margin: 0 auto;
    right: 0px;
    height: 5px;
    z-index: 1;
    border-radius: 10px;
    bottom: -18px;
    background: var(--wp--preset--color--accent) !important;
    left: 0px;
    position: absolute;
}
.banner-main{
    position: relative;
}
.banner-main:after{
    content: "";
    bottom: 0px;
    width: 100%;
    height: 50px;
    left: 0px;
    background: var(--wp--preset--color--accent-text) !important;
    position: absolute;
    z-index: 0;
}
.service-image{
    position: relative;
}
.service-image img{
    height: 250px;
    object-fit: cover;
}
.icon-box {
    position: absolute;
    width: 50px;
    bottom: -15px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 25px;
    font-size: 20px;
    color: var(--wp--preset--color--heading) !important;
}
.contact-box-banner{
    position: relative;
    z-index: 1;
}
.video-box video {
    height: 450px;
    object-fit: fill;
    border-radius: 20px !important;
}
.slider-image figure{
    margin-bottom: 0px !important;
}
.slider-image img{
    width: 100% !important;
    height: 450px;
    object-fit: cover;
}
.gallery-section img{
    width: 100% !important;
}
.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;
}
.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;
}
.main-header{
    position: relative;
}