body.hfixed{

}


@media only screen and (min-width: 892px) {
  #feedmenc{
    display:none;
  }
}
  @media only screen and (max-width: 891px) {
    #feedmenc{
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:rgba(16,29,66,0.25);
    width: 40px;
    height:40px;;
    font-size:1.3rem;
    position:fixed;
    left:5px;
    bottom:20px;
    z-index: 20;
    color:#fff;
    cursor: pointer;
  }
  body.dark #feedmenc{
     
    background:rgba(255,255,255,0.25);
  }
  .feedroll .clfmenuyhide{
    text-align:right;
    padding: 10px;
    font-size:1.4rem;
    cursor: pointer;
  }
  .feedroll .feedmenu{
    
    background:#fff;
    position: absolute;
    top:0;
    left:0;
    font-size:0.925rem;
    z-index: 233132;
    box-shadow: 0 0 16px rgba(0,0,0,.7);
  }
  body.dark .feedroll .feedmenu{
    background:#1e3b99
  }
  }
@media only screen and (min-width: 892px) {
body.bodyfeed{




}


.feedroll{


display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
position: relative;
/*height: calc(100vh - 170px );*/

} 

.feedroll .feedmenu, .feedroll .feedright{
height: 100%;
position: relative;

top: 0;
overflow: hidden;



}

.feedroll .feedmenu{
width: 300px;
flex-grow: 0;
flex-shrink: 0;


}

.feedroll .feedmid{

flex-grow: 3;
position: relative;;
display: flex;
justify-content: center;


}
.feedroll .innfeed{
width: 100%;
max-width: 630px;

}
.feedroll .feedright{
flex-grow: 0;
flex-shrink: 0;

}


.fdinner {

position: fixed;
width: inherit;
top: 120px;
height: calc(100vh - 120px );;
box-sizing: border-box;
padding: 15px;
overflow-y: auto
}
.fdinner * {
max-width: 100%;
}

@media only screen and (max-width: 1279px) {
.fdinner {
padding: 3px;
}
}



}  

@media only screen and (min-width: 1381px) {

.feedroll .feedright{
width: 370px;
flex-grow:0;
flex-shrink:0;

}

@media only screen and (min-width: 1680px) {

.feedroll .feedright{
width: 470px;
}
}

.feedroll .feedright .similar{
margin-top: 30px
}

}


@media only screen and (max-width: 1380px) {


.feedroll .feedright{
display: none; 
}


}

@media only screen and (max-width: 891px) {
.feedroll .feedmenu{
display: none;
 
position: absolute;
top: 0;
left: 0;
z-index: 6545646

}
}


.mologiny{
font-size: 0.9225rem;
text-align: right;
margin-bottom: 20px;
}
.mologiny span{
background: #232ed1;
color:#fff;
font-weight: 700;
padding: 3px 6px;
display: inline-block
}
body.dark  .mologiny span{

}
.mologiny span::before{
content: "\f21b";
font-family: 'Font Awesome\ 5 Free';
padding-right: 6px;
font-weight: 900!important;


display: inline-block;

}

/* rightbox */
.finditnow {
padding: 20px;
box-sizing: border-box
}
.feedform{
  margin-bottom: 50px;
}
.feedformrow {
display: flex;
margin-bottom: 10px
}
.advsrch {
font-size: 0.725rem;
padding-left: 20px;

opacity: 0.7
}
.advsrch:hover{

opacity: 1
}
.finditnow .fdsrchtxt {
border: none;
border-radius: 50px 0 0 50px;
width: calc(100% - 40px);
box-sizing: border-box;
background: #eff2f6;
line-height: 40px;
height: 40px;
padding-left: 20px
}

.finditnow .fdsrbttb {
line-height: 40px;
height: 40px;
border: none;
background: #eff2f6;
width: 40px;
display: inline-block;
border-radius: 0 50px 50px 0;
box-sizing: border-box;
text-align: center;
cursor: pointer
}
body.dark .finditnow .fdsrchtxt ,body.dark .finditnow .fdsrbttb {
background: #dbdbd7;
background: #2f3549;
color:#94979f
}
.feedoption h4 {
padding: 0 0 0 20px;
}
.fdchannel {
list-style: none;
margin: 30px 0
}
.fdchannel li {
font-weight: 600;
margin-bottom: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.fdchannel li a {
line-height: 40px;
height: 40px;
padding: 0 20px;
background: #fdfeff;
border-radius: 25px;
display: block
}
body.dark .fdchannel li a {
background: #282e42;
background: rgba(255,255,255,0.1);
color: #dbdbd7;
}
.fdchannel li a:hover {
background: #eff2f6;
}
body.dark .fdchannel li a:hover {
background: #232ed1;
color:#fff
}
.fdchannel li a.active {
background: #041536;
color: #fff
}
body.dark .fdchannel li a.active{
background: #232ed1;
color: #dbdbd7;
}
.feedoption	.legal{
text-align: center;
padding: 0 20px;
font-size: 0.725rem;
opacity: 0.7;
margin-top:20px
}
.feedoption	.legal a{
margin: 0 6px
}


.feedmenu .legal{
text-align: center;
padding: 0 20px;
font-size: 0.725rem;
opacity: 0.7;
margin-top:20px
}
.feedoption	.legal a{
margin: 0 6px
}


.feedmenu ul.mbrmenu{
list-style: none;
margin-bottom: 40px;

}

.feedmenu ul.mbrmenu li {
margin-bottom: 25px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.feedmenu ul.mbrmenu li i {
width: 30px;
}

.fdcatbx{
position: relative;
}
.fdcatbx #showcatpp{
display:none
}
@media only screen and (max-height: 900px) {
.fdcatbx #showcatpp{
display:inline-block;
cursor: pointer;
}

}

/* social post*/
.socpost {
width: 100%;
margin-bottom: 50px;
border-bottom: 1px solid #eff2f6;
padding-bottom: 15px;
}
body.dark .socpost {
border-bottom: 1px solid #293854;
}
.socpost ul{
list-style: none
}
.socpost .postheader {
display: flex;
justify-content: space-between
}
.socpost .postheader .avatar {
width: 50px;
padding-right: 10px;
box-sizing: border-box
}
.socpost .postheader .avatar img {
border-radius: 50%
}
.socpost .postheader .author {
width: calc(100% - 100px);
margin-bottom: 15px
}
.socpost .postheader .author .uname {
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 0.99rem;

color: #062259
}
body.dark .socpost .postheader .author .uname {
color:#dadada
}


.socpost .postheader .author .uname a {
color: inherit
}
.socpost .postheader .author .pdate {
font-size: 0.725rem
}

.socpost.memberonly .postheader .author .pdate::before{
content: "\f21b";
font-family: 'Font Awesome\ 5 Free';
padding-right: 6px;
font-weight: 900!important;
color: #232ed1;

display: inline-block;

}
body.dark .socpost.memberonly .postheader .author .pdate::before{
color:#4fd6b0
}

.socpost .postheader .socoption {
width: 50px;
padding: 0 8px;
box-sizing: border-box;
}
.socpost .postheader .socoption li {
}
.socpost .postheader .socoption ul, .socpost .postheader .socoption li {
padding: 0 0 0 0!important;
margin: 0 0 0 0!important;
}
@media only screen and (min-width: 992px) {
.socpost .postheader .socoption ul .primo {
position: relative
}
}
.socpost .postheader .socoption .prdot {
color: #062259;
text-align: center;

}
body.dark .socpost .postheader .socoption .prdot {
color:#dadada;
width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
border-radius: 100px;
}
.socpost .postheader .socoption .prdot:hover{
background:#eff2f6;
}
body.dark .socpost .postheader .socoption .prdot:hover{
background:rgba(255,255,255,0.1);
}
.socpost .postheader .socoption ul li ul {
position: absolute;

background: #fff;
box-shadow:0 0 3px rgba(239,242,246,0.85);
display: none;
z-index: 666;

}
body.dark .socpost .postheader .socoption ul li ul {
background: #051c49;
box-shadow: 0 0 12px rgba(5,201,2,0.15);
}
@media only screen and (min-width: 992px) {
  .socpost .postheader .socoption ul li ul {
    width: auto;
min-width: 220px;
right: 0;
top: 0;
  box-shadow:0 0 3px rgba(239,242,246,0.85);
border-radius: 2px;
padding: 12px!important;
white-space: nowrap;
font-size: 0.875rem
  }
}
@media only screen and (max-width: 991px) {
  .socpost .postheader .socoption ul li ul {
  position: fixed;
  width: 100%;
  bottom: 0;
  left:0;
  border-radius: 20px 20px 0 0;
  padding:8px 5px!important;
  box-sizing: border-box;
  font-size:0.925rem;
 
  }

  .socpost .postheader .socoption ul li ul::before{
    content: ' ';
    display: block;
    width: 50px;;
    height: 3px;;
    background: #eff2f6; 
    border-radius: 20px;
    position:absolute;
    left:0;
    right:0;
    margin-top: 8px;
    margin-left:auto;
    margin-right:auto;
    z-index: 45464;
    }
    body.dark   .socpost .postheader .socoption ul li ul::before{
    background: rgba(255,255,255,0.25);
    }



}
.socpost .postheader .socoption ul li ul li.ownerop {
margin-top: 20px!important;

}
.socpost .postheader .socoption ul li ul li a {

min-width: 150px;
display: block;
line-height: 30px;
padding: 0 5px;
border-radius: 4px;
font-weight: 600;
}
.socpost .postheader .socoption ul li ul li a:hover {
color: #fff;
background: #232ed1;
text-decoration: none;
opacity: 1;
}
.socpost .postheader .socoption ul li ul li a i {
width: 20px;
}
.socpost .postheader .socoption ul li ul li.closer{
  padding-right: 10px!important;
  color:#232ed1
 
}
.socpost figure {
width: 100%;
height: 350px;
margin-bottom: 15px;
border-radius: 12px;
overflow: hidden;
}
.socpost figure img {
width: 100%!important;
height: 100%!important;
object-fit: cover
}
.socpost .ptitl {
font-family: 'Outfit', Arial, Helvetica, sans-serif;
font-weight: 700;
color: #062259;

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 1.25rem;
margin-bottom: 15px
}
body.dark .socpost .ptitl {
color:#dadada
}
.socpost .ptitl a {
color: inherit
}
.socpost .catb{
font-size: 0.7725rem;
margin-bottom: 12px
}
.socpost .catb span{
background:#eff2f6;
border-radius:200px;
padding:4px 12px;
font-size:0.825rem;
font-weight:600 ;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
max-width: 100%;
display: inline-block;
overflow: hidden;
margin-right: 3px;
}
body.dark .socpost .catb span{
background:rgba(255,255,255,0.5);
color:#fff
}
@media only screen and (max-width: 991px) {
.socpost .catb span{
font-size:0.725rem;
}
}
.socpost p{



}
.socpost p a{
color: #232ed1
}

.socpost.wallp p:not(.singlposview.socpost.wallp p){
font-size: 0.99rem;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;  
overflow: hidden;
max-lines: 4;
}
.socpost .pdate.snsrd{
font-size: 0.725rem
}
.socpost .sckaction {
margin-top: 20px;
display: flex;
justify-content: space-between;
align-items:center;
height: 30px;
 
}
.socpost .sckaction .arbox{
display: flex;
align-items:center;
height: 30px;
}        
.socpost .sckaction .ar {
margin-right: 10px;
height: 30px;
box-sizing: border-box;
background: #eff2f6;
border-radius: 50px;
display: flex;
align-items:center;
padding: 3px 10px;
font-size: 0.775rem;
align-content:center;

}
body.dark .socpost .sckaction .ar {
background: rgba(255,255,255,0.1);

}
.socpost .sckaction .ar.deleteth,body.dark .socpost .sckaction .ar.deleteth {
background: none;
}
.socpost .sckaction .ar i{
margin: 0 5px;
font-size: 1rem;
display: inline;
}
.socpost .sckaction .ar .likecount{
 display: inline;

}


.socpost .video-container {
    position: relative;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 15px;
}
.socpost .video-container iframe, .socpost .video-container object, .socpost .video-container embed , .socpost .video-container video{
position: absolute;
border: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none!important;
background: transparent!important;
outline: none !important;
}        


.tocfllw span {
font-size: 0.725rem
}
.tocfllw.acflw .xunfollow {
display: none
}
.tocfllw.acunflw .xfollow {
display: none
}
.socpost .channelbl {
font-size: 0.725rem;
}
.socpost .channelbl span {
font-weight: 500
}
.socpost .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 0 0 15px 0 ;

   


    border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: #eff2f6!important;
  border-radius:12px;
  overflow: hidden;
    }
    body.dark .socpost .video-container {
      background: #051c49!important;
    }

    
    .socpost .video-container .video-js {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius:12px;
    overflow: hidden;
    background: transparent!important;
    border: none !important;
  outline: none !important;
  box-shadow: none !important;
  z-index: 3;
    }
 
    .socpost .video-container .video-js .vjs-tech {
      background: transparent !important;
    }
    
      /* Hide the default big play button */
    .wallp .vjs-big-play-button {
        display: none !important;
      }
    
      /* Add a custom play button overlay */
      .wallp .custom-big-play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: url('../images/play.png') no-repeat center center;
        background-size: contain;
        width: 100px;
        height: 100px;
        cursor: pointer;
        z-index: 3; /* Make sure it appears above the video */
      }
    
      /* Hover effect for better user experience */
      .wallp  .custom-big-play-button:hover {
        opacity: 0.8;
      }
    
    
      /* Hide custom play button initially */
      .wallp .custom-play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: none;
      cursor: pointer;
    }
    
    /* Styling for play button image */
    .wallp .custom-play-button img {
      width: 50px;
      height: 50px;
    }
    .wallp .vjs-control-bar {
      text-shadow:0 0 4px #000!important;
      background-color: rgba(26, 42, 94, 0) !important; /* Black with 80% opacity */
    }
    .wallp  .vjs-progress-holder {
      background: linear-gradient(to right, #4fd6b0, #232ed1); !important; /* Light gray background */
    }
/* gotolatest */
.gotolatest{
float: right;
background: #fff;
font-size: 0.925rem;
display: inline-block;
padding: 4px 6px;
border-radius: 4px;
margin: 5px 0 0 5px;
}
/*post form */
.setform{

margin: 0 0 50px 0
}
.setform.userwall .postoptions .selccatrow{
display:none
}
.replyto{
background:#eff2f6;
display:inline-block;
padding: 2px 8px;
cursor: pointer;
border-radius:25px;
margin:25px 0;

font-weight: 600!important;
font-size: 0.875rem!important;
}
body.dark .replyto{
background:rgba(255,255,255,0.75);
color:#232ed1

}
.replyto.hidden{
display : none!important;
}
#progressBar{
    width: 100%; 
    background-color: #f3f3f3; 
    margin-top: 10px; 
    display: none;
    
}
body.dark #progressBar{
    background-color: #1e3b99; 
    
}
#progressBar #progress{
    width: 0%; 
    height: 6px; 
    background: linear-gradient(to right, #4fd6b0, #232ed1);
}
.setform .cmai{
margin-bottom: 20px
}
.setform .cmai .formtextb{
font-size: 1.3rem;
border: none;
padding: 0;
margin: 0;
background: none;
width: 100%;
height: auto;

field-sizing: content;

resize: none; 
overflow-y: auto;  

max-height: 55vh

}
.setform .spinb{
display: flex;
justify-content: space-between;
box-sizing: border-box;
width: 100%;
align-items: center

}
@media only screen and (max-width: 991px) {
.setform .spinb{
padding: 0 10px;


}
}
.setform .spinb .morop{


}
.setform .spinb .morop i{
font-size: 0.7rem;
margin-left: 3px
}
.setform .spinb .contrs{
opacity: .6
}
.setform .spinb .shofile{
margin-right: 15px
}
.setform .spinb .ffbutton{
margin:0 0 0 12px;
cursor: pointer
}
.setform .selccatrow select{
margin-bottom: 5px
}

.logopreview{

  width:100%;
  
  overflow: hidden;
  
  margin-bottom: 20px;
  position: relative;

}
.logopreview figure{

width:100%;
height: 300px;
overflow: hidden;

margin-bottom: 20px;
position: relative;
}
.logopreview figure.isvideo::after {
    content: "\f04b";
    font-family: 'Font Awesome\ 6 Free';
    display: block;
    color:rgba(255,255,255,0.85);
    text-shadow: 0 0 10px #000;
    font-weight: 900!important;
    font-size: 3.725rem ;
    position: absolute;
    
    z-index: 453345;
    
    


    top: 50%;
left: 50%;
transform: translate(-50%, -50%);
    }
.logopreview img{
width:100%;
overflow: hidden;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.logopreview video{
 
  width:100%;
  overflow: hidden;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  }
.logopreview.avatar{
border-radius: 50%;
}
.imgdlete{
position: relative;
background: rgba(255,255,255,0.25);
font-size: 0.75rem;


cursor: pointer;


}
.imgdlete span{
position: absolute;
background: rgba(255,255,255,0.5);
padding: 3px 15px;
border-radius: 50px;
font-weight: 700;
color:#041536;

z-index: 4545;
right: 10px;
bottom: 40px
}

.feedsignup{
background: #ffcb26;

padding: 20px 30px;
border-radius:30px ;
margin-bottom: 20px;;
}
body.dark .feedsignup{
background: #062259;
}
.feedsignup p{
margin-bottom: 0;

}

.statusfull{

}
.statusfull .socpost .sckaction .nopad{
display:none;
}

.oathincl{
  border: 1px solid #eff2f6; 
  padding: 12px; 
  margin-top:30px;
  border-radius: 12px
  
}
body.dark .oathincl{
  border: 1px solid #1e2d4a; 
}
.oathincl .removepred{
  position:absolute;
  right:25px;
  top:25px;
  z-index: 39393;
  cursor:pointer;
  text-shadow: 0 0 5px #000;
  color:#fff

}
.oathincl img{
  border-radius:12px;
}
/*.statusfull */
.oathincl .oimgs{
  max-width:100%; height:auto; margin-bottom: 5px;
  max-height: 400px;
  text-align:center;
  
}
/*
.standardwall .oathincl{
  display:flex;
  justify-content:space-between;
  
}
.standardwall .oathincl img{
  width: 100px;
  flex-grow:0;
  flex-shrink:0;
}
.standardwall .oathincl .urldtislz{
  width: calc(100% - 120px);
  flex-grow:0;
  flex-shrink:0;
}*/
.oathincl h4{
  font-size:1.2rem;

}
.oathincl .oaudesc{
  font-size:0.925rem;

}
.oathincl .oadomain{
  font-size:0.925rem;
  opacity: .6

}