/* AGO colour palettes */

:root {
  --primary: rgba(14, 44, 77); /* #0E2C4D */
  --secondary: rgba(0, 147, 184); /* #0E2C4D */
  --arafura-blue: rgba(31, 31, 95); /*# 1F1F5F */
  --primary-mid: rgba(14, 44, 77, 0.75);
  --secondary-mid: rgba(0, 147, 184, 0.75);
  --sea-green: #009292;
  --forest-greeen: #004848;
  --territory-stone: #D7D2CB;
  --orange: #BB4C21;
  --dark-green: #004848;
  --teal: #009292
}

/*----- Header -----*/

header {
    background: var(--sea-green);
}

header.ntg-header--dla, .mobile-banner {
    background: var(--sea-green);
}

.ntg-header-search {
    /*display: none !important;*/
}

/*----- Site Logo -----*/

.NTAGO-logo {
    height: 65px;
    width: auto; 
    object-fit: contain;
}

/*----- Custom Site Title -----*/

.site-title-large {
    font-size: 1.65em;
}

.site-title-small {
    font-size: 1.25em;
}

.ntg-header--agencies .site-logo-lockup .site-name {
    line-height: 1.65rem;
}

/*----- Footer -----*/

.ntg-footer hr {
    border-top: none;
    display: none;
}

.ntg-footer {
    background: var(--forest-greeen);
}

.ntg-footer__text {
    background: var(--forest-greeen);
}

/*----- Links -----*/

a {
    color: var(--dark-green);
}

a:hover {
    color: var(--dark-green);
}

/*----- Buttons -----*/

.btn.ntg-btn {
    background: var(--dark-green);
}

.btn.ntg-btn:hover {
    background-color: var(--dark-green);
}

/*----- Primary Buttons -----*/

.btn.ntg-btn--primary {
    background-color: var(--dark-green);
}

.btn.ntg-btn--primary:hover {
    background-color: var(--dark-green);
}

.btn.ntg-btn--primary:active {
    background-color: var(--dark-green);
}

/*----- Secondary Buttons -----*/

.btn.ntg-btn--secondary {
    color: var(--dark-green);
    box-shadow: inset 0 0 0 1.5px var(--dark-green);
}

.btn.ntg-btn--secondary:hover {
    background-color: var(--dark-green);
}

.btn.ntg-btn--secondary:active {
    color: var(--dark-green);
}

/*----- Display Cards -----*/

.ntg-display-cards .card-body h3 {
    color: var(--dark-green);
}

.ntg-display-cards .card-body:hover {
    color: var(--dark-green);
}

/*----- Homepage News -----*/

.text-ntg-sky-blue {
    color: var(--dark-green) !important;
}

/*----- Pagination -----*/

.ntg-body--news .active > .page-link {
    background-color: var(--dark-green) !important;
    border-color:var(--dark-green);
}

.ntg-body--news .active > .page-link:hover {
    background-color: var(--dark-green) !important;
    border-color:var(--dark-green);
}

/*----- Custom border left color for Sidenav and Callout cards -----*/

.ntg-sidenav>.list-group>.list-group-item.active {
    border-left-color:var(--teal);
}
.ntg-callout__content {
    border-left-color:var(--teal);
}

/*Search bar*/

.ntg-header-search .btn {
    background-color: #014948 !important;
    border-color: #014948 !important;
    color: white;
}

.ntg-header-search .btn:hover {
    background-color: #013837 !important;
    border-color: #013837 !important;
    color: white;
}

.ntg-header-search .btn:focus,
.ntg-header-search .btn:active {
    background-color: #014948 !important;
    border-color: #014948 !important;
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(1, 73, 72, 0.25);
}

/*News button*/

/* View all button styling */
.btn.ntg-btn {
    background-color: #014948 !important;
    border-color: #014948 !important;
    color: white;
    text-decoration: none;
}

.btn.ntg-btn:hover {
    background-color: #013837 !important;
    border-color: #013837 !important;
    color: white;
    text-decoration: none;
}

.btn.ntg-btn:focus,
.btn.ntg-btn:active {
    background-color: #014948 !important;
    border-color: #014948 !important;
    color: white;
    box-shadow: 0 0 0 0.2rem rgba(1, 73, 72, 0.25);
    text-decoration: none;
}

.btn.ntg-btn:visited {
    color: white;
}

/* Topic card title hover effects */
h3.h5.card-title.mt-0:hover {
    color: var(--dark-green, #014948) !important;
    transition: color 0.3s ease;
}

/* Alternative selector for more specific targeting */
.card h3.card-title:hover {
    color: var(--dark-green, #014948) !important;
    transition: color 0.3s ease;
}

/* If the h3 elements are within links, style the link hover state */
a:hover h3.h5.card-title.mt-0,
a:hover h3.card-title {
    color: var(--dark-green, #014948) !important;
    transition: color 0.3s ease;
}

.hero-banner.bg-ntg-background-purple-light {
    background-color: #004848 !important;
    
    & .btn.ntg-btn{
        background-color: #009292 !important;
        border-color: #009292 !important;
    }
    
    & .btn.ntg-btn:hover{
        background-color: #BB4C21 !important;
        border-color: #BB4C21 !important;
    }
    
    & .btn.ntg-btn--secondary:focus {
        outline: 2px solid #BB4C21 !important;
    }
    
    & .btn.ntg-btn--secondary {
        box-shadow: none !important;
    }
}

.breadcrumb-container {
    background-color: #004848 !important;
}

.ntg-breadcrumbs{
    & .breadcrumb-item a:link{
        color: white !important;
    }
    
    & .breadcrumb-item a:hover{
        text-decoration: underline;
    }
    
    & .breadcrumb-item.active {
        color: white !important;
    }
    
    & .breadcrumb-item+.breadcrumb-item::before {
        color: #009292 !important;
    }
}

.ntg-breadcrumbs .breadcrumb-item a {
    color: white !important;
}