/* 
Theme Name: Shinraku
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 */
.paralax-hero iframe{
/* 	position: fixed !important; */
}
/* ======================= BUTTON =========================== */
.elementor-button svg{
	font-size: 10px;
}

/* BTN WHITE */
.btn-shinraku-white a{
	border: 1px solid #FFF;
	transition: 0.4s ease;
	position: relative;
}
.btn-shinraku-white a:before{
	content: '';
    width: 100%;
    height: 0%;
    background: #2f447b;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
	transition: 0.5s ease;
}
.btn-shinraku-white .elementor-button-content-wrapper{
	position: relative;
	z-index: 2;
}
.btn-shinraku-white a:hover{
	color: #FFF !important;
}
.btn-shinraku-white a:hover:before{
	height: 100%;
}
.btn-shinraku-white a svg path
{
	transition: 0.4s ease;
	fill: #2f447b;
}
.btn-shinraku-white a:hover svg path{
	fill: #FFF !important;
}

/* BTN BLUE */
.btn-shinraku-blue a{
	border: 1px solid #2f447b;
	transition: 0.4s ease;
	position: relative;
	pointer-events: auto;
}
#blue-btn-custom a {
	border: 1px solid #fff !important;
}
#blue-btn-custom a:hover {
	border: 1px solid #2f447b !important;
}
.btn-shinraku-blue a:before{
	content: '';
    width: 100%;
    height: 0%;
    background: #EDEAE5;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
	transition: 0.5s ease;
}
.btn-shinraku-blue .elementor-button-content-wrapper{
	position: relative;
	z-index: 2;
}
.btn-shinraku-blue a:hover{
	color: #2f447b !important;
}
.btn-shinraku-blue a:hover:before{
	height: 100%;
}
.btn-shinraku-blue a svg path
{
	transition: 0.4s ease;
}
.btn-shinraku-blue a:hover svg path{
	fill: #2f447b !important;
}

/* ======================= NAVBAR =========================== */
.logo-scrolled{
	transform: scale(0.595) translateX(-4px);
	margin-top: -60px;
	transition: transform 0.7s ease-in-out;
}
.scrolled .logo-scrolled{
	transform: scale(1) translateX(-4px);
	transition: transform 0.7s ease-in-out 0.7s;
}
.scrolled .logo-top{
	margin-top: -120px;
	opacity: 0;
	transition: 0.7s ease-in-out !important;
}
.logo-top{
	margin-top: 0px;
	opacity: 1;
	transition: 0.7s ease-in-out !important;
}
.scrolled > div{
	background: #2F447B;
}

.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;
}

/* ====================== Contact Form ========================== */

.cf7-heading {
  font-size: 48px;
  font-family: "Hyundai", sans-serif;
  font-weight: 400;
  color: #000000; /* blue like your screenshot */
  margin: 0px !important;
  letter-spacing: 2px !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: #2F447B;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 24px;
  border: none;
	border-radius: 0px !important;
  cursor: pointer;
  transition: background 0.3s ease;
}

.cf7-submit:hover {
  background: #005bb5;
}

.flatpickr-current-month .numInputWrapper {
	position: absolute !important;
	top: 7px;
	left: 135px;
}

/* ======================= BREADCRUMB =========================== */
#breadcrumbs span {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
}
#breadcrumbs i{
	font-size: 10px;
}

/* ====================== Floating Button ========================= */

.event-container {
	pointer-events: none;
}
.event-btn {
	pointer-events: auto;
	cursor: pointer;
	z-index: 99;
}
.event-btn svg {
	width: 24px;
	height: 24px !important;
}

/* =============================== MOBILE ========================== */
@media only screen and (max-width:700px){
	h1.elementor-heading-title{
		font-size: 64px !important;
	}
	h2.elementor-heading-title{
		font-size: 42px !important;
	}
	h5.elementor-heading-title{
		font-size: 24px !important;
	}
	p{
		font-size: 16px;
	}
	br {
		display: none;
	}
	.scrolled .logo-scrolled{
		transform: scale(0.75) translateX(-4px);
		transition: transform 0.7s ease-in-out 0.7s;
	}
	.cf7-heading {
  		font-size: 46px;
	}
	.cf7-input,
	.cf7-textarea,
	.cf7-captcha input {
		font-size: 16px;
	}
	.main-navbar-container .e-con-inner {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.chaty-i-trigger .chaty-channel {
		right: 0px !important;
	}
	#blue-btn-custom a {
		border: 1px solid #fff !important;
	}
	.home-btn {
		width: 132px;
    	height: 150px;
    	position: absolute;
    	right: 130px;
    	top: -50px;
	}
	.home-btn.custom {
		height: 100px !important;
	}
}