/*
Theme Name: Builders Landing Page
Theme URI: https://rarathemes.com/wordpress-themes/builders-landing-page/
Template: construction-landing-page  
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Builders Landing Page is a child theme of Construction Landing Page free WordPress theme. This theme is best suited to create a landing page for construction & building company, architects, plumbers, packers and movers, landscapers, or any construction-related businesses. The theme features a flawless mobile-friendly design along with professional design. The visually stunning and appealing UX of this theme can be highly beneficial in acquiring new customers for your construction. It is developed by implementing SEO friendly codes and is Schema.org mark up ready which will help your website rank high in search engine results. Also, it is optimized for speed to provide your visitors with smooth user experience while browsing your website leading to higher lead generation. Designed with visitor engagement in mind, Builders Landing Page helps you to easily and intuitively create professional and appealing websites for your construction & building related business. Furthermore, it is a cross-browser compatible, translation ready and supports RTL scripts. Also, it is backed up by the super-friendly and experienced support team to help you with your issues and queries while using our theme. Check the demo at https://rarathemes.com/previews/?theme=builders-landing-page, documentation at https://docs.rarathemes.com/docs/builders-landing-page/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.6
Requires PHP: 5.6
Tested up to: 5.5
Requires at least: 4.7
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: builders-landing-page
Tags: blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, full-width-template, theme-options, portfolio, e-commerce
*/

:root{
    --primary-color: #ff5a00;
    --primary-font: 'Calibri', sans-serif;
    --secondary-font: 'Poppins', sans-serif;
    --font-color: #585656;
}

body:not(.no-banner).admin-bar .site-header{
    margin: 0;
	width: 50%;
}

body,
button,
input,
select,
textarea{
    font-size: 19px;
    line-height: 1.650em;
    font-family: var(--primary-font);
    color: var(--font-color);
}

a{
    color: var(--primary-color);
}

a:hover,
a:focus{
    color: var(--primary-color);
    text-decoration: underline;
}

.button-reset{
	background: #0c7d3f;
    border: 2px solid #0c7d3f;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-radius: 5px;
    padding: 14px 25px;
    font-size: 14px;
    line-height: 1em;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.button-reset:hover, .button-reset:focus{
    background: none;
    color: #0c7d3f;
	text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea{
    font-size: 14px;
    line-height: 22px;
    color: var(--font-color);
    padding: 13px 15px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #ECECEC;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
    background: #0c7d3f;
    border: 2px solid #0c7d3f;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-radius: 5px;
    padding: 14px 25px;
    font-size: 14px;
    line-height: 1em;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus{
    background: none;
    color: #0c7d3f;
}

/*===============================
 Header Style
==============================*/
.site-header{
    position: unset;
    background: #fff;
    padding: 0;
}

.site-header .top-bar{
    background: #1C1C1C;
    padding: 11px 0 10px;
}

.site-header .top-bar .container:after{
    display: none;
}

.site-header .top-bar .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-header .top-bar .phone-holder{
    font-size: 14px;
    line-height: 19px;
    font-family: var(--secondary-font);
}

.site-header .top-bar .phone-holder a{
    color: #fff;
    margin-left: 4px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .top-bar .phone-holder a:hover,
.site-header .top-bar .phone-holder a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .top-bar .phone-holder a:focus{
    outline: thin dotted #fff;
}

.site-header .top-bar .social-networks{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
    line-height: 1em;
    display: flex;
    flex-wrap: wrap;
}

.site-header .top-bar .social-networks li{
    margin-left: 30px;
}

.site-header .top-bar .social-networks li:first-child{
    margin-left: 0;
}

.site-header .top-bar .social-networks li a{
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .top-bar .social-networks li a:hover,
.site-header .top-bar .social-networks li a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .top-bar .social-networks li a:focus{
    outline: thin dotted #fff;
}

.site-header .header-t .container:after{
    display: none;
}

.site-header .header-t .container{
    display: flex;
    flex-direction: column;
}

.site-header .header-t .top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 0 10px 0px;
    align-items: center;
}

.site-header .site-branding{
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.site-header .site-branding .custom-logo-link{
    margin-right: 20px;
    float: none;
}

.site-header .site-branding .custom-logo-link:focus{
    outline: thin dotted #000;
}

.site-header .site-branding .custom-logo-link img{
    vertical-align: top;
}

.site-header .site-branding .text-logo{
    flex-basis: 0;
    flex-grow: 1;
    float: none;
}

.site-header .site-branding .site-title{
    font-size: 30px;
    line-height: 46px;
    font-family: var(--secondary-font);
    color: #121212;
    text-transform: none;
}

.site-header .site-branding .site-title a{
    color: #121212;
}

.site-header .site-branding .site-title a:focus{
    outline: thin dotted #000;
    text-decoration: none;
}

.site-header .site-branding .site-description{
    font-size: 14px;
    line-height: 19px;
    color: #999;
}

.site-header .right-panel{
    display: flex;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 16px;
    color: #999;
    font-family: 'Calibri';
}

.site-header .right-panel .col{
    padding-left: 30px;
    margin-left: 30px;
    border-left: 1px solid rgba(38, 37, 37, 0.1);
}

.site-header .right-panel .col:first-child{
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}

.site-header .right-panel .header-phone{
    display: block;
    position: relative;
    padding-left: 50px;
}

.site-header .right-panel .header-phone svg{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-header .right-panel .header-email{
    display: block;
    position: relative;
    padding-left: 51px;
}

.site-header .right-panel .header-email svg{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-header .right-panel svg{
    fill: var(--primary-color);
}

.site-header .right-panel a{
    font-size: 19px;
    line-height: 22px;
    display: block;
    color: #1C1C1C;
    font-family: 'Calibri';
    font-weight: 600;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-header .right-panel a:hover,
.site-header .right-panel a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-header .right-panel a:focus{
    outline: thin dotted #000;
}

/*===================================
 Single Page/Post Style
===================================*/
#primary .post .entry-content h1,
#primary .page .entry-content h1,
#primary .post .entry-content h2,
#primary .page .entry-content h2,
#primary .post .entry-content h3,
#primary .page .entry-content h3,
#primary .post .entry-content h4,
#primary .page .entry-content h4,
#primary .post .entry-content h5,
#primary .page .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h6{
    font-family: var(--secondary-font);
    color: #121212;
    font-weight: 500;
}

.comments-area .comment-form input[type="submit"]{
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: var(--secondary-font);
    border-radius: 5px;
    padding: 15px 25px;
    font-size: 14px;
    line-height: 1em;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.comments-area .comment-form input[type="submit"]:hover,
.comments-area .comment-form input[type="submit"]:focus{
    outline: none;
    background: none;
    color: var(--primary-color);
}

.comments-area .comment-list .comment-meta .comment-metadata a:hover,
.comments-area .comment-list .comment-meta .comment-metadata a:focus{
    color: var(--primary-color);
}

.comments-area .comment-list .comment-body .reply a:hover{
    background: var(--primary-color);
}

/*==========================
 Footer Style
==========================*/
.site-footer{
    background: #1C1C1C;
    color: #fff;
    font-size: 18px;
    line-height: 1.550em;
	position: relative;
	bottom: 0;
}

.copyright{
    font-size: 18px;
	text-align: center;
	margin: 30px;
	margin-left:43px;
}

.copyright a{
	color: #999;
}

.copyright a:hover,
.copyright a:focus{
	color: #ff5a00;
}

.site-footer a:hover,
.site-footer a:focus{
    text-decoration: none;
    outline: none;
    color: #ff5a00;
}

.site-footer .widget{
    margin: 0 0 30px;
}

.site-footer .widget .widget-title{
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--secondary-font);
    margin: 0 0 20px;
    text-transform: uppercase;
}

.site-footer .widget.widget_text .textwidget{
    padding: 0;
}

.site-footer .widget ul li a{
    color: #fff;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.site-footer .widget ul li a{
    color: #fff;
}

.site-footer .widget ul li a:hover,
.site-footer .widget ul li a:focus{
    text-decoration: none;
    color: var(--primary-color);
}

.site-footer .widget ul li a:focus{
    outline: thin dotted #fff;
    outline-offset: 2px;
    text-decoration: none;
}

.site-footer .widget ul li:before{
    display: none;
}


.widget.widget_calendar .calendar_wrap {
    padding: 0 20px 11px 24px;
    position: relative;
}
.site-footer .widget.widget_calendar .calendar_wrap{
    padding: 0;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 20px;
    line-height: 1;
}

.site-footer .widget.widget_construction_landing_page_featured_post .readmore{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_featured_post .readmore:hover,
.site-footer .widget.widget_construction_landing_page_featured_post .readmore:focus{
    outline: none;
    text-decoration: none;
    color: var(--primary-color);
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail{
    width: 75px;
    margin-right: 20px;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .post-thumbnail img,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .post-thumbnail img{
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-title a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-title a:focus{
    color: var(--primary-color);
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a{
    color: #fff;
}

.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:hover,
.site-footer .widget.widget_construction_landing_page_recent_post ul li .entry-header .entry-meta a:focus,
.site-footer .widget.widget_construction_landing_page_popular_post ul li .entry-header .entry-meta a:focus{
    color: var(--primary-color);
}

.site-footer .widget.widget_tag_cloud .tagcloud{
    padding: 0;
}

.site-footer .site-info2 a:focus{
    outline: thin dotted #ff5a00;
}

.error404 .error-holder .btn-back{
    font-size: 16px;
    line-height: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: var(--secondary-font);
    color: #fff;
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
    height: inherit;
    padding: 15px 35px;
    border-radius: 5px;
    width: inherit;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.error404 .error-holder .btn-back:hover,
.error404 .error-holder .btn-back:focus{
    background: none;
    text-decoration: none;
    outline: none;
    color: var(--primary-color);
}

.search .top-section .search-form{
    display: flex;
    flex-wrap: wrap;
    background: var(--primary-color);
}

.search .top-section .search-form label{
    width: 100%;
    float: none;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
}

.search .top-section .search-form input[type="search"]{
    border-radius: 0;
}

.search .top-section .search-form input[type="submit"]{
    padding: 0;
    border: 0;
    background-color:var(--primary-color); 
}
.widget.widget_calendar caption{
    padding: 10px 0;
    width: max-content;
}
.widget.widget_calendar .calendar_wrap .wp-calendar-nav{
    padding: 12px 20px;
}

@media only screen and (max-width: 991px){
    .mobile-header{
        background: #ffffff;
    }

    .mobile-header .site-branding .site-title{
        font-family: var(--secondary-font);
    }

    .mobile-menu .phone-holder,
    .mobile-menu .email-holder{
        margin: 20px 32px;
        font-size: 15px;
        line-height: 22px;
        padding-left: 30px;
        position: relative;
    }

    .mobile-menu .phone-holder:before{
        position: absolute;
        top: 3px;
        left: 0;
        width: 17px;
        height: 25px;
        content: '';
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5a00' viewBox='0 0 512 512'%3E%3Cpath d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/%3E%3C/svg%3E") center center no-repeat;
    }

    .mobile-menu .email-holder:before{
        position: absolute;
        top: 0;
        left: 0;
        width: 17px;
        height: 25px;
        content: '';
        background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff5a00' viewBox='0 0 512 512'%3E%3Cpath d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'/%3E%3C/svg%3E") center center no-repeat;
    }

    .mobile-menu .phone-holder a,
    .mobile-menu .email-holder a{
        display: block;
        font-weight: 600;
        color: #121212;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .phone-holder a:hover,
    .mobile-menu .phone-holder a:focus,
    .mobile-menu .email-holder a:hover,
    .mobile-menu .email-holder a:focus{
        outline: none;
        text-decoration: none;
        color: var(--primary-color);
    }

    .mobile-menu .social-networks{
        margin: 20px 32px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-menu .social-networks li{
        margin: 0 20px 15px 0;
    }

    .mobile-menu .social-networks li a{
        color: #121212;
        -webkit-transition: ease 0.2s;
        -moz-transition: ease 0.2s;
        transition: ease 0.2s;
    }

    .mobile-menu .social-networks li a:hover,
    .mobile-menu .social-networks li a:focus{
        text-decoration: none;
        outline: none;
        color: var(--primary-color);
    }

    .mobile-menu .primary-navigation ul li a:hover,
    .mobile-menu .primary-navigation ul li a:focus,
    .mobile-menu .primary-navigation ul li:hover > a,
    .mobile-menu .primary-navigation ul li:focus > a,
    .mobile-menu .primary-navigation ul .current-menu-item > a,
    .mobile-menu .primary-navigation ul .current-menu-ancestor > a,
    .mobile-menu .primary-navigation ul .current_page_item > a,
    .mobile-menu .primary-navigation ul .current_page_ancestor > a{
        color: var(--primary-color);
    }

    .mobile-header .site-branding .text-logo{
        flex-basis: 0;
        flex-grow: 1;
    }

    .banner .col{
        width: 100%;
    }

    .banner .col:first-child{
        width: 100%;
        margin: 0 0 60px;
    }

    .banner form{
        margin: 0 auto;
    }

    .banner form:after{
        left: inherit;
        top: -80px;
        right: -130px;
        background-size: 7em;
        -webkit-transform: rotate(190deg);
        -moz-transform: rotate(190deg);
        transform: rotate(190deg);
    }

    .about .col{
        border-right: 0;
        border-bottom: 1px solid #ECECEC;
    }

    .about .col:last-child{
        border-bottom: 0;
    }

    .our-projects .col{
        width: 100%;
        border-right: 0;
    }

    .our-services .col{
        width: 50%;
    }

    .site-footer .site-info2 .copyright,
    .site-footer .site-info2 .by{
        width: 100%;
        text-align: center;
    }

    .mobile-header .menu-opener {
        padding: 0;
        border: 0;
        outline: 0;
    }
    .mobile-header .menu-opener:focus {
        outline: 1px dotted #fff;
    }

    .mobile-menu .close-mobile-menu {
        padding: 0;
        border: 0;
        outline: 0;
    }

    .mobile-menu .primary-navigation .social-networks {
        margin: 20px 32px;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
    }

    .mobile-menu .primary-navigation .social-networks a{
        padding: 0px;
        border-top: 0;
    }
    
    .mobile-menu .primary-navigation .social-networks  li svg {
        margin-right: 0px;
    }
	
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
	  margin: 0 0 0 0;
	}
  
	tr:nth-child(odd) {
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 0%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	
	.form-group {
		margin: 10px 0;
	}
	
	button{
		margin: 5px 0;
	}
}

@media only screen and (max-width: 767px){
    .banner form:after{
        display: none;
    }

    .about,
    .promotional-block,
    .our-projects,
    .our-clients,
    .testimonial{
        padding: 40px 0;
    }

    .about .header .main-title,
    .promotional-block .holder .main-title,
    .our-projects .header .main-title,
    .our-services .header .main-title,
    .testimonial .header .main-title{
        font-size: 30px;
        line-height: 45px;
    }

    .about .col,
    .our-projects .col{
        padding: 15px;
    }

    .our-projects .col{
        flex-direction: column;
    }

    .our-projects .col .img-holder{
        width: 100%;
        margin: 0 0 40px;
    }

    .our-services .top{
        padding: -40px 0 170px;
    }

    .our-services .col{
        width: 100%;
    }

    .our-services{
        padding: 0 0 40px;
    }

    .testimonial .col{
        width: 100%;
    }
}

@media (max-width:1024px) {
    .mobile-menu .social-networks li a {
      display: flex !important;
    }
}

@media only screen and (min-width:991px) {
    .main-navigation .menu-primary-container ul ul {
    position: absolute;
    top: 100%;
    left: -30px;
    width: 250px;
    font-weight: 400;
    flex-direction: column;
    margin-left: -99999px;
    opacity: 0 ;
    }
    .main-navigation .menu-primary-container ul li:hover > ul {
        margin-left: 0;
        opacity: 1;
    }
    .main-navigation .menu-primary-container ul li ul li ul {
        margin-top: -46px;
    }
    
    .main-navigation .menu-primary-container ul li:focus-within > ul {
        margin-left: 0;
        opacity: 1;
    }
    .main-navigation .menu-primary-container ul li ul li ul {
        margin-top: -46px;
    }
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	
	.copyright{
		font-size: 15px;
		text-align: left;
		margin: 10px 0 10px 0;
	}
}