/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Hello Elementor Child Theme
 Template:     hello-elementor
 Version:      1.0.98
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  fo-video-library
*/

/* @import 'css/simple-grid.min.css'; */
@import "css/bootstrap-grid.min.css";
@import "assets/fontawesome-free-6.1.1-web/css/all.min.css";

body {
  background-color: #f8f9fa !important;
  overflow-x: hidden;
}

.breadcrumb {
  font-size: 12px !important;
}

.dynamic-header,
.dynamic-footer {
  display: none;
}

.partner-kenaff .current-page {
  color: #000 !important;
}

body.partner-main .dynamic-header.partner-main,
body.partner-main .dynamic-footer.partner-main {
  display: block;
}

body.partner-kenaff .dynamic-header.partner-kenaff,
body.partner-kenaff .dynamic-footer.partner-kenaff {
  display: block;
}

body.partner-unyfa .dynamic-header.partner-unyfa,
body.partner-unyfa .dynamic-footer.partner-unyfa {
  display: block;
}

body.partner-kenaff .wpml-ls-item-lug {
  display: none;
}

body:not(.elementor-editor-active) .imprint.partner-unyfa,
body:not(.elementor-editor-active) .imprint.partner-kenaff {
  display: none;
}

body.partner-unyfa .imprint.partner-unyfa,
body.partner-kenaff .imprint.partner-kenaff {
  display: block;
}

.text-right {
  text-align: right;
}

.navigation-holder
  .elementor-column-gap-default
  > .elementor-column
  > .elementor-element-populated {
  padding-top: 2px;
  padding-bottom: 2px;
}

h1.entry-title,
h2#reply-title {
  display: none !important;
}

.video-excerpt {
  color: inherit !important;
}

#commentform .comment-form-url,
#commentform .comment-form-author,
#commentform .comment-form-email {
  display: inline-block;
  width: 33%;
}

#commentform #submit {
  background-color: #000;
  color: #fff;
  border: none;
  outline: none;
}

#commentform #submit:hover {
  background-color: #fff;
  color: #000;
  outline: 0.5px solid #000;
}

.elementor-button.elementor-size-xs {
  padding: 10px 10px !important;
}

.read-more-btn,
.simplefavorite-button {
  border: 0px;
  color: #555;
  font-size: 12px;
  background-color: #fbfbfb;
}

.simplefavorite-button.active i {
  color: #c36 !important;
}

.simplefavorite-button:hover {
  color: #fff !important;
  background-color: #c36 !important;
  text-decoration: none;
}

.simplefavorite-button:hover i {
  color: #fff !important;
}

/*
Change Backend Table to auto Layout for better readability
*/
table.fixed {
  table-layout: auto !important;
}
.wp-list-table {
  table-layout: auto !important;
}

/*
Change WPML video detail language switcher
*/
.wpml-ls-legacy-list-horizontal {
  padding: 0;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  margin-right: 3px;
}

.wpml-ls-legacy-dropdown {
  max-width: 100px;
}

/*
Remove WPML Language MetaBox
*/
#icl_div {
  display: none !important;
}

/*
Breadcrumb Anpassungen

*/

.breadcrumb .current-page {
  color: #fff;
  font-weight: bold;
}

/* 

Grid Anpassungen

*/

.container.full-width {
  width: 100%;
  max-width: 100%;
}

.row [class^="col"] {
  padding: 5px;
}

/* 

FO Kategorien Anpassungen

*/

.category-icon {
  height: fit-content !important;
  display: block !important;
}

.fo-category-grid img {
  max-height: 290px;
}

.fo-category-grid .category-image {
  background-size: cover;
  width: 100%;
  height: 300px;
  max-height: 300px;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fo-category-grid .category-image .category-label {
  background-color: #646464;
  color: #fff;
  border: 0.5px solid #fff;
  padding: 5px;
  text-align: center;
  font-weight: 600;
  width: auto;
}

#category-grid-sort-btn {
  width: auto;
  float: right;
  font-size: 10px;
  padding: 7px;
}

/* 

FO News Anpassungen

*/

.fo-news-grid img {
  max-height: 290px;
}

.fo-news-grid .news-image {
  background-size: cover;
  width: 100%;
  height: 200px;
  max-height: 300px;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fo-news-grid .news-image .news-label {
  color: #fff;
  padding: 5px;
  text-align: left;
  font-weight: 600;
  width: auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.fo-news-grid .news-image .news-label span {
  background-color: #646464;
  border: 0.5px solid #fff;
  padding: 5px;
}

/*

    FO  Searchbar Anpassungen

*/

.fo-searchbar {
  margin: 0 5px 0 5px;
}

.fo-searchbar input,
.fo-searchbar input:focus {
  border: 0.5px solid #ddd !important;
}

.fo-searchbar .input-icons i {
  position: absolute;
}

.fo-searchbar .loading-icon {
  right: 5px;
  display: none;
}

.fo-searchbar .input-icons {
  width: 100%;
  margin-right: 3px;
}

.fo-searchbar .icon {
  padding: 15px;
  color: #646464;
  min-width: 50px;
  text-align: center;
}

.fo-searchbar .input-field {
  width: 100%;
  padding: 10px;
  text-align: left;
  padding-left: 45px;
}

.fo-searchbar form {
  display: flex;
}

.auto-complete {
  z-index: 9999;
  top: 80px;
  margin-top: 10px;
  display: none;
  background-color: #fff;
  width: 100%;
}

.auto-complete ul {
  list-style-type: none;
}

.auto-complete ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.3);
}

.auto-complete ul {
  padding-inline-start: 5px !important;
  padding-inline-end: 5px !important;
}

/*

    FO  Searchresults Anpassungen

*/

.search-text-title {
  font-size: 20px;
  font-weight: bold;
}
.search-text-value {
  font-size: 20px;
}

.video-item {
  border: 1px solid #efefef;
  box-sizing: border-box;
  background: #fff;
  border-radius: 6px;
  height: auto;
}

.video-item .video-image {
  background-size: cover;
  width: 100%;
  height: 225px;
  max-height: 225px;
  background-repeat: no-repeat;
  background-position: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.video-infos {
  height: auto;
  min-height: 300px;
  /* border: 0.5px solid lightgray; */
  padding: 25px;
}

.video-title {
  font-weight: bold;
  padding-bottom: 4px;
  min-height: 55px;
}

.fo-categories-inline {
  padding-top: 10px;
}

.video-item .category-icon {
  width: 25px;
  margin-right: 5px;
}

.category-title {
  color: #636363;
  font-family: "Roboto", Sans-serif;
  font-size: 25px;
  font-weight: 600;
}

.fo-video-grid .category-icon {
  width: 25px;
  height: 25px !important;
  vertical-align: middle;
}

.fo-vide-grid .sub-category-holder {
  padding-left: 0px;
}
.fo-video-grid .sub-category-item {
  list-style: none;
  display: inline-block;
  margin-right: 5px;
}

.fo-video-grid .video-excerpt {
  font-size: 15px;
  /* height: 150px; */
}

.fo-video-grid .top-details {
  height: 115px;
}

.fo-video-grid .video-categories {
  font-size: 15px;
  line-height: 18px;
}
.fo-video-grid .video-categories div {
  margin-top: 2px;
}

.fo-video-grid .video-categories img {
  height: 18px !important;
  width: 18px;
}

.fo-video-grid .video-actions {
  margin-top: 5px;
}

/*

  FO Popular Videos Anpassungen

*/

.splide__slide img,
.splide__slide span {
  position: absolute;
}

.splide__slide img {
  z-index: 100;
}

.splide__slide span {
  z-index: 999;
}

.splide-image-holder {
  position: relative;
  height: 180px;
  margin: 5px;
}

.splide-image-holder .image,
.splide-image-holder span {
  position: absolute;
}

.splide-image-holder .image {
  background-size: cover;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position-x: 50%;
  background-position-y: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.splide-image-holder .title {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 0.7vw;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

.splide-image-holder .category {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 5px;
  text-align: center;
  color: #fff;
  background-color: #e1bc14;
}

/*

FO Category Menu Anpassungen

*/

.fo-category-menu {
  padding-left: 0;
  background-color: #f4f4f4;
}

.fo-category-menu li a {
  line-height: 23px;
}

.fo-category-menu li {
  list-style: none;
  padding-left: 5px;
  cursor: pointer;
  font-size: 12px;
}

.fo-category-menu li > div {
  padding-top: 5px;
  padding-bottom: 5px;
}

.fo-category-menu li > div:hover {
  background-color: #c6c7c8;
}

.fo-category-menu img {
  width: 30px;
  height: 30px !important;
  padding-right: 5px;
}

.fo-category-menu span {
  right: 0;
  padding-right: 5px;
  position: absolute;
}

.fo-category-menu .category-sub-menu {
  display: none;
}

.fo-category-menu .category-sub-menu li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.fo-category-menu .category-sub-menu li:hover {
  background-color: #c6c7c8;
}

@media screen and (max-width: 782px) {
  .elementor-element-93204f0,
  .elementor-element-7b253241 {
    margin-top: 10px;
    width: 50% !important;
  }

  /* News Grid */
  .fo-news-grid h4 {
    font-size: 1rem !important;
  }

  .fo-news-grid .col-12 {
    font-size: 0.9rem !important;
  }

  .fo-news-grid .news-image {
    height: 140px !important;
  }

  .fo-video-grid .top-details {
    height: auto !important;
  }

  /* Youtube Details Seite */
  .elementor-904
    .elementor-element.elementor-element-f3b6803
    > .elementor-widget-container {
    margin: 0px 0px 0px 0px !important;
  }

  /* Shariff */
  .elementor-928 .elementor-element.elementor-element-9af363a,
  .elementor-904 .elementor-element.elementor-element-26b93aa1 {
    max-width: 100% !important;
    width: 100% !important;
    top: 0px !important;
  }

  .e-container > .elementor-element.elementor-absolute,
  .elementor-widget-wrap > .elementor-element.elementor-absolute {
    position: relative !important;
    margin: 2px;
  }

  .fo-category-menu > li:is(:first-child) {
    text-align: center;
    height: 40px !important;
    line-height: 40px !important;
  }

  .fo-category-menu > li:not(:first-child) {
    display: none;
  }

  .elementor-heading-title {
    font-size: 19px !important;
  }

  /* Schwarze Buttons auf der Detailseite */
  .elementor-element-2359303d,
  .elementor-element-72acd124,
  .elementor-element-67de5c04,
  .elementor-element-f6ebae2 {
    width: 100% !important;
    margin: 5px 0 !important;
  }

  .elementor-element-2359303d .elementor-widget-container,
  .elementor-element-72acd124 .elementor-widget-container,
  .elementor-element-67de5c04 .elementor-widget-container,
  .elementor-element-f6ebae2 .elementor-widget-container {
    margin: 0 !important;
  }

  .elementor-element-2359303d a,
  .elementor-element-72acd124 a,
  .elementor-element-67de5c04 a,
  .elementor-element-f6ebae2 a {
    width: 100% !important;
    text-align: center !important;
  }

  .elementor-897
    .elementor-element.elementor-element-2f85d8db
    > .elementor-element-populated,
  .elementor-925 .elementor-element.elementor-element-28c0848 {
    padding: 0 !important;
  }
}

/*

FO Browse by category Anpassungen

*/

.fo-browse-category li {
  list-style-type: none;
  font-size: 15px;
  line-height: 30px;
}

.fo-browse-category .category-icon {
  width: 30px;
  height: 30px !important;
  margin-right: 3px;
}

.fo-browse-category .show-sub-categories-btn {
  background-color: #fff;
  border-radius: 5px;
  padding: 0px 8px;
  font-size: 12px;
  display: inline-block;
  margin-top: 10px;
  margin-left: 5px;
  cursor: pointer;
}

.fo-browse-category .sub-categories {
  display: none;
}

/*

FO ACF Timeline Anpassungen

*/

.fo-acf-timeline th {
  text-align: left;
}

/*

FO Pagination Anpassungen

*/

.fo-pagination a,
.fo-pagination span {
  list-style: none;
  display: inline-block;
  border: 1px solid rgb(232, 232, 232);
  width: 25px;
  height: 25px;
  font-size: 12px;
  text-align: center;
  padding: 3px;
}

.fo-pagination a:hover {
  background-color: #868e96;
  color: #fff;
  cursor: pointer;
}

.fo-pagination a:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.fo-pagination a:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/*

Anpassungen Login / Register Page

*/

.ur-frontend-form.ur-frontend-form--flat {
  background-color: transparent;
}

.elementor-login {
  margin-top: 15px !important;
}

.elementor-login label {
  color: #676d8a !important;
  font-weight: 700 !important;
  display: block !important;
  font-size: 14px !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.elementor-login input {
  border: none !important;
  outline: 0 !important;
  padding: 10px 15px !important;
  background: #fff !important;
  color: #676d8a !important;
  margin-bottom: 10px !important;
  height: 45px !important;
}

.elementor-14355
  .elementor-element.elementor-element-9d271ae
  .elementor-field-group {
  margin-bottom: 0 !important;
}

.user-registration {
  padding-left: 0 !important;
}

/*

Anpassungen Dashboard

*/

.elementor-tab-desktop-title {
  color: #000 !important;
}

.elementor-tab-desktop-title:hover,
.elementor-tab-desktop-title.elementor-active {
  color: #fff !important;
  background-color: #467fcf !important;
}

.elementor-widget-tabs.elementor-tab-content {
  padding-top: 0 !important;
}

.change-password-form ul {
  list-style: none;
  padding-left: 0 !important;
}

.change-password-form li {
  margin-top: 5px;
}

/*

Anpassungen Related-Videos

*/

.related-videos .related-image {
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
  width: 100%;
  height: 70px;
}

.pdfprnt-buttons {
  text-align: right;
  background-color: #000;
  border-radius: 3px;
}

.pdfprnt-buttons img {
  height: 39px !important;
}

.pdfprnt-buttons .pdfprnt-button-title,
.pdfprnt-buttons .pdfprnt-button-title:hover {
  color: #fff !important;
}

.tooltip {
  position: absolute;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
}

.elementor-element-0a71a6c {
  font-size: 18px !important;
  font-weight: bold;
}

.elementor-element-04bfb40 {
  color: #000 !important;
}