/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


/************************* NAVIGATION STARTS **********************/
#main-nav.scrolled {
    background-color: var(--wp--preset--color--secondary) !important;
    transition: 0.15s ease-out;
    border-bottom: 1px solid #d3d3d31f !important;
}

#main-nav {
    transition: 0.15s ease-in;
    border-bottom: 1px solid transparent !important;
}

#wrapper-navbar:has(#mobile-nav-dropdown.show) {
    position: fixed !important;
}

.dropdown-submenu {
    position: relative;
}

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

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

#main-menu .dropdown:hover .dropdown-menu:not(.dropdown-submenu) {
    display: block !important;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    visibility: visible;
    transition: .15s ease-in-out;
}

/************************* NAVIGATION ENDS **********************/

.hero-content .gf-form-container {
    bottom: -60px !important;
}

.hero-title {
    text-wrap: balance;
}

.sticky-image-container {
    height: fit-content;
    position: sticky;
    top: 125px;
}

.video-poster {
    aspect-ratio: 1/1;
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .hero .hero-title {
        font-size: 2rem;
    }
}

.hero {
    min-height: 500px;
}

.btn-outline-secondary:has(.phone-icon):hover circle,
.btn-outline-secondary:has(.phone-icon):hover path {
    stroke: white;
}

.btn-outline-secondary:has(.phone-icon):hover path {
    fill: white;
}