#item-header-avatar,
#item-actions,
#item-meta p,
#item-header-content .highlight,
#item-header-content span {
  display:none !important;
  
}
.group-cover-img{
	         width: 100%;
			 position: relative;
	         background-repeat: no-repeat;
			 background-position: center;
			 background-size: cover;			
			 min-height: 300px;
			 }
*, *:before, *:after {
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#gal {
  position:relative;
  width:100%;
  height:300px;
  background:white;
  
  -moz-box-shadow:0px 0px 0px 10px white,
             5px 5px 0px 10px rgba(0,0,0,0.1);

  -webkit-transform:translate3d(0, 0, 0);
  -moz-transform:   translate3d(0, 0, 0);
  -ms-transform:    translate3d(0, 0, 0);
  -o-transform:     translate3d(0, 0, 0);
  transform:        translate3d(0, 0, 0);
}

#gal ul {list-style-type:none; float:none; padding:2px;}
input[name="btn"], input[name="btn"] + label {
  position:absolute;
  bottom:15px;
  display:block;
  width:20px;
  height:20px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  cursor:pointer;
}
input[name="btn"] {
  opacity:0;
  z-index:9;
}

input[value="group-cover"], input[value="group-cover"] + label {left:20px;}
input[value="upload-cover"], input[value="upload-cover"] + label {left:48px;}
input[name="btn"] + label {
  background:rgba(255,255,255,0.35);
  z-index:7;
  -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  -moz-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  box-shadow:0px 0px 0px 0px rgba(255,255,255,0.15);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -o-transition:all .3s;
  transition:all .3s;
}
[class*="entypo-"]:before {
  position:absolute;
  font-family: 'entypo', sans-serif;
}
figure[class*="entypo-"]:before {
  left:10px;
  top:5px;
  font-size:2rem;
  color:rgba(255,255,255,0);
  z-index:1;
  -webkit-transition:color .1s;
  -moz-transition:color .1s;
  -o-transition:color .1s;
  transition:color .1s;
}
a[class*="entypo-"]:before {
  top:8px;
  left:9px;
  font-size:1.5rem;
  color:white;
}
a:hover[class*="entypo-"]:before {
  color:white;
}
figure, figure img, figcaption {
  position:absolute;
  top:0;
  right:0;
}
.cover{
 width: 100%;
 height: 300px;
 overflow: hidden;
}
.cover img{
 width: 100% !important;
 max-width: 100% !important;
 height:auto;
 min-width: 600px;
}


figure img {
  bottom:0;
  left:0;
  display:block;
   width:100%;
  
  height:auto;
  z-index:1;
  -webkit-transform:translateX(600px);
  -moz-transform:translateX(600px);
  -ms-transform:translateX(600px);
  -o-transform:translateX(600px);
  transform:translateX(600px);
  -webkit-transition:all .15s .15s, z-index 0s;
  -moz-transition:all .15s .15s, z-index 0s;
  -o-transition:all .15s .15s, z-index 0s;
  transition:all .15s .15s, z-index 0s;
}
.galnav li{
    list-style: outside none none;
  }
.galnav figcaption nav{
  
  overflow:  inherit!important;
}
.galnav figcaption {
  display:block;
  width:270px;
  height:300px;
  padding-top:20px;
  background-image:radial-gradient(rgba( 5,5,5,0.5), transparent);
  background-size:600px 600px;
  background-repeat:no-repeat;
  background-position:-300px -150px;
  text-align:center;
  z-index:3;
  -webkit-box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  -moz-box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  box-shadow:-5px 0px 20px rgba(0,0,0,0.1);
  -webkit-transform:translateX(300px);
  -moz-transform:translateX(300px);
  -ms-transform:translateX(300px);
  -o-transform:translateX(300px);
  transform:translateX(300px);
  -webkit-transition:all .35s;
  -moz-transition:all .35s;
  -o-transition:all .35s;
  transition:all .35s;
 opacity: 0;
}
.galnav h4 {
  display:inline-block !important; 
  color:white !important;
  font-family: 'Titillium Web', sans-serif;
  font-weight:300 !important;
  font-size:2rem !important;
  margin:90px 0 0 0 !important; 
  text-shadow:  1px 1px 3px rgba(0, 0, 0, 0.9);


}
.galnav figcaption nav ul {display:block; margin:0px !important }
.galnav figcaption nav ul  li {display:inline-block;margin:5px auto!important; float:none !important;}

.galnav figcaption nav ul  li .cover-pics ,.galnav figcaption nav ul  li .ava-cover {
  width:38px !important;
  height:38px!important;
 -webkit-border-radius:50% !important;
  -moz-border-radius:50% !important;
  border-radius:50% !important;
  margin:1px auto!important;

}
.galnav figcaption nav ul li .delete-pic  {
  position: relative;
  top:10px;
  width:10px;
  height:10px;
  color:white;
  background:rgba(225,10,100,0.9);
-webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;

}

.galnav figcaption nav ul li a {
  position: relative;
  display:block;
  width:40px;
  height:40px;
  background:rgba(255,255,255,0.2);
  text-decoration:none;
  color:white;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  -webkit-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  -moz-box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  box-shadow:inset 0px 0px 0px 0px rgba(255,255,255,0);
  -webkit-transition:all .15s;
  -moz-transition:all .15s;
  -o-transition:all .15s;
  transition:all .15s;
}
.galnav figcaption nav ul li a:hover {
  background:rgba(255,255,255,0);
  -webkit-box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
  -moz-box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
  box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,1);
}
.galnav figcaption p {
  padding:10px 15px!important;
  font-family:'Titillium Web', sans-serif !important;
  font-weight:300 !important;
  color:#fff !important;
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.35)), color-stop(0.3, rgba(255,255,255,0.35)), color-stop(0.3, transparent), color-stop(0.7, transparent), color-stop(0.7, rgba(255,255,255,0.35)), to(rgba(255,255,255,0.35)));
  background-image:-webkit-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:-moz-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:-o-linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 30%, transparent 30%, transparent 70%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-image:linear-gradient(rgba(255,255,255,0.35) 0%, rgba(255,255,255,0.35) 20%, transparent 20%, transparent 80%, rgba(255,255,255,0.35) 70%, rgba(255,255,255,0.35) 100%);
  background-size:1px 100% !important;
  background-repeat:no-repeat !important;
  background-position:50% 0% !important;
  margin:0px;
    text-shadow:  1px 1px 3px  rgba(0, 0, 0, 0.99);
}

input[name="btn"]:hover + label {
  background:rgba(255,255,255,0.6);
}
input[name="btn"]:checked + label {
  background:rgba(255,255,255,1);
  -webkit-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);
  -moz-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);
  box-shadow:0px 0px 0px 5px rgba(255,255,255,0.3);

}
label .ava-cover {
  width:20px !important;
  height:20px;
  border: 1px solid #FFF;
  border-radius: 10px;
 
}
label .dashicons-admin-generic{
   color: #fff;
   text-shadow:  0px 0px 5px rgba(0, 0, 0, 0.9);
   margin-left:1px;
}
input[name="btn"]:checked + label:before {}
input[name="btn"]:checked ~ figure img {
  z-index:2;
  -webkit-transform:translatex(0px);
  -moz-transform:translatex(0px);
  -ms-transform:translatex(0px);
  -o-transform:translatex(0px);
  transform:translatex(0px);
  -webkit-transition:all .15s, z-index 0s;
  -moz-transition:all .15s, z-index 0s;
  -o-transition:all .15s, z-index 0s;
  transition:all .15s, z-index 0s;
}
input[name="btn"]:checked ~ figure[class*="entypo-"]:before {
  z-index:3;
  color:rgba(255,255,255,0.5);
  -webkit-transition:color .5s;
  -moz-transition:color .5s;
  -o-transition:color .5s;
  transition:color .5s;
}
input[name="btn"]:checked ~ figure figcaption {
  z-index:8;
  -webkit-transform:translateX(0px);
  -moz-transform:translateX(0px);
  -ms-transform:translateX(0px);
  -o-transform:translateX(0px);
  transform:translateX(0px);
  -webkit-transition:all .35s, .7s;
  -moz-transition:all .35s, .7s;
  -o-transition:all .35s, .7s;
  transition:all .35s, .7s;
  opacity: 1;
  
}
figcaption h2 {
  position:relative;
  color:#fff!important;
  text-decoration:none;
  bottom:10px!important;
  text-align:center!important;
  font-family: 'Titillium Web', sans-serif;
  font-weight:300!important;
  font-size:1.2rem!important;
}

figcaption h2:after {
  content:'';
  position:absolute;
  top:30px;
  right:0;
  left:0;
  width:100%;
  height:1px;
  background:rgba(255,255,255,0.35);
  z-index:3;
}


.ava-group img{
  margin-right:auto;
  margin-left: auto;  
  left: 0;
  right: 0; 
  top:20px !important;
  width:90px !important;
  height:90px !important;
  border: 3px solid #FFF;
  border-top-right-radius: 20px;
  border-top-left-radius: 3px;
  }

.gallery-cover{
  padding:5px;
  height: 200px !important;  
  max-height: 200px !important;  
  overflow-y: auto !important;
   background:rgba(225,225,225,0.1);
}

.bp-cover{
   height: auto!important;
   width: 300px !important;
  }
#groupfileupload{
  margin-right:auto;
  margin-left: auto;
  width:62px;
  left: 0;
  right: 0;  
}

label img {
    vertical-align:inherit;
}
#buddypress div#item-header span span  {
  opacity: 0;
  width: 80px;
}
#buddypress div#item-header span:hover  {
  opacity: 1;
}
#buddypress div#item-header .toggle-header:hover {
    width: 80px;
    height: 20px;
    border-radius: 3px !important;
   
}
#buddypress div#item-header .toggle-header {
    display: inline-block;
    position: absolute;
    padding-left: 0px;       
    left:75px;
    top: 260px;
    transition: all 0.5s ease-in-out 0s;
    color: #BBB;
    text-align: center;
    cursor: pointer;
    opacity: 0.5;
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
 
  
}

#buddypress .bp-header-small #item-header .toggle-header {
    top: 260px;
}