@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@100;200;300;400;500;600;700&display=swap');

h1{font-size: 6vh !important; font-family: 'Exo 2', sans-serif; font-weight: 300 !important;}
h2{font-weight: 300 !important; font-family: 'Exo 2', sans-serif;}
.page-id-1187 h2{color: #fff;}
h3,h4{font-weight: 400 !important;}
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.cervena{color: #D35232;}
.zelena{color: #75AC35;}
.ccc{color: #ccc;}
.floatLeft{float: left;}
.bezspoluprace{display: none !important;}
.spolupraca{padding: 9px 10px 9px 5px; background: #ffffffd1; border-radius: 0px 5px 5px 0; color: #47403e;}

#site-logo {margin: 0 0 0 10px;}
#site-logo img{height: 70px;}
#main-header{position: fixed; transition: 0.5s ease-out;}
#main-header.menu-fix{-webkit-animation: none; animation: none;}
.entry-header{padding-top: 0 !important;}
.site-content {margin-top: 90px !important;}
.menu-fix .main-navigation  ul  li {padding: 0; transition: 0.5s ease-out;}
.main-navigation  ul  li:last-child {border-bottom: none;}
.menu-fix #site-logo img{height: 40px; transition: 0.5s ease-out;}
.menu-toggle{height: 40px;}
.menu-toggle span {width: 30px; top: 8px;}
.menu-toggle span:before{width: 30px; top: 20px;}
.menu-toggle span:after{width: 30px; top: 10px;}

#main-slider .caption-title{display: none;}
#main-slider .overlay{display: block;}
.next-page{display: none;}
.slider-caption {top: auto; vertical-align: bottom; bottom: 15px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0 !important;}
#main-wrap .mid-content{max-width: 1200px; width: 90%;}
#section-2613{padding: 10% 0;}
#section-2613 .mid-content {max-width: 100%; width: 100%;}
#section-2613 .section-wrap{padding: 0;}
#section-2900 .section-wrap{padding: 10px 0;}
#section-2900 {background-color: #222; color: #ffffff;}
#section-2667 .section-wrap{padding: 40px 0 !important;}
.parallax-section h1.parallax-title{margin-bottom: 40px;}
.ramikPozadie {padding: 2%; margin-bottom: 3%; background: #f6f6f6; border: 1px solid #ececec;}
.uvodAktuality{background: rgba(0, 0, 0, 0.4); padding: 10px;}
.page-content h2{text-align: center;}
#main-wrap {margin-bottom: 0;}

#primary{width: 100% !important;}
/*.single-post #primary{width: 72% !important; margin: 0 14%;}*/
#secondary-right{display: none;}
#page>.social-icons{display: none;} 
.dniNoci{color: #2F7FAE; font-size: 1.3em;}

.nivo-lightbox-overlay{display:none;}

#zaujem-meno, #zaujem-email {width: 100em; padding: 20px 15px; margin: 4px 0;
  display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 1.5em;
  font-weight: 100;}
.wpcf7-submit {border-radius: 4px; width: 100%;}
.wpcf7-list-item-label{font-weight: 100;}
#text-spravy{height: 100px !important; width: 100em; font-weight: 100 !important;}

/* ### UVOD ### */
.uvodBoxImg{float: left; width: 80px; height: 80px; padding: 10px; background-color: #fff;}
.uvodBoxNadpis{font-size: 1.5em; padding: 22px; margin: 0 5px 0 85px; color: #fff; background-color: rgba(41,117,162,1);}
.uvodBoxText{padding: 10px; margin: 5px 5px 0 0; color: #fff; background-color: rgba(0,0,0,0.5);}
/* ### */

/* ### UVOD - SLUZBY ### */
.sluzbyUvodNazov{font-family: 'Exo 2', sans-serif; font-size: 2em; font-weight: 300; color: #2975A2; padding: 10px; text-align: center;}
.sluzbyUvodPopis{font-size: 1.1em; padding: 5px 15px; text-align: justify; min-width: 200px;}
/* ### */

/* ### UVOD - OTVORENÉ CESTY ### */
#section-4382{text-align: center;}
#section-4382 .mid-content{width: 90%; max-width: 1600px;}
#section-4382 h2 {text-transform: none;}
.kompletna-ponuka {background: #d7684d; font-size: 2.7rem; color: #fff; padding: 25px; font-family: 'Exo 2';
  border-radius: 3px;}
.kompletna-ponuka:hover{background: #ae4e35;color: #fff; text-decoration:none;}
#media-boxes-container-601ce698129e5{margin-bottom:30px;}
.media-boxes-no-more-entries{background: none !important;}
media-boxes-load-more-button media-boxes-no-more-entries{display: none;}
.visible-media-boxes-by-filter{z-index: 999;}
/*.hidden-media-boxes-by-filter{display:none;}
.media-boxes-load-more-button{display:none;}*/
/* ### */

/* ### CESTY ### */
#section-1187 h2{color: #4d4c4d;}
.horizontal .ap_tab_group {display: inline-block;}
.page-id-1187 #main-wrap{text-align: center; background-color: #D9D9D9;}
.page-id-1187 h2{display: none;}
.page-id-1187 #main-wrap .mid-content{max-width: 1600px; width: 90%;}
/* ### */

/* ### SUB - POLIA ### */
.polePerex {background-color: #fff;}
.poleNazov {margin: 12px 20px; text-align: center; font-size: 1.5em; font-weight: 100; color: #2975A2;}
/*.poleNazov:after {content: ''; display: block; width: 35%; height: 3px; margin: 15px auto 10px; background: #2975A2;}*/
.polePopis {margin: 25px 0 40px 0; text-align: left;}
.poleObal {background:#FFF; margin: 0 auto 30px auto; padding: 20px; position: relative; max-width: 960px; }
.poleObal:before, .poleyObal:after{
content: ""; position: absolute; z-index: -1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2); -moz-box-shadow:0 0 20px rgba(0,0,0,0.2); box-shadow:0 0 20px rgba(0,0,0,0.2); top:6px; bottom:6px; left:0; right:0; -moz-border-radius:100px / 10px; border-radius: 100px / 10px;}

.poleObal:after{
right: 10px; left: auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg)
  rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg);
  transform:skew(8deg) rotate(3deg);}
/* ### */

/* ### TÍM ### */
.page-id-98 #primary img{max-width: 150px !important;}
/* ### */

/* ### CESTA LAVA STRANA ### */
#cestaLava{width: 66%; padding-right:20px; float: left;}

#cestaGaleria {margin-bottom: 10px; margin-left: 10px;}
.cestaGaleriaTxt {font-size: smaller; color: #888;}
.gallery {margin-bottom: -2px;}
.gallery-item {width: 11% !important; padding:0 0.1% 1% 0 !important;}
.celaGaleriaNapis{font-size: 14px; margin-bottom: 5px; cursor: pointer;}
.slb_data_title {display: none !important;}
.slb_data_desc {display: none !important; margin: 0 !important;}
.slb_container {padding: 10px 10px 5px 10px !important;}

#cestaDni {padding: 0 2% 0 0; margin-bottom: 30px; margin-left: 10px;}
.cestaDniNazov{padding: 0 2% 0 16px; border-left: 2px solid #999999;}
.cestaDniNazov h3:before {content: url('http://satipo.sk/wp-content/uploads/kruzokcerveny.png'); margin: 0 8px 0 -25px;}
.cestaDniNazov h3{line-height: 0; font-size: 20px; margin-top: 0; margin-bottom: 0; padding: 20px 0 0 0;}
.cestaDniNazov:first-of-type h3{margin-bottom: 0; padding: 0 0 0 0;}
.cestaDniNazov:last-of-type h3{margin-bottom: 10px; padding: 20px 0 0 0;}
#cestaDni h4{line-height: 0; font-size: 20px; margin: 30px 0 0 16px;}
#cestaDni p{border-left: 2px solid #999999; margin: 0; padding: 10px 0 0 16px;}
#cestaDni p:last-of-type{border-left: none; margin: 0; padding: 10px 0 0 16px;}


#cestaAltMoznosti {padding: 0 2% 0 0; margin-bottom: 50px; margin-left: 10px;}
.cestaAltMoznNazov {padding: 0 2% 0 16px;}
.cestaAltMoznNazov h3:before {content: url('http://satipo.sk/wp-content/uploads/kruzokcerveny.png'); margin: 0 8px 0 -25px;}
.cestaAltMoznNazov h3 {line-height: 0; font-size: 20px; margin-top: 0; margin-bottom: 0; padding: 20px 0 0 0;}
#cestaAltMoznosti p {margin: 0; padding: 10px 0 0 16px;}

.cestaIkony{display: inline-table; margin: 0 0 50px 0;}
.cestaIkonaBox{width: 50%; display: inline-table; margin-bottom: 2%;}
.cestaIkona{float: left; margin-right: 2%;}
.cestaIkonaText{width: auto; padding-right: 1%; overflow: auto;}
.imgIkona{margin: 11px auto !important;}

#cestaPoznamkaLeft img{padding: 5px 8px 5px 0;}
/* ### */

/* ### CESTA PRAVA STRANA ### */
#cestaPrava{width: 34%; float: left;}
#cestaMapa {margin-bottom: 3%;}
.cestaNadpis{font-family: Roboto; font-size: 1.2em; font-weight: 400; text-transform: uppercase; display: inline; margin-right: 10px;}

.sezonaMesiac{display: inline-block; text-align: center; width: 20px; margin: 0 0 1% 0; height: 20px; border-radius: 30px; color: #000; border: 1px solid #8e8e8e; font-size: 13px;}
.sezona1{background: #5B9ABB;}
.sezona2{background: #D5E6F7;}
.sezona3{background: #fff;}
.sezonaText{margin-top: 10px;}

/* ### PRIHLASKA NA CESTU ### */
.btn_prihlaska{background: #226993; color: #fff; padding: 10px; border-radius: 5px; cursor: pointer; text-decoration: none;
  max-width: 160px; text-align: center;}
.wpcf7-form sup{color: #D35232;}
.wpcf7-form input{font-weight: 300;}
.copy-the-code-shortcode{cursor: pointer; font-weight: bold;}
/* ### */

.narocnost-signal{width: 40px; margin-top: -12px;}

.cestaCeny{background: #fff; padding: 0 5px; overflow: auto; margin-bottom: 10px; font-size: 1.5em;}
.cestaCenaBoxLeft{width: 60%; text-align: left; float:left;}
.cestaCenaBoxRight{width: 40%; text-align: right; float:right; color: #a94127;}
.cestaCenaBoxText{width: 100%; text-align: right;}
.cestaCenaZakladna{text-transform: uppercase; font-size: 1em !important;}
.cestaCenaKonecna{text-transform: uppercase; font-size: 1.2em !important; font-weight:400;}
.cestaCenaInfo{font-size: 12px !important; font-weight: 500; margin-bottom: 10px; text-align: justify;}
/* ### */

#header-wrap{background-size: cover; }
#header-wrap .entry-header-inner {padding: 10% 0;}
#header-wrap .entry-title{text-align: center !important; font-family: 'Exo 2', sans-serif; text-shadow: 0px 0px 2px rgb(0 0 0 / 50%); font-weight: 500 !important;}
.entry-header{display: block;}
.horizontal .ap_tab_content{padding: 0; background: none;}
.ap_tab_group{margin: 0.15%;}

.post_title{text-decoration: none; font-size: 1.2em;}
.ap_tab_wrap{background: none;}
.H5{background: url(http://satipo.sk/wp-content/uploads/narocnost-bg.png) no-repeat 0px 5px; width: 85px;}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {box-shadow:none !important;}
.leaflet-popup-content-wrapper{-webkit-border-radius: 3px !important; border-radius: 3px !important;}
.leaflet-popup-tip-container{margin: 0 auto -10px auto !important;}

#cestaSezona { margin:20px auto;}

.ramikTien {padding: 20px; background:#f9f9f9; margin:0 0 30px 0; position:relative; 
  -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 0 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;}

.ramikTien:before, .ramikTien:after {content:"";position:absolute; z-index:-1; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
  -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5); top:0; bottom:0; left:10px; right:10px;
  -moz-border-radius:100px / 10px; border-radius:100px / 10px;}

.ramikTien:after {right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg);
  -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg);}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* ### ROZBALOVANIE GALERIE ### */
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
/* ### */

@media screen and (max-width: 1800px){
#section-4382 .mid-content{width: 80%;}
.page-id-1187 #main-wrap .mid-content{max-width: 100%; width: 80%;}
}
@media screen and (max-width: 1200px){
.mid-content{padding: 0 !important;}
.page-id-98 #page .mid-content{width: 70%;}
}

@media screen and (max-width: 1024px){
.mid-content{width: 100%;}
.page-id-98 #page .mid-content{width: 80%;}
}
@media screen and (max-width: 1000px){
.main-navigation ul{width: 98%; margin: 1%; border-radius: 5px;}
#section-2613{padding: 11% 0;}
}
@media screen and (max-width: 960px){
.single-post #primary{width: 90% !important; margin: 0 5%;}
.page-id-98 #page .mid-content{width: 85%;}
#section-2613{padding: 12% 0;}

}
@media screen and (max-width: 760px){
#site-logo img{height: 50px;}
.site-content {margin-top: 50px !important;}
#cestaLava{width: 100%; padding-right: 0;}
#cestaPrava{width: 100%;}
.cestaBoxNazov{width:50%;}
#cestaDni {width: 78%;}
#cestaGaleria {width: 100%;}
.gallery-item {width: 15% !important;}
#cestaDetaily {width: 100%; float: none;}
.entry-header-inner h1{font-size: 5vh !important;}
.page-id-98 #page .mid-content{width: 90%;}
#section-2613{padding: 13% 0;}
}
@media screen and (max-width: 600px){
.cestaIkonaBox{width: 100% !important; float: left;}
.entry-header-inner h1{font-size: 4vh !important;}
#section-2613{padding: 14% 0;}
.sluzbyObal{margin: 0 5%;}
}
@media screen and (max-width: 480px){
#site-logo img{height: 40px;}
.cestaBoxNazov{width:100%;}
#cestaDni {width: 83%;}
.gallery-item {width: 18% !important;}
.sluzbyNazov{font-size: 1.2em;}
.kompletna-ponuka{font-size: 1.5rem; padding: 10px;}
#section-2613{padding: 15% 0;}
}
@media screen and (max-width: 415px){
.sluzbyObal{margin: 0 2%;}
}