/* Transition Animation */ .special { transition: opacity 1s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out; transition: display 1s ease-in-out allow-discrete, opacity 1s ease-in-out, background-color 0.15s ease-in-out, color 0.15s ease-in-out; } a.special:hover, a.special:focus { background-color: var(--color-primary); color: #FFF; } /* Fallback animation for older browsers */ @media(supports not (transition-behavior: allow-discrete)) { .special { animation: fadeIn 1s ease-in-out; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } }  .footer { color: #fff; background: var(--color-secondary) url("https://raidervillage.com/wp-content/uploads/2025/09/silhouette.svg") no-repeat bottom -1rem center; background-size: contain; padding: 7.44rem var(--x-gap) 6.66rem; } .footer__inner { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .footer__logo { max-width: 17.68906rem; object-fit: contain; object-position: center; margin-bottom: 1rem; } .footer__tel { font-size: 1.5625rem; } .footer__address { font-size: 1.0625rem; } .footer__sns { margin: .5rem 0 .5rem; } .footer__menu .menu { display: flex; font-size: 11px; margin-top: .5rem; } .footer__menu .menu__item { margin: 0 .25rem; } .footer__menu .menu__item + .menu__item::before { content: ' | '; margin-right: .25rem; } @media(min-width: 992px) { .footer { background-size: initial; } }  .sns { display: flex; gap: 15px; padding: 0; } .sns__item { display: contents; } .sns__link { border-radius: 50px; display: flex; justify-content: center; align-items: center; transition: .15s ease; background-color: #fff; width: 2rem; height: 2rem; } .sns__link::after { content: ''; display: block; background-color: var(--color-secondary); mask-size: contain; mask-repeat: no-repeat; mask-position: center; width: 1rem; height: 1rem; transition: background-color .2s ease; } .sns__link--facebook::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/facebook.svg"); margin-left: -1px; } .sns__link--instagram::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/instagram.svg"); } .sns__link--snapchat::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/snapchat.svg"); } .sns__link--twitter::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/twitter.svg"); } .sns__link--youtube::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/youtube.svg"); } .sns__link--whatsapp::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/whatsapp.svg"); } .sns__link--wechat::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/wechat.svg"); } .sns__link--tiktok::after { mask-image: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/tiktok.svg"); } .sns__link:hover::after { background-color: var(--color-primary); }  .copyright { display: flex; justify-content: center; flex-wrap: wrap; gap: 0 1rem; font-size: 12px; line-height: 1.6; padding: 1rem var(--x-gap); color: #fff; background-color: #121212; } .copyright img { height: 1.1em; vertical-align: middle; } @media(min-width: 992px) { .copyright { justify-content: space-between; } }