/** Footer **/

footer {
    padding-top: 1.25rem;
}

.footer-secondary {
    background: var(--color-blue-dark);
}

.footer-library {
    font-family: 'Greycliff_Semibold';
    padding: 4rem 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-library li:has(.foot-twi) {
	display: none;
}

.footer-library__menu,
.footer-section {
    padding: 0 2rem 0 0;
    flex-basis: 60%;
}

.footer-library__menu a,
.footer-section a {
    text-decoration: none;
    display: block;
}

.footer-library__info,
.foot-lib-title {
    font-size: 2rem;
    padding: 0 3rem;
    flex-basis: 40%;
    line-height: 2rem;
}

.footer-library__info a,
.foot-lib-title a {
    color: var(--color-gold);
    line-height: 2.25rem;
    text-decoration: none;
}

.footer-library__info a:hover,
.foot-lib-title a:hover {
    text-decoration: underline;
}

.footer-library__address,
.foot-lib-address {
    font-size: 1.5rem;
    color: #fff;
}

.footer-library__address span,
.foot-lib-address span {
    display: block;
}

.gt_switcher-popup.glink.nturl.notranslate span[style*="color:#666"] {
	font-size: 10px !important;
}

.footer-library__menu-list,
.footer-ul {
    font-size: 1.25rem;
    line-height: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.footer-library__menu-item,
.footer-li {
    flex-basis: 33%;
    padding: 0.5rem 0 1.25rem;
}

.footer-library__menu-item a,
.footer-li a {
    color: #fff;
    display: inline-block;
}

.footer-library__menu-item a:hover,
.footer-li a:hover {
    color: var(--color-gold);
}

.footer-library__subscribe,
#footer-subscribe {
    flex-basis: 100%;
    padding: 2.25rem;
    margin: 3rem 0 6rem;
    flex-basis: 50%;
    min-width: 540px;
    width: auto;
    border-radius: 2rem;
    background: var(--color-gold);
    text-align: center;
}

.footer-library__subscribe-title,
#footer-subscribe h4 {
    text-transform: uppercase;
    color: var(--color-blue-dark);
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
    letter-spacing: 0;
}

#footer-subscribe h3 {
    color: var(--color-blue-dark);
    margin: 0 0 1.25rem;
}

#footer-subscribe .footer-header {
	color: var(--color-blue-dark);
    margin: 0 0 1.25rem;
    font-size: calc(1.25rem + 0.5vmin);
    line-height: 1;
    font-family: 'greycliff_semibold';
    letter-spacing: -0.025vmax;
}

/* code to keep color scheme as-is for Spring 2021 semester before rolling in gold signup box */

/*
.footer-library__subscribe,
#footer-subscribe {
    margin: 3rem 0 4rem;
    background: transparent;
}

.footer-library__subscribe-title,
#footer-subscribe h4 {
    color: var(--color-gold);
}
*/



.footer-library__subscribe .mc-field-group,
#footer-subscribe .mc-field-group {
    display: flex;
    line-height: 3.5rem;
    font-size: 1.25rem;
    justify-content: space-around;
}

.footer-library__subscribe input[type="email"],
#footer-subscribe input[type="email"] {
    padding: 0;
    font-size: inherit;
    font-family: 'Greycliff_SemiBold';
    line-height: inherit;
    flex-grow: 1;
    margin-right: 1.25rem;
    border-radius: 3rem;
    border: 0;
    text-align: center;
}

.footer-library__subscribe input[type="submit"],
#footer-subscribe input[type="submit"] {
    font-size: inherit;
    line-height: inherit;
    padding: 0 2rem;
    text-transform: uppercase;
    box-shadow: none;
    border-radius: 4rem;
}

#footer-subscribe .mc-field-group label {
    position: absolute;
    left: -999px;
}

.udFooterSocial-icons {
    margin-top: 1rem;
}

.udFooterSocial-icons li {
    display: inline-block;
    width: 2rem;
    height: 2rem;
}

.udFooterSocial-icons img {
    object-fit: contain;
}

.udLogo_footer a {
    background-image: url(/static/img/ud-logo-192.png);
    height: 129px;
    width: 129px;
    background-size: cover;
    display: block
}

.udFooterSocial-icons a {
/*    background-image: url(/static/img/social-icons-48.png);*/
	background-image: url(/static/img/social-icons-2024.png);
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%
}

a.foot-twi {
/*    background-position-x: 0*/
	background-position-x: 80%
}

a.foot-fb {
    background-position-x: 20%
}

a.foot-ins {
/*    background-position-x: 40%;*/
	background-position-x: 0
}

a.foot-yt {
    background-position-x: 60%
}

a.foot-pin {
/*    background-position-x: 80%*/
	background-position-x: 100%
}

a.foot-li {
/*    background-position-x: 100%;*/
	background-position-x: 40%
}


/* ================================================================================ */
/*                                                          GTranslate Plugin       */
/* ================================================================================ */
.udl-language {
	color: #fff;
	font-size: 1.25rem;
    font-family: 'Greycliff_Light';
	padding-top: 1rem;
	display: flex;
	align-items: center;
}

.udl-intro {
	padding-right: 2rem;
}

.gtranslate_wrapper {
	display: flex;
}

.gtranslate_wrapper .gt_white_content a {
	color: var(--color-blue-med);
	font-family: 'Greycliff_Semibold';
}

.gtranslate_wrapper a:hover {
	text-decoration: none;
}

.gtranslate_wrapper a:hover span {
	text-decoration: underline;
}

.gtranslate_wrapper a.gt_switcher-popup span {
	color: #fff !important;
}

.gtranslate_wrapper a.gt_switcher-popup:hover span {
	color: var(--color-gold) !important;
	text-decoration: none;
}

.gt_white_content {
	border-radius: 1rem;
}

/* ================================================================================ */
/*                                                          max-width: 1024         */
/* ================================================================================ */

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

.footer-library__menu-item,
.footer-li {
    flex-basis: 50%;
}
}





/* ================================================================================ */
/*                                                          max-width: 640          */
/* ================================================================================ */

@media screen and (max-width: 640px) {
.footer-library__info,
.foot-lib-title {
    flex-basis: 100%;
}

.footer-library__menu,
.footer-section {
    flex-basis: 100%;
    padding: 3rem 3rem 1rem;
}

.footer-library__subscribe,
#footer-subscribe {
    min-width: unset;
    flex-basis: 100%;
    border-radius: 0;
    margin: 3rem 0 0;
    padding: 3rem 3rem 5rem;
}


/* code to keep color scheme as-is for Spring 2021 semester before rolling in gold signup box */
/*
.footer-library__subscribe,
#footer-subscribe {
    margin: 0 0 2rem;
}
*/

/* UD standard footer code */
footer#udFooter .udLogo_footer {
    position: relative;
    width: 100%;
    display: block;
    left: 0 !important;
    text-align: center;
}

footer#udFooter .udFooterSocial-icons {
    position: absolute;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 88px;
    top: 40px;
    width: 100%;
    text-align: center;
}

footer#udFooter .udFooterSocial-icons li {
    margin: 0 7px !important;
}

footer#udFooter .udLogo_footer img {
    height: 75px !important;
    width: auto !important;
}

footer#udFooter .udLogo_footer {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.udLogo_footer a {
    height: 6rem;
    width: 6rem;
    display: inline-block;
}

footer#udFooter .udFooterHeader span {
    margin: 0 !important;
    float: none !important;
    display: block;
    text-align: center;
    padding-left: 5px;
}

footer#udFooter .udFooterHeader span img {
    width: 150px;
    margin-bottom: -45px;
}

footer#udFooter .udFooterLinks {
    margin-top: 95px;
}

footer#udFooter .container-fluid {
    width: 100% !important;
}
}





/* ================================================================================ */
/*                                                          max-width: 480          */
/* ================================================================================ */

@media screen and (max-width: 480px) {
.footer-library__menu-item,
.footer-li {
    flex-basis: 100%;
    font-size: 1.5rem;
}
.footer-library__subscribe .mc-field-group,
#footer-subscribe .mc-field-group {
    flex-wrap: wrap;
    line-height: 5rem;
    font-size: 1.5rem;
}
.footer-library__subscribe input[type="email"],
#footer-subscribe input[type="email"] {
    flex-basis: 100%;
    margin: 0 0 1rem;
}
}