/* cmsms stylesheet: starlink_bs modified: Thursday, June 26, 2025 10:12:43 PM */
body {
  color:#303030;
  background-image: url(/uploads/images/starlink-hvezda.png);
  background-repeat: no-repeat;
  background-position: center;
  font-family: 'Raleway', sans-serif;
  fotn-size:1rem;
}
h1,h2,h3,h4 {
  color:#7394c7;
  text-shadow: 1px 1px 2px rgba(200, 200, 200, 1);
}
.hplogo {
  text-align: center;
  margin-bottom: 10px;
}

h2.nadpstr {
  margin-top: 5px;
}

.postrmenu ul {
  padding-left: 20px;
}

.postrmenu li {
  list-style-type: none;
}

.navbar-inverse {
  color: #EA672E;
  background-color: #7394c7;
  border-color:#f8c423;
  border-bottom-width: 3px;
  box-shadow: 0px 1px 3px 0px rgba(100,100,100,1);
}

.navbar-inverse .navbar-nav li a {
  color: #fff;
  position:relative;
}

.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a.menuactive {
  text-shadow: 0px 0px 3px #fff;
}

.navbar-inverse .navbar-nav li a::after, .navbar-inverse .navbar-nav li a.menuactive::after {
  content:'';
  position:absolute;
  background-color:white;
  height:1px;
  width:0;
  bottom:17px;
  left:50%;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  box-shadow: 0px 0px 3px white;
}

.navbar-inverse .navbar-nav li a:hover::after, .navbar-inverse .navbar-nav li a.menuactive::after {
  width:100%;
  left:0;
}

.navbar-inverse .navbar-nav li a.menuactive {
  text-shadow: 0px 0px 3px #fff;
}

.nav>li {
  padding-left:15px;
  padding-right:15px;
}
.nav>li>a {
  padding-left:0;
  padding-right:0;
  display:inline-block;
}
a.navbar-brand {
  padding-left:0;
}

.navbar-right li a {
  padding-right: 0px;
}
.copy p {
  background-color: #7394c7;
  color: white;
  text-align: center;
}

.copy .linka {
  height: 6px;
  margin-bottom: 4px;
  background-color:#f8c423;
}
.obsah {
   margin: 0 0 35px 0;
}

.hlavni a:not(:has(img)) {
  #font-weight: bold;
  color:#7394c7;
  text-decoration: none;
  background-image: linear-gradient(90deg, #7394c7, #f8c423), linear-gradient(90deg, #7394c7, #7394c7);
  background-size: 0% 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position:left 1.5em;
  padding-block: .3em;
  transition: all 300ms;
  -webkit-transition: all 300ms;
}

.hlavni a:hover:not(:has(img)) {
  background-size: 100% 2px, 100% 2px;
}

hr {
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

@media (max-width: 991px) {
  ul.navbar-right {
    display: none;
  }
}
@media (max-width:767px) {
  .navbar-inverse .navbar-nav li a::after, .navbar-inverse .navbar-nav li a.menuactive::after {
    bottom: 12px;
  }
}

#mapa {
color:#0000FF;
text-align:left;
display:block;
width:100%;
}
.formbuilderform td{
padding: 5px;
}
.contactform td {
padding: 5px;
}
.contactform legend {
display: none;
}
.loga {
  text-align: center;
}
.loga img {
  filter: grayscale(100%);
  max-height: 50px;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 7px;
  margin-bottom: 7px;
}
.loga img:hover {
  filter: grayscale(0%);
}
.loga .linka {
  height: 2px;
  margin-bottom: 4px;
  background-color:#f8c423;
}
.ipadresa {
  font-family: monospace;
}

#menu5 {
  color: #EA672E;
  background-color: #7394c7;
  border-color: #f8c423;
  border-width: 0 0 3px 0;
  border-style:solid;
  box-shadow: 0px 1px 3px 0px rgba(100,100,100,1);
  margin-bottom:2em;
}
#menu5 a {
  color: white;
  position: relative;
  text-decoration:none;
}
#menu5 a.menuactive, #menu5 a:hover {
  text-shadow: 0px 0px 3px white;
}
#menu5 a::after {
  content:'';
  position:absolute;
  text-shadow: 0px 0px 3px white;
  background-color:white;
  height:1px;
  width:0;
  bottom:3px;
  left:50%;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  box-shadow: 0px 0px 3px white;
}

#menu5 a.navbar-brand::after {
  background-color:#f8c423;
  box-shadow: 0px 0px 3px #f8c423;
}
#menu5 a.menuactive::after, #menu5 a:hover::after {
  width:100%;
  left:0;
}

#menu5 .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linecap='round' stroke-miterlimit='10' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 7h22m-22 8h22m-22 8h22' fill='%23f8c423' fill-rule='nonzero' stroke='%23f8c423' stroke-width='2'/%3E%3C/svg%3E");
}
#menu5 .navbar-light .navbar-toggler {
  border-color: #f8c423;
}
#menu5 li.podpora a {
  color: #f8c423;
  font-weight: bold;
}
#menu5 li.podpora a.menuactive, #menu5 li.podpora a:hover {
  text-shadow: 0px 0px 3px #f8c423;
}

ul.webmail {
  margin-left:auto;
}
ul.webmail svg {
  margin-bottom:3px;
}
.hplogo img {
  width:100%;
}

.kontakty td {
  padding-left:0;
}

:root {
  --cc-btn-primary-bg: Green;
  --cc-btn-primary-hover-bg:DarkGreen;
}
#cm {
  background-image: url("/uploads/images/cookie.png");
  background-repeat: no-repeat;
  background-size: 33%;
}
#c-vln #cs {
  background-image: url("/uploads/images/cookie.png");
  background-repeat: no-repeat;
  background-size: 33%;
  background-position: bottom right;
}


/* Knoflik animace */
.vlna {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.vlna::before {
  content: "";
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 750ms;
  z-index: 10000;
  /*width: 150%;*/
  width: 10%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #fff;
  opacity: 0.5;
}

.pulse::before {
  animation: pulse 500ms;
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

#onload {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#onload button {
  color:black;
  background-color: #FFCC31;
}
#onload button:hover {
  text-decoration:underline;
}

.mastodon {
  display:none;
  /*display:block;*/
  text-align:center;
}
.mastodon a {
  color:#f8c423;
  font-weight:bold;
  font-size:small;
}

a.TV {
  display: inline-block;
  animation: tres1 2s linear infinite;
  &:hover {
    animation-play-state: paused;
  }
}

@keyframes tres1 {
  0% {transform: rotate(0);}
  88% {transform: rotate(0);}
  91% {transform: rotate(3deg);}
  93% {transform: rotate(0deg);}
  95% {transform: rotate(-3deg);}
}

.eset_ {
  display: flex;
  flex-wrap: wrap;
}
.eset_r {
  flex-basis: 25%;
  padding: 0 3px 0 0;
  margin-bottom: .5rem;
  text-align: center;
}
.eset_r_ikona {
  display: flex;
  height: 58px;
  align-items: center;
  justify-content: center;
}
.rustdesk img, .rustdesk svg {
  width: 128px;
  height: auto;
  transition: all 250ms;
}
.rustdesk .rd-win, .rustdesk .rd-apple {
  position:relative;
  overflow:hidden;
}
.rustdesk .rd-win .download, .rustdesk .rd-apple .download {
  position: absolute;
  background-image: url(/uploads/images/podpora/download.svg);
  background-repeat:no-repeat;
  background-position: center;
  top:-80%;
  left:0;
  height: 80%;
  width:100%;
  transition: all 250ms;
}
.rustdesk .rd-win a {
  color: rgb(0,106,202);
  text-decoration:none;
  background-image: none;
}
.rustdesk .rd-apple a {
  color: grey;
  text-decoration:none;
  background-image: none;
}
.rustdesk .rd-titul {
  font-weight: bold;
}
.rustdesk .rd-win:hover .download, .rustdesk .rd-apple:hover .download {
  top:0;
}