/*!
Theme Name: Construction Company
Theme URI: https://rarathemes.com/wordpress-themes/construction-company/
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/.
Template: construction-landing-page
Version: 1.0.7
Tested up to: 5.6
Requires PHP: 5.6
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: construction-company
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

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Construction Company is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*header-3 style*/
.site-header.header-3 {
  position: relative;
  padding-top: 0;
  background: #fff;
}

.site-header.header-3 .top-bar {
  /*background: #1d2124;*/
  padding: 13px 0;
}

.site-header.header-3 .top-bar .contact-info {
  float: left;
  color: #d1d1d1;
  font-size: 14px;
  line-height: 17px;
  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 {
  text-transform: none;
  color: #d1d1d1;
}

.site-header.header-3 .top-bar .contact-info span a:hover {
  color: #0f4358;
  text-decoration: none;
}

.site-header.header-3 .top-bar .contact-info span b {
  color: #0f4358;
  font-size: 16px;
  line-height: 20px;
  text-decoration: underline;
  margin-left: 4px;
}

.site-header.header-3 .top-bar .contact-info svg {
  color: #0f4358;
  margin-right: 7px;
}

.site-header.header-3 .top-bar .social-networks {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  line-height: 22px;
  float: right;
}

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

.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;
}

/*form-holder*/

.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: 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 {
  color: #2b2b2b;
  margin-left: 15px;
  cursor: pointer;
}

.site-header.header-3 .header-t .form-holder form {
  position: absolute;
  width: 300px;
  right: 0;
  top: 62px;
  height: 46px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 0 2px 0 #ccc;
  z-index: 1;
}

.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%;
  float: left;
  height: 100%;
  padding: 0 10px;
  background: none;
  border-radius: 0;
  border: 0;
  font-size: 14px;
  line-height: 17px;
}

.site-header.header-3 .header-t .form-holder form input[type="submit"] {
  width: 15%;
  float: left;
  height: 100%;
  /*width: 100%;*/
  background: url(images/search-icon.png) no-repeat 20px 13px;
  text-indent: -9999px;
  box-shadow: none;
  border: 0;
  border-left: 1px solid #ccc;
  border-radius: 0;
}

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

.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-title a {
  color: #0f4358;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  transition: ease 0.2s;
}

.site-header.header-3 .site-branding .site-description {
  color: #1d2124;
  font-size: 14px;
  line-height: 15px;
  margin: 0;
}

.site-header.header-3 .main-navigation {
  font-weight: 700;
  text-transform: uppercase;
  float: right;
  margin-top: 16px;
}

.site-header.header-3 .main-navigation:after {
  content: "";
  display: block;
  clear: both;
}

.site-header.header-3 .main-navigation a {
  color: #1f1f1f;
  padding: 0 5px 30px;
  border-bottom: 3px solid #fff;
}

.site-header.header-3 .main-navigation a:focus,
.site-header.header-3 .main-navigation a:hover {
  color: #0f4358;
  border-bottom: 3px solid #0f4358;
}

.site-header.header-3 .main-navigation ul ul {
  background: #fff;
}

.site-header.header-3 .main-navigation ul ul a {
  padding: 5px 20px;
  text-transform: none;
  border-bottom: 0;
}

.site-header.header-3 .main-navigation ul li:hover > a {
  color: #0f4358;
  border-bottom: 3px solid #0f4358;
}

.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: #0f4358;
  border-bottom: 0;
}

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

.banner form {
  background: #021f36;
}

.banner form input[type="submit"] {
  border: 1px solid #0f4358;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  transition: ease 0.2s;
}

.banner form input[type="submit"]:hover,
.banner form input[type="submit"]:focus {
  background: none;
  color: #0f4358;
}

.banner form input[type="submit"]:focus {
  outline: thin dotted #fff;
  outline-offset: -4px;
}

.promotional-block .holder {
  line-height: 2em;
}

.promotional-block .holder .btn,
.our-projects .col .text-holder .btn-more {
  border: 1px solid #0f4358;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  transition: ease 0.2s;
}

.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: none;
}

.our-projects .col .text-holder {
  background: rgba(2, 31, 54, 0.9);
}

.testimonial .col cite .text-holder .name {
  /*color: #0f4358;*/
}

.promotional-block2 form {
  background: #021f36;
}

.widget.widget_text .textwidget {
  padding: 0;
}

.page:not(.home) .wpcf7 form input[type="submit"]:hover {
  background: #e57f00;
}

@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: #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;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
  }

  .mobile-menu .contact-info a:hover,
  .mobile-menu .contact-info a:focus {
    text-decoration: none;
    color: #0f4358;
  }

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

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

  .mobile-menu .social-networks li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    border-radius: 50%;
    -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;
    border-color: #0f4358;
    background: #0f4358;
    color: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .site-header.header-3 .site-branding {
    float: left;
    width: auto;
  }

  .site-header.header-3 .top-bar .contact-info {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 15px;
  }

  .site-header.header-3 .top-bar .social-networks {
    float: none;
    width: 100%;
    text-align: center;
  }

  .site-header.header-3 .top-bar .social-networks li {
    display: inline-block;
    float: none;
  }

  .site-header.header-3 .header-t .form-holder {
    float: left;
  }
}

/* Custom Css */

.right .btn-form-close {
  position: absolute;
  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");
  top: 22px;
  right: 80px;
  width: 15px;
  height: 15px;
  padding: 0px;
  background-color: transparent;
  border: 0;
  outline: none;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0;
  border-color: none;
  border-radius: 0;
  z-index: 55555555;
}

.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;
  margin: 0;
  position: absolute;
  top: 61px;
  right: 0;
  width: 300px;
  height: 46px;
}

.site-header.header-3 .header-t .form-holder form {
  position: relative;
  display: block;
  width: 100%;
  top: 0;
}

.form-holder .search-field:focus,
.form-holder .search-submit:focus {
  outline: 1px dotted rgba(0, 0, 0, 0.5);
  outline-offset: 1px;
}
.banner form input[type="submit"]{
	/*background:#0f4358;*/
	
}


/* New Css */
.promotional-block2 form input[type="submit"]:hover {
    background: transparent;
    color: #0f4358;
}
.promotional-block2 form input[type="submit"]{
	/*background:#0f4358;*/
	/*border: 1px solid #0f4358;*/
	padding:0px;
}
.entry-content a:hover, .entry-summary a:hover, .page-content a:hover, .comment-content a:hover, .widget .textwidget a:hover{
	color:#0f4358;
}
.site-header.header-3 .header-t .form-holder {
    display: none;
}
.site-header.header-3 .main-navigation {
    margin-right: 0;
}
/*.site-header.header-3 .top-bar {*/
/*    background: #0f4358;*/
/*}*/



.site-header.header-3 .top-bar .contact-info span {
    color: #fff;
}
.site-header.header-3 .top-bar .contact-info span a,.site-header.header-3 .top-bar .contact-info span a b {
    color: #fff;
}
.site-header.header-3 .top-bar .contact-info span svg {
    color: #fff;
}
.site-header.header-3 .top-bar .social-networks li a {
    color: #fff;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    /*background: #0f4358;*/
    line-height: initial;
	border: 1px solid #0f4358 !important;
}
.page:not(.home) .wpcf7 form input[type="submit"]:hover{
	background:transparent;
	color:#0f4358;
}


/* Footer Color */
/*.site-footer .site-info {*/
/*    background: #0f4358;*/
/*}*/
.site-footer .site-info .copyright {
    color: #fff;
}
.site-footer .site-info .by {
    color: #fff;
}
.site-footer .site-info .by a {
    color: #000;
}
.about .col .text-holder .title a:hover {
    color: #0f4358;
}




@media (max-width: 1024px) {
  .mobile-menu .primary-navigation .social-networks li a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
  }
  .mobile-menu .primary-navigation .social-networks {
    margin: 40px 32px;
    padding: 0;
    list-style: none;
  }
  .mobile-menu .primary-navigation .social-networks li svg {
    margin-right: 0px;
  }
  .mobile-menu .primary-navigation .social-networks a:focus {
    text-decoration: none;
    border-color: #0f4358;
    background: #0f4358;
    color: #fff;
  }
}


@media(max-width:767px){
	#primary .post .entry-content blockquote, #primary .page .entry-content blockquote {
		border-left: 0;
		padding-left: 0;
		margin-top: 20px;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	iframe.lazyloaded {
		height: 250px;
	}
	.page .entry-content a{
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;
	}
	#primary .post .entry-content h2, #primary .page .entry-content h2 {
		font-size: 25px;
		font-weight: 700;
		text-align: left;
		line-height: 30px;
	}
	.hentry .entry-content h2 + div[style="height:29px"],
	.hentry .entry-content h2 + div[style="height:30px"],
	.hentry .entry-content h2 + div[style="height:31px"],
	.hentry .entry-content h2 + div[style="height:32px"]{
		display: none;
	}
	.site-branding img {
		max-width: 50px !important;
	}
	#post-606 .is-layout-flex.wp-container-4.wp-block-columns,
	#post-1633 .is-layout-flex.wp-container-3.wp-block-columns{
		display: none;
	}
	.wpcf7-list-item {
		display: block;
		margin: 10px auto;
		width: 230px;
		text-align: left;
	}
	#post-1764 .entry-content p {
		text-align: left;
	}
	.page #post-685 .entry-content a {
		font-size: 12px;
	}

	.page #post-685 .entry-content h2 {
		font-size: 25px;
		line-height: normal;
		text-align: left;
	}
	#post-260 .entry-content > p {
		text-align: left;
		margin: 5px 0;
	}

	section#promotional-block2 {
		margin-top: 30px;
	}
	.site-footer .site-info .by {
		text-align: center;
		font-size: 12px;
		line-height: normal;
	}
	

	.site-footer .site-info .copyright {
		text-align: center;
		float: unset;
		font-size: 12px;
		line-height: normal;
	}

	.site-footer .site-info {
		padding: 10px;
	}
	#post-1163 .entry-content p {
		text-align: left;
	}
	figure {
		margin: 1rem 0;
	}
	.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: 100%;
	}
	.hentry {
		padding-top: 20px;
	}
}


input.wpcf7-form-control.has-spinner.wpcf7-submit {background:<?php echo get_theme_mod( 'construction_landing_page_footer_copyright_theme_color' ); ?>; }