/* globalsearch like Creators Ning 3.0 */
.globalsearch {width: 140px; border-radius: 12px 12px 12px 12px; border: none; box-shadow: 0 0 3px 1px rgba(221, 221, 221, 1) inset; margin-left: 12px;}
.globalsearch-button:after {background-color: transparent;}
.globalsearch-button:before {border: none;}
.globalsearch-button {background-color: transparent; border: 0px; background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/10521117696?profile=RESIZE_180x180"); width: 34px;background-repeat:no-repeat;background-position: right center; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.globalsearch-button:hover {background-color: transparent; border: none; background-image: url("https://storage.ning.com/topology/rest/1.0/file/get/10521124052?profile=RESIZE_180x180");-webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.liSearchBar{ text-align:right; margin-top:5px; margin-right:10px; list-style:none }


.ningbar-link .icon {
width:auto;
height:auto;
line-height:unset;
font-size:14px;
overflow:visible;
}
.ningbar-list{
padding-left:10px;
}
.ningbar-countNotification {
right: -15px;
font-size:10px;
}
i.icon.icon-envelope,
i.icon.icon-friend-request{
margin-right:15px;
}

.matrix.membersSection-avatars { justify-content: center; } .page-home .column-narrow 









.navbar {
margin-left: 0em; 
height:auto!important;
background:  #151515 url(https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof) left 0px scroll !important;
background-repeat: no-repeat !important;
height: 960px;
width:100px;
border: 5px ridge #000000;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 2px 2px #ccc;
box-shadow: 0px 0px 2px 2px #FFF;
}

 .navbar a{
background:  #151515 url(https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof) left 0px scroll !important;
background-repeat: no-repeat !important;
padding-left: 21px !important; padding-right: 20px !important;
text-decoration: none !important;
font-family: times, constantia, Avant Garde;
font-style:normal;
font-weight:normal;
font-size: 14px !important;
color: #fff!important;
text-transform: uppercase;
float:center;
box-shadow: 0 0 30px #000;
border: 3px ridge #eed255;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 24px 4px #ccc;
box-shadow: 0px 0px 2px 2px #FFF;
text-shadow: 1px 1px 1px #ffffff!important;
}

.navbar > ul > li.xg_subtab a:hover,
.mainTab-item a:hover {
text-decoration: none !important;
font-weight:normal;
background: #800000 url(https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof) no-repeat 0 !important;
background-position: center !important;
color: #FFF!important;
box-shadow: 0 0 30px #000;
border: 3px ridge #eed255;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 24px 4px #000;
box-shadow: 0px 0px 24px 4px #000;
text-shadow: 1px 1px 1px #000!important;

}
 .subTab-item > a{
Border: 4px solid #C5B358!important; 
-webkit-transform: translate(1em,0); 
-moz-transform: translate(1em,0);
-webkit-transition:all .2s ease-out; 
-moz-transition:all .2s ease-out;
-webkit-border-radius: 8px 8px 8px 8px !important;
-moz-border-radius: 8px 8px 8px 8px !important;
border-radius: 8px 8px 8px 8px !important;
background: url(https://storage.ning.com/topology/rest/1.0/file/get/8900632700?profile=original)!important; no-repeat scroll 0 0 transparent;

}

.videoListPage-metadata a{ color: #ffffff; }

.video_list .matrix-item:not(.new-viewMore) .videoListPage-image::before{content:' ';
display:block;
background-image: url(https://storage.ning.com/topology/rest/1.0/file/get/10155134463?profile=original);
background-repeat:no-repeat;
background-position:center center;
background-size:17%;
width:100%;
height:100%;
position:absolute;


}
.video_list  .video_img_top:hover .videoListPage-image::before
{
display:block;
opacity: 10;
  transition:0.7s; 
}



** remove black borders from videos ** /

.videoListPage .video_img_top{
padding:5px 5px 0px 5px;
position:relative;
}
.photoListPage-entry .matrix-media-4-3,
.photoSection-entry .matrix-media-4-3,
.videoListPage-image{
background-size:cover;
padding-bottom:56.25%;

}

i.icon.icon-rss, i.icon.icon-check-mark,i.icon.icon-envelope, i.icon.icon-block.icon-mobile,i.icon.icon-settings{
color: #eed255!important;

}

div.optionsDropdown-button {
background: url("https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof") repeat-x scroll 0 0 transparent;
border: 2px ridge #eed255;

}

a.profileCoverArea-followButton,a.profileCoverArea-fullTextFriendButton,a.profileCoverArea-messageButton,div.optionsDropdown-button {
color: #ffffff!important;

}

a.button.button-iconic {
background: url("https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof") repeat-x scroll 0 0 transparent;
border: 2px ridge #eed255;

}

a.button.button-secondary.videoDetailPage-getEmbedCode {
background: url("https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof") repeat-x scroll 0 0 transparent;
border: 2px ridge #eed255;

}

input.button.button-primary {
background: url("https://storage.ning.com/topology/rest/1.0/file/get/8900632700?prof") repeat-x scroll 0 0 transparent;
border: 2px ridge #eed255;


}



/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #151515; 
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 15px;
}

*::-webkit-scrollbar-track {
  background:#000000; 
 border-radius: 20px;
  border: 3px ridge #eed255; 
}

*::-webkit-scrollbar-thumb {
  background-color: #660000; 
  border-radius: 20px;
  border: 2px ridge #eed255; 
}



img.header-logoIMG {
 -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 



img.photo.avatar.avatar-96 { 
border: 4px ridge #FFF; 

}

img.photo.avatar.avatar-48,img.photo.avatar.avatar-32,img.photo.avatar.avatar-90 { 
border: 4px ridge #FFF; 

}
.site-body {
background-image:  url(https://storage.ning.com/topology/rest/1.0/file/get/9866887076?profile=original);
background-size: 1%;



}

.matrix-media-1-1 {
border: 2px ridge #eed255!important;


}
div.groupHub-groupInfo {
background: #151515;
border: 1px ridge #eed255!important;

}

.header-nav .mainTab-item > span::before,
.icon-down::before {
font-family: 'ning-icon-fonts';
content: '\e60d';
float: right;
margin-left:15px;
transform: rotate(-90deg);
opacity:0.4;
transition:0.3s;
color: #FFF;
}
.header-nav .mainTab-item > span:hover::before,
.icon-down.hovered::before,
.mainTab-item.subTabHovered > span::before{
transform: rotate(0deg);
transition:0.2s;
opacity:10;
color:royalblue;



}
img.header-logoIMG {
-webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInLeftBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(-2000px, 0, 0);
  transform: translate3d(-2000px, 0, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

#designStudio textarea[name="themeCss"], #designStudio textarea[name="globalCss"] {
height: 500px!important;overflow:auto;
width: 100%;z-index:20!important; font-size:16px;}


/*** Remove crop of profile Cover Area photo ***/ 
div.banner-header.profileCoverArea {
padding-bottom: 25%!important;
height: 0!important;
position:relative