/**
 * Theme Name: barahaTown
 * Template:   hello-elementor
 * 
 */
.site-header {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-inline-end: 5% !important;
  padding-inline-start: 5% !important;
  width: 100% !important;
  max-width: 100% !important;
}
.header-inner {
  height: 100% !important;
}

.site-header .site-branding .site-logo img {
  width: 191px !important;
  height: 65px !important;
  max-width: 198px !important;
}
.site-navigation {
  height: 100% !important;
}

.baraha-site-navigation > .menu {
  padding: 0px;
  height: 100% !important;
  align-items: center;
}
.site-navigation ul.menu li.menu-item {
  position: unset;

  height: 100% !important;
  align-items: center;
}
.baraha-site-navigation > .menu > .menu-item > a {
  border: solid 1px transparent;
  border-radius: 4px;
  margin: 0px 2px;
}
.baraha-site-navigation > .menu > .menu-item-4296 > a {
  background-color: #f47f52 !important;
  color: #f7f6f3 !important;
  text-transform: uppercase;
  border-radius: 4px;
}
.baraha-site-navigation > .menu > .menu-item-4389 > a {
  background-color: #7794cc !important;
  color: #f7f6f3 !important;
  text-transform: uppercase;
  border-radius: 4px;
}

.baraha-site-navigation > .menu > .menu-item:hover > a {
  border: #f47f52 solid 1px;

  color: #f47f52;
}
.site-navigation > ul.menu > li.menu-item-has-children:hover::after {
  color: #f47f52 !important;
}

.baraha-site-navigation > .menu > .current-menu-item:not(.menu-item-4296) > a {
  color: #f47f52 !important;
  border: #f47f52 solid 1px;
}
.site-navigation ul.menu li.menu-item-has-children:after {
  display: none !important;
  align-items: center;
  color: #666;
  content: "▾";
  display: flex;
  font-size: 1em;
  justify-content: center;
  text-decoration: none;
  width: 0px;
}

.baraha-site-navigation > .menu > .menu-item > .sub-menu {
  position: absolute;
  width: 100%;
  z-index: 9999;
  background-color: #f7f6f3;
  width: 100%;
  border-top: #6666668e solid 1px;
}
.baraha-site-navigation > .menu > .menu-item > .sub-menu > li > a {
  font-size: 18px !important;
  width: 100%;
  margin-left: 10%;
}
.baraha-site-navigation > .menu > .menu-item > .sub-menu > li > a:hover {
  color: #f47f52;
}
.baraha-site-navigation
  > .menu
  > .menu-item
  > .sub-menu
  > .current-menu-item
  > a {
  color: #f47f52 !important;
}
.stickyHeadier-container {
  position: sticky;
  top: 0px;
  display: flex;
  justify-self: start;
  align-items: center;
  width: 100%;
  height: 40px;
  background-color: #f47f52;
  z-index: 99;
}
.stickyHeadier-container > .menu {
  display: flex;
  justify-content: end;
  margin: auto;
  align-items: center;
  width: 90vw;
  padding: 0px;
}
.stickyHeadier-container > .menu > .menu-item {
  margin: 0px 2%;
  list-style-type: none;
  padding: 0px;
  position: relative;
}

.stickyHeadier-container > .menu > .menu-item > .sub-menu {
  /* margin: auto; */
  padding: 4px;
  width: 200% !important;
  min-height: 40px;
  position: absolute;
  display: none;
  justify-content: space-around;
  flex-direction: column;
  align-items: center;
  top: 20px;
  left: 0;
  border-radius: 6px;
  gap: 10px;
  background: rgba(244, 128, 82, 0.662);
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(6.4px);
  -webkit-backdrop-filter: blur(6.4px);
  border: 1px solid rgba(244, 127, 82, 0.34);
  translate: calc(-20%);
}
.stickyHeadier-container > .menu > .menu-item > .sub-menu > li {
  width: 100%;
  height: 100%;
  text-align: center;
  align-content: center;
  list-style-type: none;
  align-self: center;
  font-weight: bold !important;
  border-top: 1px #f7f6f347 solid;
}
.stickyHeadier-container > .menu > .menu-item > .sub-menu > a {
  font-size: 12px;
  color: #f7f6f3;
  font-weight: bold !important;
}
.stickyHeadier-container > .menu > .menu-item:hover > .sub-menu {
  display: flex;
}
.stickyHeadier-container a {
  color: #f7f6f3;
  /* text-transform: uppercase; */
  font-size: 12px;
  font-weight: bold;
}
.stickyHeadier-container a:hover {
  color: #faf0d2;
}
.site-navigation-dropdown {
  margin-block-start: 0px !important ;
  top: 80px;
  left: 0px;
  position: absolute;
  width: 100%;
  /* height: calc(100vh - 100px) !important; */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #f7f6f3;
}

.site-navigation-dropdown > .menu > .menu-item a {
  background-color: #f7f6f3;
  text-transform: uppercase;
}

.site-navigation-dropdown > .menu > .current-menu-item {
  border: #f47f52 solid 1px;
}
.site-navigation-dropdown > ul:first-of-type > .current-menu-item > a {
  background-color: #f7f6f3 !important;

  color: #f47f52 !important;
}
.site-navigation-dropdown
  > .menu
  > .menu-item
  > .sub-menu
  > .current-menu-item {
  border: #f47f52 solid 1px;
}
.site-navigation-dropdown
  > ul:first-of-type
  > .menu-item
  > .sub-menu
  > .current-menu-item
  > a {
  background-color: #f7f6f3 !important;
  color: #f47f52 !important;
}
.site-navigation-dropdown > ul.menu {
  position: unset !important;
}
.site-navigation-dropdown > ul:last-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #f47f52 !important;
}
/* .site-navigation-dropdown > ul:last-of-type .menu-item {
  width: 33%;
} */
.site-navigation-dropdown > ul:last-of-type .menu-item a {
  background-color: #f47f52 !important;
  color: #f7f6f3;
  text-align: start;
  /* font-size: 12px; */
  padding: 8px 20px;
  text-transform: uppercase;
}
.baraha-site-footer {
  border-top: #f47f52 3px solid;
  /* width: 80%; */
  height: 80px;
  margin: auto;
  border-radius: 100% 100% 0px 0px;
  margin-bottom: 0px;
  bottom: 0px;
  padding: 0px;
}

/* ============================================================================================== */

.MyCustomvideoContainer {
}

.MyCustomvideo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  width: 100%;
}

.MyCustomvideo video:first-of-type {
  position: fixed;
  width: 100%;
  height: 400px;
  border-radius: 0px 0px 0px 0px;
  object-fit: cover;
  background-color: #f47f52;
}
/*============================================ media query ===============================================*/
.gridContiner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 376px) {
  .stickyHeadier-container {
    display: none;
  }
}

@media (min-width: 376px) and (max-width: 767px) {
  .baraha-site-navigation {
    display: none !important;
  }
  .stickyHeadier-container {
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .baraha-site-navigation {
    display: none !important;
  }
  .stickyHeadier-container {
    display: none;
  }
  .site-header.menu-dropdown-mobile:not(.menu-layout-dropdown)
    > .header-inner
    > .site-navigation-toggle-holder {
    display: flex !important;
  }
  /* .baraha-site-navigation > .menu > .menu-item {
  }
  .stickyHeadier-container > .menu > .menu-item a {
    color: #f7f6f3;
    text-transform: uppercase;
    font-size: 10px;
  }
  .site-header .site-branding .site-logo img {
    width: 100px !important;
    height: 35px !important;
    max-width: 198px !important;
  }
  .stickyHeadier-container > .menu > .menu-item > .sub-menu > li > a {
    font-size: 10px;
  }
  .stickyHeadier-container > .menu > .menu-item > .sub-menu {
    width: 65%;
  } */
}