.list-row {
    padding: 10px 15px;
    display: flex;
}

/* overrides unncessary padding from main stylesheet */
.list-view .list-group-item.list-row.bucket {
    padding-right:15px;
}

/* super sessions are only supported on the agenda page */
.supersession-div {
    background: #8493A1;
    padding: 5px 10px;
    font-size: 15px;
    color: white;
    margin: 0;
}

.list-row section {
    margin-top:10px;
}

.list-row-content {
    padding-right:15px;
    flex:1;
}

.list-row-icons {
    margin-top:15px;
}

.list-row-icons,
.list-bucket-arrow {
    display:flex;
}

.list-bucket-arrow {
    align-items:center;
}

.list-bucket-arrow .fa-angle-down {
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    font-size: 28px;
    color: #bfbfbf;
}

.bucket[data-showhide=show] .fa-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* style row icons */
.list-row-fav a,
.list-row-icons a,
.list-row-icons span,
.list-bucket-arrow span {
    -webkit-transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    position:relative;
    font-size: 22px;
    color: #ababab;
    line-height: 1;
}

.list-row-icons a,
.list-row-icons span {
    margin-right: 8px;
}

/* icon size and  positioning adjustments */
.list-row-fav .fa-star {
    font-size: 26px;
}

.list-row-icons .glyphicon-film, 
.list-row-icons .fa-file-text {
    top:2px;
} 

.list-row-icons .fa-volume-up {
    font-size:25px;
    top:1px;
}

.list-row-icons .fa-video-camera {
    font-size:24px;
    top:2px;
}


@media (min-width: 768px) {

    /* switch row content to horizontal layout */
    .list-row-content {
        display: flex;
        padding:0;
    }

    /* primary section should grow to fill any available space */
    .list-row-primary {
        padding-right: 15px;
        flex: 1;
    }

    .list-row-secondary {
        padding-right: 15px;
        flex: 0 0 30%;
    }

    .list-row-icons {
        margin:0;
    }

}

@media(min-width:992px) {
    .list-row-secondary {
        flex-basis:25%;
    }
}

/* at 1024px the website left nav is static and no longer collapsed */
@media(min-width:1024px) {
    .list-row-secondary {
        flex-basis:33%;
    }
}

@media(min-width:1200px) {
    .list-row-secondary {
        flex-basis:30%;
    }
}