/*
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 tailored for construction companies, builders, architects, and contractors who value both design and performance, making it ideal for showcasing architecture projects and innovative housetop designs. With its clean, minimalist layout and mobile responsiveness, this constrction-focused solution is perfect for presenting completed projects, introducing teams, and sharing authentic client testimonials. The design emphasizes SEO best practices, including fast page loads, schema markup, optimized headings, and keyword-rich content, helping your business compete effectively in search results. Equipped with flexible customization options, engaging portfolios, and intuitive navigation, it enhances your brand’s online presence and appeal. Banner sections and strategically placed call to action buttons encourage inquiries and conversions, while translation-ready and multilingual features expand your reach to global audiences. Its professional yet welcoming presentation ensures your business appears credible and approachable, driving higher engagement, improving local visibility, and generating more project leads, making it a strong foundation for success in the competitive construction industry.
Version: 1.1.0
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: 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;
}
