@charset "UTF-8"; .band-base { position: relative; background-color: #0F0F0F; padding-bottom: 45px; background-size: cover; background-repeat: no-repeat; display: flex; flex-direction: column; z-index: 1; } .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 bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 20%), linear-gradient(to top, #070b27 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to right, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0) 45%), linear-gradient(to left, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 20%); } .band-base-desc { padding-top: 175px; padding-bottom: 45px; display: flex; align-items: center; justify-content: center; } .band-base .container { display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; height: 100%; position: relative; z-index: 1; } .bg-program { background-image: url("../../../../images/hp2025/walkingwithdino.jpg"); background-position: center center; } .band-wqpt-pg23 { background-color: #0c0c0c; padding-top: 120px; padding-bottom: 120px; background-size: cover; background-repeat: no-repeat; min-height: 550px; max-height: 5550px; display: flex; align-items: center; justify-content: center; /**filter: brightness(90%);**/ } .pg-001 { background-image: url("../../../../images/hp2024/564897798654.jpg"); background-position: left center; /**filter: brightness(90%);**/ } /* Hide bottom content on small screens */ @media (max-width: 999.98px) { .hide-under-1000 { display: none !important; } .band-base-desc { padding-bottom: 0px; display: flex; align-items: center; justify-content: center; text-align: center; } } /* Keep ad column equal height with cards */ .programs-row { display: flex; flex-wrap: wrap; align-items: stretch; } /* Style ad column so it doesn’t exceed card height */ .ad-col { display: flex; align-items: flex-end; /* aligns to bottom */ justify-content: flex-end; /* aligns to right */ padding-bottom: 50px; /* optional: adds a little space from the bottom */ } /* Limit ad image height */ .ad-img { max-height: 125px; width: auto; height: auto; object-fit: contain; } /* === Base Text Styles === */ .hero25-title, .hero25-cardtitle, .hero-prime { font-family: 'PBSSans-Bold', sans-serif; font-weight: bold; letter-spacing: -0.125px; text-align: left; margin: 5px 0; text-decoration: none; } .hero25-time, .hero25-hdtime24, .hero-passport-time { font-family: 'PBSSans-Medium', sans-serif; font-size: 17px; text-transform: uppercase; text-align: left; margin: 5px 0 10px; text-decoration: none; line-height: 1.25; } /* === Specific Headings === */ .hero25-title { color: #262561; font-size: 30px; line-height: 1.15; } .hero25-time { color: #090909; line-height: 1; } .hero-prime { color: #fff; font-size: 40px; line-height: 1.05; text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); margin-top: 0; } .hero25-cardtitle { color: #fff; font-size: 20px; line-height: 1.15; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25); padding-left: 3px; } .hero25-hdtime24 { color: #f6f6f6; line-height: 25px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.45); } /* === Links === */ .hero25-title a, .hero25-time a, .hero25-cardtitle a, .hero25-hdtime24 a, .hero-passport-time a, .hero-prime a { color: inherit; text-decoration: none; font-weight: bold; } .hero25-title a:hover, .hero25-time a:hover, .hero25-cardtitle a:hover, .hero25-hdtime24 a:hover, .hero-passport-time a:hover, .hero-prime a:hover, .hero25-title a:visited:hover, .hero25-time a:visited:hover, .hero25-cardtitle a:visited:hover, .hero25-hdtime24 a:visited:hover, .hero-passport-time a:visited:hover, .hero-prime a:visited:hover { text-decoration: underline; text-shadow: none; } .feat-prehead { font-family: 'PBSSans-Medium', sans-serif; color: #F6F6F6; font-size: 17px; text-align: left; line-height: .95; margin: 5px 0 10px; text-transform: uppercase; } .feat-prehead a, .feat-prehead a:visited { color: #F6F6F6; text-decoration: none; } .feat-prehead a:hover, .feat-prehead a:visited:hover { text-decoration: underline; } /* === Passport Label with Icon === */ .hero-passport-time { color: #f6f6f6; display: inline-flex; align-items: center; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); } .hero-passport-time::before { content: ""; display: inline-block; width: 25px; height: 25px; background-image: url("../../../../images/hp2025/passport.png"); background-size: contain; background-position: center; background-repeat: no-repeat; margin-right: 5px; } /* === Pro Feature === */ .band-pg24-feature-1 { background-image: url("../../../../images/hp2025/am65498775987-78798.jpg"); background-position: left center; padding: 0 50px 40px 50px; background-size: cover; background-repeat: no-repeat; min-height: 550px; display: flex; } .band-pg24-feature-1-r { background-color: #262561 /* rgba(64, 74, 104, 1) */; padding: 40px 50px 40px 50px; display: flex; }