/* 
Theme Name: Rodriovide
Description: -
Author: AW Bali Digital
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
html { scroll-behavior: auto !important; }

.floating-reserve{
	display: none;
}

.brad-15{
	border-radius: 15px;
	overflow: hidden;
}
.card-info{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 25px;
	overflow: hidden;
	background: #FFF;
}

.custom-separator{
	position: relative;
}
.custom-separator:before{
	content: "";
	width: 100px;
	height: 2px;
	background: #83957b;
	position: absolute;
	left: -125px;
	margin: auto;
	top: 0;
	bottom: 0;
}
.custom-separator:after{
	content: "";
	width: 100px;
	height: 2px;
	background: #83957b;
	position: absolute;
	right: -125px;
	margin: auto;
	top: 0;
	bottom: 0;
}

/* ======================================= Header ===================================== */
.scrolled > div{
	background: #0C0C0C !important;
}
.logo-scrolled{
	margin: auto;
	left: 0;
	right: 0;
}
.logo-scrolled img{
	transform: translatey(0px);
	transition: 0.5s ease;
}
.scrolled .logo-scrolled img{
	transform: translatey(0px);
	height: 80px !important;
}
.nav-logo img{
	transition: 0.5s ease;
	opacity: 1;
}
.scrolled .nav-logo img{
/* 	transform: translatey(16px); */
	opacity: 0;
	height: 80px !important;
}

.btn-mobile-nav {
    width: 50px;
    height: 50px;
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
}
.burger-line{
	width: 25px;
	height: 2px;
	background: #FFF;
	position: relative;
	display: block;
	transition: 0.5s ease;
}
.burger-line:before, .burger-line:after{
	content: '';
	width: 25px;
	height: 2px;
	background: #FFF;
	position: absolute;
	transition: 0.5s ease;
}
.burger-line:before{
	top: -10px;
	left: 0;
}
.burger-line:after{
	bottom: -10px;
	left: 0;
}
.btn-mobile-nav.active .burger-line {
    transform: rotate(45deg);
}
.btn-mobile-nav.active .burger-line:before {
    transform: rotate(90deg);
	top: 0px;
}
.btn-mobile-nav.active .burger-line:after {
    transform: rotate(90deg);
	bottom: 0px;
}
.mobile-overlay{
	left: 100% !important;
	z-index: 99;
	transition: 0.7s ease;
}
.mobile-overlay.active{
	left: 0% !important;
}
.elementor-nav-menu--dropdown li a{
	font-size: 14px;
	font-family: "Josefin Sans" !important;
}
.instagram-menu a{
	margin-right: 0 !important;
}
.email-menu a{
	margin-left: 0 !important;
}
@media screen and (min-width: 1000px){
	.scrolled .elementor-nav-menu--dropdown{
		margin-top: 35px !important;
	}
	.elementor-nav-menu--dropdown{
		border-radius: 10px;
		overflow: hidden;
		transition: 0.5s ease;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
	ul.elementor-nav-menu--dropdown .elementor-item-active{
		background: #000000;
	}
	ul.elementor-nav-menu--dropdown a:hover{
		background: #000000;
	}
	.elementor-nav-menu .sub-arrow{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.elementor-nav-menu--dropdown{
		position: relative !important;
		background: none;
		margin: auto !important;
	}
	.elementor-nav-menu--dropdown li{
		text-align: center;
	}
	.elementor-nav-menu--dropdown .elementor-sub-item{
		text-align: center;
		color: #FFF;
		display: block;
		width: 100%;
	}
}

/* ================================ Table ======================= */
table.schedule-table tbody>tr:nth-child(odd)>td, table.schedule-table tbody>tr:nth-child(odd)>th{
	background: none !important;
}
.schedule-table tr td{
	border: none;
	padding: 15px 5px;
	font-size: 14px;
	font-family: "Josefin Sans";
	font-weight: 800;
}
.schedule-table tr{
	border-bottom: 1px solid #555;
}
.acc-schedule .e-n-accordion-item-title{
	padding: 15px 30px;
    margin-bottom: 15px !important;
	border: 1px solid #d5d8dc !important;
}
.acc-schedule .e-n-accordion-item > div{
	margin-bottom: 20px;
	border: none;
}

.acc-heading h3 {
    max-width: fit-content;
    background: #707f69;
    font-size: 18px !important;
    color: white !important;
    padding: 5px 10px;
	text-transform: capitalize !important;
    border-radius: 5px;
}

.gallery-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background: white !important;
}

/* ======================= Contact Form ======================== */
.cf7-heading {
  	font-size: 48px;
  	font-family: "Josefin Sans", sans-serif;
  	font-weight: 500;
	padding-bottom: 40px !important;
	padding-left: 10px;
  	color: #000000; /* blue like your screenshot */
  	margin: 0px !important;
  	letter-spacing: 1px !important;
  	text-transform: uppercase;
  	text-align: left;
}

/* Form Container */
.cf7-form {
  	max-width: 100%;
  	display: flex;
  	flex-direction: column;
  	gap: 10px;
}

/* Input & Textarea - underline style */
.cf7-input,
.cf7-textarea,
.cf7-captcha input {
  	width: 100% !important;
  	border: none !important;
  	border-bottom: 1px solid #ccc !important;
  	padding: 12px 16px;
  	font-size: 18px;
  	color: #333;
  	background: transparent;
  	transition: border-color 0.3s ease;
}

.cf7-input:focus,
.cf7-textarea:focus,
.cf7-captcha input:focus {
  	border-bottom: 1px solid #0073e6;
  	outline: none;
}

/* Textarea height */
.cf7-textarea {
  	min-height: 100px;
  	resize: none;
}

/* Captcha label */
.cf7-captcha label {
  	display: block;
  	margin-bottom: 6px;
  	font-size: 20px;
  	color: #666;
}

/* Submit button */
.cf7-submit-wrapper {
  	display: flex;
  	justify-content: end;
}

.cf7-submit-wrapper p {
	display: flex;
	flex-direction: row-reverse;
}

.cf7-submit {
  	background: #000000;
  	color: #fff;
  	font-size: 18px;
  	font-weight: 500;
  	padding: 12px 24px;
  	border: none;
	border-radius: 0px !important;
  	cursor: pointer;
	font-family: "Josefin Sans", sans-serif;
}

.cf7-submit:hover {
  	background: #000000 !important;
}

.newsletter-email input {
	color: #000 !important;
}

.newsletter-email input::placeholder {
	color: #abb8c3 !important;
}

.copyright-a {
	color: #fff !important;
	font-weight: 400;
}

.copyright-a:hover {
	text-decoration: underline;
}

/* ================================ Bali Club ================================== */
.alt-bg{
	background: #F6F6F6 !important;
}

@media only screen and (max-width: 700px){
	.scrolled .logo-scrolled img{
		height: 60px !important;
	}
	.scrolled .nav-logo img{
		height: 60px !important;
	}
	
	.scrollable {
		overflow-x: scroll !important; 
		overflow-y: hidden; 
		width: 100%;
		gap: 20px;
	}
	
	.scrollable div {
		min-width: unset !important;
	}
	
	.scrollable-camp {
		overflow-x: scroll !important; 
		overflow-y: hidden; 
		width: 100%;
		gap: 20px;
		padding: 10px 0px !important;
	}
	
	.scrollable-camp div {
		min-width: unset !important;
	}
	
	.scrollable-camp div p {
		white-space: nowrap !important;
		text-align: start;
	}
	
	.cf7-heading {
		font-size: 34px;
	}
}

/* ====================================== Rodriovide ============================== */
.rodri-carousel img{
	width: 100%;
	height: 270px;
	object-fit: cover;
}

/* .gallery-carousel > div{
	border-radius: 10px !important;
} */

@media (min-width: 820px) and (max-width: 1024px) {
	.scrollable-camp div p {
		white-space: nowrap !important;
		text-align: start;
	}
}