/*
Theme Name: avora-child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
*{
    scroll-behavior: auto;
    scroll-behavior: smooth;
}
/*header*/
.nav-line-bottom>li>a:hover:before, 
.nav-line-grow>li>aa:hover:before, 
.nav-line>li>aa:hover:before{
    transform-origin: 0;
    transform: scaleX(1);
    left:0;
    background-color:var(--accent)!important;
}
.nav-line-bottom>li>a:before, 
.nav-line-grow>li>a:before, 
.nav-line>li>a:before{
    transform: scaleX(0);
    transform-origin: 100%;
    transition: transform .45s cubic-bezier(.22, .61, .36, 1);
}
 .nav-dark .nav>li>a:hover{
    color:var(--accent)!important
 }
/*header*/

.min-h-screen {
    min-height:100vh;
}

/*footer*/
.r-footer-2{
    padding: 5rem 2.5rem 2.5rem;
    position: relative;
}
.r-footer-2:before{
    --accent: #F6E07A;
    --accent-2: #E2A724;
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 4px;
    background: linear-gradient(90deg, transparent 0%, var(--accent) 35%, var(--accent-2) 50%, var(--accent) 65%, transparent 100%);
}
.r-footer-2 .r-footer-body{
    margin:0px auto!important;
    position: relative;
}
/*footer*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}