/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.grey-text {
	color: #5f727f;
}

#primary-navigation #primary-menu li:nth-of-type(7) a{
	color: #e54e43;
}
#primary-navigation #primary-menu li:nth-of-type(7) a:hover{
	color: #00bcd4;
}
.post-content #details{
 background-position: center top !important;
 min-height: 720px;
}

@media screen and (min-width: 1440px) {
    .post-content #details{
    	 //min-height: 750px;
    }
}
.home #home-blog-row {
	background-position: center top !important;
}
.kashu-button a {
	background: url("img/read-all-button.png");
	width: 214px;
	height: 50px;
	border: none !important;
	background-color: transparent !important;
	padding-top: 3px;
	font-family: 'Montserrat UltraLight', 'Roboto';
	font-weight: 100;
}
.kashu-button-yellow a {
	background: url("img/video-button.png");
	width: 214px;
	height: 50px;
	border: none !important;
	background-color: transparent !important;
	padding-top: 3px;
	font-family: 'Montserrat UltraLight', 'Roboto';
	font-weight: 100;
}
.kashu-no-top a {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.steps-first-row .vc_column-inner {
	position:relative;
	min-height:392px;
}
.steps-second-row .vc_column-inner {
	position:relative;
	min-height:412px;
}
.steps-kashu-button {
	position: absolute;
   	margin-left: auto;
    	margin-right: auto;
    	left: 0;
   	right: 0;
    	bottom: 0;
}
.portfolio-padding .portfolio-preloader-wrapper .row, .portfolio-padding .portfolio-preloader-wrapper .portfolio-load-more {
	background-color: #f9bd43;
}
#bees-life {
	z-index: 10;
	background-repeat: no-repeat;
	background-position: top center;
	min-height: 1039px;
}
#details {
	z-index: 20;
}
@media screen and (min-width:1151px) and (max-width: 1270px) {
	.entry-content #bees-life {
		padding-top: 0px !important;
	}
}	
@media screen and (min-width:1271px) and (max-width: 1400px) {
	.entry-content #bees-life {
		margin-top: -48.8% !important;
	}
}
@media screen and (min-width:1401px) and (max-width: 1500px) {
	.entry-content #bees-life {
		margin-top: -42.5% !important;
	}
}
@media screen and (min-width:1501px) and (max-width: 1560px) {
	.entry-content #bees-life {
		margin-top: -38% !important;
	}
}
@media screen and (min-width:1561px) and (max-width: 1700px) {
	.entry-content #bees-life {
		margin-top: -35% !important;
	}
}
@media screen and (min-width:1700px) {
	.entry-content #bees-life {
		margin-top: -24% !important;
	}
}
@media screen and (min-width:1900px) {
	.entry-content #bees-life {
		margin-top: -17.5% !important;
	}
}
@media screen and (max-width:1270px) {
	.entry-content #bees-life {
		background-position: right !important;
		background-size: cover !important;
	}
}
@media screen and (max-width:1270px) {
	.entry-content #bees-life .bees-life-text{
		width:100%;
	}
	.entry-content #bees-life .bees-life-left{
		width:0%;
	}
}
.hide-load-more .portfolio-load-more {
	display:none !important;
}
#counter-row, #get-quote {
	background-position: top center !important;
}
#get-quote {
	background-repeat:no-repeat !important;
	background-size: contain !important;
}
@media screen and (max-width: 768px) {
	.steps-first-row .vc_column-inner, .steps-second-row .vc_column-inner{
		position:inherit;
		min-height:450px;	
	}
	.steps-kashu-button {
		position: inherit;
	}
	.wpb_wrapper .no-bottom-margin-mobile {
		margin-bottom: 0px !important;
	}
	.entry-content #bees-life {
		padding-top: 150px !important;
	}
}
@media screen and (max-width: 1150px) {
    .post-content #details{
	 min-height: 570px;
	 background-size: cover !important;
	 background-position: left bottom !important;    
	}
	#get-quote {
		background-size: cover !important;
	}
}
.portfolio-filters a span {
	color: black;
}
.portfolio-filters a span:hover, .portfolio-filters a.active span {
	color: white;
}
#how-we-make-our-honey {
	background-position: top center !important;
	background-size: cover !important;
}
.timeline-date-title-right, .timeline-date-title {
	border: none !important;
	border-radius: 0 !important;
	background-color: rgba(254,222,103, 0.7) !important;
}
.wpb_wrapper .timeline_new-wrapper .timeline-new-line {
    background: url(http://kashu.co/wp-content/uploads/pencil-repeat-kashu.png) repeat scroll;   
    left: 0; 
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 10px;
}
.blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right {
	right: -135px !important;
}
.timeline_new-wrapper .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer, .timeline_new-wrapper .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right {
    -webkit-box-shadow: 0 0 0 3px #f9bd43;
    box-shadow: 0 0 0 3px #f9bd43;
}
.timeline_new-wrapper .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer:hover, .timeline_new-wrapper .blog-style-timeline_new.blog-style-timeline article .post-timeline-elements .pointer-right:hover {
	background: #f5ae42;	
}
.pencil-tip {
    height: 88px;
    background: url(http://kashu.co/wp-content/uploads/pencil-tip-kashu.png);
    width: 30px;
    margin: auto;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.gem-team-style-4 .team-person {
	border-color: #fede67 !important;
}
#under-portfolio-buttons {
    background-position: top center !important;
}
.home .gem-team .team-person {
	background: white;
}
#home-contact {
	background-position: bottom center !important;
}
.bottom-most-marker {
	width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.home .blog-style-timeline_new {
	margin-bottom: 0px !important;
}
#home-blog-row .gem-button-container {
	margin-top: -13px;
}
#home-blog-row .gem-button-container .gem-button {
	margin-top: 0px;
}
.wpcf7-form .combobox-wrapper {
	max-width:none !important;
}
#form_pop {
	max-width:1190px;
	padding:100px 20px 0px 20px;
	text-align:center;
}
.kashu-submit {
	clear:both;
}
#form_pop .wpcf7  .cf-style1-name, #form_pop .wpcf7  .cf-style1-email {
	margin-right:6px;
}
#fancybox-outer {
	background:transparent !important;
	box-shadow: none !important;
}
.fancybox-skin {
	border-width:0px !important;
	border-radius: 40px !important;
	background:url("img/quote-bg.png") !important;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	padding: 0px !important;
}
#form_pop .wpcf7 p {
	margin-bottom: 10px;
}
#script {
	background-position: top center !important;
}
@media screen and (max-width: 1279px) {
	#script {
		background-size: contain !important;
	}
}
.logo-quote {
	margin-bottom:50px;
}

@media screen and (max-width: 767px) {
	.home #counter-row{
		display: none !important;
	}
	.home #home-blog-row{
		margin-top: 0px !important;
		background-color: #f9bd43 !important;
		padding-top:100px !important;
		background-position: top center !important;
		background-size: contain !important;
		padding-bottom: 0px !important;
	}
	.home #home-clients-image {
		padding-bottom: 10px !important;
	}
	.home #client-logos .wpb_single_image img{
		margin-bottom: 30px !important;
	}
	.home #client-logos {
		padding-bottom: 20px !important;
	}
	.home #under-portfolio-buttons {
		padding-bottom:	100px !important;
	}
	.home #under-portfolio-buttons .vc_column-inner {
		padding-top: 40px !important;
	}
	.home #under-portfolio-buttons .gem-button-container{
		text-align: center;
		float:none;
	}
	.home #under-portfolio-buttons .gem-button-container a{
		margin: 0;
	}
	.home #home-our-clients{
		padding-top: 10px !important;
	}
	.home #details {
		text-align: center !important;
	}
	.home #details .gem-button-container {
		float: none !important;
	}	
	.home #how-we-make-our-honey {	
		background: white !important;
   		background: -webkit-linear-gradient(white, #5c557d) !important;
    		background: -o-linear-gradient(white, #5c557d) !important;
    		background: -moz-linear-gradient(white, #5c557d) !important;
		background: linear-gradient(white, #5c557d) !important;
		padding-bottom: 230px !important;
		margin-bottom: 0px !important;
		color:black !important;
	}
	.home #home-porfolio {
		margin-top:-280px !important;
		color:black !important;
	}
	.home #home-porfolio span.grey-text {
		color:#ffffff !important;
	}
	.timeline-new-line, .pencil-tip, .kashu-pencil-top {
		display: none !important;
	}
	.home #home-blog-row {
		background: #f9bd43 !important; /* Old browsers */
		background: -moz-linear-gradient(to bottom, #f9bd43, #ef7035 100%) !important;
		background: -webkit-linear-gradient(to bottom, #f9bd43, #ef7035 100%) !important;
		background: linear-gradient(to bottom, #f9bd43, #ef7035 100%) !important;
	}
	.home #home-contact {
		background: #ef7035 !important;
	}
	.home .home-contact-divider {
		margin-top: 0px !important;
	}
}
.no-border a {
	border: none !important;
}
@media screen and (max-width: 1400px) {
	#bees-life {
		background-image: url(/wp-content/uploads/bees-life-bg-small.png) !important;
	}
}
.page-id-12902 .fullwidth-block.clearfix {
	padding-bottom: 100px !important;
}
.menu-item.menu-item-search {
	display:none !important;
}
@media screen and (min-width: 980px) {
	#menu-item-wpml-ls-105-en a{
		padding-right: 1px !important;
	}
	#menu-item-wpml-ls-105-bg a{
		padding-left: 1px !important;
	}
}
.home .portfolio-filters-resp {
	margin: 0px !important;
}
.home .rev_slider {
	background-color: #f9bd43;
}