/*
Custom CSS for TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

*/
.text-primary {
    color: #ff5757 !important
}

.text-secondary {
    color: #fb7572 !important
}

.bg-primary {
    background-color: #ff5757 !important
}

/*.bg-secondary {
    background-color: #fb7572 !important
}*/

.bg-secondary {
    background-color: #33373b !important
}

.btn-outline-primary {
    color: #ff5757;
    border-color: #ff5757
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active,
.btn-outline-primary:hover {
    color: #f6f9fe;
    background-color: #ff5757;
    border-color: #ff5757
}

.btn-primary {
    color: #f6f9fe;
    background-color: #ff5757;
    border-color: #ff5757
}

.typo-space-line::after,
.typo-space-line-center::after {
  content: "";
  width: 150px;
  display:block;
  position: absolute;
  border-bottom:  5px solid #ff5757;
  padding-top: .5em;
}

/* Remove Bootstrap's default caret on dropdown-toggle */
.dropdown-toggle::after {
    display: none !important;
}

/* Add your own clean caret only for submenu items */
.dropdown-submenu > a::after {
    content: "▸";
    float: right;
    margin-top: 4px;
    font-size: 0.7rem;
    opacity: 0.7;
}

/* Position second and third-level dropdowns properly */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* Show submenu on hover */
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

/* Optional: add caret indicator for submenu items */
.dropdown-submenu > a::after {
    content: " ▸";
    float: right;
}

.gallery-img {
    height: 250px; 
    width: 100%; 
    object-fit: contain;
}