/*!
Theme Name:   Pustelnia Szymonka
Theme URI:    http://grajda.com/
Description:  Pustelnia Szymonka theme.
Text Domain:  psth
!*/
 @charset "UTF-8";
/*
    font-family: 'DM Sans', Calibri, Arial, Helvetica, sans-serif;
    pink: #f5005e
    violet: #c100f5
    green: #97f500
    yellow: #f5df00
    blue: #009df6
*/

html { background: #ffffff;}
html, body { margin:0; padding:0; }
body { font: 18px/1.65 'DM Sans', Calibri, Arial, Helvetica, sans-serif; color:#000; font-weight:300; position:relative;}

img {border:none; float:left;}
div {margin:0; padding:0; }

a {color:#000000; text-decoration:underline; transition:all 300ms;}
a:hover {color:#000000;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'DM Sans', Arial, Helvetica, sans-serif; line-height:1.25;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {color:#000; font-size:2.25em; margin:0em 0 1em 0; font-weight:600;}
h2 {color:#000; font-size:1.8em; margin:0; padding:1.5em 0 0.75em 0; font-weight:500;}
h3 {color:#000; font-size:1.35em; margin-bottom:0.5em; font-weight:500;}
h4 {color:#000; font-size:1.25em; margin:0; padding:1em 0; font-weight:500;}
h5 {color:#000; font-size:1.45em; font-weight:500;}
h6 {color:#000; font-size:1.15em; font-weight:500;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {height:0.8em; width:auto; float:none; display:inline-block;}
h2.thin, h3.thin, h4.thin, h5.thin {font-weight:300;}
strong, b {font-weight:700 !important;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}

section {clear:both;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}
.blank {content:""; display:block;}
.desktop {}
.mobile {display: none !important;}
.posrelative {position:relative;}

.white-bg {background:#fff;}

.wrap {width:1400px; margin:0 auto; box-sizing:border-box; padding-left:15px !important; padding-right:15px !important;}
.wrapper {width:90%; margin:0 auto;}
.wrap-inside {width:85%; margin:0 auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.visible {overflow:visible !important; position:relative;}
.pre-visible {position:relative; z-index:1;}
.thin-container {width:70%;}

.entry-content ul {padding:0; margin-top:-0.5em; margin-bottom:1em; margin-left:0; margin-right:0; list-style-type:none;}
.entry-content ul li {padding-left:1em; position:relative;}
.entry-content ul li:before {position:absolute; top:0; left:0; display:block; content:'●'; color:#e5760f;}


.mt-5 {margin-top:-8em;}
.mt-5-pop {margin-top:-5em;}
.move-upper {margin-top:-9em;}

.fc {display:flex; flex-flow:row wrap;margin-left:-2em; margin-right:-2em; margin-top:-2em; margin-bottom:-2em;}
.fi1 {margin:2em; flex: 0 1 calc(100% - 4em); min-width: 0px;}
.fi2 {margin:2em; flex: 0 1 calc(50% - 4em); min-width: 0px;}
.fi3 {margin:2em; flex: 0 1 calc(33.3% - 4em);}
.fi4 {margin:2em; flex: 0 1 calc(25% - 4em);}
.fi5 {margin:2em; flex: 0 1 calc(20% - 4em);}

.ls, .ls2, .ls3, .ls4 {opacity:0; left:-100px; position:relative;}
.rs, .rs2, .rs3, .rs4 {opacity:0; right:-100px; position:relative;}
.ts, .ts2, .ts3, .ts4 {opacity:0; top:-100px; position:relative;}

.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

a.underlined {text-decoration:none; position:relative; display:inline-block;}
a.underlined:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#000000; transition:all 350ms;}
a.underlined:hover:before {width:100%;}

figure {margin:0; padding:0; display:block;}

.rel-5 {position:relative; z-index:5;}
.elem-overflow {overflow:hidden;}


/*header*/
header#hp {position:relative; z-index:10;}
header#hp .wrapper {position:relative;}

header .logo {width:4%; position:absolute; padding-top:1em; z-index:1;}

.navigation-container {float:none; padding-left:5%; box-sizing:border-box; width:100%;}
nav.navigation {padding:2em 0 2em 1.5em; float:left;}
.navigation ul {list-style-type:none; padding:0; margin:0;}
.navigation ul li {display:inline-block; padding:0.15em 1.25em;}
.navigation ul li:first-child {padding-left:0;}
.navigation ul li > a:before {position:absolute; bottom:1px; left:0; display:block; content:''; background:#000000; width:0; height:1px; transition:all 350ms ease-out;}
.navigation ul li > a:hover:before {width:100%;}
.navigation ul li.menu-item-has-children {}
.navigation ul li.menu-item-has-children > a {position:relative; z-index:100; padding-right:1.65em; padding-bottom:2em;}
.navigation ul li.menu-item-has-children > a:after {position:absolute; top:0.6em; right:0; content:''; display:block; background:url("images/arrow-down-white.svg") center center no-repeat; width:1.1em; height:0.5em; transition:all 500ms;}
.navigation ul li.menu-item-has-children > a:before {bottom:calc(2em - 1px);}
.navigation ul li.menu-item-has-children a:hover:after {}
.navigation a {text-decoration:none; padding:0.15em 0; position:relative; z-index:1; color:#000; text-transform:uppercase; letter-spacing:0.08em;}
.navigation a:hover {color:#000;}
.navigation > ul > li > a {}

nav.featured {float:right;}
nav.featured ul {list-style-type:none; padding:0; margin:0;}
nav.featured ul li {display:inline-block; padding:1.5em 1.5em;}
nav.featured ul li > a {color:#fff; background:#000; border:1px solid #000; padding:0.65em 2em; text-decoration:none; display:block; box-sizing:border-box; }
nav.featured ul li > a:hover {color:#000; background:#f8f8f8; border-color:#000;}

.lang {padding:2em 1.5em 2em 0.5em; float:right; color:#000;}
.lang ul {list-style-type:none; padding:0; margin:0;}
.lang ul li {display:inline-block; padding:0.15em 0.75em 0.15em 0.25em; position:relative;}
.lang ul li:after {display:inline-block; content:'/'; position:absolute; right:0;}
.lang ul li:last-child:after {display:none;}
.lang ul li a {text-decoration:none; text-transform:uppercase; letter-spacing:0.08em; color:#000; display:inline-block; position:relative;}
.lang ul li a:before {position:absolute; bottom:1px; left:0; display:block; content:''; background:#000000; width:0; height:1px; transition:all 350ms ease-out;}
.lang ul li a:hover {}
.lang ul li a:hover:before {width:100%;}

.navigation .submenu-container {position:absolute; left:0; top:4.75em; width:100%; background:#fff; z-index:5; display:none; transition:all 500ms; text-align:left;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);}
.navigation ul li.menu-item-has-children:hover .submenu-container {display:block; animation: fade-in 0.5s normal forwards;}
.navigation ul li.menu-item-has-children:hover > a:before {width:100%;}
.navigation ul li.menu-item-has-children:hover > a:hover:before {}
@-webkit-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
.navigation ul li ul {padding:0 0 0.65em 0;}
.navigation ul ul li {display:block; float:none; font-size:0.95em; padding:0.25em 0; margin:0.25em 0;}
.navigation ul ul a {font-weight:500; padding:0.15em 0 !important; color:#000; background:linear-gradient(#ffd117,#ffd117) bottom left no-repeat; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
.navigation ul ul a:hover {background-size:100% 1px; color:#000;}
.navigation ul ul a:before {display:none;}
.navigation ul ul a:hover:before {}
.navigation ul li.menu-item-has-children li:not(.menu-item-has-children) a {padding-right:0;}

header#hp.full-template {position:absolute; width:100%; z-index:10;}
header#hp.full-template.white {}
header#hp.full-template.white .navigation a, header#hp.full-template.white .lang a {color:#fff;}
header#hp.full-template.white .navigation ul li > a:before, header#hp.full-template.white .lang ul li > a:before {background:#fff;}
header#hp.full-template.white nav.featured ul li > a {color:#000; background:#fff; border-color:#fff;}
header#hp.full-template.white nav.featured ul li > a:hover {color:#fff; background:none; border-color:#fff;}
header#hp.full-template.white .lang {color:#fff;}

.mobile-menu {float:right; margin:2em 0; position:relative; z-index:1000; display:none; margin:2.25em 0 0.5em 1.5em;}
.menu-toggle {cursor:pointer; width:1.6em; height:1.2em; float:left; /*margin-top:7px; margin-right:8px;*/ transition:all 350ms; padding:0;}
.menu-toggle.open {/*margin-top:2px;*/}
	.menu-toggle span{background:#000; display:block; width:1.6em; height:3px; margin-bottom:4px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; border-radius:3px;}
    .menu-toggle.opened span {background:#000;}
    .menu-toggle.opened span:nth-child(1), .menu-toggle.opened span:nth-child(3) {transform:translate(0, 0.5em) rotate(-45deg) scalex(1.1); margin:0;}
	.menu-toggle.opened span:nth-child(2) {height:0; margin:0;}
	.menu-toggle.opened span:nth-child(3) {transform: translate(0px, 0.35em) rotate(45deg) scalex(1.1); width:1.6em;}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block;}
header#hp.white .menu-toggle span {background:#fff;}

.mobile-navigation {display:none;}
/*end_of header*/

/*Buttony*/
.button {display:inline-block; position:relative; padding:0.5em 1.5em; font-weight:500; text-decoration:none; line-height:1.25; cursor:pointer; background:#ffd117; border:1px solid #ffd117; color:#000; transition:all 350ms;}
.button:hover {color:#fff; background:#000; border-color:#000;}

/*end_of Buttony*/

/*form*/
form input, form textarea, form button {font-size:1em; font-family:'DM Sans', Calibri, Arial, Helvetica, sans-serif; width:100%; padding:1em 0; font-weight:300; background:none; border:none; border-bottom:1px solid #000; box-sizing:border-box; color:#000;}
form input[type="submit"], form button, form input[type="radio"], form input[type="checkbox"] {width:auto;}
form input[type="submit"], form button[type="submit"] {font-family:'DM Sans', Calibri, Arial, Helvetica, sans-serif; background:#000; border-radius:0; color:#fff; padding:0.9em 2em; border:1px solid #000; transition:all 350ms; text-transform:uppercase; letter-spacing:normal; cursor:pointer; font-size:1em; float:none; margin:0 auto; font-weight:700; font-family: 'UniSansHeavyCAPS', Arial, Helvetica, sans-serif;}
form input[type="submit"]:hover, form button[type="submit"]:hover {background:#3a5e76; border-color:#3a5e76; color:#fff;}
form input:focus, form textarea:focus {outline:none;}

select[multiple] {width:100%; border:none; font-size:0.9em; font-weight:300; font-family:'DM Sans', Calibri, Arial, Helvetica, sans-serif; padding:0.25em;}
select[multiple] option {padding:0.25em 0.5em;}

.former p {width:100%;}
.former p span {display:block;}
.wpcf7-list-item {margin:0;}
.eael-contact-form-7 .former .acceptance label {display:flex; flex-flow:row wrap; font-size:0.85em;}
.eael-contact-form-7 .former .acceptance label input[type="checkbox"] {flex:0 1 18px;}
.eael-contact-form-7 .former .acceptance label span.wpcf7-list-item-label {flex:0 1 calc(100% - 30px); padding-left:0.5em;}
.eael-contact-form-7 .former .acceptance label a {text-decoration:underline;}

::-webkit-input-placeholder {opacity:0.5;}
::-moz-placeholder {opacity:0.5;}
:-ms-input-placeholder {opacity:0.5;}
:-moz-placeholder {opacity:0.5;}
/*end_of form*/


.slick-dots {display:flex; justify-content:center; bottom:1em; box-sizing:border-box; width:100%;}
.slick-dots li {border:1px solid #000; background:none; width:16px; height:16px; padding:0 !important; border-radius:0; margin:0 10px; transform:scale(0.8); transition:all 350ms;}
.slick-dots li button {width:14px; height:14px;}
.slick-dots li:hover, .slick-dots li:focus, .slick-dots li.slick-active {background:#000; border-width:1px; width:16px; height:16px; transform:scale(1);}
.slick-dots li button:before {font-size:6px; line-height:16px; width:16px; height:16px;}
.slick-dots li:before {display:none !important;}

.slick-prev, .slick-next {bottom:-3em; top:auto; width:3em; height:1em; margin-top:-0.5em;}
.slick-prev {left:0;}
[dir='rtl'] .slick-prev {right:0;}
.slick-prev:before {background:url("images/arrow-right-long-blue.svg") 0 0 no-repeat; width:3em; height:1em; transform:rotate(180deg);}
.slick-next {right:0;}
.slick-next:before {background:url("images/arrow-right-long-blue.svg") 0 0 no-repeat; width:3em; height:1em;}

#page-container {overflow:hidden;}

@-webkit-keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }
@keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }

.web-content {min-height:10em;}

.header-bg-2 {position:relative;}
.header-bg-2:after {position:absolute; top:0; left:0; width:100%; height:100%; display:block; content:'';
    background:linear-gradient(90deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 85%);}
.header-bg-2 .elementor-column {position:relative; z-index:1;}

.elementor-tab-title {border-bottom:1px solid #eaeaea !important;}
.elementor-tab-title.elementor-active a {color:#000 !important;}
.elementor-tabs-wrapper {border-bottom:1px solid #eaeaea;}
.pstabs .elementor-tabs-wrapper .elementor-tab-title {border-bottom:none !important;}
.pstabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active {border-bottom:3px solid #000 !important;}

.side-menu {position:fixed; top:10em; right:0; z-index:10;}
.side-menu .item {display:block; margin-bottom:1px;}
.side-menu .it {display:block; cursor:pointer; padding:1em; position:relative; background:#000; transition:all 350ms; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;}
.side-menu .it:hover {background:#eaeaea; color:#000;}
.side-menu .it .icon {display:block; width:2em; height:2em; margin:0 auto;}
.side-menu .it.tel .icon {display:block; width:1.5em; height:1.5em; margin:0 auto 0.5em auto;}
.side-menu .it .icon svg {}
.side-menu .it .icon svg path {fill:#fff; transition:all 350ms;}
.side-menu .it:hover .icon svg path {fill:#000;}
.side-menu .it .text {display:block; font-size:0.6em;}
.side-menu .reservation {}

.reservation-widget-homepage {}
.reservation-widget-homepage .hotresChooser {background:#fff; max-width:900px;}
.reservation-widget-homepage .intro {padding:1em 2em; font-family:'DM Sans', Calibri, Arial, Helvetica, sans-serif; font-size:14px; text-transform:uppercase; text-align:right;}
.reservation-widget-homepage #hotresAdultsSelect:hover, .reservation-widget-homepage .hotresRangeChooser:hover {background:#eaeaea;}
.reservation-widget-homepage .hotresSubmit button {background:#000 !important; color:#fff; font-size:14px; text-transform:uppercase; font-weight:700; font-family:'DM Sans', Calibri, Arial, Helvetica, sans-serif; cursor:pointer;}
.reservation-widget-homepage .hotresSubmit button:hover {background:#2B4D61 !important;}













/*footer*/
footer {background:#000; color:#fff; font-size:0.9em;}
footer p {padding-bottom:0.4em;}
footer a {text-decoration:none; color:#fff !important;}
footer a:hover {text-decoration:underline;}
footer ul a {text-decoration:none; position:relative; 
    background:linear-gradient(#ffffff,#ffffff) bottom left no-repeat; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
footer ul a:hover {text-decoration:none; background-size:100% 1px;}
/*footer#foot ul a:before {position:absolute; bottom:0; left:0; transition:all 350ms; width:0; height:1px; background:#e5760f; content:'';}
footer#foot ul a:hover:before {width:100%;}*/
footer .line {border-top:1px solid #6a6a6a; padding:2.75em 0;}
footer .line:first-child {}

footer .line-01 ul {list-style-type:none; margin:0; padding:0; text-align:center;}
footer .line-01 ul li {display:inline-block;}
footer .line-01 a {letter-spacing:0.08em; text-transform:uppercase;}
footer .line-01 ul li:after {content:'○'; display:block; margin:0 1em; float:right;}
footer .line-01 ul li:last-child:after {display:none;}

footer .line-menu ul {list-style-type:none; margin:0; padding:0; text-align:center;}
footer .line-menu ul li {display:inline-block; padding:0 1.5em;}
footer .line-menu a {letter-spacing:0.08em; text-transform:uppercase;}

footer .line-cols {text-align:center; padding:0; margin-bottom:-2em;}
footer .line-cols .fc {margin-top:0; margin-bottom:0;}
footer .line-cols .fi2 {padding:7.5em 0; margin-top:0; margin-bottom:0; box-sizing:border-box; /*align-self:center;*/}
footer .line-cols .fi2:first-child {border-right:1px solid #6a6a6a;}
footer .line-cols p {padding-bottom:1em;}
footer .logo {width:7.5em; margin:0 auto;}
footer .logo img {float:none; display:block;}

.copyrights {clear:both; padding-top:3.5em; position:relative; color:#b4b4b4;}
.copyrights ul {list-style-type:none; margin:0; padding:0; text-align:center;}
.copyrights ul li {display:inline-block; padding:0;}
.copyrights ul li:after {content:'/'; display:block; margin:0 1em; float:right;}
.copyrights ul li:last-child:after {display:none;}
.copyrights a {color:#b4b4b4 !important; background:linear-gradient(#b4b4b4,#b4b4b4) bottom left no-repeat; background-size:0% 1px;}
.copyrights a:hover {background-size:100% 1px;}

/*end_of footer*/






































@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media all and (max-width: 2560px) {
}
@media all and (max-width: 1920px) {
    body {font-size:18px;}
}
@media all and (max-width: 1890px) {
    
}
@media all and (max-width: 1680px) {
    body {font-size:16px;}
}
@media all and (max-width: 1440px) {
    body {font-size:15px;}
    .wrap {width:85%;}
    .wrapper {width:92%;}
    
    header .logo {width:5%;}
    .navigation-container {padding-left:7%;}
    .navigation ul li {padding:0.15em 1em;}
    .navigation ul li:first-child {padding-left:0;}
}
@media all and (max-width: 1366px) {
    
}
@media all and (max-width: 1280px) {
    body {font-size:14px;}
    
    nav.featured ul li {padding:1.5em 1em;}
}

@media all and (max-width: 1080px) {
    body {font-size:13px;}
    
    .navigation-container {text-align:right; padding-left:0; padding-right:4em;}
    nav.featured {display:inline-block; float:right;}
    .navigation {display:none; position:absolute; top:5.25em; left:0; width:100%; background:rgba(255,255,255,1); padding:2em; z-index:10; font-size:1.3em; box-sizing:border-box; text-align:center;}
    nav.navigation {padding:2em 2em;}
    .navigation ul li {float:none; display:block; padding:0.5em 1.5em !important;}
    .navigation .submenu-container {position:static; animation:none;}
    .navigation ul li.menu-item-has-children {padding-right:4em; position:relative;}
    .navigation ul li.menu-item-has-children a {background:none; padding:0.15em 0; display:block;}
    .navigation ul li.menu-item-has-children a:after {display:none;}
    .navigation ul li a:before {display:none;}
    header#hp .submenu-container .wrap, header#hp .submenu-container .wrapB {padding:0 2em !important; width:100% !important; border-left:1px solid #eaeaea;}
    .navigation ul li.menu-item-has-children:hover .submenu-container {display:none;}
    header#hp.full-template.white .navigation a {color:#000;}
    .mobile-menu {display:block; margin:2.5em 0 0.5em 1.5em; position:absolute; top:0; right:0;}
    .menu-more {position:absolute; right:4em; top:0.75em; width:1.5em; height:1.5em; content:''; background:url("images/arrow-down-blue.svg") center center no-repeat; background-size:1.5em; z-index:150; transition:all 500ms;}
    .menu-more.opened {transform:rotate(180deg);}
    
    .hide-on-tablet {display:none !important;}
}

@media all and (max-width: 980px) {
}

@media all and (max-width: 768px) {
    header .logo {width:15%;}
    
    .header-bg-2:after {background:linear-gradient(180deg,rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.6) 85%);}
    
    .remove-br br {display:none;}
    .elementor-section.move-right-left-on-mobile .elementor-container {flex-direction:column-reverse;}
    
    .fi3 {flex:0 1 calc(50% - 2em);}
    .fi4 {flex:0 1 calc(50% - 2em);}
    
    footer .line-cols .fi2:first-child {border-right:none;}
    footer .line-cols .fi2:last-child {border-bottom:1px solid #6a6a6a;}
    footer .line-cols .fi2 {margin:0; flex:0 1 100%; width:100%;}
    footer .line-cols .fc {flex-direction:column-reverse;}
    footer .line-cols .wrap {width:100%;}
}

@media (orientation: portrait) {
}

@media only screen and (max-width: 580px) {
    
    .desktop {display:none !important;}
    .mobile {display:block !important;}
    
    #hp .logo {max-width:33%;}
    
    .fi2 {flex:0 1 calc(100% - 2em);}
    .fi2:nth-child(odd) {margin-bottom:0;}
    .fi2:nth-child(even) {margin-bottom:0;}
    .fi5 {flex:0 1 calc(31% - 1em);}
    
    .reservation-widget-homepage .intro {display:none;}
    .reservation-widget-homepage .hotresChooser {min-width:300px; flex-direction:column;}
    .reservation-widget-homepage .hotresRangeChooser {width:100%;}
    .reservation-widget-homepage .hotresSubmit {width:100%;}
    
    footer .line-menu ul li {display:block;}
    footer .line-03.line-cols .fi2:first-child {padding:0 0 4em 0;}
    .copyrights {text-align:center;}
    .copyrights .left {float:none; padding-bottom:0.5em;}
    .copyrights .right {float:none; text-align:center;}
    .copyrights .right ul li {float:none; display:inline-block;}
}



@media all and (device-width: 768px) and (device-height: 1024px) { /*iPad portrait and (orientation:portrait) and (orientation:landscape)*/
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}