/*
    Theme Name: Rituals
    Author: DT Gallery
    Version: 1.0.0 
*/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
body{
	overflow-x:hidden;
}
@font-face {
    font-family: 'ArnoPro';
    src: url('assets/fonts/ArnoPro-Regular.woff2') format('woff2'),
        url('assets/fonts/ArnoPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal; 
	font-display: swap;
}
/* @font-face {
  font-family: 'slick' !important;
  font-style: normal !important;
  font-weight: normal !important;
  src: url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/fonts/slick.woff') format('woff') !important;
  font-display: swap !important;
} */

@font-face {
  font-family: 'Font Awesome 5 Free' !important;
  font-style: normal !important;
  font-weight: 900 !important;
  src: url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2') !important;
  font-display: swap !important;
}


.arnopro ,
.arnopro *{
	font-family:'ArnoPro', Sans-serif !important;
}
.header.active{
	background:black;
	top:0 !important;
}
.current-menu-item a{
	font-weight:500 !important;
}
.hfe-flyout-wrapper .hfe-side{
	display:block !important;
	transition:all 500ms ease;
}
.header ,
.header *{
	transition:all 300ms ease;
}
.mc4wp-form-fields{
	font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 12px;
    font-weight: 300;
}
.mailchimp_form,
.mc4wp-form-fields label{
	display:flex;
	gap:10px;
	align-items:center;
}
.mailchimp_form{
	justify-content:space-between;
}
.mailchimp_form{
	margin-bottom:30px;
	padding-bottom:10px;
	border-bottom:2px solid white;
}
.mailchimp_form input{
	background:none;
	font-family: "Plus Jakarta Sans", Sans-serif;
	color:white;
	border:none;
	outline:none;
}
.mc4wp-form-fields  a{
	color:white;
}
.mc4wp-form-fields  #email{
	width:90%;
}
.mc4wp-form-fields  input[type="submit"]{
	cursor:pointer;
	font-size: 20px;
}
.mc4wp-form-fields  input[type="checkbox"]{
	cursor:pointer;
}
.aspect-sqaure{
	aspect-ratio:1;
}
.img-scale {
	inset:0;
	transition:all 600ms cubic-bezier(0.39, 0.58, 0.57, 1);
	overflow:hidden;
}
.img-scale img{ 
	transition:all 500ms ease-in-out;
	height:100%;
	width:100%;
	pointer-events:none;
}
 
.img-scale:hover img{
	transform:scale(1.2);
}
.testimonials_slider .slick-list{
	margin-left:-27px;
}
.testimonials_slider .slick-slide{
	margin-left:27px;
	display:flex !important;
}
.testimonials_slider .slick-dots li{
	margin:0;
}
.testimonials_slider .slick-dots li button::before {
    color: #d7b46a ;
    opacity: 1 ;
	font-size:12px;
}
.testimonials_slider .slick-dots .slick-active  button::before{
	color:#09080e;
}
.testimonials_slider .slick-dots { 
    bottom: -80px;
}
.menu_items.active{
	opacity: 1; 
	top:140%;
	pointer-events:auto;
	z-index:5;
}

.menu_items{
	pointer-events:none;
	opacity:0;
	position:absolute;
	top:200%;
	right:0;
	transition:all 300ms ease;
}
.menu_items2{
	left:0;
	right:unset;
}
.menus_button.active a{
	background-color:transparent !important;
	color:#D7B46A !important;
}
.wpcf7 {
	font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    color: #000000;
}
.wpcf7 input:not([type="submit"]),
.wpcf7 textarea ,
.wpcf7 select{
	font-family: "Plus Jakarta Sans", Sans-serif;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	border:none;
	outline:none;
	border-bottom: 1px solid;
	padding-bottom:12px;
	margin-bottom:20px;
	font-size:14px;
}
.wpcf7 textarea{
	height:120px;
}
.wpcf7 input[type="submit"]{
	min-width: 160px;
	text-align:center;
	font-family: "Plus Jakarta Sans", Sans-serif;
	color:white;
	padding:10px 30px;
	transition:all 300ms ease;
	background:#d7b46a;
	border:1px solid #d7b46a;
	
	cursor:pointer;
}
.wpcf7 input[type="submit"]:hover{
	color:#d7b46a;
	background:transparent;
}
.left_arrow,
.right_arrow{
	cursor:pointer;
}
.testimonial_slider.slick-initialized .slick-slide{
	display:flex !important;
}
.testimonial_image{
	bottom:10%;
}
.testimonial_image img{
	height: 100%;
    object-fit: cover;
}
/*  */
.divider_text *{
	font-size:15px !important;
}
.text-13 *{
	font-size:11px !important;
	line-height:20px !important;
}
.text-18 *{
	font-size:15px !important;
	line-height:24px !important;
}
.text-16 *{
	font-size:14px !important;
	line-height:23px !important;
}
.text-20 *{
	font-size:16px !important;
	line-height:24px !important;
}
.form-flexbox > p {
    display: flex;
    justify-content: space-between;
	gap:20px;
}
.form-flexbox label{
	width:30%;
}
.form-flexbox label *{
	width:100%;
}

.wpcf7-select option {
  color: black;
  background-color: #fff; /* White background for dropdown items */
}

.reservation_form input::placeholder,
.reservation_form textarea::placeholder{
	color:white;
}
.reservation_form input:not([type="submit"]),
.reservation_form textarea,
.reservation_form select{
	background:none;
	border:none;
	border-bottom:1px solid #767676 !important;
	color:white;
	margin-bottom:30px !important;
}
.reservation_form input[type="submit"]{
	background: #a00445 !important;
	border-color:#a00445 !important;
	display:block;
	margin:auto;
	font-size:11px;
}
.reservation_form input[type="submit"]:hover{
	background: #fff !important;
	color:#a00445  !important;
}
.reservation_form .wpcf7-response-output { 
    color: white;
}
.menu_divider{
	width:auto !important;
	flex-grow:1 !important;
}
.logo_divider .elementor-divider::before,
.logo_divider .elementor-divider::after{
	position:absolute;
	content:"";
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #d7b46a; 
	top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.logo_divider .elementor-divider::after{
	right:0;
}
.diamond_symbol{
	background: #A00445;
    width: 7px;
    height: 7px;
    rotate: 45deg;
    margin: auto;
}
.wpcf7-not-valid-tip{
	margin-bottom:10px;
}
@media screen and (min-width:1025px){
	.header.active img{
		width:100px !important;
	}
	.text-40 *{
		font-size:28px !important;
		line-height:36px !important;
	}
	.text-37 *{
		font-size:26px !important;
		line-height:34px !important;
	}
	.text-101 *{
		font-size:80px !important;
		line-height:90px !important;
	}
	.text-56 *{
		font-size:40px !important;
		line-height:45px !important;
	}
	.text-63*{
		font-size:45px !important;
		line-height:55px !important;
	}
	.text-30 *{
		font-size:22px !important;
		line-height:3px !important;
	}
	.text-22 *{
		font-size:17px !important;
		line-height:25px !important;
	}
	.text-25 *{
		font-size:20px !important;
		line-height:28px !important;
	}
	.text-30 *{
		font-size:22px !important;
		line-height:30px !important;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.header.active img{
		width:90px !important;
	}
	.custom_grid > *:last-child:nth-child(odd) {
		grid-column: 1 / -1;
		justify-self: center;
		width: 50%;   
	}
	
	/* 	 Font */
	.text-40 *{
		font-size:26px !important;
		line-height:35px !important;
	}
	.text-101 *{
		font-size:70px !important;
		line-height:80px !important;
	}
	.text-56 *{
		font-size:35px !important;
		line-height:40px!important;
	}
	.text-30 *{
		font-size:21px !important;
		line-height:30px!important;
	}
	.text-22 *{
		font-size:16px !important;
		line-height:24px !important;
	}
	.text-30 *{
		font-size:21px!important;
		line-height:30px !important;
	}
	.text-63 * {
		font-size:40px !important;
		line-height:50px !important;
	}
	.text-25 *{
		font-size:19px !important;
		line-height:27px !important;
	}
	.text-37 *{
		font-size:25px !important;
		line-height:33px !important;
	}
}
@media screen and (max-width:767px){
	/* 	 Font */
	.text-37 *{
		font-size:24px !important;
		line-height:32px !important;
	}
	.text-40 *{
		font-size:24px !important;
		line-height:33px !important;
	}
	.text-101 *{
		font-size:60px !important;
		line-height:70px !important;
	}
	.text-56 *{
		font-size:27px !important;
		line-height:32px!important;
	}
	.text-30 *{
		font-size:20px !important;
		line-height:28px !important;
	}
	.text-22 *{
		font-size:16px !important;
		line-height:24px !important;
	}
	.text-30 *{
		font-size:20px!important;
		line-height:30px !important;
	}
	.text-63 * {
		font-size:35px !important
		line-height:45px !important;
	}
	.text-25 *{
		font-size:18px !important;
		line-height:26px !important;
	}
	.header.active img{
		width:80px !important;
	}
	.testi_img_div{
		aspect-ratio:1/1.8;
	}
	.testi_img_div img{
		object-fit:cover;
		height:100%;
	}
	.left_arrow img,
	.right_arrow img{
		width:30px;
	}
	.reservation_form br{
		display:none;
	}
	.form-flexbox > p{
		flex-wrap:wrap;
		gap:0;
	}
	.form-flexbox label{
		width:100%;
	}
}
.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd { 
    border: 1px solid #CDC1A8 !important;
    border-radius: 10px !important;
}
.inset-full{
	inset:0;
}