/*
Theme Name: Tây Sài Gòn
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Header */
.transparent .header-main{
	height: 115px !important;
	background: linear-gradient(to bottom, rgba(15, 30, 50, 0.55) 0%, rgba(15, 30, 50, 0.3) 40%, rgba(15, 30, 50, 0.15) 100%);
}
.header-nav-main{
	justify-content: center !important;
}
.header-nav-main .html{
	text-align: center;
	font-size: 26px !important;
    font-weight: 700;
}
.header-bottom {
    background-color: #fff !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12);
    border-top: 1px solid rgba(255, 255, 255, 0.6) !important;
}
.header-bottom{
	min-height: 55px !important;
}
.header-bottom .nav > li > a{
	color: var(--primary-color) !important;
}
.header-bottom .nav>li.active>a{
	transform: scaleX(1);
}
.header-bottom .nav a.active::after{
	transform: scaleX(1);
}
.header-bottom .nav a::after{
	content: "";
    position: absolute;
    bottom: 10px;
    left: 28px;
    right: 28px;
    height: 2px;
    background: #1a6dbf;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}
.header-bottom .nav-spacing-xlarge>li{
	    margin: 0 30px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}