/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
.notice {
    background: #f8f8f8;
    padding: 10px;
    margin-bottom: 20px;
}

.success {
    border-left: 1px solid #6fdf68;
}

#user_account {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

#user_account .usersmenu {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all .5s ease;
}

#user_account:hover .usersmenu {
    opacity: 1;
    height:auto;
    overflow: visible;
}


img.avatar.avatar-60.photo {
    height: 60px;
    width: 60px;
    border-radius: 60px;
}

.usersmenu {
    background: #fff;
    border: 1px solid #000;
    z-index: 1;
    position: relative;
}

ul.umenu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

ul.umenu a {
    padding: 5px 10px;
    display: block;
    font-size: 15px;
    transition: all .5s ease;
}

ul.umenu a:hover {
    background:#2f2f2f;
    color:#fff;
}

/*
	members page
*/
.members-page-content-area, .member-post-content-area {
    padding-bottom: 40px;
}

/*
	Members Page Widgets
*/

.widgettitle {
	margin: 0;
}


ul#ccpm-members-page-widgets {
    margin-left: 0;
    padding-left: 0;
}

ul#ccpm-members-page-widgets .widget {
    background: #f8f8f8;
    border-left: 1px solid rgba(3, 169, 244, 0.2);
    padding: 1.5em;
}

ul#ccpm-members-page-widgets li ul {
    margin:0;
    padding:0;
}

ul#ccpm-members-page-widgets li {
    list-style: none;
}

.widget_ccpm_active_members_widget ul li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 20px;
    padding: 20px 0;
    border-bottom:1px solid #e0e0ff;
    font-size:14px;
}

.widget_ccpm_active_members_widget ul li span.fai {
    width: 20px;
    display: inline-block;
}

.widget_ccpm_members_posts_widget li:first-child {
    padding-top:30px
}
.widget_ccpm_members_posts_widget li:last-child {
    margin-bottom:0px
}
.widget_ccpm_members_posts_widget li {
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0ff;
    margin-bottom: 20px;
} 
.widget_ccpm_members_posts_widget li a {
	transition: all .5s ease-in-out;
}
.widget_ccpm_members_posts_widget h3 {
    margin: 0;
}

/*
	Member post widgets
*/

#ccpm-member-post {
    display: grid;
    grid-template-columns: 75% 1fr;
}

#ccpm-member-post ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ccpm-member-post .member-post-widget-area {
    padding-top: 45px;
}


.one-column {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
}

.two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.three-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.four-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

.five-column {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
}

/*
	member settings page
*/

.ccpm-member-profile-settings {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 93px;
}

.ccpm-member-profile-settings .text-fields, .ccpm-member-profile-settings .textarea-fields {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 10px;
    padding-bottom: 20px;
}

span.description {
    display: block;
    font-size: 13px;
    font-style: italic;
}

.ccpm-member-profile-settings .checkbox-fields input[type="checkbox"] {
    float: left;
    margin: 5px;
}

.ccpm-member-profile-settings .checkbox-fields {
    padding-bottom: 20px;
}

#ccpm-member-profile-settings .ccpm-submit {
    text-align: right;
}

#ccpm-member-profile-settings .ccpm-submit input[type="submit"] {
    background: #68B1DF;
}

#ccpm-member-profile-settings .ccpm-submit input[type="submit"]:hover {
    border-color:#68B1DF;
    background: #68B1DF;
}