@charset "UTF-8"; /* CSS Document */ .afw-base { padding: clamp(50px, 8vw, 100px) 0; } .afw-base-first { padding: clamp(40px, 8vw, 70px) 0; } .aboutafw-travelwithus { background-image: url("../images/super/afw-travel.jpg"); background-position: right center; } .aboutafw-sup { background-image: url("../images/super/afw1483317754.jpg"); background-position: right bottom; } .aboutafw-sup3 { background-image: url("../images/resources/afw-reso4.jpg"); background-position: top left; } /* SUPER */ .band-super { position: relative; background-color: #0F0F0F; padding: clamp(60px, 8vw, 80px) 0; /* padding: 25px 0px 50px 0px; */ display: flex; flex-direction: column; width: 100%; min-height: calc(100vw / 2.1); background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 1; overflow: inherit; } .band-super::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; } .band-super .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } .band-super.alt-travel1 { padding: clamp(30px, 6vw, 60px) 0; min-height: calc(100vw / 2.6); } .band-super.alt-travel1::before { 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%); } .band-super.alt-travel1 .container { justify-content: flex-end; } .band-super.alt-travel2 { padding: clamp(80px, 10vw, 120px) 0; min-height: calc(100vw / 1.8); } .band-super.alt-travel3 { padding: clamp(20px, 4vw, 40px) 0; min-height: calc(100vw / 3); } /*variants .band-super.variant-1 { padding-top: 100px; padding-bottom: 100px; min-height: calc(100vw / 2.6); background-position: top center; } .band-super.variant-1 .container { justify-content: flex-start; } .band-super.variant-2 { padding-top: 60px; padding-bottom: 60px; min-height: calc(100vw / 2.3); background-position: bottom center; } .band-super.variant-2 .container { justify-content: flex-end; } .band-super.variant-3 { padding-top: 80px; padding-bottom: 80px; min-height: calc(100vw / 2.1); background-position: center center; } .band-super.variant-3 .container { justify-content: center; } */ /* --- COLOR FLIP STYLES--- */ .super-white { color: #f7f7f7;} .super-black { color: #151515; } .super-red { color: #9f0000; } .text-overlay { background-color: transparent; border-radius: 0; } /* --- MOBILE SPECIAL HANDLING --- */ @media (max-width: 992.98px) { .band-super { min-height: 500px; /* Force minimum height */ padding-top: 350px; /* Minimum top padding */ padding-bottom: 50px; /* Force bottom padding */ } .band-super .container { justify-content: flex-end; /* Push text to the bottom */ } /* .band-super::before { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to top right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 40%); */ .text-overlay { background-color: rgba(0, 0, 0, 0.55); padding: 20px; border-radius: 10px; transition: all 0.3s ease; } /* --- SUPER TEXT COLORS --- */ .super-white { color: #151515;} .super-black { color: #f7f7f7; } } @media (max-width: 767.9px) { .nav-tag-white { color: #151515;} .nav-tag-black { color: #f7f7f7; } .nav-tag-red { color: #f7f7f7; } .super-red { color: #f7f7f7; } } .aboutafw-sup3 { background-position: top right; } /* --- FOOTER HANDLING --- */ /* --- FOOTER HANDLING --- */ .hide-on-sm { display: none; } @media (min-width: 768px) { .hide-on-sm { display: flex; flex-wrap: wrap; } } .afw-ft-black .row { align-items: stretch; } /* Base layout: 5 columns */ .custom-20 { display: flex; flex-direction: column; justify-content: flex-start; padding-left: 12px; /* 12px base + 10px spacing from border */ margin-bottom: 0; position: relative; } /* Responsive adjustment: 3 columns */ @media (max-width: 1399.98px) { .custom-20 { flex: 0 0 25%; max-width: 25%; margin-bottom: 30px; } } /* Add consistent vertical left border on all columns */ .custom-20 > *:first-child::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.5); } /* Google Search */ /* Container override */ .gs-title { font-size: 24px !important; font-family: "YankeeBold", "Helvetica Neue", Arial, sans-serif; font-optical-sizing: auto !important; /* font-family: 'Roboto', sans-serif !important; */ font-weight: 700 !important; margin-top: 10px; color: aqua; /** display: none !important; **/ } .gs-snippet { font-size: 18px !important; line-height: 1.375 !important; font-family: "YankeeMedium", "Helvetica Neue", Arial, sans-serif; font-optical-sizing: auto !important; /* font-family: 'Roboto', sans-serif !important; */ font-weight: 600 !important; } .gs-url { font-size: 50px !important; font-family: "YankeeMedium", "Helvetica Neue", Arial, sans-serif; font-optical-sizing: auto !important; /* font-family: 'Roboto', sans-serif !important; */ font-weight: 400 !important; color: #151515 !important; } /** .gs-webResult { border-top: 5px solid #FFCC00; padding: 1em; } **/ .gsc-control-cse { background-color: transparent !important; }