/*
Plugin Name: AO Clubs Members 
Author URI: http://www.alleyoop.be
Description: A pre-configured Members widget for AO Clubs.
Author: Simon Arickx
Version: 1.0
*/

/** Tab settings **/
.widget-aoclubs-members .members {
	overflow: auto;
    padding: 15px;
}
.widget-aoclubs-members .member {
	padding: 0 0 10px !important;
	margin: 0 0 10px !important;
    cursor: pointer;
}
.widget-aoclubs-members .member:last-child {
	padding: 0 !important;
	margin: 0 !important;
}
.widget-aoclubs-members .member a:hover {
    text-decoration: none !important;
    opacity: 1 !important;
}
.widget-aoclubs-members .member .member-id-photo {
    float: left;
    width: 40%;
}
.widget-aoclubs-members .member .member-id-photo .id-photo:after {
    /*content: "";*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.05);
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}
.widget-aoclubs-members .member .member-id-photo .fa-plus-circle {
    font-size: 40px;
    color: white;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -16px;
    opacity: 0;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    z-index: 10;
}
.widget-aoclubs-members .member a:hover .member-id-photo .id-photo:after {
    background: rgba(0,0,0,0.6);
}
.widget-aoclubs-members .member a:hover .member-id-photo .fa-plus-circle {
    opacity: 1;
    top: 50%;
    margin-top: -20px;
}
.widget-aoclubs-members .member .member-details {
    float: right;
    width: 60%;
}
.widget-aoclubs-members .member .member-id-photo img {
    width: 100%;
}
.widget-aoclubs-members .member .details span {
    color: #141412;
}
.widget-aoclubs-members .buttons {
  text-align: center;
  margin: 20px 0;
}
.no-event {
    color:#cc0000;
    font-weight:bold;
}

@media (min-width: 960px) {
    #sidebar-top-content .widget-aoclubs-members ul li,
    #sidebar-bottom-content .widget-aoclubs-members ul li{
        width: 50%;
        float: left;
        clear: none;
    }
    #sidebar-top-content .widget-aoclubs-members ul li:odd,
    #sidebar-bottom-content .widget-aoclubs-members ul li:odd {
        clear: both;
    }
    #sidebar-top-page .widget-aoclubs-members ul li,
    #sidebar-bottom-page .widget-aoclubs-members ul li{
        width: 33%;
        float: left;
        clear: none;
    }
    #sidebar-top-page .widget-aoclubs-members ul li:nth-child(3n+1),
    #sidebar-bottom-page .widget-aoclubs-members ul li:nth-child(3n+1){
        clear: both;
    }
}