/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

@import "./css/libs.css";
@import "./css/styles.css";
.h1, .h2, h1, h2 {
    line-height: 1.6;
}
:root {
  --color-primary: #0d47a1;  
  --color-secondary: #1e7a3c;
  --color-primary-text: #a8e668;
  --color-secondary-text: #80DEEA;
}
/* • Màu vàng chanh / Vàng sáng: #FFEE58 hoặc #FFF176.
• Màu xanh ngọc sáng (Cyan/Teal): #00E5FF hoặc #80DEEA. */
.header-bottom {
    background: var(--color-primary) !important;
}

@media screen and (min-width: 849px) {
    .nav-dropdown-simple .nav-column li>a:hover, .nav-dropdown.nav-dropdown-simple>li>a:hover, .nav-dropdown .ux-menu-link.menu-item:hover a {
        background: #0e2e70;
        background: var(--color-primary);
        color: var(--color-secondary-text);
        padding-left: 15px;
    }
}

.text-gradient-animated {
    background: linear-gradient(to right, var(--color-primary-text), var(--color-primary-text), var(--color-primary-text), var(--color-primary-text));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine 3s linear infinite;
}
.section-overflow .row.row-small.h-100.p-0 > .col > .col-inner {
    padding: 12px 12px 8px 12px;
    background-color: rgb(13 71 161 / 73%) !important;
}

.bg-gradient-darkblue {
    background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary) 50%, var(--color-primary) 100%);
}

.primary.button.is-bevel {
    background-color: var(--color-primary);
    background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) 100%);
}
.primary.is-link, .primary.is-outline, .primary.is-underline {
    color: var(--color-primary);
}
.is-outline:hover, .primary.is-outline:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}
.bg-gradient-primary {
    background: var(--color-primary);
    background: radial-gradient(circle at 82% 86%, #0047bd 0%, #0d2f67 28%, #180635 60%, #120428 100%);
}

.footer-wrapper .section .section-bg-overlay {
    background-color: var(--color-primary) !important;
}
.absolute-footer, html {
   background-color: #093c8b  !important;
}

.atc__btn {
    background: var(--color-secondary);
}
button#top-link {
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    position: relative;
    color: #fff;
}

.wpcf7-form-control.wpcf7-submit {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 100%) !important;
}