/*
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 {
  font-weight: 300;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: 'Lora', serif;
  color: #4a4a4a;
}
.footer-widget-heading, .fancy-text {
  font-family: 'Courgette', cursive;
}
.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;
}
.orange-text, .orange-text h1, .orange-text h2, .orange-text h3, .orange-text h4, .orange-text h5, .orange-text h6, .orange-text a {
  color: #a67bee;
}
.large-text {
  font-size: 18px;
}
.text-center {
  text-align:center;
}
a {
  text-decoration:none;
}
body .page-container .container {
  background-color:transparent;
}
.display-none {
	display:none;
}

/***** Revolution Slider *****/
@media screen and (min-width: 980px) {
  #rev_slider_1_1_wrapper {
    margin-top: -130px !important;
    z-index: 1;
  }
  .home .head-container {
    z-index: 20;
    position: relative;
    background-color: #5b4596;
  }
}

/***** UberMenu ******/
body .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {
  border-left:none;
}
body .ubermenu-skin-black-white-2 {
  border:none;
}
.page .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
  content: "";
}


/***** Contact Form *****/
input.wpcf7-form-control.wpcf7-submit {
    background: #47159e !important;
}
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 {
  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/2015/09/down-arrow.png') no-repeat 95% center;
}
.trigger {
  margin-bottom:15px;
}

/***** 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;
}

/***** Header ******/
#menu-bar-background {
  border-bottom: 3px solid #47159e;
  z-index: 2000;
  position: relative;
}
#page-header {
	background: #070709;
}
body .head-container, 
body .head-container.fixed {
	background: #5b4596;
}
.header-right {
  padding: 20px 0;
}
.header-right .vc_btn3-right {
  float:right;
}
.header-right .vc_btn3-right .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline {
  color: white;
}
.header-address {
  background: url('/wp-content/uploads/2018/10/location-icon.png') no-repeat 0px 4px;
}
.header-phone {
  background: url('/wp-content/uploads/2018/10/phone-icon.png') no-repeat 0px 4px;
}
.header-phone, .header-address {
  margin: 15px 40px 0 20px;
  padding-left: 20px;
  font-size:16px;
  display: inline-block;
}
@media screen and (min-width:1200px) {
  #menu-bar-background {
    margin-top: -45px;
  }
  .home #menu-bar-background {
    margin-top: 0px;
  }
  .page .ubermenu .ubermenu-target {
    padding: 15px 20px;
  }
}
@media screen and (min-width:980px) and (max-width: 1199px) {
  #menu-bar-background {
    margin-top: -45px;
  }
  .home #menu-bar-background {
    margin-top: 0px;
  }
  .header-right {
    position:relative;
  }
  .header-phone, .header-address {
    margin: 0px 15px 0 0;
  }
  .header-phone {
    position: absolute;
    left: 0;
    top: 50px;
  }
  .page .ubermenu .ubermenu-target {
    padding: 15px 8px;
  }
  .page .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px;
  }
}
@media screen and (min-width:768px) and (max-width: 979px) {
  .header-phone, .header-address {
    margin: 0px 10px 0 0px;
  }
  .header-right {
    position:relative;
  }
  .header-phone {
    position: absolute;
    left: 0;
    top: 50px;
  }
}
@media screen and (max-width:767px) {
  .header-right .vc_btn3-right {
    float: none;
    margin: 20px 0 0;
    text-align: center;
  }
  .header-phone, .header-address {
    display: inline-block;
    margin: 10px auto;
  }
  .header-right {
    display:inline;
    text-align: center;
  }
}


/**
 * Sidebar
 */
#secondary .social-icon a {
	margin-right: 15px;
	display: inline-block;
}
#page .container #secondary .widget h3.widget-title, #page .container #secondary .widget h1.widget-title, header.post-header .post-title {
    border-color: #47159e;
}


/*****************
 * 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 .social-icon {
  float:left;
  padding-top: 20px;
}
#colophon .social-icon a {
  border: 2px solid #bababa;
  border-radius: 50%;
  width: 33px;
  height: 33px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.social-icon a>.fa:before {
  font-size: 20px;
}
.social-icon>a>i {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.social-icon a.dribbble .fa:before {
  content: '\f1e9';
}
.social-icon a.skype .fa:before {
  content: url('/wp-content/uploads/2015/12/bbb-20.png');
}
#colophon {
  background:  #5b4596;
  color: white;
  line-height: 1.8em;
}
.footer-widget-heading, .light-orange-text {
  color: #eed9c3;
}
.footer-keep-right {
  float:right;
}
@media screen and (max-width: 767px) {
  .footer-widget-heading {
    margin-top: 30px;
  }
}


/*****************
 * Lower Footer
 *****************/
#colophon .lower-footer {
  background: #f6f6e9;
  color: #5d5d5d;
}
#colophon .lower-footer a {
  color: #5d5d5d;
}
#colophon .lower-footer .info-box-row {
  margin: 0;
}
#colophon .lower-footer ul {
  margin: 0 0 15px;
}

/******************
 * Home Page
 ******************/
@media screen and (min-width: 980px) {
  .home .ubermenu-responsive-default.ubermenu {
    width: 100%;
    text-align: center;
  }
}
.page .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline {
  border: 2px solid #47159e;
  border-radius: 4px;
  font-family: Lora, serif;
  font-size: 18px;
  color: #4a4a4a;
  padding: 13px 19px;
}
.page .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:hover, .page .vc_btn3.vc_btn3-color-danger.vc_btn3-style-outline:active {
  background: #47159e;
  color: white;
}
.page .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
  border-radius: 4px;
  font-family: Lora, serif;
  font-size: 18px;
}
.white-box {
  padding: 160px 30px 30px;
  margin: -140px 0 30px;
  background: white;
}
.page .carousel-anything-container.owl-theme.has-arrows .owl-controls .owl-buttons div:before, .carousel-anything-container.owl-theme.has-arrows .owl-controls .owl-buttons div:before {
  font-size: 50px;
  color: white;
}
.page .carousel-anything-container.owl-theme.has-arrows .owl-controls .owl-buttons div {
  left: -50px;
}
.page .carousel-anything-container.owl-theme.has-arrows .owl-controls .owl-buttons div.owl-next {
  right: -10px;
}







/***** Overall *****/
#colophon, article {
  width: 100%;
  padding: 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;
}
.home .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;
  visibility: hidden;
}
.home .entry-content {
  margin:0;
}
.home .page-container {
  padding-top: 0;
}
#home-page-container {
  width: 100%;
}

/***** 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-960.owl-carousel {
  width: 1140px;
  margin:auto;
}

@media screen and (max-width: 1199px) {
  .width-960, .width-960.owl-carousel {
    width: 960px;
    margin:auto;
  }
}

@media screen and (max-width: 980px) {
  .width-960, .width-960.owl-carousel {
    width: 730px;
    margin:auto;
  }
}
@media screen and (max-width: 780px) {
  .width-960, .width-960.owl-carousel {
    width: 730px;
    margin:auto;
  }
}
@media screen and (max-width: 760px) {
  .width-960, .width-960.owl-carousel {
    width: 400px;
    margin:auto;
  }
}
@media screen and (max-width: 420px) {
  .width-960, .width-960.owl-carousel {
    width: 300px;
    margin:auto;
  }
}