/*
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 {
	font-family: 'Droid Serif', serif;
}
.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;
}
.large-text {
  font-size: 20px;
}
.text-center {
  text-align:center;
}
a {
  text-decoration:none;
}
body .page-container .container {
  background-color:transparent;
}

/***** Meta Slider *****/
.meta-slider-holder {
  position:absolute;
  height: 100% !important;
  min-height: 100% !important;
  overflow:hidden;
}
.metaslider .slides img {
  height: 100% !important;
  min-height: 100% !important;
  width: auto !important;
}
@media screen and (min-width:1451px) {
  .metaslider .slides img {
    height: auto !important;
    width: 100% !important;
  }
  .meta-slider-holder {
    width: 100%;
  }
}
@media screen and (max-width:1199px) {
  .metaslider .slides img {
    margin-left: -250px !important;
  }
}
@media screen and (max-width:980px) {
  .metaslider .slides img {
    margin-left: -450px !important;
  }
}
@media screen and (max-width:760px) {
  .metaslider .slides img {
    margin-left: -700px !important;
  }
}

/***** UberMenu ******/
body .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
  border-left:none;
}
body .ubermenu-skin-black-white-2 {
  border:none;
}
body .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target, body .ubermenu-skin-black-white-2 {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}


/***** Contact Form *****/
input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], textarea, select, .select-menu {
  font-family: 'Lato', Verdana, sans-serif;
  font-size: 16px;
  padding: 8px;
  width: 100%;
  max-width: 100%;
	background-color: #F5F5F5;
	background-image: none;
	border: 0;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text], input[type=email], input[type=tel], textarea {
  width: calc(100% - 16px);
}
select, .select-menu, .fancy-select .trigger {
  font-family: 'Lato', Verdana, sans-serif;
  color: #a9a9a9;
  padding: 8px;
  border-radius: 3px;
  width:100%;
   -webkit-appearance: none;
  background: #F5F5F5 url('/wp-content/uploads/2016/07/down-arrow.png') no-repeat 95% center;
}
.trigger {
  margin-bottom:15px;
}
body div.fancy-select div.trigger:after {
	border-top-color: transparent;
}
body div.fancy-select div.trigger {
	color: #a9a9a9;
	width: calc(100% - 36px);
}

/***** Blog ******/
.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/2015/09/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;
}

/**
 * Page
 */
body.page .entry-thumbnail {
	padding: 0;
}

/***** Header ******/
#masthead .social-icon a {
  float:left;
  margin-right: 10px;
}
.header-phone {
	font-size: 24px;
	color: white;
	letter-spacing: 1.5px;
	margin: 0;
	text-align: right;
}
.header-phone a {
	color: white;
}
@media screen and (max-width: 767px) {
	.header-phone {
		text-align: center;
	}
}
@media screen and (max-width: 767px) and (min-width: 500px) {
	#page-header .head-container .container header .header-hgroup {
		width: 50%;
		float: left;
	}
	#page-header .container header .menu-wrapper.center-pos {
		float: right;
		width: 50%;
	}
	.main-navigation {
		margin: 0;
	}
	.container {
		width: 95%;
	}
	.container .sixteen.columns {
		max-width: 95%;
	}
}

.main-navigation a {
	text-transform: none;
}
.main-navigation .menu-item:last-child a {
	border: 2px solid #ff7e00;
	border-radius: 5px;
	text-transform: uppercase;
}
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 {
	background: transparent;
}

#page .container header.entry-header h1.entry-title, #page .container header.archive-header h1.archive-title {
	padding: 0;
}

@media screen and (max-width: 1199px) {
	.menu-wrapper.right-pos {
		margin-top: -40px;
	}
}

@media screen and (max-width: 959px) {
	body .main-navigation ul:not(.sub-menu) > li > a, body .main-navigation ul:not(.sub-menu) > li:hover > a {
		font-size: 14px;
	}
	.main-navigation .menu-item:last-child a {
		text-transform: none;
	}
	.main-navigation a {
		padding: 7px 8px;
	}
	.main-navigation li {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	#page .container header.entry-header h1.entry-title, #page .container header.archive-header h1.archive-title {
		font-size: 28px;
	}
	.entry-content, .entry-summary {
		margin: 0.5em 0 0;
	}
}


/***** 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;
}
.social-icon > a:hover > i {
}
.lower-footer {
	background-color: #222;
	color: white;
}
.lower-footer .info-box-row {
	margin: 0;
}

/***** Home Page *****/
body .vc_btn3.vc_btn3-color-orange, body .vc_btn3.vc_btn3-color-orange.vc_btn3-style-flat {
	background-color: #ff7e00;
}
.text-shadow {
	text-shadow: 1px 1px 3px #555;
}
.home .head-container {
	position: absolute;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+0,adadad+100&0.3+0,0+100 */
background: -moz-linear-gradient(top,  rgba(100,100,100,0.7) 0%, rgba(100,100,100,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(100,100,100,0.7) 0%,rgba(100,100,100,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(100,100,100,0.7) 0%,rgba(100,100,100,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99646464', endColorstr='#00646464',GradientType=0 ); /* IE6-9 */

}
.home .main-navigation {
	background-color: transparent;
}
.home .main-navigation a, .home .header-phone {
	text-shadow: 1px 1px 2px #555;
}
.main-navigation ul li.current_page_item a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current-menu-parent a, .main-navigation ul li.current_page_parent a {
	background: transparent;
}
.blue-orange-hover {
	background-color: #064a7d;
	padding: 20px;
	text-transform: uppercase;
}
.blue-orange-hover:hover {
	background-color: #ff7e00;
}
.blue-orange-hover a:hover {
	color: white;
}
@media screen and (max-width: 767px) {
	.blue-orange-hover {
		border-bottom: 1px solid white;
	}
}
@media screen and (max-aspect-ratio: 16/9) {
.upb_video-wrapper .upb_video-src {
        height: 100%;
        width: auto;
        transform: translateX(-50%);
        top: 0;
        left: 50%;
}
}

/**
 * Page Template: Featured Image
 */ 
.page-template-template-featured-image .head-container {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9e9e9e+0,adadad+100&0.3+0,0+100 */
background: -moz-linear-gradient(top,  rgba(100,100,100,0.7) 0%, rgba(100,100,100,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(100,100,100,0.7) 0%,rgba(100,100,100,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(100,100,100,0.7) 0%,rgba(100,100,100,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99646464', endColorstr='#00646464',GradientType=0 ); /* IE6-9 */

}
.page-template-template-featured-image .main-navigation {
	background-color: transparent;
}
.page-template-template-featured-image .main-navigation a, .page-template-template-featured-image .header-phone {
	text-shadow: 1px 1px 2px #555;
}
.page-template-template-featured-image #page {
	padding-top: 150px;
}
body.page.page-template-template-featured-image .entry-thumbnail {
	position: absolute;
	margin-left: calc(49.5% - 50vw);
	width: 100vw;
	top: 0;
	margin-top: -260px;
	max-height: 250px;
	overflow: hidden;
}


@media screen and (max-width: 1199px) {
	body.page.page-template-template-featured-image .entry-thumbnail {
		margin-top: -240px;
		max-height: 220px;
	}
	.page-template-template-featured-image #page {
		padding-top: 130px;
	}
}
@media screen and (max-width: 959px) {
	body.page.page-template-template-featured-image .entry-thumbnail {
		margin-top: -200px;
		max-height: 170px;
	}
	.page-template-template-featured-image #page {
		padding-top: 80px;
	}
}
@media screen and (max-width: 767px) {
	body.page.page-template-template-featured-image .entry-thumbnail {
		margin-top: -220px;
		max-height: 220px;
	}
	.page-template-template-featured-image #page {
		padding-top: 0;
	}
	body.page.page-template-template-featured-image .entry-thumbnail .wp-post-image {
		height: 100%;
		width: auto;
		min-height: 220px;
		min-width: 100vw;
	}
}

/**
 * Apply for Financing Page
 */
.green-check {
	list-style-image: url('/wp-content/uploads/2016/07/green-check16.png');
}
.green-check.narrow {
	max-width: 320px;
	margin: auto;
}


/**
 * Commercial Mortgages Page
 */
.sidebar-form {
	background: #064a7d;
	padding: 20px;
	color: white;
}
.sidebar-form h4 {
	background: #ff7e00;
	margin: 0 -30px;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
	position: relative;
}
.sidebar-form h4:after {
	content: "\25BA";
	position: absolute;
	color: #ff7e00;
	top: 31px;
	font-size: 14px;
	right: -1px;
}
.sidebar-form h4:before {
	content: "\25C0";
	position: absolute;
	color: #ff7e00;
	top: 31px;
	font-size: 14px;
	left: -1px;
}







/***** 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.2em;
}
.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;
}
.home .page-container {
  padding-top: 0;
}
#home-page-container {
  width: 100%;
}

/***** 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, .container {
    width: 1140px;
  }
  .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;
  }
  .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;
  }
}