/*** PRESETS & EXTERNAL ***/

/* Google Fonts */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* Color Settings */

:root {
    --au-red: #c41424;
    --au-dark-red: #9b0e15;
    --au-light-red: #ff6767;
    --au-blue: #004077;
    --au-dark-blue: #14283a;
    --au-alt-blue: #397fbb;
    --au-light-blue: #7ec3ff;
    --au-text-gray: #1d1d1b;
    --au-background-gray: #f4f4f4;
    --au-light-gray: #cccccc;
    --au-alt-gray: #828282;

    --au-old-green: #2ba911;
    --au-old-orange: #cb6015;
    --au-old-violet: #4a379f;
    --au-old-turquoise: #0d7f6f;
    --au-old-grayblue: #8499bd;
    --au-old-lightgrayblue: #b9c3da;
}

/*** Calamity Fixes ***/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.fade {
    opacity: initial;
}

.modal.fade .modal-dialog {
    transform: none;
}

.modal-header {
    display: inline;
}

.modal-header .close {
    padding: 0;
    margin: 0;
    float: none;
    position: absolute;
    top: 15px;
    right: 15px;
}

.modal-title {
    width: calc(100% - 60px);
}

/*.row {width:100%;}*/
.content-middle {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*** PAGE ATTRIBUTES ***/
html,
body {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: var(--au-text-gray);
    line-height: 1.5;
    background-color: var(--au-background-gray);
    font-weight: 400;
    letter-spacing: 0.5px
}

#wrapper {
    overflow: hidden;
}

.large-text {
    font-size: 20px !important;
}

hr {
    margin: 30px 0px;
    padding: 0;
    clear: both;
    border-top: 1px solid #ccc;
}

.first_paragraph p:first-child {
    font-size: 1.5em !important;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    /*padding-bottom: 30px;*/
}

.label {
    color: var(--au-red);
}

.invisible {
    display: none;
}

.nolink {
    pointer-events: visible;
}

em img {
    display: none;
}

.ics {
    display: none;
}

@media(min-width: 1400px) {
    .container {
        width: 1400px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1400px;
    }
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.visibleblock {
    overflow: initial;
}

.visibleblock .block {
    overflow: initial;
}

.block {
    overflow: initial;
}

.ce_text.container.block {
    overflow: auto;
}

.ce_text {
    position: relative;
    word-break: break-word;
}

/** Links **/

a {
    outline: none !important;
    color: var(--au-blue);
    transition: 0.2s;
}

a:link {
    outline: none !important;
    color: var(--au-blue);
    transition: 0.2s;
}

a:visited {
    transition: 0.2s;
}

a:hover {
    color: #c41424;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
}

a:active {
    color: #c41424;
    transition: 0.2s;
    text-decoration: none;
}

#container a:link {
    text-decoration: underline;
}

/** Lists **/

ul {
    list-style-type: disc;
    margin: 0px 0px 0px 20px;
    padding: 0;
}

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

.ce_text ul,
.ce_text ol {
    margin-bottom: 30px;
}

#header ul {
    list-style-type: none;
}

/* Checked Lists */

ul.redcheck,
ul.bluecheck {
    margin-left: 50px !important;
    list-style: none;
}

ul.redcheck li.check,
ul.bluecheck li.check {
    margin-bottom: 30px;
}

ul.redcheck li.check:last-child,
ul.bluecheck li.check:last-child {
    margin-bottom: 0px;
}

ul.redcheck li.check:before {
    background: url('../../images/Page%20Images/Page%20Images%20-%20General/red_check.png');
}

ul.bluecheck li.check:before {
    background: url('../../images/Page%20Images/Page%20Images%20-%20General/blue_check.png');
}

ul.redcheck li.check:before,
ul.bluecheck li.check:before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    margin-left: -52px;
    margin-top: -9px;
}

/** Custom Spacing **/

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

.mb-0 {
    margin-bottom: 0px !important;
}

.my-0 {
    margin: 0px auto !important;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.my-15 {
    margin: 15px auto;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.my-30 {
    margin: 30px auto;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

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

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.py-15 {
    padding: 15px 0px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.py-30 {
    padding: 30px 0px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.py-60 {
    padding: 60px 0px;
}

.mt-minus-30 {
    margin-top: -30px;
}

.mt-minus-60 {
    margin-top: -60px;
}

.mb-minus-30 {
    margin-bottom: -30px;
}

.mb-minus-45 {
    margin-bottom: -45px;
}

.mb-minus-60 {
    margin-bottom: -60px;
}

/* Pull Up Element */

.pullup150 {
    margin-top: -150px;
}

/* Google Translate */

#google_translate_element {
    margin-bottom: 30px;
}

#google_translate_element img {
    max-width: 42px !important;
}

/** Headers **/

#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#container h6 {
    font-weight: 600;
    color: var(--au-red);
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    margin-top: 0px;
}

h1 {
    font-size: 3.25em;
}

h2.large {
    font-size: 5em !important;
}

h2 {
    font-size: 2.25em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.25em;
}

h5 {
    font-size: 1.125em;
}

h6 {
    font-size: 1em;
}

/* Header - Alt Styles */

/* Lowercase */

h1.lowercase,
h2.lowercase,
h3.lowercase,
h4.lowercase,
h5.lowercase,
h6.lowercase {
    text-transform: initial !important;
}

/* No Gutter */

h1.nogutter,
h2.nogutter,
h3.nogutter,
h4.nogutter,
h5.nogutter,
h6.nogutter {
    padding: 0 !important;
    margin: 0 !important;
}

/* Red Shadow */

h1.redshadow,
h2.redshadow,
h3.redshadow,
h4.redshadow,
h5.redshadow,
h6.redshadow {
    text-shadow: #c41424 3px 3px;
}

h3 {
    background-color: initial !important;
}

/* Header Underline - No Underline */

.custom h1.noline,
.custom h2.noline,
.custom h3.noline,
.custom h4.noline,
.custom h5.noline,
.custom h6.noline,
#container h1.noline,
#container h2.noline,
#container h3.noline,
#container h4.noline,
#container h5.noline,
#container h6.noline,
#footer h1.noline,
#footer h2.noline,
#footer h3.noline,
#footer h4.noline,
#footer h5.noline,
#footer h6.noline {
    padding-bottom: 0;
    margin-bottom: 30px;
}

.custom h1.noline:after,
.custom h2.noline:after,
.custom h3.noline:after,
.custom h4.noline:after,
.custom h5.noline:after,
.custom h6.noline:after,
#container h1.noline:after,
#container h2.noline:after,
#container h3.noline:after,
#container h4.noline:after,
#container h5.noline:after,
#container h6.noline:after,
#footer h1.noline:after,
#footer h2.noline:after,
#footer h3.noline:after,
#footer h4.noline:after,
#footer h5.noline:after,
#footer h6.noline:after {
    display: none
}

/* Header Underline Styling */

#container h1::after,
#container h2::after,
#container h3::after,
#container h4::after,
#container h5::after,
#container h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid #c41424;
}

#container .lightgray h1::after,
#container .lightgray h2::after,
#container .lightgray h3::after,
#container .lightgray h4::after,
#container .lightgray h5::after,
#container .lightgray h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-red);
}

#container .gray h1::after,
#container .gray h2::after,
#container .gray h3::after,
#container .gray h4::after,
#container .gray h5::after,
#container .gray h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-light-gray);
}

#container .darkgray h1::after,
#container .darkgray h2::after,
#container .darkgray h3::after,
#container .darkgray h4::after,
#container .darkgray h5::after,
#container .darkgray h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-alt-gray);
}

#container .darkred h1::after,
#container .darkred h2::after,
#container .darkred h3::after,
#container .darkred h4::after,
#container .darkred h5::after,
#container .darkred h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid #fff;
}

#container .lightred h1::after,
#container .lightred h2::after,
#container .lightred h3::after,
#container .lightred h4::after,
#container .lightred h5::after,
#container .lightred h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-red);
}

#container .red h1::after,
#container .red h2::after,
#container .red h3::after,
#container .red h4::after,
#container .red h5::after,
#container .red h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-light-red);
}

#container .darkblue h1::after,
#container .darkblue h2::after,
#container .darkblue h3::after,
#container .darkblue h4::after,
#container .darkblue h5::after,
#container .darkblue h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-light-blue);
}

#container .lightblue h1::after,
#container .lightblue h2::after,
#container .lightblue h3::after,
#container .lightblue h4::after,
#container .lightblue h5::after,
#container .lightblue h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-blue);
}

#container .blue h1::after,
#container .blue h2::after,
#container .blue h3::after,
#container .blue h4::after,
#container .blue h5::after,
#container .blue h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-light-blue);
}

#container .white h1::after,
#container .white h2::after,
#container .white h3::after,
#container .white h4::after,
#container .white h5::after,
#container .white h6::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-red);
}

/* Header - Right Aligned */

#container .rightalign {
    text-align: right;
}

#container h1.rightalign:after,
#container h2.rightalign:after,
#container h3.rightalign:after,
#container h4.rightalign:after,
#container h5.rightalign:after,
#container h6.rightalign:after {
    content: "";
    position: absolute;
    right: 0;
    left: auto;
}

/* Header - Center Aligned */

#container .centeralign {
    text-align: center;
}

#container h1.centeralign:after,
#container h2.centeralign:after,
#container h3.centeralign:after,
#container h4.centeralign:after,
#container h5.centeralign:after,
#container h6.centeralign:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width: 90px;
}

/** Hard Rule **/

/* Colors */

hr.redline {
    height: 4px;
    background: var(--au-red);
}

hr.blueline {
    height: 4px;
    background: var(--au-blue);
}

hr.whiteline {
    height: 4px;
    background: #ffffff;
}

/* Widths */

hr.w100 {
    width: 100px;
}

hr.w300 {
    width: 300px;
}

hr.w500 {
    width: 500px;
}

hr.w25p {
    width: 25%;
}

hr.w50p {
    width: 50%;
}

hr.w75p {
    width: 75%;
}

hr.w100p {
    width: 100%;
}

/*** VIDEO ATTRIBUTES !! ***/

/* Responsive YouTube/Vimeo */

.video-container,
.mejs-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-overlay {
    display: none;
}

/*** HERO ***/

#hero .hero-banner {
    border-bottom: 5px solid #c41424;
    /*overflow:hidden;*/
}

/* Flexible Containers */

.hero-banner.vh100 .hero-image,
.hero-banner.vh100 .hero-video {
    height: calc(100vh - 150px);
}

.hero-banner.vh50 .hero-image,
.hero-banner.vh50 .hero-video {
    min-height: 50vh;
    max-height: calc(100vh - 150px);
}

.hero-banner.vh300px .hero-image,
.hero-banner.vh300px .hero-video,
.hero-banner.vh300 .hero-image,
.hero-banner.vh300 .hero-video {
    min-height: 300px;
    max-height: calc(100vh - 150px);
}

/* Static Containers */

.hero-banner.fullvh .hero-image,
.hero-banner.fullvh .hero-video {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

.hero-banner.halfvh .hero-image,
.hero-banner.halfvh .hero-video {
    min-height: 50vh;
    position: relative;
    overflow: hidden;
}

.hero-banner.thirdvh .hero-image,
.hero-banner.thirdvh .hero-video {
    min-height: 33vh;
    position: relative;
    overflow: hidden;
}

.hero-banner.quartervh .hero-image,
.hero-banner.quartervh .hero-video {
    min-height: 25vh;
    position: relative;
    overflow: hidden;
}

/** Hero Images **/

.hero-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.hero-video {
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}

.hero-video video,
.hero-video img {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: -100;
}

/** Hero Text **/

.hero-text {
    text-align: left;
    color: #fff;
    width: calc(50% - 200px);
    position: relative;
    z-index: 2;
    transition: 0.3s;
    margin: 60px 0px;
}

.hero-text a {
    color: #fff;
    text-decoration: none !important;
}

.hero-text p a {
    text-decoration: underline !important;
}

.hero-text a:hover p {
    text-decoration: underline;
}

.hero-text h1,
.hero-text h2,
.hero-text h3,
.hero-text h4,
.hero-text h5,
.hero-text h6 {
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    margin-top: 0;
}

.hero-text h1:after,
.hero-text h2:after,
.hero-text h3:after,
.hero-text h4:after,
.hero-text h5:after,
.hero-text h6:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid #c41424;
}

.hero-text h2 {
    font-size: 3em;
}

.hero-text .large-text {
    font-size: 2.6rem;
}

/* Text Align Block - Default Left, Add to Container Div holding Hero Text */

.center-align {
    display: flex;
    justify-content: center;
}

.center-valign {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.right-align {
    display: flex;
    justify-content: flex-end;
}

/** Hero Additions **/

/* Darken Background */

.hero-image.shader::after,
.hero-video.shader::after {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: '';
}

/* Blue BG Ribbons - Left */

.hero-video.ribbon::before,
.hero-image.ribbon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) calc(50% - 140px), rgba(0, 64, 119, 0) calc(50% - 140px), rgba(0, 64, 119, 0) 100%);
    display: block;
    width: 100%;
    height: 100%;
}

/* Blue BG Ribbons - Right */

.hero-video.ribbon-right::after,
.hero-image.ribbon-right::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) calc(50% - 140px), rgba(0, 64, 119, 0) calc(50% - 140px), rgba(0, 64, 119, 0) 100%);
    display: block;
    width: 100%;
    height: 100%;
}

@media (max-height: 850px) and (min-width: 1200px) {

    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%) !important;
    }

    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%) !important;
    }

    .hero-text {
        width: calc(50% - 30px) !important;
    }
}

@media (max-height: 650px) and (min-width: 760px) {

    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 100%) !important;
    }

    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 100%) !important;
    }

    .hero-text {
        width: calc(100% - 30px) !important;
    }
}

@media (max-height: 500px) and (min-width: 700px) {
    .hero-text {
        font-size: 80% !important;
    }
}

/* Hover Enlarge Hero Text */

.hero-text.enlarge:hover {
    transform: scale(1.1);
}

/* Link Arrow */

.arrow-right {
    color: #fff;
    font-size: 24px;
    display: inline-block;
    padding-right: 70px;
    position: relative;
}

.arrow-right::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f138";
    right: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
    color: #c41424;
    border: solid #fff 3px;
    line-height: 1;
    border-radius: 60%;
    background-color: #fff;
    text-shadow: none;
    transition: 0.5s;
    font-weight: bold;
}

a:hover .arrow-right::after {
    right: -10px;
    transform: translateY(-50%) scale(1.5);
}

/* Emphasis Font Sizes */

.textline-200px {
    font-size: 200px;
    display: block;
}

.textline-150px {
    font-size: 1.85em;
    display: block;
}

.textline-100px {
    font-size: 100px;
    display: block;
    padding-bottom: 10px;
}

.textline-50px {
    font-size: 50px;
    display: block;
}

.textline-40px {
    font-size: 40px;
    display: block;
}

.textline-25px {
    font-size: 25px;
    display: block;
}

/* Bordered Text Effect - Needs Manual Letter Spacing */

.hero-text.bordered h1 {
    text-align: center;
    line-height: 1;
    text-shadow: #c41424 3px 3px;
}

.hero-text.bordered hr {
    box-shadow: #c41424 3px 3px;
    height: 5px;
    background-color: #fff;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

.hero-text.bordered a {
    text-decoration: none;
}

.bordered h1,
.bordered h2,
.bordered h3 {
    margin: 0px;
    padding: 0px;
    font-weight: 900;
}

.bordered h1:after,
.bordered h2:after,
.bordered h3:after {
    content: none;
    border-bottom: none;
}

.bordered .arrow-right {
    text-shadow: #c41424 2px 2px;
}

.bordered .textline-200px {
    white-space: nowrap;
}

.bordered .textline-150px {
    white-space: nowrap;
}

.bordered .textline-100px {
    padding-bottom: 10px;
    white-space: nowrap;
}

.bordered .textline-50px {
    padding: 10px 0px 20px 0px;
    white-space: nowrap;
}

.bordered .textline-25px {
    padding: 0px 0px 25px 0px;
    white-space: nowrap;
}

/** Buttons **/

.btn {
    white-space: normal;
    padding: 10px 45px 10px 15px;
    color: #fff !important;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
    border: none;
    border-radius: 0;
    min-width: 200px;
    text-align: left;
    text-decoration: none !important;
    font-size: inherit;
    text-transform: uppercase;
}

.btn::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
}

.btn.bottom {
    margin-top: auto;
}

.btn.file::after {
    content: "\f15b";
}

.btn.pdf::after {
    content: "\f1c1";
}

.btn.pptx::after,
.ext-ppt::before {
    content: "\f1c4";
}

.btn.docx::after,
.ext-doc::before {
    content: "\f1c2";
}

.btn.mp4::after,
.ext-mov::before {
    content: "\f1c8";
}

.btn.xls::after {
    content: "\f1c3";
}

.btn:hover {
    transform: scale(1.04);
}

.btn.fullwidth {
    width: 100%;
}

.btn.float-right {
    float: right;
}

/* Red */
.btn.red {
    background-color: var(--au-red);
}

.btn.red::after {
    color: var(--au-dark-red);
}

.btn.red:hover {
    background-color: var(--au-blue);
}

.btn.red:hover::after {
    color: var(--au-light-blue);
}

/* Red on Blue BG */
.btn.red-onblue {
    background-color: var(--au-red);
}

.btn.red-onblue::after {
    color: var(--au-dark-red);
}

.btn.red-onblue:hover {
    background-color: #fff;
    color: var(--au-red) !important;
}

.btn.red-onblue:hover::after {
    color: var(--au-dark-red);
}

/* Blue */

.btn.blue {
    background-color: var(--au-blue);
}

.btn.blue::after {
    color: var(--au-light-blue);
}

.btn.blue:hover {
    background-color: var(--au-red);
}

.btn.blue:hover::after {
    color: var(--au-dark-red);
}

/* Blue on Red BG */

.btn.blue-onred {
    background-color: var(--au-blue);
}

.btn.blue-onred::after {
    color: var(--au-light-blue);
}

.btn.blue-onred:hover {
    background-color: #fff;
    color: var(--au-blue) !important;
}

.btn.blue-onred:hover::after {
    color: var(--au-light-blue);
}

/* White on Red BG */

.btn.white-onred {
    background-color: #fff;
    color: var(--au-red) !important;
}

.btn.white-onred::after {
    color: var(--au-red);
}

.btn.white-onred:hover {
    background-color: var(--au-blue);
    color: #fff !important;
}

.btn.white-onred:hover::after {
    color: var(--au-light-blue);
}

/* White on Blue BG */

.btn.white-onblue {
    background-color: #fff;
    color: var(--au-red) !important;
}

.btn.white-onblue::after {
    color: var(--au-dark-red);
}

.btn.white-onblue:hover {
    background-color: var(--au-red);
    color: #fff !important;
}

.btn.white-onblue:hover::after {
    color: var(--au-dark-red);
}

.program-side {
    margin-top: -92px;
}

/** Color Areas **/

.colorarea {
    position: relative;
}

.containered {
    padding: 60px !important;
}

.containered15 {
    padding: 15px !important;
}

.containered30 {
    padding: 30px !important;
}

.halfwhite {
    background-color: rgba(255, 255, 255, 0.5);
}

/* Light Gray */

.colorarea.lightgray {
    background-color: var(--au-light-gray);
    color: var(--au-text-gray);
}

.colorarea.lightgray a {
    color: var(--au-blue);
    text-decoration: underline;
}

.colorarea.lightgray a:hover {
    color: var(--au-red);
    ;
    text-decoration: underline;
}

#container .colorarea.lightgray h1,
#container .colorarea.lightgray h2,
#container .colorarea.lightgray h3,
#container .colorarea.lightgray h4,
#container .colorarea.lightgray h5,
#container .colorarea.lightgray h6 {
    color: var(--au-red);
}

/* Gray */

.colorarea.gray {
    background-color: var(--au-alt-gray);
    color: #fff;
}

.colorarea.gray a {
    color: var(--au-light-blue);
    text-decoration: underline;
}

.colorarea.gray a:hover {
    color: #fff;
    text-decoration: underline;
}

#container .colorarea.gray h1,
#container .colorarea.gray h2,
#container .colorarea.gray h3,
#container .colorarea.gray h4,
#container .colorarea.gray h5,
#container .colorarea.gray h6 {
    color: #fff;
}

/* Dark Gray */

.colorarea.darkgray {
    background-color: var(--au-text-gray);
    color: #fff;
}

.colorarea.darkgray a {
    color: var(--au-light-blue);
    text-decoration: underline;
}

.colorarea.darkgray a:hover {
    color: #fff;
    text-decoration: underline;
}

#container .colorarea.darkgray h1,
#container .colorarea.darkgray h2,
#container .colorarea.darkgray h3,
#container .colorarea.darkgray h4,
#container .colorarea.darkgray h5,
#container .colorarea.darkgray h6 {
    color: var(--au-light-gray);
}

/* Red */

.colorarea.red {
    background-color: var(--au-red);
    color: #fff;
}

.colorarea.red a {
    color: #fff;
    text-decoration: underline;
}

.colorarea.red a:hover {
    color: var(--au-light-red);
    text-decoration: underline;
}

#container .colorarea.red h1,
#container .colorarea.red h2,
#container .colorarea.red h3,
#container .colorarea.red h4,
#container .colorarea.red h5,
#container .colorarea.red h6 {
    color: #fff;
}

/* Dark Red */

.colorarea.darkred {
    background-color: var(--au-dark-red);
    color: #fff;
}

.colorarea.darkred a {
    color: #fff;
    text-decoration: underline;
}

.colorarea.darkred a:hover {
    color: var(--au-light-red);
    text-decoration: underline;
}

#container .colorarea.darkred h1,
#container .colorarea.darkred h2,
#container .colorarea.darkred h3,
#container .colorarea.darkred h4,
#container .colorarea.darkred h5,
#container .colorarea.darkred h6 {
    color: #fff;
}

/* Light Red */

.colorarea.lightred {
    background-color: var(--au-light-red);
    color: #fff;
}

.colorarea.lightred a {
    color: var(--au-blue);
    text-decoration: underline;
}

.colorarea.lightred a:hover {
    color: var(--au-red);
    text-decoration: underline;
}

#container .colorarea.lightred h1,
#container .colorarea.lightred h2,
#container .colorarea.lightred h3,
#container .colorarea.lightred h4,
#container .colorarea.lightred h5,
#container .colorarea.lightred h6 {
    color: #fff;
}

/* Blue */

.colorarea.blue {
    background-color: var(--au-blue);
    color: #fff;
}

.colorarea.blue a {
    color: var(--au-light-blue);
    text-decoration: underline;
}

.colorarea.blue a:hover {
    color: #fff;
    text-decoration: underline;
}

#container .colorarea.blue h1,
#container .colorarea.blue h2,
#container .colorarea.blue h3,
#container .colorarea.blue h4,
#container .colorarea.blue h5,
#container .colorarea.blue h6 {
    color: #fff;
}

/* Dark Blue */

.colorarea.darkblue {
    background-color: var(--au-dark-blue);
    color: #fff;
}

.colorarea.darkblue a {
    color: var(--au-light-blue);
    text-decoration: underline;
}

.colorarea.darkblue a:hover {
    color: #fff;
    text-decoration: underline;
}

#container .colorarea.darkblue h1,
#container .colorarea.darkblue h2,
#container .colorarea.darkblue h3,
#container .colorarea.darkblue h4,
#container .colorarea.darkblue h5,
#container .colorarea.darkblue h6 {
    color: #fff;
}

/* Light Blue */

.colorarea.lightblue {
    background-color: var(--au-light-blue);
    color: var(--au-text-gray);
}

.colorarea.lightblue a {
    color: var(--au-blue);
    text-decoration: underline;
}

.colorarea.lightblue a:hover {
    color: var(--au-red);
    text-decoration: underline;
}

#container .colorarea.lightblue h1,
#container .colorarea.lightblue h2,
#container .colorarea.lightblue h3,
#container .colorarea.lightblue h4,
#container .colorarea.lightblue h5,
#container .colorarea.lightblue h6 {
    color: var(--au-blue);
}

/* White */

.colorarea.white {
    background-color: #fff;
    color: var(--au-text-gray);
}

.colorarea.white a {
    text-decoration: underline;
    color: var(--au-red);
}

.colorarea.white a:hover {
    text-decoration: underline;
    color: var(--au-light-red);
}

#container .colorarea.white h1,
#container .colorarea.white h2,
#container .colorarea.white h3,
#container .colorarea.white h4,
#container .colorarea.white h5,
#container .colorarea.white h6 {
    color: var(--au-red)
        /*!important*/
    ;
}

/* Transparent */

.colorarea.clearbg {
    background: none;
}

.colorarea.clearbg .card-img {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 1) 50%);
}

.colorarea.clearbg .card-img.red {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(196, 20, 36, 1) 50%);
}

.colorarea.clearbg .card-img.darkred {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(155, 14, 21, 1) 50%);
}

.colorarea.clearbg .card-img.lightred {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(255, 103, 103, 1) 50%);
}

.colorarea.clearbg .card-img.blue {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 64, 119, 1) 50%);
}

.colorarea.clearbg .card-img.darkblue {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(20, 40, 58, 1) 50%);
}

.colorarea.clearbg .card-img.lightblue {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(126, 195, 255, 1) 50%);
}

.colorarea.clearbg .card-img.gray {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(130, 130, 130, 1) 50%);
}

.colorarea.clearbg .card-img.darkgray {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(29, 29, 27, 1) 50%);
}

.colorarea.clearbg .card-img.lightgray {
    background: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(204, 204, 204, 1) 50%);
}

.colorarea.clearbg .card-img em {
    bottom: 0px !important;
    margin-bottom: 0px !important;
}

/** PROGRESSION ARROWS **/
.arrow-progress:after {
    font: var(--fa-font-solid);
    content: "\f356";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    line-height: 1;
    left: calc(100% - 2px);
    z-index: -1;
}

.blue.arrow-progress:after {
    color: var(--au-blue);
}

.darkblue.arrow-progress:after {
    color: var(--au-dark-blue);
}

.lightblue.arrow-progress:after {
    color: var(--au-light-blue);
}

.red.arrow-progress:after {
    color: var(--au-red);
}

.darkred.arrow-progress:after {
    color: var(--au-dark-red);
}

.lightred.arrow-progress:after {
    color: var(--au-light-red);
}

.gray.arrow-progress:after {
    color: var(--au-gray);
}

.darkgray.arrow-progress:after {
    color: var(--au-text-gray);
}

.lightgray.arrow-progress:after {
    color: var(--au-light-gray);
}

.white.arrow-progress:after {
    color: #fff;
}

.green.arrow-progress:after {
    color: var(--au-old-green);
}

@media (max-width: 991px) {
    .arrow-progress::after {
        top: calc(100% + 10px);
        transform: translateX(-50%);
        left: 50%;
        rotate: 90deg;
    }
}

/** INNER Colors **/

/* Light Gray */

.inner.lightgray a {
    color: var(--au-blue) !important;
}

.inner.lightgray a:hover {
    color: var(--au-red) !important;
}

.inner.lightgray h1,
.inner.lightgray h2,
.inner.lightgray h3,
.inner.lightgray h4,
.inner.lightgray h5,
.inner.lightgray h6 {
    color: var(--au-red) !important;
}

.inner.lightgray h1::after,
.inner.lightgray h2::after,
.inner.lightgray h3::after,
.inner.lightgray h4::after,
.inner.lightgray h5::after,
.inner.lightgray h6::after {
    border-color: var(--au-red) !important;
}

/* Gray */

.inner.gray a {
    color: var(--au-light-blue) !important;
}

.inner.gray a:hover {
    color: #fff !important;
}

.inner.gray h1,
.inner.gray h2,
.inner.gray h3,
.inner.gray h4,
.inner.gray h5,
.inner.gray h6 {
    color: #fff !important;
}

.inner.gray h1::after,
.inner.gray h2::after,
.inner.gray h3::after,
.inner.gray h4::after,
.inner.gray h5::after,
.inner.gray h6::after {
    border-color: var(--au-light-gray) !important;
}

/* Dark Gray */

.inner.darkgray a {
    color: var(--au-light-blue) !important;
}

.inner.darkgray a:hover {
    color: #fff !important;
}

.inner.darkgray h1,
.inner.darkgray h2,
.inner.darkgray h3,
.inner.darkgray h4,
.inner.darkgray h5,
.inner.darkgray h6 {
    color: var(--au-light-gray) !important;
}

.inner.darkgray h1::after,
.inner.darkgray h2::after,
.inner.darkgray h3::after,
.inner.darkgray h4::after,
.inner.darkgray h5::after,
.inner.darkgray h6::after {
    border-color: var(--au-alt-gray) !important;
}

/* Red */

.inner.red a {
    color: #fff !important;
}

.inner.red a:hover {
    color: var(--au-light-red) !important;
}

.inner.red h1,
.inner.red h2,
.inner.red h3,
.inner.red h4,
.inner.red h5,
.inner.red h6 {
    color: #fff !important;
}

.inner.red h1::after,
.inner.red h2::after,
.inner.red h3::after,
.inner.red h4::after,
.inner.red h5::after,
.inner.red h6::after {
    border-color: #fff !important;
}

/* Dark Red */

.inner.darkred a {
    color: #fff !important;
}

.inner.darkred a:hover {
    color: var(--au-light-red) !important;
}

.inner.darkred h1,
.inner.darkred h2,
.inner.darkred h3,
.inner.darkred h4,
.inner.darkred h5,
.inner.darkred h6 {
    color: #fff !important;
}

.inner.darkred h1::after,
.inner.darkred h2::after,
.inner.darkred h3::after,
.inner.darkred h4::after,
.inner.darkred h5::after,
.inner.darkred h6::after {
    border-color: #fff !important;
}

/* Light Red */

.inner.lightred a {
    color: var(--au-blue) !important;
}

.inner.lightred a:hover {
    color: var(--au-red) !important;
}

.inner.lightred h1,
.inner.lightred h2,
.inner.lightred h3,
.inner.lightred h4,
.inner.lightred h5,
.inner.lightred h6 {
    color: #fff !important;
}

.inner.lightred h1::after,
.inner.lightred h2::after,
.inner.lightred h3::after,
.inner.lightred h4::after,
.inner.lightred h5::after,
.inner.lightred h6::after {
    border-color: var(--au-red) !important;
}

/* Blue */

.inner.blue a {
    color: var(--au-light-blue) !important;
}

.inner.blue a:hover {
    color: #fff !important;
}

.inner.blue h1,
.inner.blue h2,
.inner.blue h3,
.inner.blue h4,
.inner.blue h5,
.inner.blue h6 {
    color: #fff !important;
}

.inner.blue h1::after,
.inner.blue h2::after,
.inner.blue h3::after,
.inner.blue h4::after,
.inner.blue h5::after,
.inner.blue h6::after {
    border-color: var(--au-light-blue) !important;
}

/* Dark Blue */

.inner.darkblue a {
    color: var(--au-light-blue) !important;
}

.inner.darkblue a:hover {
    color: #fff;
    text-decoration: underline;
}

.inner.darkblue h1,
.inner.darkblue h2,
.inner.darkblue h3,
.inner.darkblue h4,
.inner.darkblue h5,
.inner.darkblue h6 {
    color: #fff !important;
}

.inner.darkblue h1::after,
.inner.darkblue h2::after,
.inner.darkblue h3::after,
.inner.darkblue h4::after,
.inner.darkblue h5::after,
.inner.darkblue h6::after {
    border-color: var(--au-light-blue) !important;
}

/* Light Blue */

.inner.lightblue a {
    color: var(--au-blue) !important;
}

.inner.lightblue a:hover {
    color: var(--au-red) !important;
}

.inner.lightblue h1,
.inner.lightblue h2,
.inner.lightblue h3,
.inner.lightblue h4,
.inner.lightblue h5,
.inner.lightblue h6 {
    color: var(--au-dark-blue) !important;
}

.inner.lightblue h1::after,
.inner.lightblue h2::after,
.inner.lightblue h3::after,
.inner.lightblue h4::after,
.inner.lightblue h5::after,
.inner.lightblue h6::after {
    border-color: var(--au-dark-blue) !important;
}

/* White */

.inner.white {
    background-color: #fff !important;
    color: var(--au-text-gray) !important;
}

.inner.white a {
    color: var(--au-red) !important;
}

.inner.white a:hover {
    color: var(--au-light-red) !important;
}

.inner.white h1,
.inner.white h2,
.inner.white h3,
.inner.white h4,
.inner.white h5,
.inner.white h6 {
    color: var(--au-red) !important;
}

.inner.white h1::after,
.inner.white h2::after,
.inner.white h3::after,
.inner.white h4::after,
.inner.white h5::after,
.inner.white h6::after {
    border-color: var(--au-red) !important;
}

/* Btns */

.inner .btn.red,
.inner .btn.blue,
.inner .btn.red-onblue,
.inner .btn.blue-onred,
.inner .btn.red:hover,
.inner .btn.blue:hover,
.inner .btn.blue-onred:hover {
    color: #fff !important;
}

.inner .btn.red-onblue:hover {
    color: var(--au-red) !important;
}

/* Down Arrow Addon */
.downarrow::after {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    position: absolute;
    right: 50%;
    bottom: -29px;
    transform: translateX(50%);
}

.downarrow {
    position: relative;
    margin-bottom: 30px;
    font-weight: 600;
}

.blue.downarrow::after {
    border-top: 30px solid var(--au-blue);
}

.lightblue.downarrow::after {
    border-top: 30px solid var(--au-light-blue);
}

.red.downarrow::after {
    border-top: 30px solid var(--au-red);
}

.green.downarrow::after {
    border-top: 30px solid var(--au-old-green);
}

/** Hero Details **/

#hero .hero-details {
    width: fit-content;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.2;
}

#hero .hero-details a {
    text-decoration: none;
}

/** DuoTone Settings **/

.duotone {
    position: relative;
    background-color: var(--au-alt-gray);
}

.duotone .content {
    position: relative;
    z-index: 100;
}

.duotone-base {
    background: url('https://cms-main.acadiau.ca/files/acadiatheme/images/pic-uhall-lawn.jpg') center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    filter: brightness(70%) contrast(80%) blur(0.25px);
}

.duotone-base::before,
.duotone-base::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.duotone-base::before {
    background-color: var(--au-light-gray);
    mix-blend-mode: color;
}

.duotone-base::after {
    background-color: var(--au-alt-gray);
    mix-blend-mode: lighten;
}

/* Colorarea Red Duotone */

.colorarea.red.duotone,
.colorarea.red .duotone {
    background-color: var(--au-red);
}

.colorarea.red .duotone-base {
    filter: brightness(100%) contrast(100%) blur(0.5px);
}

.colorarea.red .duotone-base::before {
    background-color: var(--au-red);
    mix-blend-mode: multiply;
}

.colorarea.red .duotone-base::after {
    background-color: #7f0d17;
    mix-blend-mode: lighten;
}

/* Colorarea Blue Duotone */

.colorarea.blue .duotone {
    background-color: #004077;
}

.colorarea.blue .duotone-base {
    filter: brightness(150%) contrast(100%) saturate(120%) blur(0.5px) opacity(0.3);
}

.colorarea.blue .duotone-base::before {
    background-color: #004077;
    mix-blend-mode: multiply;
}

.colorarea.blue .duotone-base::after {
    background-color: #004077;
    mix-blend-mode: color;
}

/** TAB Content **/

.nav.nav-tabs {
    border-bottom: 5px solid #c41424;
    margin: 0px;
    justify-content: center;
}

.nav.nav-tabs li {
    display: inline-block;
    float: none;
    border-radius: 0;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.nav.nav-tabs li a {
    margin: 0px 1px;
    border: none;
    border-radius: 0;
    min-width: 250px;
    text-align: left;
    background-color: var(--au-light-blue);
    color: var(--au-blue);
    text-decoration: none !important;
    position: relative;
    padding-right: 30px;
}

.nav.nav-tabs.no-min-width li a {
    min-width: auto;
}

.nav.nav-tabs li a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
}

.nav.nav-tabs li a:hover {
    background-color: var(--au-dark-blue);
    color: #fff !important;
    border: none;
}

.nav.nav-tabs>li>a:hover::after {
    color: var(--au-light-blue);
}

.nav.nav-tabs>li>a.active {
    color: #fff !important;
    background-color: var(--au-red);
    border: none;
    text-decoration: none !important;
    outline: none;
}

.nav.nav-tabs>li>a.active::after {
    color: #fff;
}

.nav-tabs a.active:hover {
    border: none !important;
}


/** Two By One Grid **/

.twobyonegrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
}

.twobyonegrid .grid-item {
    padding: 60px 30px;
    overflow: hidden;
}

.twobyonegrid .grid-photo {
    position: relative;
    overflow: hidden;
}

.twobyonegrid .grid-photo img {
    object-fit: cover;
    width: 100%;
    min-height: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

/** Cards **/

.card-deck .card {
    margin: 0;
}

.card {
    border-radius: 0px;
    border: 0px;
}

.card img {
    border-radius: 0px;
}

.card img.circle {
    border-radius: 100% !important;
}

.card.framed {
    padding: 15px;
}

.card.framed img {
    margin-bottom: 30px;
}

.card.framed .card-body {
    margin: 0px !important;
}

.card-body {
    padding: 0;
}

/* White */

.card.white .card-body,
.card.blue .card-body,
.card.red .card-body,
.card.gray .card-body,
.card.darkblue .card-body,
.card.darkred .card-body,
.card.lightgray .card-body,
.card.darkgray .card-body {
    margin: 30px;
    /*display: inline-block;*/
    display: flex;
    flex-direction: column;
    padding: 0 !important;
}

/* Card with Icon */

.card-icon .card-img {
    position: relative;
}

.card-icon .card-img em {
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -30px;
}

.card-icon .card-img em.medium {
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -45px;
}

.card-icon .card-img em.large {
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -60px;
}

.card-icon .card-img em.xlarge {
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: -100px;
}

/* Card with Icon - Color Settings */

.card-icon.red em,
.card-icon.darkred em {
    color: #fff !important;
    border-color: #fff !important;
    background-color: var(--au-blue) !important;
}

.card-icon.blue em,
.card-icon.darkblue em,
.card-icon.gray em,
.card-icon.darkgray em {
    color: #fff !important;
    border-color: #fff !important;
    background-color: var(--au-red) !important;
}

.card-icon.white em,
.card-icon.lightgray em {
    color: #fff !important;
    border-color: var(--au-red) !important;
    background-color: var(--au-blue) !important;
}

/*** ICONS/FLAVICONS/FONT AWESOME ***/

/** Text Icons for Contacts/Bio **/
.icontext {
    padding-left: 1.5em;
    position: relative;
    display: block;
}

.icontext::before {
    color: var(--au-red);
    font-weight: bold;
    position: absolute;
    left: 0px;
    top: 5px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
}

.red .icontext::before {
    color: #fff;
}

.darkred .icontext::before {
    color: #fff;
}

.blue .icontext::before,
.darkblue .icontext::before {
    color: var(--au-light-blue);
}

.icontext.title::before {
    content: "\f007";
}

.icontext.address::before {
    content: "\f3c5";
}

.icontext.mail::before {
    content: "\f0e0";
}

.icontext.email {
    overflow-wrap: anywhere;
}

.icontext.email::before {
    content: "\f1fa";
}

.icontext.phone::before {
    content: "\f879";
}

.icontext.fax::before {
    content: "\f1ac";
}

.icontext.hours::before {
    content: "\f017";
}

.icontext.website::before {
    content: "\f0ac";
}

.icontext.aware::before {
    content: "\f06a";
}

.icontext.language::before {
    content: "\f1ab";
}

.icontext.pdf::before {
    content: "\f1c1";
}

.icontext.pptx::before {
    content: "\f1c4";
}

.icontext.docx::before {
    content: "\f1c2";
}

.icontext.mp4::before {
    content: "\f1c8";
}

.icontext.xls::before {
    content: "\f1c3";
}

.icontext.file::before {
    content: "\f15b";
}

/* Brands */
.icontext.facebook::before,
.icontext.twitter::before,
.icontext.instagram::before,
.icontext.linkedin::before {
    font: var(--fa-font-brands);
}

.icontext.facebook::before {
    content: "\f09a";
}

.icontext.twitter::before {
    content: "\e61b";
}

.icontext.instagram::before {
    content: "\f16d";
}

.icontext.linkedin::before {
    content: "\f08c";
}

/** Font Awesome **/

.awesomeicon {
    font-size: 30px;
    color: var(--au-red);
}

.awesomeicon.medium {
    font-size: 48px;
}

.awesomeicon.large {
    font-size: 64px;
}

.awesomeicon.xlarge {
    font-size: 100px;
}

.awesomeicon.circle {
    height: 60px;
    width: 60px;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.awesomeicon.circle.medium {
    height: 90px;
    width: 90px;
}

.awesomeicon.circle.large {
    height: 120px;
    width: 120px;
}

.awesomeicon.circle.xlarge {
    height: 200px;
    width: 200px;
}

.awesomeicon.circle.auto {
    height: auto !important;
    width: auto !important;
}

.awesomeicon.circle.reverse {
    color: #fff !important;
    background-color: var(--au-red) !important;
    border-color: #fff !important;
}

/* Linked Font Awesome */

a .awesomeicon {
    color: var(--au-blue);
    transition: 0.2s;
}

a .awesomeicon:hover {
    color: var(--au-red);
    transition: 0.2s;
}

a .awesomeicon.circle {
    background: var(--au-blue);
    color: #fff;
    transition: 0.2s;
}

a .awesomeicon:hover.circle {
    background: var(--au-red);
    color: #fff;
    transition: 0.2s;
}

a .awesomeicon:hover.circle.reverse {
    border-color: var(--au-blue) !important;
    transition: 0.2s;
}

/* Linked Font Awesome - Blue Tone ColorArea */

.blue .awesomeicon,
.darkblue .awesomeicon {
    color: #fff;
}

.blue .awesomeicon.circle,
.darkblue .awesomeicon.circle {
    color: var(--au-red);
    border-color: var(--au-red);
    background: #fff;
}

.blue a .awesomeicon,
.darkblue a .awesomeicon {
    color: var(--au-red);
    transition: 0.2s;
    border-color: #fff !important;
}

.blue a .awesomeicon:hover,
.darkblue a .awesomeicon:hover {
    color: #fff;
    transition: 0.2s;
    border-color: var(--au-red) !important
}

.blue a .awesomeicon.circle,
.darkblue a .awesomeicon.circle {
    background: var(--au-red);
    color: #fff;
    transition: 0.2s;
}

.blue a .awesomeicon:hover.circle,
.darkblue a .awesomeicon:hover.circle {
    background: #fff;
    color: var(--au-red);
    transition: 0.2s;
}

/* Linked Font Awesome - Red Tone ColorArea */

.red .awesomeicon,
.darkred .awesomeicon {
    color: #fff;
}

.red .awesomeicon.circle,
.darkred .awesomeicon.circle {
    color: #fff;
    border-color: #fff;
    background: var(--au-blue);
}

.red a .awesomeicon,
.darkred a .awesomeicon {
    color: var(--au-blue);
    transition: 0.2s;
    border-color: #fff !important;
}

.red a .awesomeicon:hover,
.darkred a .awesomeicon:hover {
    color: #fff;
    transition: 0.2s;
    border-color: var(--au-blue) !important
}

.red a .awesomeicon.circle,
.darkred a .awesomeicon.circle {
    background: var(--au-blue);
    color: #fff;
    transition: 0.2s;
}

.red a .awesomeicon:hover.circle,
.darkred a .awesomeicon:hover.circle {
    background: #fff;
    color: var(--au-blue);
    transition: 0.2s;
}

/** Icon Text **/

.icon-text {
    display: inline-grid;
    grid-template-columns: 40px auto;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.icon-text .icon {
    width: 40px;
    height: 40px;
    background-color: var(--au-blue);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.icon-text .icon.circle {
    border-radius: 100%;
    border: none;
}

.icon-text .icon em {
    line-height: 1;
    text-transform: uppercase;
    font-size: 24px;
    display: block;
    color: #fff;
}

.icon-text .text {
    grid-column: 2;
    grid-row: 1;
    margin: auto 0;
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    transition: 0.2s;
    text-decoration: none !important;
}

.icon-text.style-blue .icon {
    background-color: var(--au-blue);
}

.icon-text.style-red .icon {
    background-color: var(--au-red);
}

.icon-text.style-gray .icon {
    background-color: var(--au-alt-gray);
}

.icon-text.style-white {
    color: var(--au-red);
}

.icon-text.style-white .icon {
    color: var(--au-blue) !important;
    background-color: #fff;
}

/** Profile Items **/

.profile-item {
    background-color: #fff;
    margin-bottom: 15px;
    height: 80px;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.profile-item:last-child {
    margin-bottom: 0px;
}

.profile-item .icon {
    width: 80px;
    height: 80px;
    background-color: var(--au-blue);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.profile-item .icon em {
    line-height: 1;
    text-transform: uppercase;
    font-size: 50px;
    display: block;
}

.profile-item .profile_content {
    grid-column: 2;
    grid-row: 1;
}

.profile-item .profile_content a {
    margin: auto 0;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: capitalize;
    display: block;
    align-content: center;
}

.landing-page .profile-item .profile_content a .product-parent {
    margin-bottom: 0px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 1.5px;
    color: var(--au-blue);
    padding: 5px 10px;
    width: fit-content;
    position: absolute;
    right: 15px;
    transition: 0.2s;
    top: 0;

}

.profile-item .profile_content a:hover {
    color: #fff !important;
    background-color: var(--au-dark-red);
}

.profile-item .profile_content a .subtitle {
    text-transform: uppercase;
    color: #828282;
    font-size: 10px;
    display: block;
    transition: 0.2s;
    display: none;
}

.profile-item .profile_content a:hover .subtitle {
    color: #fff !important;
}

/* Blue */

.profile-item.style-blue .icon {
    background-color: var(--au-blue);
}

.profile-item.style-blue .profile_content a:hover {
    background-color: var(--au-dark-red);
}

.profile-item.style-blue .profile_content a:hover .subtitle {
    color: var(--au-light-red);
}

/* Red */

.profile-item.style-red .icon {
    background-color: var(--au-red);
}

.profile-item.style-red .profile_content a:hover {
    background-color: var(--au-dark-blue);
    color: var(--au-light-blue);
}

.profile-item.style-red .profile_content a:hover .product-parent {
    color: white;
    transition: 0.2s;
}

/* Gray */

.profile-item.style-gray .icon {
    background-color: var(--au-alt-gray);
}

.profile-item.style-gray .profile_content a:hover {
    background-color: var(--au-text-gray);
    color: #fff;
}

.profile-item.style-gray .profile_content a:hover .subtitle {
    color: var(--au-alt-gray);
}

/*** IMAGES POPOVERS MODAL ATTRIBUTES ***/

/** Circle Image and Content **/

.circle {
    border-radius: 100%;
    border: 5px var(--au-red) solid;
}

.red .circle,
.darkred .circle,
.blue .circle,
.darkblue .circle {
    border-color: #fff;
}

.circle.img100 {
    width: 100px !important;
    height: 100px !important;
    font-size: 36px;
}

.circle.img150 {
    width: 150px !important;
    height: 150px !important;
}

.circle.img200 {
    width: 200px !important;
    height: 200px !important;
}

.circle.img300 {
    width: 300px !important;
    height: 300px !important;
}

/** Image Dropshadow & Figcaption **/

img.dropshadow,
#sticky.dropshadow,
.ce_text.dropshadow .image_container img {
    width: calc(100% - 5px) !important;
    height: auto;
    box-shadow: var(--au-red) 5px 5px 0px;
    margin-bottom: 5px;
}

.figcaption,
figcaption.caption {
    text-align: center;
    font-weight: normal;
    font-style: italic;
    color: var(--au-alt-gray);
    margin-top: 30px;
    display: table-cell !important;
}

/* Dropshadow in Blue Tone Areas */

.blue .dropshadow,
.darkblue .dropshadow {
    box-shadow: var(--au-light-blue) 5px 5px 0px;
}

.blue .figcaption,
.darkblue .figcaption {
    color: var(--au-light-blue);
}

/* Dropshadow in Red Tone Areas */

.red .dropshadow,
.darkred .dropshadow {
    box-shadow: #fff 5px 5px 0px;
}

.red .figcaption,
.darkred .figcaption {
    color: #fff;
}

/** Popovers **/

.popover {
    overflow: visible;
    position: absolute;
    z-index: 1000;
    top: 0;
    border: 0;
    padding: 0px;
}

.bs-popover-bottom>.arrow::before {
    border-bottom-color: red;
}

.popover-header {
    display: none;
}

.popover-body {
    padding: 15px;
}

.popover>.arrow {
    border-width: inherit;
}

.bs-popover-bottom>.arrow::before {
    top: -9px;
    border-width: 0 30px 30px 30px;
    left: -30px;
    border-bottom-color: #fff;
}

.popover>.arrow::after {
    border: none;
}

/** Modals **/

.modal-dialog {
    margin: 0 auto;
}

.modal-header {
    align-items: center;
    border-radius: 0;
}

.modal-header .close {
    padding: 0px;
    margin: 0px;
}

.modal-header .close:hover {
    color: var(--au-red);
    opacity: 1 !important;
}

.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6 {
    padding: 0 !important;
    margin: 0 !important;
}

.modal-header h1::after,
.modal-header h2::after,
.modal-header h3::after,
.modal-header h4::after,
.modal-header h5::after,
.modal-header h6::after {
    border-bottom: none !important;
}

.modal-footer {
    border-radius: 0;
}

.modal-footer .btn {
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.modal-footer .btn-secondary {
    background: var(--au-blue);
    border: none;
}

.modal-footer .btn-secondary:hover {
    background: var(--au-red);
    color: #fff;
    border: none;
}

/* Full Modal */

.full-modal {
    padding-right: 0px !important;
}

.full-modal .modal-dialog {
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
}

.full-modal .modal-dialog .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}

.full-modal .modal-dialog .modal-body {
    overflow-y: auto;
}

/* Acadia Colored Modals */

.aucolors .modal-header {
    background-color: var(--au-red);
    color: #fff !important;
    border-bottom: 0px;
}

.aucolors .modal-header h1,
.aucolors .modal-header h2,
.aucolors .modal-header h3,
.aucolors .modal-header h4,
.aucolors .modal-header h5,
.aucolors .modal-header h6 {
    color: #fff !important;
}

.aucolors .modal-footer {
    background-color: var(--au-blue);
    color: #fff !important;
    border-top: 0px;
}

.aucolors .modal-footer .btn-secondary {
    background: var(--au-red);
    color: #fff;
    border: none;
}

.aucolors .modal-footer .btn-secondary:hover {
    background: #fff;
    color: var(--au-blue);
    border: none;
}

/** Tables - Added Jan 8, 2025**/

.ce_text .table,
.ce_text table {
    margin: 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: table;
    background: #fff;
}

.ce_text tr {
    width: 100%;
}

.ce_text .table .row {
    display: table-row;
    background: #fff;
}

.ce_text tr {
    display: table-row;
}

.ce_text .table .row:nth-of-type(even),
.ce_text tbody tr:nth-of-type(even) {
    background: var(--au-background-gray);
}

.ce_text .table .row:nth-of-type(2n+1),
.ce_text tbody tr:nth-of-type(2n+1) {
    background: none;
}

.ce_text .table .row.header,
.ce_text table thead tr {
    font-weight: 600;
    background: var(--au-alt-gray);
    color: #fff;
}

.ce_text .table.red .row.header,
.ce_text table.red thead tr {
    background: var(--au-red);
}

.ce_text .table.blue .row.header,
.ce_text table.blue thead tr {
    background: var(--au-blue);
}

.ce_text .table .cell.emphasis,
.ce_text table td.emphasis {
    font-weight: 600;
    background: var(--au-text-gray);
    color: #fff;
}

.ce_text .table.red .cell.emphasis,
.ce_text table.red td.emphasis {
    background: var(--au-dark-red);
    font-weight: 600;
    color: #fff;
}

.ce_text .table.blue .cell.emphasis,
.ce_text table.blue td.emphasis {
    background: var(--au-dark-blue);
    font-weight: 600;
    color: #fff;
}

/* Custom Emphasis */
.ce_text .table .cell.emphasis_gray,
.ce_text table td.emphasis_gray,
.ce_text .table .row.emphasis_gray,
.ce_text table tr.emphasis_gray {
    font-weight: 600;
    background: var(--au-alt-gray) !important;
    color: #fff;
}

.ce_text .table .cell.emphasis_red,
.ce_text table td.emphasis_red,
.ce_text .table .row.emphasis_red,
.ce_text table tr.emphasis_red {
    background: var(--au-red) !important;
    font-weight: 600;
    color: #fff;
}

.ce_text .table .cell.emphasis_blue,
.ce_text table td.emphasis_blue,
.ce_text .table .row.emphasis_blue,
.ce_text table tr.emphasis_blue {
    background: var(--au-blue) !important;
    font-weight: 600;
    color: #fff;
}


.ce_text .cell,
.ce_text td,
.ce_text th {
    padding: 5px 15px;
    display: table-cell;
}

@media screen and (max-width: 580px) {

    .table,
    table {
        display: block;
    }

    .ce_text .table .row {
        margin: 0px !important;
    }

    .ce_text .table .row:nth-of-type(2n+1),
    .ce_text tbody tr:nth-of-type(2n) {
        padding-bottom: 1px !important;
    }

    .ce_text .table .row {
        padding: 15px 0 5px;
        display: block;
    }

    .ce_text tr {
        padding: 5px 0 0 0;
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    .ce_text td {
        width: 100% !important;
        height: auto !important;
    }

    .ce_text tbody {
        display: block;
        width: 100%;
    }

    .ce_text .table.hide-mobheader .row.header,
    .ce_text .hide-mobheader thead,
    tr.hide-mobile {
        display: none !important;
    }

    .ce_text .table .row.header .cell,
    .ce_text thead tr th {
        display: block;
    }

    .ce_text .table .row .cell,
    .ce_text tr td {
        margin-bottom: 10px;
    }

    .ce_text tr td:last-child {
        margin-bottom: 10px;
    }

    .ce_text .table .row .cell:before,
    .ce_text tr td:before {
        content: attr(data-title);
        font-weight: 600;
        text-transform: uppercase;
        color: var(--au-alt-gray);
        margin-bottom: 5px;
        display: block;
        font-size: 12px;
    }

    .ce_text .table.red .row .cell:before,
    .ce_text table.red tr td:before {
        color: var(--au-red);
    }

    .ce_text .table.blue .row .cell:before,
    .ce_text table.blue tr td:before {
        color: var(--au-blue);
    }

    .ce_text .cell,
    .ce_text td,
    .ce_text th {
        padding: 2px 16px;
        display: block;
    }


    .ce_text .table .cell.emphasis,
    .ce_text table td.emphasis,
    .ce_text .table.red .cell.emphasis,
    .ce_text table.red td.emphasis,
    .ce_text .table.blue .cell.emphasis,
    .ce_text table.blue td.emphasis {
        font-weight: bold;
        /*background: none; color: var(--au-text-gray);*/
        padding: 10px 15px 5px 15px;
        margin-top: -15px;
    }

    .ce_text .table .row .cell.emphasis::before {
        color: var(--au-background-gray) !important;
    }

    .ce_text .table.red .row .cell.emphasis::before {
        color: var(--au-light-red) !important;
    }

    .ce_text .table.blue .row .cell.emphasis::before {
        color: var(--au-light-blue) !important;
    }

}

/** Tables - OLD Jan 8, 2025

.ce_text .table, .ce_text table {
	margin: 0;
	width: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	display: table;
	background: #fff;
}
.ce_text tr {
	width: 100%;
}
@media screen and (max-width: 580px) {
	.table, table {
		display: block;
	}
}
.ce_text .table .row {
	display: table-row!important;
	background: #fff;
}
.ce_text tr {
	display: table-row;
}
.ce_text .table .row:nth-of-type(odd), .ce_text tbody tr:nth-of-type(odd) {
	background: var(--au-background-gray);
}
.ce_text .table .row.header, .ce_text thead tr {
	font-weight: 900;
	background: var(--au-red);
	color: #fff;
}
.ce_text .table .row.gray {
	background: var(--au-text-gray);
	color: #fff;
}
.ce_text .table .row.blue {
	background: var(--au-blue);
	color: #fff;
}
@media screen and (max-width: 580px) {
	.ce_text .table .row {
		margin: 0px!important;
	}
	.ce_text .table .row, tr {
		padding: 14px 0 7px;
		display: block;
	}
	.ce_text tr {
		padding: 4px 0 2px;
	}
	.ce_text thead, .ce_text tbody {
		display: block;
		width: 100%;
	}
	.ce_text .table .row.header, .ce_text thead th {
		padding: 0;
		height: 6px;
	}
	.ce_text .table .row.header .cell, .ce_text thead tr th {
		display: none;
	}
	.ce_text .table .row .cell, .ce_text tr td {
		margin-bottom: 10px;
	}

  .ce_text .table .row .cell:before, .ce_text tr td:before {
    margin-bottom: 3px;
    content: attr(data-title);
    min-width: 98px;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: var(--au-alt-gray);
    display: block;
  }
 
}
.ce_text .cell, .ce_text td, .ce_text th {
	padding: 6px 12px;
	display: table-cell;
}
@media screen and (max-width: 580px) {
	.ce_text .cell, .ce_text td, .ce_text th {
		padding: 2px 16px;
		display: block;
	}
}
*/
/* FAQ Style TAB Content **/

.faq-style-tabs {
    margin: 0px 15px 5px 15px;
    width: calc(100% - 20px);
    box-shadow: var(--au-blue) 5px 5px 0px;
    background: #fff;
}

.blue .faq-style-tabs {
    box-shadow: var(--au-light-blue) 5px 5px 0px;
}

.blue .faq-style-tabs a:hover {
    color: var(--au-red);
}

.faq-style-tabs .twobyonegrid {
    display: grid;
    width: 100%;
    grid-template-columns: 260px 1fr;
    grid-template-rows: 1fr;
    position: relative;
    grid-template-areas: "tab-menu tab-content";
}

.faq-style-tabs .twobyonegrid .tab-menu {
    grid-area: tab-menu;
    background: var(--au-red);
    font-size: 14px;
}

.faq-style-tabs .twobyonegrid .tab-content {
    grid-area: tab-content;
    padding: 30px;
    color: var(--au-text-gray) !important;
}

.faq-style-tabs .twobyonegrid .tab-content h1,
.faq-style-tabs .twobyonegrid .tab-content h2,
.faq-style-tabs .twobyonegrid .tab-content h3,
.faq-style-tabs .twobyonegrid .tab-content h4,
.faq-style-tabs .twobyonegrid .tab-content h5,
.faq-style-tabs .twobyonegrid .tab-content h6 {
    color: var(--au-red) !important;
}

.faq-style-tabs .nav {
    margin: 4px 0px;
}

.faq-style-tabs .nav li {
    margin-top: 4px;
    width: 100%;
    position: relative;
}

.faq-style-tabs .nav li .item {
    padding: 10px 15px;
    display: block;
    color: #fff;
    font-style: italic;
}

.faq-style-tabs .nav li:first-child {
    margin-top: 0px;
}

.faq-style-tabs .nav li::after {
    background: linear-gradient(to right, var(--au-red) 25%, var(--au-light-red) 25%, var(--au-light-red) 75%, var(--au-red) 75%);
    position: absolute;
    content: '';
    height: 4px;
    right: 0;
    left: 0;
    top: -4px;
}

.faq-style-tabs .nav li:first-child::after {
    content: none;
}

.faq-style-tabs .nav li a {
    border-radius: 0;
    text-decoration: none !important;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.faq-style-tabs .nav li a:hover {
    background-color: var(--au-blue);
    color: #fff !important;
}

.faq-style-tabs .nav li a.active {
    background: #fff;
    color: var(--au-red) !important;
    width: calc(100% + 15px) !important;
    margin-left: -15px;
}

.faq-style-tabs .nav li a.active h4 {
    color: var(--au-red) !important;
}

.faq-style-tabs .nav li a.active:hover {
    color: var(--au-red) !important;
}

.faq-style-tabs .nav li a.active::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #004077 transparent transparent;
    bottom: -15px;
    left: 0px;
    position: absolute;
}

/** Blockquote **/

blockquote {
    quotes: initial;
    background: var(--au-light-gray);
    border-left: none;
    margin: 0px;
    padding: 15px 50px;
    position: relative;
    font-weight: normal;
    font-style: italic;
}

blockquote::before {
    content: open-quote;
    color: var(--au-alt-gray);
    font-size: 64px;
    line-height: 1;
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    top: 5px;
    left: 10px;
    font-weight: bold;
    font-style: normal;
}

blockquote::after {
    content: close-quote;
    color: var(--au-alt-gray);
    font-size: 64px;
    line-height: 1;
    margin: 0;
    vertical-align: inherit;
    position: absolute;
    top: 5px;
    right: 10px;
    font-weight: bold;
    font-style: normal;
}

/*.blue blockquote::before, .red blockquote::before {content: open-quote open-quote;}*/
.blue blockquote,
.darkblue blockquote {
    background: var(--au-light-blue);
    color: var(--au-blue);
}

.blue blockquote::before,
.darkblue blockquote::before,
.blue blockquote::after,
.darkblue blockquote::after {
    color: var(--au-dark-blue);
}

.red blockquote,
.darkred blockquote {
    background: var(--au-light-red);
    color: #fff;
}

.red blockquote::before,
.darkred blockquote::before,
.red blockquote::after,
.darkred blockquote::after {
    color: var(--au-dark-red);
}

/*** CUSTOM AREA BLOCKS ***/

/** Dynamic Requirements & Fees **/

#requirements-fees {}

.styled-select {
    border: none;
    width: 100%;
    overflow: hidden;
}

.styled-select select {
    width: 100%;
    padding: 0 85px 0 15px;
    margin: 0;
    border: none;
    box-shadow: none;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    border: 2px solid #fff;
    color: var(--au-text-gray);
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(-45deg, transparent 50%, white 50%), linear-gradient(to right, var(--au-red), var(--au-red)), linear-gradient(to right, #fff, #fff);
    background-position: calc(100% - 32px) calc(1em - 1px), calc(100% - 12px), 100% 0, 0 0;
    background-size: 20px 20px, 20px 20px, 65px 65px, calc(100% - 65px) 100%;
    background-repeat: no-repeat;
    border: solid #fff 2px;
    appearance: none;
}

/*
.styled-select {border: none; width: 100%; overflow: hidden; position: relative; background-color: #fff;}
.styled-select::after {content: "\f150"; font-family: 'FontAwesome'; position: absolute; top: -19px; right: 3px; z-index: 5; color: #c41424; font-size: 4.55em; font-weight: bold; display: inline-block;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font: var(--fa-font-solid);}
.styled-select select {width: 100%; padding: 0 85px 0 15px; margin: 0; box-shadow: none; height: 70px; line-height: 70px; font-size: 24px; color: var(--au-text-gray); border: solid #fff 2px; appearance: none; z-index: 10; position: relative; background: rgba(0, 0, 0, 0);}

.styled-select select[disabled] {opacity: 0.5;}
*/

/** Super Search **/

#supersearch {
    display: none;
}

a:hover

/*, a:focus*/
    {
    outline: none;
    text-decoration: none;
}

#search-results .nav-tabs {
    position: relative;
    border-bottom: 1px #ccc solid;
    background: #fff;
    margin: 22px 0px 6px 0px !important;
}

#search-results .nav-tabs li {
    text-align: center;
    margin-right: 0;
    position: relative;
    bottom: -1px;
}

#search-results .nav-tabs li a {
    font-size: 15px;
    font-weight: 600;
    color: var(--au-blue);
    text-transform: uppercase;
    padding: 15px 30px;
    background: #fff;
    margin-right: 0;
    border-radius: 0;
    border: 1px solid var(--au-text-gray);
    border-right: none;
    border-bottom: 1px solid var(--au-light-gray);
    position: relative;
    transition: all 0.5s ease 0s;
}

#search-results .nav-tabs li:last-child a,
#search-results .nav-tabs li:last-child.active a,
#search-results .nav-tabs li:last-child a:hover {
    border-right: 1px solid #ccc;
}

#search-results .nav-tabs li a:hover,
#search-results .nav-tabs li.active a {
    color: var(--au-red);
    border-bottom: 2px solid var(--au-red);
    border-right: none;
}

#search-results .tab-content ul {
    list-style: none;
    margin: 0px !important;
}

#search-results .tab-content li,
#search-results .tab-content .search_item {
    list-style: none !important;
    margin: 30px 0px !important;
    border: none !important;
    border-bottom: 1px var(--au-light-gray);
    border-radius: 0px !important;
    padding: 0px 0px 30px 0px !important;
}

#search-results .tab-content li:first-child,
#search-results .tab-content .search_item:first-child {
    padding-top: 30px !important;
    border-top: 1px #ccc solid !important;
}

/** Why Acadia **/

#why-acadia {
    background-repeat: no-repeat;
    background-position: 30% 100%;
}

#why-acadia .twobytwogrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: relative;
    grid-gap: 30px;
}

#why-acadia .twobytwogrid .grid-item {
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
    /*font-size: 14px;*/
    transition: 0.2s;
}

#why-acadia .twobytwogrid .grid-item em {
    font-size: 5em;
    color: var(--au-dark-gray);
    margin-bottom: 15px;
    transition: 0.5s ease;
}

#why-acadia .twobytwogrid .grid-item:hover {
    background-color: rgba(20, 40, 58, 1);
    color: #fff;
    transform: scale(1.1);
}

#why-acadia .twobytwogrid .grid-item:hover h4 {
    color: #fff;
}

#why-acadia .twobytwogrid .grid-item:hover h4::after {
    border-color: var(--au-light-blue);
}

#why-acadia .twobytwogrid .grid-item:hover em {
    color: var(--au-light-blue);
}

/** Program Search **/

#program-search .formbody {
    border: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    height: 70px;
    background: #fff url('https://cms-main.acadiau.ca/files/acadiatheme/images/square-chevron-down-solid-blue.svg') no-repeat;
    background-position: 102%;
    background-size: 84px 74px;
}

#program-search .formbody:hover {
    background: #fff url('https://cms-main.acadiau.ca/files/acadiatheme/images/square-chevron-down-solid-red.svg') no-repeat;
    background-position: 102%;
    background-size: 84px 74px;
    cursor: pointer !important;
}

#program-search .formbody .program-picker {
    padding: 10px 55px 10px 5px;
    width: calc(100% - 15px);
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    background-image: none;
    -webkit-appearance: none;
    font-size: 24px;
    font-weight: normal;
    color: var(--au-text-gray);
    height: 70px;
    position: relative;
}

#program-search-form {
    position: relative;
}

#program-search-form form {
    margin-bottom: 0px;
}

#program-search-form input.textInput {
    width: 100%;
    padding: 0 85px 0 15px;
    margin: 0;
    border: none;
    box-shadow: none;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    border-radius: 0px;
    color: var(--au-text-gray);
}

#program-search-form ul {
    list-style: none;
    margin: auto;
}

#program-search-trigger {
    background-color: var(--au-red);
    width: 70px;
    height: 70px;
    border: 2px solid #fff;
    display: flex;
    color: #fff;
    transition: 0.2s;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 24px;
    text-decoration: none !important;
}

#program-search-trigger:hover {
    background-color: var(--au-blue) !important;
    transition: 0.2s;
    color: #fff !important;
}

#program-search-trigger em {
    margin: auto;
}

#program-search .twobythreegrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    position: relative;
    grid-gap: 30px;
}

#program-search .twobyfourgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    position: relative;
    grid-gap: 30px;
}

#program-search .twobythreegrid .grid-item,
#program-search .twobyfourgrid .grid-item {
    background-color: rgba(255, 255, 255, 1);
    transition: 0.2s;
    color: var(--au-red);
    font-size: 20px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: calc(100% - 5px);
    height: auto;
    box-shadow: var(--au-red) 5px 5px 0px;
    margin-bottom: 5px;
}

#program-search .twobythreegrid .grid-item a,
#program-search .twobyfourgrid .grid-item a {
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    text-align: left;
    text-decoration: none;
    color: var(--au-red);
}

#program-search .twobythreegrid .grid-item a em,
#program-search .twobyfourgrid .grid-item a em {
    font-size: 60px;
    color: var(--au-dark-gray);
    margin-right: 15px;
    transition: 0.7s ease;
    line-height: 0;
}

#program-search .twobythreegrid .grid-item:hover,
#program-search .twobyfourgrid .grid-item:hover {
    background-color: rgba(20, 40, 58, 1);
    transform: scale(1.1);
}

#program-search .twobythreegrid .grid-item:hover a:hover,
#program-search .twobyfourgrid .grid-item:hover a:hover {
    color: #fff !important;
}

#program-search .twobythreegrid .grid-item:hover a em,
#program-search .twobyfourgrid .grid-item:hover a em {
    color: var(--au-light-blue);
}

.container-disabled {
    opacity: 0.5;
}

#program-search .colorarea.mb-60.containered.white {
    background: none;
    color: #fff;
    padding: 0px;
    margin: 0px 0px 30px 0px;
}

#program-search .colorarea.mb-60.containered.white h2 {
    display: none;
}

#program-search .colorarea.mb-60.containered.white h4 {
    color: #fff;
}

#program-search .requirement h2 {
    font-size: 1.25em;
    margin-bottom: 30px;
    padding-bottom: 0px;
    color: #fff !important;
}

#program-search .requirement h2:after {
    display: none;
}

#program-search .colorarea.mb-60.containered.white a {
    color: #fff;
    text-decoration: underline;
}

#program-search .colorarea.mb-60.containered.white a:hover {
    color: var(--au-light-red);
    text-decoration: underline;
}

#program-search .dynaResults .admissionguidelines {
    margin-top: 30px;
}

#program-search .dynaResults .admissionguidelines .col-sm-8 {
    width: 100%;
}

#program-search .dynaResults .admissionguidelines .col-sm-4 {
    display: none;
}

#program-search .dynaResults .admissionguidelines ul {
    margin-bottom: 0px;
}

#program-search p:nth-child(1) strong {
    display: none;
}

/*#program-search .dynaResults .admissionguidelines h4 {
	text-transform: none;
}*/
#program-search .program-req p:not(:first-of-type),
#program-search .program-req table,
#program-search .program-req .table {
    display: none;
}

#program-search .dynaResults .requirement.grad .col-lg-8 {
    width: 100% !important;
    flex: auto;
    max-width: inherit;
}

#program-search .dynaResults .requirement.grad .col-lg-4 {
    display: none;
}

#program-search .dynaResults .educ h2 {
    display: none;
}

#program-search .dynaResults .educ {
    margin-top: 0px !important;
}

#program-search .dynaResults .educ .mb-5 {
    margin-bottom: 0 !important;
}

#program-search .dynaResults .containered,
#program-search .dynaResults .admissionguidelines.containered {
    padding: 0px !important;
}

#requirements-fees .tuition .table.mb-5,
.dynaResults .mb-5 {
    margin-bottom: 0px !important;
}

/* Checkbox */

.checkbox-btn label {
    width: 100%;
}

.checkbox-btn label input {
    position: absolute;
    display: none;
    color: #fff !important;
}

.checkbox-btn .text {
    color: var(--au-alt-gray);
}

.checkbox-btn input:checked+div div.icon {
    background-color: var(--au-red);
}

.checkbox-btn input:checked+div div.text {
    color: var(--au-red);
}

#program_sort .profile-item,
#program_sort_grad .profile-item,
.profile-item.dropshadow {
    box-shadow: 1px 2px 3px var(--au-alt-gray);
}

#prog_sel .icon-text {
    line-height: 20px;
    cursor: pointer;
    width: 100%;
}

#prog_sel .icon-text:hover {
    background: var(--au-background-gray);
    border-radius: 30px;
}

/** Apply & Timeline **/

#apply-timeline .twobyonegrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    grid-template-areas: "apply timeline";
}

#apply-timeline .twobyonegrid .apply {
    grid-area: apply;
    padding: 60px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#apply-timeline .twobyonegrid .applytimeline {
    grid-area: timeline;
    padding: 60px 30px;
}

/** Timeline **/
.cd-horizontal-timeline {
    overflow: hidden;
}

.cd-horizontal-timeline ul,
.cd-horizontal-timeline ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-horizontal-timeline h1,
.cd-horizontal-timeline h2,
.cd-horizontal-timeline h3,
.cd-horizontal-timeline h4,
.cd-horizontal-timeline h5,
.cd-horizontal-timeline h6 {
    padding-bottom: 0px !important;
    margin-bottom: 20px !important;
}

.cd-horizontal-timeline h1:after,
.cd-horizontal-timeline h2:after,
.cd-horizontal-timeline h3:after,
.cd-horizontal-timeline h4:after,
.cd-horizontal-timeline h5:after,
.cd-horizontal-timeline h6:after {
    display: none;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: auto;
}

.cd-horizontal-timeline .timeline-title {
    text-align: center;
}

.cd-horizontal-timeline::before {
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 70px;
    width: 100%;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 30px;
    overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;
}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;
}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 30px;
    height: 10px;
    /* width will be set using JavaScript */
    background: #fff;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    /* this is used to create the cyan line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: var(--au-light-blue);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    width: 100px;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 0.75em;
    padding-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    padding: 5px;
    margin-bottom: 20px;
    transition: 0.3s;
    text-decoration: none !important;
}

.cd-horizontal-timeline .events a:hover {
    color: var(--au-light-blue) !important;
    transform: scale(1.2);
    font-weight: 600;
}

.cd-horizontal-timeline .events a::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f078";
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1px;
    height: 12px;
    width: 12px;
    color: #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    font-weight: bold;
    font-size: 1.5em;
}

.cd-horizontal-timeline .events a.selected::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid var(--au-blue);
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -50px;
}

.cd-horizontal-timeline .events a:hover::before {
    color: var(--au-light-blue);
}

.no-touch .cd-horizontal-timeline .events a:hover::before {
    color: var(--au-light-blue);
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::before {
    color: var(--au-light-blue);
}

.cd-horizontal-timeline .events a.older-event::before {
    color: var(--au-light-blue);
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline::before {
        content: 'desktop';
    }
}

/* Timeline Controls */

.cd-timeline-navigation a {
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    color: #fff !important;
}

.cd-timeline-navigation a.prev {
    left: 3px;
}

.cd-timeline-navigation a.prev::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f137";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.75em;
    transition: 0.2s;
    font-weight: bold;
}

.cd-timeline-navigation a.next {
    right: 3px;
}

.cd-timeline-navigation a.next::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f138";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 1.75em;
    transition: 0.2s;
    font-weight: bold;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::before,
.cd-timeline-navigation a.inactive::after {
    color: var(--au-light-blue) !important;
}

/* Timeline Content Area */

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 0;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
    height: auto !important;
}

.cd-horizontal-timeline .events-content li {
    background-color: var(--au-blue);
    padding: 30px;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
    margin: 0 auto;
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}

.cd-horizontal-timeline .events-content p {
    color: var(--au-light-blue);
    font-size: 0.75em;
}

@media only screen and (min-width: 768px) {
    .cd-horizontal-timeline .events-content h2 {
        font-size: 7rem;
    }

    .cd-horizontal-timeline .events-content em {
        font-size: 1.5em !important;
    }

    .cd-horizontal-timeline .events-content p {
        font-size: 20px;
    }
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* Red Sub Version */

.darkred .cd-horizontal-timeline .events {
    background: #fff;
}

.darkred .cd-horizontal-timeline .filling-line {
    background-color: var(--au-light-red);
}

.darkred .cd-horizontal-timeline .events a:hover {
    color: var(--au-light-red) !important;
}

.darkred .cd-horizontal-timeline .events a.selected::after {
    border-bottom: 20px solid #fff;
}

.darkred .cd-horizontal-timeline .events a:hover::before {
    color: var(--au-light-red);
}

.darkred .no-touch .cd-horizontal-timeline .events a:hover::before {
    color: var(--au-light-red);
}

.darkred .cd-horizontal-timeline .events a.selected::before {
    color: var(--au-light-red);
}

.darkred .cd-horizontal-timeline .events a.older-event::before {
    color: var(--au-light-red);
}

.darkred .cd-timeline-navigation a.inactive::before,
.darkred .cd-timeline-navigation a.inactive::after {
    color: var(--au-light-red) !important;
}

.darkred .cd-horizontal-timeline .events-content li {
    background-color: #fff;
}

.darkred .cd-horizontal-timeline .events-content p {
    color: var(--au-text-gray);
    font-size: 0.75em;
}

.darkred .cd-horizontal-timeline .events-content h1,
.darkred .cd-horizontal-timeline .events-content h2,
.darkred .cd-horizontal-timeline .events-content h3,
.darkred .cd-horizontal-timeline .events-content h4,
.darkred .cd-horizontal-timeline .events-content h5,
.darkred .cd-horizontal-timeline .events-content h6 {
    color: var(--au-red) !important;
}

.darkred .cd-horizontal-timeline .button {
    background-color: var(--au-blue) !important;
}

.darkred .cd-horizontal-timeline .button.red-onblue::after {
    color: var(--au-light-blue) !important;
}

.darkred .cd-horizontal-timeline .button:hover {
    background-color: #fff !important;
}

.darkred .cd-horizontal-timeline .button:hover.red-onblue::after {
    color: var(--au-red) !important;
}

/** Requirement Edits **/

#requirements-fees .requirement {
    color: #fff;
    background: none;
    padding: 0;
    margin-bottom: 30px !important;
}

/*#requirements-fees .requirement h2,*/

#requirements-fees .tuition h2 {
    display: none;
}

#requirements-fees .tuition {
    margin: 0 !important;
}

#requirements-fees .tuition .table {
    box-shadow: none;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0);
    color: inherit;
    margin: 0px -15px;
}

#requirements-fees .tuition .row {
    display: block;
    background-color: rgba(0, 0, 0, 0) !important;
    margin: 0;
}

#requirements-fees .tuition .cell {
    padding: 0px;
    display: contents;
}

#requirements-fees .tuition .cell.total {
    font-style: italic;
}

#requirements-fees h4::after {
    content: none !important;
}

#requirements-fees h4 {
    margin-bottom: 0px;
}

/** Budget Calculator **/

#budgetcalculator .btn {
    min-width: inherit;
}

#budgetcalculator .addrem .btn.btn-success {
    background-color: var(--au-old-green);
}

#budgetcalculator button.btn.btn-success {
    background-color: var(--au-blue);
}

#budgetcalculator .btn.btn-danger {
    background-color: var(--au-red);
}

#budgetcalculator .btn.btn-danger.disabled {
    background-color: var(--au-light-red);
}

#budgetcalculator .btn-toolbar .btn {
    background-color: var(--au-blue);
    color: #fff;
    margin-bottom: 15px;
}

#budgetcalculator .btn-toolbar .btn:hover {
    background-color: var(--au-red);
}

#budgetcalculator .btn-toolbar .btn.active {
    background-color: var(--au-light-blue);
    color: var(--au-blue) !important;
    box-shadow: none;
    cursor: pointer;
}

#budgetcalculator .btn-toolbar .btn.active:hover {
    transform: scale(1);
}

#budgetcalculator .addrem .btn {
    text-align: center;
    padding: 6px 10px;
}

#budgetcalculator .addrem .btn::after {
    content: none;
}

/*** CONTAO MODULES/ELEMENTS ***/

/** News **/

/* NewsHero Prototype */
.newshero {
    position: relative;
    height: calc(100vh - 130px);
    overflow: hidden;
    width: 100%;
    background: var(--au-blue);
    z-index: 1;
    display: flex;
    align-items: end;
    justify-content: end;
}

.newshero::after {
    width: 45%;
    height: 140px;
    transform: skew(20deg);
    background: #c41424;
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 80px;
    right: -40px;
    animation: slidein-thumbsbg 4s linear;
}

.newshero .layout_latest {
    width: 15%;
    height: auto;
    position: relative;
    display: table-cell;
    margin: 0px 30px 30px 0px;
    z-index: 3;
    box-shadow: var(--au-red) 5px 5px 0px;
    border: #fff 2px solid;
    background: #000;
    transition: 0s;
}

.newshero .layout_latest .content-body {
    position: absolute;
    z-index: 2;
    bottom: 0px;
    padding: 15px;
}

.newshero .layout_latest .content-body .ce_text,
.newshero .layout_latest .content-body .more {
    display: none;
}

.newshero .layout_latest h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 20px;
    text-shadow: 2px 2px 2px #000;
    transition: 0s !important;
}

.newshero .layout_latest h2:after {
    width: 0px !important;
}

.newshero .layout_latest h2 a {
    text-decoration: none !important;
    color: #fff;
}

.newshero .layout_latest .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.newshero .layout_latest img {
    opacity: 0.5;
    transition: 0.5s;
}

.newshero .layout_latest:hover img {
    opacity: 1;
    transition: 0.5s;
}

.newshero p.info {
    display: none;
}

/* Current */
.newshero .layout_latest.current {
    position: absolute;
    height: calc(100vh - 130px);
    overflow: hidden;
    width: 100%;
    margin: 0px;
    box-shadow: none;
    border: none;
    z-index: 1;
    transform: none;
    transition: 0s !important;
}

.newshero .layout_latest.current .cover {
    display: none;
}

.newshero .layout_latest.current .image_container img {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    opacity: 1;
}

.newshero .layout_latest.current .content-body {
    max-width: 1340px;
    padding: 20px 30px 0px 0px;
    /*top: 66%;*/
    position: absolute;
    z-index: 2;
    width: calc(100% - 30px);
    left: 50%;
    transform: translate(-50%, -42%);
}

.newshero .layout_latest.current .content-body .ce_text,
.newshero .layout_latest.current .content-body .more {
    display: block;
    z-index: 3;
    position: relative;
}

.newshero .layout_latest.current .content-body h2 {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    font-size: 4em;
    text-shadow: 2px 2px 2px #004077;
    position: relative;
    z-index: 2;
    animation: fadein-title 4s linear;
}

.newshero .layout_latest.current .content-body h2:after {
    width: 90px !important;
}

.newshero .layout_latest.current .content-body .ce_text {
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
    z-index: 1;
    width: 50%;
    margin-top: 45px;
    animation: fadein-title 4s linear;
}

.newshero .layout_latest.current .content-body .ce_text p {
    position: relative;
    z-index: 2;
    padding: 15px 0px;
}

.newshero .layout_latest.current .content-body .ce_text::after {
    width: 250%;
    height: 100%;
    transform: skew(-20deg);
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0px;
    right: -60px;
    z-index: 0;
}

.newshero .layout_latest.current .content-body::before {
    width: 1000px;
    height: 140px;
    transform: skew(-20deg);
    background: #c41424cc;
    content: "";
    position: absolute;
    z-index: 2;
    top: -22%;
    left: -78%;
    animation: slidein-titledress 4s linear;
}

.newshero .layout_latest.current .content-body::after {
    width: 200%;
    height: 100%;
    transform: skew(-20deg);
    background: #004077cc;
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0px;
    right: -60px;
    animation: slidein-titlebg 4s linear;
}

.newshero .layout_latest.current .more {
    position: absolute !important;
    padding: 0px !important;
    right: -100px;
    top: 50%;
    transform: translateY(-75%);
    animation: fadein-desc 4s linear;
}

.newshero .layout_latest.current .more a {
    display: inline-block;
    position: relative;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

.newshero .layout_latest.current .more a::after {
    font: var(--fa-font-solid);
    content: "\f138";
    right: 0px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #c41424;
    border: solid #fff 3px;
    border-radius: 60%;
    background-color: #fff;
    text-shadow: none;
    transition: 0.5s;
    font-size: 80px;
}

.newshero .layout_latest.current .more a:hover::after {
    transform: translateY(-50%) scale(1.25);
}

/* Landing Page Newslist */

#news-events .feed-button {
    text-align: right;
}

#news-events .mod_newslist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "first last";
    position: relative;
    grid-gap: 30px;
}

#news-events .mod_newslist .first {
    grid-area: first;
}

#news-events .mod_newslist .last {
    grid-area: last;
}

#news-events .layout_latest {
    position: relative;
    border: none;
}

#news-events .layout_latest .news_photo {
    position: relative;
    z-index: 200;
}

#news-events .layout_latest .news_photo h2 {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 0;
    margin: 0;
    background-color: rgba(196, 20, 36, 0.5);
    transition: 0.5s;
    text-transform: initial;
    width: 100%;
}

#news-events .layout_latest .news_photo h2:hover {
    background-color: rgba(196, 20, 36, 1);
}

#news-events .layout_latest .news_photo h2::after {
    border-bottom: none;
}

#news-events .layout_latest .news_photo h2 a {
    text-decoration: none;
    color: #fff !important;
    padding: 15px;
    display: block;
    filter: opacity(100%);
    font-size: 24px;
}

#news-events .layout_latest .news_content {
    transition: 0.5s;
    position: absolute;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    z-index: 100;
    transform: translateY(-100%) scaleY(0);
    width: 100%;
}

#news-events .layout_latest .news_content .content {
    width: 100%;
}

#news-events .layout_latest .news_photo .content .image_container {
    float: none !important;
}

#news-events .layout_latest:hover .news_content {
    transition: 0.5s;
    transform: translateY(0%) scaleY(1);
}

#news-events .layout_latest .news_content .teaser {
    margin-bottom: 15px;
}

#news-events .layout_latest .news_content .more a {
    display: inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}

#news-events .layout_latest .news_content .more a {
    padding: 10px 30px 10px 15px;
    color: #fff !important;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
    border: none;
    border-radius: 0;
    min-width: 150px;
    text-align: left;
    text-decoration: none !important;
    font-size: inherit;
    text-transform: uppercase;
    background-color: var(--au-red);
    float: right;
}

#news-events .layout_latest .news_content .more a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

#news-events .layout_latest .news_content .more a:hover {
    transform: scale(1.05);
    background-color: #004077;
}

#news-events .layout_latest .news_content .more a:hover::after {
    color: var(--au-light-blue);
}

#news-events .mod_newslist {
    grid-template-areas: "first second" "third last";
}

#news-events .layout_latest:nth-child(1) .news_photo,
#news-events .layout_latest:nth-child(2) .news_photo {
    z-index: 300;
}

#news-events .layout_latest:nth-child(1) .news_content,
#news-events .layout_latest:nth-child(2) .news_content {
    z-index: 250
}

/* News List - White Card */

.mod_newslist.white-card-news {
    display: grid;
    position: relative;
    grid-gap: 30px;
}

.mod_newslist.white-card-news .layout_latest {
    padding: 15px;
    background-color: #fff;
}

.mod_newslist.white-card-news .layout_latest img {
    margin-bottom: 30px;
}

.mod_newslist.white-card-news .layout_latest .card-body {
    margin: 0px !important;
}

.mod_newslist.white-card-news .layout_latest .card-body h2 {
    font-size: 24px;
}

.mod_newslist.white-card-news .layout_latest .card-body h2 a {
    text-decoration: none !important;
}

.mod_newslist.white-card-news .layout_latest .card-body p.more {
    margin-top: 30px;
}

.mod_newslist.white-card-news .layout_latest .card-body p.more a {
    display: inline-block;
    padding: 10px 30px 10px 15px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none !important;
    font-size: inherit;
    text-transform: uppercase;
    background-color: var(--au-red);
    min-width: 250px;
    text-align: left;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
}

.mod_newslist.white-card-news .layout_latest .card-body p.more a:hover {
    background-color: var(--au-blue);
}

.mod_newslist.white-card-news .layout_latest .card-body p.more a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

.mod_newslist.white-card-news .layout_latest .card-body p.more a:hover::after {
    color: var(--au-light-blue);
}

.mod_newslist.white-card-news.four-item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mod_newslist.white-card-news.three-item {
    grid-template-columns: 1fr 1fr 1fr;
}

.mod_newslist.white-card-news.two-item {
    grid-template-columns: 1fr 1fr;
}

.mod_newslist.white-card-news.one-item {
    grid-template-columns: 1fr;
}

.mod_newslist.white-card-news.no-teaser .ce_text {
    display: none;
}

.mod_newslist.white-card-news.no-images img {
    display: none;
}

.mod_newslist.white-card-news.no-buttons .more {
    display: none;
}

.mod_newslist.white-card-news.top-line h2 {
    padding: 0px 0px 0px 0px !important;
    margin: 38px 0px 0px 0px !important;
    font-size: 22px !important;
}

.mod_newslist.white-card-news.top-line h2:after {
    border-top: 0px solid #c41424 !important;
    top: -30px;
}

.mod_newslist.white-card-news .pagination {
    grid-column: 1/-1;
}

/* News List - Classic 

.mod_newslist.classic {
	display: grid;
	position: relative;
	grid-gap: 30px;
	width: 100%;
}
.mod_newslist.classic .layout_latest {
	display: grid;
	position: relative;
	grid-gap: 30px;
	grid-template-columns: 1fr 3fr;
}
.mod_newslist.classic .layout_latest p.info {
	display: none;
}
.mod_newslist.classic .layout_latest img {
	grid-column: 1/2;
	width: calc(100% - 5px);
	height: auto;
	box-shadow: var(--au-red) 5px 5px 0px;
	margin-bottom: 5px;
}
.mod_newslist.classic .layout_latest .content-body {
	grid-column: 2/2;
}
.mod_newslist.classic .layout_latest .content-body h2 {
	font-size: 24px;
}
.mod_newslist.classic .layout_latest .content-body h2 a {
	text-decoration: none!important;
}
.mod_newslist.classic .layout_latest .content-body p.more {
	margin-top: 30px;
}
.mod_newslist.classic .layout_latest .content-body p.more a {
	display: inline-block;
	padding: 10px 30px 10px 15px;
	font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #fff;
	text-decoration: none!important;
	font-size: inherit;
	text-transform: uppercase;
	background-color: var(--au-red);
	min-width: 250px;
	text-align: left;
	position: relative;
	transition: 0.2s;
	background-image: none !important;
}
.mod_newslist.classic .layout_latest .content-body p.more a:hover {
	background-color: var(--au-blue);
}
.mod_newslist.classic .layout_latest .content-body p.more a::after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	content: "\f105";
	right: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.5em;
	line-height: 1;
	transition: 0.2s;
	color: var(--au-dark-red);
}
.mod_newslist.classic .layout_latest .content-body p.more a:hover::after {
	color: var(--au-light-blue);
}
.mod_newslist.clasic.no-teaser .ce_text, .mod_newslist.clasic.no-more .more {
	display: none;
}
*/

/* News List - Classic REDO */
.mod_newslist.classic {
    position: relative;
    width: 100%;
}

.mod_newslist.classic .layout_latest {
    position: relative;
    margin-bottom: 60px;
    display: inline-block;
    clear: both;
}

.mod_newslist.classic .layout_latest::last-child {
    margin-bottom: 0px;
}

.mod_newslist.classic .layout_latest p.info {
    display: none;
}

.mod_newslist.classic .layout_latest img {
    width: calc(100% - 5px);
    height: auto;
    box-shadow: var(--au-red) 5px 5px 0px;
    margin-bottom: 5px;
}

.mod_newslist.classic .layout_latest .image_container {
    width: 25%;
    float: left;
    margin-right: 30px;
}

.mod_newslist.classic .layout_latest .content-body {
    display: grid;
}

.mod_newslist.classic .layout_latest .content-body h2 {
    font-size: 22px;
}

.mod_newslist.classic .layout_latest .content-body h2 a {
    text-decoration: none !important;
}

.mod_newslist.classic .layout_latest .content-body p.more {
    margin-top: 30px;
}

.mod_newslist.classic .layout_latest .content-body p.more a {
    display: inline-block;
    padding: 10px 30px 10px 15px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: var(--au-red);
    min-width: 250px;
    text-align: left;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
}

.mod_newslist.classic .layout_latest .content-body p.more a:hover {
    background-color: var(--au-blue);
}

.mod_newslist.classic .layout_latest .content-body p.more a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

.mod_newslist.classic .layout_latest .content-body p.more a:hover::after {
    color: var(--au-light-blue);
}

.mod_newslist.no-teaser .ce_text,
.mod_newslist.clasic.no-more .more {
    display: none;
}

/* News Reader */

.mod_newsreader .layout_full p.info {
    font-size: 0.875em;
    color: var(--au-alt-gray);
}

.mod_newsreader .layout_full h2 {
    color: var(--au-light-blue);
    /*font-style: italic;*/
    font-weight: normal;
}

.mod_newsreader .layout_full .ce_text h1 {
    color: var(--au-alt-gray);
}

.mod_newsreader .layout_full .ce_text .image_container .caption {
    text-align: center;
    color: var(--au-text-gray);
    font-style: italic;
    margin: 15px 0px;
}

.mod_newsreader .ce_text img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.mod_newsreader .layout_full .image_container {
    display: table;
}

.mod_newsreader .layout_full .caption {
    display: table-caption;
    caption-side: bottom;
}

.mod_newsreader p.back {
    margin-top: 30px;
    clear: left;
}

.mod_newsreader p.back a {
    display: inline-block;
    padding: 10px 30px 10px 15px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: var(--au-red);
    min-width: 250px;
    text-align: left;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
}

.mod_newsreader p.back a:hover {
    background-color: var(--au-blue);
}

.mod_newsreader p.back a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f104";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

.mod_newsreader p.back a:hover::after {
    color: var(--au-light-blue);
}

.mod_newsreader h1,
.mod_newsreader h2,
.mod_newsreader h3,
.mod_newsreader h4,
.mod_newsreader h5,
.mod_newsreader h6 {
    clear: left;
}

/** Events **/

/* Landing Page List - Red Style */
.mod_eventlist.vertical-style-red .layout_upcoming {
    background-color: #fff;
    margin-bottom: 15px;
    height: 80px;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.home .mod_eventlist.vertical-style-red .layout_upcoming {
    margin-bottom: 21px;
}

.mod_eventlist.vertical-style-red .layout_upcoming:last-child {
    margin-bottom: 0px;
}

.mod_eventlist.vertical-style-red .layout_upcoming .date {
    width: 80px;
    height: 80px;
    background-color: var(--au-red);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mod_eventlist.vertical-style-red .layout_upcoming .date-month {
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
}

.mod_eventlist.vertical-style-red .layout_upcoming .date-day {
    line-height: 1;
    font-size: 36px;
}

.mod_eventlist.vertical-style-red .layout_upcoming .date-year,
.mod_eventlist.style-red .layout_upcoming .time {
    display: none;
}

.mod_eventlist.vertical-style-red .layout_upcoming .event_content {
    grid-column: 2;
    grid-row: 1;
}

.mod_eventlist.vertical-style-red .layout_upcoming .event_content a {
    margin: auto 0;
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: initial;
    color: var(--au-blue);
}

.mod_eventlist.vertical-style-red .layout_upcoming .event_content a:hover {
    color: #fff !important;
    background-color: var(--au-dark-blue);
}

/* Landing Page List - Blue Style */
.mod_eventlist.vertical-style-blue .layout_upcoming {
    background-color: #fff;
    margin-bottom: 15px;
    height: 80px;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.mod_eventlist.vertical-style-blue .layout_upcoming:last-child {
    margin-bottom: 0px;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .date {
    width: 80px;
    height: 80px;
    background-color: var(--au-blue);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .date-month {
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .date-day {
    line-height: 1;
    font-size: 36px;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .date-year,
.mod_eventlist.style-blue .layout_upcoming .time {
    display: none;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .event_content {
    grid-column: 2;
    grid-row: 1;
}

.mod_eventlist.vertical-style-blue .layout_upcoming .event_content a {
    margin: auto 0;
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: capitalize;
    color: var(--au-blue);
}

.mod_eventlist.vertical-style-blue .layout_upcoming .event_content a:hover {
    color: #fff !important;
    background-color: var(--au-dark-red);
}

/* Landing Page List with Hours */
.mod_eventlist.hours .layout_upcoming .event_content a .time {
    display: inline;
    font-size: 12px;
    color: var(--au-alt-gray);
    text-transform: initial;
    margin-top: 5px;
}

.mod_eventlist.hours .layout_upcoming .event_content a:hover .time {
    color: var(--au-light-blue);
}

.mod_eventlist.hours .layout_upcoming .event_content a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: initial;
    color: var(--au-blue);
    line-height: 1;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    align-items: flex-start;
}

/* Classic Event List */
.mod_eventlist .layout_upcoming {
    height: 80px;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.mod_eventlist .layout_upcoming:last-child {
    margin-bottom: 0px;
}

.mod_eventlist .layout_upcoming .date {
    width: 80px;
    height: 80px;
    background-color: var(--au-red);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.mod_eventlist .layout_upcoming .date-month {
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
}

.mod_eventlist .layout_upcoming .date-day {
    line-height: 1;
    font-size: 36px;
}

.mod_eventlist .layout_upcoming .date-year,
.mod_eventlist.style-red .layout_upcoming .time {
    display: none;
}

.mod_eventlist .layout_upcoming .event_content {
    grid-column: 2;
    grid-row: 1;
}

.mod_eventlist .layout_upcoming .event_content a {
    margin: auto 0;
    display: grid;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0px 15px;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: capitalize;
}

.mod_eventlist .layout_upcoming .event_content a:hover {}

.mod_eventlist .layout_upcoming .time {
    display: none;
}

/* "Featured" Upcoming Event List */
.mod_eventlist .featured {
    height: fit-content !important;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
    grid-template-areas: "photo photo" "date text";
}

.mod_eventlist .featured .event_photo {
    grid-area: photo;
}

.mod_eventlist .featured .event_photo .image_container {
    margin-bottom: 10px;
}

.mod_eventlist .featured .event_photo img {
    width: calc(100% - 5px) !important;
    height: auto;
    box-shadow: var(--au-red) 5px 5px 0px;
    margin-bottom: 5px;
}

.mod_eventlist .featured .event_photo .caption {
    display: none;
}

.mod_eventlist .featured .date {
    grid-area: date;
    grid-row: 2 !important;
}

.mod_eventlist .featured .event_content {
    grid-area: text;
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.mod_eventlist .featured.layout_upcoming .caption {
    display: none !important;
}

/* Feature Event Teaser List - Added August 18, 2023 */
.mod_eventlist.au-event-list .layout_teaser {
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    height: fit-content !important;
    display: grid;
    grid-template-columns: 80px fit-content(35%) 1fr;
    grid-template-areas: "date img text";
    margin-bottom: 30px !important;
    grid-gap: 30px;
    align-items: center;
    padding: 30px !important;
}

.mod_eventlist.au-event-list .layout_teaser .event-date {
    grid-area: date;
}

.mod_eventlist.au-event-list .layout_teaser .event-date p.time {
    width: 80px;
    height: 80px;
    background-color: var(--au-red);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.mod_eventlist.au-event-list .layout_teaser .event-img {
    grid-area: img;
}

.mod_eventlist.au-event-list .layout_teaser .event-text {
    grid-area: text;
}

.mod_eventlist.au-event-list .layout_teaser .event-text h3 {
    padding-bottom: 0px !important;
}

.mod_eventlist.au-event-list .layout_teaser .event-text h3:after {
    border-bottom: none !important;
}

.mod_eventlist.au-event-list .layout_teaser .event-text h3 a:link {
    text-decoration: none !important;
}

.mod_eventlist.au-event-list .layout_teaser .event-text h3 a:hover {
    text-decoration: underline !important;
}

.mod_eventlist.au-event-list .layout_teaser:last-child {
    margin-bottom: 0px !important;
}

.mod_eventlist.au-event-list .header,
.mod_eventlist.au-event-list .layout_teaser .event-img figcaption {
    display: none;
}

.mod_eventlist.au-event-list .layout_teaser .more {
    margin-top: 30px;
    text-align: right;
}

.mod_eventlist.au-event-list .layout_teaser .more a {
    white-space: normal;
    padding: 10px 30px 10px 15px;
    color: #fff !important;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
    border: none;
    border-radius: 0;
    min-width: 200px;
    text-align: left;
    text-decoration: none !important;
    font-size: inherit;
    text-transform: uppercase;
    background-color: var(--au-red);
}

.mod_eventlist.au-event-list .layout_teaser .more a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
}

.mod_eventlist.au-event-list .layout_teaser .more a:hover {
    background-color: var(--au-blue);
    transform: scale(1.04);
}

.mod_eventlist.au-event-list .layout_teaser .more a:hover::after {
    color: var(--au-light-blue);
}

.mod_eventlist.au-event-list .layout_teaser .time {
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1;
}

.mod_eventlist.au-event-list .layout_teaser .time .event-month {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
}

.mod_eventlist.au-event-list .layout_teaser .time .event-date {
    display: block;
    font-size: 36px;
}

.mod_eventlist.au-event-list .layout_teaser .time .event-time {
    display: none;
}

.mod_eventlist.au-event-list .layout_teaser .location {
    font-style: italic;
    color: var(--au-alt-gray);
    margin-top: -30px;
}

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

/* Landing Page Ful Text List - Red Style - Added Nov 17, 2023 */
.mod_eventlist.vertical-style-red .layout_full {
    background-color: #fff;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 80px calc(100% - 80px);
}

.mod_eventlist.vertical-style-red .layout_full:last-child {
    margin-bottom: 0px;
}

.mod_eventlist.vertical-style-red .layout_full .date {
    width: 80px;
    background-color: var(--au-red);
    color: #fff;
    text-align: center;
    grid-column: 1;
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-top: 15px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

.mod_eventlist.vertical-style-red .layout_full .date-month {
    line-height: 1;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
}

.mod_eventlist.vertical-style-red .layout_full .date-day {
    line-height: 1;
    font-size: 36px;
}

.mod_eventlist.vertical-style-red .layout_full .date-year,
.mod_eventlist.style-red .layout_upcoming .time {
    display: none;
}

.mod_eventlist.vertical-style-red .layout_full .event_content {
    grid-column: 2;
    grid-row: 1;
    padding: 15px;
}

.mod_eventlist.vertical-style-red .layout_full .event_content h3 {
    margin: auto 0;
    text-decoration: none !important;
    color: var(--au-red);
}

.mod_eventlist.vertical-style-red .layout_full .event_content .ce_text {
    font-weight: normal;
}

.mod_eventlist.vertical-style-red .layout_full .event_content .time {
    display: block;
    font-size: 12px;
    color: var(--au-alt-gray);
    text-transform: initial;
    margin: -15px 0 15px 0;
}

/* Event List - White Card Settings */
.mod_eventlist.four-item {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
    position: relative;
    grid-gap: 30px;
    width: 100%;
}

.mod_eventlist.three-item {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
    position: relative;
    grid-gap: 30px;
    width: 100%;
}

.mod_eventlist.two-item {
    grid-template-columns: 1fr 1fr;
    display: grid;
    position: relative;
    grid-gap: 30px;
    width: 100%;
}

.mod_eventlist.one-item {
    grid-template-columns: 1fr;
    display: grid;
    position: relative;
    grid-gap: 30px;
    width: 100%;
}

/* Large Calendar */
.mod_calendar table.calendar {
    width: 100%;
}

.mod_calendar table.calendar thead tr th.previous {
    width: 20%;
    text-align: left;
    position: relative;
}

.mod_calendar table.calendar thead tr th.previous a {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    text-decoration: none !important;
}

.mod_calendar table.calendar thead tr th.current {
    width: 60%;
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin: 0px 0px 25px 0px;
    color: var(--au-red);
    padding-bottom: 25px;
}

.mod_calendar table.calendar thead tr th.next {
    width: 20%;
    text-align: right;
    position: relative;
}

.mod_calendar table.calendar thead tr th.next a {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    text-decoration: none !important;
}

.mod_calendar table.calendar thead tr:nth-child(2) {
    background-color: var(--au-blue);
    border-top: 8px solid white;
    border-left: 8px solid white;
    border-right: 8px solid white;
}

.mod_calendar table.calendar thead tr th.label {
    float: none;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    display: table-cell;
    font-size: 100%;
    white-space: nowrap;
    border-radius: 0;
    width: 14.5%;
    color: #fff !important;
    padding: 2px 0px 0px 0px;
    margin: 0;
    height: 30px;
    line-height: 30px;
}

.mod_calendar table.calendar tbody {
    border-left: 8px white solid;
    border-right: 8px white solid;
    border-bottom: 8px white solid;
}

.mod_calendar table.calendar tbody td.days {
    background-color: var(--au-background-gray);
    border: 4px solid #fff;
    padding: 10px;
    font-size: 14px;
    vertical-align: top;
}

.mod_calendar table.calendar tbody td.empty {
    background-color: #fff !important;
}

.mod_calendar table.calendar tbody td.weekend {
    background-color: var(--au-light-gray);
}

.mod_calendar table.calendar tbody td.today {
    background-color: var(--au-light-blue) !important;
    color: var(--au-dark-blue);
}

.mod_calendar table.calendar tbody td.days div.event {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.mod_calendar table.calendar tbody td.days div.event:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 2px solid var(--au-alt-gray);
    left: 50%;
    transform: translateX(-50%);
}

.mod_calendar table.calendar tbody td.days div.event:last-child {
    margin-bottom: 0;
}

.mod_calendar table.calendar tbody td.days div.event:last-child::after {
    content: none;
}

/* "All Events List" View Calendar */
.allevents-listview table.calendar thead tr {
    display: table;
    width: 100%;
}

.allevents-listview table.calendar thead tr:nth-child(2) {
    display: none;
}

.allevents-listview table.calendar tbody {
    border-top: 8px solid #fff;
}

.allevents-listview table.calendar tbody tr {
    width: 100%;
    display: table;
}

.allevents-listview table.calendar tbody tr td {
    display: block;
}

.allevents-listview table.calendar tbody td.empty {
    display: none;
}

.allevents-listview table.calendar tbody td.weekend {
    background-color: var(--au-light-gray);
}

.allevents-listview table.calendar tbody td.today {
    background-color: var(--au-light-blue);
    color: var(--au-dark-blue);
}

.allevents-listview table.calendar tbody td.days {
    height: initial;
}

.allevents-listview table.calendar tbody td.days div.event {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.allevents-listview table.calendar tbody td.days div.event:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 2px solid var(--au-alt-gray);
    left: 0px;
    transform: translateX(0%);
}

.allevents-listview td.days div.event:first-child {
    margin-top: 5px;
}

.allevents-listview table.calendar tbody td.days div.event:last-child::after {
    content: none;
}

#allevents table.calendar thead tr th.current {
    font-size: 2em;
}

#allevents .days .header {
    font-size: large;
    font-weight: bold;
    margin-bottom: 6px;
}

#allevents .event {
    margin-bottom: 10px;
}

#allevents .event:hover {
    transform: scale(1.1);
    transition: 0.2s;
}

#allevents .event:last-child {
    margin-bottom: 0px;
}

#allevents table.calendar tbody td.days div.event::after {
    border: none;
}

#allevents .cal_280,
#leg_academic,
#allevents .cal_282,
#leg_alumni,
#allevents .cal_277,
#allevents .cal_298,
#leg_campus,
#allevents .cal_309,
#leg_staff,
#allevents .cal_288,
#leg_student,
#allevents .cal_296,
#leg_recruitment {
    padding: 10px;
    background: #fff;
    box-shadow: 2px 2px 2px #828282;
}

#allevents .cal_280,
#leg_academic {
    border-left: 10px solid var(--au-red);
}

#allevents .cal_282,
#leg_alumni {
    border-left: 10px solid var(--au-blue);
}

#allevents .cal_288,
#leg_student {
    border-left: 10px solid var(--au-old-green);
}

#allevents .cal_277,
#allevents .cal_298,
#leg_campus {
    border-left: 10px solid var(--au-old-orange);
}

#allevents .cal_296,
#leg_recruitment {
    border-left: 10px solid var(--au-old-violet);
}

#allevents .cal_309,
#leg_staff {
    border-left: 10px solid var(--au-old-turquoise);
}


.mod_calendar table.calendar tbody td.days {
    height: intial;
}

/* Mini Calendar */
.mod_calendar table.minicalendar {
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0px;
}

.mod_calendar table.minicalendar thead tr .mod_calendar table.minicalendar thead tr th.previous {
    text-align: left;
    position: relative;
}

.mod_calendar table.minicalendar thead tr th.previous {
    position: relative;
}

.mod_calendar table.minicalendar thead tr th.previous a {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 0px;
    text-decoration: none !important;
}

.mod_calendar table.minicalendar thead tr th.current {
    text-align: center;
    font-size: 18px;
    margin: 0px 0px 25px 0px;
    color: var(--au-red);
}

.mod_calendar table.minicalendar thead tr th.next {
    text-align: right;
    position: relative;
}

.mod_calendar table.minicalendar thead tr th.next a {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    text-decoration: none !important;
}

.mod_calendar table.minicalendar thead tr th.label {
    float: none;
    text-align: center;
    display: table-cell;
    font-size: 75%;
    white-space: nowrap;
    border-radius: 0;
    width: auto;
    padding: 2px 0px 0px 0px;
    margin: 0;
    padding-bottom: 10px;
}

.mod_calendar table.minicalendar tbody td.days {
    background-color: var(--au-background-gray);
    border: 4px solid #fff;
    padding: 10px;
    font-size: 14px;
    text-align: center;
}

.mod_calendar table.minicalendar tbody td.empty {
    background-color: #fff !important;
}

.mod_calendar table.minicalendar tbody td.weekend {
    background-color: var(--au-light-gray);
}

.mod_calendar table.minicalendar tbody td.today {
    background-color: var(--au-light-blue);
    color: var(--au-dark-blue);
}

.mod_calendar table.minicalendar tbody td.days div.event {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.mod_calendar table.minicalendar tbody td.days div.event:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 2px solid var(--au-alt-gray);
    left: 50%;
    transform: translateX(-50%);
}

.mod_calendar table.minicalendar tbody td.days div.event:last-child::after {
    content: none;
}

/* Event Reader */
.mod_eventreader .layout_full h2 {
    color: var(--au-light-blue);
    font-style: italic;
    font-weight: normal;
}

.mod_eventreader .layout_full p.info {
    font-size: 0.875em;
    color: var(--au-text-gray);
    font-weight: bold;
}

.mod_eventreader .layout_full p.location {
    font-size: 0.875em;
    color: var(--au-dark-red);
    margin-top: -30px;
}

.mod_eventreader .ce_text img {
    max-width: 100%;
    height: auto;
    width: inherit;
}

.mod_eventreader .ce_text::after {
    content: "";
    clear: both;
    display: table;
}

.mod_eventreader .layout_full .ce_text .image_container .caption {
    text-align: center;
    color: var(--au-text-gray);
    font-style: italic;
    margin: 15px 0px;
}

.mod_eventreader p.back {
    margin-top: 30px;
}

.mod_eventreader p.back a {
    display: inline-block;
    padding: 10px 30px 10px 15px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    background-color: var(--au-red);
    min-width: 250px;
    text-align: left;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
}

.mod_eventreader p.back a:hover {
    background-color: var(--au-blue);
    color: #fff;
}

.mod_eventreader p.back a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f104";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

.mod_eventreader p.back a:hover::after {
    color: var(--au-light-blue);
}

/* Online and Hybrid Subcategories */

/* Legend Settings */
#leg_title {
    padding: 10px;
}

#leg_alumni,
#leg_academic,
#leg_campus,
#leg_staff,
#leg_student,
#leg_recruitment {
    font-weight: bold;
    font-size: x-small;
    display: block;
    text-transform: uppercase;
    padding: 10px 40px 10px 10px;
}

#leg_academic:after,
#leg_alumni:after,
#leg_campus:after,
#leg_staff:after,
#leg_student:after,
#leg_recruitment:after {
    font: var(--fa-font-solid);
    font-weight: 900;
    top: 8px;
    right: 25px;
    font-size: large;
    position: absolute;
}

#leg_academic:after {
    content: "\f5d1";
    color: var(--au-red);
}

#leg_alumni:after {
    content: "\f3ed";
    color: var(--au-blue);
}

#leg_campus:after {
    content: "\f19c";
    color: var(--au-old-orange);
}

#leg_staff:after {
    content: "\f0c0";
    color: var(--au-old-turquoise);
}

#leg_student:after {
    content: "\f501";
    color: var(--au-old-green);
}

#leg_recruitment:after {
    content: "\f675";
    color: var(--au-old-violet);
}

/* Examples */
.example-icon::after,
.mod_eventlist .layout_upcoming.hybrid .date::after,
.example-icon.offcampus::after {
    font: var(--fa-font-solid);
    line-height: 1;
    transition: 0.2s;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    border: 2px solid #fff;
    font-weight: 600;
    display: inline-block;
    padding: 4px;
    text-align: center;
}

.example-icon.online::after {
    background: var(--au-red);
    content: "\f108"
}

.example-icon.hybrid::after {
    background: var(--au-blue);
    content: "\f3c5";
}

.example-icon.offcampus::after {
    background: var(--au-old-orange);
    content: "\f0ac";
}

.example-text {
    font-weight: bold;
    font-size: x-small;
    text-transform: uppercase;
}

/* Upcoming Event List */
.mod_eventlist .layout_upcoming.online .date::after,
.mod_eventlist .layout_upcoming.hybrid .date::after,
.mod_eventlist .layout_upcoming.offcampus .date::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    right: -15px;
    position: absolute;
    line-height: 1;
    transition: 0.2s;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background: var(--au-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 2px solid #fff;
    font-size: 12px;
}

.mod_eventlist .layout_upcoming.online .date::after {
    background: var(--au-red);
    content: "\f108"
}

.mod_eventlist .layout_upcoming.hybrid .date::after {
    background: var(--au-blue);
    content: "\f108";
}

.mod_eventlist .layout_upcoming.offcampus .date::after {
    background: var(--au-old-orange);
    content: "\f3c5";
}

/* Layout Teaser Event List */
.mod_eventlist .layout_teaser.online .location::after,
.mod_eventlist .layout_teaser.hybrid .location::after,
.mod_eventlist .layout_teaser.offcampus .location::after {
    font: var(--fa-font-solid);
    line-height: 1;
    transition: 0.2s;
    border-radius: 15px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    margin-left: 4px;
}

.mod_eventlist .layout_teaser.online .location::after {
    background: var(--au-red);
    content: "\f108  - ONLINE";
}

.mod_eventlist .layout_teaser.hybrid .location::after {
    background: var(--au-blue);
    content: "\f108  - HYBRID";
}

.mod_eventlist .layout_teaser.offcampus .location::after {
    background: var(--au-old-orange);
    content: "\f3c5  - OFF-CAMPUS";
}


/* Full Calendar */
.mod_calendar table.calendar .online::before,
.mod_calendar table.calendar .hybrid::before,
.mod_calendar table.calendar .offcampus::before {
    font: var(--fa-font-solid);
    left: -17px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    line-height: 1;
    transition: 0.2s;
    height: 24px;
    width: 24px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 11px;
    border: 2px solid #fff;
    font-weight: 600;
}

.mod_calendar table.calendar .online::before {
    background: var(--au-red);
    content: "\f108";
}

.mod_calendar table.calendar .hybrid::before {
    background: var(--au-blue);
    content: "\f108";
}

.mod_calendar table.calendar .offcampus::before {
    background: var(--au-old-orange);
    content: "\f3c5";
}

/* Layout Full Event Reader */
.mod_eventreader .layout_full.online .info::after,
.mod_eventreader .layout_full.hybrid .info::after,
.mod_eventreader .layout_full.offcampus .info::after {
    font: var(--fa-font-solid);
    line-height: 1;
    transition: 0.2s;
    border-radius: 15px;
    color: #fff;
    border: 2px solid #fff;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
    margin-left: 4px;
}

.mod_eventreader .layout_full.online .info::after {
    background: var(--au-red);
    content: "\f108  - ONLINE";
}

.mod_eventreader .layout_full.hybrid .info::after {
    background: var(--au-blue);
    content: "\f108  - HYBRID";
}

.mod_eventreader .layout_full.offcampus .info::after {
    background: var(--au-old-orange);
    content: "\f3c5  - OFF-CAMPUS";
}

/* Calendar Sort Dropdown */
#calendar-sort-form .formbody {
    border: 1px solid #ccc;
    width: 100%;
    overflow: hidden;
    height: 42px;
    background: #fff url('https://cms-main.acadiau.ca/files/acadiatheme/images/square-chevron-down-solid-blue.svg') no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 100%;
    background-size: 40px 40px;
    cursor: pointer !important;
}

#calendar-sort-form:hover .formbody {
    background: #fff url('https://cms-main.acadiau.ca/files/acadiatheme/images/square-chevron-down-solid-red.svg') no-repeat;
    background-position: 100%;
    background-size: 40px 40px;
}

#calendar-sort.calendar-sort {
    width: calc(100% - 5px);
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    background-image: none;
    -webkit-appearance: none;
    font-weight: normal;
    color: var(--au-text-gray);
    height: 42px;
    position: relative;
    cursor: pointer !important;
    padding-right: 40px;
}

/** Accordions **/
.ce_accordion {
    clear: both;
    margin-bottom: 5px;
}

.ce_accordion:last-child {
    margin-bottom: 0px;
}

.ui-accordion-content {
    margin: 30px 0px;
}

.toggler {
    line-height: 1.25;
    margin: 0px;
    background: var(--au-light-blue);
    padding: 12px 15px 10px 15px;
    transition: 0.2s;
    color: var(--au-blue);
    text-transform: uppercase;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-left: 40px;
    position: relative;
}

.toggler:hover {
    background: var(--au-light-red);
    cursor: pointer;
    color: var(--au-dark-red);
}

.toggler:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f0fe";
    position: absolute;
    left: 15px;
    transform: translateY(-50%);
    top: 50%;
    font-weight: bold;
}

.ui-state-active:before {
    content: "\f146";
}

.large-accordion .toggler {
    font-size: 30px;
    padding-left: 55px;
}

/* Accordion Attributes for Colorareas */

.blue .small-accordion .toggler,
.darkblue .small-accordion .toggler,
.blue .large-accordion .toggler,
.darkblue .large-accordion .toggler,
.red .small-accordion .toggler,
.darkred .small-accordion .toggler,
.red .large-accordion .toggler,
.darkred .large-accordion .toggler {
    background: #fff;
    color: var(--au-blue);
}

.blue .small-accordion .toggler:hover,
.darkblue .small-accordion .toggler:hover,
.blue .large-accordion .toggler:hover,
.darkblue .large-accordion .toggler:hover,
.red .small-accordion .toggler:hover,
.darkred .small-accordion .toggler:hover,
.red .large-accordion .toggler:hover,
.darkred .large-accordion .toggler:hover {
    background: var(--au-light-blue);
    cursor: pointer;
    color: var(--au-blue);
}

/** Image Module **/

.ce_image figure.image_container img {
    width: 100%;
    height: auto;
}

/* Image Module -  Title Banner */

.ce_image.banner {
    border-bottom: 5px solid var(--au-red);
    position: relative;
}

.ce_image.banner .title-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 1px 1px 4px #000;
    font-size: larger;
}

.ce_image.banner .title-content .caption {
    font-size: larger;
    text-transform: uppercase;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
    margin: 0px;
    width: inherit !important;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.ce_image.banner h1,
.ce_image.banner h2,
.ce_image.banner h3,
.ce_image.banner h4,
.ce_image.banner h5,
.ce_image.banner h6 {
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.ce_image.banner .title-content .caption::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-red);
}

/* Random Image Banner */

#randomImageTitle {
    text-align: left;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
}

/* Image Captions */

.image-container .caption {
    text-align: center;
    color: var(--au-light-gray);
    font-style: italic;
    margin: 15px 0px;
}

/** Pagination **/

.pagination {
    display: grid;
    position: relative;
    grid-gap: 30px;
    grid-template-columns: 150px auto;
    width: 100%;
    background: var(--au-light-gray);
    padding: 15px;
    font-size: 12px;
    align-items: center;
    border-radius: 0px;
    margin: 0;
}

.pagination p {
    grid-column: 1/2;
    margin: 0px;
}

.pagination ul {
    grid-column: 2/2;
    list-style: none;
    margin: 0px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.pagination li {
    margin-left: 5px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    position: relative;
}

.pagination li:first-child {
    margin-left: 0px;
}

.pagination li a {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    border-radius: 100%;
    transition: 0.2s;
}

.pagination li strong {
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    border-radius: 100%;
    transition: 0.2s;
}

.pagination li a {
    background-color: var(--au-alt-gray);
    color: #fff;
    text-decoration: none !important;
}

.pagination li a:hover {
    background-color: var(--au-blue);
}

.pagination li strong {
    color: #fff;
    text-decoration: none !important;
    background-color: var(--au-dark-red);
}

.pagination li.first a,
.pagination li.previous a,
.pagination li.next a,
.pagination li.last a {
    text-indent: -9999px;
    position: relative;
}

.pagination li.first a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f100";
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 100;
    text-indent: initial;
}

.pagination li.previous a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f104";
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 100;
    text-indent: initial;
}

.pagination li.next a::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 100;
    text-indent: initial;
}

.pagination li.last a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f101";
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: #fff;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 100;
    text-indent: initial;
}

/** Gallery **/

.ce_gallery ul {
    list-style: none;
    margin: 0px;
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 15px;
}

.ce_gallery li {
    float: left;
    display: block;
}

.ce_gallery li.col_first {
    clear: left;
}

.ce_gallery ul li figure.image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7.5px;
}

.ce_gallery ul li figure.image_container a img {
    border: solid 1px #004077 !important;
    background-color: #000;
    transition: 0.2s;
}

.ce_gallery ul li figure.image_container a img:hover {
    border: solid 1px #c41424 !important;
    transform: scale(1.1);
}

.ce_gallery ul li figure.image_container img {
    width: 100%;
    height: auto;
}

.ce_gallery ul.cols_1 li {
    width: 100%;
}

.ce_gallery ul.cols_2 li {
    width: 50%;
}

.ce_gallery ul.cols_3 li {
    width: 33.3%;
}

.ce_gallery ul.cols_4 li {
    width: 25%;
}

.ce_gallery ul.cols_5 li {
    width: 20%;
}

.ce_gallery ul.cols_6 li {
    width: 16.6%;
}

.ce_gallery ul.cols_7 li {
    width: 14.2%;
}

.ce_gallery ul.cols_8 li {
    width: 12.5%;
}

.ce_gallery ul.cols_9 li {
    width: 25%;
}

.ce_gallery ul.cols_10 li {
    width: 10%;
}

/** Comments Section **/
.ce_comments {
    border: 1px solid var(--au-red);
    padding: 30px;
    background: #fff;
}

.ce_comments .comment_default {
    border-top: 1px var(--au-alt-gray) solid;
    padding-top: 30px;
    margin-bottom: 30px;
}

.ce_comments .comment_default.last {
    border-bottom: 1px var(--au-alt-gray) solid;
    padding-bottom: 30px;
}

.ce_comments .comment_default .info {
    font-style: italic;
    font-size: smaller;
}

.ce_comments .comment_default .info .date {
    color: var(--au-red);
}

.ce_comments .form {
    max-width: 550px;
    width: 100%;
    border: solid 1px var(--au-alt-gray);
    padding: 30px;
    background: #fff;
    margin: 0 auto;
}

.ce_comments .form #ctrl_captcha {
    width: 30px;
    margin-left: 10px;
}

.ce_comments .form .widget label {
    float: left !important;
}

.ce_comments .form textarea,
.ce_comments .form input {
    margin-bottom: 10px !important;
}

/** Contao Form Styling  !! **/
/* Old Contao Styling - WIth Tables */
.tableform .col_first {
    height: 34px;
    text-align: right;
    padding-right: 10px;
}

.tableform .col_last {
    height: 34px;
    color: var(--au-alt-gray);
}

.tableform td {
    margin: 0px;
    padding: 15px 0px;
}

.tableform .submit_container {
    float: right;
}

.tableform textarea,
.tableform input {
    margin-bottom: 30px;
}

.tableform fieldset span {
    display: block;
    overflow: auto;
}

.tableform fieldset input {
    float: left;
}

.tableform fieldset label {
    font-weight: normal;
    margin: -12px 0px 0px 10px;
}

.tableform p.error {
    color: var(--au-red);
    font-weight: bold;
}

.tableform span.mandatory {
    color: var(--au-red);
    font-weight: bold;
    display: inline-block !important;
}

.tableform legend {
    font-size: 16px;
    margin-bottom: 10px;
}

.tableless div.radio_container span {
    display: block;
}

.tableform .widget-submit {
    margin-top: 30px;
}

/* Contao Form Styling without Tables */
.ce_form .formbody {
    background-color: #fff;
    margin: auto;
    padding: 30px;
    box-shadow: var(--au-red) 5px 5px 0px;
}

.ce_form .widget {
    position: relative;
    margin-bottom: 30px;
}

.ce_form .widget-text input {
    height: 45px;
}

.ce_form .widget-text input,
.ce_form .widget-textarea .textarea {
    transition: all .2s ease;
    color: var(--au-text-gray);
    display: block;
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #ccc;
    background-clip: padding-box;
    background-color: #fff;
}

.ce_form .widget-text label,
.ce_form .widget-textarea label,
.ce_form legend {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--au-alt-gray);
    font-size: 1em;
}

.ce_form span.mandatory,
.ce_form fieldset span.mandatory {
    color: var(--au-red);
    background: none;
    padding: 0px !important;
    margin: 0px 0px 0px 5px !important;
    display: initial;
}

.ce_form fieldset {
    margin-bottom: 15px;
}

.ce_form fieldset span {
    display: flex;
    overflow: visible;
    align-items: center;
    margin-bottom: 15px;
    background-color: var(--au-background-gray);
    padding: 5px;
}

.ce_form fieldset span input {
    transition: all .2s ease;
    color: var(--au-text-gray);
    display: block;
    width: 30px;
    height: 30px;
    padding: 5px 15px;
    border: 1px solid #ccc;
    background-clip: padding-box;
    background-color: #fff;
}

.ce_form fieldset span label {
    margin: 0px 0px 0px 15px;
}

.ce_form .formbody .submit {
    width: 100%;
    background: var(--au-red);
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    height: 45px;
    transition: 0.2s;
}

.ce_form .formbody .submit:hover {
    transform: scale(1.04);
    background: var(--au-blue);
}

/** Content Slider !! **/

.ce_sliderStart .slider-control {
    position: relative;
    margin-top: 25px;
}

.ce_sliderStart .slider-control span.slider-menu {
    position: absolute;
    top: 5px;
}

.ce_sliderStart .slider-control span.slider-menu b {
    width: 20px;
    height: 20px;
    border: 2px solid var(--au-light-blue);
    display: inline-block;
    background: var(--au-dark-blue);
    cursor: pointer;
    text-indent: -9999px;
    margin: 5px;
    border-radius: 20px;
}

.ce_sliderStart .slider-control span.slider-menu b:hover {
    background: var(--au-light-red);
}

.ce_sliderStart .slider-control span.slider-menu b.active {
    background: var(--au-red);
}

.ce_sliderStart .content-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ce_sliderStart .content-top {
    display: flex;
    flex-direction: column;
    justify-content: top;
}

.ce_sliderStart .content-bottom {
    display: flex;
    flex-direction: column;
    justify-content: bottom;
}

.ce_sliderStart .slider-control .slider-prev {
    position: relative;
    margin-left: 30px;
}

.ce_sliderStart .slider-control .slider-prev:before {
    font: var(--fa-font-solid);
    font-size: 1.25em;
    line-height: 1;
    transition: 0.2s;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    content: "\f137";
}

.ce_sliderStart .slider-control .slider-next {
    margin-right: 30px;
}

.ce_sliderStart .slider-control .slider-next:after {
    font: var(--fa-font-solid);
    font-size: 1.25em;
    line-height: 1;
    transition: 0.2s;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -30px;
    content: "\f138";
}


/** FlexSlider ~ Slideshow !! **/

.flexslider_slideshow {
    margin-bottom: 40px;
}

.flexslider_slideshow .flexslider {
    border-bottom: 0px;
}

.flexslider_slideshow .flex-control-nav {
    position: relative;
    bottom: -10px;
    margin-bottom: 10px;
}

.flexslider_slideshow .flex-control-paging li a {
    border: none;
}

/** Social Media/Print Icons !! **/

.pdf_link,
.syndication {
    width: 120px;
    position: absolute;
    top: -40px;
    right: 15px;
    text-align: right;
    z-index: 200;
    display: none !important;
}

.pdf_link img,
.syndication img {
    max-width: 20px;
    height: auto;
}

.pdf_link a,
.syndication a {
    opacity: 0.5;
}

.pdf_link a:hover,
.syndication a:hover {
    opacity: 1;
}

.inside {
    position: relative;
}

.syndication {
    display: block;
    margin: 0px 15px 30px 0px;
    text-align: right;
    float: right;
}

/** File Download !! **/

.ce_download img {
    height: inherit !important;
    width: inherit !important;
}

/** RSS Reader  !! **/

.mod_rss_reader .rss_items_only {
    margin-bottom: 20px;
}

.mod_rss_reader .frontpage {
    margin-bottom: 0px !important;
}

/** Downloads **/

.ce_downloads ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.download-element {
    position: relative;
    padding-left: 30px;
}

.download-element a {
    margin-left: 24px;
}

.download-element::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    font-size: 1.25em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.ext-jpg::before,
.ext-png::before,
.ext-gif::before {
    content: "\f1c5";
}

.ext-pdf::before {
    content: "\f1c1";
}

.ext-pptx::before,
.ext-ppt::before {
    content: "\f1c4";
}

.ext-docx::before,
.ext-doc::before {
    content: "\f1c2";
}

.ext-mp4::before,
.ext-mov::before {
    content: "\f1c8";
}

.ext-xls::before {
    content: "\f1c3";
}

.ext-file::before {
    content: "\f15b";
}

/*** PAGE STRUCTURE & AREAS ***/

/** Campus Alert **/

#campusalert {
    z-index: 3000 !important;
}

#campusalert .toggle {
    z-index: 3001;
}

/** Header **/

#header {
    width: 100%;
    top: 0;
    position: relative;
    z-index: 500;
    min-height: 125px;
    background: linear-gradient(to bottom, rgba(4, 64, 119, 1), rgba(4, 64, 119, 1) 30px, rgba(255, 255, 255, 1) 30px, rgba(255, 255, 255, 1) 120px, rgba(196, 20, 36, 1) 120px, rgba(196, 20, 36, 1) 125px);
    -webkit-transition: all 0.4s ease;
    transition: none;
}

#header-content {
    display: grid;
    grid-template-columns: 296px 1fr 50px;
    grid-template-areas: "secondary-nav secondary-nav secondary-nav" "logo primary-nav search" "aux-nav aux-nav aux-nav";
    position: relative;
}

#header-content-mobile {
    display: none;
}

/* Aux Navigation */

.aux-level-nav {
    background-color: var(--au-blue);
    color: #fff;
    height: 30px;
    line-height: 30px;
    grid-area: secondary-nav;
    text-align: right;
    justify-content: right;
}

.aux-level-nav ul {
    margin-right: -15px;
}

.aux-level-nav ul li {
    display: inline-block;
}

.aux-level-nav a {
    display: block;
    padding: 0px 15px;
    margin-left: -4px;
}

.aux-level-nav a,
.sub-level-nav a:visited,
.sub-level-nav a:active {
    color: #fff;
}

.aux-level-nav a:hover {
    color: #fff;
    background-color: var(--au-red);
}

.aux-level-nav ul li a.top-apply {
    background-color: var(--au-red);
    color: #fff;
}

.aux-level-nav ul li a.top-apply:hover {
    background-color: #fff;
    color: var(--au-red);
}

.aux-level-nav,
.sub-level-nav {
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: flex;
}

/* Logo */

.logo-area {
    grid-area: logo;
    height: 90px;
    line-height: 90px;
    color: var(--au-blue);
    display: flex;
}

.logo-area .logo {
    margin: auto;
    font-size: 1em;
}

.logo-area span {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.logo-area img {
    max-height: 60px;
}

/* Top Level Navigation */

.top-level-nav {
    grid-area: primary-nav;
    height: 89px;
    line-height: 90px;
    color: var(--au-blue);
}

.top-level-nav {
    display: inline-block;
    float: right;
    height: 89px !important;
    line-height: 90px;
    text-align: right;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.top-level-nav ul li {
    margin-right: 15px;
    display: inline;
}

.top-level-nav ul li:last-child {
    margin-right: 0px;
}

.top-level-nav ul .active {
    color: var(--au-blue);
    border-bottom: 3px solid var(--au-red);
}

.top-level-nav .home {
    display: none;
}

/* Sub Level Navigation */

.sub-level-nav {
    color: #fff;
    height: 30px;
    line-height: 30px;
    grid-area: aux-nav;
    z-index: 2000;
    margin-left: -15px;
    justify-content: left;
}

.sub-level-nav ul {
    margin: 0;
}

.sub-level-nav ul li {
    float: left;
}

.sub-level-nav ul li a:hover {
    background-color: var(--au-blue);
    color: #fff;
}

.sub-level-nav a.submenu::after,
.sub-level-nav span.submenu::after {
    display: inline;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f107";
    margin-left: 7px;
    line-height: initial;
}

.sub-level-nav li span.active {
    background-color: var(--au-light-blue);
    color: var(--au-dark-blue) !important;
    cursor: pointer !important;
}

.sub-level-nav a.submenu.trail,
.sub-level-nav span.submenu.trail {
    background-color: var(--au-blue) !important;
}

.sub-level-nav a.submenu.trail:hover,
.sub-level-nav span.submenu.trail:hover {
    background-color: var(--au-dark-blue) !important;
}



.sub-level-nav ul.level_1 li a {
    color: #fff;
    padding: 0px 15px;
    display: block;
}

.sub-level-nav ul.level_1 span {
    color: #fff;
    padding: 0px 15px;
    display: block;
    cursor: pointer;
}

.sub-level-nav ul.level_2 a,
.sub-level-nav ul.level_2 span.forward {
    background-color: var(--au-red);
    border-top: #fff 1px solid;
}

.sub-level-nav a:hover,
.sub-level-nav ul.level_2 span.forward:hover {
    background-color: var(--au-dark-blue) !important;
}

.sub-level-nav .level_2 {
    position: absolute;
    width: 20em !important;
}

.sub-level-nav ul.level_2 li a,
.sub-level-nav ul.level_2 li span.active {
    border-top: #fff 1px solid;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sub-level-nav ul.level_2 li a:hover {
    background-color: var(--au-red);
}

.sub-level-nav ul.level_2 ul {
    z-index: 200;
    position: relative;
    margin: 0px;
    left: 15px !important;
    width: 20em !important
}

/* Search */

.search-site {
    grid-area: search;
    color: var(--au-red);
    height: 90px;
    line-height: 90px;
    padding-left: 15px;
    display: flex;
}

.search-site ul {
    margin: auto;
    padding: 0;
}

#search-au {
    background-color: var(--au-blue);
    width: 35px;
    height: 35px;
    display: flex;
    border-radius: 100%;
    color: #fff;
    transition: 0.2s;
    cursor: pointer;
}

#search-au:hover {
    background-color: var(--au-red) !important;
    transition: 0.2s;
    color: #fff !important;
}

#search-au em {
    margin: auto;
}

.search-trigger {
    background-color: #fff;
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 100%;
    color: var(--au-red);
    transition: 0.2s;
    position: absolute;
    top: 6px;
    right: 65px;
    font-size: 24px;
    border: none;
}

#searchaufield-mobile .search-trigger {
    height: 35px;
    width: 35px;
    top: 5px;
    right: 50px;
}

.search-trigger:hover {
    background-color: var(--au-red) !important;
    transition: 0.2s;
    color: #fff !important;
}

.search-trigger em {
    margin: auto;
}

#search-close-desktop {
    background-color: var(--au-blue);
    width: 48px;
    height: 48px;
    display: flex;
    border-radius: 100%;
    color: #fff;
    transition: 0.2s;
    position: absolute;
    top: 6px;
    right: 10px;
    font-size: 24px;
}

#search-close-desktop:hover {
    background-color: var(--au-red) !important;
    transition: 0.2s;
    color: #fff !important;
}

#search-close-desktop em {
    margin: auto;
}

.search-toggle1 {
    z-index: 1000;
}

#searchaufield {
    display: none;
    max-width: calc(100% - 356px);
    width: 100%;
    right: -10px;
    position: absolute;
    background: var(--au-dark-red);
    height: 60px;
    border-radius: 65px;
    top: 45px;
}

#searchaufield form {
    margin-bottom: 0px;
}

#searchaufield input.textInput {
    width: calc(100% - 130px);
    padding: 0 15px;
    margin: 0;
    border: none;
    box-shadow: none;
    height: 48px;
    line-height: 45px;
    left: 6px;
    top: 6px;
    position: absolute;
    border-radius: 45px;
    font-size: 24px;
}

/** Footer **/

#footer {
    background-color: var(--au-blue);
    color: #fff;
    padding: 60px 0px;
}

#footer a:link,
#footer a:visited {
    color: var(--au-light-blue);
    text-decoration: underline;
}

#footer a:hover,
#footer a:active {
    color: #fff !important;
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #fff;
    margin-top: 0;
}

#footer h1:after,
#footer h2:after,
#footer h3:after,
#footer h4:after,
#footer h5:after,
#footer h6:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-bottom: 4px solid var(--au-light-blue);
}

/*#footer-content {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr 1fr;
     grid-template-rows: 80px 1fr 60px;
     grid-template-areas: "title title title logo" "links-one links-two empty logo" "native native native smedia";
     position:relative;
     grid-column-gap: 30px;
}
*/
#footer-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 80px 1fr 1fr 60px;
    grid-template-areas: "title title title logo" "links-one links-two empty logo" "links-three links-three empty logo" "native native native smedia";
    position: relative;
    grid-column-gap: 30px;
}

.footer-title {
    grid-area: title;
}

.footer-logo {
    grid-area: logo;
    text-align: center;
}

.footer-logo img {
    width: 100%;
    height: auto;
    border-bottom: #fff solid 5px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#au-slogan {
    text-transform: uppercase;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-size: 24px;
}

#au-address {
    color: var(--au-light-blue);
}

.footer-links-one {
    grid-area: links-one;
}

.footer-links-two {
    grid-area: links-two;
}

.footer-links-three {
    grid-area: links-three;
}

.decolonization {
    grid-area: native;
    color: var(--au-light-blue);
    display: flex;
    align-items: center;
}

.decolonization img {
    height: 60px;
    width: auto;
    float: left;
    margin-right: 15px;
}

.au-socialmedia {
    grid-area: smedia;
}

.au-socialmedia ul {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between;
}

.au-socialmedia ul li {}

.socialmedia-button a {
    background-color: var(--au-light-blue);
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 100%;
    color: #004077 !important;
    text-decoration: none !important;
    font-size: 20px;
    transition: 0.2s;
}

#footer .socialmedia-button a:hover {
    background-color: #fff;
    color: var(--au-blue) !important;
}

.socialmedia-button a em {
    margin: auto;
}

/** Back to Top Button **/

.scrollToTopBtn {
    background-color: var(--au-light-blue);
    border: none;
    color: white;
    cursor: pointer;
    font-size: 32px;
    font-weight: 600;
    height: 52px;
    line-height: 40px;
    width: 52px;
    border: 4px solid #fff;
    border-radius: 60px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 100;
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.5s ease;
}

.scrollToTopBtn:hover {
    background: var(--au-red);
    transform: scale(1.1);
    transition: all 0.2s ease-in-out;
}

.showBtn {
    opacity: 1;
    transform: translateY(0);
}

@media print {

    .pdf_link,
    .syndication,
    .socialmedia,
    #container img {
        display: none !important;
    }

    a[href]:after {
        content: none !important;
    }

    /*header, .custom,*/
    #footer,
    .navbar-header {
        display: none;
    }

    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1 {
        width: 100% !important;
    }
}

/**** RESPONSIVE ATTRIBUTES ****/

@media (min-width: 1200px) and (max-width: 1399px) {

    /***PAGE ATTRIBUTES ***/
    /** Links **/
    .btn {
        min-width: initial;
    }

    /*** PAGE STRUCTURE & AREAS ***/
    /** Header **/
    .top-level-nav {
        font-size: 14px;
    }

    /* Menu Edit */
    .aux-level-nav,
    .sub-level-nav {
        letter-spacing: 0px;
        font-size: 12px;
    }

    .aux-level-nav a {
        padding: 0px 9px;
        margin-left: -4px;
    }

    .sub-level-nav {
        margin-left: -9px;
    }

    .aux-level-nav ul.level_1 li a,
    .sub-level-nav ul.level_1 li a,
    .sub-level-nav ul.level_1 span {
        padding: 0px 9px;
        line-height: 30px;
    }

    .sub-level-nav a.submenu::after,
    .sub-level-nav span.submenu::after {
        margin-left: 5px;
    }

    /** Hero Additions **/
    /* Blue BG Ribbons - Left */
    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /* Blue BG Ribbons - Right */
    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /** Footer **/
    #au-address {
        font-size: small;
    }

    /*** CUSTOM AREA BLOCKS ***/
    /** Program Search **/
    #program-search .twobythreegrid .grid-item a,
    #program-search .twobyfourgrid .grid-item a {
        font-size: 16px;
    }

    #program-search .twobythreegrid .grid-item a em,
    #program-search .twobyfourgrid .grid-item a em {
        font-size: 40px;
    }
}

@media (max-width: 1199px) {

    /***PAGE ATTRIBUTES ***/
    /** General **/
    body {
        font-size: 14px;
    }

    .large-text {
        font-size: 16px;
    }

    /** Links **/
    .btn {
        min-width: 150px;
    }

    /** Cards **/
    /* Card with Icon */
    .card-icon .card-img em.xlarge {
        bottom: 75px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: -75px;
    }

    /** Profile Items **/
    .nav.nav-tabs>li>a {
        min-width: initial;
    }

    .profile-item {
        overflow: hidden;
    }

    .profile-item .profile_content a {
        font-size: 13px;
    }

    .landing-page .profile-item .profile_content a .product-parent {
        font-size: 10px;
        letter-spacing: 0.8px;
    }

    .profile-item .profile_content a .subtitle {
        font-size: 9px;
    }

    /*** ICONS/FLAVICONS/FONT AWESOME ***/
    /** Font Awesome **/
    .awesomeicon.medium {
        font-size: 45px;
    }

    .awesomeicon.large {
        font-size: 60px;
    }

    .awesomeicon.xlarge {
        font-size: 85px;
    }

    .awesomeicon.circle.medium {
        height: 90px;
        width: 90px;
    }

    .awesomeicon.circle.large {
        height: 120px;
        width: 120px;
    }

    .awesomeicon.circle.xlarge {
        height: 150px;
        width: 150px;
    }

    /*** IMAGE ATTRIBUTES ***/
    /** Circle Image and Content **/
    .circle {
        border-radius: 100%;
        border: 5px var(--au-red) solid;
    }

    .red .circle,
    .darkred .circle,
    .blue .circle,
    .darkblue .circle {
        border-color: #fff;
    }

    .circle.img100 {
        width: 100px !important;
        height: 100px !important;
        font-size: 36px;
    }

    .circle.img150 {
        width: 150px !important;
        height: 150px !important;
    }

    .circle.img200 {
        width: 200px !important;
        height: 200px !important;
    }

    .circle.img300 {
        width: 300px !important;
        height: 300px !important;
    }

    /*** HERO ***/
    /** Hero Images **/
    #hero .hero-banner {
        border-bottom: 5px solid #c41424;
        /*overflow:hidden;*/
    }

    /** Hero Text **/
    .hero-text {
        text-align: left;
        color: #fff;
        width: calc(50% - 30px);
        position: relative;
        z-index: 2;
        transition: 0.3s;
        margin: 60px 0px;
    }

    /** Hero Additions **/
    /* Blue BG Ribbons - Left */
    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /* Blue BG Ribbons - Right */
    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /*** PAGE STRUCTURE & AREAS ***/
    /** Header **/
    #header-content {
        grid-template-columns: 200px 1fr 40px;
    }

    /* Top Level Navigation */
    .top-level-nav {
        display: inline-block;
        float: right;
        height: 90px;
        line-height: 90px;
        text-align: right;
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
    }

    .top-level-nav ul li {
        margin-right: 10px;
        display: inline;
    }

    /* Menu Edit */
    .aux-level-nav,
    .sub-level-nav {
        letter-spacing: 0px;
        font-size: 12px;
    }

    .aux-level-nav a {
        padding: 0px 8px;
        margin-left: -3px;
    }

    .sub-level-nav {
        margin-left: -8px;
    }

    .aux-level-nav ul.level_1 li a,
    .sub-level-nav ul.level_1 li a,
    .sub-level-nav ul.level_1 span {
        padding: 0px 8px;
        line-height: 30px;
    }

    .sub-level-nav a.submenu::after,
    .sub-level-nav span.submenu::after {
        margin-left: 5px;
    }

    /* Search */
    .search-site {
        grid-area: search;
        color: #c41424;
        height: 90px;
        line-height: 90px;
        padding-left: 15px;
        display: flex;
    }

    #search-au {
        width: 36px;
        height: 36px;
    }

    .search-trigger {
        width: 44px;
        height: 44px;
        top: 6px;
        right: 62px;
    }

    #search-close-desktop {
        width: 44px;
        height: 44px;
        top: 6px;
        right: 6px;
    }

    #searchaufield {
        right: -20px;
        height: 56px;
    }

    #searchaufield input.textInput {
        height: 44px;
        line-height: 44px;
    }

    /** Footer **/
    #au-slogan {
        font-size: 18px;
    }

    #au-address {
        font-size: small;
    }

    /*** CUSTOM AREA BLOCKS ***/
    /** Program Search **/
    #program-search .twobythreegrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    #program-search .twobyfourgrid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #program-search .twobythreegrid .grid-item a,
    #program-search .twobyfourgrid .grid-item a {
        font-size: 16px;
    }

    #program-search .twobythreegrid .grid-item a em,
    #program-search .twobyfourgrid .grid-item a em {
        font-size: 40px;
    }

    #program-search-form input.textInput {
        font-size: 20px;
        height: 50px;
    }

    #program-search-trigger {
        width: 50px;
        height: 50px;
    }

    /** Timeline **/
    /* Timeline Controls */
    .cd-timeline-navigation a.prev {
        left: 4px;
    }

    .cd-timeline-navigation a.next {
        right: 4px;
    }

    /* Timeline Content Area */
    /* Red Sub Version */
    .darkred .cd-horizontal-timeline .events-content p {
        color: var(--au-text-gray);
        font-size: 1.8rem;
    }

    /*** CONTAO MODULES/ELEMENTS ***/
    /** Accordions **/
    /* Accordion - Small */
    .small-accordion .toggler {
        font-size: 1.25em;
    }

    /* Accordion - Large */
    .large-accordion .toggler {
        font-size: 1.75em;
    }

    /** News **/
    /* Landing Page Newslist */
    #news-events .feed-button {
        text-align: center;
    }

    /* White Card Newslist */
    .mod_newslist.white-card-news .layout_latest .card-body p.more a {
        display: inline-block;
        padding: 10px 30px 10px 15px;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #fff;
        text-decoration: none !important;
        font-size: inherit;
        text-transform: uppercase;
        background-color: var(--au-red);
        min-width: 150px;
        text-align: left;
        position: relative;
        transition: 0.2s;
        background-image: none !important;
    }

    .mod_newslist.white-card-news.four-item {
        grid-template-columns: 1fr 1fr;
    }

    /** Events **/
    /* Classic Event List */
    .mod_eventlist .layout_upcoming .event_content a {
        font-size: 14px !important;
    }
}

@media (max-width: 991px) {

    /***PAGE ATTRIBUTES ***/
    /** General **/
    body {
        font-size: 14px;
    }

    .large-text {
        font-size: 18px;
    }

    /** Links **/
    a.button {
        min-width: 150px;
    }

    /** Headers **/
    h2.large {
        font-size: 4em !important;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2.25em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.25em;
    }

    h5 {
        font-size: 1.125em;
    }

    h6 {
        font-size: 1em;
    }

    /** Buttons **/
    a.button {
        min-width: 150px;
    }

    /** Two By One Grid **/
    .twobyonegrid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

    /* Grid Overlay Text */
    .twobyonegrid.overlay {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .twobyonegrid.overlay .grid-item {
        grid-row: 1;
        grid-column: 1;
        z-index: 2;
        background: rgba(255, 255, 255, 0.7);
        color: var(--au-text-gray) !important;
    }

    .twobyonegrid.overlay .grid-item h1,
    .twobyonegrid.overlay .grid-item h2,
    .twobyonegrid.overlay .grid-item h3,
    .twobyonegrid.overlay .grid-item h4,
    .twobyonegrid.overlay .grid-item h5,
    .twobyonegrid.overlay .grid-item h6 {
        color: var(--au-red) !important;
    }

    .twobyonegrid.overlay .grid-photo {
        grid-row: 1;
        grid-column: 1;
        z-index: 1;
    }

    .twobyonegrid.overlay a {
        color: var(--au-blue);
        text-decoration: underline;
    }

    .twobyonegrid.overlay a:hover {
        color: var(--au-red);
        text-decoration: underline;
    }

    .twobyonegrid.overlay h1::after,
    .twobyonegrid.overlay h2::after,
    .twobyonegrid.overlay h3::after,
    .twobyonegrid.overlay h4::after,
    .twobyonegrid.overlay h5::after,
    .twobyonegrid.overlay h6::after {
        border-color: var(--au-red) !important;
    }

    .twobyonegrid.overlay .icontext::before {
        color: var(--au-red);
    }

    /* Grid Just Information */
    .twobyonegrid.information {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr !important;
    }

    .twobyonegrid.information .grid-item {
        grid-row: 1;
        grid-column: 1;
    }

    .twobyonegrid.information .grid-photo {
        display: none;
    }

    /** Cards **/
    /* Card with Icon */
    .card-icon .card-img em.xlarge {
        bottom: 75px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: -75px;
    }

    /** Tab Content **/
    .nav.nav-tabs>li>a {
        min-width: 0;
    }

    /*** ICONS/FLAVICONS/FONT AWESOME ***/
    /** Font Awesome **/
    .awesomeicon.medium {
        font-size: 45px;
    }

    .awesomeicon.large {
        font-size: 60px;
    }

    .awesomeicon.xlarge {
        font-size: 85px;
    }

    .awesomeicon.circle.medium {
        height: 90px;
        width: 90px;
    }

    .awesomeicon.circle.large {
        height: 120px;
        width: 120px;
    }

    .awesomeicon.circle.xlarge {
        height: 150px;
        width: 150px;
    }

    /*** IMAGE ATTRIBUTES ***/
    /** Circle Image and Content **/
    .circle {
        border-radius: 100%;
        border: 5px var(--au-red) solid;
    }

    .red .circle,
    .darkred .circle,
    .blue .circle,
    .darkblue .circle {
        border-color: #fff;
    }

    .circle.img100 {
        width: 100px !important;
        height: 100px !important;
        font-size: 36px;
    }

    .circle.img150 {
        width: 150px !important;
        height: 150px !important;
    }

    .circle.img200 {
        width: 200px !important;
        height: 200px !important;
    }

    .circle.img300 {
        width: 300px !important;
        height: 300px !important;
    }

    /*** HERO ***/
    /** Hero Images **/
    #hero .hero-banner {
        border-bottom: 5px solid #c41424;
        overflow: hidden;
    }

    /** Hero Text **/
    .hero-text {
        text-align: left;
        color: #fff;
        width: calc(50% - 30px);
        position: relative;
        z-index: 2;
        transition: 0.3s;
        margin: 60px 0px;
    }

    /** Hero Additions **/
    /* Blue BG Ribbons - Left */
    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /* Blue BG Ribbons - Right */
    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8), rgba(0, 64, 119, 0.8) 50%, rgba(0, 64, 119, 0) 50%, rgba(0, 64, 119, 0) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /*** PAGE STRUCTURE & AREAS ***/
    /** Header **/
    #header-content {
        display: none;
    }

    #header-content-mobile {
        display: grid;
        grid-template-columns: auto 45px 45px;
        grid-template-areas: "secondary-nav secondary-nav secondary-nav" "logo primary-nav search";
        position: relative;
    }

    /* Logo */
    .logo-area .logo {
        margin: auto 0;
    }

    /* Search */
    .search-site {
        grid-area: search;
        color: #c41424;
        height: 90px;
        line-height: 90px;
        padding-left: 15px;
        display: flex;
    }

    .search-site ul {
        margin: auto;
    }

    #search-au-mobile {
        background-color: #004077;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #fff;
        transition: 0.2s;
    }

    #search-au-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-au-mobile em {
        margin: auto;
    }

    #search-trigger-mobile {
        background-color: #fff;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #c41424;
        transition: 0.2s;
        position: absolute;
        top: 5px;
        right: 50px;
        font-size: 24px;
    }

    #search-trigger-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-trigger-mobile em {
        margin: auto;
    }

    #search-close-mobile {
        background-color: #004077;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #fff;
        transition: 0.2s;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 24px;
    }

    #search-close-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-close-mobile em {
        margin: auto;
    }

    .search-toggle1 {
        z-index: 1000;
    }

    #searchaufield-mobile {
        display: none;
        width: calc(100% + 20px);
        right: -10px;
        position: absolute;
        background: var(--au-dark-red);
        height: 45px;
        border-radius: 45px;
        top: 50px;
    }

    #searchaufield-mobile form {
        margin-bottom: 0px;
    }

    #searchaufield-mobile input.textInput {
        width: calc(100% - 100px);
        padding: 0 15px;
        margin: 0;
        border: none;
        box-shadow: none;
        height: 35px;
        line-height: 35px;
        left: 5px;
        top: 5px;
        position: absolute;
        border-radius: 35px;
        font-size: 24px;
    }

    /* Mobile Navigation */
    .mobile_menu_overlay {
        z-index: 900;
    }

    .navigate-site {
        grid-area: primary-nav;
        color: #c41424;
        height: 90px;
        line-height: 90px;
        padding-left: 15px;
        display: flex;
        width: 50px;
    }

    .navigate-site ul {
        margin: auto;
    }

    .mobile_menu_trigger {
        display: contents !important;
    }

    #nav-au {
        background-color: #004077;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #fff;
        transition: 0.2s;
    }

    #nav-au:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #nav-au em {
        margin: auto;
    }

    .mobile_menu {
        box-shadow: none !important;
        /*height: auto!important;*/
        z-index: 1000;
    }

    .mobile_menu ul {
        list-style-type: none;
        margin: 0;
    }

    .mobile_menu .mobmenu .navbar-collapse {
        overflow-y: auto;
        border: none;
        padding-top: 35px !important;
        box-shadow: none !important;
    }

    .mobile_menu .navbar-collapse.collapse {
        display: block !important;
    }

    .mobile_menu .navbar-nav>li,
    .mobile_menu .navbar-nav {
        float: left !important;
    }

    .mobile_menu .navbar-nav.navbar-right:last-child {
        margin-right: -15px !important;
    }

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

    .mobile_menu button {
        display: none;
    }

    .mobile_menu .inner {
        background-color: #004077;
        overflow-y: auto;
    }

    .mobile_menu .close_btn {
        height: 34px;
        width: 34px;
        display: block;
        background-color: #fff;
        position: absolute;
        top: 13px;
        right: 13px;
        line-height: 38px;
        text-align: center;
        z-index: 3001;
        border-radius: 4px;
        font-size: 22px;
        color: #004077;
    }

    .mobile_menu .close_btn:hover {
        background-color: #c41424;
        color: #fff !important;
    }

    #navfield-mobile {
        width: calc(100% - 60px);
        margin: 0px 30px;
        position: relative;
        background: var(--au-dark-blue);
        height: auto;
        border-radius: 2rem;
        top: 30px;
    }

    #navfield-mobile::after {
        content: 'Acadia University Navigation';
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 16px;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: var(--au-light-blue);
        text-transform: uppercase;
    }

    #nav-close {
        background-color: #fff;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: var(--au-blue);
        transition: 0.2s;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 24px;
    }

    #nav-close:hover {
        background-color: var(--au-red) !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #nav-close em {
        margin: auto;
    }

    .mobmenu {
        padding: 10px 15px;
        font-size: 2rem;
        background: none;
        border: none;
        width: 100%;
        left: 0px;
    }

    .mobmenu ul {
        margin-top: 10px;
        transition: all ease-out .3s;
    }

    .mobmenu li {
        margin-bottom: 10px;
        position: relative;
        font-weight: 600;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 0.5px;
        font-size: 1.5rem;
    }

    .mobmenu strong {
        font-weight: normal;
    }

    .mobmenu strong.active {
        font-weight: 600;
        color: #fff;
        min-height: 60px;
        width: 100%;
        border-radius: 1rem;
        background-color: var(--au-dark-red);
        padding: 0px 0px 0px 10px;
        display: flex;
        align-items: center;
        line-height: initial;
    }

    .mobmenu a,
    .mobmenu strong.forward {
        color: var(--au-blue);
        min-height: 60px;
        width: 100%;
        border-radius: 1rem;
        background-color: #fff;
        padding: 0px 0px 0px 10px;
        display: flex;
        align-items: center;
        line-height: initial;
    }

    .mobmenu a:hover,
    .mobmenu strong.forward:hover {
        color: #fff;
        background-color: var(--au-red);
    }

    .mobmenu a.submenu::after {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "\f107";
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        right: 10px;
    }

    .mobmenu .submenu:hover::after,
    .mobmenu strong.active::after {
        color: #fff;
    }

    .mobmenu ul.level_2 a,
    .mobmenu ul.level_2 strong.active,
    .mobmenu ul.level_2 strong.forward {
        padding-left: 22px;
    }

    .mobmenu ul.level_2 a::before,
    .mobmenu ul.level_2 strong.active::before,
    .mobmenu ul.level_2 strong.forward::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "|";
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        left: 10px;
    }

    .mobmenu ul.level_2 a:hover::before,
    .mobmenu ul.level_2 strong.active:hover::before,
    .mobmenu ul.level_2 strong.forward:hover::before {
        color: #fff;
    }

    .mobmenu ul.level_3 a,
    .mobmenu ul.level_3 strong.active,
    .mobmenu ul.level_3 strong.forward {
        padding-left: 28px;
    }

    .mobmenu ul.level_3 a::before,
    .mobmenu ul.level_3 strong.active::before,
    .mobmenu ul.level_3 strong.forward::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "||";
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        left: 10px;
    }

    .mobmenu ul.level_3 a:hover::before,
    .mobmenu ul.level_3 strong.active:hover::before,
    .mobmenu ul.level_3 strong.forward:hover::before {
        color: #fff;
    }

    .mobmenu ul.level_4 a,
    .mobmenu ul.level_4 strong.active,
    .mobmenu ul.level_4 strong.forward {
        padding-left: 34px;
    }

    .mobmenu ul.level_4 a::before,
    .mobmenu ul.level_4 strong.active::before,
    .mobmenu ul.level_4 strong.forward::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "|||";
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        left: 10px;
    }

    .mobmenu ul.level_4 a:hover::before,
    .mobmenu ul.level_4 strong.active:hover::before,
    .mobmenu ul.level_4 strong.forward:hover::before {
        color: #fff;
    }

    .mobmenu ul.level_5 a,
    .mobmenu ul.level_5 strong.active,
    .mobmenu ul.level_5 strong.forward {
        padding-left: 40px;
    }

    .mobmenu ul.level_5 a::before,
    .mobmenu ul.level_5 strong.active::before,
    .mobmenu ul.level_5 strong.forward::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        content: "||||";
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        left: 10px;
    }

    .mobmenu ul.level_5 a:hover::before,
    .mobmenu ul.level_5 strong.active:hover::before,
    .mobmenu ul.level_5 strong.forward:hover::before {
        color: #fff;
    }

    .mobmenu ul.level_6 a,
    .mobmenu ul.level_6 strong.active,
    .mobmenu ul.level_6 strong.forward {
        padding-left: 46px;
    }

    .mobmenu ul.level_6 a::before,
    .mobmenu ul.level_6 strong.active::before,
    .mobmenu ul.level_6 strong.forward::before {
        display: inline-block;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font: var(--fa-font-solid);
        position: absolute;
        font-weight: bold;
        transition: 0.2s;
        color: var(--au-red);
        font-size: 24px;
        line-height: 60px;
        left: 10px;
    }

    .mobmenu ul.level_6 a:hover::before,
    .mobmenu ul.level_6 strong.active:hover::before,
    .mobmenu ul.level_6 strong.forward:hover::before {
        color: #fff;
    }

    /** Footer **/
    #au-slogan {
        font-size: 13.8px;
    }

    .socialmedia-button a {
        width: 26px;
        height: 26px;
        font-size: 16px;
    }

    /*** CUSTOM AREA BLOCKS ***/
    /** Program Search **/
    #program-search .twobythreegrid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
    }

    #program-search .twobyfourgrid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr;
    }

    #program-search .twobythreegrid .grid-item a,
    #program-search .twobyfourgrid .grid-item a {
        font-size: 14px;
        padding: 20px 15px;
    }

    #program-search .twobythreegrid .grid-item a em,
    #program-search .twobyfourgrid .grid-item a em {
        font-size: 30px;
    }

    #program-search-form input.textInput {
        font-size: 20px;
        height: 50px;
    }

    #program-search-trigger {
        width: 50px;
        height: 50px;
    }

    /** Apply & Timeline **/
    #apply-timeline .twobyonegrid {
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        grid-template-areas: "apply" "timeline";
        grid-template-rows: 1fr 1fr;
    }

    /** Timeline **/
    /* Timeline Controls */
    .cd-timeline-navigation a.prev {
        left: 4px;
    }

    .cd-timeline-navigation a.next {
        right: 4px;
    }

    /* Red Sub Version */
    .darkred .cd-horizontal-timeline .events-content p {
        color: var(--au-text-gray);
        font-size: 1.8rem;
    }

    /*** CONTAO MODULES/ELEMENTS ***/
    /** ROCKSLIDER **/
    /* Arrow Nav */
    .rsts-skin-custom .rsts-view {
        position: relative;
    }

    .rsts-skin-custom .rsts-prev,
    .rsts-skin-custom .rsts-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        text-decoration: none !important;
        background: rgba(0, 0, 0, 0.5);
        height: 30px;
        width: 30px;
        text-align: center;
        border-radius: 30px;
    }

    .rsts-skin-custom .rsts-view:hover .rsts-prev,
    .rsts-skin-custom .rsts-view:hover .rsts-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.5;
        text-decoration: none !important;
    }

    .rsts-skin-custom .rsts-prev:hover,
    .rsts-skin-custom .rsts-next:hover {
        opacity: 1 !important;
        text-decoration: none !important;
    }

    .rsts-skin-custom .rsts-prev {
        left: 5px;
    }

    .rsts-skin-custom .rsts-next {
        right: 5px;
    }

    .rsts-skin-custom .rsts-prev span,
    .rsts-skin-custom .rsts-next span {
        display: none;
    }

    .rsts-skin-custom .rsts-prev::before,
    .rsts-skin-custom .rsts-next::after {
        font-family: "Font Awesome 5 Free";
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: relative;
        top: -2px;
    }

    .rsts-skin-custom .rsts-prev::before {
        content: "\f104";
    }

    .rsts-skin-custom .rsts-next::after {
        content: "\f105";
    }

    /* Coin Nav */
    .rsts-skin-custom .rsts-nav {
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
        padding: 0px;
    }

    .rsts-skin-custom .rsts-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        height: 15px;
    }

    .rsts-skin-custom .rsts-nav li {
        width: 15px;
        display: inline-block;
        margin: 0px 3px;
    }

    .rsts-skin-custom .rsts-nav li a {
        width: 15px;
        height: 15px;
        border: 1px solid #828282;
        background-color: #fff;
        border-radius: 0px !important;
        margin: 0px;
        text-indent: -9999px;
        display: block;
    }

    .rsts-skin-custom .rsts-nav li a:hover {
        background-color: #ff6767;
    }

    .rsts-skin-custom .rsts-nav li a.active {
        width: 15px;
        height: 15px;
        border: 1px solid #828282;
        background-color: #c41424;
        border-radius: 0px !important;
    }

    .rsts-skin-custom .rsts-nav .rsts-nav-prev,
    .rsts-skin-custom .rsts-nav .rsts-nav-next {
        display: none;
    }

    /* Slide Edit */
    .rsts-skin-custom .img-text-slide .rsts-caption {
        display: none;
    }

    .rsts-skin-custom .ce_text {
        position: relative;
    }

    .rsts-skin-custom .slide-image {
        margin: 0px;
    }

    .rsts-skin-custom .slide-content,
    .rsts-skin-custom .rsts-caption {
        position: absolute;
        bottom: 0px;
        margin: 30px;
        padding: 15px;
        background: rgba(255, 255, 255, 0.8);
        box-shadow: 2px 2px 2px #666;
        border: #fff 2px solid;
    }

    .rsts-skin-custom h1,
    .rsts-skin-custom h2,
    .rsts-skin-custom h3,
    .rsts-skin-custom h4,
    .rsts-skin-custom h5,
    .rsts-skin-custom h6 {
        border-bottom: none !important;
        padding: 0 !important;
    }

    /* Thumbnail */
    .rsts-skin-custom .rsts-thumbs-crop {
        overflow: initial;
    }

    .rsts-skin-custom .rsts-thumbs-active {
        border: 2px solid #fff;
        box-shadow: 2px 2px 2px #666;
    }

    .rsts-skin-custom .rsts-thumbs-active:hover {
        border: 2px solid var(--au-light-red);
    }

    .rsts-skin-custom .rsts-thumbs-active-thumb {
        border: 2px solid var(--au-red) !important;
    }

    /** Accordions **/
    /* Accordion - Small */
    .small-accordion .toggler {
        font-size: 1.25em;
    }

    /* Accordion - Large */
    .large-accordion .toggler {
        font-size: 1.75em;
    }

    /** News **/
    /* Landing Page Newslist */
    #news-events .feed-button {
        text-align: center;
    }

    /* White Card Newslist */
    .mod_newslist.white-card-news .layout_latest .card-body p.more a {
        display: inline-block;
        padding: 10px 30px 10px 15px;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #fff;
        text-decoration: none !important;
        font-size: inherit;
        text-transform: uppercase;
        background-color: var(--au-red);
        min-width: 150px;
        text-align: left;
        position: relative;
        transition: 0.2s;
        background-image: none !important;
    }

    .mod_newslist.white-card-news.four-item {
        grid-template-columns: 1fr 1fr;
    }

    /** Events **/

    /* Feature Event Teaser List - Added August 18, 2023 */
    .mod_eventlist.au-event-list .layout_teaser {
        grid-template-columns: 80px 1fr;
        grid-template-areas: "img img" "date text";
    }

    .mod_eventlist.au-event-list .layout_teaser .event-date {
        align-self: flex-start;
    }

    /* Classic Event List */
    .mod_eventlist .layout_upcoming .event_content a {
        font-size: 14px !important;
    }

    .mod_eventlist.four-item {
        grid-template-columns: 1fr 1fr;
    }

    /* Large Calendar */
    .mod_calendar table.calendar thead tr {
        display: table;
        width: 100%;
    }

    .mod_calendar table.calendar thead tr:nth-child(2) {
        display: none;
    }

    .mod_calendar table.calendar tbody tr {
        width: 100%;
        display: table;
    }

    .mod_calendar table.calendar tbody tr td {
        display: block;
    }

    .mod_calendar table.calendar tbody td.empty {
        display: none;
    }

    .mod_calendar table.calendar tbody td.weekend {
        background-color: var(--au-light-gray);
    }

    .mod_calendar table.calendar tbody td.today {
        background-color: var(--au-light-blue);
        color: var(--au-dark-blue);
    }

    .mod_calendar table.calendar tbody td.days div.event {
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .mod_calendar table.calendar tbody td.days div.event:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 0;
        width: 90px;
        border-bottom: 2px solid var(--au-alt-gray);
        left: 0px;
        transform: translateX(0%);
    }

    .mod_calendar table.calendar tbody td.days div.event:last-child::after {
        content: none;
    }

    /** Image Module **/
    .ce_image figure.image_container img {
        width: 100%;
        height: auto;
    }

    /* Image Module - Title Banner */
    .ce_image.banner {
        overflow: hidden !important;
    }

    .ce_image figure.image_container img {
        width: auto;
        height: 100%;
        max-height: 150px;
    }

    /* Image Captions */
    .image-container .caption {
        text-align: center;
        color: #999;
        font-style: italic;
        margin: 15px 0px;
    }
}

@media (max-width: 767px) {

    /***PAGE ATTRIBUTES ***/
    /** General **/
    body {
        font-size: 16px;
    }

    .large-text {
        font-size: 18px;
    }

    .image_container {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
    }

    .containered {
        padding: 30px;
    }

    /** Links **/
    a.button {
        min-width: 150px;
    }

    /** Headers **/
    h1 {
        font-size: 3em;
    }

    /** Two By One Grid **/
    .twobyonegrid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    /* Grid Overlay Text */
    .twobyonegrid.overlay {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    .twobyonegrid.overlay .grid-item {
        grid-row: 1;
        grid-column: 1;
        z-index: 2;
        background: rgba(255, 255, 255, 0.7);
        color: var(--au-text-gray) !important;
    }

    .twobyonegrid.overlay .grid-item h1,
    .twobyonegrid.overlay .grid-item h2,
    .twobyonegrid.overlay .grid-item h3,
    .twobyonegrid.overlay .grid-item h4,
    .twobyonegrid.overlay .grid-item h5,
    .twobyonegrid.overlay .grid-item h6 {
        color: var(--au-red) !important;
    }

    .twobyonegrid.overlay .grid-photo {
        grid-row: 1;
        grid-column: 1;
        z-index: 1;
    }

    .twobyonegrid.overlay a {
        color: var(--au-blue);
        text-decoration: underline;
    }

    .twobyonegrid.overlay a:hover {
        color: var(--au-red);
        text-decoration: underline;
    }

    .twobyonegrid.overlay h1::after,
    .twobyonegrid.overlay h2::after,
    .twobyonegrid.overlay h3::after,
    .twobyonegrid.overlay h4::after,
    .twobyonegrid.overlay h5::after,
    .twobyonegrid.overlay h6::after {
        border-color: var(--au-red) !important;
    }

    .twobyonegrid.overlay .icontext::before {
        color: var(--au-red);
    }

    /* Grid Just Information */
    .twobyonegrid.information {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr !important;
    }

    .twobyonegrid.information .grid-item {
        grid-row: 1;
        grid-column: 1;
    }

    .twobyonegrid.information .grid-photo {
        display: none;
    }

    /* WHy Acadia Two by TWo Grid */
    #why-acadia .twobytwogrid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        position: relative;
        grid-gap: 30px;
    }

    /** Cards **/
    .card-icon .card-img em.xlarge {
        bottom: 75px;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: -75px;
    }

    /** Tab Content **/
    .nav.nav-tabs>li {
        margin-bottom: 5px;
        width: 100%;
    }

    .nav.nav-tabs>li>a {
        min-width: 0px;
    }

    .tab-content .twobyonegrid {
        grid-template-columns: 1fr;
    }

    .tab-content .twobyonegrid .grid-photo {
        grid-row: 1;
        grid-column: 1;
        z-index: 1;
    }

    .tab-content .twobyonegrid .grid-item {
        grid-row: 1;
        grid-column: 1;
        z-index: 2;
        background: rgba(255, 255, 255, 0.7);
    }

    /* FAQ Style TAB Content **/

    .faq-style-tabs .twobyonegrid {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "tab-menu" "tab-content";
    }

    /*	.faq-style-tabs .twobyonegrid {
		grid-template-columns: 150px 1fr;
	}
*/
    /*** ICONS/FLAVICONS/FONT AWESOME ***/
    /** Font Awesome **/
    .awesomeicon.medium {
        font-size: 45px;
    }

    .awesomeicon.large {
        font-size: 60px;
    }

    .awesomeicon.xlarge {
        font-size: 85px;
    }

    .awesomeicon.circle.medium {
        height: 90px;
        width: 90px;
    }

    .awesomeicon.circle.large {
        height: 120px;
        width: 120px;
    }

    .awesomeicon.circle.xlarge {
        height: 150px;
        width: 150px;
    }

    /*** IMAGE ATTRIBUTES ***/
    /** Circle Image and Content **/
    .circle {
        border-radius: 100%;
        border: 5px var(--au-red) solid;
    }

    .red .circle,
    .darkred .circle,
    .blue .circle,
    .darkblue .circle {
        border-color: #fff;
    }

    .circle.img100 {
        width: 100px !important;
        height: 100px !important;
        font-size: 36px;
    }

    .circle.img150 {
        width: 150px !important;
        height: 150px !important;
    }

    .circle.img200 {
        width: 200px !important;
        height: 200px !important;
    }

    .circle.img300 {
        width: 300px !important;
        height: 300px !important;
    }

    /*** HERO ***/
    /** Hero Images **/
    #hero .hero-banner {
        border-bottom: 5px solid #c41424;
        overflow: hidden;
    }

    /** Hero Text **/
    .hero-text {
        width: 100%;
    }

    /** Hero Additions **/
    /* Blue BG Ribbons - Left */
    .hero-video.ribbon::before,
    .hero-image.ribbon::before {
        background: linear-gradient(to right, rgba(0, 64, 119, 0.8) 0%, rgba(0, 64, 119, 0.8) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /* Blue BG Ribbons - Right */
    .hero-video.ribbon-right::after,
    .hero-image.ribbon-right::after {
        background: linear-gradient(to left, rgba(0, 64, 119, 0.8) 0%, rgba(0, 64, 119, 0.8) 100%);
        display: block;
        width: 100%;
        height: 100%;
    }

    /*** PAGE STRUCTURE & AREAS ***/
    /** Header **/
    #header-content {
        display: none;
    }

    #header-content-mobile {
        display: grid;
        grid-template-columns: auto 45px 45px;
        grid-template-areas: "secondary-nav secondary-nav secondary-nav" "logo primary-nav search";
        position: relative;
    }

    /* Aux Navigation */
    /* Logo */
    .logo-area .logo {
        margin: auto 0;
    }

    /* Top Level Navigation */
    /* Sub Level Navigation */
    /* Search */
    .search-site {
        grid-area: search;
        color: #c41424;
        height: 90px;
        line-height: 90px;
        padding-left: 15px;
        display: flex;
    }

    .search-site ul {
        margin: auto;
    }

    #search-au-mobile {
        background-color: #004077;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #fff;
        transition: 0.2s;
    }

    #search-au-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-au-mobile em {
        margin: auto;
    }

    #search-trigger-mobile {
        background-color: #fff;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #c41424;
        transition: 0.2s;
        position: absolute;
        top: 5px;
        right: 50px;
        font-size: 24px;
    }

    #search-trigger-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-trigger-mobile em {
        margin: auto;
    }

    #search-close-mobile {
        background-color: #004077;
        width: 35px;
        height: 35px;
        display: flex;
        border-radius: 100%;
        color: #fff;
        transition: 0.2s;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 24px;
    }

    #search-close-mobile:hover {
        background-color: #c41424 !important;
        transition: 0.2s;
        color: #fff !important;
    }

    #search-close-mobile em {
        margin: auto;
    }

    .search-toggle1 {
        z-index: 1000;
    }

    #searchaufield-mobile {
        display: none;
        width: calc(100% + 20px);
        right: -10px;
        position: absolute;
        background: var(--au-dark-red);
        height: 45px;
        border-radius: 45px;
        top: 50px;
    }

    #searchaufield-mobile form {
        margin-bottom: 0px;
    }

    #searchaufield-mobile input.textInput {
        width: calc(100% - 100px);
        padding: 0 15px;
        margin: 0;
        border: none;
        box-shadow: none;
        height: 35px;
        line-height: 35px;
        left: 5px;
        top: 5px;
        position: absolute;
        border-radius: 35px;
        font-size: 24px;
    }

    /** Footer **/
    /*#footer-content {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
         grid-template-rows: 1fr;
         grid-template-areas: "title title title title title title" "links-one links-one links-one links-two links-two links-two" ". logo logo logo logo ." ". smedia smedia smedia smedia ." "native native native native native native";
         position:relative;
         grid-column-gap: 30px;
    }
     */
    #footer-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "title title title title title title" "links-one links-one links-one links-two links-two links-two" "links-three links-three links-three links-three links-three links-three " ". logo logo logo logo ." ". smedia smedia smedia smedia ." "native native native native native native";
        position: relative;
        grid-column-gap: 30px;
    }

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

    #footer h1::after,
    #footer h2::after,
    #footer h3::after,
    #footer h4::after,
    #footer h5::after,
    #footer h6::after {
        left: 50%;
        transform: translateX(-50%);
    }

    .footer-logo {
        margin-top: 60px;
    }

    #au-slogan {
        font-size: 13.8px;
    }

    .decolonization {
        margin-top: 60px;
    }

    .socialmedia-button a {
        background-color: var(--au-light-blue);
        width: 40px;
        height: 40px;
        display: flex;
        border-radius: 100%;
        color: #004077 !important;
        text-decoration: none !important;
        font-size: 20px;
        transition: 0.2s;
    }

    #footer .socialmedia-button a:hover {
        color: #004077 !important;
    }

    /*** CUSTOM AREA BLOCKS ***/
    /** Why Acadia **/
    #why-acadia .twobytwogrid .grid-item {
        background-color: rgba(255, 255, 255, 0.7);
    }

    /** Apply & Timeline **/
    #apply-timeline .twobyonegrid {
        display: grid;
        grid-template-columns: 1fr;
        position: relative;
        grid-template-areas: "apply" "timeline";
        grid-template-rows: 1fr 1fr;
    }

    /** Timeline **/
    /* Timeline Controls */
    .cd-horizontal-timeline .events-content p {
        font-size: 1em;
    }

    /*** CONTAO MODULES/ELEMENTS ***/
    /** Accordions **/
    /* Accordion - Small */
    .small-accordion .toggler {
        font-size: 1.25em;
    }

    /* Accordion - Large */
    .large-accordion .toggler {
        font-size: 1.75em;
    }

    /** News **/
    /* Landing Page Newslist */
    #news-events .mod_newslist {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: "first" "last";
    }

    #news-events .mod_newslist .layout_latest:hover {
        z-index: 600;
    }

    #news-events .feed-button {
        text-align: center;
    }

    /* White Card Newslist */
    .mod_newslist.white-card-news .layout_latest .card-body p.more a {
        display: inline-block;
        padding: 10px 30px 10px 15px;
        font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #fff;
        text-decoration: none !important;
        font-size: inherit;
        text-transform: uppercase;
        background-color: var(--au-red);
        min-width: 150px;
        text-align: left;
        position: relative;
        transition: 0.2s;
        background-image: none !important;
    }

    .mod_newslist.white-card-news.four-item,
    .mod_newslist.white-card-news.three-item,
    .mod_newslist.white-card-news.two-item,
    .mod_newslist.white-card-news.one-item {
        grid-template-columns: 1fr;
    }

    /* Classic Newslist 
.mod_newslist.classic {display: block; position: relative; width: 100%;}
.mod_newslist.classic .layout_latest {display: grid; position: relative; grid-gap: 30px; grid-template-columns: 1fr 2fr; margin-bottom: 30px;}
*/

    /* News List - Classic REDO */
    .mod_newslist.classic {
        display: block;
        position: relative;
        width: 100%;
    }

    .mod_newslist.classic .layout_latest .image_container {
        width: 25%;
        margin-right: 30px !important;
    }

    /** Events **/

    /* Classic Event List */
    .mod_eventlist .layout_upcoming .event_content a {
        font-size: 14px !important;
    }

    .mod_eventlist.four-item,
    .mod_eventlist.three-item,
    .mod_eventlist.two-item {
        grid-template-columns: 1fr;
    }

    /* Large Calendar */
    .mod_calendar table.calendar thead tr {
        display: table;
        width: 100%;
    }

    .mod_calendar table.calendar thead tr:nth-child(2) {
        display: none;
    }

    .mod_calendar table.calendar tbody tr {
        width: 100%;
        display: table;
    }

    .mod_calendar table.calendar tbody tr td {
        display: block;
    }

    .mod_calendar table.calendar tbody td.empty {
        display: none;
    }

    .mod_calendar table.calendar tbody td.weekend {
        background-color: var(--au-light-gray);
    }

    .mod_calendar table.calendar tbody td.today {
        background-color: var(--au-light-blue);
        color: var(--au-dark-blue);
    }

    .mod_calendar table.calendar tbody td.days {
        height: initial;
    }

    .mod_calendar table.calendar tbody td.days div.event {
        position: relative;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .mod_calendar table.calendar tbody td.days div.event:after {
        content: "";
        position: absolute;
        bottom: 0;
        height: 0;
        width: 90px;
        border-bottom: 2px solid var(--au-alt-gray);
        left: 0px;
        transform: translateX(0%);
    }

    .mod_calendar table.calendar tbody td.days div.event:last-child::after {
        content: none;
    }

    /** Pagination **/
    .pagination {
        display: grid;
        position: relative;
        grid-gap: 30px;
        grid-template-columns: 100px auto;
        width: 100%;
        background: var(--au-light-gray);
        padding: 15px;
        font-size: 12px;
        align-items: center;
        border-radius: 0px;
    }

    .pagination li {
        display: none;
    }

    .pagination .next,
    .pagination .previous,
    .pagination .first,
    .pagination .last {
        display: inline-block;
    }

    /** Image Module **/
    /* Image Module - Title Banner */
    .ce_image.banner {
        overflow: hidden !important;
    }

    .ce_image figure.image_container img {
        width: auto;
        height: 100%;
        max-height: 150px;
    }
}

@media (max-width: 480px) {

    /***PAGE ATTRIBUTES ***/
    /** Tab Content **/
    /* FAQ Style TAB Content **/
    .faq-style-tabs .twobyonegrid {
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "tab-menu" "tab-content";
    }

    /*** CUSTOM AREA BLOCKS ***/
    /** Program Search **/
    #program-search .twobythreegrid .grid-item a,
    #program-search .twobyfourgrid .grid-item a {
        padding: 30px 20px;
        font-size: 14px;
    }

    #program-search .twobythreegrid .grid-item a em,
    #program-search .twobyfourgrid .grid-item a em {
        font-size: 30px;
    }

    /** News **/
    /* Classic Newslist */
    .mod_newslist.classic {
        display: block;
        position: relative;
        width: 100%;
    }

    .mod_newslist.classic .layout_latest {
        display: grid;
        position: relative;
        grid-gap: 30px;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr auto;
        margin-bottom: 30px;
    }

    .mod_newslist.classic .layout_latest img {
        grid-column: 1/1;
        grid-row: 1/2;
        width: calc(100% - 5px);
        height: auto;
        box-shadow: var(--au-red) 5px 5px 0px;
        margin-bottom: 5px;
    }

    .mod_newslist.classic .layout_latest .content-body {
        grid-column: 1/1;
        grid-row: 2/2;
    }

    /** Events **/

    /* Feature Event Teaser List - Added August 18, 2023 */
    .mod_eventlist.au-event-list .layout_teaser {
        grid-template-columns: 1fr;
        grid-template-areas: "date" "img" "text";
        position: relative;
    }

    .mod_eventlist.au-event-list .layout_teaser .event-date {
        margin-left: -15px;
    }

    .mod_eventlist.au-event-list .layout_teaser .event-img {
        margin-top: -75px;
    }

    .mod_eventlist.au-event-list .layout_teaser .event-date p.time {
        height: 60px;
        width: 60px;
    }

    .mod_eventlist.au-event-list .layout_teaser .time .event-month {
        font-size: 14px;
        margin-left: 0px;
    }

    .mod_eventlist.au-event-list .layout_teaser .time .event-date {
        font-size: 30px;
        margin-left: 0px;
    }
}


/*** TEST AREA ***/

/** Rubix Settings - Added June 15, 2023 **/
/* Text Controls */
.txt {
    padding: 15px !important;
}

.txt-hover-topleft {
    position: absolute !important;
    z-index: 200;
    top: 0;
    left: 0px;
}

.txt-hover-topright {
    position: absolute !important;
    z-index: 200;
    top: 0;
    right: 0px;
    text-align: right;
}

.txt-hover-bottomleft {
    position: absolute !important;
    z-index: 200;
    bottom: 0;
    left: 0px;
}

.txt-hover-bottomright {
    position: absolute !important;
    z-index: 200;
    bottom: 0;
    right: 0px;
    text-align: right;
}

.txt-hover-centerleft {
    position: absolute !important;
    z-index: 200;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 60px);
    margin: 0px 30px;
}

.txt-hover-centercenter {
    position: absolute !important;
    z-index: 200;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    width: calc(100% - 60px);
    margin: 0px 30px;
}

.txt-hover-centerright {
    position: absolute !important;
    z-index: 200;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    width: calc(100% - 60px);
    margin: 0px 30px;
    text-align: right;
}

.tritrirubix {
    max-width: 1400px;
    height: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    background-color: red;
    color: #fff;
    margin: 0px !important;
    padding: 0px !important;
}

.triquadrubix {
    max-width: 100%;
    /*height:750px;*/
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    background-color: red;
    color: #fff;
    margin: 0px !important;
    padding: 0px !important;
}

.ttr-8col {
    max-width: 750px !important;
    height: 562px !important;
}

.tritrirubix img {
    border: none !important;
}

.rubix-redtxt {
    color: #c41424;
}

.rubix-redtxt h1,
.rubix-redtxt h2,
.rubix-redtxt h3,
.rubix-redtxt h4,
.rubix-redtxt h5,
.rubix-redtxt h6 {
    color: #c41424;
    margin: 0px !important;
}

.rubix-redtxt a {
    color: #c41424;
    text-decoration: none;
}

.rubix-redtxt a:hover {
    color: #c41424 !important;
    text-decoration: underline;
}

.rubix-bluetxt {
    color: #004077;
}

.rubix-bluetxt h1,
.rubix-bluetxt h2,
.rubix-bluetxt h3,
.rubix-bluetxt h4,
.rubix-bluetxt h5,
.rubix-bluetxt h6 {
    color: #004077;
    margin: 0px !important;
}

.rubix-bluetxt a {
    color: #fff;
    text-decoration: none;
}

.rubix-bluetxt a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.rubix-whitetxt {
    color: #fff;
}

.rubix-whitetxt h1,
.rubix-whitetxt h2,
.rubix-whitetxt h3,
.rubix-whitetxt h4,
.rubix-whitetxt h5,
.rubix-whitetxt h6 {
    color: #fff !important;
    margin: 0px !important;
}

.rubix-whitetxt a {
    color: #fff;
    text-decoration: none;
}

.rubix-whitetxt a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.rubix-graytxt {
    color: #333;
}

.rubix-graytxt h1,
.rubix-graytxt h2,
.rubix-graytxt h3,
.rubix-graytxt h4,
.rubix-graytxt h5,
.rubix-graytxt h6 {
    color: #333;
    margin: 0px !important;
}

.rubix-redtxt h1,
.rubix-redtxt h2,
.rubix-redtxt h3,
.rubix-redtxt h4,
.rubix-redtxt h5,
.rubix-redtxt h6,
.rubix-graytxt h1,
.rubix-graytxt h2,
.rubix-graytxt h3,
.rubix-graytxt h4,
.rubix-graytxt h5,
.rubix-graytxt h6,
.rubix-whitetxt h1,
.rubix-whitetxt h2,
.rubix-whitetxt h3,
.rubix-whitetxt h4,
.rubix-whitetxt h5,
.rubix-whitetxt h6,
.rubix-bluetxt h1,
.rubix-bluetxt h2,
.rubix-bluetxt h3,
.rubix-bluetxt h4,
.rubix-bluetxt h5,
.rubix-bluetxt h6 {
    padding: 0px;
    margin: 0px;
}

.rubix-redtxt h1::after,
.rubix-redtxt h2::after,
.rubix-redtxt h3::after,
.rubix-redtxt h4::after,
.rubix-redtxt h5::after,
.rubix-redtxt h6::after,
.rubix-graytxt h1::after,
.rubix-graytxt h2::after,
.rubix-graytxt h3::after,
.rubix-graytxt h4::after,
.rubix-graytxt h5::after,
.rubix-graytxt h6::after,
.rubix-whitetxt h1::after,
.rubix-whitetxt h2::after,
.rubix-whitetxt h3::after,
.rubix-whitetxt h4::after,
.rubix-whitetxt h5::after,
.rubix-whitetxt h6::after,
.rubix-bluetxt h1::after,
.rubix-bluetxt h2::after,
.rubix-bluetxt h3::after,
.rubix-bluetxt h4::after,
.rubix-bluetxt h5::after,
.rubix-bluetxt h6::after {
    border-bottom: 0px !important;
}

.rubix-graytxt a {
    color: #004477;
    text-decoration: none;
}

.rubix-graytxt a:hover {
    color: #c41424;
    text-decoration: none;
}

.rubix-shadowtxt {
    text-shadow: 0px 2px 2px #000;
    font-size: small !important;
}

.rubix-medtxt {
    font-size: 3em;
    font-weight: 800;
    line-height: 1;
    display: block;
}

.rubix-lgtxt {
    font-size: 5em;
    font-weight: 800;
    line-height: 1;
    display: block;
}

.rubix-smtxt {
    font-size: 1.875em;
    font-weight: 500;
    display: block;
}

.tritrirubix .rubix-shadowtxt p {
    margin: 0;
    padding: 0;
}

/* WOLFVILLE FIRST RUBIX */
.wolf1-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 1/3;
    background: #004077;
    position: relative;
    overflow: hidden;
}

.wolf1-2 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    grid-column: 2/4;
    grid-row: 1;
    background: green;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.wolf1-3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    background: #fff;
    overflow: hidden;
    position: relative;
    padding: 0px;
    margin: 0px;
}

.wolf1-4 {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    grid-column: 3;
    grid-row: 2;
    background: purple;
    overflow: hidden;
    position: relative;
}

.wolf1-5 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 3;
    grid-column: 1/3;
    grid-row: 3;
    background: teal;
    overflow: hidden;
    position: relative;
}

.wolf1-6 {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-column: 3;
    grid-row: 3;
    background: #c41424;
    overflow: hidden;
    position: relative;
}

/* WOLFVILLE SECOND RUBIX */
.wolf2-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 1/3;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.wolf2-2 {
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2;
    grid-row: 1;
    background: green;
    position: relative;
    overflow: hidden;
}

.wolf2-3 {
    -ms-grid-column: 3;
    -ms-grid-row: 1;
    grid-column: 3;
    grid-row: 1;
    background: #004077;
    position: relative;
    overflow: hidden;
}

.wolf2-4 {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 2;
    grid-column: 2/4;
    grid-row: 2;
    background: teal;
    position: relative;
    overflow: hidden;
}

.wolf2-5 {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
    background: brown;
    position: relative;
    overflow: hidden;
}

.wolf2-6 {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-column: 2;
    grid-row: 3;
    background: #c41424;
    position: relative;
    overflow: hidden;
}

.wolf2-7 {
    -ms-grid-column: 3;
    -ms-grid-row: 3;
    grid-column: 3;
    grid-row: 3;
    background: orange;
    position: relative;
    overflow: hidden;
}

/* WOLFVILLE THIRD RUBIX */
.wolf3-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 1/3;
    background: #c41424;
    position: relative;
    overflow: hidden;
}

.wolf3-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    grid-column: 2/4;
    grid-row: 1;
    background: green;
    position: relative;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

.wolf3-2 img {
    width: fit-content;
}

.wolf3-3 {
    -ms-grid-column: 2;
    -ms-grid-row: 2;
    grid-column: 2;
    grid-row: 2;
    background: #fff;
    color: #333;
    position: relative;
    overflow: hidden;
}

.wolf3-4 {
    -ms-grid-column: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-column: 3;
    grid-row: 2/4;
    background: purple;
    position: relative;
    overflow: hidden;
}

.wolf3-5 {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-column: 1;
    grid-row: 3;
    background: teal;
    position: relative;
    overflow: hidden;
}

.wolf3-6 {
    -ms-grid-column: 2;
    -ms-grid-row: 3;
    grid-column: 2;
    grid-row: 3;
    background: #004077;
    position: relative;
    overflow: hidden;
}

@media (min-width: 1000px) and (max-width: 1199px) {
    .tritrirubix {
        max-width: 940px;
        height: auto;
    }

    .ttr-8col {
        max-width: 618px !important;
        height: 464px !important;
    }

    .wolf1-1 {
        grid-column: 1;
        grid-row: 1/4;
        background: #004077;
        position: relative;
        overflow: hidden;
    }

    .wolf1-5 {
        grid-column: 2/4;
        grid-row: 3;
        background: teal;
        overflow: hidden;
        position: relative;
    }

}

@media (min-width: 768px) and (max-width: 999px) {
    .tritrirubix {
        max-width: 100%;
        height: auto;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 0.5fr 1fr 1fr 0.5fr 1fr
    }

    .tritrirubix .rubix-shadowtxt p {
        margin: 0;
        padding: 0;
    }

    .wolf1-1 {
        grid-column: 1/3;
        grid-row: 1;
        background: #004077;
        position: relative;
        overflow: hidden;
    }

    .wolf1-2 {
        grid-column: 1/3;
        grid-row: 2;
        background: green;
        overflow: hidden;
        position: relative;
        padding: 0px;
        margin: 0px;
        object-fit: cover;
        object-fit: contain;
    }

    .wolf1-3 {
        grid-column: 1/3;
        grid-row: 3;
        background: #fff;
        overflow: hidden;
        position: relative;
        padding: 0px;
        margin: 0px;
    }

    .wolf1-4 {
        grid-column: 1/3;
        grid-row: 4;
        background: purple;
        overflow: hidden;
        position: relative;
    }

    .wolf1-5 {
        grid-column: 1/3;
        grid-row: 5;
        background: teal;
        overflow: hidden;
        position: relative;
    }

    .wolf1-6 {
        grid-column: 1/3;
        grid-row: 6;
        background: #c41424;
        overflow: hidden;
        position: relative;
    }
}

@media all and (max-width: 767px) {
    .tritrirubix {
        max-width: 100%;
        height: auto;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr 0.5fr 1fr 1fr 0.5fr 1fr
    }

    .tritrirubix .rubix-shadowtxt p {
        margin: 0;
        padding: 0;
    }

    .wolf1-1 {
        grid-column: 1/3;
        grid-row: 1/3;
        background: #004077;
        position: relative;
        overflow: hidden;
    }

    .wolf1-2 {
        grid-column: 1/3;
        grid-row: 3;
        background: green;
        overflow: hidden;
        position: relative;
        padding: 0px;
        margin: 0px;
        object-fit: cover;
        object-fit: contain;
    }

    .wolf1-3 {
        grid-column: 1/3;
        grid-row: 4;
        background: #fff;
        overflow: hidden;
        position: relative;
        padding: 0px;
        margin: 0px;
    }

    .wolf1-4 {
        grid-column: 1/3;
        grid-row: 5;
        background: purple;
        overflow: hidden;
        position: relative;
    }

    .wolf1-5 {
        grid-column: 1/3;
        grid-row: 6;
        background: teal;
        overflow: hidden;
        position: relative;
    }

    .wolf1-6 {
        grid-column: 1/3;
        grid-row: 7;
        background: #c41424;
        overflow: hidden;
        position: relative;
    }
}

/* FIFTH COLUMN ADDITION - Added June 22, 2023 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

/* NEWSHERO Beta Prototype */
/* NewsHero Prototype */
.newsherobeta {
    position: relative;
    height: calc(100vh - 330px);
    min-height: 350px;
    overflow: hidden;
    width: 100%;
    background: var(--au-blue);
    z-index: 0;
    display: flex;
    align-items: end;
    justify-content: flex-end;
    flex-flow: column;
    padding-bottom: 30px;
}

.newsherobeta .pagination {
    display: none;
}

.newsherobeta .layout_latest {
    width: 10%;
    height: auto;
    position: relative;
    display: table-cell;
    margin: 0px 30px 30px 0px;
    z-index: 2;
    box-shadow: var(--au-red) 5px 5px 0px;
    border: #fff 2px solid;
    background: #000;
    transition: 0s;
    overflow: hidden;
}

.newsherobeta .layout_latest .content-body {
    position: absolute;
    z-index: 3;
    bottom: 0px;
    padding: 10px;
}

.newsherobeta .layout_latest h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px;
    text-shadow: 2px 2px 2px #000;
    transition: 0s !important;
}

.newsherobeta .layout_latest h2:after {
    width: 0px !important;
}

.newsherobeta .layout_latest h2 a {
    text-decoration: none !important;
    color: #fff;
}

.newsherobeta .layout_latest .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.newsherobeta .layout_latest img {
    opacity: 0.5;
    transition: 0.5s;
}

.newsherobeta .layout_latest:hover img {
    opacity: 1;
    transition: 0.5s;
}

.newsherobeta .layout_latest .content-body .ce_text,
.newsherobeta .layout_latest .content-body .more,
.newsherobeta p.info {
    display: none;
}

.newsherobeta .nolink .more {
    display: none !important;
}

/* Current */
.newsherobeta .layout_latest.current {
    position: absolute;
    height: calc(100vh - 330px);
    min-height: 350px;
    overflow: hidden !important;
    width: 100%;
    margin: 0px;
    box-shadow: none;
    border: none;
    z-index: 1;
    transform: none;
    transition: 0s !important;
    margin-bottom: -30px;
}

.newsherobeta .layout_latest.current .cover {
    display: none;
}

.newsherobeta .layout_latest.current .image_container img {
    display: block;
    width: calc(100vw + 10px);
    height: calc(100vh - 335px);
    min-height: 345px;
    object-fit: cover;
    opacity: 1;
    left: -5px;
    position: absolute;
    object-position: 100% 50%;
}

.newsherobeta .layout_latest.current.align-left .image_container img {
    object-position: left;
}

.newsherobeta .layout_latest.current.align-right .image_container img {
    object-position: right;
}

.newsherobeta .layout_latest.current .content-body {
    max-width: 1340px;
    position: absolute;
    z-index: 2;
    width: calc(100% - 30px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 60px;
}

.newsherobeta .layout_latest.current .content-body .ce_text,
.newsherobeta .layout_latest.current .content-body .more {
    display: block;
    z-index: 3;
    position: relative;
}

.newsherobeta .layout_latest.current .content-body h2 {
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    font-size: 3em;
    text-shadow: 2px 2px 2px #000000;
    position: relative;
    z-index: 2;
    animation: fadein-title 4s linear;
}

.newsherobeta .layout_latest.current .content-body h2:after {
    width: 90px !important;
}

.newsherobeta .layout_latest.current .content-body .ce_text {
    position: relative;
    font-weight: bold;
    font-size: 1.5em;
    z-index: 4;
    width: 70%;
    margin-top: 45px;
    animation: fadein-title 4s linear;
}

.newsherobeta .layout_latest.current .content-body .ce_text p {
    position: relative;
    z-index: 2;
    padding: 15px 0px;
}

.newsherobeta .layout_latest.current .content-body .ce_text::after {
    width: 250%;
    height: 100%;
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0px;
    right: -60px;
    z-index: 0;
}

/*
		.newsherobeta .layout_latest.current .content-body::before {width: 1000px; height: 120px; background: #c4142499; content: ""; position: absolute; z-index: 2; top:-60px; left: -78%; animation: slidein-titledress 4s linear;}
		*/
.newsherobeta .layout_latest.current .content-body::after {
    width: 200%;
    height: 100%;
    background: #00407799;
    content: "";
    position: absolute;
    z-index: 0;
    bottom: 0px;
    right: 0px;
    animation: slidein-titlebg 4s linear;
}


.newsherobeta .layout_latest.current .more {
    position: absolute !important;
    padding: 0px !important;
    right: -100px;
    top: 50%;
    transform: translateY(-75%);
    animation: fadein-desc 0s linear;
}

.newsherobeta .layout_latest.current .more a {
    display: inline-block;
    position: relative;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

/*.newsherobeta .layout_latest.current .more a::after {font: var(--fa-font-solid); content: "\f138"; right: 0px; position: absolute; top: 50%; transform: translateY(-50%); color: #c41424; border: solid #fff 3px; border-radius: 60%; background-color: #fff; text-shadow: none; transition: 0.5s; font-size: 80px;}
		.newsherobeta .layout_latest.current .more a:hover::after {transform: translateY(-50%) scale(1.25);}*/

@keyframes slidein-thumbsbg {
    0% {
        right: -1000px;
        opacity: 0;
    }

    25% {
        right: -40px;
        opacity: 1;
    }

    100% {
        right: -40px;
        opacity: 1;
    }
}

@keyframes slidein-titlebg {
    0% {
        right: 150%;
        opacity: 0;
    }

    25% {
        right: 0px;
        opacity: 1;
    }

    100% {
        right: 0px;
        opacity: 1;
    }
}

@keyframes slidein-titledress {
    0% {
        left: -150%;
        opacity: 0;
    }

    50% {
        left: -78%;
        opacity: 1;
    }

    100% {
        left: -78%;
        opacity: 1;
    }
}

@keyframes fadein-title {
    0% {
        opacity: 0;
    }

    25% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}

@keyframes fadein-desc {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    85% {
        opacity: 1;
    }
}

@media (min-width: 1400px) and (max-width: 1861px) {

    /* NewsHero Prototype */
    .newsherobeta .layout_latest {
        width: 15%;
    }

    /* Current */
    .newsherobeta .layout_latest.current .content-body {
        max-width: 1370px;
        width: calc(100% - 30px);
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        margin-bottom: 15px !important;
        padding-bottom: 15px !important;
        font-size: 3.5em;
    }

    /*.newsherobeta .layout_latest.current .content-body::before {width: 1000px; height: 120px; background: #c4142499; content: ""; position: absolute; z-index: 2; top:-60px; left: -50%; animation: slidein-titledress 4s linear;}*/
    .newsherobeta .layout_latest.current .content-body::after {
        width: 200%;
        height: 100%;
        background: #00407799;
        content: "";
        position: absolute;
        z-index: 0;
        bottom: 0px;
        right: calc(15% + 60px);
        animation: slidein-titlebg 4s linear;
    }

    @keyframes slidein-titlebg {
        0% {
            right: 150%;
            opacity: 0;
        }

        25% {
            right: calc(15% + 60px);
            opacity: 1;
        }

        100% {
            right: calc(15% + 60px);
            opacity: 1;
        }
    }

    @keyframes slidein-titledress {
        0% {
            left: -150%;
            opacity: 0;
        }

        50% {
            left: -50%;
            opacity: 1;
        }

        100% {
            left: -50%;
            opacity: 1;
        }
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    /* NewsHero Prototype */
    .newsherobeta {
        padding-bottom: 0px;
    }

    .newsherobeta .layout_latest {
        width: 15%
    }

    .newsherobeta .layout_latest h2 {
        font-size: 12px;
    }

    /* Current */
    .newsherobeta .layout_latest.current {
        margin-bottom: 0px;
    }

    .newsherobeta .layout_latest.current .content-body {
        max-width: 1110px;
        width: 100%;
        bottom: 30px;
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        margin-bottom: 15px !important;
        padding-bottom: 15px !important;
        font-size: 3em;
    }

    .newsherobeta .layout_latest.current .content-body .ce_text {
        position: relative;
        font-weight: bold;
        font-size: 1.25em;
        z-index: 4;
        width: 70%;
        margin-top: 30px;
        animation: fadein-title 4s linear;
    }

    /*.newsherobeta .layout_latest.current .content-body::before {height: 90px; top:-45px; left: -60%;}*/
    .newsherobeta .layout_latest.current .content-body::after {
        right: calc(15% + 60px);
    }

    @keyframes slidein-titlebg {
        0% {
            right: 150%;
            opacity: 0;
        }

        25% {
            right: calc(15% + 60px);
            opacity: 1;
        }

        100% {
            right: calc(15% + 60px);
            opacity: 1;
        }
    }

    @keyframes slidein-titledress {
        0% {
            left: -150%;
            opacity: 0;
        }

        50% {
            left: -60%;
            opacity: 1;
        }

        100% {
            left: -60%;
            opacity: 1;
        }
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    /* NewsHero Prototype */
    .newsherobeta {
        padding-bottom: 0px;
    }

    .newsherobeta .layout_latest {
        width: 15%
    }

    .newsherobeta .layout_latest h2 {
        font-size: 10px;
    }

    /* Current */
    .newsherobeta .layout_latest.current {
        margin-bottom: 0px;
    }

    .newsherobeta .layout_latest.current .content-body {
        max-width: 940px;
        width: 100%;
        bottom: 30px;
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        margin-bottom: 15px !important;
        padding-bottom: 15px !important;
        font-size: 3em;
    }

    .newsherobeta .layout_latest.current .content-body .ce_text {
        position: relative;
        font-weight: bold;
        font-size: 1.15em;
        z-index: 4;
        width: 70%;
        margin-top: 30px;
        animation: fadein-title 4s linear;
    }

    /*.newsherobeta .layout_latest.current .content-body::before {height: 90px; top:-45px; left: -70%;}*/
    .newsherobeta .layout_latest.current .content-body::after {
        right: calc(15% + 60px);
    }

    @keyframes slidein-titlebg {
        0% {
            right: 150%;
            opacity: 0;
        }

        25% {
            right: calc(15% + 60px);
            opacity: 1;
        }

        100% {
            right: calc(15% + 60px);
            opacity: 1;
        }
    }

    @keyframes slidein-titledress {
        0% {
            left: -150%;
            opacity: 0;
        }

        50% {
            left: -70%;
            opacity: 1;
        }

        100% {
            left: -70%;
            opacity: 1;
        }
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    /* NewsHero Prototype */
    .newsherobeta {
        padding-bottom: 0px;
    }

    .newsherobeta .layout_latest {
        width: 20%
    }

    .newsherobeta .layout_latest h2 {
        font-size: 10px;
    }

    /* Current */
    .newsherobeta .layout_latest.current {
        margin-bottom: 0px;
    }

    .newsherobeta .layout_latest.current .content-body {
        max-width: 696px;
        width: 100%;
        bottom: 30px;
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        margin-bottom: 15px !important;
        padding-bottom: 15px !important;
        font-size: 2em;
    }

    .newsherobeta .layout_latest.current .content-body .ce_text {
        position: relative;
        font-weight: bold;
        font-size: 1em;
        z-index: 4;
        width: 70%;
        margin-top: 30px;
        animation: fadein-title 4s linear;
    }

    /*.newsherobeta .layout_latest.current .content-body::before {height: 90px; top:-45px; left: -120%;}*/
    .newsherobeta .layout_latest.current .content-body::after {
        right: calc(20% + 45px);
    }

    @keyframes slidein-titlebg {
        0% {
            right: 150%;
            opacity: 0;
        }

        25% {
            right: calc(20% + 45px);
            opacity: 1;
        }

        100% {
            right: calc(20% + 45px);
            opacity: 1;
        }
    }

    @keyframes slidein-titledress {
        0% {
            left: -150%;
            opacity: 0;
        }

        50% {
            left: -120%;
            opacity: 1;
        }

        100% {
            left: -120%;
            opacity: 1;
        }
    }
}

@media (max-width: 767px) {

    /* NewsHero Prototype */
    .newsherobeta {
        align-items: end;
        justify-content: center;
        flex-flow: row;
        padding-bottom: 15px;
    }

    .newsherobeta .layout_latest {
        width: calc(33% - 30px);
        margin: 15px;
    }

    /* Current */
    .newsherobeta .layout_latest.current {
        margin-bottom: -15px;
    }

    .newsherobeta .layout_latest.current .content-body {
        padding: 20px 30px 0px 30px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        bottom: calc(0px + 5px);
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        margin-bottom: 15px !important;
        padding-bottom: 19px !important;
        font-size: 2.25em;
    }

    .newsherobeta .layout_latest.current .content-body .ce_text {
        font-size: 1.1em;
        z-index: 4;
        width: calc(100% - 100px);
        margin-top: 30px;
    }

    .newsherobeta .layout_latest.current .content-body::before {
        display: none;
    }

    .newsherobeta .layout_latest.current .content-body::after {
        width: 200%;
        height: 100%;
        background: #00407799;
        content: "";
        position: absolute;
        z-index: 0;
        bottom: 0px;
        top: 0px;
        right: 0px;
        animation: slidein-titlebg 4s linear;
    }
}

@media (max-width: 667px) {
    .newsherobeta .layout_latest h2 {
        font-size: 10px;
    }
}

@media (max-width: 540px) {
    .newsherobeta .layout_latest h2 {
        display: none;
    }

    .newsherobeta .layout_latest.current .content-body .ce_text {
        display: none;
    }

    .newsherobeta .layout_latest.current .content-body h2 {
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
    }

    .newsherobeta .layout_latest.current h2:after {
        content: none !important;
    }

}


/** BLUE QUASI IMAGE BANNER **/
.blueban img {
    height: 150px !important;
    background-color: var(--au-dark-blue) !important;
    width: 100% !important;
}

/** NEWSROOM 2023 **/

/* Full List */
.supernews .full_list .layout_latest {
    display: none;
    padding: 10px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #fff;
    box-shadow: 0 1px 1px #ccc;
    height: fit-content;
}

.supernews .full_list .more {
    display: none;
}

.supernews .full_list img {
    margin-bottom: 0px !important;
}

.supernews .full_list h2 {
    padding: 0px 0px 0px 0px !important;
    margin: 38px 0px 0px 0px !important;
    font-size: 22px !important;
}

.supernews .full_list h2:after {
    border-bottom: 0px solid #c41424 !important;
}

.supernews .full_list .image_container {
    padding-bottom: 33px;
    margin-bottom: 25px;
    position: relative;
    z-index: 0;
}

.supernews .full_list .card-body h2 {
    margin: 0px !important;
}

.supernews .full_list .image_container:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 90px;
    border-top: 4px solid #c41424;
}

.supernews .nav.nav-tabs {
    border-bottom: 0px;
    margin: 0px -15px 30px -15px;
}

/* Label Controls - Full Lists */
.supernews .full_list .arc_306:before,
/*.supernews .full_list .arc_289:before,*/
.supernews .full_list .arc_290:before,
.supernews .full_list .arc_291:before,
.supernews .full_list .arc_299:before,
.supernews .full_list .arc_305:before {
    z-index: 1;
    font-weight: bold;
    font-size: x-small;
    display: block;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    left: -10px;
    top: 10px;
    color: #fff;
}

.supernews .full_list .arc_306:after,
/*.supernews .full_list .arc_289:after,*/
.supernews .full_list .arc_290:after,
.supernews .full_list .arc_291:after,
.supernews .full_list .arc_299:after,
.supernews .full_list .arc_305:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    content: '';
    position: absolute;
    top: 37px;
    left: -10px;
}

/* Label Display */
.supernews .arc_289,
.supernews .arc_290,
.supernews .arc_291,
.supernews .arc_299,
.supernews .arc_306 {
    position: relative;
}

/*
.supernews .arc_289:before {content:"General";}
.supernews .arc_289:before {background:var(--au-red);}
.supernews .arc_289:after {border-color: transparent var(--au-light-red) transparent transparent;}
*/
.supernews .arc_290:before {
    content: "Our Community";
}

.supernews .arc_290:before {
    background: var(--au-old-violet);
}

.supernews .arc_290:after {
    border-color: transparent #9382de transparent transparent;
}

.supernews .arc_291:before {
    content: "Student Life";
}

.supernews .arc_291:before {
    background: var(--au-old-green);
}

.supernews .arc_291:after {
    border-color: transparent #92d285 transparent transparent;
}

.supernews .arc_299:before {
    content: "Research & Impact";
}

.supernews .arc_299:before {
    background: var(--au-old-orange);
}

.supernews .arc_299:after {
    border-color: transparent #e7a374 transparent transparent;
}

.supernews .arc_305:before {
    content: "Alumni";
}

.supernews .arc_305:before {
    background: var(--au-blue);
}

.supernews .arc_305:after {
    border-color: transparent var(--au-light-blue) transparent transparent;
}

/*
.supernews .arc_306:before {content:"Athletics";}
.supernews .arc_306:before {background:var(--au-old-turquoise);}
.supernews .arc_306:after {border-color: transparent #16dcc0 transparent transparent;}
*/
.supernews .arc_306:before {
    content: "Athletics";
}

.supernews .arc_306:before {
    background: var(--au-red);
}

.supernews .arc_306:after {
    border-color: transparent var(--au-light-red) transparent transparent;
}


.supernews .announcements .arc_295:before,
.supernews .announcements .arc_294:before,
.supernews .announcements .arc_293:before {
    background: none;
}

.video:before {
    z-index: 1;
    font-weight: bold;
    font-size: x-small;
    display: block;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    left: -10px;
    top: 10px;
    color: #fff;
    z-index: 900;
    content: 'HELLO';
}

/* Label Controls - Highlight Lists */
/*.supernews .highlight-stories-mobile .arc_289:before,*/
.supernews .highlight-stories-mobile .arc_290:before,
.supernews .highlight-stories-mobile .arc_291:before,
.supernews .highlight-stories-mobile .arc_299:before,
.supernews .highlight-stories-mobile .arc_305:before,
.supernews .highlight-stories-mobile .arc_306:before,
/*.supernews .highlight-stories .arc_289:before,*/
.supernews .highlight-stories .arc_290:before,
.supernews .highlight-stories .arc_291:before,
.supernews .highlight-stories .arc_299:before,
.supernews .highlight-stories .arc_305:before,
.supernews .highlight-stories .arc_306:before {
    z-index: 1;
    font-weight: bold;
    font-size: x-small;
    display: block;
    text-transform: uppercase;
    padding: 6px 10px;
    position: absolute;
    left: -20px;
    top: 0px;
    color: #fff;
    z-index: 1000;
}

/*.supernews .highlight-stories-mobile .arc_289:nth-child(1):before,*/
.supernews .highlight-stories-mobile .arc_290:nth-child(1):before,
.supernews .highlight-stories-mobile .arc_291:nth-child(1):before,
.supernews .highlight-stories-mobile .arc_299:nth-child(1):before,
.supernews .highlight-stories-mobile .arc_106:nth-child(1):before,
/*.supernews .highlight-stories .arc_289:nth-child(1):before,*/
.supernews .highlight-stories .arc_290:nth-child(1):before,
.supernews .highlight-stories .arc_291:nth-child(1):before,
.supernews .highlight-stories .arc_299:nth-child(1):before,
.supernews .highlight-stories .arc_106:nth-child(1):before {
    z-index: 1100;
}

/*.supernews .highlight-stories-mobile .arc_289:after,*/
.supernews .highlight-stories-mobile .arc_290:after,
.supernews .highlight-stories-mobile .arc_291:after,
.supernews .highlight-stories-mobile .arc_299:after,
.supernews .highlight-stories-mobile .arc_305:after,
/*.supernews .highlight-stories .arc_289:after,*/
.supernews .highlight-stories .arc_290:after,
.supernews .highlight-stories .arc_291:after,
.supernews .highlight-stories .arc_299:after,
.supernews .highlight-stories .arc_305:after,
.supernews .highlight-stories .arc_306:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    content: '';
    position: absolute;
    top: 27px;
    left: -20px;
}

/* Labels Control - Announcements */
/*.supernews .announcements .arc_289:before,*/
.supernews .announcements .arc_290:before,
.supernews .announcements .arc_291:before,
.supernews .announcements .arc_299:before,
.supernews .announcements .arc_305:before,
.supernews .announcements .arc_306:before {
    font-size: x-small;
    display: block;
    text-transform: uppercase;
    color: var(--au-alt-gray);
    padding-bottom: 5px;
}

/* Highlight Newslist */
.highlight-stories .featured {
    display: initial;
}

.highlight-stories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "first  first second" "first  first third";
    position: relative;
    grid-gap: 30px;
}

.highlight-stories .layout_latest {
    position: relative;
    border: 10px solid #fff;
}

.highlight-stories .layout_latest .news_photo {
    position: relative;
    z-index: 50;
}

.highlight-stories .news_photo h2 {
    position: absolute !important;
    z-index: 1 !important;
    bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(196, 20, 36, 0.5);
    transition: 0.5s;
    text-transform: initial;
    width: 100%;
}

.highlight-stories .layout_latest .news_photo h2:hover {
    background-color: rgba(196, 20, 36, 1);
}

.highlight-stories .layout_latest .news_photo h2::after {
    border-bottom: none !important;
}

.highlight-stories .layout_latest .news_photo h2 a {
    text-decoration: none !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    filter: opacity(100%);
    font-size: 24px;
}

.highlight-stories .layout_latest:nth-child(1) .news_content {
    z-index: 905;
}

.highlight-stories .layout_latest .news_content {
    transition: 0.5s;
    position: absolute;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    z-index: 40;
    transform: translateY(-100%) scaleY(0);
    width: 100%;
}

.highlight-stories .layout_latest .news_content .content {
    width: 100%;
}

.highlight-stories .layout_latest:hover .news_content {
    transition: 0.5s;
    transform: translateY(0%) scaleY(1);
}

.highlight-stories .layout_latest .news_content .teaser {
    margin-bottom: 15px;
}

.highlight-stories .layout_latest .news_content .more a {
    display: inline-block;
    padding: 10px 30px 10px 15px;
    color: #fff !important;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    transition: 0.2s;
    background-image: none !important;
    border: none;
    border-radius: 0;
    min-width: 150px;
    text-align: left;
    text-decoration: none !important;
    font-size: inherit;
    text-transform: uppercase;
    background-color: var(--au-red);
    float: right;
}

.highlight-stories .layout_latest .news_content .more a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    right: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: 0.2s;
    color: var(--au-dark-red);
}

.highlight-stories .layout_latest .news_content .more a:hover {
    transform: scale(1.05);
    background-color: #004077;
}

.highlight-stories .layout_latest .news_content .more a:hover::after {
    color: var(--au-light-blue);
}

.highlight-stories .layout_latest:first-child .image_container {
    overflow: hidden;
}

.highlight-stories .layout_latest:first-child img {
    width: calc(100% + 15px) !important;
    max-width: none;
}

.highlight-stories .layout_latest:nth-child(1) {
    grid-area: first;
}

.highlight-stories .layout_latest:nth-child(2) {
    grid-area: second;
}

.highlight-stories .layout_latest:nth-child(3) {
    grid-area: third;
}

.highlight-stories .layout_latest:nth-child(1) .news_photo {
    position: relative;
    z-index: 910;
}

.highlight-stories .layout_latest:nth-child(2) .news_photo {
    z-index: 920
}

.highlight-stories .layout_latest:nth-child(2) .news_content {
    z-index: 910;
}

.highlight-stories .layout_latest:nth-child(2)::before {
    z-index: 930;
}

.highlight-stories .layout_latest:nth-child(3) .news_photo {
    z-index: 50
}

.highlight-stories .layout_latest:nth-child(3) .news_content {
    z-index: 40
}

.highlight-stories .layout_latest:nth-child(3)::before {
    z-index: 60;
}

.highlight-stories h2 a,
.announcements .layout_simple a,
#supernews_list .layout_latest .card-body h2 a,
.highlight-stories-mobile .layout_latest .news_photo h2 a,
.in-the-news .layout_latest .card-body h2 a {
    text-transform: capitalize !important;
}

.in-the-news .layout_latest .card-body h2 {
    padding: 0 !important;
    margin: 0 !important;
}

.in-the-news .layout_latest .card-body h2:after {
    content: none !important;
}

.in-the-news .layout_latest .card-body .ce_text {
    padding-top: 30px;
}

.supernews .featured {
    height: auto !important;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .highlight-stories .layout_latest .news_photo h2 a {
        font-size: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .highlight-stories .layout_latest .news_photo h2 a {
        font-size: 22px;
    }
}

/* Highlight Newslist Mobile */
.highlight-stories-mobile .mod_newslist {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative;
    grid-gap: 30px;
}

.highlight-stories-mobile .layout_latest {
    position: relative;
    border: 10px solid #fff;
    background: #fff;
}

.highlight-stories-mobile .layout_latest .news_photo {
    position: relative;
    z-index: 50;
}

.highlight-stories-mobile.no-teaser .news_content {
    display: none;
}

.highlight-stories-mobile .news_photo h2 {
    position: absolute !important;
    z-index: 1 !important;
    bottom: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: rgba(196, 20, 36, 0.5);
    transition: 0.5s;
    text-transform: initial;
    width: 100%;
}

.highlight-stories-mobile .layout_latest .news_photo h2:hover {
    background-color: rgba(196, 20, 36, 1);
}

.highlight-stories-mobile .layout_latest .news_photo h2::after {
    border-bottom: none !important;
}

.highlight-stories-mobile .layout_latest .news_photo h2 a {
    text-decoration: none !important;
    color: #fff !important;
    padding: 15px;
    display: block;
    filter: opacity(100%);
    font-size: 30px;
}

.highlight-stories-mobile .featured {
    height: fit-content !important;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "photo photo" "date  text ";
}

#tab-inthenews .in-the-news .layout_latest {
    margin-bottom: 30px;
    padding: 30px;
}

#tab-inthenews .in-the-news .layout_latest .card-body h2 {
    font-size: 24px;
}


/** Simple News **/
.mod_newslist .layout_simple {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--au-light-gray);
}

.mod_newslist .layout_simple:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.mod_newslist .layout_simple a {
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-size: 22px;
    line-height: 1.2;
    text-decoration: none !important;
}

.in-the-news .arc_300::before {
    display: none;
}


/* Leadership Styling - Added Feb 14/24 */
.leadership .hero-image .container {
    position: relative;
}

.leadership .hero-text {
    width: calc(70% - 60px);
}

.leadership .hero-image.ribbon::before {
    background: rgba(0, 64, 119, 0.8);
}

.leadership .hero-image img {
    width: 30% !important;
    height: auto;
    position: absolute;
    top: 30px;
    right: 15px;
    border: 5px solid #fff;
    box-shadow: 5px 5px 0px var(--au-red);
}

@media (max-width: 1399px) and (min-width: 1200px) {
    .leadership .hero-text {
        width: calc(60% - 60px);
    }

    .leadership .hero-image img {
        width: 40% !important;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .leadership .hero-text {
        width: calc(54% - 60px);
    }

    .leadership .hero-image img {
        width: 46% !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .leadership .hero-image img {
        width: auto;
        height: calc(100% - 120px);
        position: absolute;
        top: 0;
        right: 15px;
        border: 5px solid #fff;
        box-shadow: 5px 5px 0 var(--au-red);
        margin: 60px 0px;
        max-width: calc(50% - 15px);
    }
}

@media (max-width: 767px) {
    .leadership .hero-image img {
        width: 50%;
        height: auto;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 15px;
        border: 5px solid #fff;
        box-shadow: 5px 5px 0 var(--au-red);
    }
}

@media (max-width: 480px) {
    .leadership .hero-text {
        width: 100%;
    }

    .leadership .hero-image img {
        width: 100% !important;
        height: auto;
        position: relative;
        transform: none;
        top: inherit;
        right: inherit;
        border: 5px solid #fff;
        box-shadow: 5px 5px 0 var(--au-red);
        margin-bottom: 60px;
    }
}


/* News Image Containers */
.mod_newsreader .layout_full .image_container {
    display: table;
}

.mod_newsreader .layout_full .image_container .caption {
    font-size: smaller;
}

.mod_newsreader .layout_full .image_container.mar-top {
    margin-top: 30px;
}

.mod_newsreader .layout_full .image_container.mar-rgt {
    margin-right: 30px;
}

.mod_newsreader .layout_full .image_container.mar-bot {
    margin-bottom: 30px;
}

.mod_newsreader .layout_full .image_container.mar-lft {
    margin-left: 30px;
}

.mod_newsreader .layout_full .image_container.half {
    max-width: 50%;
}

.mod_newsreader .layout_full .image_container.third {
    max-width: 33%;
}

.mod_newsreader .layout_full .image_container.quarter {
    max-width: 25%;
}

@media (max-width: 767px) {

    .mod_newsreader .layout_full .image_container.half,
    .mod_newsreader .layout_full .image_container.third,
    .mod_newsreader .layout_full .image_container.quarter {
        max-width: 100%;
    }
}

#partnersInput {
    width: calc(100%);
    padding: 0 15px;
    margin: 0;
    margin-bottom: 0px;
    border: 2px #c41424 solid;
    box-shadow: none;
    height: 48px;
    line-height: 45px;
    border-radius: 45px;
    font-size: 24px;
    margin-bottom: 30px;
}

/* Columns - Added May 30/24*/
.four-columns {
    column-count: 4;
    column-gap: 30px;
}

.three-columns {
    column-count: 3;
    column-gap: 30px;
}

.two-columns {
    column-count: 2;
    column-gap: 30px;
}

@media (max-width: 991px) and (min-width: 768px) {

    .four-columns,
    .three-columns {
        column-count: 2;
        column-gap: 30px;
    }
}

@media (max-width: 767px) {

    .four-columns,
    .three-columns,
    .two-columns {
        column-count: 1;
        column-gap: 30px;
    }
}

/* GRID BUTTON MENU - Based on Program Grid - Added Apr 28/25 */
.grid-button-menu .twocolgrid,
.grid-button-menu .threecolgrid,
.grid-button-menu .fourcolgrid,
.grid-button-menu .onecolgrid {
    display: grid;
    position: relative;
    grid-gap: 30px;
}

.grid-button-menu .onecolgrid {
    grid-template-columns: 1fr;
}

.grid-button-menu .twocolgrid {
    grid-template-columns: 1fr 1fr;
}

.grid-button-menu .threecolgrid {
    grid-template-columns: 1fr 1fr 1fr;
}

.grid-button-menu .fourcolgrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-button-menu .grid-item {
    background-color: rgba(255, 255, 255, 1);
    transition: 0.2s;
    color: var(--au-red);
    font-size: 20px;
    font-family: "Avenir", 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: calc(100% - 5px);
    height: auto;
    box-shadow: var(--au-red) 5px 5px 0px;
    margin-bottom: 5px;
}

.grid-button-menu .grid-item a {
    width: 100%;
    height: 100%;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    text-align: left;
    text-decoration: none !important;
    color: var(--au-red);
}

.grid-button-menu .grid-item a em {
    font-size: 60px;
    color: var(--au-dark-gray);
    margin-right: 15px;
    transition: 0.7s ease;
    line-height: 0;
}

.grid-button-menu .grid-item:hover {
    background-color: rgba(20, 40, 58, 1);
    transform: scale(1.1);
}

.grid-button-menu .grid-item:hover a:hover {
    color: #fff !important;
}

.grid-button-menu .grid-item:hover a em {
    color: var(--au-light-blue);
}

@media and (max-width: 1399px) {
    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 40px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
        margin-right: 20px;
    }
}

@media (max-width: 1199px) {
    .grid-button-menu .fourcolgrid {
        grid-template-columns: 1fr 1fr;
    }

    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 40px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
    }
}

@media (max-width: 991px) {

    .grid-button-menu .threecolgrid,
    .grid-button-menu .fourcolgrid {
        grid-template-columns: 1fr 1fr;
    }

    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 40px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
    }
}

@media (max-width: 767px) {

    .grid-button-menu .threecolgrid,
    .grid-button-menu .fourcolgrid {
        grid-template-columns: 1fr 1fr;
    }

    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 20px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
    }
}

@media (max-width: 667px) {

    .grid-button-menu .threecolgrid,
    .grid-button-menu .fourcolgrid {
        grid-template-columns: 1fr 1fr;
    }

    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 20px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
    }
}

@media (max-width: 540px) {

    .grid-button-menu .twocolgrid,
    .grid-button-menu .threecolgrid,
    .grid-button-menu .fourcolgrid {
        grid-template-columns: 1fr;
    }

    .grid-button-menu .grid-item {
        font-size: 18px;
    }

    .grid-button-menu .grid-item:hover {
        transform: scale(1.05);
    }

    .grid-button-menu .grid-item a {
        word-break: break-word;
        padding: 20px 20px;
    }

    .grid-button-menu .grid-item a em {
        font-size: 48px;
    }
}