/**
Theme Name: astra-child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/*side fixed buttons*/

.modal-content h1,
.modal-content h2,
.modal-content h3,
.modal-content h4{
	margin-top:1.25rem; /*20px*/
}
    .container-modal {
    display: flex;
    position: fixed;
    /* right: 0; */
    top: 33%;
    z-index: 2;
    right: -158px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s ease;
  }

  /* .actionbar {
    width: 195px;
    font-size: 14px;
  } */

  #sliders {
    display: flex;
    flex-direction: column;
    /* top: 256px; */
    /* margin-top: 4rem; */
		/* width:210px; */
  }

  .slider {
    font-size: 15px;
    background: #10216b;
    color: #10216b !important;
    text-decoration: none;
    margin-bottom:2px;
    border-radius:4px;
    position: relative;
	  /* left:168px; */
    /* width:196px; */
    width: 200px;
    transition: all 0.3s;
    display: flex;
    gap:3px;
    align-items: center;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
    cursor: pointer;
  }
  .slider i {
    padding: 1rem;
  }
  .slider img{
    width:25px;
    height: 25px;
    padding: 4px;
  }

  .slider:hover {
    background: #39adee;
    /* right:157px; */
    transform: translateX(-157px);
    /* left: 1px; */
  }
  .slider p{
    font-size: 12px;
  }
  .icon-wrapper{
    display: flex;
    flex-direction: column;
    color: white;
    justify-content: center;
    align-items: center;
  }
  .icon-wrapper img{
    padding-bottom:0;
  }
  .icon-wrapper p{
    padding-left:5px;
    margin-bottom: 0;
  }
  .icon-wrapper span{
    text-align: center;
    font-size: 13px;
  }

  /* modal */
  /* Styl pre modálne okno */
  #modal-weather,
  #modal-webcam,
  #modal-slopes{
    display: none;
      position:relative;
      z-index: 10000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
  }

  .modal-content {
      position: fixed;
	    top:20px;
	    /* margin: 0 auto; */
      /* background-color: white; */
      background: url("https://www.martinky.com/wp-content/uploads/2023/09/bg_winter-scaled.jpg");
      background-size: cover;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
      /* z-index:11; */
      width:98%;
      height:94vh;
	  overflow-y:scroll;
  }
  /* .modal-content h3{
    color: #10216b !important;
    margin-bottom: 20px;
  } */

  .close-webcam,
  .close-weather,
  .close-slopes{
      font-size: 60px;
      color: #10216b;
      cursor: pointer;
      padding: 5px;
	  transition: all 0.3s;
  }
  .close-webcam:hover,
  .close-weather:hover,
  .close-slopes:hover{
    color: #39adee;
    transform: scale(1.2);
  }
  .close-widget{
    font-size:30px;
    color: white;
    padding:5px;
  }
  .close-widget-slide:hover{
    transform: translateX(0px);
  }
  .open-widget{
    position: fixed;
      right: 0;
      z-index: 1;
      top: 50%;
      transform: translateY(-50%);
      /* width: 18px; */
      width: 35px;
      height:50px;
      background: #10216b;
      display: flex;
      align-items: center;
      color: white;
      cursor: pointer;
      font-size:25px;
      font-weight: 700;
      padding-left: 4px;
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
  }
  .close-buttons-position{
    display:flex;
    justify-content: flex-end;
    position:sticky;
    position: -webkit-sticky;
    top:0;
    float:right;
  }

  /* Animácia pre modálne okno */
  .modal.show {
      display: block;
  }
  .social-icons-wrapper{
    display:flex;
    align-items:center;
    /* gap: 3px; */
  }
.slopes-header{
  text-align: center;
  margin-top: 2rem;
}
/* pulse dots */

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {

  animation-name: pulse;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* weather boxes in modal */
.weather-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.weather-day {
  width: 250px;
  height: 360px;
  padding: 10px;
  margin: 10px;
  /* border: 1px solid #ccc; */
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



/* tabulky zjazdovky a vleky*/
:root {
  --bg-table-stripe: #f6f6f5;
  --b-table: #e3e3e2;
  --caption: #242423;
}

table {
  background-color: transparent;
  border-collapse:collapse;
  font-family: Arial, Helvetica, sans-serif
}

th {
  text-align:left
}

.dcf-txt-center {
    text-align: center!important
  }

  .dcf-txt-left {
    text-align: left!important
  }

  .dcf-txt-right {
    text-align: right!important
  }

.dcf-table caption {
    color: var(--caption);
    font-size: 1.13em;
    font-weight: 700;
    padding-bottom: .56rem
  }

  .dcf-table thead {
    font-size: .84em
  }

  .dcf-table tbody {
    border-bottom: 1px solid var(--b-table);
    border-top: 1px solid var(--b-table);
    font-size: .84em
  }

  .dcf-table tfoot {
    font-size: .84em
  }

  .dcf-table td, .dcf-table th {
    padding-right: 1.78em
  }

  .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
    border: 1px solid var(--b-table)
  }

  .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
    padding-left: 1em;
    padding-right: 1em
  }

  .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
    border-bottom: 1px solid var(--b-table)
  }

  .dcf-table-striped tbody tr:nth-of-type(2n) {
    background-color: var(--bg-table-stripe)
  }

  .dcf-table thead td, .dcf-table thead th {
    padding-bottom: .75em;
    vertical-align: bottom
  }

  .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
    padding-top: .75em;
    vertical-align: top
  }

  .dcf-table tbody td, .dcf-table tbody th {
    padding-bottom: .75em
  }

  .dcf-table-bordered thead th {
    padding-top: 1.33em
  }

  .dcf-wrapper-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-bottom: 1em;
    position: relative;
    right: 50%;
    width: 100vw
  }

  @media only screen and (max-width:42.09em) {
    .dcf-table-responsive thead {
      clip: rect(0 0 0 0);
      -webkit-clip-path: inset(50%);
      clip-path: inset(50%);
      height: 1px;
      overflow: hidden;
      position: absolute;
      width: 1px;
      white-space: nowrap
    }
    .dcf-table-responsive tr {
      display: block
    }
    .dcf-table-responsive td {
      -webkit-column-gap: 3.16vw;
      -moz-column-gap: 3.16vw;
      column-gap: 3.16vw;
      display: grid;
      grid-template-columns: 1fr 1fr;
      text-align: left!important
    }
    .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
      border-width: 0
    }
    .dcf-table-responsive.dcf-table-bordered tbody td {
      border-top-width: 0
    }
    .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
      padding-bottom: .75em
    }
    .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
      padding-bottom: 0
    }
    .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
      padding-right: 0
    }
    .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
      border-bottom-width: 0
    }
    .dcf-table-responsive tbody td:before {
      content: attr(data-label);
      float: left;
      font-weight: 700;
      padding-right: 1.78em
    }
    .scheme_default table>tbody>tr:nth-child(2n+1)>td{
      background:white !important;
    }
  }
  .blue{
    color:#39adee !important;
  }
  .red{
    color:#e20019 !important;
  }

.dcf-overflow-x-auto {
    overflow-x: auto!important;
    -webkit-overflow-scrolling: touch
  }

.dcf-w-100\% {
width: 100%!important;
max-width: 1280px;
  }

  /* WEBKAMERY  */
  .webcam-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* max-width: 1280px; */
    margin: 0 auto;
    /* justify-content: space-between; */
}

.webcam {
    /* width: calc(33.33% - 20px); */
    width: 100%;
    /* width: 375px; */
    max-width: 640px;
    margin: 0 auto;
    margin: 10px;
    background-color: white;
    padding: 10px;
    text-align: center;
    /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 5px;
}

.webcam-container img {
    max-width: 100%;
    height: auto;
}
.webcam p{
  margin-top: 1em;
}

/* Prispôsobenie scrollbaru pre WebKit prehliadače (Chrome, Safari) */
::-webkit-scrollbar {
  width: 7px; 
}
::-webkit-scrollbar-thumb {
  background-color: #39adee;
  border-radius: 2px; 
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* header margin */
.scheme_default{
	margin-bottom:0;
}
/* CENNIKY */
.scheme_default table{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.scheme_default table tr th{
	border:1px solid #e5e5e5;
/* 	border:2px solid #10216b; */
	font-size:14px;
	font-style:normal;
}
.scheme_default table tbody tr td{
	border:1px solid #e5e5e5;
	text-align:center;
	font-weight:bold;
}
.ticket-name{
	font-weight:bold;
	text-align:left !important;
}
.scheme_default table tbody{
	overflow-x: auto;
}
#sc_table_628571277{
	overflow-x: auto;
}
/* ----------- */
.sub-menu li a span{
	color:#ffffff;
	transition:0.5s ease
}
.sub-menu li a span:hover{
	color:#39adee;
}
.fadeInUpSmall li a span:hover{
	color:#39adee;
}
.fadeInUpSmall li a span{
	color:#ffffff;
}
/* timeline- historia page */
.history-timeline .cq-timeline-content p{
/* 		color:#808B90; */
	color:#10216b
}
.history-timeline .cq-timeline-content {

	background:transparent !important;
}
.history-timeline .cq-timeline-content:after, .history-timeline .cq-timeline-content:before{
	display:none!important;
}
.history-timeline b{
	font-size:20px;
	color:#10216b;
}
.cq-timeline .cq-timeline-item .cq-timeline-iconcontainer{
	background:#39adee !important;
}
[class*=" entypo-icon-"]:before{
	color:white;
}
/* blog post author, time, comments HIDE */
.post_layout_classic .post_title+.post_meta{
	display:none;
}

/* VZHLAD DODATOCNE CSS */
/* Prispôsobenie scrollbaru pre WebKit prehliadače (Chrome, Safari) */
::-webkit-scrollbar {
  width: 7px; 
}
::-webkit-scrollbar-thumb {
  background-color: #39adee;
  border-radius: 2px; 
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
/* header margin */
.scheme_default{
	margin-bottom:0;
}
/* CENNIKY */
.scheme_default table{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.scheme_default table tr th{
	border:1px solid #e5e5e5;
/* 	border:2px solid #10216b; */
	font-size:14px;
	font-style:normal;
}
.scheme_default table tbody tr td{
	border:1px solid #e5e5e5;
	text-align:center;
	font-weight:bold;
}
.ticket-name{
	font-weight:bold;
	text-align:left !important;
}
.scheme_default table tbody{
	overflow-x: auto;
}
#sc_table_628571277{
	overflow-x: auto;
}
/* ----------- */
.sub-menu li a span{
	color:#ffffff;
	transition:0.5s ease
}
.sub-menu li a span:hover{
	color:#39adee;
}
/* timeline- historia page */
.history-timeline .cq-timeline-content p{
/* 		color:#808B90; */
	color:#10216b
}
.history-timeline .cq-timeline-content {

	background:transparent !important;
}
.history-timeline .cq-timeline-content:after, .history-timeline .cq-timeline-content:before{
	display:none!important;
}
.history-timeline b{
	font-size:20px;
	color:#10216b;
}
.cq-timeline .cq-timeline-item .cq-timeline-iconcontainer{
	background:#39adee !important;
}
[class*=" entypo-icon-"]:before{
	color:white;
}
/* blog post author, time, comments HIDE */
.post_layout_classic .post_title+.post_meta{
	display:none;
}
/* FOOTER */
.footer-menu a{
	color:#fff !important;	
}
.footer-menu a:hover{
	color:#10216b !important;
}
.footer-menu h4{
	margin-top:0;
	margin-bottom:20px;
	color:#10216b !important;
	font-style:normal;
}
.footer-menu p{
	color:#fff;
	font-size:14px;
	margin-bottom:10px;
}
/* MAP POINTS */
.map-points a{
	font-size:16px !important;
	width:30px !important;
	height:30px !important;
}
/* weather boxes in modal */
.weather-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
}
.weather-day,
.weather-hour{
  width: 250px;
  height: 300px;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background: white;
	text-align:center;
	font-size:16px;
}
.weather-hour p,
.weather-day p{
	color:
#10216b;
}
.weather-hour h3,
.weather-day h3{
	margin-bottom:0;
}
.weather-hour .temperature,
.weather-day .temperature{
	color:#39adee;
	font-size:22px;
}

.today-day{
	margin:0;
}

/* mobile version */
@media only screen and (max-width: 540px) and (min-width: 200px){
  .container-modal{
    z-index: 10000;
    /* display:none; */
    right: -210px;
    /* top: 15%; */
  }
  .slider{
    /* left:168px; */
    width:197px;
  }
  .icon-wrapper p{
    font-size: 11px;
    padding-left: 0;
  }
  .icon-wrapper .way{
    padding-left: 2px;
  }
  .icon-wrapper span{
    font-size: 11px;
  }
  .pulse{
    width:5px;
  }
  .weather-container{
    justify-content: center;
  }
  .open-widget{
    width:40px;
  }
}

.open-widget{
	width:35px;
}
.open-widget img{
	margin-left:-5px;
}
.open-widget img{
	margin-left:-5px;
}

@media only screen and (max-width: 768px){
	.modal-content{
		width: 90%;
	}
  .modal-content h3,
  .modal-content h5{
    text-align: center;
  }
}