:root {
  --color--background--body: rgba(255,0,0,.25);
  --color--background--content: /*rgba(69,0,0,0.3);*/ rgba(69,0,0,0.8);
  --color--shadow--content: /*rgba(69,0,0,0.3);*/ rgba(69,0,0,0.8);
  --color--background-grad--content--intro-text--left: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  --color--background-grad--content--intro-text--left-p: #fffae3;
  --color--background-grad--id-default-grad: linear-gradient(90deg, rgba(0,70,166,1) 0%, rgba(0,0,0,0.2) 100%);
  --color--base--end-of-page: #7b0000;
  --color--text--end-of-page: #fffae3;
  --color--background--main-title: rgb(73,165,255);
  --color--background-grad--main-title: linear-gradient(90deg, rgba(230,0,0,0.4) 0%, rgba(230,0,0,0.2) 100%);
  --color--text--main-title: #fffae3;
  --color--base--secondary-title: #fffae3;
  --color--background-grad--secondary-title: linear-gradient(90deg, rgba(230,0,0,0.4) 0%, rgba(230,0,0,0.2) 100%); /*linear-gradient(to right, blue , #f1f3ff);*/
  --color--base--dropdown-menu--primary-link: #e6f9ff;
  --color--background--dropdown-menu--content: #7b0000;
  --color--text--dropdown-menu--content: #e6f9ff;
  --color--text--dropdown-menu--content--hover: #cc0000;
  --color--background--dropdown-menu--dropbutton: #a90000;
  --color--background--main-menu: #570000;
  --color--background--breadcrumb: rgba(29, 29, 29, 0.5);
  --color--background-grad--breadcrumb: rgba(29, 29, 29, 0.5); /*linear-gradient(90deg, rgba(0,46,136,1) 0%, rgba(208,232,255,1) 0%, rgba(241,243,255,1) 100%);*/
  --color--base--breadcrumb-li-before: black;
  --color--base--breadcrumb-li: rgba(255, 255, 255, 0.6);;
  --color--base--breadcrumb-li-a: #fffae3;
  --color--base--breadcrumb-li-a-hover: red;
  --color--background--content--gallery-image: rgba(0,0,0,0);
  --color--background--content--gallery-caption-hover: rgba(0, 0, 0, 0.5);
  --color--background--content--gallery-transparent-box: rgba(0, 0, 0, 0);
  --color--base--content--gallery-caption: white;
  --color--background--content--item: rgb(117,0,14);
  --color--background-grad--content--item: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(117,0,14,0.8) 37%);
  --color--base--content--item-description-h4: white;
  --color--base--content--item-description-p: white;
  --color--border--content--item: rgb(209, 0, 0);
  --color--border--content--item-hover: red;

  color-scheme: light;
}

#kc {
  background-image:
  linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(255,0,0,0.2) 100%),
  url('../../../grafika/grafika_resources/images/knightczech/Knightczech-new-wallpaper-version2e-centered.jpg');
  background-attachment: fixed;
}

#kc2 {
  background-image:
  linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(255,0,0,0.2) 100%),
  url('../images/main/KC_lands_cut.jpg');
  /*background-attachment: fixed;*/
}

#steamframe {
  margin: left;
  display: block;
  width: 50%;
  /*height: 28vh;*/
}

.accept-button {
  /*background-color: rgba(200,255,200,1);*/
  /*background-color: rgba(0,100,0,1);*/
  background-color: rgba(0,0,0,0.5);
  color: white;
  /*border: 2px solid white;*/
  border: none;
}

.accept-button:hover {
  /*background-color: rgba(0,150,0,1);*/
  background-color: rgba(0,150,0,1);
  color: white;
}

.decline-button {
  /*background-color: rgba(255,200,200,1);*/
  background-color: rgba(150,0,0,1);
  color: white;
  border: 2px solid white;
}

.decline-button:hover {
  /*background-color: rgba(150,0,0,1);*/
  background-color: rgba(220,0,0,1);
  color: white;
}

.default-button {
  background-color: var(--color--background--dropdown-menu--dropbutton);
  color: white;
  border: 2px solid rgba(255, 255, 255, 1);
}

.default-button:hover {
  background-color: rgba(0,0,0,0.85);
  color: white;
  border: 2px solid rgba(255, 255, 255, 1);
}

.warn-button {
  background-color: rgba(255,255,255,0.75);
  color: black;
  border: 2px solid white;
}

.warn-button:hover {
  background-color: rgba(0,0,0,0.5);
  color: white;
}

.cookies__box {
  color: white;
  background-color: black;
  background-image: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.65) 100%), url('../../../index_resources/images/cookies.webp');
}

.cookies__box > .content__sec-title {
  /*background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%) !important;*/
  background-image: linear-gradient(90deg, rgba(230,0,0,0.4) 0%, rgba(29,0,0, 0.5) 100%) !important;
}

.cookies-article {
  background-color: rgba(0, 0, 0, 0.5);
}

.language-button-cookies {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

.language-button-cookies:hover {
  background-color:  rgba(0, 0, 0, 0.75);
  color: white;
}

.kc-play-button {
  margin-left: 10px;
  padding: 10px 10px;
  color: rgb(255, 82, 77);
  border: 1px solid white;
  border-radius: 0.5em;
}

.kc-play-button:hover {
  border: 1px solid red;
  background-color: rgba(0, 0, 0, 1);
  transition: border 1s; background-color: 1s;
}

.kc-sub-header{
  color: #fae689;
  font-size: 120%;
}

.kc-sub-header--huge{
  font-size: 160%;
  font-weight: bold;
}

body {
  background-color: var(--color--background--body);
}

.content {
  background-color: var(--color--background--content);
  box-shadow: 0 0px 40px 40px var(--color--shadow--content);
}

.content__intro-text--full {
  background-image:
  var(--color--background-grad--content--intro-text--left);
}

.content__intro-text--left {
  background-image:
  var(--color--background-grad--content--intro-text--left);
}

.content__intro-text--left p {
  color: var(--color--background-grad--content--intro-text--left-p);
}

.content__intro-text--left table {
  color: #fffae3;
}

#default-grad {
  background-image:
  var(--color--background-grad--id-default-grad);
}

.content__end-of-page {
  background-color: var(--color--base--end-of-page);
  color: var(--color--text--end-of-page);
}

.content__main-title {
  color: var(--color--text--main-title);
  background: var(--color--background--main-title);
  background: var(--color--background-grad--main-title);
  text-shadow: 2px 2px 4px black;
}

.content__sec-title {
  color: var(--color--base--secondary-title);
  background-image: var(--color--background-grad--secondary-title);
  text-shadow: 2px 2px 4px #000000;
}

.menu-link-primary {
  color: var(--color--base--dropdown-menu--primary-link);
}

.dropdown a, .dropdown__content a {
    font-weight: bold;
}

.dropdown a:hover, .dropdown__content a:hover {
    /*text-shadow:
    -1px -1px 0 rgba(0,0,0,.5),
    1px -1px 0 rgba(0,0,0,.5),
    -1px 1px 0 rgba(0,0,0,.5),
    1px 1px 0 rgba(0,0,0,.5);*/

    text-shadow: 2px 2px 4px #000000;
}

.dropdown__content {
  background-color: var(--color--background--dropdown-menu--content);
}

/* Links inside the dropdown */
.dropdown__content a {
  color: var(--color--text--dropdown-menu--content);
  transition: background-color .5s ;
  -moz-transition: background-color .5s ;
  -webkit-transition: background-color .5s ;
}

/* Color of dropdown links on hover */
.dropdown__content a:hover {
  background-color: var(--color--text--dropdown-menu--content--hover);
}

/* Background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbutton {
  background-color: var(--color--background--dropdown-menu--dropbutton);
}

.main-menu nav
{
  background-color: var(--color--background--main-menu);
}

.content__breadcrumb {
  background: var(--color--background--breadcrumb);
  background: var(--color--background-grad--breadcrumb);
}

/* Barva "/" v seznamu */
.content__breadcrumb li+li:before {
  color: var(--color--base--breadcrumb-li-befores);
}

.content__breadcrumb li {
  color: var(--color--base--breadcrumb-li);
}

/* Barva prvků v seznamu */
.content__breadcrumb li a {
  color: var(--color--base--breadcrumb-li-a);
}

/* Barva prvků v seznamu při přejetí kurzorem */
.content__breadcrumb li a:hover {
  color: var(--color--base--breadcrumb-li-a-hover);
}

.content__gallery-image {
  background-color: var(--color--background--content--gallery-image);
}

.content__gallery-image:hover .content__gallery-transparent-box {
  background-color: var(--color--background--content--gallery-caption-hover);
}

.content__gallery-transparent-box {
  background-color: var(--color--background--content--gallery-transparent-box);
}

.content__gallery-caption {
  color: var(--color--base--content--gallery-caption);
}

.content__item {
  border-color: var(--color--border--content--item);
  background: var(--color--background--content--item);
  background: var(--color--background-grad--content--item);
}

.content__item:hover {
  border-color: var(--color--border--content--item-hover);
}

.content__item-description h4 {
  color: var(--color--base--content--item-description-h4);
}

.content__item-description p {
  color: var(--color--base--content--item-description-p);
}

/* Default color - probably overriden */
p, li {
  color: #fffae3;
}

.content__kc-text {
  text-align: left;
  font-size: 100%;
  color: #ffebc0;
  margin: 0 1vh;

  width: 97%;
  height: 97%;
}

.content__kc-text table, .content__kc-text th, .content__kc-text td {
  border: 2px solid #ffebc0;
  width: 100%;
  height: 100%;
}

.kc-text-left {
  text-align: left;
  padding: 1.1vh 1vh;
}

.kc-text-right {
  text-align: left;
  padding: 1.1vh 1vh;
}

.mini-shadow {
  box-shadow: 1.5px 1.5px 5px black;
}

.small-shadow {
  box-shadow: 2px 2px 5px black;
}

.link--basic {
  color: rgb(255, 82, 77);
}

.content__menu-secondary ul{
  background-color: #333;
  box-shadow: 0 0 10px 2px red;
}

.content__menu-secondary li > a:hover{
  background-color: #111;
}

.social-media-icons {
  opacity: 1;
}

.third-title--article-basic {
  color: white;
}

.content__menu-secondary--main-icon {
  background: var(--color--background-grad--secondary-title);
  color: white;
}

.section-link {
  background: rgba(255,255,255,0.5);
  /*box-shadow: 0px 0px grey;*/
  border: 2px solid rgba(255,255,255,0);
}

.section-link:hover {
  background: white;
  /*box-shadow: 5px 5px 2px grey;*/
  border: 2px solid rgb(43, 20, 255);

  transition: background 1s, border 0.5s;
}

#menu-secondary__highlighted {
  color: rgba(255, 252, 166, 1);
}

.wiki__text--left {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}

.content__intro-table tr {
  border-color: white;
}

.content__update-description {
  color: #fffae3;
}

.content__update-item:hover {
  box-shadow: 2.5px 2.5px 10px rgb(160, 0, 0);
}

.content__update-item {
  background: var(--color--background-grad--content--item);
}

.languageSelector__box {
  background: linear-gradient(0deg, rgb(56, 21, 21) 0%, rgb(24, 24, 24) 80%);
}

.language-selector-button {
  border: none;
  box-shadow: 0px 0px 4px #5e0000;
  background: #5e0000;
  color: white;
}

.language-selector-button:hover,
.language-selector-button:focus {
  border: none;
  box-shadow: 0px 0px 4px #b30000;
  background: #b30000;
  color: white;
  transition: all 0.5s ease-out;
}

@media screen and (max-width: 1250px) {
  .content {
    box-shadow: 0 0px 40px 40px var(--color--shadow--content);
    background-color: var(--color--background--content);
  }

  #steamframe {
    width: 100%;
  }
}

@media screen and (min-width: 1250px) {
  .content {
    box-shadow: 0 0px 40px 40px rgba(0,0,0,0), 0 0 5px black;
    background-color: var(--color--background--content);
  }
}

/*****************/
/*MEDIAQ skup 2*/
/*****************/
@media screen and (max-width: 650px) {
  .content__main-title {
    text-shadow: 1px 1px 2px black;
  }
}

@media screen and (max-width: 790px) {
  .content__menu-secondary ul{
    box-shadow: none;
  }
}