/* 
Theme Name: StyleStack Jnr
Author: Cotswold Web Design.
Template: Divi
Version: 1.0
*/
/** 1 */
#footer-bottom {
    display: none;
}
/** 2 */
.ds-hover-2 {
   	display: inline-block;
	position: relative;
	overflow: hidden;
	background: rgba(0,0,0,0.2);
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}
.ds-hover-2:hover {
	background: rgba(0,0,0,0);
}
.ds-hover-2 img {
	display: block;
	max-width: 100%;
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.ds-hover-2:hover img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
}
.ds-hover-2::before,
.ds-hover-2::after {
	position: absolute;
	width: 100%;
	z-index: -1;
	-webkit-transform: translateX(-30%);
	-moz-transform: translateX(-30%);
	transform: translateX(-30%);
	-webkit-transition: -webkit-transform 0.3s ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.ds-hover-2::before {
	content: attr(ds-title);
	height: 30%;
	background-color: #4a9f99;
	color: #ffffff;
	font-size: 30px;
	font-weight: 300;
	padding: 7% 5%;
}
.ds-hover-2::after {
	content: attr(ds-desc);
	top: 30%;
	height: 70%;
	width: initial;
	background-color: #9cc5c2;
	color: #fff;
	font-size: 16px;
	padding: 5%;
}
.ds-hover-2:hover::before,
.ds-hover-2:hover::after  {
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
/* 3 */
.join-mesig-today {
	border-radius: 0px
}
.join-mesig-today a {
	color: #fff!important;
}
li.join-mesig-today {
	background-color:#4a9f99;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 10px 10px!important;
	border-radius: 3px;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
li.join-mesig-today:hover {
	background-color:#9cc5c2;
}
.et-fixed-header #top-menu .join-mesig-today a {
	color: #fff!important;
}
@media only screen and (min-width : 981px) {
	li.join-mesig-today {
		height: 33px;
	}
}
/** 4 */
#et-info {
	width: 100%;
}
#top-header .et-social-icons {
	float: right;
}
/** 5 */
.nav li ul {
	width : 300px;
}
#top-menu li li a:hover {
	background-color:#dddddd !important;
}
#top-menu li li a {
	width: 260px;
	padding: 6px 10px;
}