/*
Theme Name: Ososian Mara Lodge
Theme URI:  https://www.acesolutionafrica.com/
Author:     Bethulow
Author URI: https://www.acesolutionafrica.com/
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap');

body{
	font-family: "Cormorant Garamond", serif !important;
	line-height:1.8 !important;
	font-size:16px !important;
	width:100% !important;
	overflow-x:hidden !important;
}
.belowlogo span,.premium-button span,.centuryfont,.gm-menu-item__txt,[type=button], [type=submit], button,.elementor-image-box-title,.ti-read-more span,.ti-name{
	font-family: myFirstFont !important;
}
.ti-read-more span,.ti-name {
	text-transform:uppercase !important;
}
p,.ti-review-content{
	font-family: "Cormorant Garamond", serif !important;
	margin:0px !important;
	font-size:18px !important;
}

@font-face {
  font-family: myFirstFont;
  src: url(./fonts/CenturyGothic.ttf);
}

#contact .premium-bullet-list-box
 {
    justify-content: center;
	align-self: flex-start;
}
#social .elementor-social-icons-wrapper{
	position:relative !important;
}
#social .elementor-social-icons-wrapper:after {
    position: absolute !important;
    content: '';
    border-bottom:1px solid #777777 !important;
    height: 1px !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    z-index: -1 !important;
}
.gm-logo p{
   margin:0px !important;
   font-family: myFirstFont !important;
   padding-top:5px !important;
   padding-bottom:0px !important;	
}
/* #safari{
	position:relative;
	width:100% !important;
	margin-bottom:20px;
} */
@media (max-width: 768px) {
#safari{
	position:relative;
	width:100% !important;
	margin-bottom:20px;
}
#safari:after{
	position:absolute;
	content:'';
	width:90%;
	height:100%;
	top:20px;
	transform:translateX(-50%);
	z-index:-3;
	left:50%;	
	border:3px solid #1c1c1c !important;
}
.amenities,.rooms{
	position:relative !important;
	overflow-x:hidden !important;
}	
}

@media (min-width: 768px) {
	#safari{
	position:relative;
	width:95% !important;
	margin-bottom:20px;
}
	#safari:after{
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	top:20px;
	z-index:-3;
	left:20px;
	border:3px solid #1c1c1c !important;
}
}

@media (min-width: 1024px) {
	.gm-navbar.gm-top-links-align-right #gm-main-menu
	{
		justify-content: center !important;
	}
	.gm-navbar-nav{
		width:fit-content !important;
		background:#1c1c1c;
	}
}
@media (max-width: 1024px) {
	.gm-inner-bg
	{
		background: #1c1c1c !important;
	}
	.gm-navbar .gm-wrapper	{
		position:relative !important;
	}
}

.fom .wpcf7-form label,.fom .wpcf7-form p{
	width:100% !important;
}

[type=button], [type=submit], button
{
    background-color:#916827 !important;
    border: 1px solid #916827 !important;
    border-radius: 0px;
    color: #fff !important;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    text-align: center;
	text-transform:uppercase !important;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

/* style for the contact us form */

/* Universal styling for all input fields including tel and date */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 0px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  box-sizing: border-box;
/*   margin-bottom: 15px; */
}

/* Focus effect for inputs */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="date"]:focus,
.wpcf7 textarea:focus {
  border-color: #a1733b;
  box-shadow: 0 0 4px #a1733b66;
  outline: none;
}

/* Submit button styling */
.wpcf7 input[type="submit"] {
  background-color: #8b6220;
  color: white;
  font-weight: bold;
  padding: 12px 20px;
  border: none;
  border-radius: 0px;
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #724d18;
}

/* Label styling */
.wpcf7 form label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

/* Textarea sizing */
.wpcf7 textarea {
  resize: vertical;
  min-height: 120px;
}

.elementor-image-box-title{
	margin:0px !important;
}

#testimonial .ti-review-content, #testimonial .ti-name,#testimonial .ti-date,#testimonial .ti-read-more-active,#testimonial .ti-read-more span{
	color:#fff !important;
}

/* .elementor-image-box-img img{
	margin-top:10px!important;
} */

.amenities,.rooms{
	position:relative !important;
}
.amenities::after
 {
    position: absolute;
    content: '';
    width: 400px;
    height: 100%;
    top: 0px;
    background: #1c1c1c;
    left: -400px;
}
.rooms::after
 {
    position: absolute;
    content: '';
    width: 400px;
    height: 100%;
    top: 0px;
    background: #eee;
    right: -400px;
}

.fade-up {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 3s ease-out;
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}

/* Base: initial hidden state */
.slideRight, .slideLeft, .slideUp, .slideDown,
.fadeIn, .fadeLeft, .fadeRight, .fadeUp {
  opacity: 0;
  transform: translateY(60px); /* default offset */
  transition:
    opacity 2.5s cubic-bezier(0.25, 1, 0.5, 1),
    transform 2.5s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: opacity, transform;
}

/* Directional transforms */
.slideRight  { transform: translateX(120px); }
.slideLeft   { transform: translateX(-120px); }
.slideUp     { transform: translateY(120px); }
.slideDown   { transform: translateY(-120px); }

.fadeLeft    { transform: translateX(-120px); }
.fadeRight   { transform: translateX(120px); }
.fadeUp      { transform: translateY(120px); }
.fadeIn      { transform: none; }

/* When triggered */
.animate {
  opacity: 1 !important;
  transform: none !important;
}
#wa-btn-wrapper{
	z-index:2 !important;
}