/***Effect 1 - Show text on hover***/
/*Postion the text module and centrally align text*/
.ds-advent-6-text-show {
position: top;
top: 100;
left: 100;
width: 100;
height: 100%;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: top;
-ms-flex-pack: top;
justify-content: top;
-webkit-transition: all .7s ease;
transition: all .7s ease;
opacity: 0;
}
/*Show text on hover*/
.ds-advent-6-text-show:hover {
opacity: 1;
}
/*Text link colour*/
.ds-advent-6-text-show a {
color: #fff;
}
/*Bold text*/
.ds-advent-6-text-show mark {
display: block;
background: transparent;
font-weight: bold;
color: #fff;
}
/***End Effect 1 - Show text on hover***/
Show text on hover
Hide text on hover
Image swap on hover


