/*
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 WordPress theme tailored for construction companies, builders, architects, and contractors who value design and performance. With its clean, minimalist layout and mobile responsiveness, it’s ideal for showcasing completed projects, presenting teams, and sharing authentic client testimonials. This theme emphasizes SEO best practices—fast page loads, schema markup, optimized headings, and keyword-rich content—helping your business compete for searches like “building contractor WordPress theme” or “construction company website.” Equipped with flexible customizations, engaging portfolios, and intuitive navigation, Construction Works elevates your brand to impress potential clients. Banner sections and CTA placements encourage inquiries and conversions, while translation-ready and multilingual tools boost your reach across global markets. The theme’s professional yet welcoming tone ensures your firm comes across as credible and approachable, driving higher engagement, local visibility, and more project leads. It’s a solid foundation for growing your online presence in a competitive industry.
Version: 1.0.2
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: 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;
}
.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;
}