/* Module Styles for 2021 Redesign: r21 */

/*
Regarding the font Mulish:

    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
    Copyright 2011 The Mulish Project Authors (github.com/googlefonts/mulish)
    http://scripts.sil.org/OFL
*/

/* SITE COLORS
    #0c3664 Cobalt - Background Color
    #1e81ea SkyBlue - Navigation Hover
    #f7f7f8 Aluminum Shine - Used sparingly
    #008342 Leaf Green - Accent for some headers
    #165788 Alcoa Blue - Used for backgrounds
    #07213c Midnight - Used for header backgrounds
    #231F20 Graphite - Used for text elements
    #E6ECF2 Pale Blue - Used for white hovers
    #CCC1AD Taupe - Used for quotes or other areas where warmth is preferred
    */

@font-face {
    font-family: "Font ExtraLight"; /* 200 */
    src: url("../fonts/mulish/Mulish-ExtraLight.ttf") format("truetype");
}

@font-face {
    font-family: "Font ExtraLight-O"; /* 200 Italic */
    src: url("../fonts/mulish/Mulish-ExtraLightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Light"; /* 300 */
    src: url("../fonts/mulish/Mulish-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Font Light-O"; /* 300 Italic */
    src: url("../fonts/mulish/Mulish-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Regular"; /* 400 */
    src: url("../fonts/mulish/Mulish-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Font Regular-O"; /* 400 Italic */
    src: url("../fonts/mulish/Mulish-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Medium"; /* 500 */
    src: url("../fonts/mulish/Mulish-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Font Medium-O"; /* 500 Italic */
    src: url("../fonts/mulish/Mulish-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font SemiBold"; /* 600 */
    src: url("../fonts/mulish/Mulish-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Font SemiBold-O"; /* 600 Italic */
    src: url("../fonts/mulish/Mulish-SemiBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Bold"; /* 700 Italic */
    src: url("../fonts/mulish/Mulish-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Font Bold-O"; /* 700 Italic */
    src: url("../fonts/mulish/Mulish-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Heavy"; /* 800 */
    src: url("../fonts/mulish/Mulish-ExtraBold.ttf") format("truetype");
}

@font-face {
    font-family: "Font Heavy-O"; /* 800 Italic */
    src: url("../fonts/mulish/Mulish-ExtraBoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Font Black"; /* 900 */
    src: url("../fonts/mulish/Mulish-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Font Black-O"; /* 900 Italic */
    src: url("../fonts/mulish/Mulish-BlackItalic.ttf") format("truetype");
}


/* -------------------------------------------------------------------|   GLOBAL OVERRIDES: redesign2021   | */

html {
    font-size: clamp(16px, 1.25vw, 20px);
    scroll-padding-top: clamp(calc((10px * 1.42857143) + 2vmin + 20px + 2vw + 8px), calc((1vw * 1.42857143) + 2vmin + 20px + 2vw + 1vw), calc((12px * 1.42857143) + 2vmin + 20px + 2vw + 30px));
}

body {
    color: #231F20;
}

main {
    min-height: 60vh;
    overflow: hidden;
}

p {
    margin-bottom: 2vh;
}

.redesign2021 .interior-body > .row, .redesign2021 .row, .redesign2021 .container-fixed, .redesign2021 .container > .row, .redesign2021 .container-fluid > .row:not(.full-width) {
    display: flex;
    align-items: center;
    background-size: 100%;
}

.interior-body > .row, .row, .container-fixed, .container > .row, .container-fluid > .row:not(.full-width) {
    margin: 0px auto;
    padding: 0px 5vw;
    max-width: 100%;
}

    .row .row {
        padding: 0px;
    }

.column-master-style {
    margin: 0px;
    padding: 0px;
    position: relative;
}

.bodycopy, .accordion {
    /*Raj-2024 Bootstrap update*/
    margin: 4vh 2vw;
}

.news-items .media:first-child { /* Overriding Bootstrap */
    margin-top: 2vw;
}
/*Raj-2024 Bootstrap update*/
ul.news-items {
    list-style:none;
}

.listing--post {
    color: #231f20;
    text-decoration: none;
}

    .listing--post:hover {
        color: #231f20;
        background-color: #fff;
    }

.listing--cta {
    text-transform: uppercase;
    border-bottom: #0c3664 solid 1px;
    font-family: 'Font Black', Arial, sans-serif;
    color: #0c3664;
    display: inline-block;
}

.listing--post:hover .listing--cta {
    background-color: #0c3664;
    color: #ffffff;
}

.listing--summary {
    font-weight: normal;
}

.listing--heading {
    font-size: clamp(18px, 1.2vw, 22px);
}

.listing--date {
    font-family: "Font Regular", Arial, sans-serif;
    font-size: clamp(15px, 1vw, 18px);
    color: #555555;
}

.hero-overlay .container-fluid {
    max-width: 100%;
    padding: 0px 5vw;
}


.form--development-information {
    margin-left: 2vw;
    margin-bottom: 0px;
    font-family: monospace;
    font-size: 16px;
    border: solid 1px #231F20;
    padding: 10px;
    background-color: #ccc;
    color: #000;
    font-weight: bold;
    border-radius: 5px;
    display: inline-block;
}

.form-control {
    color: #231F20;
}

.title { /* For Req-to-Pay form, maybe other places? */
    font-family: "Font Black", Arial, sans-serif;
    font-size: clamp(24px, 1.5vw, 30px);
    font-weight: normal;
}

.right-column-news .media.bodycopy, .right-column-content .media.bodycopy {
    margin: 4vh 0px;
}

.news-items p.news-release--error {
    margin: 0px 3vw;
}

.dropdown-toggle:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.dropdown-toggle::after {
    /*Overriding Bootstrap*/
    content:none;
    border-top:none;
}

.visually-hidden {
    color: #000000;
    background-color: #ffffff;
}
/*Raj-2024 Bootstrap update*/
#srch-pgntn > ul.pagination > li.page-item > a.page-link {
    --bs-pagination-bg: #0c3664;
    --bs-pagination-color: #ffffff;
}
    /*Raj-2024 Bootstrap update*/
    #srch-pgntn > ul.pagination > li.page-item > a.page-link:hover {
        --bs-pagination-hover-bg: #ffffff;
        --bs-pagination-hover-color: #0c3664;
    }

/* -------------------------------------------------------------------|   FOOTER SECTION   | */
footer .row, footer .container-fixed, footer .container > .row, footer .container-fluid > .row:not(.full-width) {
    display: block;
    padding: inherit;
    margin: auto;
    max-width: none;
}

footer {
    padding: 3vh 5vw;
    background-color: #0c3664;
}

.footer--container {
    margin-left: 2vw;
}

.footer--links {
    float: left;
    width: 50vw;
    display: flex;
}

    .footer--links .footer--content {
        display: flex;
        flex-flow: column;
        float: left;
    }

    .footer--links a {
        padding: 1vh 0px;
        font-size: 18px;
    }

footer p {
    font-size: 12px;
}

.footer--content a {
    color: #fff;
    text-decoration: none;
}

.footer--content > a:where(:hover,:active,:focus) {
    text-decoration:underline;
}

.footer--right-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}


.footer--content__utility {
    margin-right: 20%;
}


.footer--content__social {
    float: right;
}

    .footer--content__social a {
        float: left;
        padding: 1vh 0px;
    }

.footer--copyright {
    clear: both;
    padding: 3vh 0px;
    padding-bottom: 0px;
}


/* -------------------------------------------------------------------|   HEADER SECTION   | */
header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

.navbar-wrapper {
    position: static;
}

.navbar-custom-meta, .navbar-custom-main {
    background-color: #0c3664;
    padding: 0px 5vw;
}

.navbar-custom-site {
    background-color: #000;
}

.container-nav {
    max-width: inherit;
    background-color: inherit;
}

.navbar-nav > li > a { /* Controls both main nav and site nav */
    padding: clamp(8px, 1vw, 30px);
    padding-bottom: 2vw;
    font-size: clamp(11px, 1vw, 20px);
    /*Raj-2024 Bootstrap update*/
    color:#FFF;
    text-decoration:none;
}

#hambgr > .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

#site-nav .navbar-nav > li > a { /* Site nav only */
    padding-top: 1vh;
    font-size: clamp(11px, .9vw, 20px);
}


#top-meta-sep, #top-main-sep {
    display: none;
}

.redesign2021 main .container-fluid:first-child {
    display: none;
}


.redesign2021 .navbar-custom-site {
    display: none;
}


#main-nav .dropdown.active-item {
    background-color: transparent;
}

    #main-nav .dropdown.active-item a span { /* Indicator in menu for current page */
        border-bottom: .25vw #1e81ea solid;
        padding-bottom: .75vw;
    }

#main-nav .top-main-search .dropdown-menu {
    background-color: #165788;
}

.searchIcon {
    height: clamp(14px, 1vw, 18px);
}

#snav > #top-main-search > ul {
    right: 0;
    left: auto;
    /*Raj-2024 Bootstrap update*/
    background-color: #165788;
}

#main-nav .dropdown-menu .close-icon {
    top: 12px;
    right: 19px;
    color: #231F20;
    height: 28px;
    width: 23px;
}

.close-icon:after {
    right: 4px;
    bottom: 0px;
}

.results-page .close-icon:after {
    width: 26px;
    height: 30px;
    top: -1px;
    right: -8px;
    padding: 4px;
}

#top-main-search-mobile .close-icon {
    top: 12px;
    right: 19px;
    color: #231F20;
    height: 28px;
    width: 20px;
}

.mLevel::after {
    content: url(images/chevron-down.svg);
    float: right;
}

.close-icon:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

ul.dropdown-menu {
    /*Raj-2024 Bootstrap update*/
    background-color: transparent;
}
/*Raj-2024 Bootstrap update*/
/*#top0 > li[id^="top-main-nav-"] {
    padding: 0px 10px 0px 10px;
}*/


.dropdown-menu > li > a {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#searchTextBox {
    font-family: "Font Medium", Arial, sans-serif;
    color: #231F20;
    letter-spacing: .75px;
}

.btn-primary {
    background-color: #0c3664;
    border-color: #0c3664;
}

#hero-text .hero-overlay button.btn-primary {
    margin-right: 2vw;
}

.btn-primary:is(:hover,:active,:focus) {
    background-color: #FFF;
    border-color: #0c3664;
    color: #0c3664;
}

.hero-overlay p {
    font-size: clamp(16px, 1.75vw, 24px);
}

.hero-overlay .text-overlay-heading h1 {
    margin-top: 0px;
}


.breadcrumb-nav-menu {
    background-color: #0c3664 !important;
}

#brdcrmhtml { /* old site */
    margin: 0px 1vw;
    margin-top: 3vh;
}

.redesign2021 #brdcrmhtml {
    margin: 0px;
}

#brdcrmhtml .breadcrumb { /* old site */
    padding: 0px;
    background-color: transparent;
}

.dropdown-menu > li > a:focus {
    background-color: transparent;
}

/*Raj-2024 Bootstrap update*/
.dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
    text-decoration: none;
    white-space: nowrap;
}
/*Raj-2024 Bootstrap update*/
li.dropdown-submenu > ul.dropdown-menu {
    background-color: transparent;
}

ol.breadcrumb li.breadcrumb-dropdown:focus-within > ul {
    display: block !important;
}

.breadcrumb li ul a {
    display: inline-block;
    padding: 5px;
}

.redesign2021 .breadcrumb--container {
    clear: left;
    padding: 2vh 7vw;
    padding-bottom: 0px;
}

/* -------------------------------------------------------------------|   UNIVERSAL STYLES   | */
.code--block {
    margin: 1vw;
    display: block;
}

.code-copy {
    display: none;
}

.navbar-wrapper a {
    letter-spacing: 1px;
}

#tnav #top-site-nav-title a {
    text-transform: uppercase;
    letter-spacing: 2px;
}
/*Raj-2024 Bootstrap update*/
#navChevronRight {
    width: 1vw;
}

main .breadcrumb li {
    padding: 0px;
}

main .breadcrumb .breadcrumb-nav-menu li {
    padding-bottom: 3vh;
}

.breadcrumb > li + li:before {
    /*Raj-2024 Bootstrap update - override bootstrap variables*/
    --bs-breadcrumb-divider: "|";
    --bs-breadcrumb-divider-color: #0c3664;
    padding: 0px;
    padding-right: 4px;
    margin: 0px 3px;
}

/*Raj-2024 Bootstrap update - override bootstrap variables*/
ol.breadcrumb > li.breadcrumb-item:where(.active)::before {
    --bs-breadcrumb-divider-color: #008342;
}

.table-opener:hover {
    cursor: pointer;
}

.table--wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}

/* -------------------------------------------------------------------|   GLOBAL MODULE ELEMENTS   | */
.r21, p, a, .container, .container-fluid, body, main {
    font-family: "Font Regular", Arial, sans-serif;
}

    .r21 em, p em, a em, .container em, .container-fluid em, body em
    .r21 i, p i, a i, .container i, .container-fluid i, body i, i a, em a {
        font-family: "Font Regular-O", Arial, sans-serif;
        font-style: normal;
    }

h1, h2, h3, h4, h5, h6, h6 a, .hero-overlay h1, .list--label {
    font-family: "Font Black", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    margin-top: 1.75rem;
    margin-bottom: .5rem;
}

#brdcrmhtml .breadcrumb li, #brdcrmhtml .breadcrumb li a {
    font-family: "Font Black", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.25;
}


h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h6 a em, .hero-overlay h1 em, .heading--subsection em, .heading--subsection a em, .list--label em, .heading--label em, .heading--label a em,
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i, h6 a i, .hero-overlay h1 i, .heading--subsection i, .heading--subsection a i, .heading--label i, .heading--label a i, .list--label i {
    font-family: "Font Black-O", Arial, sans-serif !important;
    font-style: normal;
    font-weight: normal;
}

h1 {
    font-size: clamp(30px, 8vh, 80px);
}

h2 {
    font-size: clamp(26px, 3.5vh, 35px);
}

h3, .list--label {
    font-size: clamp(20px, 2.75vh, 30px);
}

h4 {
    font-size: clamp(19px, 2.5vh, 26px);
}

code {
    padding: .5vh 1vw;
    border-radius: .5vw;
}

a {
    font-size: clamp(15px, 1vw, 18px);
}

p, li, cite, .news-items p.summary, .heading--small {
    line-height: 1.5;
    font-size: clamp(16px, 1.1vw, 20px);
}

.navbar-brand {
    display: flex;
    align-items: flex-end;
    /*Raj-2024 Bootstrap update - override bootstrap variables*/
    --bs-navbar-brand-margin-end: 0px;
}


    .navbar-brand .registered-symbol {
        height: 8px;
        padding-left: 6px;
    }
/*Raj-2024 Bootstrap update - override bootstrap variables*/
.navbar-toggler {
    --bs-navbar-toggler-border-color: #fff;
}
/*Raj-2024 Bootstrap update*/
.navbar-toggler:focus, .navbar-toggler:hover {
    background-color: #333;
}

main li {
    padding-top: .25vw;
    padding-bottom: .25vw;
}

#main-nav, #meta-nav, #site-nav {
    font-family: "Font Medium", Arial, sans-serif;
}

    #main-nav em, #meta-nav em, #site-nav em, #main-nav i, #meta-nav i, #site-nav i {
        font-family: "Font Medium-O", Arial, sans-serif;
        font-style: normal;
    }

#meta-nav {
    display: flex !important;
    justify-content: flex-end;
}

.news-release-page span {
    font-family: inherit !important;
    font-size: inherit !important;
}

.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}


/* -------------------------------------------------------------------|   ANCHOR TAGS AND LINK-LIKE ELEMENTS   | */

main a, .news-module--cta span, .a {
    color: #0c3664;
    text-decoration: underline;
    display: inline;
    font-weight: bold;
    overflow-wrap: break-word;
}

h6, h6 a, .heading--subsection, .heading--subsection a, .breadcrumb li a, .breadcrumb .active, .heading--label, .heading--label a {
    font-size: clamp(16px, 1vw, 18px);
    color: #008342;
    font-weight: bold;
    background-color: transparent;
}

    h6 a, .heading--subsection a, .heading--label a, .breadcrumb li a {
        color: #0c3664;
        background-color: transparent;
    }

.with_arrow a, a.with_arrow, .news-module--cta span, a.link--cta, .link--cta, main a.link--cta {
    font-family: "Font Black", Arial, sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px solid #0c3664;
    background-color: transparent;
    margin-bottom: 3vh;
    display: inline;
}

    .with_arrow a em, a.with_arrow em, .news-module--cta span em, a.link--cta em, .link--cta em, main a.link--cta em,
    .with_arrow a i, a.with_arrow i, .news-module--cta span i, a.link--cta i, .link--cta i, main a.link--cta i {
        font-family: "Font Black-O", Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
    }

main a:hover, main a:hover, .alcoa-story:hover .news-module--cta span, h6 a:hover, .heading--subsection a:hover, .heading--label a:hover, .breadcrumb li a:hover {
    text-decoration: none;
    background-color: #0c3664;
    color: #fff;
}

.news-module--cta, .quote-module .link--cta, p.link--cta {
    font-size: clamp(16px, 1vw, 18px);
    font-family: "Font Black", Arial, sans-serif;
    padding-top: .5rem;
}

.with_arrow::before {
    content: none;
}

main a.button--dark {
    font-family: "Font Black", Arial, sans-serif;
    text-transform: uppercase;
    padding: 1vmin 1.5vmin;
    background-color: #093462;
    color: #ffffff !important;
    border-radius: .35vw;
    border: solid 1px #666666;
    display: inline-block;
    font-size: clamp(16px, 1vmin, 18px);
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    margin-bottom: 3vh;
}

    main a.button--dark:hover {
        background-color: #ffffff !important;
        color: #0c3664 !important;
    }

main a.link--button {
    font-family: "Font Black", Arial, sans-serif;
    text-transform: uppercase;
    padding: 1vmin 1.5vmin;
    background-color: #ffffff;
    color: #093462;
    border-radius: .35vw;
    border: solid 1px #666666;
    display: inline-block;
    font-size: clamp(16px, 1vmin, 18px);
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    margin-bottom: 3vh;
}

    main a.link--button em {
        font-family: "Font Black-O", Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
    }

    main a.link--button:hover, ol.breadcrumb .non-click-link:hover {
        background-color: #0c3664;
        color: #ffffff;
    }

.sustainability-story:hover .link--cta {
    color: #fff;
    border-color: #fff;
}

.dropdown-menu a { /* Site nav dropdown */
    font-size: clamp(11px, .9vw, 18px);
    font-family: 'Font Light', Arial, sans-serif;
}

.breadcrumb-nav-menu a {
    color: #fff !important;
}

.breadcrumb .breadcrumb-nav-menu li a {
    font-weight: normal;
}

/* -------------------------------------------------------------------|   TABLES   | */
.table--default td, .table--default th {
    border: 1px solid black;
    padding: 2vmin;
}

.table--default th {
    vertical-align: bottom;
    color: #fff;
    background-color: #165788;
}

.table--default td {
    vertical-align: top;
    min-width: 165px;
}

.table--default tr:nth-child(even) td {
    background-color: #eee;
}

.table--default td:nth-child(1) {
    font-weight: bold;
}

.table--default ul, .table--default p {
    margin-bottom: 0px;
}

.table--default ul {
    padding-inline-start: 4vmin;
}


/* -------------------------------------------------------------------|   HEADINGS   | */
.heading--section {
    font-family: "Font Black", Arial, sans-serif;
    font-size: clamp(26px, 3.5vh, 35px);
    padding-bottom: 3vh;
}

.heading--regular {
    font-family: "Font Regular", Arial, sans-serif;
}

.padding--heading-top {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 4vw;
}

.padding--heading-bottom {
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 1vw;
    margin-bottom: 0px;
}

.heading--subsection, .heading--subsection a {
    font-family: "Font Black", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    margin-top: 1vw;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.heading--label, .heading--label a {
    font-family: "Font Black", Arial, sans-serif;
    font-weight: normal;
    line-height: 1.25;
    margin-top: 1vw;
    margin-bottom: .5vw;
    padding-bottom: 2vh;
}

.heading-to-paragraph {
    font-weight: normal !important;
    line-height: 1.5 !important;
    font-size: clamp(16px, 1.1vw, 20px) !important;
}

.heading--block-row {
    color: #7D643B;
}


/* -------------------------------------------------------------------|   HEADER-MODULE__BANNER   | */
.banner--container {
    margin-bottom: 5vh;
}

.heading__image-present {
    min-height: 100vh;
}

.banner--heading {
    padding-left: 5vw;
    float: left;
    padding-bottom: 9vh;
    background-color: #0c3664;
    width: 100%;
}

    .banner--heading h1 {
        padding-top: 9vh;
        color: #ffffff;
        line-height: 1.25;
        margin: 4vh 2vw;
        padding-right: 5vw;
    }

.heading__image-present .banner--heading {
    width: calc(100% - 80vh);
}

    .heading__image-present .banner--heading h1 {
        margin-right: 0px;
    }



.heading--ctas {
    margin: 0px 2vw;
}

    .heading--ctas a {
        margin-right: 1vw;
    }

.banner--image {
    float: right;
}

    .banner--image img {
        object-fit: cover;
        height: 100vh;
    }

        .banner--image img::after {
            clear: both;
        }


    .banner--image::after {
        clear: both;
    }


.banner--overview {
    clear: left;
    background-color: #fff;
    padding: 9vh 7vw 0px 7vw;
}

.heading__image-present .banner--overview {
    width: calc(100% - 80vh);
}


/* -------------------------------------------------------------------|   IMAGE-MODULE   | */

.imageWrapper {
    display: block;
    overflow: hidden;
    /*max-height: 90vh;*/
}

    .imageWrapper img {
        object-fit: cover;
    }



/* -------------------------------------------------------------------|   IMAGE-MODULE__LARGE   | */

.image--full {
    margin: 2vw -7vw;
    overflow: inherit;
    max-height: inherit;
}

    .image--full img {
        width: 100%;
    }

/* -------------------------------------------------------------------|   IMAGE-MODULE__LARGE-LEFT   | */

.image--full__left {
    margin-right: 5vw;
}


/* -------------------------------------------------------------------|   IMAGE-MODULE__LARGE-RIGHT   | */

.image--full__right {
    margin-left: 5vw;
}


/* -------------------------------------------------------------------|   BREADCRUMB-MODULE   | */
.bodycopy.r21--breadcrumb-module {
    margin: 0px 2vw;
    display: inline-block;
    margin-top: 3vh;
}

.r21--breadcrumb-module h6, .r21--breadcrumb-module .heading--subsection {
    float: left;
    margin: 0px 4px 0px 4px;
}

    .r21--breadcrumb-module h6:first-child, .r21--breadcrumb-module .heading--subsection:first-child {
        margin-left: 0px;
    }

/* -------------------------------------------------------------------|   CALLOUT-MODULE   | */
.body-text__callout {
    background-color: #008342;
    color: #fff;
    padding: 2vw;
}

    .body-text__callout p, .body-text__callout li, .body-text__callout h6, .body-text__callout .heading--subsection, .body-text__callout .heading--label {
        color: #f7f7f8;
    }

        .body-text__callout p strong, .body-text__callout li strong {
            color: #fff;
        }

    .body-text__callout button {
        margin: .5vw auto;
        color: #000;
    }

        .body-text__callout button:hover {
            background-color: #544;
            color: #fff;
            border-color: #999;
            border-style: solid;
        }

main .body-text__callout a {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}

    main .body-text__callout a:hover {
        text-decoration: none;
        background-color: #000;
    }

.body-text__callout h2, .body-text__callout h3, .body-text__callout h4 {
    margin-top: 0px;
}



/* -------------------------------------------------------------------|   NEWS-MODULE   | */
.newsWrapper > *:not(.media-list) {
    clear: both;
    margin-left: 2vw;
}

.newsWrapper .news-image {
    margin-bottom: 0px;
    margin-top: 0px;
    height: 17vw;
    background-color: #fff;
    display: flex;
}

.newsWrapper .story--container {
    box-shadow: 5px 5px 5px #ddd;
    --bs-heading-color: #000;
}

.newsWrapper .story--container:hover {
    --bs-heading-color: #fff;
}

.newsWrapper .news-image img {
    object-fit: cover;
}

.newsWrapper .news-module--summary {
    display: none;
}

.newsWrapper .news-copy {
    padding: 0px;
    margin-top: 0px;
    padding: 1vw;
    background-color: #f0f0f1;
    height: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .newsWrapper .news-copy .news-module--cta span {
        margin-top: 1rem;
    }

.news-items button {
    text-align: left;
    width: 28%;
    padding: 0px;
    border-width: 0px;
    margin: 4vh 2vw;
    background-color: #fff;
}

.news-module--title {
    min-width: 22vw;
}

.alcoa-story:hover {
    cursor: pointer;
}


    .alcoa-story:hover .column-master-style .news-image {
        opacity: .9;
    }

    .alcoa-story:hover .column-master-style .news-copy {
        background-color: #0c3664;
        color: #fff;
    }

.alcoa-story .column-master-style {
    display: inline-block;
}

.newsWrapper .link--button {
    margin: 0px auto;
    margin-bottom: 30px;
}

p.press-release--title {
    color: #0c3664
}


/* -------------------------------------------------------------------|   NEWS-MODULE -- SINGLE ITEM   | */
.single-item-news {
    /* margin-bottom: -1vw; */
    overflow: hidden;
}



    .single-item-news .news-copy {
        border-width: 0px;
        height: 24vw;
        display: flex;
        margin: 0px;
        padding-left: 2vw;
    }

    .single-item-news .news-module--summary {
        display: flex;
        flex-direction: column;
        height: 15vw;
        justify-content: space-around;
        padding-right: 2vw;
    }

    .single-item-news p:not(.news-module--cta):not(.row--title) {
        margin-left: 0px;
    }

    .single-item-news .alcoa-story:not(.story--1), .single-item-news .alcoa-story:not(.story--1) div {
        display: none;
        position: absolute;
    }

    .single-item-news .story--1 {
        width: 85%;
        margin: 4vh auto;
        display: block;
    }

    .single-item-news .news-1-image {
        width: 30vw;
        height: 24vw;
        float: right;
        border-width: 0px;
        margin: 0px;
    }

    .single-item-news .news-module--title {
        margin-bottom: 0px;
        font-size: clamp(18px, 1.2vw, 24px);
        text-align: center;
        margin-top: 0px;
        padding-top: .5vh;
    }

    .single-item-news .news-module--summary .feature--col {
        width: 50%;
    }

    .single-item-news .news-module--summary .feature--name {
        color: #008342;
        font-family: "Font Black", Arial, sans-serif;
    }

    .single-item-news .news-module--cta {
        text-align: center;
    }

    .single-item-news .news-module--summary .row--participants, .single-item-news .news-module--summary .row--participants .row--title {
        border-bottom: 1px solid #000;
    }



/* -------------------------------------------------------------------|   LIST-LIST-MODULE   | */
.listWrapper {
    background-color: #0c3664;
    color: #ffffff;
    /* padding: 1.5vw; */
    /* margin-right: 5vw; */
}

    .listWrapper p.list--label {
        padding-bottom: 1vh;
        padding-top: 0px;
        margin-top: 6vh;
        border-bottom: solid #fff .25vh;
        margin-bottom: 0px;
    }

    .listWrapper ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }


    .listWrapper a {
        color: #aaa;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 40px;
        border: none;
        text-decoration: none;
        background-color: transparent;
        padding-top: clamp(16px, .25rem, .25rem);
        padding-bottom: clamp(16px, .25rem, .25rem);
    }

        .listWrapper a:hover {
            text-decoration: none;
            color: #ffffff;
            padding-left: 0px;
            background-color: inherit;
        }

            .listWrapper:not(.list--light) a:hover::before {
                /*Raj-2024 Bootstrap update*/
                content: url("images/dash-active.svg");
            }

        .listWrapper a h3 {
            flex-grow: 1;
            margin: 0px;
            font-family: 'Font Regular', Arial, sans-serif;
            font-weight: bold;
            line-height: 1.25;
            margin-top: 1rem;
            margin-bottom: 1.6rem;
            font-size: clamp(19px, 2.5vh, 26px);
        }


    .listWrapper li {
        padding-top: 0px;
        padding-bottom: 0px;
        width: 100%;
    }

        .listWrapper li:not(:last-child) {
            border-bottom: solid white 1px;
        }
    /*Raj-2024 Bootstrap update*/
    .listWrapper:not(.list--light) a::after {
        content: url("images/file-document.svg");
        margin-left: 1vw;
        margin-right: 2vw;
    }
    /*Raj-2024 Bootstrap update*/
    .listWrapper:not(.list--light) a:hover::after {
        content: url("images/file-document-active.svg");
    }
    /*Raj-2024 Bootstrap update*/
    .listWrapper a.list-item__link::after {
        content: url("images/arrow-right-circle.svg");
        margin-left: 1vw;
        margin-right: 2vw;
    }
    /*Raj-2024 Bootstrap update*/
    .listWrapper:not(.list--light) a.list-item__link:hover::after {
        content: url("images/arrow-right-circle-active.svg");
    }
    /*Raj-2024 Bootstrap update*/
    .listWrapper:not(.list--light) a.list-item__external::after {
        content: url(images/external-link.svg);
    }
    /*Raj-2024 Bootstrap update*/
    .listWrapper:not(.list--light) a.list-item__external:hover::after {
        content: url(images/external-link-active.svg);
    }

.list--padding {
    padding: 0.1vh 2vw;
}

    .list--padding p {
        margin-top: 2vh;
    }

/* -------------------------------------------------------------------|   LIST-MODULE__WHITE   | */
.list--light {
    background-color: #ffffff;
    color: #222;
}

    .list--light p.list--label, .list--light li {
        border-color: #0c3664;
    }


    .list--light a {
        color: #0c3664;
    }

        .list--light a:hover {
            color: #1e81ea;
            background-color: #E6ECF2;
        }

    .list--light li:not(:last-child) {
        border-bottom: solid #0c3664 1px;
    }

main .list--light a.link--cta, main .list--light a {
    color: #0c3664 !important;
    border-color: #0c3664 !important;
}

.list--light a::after {
    content: url(images/file-document-active-light.svg);
    margin-left: 1vw;
    margin-right: 2vw;
}

.list--light a:hover::before {
    /*Raj-2024 Bootstrap update*/
    content: url("images/dash-active-light.svg");
}

.list--light a.list-item__link::after {
    content: url(images/arrow-right-circle-active-light.svg);
}

.list--light a.list-item__external::after {
    content: url(images/external-link-active-light.svg);
}

/*Raj-2024 Bootstrap update*/
/*.list--light a:hover::after {
    content: url("images/file-document-active-light.svg");
}*/
/* -------------------------------------------------------------------|   LEGACY--DOCUMENT-MODULE   | */
.media-list.downloads {
    background-color: #0c3664;
    color: #ffffff;
    padding: 1vh;
    padding-left: clamp(20px, 1.5vw, 2vw);
    padding-right: clamp(20px, 1.5vw, 2vw);
}

.media-list.downloads {
    border-top: solid #fff .25vh;
}
/*Raj-2024 Bootstrap update*/
/*    .media-list.downloads .media-body p:not(:first-child) {
        display: none;
    }

.downloads .media-left {
    display: none;
}*/


.downloads .media-heading a {
    color: #aaa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    text-decoration: none;
    background-color: transparent;
    padding-top: clamp(16px, .25rem, .25rem);
    padding-bottom: clamp(16px, .25rem, .25rem);
}

    .downloads .media-heading a:hover {
        text-decoration: none;
        color: #ffffff;
        padding-left: 0px;
        background-color: inherit;
    }


.downloads li {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    margin-top: 0px;
}

    .downloads li:not(:last-child) {
        border-bottom: solid white 1px;
    }
/*Raj-2024 Bootstrap update*/
.downloads a::after {
    content: url("images/file-document.svg");
    margin-left: 1vw;
    margin-right: 2vw;
}
.downloads a:hover::after {
    content: url("images/file-document-active.svg");
}



/* -------------------------------------------------------------------|   LIGHTBOX-MODULE   | */

.redesign2021 .modal {
    max-height: 98vh;
}

.redesign2021 .modal-sm {
    width: 40vw;
}

.redesign2021 .modal-header {
    background-color: #ffffff;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
}

.redesign2021 .modal-title {
    display: inline-block;
}

.redesign2021 .modal button.close {
    font-size: clamp(18px, 4vh, 20px);
    color: #666;
    opacity: 1;
    float: right;
}

.redesign2021 .modal-body img {
    margin: auto;
    padding-bottom: 2vh;
    width: 100%;
}

a.link--modal:hover {
    cursor: pointer;
}


/* -------------------------------------------------------------------|   LIGHTBOX-MODULE__LARGE   | */

.redesign2021 .modal-lg {
    width: 70vw;
}

/* -------------------------------------------------------------------|   QUOTE-MODULE   | */
.quote-module {
    overflow: hidden;
}


    .quote-module a {
        text-decoration: none;
        background-color: #f7f7f8;
        color: #fff;
        position: relative;
        padding-bottom: 1vh;
        height: 75vh;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .quote-module a img {
            width: 100%;
            padding-bottom: 1.5vh;
            z-index: 10;
        }


    .quote-module q, .quote-module p {
        padding: 0 1.25vw;
        display: block;
        color: #165788;
    }

    .quote-module .link--cta {
        margin: 2vh auto;
        color: #07213c;
        display: table;
        padding: 1vmin 2vmin;
        border-bottom-width: 0px;
    }

    .quote-module .text--cta {
        border-bottom: 1.5px solid #0c3664;
    }

    .quote-module a:hover {
        cursor: pointer;
        background-color: #CCC1AD !important;
    }

        .quote-module a:hover .link--cta {
            background-color: #0c3664 !important;
        }

        .quote-module a:hover .text--cta {
            color: #fff;
            border-color: #fff;
        }

        .quote-module a:hover img {
            opacity: .9;
        }

.quote--author-title, .quote--author {
    margin: 0px;
    padding: 0px;
    text-align: right;
    font-size: .9rem;
}

p.quote--author-title {
    color: #5b5151;
    font-style: italic;
}

p.heading--section {
    font-size: .9rem;
    color: #231F20;
}

/* -------------------------------------------------------------------|   ACCORDIONS   | */
/*Raj-2024 Bootstrap update*/
.accordion .accordion-item {
    border-radius: 0px;
    border: 2px #888 solid;
    margin-bottom: clamp(1.75vh, .75vw, 20px);
}
    /*Raj-2024 Bootstrap update*/
    .accordion .accordion-item + .accordion-item {
        margin-top: 0px;
    }
/*Raj-2024 Bootstrap update*/
.accordion-item > .accordion-header {
    background-color: #0c3664;
    color: #ffffff;
    margin: 0px;
    font-size: clamp(16px, 1.1vw, 20px);
    border-radius: 0px;
}
    /*Raj-2024 Bootstrap update*/
    .accordion-item > .accordion-header:hover {
        background-color: #000;
    }

/*Raj-2024 Bootstrap update*/
p.accordion-header {
    padding: 0px;
}
/*Raj-2024 Bootstrap update*/
button.accordion-button {
    display: block;
    width: 100%;
    margin: 0px;
    text-align: left;
    background-color: transparent;
    border-width: 0px;
    color: inherit;
}
button.accordion-button:not(.collapsed) {
    color: inherit;
}
/*Default accordion chevron color to white*/
/*Raj-2024 Bootstrap update*/
div.accordion:not(.accordion-list):not(.accordion__light) > .accordion-item > p.accordion-header > button.accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-linejoin='round'><path stroke-width='2' d='M2 5L8 11L14 5'/></svg>");
}
/*Raj-2024 Bootstrap update*/
div.accordion:not(.accordion-list):not(.accordion__light) > .accordion-item > p.accordion-header > button.accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-linejoin='round'><path stroke-width='2' d='M2 5L8 11L14 5'/></svg>");
}
/*Raj-2024 Bootstrap update*/
.accordion-item > .accordion-header {
    color: #fff;
}

/*Raj-2024 Bootstrap update*/
button.accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: clamp(16px, 1vw, 20px);
}
    /*Raj-2024 Bootstrap update - override bootstrap variables*/
button.accordion-button:not(.collapsed) {
    --bs-accordion-active-bg: transperent;
}
    /*Raj-2024 Bootstrap update - override bootstrap variables*/
.accordion-button:focus {
    --bs-accordion-btn-focus-box-shadow: none;
}
/*
    Raj-2024 Bootstrap update - May not need these
.accordion-button:after {
    font-family: 'Glyphicons Halflings';
    content: "\e079";
    font-size: clamp(12px, .75vw, 1rem);
    display: block;
    margin-left: 10px;
}

.accordion-button.collapsed:after {
    content: "\e114";
}
*/
.accordion-collapse {
    overflow: hidden;
}
/*Raj-2024 Bootstrap update*/
.accordion-item .bodycopy {
    margin: 1.5vw;
}

/* -------------------------------------------------------------------|   ACCORDIONS--LIGHT   | */

.accordion__light {
    color: #222;
}
    /*Raj-2024 Bootstrap update*/
    .accordion__light > .accordion-item > .accordion-header {
        background-color: #fff;
        color: #0c3664;
        font-weight: bold;
    }
        /*Raj-2024 Bootstrap update*/
        .accordion__light > .accordion-item > .accordion-header:hover {
            background-color: #E6ECF2;
            border-bottom: solid 1px #ccc;
            color: #222;
            margin-bottom: -1px;
        }

main .accordion__light a.link--cta, main .accordion__light a, main .accordion__light a.link--cta {
    color: #0c3664 !important;
    border-color: #0c3664 !important;
}

    main .accordion__light a.link--cta:hover, main .accordion__light a:hover, main .accordion__light a.link--cta:hover {
        color: #fff !important;
        background-color: #0c3664;
    }
/*Override accordion chevron color for .accordion__light and accordion-list*/
/*Raj-2024 Bootstrap update*/
div.accordion:where(.accordion-list,.accordion__light) > .accordion-item > p.accordion-header > button.accordion-button::after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2812, 54, 100, 1%29' stroke-linecap='round' stroke-linejoin='round'><path stroke-width='2' d='M2 5L8 11L14 5'/></svg>");
}
/*Raj-2024 Bootstrap update*/
div.accordion:where(.accordion-list,.accordion__light) > .accordion-item > p.accordion-header > button.accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2812, 54, 100, 1%29' stroke-linecap='round' stroke-linejoin='round'><path stroke-width='2' d='M2 5L8 11L14 5'/></svg>");
}
/* -------------------------------------------------------------------|   ACCORDIONS--LIST STYLE   | */
/*Raj-2024 Bootstrap update*/
.accordion-list.accordion {
    border-top: 2px #888 solid;
}
    /*Raj-2024 Bootstrap update*/
    .accordion-list.accordion .accordion-item {
        border: 0px;
        border-bottom: 2px #888 solid;
        margin-bottom: 0px;
    }
/*Raj-2024 Bootstrap update*/
.accordion-list > .accordion-item > .accordion-header {
    background-color: #fff;
    color: #0c3664;
    font-weight: bold;
}
/*Raj-2024 Bootstrap update*/
.accordion-list .accordion-item > .accordion-header:hover {
    background-color: #E6ECF2;
    border-bottom: solid 1px #ccc;
    color: #222;
    margin-bottom: -1px;
}
/*Raj-2024 Bootstrap update*/
.accordion-list.accordion .accordion {
    margin-top: 0px;
    border-top: 2px #888 solid;
}



/* -------------------------------------------------------------------|   DROPDOWN   | */

.dropdown-module select {
    text-transform: uppercase;
    padding: 1vmin 2vmin;
    background-color: #ffffff;
    font-weight: bold;
    color: #093462;
    border-radius: .4vw;
    border: solid 1px #666666;
    display: block;
    min-width: 50%;
    max-width: 100%;
    font-size: clamp(15px, 1vw, 18px);
    -webkit-appearance: none;
    background: url(images/chevron-down--dark.svg) no-repeat right #f7f7f8;
    background-position-x: 95%;
}

.language-selector {
    padding-right: 2vw;
}

select.language-selector-dropdown {
    background: url(images/chevron-down.svg) no-repeat right #eee;
}

.dropdown-module select:hover, .dropdown-module select option:hover {
    cursor: pointer;
}

.dropdown-module select option:first-child {
    font-weight: bold;
}

.dropdown-module select option {
    font-size: clamp(16px, 1vw, 20px);
}

/* -------------------------------------------------------------------|   LANGUAGE SELECTOR   | */
.language-selector {
    /*Raj-2024 Bootstrap update*/
/*  Replacing with bootstrap 5 classes
    display: flex;
    justify-content: flex-end;
    align-items: center;*/
}

.dropdown-module.language-selector select {
    font-size: clamp(10px, 1vw, 12px);
    padding: .5vmin 1vmin;
    margin: .5vmin;
    min-width: 200px;
    float: right;
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    color: #fff;
}

    .dropdown-module.language-selector select option:first-child {
        font-weight: normal;
    }

    .dropdown-module.language-selector select option {
        font-size: clamp(12px, 1vw, 16px);
        color: #0c3664;
    }

.dropdown-module.language-selector:after {
    color: #f00;
}

#OLJSLanguageSelector {
    display: none;
}

.footer--container .dropdown-module.language-selector select {
    font-size: clamp(12px, 1vw, 14px);
    padding: 1vmin;
    min-width: 200px;
    float: right;
}

    .footer--container .dropdown-module.language-selector select option {
        font-size: clamp(14px, 1vw, 18px);
    }

.language--icon {
    height: clamp(12px, 2vh, 16px);
    margin-bottom: 1px;
}

.footer--container .language-selector {
    margin-bottom: 3vh;
}

/* -------------------------------------------------------------------|   STORY ARTICLES   | */
p.date {
    color: #231F20;
}

.news-release-page h1 {
    font-size: clamp(18px, 6vw, 20px);
    max-width: 45vw;
}

.news-release .article--content {
    max-width: 45vw;
}

.news-release .module_container--content img {
    max-width: 100%;
}

.news-release h5 { /* Captions */
    font-size: clamp(16px, 1.1vw, 20px);
    font-weight: normal;
    font-family: 'Font Light-O', Arial, sans-serif;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: 1.75rem;
}

.news-release iframe {
    margin: 0 auto;
    display: block;
    width: 35vw;
    height: 20vw;
}

/* -------------------------------------------------------------------|   VIDEO   | */
.videoWrapper {
    padding-bottom: 0px;
    max-width: 142vh;
    margin: 0 auto 20px;
    height: inherit;
}

    .videoWrapper::before {
        content: '';
        display: block;
        position: relative;
        padding-bottom: 56.25%;
    }


    .videoWrapper iframe {
        max-height: 80vh;
        max-width: 90vw;
    }


/* -------------------------------------------------------------------|   DESKTOP STYLE OVERRIDES   | */
@media only screen and (min-width: 992px) {
    .navbar-wrapper .navbar {
        padding: 3px 5vw;
    }
}


/* -------------------------------------------------------------------|   MOBILE STYLES   | */
@media only screen and (max-width: 992px) {

    /* NOTE: Transition is weird due to scrollbar which is not visibile in mobile */

    /*  --------------------------------------------------|  GLOBAL OVERRIDES: redesign2021   | MOBILE */
    .redesign2021 .interior-body > .row, .redesign2021 .row, .redesign2021 .container-fixed, .redesign2021 .container > .row, .redesign2021 .container-fluid > .row:not(.full-width) {
        /*display: block;*/
    }

    .interior-body > .row, .row, .container-fixed, .container > .row, .container-fluid > .row:not(.full-width) {
        padding: 0px;
    }

    .footer--links {
        width: fit-content;
        display: block;
        margin: 2vh auto;
        float: none;
        padding-bottom: 5vh;
    }

        .footer--links .footer--content {
            float: none;
            clear: both;
            margin-right: 0px;
        }

    .footer--content__social {
        float: none;
        clear: both;
        margin: 2vw auto;
        width: fit-content;
        height: 5vh;
    }
    /*Raj-2024 Bootstrap update*/
    .bodycopy, .accordion {
        margin: 0vh 4vw;
        padding-top: 4vh;
        padding-bottom: 4vh;
    }

    .footer--content__social img {
        margin: 2vw;
    }

    .footer--copyright {
        text-align: center;
    }

    .footer--container .dropdown-module.language-selector {
        align-self: center;
    }

    h1 {
        font-size: clamp(2rem, 6vh, 8vh);
    }

    .breadcrumb {
        padding: 8px 0px;
    }

    .redesign2021 .container-breadcrumb {
        height: auto;
    }

    .navbar-nav > li > a { /* Controls both main nav and site nav */
        padding-left: 4vw;
    }

    #brdcrmhtml { /* old site */
        margin: 0px 4vw;
        margin-top: 3vh;
    }

    .media.bodycopy .summary {
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        font-size: clamp(16px, 1vw, 18px);
    }

    #site-nav .navbar-nav > li > a, .dropdown-menu a { /* Site nav dropdown */
        font-size: clamp(15px, .75vw, 18px);
    }

    #sub-main-site-menu {
        overflow: hidden;
    }

    .dropdown-menu {
        color: #fff;
        list-style: "-";
    }

        .dropdown-menu > li > a {
            white-space: normal;
        }

    .news-items p.date {
        margin: 0px;
        padding-top: 10px;
    }

    #top-main-search-mobile .form-group {
        margin: 0 auto;
    }

    .navbar-collapse {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .photo.bodycopy {
        max-width: inherit;
    }

        .photo.bodycopy img {
            margin: 0 auto;
            margin-top: 6vh;
        }

    #searchMessage, .results-page.search-form, .search-results--header {
        margin: 2vh auto;
        display: table;
    }

    .bodycopy.r21--breadcrumb-module {
        margin: 3vh 4vw 0px 4vw;
    }

    /*  --------------------------------------------------|  HEADINGS   | MOBILE */
    .padding--heading-top .heading--block-row {
        margin-bottom: -6vh;
    }



    /*  --------------------------------------------------|  IMAGE-MODULE__LARGE   | MOBILE */
    .bodycopy.r21--image-module__large, .image--full {
        width: 100vw;
        margin-left: -5vw;
    }

        .bodycopy.r21--image-module__large img, .image-full img {
            width: 100%;
            border-radius: 0px;
        }



    /* ---------------------------------------------------|   BANNER   | MOBILE */

    .banner--heading, .banner--image, .banner--overview {
        clear: both;
        float: none;
        width: 100%;
    }

    .heading__image-present .banner--heading, .heading__image-present .banner--overview {
        width: 100%;
    }

        .heading__image-present .banner--heading h1 {
            padding-right: 5vw;
        }

    .banner--image {
        margin: 0px;
        height: auto;
    }

        .banner--image img {
            width: 100%;
            height: auto;
        }

    .banner--heading h1 {
        margin-top: 0px;
    }
    /* ---------------------------------------------------|   LIGHTBOX-MODULE   | MOBILE */
    .redesign2021 .modal-sm {
        width: 80vw;
        margin: auto;
    }

    .modal-dialog.modal-lg {
        margin: 2vh auto;
        width: 80vw;
    }

    /* ---------------------------------------------------|   QUOTE-MODULE   | MOBILE */
    .quote-module a {
        height: inherit;
        padding-bottom: .5vh;
    }

    .quote-module q, .quote-module p {
        padding: 0 4vw;
    }

    .quote-module a img {
        padding-bottom: 2vh;
    }



    /* ---------------------------------------------------|   LIST-MODULE   | MOBILE */
    .r21--list-module {
        padding: 4vw;
    }

    .r21--list--white {
        padding: 1.5vw;
    }

    /* ---------------------------------------------------|   NEWS-MODULE   | MOBILE */

    .newsWrapper h6, .r21-press-release-header h6, .newsWrapper .heading--subsection, .r21-press-release-header .heading--subsection, .newsWrapper .heading--label, .r21-press-release-header .heading--label, .news-module--cta, .newsWrapper h2, .r21-press-release-header h2 {
        float: none;
        text-align: center;
        padding: 0px;
        margin: 2vh 0px;
        display: block;
    }

    .alcoa-story .column-master-style .r21--copy-module {
        padding: 1vh 2vw 0px 2vw;
    }

    .r21-press-release-header h6, .r21-press-release-header .heading--subsection, .r21-press-release-header .heading--label, .r21-press-release-header, .r21-press-release-header h2 {
        margin-bottom: 0px;
    }

    .newsWrapper .link--button, .r21--press-release--view-all .link--button {
        float: none;
        text-align: center;
        display: block;
        margin: 0px auto 15vw auto;
        width: fit-content;
    }

    .news-items button {
        width: 81vw;
        margin: 4vh auto;
    }

    .alcoa-story {
        display: grid;
    }

    .newsWrapper .news-image {
        height: auto;
    }

    .news-items p {
        margin-bottom: 2vh;
    }

    p.listing--date {
        margin-bottom: 0;
    }

    .news-release-page h1 {
        max-width: 100%;
    }


    /* ---------------------------------------------------|   NEWS-MODULE___SINGLE ITEM  | MOBILE */

    .single-item-news {
        margin-bottom: -1vw;
        overflow: auto;
    }

        .single-item-news .alcoa-story {
            display: block;
        }

        .single-item-news .news-copy {
            border-width: 0px;
            height: auto;
            display: block;
            flex-direction: initial;
            justify-content: initial;
        }

        .single-item-news .news-module--summary {
            display: block;
            height: auto;
        }

        .single-item-news .news-items p {
            margin-bottom: 0px;
        }

        .single-item-news p:not(.news-module--cta) {
            margin-left: 0px;
            padding: 2vh 4vw;
        }

        .single-item-news .news-module--cta {
            padding: 0px 4vw;
            padding-bottom: 3vh;
        }

        .single-item-news .alcoa-story:not(.story--1), .single-item-news .alcoa-story:not(.story--1) div {
            display: none;
            position: absolute;
        }

        .single-item-news .story--1 {
            width: 100%;
        }

        .single-item-news .news-1-image {
            width: 100%;
            height: 100%;
            float: none;
            border-width: 0px;
            margin: 0 auto;
        }

        .single-item-news .news-module--title {
            margin-bottom: inherit;
            font-size: inherit;
            padding-bottom: 2vh;
        }


    /* -------------------------------------------------------------------|   STORY ARTICLES   | */

    .news-release .article--content {
        max-width: 100%;
    }

    .news-release iframe {
        margin: 0 auto;
        display: block;
        width: 90vw;
        height: 51vw;
    }
}



/* --------------------------------------------------------------|   CSS OVERRIDES   | */

.font-size--15px {
    font-size: 15px !important;
}

.float--right {
    float: right !important;
}

.top--negative-10 {
    position: relative;
    top: -10px;
}

.margin--0 {
    margin: 0px;
}

.height--0 {
    height: 0px;
}

.padding--5vh {
    padding: 5vh;
}

.padding-top--0 {
    padding-top: 0px;
}

.padding-bottom--1vh {
    padding-bottom: 1vh;
}

.padding-bottom--2vh {
    padding-bottom: 2vh;
}

.padding-bottom--4vh {
    padding-bottom: 4vh;
}

.padding-bottom--6vh {
    padding-bottom: 6vh !important;
}

.padding-top--1vh {
    padding-bottom: 1vh;
}

.padding-top--2vh {
    padding-top: 2vh;
}

.padding-top--3vh {
    padding-top: 3vh;
}

.padding-top--4vh {
    padding-top: 4vh;
}

.align-items--stretch {
    align-items: stretch !important;
}

.align-self--start {
    align-self: start;
}

.align-self--end {
    align-self: end;
}

.align-items--baseline {
    align-items: baseline !important;
}

.text-color--green {
    color: #008342 !important;
}

.display--flex {
    display: flex;
    align-items: center;
}

.display--grid {
    display: grid;
}

/*.display--none, #container_Provider1 {
    display: none;
}*/

.display--none, #container_Age {
    display: none;
}

.margin-top--0 {
    margin-top: 0px !important;
}

.margin-bottom--0 {
    margin-bottom: 0px;
}

.margin-bottom--2vh {
    margin-bottom:2vh !important;
}

.margin-bottom--4vh {
    margin-bottom: 4vh !important;
}

.margin-bottom--8vh {
    margin-bottom: 8vh !important;
}

.margin-left--0 {
    margin-left: 0px;
}

.margin-right--0 {
    margin-right: 0px;
}

.margin-top--3vw {
    margin-top: 3vw !important;
}

.white-space--nowrap {
    white-space: nowrap;
}

.row--hero-background {
    background-color: #0c3664;
}

.row--hero-feature {
    background-color: #165788;
}

.row--section-background {
    background-color: #f7f7f8;
}

.row--dark-background {
    background-color: #07213c;
}

.row--darkest-background {
    background-color: #000;
}

.row--grey-background {
    background-color: #595959;
}

.row--green-background {
    background-color: #008342;
}

    .row--dark-background, .row--grey-background, .row--hero-background, .row--hero-feature, .row--darkest-background,
    .row--dark-background a, .row--grey-background a, .row--hero-background a, .row--hero-feature a, .row--darkest-background a,
    .row--dark-background h6, .row--grey-background h6, .row--hero-background h6, .row--hero-feature h6, .row--darkest-background h6,
    .row--dark-background .heading--subsection, .row--grey-background .heading--subsection, .row--hero-background .heading--subsection, .row--hero-feature .heading--subsection, .row--darkest-background .heading--subsection,
    .row--dark-background .heading--label, .row--grey-background .heading--label, .row--hero-background .heading--label, .row--hero-feature .heading--label, .row--darkest-background .heading--label,
    main .row--dark-background a.link--cta, main .row--grey-background a.link--cta, main .row--hero-background a.link--cta, main .row--hero-feature a.link--cta, .row--darkest-background a.link--cta {
        color: #fff;
        border-color: #fff;
    }

        .row--dark-background a:hover, .row--grey-background a:hover, .row--hero-background a:hover, .row--hero-feature a:hover, .row--darkest-background a:hover,
        .row--dark-background a.link--cta:hover, .row--grey-background a.link--cta:hover, .row--hero-background a.link--cta:hover, .row--hero-feature a.link--cta:hover, .row--darkest-background a.link--cta:hover {
            color: #0c3664;
            background-color: #fff;
        }

        .row--dark-background .list--light a:hover, .row--grey-background .list--light a:hover {
            color: #1e81ea;
            background-color: #E6ECF2;
        }