/* Minification failed. Returning unminified contents.
(294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(411,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* main css start */
a {
    cursor: pointer;
}

a:hover, a:visited, a:link, a:active {
  text-decoration: none;
}

.pointer {
    cursor: pointer;
}

.lh-2 {
    line-height: 2;
}

.ls-1 {
    letter-spacing: 1px;
}

.ls-2 {
    letter-spacing: 2px;
}

.bg-input {
    background-color: #DDDDDD;
}

.bg-input:focus {
    background-color: #DDDDDD;
}

.bg-input-dark {
    background-color: #300B0F;
}

.bg-input-white {
    background-color: #FFFFFF;
}

.bg-input-transparent {
  background-color: rgba(0,0,0,0.6) !important;
}

.bg-content-transparent {
    background: rgba(000,000,000,0.4);
}

.bg-input-dark:focus {
    background-color: #300B0F;
}

.category-button {
    padding: 2px 0px;
    display: inline;
}

.break-after:after {
    content: '\A';
    white-space: pre;
}

.no-radius {
    border-radius: 0;
}

.fs-7 {
    font-size: 0.8rem !important;
}

.fs-8 {
    font-size: 0.7rem !important;
}

.fs-1-15 {
    font-size: 13px !important;
}

.mt-video-title {
    margin-top: 12px !important;
}

.fs-video-title {
    font-size: 15px;
}

.fs-main-title { 
    font-size: 1.45rem !important;
    line-height: 2rem !important;
    margin-top: 10px;
}

.fs-subtitle {
    font-size: 13px;
}

.bg-black {
    background-color: black;
}

.border-blue-light {
    border-color: #1D6DDA !important;
}

.text-blue-light {
    color: #1D6DDA !important;
}

.bg-yellow-light {
    background-color: #D9A400 !important;
}

.text-yellow-dark {
    color: #D8A300 !important;
}

.bg-grey-light {
    background-color: #8F9093 !important;
}

.text-grey-light {
    color: #8F9093 !important;
}

.border-grey-light {
    border-color: #8F9093 !important;
}

.border-grey-very-light {
  border-color: #565656 !important;
}

.bg-grey-dark {
    background-color: #2D372F !important;
}

.text-grey-dark {
    color: #2D372F !important;
}

.text-gray {
    color: #333333
}

.border-grey-dark {
    border-color: #2D372F !important;
}

.bg-orange {
    background-color: #F44A1E !important;
}

.text-orange {
    color: #F44A1E !important;
}

.text-bold-orange {
  font-weight: 800;
  color: #F44A1E !important;
  cursor: pointer;
}

.text-bold {
    font-weight: bold;
}

.bg-white {
    background-color: #FFFFFF;
}

.text-grey {
    color: #333333 !important;
}

.text-orange-hover:hover {
    color: #F44A1E !important;
    cursor: pointer;
}

.text-bold-orange-hover:hover {
  font-weight: 800;
  color: #F44A1E !important;
  cursor: pointer;
}

.text-black-hover:hover {
    color: black !important;
    cursor: pointer;
}

.text-bold-hover:hover {
    font-weight: bold;
    cursor: pointer;
}

.border-orange {
    border-color: #F44A1E !important;
}

.border-white {
    border-color: #FFFFFF !important;
}

.border-gray {
    border-color: #333333 !important;
}

.bg-orange-dark {
    background-color: #A83417 !important;
}

.bg-purple {
    background-color: #9326FF !important;
}

.border-divider {
    border-color: #EEEEEE !important;
}

/* main css end */

#menu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2147483647 !important;
}

#banner {
    height: 80px;
}

#open-menu-button {
  width: 60px;
  text-align: right;
}

#close-menu-button {
  width: 100%;
}

.video-info-left-border {
    border-left: 3px solid transparent;
}

.video-title-left-border {
    border-left: 3px solid #dc3545;
    min-height: 18px;
}

.carousel-indicators {
    position: relative;
}

.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.carousel-indicators button.active {
    background-color: #F44A1E !important;
}

.carousel-item.active {
  background: rgba(0,0,0,0) !important;
  font-weight:normal !important;
}

.carousel-indicators {
  margin-bottom: 0rem;
}

.video-info-left-border {
  border-left: 3px solid transparent;
}

.video-title-left-border {
    border-left: 3px solid #dc3545;
    min-height: 18px;
}

/* pagination start */
.pagination {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
  user-select: none;
  --bs-pagination-border-radius: 0px;
  --bs-pagination-hover-color: inherit !important;
  --bs-pagination-hover-bg: #ffffff !important;
  --bs-pagination-hover-border-color: #ffffff !important;
  --bs-pagination-focus-box-shadow: transparent;
}

.pagination li {
    display: inline-block;
    margin: 5px;
    /* box-shadow: 0 5px 25px rgb(1 1 1 / 10%); */
}

.pagination li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    line-height: 22px;
}

/* .page-link-item { */
/*     padding: .375rem .75rem */
/* } */


.page-link {
    color: #ffffff;
    padding: 2px 8px;
    background-color: transparent;
    border: 1px solid transparent;
}

.remove-pointer {
    cursor:default
}

.page-item.active .page-link {
    z-index: 3;
    color: inherit;
    background-color: #ffffff;
    border-color: #ffffff;
}

/* .page-item.dots:hover { */
/*     background-color: transparent; */
/*     border-color: transparent; */
/* } */

.previous-page, .next-page {
    /* background: #0AB1CE; */
    /* width: 80px; */
    /* border-radius: 45px; */
    cursor: pointer;
    /* transition: 0.3s ease; */
}

.previous-page:hover {
    /* transition: 0.3s ease; */
    /* transform: translateX(-5px); */
}

.next-page:hover {
    /* transition: 0.3s ease; */
    /* transform: translateX(5px); */
}

.current-page {
    /* background: #ccc; */
    /* width: 45px; */
    /* border-radius: 50%; */
    cursor: pointer;
}

.dots {
    cursor: default;
}

.active {
    background: #ffffff;
    font-weight: bold;
}

/* .active a { */
/*     color: #000000; */
/* } */

.disable {
    display: none;
    visibility: hidden;
}

/* pagination end */

/* category accordion */
.accordion.category-accordion {
  margin-top: 15px;
  --bs-accordion-border-radius: 0px;
  --bs-accordion-inner-border-radius: 0px;
  --bs-accordion-border-width: 1px !important;
  --bs-accordion-border-color: #565656 !important;
  --bs-accordion-btn-padding-x: 0.8rem;
  --bs-accordion-btn-padding-y: 0.4rem;
  --bs-accordion-bg: rgba(0,0,0,0);
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0;
}

.accordion.category-accordion .accordion-button {
  background-color: rgba(0,0,0,0.6) !important;
}

.accordion.category-accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion.category-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: var(--bs-accordion-btn-icon-transform);
}

#category-list-mobile.list-group {
  --bs-list-group-bg: rgba(0,0,0,0.6) !important;
  --bs-list-group-action-hover-bg: rgba(0,0,0,0.3) !important;
}

#category-list-mobile.list-group button {
}

@media (max-width: 768px) {
  .channel-logo-padding {
    padding-top: 20px;
    padding-bottom: 0px;
  }

  #channel-logo {
    width: 80%;
    padding-left: 3px;
  }

  .container-padding {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .channel-video-container-padding {
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-top: 9px !important;
    padding-bottom: 3rem !important;
  }

  .carousel-main-title {
    font-size: 18px !important;
    line-height: 23px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 16px !important;
    line-height: 21px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

}

@media (min-width: 768px) {
  .channel-logo-padding {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  #banner {
        height: 90px;
    }

  #channel-logo {
    width: auto;
    padding-left: 0px;
  }

  .h-menu-padding {
    padding-top: 15px;
    padding-bottom: 30px;
  }

  .channel-video-container-padding {
    padding-top: 2rem !important;
    padding-bottom: 3rem !important;
  }

  .carousel-main-title {
    font-size: 20px !important;
    line-height: 25px !important;
    margin-top: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

  .fs-video-thumbnail-caption {
    margin-top: 9px !important;
    font-size: 0.85rem !important;
    line-height: 1.15rem !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
  }

}
