/* ------------ LESS DEFINITIONS ----------- */ @media (max-width: 768px) { .videoContainer { background: url(/wp-content/uploads/2018/11/zamek-moszna-galeria-4.jpg)no-repeat; background-position-x: 70%; background-position-y: 167px; } } .flex{ display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; -webkit-box-orient: vertical; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; align-items: center; } .transition(@str){ -webkit-transition:@str; -moz-transition:@str; -o-transition:@str; transition:@str; }; .transform(@str){ -webkit-transform:@str; -moz-transform:@str; -o-transform:@str; transform:@str; } @bordo:#941522; @grey:#464646; @yellow: #ff0; @black: #231f20; /* -------------------------------------- */ /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /*floating cart*/ .cart-customlocation{ position: absolute; top: 135px; right: 0; display: none; flex-direction: column; width: fit-content; background: #951b24; padding: 20px; color: #fff!important; font-size: 14px; align-items: center; justify-content: center; font-family: 'Playfair'; } .cart-customlocation span{ color: #fff!important; font-size: 14px!important; font-family: 'Playfair'!important; } .cart-customlocation img{ margin-top: 5px; } form.search-woo{ display: none; } .woocommerce-page .cart-customlocation, .woocommerce-page .search-woo{ display: flex!important; } .search-woo input[type=submit]{ margin-left: 5px; border-radius: 0; box-shadow: none; background: #000; font-family: Playfair; color: #fff; text-shadow: none; border: none; font-size: 15px; } .search-woo .search-field{ border-radius: 0px; font-family: Playfair; font-size: 15px; } .woocommerce .checkbox { padding-left: 5px!important; } .woocommerce form .form-row .input-checkbox { margin: 8px 2px 0 0!important; } #shipping_method li:before { font-size: 0px!important; } .woocommerce-info { border-top-color: #951b24!important; } .woocommerce-info::before { color: #951b24!important; } .woocommerce h3{ font-family: 'Playfair'!important; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: @bordo solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } *{ outline:none !important; text-decoration:none !important; .transition(all 0.4s); } a{ cursor:pointer; } a:hover{ color:gold; } @media (min-width:1110px){ .container { max-width: 1110px; } } p{ overflow:hidden; } .wcag_button_contrast{ cursor:pointer; background: @black; border-radius:50%; margin-top:3px; width:25px; text-align:center; height:26px; line-height:26px; color:@yellow; margin-left:6px; } .wcag_button_size{ cursor:pointer; font-size:18px; border-radius:50%; padding:0 5px; color:white; font-weight:bold;font-style:italic; margin-left:6px; } .bordo{ color:@bordo; } #site-navigation *{ .transition(all 0s) !important; } .logo2{ display:none; } #menu-item-353, #menu-item-299 a, #menu-item-353 a, #menu-item-3264{ display:none; } #menu-item-299 a.logo, #menu-item-353 a.logo{ display:block; } .sticky #menu-item-299 a.logo, .sticky #menu-item-353 a.logo, body:not(.home) #menu-item-299 a.logo, body:not(.home) #menu-item-353 a.logo{ padding-left:60px; padding-right:60px; } .navbar-default img{ -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25)); } .collapse{ width:100%; float:left; position:relative; } .collapse>ul{ width:100%; .flex; justify-content: space-between; -webkit-justify-content: space-between } .navbar-default{ background:transparent; border:none; } .navbar-default .navbar-nav>li>a{ color:white; text-transform:uppercase; text-shadow:2px 2px 2px rgba(0,0,0,0.25); } .navbar-default .navbar-nav > li > a:not(.logo){padding-top:50px; font-size:14px; } #site-navigation a:focus, #site-navigation a:hover{ color:white; } #site-navigation.sticky, body:not(.home) #site-navigation{ background:rgba(148, 21, 34,0.8); box-shadow:0px 2px 5px rgba(0,0,0,0.3); } #site-navigation.sticky .navbar-nav > li > a:not(.logo), body:not(.home) #site-navigation .navbar-nav > li > a:not(.logo){ padding-top: 15px; padding-bottom:26px; } body:not(.home) #menu-item-299{ display:none !important; } body:not(.home) #menu-item-353{ display:block !important; } .videoContainer{ position:absolute; height:100%; width:100%; overflow: hidden; } .videoContainer video{ min-width:100%; min-height:100%; width:auto; height:auto; } .slogan{ left:50%; top:60%; position:absolute; color:white; .transform(translate(-50%,-50%)); pointer-events:none; } .cta-container{ background:#ecece9; padding:25px; position:absolute; right:0; bottom:0; font-family:playfair; } .cta-container h3{ color:@bordo; font-size:30px; } .cta-container h3 i{ color:#222; font-size:36px; margin-right:10px; } .cta-container p{ color:@grey; font-size:28px; line-height:40px; margin-bottom:0; } .cta-container span{ position: absolute; right: 50px; bottom: 35px; } .cta-container:hover{ background:white; } .rezerwacja-fluid{ font-family:playfair; color:@bordo; box-shadow:0px 0px 10px rgba(0,0,0,0.5); padding:10px; background:#ecece9; position:fixed; bottom:0; right:0; } .rezerwacja-fluid:hover{ background:white; cursor:pointer; box-shadow:0px 0px 10px rgba(0,0,0,0.4); } body.home li.menu-item.dropdown:hover a:not(.logo){ border-bottom:3px solid white; padding-bottom:12px !important; } body.home .sticky li.menu-item.dropdown:hover a:not(.logo){ padding-bottom:23px !important; } body:not(.home) li.menu-item.dropdown:hover>a:not(.logo){ border-bottom:3px solid white; padding-bottom:23px !important; } li.menu-item:hover .dropdown-menu, li.menu-item:focus .dropdown-menu, li.menu-item a:focus .dropdown-menu{ background:rgba(255,255,255,0.75); display:block !important; border:none !important; } li.menu-item.dropdown:hover .dropdown-menu a{ font-family:sans-serif; text-transform:uppercase; font-weight:bold; border:none !important; font-size:12px; padding-bottom:10px !important; padding-top:10px !important; } .dropdown-menu{ padding:0; } .dropdown-menu .active a{ background:@bordo; } .dropdown-menu a:hover{ background:white !important; color:@bordo !important; } .cta-container:focus span, .cta-container:hover span{ right:40px; } h1{ font-family:'parisienne'; font-size:180px; line-height:75px; text-align:center; text-shadow:4px 4px 5px rgba(0,0,0,0.4); pointer-events:none; } h1 span{ font-family:'noto'; font-size:60px; margin-left:80px; } .language-chooser{ margin:0; list-style:none; } .language-chooser img{ width:20px; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color:gold !important; background:transparent; text-shadow: 2px 2px 3px black; } .menu-extra{ .flex; float:right; display:flex !important; } .menu-extra ul{ list-style:none; margin:0; } .menu-extra i{ line-height:40px; font-size:24px; border-radius:50%; background:White; width:40px; height:40px; } .menu-extra a{ padding:0 5px; text-align:center; } .menu-extra>a img{ width:25px; } #site-navigation .container{ position:relative; } .mainContent{ overflow:hidden; background:url('/wp-content/themes/moszna/inc/images/pattern.jpg'); } .mainContent .container{ background-color:@bordo; box-shadow:0 0 60px @bordo; color:white; padding:100px 65px; .flex } .mainContent .container h2{ font-size:72px; font-family:playfair; line-height:58px; margin-bottom:40px; span{ font-size:42px; } } .mainContent .container p{ font-size:14px; } .mainContent .castle{ margin-top:0; background-image:url('/wp-content/themes/moszna/inc/images/castle.jpg'); background-size: contain; background-repeat: no-repeat; background-position:right; } .mainContent .col-sm-6.last{ .flex; padding-top:300px; } .mainContent button:focus span, .mainContent button:hover span{ right:15px; } button, .wc-backward{ box-shadow:none !important; padding:10px 25px; text-shadow:none !important; text-transform:uppercase; font-size:14px; font-family:playfair; } button.transparent-white{ font-size:15px; letter-spacing:1px; background:transparent; color:white; font-size:15px; line-height:20px; border:1px solid white; text-align:left; width:275px; position:relative; position:absolute; bottom:0; span{ position:absolute; right:25px; bottom:15px; } } .lion:before{ content: ''; background-image: url(/wp-content/themes/moszna/inc/images/lion-l.png); background-size: 50px 50px; margin-right: 75px; display: inline-block; max-height: 50px; height: 50px; margin-bottom: -5px; width: 50px; } .lion:after{ content: ''; background-image: url(/wp-content/themes/moszna/inc/images/lion-r.png); background-size: 50px 50px; margin-left: 75px; display: inline-block; max-height: 50px; height: 50px; margin-bottom: -5px; width: 50px; } .lion-spec:before{ content: ''; background-image: url(/wp-content/themes/moszna/inc/images/lion-r.png); background-size: 50px 50px; margin-right: 15px; display: inline-block; max-height: 50px; height: 50px; margin-bottom: -5px; width: 50px; } h2.lion-spec{ font-size:43px; color:@bordo; font-family:playfair; margin-bottom:40px; } .offer{ overflow:hidden; padding:100px 0 0; text-align:center; color:@bordo; font-family:playfair; font-size:30px; } .offer h3, .news h3{ font-size:48px; margin-bottom:30px; font-family:playfair; } .offer .offer-body{ padding:0.5px; height:630px; margin-top:70px; } .offer .offer-body>div{ height:100%; background-size:cover; background-position:center; } .offer .offer-content{ z-index:9999; background:white; width:90%; left:5%; position:absolute; bottom:55px; padding:10px; cursor:default; } .offer .offer-body .offer-content h4{ font-size:24px; color:@bordo; margin-bottom:20px; } .offer .offer-body .offer-content p{ font-family:noto; font-size:12px; color:@grey; padding-bottom:10px; margin-bottom:5px; } .offer .offer-content>div{ border:1px solid @bordo; padding:20px 15px; text-align:center; height:110px; } .offer .offer-body:focus .offer-content, .offer .offer-body:hover .offer-content{ bottom:120px; } button.bordo{ border-radius:0; letter-spacing:1px; border:none; text-transform:lowercase; background:@bordo; color:white; } button.white{ border-radius:0; letter-spacing:1px; border:none; background:white; color:@bordo; text-transform:lowercase; } .offer button{ position:absolute; left:50%; .transform(translateX(-50%)); bottom:55px; font-size:11px; height:38px; } .offer .background-layer{ background:rgba(255,255,255,0.6); opacity:0; position:absolute; left:0; top:0; height:100%; width:100%; } .offer .offer-body .background-layer:focus, .offer .offer-body:hover .background-layer{ opacity:1; } .news{ padding:130px 0 50px; text-align:center; color:@bordo; } .news-box{ margin-top:70px; } .single-news{ height:400px; padding:0 7px; } .single-news>div{ position:relative; } .single-news .news-button{ height:130px; background:@bordo; line-height:130px; } .single-news .news-content{ font-family:noto; font-size:18px; cursor:default; height:130px; background:@bordo; color:white; padding:30px 10px; position:absolute; bottom:0; width:100%; } .single-news .news-content h4{ font-size:24px; padding-bottom:10px; font-family:playfair; max-height:53px; overflow:hidden; } .single-news .news-button button{ border:1px solid white; font-size:10px; padding:15px 25px; } .single-news .image-box{ height:270px; background-size:cover; background-position:center; } .single-news>div:focus .news-content, .single-news>div:hover .news-content{ bottom:100px; } .newsletter{ color:White; background:url('/wp-content/themes/moszna/inc/images/pattern.jpg'); padding-top:50px; padding-bottom:50px; } .newsletter h3{ font-size:36px; font-family:playfair; } .newsletter form{ overflow:hidden; } .newsletter input[type="email"]{ height:60px; width:100%; text-align:center; font-family:gotham; } .newsletter .wpcf7-acceptance>span, .tnp-field-privacy label{ background:@bordo; padding:15px 25px; } .newsletter .wpcf7-acceptance input, .tnp-field-privacy input{ width:20px !important; height:20px; } .tnp-submit{ width:auto !important; } .newsletter .wpcf7-acceptance>span>label>span, .tnp-field-privacy label a{ color:white; margin-left: 50px; margin-top: -30px; display: block; font-size:10px; font-family:gotham; } .newsletter .wpcf7-acceptance>span>label>span a{ color:white; } .newsletter span.wpcf7-not-valid-tip{ float:right; color:white; font-family:gotham; font-size:14px; } .newsletter div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ padding:0; margin:0; float:right; border:none; font-size:14px; font-family:gotham; } .newsletter input[type="submit"]{ float:right; text-transform: uppercase; letter-spacing:1px; font-family: playfair; border:1px solid white; font-size:10px; padding:15px 25px; background:@bordo; border-radius:0; box-shadow:none; text-shadow:none; color:white; } footer{ background:#222222; } footer .container{ padding:40px; } footer h4{ font-size:18px; font-family:playfair; margin-bottom:20px; color:#808080; } footer p, footer a{ color:white; font-size:12px; font-family:gotham; } footer img{ margin-bottom:10px; } footer a:hover, footer a:focus{ color:@bordo; } footer a img{ width:30px; height:30px; margin:0 3px; } .default-banner{ padding-top:100px; .flex; color:white; height:540px; background-size:cover; background-position:center; } .default-banner h1{ font-family:parisienne; } .gallery-category{ padding:5px; } .gallery-category>a>div{ position:relative; } .gallery-category .mask{ text-align:center; font-size:30px; font-family:playfair-bold; .flex; position:absolute; top:0; left:0; height:100%; width:100%; background:rgba(255,255,255,0.6); color:#222; } .gallery-category>a>div:hover .mask{ background:rgba(148, 21, 34, 0.6); color:white; } #default-page{ margin-bottom:50px; } div.breadcrumb{ background:white; padding:15px 0; margin:0; } div.breadcrumb, div.breadcrumb a{ color:#a1a1a1; font-size:14px; } div.breadcrumb a:focus, div.breadcrumb a:hover{ color:@bordo; } .gallery-item{ margin:0 !important; padding:4px; } #imageContainer{ padding:2px 2px 10px; } #lightboxImage{ width:100% !important; height:100% !important; } ul.side-menu{ list-style:none; margin-left:-15px; max-width:220px; } ul.side-menu li{ text-transform:uppercase; background:#ebebeb; padding:0; margin:3px 0; font-family:playfair; font-size:18px; line-height:22px; cursor:default; } ul.side-menu li a{ padding:15px; color:#404040; display:block; } ul.side-menu li.active a, ul.side-menu li:hover a, ul.side-menu li:focus a{ cursor:pointer; background:@bordo; color:white; } .aktualnosc-box{ height:260px; margin-bottom:10px; border:1px solid #d7d7d7; } .aktualnosc-box>div{ float:left; } .aktualnosc-box .aktualnosc-image{ width:260px; height:258px; background-size:cover; background-position:center; } .aktualnosc-box .aktualnosc-content{ padding:20px 50px; max-width:calc(~"100% - 260px"); position:relative; top:50%; .transform(translateY(-50%)); } .aktualnosc-content h3{ font-family:playfair; font-size:36px; margin-bottom:10px; } .aktualnosc-content p{ font-size:18px; font-family:noto; } .single-image{ padding-left:0; } .single-main{ padding-top:25px; position:relative; padding-right:0; font-size:16px; } .single-additional{ padding:15px 0; } tr td{ padding:20px !important; } th{ padding:10px !important; padding-left:20px !important; padding-right:0 !important; } .tablepress tfoot th, .tablepress thead th{ vertical-align:top; font-weight:400; font-size:14px; background:white; border-top:1px solid @bordo; border-bottom:1px solid @bordo; } .tablepress{ font-size:14px; } .column-1{ padding:20px !important; padding-right:60px !important; padding-left:30px !important; } .tablepress .odd td{ outline:none; border:none; background:rgba(148,21,34, 0.1); } .tablepress{ margin-bottom:30px; } .tablepress td{ border:none !important; } .single-additional p{ margin:0; min-height:10px;} .single-additional p del{text-decoration: line-through!important;} .single-additional h3{ margin-bottom:20px; padding:15px 0; color:@bordo; font-family:playfair-bold; font-size:24px; border-top:1px solid @bordo; border-bottom:1px solid @bordo; text-align:center; } hr{ background-color:@bordo; margin-top:25px; margin-bottom:25px; } .single-content p a{ color:#941522; } .single-content p a:hover, .single-content p a:focus{ color:@bordo; } .figures figure{ background: #941522; padding:30px 25px; margin:0 0 5px 0; min-height: 210px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; } .figures figure h3,.figures figure h2,.figures figure h4{ color:#fff; font-family: playfair; margin: 20px 0 0 0; font-size: 24px; line-height: 30px; } .figures figure h3 a,.figures figure h2 a,.figures figure h4 a{ font-family: playfair; color:#fff!important; } ul.submenu{ margin:0; list-style:none; padding:20px 0; background:white; } ul.submenu li{ margin:0; } ul.submenu li a{ letter-spacing:1px; color:#464646 !important; text-transform:lowercase; font-size:18px; background:white !important; padding: 5px 20px; } ul.submenu li.active a, ul.submenu li a:hover, li.active ul li a:focus{ color:@bordo !important; } .room{ padding:10px; cursor:default; } .room .room-image{ height:270px; background-size:cover; background-position:center; } .room .room-button{ padding:40px; text-align:center; background:@bordo; color:white; } .room .room-button button{ cursor:pointer; } .room .room-content{ position:absolute; bottom:0; left:0; width:100%; padding:40px; text-align:center; background:@bordo; color:white; } .room h4{ font-size:30px; font-family:playfair-bold; margin-bottom:10px; } .room>div:hover .room-content, .room>div:focus .room-content{ bottom:80px; } .room .mask{ pointer-events:none; background:transparent; border:1px solid white; position:absolute; top:10px; left:10px; right:10px; bottom:10px; } .room p{ margin:0; font-size:16px; font-family:noto; } .content .single-content h3{ color:@bordo; font-size:24px; } .content .single-content h2{ font-family:playfair-bold; font-size:24px; color:@bordo; letter-spacing:1px; } .content .single-content .gallery { margin: auto -4px !important; } .menu-restauracji{ background:@bordo; text-align:center; padding:20px; } .menu-restauracji>div{ border:1px solid white; padding:40px; color:white; } .menu-restauracji>div h3{ margin-bottom:10px; color:white !important; font-size:36px !important; font-family:playfair; } .menu-restauracji>div p{ margin:0; font-size:22px; } .box-imprezy{ text-align:center; padding:100px 50px 50px; background-size:cover !important; } .box-imprezy h2{ font-size:36px !important; font-family:playfair !important; margin-bottom:40px; } .single-content div{ overflow:hidden; } //kontakt .page-id-249{ .tablepress{ thead th{ background:transparent !important; border-top:none !important; color:@bordo; font-size:24px; font-family:playfair-bold; text-transform:none; } .even td{ background:transparent !important; } .column-1{ background:transparent !important; font-weight:normal; padding-left:0 !important; padding-right:20px !important; } tbody .column-2{ color:@grey; padding:20px; font-weight:bold; background:rgba(148, 21, 34, 0.1) !important; text-align:center; } .column-2 a{ color:@grey; } tbody .column-3{ padding:20px; font-weight:bold; background:rgba(148, 21, 34, 0.1) !important; text-align:center; } .column-3 a{ color:@bordo; } td{ width:33.33%; vertical-align:middle; } } .content>.col-sm-12{ padding:0 !important; } background-image:url(/wp-content/uploads/2018/11/newsbackground.jpg); background-repeat:no-repeat; background-size: 100%; background-position: 100% 77%; } .page-id-185{ background-image:url(/wp-content/uploads/2018/11/newsbackground.jpg); background-repeat:no-repeat; background-size: 100%; background-position: 100% 77%; } .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{ padding:0; } .navbar-header img{ display:none; } .list-icons p{ height:auto; min-height:60px; margin-bottom:10px; } h2.table-header{ text-align:center; border-top:1px solid @bordo; border-bottom:1px solid @bordo; padding:15px; margin-top:40px; margin-bottom:20px; } #tablepress-15 td, #tablepress-17 td, #tablepress-18 td{ text-align:center; font-weight:normal; } .single-content ul li { list-style: none; position:relative; margin-bottom:20px; } .single-content ul li:before { color: #941522; content: "\2022"; font-size: 50px; line-height: 22px; padding-right: 10px; /* height: 59px; */ margin-left: -45px; position: absolute; top: 0; } #nextLink{ background: url(/wp-content/plugins/wp-lightbox-2/styles/images/next.gif) right 50% no-repeat !important; } #prevLink{ background: url(/wp-content/plugins/wp-lightbox-2/styles/images/prev.gif) left 50% no-repeat !important; } .content .single-content h2.historia{ font-size:48px; font-family:playfair-regular; text-align:center; } .content .single-content div.historia{ margin-top:30px; .tablepress{ margin-top:30px; } .tablepress tbody tr td{ width:50%; } .tablepress tbody tr:first-child td{ padding-top:70px !important; } .tablepress tbody tr td:first-child{ padding-right:50px !important; border-right:1px solid @bordo !important; font-weight: normal; } .tablepress tbody tr td:last-child{ padding-left:50px !important; text-align:right !important; } .tablepress tbody tr td h2{ font-size:48px; font-family:playfair-regular; } .tablepress tbody tr td p{ margin:0 !important; } } .tm_timeline__event__date, .tm_timeline__event__dot{ display:none; } .tm_timeline__tense{ background:@bordo !important; width:2px !important; } .tm_timeline__event__title{ transform:none !important; font-size: 48px; font-family: playfair-regular; letter-spacing: 1px; color:@bordo; font-weight: inherit; } .tm_timeline__event__description{ transform:none !important; } .tm_timeline__event-even{ transform: translateX(50%) !important;} .tm_timeline__event-even .tm_timeline__event__title, .tm_timeline__event-even .tm_timeline__event__description{ padding-left:40px; } .tm_timeline__event-odd{ transform: translateX(-50%) !important; } .tm_timeline__event-odd .tm_timeline__event__title, .tm_timeline__event-odd .tm_timeline__event__description{ padding-right:40px; } .elementor-element-2702470 h3{ height:0px; } .elementor-element-2702470 h3 a{ position: absolute; top: 0; bottom: 0; left: 30px; right: 30px; padding-left: 30px; padding-top: 137px; padding-right: 40px; } iframe.jakdojechac{ width:100%; } .top-bar{ background:rgba(148, 21, 34, 0.8); color:white; padding:10px 0; } header.sticky .top-bar, body:not(.home) .top-bar{ background:rgba(148, 21, 34, 0); } .top-bar span{ font-family:ssp-light; letter-spacing:1px } .top-bar a{ color:white; font-family:ssp-bold; } .nav li a{ letter-spacing:1px; } .menu-restauracji p a{ color:white; } .box-imprezy button a{ color:white; } #overlay{ z-index:99999; } #lightbox{ z-index:9999999; } .atrakcje-iframe{ width:100%; height:800px; } footer .container > div{ color:#5e5e5e; } /*.lang-item{ pointer-events:none; }*/ .news.news-subpage{ padding:50px 0; background:#dedede; } .news.news-subpage .news-box{ margin:0 auto; } .news.news-subpage .single-news .image-box { height: 170px; } .news.news-subpage .single-news{ height:285px; } .news.news-subpage .single-news .news-content { font-size: 14px; padding:20px 10px; height: 115px; } .news.news-subpage .single-news .news-button { height: 115px; line-height: 115px; } .news.news-subpage .single-news .news-content h4 { font-size: 18px; } .elementor-1302 .elementor-element.elementor-element-9ab84a9 .elementor-image-box-title, .elementor-1302 .elementor-element.elementor-element-eb35b02 .elementor-image-box-title{ margin:0; height:auto; } .elementor-element-2702470 h3 a{ position: static; padding:0; } .rezerwuj-online-header{ margin-right:30px; } @media (max-width:1366px){ .navbar-default .navbar-nav > li > a:not(.logo) { font-size: 13px; } } @media (max-width:1199px){ .videoContainer video { /* min-width: 100%; */ min-height: 100%; width: auto; height: auto; transform: translateX(0%); } .container { max-width: 100%; } #menu-item-353{ display:block !important; } #menu-item-299{ display:none !important; } .navbar-default .navbar-nav > li > a:not(.logo){ padding-top:30px; } .slogan { top: 55%; } h1 { font-size: 140px; line-height: 60px; } h1 span { font-size: 50px; } .cta-container p { font-size: 28px; line-height: 36px; } .mainContent .container h2 { font-size: 60px; line-height: 50px; } .offer h3, .news h3 { font-size: 40px; margin-bottom: 22px; } .offer .offer-body { height: 400px; } .offer .offer-content > div { padding: 15px 10px; height: 120px; } .offer .offer-content { bottom: 30px; } .news { padding: 80px 0 50px; } #menu-item-299 a.logo, #menu-item-353 a.logo{ padding-left:60px; padding-right:60px; } body.wcag_contrast{ .nav>li>a{ padding:10px; } } } @media (max-width:1024px){ .offer-box{ overflow:hidden; margin-top:70px; } .offer .offer-body{ width:50%; float:left; margin-top:1px; } .offer .offer-content > div { padding: 15px 10px; height: 100px; } h2.lion-spec { font-size: 40px; } .aktualnosc-content h3 { font-size: 30px; } } @media (max-width:991px){ .collapse { width: 100%; } .nav>li>a { padding: 10px; } .lion:before { margin-right: 25px; } .lion:after { margin-left: 25px; } .newsletter .col-sm-3{ width:30%; } .newsletter .col-sm-9{ width:70%; } .mainContent .container h2 span{ line-height:42px; } .gallery-category .mask { font-size: 24px; } .elementor-widget-image-box .elementor-image-box-title a{ font-size:16px !important; } li.menu-item.dropdown:hover a:not(.logo){ padding-bottom:7px !important; } .collapse{ padding:0; } .logo{ padding-left:0 !important; padding-right:0 !important; } #site-navigation .navbar-nav > li > a:not(.logo), body:not(.home) #site-navigation .navbar-nav > li > a:not(.logo) { padding-top: 37px; padding-bottom: 26px; } body.home li.menu-item.dropdown:hover a:not(.logo) { padding-bottom: 23px !important; } .cta-container { padding: 20px; } .cta-container h3 { font-size: 24px; } .cta-container h3 i { font-size: 30px; } .videoContainer video { /* min-width: 100%; */ min-height: 100%; width: auto; height: auto; transform: translateX(-15%); } body.wcag_contrast{ .nav>li>a{ padding:5px; } } } @media (max-width:768px){ .mainContent .col-sm-6.last { padding-top: 120px; } .offer .offer-content { bottom: 120px; } .single-news .news-content { bottom: 85px; } } @media (max-width:767px){ .navbar-default .navbar-toggle{ border-color:white; } .navbar-default .navbar-toggle .icon-bar{ background-color:white; } header{ background:rgba(148, 21, 34, 0.8) !important; box-shadow:0px 2px 5px rgba(0, 0, 0, 0.3); } .navbar-header img{ display:block; position:absolute; left:50%; .transform(translateX(-50%)); top:10px; height:50px; } .navbar-collapse{ border:none !important; box-shadow:none; text-align:center; } body:not(.home) #menu-item-353, #menu-item-299 a.logo, #menu-item-353 a.logo{ display:none !important; } #site-navigation.sticky .navbar-nav > li > a:not(.logo), body #site-navigation .navbar-nav > li > a:not(.logo), #site-navigation.sticky .navbar-nav > li > a:not(.logo), body:not(.home) #site-navigation .navbar-nav > li > a:not(.logo){ padding-top: 10px !important; padding-bottom:10px !important; } .navbar-nav { margin: 20px 0 0; } .navbar-default .navbar-toggle{ background:transparent !important; border-radius:0; width:44px; height:34px; } .navbar-default .navbar-toggle:not(.collapsed) .icon-bar.first{ .transform(rotate(45deg)); } .navbar-default .navbar-toggle:not(.collapsed) .icon-bar.second{ display:none; } .navbar-default .navbar-toggle:not(.collapsed) .icon-bar.third{ .transform(rotate(-45deg)); margin-top: -2px; } .newsletter .col-sm-3{ width:100%; } .newsletter h3{ margin-bottom:40px; } .newsletter .col-sm-9{ width:100%; padding:0; } .offer{ font-size: 20px; } .offer h3{ padding:0 20px; } .offer .offer-content > div { height: 120px; } .single-news .news-content { height: 160px; } .offer span{ padding:0 20px; display:block; } footer .container{ padding-bottom:0; } footer .container>div{ text-align:center; margin-bottom:50px; } footer .text-center{ margin-bottom:20px; } #default-page .col-sm-9{ padding:0; overflow:hidden; } .room{ width:50%; float:left; } h2.lion-spec { margin-bottom: 20px; } .room h4 { font-size: 24px; } .elementor-element-a432e8f, .elementor-element-e247653, .elementor-element-83c612e{ width:50%; float:left; } .elementor-divider{ padding:0 !important; } .gallery-category{ width:33.3%; float:left; } .single-main{ padding-left:0; } li.menu-item:hover .dropdown-menu{ display:none !important; position: static !important; width: 100% !important; background: white !important; border-radius: 0 !important; } li.menu-item.dropdown:hover a:not(.logo){ border:none !important; padding:10px !important; } .nav>li { height: auto; overflow: hidden; } #site-navigation.sticky .navbar-nav > li > a:not(.logo), body:not(.home) #site-navigation .navbar-nav > li > a:not(.logo) { padding-bottom: 10px; } .navbar-collapse::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: @bordo; } .navbar-collapse::-webkit-scrollbar { width: 6px; background-color: @bordo; } .navbar-collapse::-webkit-scrollbar-thumb { background-color: white; } .elementor-widget-image-box { width:50%; float:left; } .error404 h1{ font-size:70px !important; } body:not(.home) li.menu-item.dropdown:hover > a:not(.logo) { padding-bottom: 10px !important; } .navbar{ min-height:65px; } .navbar-nav { float: none; margin: 0 auto; width: fit-content; } .navbar-toggle{ margin-top: 15px; margin-bottom: 15px; } .top-bar{ background:transparent; } .top-bar .col-sm-12{ padding:0; } .videoContainer video { transform: translateX(-25%); } .news.news-subpage .single-news .news-content { padding: 20px 10px 0; height: auto; min-height: 70px; } .news.news-subpage .single-news .news-content { bottom: 100px; } .top-bar span.rezerwuj-online-header, .top-bar span.rezerwacje-grupowe{ margin:0; width:33%; float:left; text-align:center; display:block; } .top-bar span.rezerwacje-grupowe a{ display:block; } .menu-extra{ width:33%; } .sticky .top-bar{ display:none !important; } #site-navigation>.container .navbar-header{ padding-top:10px; } } @media (max-width:640px){ .top-bar span.rezerwuj-online-header, .top-bar span.rezerwacje-grupowe, .menu-extra{ width:100%; margin:5px 0; } .offer h3, .news h3 { padding:0 40px; margin: 0px 20px 20px; position: relative; } .lion:after{ position:absolute; top:0; right:0; } .lion:before{ position:absolute; top:0; left:0; } .single-news{ width:100%; margin-bottom:20px; } .single-news .news-content { height: 130px; } h1 { font-size: 100px; line-height:40px; } h1 span { font-size: 34px; } .mainContent .container { padding: 80px 50px; } .mainContent .container h2 { font-size: 50px; line-height: 40px; } .mainContent .container h2 span { line-height:34px; font-size: 34px; } .slogan{ min-width:300px; } .room .room-content { padding: 30px; } .gallery-category{ width:50%; } .videoContainer video { /* min-width: 100%; */ min-height: 100%; width: auto; height: auto; transform: translateX(-30%); } .content>.col-sm-12{ padding-left:0; padding-right:0; } thead .column-1{ max-width:100%; } .cta-container { padding: 15px; } .cta-container h3 { font-size: 20px; } .cta-container h3 i { font-size: 24px; } .news.news-subpage .single-news{ width:50%; } } @media (max-width:580px){ .aktualnosc-box { height: auto; overflow: hidden; margin-bottom: 20px; } .aktualnosc-box .aktualnosc-image { width: 100%; height: 150px; } .aktualnosc-box .aktualnosc-content { width: 100%; max-width: 100%; transform:none !important; position:static; } h2.lion-spec { font-size: 34px; } } @media (max-width:540px){ .elementor-element-7fa6fad{ margin-top:40px; } .offer .offer-body{ width:100%; } .room{ width:100%; padding:10px 0; } .gallery-item{ width:33% !important; float:left; } .gallery br{ display:none; } .elementor-widget-image-box { width:100%; float:left; } .content .single-content h2.historia { font-size: 28px; } .content .single-content div.historia .tablepress tbody tr td h2 { font-size: 28px; } .content .single-content div.historia .tablepress tbody tr td:first-child { padding-right: 20px !important; } .content .single-content div.historia .tablepress tbody tr td:last-child { padding-left: 20px !important; } .tm_timeline__event-even, .tm_timeline__event-odd{ transform: translateX(0%) !important; max-width:100% !Important; } .tm_timeline__event-odd .tm_timeline__event__title, .tm_timeline__event-odd .tm_timeline__event__description { padding-right: 0px; padding-left:20px; } .tm_timeline__event-even .tm_timeline__event__title, .tm_timeline__event-even .tm_timeline__event__description { padding-left: 20px; } .tm_timeline-layout-vertical-chessOrder .tm_timeline__event-even { text-align: left; } .tm_timeline-layout-vertical-chessOrder .tm_timeline__tense { margin-left: 40px; } .tablepress td { border: none !important; width: 100%; display: block; margin: 0 auto !important; padding: 10px 0 !important; max-width: 100%; } .column-1{ padding:10px !important; } thead .column-1 { width: 100%; } thead .column-2, thead .column-3{ display:none; } } @media (max-width:480px){ .top-bar{ text-align:center; font-size:15px; } .menu-extra{ float:none; margin-top: 5px; } .news.news-subpage .single-news{ width:100%; } h2.lion-spec { font-size: 28px; } } @media (max-width:440px){ .offer .offer-body{ width:100%; } .mainContent .container { padding: 50px 0; } h1 { font-size: 64px; line-height: 34px; max-width: 90%; } h1 span { font-size: 26px; } .offer { padding: 50px 0 0; } .offer h3, .news h3 { font-size: 30px; padding: 0 30px; } .offer-box { margin-top: 50px; } .single-news .news-content h4 { font-size: 20px; } .single-news .news-content { height: 120px; padding: 20px 10px; font-size: 14px; } .newsletter h3 { font-size: 30px; } .mainContent .container h2 span { line-height: 26px; font-size: 26px; } .mainContent .container h2 { font-size: 32px; line-height: 34px; } .offer .offer-body .offer-content p{ margin-top:5px; } .single-news{ padding:0; } .elementor-element-a432e8f, .elementor-element-e247653, .elementor-element-83c612e{ width:100% !important; float:none; } .page-id-249 .tablepress, .page-id-249 .tablepress tr, .page-id-249 .tablepress th, .page-id-249 .tablepress td, .page-id-249 .tablepress thead, .page-id-249 .tablepress tbody{ width: 100%; max-width:100%; display: block; margin:0; } .page-id-249 .tablepress th.column-2, .page-id-249 .tablepress th.column-3{ display:none; } .gallery-category{ width:100%; padding:4px 0; } span.wpcf7-list-item{ margin:0; } .single-image{ padding:0; } .gallery-item{ width:50% !important; } .aktualnosc-content h3 { font-size: 22px; } .aktualnosc-box .aktualnosc-content { padding: 20px; } .gallery-category img{ width:100%; } input[type="email"]{ font-size:12px; } .lion:after { right: -10px; } .lion:before { left: -10px; } .elementor-element-2702470 h3 a{ padding-top:120px; } .elementor-1302 .elementor-element.elementor-element-eb35b02 > .elementor-widget-container { padding: 30px 30px 0px 30px; } #outerImageContainer{ max-width:100%; } .videoContainer video { transform: translateX(-50%); } .single-news .news-content { min-height: 95px; height: auto; } } @media (max-width:340px){ .content .single-content div.historia .tablepress tbody tr td:first-child { padding: 5px !important; } .content .single-content div.historia .tablepress tbody tr td:last-child { padding: 5px !important; } .tm_timeline-layout-vertical-chessOrder .tm_timeline__tense { margin-left: 20px; } .tm_timeline__event-even .tm_timeline__event__title, .tm_timeline__event-even .tm_timeline__event__description, .tm_timeline__event-odd .tm_timeline__event__title, .tm_timeline__event-odd .tm_timeline__event__description { padding-left: 10px; } } body.wcag_contrast{ background:@black; li.menu-item:hover .dropdown-menu, li.menu-item:focus .dropdown-menu, .top-bar, .castle, .mainContent, .offer-content, button.bordo, .news, .news-content, .news-button, .newsletter .wpcf7-acceptance > span, .newsletter input[type="submit"], header, .breadcrumb, .tablepress .even td, .room .room-button button, .newsletter .wpcf7-acceptance > span, .tnp-field-privacy label{ background:@black !important; } .castle{ box-shadow:none !important; } button.transparent-white, .offer-content > div, .news-content, .news-button, .news-button button, .newsletter .wpcf7-acceptance > span, .newsletter input[type="submit"], .rezerwacja-fluid, .tablepress, .aktualnosc-box, ul.side-menu li, .elementor-1302 .elementor-element.elementor-element-eb35b02 > .elementor-widget-container, .elementor-1302 .elementor-element.elementor-element-9ab84a9 > .elementor-widget-container, .room .room-button button, .room .mask, .newsletter .wpcf7-acceptance > span, .tnp-field-privacy label{ border:1px solid @yellow; } .hvr-curl-top-right:before{ display:none !Important; } .hvr-ripple-out:before{ border:6px solid @black; } .tablepress tfoot th, .tablepress thead th{ border-top:1px solid @yellow; border-bottom:1px solid @yellow; } li.menu-item.dropdown:hover>a:not(.logo), li.menu-item.dropdown:focus>a:not(.logo){ border-bottom:3px solid @yellow !important; } .dropdown-menu a:hover, .dropdown-menu a:focus{ background:@black !important; } .elementor-1302 .elementor-element.elementor-element-e86e017 .elementor-divider-separator { border-top-color:@yellow; } *{ color:@yellow !important; } input[type="email"]{ color:black !important; } input[type="email"]:focus{ color:@yellow !important; } a:hover, a:focus{ background:black !important; text-decoration:underline !important; color:@yellow !important; } .wcag_button_contrast{ background:white; color:@black !important; } #site-navigation.sticky, body:not(.home) #site-navigation{ background:@black; } .lion:before, .lion:after, .lion-spec:before{ display:none; } .tablepress .odd td, .tablepress tfoot th, .tablepress thead th, .elementor-1302 .elementor-element.elementor-element-eb35b02 > .elementor-widget-container, .elementor-1302 .elementor-element.elementor-element-9ab84a9 > .elementor-widget-container, .cta-container, .rezerwacja-fluid, .transparent-white, .offer, .newsletter, ul.side-menu li, ul.side-menu li.active a, ul.side-menu li:hover a, ul.side-menu li:focus a, .aktualnosc-box, ul.submenu, .room-content, .room-button, .menu-restauracji, .box-imprezy { background:black !important; } .menu-restauracji img{ display:none; } .content .single-content h3{ color:@yellow !important; } .menu-restauracji > div { border: 1px solid @yellow; } .submenu li{ border:none !important; } .submenu li a{ color:@yellow !important; } hr{ background:@yellow; } .gallery-category .mask{ background:rgba(0,0,0,0.2) !important; } input:focus{ background:grey; color:black; } *:focus, a:hover, button:hover, input:hover{ text-decoration:underline !important; } a:focus button, li.menu-item.dropdown li:hover a:not(.logo){ background:black !important; } a:focus .cta-container{ background:@yellow !important; } a:focus .cta-container h3, a:focus .cta-container h3 i{ color:@black !important; } h2.table-header { border-top: 1px solid @yellow; border-bottom: 1px solid @yellow; } .dropdown-menu .active a{ background:@yellow; color:black !important; } li.menu-item.dropdown li:hover a:not(.logo){ text-decoration:underline !important; color:black !important; background:@yellow !important; } ul.bordo-dots li:before { color: @yellow; } .offer-content { bottom: 120px; } .news-content { bottom: 100px; height:auto; } .tm_timeline__tense{ background:@yellow !important; } .castle img{ display:none; } } body.wcag_size{ font-size:18px; .menu-extra > a img { width: 30px; } .single-news .news-content h4{ font-size:28px; } .newsletter h3 { font-size: 40px; } .cta-container h3 { font-size: 34px; } footer h4, ul.side-menu li, .rezerwacja-fluid{ font-size: 22px; } footer a img { width: 35px; height: 35px; } .wcag_button_contrast { margin-top: 2px; width: 27px; height: 28px; } .wcag_button_size{ font-size:20px; margin-bottom:-2px; box-shadow:inset 1px 1px 2px black; } .navbar-default .navbar-nav > li > a:not(.logo), .mainContent .container p, #cookie-law-info-bar, div.breadcrumb, div.breadcrumb a, button.transparent-white, .dropdown-menu, .box-imprezy button a, .tm_timeline__event__description p, .elementor-widget-image-box .elementor-image-box-title a, .tablepress td, .tablepress th{ font-size:18px !important; } .offer .offer-body .offer-content p, .single-news .news-button button, .newsletter .wpcf7-acceptance > span > label > span, .newsletter input[type="submit"], footer p, footer a, .offer button, .newsletter .wpcf7-acceptance > span > label > span, .tnp-field-privacy label a{ font-size:14px; line-height: 19px; } .list-icons p{ height:80px; } .list-icons img{ padding-bottom:20px; } .elementor-element-2702470 h3 a { padding-top: 110px; } } @media (min-width:768px){ .bs_half{ width: 49%; display: inline-block; vertical-align: top; padding-right: 10px; } .top-bar .col-sm-12{ display: flex; justify-content: space-between; } } #callBackContentHolder{ display: none; } #menu-item-3223 > a:nth-child(1), #menu-item-3264 > a:nth-child(1){ display: none!important } .page-id-3058 .single-content div { overflow: initial!important; } @media (min-width: 541px) { .page-id-1302 .column-1, .page-id-3058 .column-1{ padding-left: 0px!important; } .page-id-1302 .column-3, .page-id-3058 .column-3, .page-id-1302 .column-2, .page-id-3058 .column-2 { width: 25%; } .page-id-1302 .column-1, .page-id-3058 .column-1 { width: 50%; } }