@charset "UTF-8"; /* CSS Document */ /* FONT-FACE DECLARATIONS */ @font-face { font-family: "YankeeLightItalic"; src: url('../webFonts/YankeeLightItalic/font.woff2') format('woff2'), url('../webFonts/YankeeLightItalic/font.woff') format('woff'); } @font-face { font-family: "YankeeBoldItalic"; src: url('../webFonts/YankeeBoldItalic/font.woff2') format('woff2'), url('../webFonts/YankeeBoldItalic/font.woff') format('woff'); } @font-face { font-family: "YankeeRegularItalic"; src: url('../webFonts/YankeeRegularItalic/font.woff2') format('woff2'), url('../webFonts/YankeeRegularItalic/font.woff') format('woff'); } @font-face { font-family: "YankeeBold"; src: url('../webFonts/YankeeBold/font.woff2') format('woff2'), url('../webFonts/YankeeBold/font.woff') format('woff'); } @font-face { font-family: "YankeeRegular"; src: url('../webFonts/YankeeRegular/font.woff2') format('woff2'), url('../webFonts/YankeeRegular/font.woff') format('woff'); } @font-face { font-family: "YankeeLight"; src: url('../webFonts/YankeeLight/font.woff2') format('woff2'), url('../webFonts/YankeeLight/font.woff') format('woff'); } @font-face { font-family: "YankeeMedium"; src: url('../webFonts/YankeeMedium/font.woff2') format('woff2'), url('../webFonts/YankeeMedium/font.woff') format('woff'); } @font-face { font-family: "YankeeBlack"; src: url('../webFonts/YankeeBlack/font.woff2') format('woff2'), url('../webFonts/YankeeBlack/font.woff') format('woff'); } @font-face { font-family: "YankeeBlackItalic"; src: url('../webFonts/YankeeBlackItalic/font.woff2') format('woff2'), url('../webFonts/YankeeBlackItalic/font.woff') format('woff'); } /* -------------------------------- */ /* TYPOGRAPHY BASE SYSTEM */ /* -------------------------------- */ html { font-size: clamp(17px, 1vw + 0.2rem, 18px); line-height: 1.8; } body { font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 1rem; line-height: 1.8; letter-spacing: 0.125px; color: #151515; } /* Headings */ h1, h2, h3, h4, h5, h6 { text-transform: uppercase; } h1, h2 { font-family: "YankeeBlack", "Helvetica Neue", Arial, sans-serif; letter-spacing: -0.75px; } h3, h4, h5 { font-family: "YankeeMedium", "Helvetica Neue", Arial, sans-serif; letter-spacing: normal; } h6 { font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; letter-spacing: normal; } h1 { font-size: clamp(2.25rem, 6vw, 4.5rem); line-height: 0.9; } h2 { font-size: clamp(1.875rem, 5vw, 3.25rem); line-height: 1.0; } h3 { font-size: clamp(1.5rem, 4vw, 2.5rem); line-height: 1.2; } h4 { font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.4; } h5 { font-size: clamp(1.25rem, 2.5vw, 1.75rem); line-height: 1.5; } h6 { font-size: clamp(1.125rem, 2vw, 1.25rem); line-height: 1.6; } /*@media (max-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.2; } } */ .hero-hp-l1 { font-family: "YankeeBlack", sans-serif; font-size: clamp(1rem, 9vw, 20rem); letter-spacing: -2px; line-height: 0.9; margin-top: 2px; text-transform: uppercase; color: #FFFFFF; overflow-wrap: break-word; text-wrap: balance; } .hero-hp-l2 { font-family: "YankeeBlack", sans-serif; font-size: clamp(2.25rem, 9vw, 6.5rem); letter-spacing: -2px; line-height: 0.9; margin-top: 2px; text-transform: uppercase; color: #FFFFFF; overflow-wrap: break-word; text-wrap: balance; } .hero-primary { font-family: "YankeeBlack", sans-serif; font-size: clamp(3.5rem, 9vw, 7.5rem); letter-spacing: -2px; line-height: 0.9; margin-top: 2px; text-transform: uppercase; color: #FFFFFF; overflow-wrap: break-word; text-wrap: balance; } @media (max-width: 768px) { .hero-primary { letter-spacing: -0.5px; } } .hero-secondary { font-family: "YankeeBlack", sans-serif; font-size: clamp(1.5rem, 6vw, 3.25rem); line-height: 0.9; margin-bottom: 0; text-transform: uppercase; color: #FFFFFF; } .afwstaff-t { font-family: "YankeeBold", sans-serif; line-height: 0.9; font-size: clamp(1.5rem, 4vw, 2.5rem); margin-bottom: 20px; padding-bottom: 7px; border-bottom: 10px solid #9f0000; } p[class] + p[class] { margin-top: 1rem; } /* Remove top margin when a classed paragraph follows a heading */ h1 + p[class], h2 + p[class], h3 + p[class], h4 + p[class], h5 + p[class], h6 + p[class] { margin-top: 0 !important; } .lead { font-size: clamp(1.25rem, 3.5vw, 2rem); } .hero-text { font-size: clamp(4rem, 10vw, 10rem); } .afw-ban-sect { display: flex; align-items: center; justify-content: center; min-height: 250px; padding: 60px 0; text-align: center; } /* Left-align from medium screens and up (≥768px) */ @media (min-width: 768px) { .afw-ban-sect { justify-content: flex-start; text-align: left; } } .afw-ban-sect h1, .afw-ban-sect h2, .afw-ban-sect h3, .afw-ban-sect h4, .afw-ban-sect h5, .afw-ban-sect h6 { margin-bottom: 0; } /* Paragraphs */ p { font-size: 1rem; /* 15px */ margin-bottom: 1.25rem; } ul.no-bullets { list-style: none; padding-left: 0; } ul.no-bullets li { margin-left: 40px; margin-right: 40px; } /* Lead / Emphasis */ .hero-block { font-family: "YankeeBlack", "Helvetica Neue", Arial, sans-serif; display: inline; font-size: 2rem; font-weight: 900; margin: 0; line-height: 1.25; } .hero-subtxt { font-family: "YankeeMedium", "Helvetica Neue", Arial, sans-serif; font-size: 0.95rem; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-top: 10px; /* display: inline; */ } @media (max-width: 767.98px) { .hero-block { display: block; } .hero-subtxt { display: block; margin: 0.5em 0 1em 0; /* top: 0.5em, bottom: 1em, left/right: 0 */ } } .text-align-right { text-align: right; } .lead { font-family: "YankeeLight", sans-serif; font-size: 1.25rem; font-weight: 300; line-height: 1.6; margin-bottom: 1.5rem; } /* -------------------------------- */ /* TEXT UTILITIES */ /* -------------------------------- */ .footer-txt { font-family: 'Manrope', sans-serif; font-weight: 400; line-height: 1.5; font-size: 0.775rem; letter-spacing: 0.025em; color: #8c8c8c; margin-bottom: 0.5rem; } .footer-txt a { color: inherit; text-decoration: none; font-weight: normal; margin-right: 1rem; transition: color 0.3s ease, text-decoration 0.3s ease; } .footer-txt a:last-child { margin-right: 0; } .footer-txt a:hover, .footer-txt a:focus { text-decoration: underline; color: #D1D1D1; } .footer-cat { font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; line-height: 1.5; font-size: 0.975rem; letter-spacing: 0.02em; color: #F6F6F6; margin-bottom: 0.5rem; } .footer-cat a { color: inherit; text-decoration: none; font-weight: normal; margin-right: 1rem; transition: color 0.3s ease, text-decoration 0.3s ease; } .footer-cat a:last-child { margin-right: 0; } .footer-cat a:hover, .footer-cat a:focus { text-decoration: underline; color: #8c8c8c; } /* Only add top margin if a .footer-cat directly follows another .footer-cat */ .footer-cat:not(:first-of-type) { margin-top: 4rem; } .footer-link { font-family: 'Manrope', sans-serif; font-weight: 400; line-height: 1.5; font-size: 0.75rem; letter-spacing: 0.025em; color: #F6F6F6; margin-bottom: 0.5rem; } .footer-link a { color: inherit; text-decoration: none; font-weight: normal; transition: color 0.3s ease, text-decoration 0.3s ease; } .footer-link a:hover, .footer-link a:focus { text-decoration: underline; color: #8c8c8c; } .ss-footer-mobile .card-body ul li a { color: #ffffff; text-decoration: none; transition: color 0.3s ease, text-decoration 0.3s ease; } .ss-footer-mobile .card-body ul li a:hover { color: #8c8c8c; text-decoration: underline; } .ss-footer-mobile .card-header h2 button { color: #ffffff; background-color: transparent; border: none; transition: color 0.3s ease, text-decoration 0.3s ease; font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif !important; text-transform: uppercase; margin-top: 5px; } .ss-footer-mobile .card-header h2 button:hover { color: #8c8c8c; text-decoration: underline; } .link-separator { margin: 0 0.25rem; color: #FFFFFF; } p.footer-txt a { font-family: 'Manrope', sans-serif; font-weight: 400; } /* -------------------------------- */ /* TEXT UTILITIES */ /* -------------------------------- */ .afw-space75 { min-height: 75px; } .txt-white { color: #f7f7f7; } .txt-black { color: #151515; } .txt-gray { color: #454545; } .txt-muted { color: #adb5bd; } .txt-red { color: #9f0000; } .txt-blue { color: #002f6c; } .hd-light { font-family: "YankeeRegular", sans-serif; } .hd-medium { font-family: "YankeeMedium", sans-serif; } .hd-bold { font-family: "YankeeBold", sans-serif; } .hd-bold-tight { font-family: "YankeeBold", sans-serif; margin: 60px 0px 0px 0px; } .hd-italic { font-style: italic; } .hd-italic-regular { font-family: "YankeeRegularItalic", serif; font-style: italic; } .hd-italic-light { font-family: "YankeeLightItalic", serif; font-style: italic; } .hd-italic-bold { font-family: "YankeeBoldItalic", serif; font-style: italic; } .hd-black-font { font-family: "YankeeBlack", serif; } .p-fine { font-family: 'Manrope', sans-serif; font-weight: 400; font-size: 0.8rem; letter-spacing: 0.5px; line-height: 1.2; color: #a2a2a2; } .staff-titles { font-family: "YankeeBold", sans-serif; text-transform: uppercase; line-height: 1.2; font-size: 0.95rem; letter-spacing: 0.02em; color: #000000; margin-bottom: 0.5rem; margin-top: 0px; } .staff-des { line-height: 1.75; font-size: .9rem; color: #000000; margin-bottom: 0.5rem; margin-top: 0px; } /* Link inside .p-fine should be bold and inherit color */ .p-fine a { font-weight: 700; color: inherit; text-decoration: none; transition: text-decoration 0.3s ease; } /* Underline on hover */ .p-fine a:hover { text-decoration: underline; } .ptxt-light { font-family: 'Manrope', sans-serif; font-weight: 400; } .ptxt-medium { font-family: 'Manrope', sans-serif; font-weight: 500; } .ptxt-italic-regular { font-family: 'Manrope', sans-serif; font-style: italic; font-weight: 400; } .ptxt-bold { font-family: 'Manrope', sans-serif; font-weight: 700; } .ptxt-italic { font-style: italic; font-family: 'Manrope', sans-serif; } .ptxt-italic-light { font-style: italic; font-family: 'Manrope', sans-serif; font-weight: 300; } .ptxt-italic-bold { font-style: italic; font-family: 'Manrope', sans-serif; font-weight: 700; } /* Links */ p a { font-family: 'Manrope', sans-serif; font-weight: bold; color: inherit; text-decoration: none; } /* Hover/focus state (inherits color from context) */ p a:hover, p a:focus { color: inherit; text-decoration: underline; } /* Override colors based on text color utilities */ .txt-white a { color: #f6f6f6; } .txt-white a:hover, .txt-white a:focus { color: #ccc; } .txt-black a { color: #000; } .txt-black a:hover, .txt-black a:focus { color: #333; } /* tour bullets */ .custom-tour-list { list-style: none; padding-left: 0; margin: 0; } .custom-tour-list li { margin-bottom: 1.5rem; position: relative; padding-left: 0.5rem; } .custom-tour-list li::after { content: ""; display: block; width: 20%; height: 2px; background-color: black; margin-top: 0.5rem; } /* tour description/columns */ /* Base: everything stacks by default */ .tour-high { list-style: none; padding: 0; margin: 0; font-size: 1rem; line-height: 1.3; text-align: left; } .tour-high li { display: block; margin-bottom: 1rem; white-space: normal; } .tour-high li::after { content: none; } /* Only col-12 at md+ gets inline style with separators */ @media (min-width: 768px) { .col-md-12 .tour-high { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; } .col-md-12 .tour-high li { display: inline; margin-bottom: 0; white-space: nowrap; } .col-md-12 .tour-high li:not(:last-child)::after { content: " |"; color: #000000; font-weight: normal; font-size: 1rem; padding: 0 0.4rem; } } @media (min-width: 992px) { .col-lg-12 .tour-high { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; } .col-lg-12 .tour-high li { display: inline; margin-bottom: 0; white-space: nowrap; } .col-lg-12 .tour-high li:not(:last-child)::after { content: " |"; color: #000000; font-weight: normal; font-size: 1rem; padding: 0 0.4rem; } } @media (min-width: 1200px) { .col-xl-12 .tour-high { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; } .col-xl-12 .tour-high li { display: inline; margin-bottom: 0; white-space: nowrap; } .col-xl-12 .tour-high li:not(:last-child)::after { content: " |"; color: #000000; font-weight: normal; font-size: 1rem; padding: 0 0.4rem; } } .afw-super-display { font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; font-size: 70px; line-height: 1.1; margin: 0; } /* Base Button Style */ .afw-btn { display: inline-block; padding: 6px 16px; background-color: rgba(0,0,0,0.85); color: #ffffff; /* White text by default */ border: 1.5px solid #ffffff; /* White border */ border-radius: 5px; text-decoration: none; font-size: 0.8rem; font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: 2.0px; transition: all 0.6s ease; cursor: pointer; vertical-align: middle; } .afw-btn:hover, .afw-btn:focus { background-color: #ffffff; color: #000000 !important; /* Force black text */ border-color: #000000 !important; text-decoration: none; } .afw-btn-reverse { display: inline-block; padding: 6px 16px; background-color: rgba(255,255,255,0.88); /* Light background */ color: #000000; /* Black text */ border: 1.5px solid #000000; /* Black border */ border-radius: 5px; text-decoration: none; font-size: 0.8rem; font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; text-transform: uppercase; font-weight: 500; letter-spacing: 2.0px; transition: all 0.6s ease; cursor: pointer; vertical-align: middle; } .afw-btn-reverse:hover, .afw-btn-reverse:focus { background-color: #000000; /* Dark background */ color: #ffffff !important; /* White text */ border-color: #ffffff !important; /* White border */ text-decoration: none; } /* No default margin on buttons */ .afw-btn, .afw-btn-reverse { margin-top: 0; } /* Add spacing only when a button follows content */ :is(p, ul, ol, h1, h2, h3, h4, h5, h6, blockquote) + .afw-btn, :is(p, ul, ol, h1, h2, h3, h4, h5, h6, blockquote) + .afw-btn-reverse { margin-top: 5px; } /******* 1 . CONTAINER OVERRIDE *******/ .object-fit-cover { object-fit: cover; width: 100%; height: 100%; } /* GLOBAL CONTAINER */ .container { max-width: clamp(90%, 1600px, 1800px); margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .br-rad10 { border-radius: 10px; } @media (min-width: 768px) { .container { padding-left: 60px; padding-right: 60px; } } @media (max-width: 767.98px) { .container { padding-left: 20px; /* or 12px, or 14px */ padding-right: 20px; } } /******* 2. BANDS *******/ .afw-nav-hold { background-color: #E6E6E6; min-height: 100px; border-bottom: 1px solid #505050; transition: min-height 0.3s ease; } .afw-nav-shrink { min-height: 50px; /* Half the original height */ } .afw-ft-black { position: relative; background-color: #000000; /* background-image: linear-gradient(135deg, #002f59 0%, transparent 20%), #151515 linear-gradient(315deg, #6b0000 0%, transparent 15%); */ background-blend-mode: normal; overflow: hidden; padding: clamp(30px, 4vw, 50px) 0; } /* Background image style .afw-ft-black::after { content: ''; position: absolute; top: 40px; right: 20px; bottom: -20px; left: 0; background-image: url("../images/afwlogos/afw-transp-white.svg"); background-size: auto 60%; background-repeat: no-repeat; background-position: bottom right; opacity: 0.15; pointer-events: none; */ /* Band styling */ .band-afw-basic { background-color: #0F0F0F; padding: 75px 0; display: flex; flex-direction: column; align-items: flex-start; } /* Responsive: reduce height and background image size on medium and smaller screens */ @media (max-width: 991.98px) { .band-afw-basic { padding: 40px 0; /* Reduce top/bottom padding */ } } /* HP HERO BANDS */ .hp-1 { background-image: url("../images/banners/hp/afw-teamatcoliseum2.jpg"); background-position: top center; } .hp-2 { background-image: url("../images/homepage/afw-signature2025.jpg"); background-position: bottom center; } .band-base { position: relative; background-color: #0F0F0F; padding: 50px 0px clamp(25px, 4vw, 50px) 0px; display: flex; flex-direction: column; width: 100%; aspect-ratio: 2 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: inherit; } .band-base::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: inherit; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%), linear-gradient(to top right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%), /* linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 20%), */ linear-gradient(to top left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 20%); } @media (max-width: 767.98px) { .band-base { aspect-ratio: 1.45; } } .band-base-desc { height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .band-base .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } /** HP HERO V2 **/ .afw-hero-desc { height: 100%; display: flex; align-items: center; /* Vertically center */ justify-content: flex-start; /* Align left */ } .afw-hero-base { position: relative; background-color: #0F0F0F; padding: 50px 0px clamp(25px, 4vw, 50px) 0px; display: flex; flex-direction: column; width: 100%; aspect-ratio: 2 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: inherit; } .afw-hero-base::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: inherit; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%), linear-gradient(to top right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%), linear-gradient(to top left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 20%); } @media (max-width: 767.98px) { .afw-hero-base { aspect-ratio: 1.45; } } .afw-hero-base-desc { height: 100%; display: flex; align-items: center; /* Vertically center */ justify-content: flex-start; /* Align left */ } .afw-hero-base .container { display: flex; flex-direction: column; justify-content: center; /* Vertically center */ align-items: flex-start; /* Align left */ flex-grow: 1; height: 100%; position: relative; z-index: 1; } /** HERO BANDS **/ .band-secondary { position: relative; background-color: #0F0F0F; padding: 50px 0px clamp(25px, 4vw, 50px) 0px; display: flex; flex-direction: column; width: 100%; aspect-ratio: 2.625 / 1; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: inherit; } .band-secondary::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: inherit; background-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 40%), /* linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 20%), */ linear-gradient(to top left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 20%); } .band-secondary .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } @media (max-width: 767.98px) { .band-secondary { aspect-ratio: 1.45; } } /* Secondary Banners */ .aboutafw-ban { background-image: url("../images/aboutafw/afw-about2025.jpg"); background-position: center center; } .tour-collegetours { background-image: url("../images/aboutafw/afw-football.jpg"); background-position: center center; } .tour-highschool-2 { background-image: url("../images/highschooltours/afw-highschooltours.jpg"); background-position: top center; } .tour-highschool-sig1 { background-image: url("../images/super/afw-sig-test.jpg"); background-position: top center; } .tour-college-sig1 { background-image: url("../images/super/afw-sig1.jpg"); background-position: top center; } .tour-college-sig2 { background-image: url("../images/super/afw-sig7.jpg"); background-position: top right; } .tour-college-sig3 { background-image: url("../images/super/afw-sig4.jpg"); background-position: top center; } .tour-college-sig4 { background-image: url("../images/super/afw-sig5.jpg"); background-position: top center; } .tour-college-sig5 { background-image: url("../images/super/afw-sig0.jpg"); background-position: top right; } .tour-college-sig6 { background-image: url("../images/super/istockphoto-1955421593-2048x2048.jpg"); background-position: top center; } .tour-college-aug { background-image: url("../images/super/afw-sig1.jpg"); background-position: top center; } .tour-college-carroll { background-image: url("../images/super/afw-carrollfootball.jpg"); background-position: center right; } .tour-college-cmu { background-image: url("../images/super/afw-sig7.jpg"); background-position: top right; } .tour-college-cwr { background-image: url("../images/super/afw-sig5.jpg"); background-position: top center; } .tour-college-ohio-wesleyan { background-image: url("../images/super/ohio-wesleyan.jpg"); background-position: center right; } .tour-college-uw-eau { background-image: url("../images/collegetours/afw-signature-bl-2.jpg"); background-position: center right; } /* bg images */ .dest-travel-bologna { background-image: url("../images/destinations/italy/bologna.jpg"); background-position: bottom center; } .dest-travel-brazil { background-image: url("../images/travdestinations/brazil-davi-costa-4lWIQ43CCmM-unsplash.jpg"); background-position: center center; } .dest-travel-brazila { background-image: url("../images/travdestinations/brazil-riodj.jpg"); background-position: center center; } .dest-travel-brazilb { background-image: url("../images/travdestinations/brazil-sugarloafj.jpg"); background-position: center center; } .dest-travel-brazilc { background-image: url("../images/travdestinations/marac-stadium.jpg"); background-position: center center; } .dest-travel-florence25 { background-image: url("../images/destinations/italy/florence-456978654.jpg"); background-position: center center; } .dest-travel-germany1 { background-image: url("../images/travdestinations/germany1.jpg"); background-position: center right; } .dest-travel-germanya { background-image: url("../images/travdestinations/germany-munich.jpg"); background-position: center right; } .dest-travel-germanyb { background-image: url("../images/travdestinations/neuschwanstein2.jpg"); background-position: center center; } .dest-travel-germanyc { background-image: url("../images/travdestinations/innsbruck.jpg"); background-position: center center; } .dest-travel-ireland1 { background-image: url("../images/travdestinations/ireland1.jpg"); background-position: center center; } .dest-travel-irelanda { background-image: url("../images/travdestinations/ireland-dub3.jpg"); background-position: center center; } .dest-travel-irelandb { background-image: url("../images/travdestinations/ireland-getty-images-gPbd8TxXxWQ-unsplash.jpg"); background-position: center center; } .dest-travel-irelandc { background-image: url("../images/travdestinations/ireland-belfast.jpg"); background-position: bottom center; } .tour-college-italy { background-image: url("../images/banners/tours/italy-25.jpg"); background-position: top center; } .tour-college-italy2 { background-image: url("../images/banners/tours/teamshot3.jpg"); background-position: center center; } .tour-college-ag-greece { background-image: url("../images/banners/tours/teamshot.jpg"); background-position: top center; } .tour-hs-italy { background-image: url("../images/banners/tours/teamshot7.jpg"); background-position: bottom center; } .dest-travel-switz1 { background-image: url("../images/travdestinations/switzerland-ricardo-gomez-angel-J82dSkOxvY8-unsplash.jpg"); background-position: center center; } .dest-travel-switza { background-image: url("../images/travdestinations/zurich-tobias-reich-HaSP_2rSh_Y-unsplash.jpg"); background-position: center center; } .dest-travel-switzb { background-image: url("../images/travdestinations/Interlakenreza-hoque-YdBme5Of40c-unsplash.jpg"); background-position: center center; } .dest-travel-switzc { background-image: url("../images/travdestinations/lucerne-ricardo-gomez-angel-TF-OaX0vw2w-unsplash.jpg"); background-position: bottom center; } .dest-travel-classic-italy1 { background-image: url("../images/travdestinations/classic-italy.jpg"); background-position: bottom center; } .dest-travel-classic-italya { background-image: url("../images/travdestinations/rome-col654987.jpg"); background-position: left center; } .dest-travel-classic-italyb { background-image: url("../images/destinations/italy/lake-como-jesper-brouwers-cvJKyDSzVT0-unsplash.jpg"); background-position: right center; } .dest-travel-classic-italyc { background-image: url("../images/travdestinations/rome-vat-city654987.jpg"); background-position: center center; } .dest-travel-east-italy1 { background-image: url("../images/travdestinations/italy-east.jpg"); background-position: right center; } .dest-travel-east-italya { background-image: url("../images/travdestinations/ven-italy.jpg"); background-position: top center; } .dest-travel-east-italyb { background-image: url("../images/travdestinations/romegetty-images-xLekO1Nyj80-unsplash.jpg"); background-position: center center; } .dest-travel-east-italyc { background-image: url("../images/travdestinations/tuscany1456.jpg"); background-position: right center; } .small-tour-list p { font-size: 1rem; margin: 10px 0px; border-top: 10px solid #000; padding: 10px 0px 5px 0px; width: 100%; line-height: 1.5; } @media (max-width: 1000px) { .small-tour-list p { font-size: 1rem; margin: 10px 0px 5px 0px; border-top: 5px solid #000; padding: 5px 0px 5px 0px; width: 100%; line-height: 1.5; } } /** Standard Bands **/ .afw-base { padding: clamp(40px, 8vw, 100px) 0; } .afw-util { padding: 50px 0px clamp(25px, 4vw, 50px) 0px; min-height: 300px; display: flex; flex-direction: column; justify-content: flex-end; } .afw-base-whyafw { padding: 0 0 clamp(40px, 8vw, 100px) 0; } .afw-base-zerotop { padding: 0 0 clamp(40px, 8vw, 100px) 0; } .afw-base-sm { padding: clamp(40px, 4vw, 75px) 0; } .afw-pad30 { box-sizing: border-box; width: 100%; padding: 30px 20px; border: 2px solid #FFFFFF; height: 100%; display: flex; flex-direction: column; } .row.no-gutters { margin-right: 0; margin-left: 0; } .row.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .afw-pad30-includes { padding: 30px 0px 10px 0px; border: 2px solid #FFF; } .afw-ifeed { border-block: 1px solid #000000; padding: 0px 0px !important; background-color: rgba(21,21,21,0.2); margin-top: 0px; } .afw-esign { padding: 30px 0px; display: flex; flex-wrap: wrap; align-items: center; } @media (max-width: 1000px) { .hero-block { display: block; } .hero-subtxt { display: block; margin: 0.5em 0 1em 0; } .afw-esign > [class^="col-"] { text-align: center; justify-content: center; display: flex; flex-direction: column; align-items: center; } .text-align-right { text-align: center !important; } } /** Bands Color **/ .afw-white { background-color: /* #F6F6F6 */ #FFFFFF; } .afw-black { background-color: #151515; } .afw-lt-gray { background-color: #EAEAEA; } .afw-base-grad { background-color: #151515; background-image: linear-gradient(135deg, #002f59 0%, transparent 40%), linear-gradient(315deg, #6b0000 0%, transparent 40%); background-blend-mode: normal; } /* Tour Blocks */ .row.equal-height { display: flex; flex-wrap: wrap; } .row.equal-height > [class*="col-"] { display: flex; flex-direction: column; } .tour-img { background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 450px; display: flex; } @media (max-width: 767.98px) { .tour-img { min-height: 300px; } } .tour-img--italy { background-image: url("../test-imgs/italy-rando.webp"); } .tour-italy-rome { background-image: url("../images/destinations/italy/rome-getty-images-43bh7Uvq3oA-unsplash.jpg"); } .tour-img--japan { background-image: url("../test-imgs/italy-rando.webp"); } .tour-img--peru { background-image: url("../test-imgs/italy-rando.webp"); } .enews-widget, .enews-widget > div, .enews-widget .elfsight-app[data-elfsight-app-lazy], .enews-widget iframe, .enews-widget div[style*="overflow"], .enews-widget div[style*="height"] { height: auto !important; max-height: none !important; overflow: visible !important; width: 100% !important; display: block !important; } /* Ensure the image column follows text column height */ .row.no-gutters > .col-md-8, .row.no-gutters > .col-md-8 > .tour-img { height: 100%; } /* Fade-in animation */ /* === Keyframes (always loaded) === */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideUp { from { transform: translateY(30px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @keyframes slideLeft { from { transform: translateX(-30px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideRight { from { transform: translateX(30px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* === Animations: Only apply on medium+ screens === */ @media (min-width: 768px) { .animate-fade { animation: fadeIn 1s ease-in-out both; animation-delay: 0.2s; } .animate-slide { animation: slideUp 1s ease-in-out both; animation-delay: 0.2s; } .animate-slide-left { animation: slideLeft 1s ease-in-out both; animation-delay: 0.2s; } .animate-slide-right { animation: slideRight 1s ease-in-out both; animation-delay: 0.2s; } } /* === Reduced motion === */ @media (prefers-reduced-motion: reduce) { .animate-fade, .animate-slide, .animate-slide-left, .animate-slide-right { animation: none !important; } } @media (min-width: 768px) { .delay-0 { animation-delay: 0s; } .delay-1 { animation-delay: 0.2s; } .delay-2 { animation-delay: 0.4s; } .delay-3 { animation-delay: 0.6s; } .delay-4 { animation-delay: 0.8s; } .delay-5 { animation-delay: 1s; } } @media (prefers-reduced-motion: reduce) { .delay-0, .delay-1, .delay-2, .delay-3, .delay-4, .delay-5 { animation-delay: 0s !important; } } .custom-card2 { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; /* Align content to the top */ padding: 0px 0px 5px 20px; background-size: cover; } .custom-card-afw-d { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 25px; } @media (max-width: 991.98px) { .custom-card-afw-d { padding-left: 0; padding-right: 0; padding-top: 25px; min-height: 150px; } } .custom-card-afw-e { position: relative; min-height: 250px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 25px; } @media (max-width: 991.98px) { .custom-card-afw-e { padding: 0px 25px 20px 0px; margin-left: 25px; min-height: 150px; } } @media (max-width: 767.98px) { .custom-card-afw-e { padding: 25px 25px 10px 0px; margin-left: 0px; min-height: 150px; } } /* Main card styling */ .custom-card { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 35px 25px; background-size: cover; border-radius: 10px; } /* Base gradient overlay (always visible) */ .custom-card { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: white; background-size: cover; } /* Base gradient overlay (always visible) */ .custom-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: inherit; /* border-radius: 20px; */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%); } /* Removed darken effect on hover */ /* .custom-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1; pointer-events: none; } .custom-card:hover::after { opacity: 1; } */ /* Make sure text stays above the overlays */ .custom-card > * { position: relative; z-index: 2; } .custom-card a { color: inherit; /* Light blue for dark background */ text-decoration: none; transition: color 0.5s ease; } .custom-card a:hover, .custom-card a:focus { color: inherit; /* Bright white on hover for contrast */ text-decoration: underline; } .custom-card3 { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: white; background-size: cover; border-radius: 10px; } .custom-card4 { position: relative; min-height: 700px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: white; background-size: cover; border-radius: 10px; } .custom-card-aboutafw { position: relative; min-height: 450px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background-size: cover; border-radius: 10px; } .custom-card-jb { position: relative; min-height: 225px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background-size: cover; border-radius: 10px; } @media (max-width: 767.98px) { .custom-card-aboutafw { min-height: 300px; /* or smaller if needed */ } .custom-card-jb { min-height: 250px; } } /* Gradient overlay only on small screens */ @media (max-width: 991.98px) { .custom-card3::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%); } } /* Make sure content stays above overlay */ .custom-card3 > * { position: relative; z-index: 2; } .custom-card3 a { color: inherit; text-decoration: none; transition: color 0.3s ease; } .custom-card3 a:hover, .custom-card3 a:focus { text-decoration: underline; } @media (max-width: 991.98px) { .custom-card4::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%); } } /* Make sure content stays above overlay */ .custom-card4 > * { position: relative; z-index: 2; } .custom-card4 a { color: inherit; text-decoration: none; transition: color 0.3s ease; } .custom-card4 a:hover, .custom-card4 a:focus { text-decoration: underline; } /* staffcards */ .afw-staff { background-color: #F6F6F6; border-radius: 10px; padding: 25px; margin-bottom: 0; /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); */ } @media (max-width: 767.98px) { .afw-staff { padding: 25px; } } .afw-card-col { box-sizing: border-box; } /* Row wrapper to ensure equal height */ .afw-bodystyling-equal-row { display: flex; flex-wrap: wrap; align-items: stretch; } /* Left image column styling */ .afw-bodystyling-image-card { position: relative; flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; background-size: cover; background-position: center; min-height: 450px; border-radius: 10px; } /* Right text column styling */ .afw-bodystyling-text-card { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; padding: 0px 25px; min-height: 450px; } /* Responsive behavior */ @media (max-width: 991.98px) { .afw-bodystyling-image-card { min-height: 300px; } .afw-bodystyling-text-card { padding-left: 0; padding-right: 0; padding-top: 25px; min-height: 150px; } } /* Team logos */ .logo-img { height: 80px; width: auto; object-fit: contain; filter: grayscale(15%) brightness(100%); transition: transform 0.3s ease, filter 0.3s ease; } .logo-img:hover { filter: grayscale(0%) brightness(100%); transform: scale(1.07); } .logo-caption { font-size: 0.7rem; margin-top: 0.5rem; color: #000; /* or your preferred text color */ line-height: 1.2; font-weight: 500; max-width: 100%; word-wrap: break-word; text-align: center; } @media (max-width: 768px) { .logo-img { height: 60px; } } @media (max-width: 576px) { .logo-img { height: 40px; } } /* PREVIOUS LOGOS .logo-img { height: 80px; width: auto; object-fit: contain; filter: grayscale(100%) brightness(140%); transition: filter 0.3s ease; } .logo-img:hover { filter: grayscale(0%) brightness(100%); } */ /* Background images */ .dest-athens-1 { background-image: url("../images/destinations/greece-italy/athens-getty-images-Au-liB_qC30-unsplash.jpg"); background-position: top right; } .dest-cinqu { background-image: url("../images/destinations/italy/cinque-getty-images-c62FBoOl5gA-unsplash.jpg"); background-position: top right; } .dest-italy-rome-1 { background-image: url("../images/destinations/italy/rome-claudio-hirschberger-HI5c2A-LOqs-unsplash.jpg"); background-position: center; } .dest-italy-rome-2 { background-image: url("../images/destinations/italy/rome-getty-images-43bh7Uvq3oA-unsplash.jpg"); background-position: center right; } .dest-italy-rome-3 { background-image: url("../images/destinations/italy/rome-vat-city-getty-images-27ohqexr2m8-unsplash.jpg"); background-position: center right; } .dest-italy-siena-1 { background-image: url("../images/destinations/italy/siena-alessandro-rossi-JU_Bgza3ZHE-unsplash.jpg"); background-position: center; } .dest-italy-lakecomo-1 { background-image: url("../images/destinations/italy/lake-como-jesper-brouwers-cvJKyDSzVT0-unsplash.jpg"); background-position: center left; } .dest-lakecomo { background-image: url("../images/destinations/italy/cinque-getty-images-c62FBoOl5gA-unsplash.jpg/"); background-position: top right; } .dest-greece-athens { background-image: url("../images/destinations/greece-italy/athens-getty-images-Au-liB_qC30-unsplash.jpg"); background-position: top right; } .dest-positano { background-image: url("../images/destinations/italy/positano-sebastian-leonhardt-PkWac9CLWVA-unsplash.jpg"); background-position: top right; } .dest-sorrento { background-image: url("../images/destinations/greece-italy/sorrento-nick-fewings-a61Cp6eFkPg-unsplash.jpg"); background-position: center bottom; } .dest-sorrento2 { background-image: url("../images/destinations/italy/"); background-position: center bottom; } .dest-spain-bar { background-image: url("../images/destinations/spain/barcelona-dorian-d1-aX5NLrKgRBc-unsplash.jpg"); background-position: center bottom; } .dest-spain-madrid { background-image: url("../images/destinations/spain/toledo-alexandre-brondino-cozIfcnG2FM-unsplash.jpg"); background-position: top right; } .dest-spain-valencia { background-image: url("../images/destinations/spain/valencia-getty-images-rt9B7QPLw9I-unsplash.jpg"); background-position: center bottom; } /* Background images */ .bg-img-1 { background-image: url("../images/destinations/italy/rome-claudio-hirschberger-HI5c2A-LOqs-unsplash.jpg"); background-position: center; } .bg-testi-helper { background-image: url("../images/homepage/testimo.jpg"); background-position: center; } .bg-img-2 { background-image: url("../test-imgs/greece.jpg"); background-position: right center; } .bg-img-3 { background-image: url("../test-imgs/ireland-getty-images-gPbd8TxXxWQ-unsplash.jpg"); background-position: center; } /* Promo Images */ .bg-aboutafw25 { background-image: url("../images/aboutafw/afw-about-college.jpg"); background-position: center; } .bg-aboutafw { background-image: url("../images/promo/about-afw.jpg"); background-position: center; } .bg-aboutafwbarn { background-image: url("../images/aboutafw/afw-jimbarnes2.jpg"); background-position: top left; } .bg-afwstaff-b { background-image: url("../images/aboutafw/afw-staffban.jpg"); background-position: top center; } .bg-afwteam { background-image: url("../images/aboutafw/afw-footballfield.jpg"); background-position: center center; } .bg-enewssuccess { background-image: url("../images/aboutafw/afw-footballfield.jpg"); background-position: bottom right; } .bg-formsuccess { background-image: url("../images/formsuccess/afw-travel.jpg"); background-position: bottom right; } .bg-aboutafwsec { background-image: url("../images/aboutafw/afw-ital546897.jpg"); background-position: top left; } .bg-aboutafwsec { background-image: url("../images/aboutafw/afw-staff-teamshot.jpg"); background-position: top center; } .bg-aboutafwdesti-a { background-image: url("../images/aboutafw/afw-about-college654.jpg"); background-position: center center; } .bg-aboutafwdesti-b { background-image: url("../images/aboutafw/afw-about-hs.jpg"); background-position: top center; } .bg-aboutafwdesti-c { background-image: url("../images/aboutafw/afw-about-hs.jpg"); background-position: center center; } .bg-aboutafw-college { background-image: url("../images/aboutafw/afw-about-college.jpg"); background-position: center; } .bg-aboutafw-hs { background-image: url("../images/aboutafw/afw-about-hs.jpg"); background-position: center; } .bg-alumni-hs { background-image: url("../images/alumni/hs-alumni2.jpg"); background-position: top center; } .bg-alumni-hs-sig { background-image: url("../images/alumni/hs-alum-sig.jpg"); background-position: bottom center; } .bg-alumni-college { background-image: url("../images/alumni/college-alum546.jpg"); background-position: top center; } .bg-alumni-college-sig { background-image: url("../images/alumni/college-alumni-sig.jpg"); background-position: top center; } .bg-ig-temp { background-image: url("../images/banners/ig-hold.jpg"); background-position: top center; } .bg-destin-cust { background-image: url("../images/destinations/afw-customization.jpg"); background-position: top center; } .afw-destinations-1 { background-image: url("../images/aboutafw/afw-destinations.jpg"); background-position: center center; } .afw-history1 { background-image: url("../images/history/afw-history-sig2.jpg"); background-position: center center; } .afw-hp-teamsig { background-image: url("../images/homepage/afw-ital-sig.jpg"); background-position: top center; } .bg-testim-hs { background-image: url("../images/test-images/testistockphoto-452772019-2048x2048.jpg"); background-position: top right; } .bg-testim { background-image: url("../images/aboutafw/afw-tst-ban.jpg"); background-position: bottom right; } .bg-testim-sd { background-image: url("../images/aboutafw/afw-testimonials.jpg"); background-position: center center; } /***** PREVIOUS VERSION .custom-card { position: relative; min-height: 450px; background-size: cover; background-position: center; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: white; z-index: 1; } .custom-card { position: relative; min-height: 450px; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 25px; color: white; z-index: 1; } .custom-card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: 0; border-radius: 20px; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 40%), var(--card-image); } .custom-card:hover::before { transform: scale(1.05); } .custom-card::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 20px; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease-in-out; z-index: 1; pointer-events: none; } .custom-card:hover::after { opacity: 1; } .custom-card > * { position: relative; z-index: 2; } .custom-card-content { position: relative; z-index: 2; } .custom-card > * { position: relative; z-index: 1; } */ /* Background images assigned by class */ /* Lists */ ul, ol { margin-bottom: 1rem; padding-left: 1.5rem; } li { margin-bottom: 0.5rem; } /* Blockquotes */ blockquote { padding: 1rem; margin: 1rem 0; border-left: 5px solid #ccc; background: #f8f9fa; font-style: italic; } /* Code */ code { background-color: #f1f1f1; padding: 0.2rem 0.4rem; font-family: monospace; border-radius: 3px; font-size: 0.95rem; } /* Images */ img { max-width: 100%; height: auto; display: block; } /* Tables */ table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; } th, td { padding: 0.75rem; border: 1px solid #dee2e6; } th { background-color: #f8f9fa; text-align: left; } /* Forms */ input, textarea, select { border: 1px solid #ced4da; border-radius: 0.25rem; padding: 0.5rem; width: 100%; } label { font-weight: 500; margin-top: 0.5rem; display: block; } /* FAQ Styling */ .faq-wrapper { width: 100%; padding: 2rem 0; } .faq-wrapper h2 { font-family: "YankeeBlack", sans-serif; text-transform: uppercase; margin-top: 3rem; scroll-margin-top: 100px; } .faq-wrapper nav { margin-bottom: 3rem; } /* Responsive Columns: 1 on small, 2 on medium, 3 on large+ */ .faq-wrapper nav ul { list-style: none; padding-left: 0; column-count: 1; column-gap: 2rem; } @media (min-width: 768px) { .faq-wrapper nav ul { column-count: 2; } } @media (min-width: 1200px) { .faq-wrapper nav ul { column-count: 3; } } /* Full-Width Button Link Styling with left-aligned text and spacing */ .faq-nav-link, .faq-wrapper nav ul li a { display: block; width: 100%; font-family: "YankeeBold", sans-serif; font-size: 1.0rem; color: #000000; text-decoration: none !important; background-color: #ffffff; border: 1px solid #000000; padding: 0.75rem 1rem; transition: all 0.3s ease; border-radius: 5px; box-sizing: border-box; margin-bottom: 15px; text-align: left; } /* Remove underline animation effect */ .faq-nav-link::after, .faq-wrapper nav ul li a::after { display: none; content: none; } /* Hover effect: reverse colors */ .faq-nav-link:hover, .faq-wrapper nav ul li a:hover { background-color: #000000; color: #ffffff; } .faq-block-link { display: block; margin-top: 0.75rem; } /* FAQ Styling .faq-wrapper { width: 100%; padding: 2rem 0; } .faq-wrapper h2 { font-family: "YankeeBlack", sans-serif; text-transform: uppercase; margin-top: 3rem; scroll-margin-top: 100px; } .faq-wrapper nav { margin-bottom: 3rem; } /* Responsive Columns: 1 on small, 2 on medium, 3 on large+ .faq-wrapper nav ul { list-style: none; padding-left: 0; column-count: 1; column-gap: 2rem; } @media (min-width: 768px) { .faq-wrapper nav ul { column-count: 2; } } @media (min-width: 1200px) { .faq-wrapper nav ul { column-count: 3; } } /* Link Styling for FAQ navigation and external anchor links .faq-nav-link, .faq-wrapper nav ul li a { display: inline-block; font-family: "YankeeMedium", sans-serif; font-size: 1.2rem; text-transform: none; color: #212529; text-decoration: none !important; position: relative; padding-bottom: 2px; transition: color 0.3s ease; } .faq-nav-link::after, .faq-wrapper nav ul li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 10px; background-color: #212529; transition: width 0.6s ease; } .faq-nav-link:hover, .faq-wrapper nav ul li a:hover { color: #000; } .faq-nav-link:hover::after, .faq-wrapper nav ul li a:hover::after { width: 100%; } .faq-block-link { display: block; margin-top: 0.75rem; } */ #scrollToTop { display: none; position: fixed; bottom: 20px; right: 20px; background-color: #212529; color: #fff; border: 1.5px solid #FFFFFF; font-family: "YankeeMedium", sans-serif; text-transform: uppercase; padding: 0.5rem 0.75rem; border-radius: 5px; letter-spacing: 1px; text-decoration: none; font-size: 0.875rem; opacity: 0.85; z-index: 1000; transition: opacity 0.3s ease, background-color 0.3s ease; } #scrollToTop:hover { opacity: 1; background-color: #000; } #scrollToTop { display: none; }