/*
Theme Name: Fruitful Child
Theme URI: http://themes.fruitfulcode.com/fruitful
Author: fruitfulcode
Author URI: http://fruitfulcode.com
Description: Fruitful - Free WordPress responsive theme with powerful theme options panel and simple clean front end design. Ability to modify styles and options according to your needs. Two different layout types responsive and fixed. Easily upload logo, background, edit colors, header and menu positions, slider, fonts, social icons, footer, custom css and much more. Translated to Russian, German, Spanish, French, Vietnamese, RTL ready. Works perfect with WooCommerce, BuddyPress, WPML, Contact form 7.
Version: 2.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, orange, light, theme-options, responsive-layout, fixed-layout, custom-header, custom-background, custom-menu, custom-colors, custom-background, translation-ready, featured-images, full-width-template, one-column, right-sidebar, left-sidebar, editor-style
Text Domain: fruitful
Template: fruitful

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.
*/

@import url('../fruitful/style.css');


/**
 * removed CSS from parent theme
 */
.ffs-info-box {
	margin-bottom: 25px;
}
@media (min-width: 768px) {
	.ffs-three-one {
		float: left;
		margin-right: 3%;
		width: 31%;
	}
	.ffs-three-one.last {
		margin-right: 0;
	}
}

.social-icon a.dribbble .fa::before {
  content: url('/wp-content/uploads/2015/05/houzz-17.png');
}
.social-icon>a.dribbble>i {
  background: #7cc04d;
}
.social-icon>a.facebook>i {
  background: #3a589b;
}
.social-icon>a.googleplus>i {
  background: #e53535;
}
.social-icon>a.youtube>i {
  background: #d64944;
}

img { max-width: 100%; }


/***** Main Text ****/
h1, h2, h3, .red-text {
  color: #d64944;
}
.blog .post-title, .single .post-title {
  line-height: 1.1em;
}

/***** Contact Form *****/
input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], textarea {
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  max-width: 90%;
}
.wpcf7-form-control-wrap select {
  border: 1px solid #d9d9d9 !important;
}
.wpcf7-form-control-wrap {
  max-width: 90%;
}

/***** Uber Menu *****/
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-black-white-2 {
  background: #060608 !important;
  width: 100%;
}

/***** Header ******/
#black-menu-area {
  background-color: #060608;
}
#header-phone-numbers {
  color: #464646;
  float:right;
  font-weight:bold;
  font-size: 19px;
  line-height:1em;
}
#header-phone-numbers .red-number {
  color: #d64944;
  font-size: 15px;
}
.featured-houzz {
  float: right;
}
#masthead .social-icon {
  width: auto;
  margin: 0 40px;
	float: right;
}
#masthead .social-icon a {
  float:left;
}
#page-header .container header .menu-wrapper.right-pos {
  padding-top: 15px;
}
@media (max-width: 760px) {
  #header-phone-numbers {
    float:none;
    text-align:center;
  }
  #masthead .social-icon {
    width:100%;
    float:none;
    margin:0;
    text-align:center;
  }
  #masthead .social-icon a {
    float:none;
  }
  .featured-houzz {
    float: none;
    text-align:center;
    display: block;
    padding-top:10px;
  }
}

/***** Footer *****/
.menu-footer_menu-container li {
  float:left;
  padding-left: 20px;
  list-style-type:none;
}
.menu-footer_menu-container li a {
  text-decoration:none;
}
#colophon {
  background: #363636;
  color: white;
}
#colophon a {
  color:white;
}
#colophon a:hover, #colophon a:active {
  color:#d64944;
}
#colophon h4 {
  color: #c6c6c6;
}
.footer-lower-section {
  background: white;
  color: #6f6f6f;
  font-size: 12px;
}
#colophon .social-icon {
  margin-top: 10px;
}

/***** Home Page *****/
.contact-half {
  float:left;
  width: 50%;
}
.home .contact-half {
  color:white;
}
@media screen and (max-width: 767px) {
  .contact-half {
    width: 100%;
  }
}
.contact-city {
  float:left;
  padding-right: 10px;
}
.wpcf7-form-control-wrap select {
  font-size: 14px;
  border:none;
  border-radius: 0px;
  height: 36px;
  margin-left: 10px;
}
#secondary .wpcf7-form-control-wrap .fancy-select {
  margin-bottom: 15px;
}
.hero-headline {
  color:white;
  text-shadow: 1px 1px 7px black;
  text-align:center;
}


/***** Overall *****/
#colophon, article {
  width: 100%;
  padding: 0;
}
body .vc_col-has-fill>.vc_column-inner, body .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, body .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner {
  padding-top:0;
}
body .wpb_content_element {
  margin-bottom: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6 {
  line-height: 1.1em;
}
.home .page-container {
  margin-bottom: 0;
}
.page-container .hentry {
  margin: 0;
}
.ffs-two-one, .ffs-three-one, .ffs-three-two, .ffs-four-one, .ffs-four-two, .ffs-four-three, .ffs-five-one, .ffs-five-two, .ffs-five-three, .ffs-five-four, .ffs-six-one, .ffs-six-two, .ffs-six-three, .ffs-six-four, .ffs-six-five {
  margin-bottom: 0 !important;
}
body .btn.btn-small { 
  border-radius:3px;
  padding:9px 45px;
  font-size: 16px;
}
:target {
  display: block; 
  position: relative;
  top: -100px;
}
.home .entry-content {
  margin:0;
}
.home .page-container {
  padding-top: 0;
}
#home-page-container {
  width: 100%;
}
.width-960 {
  width: 960px;
  margin:auto;
}
.width-960-background .vc_col-sm-12 {
  width: 960px;
  left:50%;
  margin-left: -480px;
}

@media screen and (max-width: 980px) {
  .width-960 {
    width: 730px;
    margin:auto;
  }
  .width-960-background .vc_col-sm-12 {
    width: 730px;
    left:50%;
    margin-left: -365px;
  }
}
@media screen and (max-width: 780px) {
  .width-960 {
    width: 730px;
    margin:auto;
  }
  .width-960-background .vc_col-sm-12 {
    width: 730px;
    left:50%;
    margin-left: -365px;
  }
}
@media screen and (max-width: 760px) {
  .width-960 {
    width: 400px;
    margin:auto;
  }
  .width-960-background .vc_col-sm-12 {
    width: 400px;
    left:50%;
    margin-left: -200px;
  }
}
@media screen and (max-width: 420px) {
  .width-960 {
    width: 300px;
    margin:auto;
  }
  .width-960-background .vc_col-sm-12 {
    width: 300px;
    left:50%;
    margin-left: -150px;
  }
}