.section_header {
    width: 100%;
    display: block;
}
.section_header .pull-right {
    width: 100%;
    float: none;
    text-align: center;
}
.section_header .pull-right .icon {
    width: auto;
}
/*Change padding and margin according to users settings*/
.section_header .module-header {
    padding: 00px 0px 0px 10px;
    margin: -20px -20px 20px -20px;
}
/** Private messages customization **/
.messages-body {
white-space: normal !important;
}
/** End private messages customization **/

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.dashboardBar-innerSection, #dashboardBar, div.ningbar.cf, div.dashboardBarWrap {background: #000066!important;}
.membersBirthday .membersListPage-userInfo::before{
content:"Birthday Today";
background-color:darkred;
 padding:6px 10px;
border:none;
color:white;
border-radius:4px;
 }

.dashboardBar-ningLogo {display: none!important;}
.membersBirthday-Profile .Bio-member h2::after{
content:" - Happy Birthday!";display:inline;font-style:italic;
}
.birthdayWidget li{ display:none!important }
.birthdayWidget li.membersBirthday{ display:block!important }
.birthTab{
 position:relative;
}
.birthCounter{
position: absolute;
top: -8px;
right: 0;
background-color: red!important;
color:white!important;
border-radius: 100%;
padding: 4px 8px!important;
border:none!important;
font-size:14px!important;
font-weight:bold!important;
}
   /**.page-members.isMember a.birthdayMembersLink::before{content:"Friends ";}**/

.subTab-item.Subactive > a{ background-color:green;color:white; }
.subTab-item.Subactive > a:hover{background-color:royalblue;color:white }

/** FOR NORMAL LIST PAGE WITHOUT MY CUSTOM LIST CODE
.matrix-item.membersBirthday .media-body{ padding-top:10px }
.matrix-item.membersBirthday .membersListPage-userName {margin-top:10px}
**/

.memberMonth-box .entry-content ul{ padding-left:0px }
.memberMonth-box{ text-align:center }

/****************************
MEMBER QUICK VIEW
****************************/
#overlayMembers{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.5);
z-index:1000;
}
.membersListPage-user.viewing-MemberInfo:hover{
transform:unset;
}
.membersListPage-user.viewing-MemberInfo .matrix-item{
justify-content:unset;
}
.media-frame.viewMemberInfo{
overflow:hidden;
overflow-y:auto;
}
.viewMemberInfo{
position: absolute;
left: 0;
right: 0;
top: 5px;
background-color: white;
max-width: 480px;
max-height: 100%;
overflow-y: auto;
margin: auto;
z-index: 2000;
border-radius: 10px;
padding:20px;
transition:0.5s;
}
.memberInfo-showHeader{
padding:0px 0px 10px 0px;
position:sticky;
top:0;
background-color:white;
}
.memberInfo-container{
width:100%;
height:100%;
overflow-y:auto;
margin-top:10px;
color:#756d6d;;
}
.membersListPage-user.viewing-MemberInfo .memberButton-header{
position:absolute;
top:6px;
right:6px;
}
.closeMember-Info{
border: none;
background-color: #b3b3b3;
border-radius: 4px;
font-size: 1em;
padding: .35em .5em;
}
.closeMember-Info:hover{
background-color:#e04444;
color:white
}
.memberInfo-button{
border: none;
float: right;
border-radius: 4px;
color: #187ad2;
background-color: transparent;
}
.memberInfo-button:hover{
background-color:#4CAF50;
color:white;
}

/* If no info has been added message */
div.memberInfo-content:empty::before{content:"Sorry, No Information has been added or Profile Is Private";display:block;line-height:1.5rem;color:#756d6d; }

/*** ADMINS MEMBERS LIST ***/
@media only screen and ( min-width:876px ){

/** BACKGROUND IMAGE OF THE PAGE **/
.page-members.members-Admins .section-primaryContent .membersListPage.grid-frame.sheet{
background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/8566073073?profile=original");
background-attachment: scroll;
background-position: top center;
background-size: 100% 100%;
background-repeat: no-repeat;
min-height:80vh;
}
.page-members.members-Admins .module-header{
float:left;
}
.page-members.members-Admins .section-primaryContent .module-name{
font-size:2em;
margin-left:5em;
margin-top:1em;
border-bottom: solid 1px grey;
}
}
.page-members.members-Admins .pageSearch-outer,
.page-members.members-Admins .module-actions.advanced-search{
display:none;
}

/** MEMBERS LIST PAGE **/

/* Background colour of the member blocks and border colour, change as needed */
.matrix-itemFluid.membersListPage-user{
background-color: transparent;
border: solid 2px powderblue;
}


.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
display: grid!important;
grid-template-columns: repeat(auto-fit, minmax(260px,0fr))!important;
justify-content: center!important;
grid-gap: 1rem;
}
@media only screen and ( min-width:868px ){
.mediumMatrix.advanced-search__members .matrix-itemFluid,
.membersListPage .matrix-itemFluid{
min-width:240px!important;}
}

@media only screen and (min-width:600px) and ( max-width:868px ){
.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
grid-template-columns: repeat(auto-fit, minmax(200px,1fr))!important;}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
min-width:1px!important;}
}
@media only screen and ( max-width:600px ){
.mediumMatrix.advanced-search__members,
.membersListPage .matrix {
grid-template-columns: repeat(auto-fit, minmax(140px,1fr))!important;}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
min-width:1px!important;}
}

.mediumMatrix.advanced-search__members::after {
width:100%; position:absolute;bottom:0;
}
.mediumMatrix.advanced-search__members .matrix-itemFluid {
width:100%!important;
}
.matrix-itemFluid.membersListPage-user .matrix-item {
width: 100%!important;
display: grid!important;
align-content: center;
justify-content: center;
align-items:center;
justify-items:center;
}
.membersListPage-user .matrix-item .media-img {
display: grid!important;
align-items: center;
justify-content: center;
margin:10px 0px 0px 0px!important;
max-width:100%;
background-color:transparent;
border-radius:0px;
}
.matrix-itemFluid.membersListPage-user{
justify-content:center;
margin:0;
padding:10px 5px;
border-radius: 10px;
transition:0.2s;
width:100%!important;
}
.matrix-itemFluid.membersListPage-user .membersListPage-userInfo {
height: auto;
display:grid;
justify-content:center;
justify-items:center;
align-items:center;
margin-top:20px;
}
.membersListPage-userName {
display: flex;
align-content: center;
margin-bottom: 5px;
align-items: center;
justify-content: center;
}
.membersListPage-userInfo .profileCoverArea-info {
text-align:center;
}
.membersListPage-userInfo .profileCoverArea-info .profileCoverArea-question::after {
content:": ";
}

.membersListPage-user:hover{
box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
transform:scale(1.07, 1.07);
transition:0.2s;
}
.membersListPage-user a.media-img span{
transition:0.3s;
}
.membersListPage-user:hover a.media-img span.wrap__avatar{
transform:scale(1.17, 1.17);
transition:0.3s;
}
.membersListPage-userName > a{
padding:10px 0px;
transition:0.2s;
}
.membersListPage-userName > a:hover{
box-shadow: 4px 6px 10px rgb(0 0 0 / 12%);
transform:scale(1.01, 1.01);
transition:0.2s;
padding:10px 20px;
border-radius:4px;
background-color:#4CAF50;
color:white!important;
}
.membersListPage-user .buttonsWrapper{
justify-content:center;
align-content: space-between;
}
.membersListPage-user .userButtons{
margin:0px;
}
.membersListPage-user .userButtons a{
padding:10px;
margin-right:0;
}
.membersListPage-user .userButtons a:hover, .membersListPage-user .userButtons a:hover .icon::before {
background-color:#4CAF50;
color:white!important;
border-radius:4px;
}
.membersListPage-user .avatar-badgeText.avatar-bottomLeft, .membersListPage-user .avatar-badgeText.avatar-bottomRight {
bottom:-15px;
}

.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .wrap__avatar,
.mediumMatrix.advanced-search__members .matrix-itemFluid.membersListPage-user .matrix-item .media-img .avatar-default {
width: 90px;
height: 90px;
}
.avatar-badgeImage {
border-radius:50%;
}

/** END MEMBER LIST PAGE **/
.birthdayWidget li{ display:none!important }
.birthdayWidget li.membersBirthday{ display:block!important }
.birthWidge .matrix-item.membersBirthday .membersListPage-userName{ margin-bottom:5px }
.birthdayWidget.noBirthdays::before{content:"No Birthdays Today"}
.birthTab{ position:relative;}
.birthCounter{
position: absolute;
top: -8px;
right: 0;
background-color: red!important;
color:white!important;
border-radius: 100%;
padding: 4px 8px!important;
border:none!important;
font-size:14px!important;
font-weight:bold!important;
}
/* Label in profile page header */
.membersBirthday-Profile h2::after{
content:" - Happy Birthday!";display:inline;font-style:italic;
}

/*** Birthday Msg Label **/
.profileCoverArea-info.birth-month.birth-Day{
margin-bottom:5px;
}
/** The Birthday Today label under birth date **/
.birthdayMsg{
font-weight: bold;
border-bottom: solid 2px;
color: #8e8e60; /*font color*/
}
/* The icon which display top left on member avatar */
.birthday-icon{
background-image:url("https://icons8.com/vue-static/landings/animated-icons-new/icons/office-style/birthday-cake/birthday-cake_160.gif");
width:38px;
height:38px;
background-size:contain;
position:absolute;
top:-10px;
left:-15px;
}
/* Msg which shows on hover of the birthday icon */
.birthday-icon:hover::before{content:"Birthday Today";display:block;background:pink;color:royalblue; padding:4px;position:absolute;top:0;left:0;text-align:center;border-radius:6px;font-size:16px;}

.profileCoverArea-frame .birthday-icon{ left:0 }
.profileCoverArea-frame .birthdayMsg{ display:none }
/*** PHOTOS LIST NEW VER 5 ****/

@media screen and (min-width: 769px){
.newPhotoList-v5 .matrix-itemFluid {
width: 50%;
}}
@media screen and (min-width: 769px) and (max-width:1180px){
.span8 .newPhotoList-v5 .matrix-itemFluid {
width: 100%;
}}
.column-narrow .newPhotoList-v5 .matrix-itemFluid {
width: 100%;
}
.newPhotoList-v5 .photoDetailPage-mainSection.sheet{
padding:10px;
}
.newPhotoList-v5 a:hover{
text-decoration:none!important;
}
.newPhotoList-v5 .photoBlockWrapper{
min-height:unset;
height: calc(100% - 20px);
margin-top:0px;
}
.newPhotoList-v5 .photoBlockWrapper .photoDetailPage-image {
height:0;
padding-bottom:75%;
margin-bottom:0px;
}
.newPhotoList-v5 .entry-headline{
margin-bottom:2px;
padding: 0px 5px 2px 5px;
border-bottom:solid 1px lightgray;
pointer-events:none;
}
.newPhotoList-v5 .wrap__avatar.avatar-48 {
display:none;
}
/*Hide long title overflow*/
.newPhotoList-v5 .entry-title{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-align:center;
}
.newPhotoList-v5 .entry-title > a{
line-height:normal;
font-size:18px;
}
.newPhotoList-v5 .entry-byline{
color: gray;
text-align: center;
font-size: 11px;
}
.newPhotoList-v5 .entry-tags .icon-tag{
margin-right:10px;
}
.newPhotoList-v5 .entry-tags{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
margin-top:5px;
margin-bottom:3px;
height:1.2em;
}
.newPhotoList-v5 .entry-tags a{
margin-right:5px;
}
.newPhotoList-v5 .buttonGroup{
margin-top:0px;
}
.newPhotoList-v5 .buttonGroup .pull-right{
display:none;
}
.newPhotoList-v5 .buttonGroup::before {
display:none;
}
.newPhotoList-v5 .socialActions{
pointer-events:none;
width: 100%;
margin-bottom:0;
}
.newPhotoList-v5 .socialActions .rightButtons{
margin-left:0;
width:100%;
}
.newPhotoList-v5 .ratingResult{
margin-bottom:0px;
}
.newPhotoList-v5 .ratingCaption{
display:none;
}
.newPhotoList-v5 .matrix-item{
box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.27);
border-radius:6px;
transition:0.3s;
}
.newPhotoList-v5 .matrix-item:hover{box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.57);
transform:scale(1.02, 1.02);
transition:0.3s;
}
/*Like button section*/
.newPhotoList-v5 .likeButton > a::before{ content:"Likes";line-height:2.1em;margin-right:-5px}
.newPhotoList-v5 .socialSharingListItemLink {border:none!important}

/********** END PHOTOS V5 CSS **********/