/* 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; } } }  .home-amenities-section { display: grid; } .home-amenities-section__image { aspect-ratio: 16/9; object-fit: cover; } .home-amenities-section__group { margin-top: 1.5rem; } .home-amenities-section__group__title { margin-bottom: 1rem; } .home-amenities-section__amenity:last-child > .home-amenities-section__group > *:last-child { margin-bottom: 0; } @media(min-width: 992px) { .home-amenities-section { grid-template-columns: repeat(3, calc(33.333% - 2.825rem * 2 / 3)); gap: 0 2.825rem; margin-top: 10.825rem; margin-bottom: 7.8rem; } .home-amenities-section__intro { padding-left: .3125rem; } .home-amenities-section__intro > *:last-child { margin-bottom: 2rem; } .home-amenities-section__image { aspect-ratio: initial; } .home-amenities-section__group { padding-left: .3125rem; } .home-amenities-section__group > *:last-child { margin-bottom: 0; } .home-amenities-section__amenity:nth-child(1) { order: 2; margin-top: 3.225rem; } .home-amenities-section__amenity:nth-child(2) { order: 1; } .home-amenities-section__amenity:nth-child(3) { order: 3; } }  .arrow-link { display: inline-grid; gap: 0 1.5rem; grid-template-columns: auto 1fr; grid-template-rows: 1fr 1fr; align-items: end; text-wrap: balance; color: currentColor; transition: color .3s ease; } .arrow-link__line-1 { grid-column: 1 / -1; grid-row: 1; } .arrow-link__line-2 { grid-column: 1; grid-row: 2; } .arrow-link::after { content: ""; background-image: url('https://raidervillage.com/wp-content/themes/raider-village/assets/images/arrow.svg'); background-repeat: no-repeat; background-size: contain; background-position: bottom .25em left; display: inline-block; grid-column: 2; grid-row: 2; height: 100%; transition: width .3s ease; min-width: 8rem; } .arrow-link:hover, .arrow-link:focus { color: var(--color-primary); text-decoration: none; } /* On hover, the arrow animates out left, in right as a keyframe animation */ .arrow-link:hover::after, .arrow-link:focus::after { animation: arrow-move 1s ease-in-out forwards; } @keyframes arrow-move { 0% { transform: translateX(0); opacity: 1; } 50% { transform: translateX(33.33%); opacity: 0; } 51% { transform: translateX(-33.33%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } }  .home-floorplans-section { display: grid; gap: var(--gap); } .home-floorplans-section > div:first-child { align-self: center; } .home-floorplans-section__floorplan { position: relative; color: #fff; background: #000; overflow: hidden; } .home-floorplans-section__floorplan + .home-floorplans-section__floorplan { margin-top: 2.5rem; } .home-floorplans-section__floorplan::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); transition: background 0.3s ease; } .home-floorplans-section__group { position: absolute; bottom: 0; left: 0; padding: 2.1875rem 3rem; } .home-floorplans-section__group__title { display: inline-block; margin-right: 2rem; margin-bottom: 0; } .home-floorplans-section__group__sqft { display: inline-block; font-size: 1.0625rem; font-weight: 600; line-height: 130%; margin-bottom: 0; } @media(min-width: 992px) { .home-floorplans-section { grid-template-columns: 1fr 58.6%; gap: 0 6.5rem; } }  .banner-section { position: relative; display: grid; align-items: center; justify-items: center; color: #fff; background: #000; text-align: center; overflow: hidden; margin-top: 4.38rem; margin-bottom: 4.38rem; } .banner-section::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .5; background: #000; transition: background 0.3s ease; } .banner-section__image, .banner-section__content { grid-column: 1 / -1; grid-row: 1 / -1; } .banner-section__image { object-fit: cover; min-height: 100%; min-width: 100%; } .banner-section__content { position: relative; padding: var(--x-gap); max-width: 1040px; margin: var(--y-gap) var(--x-gap); } .banner-section__content__title { margin-bottom: 0; }  .home-instagram-section { display: flex; gap: 2rem; } .instagram-item { display: none; } .instagram-mobile { position: relative; display: grid; place-items: center; color: #fff; } .instagram-mobile .instagram-mobile__image, .instagram-mobile .instagram-mobile__inner { grid-area: 1 / 1; } .instagram-mobile__inner { position: relative; padding: var(--x-gap); z-index: 1; } .instagram-mobile__title::before { display: block; content: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/instagram.svg"); margin-bottom: 1rem; height: 1em; width: 1em; } .instagram-mobile::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: color-mix(in srgb, var(--color-primary) 80%, transparent); } @media(min-width: 992px) { .home-instagram-section { margin-top: 5rem; margin-bottom: 5rem; } .instagram-item { display: block; position: relative; } .instagram-item::after { content: url("https://raidervillage.com/wp-content/themes/raider-village/assets/images/icons/instagram.svg"); display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: color-mix(in srgb, var(--color-primary) 50%, transparent); transition: opacity 0.3s ease-out; } .instagram-item:hover::after { opacity: 1; } .instagram-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .instagram-mobile { display: none; } }  .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; } }