@charset "UTF-8";

body {
font-family: "Maven Pro", sans-serif;
}
li {
text-decoration: none !important;
list-style: none !important;
}
.button, .newsearch {
background-color: #de3b3b !important; color: #ffffff !important; border: none !important;
padding: 12px 40px !important; font-weight: bold !important;
font-size: 16px !important;
border-radius: 10px !important; cursor: pointer !important;
transition: background-color 0.3s ease !important;
text-align: center !important;
display: inline-block !important;
white-space: nowrap !important;
}
.button:hover {
background-color: #131313 !important; }
.circled {
position: relative;
white-space: nowrap;
}
.circled::before {
content: "";
position: absolute;
width: 110%;
height: 120%;
background-image: url(//www.apartmany-relax.sk/wp-content/themes/apartmanyrelax/images/cerveny_kruh.png);
-webkit-transform: translate(-5%, -10%);
transform: translate(-5%, -10%);
background-size: 100% 100%;
}
.circled-h1 {
font-size: 55px !important;
}
.underlined {
color: #333333; text-decoration: underline !important; text-decoration-color: #de3b3b !important; }
.colored {
background-color: #de3b3b;
color: #ffffff;
padding: 5px 15px;
}
.navbar {
position: fixed !important;
top: 0;
max-width: 100%;
width: 100% !important;
height: 85px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #fff !important;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
padding: 0 !important;
margin: 0;
transition: all 0.3s ease;
box-sizing: border-box;
z-index: 1003 !important;
overflow: visible;
}
.navbar.scrolled {
height: 70px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-container {
min-width: 100% !important;
}
.menu {
margin-bottom: 0;
}
.logo > a > img {
margin-top: 5px;
height: 40px !important;
width: auto;
transition: height 0.3s ease, transform 0.3s ease;
}
.navbar.scrolled .logo > a > img {
height: 35px !important;
transform: scale(0.9);
}
.navbar-menu {
display: flex;
justify-content: flex-end;
z-index: 1002 !important;
}
.navbar-menu ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.navbar-menu ul li {
margin-left: 30px;
position: relative;
}
.navbar-menu ul li a {
color: #29354E !important;
text-decoration: none;
font-size: 18px;
font-weight: 500;
padding: 10px;
transition: color 0.3s;
}
.navbar-menu ul li a:hover {
color: #de3b3b !important;
} .current-menu-item > a,
.current-menu-ancestor > a {
position: relative;
white-space: nowrap;
color: #29354E;
}
.current-menu-item > a::after,
.current-menu-ancestor > a::after {
content: "";
width: 100%;
height: 100%;
pointer-events: none;
position: absolute;
top: 50% !important;
left: 0;
background-image: url(//www.apartmany-relax.sk/wp-content/themes/srcsl/assets/svg/underlined.svg);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: translate(-10px, 35%);
transform: translate(0px, 35%);
color: #29354E;
} .navbar-menu ul li:not(.current-menu-item):not(.current-menu-ancestor) a::after {
content: none !important;
}
.navbar-menu ul .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
min-width: 90px;
padding: 10px 0;
border-radius: 5px;
z-index: 1001 !important;
}
.navbar-menu ul .sub-menu li {
margin: 0;
width: 100%;
}
.navbar-menu ul .sub-menu li a {
display: block;
padding: 10px 20px;
color: #29354E !important;
font-size: 16px;
}
.navbar-menu ul .sub-menu li a:hover {
color: #de3b3b !important;
} .current-menu-ancestor .sub-menu li a {
color: #29354E !important; }
.navbar-toggler {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 30px;
height: 22px;
cursor: pointer;
z-index: 1005 !important;
position: relative;
border: none !important;
}
.navbar-menu ul li:hover > .sub-menu {
display: block;
}
.navbar-toggler {
display: none;
}
#menu-item-65 {
padding: 0 !important;
margin: 0 !important;
}
@media screen and (max-width: 1345px) {
.navbar {
justify-content: space-between;
height: 70px;
}
.navbar.scrolled {
height: 70px;
}
.logo {
position: fixed;
top: 12px;
left: 50%;
transform: translateX(-50%);
z-index: 1003;
max-width: 100%;
}
.navbar-toggler {
display: flex;
position: fixed;
top: 22px;
left: 20px;
z-index: 1002;
color: #29354E;
border: none !important;
}
.navbar-menu {
position: fixed;
top: 0;
right: -100%;
width: 100% !important;
height: 100vh;
background-color: rgba(255, 255, 255, 0.8);
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: right 0.3s ease;
z-index: 1001;
}
.navbar-menu.active {
right: 0;
}
.navbar-menu ul {
flex-direction: column;
text-align: center;
}
.navbar-menu ul li {
margin: 15px 0;
}
#menu-primary-menu {
padding-left: 0;
}
}
@media screen and (max-width: 991px) {
.navbar-menu ul .sub-menu {
max-height: 50vh;
overflow-y: auto;
}
}
@media screen and (max-width: 991px) and (orientation: landscape) {
.navbar-menu {
overflow-y: auto;
max-height: 100vh;
-webkit-overflow-scrolling: touch;
padding-top: 300px; box-sizing: border-box;
}
}
body {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif !important;
background-color: #ffffff !important;
color: #131313 !important;
}
html, body {
height: 100%;
}
.icon-image {
margin-bottom: 0 !important;
}
.img-with-border > img {
border-radius: 20px;
}
.content-container {
margin-top: 85px !important;
}
.custom-col {
flex: 0 0 11.1111% !important;
max-width: 11.1111% !important;
text-align: center;
}
.mphb_sc_search-form label + br {
display: none;
}
.nextend-autoplay-image {
display: none !important;
}
@media screen and (max-width: 767px) {
.custom-col {
flex: 0 0 33.3333% !important;
max-width: 33.3333% !important;
}
.mphb_sc_search-wrapper {
display: none;
}
.mphb_sc_search-form p {
margin: 0 !important;
padding: 0 !important;
}
.mphb_sc_search-form input,
.mphb_sc_search-form select {
margin: 0 !important;
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.mphb_sc_search-submit-button-wrapper {
margin: 0 !important;
padding: 0 !important;
}
.mphb_sc_search-form label {
margin: 0 0 0.3rem 13px !important;
}
}
.mphb-to-book-btn-wrapper {
text-align: center;
}
.mphb-attribute-title {
font-weight: 600 !important;
}
.mphb_sc_search_results-info,
.mphb-recommendation-title,
.mphb-recommendation-total > span {
text-align: center;
}
form.mphb-recommendation .mphb-recommendation-total,
form.mphb-recommendation .mphb-recommendation-reserve-button {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center;
float: none !important;
}
.mphb-recommendation-item-guests {
margin-bottom: 20px;
}
.mphb-recommendation-item-link {
text-transform: uppercase;
font-weight: 600;
color: #131313;
}
.mphb-recommendation-item-link:hover {
color: #de3b3b;
}
.mphb-recommendation-total {
background-color: #de3b3b;
padding: 12px 37px;
color: #fff;
text-decoration: underline;
}
form.mphb-recommendation .mphb-recommendation-total {
max-width: 300px !important; width: 100% !important;
padding: 1rem !important;
box-sizing: border-box;
}
.mphb-empty-cart-message {
text-align: center;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 25px;
margin-bottom: 0 !important;
margin-top: 35px;
font-weight: 600;
}
.mphb-reservation-details {
width: 100%;
}
.mphb-empty-cart {
margin-bottom: 10px !important;
}
.mphb-room-type-images {
max-width: 60% !important;
margin: 0 auto !important;
}
.flex-prev,
.flex-next {
background-color: #fff !important;
border-radius: 50%;
font-size: 10px !important;
}
.flex-prev:before,
.flex-next::before {
font-size: 30px !important;
}
.mphb-room-type-title {
text-align: center;
color: #131313;
margin-top: 10px;
}
.mphb-room-type-title:hover {
color: #de3b3b;
}
.mphb-room-type-details-title,
.mphb-loop-room-type-attributes,
.mphb-regular-price {
text-align: left;
max-width: 60%;
margin: 0 auto;
}
.mphb-regular-price,
.mphb-view-details-button-wrapper {
margin-left: 287px !important;
}
.mphb-view-details-button {
padding: 0;
color: #131313;
}
.mphb-view-details-button:hover {
background-color: transparent;
color: #de3b3b;
}
.mphb-attribute-value > span > a {
color: #131313;
text-decoration: none;
pointer-events: none;
cursor: default;
}
.mphb-reserve-room-section {
text-align: center;
}
.mphb-loop-room-type-attributes > li {
margin-bottom: 10px;
font-size: 18px;
}
.mphb-regular-price {
margin-bottom: 10px;
font-size: 25px;
}
@media screen and (max-width: 767px) {
.mphb_sc_search-wrapper {
top: 85px !important;
}
.mphb-room-type-images {
width: 100% !important;
min-width: 100%;
margin: 0 auto !important;
}
.mphb-regular-price,
.mphb-view-details-button-wrapper {
margin-left: 0 !important;
}
.mphb-recommendation-details-list {
padding-left: 0 !important;
margin-top: 20px;
}
.mphb-room-type-title {
text-align: left;
}
.mphb-room-type-details-title,
.mphb-loop-room-type-attributes {
text-align: left;
max-width: 100% !important;
margin: 0 auto;
}
.mphb-regular-price,
.mphb-view-details-button-wrapper {
text-align: center;
margin: 0 auto;
max-width: 100% !important;
}
.mphb-view-details-button-wrapper {
margin: 15px 0;
}
.mphb-view-details-button {
text-align: center;
}
}
#mphb-flexslider-gallery-2,
#mphb-flexslider-gallery-4 {
display: none !important;
}
.footer {
background-color: #de3b3b !important;
color: white;
padding: 60px;
text-align: center;
font-family: "Montserrat", sans-serif;
margin-top: 150px !important;
}
#colophon {
background-color: #de3b3b;
padding: 5px 0 !important;
}
.footer-container h2 {
font-size: 2.5rem;
font-weight: 700;
color: #fff;
}
.footer-container p {
max-width: 800px;
margin: 0 auto 30px;
line-height: 1.6;
font-weight: 300;
color: #fff;
}
.footer-copy {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px 20px; font-size: 14px;
opacity: 0.9;
text-align: center;
margin-top: 40px 0;
line-height: 3;
color: #fff;
}
.footer-copy a {
color: white;
text-decoration: underline;
}
.footer-icons a i {
display: inline-block;
transition: transform 0.3s ease, color 0.3s ease;
}
.footer-icons a:hover i {
transform: scale(1.3);
color: #de3b3b;
}
.button-footer {
text-decoration: none !important;
background-color: #fff !important;
color: #de3b3b !important;
}
.button-footer:hover {
color: #fff !important;
}
.a-footer {
color: #fff;
font-weight: 600;
text-decoration: none;
}
.a-footer:hover {
color: #fff;
}  div[id^=b24_widget_] {
width: 100% !important;
max-width: 100% !important;
display: block !important;
margin: 0 auto !important;
} div[id^=b24_widget_] *,
div[id^=b24_widget_] *::before,
div[id^=b24_widget_] *::after {
box-sizing: border-box !important;
} div[id^=b24_widget_] table {
width: 100% !important;
max-width: 100% !important;
border-collapse: separate !important;
border-spacing: 18px 0 !important; }
div[id^=b24_widget_] tr {
display: flex !important;
gap: 18px !important;
align-items: flex-end !important;
width: 100% !important;
}
div[id^=b24_widget_] td {
flex: 1 1 0 !important;
width: auto !important;
padding: 0 !important;
border: 0 !important;
vertical-align: bottom !important;
} div[id^=b24_widget_] input,
div[id^=b24_widget_] select,
input[name=checkin],
input[name=checkout],
select[name=numadult] {
width: 100% !important;
height: 64px !important;
border: 1px solid #e3e3e3 !important;
border-radius: 16px !important;
padding: 0 18px !important;
font-size: 18px !important;
background: #fff !important;
box-shadow: none !important;
outline: none !important;
} div[id^=b24_widget_] button,
div[id^=b24_widget_] input[type=submit] { width: 100% !important;
height: 64px !important;
border-radius: 16px !important;
border: 0 !important;
font-size: 20px !important;
font-weight: 700 !important;
cursor: pointer !important;
} @media (min-width: 901px) {
div[id^=b24_widget_] td:last-child {
flex: 0 0 280px !important;
}
} @media (max-width: 900px) {
div[id^=b24_widget_] table {
border-spacing: 0 12px !important;
}
div[id^=b24_widget_] tr {
flex-direction: column !important;
gap: 12px !important;
}
div[id^=b24_widget_] td:last-child {
flex: 1 1 auto !important;
width: 100% !important;
}
} div[id^=b24_widget_] {
width: 100% !important;
max-width: 100% !important;
}
div[id^=b24_widget_] form,
div[id^=b24_widget_] table {
width: 100% !important;
max-width: 100% !important;
} .b24-strip-ui {
width: 100%;
} .b24-strip-labels {
display: grid;
grid-template-columns: 1fr 1fr 1fr 160px; gap: 14px;
margin: 0 0 8px 0;
align-items: end;
}
.b24-strip-labels span {
font-size: 13px;
font-weight: 600;
color: rgba(0, 0, 0, 0.75);
letter-spacing: 0.2px;
}
.b24-strip-labels__ghost {
visibility: hidden; } @media (max-width: 768px) {
.b24-strip-labels {
grid-template-columns: 1fr;
gap: 6px;
margin-bottom: 10px;
}
.b24-strip-labels__ghost {
display: none;
}
}
.datenotavail {
text-decoration: line-through;
}
.book-container .book-row .book-col-12 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.book-widget-bg {
padding: 0 !important;
}
.row {
margin-left: 0 !important;
margin-right: 0 !important;
}