*:focus {
    outline: none;
} 

.bg-light-gray {
    background-color: #fafafa;
}

.bg-black {
    background-color: #000; 
}

.text-xs {
font-size: 12px;
}

.text-sm {
font-size: 14px;
}

.text-md { 
font-size: 16px;
}

.text-lg {
font-size: 18px;
}

.text-xl {
font-size: 20px;
}

.opacity-10 {
opacity: .1;
}

.opacity-20 {
opacity: .2;
}

.opacity-30 {
opacity: .3;
}

.opacity-40 {
opacity: .4;
}

.opacity-50 {
opacity: .5;
}

.opacity-55 {
opacity: .55;
}

.opacity-60 {
opacity: .6;
}

.opacity-65 {
opacity: .65;
}

.opacity-70 {
opacity: .7;
}

.opacity-70 {
opacity: .7;
}

.opacity-75 {
opacity: .75;
}

.opacity-80 {
opacity: .8;
}

.opacity-85 {
opacity: .85;
}

.opacity-90 {
opacity: .9;
}

.opacity-95 { 
opacity: .95;
}


.pointer {
    cursor: pointer;
}

.hidden {
display: none !important;
}

.ajaxProgress {
width: 100%;
height: 100vh;
position: fixed;
display: none;
top: 50%;
left: 50%;
margin: -50px 0px 0px -50px;
z-index: 1000000;

}


/* ACCORDION */

ul.accordion, ul.accordion ul {
list-style: none;
padding: 0;
}

ul.accordion ul.inner0{
padding-left: 1em;
overflow: hidden;
}

ul.accordion ul.inner{
padding-left: 1em;
overflow: hidden;
display: none;
}

ul.accordion ul.inner.show {
/* display: block;     */ 
}


ul.accordion li div.toggle {
width: 100%;
display: block;
background: #fff;
border-radius: 5px;
cursor: pointer;
color: #343a40;
padding: 8px;
width: 100%;
text-align: left;
outline: none;
font-size: 12px;
margin-bottom: 1px; 
transition: 1s;
border: 1px solid #f0f0f0; 
margin-bottom: 10px;

}     

.img-hover-zoom { 
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.2); 
}

ul.accordion li div.toggle.active { 
background: #fafafa;
}

ul.accordion li div.toggle:hover { 
background: #fafafa;
transition: .5s;
}

ul.accordion a:before { 
text-decoration: none;
position: relative;
color: #343a40;
transition: 1s;
}


ul.accordion a, ul.accordion a:visited {
text-decoration: none;
position: relative;
color: #343a40;
transition: 1s;
}

ul.accordion a:after, ul.accordion a:visited:after {
margin-bottom: -2px;
content: '';
height: 2px;
position: absolute;
bottom: 0;
left: 0;
width: 0%;
background: #8b3b95;
transition: 0.5s;
}


ul.accordion a:hover:after, ul.accordion a:visited:hover:after {
width: 100%;
}

ul.accordion li div.toggle span:before { 
text-decoration: none;
position: relative;
color: #343a40; 
font-size: 12px;
font-weight: 400;
content: "v";
float: right;
transition: 1s;
}

ul.accordion li div.toggle.arr_up span:before { 
-webkit-transform: rotate(540deg);
-moz-transform: rotate(540deg);
transform: rotate(540deg);
} 
  

.bg-blur {
    filter: blur(4px);
    -webkit-filter: blur(4px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}

.fr-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;

}

.gradient-overlay-half-dark-v3::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000000e0), color-stop(100%, #00000070));   
    background-image: linear-gradient(0deg, #000000e0 0%, #00000070 100%);
    background-repeat: repeat-x;
  }

.gradient-overlay-half-dark-v4::before {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#ff0000), color-stop(100%, #ff00009a));
    background-image: linear-gradient(0deg, #ff0000 0%, #ff00009a 100%);
    background-repeat: repeat-x;
  }

.gradient-overlay-half-primary-v5::before {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff1900), to(#ff6767));
  background-image: linear-gradient(90deg, #ff1900 0%, #ff6767 100%); 
  background-repeat: repeat-x;
}

.time-stamp {
font-size: 12px;
color: #fff;
position: absolute;
top: 0px;
right: 0px;
border-top-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem;
padding: 3px 6px 3px 6px;
background-color: #000; 
opacity: .6;
z-index: 9; 
}

.premium {
font-size: 12px;
color: #fff;
position: absolute;
left: 0px; 
top: 0px;
border-top-left-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
padding: 3px 6px 3px 6px; 
background-color: #000; 
opacity: .9;
z-index: 9; 
}


.premium-carousel {
font-size: 12px;
color: #fff;
position: absolute;
border-top-left-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
padding: 0px 2px 0px 2px;
background-color: #000; 
opacity: .9;
z-index: 9; 
}

.premium-newsfeed {
font-size: 13px; 
position: absolute; 
right: 10px;
z-index: 9;  

}


.media-sign {
font-size: 12px;
color: #fff;
position: absolute;
right: 0px; 
bottom: 0px;
border-top-left-radius: 0.3125rem;
border-bottom-right-radius: 0.3125rem;
padding: 3px 6px 3px 6px;
background-color: #000; 
opacity: .9;
z-index: 9; 
}

.time-stamp::before, .time-stamp::after {
border-top-right-radius: 0.3125rem;
border-bottom-left-radius: 0.3125rem; 
}


.border-1 {
    border-width: 1px !important; 
}

.border-2 {
    border-width: 2px !important;
}


.border-3 {
    border-width: 3px !important;
}


.border-4 {
    border-width: 4px !important;
}


.border-5 {
    border-width: 5px !important; 
}

@media (min-width: 1300px) {
    .container {
      max-width: 1280px; 
    }
  }

  @media (min-width: 1300px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
      max-width: 1280px;
    }
  }

/* VIDEO PLAYER STYLE   */ 
.vjs-default-skin .vjs-play-progress,
.vjs-default-skin .vjs-volume-level { background-color: #8b3b95 }


.cut-lines-1 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* number of lines to show */
-webkit-box-orient: vertical;
max-height: 1.4em;
line-height: 1.4em;
}

.cut-lines-2 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
max-height: 2.8em;
line-height: 1.4em;
}


.cut-lines-3 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; /* number of lines to show */
-webkit-box-orient: vertical;
max-height: 4.2em;
line-height: 1.4em;  
}

.cut-lines-4 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4; /* number of lines to show */
-webkit-box-orient: vertical;
max-height: 5.6em;
line-height: 1.4em;
}

.cut-lines-5 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box; 
-webkit-line-clamp: 5; /* number of lines to show */
-webkit-box-orient: vertical;
max-height: 7em; 
line-height: 1.4em;
}

.cover {
    -o-object-fit: cover; 
    object-fit: cover;
}

.u-divider-primary::before {
right: 100%;
background-image: linear-gradient(45deg, transparent 0%, #ff1900 100%) !important;
background-repeat: repeat-x;
}
  
.u-divider-primary::after {
left: 100%;
background-image: linear-gradient(45deg, #ff1900 0%, transparent 100%) !important;
background-repeat: repeat-x; 
}

.edit-content {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: -10px;
    z-index: 9; 
    border-radius: 0.3125rem; 
    margin-top: 2rem;
    }
    


    
/*------------------------------------
  Divider
------------------------------------*/
.u-divider-sidebar {
  position: relative;
  display: inline-block;
}

.u-divider-sidebar::before, .u-divider-sidebar::after {
  position: absolute;
  top: 50%;
  content: "";
}

.u-divider-sidebar::before { 
  right: 100%;
  background-image: linear-gradient(45deg, transparent 0%, #bdc5d1 100%);
  background-repeat: repeat-x;
}

.u-divider-sidebar::after { 
  left: 100%;
  background-image: linear-gradient(45deg, #bdc5d1 0%, transparent 100%);
  background-repeat: repeat-x;
}

/*------------------------------------
  Divider Sizes
------------------------------------*/
.u-divider-sidebar::before, .u-divider-sidebar::after {
  width: 3.5rem; 
  height: 0.0625rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.u-divider-sidebar::before {
  margin-right: .625rem;
}

.u-divider-sidebar::after {
  margin-left: .625rem;
}

.min-width-40 {
  min-width: 19.5rem;
} 

.min-width-30 {
  min-width: 15rem;
} 

.chat-toggler {
position: fixed;
bottom: 15px;
right: 70px;
z-index: 99;
}