/*
Theme Name: TechInformed
Theme URI: https://techinformed.com/
Author: TechInformed
Author URI: https://techinformed.com/
Description: A custom Bootstrap 5 theme matching Tech Informed header & footer.
Version: 1.2
License: GNU GPL v2 or later
Text Domain: techinformed
*/

/* Fullscreen menu overlay */
.menu-overlay {
  position: fixed;
  top: 0; /* Will be overridden dynamically by JS to header bottom */
  left: 0;
  width: 100vw; /* default; overridden by tablet-fixes to 100% to avoid overflow */
  height: 100vh; /* Will be overridden dynamically by JS */
  background: #181818;
  z-index: 999;
  display: block;
  overflow: hidden; /* internal sections scroll instead */
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: opacity 0.4s cubic-bezier(0.4,0,0.2,1), transform 0.4s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
}
.menu-overlay.open {
  opacity: 1;
  transform: scaleY(1);
  pointer-events: auto;
}

/* Hamburger/cross icon size */
.header-hamburger {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: relative;
}
.header-hamburger i {
  width: 44px;
  font-size: 2rem !important;
  text-align: center;
  display: inline-block;
  transition: transform 0.3s, opacity 0.3s;
  position: absolute;
  left: 40%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
}
.header-hamburger i:hover {
  color: #A40002 !important;
}
.header-hamburger .bi-list {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  font-size: 2rem !important;
}
.header-hamburger.open .bi-list {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scale(0.7);
}
.header-hamburger .bi-x {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(-90deg) scale(0.7);
  font-size: 2rem !important;
}
.header-hamburger.open .bi-x {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(0deg) scale(1);
  font-size: 45px !important;
}
.card-category
{
  margin-bottom: 25px !important;
}
