/* Minification failed. Returning unminified contents.
(186,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* main css start */
a {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.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-dark:focus {
    background-color: #300B0F;
}

.fs-7 {
    font-size: 0.8rem !important;
}

.fs-8 {
    font-size: 0.7rem !important;
}

.fs-1-15 {
    font-size: 13px !important;
}

.fs-main-title {
    font-size: 1.45rem !important;
}

.fs-video-title {
    font-size: 15px;
}

.fs-subtitle {
    font-size: 13px;
}

.fs-description {
  font-size: 14px;
}

.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;
}

.text-white {
    color: #FFFFFF !important;
}

.border-grey-light {
    border-color: #8F9093 !important;
}

.bg-grey-dark {
    background-color: #2D372F !important;
}

.bg-white {
    background-color: #FFFFFF !important;
}

.text-grey-dark {
    color: #333333 !important;
}

.border-grey-dark {
    border-color: #2D372F !important;
}

.border-white {
    border-color: #FFFFFF !important;
}

.bg-orange {
    background-color: #F44A1E !important;
}

.text-orange {
    color: #F44A1E !important;
}

.text-orange-hover:hover {
    color: #F44A1E !important;
    cursor: pointer;
}

.border-orange {
    border-color: #F44A1E !important;
}

.bg-orange-dark {
    background-color: #A83417 !important;
}

.bg-purple {
    background-color: #9326FF !important;
}

.border-divider {
    border-color: #EEEEEE !important;
}

.center-text {
  width: 100%;
  text-align: center !important;
  padding-top: 50px;
}

/* main css end */

#menu-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2147483647 !important;
}

#open-menu-button {
  width: 60px;
  text-align: right;
}

#banner {
    height: 80px;
    /* height: 100%; */
}

#channel-logo {
    width: 70%;
}

.login-modal-content {
    background: white;
    padding: 16px;
    border-style: solid;
    border-width: thin;
}

.btn-orange {
  --bs-btn-bg: orangered !important;
  --bs-btn-color: white !important;
  --bs-btn-hover-bg: orange !important;
  --bs-btn-hover-color: white !important;
  --bs-btn-active-bg: orange !important;
  --bs-btn-active-color: white !important;
}

.jw-svg-icon-fullscreen-on path {
    display: none;
}

.jw-svg-icon-fullscreen-on {
    background-image: url('images/full_open.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.jw-svg-icon-fullscreen-off path {
    display: none;
}

.jw-svg-icon-fullscreen-off {
    background-image: url('images/full_close.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@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;
  }

  #information-container {
    padding-top: 1.5rem;
  }

  #information-sub {
    opacity: 0.8 !important;
    align-self: flex-start;
  }
}

@media (min-width: 768px) {
  .channel-logo-padding {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  #banner {
      height: 90px;
      /* height: 100%; */
  }

  #channel-logo {
    width: auto;
    padding-left: 0px;
  }

  .h-menu-padding {
    padding-top: 15px;
    padding-bottom: 30px;
  }

}

@media (min-width: 768px) and (max-width: 992px) {
  #information-container {
    padding-top: 1.5rem;
    border-bottom: 0 !important;
  }

  #information-sub {
    opacity:0.8 !important;
    align-self:flex-start;
  }
}

@media (min-width: 992px) {
  #information-container {
    padding-top: 0.5rem;
    border-bottom: 0 !important;
  }

  #information-sub {
    opacity: 0.8 !important;
    align-self: flex-end;
  }
}