/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2025 | 01:02:56 */
/****************************
*		Custom CSS			*
****************************/


/******** Logo Container Header ***********/

.cut-box_outer {
	position: relative;
	background: rgba(255,255,255,0.5);
	width: 250px;
	padding: 5px;
	margin-top:50px;
	margin-bottom:100px;

	clip-path: polygon(
		0 0,
		calc(100% - 50px) 0,
		100% 50px,
		100% 100%,
		50px 100%,
		0 calc(100% - 50px)
	);
}
				
.cut-box_inner {
	position: relative;
	background: #fff;
	height: 120px;
					
	clip-path: polygon(
		0 0,
		calc(100% - 50px) 0,
		100% 50px,
		100% 100%,
		50px 100%,
		0 calc(100% - 50px)
	);

	display: flex;
	justify-content: center;
	align-items: center;
}
				
.cut-box_inner img {
	max-width: 180px;
	height: auto;
	display: block;
	margin-top:20px;
}
  


/****************************/
/********** next ************/
/****************************/

.amenities-iframe {
	margin-top:0 !important;
}



/****************************/
/******* List Item **********/
/****************************/

ul.content-info li {
	line-height: 20px;
    font-size: 16px;
    padding-bottom: 25px;
}



/****************************/
/****** Room Button *********/
/****************************/

.btn-random-room {
	
}



/****************************/
/****** Room Button *********/
/****************************/

.ct-board {
    margin-bottom: 55px !important;
}

iframe {
    margin-top: 35px !important;
}



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

footer {
	color: #bfbfbf !important;
}

.widget address {
	line-height: 40px !important;
}

.ct-scrollUpButton {
    color: #bfbfbf !important;
}


/****************************/
/***** Banner Carousel ******/
/****************************/


/* Base styles to ensure the image fits inside the box */
.ct-js-owl .pool-rules {
    background-size: contain;   /* Ensures the whole flyer is visible */
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}


/******************************/
/********** Mobile ************/
/******************************/


/* --- TABLET VIEW (Between 768px and 991px)
@media (max-width: 991px) {
    
    .ct-js-owl, .ct-js-owl .pool-rules {
        background-size: cover !important;
		background-position: center;
    }
	
    .ct-js-owl, .ct-js-owl .pool-rules {
        height: auto !important;
        aspect-ratio: 1 / 1.4; 
    }
} --- */


/* Fix for stretched images in the gallery grid */
.ct-galleryBox--image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Prevents stretching by cropping */
    object-position: center !important; /* Centers the image */
}

@media (max-width: 767px) {
	.ct-row--smallPadding .ct-galleryBox {
		height: 500px !important;
	}
}


/* Navbar */

.navbar-scroll-top.ct-menu .ct-white-logo {
    max-width: 210px !important;
    margin-top: 0 !important;
    padding: 0px 50px !important;
    background-color: #fff !important;
}

.menu-item {
	margin:5px !important;
}

nav.navbar ul.nav.navbar-nav > li > a {
    padding: 19px 18px !important;
}

nav.navbar ul.nav.navbar-nav:before {
    border-width: 0 0 69px 78px !important;
}

.btn-booknow {
	background-color: #f5b24e !important;
}

nav.navbar ul.nav.navbar-nav > li:last-child:after,
nav.navbar ul.nav.navbar-nav > li.btn-booknow:after {
display: none !important;
content: none !important;
background: none !important;
width: 0 !important;
}

@media (max-width: 767px) {
	.ct-logo img {
		max-width: 70% !important;
	}
}


/* Fix for Kenburns Header on Mobile */
@media (max-width: 767px) {
    header.ct-mediaSection[data-type="kenburns"] {
        /* Force a height so the banner is visible even if the animation is disabled */
        min-height: 300px !important; 
        height: auto !important;
        
        /* Ensure the background image set by the theme covers the area */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}

@media (max-width: 767px) {
    header.ct-mediaSection[data-type="kenburns"] {
        /* Replace with your specific mobile header image URL */
        background-image: url('https://calumbuyanpoint.com/wp-content/themes/your-theme/assets/images/content/banners/Calumbuyan-Point_Header_01.jpg') !important;
    }
}