/*
You can add your own CSS here.

Click the help icon above to learn more.
*/
/* reposition the menu button on smaller phones*/
@media (max-width: 650px) {
	button.navbar-toggle {
	  margin-right:0px !important;
	}
  div.navbar-brand {
	  padding:7px 10px !important;
  }
}

/* image center for mobile */
@media (max-width: 736px) {
	div#main-nav.navbar.navbar-inverse.bs-docs-nav {
		min-height:80px !important;
	}
  div.navbar-brand {
	  width: 70% !important;
  }
  div.navbar-brand input[type="search"] {
    width: 100% !important;
  }
  div.navbar-brand input[type="submit"] {
	  display: none !important;
  }
  body.custom-background {
    background-size:300% !important;
	  background-position: top center !important;
	  background-repeat: no-repeat;
  }
}
/* image center for mobile larger screens and desktop */
@media (min-width: 737px) {
  body.custom-background {
    background-size:150% !important;
	  background-position: top center !important;
		background-repeat: no-repeat;
  }
}
@media (min-width: 1200px) {
  body.custom-background {
    background-size:100% !important;
	  background-position: top center !important;
		background-repeat: no-repeat;
  }
}


#carousel-homepage-latestrecipes .item{
	height: auto;
}
.latesnews-content p,
.latesnews-content {
	font-size: 14px;
	line-height: 18px;
	color: #909090;
}
#carousel-homepage-latestrecipes .carousel-inner .item .latestnews-title {
	margin-bottom: 15px;
	color: #404040;
	position: relative;
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 17px;
	float: none;
	width: auto;
	margin-top: 15px;
}
#carousel-homepage-latestrecipes .carousel-inner .item .latestnews-title a {
	text-transform: uppercase;
	color: #404040;
	font-weight: 700;
	display: block;
}
#carousel-homepage-latestrecipes .item .latestnews-box .latestnews-title a:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 75%;
	height: 2px;
	background: #e96656;
	bottom: -9px;
	left: 12.5%;
}
#carousel-homepage-latestrecipes .item .latestnews-box:nth-child(4n+1) .latestnews-title a:before {
	background: #e96656;
}
#carousel-homepage-latestrecipes .item .latestnews-box:nth-child(4n+2) .latestnews-title a:before {
	background: #34d293;
}
#carousel-homepage-latestrecipes .item .latestnews-box:nth-child(4n+3) .latestnews-title a:before {
	background: #3ab0e2;
}
#carousel-homepage-latestrecipes .item .latestnews-box:nth-child(4n) .latestnews-title a:before {
	background: #f7d861;
}
#carousel-homepage-latestrecipes {
	margin: 0 30px;
}
#carousel-homepage-latestrecipes .carousel-control {
	width: 45px;
	background: none;
}
.carousel-control.left {
	margin-left: -45px;
}
.carousel-control.right {
	margin-right: -45px;
}
#carousel-homepage-latestrecipes .glyphicon-chevron-left:before{
	content: "";
	background: url(wp-content/themes/zerif-lite/images/left-arrow.png) no-repeat center center;
	width: 30px;
	height: 30px;
	float: left;
}
#carousel-homepage-latestrecipes .glyphicon-chevron-right:before{
	content: "";
	background: url(wp-content/themes/zerif-lite/images/right-arrow.png) no-repeat center center;	
	width: 30px;
	height: 30px;
	float: left;
}
#carousel-homepage-latestrecipes {
}