/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
margin-bottom: 0 !important;
}
/*
Make the following elements inherit typography styles from the parent and not have hardcoded values.
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
/*
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
*/
/* Prevent all click and hover interaction with an element */
.pointer-events-off {
pointer-events: none;
}
/* Enables all click and hover interaction with an element */
.pointer-events-on {
pointer-events: auto;
}
/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
content: "";
display: block;
padding-bottom: 100%;
}
/*Hide focus outline for main content element*/
main:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
margin-right: auto !important;
margin-left: auto !important;
}
/*Reset selects, buttons, and links styles*/
.w-input, .w-select, a {
color: inherit;
text-decoration: inherit;
font-size: inherit;
}
/*Apply "..." after 3 lines of text */
.text-style-3lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
/* Apply "..." after 2 lines of text */
.text-style-2lines {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Removes native scrollbar */
.no-scrollbar {
-ms-overflow-style: none; // IE 10+
overflow: -moz-scrollbars-none; // Firefox
}
.no-scrollbar::-webkit-scrollbar {
display: none; // Safari and Chrome
}
/* Adds inline flex display */
.display-inlineflex {
display: inline-flex;
}
/* These classes are never overwritten */
.hide {
display: none !important;
}
@media screen and (max-width: 991px) {
.hide, .hide-tablet {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hide-mobile-landscape{
display: none !important;
}
}
@media screen and (max-width: 479px) {
.hide-mobile{
display: none !important;
}
}
.margin-0 {
margin: 0rem !important;
}
.padding-0 {
padding: 0rem !important;
}
.spacing-clean {
padding: 0rem !important;
margin: 0rem !important;
}
.margin-top {
margin-right: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-top {
padding-right: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-right {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
margin-left: 0rem !important;
}
.padding-right {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
padding-left: 0rem !important;
}
.margin-bottom {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-bottom {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-left: 0rem !important;
}
.margin-left {
margin-top: 0rem !important;
margin-right: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-left {
padding-top: 0rem !important;
padding-right: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-horizontal {
margin-top: 0rem !important;
margin-bottom: 0rem !important;
}
.padding-horizontal {
padding-top: 0rem !important;
padding-bottom: 0rem !important;
}
.margin-vertical {
margin-right: 0rem !important;
margin-left: 0rem !important;
}
.padding-vertical {
padding-right: 0rem !important;
padding-left: 0rem !important;
}
html { font-size: 1rem; }
@media screen and (max-width:1920px) { html { font-size: 1rem; } }
@media screen and (max-width:1440px) { html { font-size: 1rem; } }
@media screen and (max-width:1215px) { html { font-size: 1rem; } }
@media screen and (max-width:990px) { html { font-size: calc(0.7573529411764707rem + 0.3921568627450979vw); } }
@media screen and (max-width:735px) { html { font-size: 0.9375rem; } }
@media screen and (max-width:607px) { html { font-size: 0.9375rem; } }
@media screen and (max-width:479px) { html { font-size: 0.9375rem; } }
Ready to start your Avela Boutique Hotel experience?
The Avela Boutique Hotel experience begins before you even arrive, with attentive and helpful service during the booking process. If you have any questions about our hotel, its amenities and services, or the local area, please get in touch and we'll be happy to answer them.
If you're ready to begin your idyllic and relaxing Mexican vacation, just click below.
Frequently Asked Questions
At Avela Boutique Hotel, we strive to provide our guests with the information they need to have a seamless and enjoyable stay. Here are some frequently asked questions about our hotel:
Can guests under the age of 18 stay at Avela Boutique Hotel?
No, Avela Boutique Hotel is an adult-only space, and guests must be 18 years or older to book.
What payment methods are accepted for reservations?
We accept all major credit cards (Visa, MasterCard, Discovery Card) for payment in full to confirm bookings.
What are the check-in and check-out times?
Check-in time is at 3:00 p.m., and check-out time is at 11:00 a.m
Is Avela Boutique Hotel smoke-free?
Yes, Avela Boutique Hotel is 100% smoke-free inside our rooms. Designated smoking areas are provided.
Stay Updated
with Avela Boutique Hotel
Follow us
Stay connected and follow us on Instagram for the latest updates, behind-the-scenes glimpses, and captivating moments.
