/*
Theme Name: Construction Blocks
Theme URI: https://www.ovationthemes.com/wordpress/free-construction-wordpress-theme/
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: The "Construction Blocks" WordPress theme is a versatile and robust theme specifically designed for businesses and professionals operating in the construction, architecture, engineering, and related industries. This theme offers a comprehensive set of features tailored to meet the needs of construction companies, contractors, builders, and architects looking to establish a strong online presence. The theme is built with a responsive layout, ensuring that your website looks great and functions seamlessly across all devices, including desktops, tablets, and smartphones. Construction Blocks provides extensive customization options through the WordPress Customizer, allowing you to easily personalize the appearance of your website according to your brand identity. You can customize colors, fonts, layouts, and more without any coding knowledge. Highlight your range of services and specialties with dedicated sections or pages. Use compelling visuals and descriptive content to communicate the value proposition of your services to potential clients. The theme is compatible with popular WordPress plugins such as Contact Form 7, Yoast SEO, WPForms, and others, enhancing the functionality and performance of your website. Construction Blocks is optimized for search engines, helping your website rank higher in search results and attract organic traffic. Clean code, fast loading times, and SEO-friendly practices contribute to improved visibility and online presence. Benefit from regular theme updates and dedicated support from the theme developers. Stay up-to-date with the latest features, security patches, and enhancements to ensure optimal performance and functionality.Access comprehensive documentation and tutorials to help you set up, customize, and manage your website effectively. Whether you're a beginner or an experienced user, you'll find the resources you need to make the most of the Construction Blocks theme.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: construction-blocks
Tags: blog, portfolio, photography, one-column, two-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, wide-blocks

Construction Blocks WordPress Theme, Copyright 2024 pewilliams
Construction Blocks is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
	outline: 2px solid blue !important;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
	outline: none;
	border: 1px solid #cf2e2e;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--secondary);
}

.wp-block-navigation__submenu-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white) !important;
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    }
    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -3px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul ul li a:hover::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul li a:hover::before {
        opacity: 1;
        width: calc(100% - 10px);
    }
    .wp-block-navigation .current-menu-item a{
        color: var(--wp--preset--color--primary) !important; 
        text-underline-offset: 8px;
        text-decoration: underline;
        text-decoration-color: var(--wp--preset--color--primary);
    }
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--white) !important; 
    }
    .wp-block-navigation ul ul li a:hover,.wp-block-navigation ul li a:hover{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul ul li a:hover{
        background-color: var(--wp--preset--color--white) !important;
    }
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #ebebeb;
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: #000000;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: #000000;
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid #dfdfdf;
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid #949494;
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: #eee;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background:var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background:var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--white);
    background: var(--wp--preset--color--heading);
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px #a7aaad;
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style-image: url(images/list1.png);
}
.sidebar-box .wp-block-archives-list li ,.sidebar-box .wp-block-categories-list li,.sidebar-box .wp-block-page-list li{
    list-style-image: url(images/list.png);
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: #f3d2c3;
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--white);
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--primary); 
    color: var(--wp--preset--color--white);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--white) !important;
    color: var(--wp--preset--color--primary);
}
/*header*/
.menu-header{
    position: relative;
}
.nav-block ul li:after{
    content: '';
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -3px;
    height: 7px;
    width: 7px;
    transform: rotate(45deg);
    background-color: var(--wp--preset--color--primary);
}
.nav-block ul ul li:after{
    display: none;
}
.logo-box{
    position: absolute;
    z-index: 999;
    top: 0;
    height: 130%;
}
/*banner*/
.banner-image-cover img{
    width: 100%;
}
.short-heading{
    display: inline-block;
}
/*service*/
.info-sec{
    position: relative;
}
.info-outer-box{
    position: absolute;
    left: 0;
    right: 0;
    top: -90px;
    z-index: 999;

}
.info-box,.service-box{
    box-shadow:0 4px 4px 2px #eee;
}
.more-btn{
    gap: 10px !important;
}
.more-btn a{
    text-decoration: none;
}
/*Project*/
.project-img img{
    width: 100%;
}
/*job*/
.req-box,.loc-box{
    gap: 10px !important;
}
.job-inner-box1 span{
    color: #9788d2;
    font-weight: bold;
}
.job-inner-box2 span{
    color: #f45a5a;
    font-weight: bold;
}
.job-inner-box3 span{
    color: #1ba5ff;
    font-weight: bold;
}
.job-inner-box4 span{
    color: #a2b34e;
    font-weight: bold;
}
.job-inner-box5 span{
    color: #2dafb4;
    font-weight: bold;
}
.job-inner-box6 span{
    color: #fc9700;
    font-weight: bold;
}
/*latest news*/
.blog-box-upper{
    box-shadow: 0 4px 4px 2px #eee;
}
.blog-box{
    position: relative;
}
.date-box{
    position: absolute;
    right: 22px;
    bottom: -38px;
    z-index: 999;
}
/*footer*/
.footer-widgets h1,.footer-widgets h2,.footer-widgets h3,.footer-widgets h4,.footer-widgets h5,.footer-widgets h6{
    display: inline-block;
    border-bottom: 10px solid;
    border-image-slice: 1;
    border-width: 2px;
    padding-bottom: 10px !important;
    border-image-source: linear-gradient(to right, var(--wp--preset--color--primary) 50%, #424858 50%);
}
.footer-widgets .footer-site-title{
    border-bottom: none;
    padding-bottom: 0 !important;
}
.footer-widgets li:hover::marker,.footer-widgets li:hover a{
    color: var(--wp--preset--color--primary);
}
.footer-widgets .wp-block-social-links li:hover{
    background-color: var(--wp--preset--color--primary) !important;
}
/*woocommerce*/
.woocommerce-Tabs-panel--reviews, .woocommerce-Tabs-panel--description {
    padding: 20px !important;
    border: 1px solid #e1e1e1;
}
.woocommerce span.onsale{
    background-color:var(--wp--preset--color--primary);
    border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--heading);
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {
    .post-grid-layout.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media screen and (max-width:600px){
    .post-grid-layout.wp-container-core-post-template-layout-1.wp-container-core-post-template-layout-1{
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width:999px) {

    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 10px;
        right: 10px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
        display: block !important;
        margin-left: 15px;
        padding: 3px 10px;
        float: right;
        font-size: 19px;
        line-height: 1;
        position: absolute;
        right: 0;
        top: 0;
        height: 42px;
        width: 42px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
        stroke: var(--wp--preset--color--white);
        display: block;
        width: 30px;
        height: 13px;
        margin: 0 !important;
        padding: 0 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        display: none;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
        padding-left: 35px;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
        display: block;
        margin: 0;
        padding: 0;
    }
    .nav-block ul li:after{
        display: none;
    }
    .logo-box{
        position: static;
    }
    .social-block .is-layout-flex{
        gap: 10px !important;
    }  
    .job-content-box h6,.job-content-box h5{
        text-align: center;
    }
    .req-box,.loc-box{
        justify-content: center;
    }
}
@media screen and (max-width:1300px) and (min-width:782px){
    .logo-box h1{
        font-size: 18px !important;
    }
    .search-block{
        flex-basis: 15% !important;
    }
    .nav-block{
        flex-basis:  55% !important;
    }
    .nav-block ul,.info-outer-box{
        gap: 18px !important;
    }
    .nav-block ul li a{
        font-size: 16px !important;
    }
    .logo-box{
        gap: 10px !important;
    }
    .inner-info-head{
        gap: 3px !important;
    }
    /*header-info*/
    .info-row{
        gap: 6px !important;
    }
    .info-row p,.info-row h6{
        font-size: 12px !important;
    }
    .info-img{
        padding: 10px 12px !important;
    }
    /*---*/
    .banner-content{
        flex-basis: 85% !important;
    }
    .info-outer-box{
        top: -120px;
    }
}
@media screen and (max-width :1200px) and (min-width: 782px){
    .job-content-box{
        display: grid !important;
    }
    .counter-row,.counter-box {
        gap: 10px !important;
    }
    .counter-row p{
        font-size: 14px !important;
    }
    
}
@media screen and (max-width: 781px){
    .search-block.is-layout-flow > .alignright {
        float: none;
        display: grid;
        justify-content: center;
        margin-inline-start: 0 !important;
    }
    .inner-top-bar{
        text-align: center;
    }
    .social-block .is-layout-flex{
        justify-content: center !important;
    }
    .inner-menu-header.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis:30% !important ;
    }
    .info-outer-box{
        position: static;
    }
    .info-outer-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,.counter-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 45% !important;
    } 
    .service-spacer{
        height: 50px !important;
    }
    .services-text :where(:not(.alignleft):not(.alignright):not(.alignfull)),.project-text :where(:not(.alignleft):not(.alignright):not(.alignfull)),.job-text :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .column-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 40% !important;
    }
}
@media screen and (max-width:600px){
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p,.banner-content{
        text-align: center;
    }
    .inner-menu-header.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis:100% !important ;
    }
    .banner-content h2{
        font-size: 25px !important;
    }
    .banner-content p{
        font-size: 14px;
    }
    .banner-btn{
        justify-content: center !important;
    }
    .job-sec h3,.our-projects h3 ,.our-services h3{
        font-size: 24px !important;
    } 
    .counter-row,.counter-box {
        gap: 10px !important;
    }
    .counter-row p{
        font-size: 13px !important;
    } 
}