/*
Theme Name: Personal Empowerment Teams
Theme URI: https://mathmozo.com
Author: Samrat Khan
Version: 1.0
Description: A custom theme for Personal Empowerment Teams.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, custom-menu, multi-column, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('assets/css/loggedin_style.css');
body {
  font-weight: 300;
  width: 100%;
  font-family: "Barlow", sans-serif;
  color: #09090A;
}

b,
strong {
  font-weight: 400 !important;
}

.bg-dark-custom {
  background-color: #F2F4F7 !important;
}

/* Remove bullets from menu list */
nav ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

nav ul li {
  padding: 5px 0 !important;
}

.company_name {
  font-size: 20px;
  font-weight: 400;

}

.text-custom-dark {
  color: #09090A;
}

/* Style the anchor tags */
nav a {
  color: #09090A !important;
  text-decoration: none !important;
  font-size: 20px;
}

/* Optional: Add hover effect */
nav a:hover {
  color: #ccc;
  /* Or any color you like */
  text-decoration: none;
}

.footlinks a {
  text-decoration: none;
  color: #09090A;
  margin: 0 10px;
}

.fs-xxl {
  font-size: 3rem;
}

.transparent-bg {
  background-color: rgba(255, 255, 255, 1);
}

.custom-tab-button {
  background: rgba(255, 255, 255, 0.4);
  border: none;
  color: #09090A;
  padding: 10px;
  margin-right: 2px;
}

.custom-tab-button.active {
  background-color: rgba(255, 255, 255, 1);
}

#homeTabContent .tab-pane {
  font-weight: 300;
}

.text-shadow-lg {
  text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
}

.custom-padding-top {
  padding-top: 50px;
  padding-bottom: 50px;
}

h1.fs-giant {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.bg-teal-100 {
  background-color: #ccfbf1 !important;
  /* Tailwind's teal-100 */
}


@media (max-width: 767.98px) {
  .offcanvas-start {
    width: 80% !important;
  }

  h1.fs-giant {
    font-size: 1.5rem;
  }

  .custom-padding-top {
    padding-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  h1.fs-giant {
    font-size: 1.8rem;
  }

  .custom-padding-top {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  h1.fs-giant {
    font-size: 2.5rem;
  }
}