/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 06 2026 | 15:53:31 */
/********************/
/*		About		*/
/********************/

.about-us-section .icon {
	padding:10px !important;
}

.award {
	padding-top: 20px !important;
}

section.circulo-travel .image {
    margin-left: 10px;
}


/********************/
/*		Room		*/
/********************/
.room-block .price {
	visibility:hidden !important;
	height:0px !important;
}

section.room-grid-section .room-block-two .text {
	visibility:hidden !important;
	height: 0px !important;
}

section.room-grid-section .filters {
	visibility:hidden !important;
	height: 0px !important;
}

/* 1. Center the content inside the room block */
.room-block-two .inner-box {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers items horizontally */
    text-align: center;  /* Centers text, headings, and buttons */
}

/* 2. Center the list of icons specifically */
.room-block-two .icon-list ul {
    display: flex;
    justify-content: center;
    padding: 0;
    list-style: none;
    gap: 15px; /* Adds space between the icons */
}

/* 3. If there is only one item, center the absolute-positioned column */
.sortable-masonry .items-container {
    display: flex;
    justify-content: center;
}

.room-block-two.masonry-item {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

section.room-grid-section {
    padding-bottom: 120px !important;
}

/********************/
/*		Resto		*/
/********************/

section.service-section .image-two {
    margin-left: 50px;
}

section.service-section .image-block {
    padding-right: 0px !important;
}

/********************/
/*		Offer		*/
/********************/

section.cta-section .offer-image {
	visibility:hidden !important;
	height: 0px !important;
}


/********************/
/*		Contact		*/
/********************/

/* Force the 4-column layout to take up the full 12-column width */
.contact-form-section .col-lg-4.icon_box {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Optional: Center the text since it's now full width */
.contact-form-section .inner-box, 
.contact-form-section .icon-box {
    text-align: center;
}

section.contact-form-section .inner-box {
    border-bottom: 1px solid #d4d4d4;
    width: 100% !important;
    margin-left: 0px !important;
    margin-bottom: 40px;
}

section.contact-form-section .border-shap {
	visibility:hidden !important;
}

section.contact-form-section .sub-title {
	visibility:hidden !important;
}

section.contact-form-section .sec-title {
	text-align:center !important;
}

section.contact-form-section .icon-box {
    margin-left: 0px !important;
}
section.contact-form-section .text-four {
    margin-left: 0px !important;
}

/********************/
/*		Footer		*/
/********************/

.contact-widget .image img {
    height: 150px;
}

.contact-widget td {
	color: #fff !important;
}

h2.wp-block-heading {
	color: #fff !important;
}

#block-24 p {
	color: #fff !important;
	padding-right:20px !important;
}

.wp-block-social-links .wp-block-social-link-anchor svg {
    fill: #fff;
}


/* --- Mobile Menu Reskin --- */

/* 1. Change mobile menu background to white */
.mobile-menu .menu-box {
    background-color: #ffffff !important;
}

/* 2. Change mobile menu text color to match desktop */
/* Replace #222222 with the exact hex code of your desktop navbar text */
.mobile-menu .navigation li a {
    color: #222222 !important; 
}

/* 3. Style the wrapper for the cloned Book Now button */
.mobile-menu .navigation li.cloned-btn-wrapper {
    padding: 20px 0; /* Add spacing above and below the button */
    border-top: 1px solid #f0f0f0; /* Optional: adds a neat dividing line */
    text-align: center; /* Centers the button in the mobile menu */
}

/* 4. Ensure the cloned button text overrides the general link color above */
.mobile-menu .cloned-book-btn {
    display: inline-block !important;
    color: #ffffff !important; /* Assuming your Book Now button text is white */
}

/* Ensure the newly swapped mobile logo fits well */
.mobile-menu .nav-logo img {
    max-width: 200px; /* Adjust this value until it looks right */
    height: auto;
    object-fit: contain;
}