/* 
=============================================
Layout
=============================================*/

@media (max-width: 992px) {
    html {
        scroll-padding-top: 65px;
    }
}

/* 
---------------------------------------------
# Section (.idx-section)
---------------------------------------------*/

.idx-section {
    margin-bottom: 3rem;
}

.idx-section .container,
.idx-section .container-fluid {
    padding-left: 1rem;
    padding-right: 1rem;
}
.idx-section.idx-bg-gray {
    background-color: var(--kite-bg-gray);
}
.idx-section.idx-bg-blue {
    background: var(--idx-bg-gradient-blue);
    color: var(--kite-white);
}

.idx-section p + ul:not([class]) {
    margin-top: 1rem;
}
.idx-section ul:not([class]) + p:not([class]) {
    margin-top: 1.5rem;
}
.idx-section ul:not([class]) > li {
    margin-bottom: .2rem;
}



.idx-header .container,
.idx-header .container-fluid {
    padding: 0 1rem;
}

@media (min-width: 768px) {

    .idx-section {
        margin-bottom: 3rem;
    }
    .idx-section .container,
    .idx-section .container-fluid {
        max-width: var(--idx-main-area-max-width);
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .idx-header .container,
    .idx-header .container-fluid {
        max-width: var(--idx-main-area-max-width);
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}
@media (min-width: 992px) {

    .idx-header .container,
    .idx-header .container-fluid {
        max-width: var(--idx-main-area-max-width);
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .idx-section .container-fluid.idx-container-thin {
        max-width: var(--idx-main-area-article-width);
    }
}

/* 
## Section heading (.idx-section-heading)
---------------------------------------------*/

.idx-section-heading {
    font-size: 1.25rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: 1rem;
}
.idx-section-subheading {
    font-size: 1rem;
    font-weight: var(--idx-weight-heading);
}

@media (min-width: 768px) {
    .idx-section-heading {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
    }
    .idx-section-subheading {
        font-size: 1.125rem;
    }
}

/* section heading variation */

.idx-section-heading.section-line {
    align-items: center;
    display: flex;
    font-weight: var(--idx-weight-heading);
}
.idx-section-heading.section-line::after {
    background-color: var(--kite-text-muted);
    content: "";
    flex-grow: 1;
    height: 1px;
    margin-left: 1rem;
}
.idx-faq .idx-section-heading.section-line {
    font-size: 1.5rem;
}

/* 
---------------------------------------------
# Common List (.idx-list)
---------------------------------------------*/

.idx-list {
    margin-bottom: 1.5rem;
    padding: 0;
}
.idx-list > .list-item {
    border-bottom: 1px solid var(--kite-border-primary);
    list-style: none;
    padding-left: 1.25rem;
}
.idx-list .list-link {
    color: var(--kite-text-link);
    display: inline-block;
    padding: .75rem .25rem .75rem .25rem;
    position: relative;
}
.idx-list .list-link:hover,
.idx-list .list-link:active {
    opacity: .75;
}
.idx-list .list-link::before {
    color: var(--kite-accent);
    content: "\025b8";
    display: inline-block;
    font-size: 1rem;
    left: -1rem;
    margin-right: .375em;
    position: absolute;
    transform: scale(112.5%) translateY(-5%);
}
.idx-list .list-item > span {
    color: var(--kite-text-primary);
    display: inline-block;
    padding: .75rem .25rem .75rem .25rem;
    position: relative;
}

/* has-sub */
.idx-list > .list-item.has-sub {
    position: relative;
}
.idx-list > .list-item.has-sub > .list-link {
    display: block;
}
.idx-list > .list-item.has-sub > .list-link::after {
    color: var(--kite-text-muted);
    content: "\F64D";
    display: block;
    font-family: bootstrap-icons !important;
    font-size: 1rem;
    position: absolute;
    right: .5625rem;
    text-align: center;
    top: .75rem;
    transition: all .25s 0s ease;
}
.idx-list > .list-item.has-sub ul {
    list-style: none;
    margin-bottom: .5rem;
    padding-left: 1.5rem;
}
.idx-list > .list-item.has-sub > .list-link + .sub-item {
    display: none;
}
.idx-list > .list-item.has-sub > .list-link.active + .sub-item {
    display: block;
    animation: idx-open-anination .25s ease;
}
.idx-list > .list-item.has-sub > .list-link.active::after {
    transform:rotate(45deg);
}

/* 
## list layout variation
---------------------------------------------*/

.idx-list.idx-list-col-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.idx-list.idx-list-col-2 .list-item {
    width: calc(50% - .75rem);
}

@media (min-width: 992px) {
    .idx-list.idx-list-lg-col-2 {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .idx-list.idx-list-lg-col-2 .list-item {
        width: calc(50% - .75rem);
    } 
}

/* 
## list icon
---------------------------------------------*/

.idx-list-fileicon .list-item{
    align-items: center;
    display: flex;
}
.idx-list-fileicon .list-item .file{
    font-size: 1.375rem;
    margin-left: auto;
    min-width: 2rem;
}

@media (min-width: 768px) {
    
    .idx-list .list-link {
        /*
        color: var(--kite-text-link);
        display: block;
        padding: .75rem .5rem .75rem .5rem;
        */
    }

    .idx-list.idx-lg-list-flat {
        justify-content: center;
    }
    .idx-list.idx-lg-list-flat .list-item {
        border-bottom: none;
        display: list-item;
        white-space: nowrap;
        width: auto;
        
    }
    .idx-list.idx-lg-list-flat .list-link {
        font-size: 0.875rem;
    }
    .idx-list.idx-lg-list-flat .list-link::before {
        left: -.5rem;
    }
}

/* 
---------------------------------------------
# Common menu (.idx-u-menu)
---------------------------------------------*/

.idx-u-menu {
    background-color: var(--kite-bg-blue);
    border-radius: var(--idx-radius-primary);
    margin-bottom: 2.5rem;
    padding: 1rem 1.5rem;
    width: 100%;
}
.idx-u-menu .category + .category {
    margin-top: 1rem;
}
.idx-u-menu .list{
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}
.idx-u-menu .title {
    font-weight: var(--idx-weight-heading);
    margin-bottom: .25rem;
}                        
.idx-u-menu .list-item {
    display: inline-block;
    margin-bottom: .25rem;
}
.idx-u-menu .list-item a{
    border-radius: var(--idx-radius-primary);
    display: block;
    padding: .1875rem .5rem; 
}
.idx-u-menu .list-item a.active{
    background-color: var(--kite-btn-link);
    color: var(--kite-white);
}
.idx-u-menu .list-item a.active:hover,
.idx-u-menu .list-item a.active:focus {
    text-decoration: none;
}

.idx-u-menu .list-item a:not(.active):hover,
.idx-u-menu .list-item a:not(.active):focus {
    background-color: var(--kite-bg-blue);
    color: var(--kite-accent);
    opacity: 1;
    text-decoration: none;
}

.idx-u-menu .list.list-flex {
    display: flex;
    flex-wrap: wrap;
}
.idx-u-menu .list.list-flex .list-item {
    width: 6.5em;
}

/* 
---------------------------------------------
## list tool menu (.idx-ui-group)
---------------------------------------------*/

.idx-ui-group {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.idx-ui-group > a,
.idx-ui-group > button,
.idx-ui-group > div,
.idx-ui-group > input,
.idx-ui-group > p,
.idx-ui-group > select,
.idx-ui-group > span {
    margin-bottom: 0;
    margin-right: .5rem;
    width: auto;
}
.idx-ui-group > *:last-child{
    margin-right: 0;
}
.idx-ui-group > .position-end{
    margin-left: auto;
}


/* 
---------------------------------------------
# decoration style
---------------------------------------------*/

/*
## link style (.idx-u-link)
---------------------------------------------*/
.idx-u-link{
    position: relative;
}
.idx-u-link:before {
    color: var(--kite-accent);
    content: "\025b8";
    display: inline-block;
    font-size: 1rem;
    left: -1rem;
    margin-right: .375rem;
    position: absolute;
    transform: scale(112.5%) translateY(-5%);
}
.idx-u-page-link{
    position: relative;
}
.idx-u-page-link::after {
    content: "\F285";
    display: inline-block;
    font-family: bootstrap-icons !important;
    margin-left: .25rem;
    position: absolute;
}

/*
## label (.idx-u-label)
---------------------------------------------*/

.idx-u-label {
    border-radius: 4px;
    color: var(--kite-white);
    display: inline-block;
    font-size: 75%;
    margin-right: .75rem;
    padding: 0 .5rem;
}
.idx-u-label-blue {
    background-color: var(--kite-blue-90);
}
.idx-u-label-red {
    background-color: var(--kite-red-90);
}
.idx-u-label-green {
    background-color: var(--kite-green-90);
}
.idx-u-label-yellow {
    background-color: var(--kite-yellow-90);
}
.idx-u-label-orange {
    background-color: var(--kite-orange-90);
}
.idx-u-label-gray {
    background-color: var(--kite-gray-90);
}

/* 
## file type icon
---------------------------------------------*/

.file .bi-filetype-pdf{
    color: var(--kite-file-pdf);
}
.file .bi-filetype-csv{
    color: var(--kite-file-csv);
}
.file .bi-filetype-xls{
    color: var(--kite-file-xls);
}
.file .bi-filetype-doc{
    color: var(--kite-file-doc);
}
.file .bi-folder{
    color: var(--kite-file-folder);
}

/* 
## daily-change common style
---------------------------------------------*/

.idx-section .daily-change .range {
    background-color: var(--kite-bg-gray);
    border-radius: var(--idx-radius-primary);
    display: inline-block;
    padding: .2em .25em .2em .5em;
}

/* 
### up */
.idx-section .daily-change.up .change {
    color: var(--kite-up);
}
.idx-section .daily-change.up .range {
    background-color: var(--kite-bg-up);
    color: var(--kite-up);
}
.idx-section .daily-change.up .range::after {
    content: "\F148";
    display: inline-block;
    font-family: bootstrap-icons !important;
}

/* 
### down */
.idx-section .daily-change.down .change {
    color: var(--kite-down);
}
.idx-section .daily-change.down .range {
    background-color: var(--kite-bg-down);
    color: var(--kite-down);
}
.idx-section .daily-change.down .range::after {
    content: "\F128";
    display: inline-block;
    font-family: bootstrap-icons !important;
}

/*
=============================================
Basic element 

- Sideber/Header (.idx-sidebar)
- Topbar (.idx-topbar)
- Page header (idx-header)
- Footer (.idx-footer)
- 
=============================================*/


/* 
---------------------------------------------
# Sidebar (idx-sidebar)
    - Brand
    - Global nav
---------------------------------------------*/

.idx-sidebar {
    background-color: #fff;
    border-bottom: 1px solid var(--kite-border-primary);
}
.idx-sidebar .navbar-toggler {
    border: none;
    outline: 0;
    margin: 0 .375rem;
}
.idx-sidebar .navbar-toggler:focus{
    box-shadow: none;
}
.idx-sidebar .offcanvas-title{
    font-feature-settings: "palt";
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
}
.idx-sidebar .offcanvas-body{
    padding: .5rem 1rem 1rem 1rem;
}

@media (min-width: 992px) {
    .idx-sidebar {
        border-bottom: none;
        border-right: 1px solid var(--kite-border-primary);
        bottom: 0;
        display: block;
        max-width: 16rem;
        /*overflow-y: auto;*/
        padding: 0;
        position: fixed;
        top: 0;
        width: 100%;
        z-index:999;
    }
    .idx-sidebar .offcanvas-body{
        flex-direction: column;
        height: 100%;
        padding: .5rem 2rem 1rem 2rem;
    }
    .idx-sidebar > [class*=container] {
        align-items: stretch;
        flex-direction: column;
        height: 100%;
    }
    .idx-sidebar ~ .idx-main {
        margin-left: 16rem;
    }
}

/*
## Brand (.navbar-brand)
---------------------------------------------*/

.idx-sidebar .navbar-brand {
    font-feature-settings: "palt";
    font-size: 1.125rem;
    font-weight: 600;

}
.idx-sidebar .idx-tagline {
    color: var(--kite-brand);
    font-size: .75rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: 0;
}
.idx-sidebar > .container-fluid {
    justify-content:flex-start;
}

@media (min-width: 992px) {

    .idx-sidebar .navbar-brand {
        font-size: 1.5rem;
        margin-right: 0;
        margin-bottom: 0;        
    }
    .idx-sidebar .idx-brand {
        padding: 3rem 0;
        text-align: center;
    }
    .idx-sidebar .idx-tagline {
        font-size: 1rem;
        margin: .5rem 0 0 0;
    }
}

/*
## Global nav (.idx-gnav)
---------------------------------------------*/

.idx-gnav.navbar-nav .nav-item .idx-icon {
    background-color: var(--kite-accent);
    font-size: 1.25rem;
    margin-right: .75rem;
    vertical-align: bottom;
}
.idx-gnav.navbar-nav .label {
    color: var(--kite-text-muted);
    font-size:.75rem;
    margin-bottom: 0;
}
.idx-gnav.navbar-nav .nav-item + .nav-item .label {
    margin-top: .75rem;
}
.idx-gnav.navbar-nav .nav-link{
    color: var(--kite-text);
    font-weight: var(--idx-weight-nav);
    padding: .5rem .75rem;
}
# .idx-gnav.navbar-nav .nav-link.active {
#     background-color: var(--kite-bg-blue);
#     color: var(--kite-accent);
# }
.idx-gnav.navbar-nav .nav-link:hover {
    border-radius: var(--idx-radius-primary);
    background-color: var(--kite-bg-blue);
    color: var(--kite-accent);
    text-decoration: none;
}

@media (min-width: 992px) {
    
    .idx-gnav.navbar-nav {
        flex-direction: column;
        width: 100%;
    }
    .idx-gnav.navbar-nav .nav-item .label {
        padding: .375rem 1.5rem
    }
    .idx-gnav.navbar-nav .nav-item .nav-link {
        align-items: center;
        display: flex;
        font-size: 1rem;
        padding: .5rem 1.5rem;
        position: relative;
        white-space: nowrap;
    }
    .idx-gnav.navbar-nav .nav-link.active {
        background-color: var(--kite-bg-blue);
        color: var(--kite-accent);
    }
}

/*
## Sub menu
---------------------------------------------*/

.idx-gnav .nav-item {
    list-style: none;
}
.idx-gnav .nav-subnav .nav-link {
    font-weight: normal;
}

@media (min-width: 992px) {
    .idx-gnav .nav-item.has-sub {
        position: relative;
    }
    .idx-gnav .nav-item.has-sub > .nav-subnav {
        background-color: var(--kite-white);
        border: 1px solid var(--kite-border-primary);
        border-radius: var(--idx-radius-primary);
        display: none;
        left:-16rem;
        padding: 1rem .5rem;
        position: absolute;
        transition: all .25s 0s ease;
    }
    .idx-gnav .nav-item.has-sub:hover > .nav-subnav {
        box-shadow: 2px 2px 2px rgba(0,0,0,.1);
        display: block;
        left:calc(16rem - .5rem);
        animation: open-anination-submenu .3s ease;
        top: 0;
        z-index: 1;
    }
    @keyframes open-anination-submenu {
        0%{
            opacity: 0;
            top:-.3rem;
        }
        100%{
            opacity: 1;
            top:0;
        }
    }
    .idx-gnav .nav-item.has-sub > .nav-link::after {
        color: var(--kite-text-muted);
        content: "\F285";
        display: block;
        font-family: bootstrap-icons !important;
        font-size: .8125rem;
        position: absolute;
        right: .5625rem;
        transition: all .25s 0s ease;
    }
    .idx-gnav .nav-item.has-sub > .nav-subnav .nav-item {
        border: 0;
        display: block;
        width: 100%;
        clear: both;
        text-align: inherit;
        white-space: nowrap;
    }
    .idx-gnav .nav-item.has-sub > .nav-subnav .nav-link {
        padding: .5rem 1rem;
    }
    .idx-gnav .nav-item.has-sub > .nav-subnav .nav-link::before {
        color: var(--kite-accent);
        content: "\025b8";
        display: inline-block;
        font-size: 1.125rem;
        margin-right: .375em;
    }
    .idx-gnav .nav-item.has-sub > .nav-subnav .nav-item:hover,
    .idx-gnav .nav-item.has-sub > .nav-subnav .nav-item:focus {
        opacity: 1;
        text-decoration: none;
    }
}

/*
##  responsive - height
---------------------------------------------*/

@media (min-width: 992px) and (max-height: 700px) {
    body {
    }
    .idx-sidebar .idx-brand {
        padding-bottom: calc( 3rem - 20 * ((700px - 100vh) / 200));
        /*transition: all .25s 0s ease;*/
    }
    .idx-gnav.navbar-nav .nav-item > * {
        /*transition: all .25s 0s ease;*/
    }
    .idx-gnav.navbar-nav .nav-item .label {
        padding: calc( .375rem - 3 * ((700px - 100vh) / 100)) 1.5rem;
    }
    .idx-gnav.navbar-nav .nav-item .nav-link {
        padding: calc( .5rem - 3 * ((700px - 100vh) / 100)) 1.5rem;
    }
}
@media (min-width: 992px) and (max-height: 576px) {
    .idx-gnav.navbar-nav .nav-item .label {
        display: none;
    }
    .idx-gnav.navbar-nav .nav-item .nav-link {
        padding: .375rem 1.5rem;
    }
}

/*
##  btn - Subscribers page (.idx-member)
---------------------------------------------*/

.idx-member {
    margin-top: 1.5rem;
    max-width:400px;
    width:100%;
}
.idx-member-link {
    border: 1px solid Var(--kite-brand);
    border-radius: var(--idx-radius-primary);
    color: var(--kite-brand);
    display: block;
    padding: .75rem 0;
    text-align: center;
    text-decoration: none;
}
.idx-member-link:hover {
    color: var(--kite-accent);
    background-color: var(--kite-bg-blue);
    text-decoration: none;
}
.idx-member-link i{
    font-size: 1.3125rem;
    margin-right: .25rem;
    
}
.idx-member-link .idx-icon {
    font-size: 1.1875rem;
    vertical-align: middle;
    background-color:var(--kite-brand);
}

@media (min-width: 992px) {
    .idx-member {
        background-color: rgba(255,255,255,.75);
        margin-bottom: 1.25rem;
        margin-top: auto;
        padding: 0 1rem;
        /*position: fixed;*/
        width: calc(16rem - 1px);
    }
    .idx-member-link {
        display: block;
        color: var(--kite-brand);
        padding: .375rem .5rem .375rem .375rem;
    }
}
@media (min-width: 992px) and (max-height: 500px) {
    .idx-member {
        bottom: 0;
        position: fixed;
    }
}
/* 
---------------------------------------------
# Topbar (idx-topbar)
 - Breadcrumb (.breadcrumb)
 - Language switcher (.lang-switcher)
---------------------------------------------*/

.idx-topbar > [class*=container]{
    background-color: rgba(255, 255, 255, .03);
    position: relative;
}

@media (min-width: 992px) {
    .idx-topbar {
        background: var(--idx-bg-gradient-blue);
        border-top: none;
    }
}

/*
## Breadcrumb
---------------------------------------------*/

 .breadcrumb {
    font-size: .875rem;
    opacity: var(--idx-opacity-hover);
    overflow: hidden;
    padding: .5rem 0 .5rem .375rem;
}
.breadcrumb-item {
    white-space: nowrap;
}
.breadcrumb-item.active {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50vw;
}
.breadcrumb-item a {
    color: var(--kite-text-primary);
    text-decoration: none;
}
.breadcrumb-item a:hover {
    opacity: var(--idx-opacity-hover);
    text-decoration: underline;
}
.breadcrumb-item a, .breadcrumb-item.active,
.breadcrumb-item + .breadcrumb-item::before{
    color: var(--kite-text-primary);
}

@media (min-width: 992px) {
    .breadcrumb {
        padding-left: .5rem;
    }
    .breadcrumb-item a, .breadcrumb-item.active,
    .breadcrumb-item+.breadcrumb-item::before{
        color: var(--kite-white);
    }
    .breadcrumb-item.active {
        max-width: 30vw;
    }
}

/*
## Lang-switcher
---------------------------------------------*/

.lang-switcher {
    display: flex;
    font-size: .875rem;
    flex-wrap: nowrap;
    list-style: none;
    margin:0;
    opacity: 1;
    padding: 0;
    transition: all .25s 0s ease;
}
.lang-switcher-item {
    white-space: nowrap;
}
.lang-switcher-link {
    text-decoration: none;
}
.lang-switcher-link:hover {
    text-decoration: underline;
    opacity: var(--idx-opacity-hover);
}

.lang-switcher-item + .lang-switcher-item::before {
    display: inline-block;
    color: rgba(0,0,0, .1);
    content: "|";
    padding: 0 .5rem;
}

.idx-lang-md {
    margin: 0 .5rem 0 auto;
    padding: 0 1.25rem 0 0;
}

.idx-lang-lg {
    margin:0;
    padding: .5rem 2rem .5rem 0;
    position: absolute;
    right: 0;
    top: 0;
}
.idx-lang-lg .lang-switcher .lang-switcher-item.active,
.idx-lang-lg .lang-switcher .lang-switcher-link,
.idx-lang-lg .lang-switcher .lang-switcher-link:hover{
    color: var(--kite-white);
}
.idx-lang-lg .lang-switcher .lang-switcher-item + .lang-switcher-item::before {
    color: var(--kite-border-primary);
}

@media (max-width: 992px) {
    .idx-lang-md {
        display: block;
    }
    .idx-lang-lg {
        display: none;
    }
}
@media (min-width: 992px) {
    .idx-lang-md {
        display: none;
    }
    .idx-lang-lg {
        display: block;
    }
}

/*
.lang-switcher {
    display: flex;
    font-size: .875rem;
    flex-wrap: nowrap;
    list-style: none;
    margin: .5rem .5rem 0;
    opacity: 1;
    padding: .75rem 1.25rem .75rem 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .25s 0s ease;
    z-index: 1025;
}
.lang-switcher-item {
    white-space: nowrap;
}
.lang-switcher-link {
    text-decoration: none;
}
.lang-switcher-link:hover {
    text-decoration: underline;
    opacity: var(--idx-opacity-hover);
}
.lang-switcher-item span {
    display: none;
}
.lang-switcher-item abbr {
    display: inline;
}
.lang-switcher-item + .lang-switcher-item::before {
    display: inline-block;
    color: rgba(0,0,0, .1);
    content: "|";
    padding: 0 .5rem;
}

@media (max-width: 576px) {
    .idx-sidebar:has(.offcanvas.showing) + .idx-main .lang-switcher,
    .idx-sidebar:has(.offcanvas.show) + .idx-main .lang-switcher {
        opacity: 0;
        display: none;
    }
}

@media (min-width: 992px) {
    .lang-switcher {
        margin:0;
        padding: .5rem 2rem .5rem 0;
        position: absolute;
        right: 0;
        top: 0;
    }
    .lang-switcher-item.active,
    .lang-switcher-link, .lang-switcher-link:hover{
        color: var(--kite-white);
    }
    .lang-switcher-item span {
        display: inline;
    }
    .lang-switcher-item abbr{
        display: none;
    }
    .lang-switcher-item + .lang-switcher-item::before {
        color: var(--kite-border-primary);
    }
}
*/

/* 
---------------------------------------------
Common Page header (idx-header)
    - page title
    - local nav 
---------------------------------------------*/

.idx-header {
    margin-bottom: 2rem;
}
.idx-header-pagetitle {
    background: var(--idx-bg-gradient-blue);
    color: var(--kite-white);
    padding: 1.125rem 0;
}
.idx-header-headding {
    font-size:1.125rem;
    margin-bottom: 0;
}
.idx-header-headding i {
    font-size: 1.5rem;
    margin-right: .75rem;
}
.idx-header-headding i.idx-icon {
    background-color: var(--kite-white);
}

@media (min-width: 768px) {
    .idx-header-pagetitle {
        padding: 1.5rem 0;
    }
}
@media (min-width: 992px) {

    .idx-header {
        margin-bottom: 2.5rem;
    }

    .idx-header-headding {
        font-size:2rem;
        margin-bottom: .5rem;
    }
    .idx-header-headding i {
        font-size:2.5rem;
        margin-right: 1rem;
    }
}

/*
## Local nav
---------------------------------------------*/

.idx-localnav {
    overflow-x: auto;
}
.idx-localnav .nav {
    flex-wrap: nowrap;
    margin-left: 0;
}
.idx-localnav .nav .nav-item.position-end{
    margin-left: auto;
}
.idx-localnav .nav .nav-link{
    color: var(--kite-text-primary);
    font-feature-settings: "palt";
    font-weight: var(--idx-weight-nav);
    min-width: 5em;
    padding: .75rem .75rem;
    text-align: center;
    white-space: nowrap;
}
.idx-localnav .nav .nav-link:hover,
.idx-localnav .nav .nav-link:focus {
    background-color: var(--kite-bg-blue);
    color: var(--kite-accent);
    text-decoration: none;
}
.idx-localnav .nav .nav-link.active {
    border-bottom: 2px solid var(--kite-accent);
    color: var(--kite-accent);
}
@media (min-width: 992px) {
    .idx-localnav .nav {
    }
}

/* 
---------------------------------------------
# Footer (.idx-footer)
    - copyright (.idx-copyright)
    - common footer contents (.idx-application)
    - btn - back to top 
---------------------------------------------*/

.idx-footer {
    padding: 0 1rem 1rem 1rem;
}

@media (min-width: 768px) {
    .idx-footer {
        margin: 0 auto;
        max-width: var(--idx-main-area-max-width);
        padding: 0 1.5rem 1rem 1.5rem;
    }
}
@media (min-width: 992px) {
    .idx-footer-gnav{
            display: none;
        }
    .idx-footer-nav{
        margin-bottom: 2rem;
    }
}

/*
## Copyright (.idx-copyright)
---------------------------------------------*/

.idx-copyright {
    font-size: .875rem;
    margin-top: 1rem;
    margin-bottom: 0;
    text-align: center;
}
.idx-copyright span {
  vertical-align: middle;
}
.idx-copyright img {
  width: 57px;
  height: auto;
  margin-right: 14px;
  vertical-align: baseline;
}

/* 
## common footer contents (.idx-application)
---------------------------------------------*/

.idx-application {
    margin: 1.5rem 0;
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
}
.idx-application .card {
    border-width: 0;
}
.idx-application .card-body {
    text-align: center;
}
.idx-application .card-text {
    text-align: left;
}
.idx-application-title {
    color: var(--kite-accent);
    font-size: 1.375rem;
    font-weight: var(--idx-weight-heading);
    line-height: 1.35;
}
.idx-application-subtitle {
    font-size: 1.125rem;
    font-weight: var(--idx-weight-heading);
    line-height: 1.5;
}
.idx-application-text {
    line-height: 1.65;
    font-size: 1rem;
}
.idx-application .card-body {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.idx-application .card-title {
    color: var(--kite-accent);
    font-size: 1.25rem;
    font-weight: var(--idx-weight-heading);
    margin-bottom: .875rem;
}
.idx-application .card-text {
    line-height: 1.65;
}
.idx-application .btn{
    max-width: 240px;
    width: 100%;
}
@media (min-width: 768px) {
    .idx-application {
        margin: 1.5rem auto;
        padding-top: 2rem!important;
        padding-bottom: 1.5rem!important;
    }
    .idx-application-title {
        font-size: 1.875rem;
        margin-top: .75rem;
    }
    .idx-application-subtitle {
        font-size: 1.25rem;
    }
    .idx-application .card-title {
        font-size: 1.5rem;
    }
    .idx-application .card-body {
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .idx-application .card-body .btn{
        margin-top: auto;
    }
}

/* 
---------------------------------------------
# parts
---------------------------------------------*/

/* 
## maintenance mode - .idx-maintenance
---------------------------------------------*/
.idx-maintenance {
    background-color: var(--kite-red-20);
    color: var(--kite-red-90);
    padding: 1.5rem;
}
.idx-maintenance >*:last-child {
    margin-bottom: 0;
}

/* 
## btn - back to top 
---------------------------------------------*/

.idx-back-to-top {
    bottom: 1.25rem;
    position: fixed;
    right: 1rem;
}
.idx-back-to-top-link {
    background-color: var(--kite-bg-blue);
    border-radius: 1.5rem;
    display: block;
    padding: 0.75rem 0; 
    text-align: center;
    width: 3rem;
}

/* 
## for firefox
---------------------------------------------*/

@-moz-document url-prefix() {
    @media (max-width: 768px) {
        .idx-sidebar {
          }
        .idx-main {
        }
        .lang-switcher {
        }
    }
}