/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Oswald:wght@400;500&display=swap");

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

a img {
    border: none;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

@media (max-width: 650px) {
    table {
        overflow-x: scroll;
        width: auto;
        font-size: 1rem;
    }
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
    margin-bottom: 0px;
}

@media (max-width: 650px) {
    iframe {
        width: auto;
        height: auto;
    }
}

.post, .page {
    margin: 0 0 0em;
}

/*--------------------------------------------------------------
  # Clearfix
  --------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clearfix {
    clear: both;
}

.float-r {
    float: right;
}

/*--------------------------------------------------------------
  # Wrappers / Containers
  --------------------------------------------------------------*/
@media screen and (max-width: 5000px) {
    .content-wrapper-lg {
        max-width: 1110px;
        margin: auto;
    }
}

@media screen and (max-width: 5000px) and (max-width: 1350px) {
    .content-wrapper-lg {
        padding: 1rem;
    }
}

@media screen and (max-width: 5000px) {
    .content-wrapper {
        max-width: 1000px;
        margin: auto;
    }

    .content-wrapper-md {
        max-width: 838px;
        margin: 0rem auto;
    }

    .content-wrapper-sm {
        max-width: 730px;
        margin: 0rem auto;
    }
}

/*--------------------------------------------------------------
  # BOOTSTRAP RESETS
 --------------------------------------------------------------*/
.row:before {
    content: none !important;
    display: inline-block !important;
}

.row:after, .row:before {
    content: none !important;
    display: inline-block !important;
}

/*--------------------------------------------------------------
# Section Resets
--------------------------------------------------------------*/
section {
    padding: 0rem;
}

/*--------------------------------------------------------------
# Table Styling
--------------------------------------------------------------*/
table {
    font-size: 1.28rem;
    font-family: "Merriweather", serif;
    font-weight: 400;
    margin: 2rem 0rem;
    vertical-align: middle;
    box-shadow: 0 2px 4px 0 rgba(129, 138, 143, 0.3);
    border-radius: 0 0 2px 2px;
}

    table tbody tr {
        padding: 1.5rem;
    }

        table tbody tr td {
            font-size: 1.28rem;
            padding: 1.4rem;
            text-align: left;
            width: 30%;
            font-family: "Merriweather", serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #000000;
        }

            table tbody tr td a {
                /*font-family: "Oswald", sans-serif; 13 May HD*/
                font-family: "Merriweather", serif !important;
                font-size: 1.28rem;
                line-height: 1.92rem;
                font-weight: 500;
                color: #004E60;
                text-decoration: underline;
            }

@media (max-width: 991px) {
    table tbody tr td {
        padding: 1rem;
        font-size: 1.28rem;
    }
}

@media (max-width: 991px) {
    table tbody tr {
        padding: .5rem;
        font-size: 1rem;
    }
}

table tbody tr:nth-child(odd) {
    height: auto;
    background: white;
    border-bottom: 1px solid #666666;
}

table tbody tr:nth-child(even) {
    background: rgba(242, 242, 242, 0.8);
    height: auto;
    border-bottom: 1px solid #666666;
}

@media (max-width: 991px) {
    table {
        font-size: 1rem !important;
        overflow-x: scroll;
    }
}

.btn, .btn:link, .btn:visited {
    text-decoration: none;
    padding: 1rem 1.2rem;
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem;
    text-transform: uppercase;
    text-align: center;
    border-radius: 2px;
    transition: all ease 1s;
    -webkit-transition: all ease 1s;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: fit-content;
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .btn, .btn:link, .btn:visited {
        width: auto;
        display: block !important;
    }
}

.btn--red-filled-inline:link, .btn--red-filled-inline:visited, .btn--red-filled:link, .btn--red-filled:visited {
    background: #ba0c2f;
    color: #fff;
    border: none;
    display: inline-block;
    border: none;
}

.btn--red-filled-inline:active, .btn--red-filled-inline:focus, .btn--red-filled-inline:hover, .btn--red-filled:active, .btn--red-filled:focus, .btn--red-filled:hover {
    background: #950A26;
    color: #fff;
    border: none;
    display: inline-block;
    border: none;
}

@media (max-width: 991px) {
    .btn--red-filled-inline, .btn--red-filled {
        display: block;
        width: auto;
    }
}

.btn--red-outline:link, .btn--red-outline:visited {
    background: transparent;
    color: #ba0c2f;
    border: 2px solid #ba0c2f;
    display: inline-block;
}

.btn--red-outline:active, .btn--red-outline:focus, .btn--red-outline:hover {
    background: #950A26;
    color: #fff !important;
    border: 2px solid #950A26;
}

@media (max-width: 991px) {
    .btn--red-outline {
        display: block;
        width: auto;
    }
}

.btn--outline:link, .btn--outline:visited {
    background: transparent;
    color: #554F47 !important;
    border: 2px solid #DEDEDE !important;
    display: inline-block;
    border-radius: 30px;
    font-size: 1.28rem;
    font-weight: 500;
    padding: 0 1.2rem;
    margin: .5rem .5rem .5rem 0rem;
}

.btn--outline-progdetails { /*HD: 7 Jan: to show tag as a lable no hover in Proram Details*/
    background: transparent;
    color: #554F47 !important;
    border: 2px solid #DEDEDE !important;
    display: inline-block;
    border-radius: 30px;
    font-size: 1.28rem;
    font-weight: 500;
    padding: 0 1.2rem;
    margin: .5rem .5rem .5rem 0rem;
}

.btn--outline:link span.material-icons, .btn--outline:visited span.material-icons {
    vertical-align: middle;
    font-size: 1.28rem;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.btn--outline:active, .btn--outline:focus, .btn--outline:hover {
    background: #554F47;
    color: #fff !important;
    border: 2px solid #554F47 !important;
}

    .btn--outline:active span.material-symbols-outlined, .btn--outline:focus span.material-symbols-outlined, .btn--outline:hover span.material-symbols-outlined {
        vertical-align: middle;
        margin-bottom: 0;
        color: #fff !important;
    }

@media (max-width: 991px) {
    .btn--outline {
        display: block;
        width: auto;
    }
}

.btn--red-filled-fw:link, .btn--red-filled-fw:visited {
    background: #ba0c2f;
    color: #fff;
    border: 2px solid #ba0c2f !important;
    display: block;
    width: auto;
}

.btn--red-filled-fw:active, .btn--red-filled-fw:focus, .btn--red-filled-fw:hover {
    background: #950A26;
    color: #fff;
    border: 2px solid #950A26 !important;
    display: block;
    width: auto;
}

@media (max-width: 991px) {
    .btn--red-filled-fw {
        display: block;
        width: auto;
    }
}

.btn--white-outline:link, .btn--white-outline:visited {
    background: transparent;
    color: #fff;
    border: 2px solid #fff !important;
}

.btn--white-outline:active, .btn--white-outline:focus, .btn--white-outline:hover {
    background: #fff;
    color: #000000;
    border: 2px solid #000000 !important;
}

@media (max-width: 991px) {
    .btn--white-outline {
        display: block;
        width: auto;
    }
}

.btn--white-filled:link, .btn--white-filled:visited {
    background: #fff;
    color: #ba0c2f;
    border: 2px solid #fff !important;
}

.btn--white-filled:active, .btn--white-filled:focus, .btn--white-filled:hover {
    background: #ba0c2f;
    color: #fff;
    border: 2px solid #fff !important;
}

@media (max-width: 991px) {
    .btn--white-filled {
        display: block;
        width: auto;
    }
}

.btn--light-blue-filled-fw:link, .btn--light-blue-filled-fw:visited {
    background: #00A3AD;
    color: #fff !important;
    border: 2px solid #00A3AD !important;
    display: inline-block;
    border-radius: 3px;
    display: block;
    width: auto;
}

.btn--light-blue-filled-fw span, .btn--light-blue-filled-fw i {
    color: #fff;
    vertical-align: middle;
}

.btn--light-blue-filled-fw:active, .btn--light-blue-filled-fw:focus, .btn--light-blue-filled-fw:hover {
    background: #087B7E;
    color: #fff !important;
    border: 2px solid #087B7E !important;
}

@media (max-width: 991px) {
    .btn--light-blue-filled-fw {
        display: block;
        width: auto;
    }
}

@media (max-width: 991px) {
    .btn {
        display: block;
        width: auto;
    }
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://example.com/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype");
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/*--------------------------------------------------------------
# Font Resets
--------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    font-family: "Merriweather Sans", sans-serif;
    color: #000000;
    width: auto;
    margin: 0 !important;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 10px;
    text-rendering: optimizeLegibility;
}

p a {
    text-decoration: none;
    color: #004E60;
}

p {
    margin-block-start: 0em;
    margin-block-end: 0em;
}

    p a:hover, a:hover {
        text-decoration: none;
        cursor: pointer;
        color: #004E60;
    }

a:active,
a:hover,
a:focus,
a:visited {
    outline: 0;
    text-decoration: none;
    border: none;
    color: inherit;
    color: #004E60 !important
}

h1, h2, h3, h4, h5, p, span {
    letter-spacing: 0;
    font-style: normal;
}

h1, h2, h3, h4, h5, p {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

/*--------------------------------------------------------------
# Font Classes
--------------------------------------------------------------*/
.mw {
    font-family: "Merriweather", serif;
    text-transform: none;
}

.mws {
    font-family: "Merriweather Sans", sans-serif;
    text-transform: none;
}

.oswald {
    font-family: "Oswald", sans-serif;
    text-transform: uppercase;
}

/*--------------------------------------------------------------
# Typography Styling
--------------------------------------------------------------*/
h1, h1 a {
    font-family: "Oswald", sans-serif;
    font-size: 6.104rem;
    line-height: 7.325rem;
    font-weight: 400;
    color: #ba0c2f;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}

@media (max-width: 991px) {
    h1, h1 a {
        font-family: "Oswald", sans-serif;
        font-size: 4.778rem;
        line-height: 5.734rem;
        font-weight: 400;
        color: #ba0c2f;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 400;
    }
}

h2.mw, h2.mw a {
    font-family: "Merriweather", serif;
    font-size: 4.883rem;
    line-height: 5.86rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    text-transform: none;
    font-weight: 400;
}

@media (max-width: 991px) {
    h2.mw, h2.mw a {
        font-family: "Merriweather", serif;
        font-size: 3.981rem;
        line-height: 4.777rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        text-transform: none;
        font-weight: 400;
    }
}

h2, h2 a, h2.oswald, h2.oswald a {
    font-family: "Oswald", sans-serif;
    font-size: 4.883rem;
    line-height: 5.86rem;
    font-weight: 400;
    color: #ba0c2f;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}

@media (max-width: 991px) {
    h2, h2 a, h2.oswald, h2.oswald a {
        font-family: "Oswald", sans-serif;
        font-size: 3.981rem;
        line-height: 4.777rem;
        font-weight: 400;
        color: #ba0c2f;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 400;
    }
}

h3.mw, h3.mw a {
    font-family: "Merriweather", serif;
    font-size: 3.906rem;
    line-height: 4.687rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    text-transform: none;
    font-weight: 400;
}

@media (max-width: 991px) {
    h3.mw, h3.mw a {
        font-family: "Merriweather", serif;
        font-size: 3.318rem;
        line-height: 3.982rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        text-transform: none;
        font-weight: 400;
    }
}

h3, h3 a {
    font-family: "Oswald", sans-serif;
    font-size: 3.906rem;
    line-height: 4.687rem;
    font-weight: 400;
    color: #ba0c2f;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}

@media (max-width: 991px) {
    h3, h3 a {
        font-family: "Oswald", sans-serif;
        font-size: 3.318rem;
        line-height: 3.982rem;
        font-weight: 400;
        color: #ba0c2f;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 400;
    }
}

h4.mw, h4.mw a {
    font-family: "Merriweather", serif;
    font-size: 3.125rem;
    line-height: 4.688rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    text-transform: none;
    font-weight: 400;
}

@media (max-width: 991px) {
    h4.mw, h4.mw a {
        font-family: "Merriweather", serif;
        font-size: 2.765rem;
        line-height: 3.318rem;
        font-weight: 400;
        color: #000000;
        text-transform: none;
        font-style: normal;
        font-weight: 400;
    }
}

h4, h4 a {
    font-family: "Oswald", sans-serif;
    font-size: 3.125rem;
    line-height: 4.688rem;
    font-weight: 400;
    color: #ba0c2f;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}

@media (max-width: 991px) {
    h4, h4 a {
        font-family: "Oswald", sans-serif;
        font-size: 2.765rem;
        line-height: 3.318rem;
        font-weight: 400;
        color: #ba0c2f;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 400;
    }
}

h5, h5 a {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: 600;
    color: #000000;
    font-style: normal;
    font-weight: 600;
}

h6, h6 a {
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    color: #554F47;
    font-style: normal;
    font-weight: 500;
    margin-top: .5rem;
}

@media (max-width: 991px) {
    h5, h5 a {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 2.304rem;
        line-height: 2.765rem;
        font-weight: 600;
        color: #000000;
        font-style: normal;
        font-weight: 600;
    }
}

h5.oswald {
    font-weight: 400;
}

p.large, span.large {
    font-family: "Merriweather", serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 400;
}

    p.large a, span.large a {
        font-family: "Merriweather", serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 400;
        color: #004E60;
        font-style: normal;
        font-weight: 400;
    }

        p.large a strong, span.large a strong {
            font-family: "Merriweather", serif;
            font-size: 2rem;
            line-height: 3rem;
            font-weight: 600;
            color: #004E60;
            font-style: normal;
            font-weight: 600;
        }

@media (max-width: 991px) {
    p.large, span.large {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.92rem;
        line-height: 2.88rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
    }

        p.large a, span.large a {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.92rem;
            line-height: 2.88rem;
            font-weight: 400;
            color: #004E60;
            font-style: normal;
            font-weight: 400;
        }
}

p.large-mws, span.large-mws {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 400;
}

    p.large-mws a, span.large-mws a {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
    }

@media (max-width: 991px) {
    p.large-mws, span.large-mws {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.92rem;
        line-height: 2.88rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
    }

        p.large-mws a, span.large-mws a {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.92rem;
            line-height: 2.88rem;
            font-weight: 400;
            color: #000000;
            font-style: normal;
            font-weight: 400;
        }
}

p.large-mw, span.large-mw {
    font-family: "Merriweather", serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 400;
}

    p.large-mw a, span.large-mw a {
        font-family: "Merriweather", serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
    }

@media (max-width: 991px) {
    p.large-mw, span.large-mw {
        font-family: "Merriweather", serif;
        font-size: 1.92rem;
        line-height: 2.88rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
    }

        p.large-mw a, span.large-mw a {
            font-family: "Merriweather", serif;
            font-size: 1.92rem;
            line-height: 2.88rem;
            font-weight: 400;
            color: #000000;
            font-style: normal;
            font-weight: 400;
        }
}

p.large-oswald-blue {
    font-family: "Oswald", sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    color: #00A3AD;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
}

    p.large-oswald-blue a {
        font-family: "Oswald", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 400;
        color: #00A3AD;
        font-style: normal;
        font-weight: 400;
        text-transform: uppercase;
    }

p.large-bold, span.large-bold {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #ba0c2f;
    font-style: normal;
    font-weight: 700;
}

    p.large-bold a, span.large-bold a {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 700;
        color: #ba0c2f;
        font-style: normal;
        font-weight: 700;
    }

@media (max-width: 991px) {
    p.large-bold, span.large-bold {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 700;
        color: #ba0c2f;
        font-style: normal;
        font-weight: 700;
    }

        p.large-bold a, span.large-bold a {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 2rem;
            line-height: 3rem;
            font-weight: 700;
            color: #ba0c2f;
            font-style: normal;
            font-weight: 700;
        }
}

p, span {
    font-family: "Merriweather", serif;
    /*font-size: 1.28rem;*/
    font-size: 1.6rem; /*13 May HD*/
    /*line-height: 1.92rem;*/
    line-height: 2.4rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 400;
}


    p a, span a {
        font-family: "Merriweather", serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #004E60 !important;
        text-decoration: underline;
        font-style: normal;
        font-weight: 400;
    }

figcaption {
    font-size: 1.28rem !important;
    line-height: 1.92rem;
    font-family: "Merriweather", serif;
    margin: 8px 0;
    font-style: italic;
    color: #666666;
}

p.small, p.small a, span.small, span.small a, small, small a {
    font-family: "Merriweather", serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 400;
    color: #000000;
}

p.meta, p.meta a {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 400;
    color: #000000;
}

p.meta-mw {
    font-family: "Merriweather", serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 400;
    color: #000000;
}

    p.meta-mw a {
        font-family: "Merriweather", serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        color: #004E60;
        text-decoration: underline;
    }

b, strong {
    font-family: "Merriweather", serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #000000;
}

    b em, strong em {
        font-weight: 600;
    }

    b a, strong a {
        font-family: "Merriweather", serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 600;
        color: #004E60 !important;
        text-decoration: underline;
    }

em {
    font-family: "Merriweather", serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #000000;
    font-style: italic;
}

    em a {
        font-family: "Merriweather", serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #004E60;
        font-style: italic;
        text-decoration: underline;
    }

ul, ol {
    margin: 1rem 0;
    padding-inline-start: 20px;
}

    ul li, ol li {
        font-family: "Merriweather", serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #000000;
        margin-bottom: 1rem;
    }

        ul li a, ol li a {
            font-family: "Merriweather", serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #004E60;
            text-decoration: underline;
        }

ol {
    list-style: decimal;
    margin-left: 0%;
}

    ol ol {
        list-style: lower-alpha;
    }

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 2%;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 2%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    max-width: 100%;
    padding: 0.75em 2.5em;
}

input[type="text"], input[type="email"], input[type="phone"] {
    height: 25px !important;
}

input[type="checkbox"] {
    accent-color: #ba0c2f;
}

input[type="search"] {
    height: 25px;
}

textarea {
    height: 150px;
}

button[type="submit"] {
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0rem;
    background: #ba0c2f;
    color: #fff;
    width: 100%;
    padding: 1.5rem 3rem;
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    text-align: center;
    border: none !important;
}

input[type="text"], input[type="email"], textarea, button, input, select {
    margin-bottom: 1rem;
    margin-top: .5rem;
    border: 2px solid #666666;
    padding: 1.5rem;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    border-radius: 3px;
}

label {
    margin-bottom: 1.5em;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 500;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="range"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
textarea:-moz-placeholder,
select {
    border: none;
    outline: none;
    color: #666666;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: "Merriweather", serif;
    color: #666666;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="range"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select {
    font-family: "Merriweather", serif;
    color: #666666;
}

button,
input,
select,
textarea {
    font-family: "Merriweather Sans", sans-serif;
}

textarea {
    max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    max-width: 100%;
    padding: 0.75em 2.5em;
}

input[type="text"], input[type="email"], input[type="phone"] {
    height: 55px;
}

textarea {
    height: 150px;
}

button[type="submit"] {
    text-transform: uppercase;
    border-radius: 3px;
    margin: 0rem;
    background: #ba0c2f;
    color: #fff;
    width: 100%;
    padding: 1.5rem 3rem;
    font-family: "Oswald", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    text-align: center;
    border: none !important;
}

input[type="text"], input[type="email"], textarea, button, input, select {
    margin-bottom: 1rem;
    margin-top: .5rem;
    border: 2px solid #666666;
    padding: 1.5rem;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    border-radius: 3px;
}

label {
    margin-bottom: .5em;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #000000;
    font-style: normal;
    font-weight: 500;
}

input[type="text"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="range"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
textarea:-moz-placeholder {
    border: none;
    outline: none;
}

input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="range"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: "Merriweather", serif;
}

input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="range"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: "Merriweather", serif;
}

button,
input,
select,
textarea {
    font-family: "Merriweather Sans", sans-serif;
}

textarea {
    max-width: 100%;
}

input[type="search"] {
    width: auto;
    height: auto;
}

select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: transparent !important;
    background-image: url("/Content/assets/images/icons/icon-arrrowdropdown.svg") !important;
    background-repeat: no-repeat !important;
    background-position-x: 98% !important;
    background-position-y: 18px !important;
    padding: 1rem;
    padding-right: 2rem;
}

.search {
    margin-bottom: 3rem;
}

@media (max-width: 650px) {
    .search {
        margin-bottom: 1.5rem;
    }
}

.search form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

    .search form input {
        width: 85%;
        background: #FFFFFF;
        border: 2px solid #BFBFBF;
        border-radius: 0;
    }

@media (max-width: 991px) {
    .search form input {
        width: 100%;
    }
}

.search form button {
    width: 106px;
    margin-left: 1rem;
    border: none;
    color: #fff;
    background: #ba0c2f;
    border-radius: 2px;
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-style: normal !important;
    text-transform: uppercase;
    font-weight: 500;
}

    .search form button span {
        color: #fff;
        vertical-align: middle;
    }

    .search form button:hover {
        background: #950A26;
    }

@media (max-width: 991px) {
    .search form button {
        width: 100%;
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
# Flex Classes
--------------------------------------------------------------*/
.display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
}

/*--------------------------------------------------------------
  # Grid
  --------------------------------------------------------------*/
.row-space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

.row-space-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: space-around;
}

.row-space-evenly {
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
}

.justify-left {
    justify-content: left;
}

/*--------------------------------------------------------------
# Flex Width Classes
--------------------------------------------------------------*/
.flex-10 {
    flex: 0 0 10%;
}

@media (max-width: 991px) {
    .flex-10 {
        flex: 0 0 100%;
    }
}

.flex-10-nw {
    flex: 0 0 10%;
}

.flex-15 {
    flex: 0 0 15%;
}

@media (max-width: 991px) {
    .flex-15 {
        flex: 0 0 100% !important;
    }
}

.flex-15-nw {
    flex: 0 0 15%;
}

.flex-20 {
    flex: 0 0 20%;
}

@media (max-width: 991px) {
    .flex-20 {
        flex: 0 0 100% !important;
    }
}

.flex-20-interior {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20%;
    order: 1;
}

@media (max-width: 991px) {
    .flex-20-interior {
        width: 100%;
        order: 2;
        padding: 0 3rem;
    }
}

@media (max-width: 650px) {
    .flex-20-interior {
        padding: 0 1.5rem;
    }
}

.flex-20-nw {
    flex: 0 0 20%;
}

.flex-25 {
    flex: 0 0 25%;
}

@media (max-width: 991px) {
    .flex-25 {
        flex: 0 0 100% !important;
    }
}

.flex-25-nw {
    flex: 0 0 25%;
}

.flex-30 {
    flex: 0 0 30%;
}

@media (max-width: 991px) {
    .flex-30 {
        flex: 0 0 100% !important;
    }
}

.flex-30-hp {
    flex: 0 0 30%;
}

@media (max-width: 650px) {
    .flex-30-hp {
        flex: 0 0 100% !important;
    }
}

.flex-30-home {
    flex: 0 0 30%;
}

@media (max-width: 1200px) {
    .flex-30-home {
        flex: 0 0 100% !important;
    }
}

.flex-30-nw {
    flex: 0 0 30%;
}

.flex-33 {
    flex: 0 0 33%;
}

@media (max-width: 991px) {
    .flex-33 {
        flex: 0 0 100% !important;
    }
}

.flex-33-nw {
    flex: 0 0 33%;
}

.flex-35 {
    flex: 0 0 35%;
}

@media (max-width: 991px) {
    .flex-35 {
        flex: 0 0 100% !important;
    }
}

.flex-35-nw {
    flex: 0 0 35%;
}

.flex-40 {
    flex: 0 0 40%;
}

@media (max-width: 991px) {
    .flex-40 {
        flex: 0 0 100% !important;
    }
}

.flex-40-nw {
    flex: 0 0 40%;
}

.flex-45 {
    flex: 0 0 45%;
}

@media (max-width: 991px) {
    .flex-45 {
        flex: 0 0 100% !important;
    }
}

.flex-45-nw {
    flex: 0 0 45%;
}

.flex-50 {
    flex: 0 0 50%;
}

@media (max-width: 991px) {
    .flex-50 {
        flex: 0 0 100% !important;
    }
}

.flex-50-hp {
    flex: 0 0 50%;
}

@media (max-width: 650px) {
    .flex-50-hp {
        flex: 0 0 100% !important;
    }
}

.flex-50-nw {
    flex: 0 0 50%;
}

.flex-60 {
    flex: 0 0 60%;
}

@media (max-width: 991px) {
    .flex-60 {
        flex: 0 0 100% !important;
    }
}

.flex-65 {
    flex: 0 0 65%;
}

@media (max-width: 991px) {
    .flex-65 {
        flex: 0 0 100% !important;
    }
}

.flex-60-nw {
    flex: 0 0 60%;
}

.flex-70 {
    flex: 0 0 70%;
}

@media (max-width: 991px) {
    .flex-70 {
        flex: 0 0 100% !important;
    }
}

.flex-75 {
    flex: 0 0 70%;
}

@media (max-width: 991px) {
    .flex-75 {
        flex: 0 0 100% !important;
    }
}

.flex-70-hp {
    flex: 0 0 70%;
}

@media (max-width: 650px) {
    .flex-70-hp {
        flex: 0 0 100% !important;
    }
}

.flex-70-nw {
    flex: 0 0 70%;
}

.flex-80 {
    flex: 0 0 80%;
}

@media (max-width: 991px) {
    .flex-80 {
        flex: 0 0 100% !important;
    }
}

.flex-80-interior {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    order: 2;
    width: 80%;
}

@media (max-width: 991px) {
    .flex-80-interior {
        width: 100%;
        order: 1;
        padding: 0 3rem;
    }
}

@media (max-width: 650px) {
    .flex-80-interior {
        padding: 0 1.5rem;
    }
}

.flex-80-nw {
    flex: 0 0 80%;
}

.flex-90 {
    flex: 0 0 90%;
}

@media (max-width: 991px) {
    .flex-90 {
        flex: 0 0 100% !important;
    }
}

.flex-90-nw {
    flex: 0 0 90%;
}

.flex-100 {
    flex: 0 0 100%;
}

/*--------------------------------------------------------------
  # Padding and Margin Classes
  --------------------------------------------------------------*/
.p2 {
    padding: 2rem;
}

.ptb-1 {
    padding: 1rem 0rem;
}

.p5-tb {
    padding: 5rem 0rem;
}

@media (max-width: 991px) {
    .p5-tb {
        padding: 2rem 1.5rem !important;
    }
}

.p3-tb {
    padding: 3rem 0rem;
}

.p3 {
    padding: 3rem;
}

.p2-tb {
    padding: 2rem 0rem;
}

.p2-8-tb {
    padding: 2rem 0rem 8rem 0;
}

@media (max-width: 650px) {
    .p2-8-tb {
        padding: 0 0 2rem 0;
    }
}

.p15-rl {
    padding: 0rem 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.p2-rl {
    padding: 0rem 2rem;
}

.p3-rl {
    padding: 0px 30px;
}

.p2-r {
    padding: 0rem 2rem 0em 0em;
}

.p2-l {
    padding: 0rem 0rem 0em 4em !important;
}

@media (max-width: 991px) {
    .p2-l {
        padding: 3rem 0rem 3em 0em !important;
    }
}

.p2-l-hp {
    padding: 0rem 0rem 0em 2em;
}

.p2-l-m {
    padding: 0rem 0rem 0em 2em;
}

.p3-r {
    padding: 0rem 3rem 0em 0em;
}

.p3-l {
    padding: 0rem 0rem 0em 3em;
}

@media (max-width: 991px) {
    .p3-l {
        padding: 2rem 0;
    }
}

.ptb-2 {
    padding: 2rem 0rem;
}

.p2-t {
    padding-top: 2rem;
}

.pr-2 {
    padding-right: 2rem;
}

.pl-2 {
    padding-left: 2rem;
}

.p5-tb {
    padding: 5rem 1.5rem;
}

.p2-b {
    padding-bottom: 2rem;
}

.p1-tb {
    padding: 1rem 0rem;
}

.p1-r {
    padding-right: 1rem;
}

@media (max-width: 650px) {
    .p1-r {
        padding: 0 0 1rem 0;
    }
}

.p4 {
    padding: 4rem 0rem;
}

.p5 {
    padding: 5rem 0rem;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: 3rem;
}

.p2-b {
    padding-bottom: 2rem;
}

.p6-tb {
    padding: 6rem 0;
}

.pl-3 {
    padding-left: 3rem;
}

/*--------------------------------------------------------------
  # Width classes
  --------------------------------------------------------------*/
.w-50 {
    width: 50%;
    padding: 1rem;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .w-50 {
        width: 100%;
    }
}

/*--------------------------------------------------------------
# Color Classes
--------------------------------------------------------------*/
.purple, .color-purple {
    color: #66435a !important;
}

.red, .color-red {
    color: #ba0c2f !important;
}

.blue, .color-blue {
    color: #00A3AD !important;
}

.navy, .color-navy {
    color: #004E60 !important;
}

.white, .color-white {
    color: #fff !important;
}

.black, .color-black {
    color: #000000 !important;
}

.green, .color-green {
    color: #B7BF10 !important;
}

.gray, .color-gray {
    color: #554f47 !important;
}

.creamery {
    color: #ACA592;
}

span.material-icons.creamery {
    font-size: 14px;
    top: -5px;
    position: relative;
}

.bg-creamery {
    background-color: #F5F4F0;
}

.bg-white {
    background-color: #fff;
}

.bg-uga-red {
    background-color: #ba0c2f;
}

.bg-tan {
    background: #F5F4F0;
}

/*--------------------------------------------------------------
  # Text Align
  --------------------------------------------------------------*/
.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/*--------------------------------------------------------------
  # HR
  --------------------------------------------------------------*/
hr {
    margin: 1.5rem 0;
    border-top: 2px solid #DEDEDE;
    background: transparent;
    outline: none;
    color: transparent;
    box-shadow: none;
    border-style: solid;
}

.ml-auto {
    margin-left: auto;
}

footer.ugafooter span, footer.ugafooter p, footer.ugafooter p a, footer.ugafooter span a, footer.ugafooter a, footer.ugafooter i {
    color: #fff !important;
}

h1.siteLogo a img {
    width: auto;
    height: 70px;
}

header {
    box-shadow: 0 2px 4px 0 #DEDEDE;
    margin-bottom: .2rem;
    padding: 0;
    position: sticky;
    top: 0;
    width: 100%;
    background: white;
    z-index: 10000;
}

@media (max-width: 991px) {
    header {
        position: relative;
    }
}

header h1 {
    line-height: 0;
    margin-bottom: 0;
}

header #navMain ul.subnav {
    margin-left: auto;
    padding-bottom: 1rem;
    margin-block-end: 0;
    float: right;
    padding-inline-end: 0;
    margin-top: 2rem;
}

#wrapper {
    max-width: 1110px;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

@media (max-width: 1350px) {
    #wrapper {
        padding: 1rem;
    }
}

#navMain {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
}

    #navMain ul.subnav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        list-style-type: none;
        -webkit-box-align: flex-end;
        -webkit-align-items: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
        -webkit-box-align: flex-end;
        -webkit-align-content: flex-end;
        align-content: flex-end;
        margin-left: auto;
        margin: 0;
        padding: 0;
        padding-block-end: 0;
        padding-block-start: 0;
        margin-block-start: 0;
        margin-block-end: 0;
    }

        #navMain ul.subnav li {
            padding-left: 1.5rem;
            border-bottom: none;
            position: relative;
        }

            #navMain ul.subnav li a {
                font-family: "Oswald", sans-serif;
                font-size: 1.6rem;
                line-height: 2.4rem;
                font-weight: 400;
                color: #000000;
                font-style: normal;
                text-transform: uppercase;
                font-weight: 400;
                text-decoration: none;
            }

                #navMain ul.subnav li a:hover, #navMain ul.subnav li a:focus {
                    color: #ba0c2f;
                }

                #navMain ul.subnav li a span.material-symbols-outlined {
                    vertical-align: middle;
                    margin-bottom: 0;
                }

            #navMain ul.subnav li ul.sub-subnav {
                display: none;
            }

            #navMain ul.subnav li span {
                vertical-align: middle;
            }

            #navMain ul.subnav li a#searchToggle {
                width: 142px;
                height: 48px;
                color: #fff;
                background: #ba0c2f;
                border: 2px solid #ba0c2f;
                border-radius: 0;
                font-family: "Oswald", sans-serif;
                font-size: 1.6rem;
                line-height: 1.6rem;
                font-weight: 500;
                font-style: normal !important;
                text-transform: uppercase;
                font-weight: 500;
                padding: 1rem .5rem;
                margin: 0 1rem;
            }

                #navMain ul.subnav li a#searchToggle span {
                    color: #fff;
                    vertical-align: middle;
                }

                #navMain ul.subnav li a#searchToggle:hover {
                    background: #950A26;
                }

@media (max-width: 991px) {
    #navMain ul.subnav li a#searchToggle {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    #navMain ul.subnav li ul {
        display: none;
    }

    #navMain ul.subnav li:hover ul.sub-subnav, #navMain ul.subnav li:focus ul.sub-subnav {
        display: none;
    }
}

#navMain form.desktop-search-activated {
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
}

@media (max-width: 991px) {
    #navMain form.desktop-search-activated {
        display: none;
    }
}

#navMain form.desktop-search-activated input {
    width: 20vw;
    height: 40px;
    background: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 0;
}

@media (max-width: 991px) {
    #navMain form.desktop-search-activated input {
        width: 100%;
    }
}

#navMain form.desktop-search-activated button.search {
    width: 142px;
    height: 48px;
    color: #fff;
    background: #ba0c2f;
    border: 2px solid #ba0c2f;
    border-radius: 0;
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-style: normal !important;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1rem .5rem;
    margin: 0 1rem;
    height: 58px;
    top: -3px;
    position: relative;
}

    #navMain form.desktop-search-activated button.search span {
        color: #fff;
        vertical-align: middle;
    }

    #navMain form.desktop-search-activated button.search:hover {
        background: #950A26;
    }

@media (max-width: 991px) {
    #navMain form.desktop-search-activated button.search {
        width: 100%;
        margin-left: 0;
    }
}

#navMain form.desktop-search-activated button#closeSearch {
    width: 142px;
    height: 48px;
    margin: 1rem auto;
    color: #ba0c2f;
    background: #fff;
    border: 2px solid #ba0c2f;
    border-radius: 0;
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-style: normal !important;
    text-transform: uppercase;
    font-weight: 500;
    padding: .75rem .5rem;
    margin: 0;
    height: 58px;
    top: -3px;
    position: relative;
}

    #navMain form.desktop-search-activated button#closeSearch span {
        color: #ba0c2f;
        vertical-align: middle;
    }

    #navMain form.desktop-search-activated button#closeSearch:hover {
        background: #950A26;
        border: 2px solid #950A26;
        color: #fff;
    }

        #navMain form.desktop-search-activated button#closeSearch:hover span {
            color: #fff;
        }

@media (max-width: 991px) {
    #navMain form.desktop-search-activated button#closeSearch {
        width: 100%;
        margin-left: 0;
    }
}

#navMain ul.subnav-mobile {
    display: none !important;
}

@media (max-width: 991px) {
    #navMain ul.subnav-mobile {
        display: block; /*1 May 2025*/
        list-style-type: none;
        text-align: left;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 10000;
    }

        #navMain ul.subnav-mobile.active { /*May 2025*/
            display: block;
        }

        #navMain ul.subnav-mobile li {
            padding: 1rem 1rem;
            text-align: left;
            /*border-bottom: 1px solid #CFD1D1;*/
            position: relative;
        }

            #navMain ul.subnav-mobile li:not(:last-child) {
                border-bottom: 1px solid #CFD1D1;
            }

            #navMain ul.subnav-mobile li a {
                text-align: left;
                font-family: "Oswald", sans-serif;
                font-size: 1.6rem;
                line-height: 2.4rem;
                font-weight: 400;
                color: #000000;
                font-style: normal;
                text-transform: uppercase;
                font-weight: 400;
                text-decoration: none;
            }

                #navMain ul.subnav-mobile li a:hover, #navMain ul.subnav-mobile li a:focus {
                    color: #ba0c2f;
                }

            #navMain ul.subnav-mobile li form.search-mobile input {
                width: 81vw;
                height: 40px;
                background: #FFFFFF;
                border: 2px solid #BFBFBF;
                border-radius: 0;
            }

            #navMain ul.subnav-mobile li form.search-mobile button span {
                color: #fff;
                vertical-align: middle;
            }
}

@media (max-width: 991px) {
    #navMain {
        width: 100%;
    }

        #navMain nav {
            width: 100%;
        }
}

@media (max-width: 650px) {
    #navMain ul.subnav-mobile li form.search-mobile input {
        width: 81vw;
    }
}

#navMain {
    /*
  @media screen and (min-width: 991px) {
    .subnav {
      display: block !important;
    }
  }
  */
}

    #navMain .nav-mobile {
        display: none;
        position: absolute;
        top: 30%;
        right: 3%;
        background: #ba0c2f;
        color: #fff;
        height: 48px;
        width: 99px;
    }

        #navMain .nav-mobile a#nav-toggle, a#nav-toggle-close {
            font-family: "Oswald", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 500;
            color: #fff;
            font-style: normal;
            font-weight: 500 !important;
            text-transform: uppercase;
            text-decoration: none;
            margin: 0 auto;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-align: center;
            -webkit-align-content: center;
            align-content: center;
        }

            #navMain .nav-mobile a#nav-toggle span {
                color: #fff;
                font-size: 3rem;
                vertical-align: middle;
                padding-right: .5rem;
            }

@media only screen and (max-width: 991px) {
    #navMain .nav-mobile {
        display: block;
        top: 5%;
    }

    #navMain nav {
        width: 100%;
    }

    #navMain .subnav {
        position: static;
    }
}

#navMain #nav-toggle {
    position: absolute;
    cursor: pointer;
    top: 20%;
    left: 10%;
}

ul.breadcrumbs {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    text-align: left;
    margin: 0;
    padding: 2rem 0 0 0;
}

    ul.breadcrumbs li {
        padding-right: 1rem;
        color: #666666;
        text-decoration: none;
        font-family: "Oswald", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 500;
    }

        ul.breadcrumbs li a {
            color: #000;
            text-decoration: none;
            font-family: "Oswald", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 500;
            font-style: normal;
            text-transform: uppercase;
        }

        ul.breadcrumbs li:not(:last-child):after {
            content: '/';
            color: #666666;
            margin-left: 1rem;
        }

        ul.breadcrumbs li.active {
            color: #554F47;
        }

ul.sidebar-subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 650px) {
    ul.sidebar-subnav {
        display: none;
    }
}

ul.sidebar-subnav li.n-b-b {
    padding-left: 0 !important;
}

    ul.sidebar-subnav li.n-b-b:hover, ul.sidebar-subnav li.n-b-b:focus {
        background: #fff;
    }

ul.sidebar-subnav li {
    padding: 1rem 1rem 1rem 1rem;
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    color: #00A3AD;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 0;
}

    ul.sidebar-subnav li a {
        font-family: "Oswald", sans-serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #004E60;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 400;
        text-decoration: none;
        width: 100%;
        padding: 0.5rem 0;
        display: block;
    }

        ul.sidebar-subnav li a:after {
            font-family: "Material Icons";
            content: '\e313';
            margin-left: auto;
            float: right;
            font-size: 24px;
            color: #004E60;
        }

    ul.sidebar-subnav li.no-child a:after {
        font-family: "Material Icons";
        content: "";
        margin-left: auto;
        float: right;
        font-size: 24px;
        color: transparent;
    }

    ul.sidebar-subnav li:hover {
        background: #F5F4F0;
    }

    ul.sidebar-subnav li span.items-selcted, ul.sidebar-subnav li span.items-selected {
        color: #666666;
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        padding-left: 1rem;
        text-transform: none;
    }

    ul.sidebar-subnav li.active {
        padding: 1rem;
        font-family: "Oswald", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        color: #00A3AD;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400;
        background: #F5F4F0;
        border-bottom: 1px solid #DEDEDE;
        border-left: 4px solid #ba0c2f;
        margin-bottom: 0;
    }

        ul.sidebar-subnav li.active a {
            font-family: "Oswald", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #004E60;
            font-style: normal;
            text-transform: uppercase;
            font-weight: 400;
            text-decoration: none;
            padding: 0.5rem 0;
        }

            ul.sidebar-subnav li.active a:after {
                font-family: "Material Icons";
                content: '\e316';
                margin-left: auto;
                float: right;
                font-size: 24px;
                color: #004E60;
            }

        ul.sidebar-subnav li.active.no-child a:after {
            font-family: "Material Icons";
            content: "";
            margin-left: auto;
            float: right;
            font-size: 0px;
            color: transparent;
        }

        ul.sidebar-subnav li.active ul {
            list-style-type: none;
            margin: 1rem 0;
            padding-left: 0;
            display: block;
            background: white;
            border-bottom: 1px solid #DEDEDE;
        }

            ul.sidebar-subnav li.active ul li {
                font-family: "Merriweather Sans", sans-serif;
                font-size: 1.28rem;
                line-height: 1.92rem;
                font-weight: 400;
                color: #000000;
                font-style: normal;
                text-transform: none;
                font-weight: 400;
                text-decoration: none;
                border-bottom: none;
                padding: 0;
            }

ul.sidebar-subnav ul.select-subnav {
    list-style-type: none;
    margin: 0rem 0;
    padding: 1rem;
    background: white;
    max-height: 200px;
    overflow: scroll;
    border-bottom: 1px solid #DEDEDE;
}

    ul.sidebar-subnav ul.select-subnav:hover, ul.sidebar-subnav ul.select-subnav:focus {
        background: white;
    }

    ul.sidebar-subnav ul.select-subnav input[type="search"], ul.sidebar-subnav ul.select-subnav input[type="text"] {
        font-family: "Merriweather", serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        width: 277.5px;
    }

    ul.sidebar-subnav ul.select-subnav li.inactive, ul.sidebar-subnav ul.select-subnav input.inactive {
        color: #666666 !important;
    }

    ul.sidebar-subnav ul.select-subnav li {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        text-transform: none;
        font-weight: 400;
        text-decoration: none;
        border-bottom: none;
        padding: 0;
        text-indent: -1.8em;
        padding-left: 1.6em;
        vertical-align: middle;
    }

        ul.sidebar-subnav ul.select-subnav li:hover, ul.sidebar-subnav ul.select-subnav li:focus {
            background: transparent;
        }

        ul.sidebar-subnav ul.select-subnav li span.items-selcted, ul.sidebar-subnav ul.select-subnav li span.items-selected {
            color: #666666;
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
        }

span.description {
    color: #666666;
    font-family: "Merriweather Sans", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 400;
    text-transform: none;
}

ul.sidebar-subnav ul.select-subnav li .tooltip {
    margin-left: 5.5rem;
    top: 8px;
}

    ul.sidebar-subnav ul.select-subnav li .tooltip .tooltiptext {
        width: 250px;
        z-index: 1;
    }

ul.sidebar-subnav input[type="search"] {
    background: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 0;
    width: 100%;
    padding: 1rem;
}

@media (max-width: 991px) {
    ul.sidebar-subnav input[type="search"] {
        width: 100%;
    }
}

.order-2-m {
    order: 1;
}

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

.order-1-m {
    order: 2;
}

@media (max-width: 991px) {
    .order-1-m {
        order: 1;
    }
}

.height-hundred {
    height: 100%;
    padding: 0 0 0 2rem;
}

@media (max-width: 991px) {
    .height-hundred {
        height: auto;
        padding: 0;
    }
}

ul.sidebar-subnav-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    padding: 0rem;
    padding-inline-start: 0;
    margin: 0;
}

    ul.sidebar-subnav-mobile li.n-b-b {
        border-bottom: none;
        padding-left: 1.5rem !important;
    }

        ul.sidebar-subnav-mobile li.n-b-b:hover, ul.sidebar-subnav-mobile li.n-b-b:focus {
            background: #fff;
        }

    ul.sidebar-subnav-mobile li {
        padding: 2rem 0rem 2rem 0rem;
        font-family: "Oswald", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 500;
        color: #00A3AD;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 500;
        border-bottom: 1px solid #DEDEDE;
    }

        ul.sidebar-subnav-mobile li a {
            font-family: "Oswald", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #004E60;
            font-style: normal;
            text-transform: uppercase;
            font-weight: 400;
            text-decoration: none;
            width: 100%;
            padding: 1.5rem;
        }

            ul.sidebar-subnav-mobile li a:after {
                font-family: "Material Icons";
                content: '\e5e1';
                margin-left: auto;
                float: right;
                padding-right: 1rem;
                font-size: 15px;
                color: #004E60;
            }

        ul.sidebar-subnav-mobile li:hover {
            background: #F5F4F0;
        }

        ul.sidebar-subnav-mobile li span.items-selcted, ul.sidebar-subnav-mobile li span.items-selected {
            color: #666666;
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            padding-left: 1rem;
            text-transform: none;
        }

        ul.sidebar-subnav-mobile li.active {
            padding: 2rem 0rem 2rem 0rem;
            font-family: "Oswald", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #00A3AD;
            text-transform: uppercase;
            font-style: normal;
            font-weight: 400;
        }

            ul.sidebar-subnav-mobile li.active a {
                font-family: "Oswald", sans-serif;
                font-size: 1.6rem;
                line-height: 2.4rem;
                font-weight: 400;
                color: #004E60;
                font-style: normal;
                text-transform: uppercase;
                font-weight: 400;
                text-decoration: none;
                padding: 1.5rem;
            }

                ul.sidebar-subnav-mobile li.active a:after {
                    content: none;
                }

                ul.sidebar-subnav-mobile li.active a:before {
                    font-family: "Material Icons";
                    content: '\e5e0';
                    margin-left: auto;
                    float: left;
                    font-size: 15px;
                    color: #004E60;
                    padding: 0 1rem;
                }

            ul.sidebar-subnav-mobile li.active ul {
                list-style-type: none;
                margin: 1rem 0;
                padding-left: 0;
                display: block;
                background: white;
            }

                ul.sidebar-subnav-mobile li.active ul li {
                    font-family: "Merriweather Sans", sans-serif;
                    font-size: 1.28rem;
                    line-height: 1.92rem;
                    font-weight: 400;
                    color: #000000;
                    font-style: normal;
                    text-transform: none;
                    font-weight: 400;
                    text-decoration: none;
                    border-bottom: none;
                    padding: 0;
                }

    ul.sidebar-subnav-mobile ul.select-subnav {
        list-style-type: none;
        margin: 0rem 0;
        padding: 1rem;
        background: white;
        max-height: 300px;
        overflow: scroll;
    }

        ul.sidebar-subnav-mobile ul.select-subnav:hover, ul.sidebar-subnav-mobile ul.select-subnav:focus {
            background: white;
        }

        ul.sidebar-subnav-mobile ul.select-subnav input[type="search"], ul.sidebar-subnav-mobile ul.select-subnav input[type="text"] {
            font-family: "Merriweather", serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
        }

        ul.sidebar-subnav-mobile ul.select-subnav li.inactive, ul.sidebar-subnav-mobile ul.select-subnav input.inactive {
            color: #666666 !important;
        }

        ul.sidebar-subnav-mobile ul.select-subnav li {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #000000;
            font-style: normal;
            text-transform: none;
            font-weight: 400;
            text-decoration: none;
            border-bottom: none;
            padding: 1rem;
            text-indent: -2em;
            padding-left: 2em;
            vertical-align: middle;
            border-bottom: 1px solid #DEDEDE;
        }

            ul.sidebar-subnav-mobile ul.select-subnav li:hover, ul.sidebar-subnav-mobile ul.select-subnav li:focus {
                background: transparent;
            }

            ul.sidebar-subnav-mobile ul.select-subnav li span.items-selcted, ul.sidebar-subnav-mobile ul.select-subnav li span.items-selected {
                color: #666666;
                font-family: "Merriweather Sans", sans-serif;
                font-size: 1.28rem;
                line-height: 1.92rem;
                font-weight: 400;
            }

            ul.sidebar-subnav-mobile ul.select-subnav li .tooltip {
                margin-left: 5.5rem;
                top: 8px;
            }

                ul.sidebar-subnav-mobile ul.select-subnav li .tooltip .tooltiptext {
                    width: 250px;
                    z-index: 1;
                }

    ul.sidebar-subnav-mobile input[type="search"] {
        background: #FFFFFF;
        border: 2px solid #BFBFBF;
        border-radius: 0;
        width: 100%;
        padding: 1rem;
    }

@media (max-width: 991px) {
    ul.sidebar-subnav-mobile input[type="search"] {
        width: 100%;
    }
}

h5.advanced-search {
    padding: 0;
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    color: #00A3AD;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
}

ul.subnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style-type: none;
    padding: 3rem 3rem 3rem 0;
    margin: 0;
}

    ul.subnav li {
        padding: 1rem 0;
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
        color: #000000;
        font-style: normal;
        font-weight: 400;
        border-bottom: 1px solid #dedede;
    }

        ul.subnav li a {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #000000;
            font-style: normal;
            font-weight: 400;
            text-decoration: none;
        }

@media (max-width: 991px) {
    ul.subnav {
        display: none !important;
    }
}

ul.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none;
    padding-inline-start: 0;
    margin-left: 0;
}

    ul.pagination li {
        padding: 0 .5rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-content: center;
        align-content: center;
        font-family: "Merriweather", serif;
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
    }

        ul.pagination li a {
            font-family: "Merriweather", serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #000000;
            text-decoration: none;
        }

            ul.pagination li a.current {
                border: 2px solid #DEDEDE;
                padding: 1rem 2rem;
            }

    ul.pagination li {
        border: none;
    }

        ul.pagination li a.prev, ul.pagination li a.next {
            width: 25px;
            height: 25px;
            padding: .6rem;
        }

            ul.pagination li a.prev:hover, ul.pagination li a.prev:focus, ul.pagination li a.next:hover, ul.pagination li a.next:focus {
                background: #EBE9E2;
                border-radius: 50%;
            }

                ul.pagination li a.prev:hover span, ul.pagination li a.prev:focus span, ul.pagination li a.next:hover span, ul.pagination li a.next:focus span {
                    color: #004E60;
                }

section.masthead {
    background-image: url("/Content/assets/images/home/prism.png");
    background-size: cover;
    background-position: 50%;
}

    section.masthead .masthead-text {
        max-width: 50%;
        margin: 0 auto;
        padding: 1.5rem;
    }

@media (max-width: 1200px) {
    section.masthead .masthead-text {
        max-width: 100%;
    }
}

section.masthead span.subheader {
    font-family: "Oswald", sans-serif;
    font-size: 3.125rem;
    line-height: 3.75rem;
    font-weight: 400;
    color: #554f47;
    text-transform: uppercase;
}

section.masthead ul.main-subnav {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

    section.masthead ul.main-subnav li {
        padding: 1rem 0;
        border-bottom: 1px solid #554f47;
    }

        section.masthead ul.main-subnav li a {
            font-family: "Oswald", sans-serif;
            font-size: 2rem;
            line-height: 3rem;
            font-weight: 400;
            color: #554f47;
            text-decoration: none;
            padding: 1rem 0;
            text-transform: uppercase;
        }

        section.masthead ul.main-subnav li:after {
            font-family: "Material Icons";
            content: '\e315';
            margin-left: auto;
            float: right;
            font-size: 24px;
            color: rgba(85, 79, 71, 0.4);
        }

        section.masthead ul.main-subnav li:hover:after, section.masthead ul.main-subnav li:focus:after {
            color: #554f47;
        }

section.masthead .masthead-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 629px;
    background-image: url("/Content/assets/images/home/home-students-2400x1600.jpg");
    /*background-image: url("/Content/assets/images/home/home-students-2400x1600.webp");*/
    width: 50%;
    margin-left: 0rem;
}

@media (max-width: 1900px) {
    section.masthead .masthead-bg {
        width: 40%;
    }
}

@media (max-width: 1200px) {
    section.masthead .masthead-bg {
        width: 100%;
    }
}

@media (max-width: 991px) {
    section.masthead .masthead-bg {
        width: 100%;
        margin-left: 0;
        height: 100%;
        height: 629px;
    }
}

@media (max-width: 650px) {
    section.masthead .masthead-bg {
        display: none;
    }
}

@media (max-width: 650px) {
    .herty-shield {
        display: none;
    }
}

.entry-card {
    width: 24%;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
}

.entry-card-lg {
    width: 31%;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

    .entry-card a, .entry-card-lg a {
        text-decoration: none;
    }

.entry-card--image {
    height: 144px;
    /* [1.1] Set it as per your need */
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
}

.entry-card-lg--image {
    height: 120px;
    overflow: hidden;
}

    .entry-card--image img, .entry-card-lg--image img {
        transition: transform .5s ease;
    }

    .entry-card--image:hover img, .entry-card--image:focus img, .entry-card-lg--image:hover img, .entry-card-lg--image:focus img {
        transform: scale(1.2);
    }

@media (max-width: 650px) {
    .entry-card--image, .entry-card-lg--image {
        height: 202px;
    }
}

.entry-card--text, .entry-card-lg--text {
    padding: 1.5rem;
}

@media (max-width: 991px) {
    .entry-card, .entry-card-lg {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.entry-card:hover, .entry-card:focus, .entry-card-lg:hover, .entry-card-lg:focus {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.home-slider {
    padding: 5rem 0 8rem 0;
}

@media (max-width: 650px) {
    .home-slider {
        padding: 3rem 0;
    }

        .home-slider .p2-tb {
            padding: 0;
        }
}

.home-slider .testimonial-slider {
    padding: 1rem 3rem;
}

    .home-slider .testimonial-slider h4 {
        margin: 2rem auto;
        max-width: 95%;
    }

.slick-prev:before, .slick-next:before {
    content: none !important;
}

.home-slider .testimonial-slider .slick-prev.slick-arrow {
    background: url("/Content/assets/images/icons/icon-slideshow-arrow-left.svg");
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

@media (max-width: 991px) {
    .home-slider .testimonial-slider .slick-prev.slick-arrow {
        display: none !important;
    }
}

.home-slider .testimonial-slider .slick-next.slick-arrow {
    background: url("/Content/assets/images/icons/icon-slideshow-arrow-right.svg");
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
}

@media (max-width: 991px) {
    .home-slider .testimonial-slider .slick-next.slick-arrow {
        display: none !important;
    }
}

.home-slider .testimonial-slider ul.slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    bottom: -30%;
    z-index: 5;
    padding-top: 2rem;
    padding-left: 0;
    margin-left: 0;
    left: 0;
}

@media (max-width: 991px) {
    .home-slider .testimonial-slider ul.slick-dots {
        bottom: -40% !important;
    }
}

.home-slider .testimonial-slider ul.slick-dots li {
    list-style-type: none;
}

    .home-slider .testimonial-slider ul.slick-dots li button::before {
        background: url("/Content/assets/images/icons/icon-radio-unchecked.svg");
        text-indent: -9999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    .home-slider .testimonial-slider ul.slick-dots li.slick-active button::before {
        /*background: url("../images/icons/icon-radio-checked.svg");*/ /*31 march 2025: Replaced with style.css and modified URL*/
        background: url("/Content/assets/images/icons/icon-radio-checked.svg");
        text-indent: -9999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

@media (max-width: 991px) {
    .home-slider .testimonial-slider ul.slick-dots {
        bottom: -15% !important;
    }
}

section.quicklinks {
    background-image: url("/Content/assets/images/home/cubes.png");
    background-color: #554F47;
    background-size: 60px;
    background-repeat: repeat;
    padding: 5rem 1rem;
}

    section.quicklinks ul.quick-links {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        padding-right: 3rem;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        gap: 20px;
    }

@media (max-width: 991px) {
    section.quicklinks ul.quick-links {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        gap: 0px;
        padding-right: 0rem;
        margin-bottom: 2rem;
    }
}

section.quicklinks ul.quick-links li {
    padding: 1rem 0;
    border-bottom: 1px solid #fff;
}

    section.quicklinks ul.quick-links li a {
        font-family: "Merriweather", serif;
        font-size: 2rem;
        line-height: 3rem;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        padding: 1rem 0;
    }

    section.quicklinks ul.quick-links li:after {
        font-family: "Material Icons";
        content: '\e315';
        margin-left: auto;
        float: right;
        font-size: 24px;
        color: rgba(255, 255, 255, 0.2);
    }

    section.quicklinks ul.quick-links li:hover:after, section.quicklinks ul.quick-links li:focus:after {
        color: white;
    }

.filter-bar {
    padding: 1rem 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
}

@media (max-width: 650px) {
    .filter-bar {
        display: none;
    }
}

.filter-bar ul.filter-options {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

    .filter-bar ul.filter-options li.selected-filter {
        padding: 1rem 1.5rem;
        border: 2px solid #666666;
        border-radius: 35px;
        margin-right: 1rem;
        font-family: "Oswald", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 500;
        font-style: normal;
        text-transform: uppercase;
        font-weight: 500;
        color: #554F47;
    }

        .filter-bar ul.filter-options li.selected-filter span {
            color: #554F47;
            vertical-align: middle;
            margin: 0 5px 0 0;
            font-size: 1.4rem;
            position: relative;
            top: -1px;
        }

        .filter-bar ul.filter-options li.selected-filter:hover, .filter-bar ul.filter-options li.selected-filter:focus {
            color: #fff;
            background: #666666;
            border: 2px solid #666666;
        }

            .filter-bar ul.filter-options li.selected-filter:hover span, .filter-bar ul.filter-options li.selected-filter:focus span {
                color: #fff;
            }

.filter-bar a#clearFilters, a#clearFiltersDesktop {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: #554F47;
    text-decoration: none;
}

    .filter-bar a#clearFilters span, a#clearFiltersDesktop span {
        color: #554F47;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 1.28rem;
        position: relative;
        top: -1px;
    }

    a#clearFiltersDesktop:hover {
        color: #88847E;
    }

    .filter-bar a#clearFilters:hover {
        background: #88847E;
        border-color: #88847E;
        color: #fff;
    }

        .filter-bar a#clearFilters:hover span {
            color: #88847E;
            color: #fff;
        }

.mobile-filter-bar {
    display: none;
}

@media (max-width: 650px) {
    .mobile-filter-bar {
        display: block;
    }
}

@media (max-width: 650px) {
    hr.mobile-hide, .mobile-hide {
        display: none;
    }
}

a#exportResults {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: #88847E;
}

    a#exportResults span {
        color: #88847E;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 20px;
    }

    a#exportResults:hover {
        color: #554F47;
    }

        a#exportResults:hover span {
            color: #554F47;
        }

a#clearFiltersMobile {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: #666666;
    text-decoration: none;
    border: 2px solid #666666;
    border-radius: 30px;
    padding: 1rem;
    display: block;
    width: 40%;
    text-align: center;
    margin: 0rem 1rem 0 1rem;
}

    a#clearFiltersMobile span {
        color: #666666;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 20px;
    }

    a#clearFiltersMobile:hover {
        background: #666666;
        color: #fff;
    }

        a#clearFiltersMobile:hover span {
            color: #fff;
        }

a#closeFilterToggle {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 500;
    color: #666666;
    text-decoration: none;
    border: 2px solid #666666;
    border-radius: 0px;
    padding: 1rem;
    display: block;
    width: 88%;
    text-align: center;
    margin: 1.5rem auto;
}

    a#closeFilterToggle span {
        color: #666666;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 20px;
    }

    a#closeFilterToggle:hover {
        background: #666666;
        color: #fff;
    }

        a#closeFilterToggle:hover span {
            color: #fff;
        }

a#applyFilters {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    border: 2px solid #ba0c2f;
    background: #ba0c2f;
    border-radius: 30px;
    padding: 1rem;
    display: block;
    width: 40%;
    text-align: center;
    margin: 0;
}

    a#applyFilters span {
        color: #fff;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-size: 20px;
    }

    a#applyFilters:hover {
        background: #fff;
        color: #ba0c2f;
        border: 2px solid #ba0c2f;
    }

        a#applyFilters:hover span {
            color: #ba0c2f;
        }

.anchored-bottom {
    bottom: 2%;
    position: absolute;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
}

.btn-50 {
    width: 50%;
    padding: 0rem;
}

.course-card {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #DEDEDE;
    border-radius: 2px;
    margin-bottom: 2rem;
}

.course-card--top {
    padding: 2rem 2rem 0 2rem;
}

    .course-card--top p.large, .course-card--top span {
        padding-right: .8rem;
    }

.course-card--bottom {
    padding: 0rem 2rem 2rem 2rem;
}

    .course-card--bottom p {
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
    }

.course-card ul.course-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .course-card ul.course-info li {
        padding-right: 1rem;
    }

        .course-card ul.course-info li.crn {
            font-family: "Oswald", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #004E60;
            text-transform: uppercase;
            font-style: normal;
            font-weight: 400;
        }

            .course-card ul.course-info li.crn a {
                font-family: "Oswald", sans-serif;
                font-size: 1.28rem;
                line-height: 1.92rem;
                font-weight: 400;
                color: #004E60;
                text-transform: uppercase;
                font-style: normal;
                font-weight: 400;
            }

            .course-card ul.course-info li.crn:after {
                content: '\2022';
                padding-left: 1rem;
            }

        .course-card ul.course-info li.credit-number {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #666666;
        }

.course-card a.full-description {
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    color: #00A3AD;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
}

    .course-card a.full-description:hover, .course-card a.full-description:focus {
        color: #087B7E;
    }

.degree-card ul {
    list-style-type: none;
    padding-left: 0;
}

    .degree-card ul.bullet {
        list-style-type: disc;
        padding-left: 2rem;
    }

.degree-accordion, .landing-page-accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
}

    .degree-accordion button {
        border-left: 2px solid #D6D2C4;
        border-right: none;
        border-top: none;
        border-bottom: none;
        background: transparent;
        text-align: left;
        padding: 1rem 0 1rem 1rem;
        transition: 0.4s;
        width: 100%;
        border-radius: 0;
        color: #000;
        position: relative;
    }

        .degree-accordion button span {
            width: 85%;
            display: inline-flex;
        }



.landing-page-accordion {
    border-bottom: 2px solid #D6D2C4;
}

    .landing-page-accordion button {
        border-top: 2px solid #D6D2C4;
        border-right: 2px solid #D6D2C4;
        border-left: 2px solid #D6D2C4;
        border-bottom: none;
        background: transparent;
        text-align: left;
        padding: 1rem 0 1rem 1rem;
        transition: 0.4s;
        width: 100%;
        border-radius: 0;
        display: inline-flex;
        align-items: center;
        margin: 0;
    }

        .landing-page-accordion button h4 {
            margin: 0;
            margin-block-start: 0;
            margin-block-end: 0;
            padding: 0;
        }

        .degree-accordion button:after, .landing-page-accordion button:after {
            font-family: "Material Icons";
            content: '\e313';
            padding-left: 1rem;
            color: #004E60;
            float: right;
            font-size: 24px;
            padding-right: 10px;
            position: absolute;
            right: 0%;
            top: 20%;
        }

        .landing-page-accordion button:after {
            margin-left: auto;
        }

        .degree-accordion button.active, .landing-page-accordion button:hover, .landing-page-accordion button.active, .landing-page-accordion button:hover {
            background-color: #D6D2C4;
        }

            .degree-accordion button.active:after, .landing-page-accordion button.active:after {
                font-family: "Material Icons";
                content: '\e316';
                padding-left: 1rem;
                color: #004E60;
                float: right;
                font-size: 24px;
                position: absolute;
                right: 0%;
                top: 20%;
            }

.panel {
    padding: 0 1.5rem;
    display: none;
    background-color: white;
    overflow: hidden;
    border-left: 2px solid #D6D2C4;
    margin-left: .5rem;
}

p span.material-icons.blue {
    margin: 0 .5rem 0 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.landing-page-accordion .panel {
    padding: 0 1.5rem;
    display: none;
    background-color: white;
    overflow: hidden;
    border-bottom: 1px solid #D6D2C4;
    border-left: 2px solid #D6D2C4;
    border-right: 2px solid #D6D2C4;
    margin-left: 0;
}

span#expandAccordion {
    float: right;
    font-family: "Oswald", sans-serif;
    font-size: 1.28rem;
    line-height: 1.92rem;
    font-weight: 500;
    color: #666666;
    vertical-align: middle;
    cursor: pointer;
}

a#print span, a#share span {
    color: #666666;
    vertical-align: middle;
    padding: 1rem;
}

ul.administration {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    vertical-align: top;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    display: inline-block;
    align-content: flex-start;
}

@media (max-width: 650px) {
    ul.administration {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        vertical-align: top;
        margin-block-start: 0em;
        margin-block-end: 0em;
        padding-inline-start: 0px;
        margin-block-start: 0em;
        margin-block-end: 0em;
        padding-inline-start: 0px;
        display: inline-block;
        align-content: flex-start;
    }

    .btn--outline:link, .btn--outline:visited {
        width: fit-content;
    }
}

ul.administration li {
    margin-bottom: 30px;
}

    ul.administration li strong, ul.administration li p {
        margin-bottom: 0px;
        margin-top: 0;
    }

.major-mobile-dropdown {
    display: none;
}

.course-sidebar, .sticky-sidebar, .major-sticky-sidebar {
    position: sticky;
    top: 15%;
}

@media (max-width: 991px) {
    .course-sidebar, .sticky-sidebar, .major-sticky-sidebar {
        position: relative !important;
        top: 0;
    }
}

.course-sidebar .jumplink-specific-course {
    background: #F5F4F0;
    padding: 3rem;
}

    .course-sidebar .jumplink-specific-course ul {
        margin: 1rem 0;
        padding-left: 2rem;
    }

        .course-sidebar .jumplink-specific-course ul li a {
            font-family: "Merriweather Sans", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
            color: #004E60;
            text-decoration: none;
        }

            .course-sidebar .jumplink-specific-course ul li a:hover, .course-sidebar .jumplink-specific-course ul li a:focus {
                text-decoration: underline;
            }

.card-title {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

    .card-title h4 {
        width: 90%;
    }

    .card-title span {
        width: 10%;
        text-transform: uppercase;
    }

.degree-card-title span {
    margin-left: auto;
}

@media (max-width: 991px) {
    .major-sticky-sidebar {
        display: none;
    }


    .card-title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: left;
    }

    .degree-card-title span {
        margin-left: auto;
    }

    .card-title h4 {
        width: 100%;
    }

    .card-title span {
        width: 100%;
    }

    .major-mobile-dropdown {
        display: flex;
        flex-direction: column;
        background: #F5F4F0;
        padding: 3rem;
        position: relative;
        width: 90%;
    }

        .major-mobile-dropdown span {
            font-family: "Oswald", sans-serif;
            font-size: 1.28rem;
            line-height: 1.92rem;
            font-weight: 400;
            color: #666666;
            text-decoration: none;
            text-transform: uppercase;
            margin-bottom: .5rem;
        }

        .major-mobile-dropdown .dropbtn {
            cursor: pointer;
            font-size: 16px;
            outline: none;
            color: black;
            background: white;
            padding: 14px 16px;
            font-family: inherit;
            margin: 0;
            border: 2px solid #BBBEBE;
            position: relative;
            text-align: left;
            width: 93vw;
            text-decoration: none;
            text-align: left;
            font-family: "Merriweather", sans-serif;
            font-size: 24px;
        }

            .major-mobile-dropdown .dropbtn a, .major-mobile-dropdown .dropbtn span {
                text-decoration: none;
                text-align: left;
                font-family: "Merriweather", sans-serif;
                font-size: 24px;
                text-transform: none;
                color: #000;
            }

            .major-mobile-dropdown .dropbtn::after {
                font-family: "Material Icons";
                content: '\e5c5';
                margin-left: auto;
                float: right;
                font-size: 24px;
                color: #666666;
            }


            .major-mobile-dropdown .dropbtn i {
                float: right;
                margin-left: auto;
            }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: white;
        width: 92.5vw;
        top: 75%;
        border-left: 2px solid #BBBEBE;
        border-right: 2px solid #BBBEBE;
        border-bottom: 2px solid #BBBEBE;
        z-index: 1;
    }

        .dropdown-content a {
            float: none;
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
            font-family: "Merriweather", sans-serif;
            font-size: 1.6rem;
            line-height: 2.4rem;
            font-weight: 400;
        }

            .dropdown-content a:hover {
                background: #F5F4F0;
            }

    .show {
        display: block;
    }
}

@media (max-width: 650px) {
    .major-mobile-dropdown {
        width: 88%;
    }

        .major-mobile-dropdown .dropbtn {
            width: 85vw;
        }

    .dropdown-content {
        width: 84.4vw;
    }
}

@media (max-width: 450px) {
    .major-mobile-dropdown {
        width: 80%;
    }

        .major-mobile-dropdown .dropbtn {
            width: 82vw;
        }

    .dropdown-content {
        width: 75.7vw;
    }
}

.jump-back-link {
    float: right;
    position: fixed;
    left: 90%;
    bottom: 0%;
    height: 30px;
    width: 100%;
}

    .jump-back-link span {
        color: #554F47;
    }

ul.course-info-lg {
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 0;
    padding: 0;
}

@media (max-width: 650px) {
    ul.course-info-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

ul.course-info-lg li {
    padding-right: 1.5rem;
}

    ul.course-info-lg li.crn {
        font-family: "Oswald", sans-serif;
        font-size: 2.5rem;
        line-height: 3rem;
        font-weight: 400;
        color: #004E60;
        text-transform: uppercase;
        font-style: normal;
        font-weight: 400;
    }

        ul.course-info-lg li.crn:after {
            content: '\2022';
            padding-left: 1rem;
            color: #666666;
        }

@media (max-width: 650px) {
    ul.course-info-lg li.crn:after {
        content: none;
    }
}

ul.course-info-lg li.credit-number {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 400;
    color: #666666;
}

h1.courses {
    font-family: "Merriweather", serif;
    font-size: 3.906rem;
    line-height: 4.687rem;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-weight: 500;
    padding-right: 1.5rem;
}

select#facultyInstructor {
    width: 100%;
}

#courseSearch {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
    margin: 2rem 0 4rem 0;
}

    #courseSearch input[type="text"], #courseSearch select, #courseSearch input[type="number"] {
        background: #FFFFFF;
        border: 2px solid #BFBFBF;
        border-radius: 0;
        margin-bottom: 3rem;
    }

@media (max-width: 650px) {
    #courseSearch input[type="text"], #courseSearch select, #courseSearch input[type="number"] {
        width: 91%;
        margin-bottom: 1.5rem;
    }
}

#courseSearch select {
    width: 100%;
}

#courseSearch label {
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
}

#courseSearch input[type="submit"], .courseSearchNav input[type="submit"] {
    background: #ba0c2f;
    color: #fff !important;
    border: 2px solid #ba0c2f !important;
    display: inline-block;
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 2px;
    height: 55px;
    width: 100%;
}

    #courseSearch input[type="submit"]:hover {
        background: #950A26;
        border: 2px solid #950A26 !important;
    }

@media (max-width: 650px) {
    #courseSearch input[type="submit"] {
        margin-top: 1.5rem;
        margin-bottom: 3rem;
    }
}

span.critical-thinking-icon, span.analytical-thinking-icon, span.communication-skills-icon, span.creativity-icon, span.socialawareness-icon, span.leadership-icon {
    width: 18px;
    height: 18px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin: 0;
}

span.critical-thinking-icon--lg, span.analytical-thinking-icon--lg, span.communication-skills-icon--lg, span.creativity-icon--lg, span.socialawareness-icon--lg, span.leadership-icon--lg {
    width: 24px;
    height: 24px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin: 0;
}

span.analytical-thinking-icon, span.analytical-thinking-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-analyticalthinking.svg");
}

span.communication-skills-icon, span.communication-skills-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-communicationskills.svg");
}

span.creativity-icon, span.creativity-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-creativityandinnovation.svg");
}

span.socialawareness-icon, span.socialawareness-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-socialawarenessandresponsibility.svg");
}

span.leadership-icon, span.leadership-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-leadershipandcollaboration.svg");
}

span.critical-thinking-icon, span.critical-thinking-icon--lg {
    background-image: url("/Content/assets/images/icons/icon-clr-criticalthinking.svg");
}

.tooltip {
    position: relative;
    display: inline-block;
}

    .tooltip .tooltiptext {
        display: none;
        width: 180px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        font-family: "Merriweather Sans", sans-serif;
        font-size: 1rem;
        line-height: 1.4rem;
        font-weight: 400;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        bottom: 100%;
        left: 0%;
        margin-left: -80px;
    }

    .tooltip:hover .tooltiptext {
        display: block;
    }

        .tooltip:hover .tooltiptext::after {
            content: " ";
            position: absolute;
            top: 100%;
            /* At the bottom of the tooltip */
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

input[type="text"], select, input[type="number"] {
    background: #FFFFFF;
    border: 2px solid #BFBFBF;
    border-radius: 2px;
    margin-bottom: 1rem;
    font-family: "Merriweather", serif;
}

.course-content p a {
    font-family: "Oswald", sans-serif;
    text-decoration: none;
}

span.jump {
    font-family: "Oswald", sans-serif;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: #666666;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 2rem;
}

ul.alpha {
    list-style-type: lower-alpha;
    padding-left: 1rem;
}

.program-card {
    width: 32%;
    background: #FFFFFF;
    border: 2px solid #DEDEDE;
    margin: 0 0rem 3rem 0;
}

.program-card--image {
    height: 144px;
    /* [1.1] Set it as per your need */
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
    /*img {
        transition: transform .5s ease; 
        }

        &:hover, &:focus {
           img {
            transform: scale(1.2);
           }
        }*/
}

@media (max-width: 650px) {
    .program-card--image {
        height: 202px;
    }
}

.program-card--text {
    padding: 1rem;
}

    .program-card--text a.btn {
        font-size: 1.28rem;
    }

        .program-card--text a.btn span {
            vertical-align: center;
            font-size: 1.28rem;
        }

@media (max-width: 991px) {
    .program-card {
        width: 100%;
    }
}

h1 {
    padding: 0rem 0;
}

.degree-card {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #DEDEDE;
    border-radius: 2px;
    margin-bottom: 2rem;
    padding: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.result-card {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 #DEDEDE;
    border-radius: 2px;
    margin-bottom: 2rem;
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-align: center;
    -webkit-align-content: center;
    align-content: center;
}

    .result-card p.large-mw {
        padding-right: 1.5rem;
    }

@media (max-width: 650px) {
    .result-card p.large-mw {
        padding-right: 0;
        text-align: left;
    }
}

.result-card a.btn {
    margin: .5rem .5rem .5rem 0rem !important;
    padding: 0 1.2rem !important;
    line-height: 3rem;
}

    .result-card a.btn span {
        vertical-align: middle;
        top: -1px;
        position: relative;
    }

@media (max-width: 650px) {
    .result-card a.btn {
        width: 90%;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 650px) {
    .result-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-align: flex-start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
}

span.program-undergrad, span.program-phd, span.program-minor, span.program-gradcert, span.program-grad, span.program-undergradcert {
    width: 12px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -2px;
}

span.program-undergrad {
    background-image: url("/Content/assets/images/icons/icon-program-undergrad.svg");
}

span.program-phd {
    background-image: url("/Content/assets/images/icons/icon-program-phd.svg");
}

span.program-minor {
    background-image: url("/Content/assets/images/icons/icon-program-minor.svg");
}

span.program-gradcert {
    background-image: url("/Content/assets/images/icons/icon-program-gradcert.svg");
}

span.program-grad {
    background-image: url("/Content/assets/images/icons/icon-program-grad.svg");
}

span.program-undergradcert {
    background-image: url("/Content/assets/images/icons/icon-program-undergradcert.svg");
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 120px;
}

/*ul.pagination {
    max-width: 250px; // Not working
}*/

ul.pagination li input {
    width: 45% !important;
    text-align: center;
    border: 2px solid #dedede;
    padding: 1.2rem 1rem !important;
}

ul.pagination li.pgNumber {
    width: 7rem !important;
}
/************ HD: Print page only on Desktop: Program Details May 2025*/
@media (max-width:991px) {
    .content-desktop {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    table.custom-table {
        width: 100% !important;
    }
}

@media screen and (min-width: 1024px) {
    ul.sidebar-subnav ul.select-subnav {
        overflow-y: auto !important;
        overflow-x: auto !important;
    }
    /*li a#GenInfo, li a#DegreeReq, li a#FourYear {
        width: 25%;*/ /* width Program Groups section on desktop */
    /*}*/
    /*li a#GenInfo, li a#DegreeReq, li a#FourYear:not(active) {
            border-bottom: 2px solid #DEDEDE;
            border-radius: 0px !important;
        }*/
    /*li a#GenInfo, li a#DegreeReq {
        margin-right: 0rem !important;*/ /* Removed margin to join all li display group bottom border */
    /*}*/
    /* ul.degreetype {
        border-bottom: 2px solid lightgray;
        padding-bottom: 1.15rem;
    }  */
}

/*2 June 2025: File CSS to common file: Details Program page*/
.degree-accordion div.panel table.custom-table, .degree-card div table.custom-table, .degree-card table.custom-table {
    font-size: 1.28rem;
    font-family: "Merriweather", serif;
    font-weight: 400;
    margin: 1rem 0rem !important;
    vertical-align: middle;
    box-shadow: none !important;
    border-radius: 0 0 0px 0px !important;
    /*margin: 0% !important;*/
}

    .degree-accordion div.panel table.custom-table tbody tr td, .degree-card div table.custom-table tbody tr td, .degree-card table.custom-table tbody tr td {
        font-size: 1.28rem;
        padding: 0% !important;
        text-align: left;
        width: 30%;
        font-family: "Merriweather", serif;
        font-size: 1.28rem;
        line-height: 1.92rem;
        font-weight: 400;
        color: #000000;
    }
/*2 June 2025: HD: Inline style removed from Program Details*/

.degree-accordion div button.accordion-button {
    background-color: #D6D2C4 !important; /*UGA Brand Website*/
}

    .degree-accordion div button.accordion-button h6 {
        font-weight: 100 !important;
    }

.degree-accordion div.panel a.custom-a, .degree-card div.panel a.custom-a { /*3June2025:HD*/
    font-family: Merriweather, serif !important;
    font-size: 1.28rem !important;
    line-height: 1.92rem !important;
    font-weight: 500 !important;
    color: #004E60 !important;
    text-decoration: underline !important;
}
