body {
    font-family: "Montserrat-Regular";
    color: var(--secondary-color);
    min-height: 100vh !important;
    max-width: 100vw !important;
    font-weight: 400;
    font-style: normal;
}
main{
    margin-top: 75px !important;
}
#bright-logo-footer{
    max-width: 500px;
}
@media screen and (max-width: 480px) {

    /* CSS rules for mobile devices go here */
    #bright-logo-footer {
        max-width: 300px !important;
    }
}
/*
Source - https://stackoverflow.com/a/42587673
Posted by Carol Skelly, modified by community. See post 'Timeline' for change history
Retrieved 2026-01-23, License - CC BY-SA 4.0
*/

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 176, 38)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: var(--primary-color);
  box-shadow: none;
} 


.nav-item {
    .nav-link {
        padding: 2.5px 35px;
        color: var(--primary-color)
    }
    .nav-active {
        color: var(--fourth-color) !important;
    }
}
#main-navbar-menu{
    .dropdown-item:hover,.dropdown-item:focus{
        background-color: var(--third-color);
        color: var(--fourth-color);
    }
    .dropdown-item-header:hover{
        color: var(--third-color) !important;
        background-color: var(--secondary-color) !important;
    }
}

 .iku-hover:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
 }

 .iku-shadow {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
 }
 .iku-btn-round {
     border-radius: 30px;
 }

 .iku-container-round {
     border-radius: 60px;
 }
 textarea.iku-container-round {
     border-radius: 30px;
 }

 .vh-75{
    height: 75vh !important;
 }
/* Portfolio sub-menu chevron rotation */
.portfolio-chevron {
    display: inline-block;
    transition: transform 0.25s ease;
    font-size: 1.1rem;
    line-height: 1;
}

[aria-expanded="true"] .portfolio-chevron {
    transform: rotate(90deg);
}

/* Indent sub-items and give them a subtle visual separator */
#portfolioSubMenu .dropdown-item {
    font-size: 0.9em;
    border-left: 2px solid var(--primary-color);
    opacity: 0.85;
}

#portfolioSubMenu .dropdown-item:hover {
    opacity: 1;
    background-color: var(--third-color);
    color: var(--fourth-color);
}
#nav-logo-symbol {
    max-width: 50px !important;
}