/*
Theme Name: Sparkling Child
Theme URI: http://colorlib.com/wp/themes/sparkling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Sparkling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, design, art, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready and is available in Spanish. Sparkling is a free WordPress theme with premium functionality and design.
Version: 1.5.0
Template: sparkling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sparkling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

sparkling is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

*/


@import url("../sparkling/style.css");

#logo {
float: none;
position: absolute;
z-index: 9999;
background-image: url('http://www.truearth.net/wp-content/uploads/2017/11/newlogo2.jpg');
background-repeat: no-repeat;
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
margin-left: 20px;
}

.navbar > .container .navbar-brand {
margin: 0;
}

#logo a  {
width: 210px;
height: 152px;
margin: 0;
padding: 0;
}

.main-content-area {
margin-top: 100px;
margin-bottom: 40px;
}

.home .main-content-area {
margin-top: 40px;
margin-bottom: 40px;
}

.home-widget-area {
margin-top: 75px;
}

.widgettitle {
color: #DA4453;
font-weight: 700;
font-size: 18px;
}

#nav_menu-2 {
margin-left: 20px;
}

.alignleft {
margin: 0 20px 20px 0;
}

.aligncenter {
margin: 0 20px 20px 20px;
}

.alignright {
margin: 0 0 40px 20px;
}

.copyright {
text-align: center;
margin: 15px auto;
float: none;
}

.banner {
overflow: auto;
}

.blog #content {
width:100%;
overflow: auto;
}

.bee-callouts {
widht: 100%;
overflow: auto;
margin-top: 40px;
}

.callout {
width: 30%;
float: left;
min-height: 475px;
}

.consumers {
color: #ffffff;
background: #96c950;
padding: 20px;
/*margin-top: 40px;*/
margin-bottom: 40px;
margin-right: 5%;
}

.growers {
color: #ffffff;
background: #DA4453;
padding: 20px;
margin-bottom: 40px;
}

.retailers {
color: #ffffff;
background: #5badc8;
padding: 20px;
margin-bottom: 40px;
margin-left: 5%;
}

.callout a {
color: #ffffff;
text-decoration: underline;
}

.callout .title {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}

#menu-item-107 > ul {
padding-bottom: 0;
}

#footer-area ul li ul li {
border-bottom: none;
margin-bottom: 0;
}

@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #DADADA;
  }
  
#logo {
float: none;
position: absolute;
z-index: 9999;
background-image: url('http://apples.becausecollective.com/wp-content/uploads/2014/09/MobileLogo.png');
background-repeat: no-repeat;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
margin-top: 10px;
margin-left: 20px;
}

.navbar > .container .navbar-brand {
margin: 0;
}

#logo  a {
width: 125px;
height: 30px;
margin: 0;
padding: 0;
}

.main-content-area {
margin-top: 40px;
}

}

.page-template-page-fullwidth-php .entry-content dl dt{ font-weight:normal}
@media screen and (min-width:768px){
.page-template-page-fullwidth-php .entry-content dl{ overflow:hidden}
.page-template-page-fullwidth-php .entry-content dl dt h3{margin-top:0!important}

}

@media screen and (max-width:1023px){
.page-template-page-fullwidth-php .entry-content img{max-width:100%;}

}

@media screen and (max-width:767px){
 .page-template-page-fullwidth-php .entry-content dl{float:left}   
.page-template-page-fullwidth-php .entry-content img{max-width:inherit; width:100%}

.bee-callouts .consumers, .bee-callouts .growers, .bee-callouts .retailers { float: none; width: 100%; margin: 0 0 20px 0; min-height: 200px; }

}