/*
Theme Name: La Numa Beach Villas
Theme URI: https://www.lanumavillas.com/
Author: Dhanayodha
Author URI: https://dhanayodha.com/
Description: WordPress Theme for La Numa Beach Villas
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.3.1
Requires PHP: 7.4
Tags: featured-images, translation-ready
*/

.bg-pink {
	background: #b9707a;
}

.bg-darkpink {
	background: #92535c;
}

.cl-pink {
	color: #b9707a;
}

body {
	font-family: 'Poppins', sans-serif;
	/* font-size: 15px; */
	font-size: 17px;
}

@media (min-width: 782px) {
	body {
		overflow: hidden;
		height: 100vh;
		width: 100vw;
	}
}

a {
	color: #92535c;  
}

h1, h2, h3, h4 {
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

h1 {
	margin-bottom: 1.5rem;
}

/* total width */
::-webkit-scrollbar {
    background-color: #fff;
    width: 10px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
    background-color: #000
}

.content-area > .row > .col .wp-block-column.col-4::-webkit-scrollbar-track {
    background-color: #b9707a
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius: 16px;
    border: 4px solid #000;
}

.content-area > .row > .col .wp-block-column.col-4::-webkit-scrollbar-thumb {
	border-color: #b9707a
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
    display:none;
}

.site-header {
	position: fixed;
	top: 0;
    width: 100%;
	z-index: 3;
	font-family: 'Oswald', sans-serif;
	z-index: 3;
}

.site-content,
.site-footer {
	position: relative;
	z-index: 2;
}

.site-footer {
	z-index: 9;
}

.site-header .navbar-toggler {
    border: none;
    padding: 0;
	color: #fff;
    outline: none;
    box-shadow: none !important;
}

.site-header .navbar-toggler span {
	display: block;
    text-transform: uppercase;
    font-size: 12px;
}

.site-header .logo-text {
    margin-left: 2rem;
}

#navbarToggleExternalContent {
    border-radius: 0;
    border: none;
	background: transparent;
}

#navbarToggleExternalContent ul {
    border-radius: 0;
    border: none;
    width: 100%;
	background-color: #fff;
}

#navbarToggleExternalContent a {
    font-size: 2.5rem;
    text-transform: uppercase;  
	border-bottom: 1px solid;
	color: #92535c;  
}

@media (max-width: 1023px) {
	.site-header .header-address {
		display: none;
	}
}

@media (max-width: 767px) {
	.site-header a.custom-logo-link img {
		max-height: 40px;
		width: auto;
	}
	
	.site-header a.navbar-brand img {
		max-height: 60px;
	}
}

.site-footer {
    font-size: 17px;
}

.site-footer a {
	color: #fff;
	text-decoration: none;
}

.site-footer ul {
	list-style: none;
	padding: 0;
}

.site-footer li:not(:first-child) {
    margin-top: 10px;
}

.site-footer .footer-social a {
    aspect-ratio: 1/1;
    display: block;
    background: #fff;
    color: #000;
    border-radius: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
}

.fa-tiktok:before {
    content: "\f16d";
}

.lanuma-footer {
    height: auto !important;
}

.fullscreen-bg,
.video-background,
.video-background:after {
	background: #000;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -99;
}

.video-background:after {
	z-index: 2;
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.fullscreen-bg {
	z-index: 0;
}

.fullscreen-bg .carousel-inner img {
	object-fit: cover;
    height: 100vh;
}

.fullscreen-bg .carousel-indicators {
    bottom: 10vh;
}

@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}

@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}

.pop-up-guest .title {
	margin-bottom: 2px;
	font-size: 18px;
	font-weight: 400;
}

.pop-up-guest .description {
	margin-bottom: 0px;
	font-size: 14px;
}

.pop-up-guest .icon {
	border: 1px solid #dee2e6;
	border-radius: 100%;
	width: 35px;
	height: 35px;
	cursor: pointer;
	margin: auto;
}

.pop-up-guest .icon svg {
	position: relative;
	left: 2px;
	top: 1px;
}

.sqs-row {
    background: #eee;
    padding: 1rem 0;
}

.sqs-row > div[class*=col-12],
.no-sqs-row > div[class*=col-12] {
    padding: 0;
}

.sqs-row > div[class*=col-] input {
    border: none;
    background: transparent;
}

.ui-datepicker {
    padding: 0;
}

.ui-datepicker .ui-datepicker-header {
    background: #b9707a;
    color: #fff;
}

.ui-widget-header .ui-icon {
    filter: brightness(0) grayscale(1) invert(1);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none
}