/* Custom CSS for AIM Telecom Inc */
/* This file is loaded last in the head to override other styles */

/* -------------------------------------------------------
   WCAG AA Accessibility: Contrast fixes
   #969696 (.text-color-grey) gives only 2.95:1 on white — fails 4.5:1 minimum.
   #666666 gives 5.74:1 on white and 4.91:1 on #EDEDED (bg-color-grey-scale-1).
   Footer overridden separately — it sits on a dark background image.
------------------------------------------------------- */
.text-color-grey {
    color: #666666 !important;
}

#footer .text-color-grey {
    color: #b5b5b5 !important;
}

.custom-crooked-line {
  display: none;
}

/* Remove overlay darkness */
.overlay:hover:before,
.overlay.overlay-show:before,
.overlay.show:before {
  opacity: 0;
}

/* Service Cards Styling */
.card.box-shadow-4 .overlay .position-absolute {
  background-color: #fff;
  /* 
       Top: 20px (More space requested)
       Right: 1.5rem (Matches px-4)
       Bottom: 5px (Kept reduced)
       Left: 1.5rem (Matches px-4 for alignment)
    */
  padding: 20px 1.5rem 5px 1.5rem !important;
  bottom: 0;
}

.card.box-shadow-4 .overlay .position-absolute h4 {
  color: #212529 !important;
  /* text-color-dark equivalent */
  margin-bottom: 0 !important;
  /* Ensure no extra margin affects spacing */
}

.card.box-shadow-4 .card-body {
  padding-top: 5px !important;
  /* Reduced top padding */
}

/* Equal Height Cards */
section .row > div[class*="col-"] > a.custom-link-hover-effects {
  display: flex;
  height: 100%;
}

section .row > div[class*="col-"] > a.custom-link-hover-effects > .card {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

section
  .row
  > div[class*="col-"]
  > a.custom-link-hover-effects
  > .card
  .card-body {
  flex: 1;
}

/* Sticky Header Logo Adjustment */
html.sticky-header-active .header-logo img {
  width: 150px;
  height: 70px;
}

/* Nested Dropdown Support */
.dropdown-menu .dropdown-submenu {
  position: relative;
}

.dropdown-menu .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
  display: block;
  content: " " !important;
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-menu .dropdown-submenu.pull-left {
  float: none;
}

.dropdown-menu .dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}