/*
    Theme Name: BARCH Theme (child)
    Description: Clean Architecture WordPress Theme, handcrafted for architecture companies. It’s fully responsive & retina ready. Compatible with latest WordPress versions.
    Template: barch-theme
    Author: WPHunters
    Author URI: http://wphunters.com
    Version: 1.0-child
    License: GNU General Public License version 1.0
    License URI: https://www.gnu.org/licenses/gpl-1.0.html
*/

/* Custom Plantazia CSS */

/* Site wide */
a {
    color: #fff;
}

a:hover {
	color: #ec6806;
}

p {
     color: #ebebeb;
}

#sb_instagram .sbi_follow_btn a {
    background-color: #ec6806;
	background: #ec6806;
    color: #fff;
}

#sb_instagram .sbi_follow_btn a:hover {
    background-color: #ec6806 !important;
	background: #ec6806 !important;
    color: #fff;
}

.btn-primary {
    color: #fff;
}

.btn-primary::before, .btn-primary::after {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #ec6806;
}

.static-page .page-heading > h1 {
    color: #fff;
}

.post-content h1, .page-content h1, .wph-comments-section .comment .text h1, .post-content h2, .page-content h2, .wph-comments-section .comment .text h2, .post-content h3, .page-content h3, .wph-comments-section .comment .text h3, .post-content h4, .page-content h4, .wph-comments-section .comment .text h4, .post-content h5, .page-content h5, .wph-comments-section .comment .text h5, .post-content h6, .page-content h6, .wph-comments-section .comment .text h6 {
    color: #fff;
}


.foreground h1:after {
	position: absolute;
        content: '';
        height: 2px;
        bottom: -10px; 


       /****** 
       optional values below 
       ******/
        
        /* center - (optional) use with adjusting width   */
        margin: 0 auto;
		  left: 0;
        right: 0;
		  width: 96px;
		  background-color: #ec6806;
		  
		  /* optional animation */
		  -o-transition:.5s;
  		  -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }
	 

	 /* optional hover classes used with anmiation */
	  .underline:hover:after {
		  width: 80%;
		  background: orange;
    }

/* Bullets */

ul.bulletlist {
  list-style: none;
}

ul.bulletlist li::before {
  content: "\25FC"; 
  color: #ec6806;
  display: inline-block;
  width: 25px;
  margin-left: -25px;
}


/* Header */
.home .wph-header-spacer {
    height: 0px !important;
}

.home .wph-site-header {
    color: #fff;
    background: rgba(236, 104, 6, 1);
}

/* logo size 
.wph-site-header .left-side {
    width: 20%;
}*/

.wph-site-header .site-brand > img {
    width: 100%;
    height: auto;
}

/* nav links and mobile menu link */
.wph-site-header .site-menu > ul > li > a, .wph-site-header .site-menu > ul > li > a:hover, .wph-site-header a, .wph-site-header a:hover {
     color: #fff;
}

/* add extra space for mobile nav */
.fullscreen-menu-toggle {
	padding: 10px 0px;
}

.wph-header-spacer {
    height: 113px !important; /* equal to size of orange header */
}

.site-search {
	display: none !important;
}

/* mobile menu */
#menu-main-menu-1 {
    margin-top: 15px !important;
}

/* remove search from mobile menu */
#wph-fullscreen-navigation .searchform {
    display: none;
}

/* reduce spacing between menu items */
.wph-site-header .site-menu > ul > li > a {
    padding: 6px 15px;
}

/* carousel */
.wph-offscreen-slider .slick-slide.slick-odd img {
    margin-top: 0px;
}

/* CTA button */
.btn-wide {
    font-size: 18px;
}

/* home page awards section */

.vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
	border-radius: 50%;
}

ul.awards {
   list-style: none;
   margin-left: 0;
   padding-left: 0;
}

ul.awards li {
   padding-left: 28px;
   text-indent: -24px;
   color: #ebebeb;
   margin-bottom: 20px;
}

ul.awards li:before {
  content: "\f091";
  color: #ec6806 !important;
  font: normal normal normal 16px/1 FontAwesome;
  padding-right: 10px;
  padding-top: 10px;
}

/* home page service section */
.services {
	display: table;
	width: 100%;
}
	
.servicesicon {
	display: table-cell;
	width: 86px;
}

.servicesicon img {
	width: 66px;
	height: auto;
	border: 2px solid #fff;
	border-radius: 50%;
}

.servicestxt {
	display: table-cell;
	padding-bottom: 20px;
}

.servicestxt  p {
	color: #232323;
}

.servicestxt a:hover {
	color: #fff;
}

/* cta section */
.light {
	color: #fff;
}

.btn {
    white-space: normal;
}

/* service detail pages */
.wph-page-hero {
    margin-bottom: 20px;
}

.wph-page-hero > .background > span {
    color: #1c1c1c;
}

.wph-page-hero > .foreground > h1 {
    color: #fff;
}



/* portfolio page */
.wph-portfolio-filters select.fl-input {
    color: #fff;
    border-color: #fff;
}

/* portfolio detail page */
.page-template-portfolio-listing #wph-main-container {
	margin-top: 30px;
}

.single-barch-portfolio #wph-main-container {
	margin-top: 50px;
}

.pportfolio {
	margin-bottom: 100px;
}
.pportfoliodetails {
}

.pportfoliodetails h2 {
	font-size: 28px;
}

.pportfoliocopy {
}

/* contact page */
.wpcf7 .fl-input {
    color: #fff;
}

.form-group {
	margin-top: 10px;
	margin-bottom: 20px;
}

.form-group + .form-group + .form-group + .form-group {
    margin-top: 10px;
	margin-bottom: 40px;
}

.alert-success {
    background-color: #ec6806;
    border-color: #ec6806;
    color: #fff;
}
.fl-input-container.has-error > .fl-input {
    color: #fff;
    border-color: #ff4242;
}

/* footer */
.wph-site-footer[data-scheme="dark"] {
    background-color: #ec6806;
    color: #fff;
}

.wph-site-footer > .widgets-area {
    padding-top: 60px;
    padding-bottom: 20px;
}

.footerlogo {
	margin-top: 10px;
}

.marshalls {
	text-align: center;
}

.marshalls img {
	width: 100px;
}

/* recpatcha */
.grecaptcha-badge {
	display: none;
}

.page-id-211 .grecaptcha-badge {
	display: block;
}



/* responsive */
@media (max-width: 782px) {
.wph-site-header .left-side, .wph-site-header .right-side {
 width: 50% !important;
}

}

@media (max-width: 1199px) {
.wph-site-header .left-side {
    width: 40%;
}
.wph-site-header .right-side {
    width: 60%;
}
}

@media (max-width: 1400px) {
.wph-site-header .left-side {
    width: 25%;
}
.wph-site-header .right-side {
    width: 75%;
}
}

@media (min-width: 1401px) {
.wph-site-header .left-side {
    width: 22%;
}
.wph-site-header .right-side {
    width: 78%;
}
}