/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

hr{
	background-color:#c0edbb;
}
/* Style for Eko Hestia SPA */
#ehs-logo{margin:0 10px;}
#ehs-sgu-logo{width:200px;}

/* overrides */
#top{padding-top:28px;}
#top a{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
#menu-wrapper{
	border:none;
	
	background: #348937;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0ODkzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWFkNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, from(#348937),to(#4ead41));
	background: -o-linear-gradient(top, #348937 0%,#4ead41 100%);
	background: linear-gradient(to bottom, #348937 0%,#4ead41 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#348937', endColorstr='#4ead41',GradientType=0 );
}
#menu, #menu-mobile-wrapper{
	border-right: 1px solid #368C38;
	border-left: 1px solid #367F38;
}
.menu .item{
	border-left: 1px solid #368C38;
	border-right: 1px solid #367F38;
}
.longtitle{border-bottom:1px solid #9ECE98;}
.menu .item.active, .menu .item:hover{background-color:#367F38 !important;}
#sub-page #content h1, #sub-page #content h2, #sub-page #content h3, #sub-page #content h4, #sub-page #content h5, #sub-page #content h6, #calendar_modal .title{color:#2E6628;}

.pageNav{border-top:1px solid #9ECE98;}
.pageNav li a{
	border-color:#C0EDBB;
	color:#367C2E;
}
.pageNav li a.active,
.pageNav li a:hover{
	background:#33782e;
	border-color:#C0EDBB;
}

/* btn */
.btn{
	background: #4ead41;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRlYWQ0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNDg5MzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, from(#4ead41),to(#348937));
	background: -o-linear-gradient(top, #4ead41 0%,#348937 100%);
	background: linear-gradient(to bottom, #4ead41 0%,#348937 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ead41', endColorstr='#348937',GradientType=0 );
}
.btn:hover{background:#367F38 !important;}

#footer-top *,#footer-bottom *{color:#F2FFF2 !important;}
#footer-top{
	background-color:#33782e;
}
#footer-bottom{background-color:#3c8334;}


/* mobile */
#mobile-menu .item{
	background-color:#45A13E;
	border-color:#337234;
}
#menu-mobile-wrapper .mobile-btn{
	background:url("../../img/mob-menu.png") no-repeat scroll center center #367F38;
	border:none;
}
#menu-mobile-wrapper .title {
	background:#328534;
}
.news-content{
	margin-top:14px;
}

.news-item-applications {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.news-item-applications .image-section {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 15%;
	        flex: 0 0 15%;
	max-width: 15%;
	width: 100%;
}

.news-item-applications .image-section,
.news-item-applications .description-section {
	padding: 0 15px;
}

.news-item-applications .description-section {
	width: 100%;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.news-item-applications .description-section.image-with-description {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 85%;
	        flex: 0 0 85%;
	max-width: 85%;
}

.news-item-applications .description-section .btn {
	margin: 15px 0 0 15px;
}

.news-item-applications .description-section .buttons-wrapper {
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.news-item-applications .description-section .title {
	margin: 0;
}

.gallery-applications {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.gallery-applications .gallery-item {
	flex: 0 0 50%;
	max-width: 50%;
	padding: 0 15px;
	margin: 15px 0;
}

.figure-gallery-item {
	position: relative;
	line-height: 0;
}

.figure-gallery-item a {
	line-height: 0;
}

.figure-gallery-item figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	transition: height 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

.figure-gallery-item:hover figcaption {
	height: 0%;
	opacity: 0;
}

.figure-gallery-item figcaption h3 {
	color: #fff !important;
	text-align: center;
	padding: 0 35px;
	margin: 0 !important;
}

.gallery-item .gallery-item-description {
	margin: 10px 0 !important;
}


@media (max-width: 767px) {
	.news-item-applications .image-section { flex: 0 0 20%; max-width: 20%; }
	.news-item-applications .description-section.image-with-description { flex: 0 0 80%; max-width: 80%;}
}

@media (max-width: 575px) {
	.news-item-applications .image-section,
	.news-item-applications .description-section.image-with-description {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.news-item-applications .image-section img {
		margin: 0 auto;
		max-height: 100px;
    display: block;
	}
	.gallery-applications .gallery-item {
		flex: 0 0 100%;
		max-width: 100%;
	}	
}

@media (max-width: 380px) {
	.figure-gallery-item figcaption h3 {
		font-size: 1.65rem;
	}
}