/* ============================= */
/* NEWS IMAGE */
/* ============================= */

/* DESKTOP (default) */
.news-image {
    height: 100%;
}

.news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.news-image img {
    min-height: unset !important;
    max-height: unset !important;
}


/* MOBILE FIX ONLY */
@media (max-width: 991px) {
    .news-image {
        height: auto;
        aspect-ratio: 16 / 9;
        order: 1;
    }

    .news-image img {
        height: 100%;
    }
}


/* ============================= */
/* UTILITIES */
/* ============================= */
.ratio-16-9 { aspect-ratio: 16 / 9; }
.object-fit-cover { object-fit: cover; }
.w100 { width: 100% !important; }
.py-narrow { padding: 6px 0; }
.h400px { height: 400px; }
.c-m { margin: 8px 0; }


/* ============================= */
/* BUTTONS */
/* ============================= */
.btn-lightgrey:hover {
    border-color: black;
    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    transition: all .5s ease-in-out;
    background: black;
    color: white !important;
}

.btn-lightgrey:hover img {
    transition: all .5s ease-in-out;
    filter: brightness(0) invert(1);
}


/* ============================= */
/* BORDERS */
/* ============================= */
.br-5 { border-radius: 5px !important; }
.br-10 { border-radius: 10px !important; }
.br-20 { border-radius: 20px !important; overflow: hidden; }
.br-20-t { border-radius: 20px 20px 0 0; }
.br-10-t { border-radius: 10px 10px 0 0; }
.br-50 { border-radius: 50px !important; }

.bdr-bottom-grey { border-bottom: 1px solid #E6E6E6; }
.bdr-tint { border: 2px solid #f5edde; }


/* ============================= */
/* BACKGROUNDS */
/* ============================= */
.bg-black-70 { background-color: rgba(0,0,0,0.7); }

.bg-blobs {
    background: url('https://imagedepot.anu.edu.au/anu%20gateway/lightgrey-blobs.svg') no-repeat center/cover;
}

.bg-waves {
    background: url('https://imagedepot.anu.edu.au/anu%20gateway/bg-waves.svg') no-repeat center/cover;
}


/* ============================= */
/* LAYOUT */
/* ============================= */
.v-align {
    align-items: center;
    margin: auto 0;
}

.overlap { overflow: hidden; }

.divider {
    display: flex;
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
}

.line {
    align-items: center;
    margin: 1em -1em;
}

.line::before,
.line::after {
    height: 2px;
    margin: 0 1em;
    background: #be830e;
}


/* ============================= */
/* BOX */
/* ============================= */
.box-bdr-lightgrey {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.10);
}


/* ============================= */
/* SEARCH */
/* ============================= */
#form1 { min-height: 50px; }

.searchbutton {
    background-color: #be830e;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 20px 20px 0;
    padding: 8px 24px;
}

.searchbutton i { font-size: 1.5rem; }

.input-container {
    background-color: #fff;
    border-radius: 20px 0 0 20px;
    border: 1px solid #C6C6C6;
    overflow: hidden;
    padding: 8px 24px;
}


/* ============================= */
/* BANNER */
/* ============================= */
.banner {
    height: 300px;
    display: flex;
    align-items: center;
}

.banner-overlay {
    background: linear-gradient(270deg, rgba(0,0,0,0) 15.65%, rgba(0,0,0,0.64) 99.33%);
}

@media (max-width: 991px) {
    .banner { height: auto !important; }

    .banner-overlay { background: #000; }

    .banner img {
        min-height: 300px !important;
        object-position: 65%;
    }
}


/* ============================= */
/* IN PAGE BANNER */
/* ============================= */
.in-page-banner { height: 400px !important; }

@media (max-width: 992px) and (min-width:576px) {
    .in-page-banner { height: 300px !important; }
}

@media (max-width: 575px) {
    .in-page-banner { height: 250px !important; }

    .card-item-wrapper img {
        aspect-ratio: 16 / 9;
    }
}


/* ============================= */
/* FLOATING CARD */
/* ============================= */
.floating-card {
    align-items: center;
    z-index: 1;
}

.floating-card .card-tag {
    width: fit-content;
}

.floating-card div.shadow-light {
    height: 80%;
}

@media (max-width: 991px) {
    .floating-card { order: 2; }

    .floating-card .shadow-light {
        width: 100%;
        height: unset !important;
    }
}


/* ============================= */
/* ROTATOR */
/* ============================= */
.anu-wf-rotator-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    margin: 0 15% 1rem;
    list-style: none;
}

.anu-wf-rotator-dot {
    background-color: #e6e6e6;
    border-radius: 50%;
    width: 10px !important;
    height: 10px !important;
    margin: 0 4px !important;
}

.anu-wf-rotator-dot.active {
    background-color: #be830e;
    width: 30px !important;
    border-radius: 16.5% / 50%;
}


/* ============================= */
/* BUTTON ALT */
/* ============================= */
.anu-btn-thin-black {
    border: 1px solid #7D7D7D;
    border-radius: 5px;
    color: #fff !important;
    background-color: #000;
    padding: 10px 20px;
    display: inline-block;
}

.anu-btn-thin-black:hover {
    background-color: #fff;
    color: #000 !important;
}