/* Nann Oo Win brand theme: loaded after the Litho theme and recolours it */
:root {
    --now-green-950: #071f13;
    --now-green-900: #0b2e1c;
    --now-green-800: #0d4a2a;
    --now-green-700: #146b37;
    --now-green-600: #1e7a3c;
    --now-green-400: #5cb04a;
    --now-gold: #f2a500;
    --now-gold-dark: #d98c00;
    --now-red: #d10a0a;
    --now-red-dark: #a50000;
    --now-cyan: #1aa7d4;
    --now-tint: #f3f8f4;
}

::selection { background: var(--now-gold); color: #fff; }
a:hover { color: var(--now-green-600); }

/* headings / content gradients */
.text-gradient-fast-blue-purple {
    background: linear-gradient(to right, var(--now-green-800), var(--now-green-600), var(--now-green-400));
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.text-gradient-sky-blue-pink,
.text-gradient-sky-blue-pink-2 {
    background: linear-gradient(to right, var(--now-red-dark), var(--now-red), #e2401a, var(--now-gold));
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.text-gradient-light-purple-light-orange {
    background: linear-gradient(to right, var(--now-gold-dark), var(--now-gold), #e2401a, var(--now-red));
    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.border-gradient-fast-blue-purple {
    border-image: linear-gradient(to right, var(--now-green-800), var(--now-green-600), var(--now-gold)) 1;
}

/* solid colours */
.text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover { color: var(--now-green-600) !important; }
.text-olivine-green, .btn-link.text-olivine-green { color: var(--now-red) !important; }
.border-color-light-peach { border-color: var(--now-gold) !important; }
.bg-light-blue { background-color: var(--now-tint) !important; }
.bg-dark-slate-blue,
.bg-slate-blue { background-color: var(--now-green-950) !important; }
.bg-medium-slate-blue { background-color: var(--now-green-800) !important; }
.bg-extra-dark-gray { background-color: var(--now-green-900) !important; }
.bg-gradient-dark-slate-blue {
    background-image: linear-gradient(to right, rgba(7,31,19,.92), rgba(7,31,19,.68), rgba(7,31,19,.38), rgba(7,31,19,.08), rgba(7,31,19,0)) !important;
}

/* buttons */
.btn-gradient-sky-blue-pink,
.btn-gradient-sky-blue-pink:focus {
    background-image: linear-gradient(to right, var(--now-gold), var(--now-red), var(--now-gold)) !important;
    background-size: 200% auto; color: #fff !important; border: 0;
}
.btn-gradient-light-purple-light-orange,
.btn-gradient-light-purple-light-orange:focus {
    background-image: linear-gradient(to right, var(--now-green-800), var(--now-green-400), var(--now-green-800)) !important;
    background-size: 200% auto; color: #fff !important; border: 0;
}
.btn-gradient-sky-blue-pink:hover,
.btn-gradient-light-purple-light-orange:hover { background-position: right center; color: #fff !important; }
.btn.btn-link.text-white:hover { color: var(--now-gold) !important; }
.btn.btn-link.text-white:after { background-color: var(--now-gold); }
.btn.btn-white:hover { background-color: var(--now-gold) !important; border-color: var(--now-gold) !important; color: #fff !important; }

/* top bar */
.top-bar.bg-transparent-extra-dark-gray2 { background-color: var(--now-green-800) !important; }
.top-bar .social-icon a:hover { color: var(--now-gold) !important; }

/* white navbar */
header .navbar.brand-navbar,
header.sticky .navbar.brand-navbar {
    background-color: #fff !important;
    box-shadow: 0 2px 18px rgba(7,31,19,.10);
    border-bottom: 3px solid var(--now-gold) !important;
}
header .navbar.brand-navbar .navbar-brand img,
header.sticky .navbar.brand-navbar .navbar-brand img { max-height: 46px; max-width: 100%; }
header .navbar.brand-navbar .navbar-nav > .nav-item > .nav-link,
header.sticky .navbar.brand-navbar .navbar-nav > .nav-item > .nav-link { color: var(--now-green-800) !important; font-weight: 500; }
header .navbar.brand-navbar .navbar-nav > .nav-item > .dropdown-toggle { color: var(--now-green-800) !important; }
header .navbar.brand-navbar .navbar-nav > .nav-item:hover > .nav-link,
header .navbar.brand-navbar .navbar-nav > .nav-item.active > .nav-link,
header .navbar.brand-navbar .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: var(--now-red) !important; }
header .navbar.brand-navbar .navbar-toggler-line { background-color: var(--now-green-800) !important; }
.simple-dropdown .dropdown-menu { border-top: 3px solid var(--now-gold); }
.simple-dropdown .dropdown-menu .dropdown a:hover,
.simple-dropdown .dropdown-menu .dropdown:hover > a,
.simple-dropdown .dropdown-menu .dropdown a.active { color: var(--now-green-600) !important; }
@media (max-width: 991px) {
    header .navbar.brand-navbar .navbar-collapse { background-color: #fff; }
    header .navbar.brand-navbar .navbar-brand img { max-height: 38px; }
}

/* sliders */
.swiper-pagination-bullet-active { background-color: var(--now-gold) !important; border-color: var(--now-gold) !important; }
.slider-navigation-style-07:hover { background-color: var(--now-green-600) !important; }
.slider-navigation-style-07:hover i { color: #fff !important; }

/* cards */
.portfolio-boxed .portfolio-box .portfolio-image { border: 1px solid rgba(13,74,42,.06); }
.portfolio-boxed .portfolio-box:hover .portfolio-hover .text-extra-dark-gray { color: var(--now-green-800) !important; }
.portfolio-boxed .portfolio-box:hover .line-icon-Arrow-OutRight { color: var(--now-red) !important; }
.portfolio-classic .portfolio-box:hover { box-shadow: 0 10px 30px rgba(13,74,42,.18) !important; }
.portfolio-classic .portfolio-caption a:hover strong { color: var(--now-green-600) !important; }

/* pagination */
.ci-pagination .list-group-item { border-color: rgba(13,74,42,.15); }
.ci-pagination .list-group-item a { color: var(--now-green-800); }
.ci-pagination .list-group-item.active.bg-dark { background-color: var(--now-green-600) !important; border-color: var(--now-green-600) !important; }
.ci-pagination .list-group-item:not(.active):hover { background-color: var(--now-gold); border-color: var(--now-gold); }
.ci-pagination .list-group-item:not(.active):hover a { color: #fff; }

/* tabs */
.tab-style-01 .nav-tabs > li.nav-item .tab-border { background-color: var(--now-gold) !important; }
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link.active,
.tab-style-01 .nav-tabs > li.nav-item > a.nav-link:hover { color: var(--now-green-800) !important; }

/* forms */
input.medium-input:focus, textarea.medium-textarea:focus, select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--now-green-600) !important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--now-tint); border-color: rgba(13,74,42,.25); color: var(--now-green-800);
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--now-green-600); }
#toast-container > .toast-success { background-color: var(--now-green-600); }
#toast-container > .toast-error { background-color: var(--now-red); }

/* contact cards */
.feature-box-hide-show-hover:hover { box-shadow: 0 0 0 2px var(--now-gold), 0 20px 40px rgba(13,74,42,.15) !important; }

/* footer */
.footer-dark { color: rgba(255,255,255,.6); }
.footer-dark a { color: rgba(255,255,255,.65) !important; }
.footer-dark a:hover { color: var(--now-gold) !important; }
.footer-dark .footer-bottom { border-top: 4px solid var(--now-gold); }
.footer-dark hr { border-color: rgba(255,255,255,.12); opacity: 1; }
.footer-dark .text-decoration-line-bottom { color: var(--now-gold) !important; border-bottom-color: var(--now-gold) !important; }

/* scroll to top */
.scroll-top-arrow, .scroll-top-arrow:focus { background: var(--now-green-600); color: #fff; }
.scroll-top-arrow:hover { background: var(--now-gold); color: #fff; }