/*
Theme Name: Construction Company 02
Theme URI: https://rarathemes.com/wordpress-themes/construction-company/
Template: construction-landing-page
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Construction Company is a child theme of Construction Landing Page which is a free WordPress theme specially designed for building and construction companies.The theme includes a lead generating contact form on the homepage and several optimally placed Call-to-Action (CTA) sections to create a high converting website. Construction Company theme is clean, responsive (mobile-friendly), speed optimized, and SEO friendly. It includes an attractive banner with a contact form, services section, portfolio section, client section, testimonial section, social media and so on. It is WooCommerce (online shop) compatible and translation ready. Though the theme is especially created to make building and construction companies websites, it can also be used to make all kinds of websites such as web agency, portfolio, e-commerce, photography, business, corporate, restaurant, video, real estate, travel, wedding, education, business, portfolio, hotel, church, event, music, review, fitness, affiliate, lawyer, community, sports, medical, cafe, spa, teams, band, food, hair salon, jewelry, political, football, school, university, bed and breakfast, pub, resort, squeeze page, reservation and winery websites. Check the demo at https://rarathemes.com/previews/?theme=construction-company, documentation at https://docs.rarathemes.com/docs/construction-company/, and get support at https://rarathemes.com/support-ticket/.
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
Version: 1.0.7.1666636837
Updated: 2022-10-24 18:40:37

*/

.banner form {
    background-color: #021f36;
}
.banner form input[type="submit"] {
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
    border: 1px solid #f3880a;
}
.banner form input[type="submit"]:focus {
    outline: thin dotted #fff;
    outline-offset: -4px;
}
.promotional-block .holder {
    line-height: 2em;
}
.our-projects .col .text-holder {
    background-color: rgba(2, 31, 54, 0.9);
}
.testimonial .col cite .text-holder .name {
    color: #f3880a;
}
.promotional-block2 form {
    background-color: #021f36;
}
.widget.widget_text .textwidget {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
body:not(.no-banner).admin-bar .site-header {
    margin: 0;
}
.site-header.header-3 {
    padding-top: 0;
    position: relative;
    background-color: #fff;
}
.site-header.header-3 .top-bar {
    background-color: #1d2124;
    padding: 13px 0;
}
.site-header.header-3 .top-bar .contact-info {
    font-size: 14px;
    line-height: 17px;
    color: #d1d1d1;
    float: left;
    text-transform: uppercase;
}
.site-header.header-3 .top-bar .contact-info span {
    margin-right: 36px;
}
.site-header.header-3 .top-bar .contact-info span a {
    color: #d1d1d1;
    text-transform: none;
}
.site-header.header-3 .top-bar .contact-info span a:hover {
    color: #f3880a;
    text-decoration: none;
}
.site-header.header-3 .top-bar .contact-info span b {
    margin-left: 4px;
    font-size: 16px;
    line-height: 20px;
    color: #f3880a;
    text-decoration: underline;
}
.site-header.header-3 .top-bar .contact-info svg {
    margin-right: 7px;
    color: #f3880a;
}
.site-header.header-3 .top-bar .social-networks {
    font-size: 18px;
    line-height: 22px;
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
}
.site-header.header-3 .top-bar .social-networks li {
    margin-left: 20px;
    float: left;
}
.site-header.header-3 .top-bar .social-networks li a {
    color: #d2d2d2;
}
.site-header.header-3 .top-bar .social-networks li a:hover, .site-header.header-3 .top-bar .social-networks li a:focus {
    color: #fff;
    text-decoration: none;
}
.site-header.header-3 .header-t {
    padding: 30px 0 0;
}
.site-header.header-3 .header-t .right {
    float: right;
}
.site-header.header-3 .main-navigation a:focus {
    outline: thin dotted #000;
}
.site-header.header-3 .header-t .container {
    position: relative;
}
.site-header.header-3 .header-t .form-holder {
    position: absolute;
    right: 0;
    margin: 17px 0 0;
}
.site-header.header-3 .header-t .form-holder button.search-btn {
    background-image: none;
}
.site-header.header-3 .header-t .form-holder form input[type="submit"]:focus, .site-header.header-3 .header-t .form-holder button.search-btn:focus, .site-header.header-3 .header-t .form-holder button:focus {
    outline: thin dotted #000;
}
.site-header.header-3 .header-t .form-holder svg {
    margin-left: 15px;
    cursor: pointer;
    color: #2b2b2b;
}
.site-header.header-3 .header-t .form-holder form {
    display: block;
    width: 300px;
    width: 100%;
    position: absolute;
    position: relative;
    top: 62px;
    top: 0;
    height: 46px;
    right: 0;
    background-color: #fff;
    z-index: 1;
    -moz-box-shadow: 0 0 2px 0 #ccc;
    -webkit-box-shadow: 0 0 2px 0 #ccc;
    -o-box-shadow: 0 0 2px 0 #ccc;
    box-shadow: 0 0 2px 0 #ccc;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.site-header.header-3 .header-t .form-holder form:after {
    display: block;
    content: "";
    clear: both;
}
.site-header.header-3 .header-t .form-holder form input[type="search"] {
    width: 75%;
    font-size: 14px;
    line-height: 17px;
    background-image: none;
    height: 100%;
    float: left;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
}
.site-header.header-3 .header-t .form-holder form input[type="submit"] {
    width: 15%;
    background-image: url(images/search-icon.png);
    background-repeat: no-repeat;
    height: 100%;
    background-position: 20px 13px;
    float: left;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-left: 1px solid #ccc;
    text-indent: -9999px;
}
.site-header.header-3 .site-branding .site-title a {
    color: #434343;
    color: #f3880a;
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
}
.site-header.header-3 .site-branding .site-title {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 4px;
}
.site-header.header-3 .site-branding .site-description {
    font-size: 14px;
    line-height: 15px;
    color: #1d2124;
    margin: 0;
}
.site-header.header-3 .main-navigation {
    margin-top: 16px;
    font-weight: 700;
    float: right;
    text-transform: uppercase;
}
.site-header.header-3 .main-navigation:after {
    display: block;
    content: "";
    clear: both;
}
.site-header.header-3 .main-navigation a {
    color: #1f1f1f;
    border-bottom: 3px solid #fff;
    padding: 0 5px 30px;
}
.site-header.header-3 .main-navigation a:focus, .site-header.header-3 .main-navigation a:hover {
    color: #f3880a;
    border-bottom: 3px solid #f3880a;
}
.site-header.header-3 .main-navigation ul ul {
    background-color: #fff;
}
.site-header.header-3 .main-navigation ul ul a {
    border-bottom: 0;
    text-transform: none;
    padding: 5px 20px;
}
.site-header.header-3 .main-navigation ul li:hover > a {
    color: #f3880a;
    border-bottom: 3px solid #f3880a;
}
.site-header.header-3 .main-navigation ul ul a:focus, .site-header.header-3 .main-navigation ul ul a:hover {
    border-bottom: 0;
}
.site-header.header-3 .main-navigation ul ul li:hover > a {
    color: #f3880a;
    border-bottom: 0;
}
.banner form input[type="submit"]:hover, .banner form input[type="submit"]:focus {
    background-image: none;
    color: #f3880a;
}
.promotional-block .holder .btn, .our-projects .col .text-holder .btn-more {
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
    border: 1px solid #f3880a;
}
.promotional-block .holder .btn:hover, .promotional-block .holder .btn:focus, .our-projects .col .text-holder .btn-more:hover, .our-projects .col .text-holder .btn-more:focus {
    background-image: none;
}
.page:not(.home) .wpcf7 form input[type="submit"] {
    display: block;
    text-align: center;
    font-size: 24px;
    background-color: #f3880a;
    color: #fff;
    font-weight: 700;
    outline: none;
    border: 0;
    text-transform: uppercase;
    text-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding: 15px 30px;
}
.page:not(.home) .wpcf7 form input[type="submit"]:hover {
    background-color: #e57f00;
}
.right .btn-form-close {
    width: 15px;
    position: absolute;
    top: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
    height: 15px;
    right: 80px;
    background-color: transparent;
    opacity: 0;
    z-index: 55555555;
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    outline: none;
    border: 0;
    -webkit-appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    border-color: none;
    appearance: none;
    -moz-appearance: none;
    padding: 0;
}
.right .btn-form-close:focus {
    opacity: 1;
    z-index: 4555555;
    outline: 1px dotted rgba(0, 0, 0, 0.5);
}
.site-header.header-3 .header-t .header-search-modal {
    display: none;
    width: 300px;
    position: absolute;
    top: 61px;
    height: 46px;
    right: 0;
    margin: 0;
}
.form-holder .search-field:focus, .form-holder .search-submit:focus {
    outline: 1px dotted rgba(0, 0, 0, 0.5);
    outline-offset: 1px;
}
@media (max-width: 1024px) {
.mobile-menu .primary-navigation .social-networks li a {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.mobile-menu .primary-navigation .social-networks {
    list-style: none;
    margin: 40px 32px;
    padding: 0;
}
.mobile-menu .primary-navigation .social-networks li svg {
    margin-right: 0;
}
.mobile-menu .primary-navigation .social-networks a:focus {
    background-color: #f3880a;
    color: #fff;
    text-decoration: none;
    border-color: #f3880a;
}
}
@media only screen and (max-width: 991px) {
.site-header.header-3 .header-t .form-holder {
    float: left;
}
.site-header.header-3 #mobile-header a {
    border: 1px solid #434343;
}
.site-header.header-3 #mobile-header a span {
    background-color: #434343;
}
.our-projects .row .col .mCSB_container {
    width: 100%;
    height: 100%;
}
.mobile-menu .contact-info {
    margin: 40px 32px;
}
.mobile-menu .contact-info span {
    display: block;
    margin: 0 0 20px;
}
.mobile-menu .contact-info a {
    color: #000;
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
}
.mobile-menu .contact-info a:hover, .mobile-menu .contact-info a:focus {
    color: #f3880a;
    text-decoration: none;
}
.mobile-menu .social-networks {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 40px 32px;
    padding: 0;
}
.mobile-menu .social-networks li {
    margin: 0 5px 5px 0;
}
.mobile-menu .social-networks li a {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    color: #000;
    -moz-transition: ease 0.2s;
    -webkit-transition: ease 0.2s;
    -o-transition: ease 0.2s;
    transition: ease 0.2s;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    justify-content: center;
}
.mobile-menu .social-networks li a:hover, .mobile-menu .social-networks li a:focus {
    background-color: #f3880a;
    color: #fff;
    text-decoration: none;
    border-color: #f3880a;
}
}
@media only screen and (max-width: 767px) {
.site-header.header-3 .site-branding {
    width: auto;
    float: left;
}
.site-header.header-3 .top-bar .contact-info {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    float: none;
}
.site-header.header-3 .top-bar .social-networks {
    width: 100%;
    text-align: center;
    float: none;
}
.site-header.header-3 .top-bar .social-networks li {
    display: inline-block;
    float: none;
}
.site-header.header-3 .header-t .form-holder {
    float: left;
}
}