/*
*
  global styles
*
*/

:root {
  .btn-dark.btn-submenu {
    --bs-btn-active-bg: #414144 !important;
  }
  .btn-dark.dark-variation {
    --bs-btn-bg: #414144 !important;
  }
}

body {
  overflow-y: scroll;
}

.fs-7 {font-size: 0.9rem;}
.fs-8 {font-size: 0.8rem;}
.fs-9 {font-size: 0.7rem;}

:focus {
  outline: none;
  box-shadow: none !important;
}

.pointer {
  cursor: pointer;
}

/*
*
  enter backdrop styles
*
*/
.staticBackdrop .video-thumb img {
  filter: blur(1.5rem)
}


/*
*
  rating alert
*
*/
.rating-alert {
  position: absolute;
  top: 20px;
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: white;
}



/*
*
  header styles
*
*/

.logo {
  max-height: 2.5rem;
}

/* language menu height */
#overlayscrollbars-1 {
  max-height: 300px;
}
/* search results dropdown menu height */
.overlayscrollbars-2 {
  max-height: 400px;
}

.text-small {
  font-size: 85%;
}

.count-label {
  color: #aaa;
  font-size: 80%;
  margin-left: 1rem !important;
  vertical-align: text-top;
  padding-top: 1px;
  display: inline-block;
}

.dropdown-toggle {
  outline: 0;
}

.dropdown-top-right {
  min-width: 250px;
}

.bg-submenu,
.btn-submenu {
  background-color: #2c2c30;
}

.btn-submenu:hover {
  background-color: #414144;
}

#subnav a,
#subnav .dropdown > *,
#desktop-search-dropdown-menu > *,
#mobile-search-dropdown-menu > *,
#desktop-search-bar input,
#mobile-search-bar input {
  font-size: 14px;
}

#subnav .dropdown-menu {
  background-color: #414144;
}

#subnav .dropdown-toggle::after {
  display: none;
}

#subnav .dropdown-toggle .fa-angle-down {
  transition: 0.2s;
}

#subnav .dropdown-toggle.show .fa-angle-down {
  rotate: 180deg;
}

#thumnail-switch {
  width: 2.25rem;
  height: 1.5rem;
}

#desktop-search-bar {
  max-width: 700px;
}

#desktop-search-bar .form-control,
#desktop-search-bar .input-group-text,
#mobile-search-bar .form-control,
#mobile-search-bar .input-group-text {
  border: 1px solid #414144;
}

#desktop-search-bar.show .form-control,
#desktop-search-bar.show .input-group-text,
#desktop-search-dropdown-menu.show,
#mobile-search-bar.show .form-control,
#mobile-search-bar.show .input-group-text,
#mobile-search-dropdown-menu.show {
  border: 1px solid #495057;
}

#desktop-search-bar.show input,
#mobile-search-bar.show input {
  border-bottom-left-radius: 0;
}
#desktop-search-bar.show .input-group-text,
#mobile-search-bar.show .input-group-text {
  border-bottom-right-radius: 0;
}

#desktop-search-dropdown-menu {
  width: 700px;
}

#mobile-search-dropdown-menu {  
  width: calc(100% - 2rem);
}

@media (max-width: 992px) {
  .logo {
    max-height: 1.5rem;
  }
}

/* 
*
  category index styles
*
*/

#category-index h3 {
  font-size: 18px;
  padding-top: 0.25rem;
}

#category-index a {
  color: #fff;
}

#category-index div.col a {
  font-size: 14px;
}

#category-index div.col a:hover span {
  text-decoration: underline;
}

#category-letters a {
  text-decoration: none;
}

/*
*
  category details styles
*
*/
#filter-buttons a,
#filter-buttons button,
.small-text {
  font-size: 12px;
}

#filter-buttons .dropdown-toggle::after {
  display: none;
}

.video-title,
.text-14 {
  font-size: 14px;
}

.truncate-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  word-break: break-word;
}

.video-action-menu {
  width: 24px;
  height: 24px;
  margin-right: -5px;
}
.video-action-menu.dropdown-toggle::after {
  display: none;
}

.video-info-duration {
  display: block;
  width: max-content;
  right: 0;
  left: auto;
  z-index: 2;
}

.category-info-videos,
.video-info-rating {
  display: block;
  width: max-content;
  right: auto;
  left: 0;
  z-index: 2;
}

.video-info-duration span,
.video-info-rating span,
.category-info-videos span {
  position: absolute;
  animation: fadeIn 0.3s;
  background-color: rgba(22, 22, 24, 0.7);
  color: rgb(197, 197, 201);
  font-size: 12px;
  border-radius: 3px;
  padding: 2px 5px;
  opacity: 1;
}

.category-info-videos span {
  border-radius: 10px;
  padding: 1px 4px;
  background: #000000;
}

.video-info-duration span {
  right: 0;
  bottom: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}

.category-info-videos span,
.video-info-rating span {
  left: 0;
  bottom: 0;
  margin-left: 5px;
  margin-bottom: 5px;
  color: #4ade80;
}

.category-info-videos span {
  font-size: 11px;
  color: rgb(197, 197, 201);
}

#tag-block h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

#tag-block a,
#filter-links button,
#filter-buttons .dropdown-toggle {
  font-size: 12px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

#tag-block a:hover,
#filter-links button:hover,
#filter-buttons .dropdown-toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

#filter-links a.active,
#filter-links button.active,
#filter-buttons .dropdown-toggle.show {
  background-color: #fff;
  color: #000 !important;
}

#filter-dropdowns a.dropdown-item,
#offcanvasFilters a.dropdown-item {
  font-size: 14px;
}

.source-filter-input,
#filter-by-source-addon1,
#filter-by-source-addon2 {
  border: 1px solid #414144;
}

.source-filter-input:focus,
#filter-by-source-addon1.focused,
#filter-by-source-addon2.focused {
  border: 1px solid #495057;
}

#source-dropdown-desktop {
  min-width: 300px;
  max-height: 400px;
}

#filter-dropdowns .dropdown-toggle .fa-angle-down {
  transition: 0.2s;
}

#filter-dropdowns .dropdown-toggle.show .fa-angle-down {
  rotate: 180deg;
}

.input-close {
  z-index: 20;
}

/*
*
  footer styles
*
*/
.footer-logo-subtext {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}

#footer-block h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.footer-site-links a,
#footer-adv-links a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 0;
}

.footer-site-links a:hover,
#footer-adv-links a:hover {
  text-decoration: underline;
}

.form-check:hover {
  cursor: pointer;
}