/*  
Theme Name: New Theme
Theme URI: YourWebsite.com
Description: Your Theme Description
Version: 1.0
Author: Your Name
Author URI: http://www.yourwebsite.com

*/

html {
  overflow: unset !important;
  overflow-x: hidden !important;
}

body {
  color: #2a2615 !important;
  overflow-x: hidden;
}

@font-face {
  font-family: 'Gabriola';
  src: url('fonts/Gabriola.ttf') format('truetype');
  /* adjust path */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'bakrsign';
  src: url('fonts/bakrsign.ttf') format('truetype');
  /* adjust path */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.bg-yellow {
  background-color: #fbe374;
}

.bg-green {
  background-color: #008176;
}

.sandalcolor {
  color: #cb6113;
}

.bgsandal {
  background-color: #cb6113;
}

.navbar-light .navbar-nav .nav-item:not(.menubtn) .nav-link {
  color: #2a2615 !important;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'bakrsign', sans-serif;
}

.navbar-light .navbar-nav .nav-item:not(.menubtn) .nav-link:hover {
  color: #008176 !important;
}

.logoimg {
  width: 400px;
  height: auto;
}

/*banner*/
:root {
  --header-height: 70px;
}

.banner {
  min-height: 400px;
  display: flex;
  align-items: center;
}

/* .banner-content h1 {
      font-size: 2.5rem;
      font-weight: bold;
    } */
.banner-content p {
  font-size: 1.2rem;
  color: #555;
}

.banner .carousel-item img {
  max-height: 350px;
  object-fit: contain;
  opacity: 0;
}

.banner .carousel-item.active img {
  opacity: 1;
}

.banner .carousel-indicators,
.banner .carousel-control-prev,
.banner .carousel-control-next {
  display: none !important;
  /* hide arrows and dots */
}

.banner-content .title {
  color: #fff;
  /* font-family: 'Sofia', sans-serif; */
  font-family: 'Gabriola', sans-serif;
  font-size: 3.5rem;
  font-weight: bold;
}

/* .banner-outer {
        height: 80vh;
    } */
.banner-outer {
  min-height: calc(100vh - var(--header-height));
  /* full window height minus header */
  display: flex;
  align-items: center;
  /* vertical centering */
}

.banner {
  flex: 1;
  /* take available space */
  display: flex;
  align-items: center;
  /* keep content vertically centered */
}

/**/

/*menu page design*/
.menu-item {
  border: 5px solid #cb6113;
  border-radius: 50px;
  /* curved borders */
  padding: 10px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  background: #fff;
}

/* .menu-item:hover {
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
      border-color: #aaa;
    } */
.menu-text {
  display: flex;
  flex-direction: column;
  /* stack name + subtext */
}

.item-name {
  font-size: 1.2rem;
  font-weight: 700;
  /* color: #333; */
  position: relative;
}

.sub-text {
  font-size: 0.9rem;
  /* color: #777; */
  margin-top: 2px;

  /* float: right; */
  font-weight: 500;
  padding-top: 1px;
  padding-left: 6px;
  /* position: absolute;
  left: 0px;
  top: 21px; */
  white-space: nowrap;
}

.sub-text p {
  display: unset;
}

.menu-right {
  display: flex;
  align-items: center;
}

.price {
  font-size: 1.5rem;
  font-weight: 700;
  /* color: #e63946; */
  margin-right: 15px;
}

.menu-item img {
  width: auto;
  height: 60px;
  /* border-radius: 50%; */
  /* circular image */
  object-fit: cover;
}

.menu-item.onion-uttapam img {
  /* width: auto;
  height:40px; */
}

.menu-item-title {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

/**End Menu page design**/

/**Gallery Styoe*/
/*gallery image zoom and rotate animation*/
.gallery-image {
  overflow: hidden;
  border-radius: 20px;
  border: 6px solid #cb6113;
}

#gallerysection a img {
  transition: transform 0.6s ease;
}

#gallerysection a:hover img {
  transform: scale(1.5) rotate(15deg);
}

/*end gallery animation*/

.gallery-image .content h1 {
  text-align: center;
}

.gallery-image .content {
  position: absolute;
  bottom: 15px;
  color: #fff;
  width: 100%;
  /**for fade in animation*/
  opacity: 0;
  transition: opacity 0.5s ease-in;
  /**end*/
}

/**for fade in animation*/
.gallery-image:hover .content {
  opacity: 1;
  z-index: 9;
}

/**end*/

.gallery-image::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #000000a8;
  /**for fade in animation*/
  opacity: 0;
  transition: opacity 0.5s ease-in;
  /**end*/
}

/**for fade in animation*/
.gallery-image:hover::after {
  opacity: 1;
}

/**end*/

.gallery-image {
  position: relative;
}

/**End Gallery Styoe**/

@media (max-width: 1200px) {
  .sub-text {
    position: relative;
    top: 0px;
    display: block;
  }
}

@media (max-width: 767px) {
  .logoimg {
    width: 100%;
    height: auto;
  }

  .logodiv {
    width: 70%;
  }
}



/* .animate__animated{
      opacity: 0 !important;
    } */

.pagetitle {
  color: #008176;
}

/*lightbox popup */
@media (min-width: 768px) {
  .lightbox-carousel img {
    max-height: 500px !important;
    width: auto !important;
  }
}

.lightbox-carousel .carousel-item .ratio {
  background-color: #00000000 !important;
}

.lightbox-carousel .carousel-control.h-75 {
  height: fit-content !important;
  width: fit-content;
  border-radius: 54px;
  /* background-color: #008176 !important; */
  opacity: 1;
}

.lightbox .btn-close {
  /* background: #008176 !important; */
  border-radius: 45px;
  opacity: 1;
}

/*end lightbox popup */

.pagecontent h4 {
  color: #cb6113;
}

/* menu contact btn */
.menubtn .nav-link {
  background-color: #cb6113;
  color: #ffffff !important;
  border-radius: 30px;
  padding: 8px 16px;
  transition: background-color 0.3s ease;
  border: 2px solid #cb6113;
  margin-right: 5px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'bakrsign', sans-serif;
}

.menubtn:hover .nav-link {
  background-color: #fbe374;
  color: #cb6113 !important;
  border: 2px solid #cb6113;
}

@media (max-width: 767px) {
  .menubtn .nav-link {
    text-align: center;
    margin-bottom: 5px;
  }
}

/* end menu contact btn */

/* back to top */
#btn-back-to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: none;
  z-index: 99;
  padding: 8px 11px;
}

#btn-social-facebook {
  position: fixed;
  bottom: 55px;
  right: 10px;
  display: none;
  z-index: 99;
  padding: 11px 11px;
  background-color: #3b5998;
  color: #fff;
}

#btn-social-instagram {
  position: fixed;
  bottom: 105px;
  right: 10px;
  display: none;
  z-index: 99;
  padding: 11px 13px;
  background-color: #a11caf;
  color: #fff;
}

#btn-social-youtube {
  position: fixed;
  bottom: 155px;
  right: 10px;
  display: none;
  z-index: 99;
  padding: 11px 10px;
  background-color: #ff0000;
  color: #fff;
}

/* end back to top */

.font-content {
  visibility: hidden;
}

.font-content-two {
  visibility: hidden;
}


/* Orange Btn */
.btn-orange {
  background-color: #cb6113 !important;
  color: #fff !important;
  padding: 8px 16px;
  transition: background-color 0.3s ease;
  border: 2px solid #cb6113;
  margin-right: 5px;
}

.btn-orange:hover {
  background-color: unset !important;
  color: #cb6113 !important;
  border: 2px solid #cb6113;
}

/* end Orange Btn */




/* menu like btn */
.menudivitem {
  border: 5px solid #cb6113;
  border-radius: 50px;
  padding: 10px 30px !important;
  margin-bottom: 20px;
  text-align: center;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease-in-out;
  background: #fff;
  width: fit-content !important;
}

.menudivitem.menupage {
  width: 100% !important;
}

/* gallery page */
.page-template-gallery-template a {
  text-decoration: unset;
}

/* end gallery page */


.w-fit-content {
  width: fit-content;
}

footer .copyright a {
	color: #fff;
}