/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify main-style.css file.

*/

/* Your custom css codes start here: */
.menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a{
	background-color: #55B235;
}
.parallax.overlay-dark-4 .section-content p, .parallax.overlay-dark-4 .section-content h2, .parallax.overlay-dark-4 .section-content a{
	color: #55B235;
	text-shadow: 1px 1px 1px #000;
}
.fullwidth-carousel .carousel-item{
	background-position: 0px 0px;
}
.display-table{
	top: 0px;
}
.owl-carousel {
	/*set max height at each break point*/
}
.owl-stage .btn{
	background-color: #55B235;
	padding: 10px;
	font-size: 16px;
	color: #fff;
}
.owl-item .text-white{
	text-shadow: 1px 1px 1px #000;
}
.bannerImage{
	position: absolute;
	left: -15px;
}
.bannerImage img{
/* 	width: calc(100% + 15px) !important;*/	
	width: 1920px !important;
	/* height: 400px !important;
	max-height: 400px !important; */
	height: 650px !important;
	max-height: 650px !important;
	object-fit: cover;
	object-position: top;
}
h2.title{
	color: #55B235;
	/* padding: 125px 0 200px 0; */
	padding: 125px 0 460px 0;
	text-shadow: 1px 1px 1px #ccc;
}
.menuzord-menu > li > a{
	padding: 20px 12px;
}
.menuzord-brand{
	margin: 0;
}
.item{
	width: 95%;
	cursor: default;
}
.item .itemTitle{
	display: block;
	background-color: #2BCB72;
	padding: 10px 8px 8px 8px;
	margin-top: -5px;
	color: #fff;
	font-weight: bold;
}
.item .itemDescription{
	padding: 8px;
	background-color: #a9a9a9;
	color: #000;
	white-space: pre-line;
	height: auto;
	max-height: 50px;
	transition: all 0.5s ease;
	overflow-y: hidden;
}
.item:hover .itemDescription{
	max-height: 350px;
}
.socialBookmarks i{
	font-size: 30px;
	line-height: 32px;
	margin:0px 7px 18px;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.owl-carousel {
		max-height: 585px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.owl-carousel {
		max-height: 525px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.owl-carousel {
		max-height: 25px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}