/*
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');


/***** Main Text ****/
body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #A86437;
}
body, p, body div {
}
.white-text, .white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text a {
  color:white;
}
.brown-text, .brown-text h1, .brown-text h2, .brown-text h3, .brown-text h4, .brown-text h5, .brown-text h6, .brown-text a {
	color: #A86437;
}
.large-text {
  font-size: 20px;
}
.text-center {
  text-align:center;
}
a {
  text-decoration:none;
}

@media screen and (max-width: 767px) {
	body #content {
		padding: 0 10px;
		width: calc(100% - 20px);
	}
}

#page .container #secondary {
	margin: 20px 0 0 0;
	padding: 10px;
	border: 1px solid #BB9655;
	background: #FAF3E1;
}
/*@media screen and (max-width: 1199px) {*/
	#page .container #secondary {
		width: calc(100% - 22px);
	}

#page .container #secondary a {
	color: #323333;
}
#page .container #secondary .widget a {
	font-size: 16px;
}
#page .container #secondary .widget h3.widget-title, #page .container #secondary .widget h1.widget-title {
	border-bottom: none;
	padding: 0;
}
#page .container #secondary .widget ul {
	margin: 0;
}


/**
 * Sidebar
 */
.sub-menu {
	display: none;
}
.current-menu-item .sub-menu {
	display: block;
}


/***** Contact Form *****/
input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], textarea {
  font-family: 'Lato', Verdana, sans-serif;
  font-size: 16px;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #d9d9d9;
  width: 100%;
  max-width: 100%;
}
input[type=text], input[type=email], input[type=tel], textarea {
  width: calc(100% - 16px);
}
select, .select-menu {
  font-family: 'Lato', Verdana, sans-serif;
  color: #a9a9a9;
  padding: 8px;
  border-radius: 3px;
  width:100%;
  border: 1px solid #d9d9d9;
   -webkit-appearance: none;
  background: white url('/wp-content/uploads/2016/05/down-arrow.png') no-repeat 95% center;
}
.trigger {
  margin-bottom:15px;
}

/***** Blog ******/
.entry-thumbnail .attachment-post-thumbnail {
	width: 200px;
	height: auto;
}
.entry-thumbnail {
	float: left;
	width: auto;
}
.more-link {
  display:block;
  padding-top:15px;
  font-size: 16px;
}
.blog_post .date_of_post {
  border-right: 1px solid #d6d6d6;
}
.header-post-meta {
  padding:50px 4.4% 0px;
  margin-bottom: 0;
}
.header-post-meta .meta-date {
  background: url('/wp-content/uploads/2016/05/calendar-icon.png') no-repeat 0 3px;
  padding-left: 26px;
  padding-bottom: 2px;
  margin-right: 10px;
}
.header-post-meta .author-link {
  background:url('/wp-content/themes/fruitful/images/user.png') no-repeat 0 0 transparent;
  padding-left: 26px;
  padding-bottom: 2px;
  margin-right: 10px;
}
.header-post-meta .cat-links {
  background:url('/wp-content/themes/fruitful/images/category.png') no-repeat 0 3px transparent;
  padding-left: 26px;
  padding-bottom: 2px;
  display:block;
}

/**
 * Navigation Bar
 */
body .main-navigation {
	background: transparent;
}
body .main-navigation a {
	text-transform: none;
}

/***** Header ******/
.head-container {
	border-bottom: 8px solid #A86437;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee0b5+0,fdf8f1+100 */
background: #fee0b5; /* Old browsers */
background: -moz-linear-gradient(top,  #fee0b5 0%, #fdf8f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fee0b5 0%,#fdf8f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fee0b5 0%,#fdf8f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee0b5', endColorstr='#fdf8f1',GradientType=0 ); /* IE6-9 */
}

.header-right {
	font-size: 32px;
	text-align: right;
	padding: 40px 0 20px;
	font-family: 'Allura', cursive;
}
@media screen and (max-width: 959px) {
	.header-right {
		font-size: 19px;
	}
}
@media screen and (max-width: 767px) {
	.header-right {
		font-size: 19px;
		text-align: center;
		padding: 40px 0 0px;
	}
}

@media screen and (max-width:1199px) {
	body .main-navigation ul:not(.sub-menu) > li > a, .main-navigation ul:not(.sub-menu) > li:hover > a {
		font-size: 17px;
	}
	body .main-navigation a, body .main-navigation ul li.current_page_item a, body .main-navigation ul li.current-menu-ancestor a, body .main-navigation ul li.current-menu-item a, body .main-navigation ul li.current-menu-parent a, body .main-navigation ul li.current_page_parent a {
		padding: 7px 4px;
	}
}

@media screen and (max-width: 959px) and (min-width: 768px) {
	.site-header img {
		max-width: 252px;
	}
	body .main-navigation ul:not(.sub-menu) > li > a, .main-navigation ul:not(.sub-menu) > li:hover > a {
		font-size: 14px;
	}
	body .main-navigation a, body .main-navigation ul li.current_page_item a, body .main-navigation ul li.current-menu-ancestor a, body .main-navigation ul li.current-menu-item a, body .main-navigation ul li.current-menu-parent a, body .main-navigation ul li.current_page_parent a {
		padding: 7px 2px;
	}
}

/***** 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>.container {
  border-top:none;
}
#colophon {
	border-top: 8px solid #A86437;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efc796+0,fdf8f1+100 */
background: #efc796; /* Old browsers */
background: -moz-linear-gradient(top,  #efc796 0%, #fdf8f1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #efc796 0%,#fdf8f1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #efc796 0%,#fdf8f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc796', endColorstr='#fdf8f1',GradientType=0 ); /* IE6-9 */

}

@media screen and (max-width:767px) {
	.footer-widget {
		text-align: center;
	}
}

/**
 * Top border footer
 */
#colophon .border-top {
	border-top: 2px solid #C38F56;
	color: #676767;
	text-align: center;
}
.border-top a {
	color: #676767;
}

/**
 * General Page
 */
#page {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fee0b5+0,fffff+100 */
background: #fee0b5; /* Old browsers */
background: -moz-linear-gradient(top,  #fee0b5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fee0b5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fee0b5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee0b5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/***** Home Page *****/
body .vc_btn3.vc_btn3-color-chino, body .vc_btn3.vc_btn3-color-chino.vc_btn3-style-flat {
	background: #FDD9A7;
	color: #202020;
}
body .vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
	font-size: 16px;
}
body .vc_btn3.vc_btn3-color-chino:hover, body .vc_btn3.vc_btn3-color-chino.vc_btn3-style-flat:hover {
	background: #A86437;
	color: #fff;
}
.forcefullwidth_wrapper_tp_banner {
	border-bottom: 8px solid #A86437;
}

/**
 * Tables
 */
table {
	border: none;
	margin-bottom: 0;
}
table tbody tr:last-child td:last-child {
	border-right: none;
}
table tbody td {
	border-bottom: none;
}







/***** Overall *****/
img {
  max-width: 100%;
  height: auto;
}
#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 .vc_grid-item.zoomIn {
  animation-name: none;
} 
body .wpb_content_element, body .vc_btn3-container {
  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;
}
.home .entry-content {
  margin:0;
}
.page-container {
  padding-top: 0;
  margin-bottom: 0;
}
#home-page-container {
  width: 100%;
}


.blog_post .post-content, body .eleven.columns .blog_post .post-content, .search .blog_post .post-content {
	width: 100%;
	margin-bottom: 10px;
}
input#s {
	width: calc(100% - 44px);
}

/***** Custom sizes *****/
.width-50 {
  width: 48%;
  margin-right: 4%;
  float: left;
}
.width-50.last {
  margin-right: 0;
}

/***** 1140px width *****/
@media screen and (min-width: 1200px) {
  .container .sixteen.columns {
    width: 1140px;
  }
  .container {
    width: 1160px;
  }
  .container .eleven.columns {
    width: 810px;
  }
  .eleven.columns .blog_post .post-content {
    width:754px;
  }
}
.width-960 {
  width: 1140px;
  margin:auto;
}
.width-960-background .vc_col-sm-12 {
  width: 1140px;
  left:50%;
  margin-left: -570px;
}

@media screen and (max-width: 1199px) {
  .width-960 {
    width: 960px;
    margin:auto;
  }
  .width-960-background .vc_col-sm-12 {
    width: 960px;
    left:50%;
    margin-left: -480px;
  }
}
/********** Code for 960 wide sites only
.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;
  }
}
@media screen and (max-width: 959px) {
	.eleven.columns .blog_post .post-content {
		width: 100%;
	}
}
@media screen and (max-width: 760px) {
  .width-960 {
    width: 400px;
    margin:auto;
  }
}
@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;
  }
}