body { background-color:#fff; /*font-family: 'Roboto', sans-serif !important;*/ font-family: 'PT Sans', sans-serif; } .mainmenuitem a{ color: #000; font-weight: 700 !important; text-transform: uppercase !important; font-size: 1.2em !important; } .mainmenuitem a:hover { text-decoration:none; } .video-background-holder { position: relative; background-color: black; height: calc(100vh - 180px); min-height: 25rem; width: 100%; overflow: hidden; border:1px blue solid; } .video-background-holder video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .video-background-content { position: relative; z-index: 2; } .video-background-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.3; z-index: 1; } .pasik { background-color: black; opacity: 0.7; } #topinfo { background-color: #343a40; color:#fff; padding: 0 !important; } #wstoggle { position: inherit!important; width: inherit!important; height: inherit!important; } .video-background-holder { border: none!important; } .showcase-img { min-height: 30rem; background-size: cover; } ul.activity-list_v2 { list-style-type: none; } .activity-more_v2 { text-align: right; } .activity-item2 { background-size: cover !important; width: 23vw; height:15vw; background-clip: border-box !important; } @media screen and (max-width:720px) { .activity-item2 { background-size: cover !important; width: 80vw; height:60vw; background-clip: border-box !important; } } .wsfulllinksty li a {font-size:80% !important;} .submenu1 .wsfulllinksty li {font-size:90% !important;} body { margin: 0px; padding: 0px; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .cl { clear: both; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-font-smoothing: antialiased; } /*Home page*/ body.homebg { background-size: cover; height: 100vh; font-family: "Poppins", Helvetica, Arial, sans-serif; } .wrapper { width: 100%; max-width: 1200px; margin: 0px auto; padding: 0px 0px 0px 0px; } /* .logo { padding: 0px 0px 0px 0px; position: absolute; left: 20px; top: 20px; } */ .submenu1, .submenu2 { padding-inline-start: 0px !important; } ul.wsfulllinksty { padding-inline-start: .3vh !important; } .submenu2 { padding-left:5px !important; } .ani01 { text-transform: none !important; padding-left:5px !important; } .ani01 { line-height:100% !important; } /*.pasik>.lead {font-weight:bold !important;}*/ #social a { color:#fff !important; font-size:2em !important; } #wstoggle {padding-left:0 !important;} .activity-more_v2 { font-size:.9em !important; font-weight: 900 !important; } #mainb1 h1, #mainb2 h1, #obrazky h1, #inspiracie_v2 h1, #accobox h1, #videobox h1, #actions h1 { color:#007bff !important; font-size: 60px; line-height: 74px; } #modal-accomodation h4 { color:#007bff !important; font-size: 40px; line-height: 40px; } #mainb2 a>h5 {color:#000 !important;} #mainb2 a:hover {text-decoration:none !important;} #mapmenu {background-color:#d8eeff;} #mapmenu h5 { text-transform: uppercase !important; font-weight: 900 !important; font-size:1em; letter-spacing: .2em; } #mapmenu li { text-transform: uppercase !important; font-size:.9em !important; letter-spacing: .1em; font-weight: 900 !important; line-height: 2; } #mapmenu p { font-size:.8em !important; letter-spacing:.1em; } #inspiracie_v2 h5 a, #actions a h5 { color:#000 !important; text-decoration:none; font-weight: 900 !important; font-size:.9em !important; } #actions a h5 { font-size:1.5em !important; } .fbold { font-weight: 700 !important; } .inactivebold a { font-weight: 700 !important; } .container.gallery-container { background-color: #fff; color: #35373a; /*min-height: 100vh;*/ padding: 30px 50px; } .tz-gallery { padding: 40px; } /* Override bootstrap column paddings */ .tz-gallery .row > div { padding: 2px; } .tz-gallery .lightbox img { width: 100%; border-radius: 0; position: relative; } /* .tz-gallery .lightbox:before { position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; opacity: 0; color: #fff; font-size: 26px; font-family: 'Glyphicons Halflings'; content: '\e003'; pointer-events: none; z-index: 9000; transition: 0.4s; } .tz-gallery .lightbox:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background-color: rgba(46, 132, 206, 0.7); content: ''; transition: 0.4s; } .tz-gallery .lightbox:hover:after, .tz-gallery .lightbox:hover:before { opacity: 1; } */ .baguetteBox-button { background-color: transparent !important; } @media(max-width: 768px) { body { padding: 0; } .wsfmenufull .wsfwrapinner { padding: 0px 25px; } } /***** NEW VIDEO STYLE *****/ #videobannerbox { position: relative; background-color: black; height: 80vh; min-height: 25rem; width: 100%; overflow: hidden; } #videobannerbox video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #videobannerbox .container { position: relative; z-index: 2; } #videobannerbox .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.3; z-index: 1; } @media (pointer: coarse) and (hover: none) { #videobannerbox { background: url('../pics/videobg.jpg') black no-repeat center center scroll; } #videobannerbox video { display: none; } } .video-title { color:#F5E4C3 !important; text-shadow: 2px 2px 5px #666; text-transform: uppercase !important; font-weight: 900 !important; } .newarticleimage { background-repeat: no-repeat; background-position: center center; background-attachment: scroll; width:100% height: 400px; min-height: 400px; } .homeimage { background-repeat: no-repeat; background-position: center center; background-attachment: scroll; width:100% height: 400px; min-height: 400px; }