/* FOR MOBILE */
@media (max-width: 768px) {
	
	.tr-hero-bg::after {
		border-radius: 30px;
	}
	
	.tr-hero-bg {
		border-radius: 30px;
	}
	
}

/* FOR NOT MOBILE */
@media (min-width: 768px) {
    .topmargin-5 {
        margin-top: 5px;
    }
	.topmargin-7 {
        margin-top: 7px;
    }
}

.tr-footer-logo img{
	width: 60%;
}

.it-menu-content ul li.active > a {
    color: #ed1d24;
	font-weight:bold;
}


/* Top level */
.it-menu-content ul li.has-dropdown.active > a {
    color: #ed1d24;
    font-weight: bold;
}

/* Middle level (Safaris) */
.it-menu-content ul li.has-dropdown.active .it-submenu li.active > a {
    color: #ed1d24;
    font-weight: bold;
}

/* Deep level (Masai Mara) */
.it-menu-content ul li.has-dropdown.active .sub-submenu li.active > a {
    color: #ed1d24;
    font-weight: bold;
}


.centerload{
    position: absolute;
    top:0px;
    right:0px;
    width:100%;
    height:100%;
    background-color:#eceaea;
    background-image:url('../images/loader.gif');
    background-size: 150px;
    background-repeat:no-repeat;
    background-position:center;
    z-index:10000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

@keyframes baton-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.baton--loading {
	position:relative;
}

.baton--loading .baton__text {
  visibility: hidden;
  opacity: 0;
}

.baton--loading::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transition: none;
  background-color: #ed1d24;
  border: 4px solid transparent;
  border-top-color: #ffffff!important;
  border-radius: 50%;
  animation: baton-loading-spinner 1s ease infinite;
}

.accordion-header {
	background:#f2f5ec!important;
	--bs-accordion-active-bg: #f2f5ec;
}

.accordion-body p {
	font-size: 18px!important;
}

.tr-footer-widget-gallery-item {
  aspect-ratio: 1 / 1;
  width: 100px; /* or any fixed/relative width */
  overflow: hidden;
  position: relative;
}

.tr-footer-widget-gallery-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-trip-thumb  {
  aspect-ratio: 1700 / 900;
  overflow: hidden;
  position: relative;
}

.tr-trip-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.forposta  {
  aspect-ratio: 4 / 5!important;
}

.tr-btn-whatsapp {
	background-color: #25d366;
}

.tr-btn-whatsapp:hover {
    color: var(--tr-common-white);
	background-color: #25d366;
	border: 0px;
}



@media (max-width: 767px) {
	
	.tr-footer-logo img {
		width: 35%;
	}

}