:root {
  --color--background--content: rgba(214, 240, 255, .8); /*rgba(0,90,255, .1);*/ /*rgba(0,90,255,.3);*/ /*rgba(255,255,255, 1);*/
  --color--shadow--content: rgba(0,90,255, .1); /*rgba(0,90,255,.3);*/ /*rgba(255,255,255, 1);*/
  --color--background-grad--content--intro-text--left: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
  --color--background-grad--id-default-grad: linear-gradient(90deg, rgba(0,70,166,1) 0%, rgba(73,165,255,0.2) 100%);
  --color--base--end-of-page: #0033cc;
  --color--text--end-of-page: white;
  --color--background--main-title: rgb(73,165,255);
  --color--background-grad--main-title: linear-gradient(90deg, rgba(73,165,255,0.2) 0%, rgba(0,108,255,0.1) 100%);
  --color--text--main-title: #0033cc;
  --color--base--secondary-title: white;
  --color--background-grad--secondary-title: linear-gradient(90deg, #0033cc 0%, rgba(0, 51, 204, 0.2) 100%); /*linear-gradient(to right, blue , #f1f3ff);*/
  --color--base--dropdown-menu--primary-link: #e6f9ff;
  --color--background--dropdown-menu--content: #3399ff;
  --color--text--dropdown-menu--content: #e6f9ff;
  --color--text--dropdown-menu--content--hover: #4dd2ff;
  --color--background--dropdown-menu--dropbutton: #3366cc;
  --color--background--main-menu: #0033cc;
  --color--background--breadcrumb: rgb(0,46,136);
  --color--background-grad--breadcrumb: /*rgba(204, 233, 255, 0.5);*/ linear-gradient(90deg, rgba(73,165,255,0.2) 0%, rgba(0,108,255,0.1) 100%); /*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: #636363;
  --color--base--breadcrumb-li-a: #0275d8;
  --color--base--breadcrumb-li-a-hover: #01447e;
  --color--background--content--gallery-image: rgba(0,0,0,0);
  --color--background--content--gallery-caption-hover: rgba(0, 0, 0, 0.5); /*rgba(0,30,80, 0.5);*/
  --color--background--content--gallery-transparent-box: rgba(0, 0, 0, 0);
  --color--base--content--gallery-caption: white;
  --color--background--content--item: rgb(188,219,255);
  --color--background-grad--content--item: linear-gradient(0deg, rgba(188,219,255,1) 0%, rgba(230,238,255,1) 37%);
  --color--base--content--item-description-h4: black;
  --color--base--content--item-description-p: black;
  --color--border--content--item: #ccc;
  --color--border--content--item-hover: #777;

  color-scheme: light;
}

#mainback {
  background-image: linear-gradient(180deg, rgba(168, 189, 219, 0.0) 0%, rgba(0, 106, 255, 0.0) 100%), url('../images/comp/darkforest/big_f6_b_wLogo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#warnback {
  background-image: linear-gradient(180deg, rgba(168, 189, 219, 0.0) 0%, rgba(0, 106, 255, 0.0) 100%), url('../../../index_resources/images/error_background.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#handbase_back {
  background-image: linear-gradient(90deg, rgba(127,165,255,0.1) 0%, rgba(255,255,255,0.75) 30%, rgba(255,255,255,0.75) 70%, rgba(127,165,255,0.1) 100%), url('../images/hand_base/IMG_beachrocks_export2_lowQ.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#grafika {
  background-image:
  linear-gradient(90deg, rgba(0,70,166,0.5) 0%, rgba(0,0,0,0.2) 100%),
  url('../images/knightczech/Knightczech-new-wallpaper-version2e-centered.jpg');
}

#grafika2 {
  background-image:
  linear-gradient(90deg, rgba(0,70,166,0.5) 0%, rgba(0,0,0,0.2) 100%),
  url('../images/csgo/guard_game1.jpg');
}

#grafika3 {
  background-image:
  linear-gradient(90deg, rgba(0,70,166,0.5) 0%, rgba(0,0,0,0.2) 100%),
  url('../images/comp/darkforest/big_f8_b_wLogo.jpg');
}

#csgo2 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/csgo/GrimTouch_fridolinslehacka.jpg');
}

#csgo3 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/csgo/TheGuardian_fridolinslehacka_lowQ_crop.jpg');
}

#grafika4 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/hand_base/IMG_mountains2_export1_lowQ.jpg');
}

#grafika5 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/comp/darkforest/big_f6_c_wLogo.jpg');
}

#grafika6 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/comp/darkforest/big_f8_d_wLogo.jpg');
}

#grafika7 {
  background-image:
  /*linear-gradient(to right, rgba(0, 75, 196, 0.1), rgba(0, 75, 196, 0.1)),*/
  linear-gradient(to right, rgba(210, 225, 235, 0.75), rgba(210, 225, 235, 0.75)),
  url('../images/photo_base/black_white/IMG_erotic2-export6c_lowQ.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#grafika8 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../../../index_resources/images/designer-tools.webp');
}

#grafika9 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/photo_base/black_white/IMG_sg1_full_original_export3_medQ.jpg'); /* '../images/photo_base/black_white/IMG_sg1_daniel_jack_export1_lowQ.jpg' */
}

#grafika10 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/comp/portal/IMG_portal_export1_lowQ_wLogo.jpg');
}

#grafika11 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 255, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/photo_base/game/IMG_jinx-birth-updated_export2.jpg');
  /* '../images/other/banner-img2_lowQ.jpg' */
  /*'../images/photo_base/game/IMG_jinx-birth-updated_export2.jpg'*/
}

#grafika11b {
  background-image:
  linear-gradient(to right, rgba(0, 75, 255, 0.5), rgba(150, 200, 255, 0.5)),
  url('../images/photo_base/game/IMG_jinx-birth-updated_export2.jpg');
}

#grafika12 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.0), rgba(0, 0, 0, 0.0)),
  url('../../../index_resources/images/paint_background.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#grafika13 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.0), rgba(0, 0, 0, 0.0)),
  url('../../../index_resources/images/paint_background_2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

#grafika14 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0.5)),
  url('../images/photo_base/black_white/IMG_erotic1-export6b_lowQ.jpg');
}

#grafika15 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.73), rgba(0, 0, 0, 0)),
  url('../images/photo_base/colors/IMG_blueberry_export2_lowQ.jpg');
}

#buy1 {
  background-image:
  linear-gradient(to right, rgba(0, 75, 196, 0.5), rgba(0, 0, 0, 0.2)),
  url('../../../index_resources/images/white-frames.jpg');
}

#factorio-back {
  background-image:
    linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%),
    url('../images/hand_base/IMG_factorio_export11_edit1_medQ.jpg');
}

#grafika_selected1 {
  background-image:
    linear-gradient(to right, rgba(0, 75, 255, 0.5), rgba(150, 200, 255, 0.5)),
    url('../images/other/banner-img1_lowQ.jpg');
}

#iceage-back {
  background-image:
      linear-gradient(135deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 100%),
      url('../images/hand_base/IMG_sid1_export3a_lowQ.jpg');
}

#grafika_ge {
  background-image:
      linear-gradient(90deg, rgba(0, 70, 166, 0.5) 0%, rgba(0, 0, 0, 0.2) 100%),
      url('../images/hand_base/IMG_projectG-export1_lowQ_wLogo.jpg');
}

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

.accept-button:hover {
  background-color: rgba(0,150,0,1);
  color: white;
  transition: background-color 0.25s, color 0.25s;
}

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

.decline-button:hover {
  background-color: rgba(150,0,0,1);
  color: white;
  transition: background-color 0.25s, color 0.25s;
}

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

.cookies-article {
  background-color: rgba(255, 255, 255, 0.75);
}

.language-button-cookies {
  /*background-color:  rgba(255, 255, 255, 0.75);*/
  background-color:  rgba(255, 255, 255, 0.75);
}

.language-button-cookies:hover {
  /*background-color: rgba(0, 0, 0, 0.15);*/
  background-color: rgba(255, 255, 255, 1);
}

.language-button-cookies img {
  border-radius: 2em;
  box-shadow: 0px 0px 15px grey;
}

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

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

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

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

.content__third-title {
  color: var(--color--base--secondary-title);
  background-image: linear-gradient(90deg, rgba(127,165,255,0.15) 0%, rgba(255,255,255,0.15) 0%, rgba(92,172,255,0) 50%);
  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 {
  background: var(--color--background--content--item);
  background: var(--color--background-grad--content--item);
  border-color: var(--color--border--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);
}

.para-dark-back{
  /*background-color: rgba(255,255,255, 0.5);*/
}

.small-background-shadow {
  background: rgba(99, 224, 255, .1);
}

.content__intro-text a {
  color: darkblue;
  text-decoration: none;
}

.content__intro-text a:hover {
  color: magenta;
}

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

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

.notice {
  margin: 10px 0;
  color: black;
  background-color: rgba(92, 184, 255, 1);
}

.content__menu-secondary ul{
  background: linear-gradient(90deg, rgba(73,165,255,0.2) 0%, rgba(0,108,255,0.1) 100%);
  /*box-shadow: 0 0 10px 2px rgba(63,144,255,0.5);*/
}

.content__menu-secondary li > a:hover{
  color: white;
  background: rgba(0, 51, 204, 0.5);
}

.content__menu-secondary li > a{
  color: #0275d8;
}

#menu-secondary__highlighted {
  color: rgba(0, 8, 255, 1);
}

.content__menu-secondary li > #menu-secondary__highlighted:hover {
  color: white;
}

.licence-box {
  color: black;
}

.licence-box a{
  color: blue;
}

.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, box-shadow 0.5s;
}

.content__popover {
  background-color: rgba(73,165,255,0.5);
}

.default-button {
  background-color: var(--color--background--main-menu);
  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;

  font-weight: bold;
}

.warn-button:hover {
  background-color: #0033cc /*rgba(0,0,0,0.5)*/;
  border: 2px solid #0033cc;
  color: white;
  transition: background-color 1s, border 1s;
}

.warn-button-back {
  color: black;
  text-decoration: none;
}

.warn-button:hover > .warn-button-back {
  color: white;
}

.banner-highlight {
  box-shadow: 0px 0px 10px 1px magenta;
  font-weight: bolder;
}

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

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