/* Custom styles for Dallas Tamil Church website */
.btn-info {
    background-color: #800080; /* Purple */
    border-color: #800080; /* Matching border color */
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #6a006a; /* Darker purple on hover/focus/active */
    border-color: #6a006a;
}
@media (min-width: 992px) {

    .dropdown-menu > li:hover > .dropdown-submenu {
        display: block;
    }
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
    min-width: 200px; /* Added to ensure enough width for submenu items */
}

.dropdown-submenu .dropdown-menu {
    display: none;
}

.dropdown-submenu.show .dropdown-menu {
    display: block;
}

.dropdown-item {
    padding: .5rem 1rem; /* Added to ensure consistent padding for dropdown items */
}

@media (min-width: 768px) {
  .navbar-nav {
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
  }

  .dropdown-menu .dropdown-submenu {
    position: absolute;
    left: 100%;
    top: -7px;
  }

  .dropdown-submenu.dropdown-submenu-left > .dropdown-menu {
    right: 100%;
    left: auto;
  }
}

@media (max-width: 991.98px) {
    .navbar-toggler {
        width: 100%;
    }
}



.col-md-8 {
    background-color: #f0f8ff; /* AliceBlue */
    border: 1px solid blue;
}

.col-md-4 {
    background-color: #fff0f5; /* LavenderBlush */
    border: 1px solid red;
}

@media (min-width: 768px) { /* md breakpoint and up */
    .row > .col-md-8,
    .row > .col-md-4 {
        float: left; /* Ensure floating behavior */
        display: block; /* Ensure block display */
        width: auto; /* Let Bootstrap calculate width */
    }
}