/*
 __            __  __                        __  __                        __
|  |          |  ||  |                      |  ||  |                      |  |
 |  |        |  |  |  |        ____        |  |  |  |        ____        |  |
  |  |      |  |    |  |      |    |      |  |    |  |      |    |      |  |
   |  |    |  |      |  |    |  ||  |    |  |      |  |    |  ||  |    |  |
    |  |  |  |        |  |  |  |  |  |  |  |        |  |  |  |  |  |  |  |
     |  ||  |          |  ||  |    |  ||  |          |  ||  |    |  ||  |
      |____|            |____|      |____|            |____|      |____|
	  
Copyright (C) 2019 Vanparijs Wim Websites www.vanparijswimwebsites.com
*/

#lineup .artist{
    display: block;
    margin: 10px;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    font-family: arcena, sans-serif;
}

#lineup .artist .overlay:after{
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background-color: rgba(102, 153, 204, 0.5);
    opacity: 0;*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#lineup .artist:hover .overlay:after{
    box-shadow: inset 0 0 0 15px #FFF;
}

#lineup .artist:hover .overlay:after{
    opacity: 1;
}

#lineup .artist img{
    display: block;
    margin: auto;
    opacity: 0.7;
}

#lineup .artist:hover img{
    opacity: 1;
}

#lineup .artist span{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0.2em;
    width: 100%;
    text-align: center;
    font-size: 3em;
    opacity: 1;
    color: #FFF;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

#lineup .artist:hover span{
    opacity: 1;
    bottom: 1em;
}