/*
 * Stylesheet for displaying clickable festival icons on the front page
 * Author: Clive Verrall cliveverrall.com
 */

.iff-parent {
    top: 0; left: 0;
    position: absolute;
    display: none;
	z-index: 101;
}
.iff_child {
    position: relative;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.icon-sidebar-left {
    left: 5%;
}
.icon-sidebar-right {
    position: absolute;
    right: 5%;
}
.icon-sidebar-left, .icon-sidebar-right {
    position: absolute;
    width: 10vw;
    height: 70%;
    top: 20%;
}
.icon-sidebar-bottom {
    position: absolute;
    left: 0;
    top: 80%;
    height: 10vw;
    width: 100%;
}
.icon-sidebar-inner-y {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    flex-direction: column;
    height: 90%;
}

.icon-sidebar-inner-x {
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; /* Safari 6.1+ */
    display: flex;
    justify-content: space-around;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    flex-direction: row;
    height: 100%;
}

.front-festival-icon {
    height: 10vw !important;
    width: 10vw !important;
	max-height: 10vw;
	max-width: 10vw;
    border-radius: 10px;
}

.iff-front-icon-my {
    margin-top: 1vw;
    margin-bottom: 1vw;
}