:root {
--mya-primary: #C2B384;
--mya-secondary: #9E8F60;
--mya-tertiary: #796A3B;
--mya-light: #F2F2F2;
--mya-dark: #222222;
--mya-text-primary: #2A230B;
--mya-text-secondary: #998E6A;
--mya-text-tertiary: #C6C0AE;
--mya-shadow-dark: #00000078;
}   body {
color: var(--mya-light);
background: #0f0f0f;
} body.page-has-thumbnail .page-header-wrapper:after {
background: linear-gradient(0deg, rgba(34,34,34,0.70) 0%, var(--mya-dark) 100%);
}
.custom-logo {
max-width: 45%;
}  .front-page-header {
background: var(--mya-dark);
}
.front-page-header:after,
.front-page-header .front-page-slider[data-fade="1"] .slide-image:before
{
background: inherit;
}
#header-menu > li:first-child > a:after {
position: initial;
margin: .5rem;
}
#header-menu > li:first-child > a {
display: flex;
align-items: center;
} .entry-content,
.single-room-type-wrapper,
.mphb-total-price {
color: var(--mya-light);
}
.mphb-room-type,
.room-types-navigation,
.mphb-room-type-content-wrapper,
.single-room-type-sidebar,
.mphb_sc_checkout-wrapper,
.datepick-popup {
color: var(--mya-dark);
}
.mya-header {
display: flex;
flex-direction: column;
justify-content: center;
}
.mya-header .mya-title-wrapper {
z-index: 1;
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
}
.mya-header .mya-title-wrapper .mya-title-outlined {
font-family: "Amiri", serif;
font-size: 70px;
font-weight: normal;
-webkit-text-stroke: 1px var(--mya-primary);
-webkit-text-fill-color: transparent;
word-wrap: break-word;
}
.mya-header .mya-title-wrapper .entry-title {
color: var(--mya-light);
text-shadow: 1px 1px 8px var(--mya-shadow-dark);
}
.mya-header,
.mya-header .post-thumbnail {
margin: 0;
max-width: unset;
}
.mya-header .post-thumbnail {
z-index: -1;
position: relative;
}
.mya-header .post-thumbnail img {
display: block;
height: 100vh;
object-fit: cover;
object-position: bottom;
filter: brightness(0.5);
box-shadow: 10px 10px 50px var(--mya-shadow-dark);
}
.mya-header + .single-room-type-wrapper {
z-index: 1;  }
.mya-header + .single-room-type-wrapper .entry-content .room-excerpt {
margin-top: 140px;
}
.mya-header + .single-room-type-wrapper .single-room-type-sidebar {
margin-top: 70px;
display: flex;
flex-direction: column;
} .single-room-type-wrapper .mphb-calendar-title,
.single-room-type-wrapper .mphb-calendar {
display: none !important;
} .site-footer {
background-color: var(--mya-dark);
}
.footer-widgets .widget-title:after {
content: "";
display: block;
width: 25%;
height: 1rem;
border-bottom: 1px dotted var(--mya-primary);
}
.site-footer .wp-block-image img {
max-width: 300px;
} .mphb-regular-price {
color: var(--mya-primary);
}
.mphb-reserve-rooms-details .mphb-room-rate-variant .mphb-price {
color: var(--mya-primary);
}
.mphb-rooms-quantity-wrapper.mphb-rooms-quantity-multiple {
display: none;
}
.mphb-stripe-payment-container .notice {
font-size: 0.6rem;
}
.mphb-regular-price strong {
display: unset;
} .site a,
.site .albatross-button {
color: inherit;
}
.site a:not(.post-edit-link):hover,
.site .albatross-button:hover {
color: var(--mya-primary) !important;
}
.site a:not(.post-edit-link):active,
.site .albatross-button:active {
color: var(--mya-secondary) !important;
}
.site a:not(.post-edit-link):focus,
.site .albatross-button:focus {
color: var(--mya-tertiary) !important;
}
.site-branding .site-title {
font-size: 26px;
}
.site-branding .site-description {
font-weight: initial;
}
.primary-menu-more a,
.header-menu-container a {
font-weight: initial;
}
.primary-menu-more .current_page_item > a,
.primary-menu-more .current-menu-item > a,
.primary-menu-more .current_page_ancestor > a,
.primary-menu-more .current-menu-ancestor > a,
.header-menu-container .current_page_item > a,
.header-menu-container .current-menu-item > a,
.header-menu-container .current_page_ancestor > a,
.header-menu-container .current-menu-ancestor > a {
color: var(--mya-secondary) !important;
} .mya-scroll-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
margin: -100px auto 0;
}
.mya-scroll-button:before {
border: 2px solid #fff;
}
.mya-scroll-button:after {
background: #fff;
}
.mya-scroll-button:before,
.mya-scroll-button:after {
left: 0;
top: 0;
width: 45px;
height: 45px;
content: "";
position: absolute;
transform: rotate(-45deg);
transition: .3s;
}
.mya-scroll-button:hover::after {
background: transparent !important;
}
.scroll-to-content-button svg,
.mya-scroll-button svg {
z-index: 1;
fill: var(--mya-dark) !important;
transition: .3s;
}
.scroll-to-content-button:hover svg,
.mya-scroll-button:hover svg {
fill: var(--mya-light) !important;
}
.site-footer .scroll-to-top-button:hover svg {
fill: var(--mya-dark);
}
.button {
border: 1px dotted var(--mya-primary);
}
.button:hover {
background: var(--mya-secondary);
}
.mphb_sc_room-wrapper .type-mphb_room_type .mphb-view-details-button,
.mphb_sc_search_results-wrapper .type-mphb_room_type .mphb-view-details-button,
.mphb_sc_rooms-wrapper .type-mphb_room_type .mphb-view-details-button {
background: transparent;
color: var(--mya-text-primary);
}
button,
.edit-link .post-edit-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.more-link,
.stratum-advanced-posts.layout-carousel .swiper-container .swiper-slide .stratum-advanced-posts__read-more a
{
background: var(--mya-primary);
font-size: 12px;
padding: 16px 10px;
}
button:hover,
.edit-link .post-edit-link:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.more-link:hover,
.stratum-advanced-posts.layout-carousel .swiper-container .swiper-slide .stratum-advanced-posts__read-more a:hover
{
background: var(--mya-secondary);
}
button:focus,
.edit-link .post-edit-link:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
.more-link:focus,
.stratum-advanced-posts.layout-carousel .swiper-container .swiper-slide .stratum-advanced-posts__read-more a:focus
{
background: var(--mya-tertiary);
}
.mphb_sc_rooms-wrapper.slider .type-mphb_room_type .mphb-to-book-btn-wrapper .mphb-book-button:hover {
color: var(--mya-secondary) !important;
}
.mphb_sc_rooms-wrapper.slider .type-mphb_room_type .mphb-to-book-btn-wrapper .mphb-book-button:focus {
color: var(--mya-tertiary) !important;
}
.mphb-button.mphb-confirm-reservation,
.mphb_sc_checkout-submit-wrapper .button[type=submit] {
width: 100%;
} .mphb-loop-room-type-attributes li::before,
.mphb-single-room-type-attributes li::before {
color: var(--mya-primary) !important;
} .datepick .datepick-cmd-next:hover:not(.datepick-disabled),
.datepick .datepick-cmd-prev:hover:not(.datepick-disabled) {
background: var(--mya-primary);
} .elementor-shortcode .mphb-room-type-content {
border: 1px solid var(--mya-primary);
} .elementor-shortcode .mphb-room-type-images {
box-shadow: 10px 10px 50px var(--mya-shadow-dark) !important;
}
.mphb_sc_rooms-wrapper.horizontal .mphb-room-type-images .flex-viewport * {
object-fit: cover;
} .front-page-header .slide-header,
.front-page-header .description
{
width: 60% !important;
max-width: initial !important;
} .mphb_sc_rooms-wrapper.slider .type-mphb_room_type .mphb-room-type-images {
margin-bottom: 0;
}
.mphb_sc_rooms-wrapper.slider .type-mphb_room_type .mphb-room-type-content-wrapper {
background: #FFF;
padding: 1rem 0.5rem;
} .mphb-stripe-payment-methods .notice {
font-size: 0.75rem !important;
} .widget_mphb_search_availability_widget form,
.mphb_widget_search-form.is-style-horizontal-form {
display: flex;
flex-direction: column;
align-items: baseline;
}
.single-room-type-wrapper .single-room-type-sidebar {
margin: 1rem;
}
.single-room-type-wrapper .room-type-sidebar-block:first-child {
z-index: 2;
position: sticky;
top: 38px;
bottom: 0;
margin-bottom: 0;
}
.single-room-type-wrapper .room-type-sidebar-block:last-child {
margin-top: 20px;
}
.mphb-reserve-room-section {
text-align: center;
}
@media screen and (min-width: 992px)
{
.single-room-type-wrapper .entry-content {
margin: auto 1rem;
max-width: 100%;
}
.mya-header .mya-title-wrapper .mya-title-outlined {
font-size: 160px;
}
.mya-header .mya-title-wrapper .entry-title {
margin-top: -6rem;
}
.mya-header + .single-room-type-wrapper .single-room-type-sidebar {
margin-top: -8px;
position: initial;
bottom: .5rem;
}
.single-room-type-wrapper .room-type-sidebar-block {
margin-top: .5rem;
padding: 20px;
}
.single-room-type-wrapper .single-room-type-sidebar {
max-width: 320px;
}
}
@media screen and (max-width: 992px)
{
.mya-header + .single-room-type-wrapper {
z-index: 1; flex-direction: column-reverse;
}
.mya-header .mya-title-wrapper .mya-title-outlined {
font-size: 120px;
}
.mya-header .mya-title-wrapper .entry-title {
margin-top: -6rem;
}
.mya-header + .single-room-type-wrapper .single-room-type-sidebar {
position: initial;
bottom: 0;
max-width: 776px;
margin: auto;
}
.mya-header + .single-room-type-wrapper {
padding: 0.5rem;
}
.mya-header + .single-room-type-wrapper .entry-content .room-excerpt {
margin-top: 70px;
}
.mya-header + .single-room-type-wrapper .single-room-type-sidebar {
margin-top: -8px;
}
.single-room-type-wrapper .room-type-sidebar-block {
margin-bottom: 20px;
}
.single-room-type-wrapper .room-type-sidebar-block {
margin-top: .5rem;
padding: 20px;
}
.single-room-type-wrapper .room-type-sidebar-block:first-child {
top: .5rem;
position: initial;
}
.site-footer .wp-block-image img {
margin: auto;
}
}
@media screen and (max-width: 768px)
{
.site-header .default-navigation {
flex-direction: column;
align-items: center;
}
.site-header .default-navigation .header-menu-wrapper {
z-index: 20;
justify-content: center;
}
.site-branding {
flex-direction: column;
text-align: center;
}
.site-branding .site-title {
font-size: 20px;
}
.site-branding .custom-logo {
display: unset;
max-width: 40%;
}
.custom-logo-link.light,
.custom-logo-link.dark {
display: flex !important;
justify-content: center;
}
.header-menu-container ul ul.toleft {
right: auto;
} .header-menu .menu-item.mya-show { position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: whitesmoke;
text-align: center;
padding: 0;
margin: 0;
box-shadow: 0px -3px 10px 0px rgba(0,0,0,0.5);
}
.header-menu .menu-item.mya-show a {
padding: 0;
}
.header-menu .menu-item.mya-show a > * {
width: 100%;
}
.front-page-header .front-page-slider-slide-wrapper {
align-items: center;
}
.front-page-header .front-page-slider-slide .slide-header {
width: 100% !important;
}
body.page-has-thumbnail .page-header-wrapper .entry-header {
margin-top: 5rem;
} .mya-header .mya-title-wrapper .mya-title-outlined {
font-size: 48px;
font-weight: lighter;
}
.mya-header .mya-title-wrapper .entry-title {
margin-top: 0;
}
.single-room-type-wrapper .room-excerpt .first-letter {
font-size: 40px;
line-height: unset;
margin-right: unset;
}
.single-room-type-wrapper .mphb-single-room-type-gallery-wrapper .gallery {
grid-template-columns: repeat(1, 1fr);
}
.site-main > .hentry {
padding-left: 0;
padding-right: 0;
} .mphb-checkout-section {
padding: 40px 10px 10px 10px;
}
.mphb-billing-fields {
padding: 0;
}
.mphb_cb_checkout_form .mphb-price-breakdown .mphb-table-price-column,
.mphb_sc_checkout-form .mphb-price-breakdown .mphb-table-price-column {
width: 39%;
} .elementor-240 .elementor-element.elementor-element-0d004d5.elementor-section {
padding: 0.5rem !important;
}
button, .edit-link .post-edit-link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button, .more-link,
.stratum-advanced-posts.layout-carousel .swiper-container .swiper-slide .stratum-advanced-posts__read-more a {
width: 100%;
}
.site-footer-wrapper {
padding-right: 0;
margin-bottom: 3rem;
}
.footer-widgets {
margin: 0 -10px;
}
.footer-widgets .widget-title:after {
width: 100%;
}
}