/*
Theme Name: FriendHub
Theme URI: https://friendhub.me
Author: FriendHub
Description: A responsive public photo and profile website theme for friendhub.me with Home, Today, About, search, ads, upload form, and mobile-friendly layouts.
Version: 10.13.4
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: friendhub
*/
:root { --ink: #2b1420; --muted: #7b5364; --line: #f8bfd1; --paper: #fff7fb; --cream: #ffe4ef; --gold: #ec4899; --red: #db2777; --charcoal: #3b1730; --font-body: "Segoe UI", Arial, Helvetica, sans-serif; --font-display: "Segoe UI", Arial, Helvetica, sans-serif; } * { box-sizing: border-box; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--font-body); font-size: 17px; line-height: 1.55; overflow-x: hidden; } img { display: block; width: 100%; } a { color: inherit; text-decoration: none; } button { font: inherit; } .site-header { position: sticky; top: 0; z-index: 100; background: linear-gradient(135deg, #db2777 0%, #ec4899 55%, #f9a8d4 100%); border-bottom: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, .12); } .utility-bar { display: none; } .main-nav { display: flex; align-items: center; justify-content: center; gap: 42px; max-width: 1260px; min-height: 82px; margin: 0 auto; padding: 0 24px; font-family: var(--font-display); font-size: 22px; font-weight: 900; text-transform: uppercase; white-space: nowrap; -webkit-overflow-scrolling: touch; } .nav-item { display: inline-flex; align-items: center; min-height: 82px; border-bottom: 3px solid transparent; color: rgba(255, 255, 255, .75); cursor: pointer; letter-spacing: 0; flex: 0 0 auto; } .nav-item:hover, .nav-item:focus { border-color: #ffe4e6; color: #fff; } .nav-item.is-active { border-color: #ffe4e6; color: #fff; } .nav-item[href="#about"]::after { content: ""; width: 11px; height: 11px; margin-left: 10px; border-right: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(45deg) translateY(-3px); } .page-section[hidden] { display: none; } .menu-button { display: none; } .search-button { position: relative; width: 36px; height: 82px; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; touch-action: manipulation; transition: color .16s ease, transform .16s ease; } .search-button:hover, .search-button:focus-visible, .search-button[aria-expanded="true"] { color: #ffe4e6; outline: 0; transform: translateY(-1px); } .search-button:active { color: #fff; transform: translateY(1px) scale(.96); } .search-button::before { content: ""; position: absolute; left: 4px; top: 27px; width: 15px; height: 15px; border: 3px solid currentColor; border-radius: 50%; box-shadow: 0 0 0 0 rgba(255, 228, 230, 0); transition: box-shadow .16s ease, border-color .16s ease; } .search-button::after { content: ""; position: absolute; left: 20px; top: 44px; width: 11px; height: 3px; background: currentColor; transform: rotate(45deg); transition: background .16s ease; } .search-button:hover::before, .search-button:focus-visible::before, .search-button[aria-expanded="true"]::before { box-shadow: 0 0 0 8px rgba(255, 228, 230, .18); } .search-panel { position: absolute; top: 66px; right: max(92px, calc((100vw - 1260px) / 2 + 92px)); z-index: 120; width: 379px; padding: 0; font-family: var(--font-body); } .search-panel[hidden] { display: none; } .search-row { display: grid; grid-template-columns: 218px 48px 92px; gap: 0; width: 379px; height: 64px; margin-left: auto; padding: 11px; border-radius: 6px; background: #831843; box-shadow: 0 8px 18px rgba(0, 0, 0, .38); } .search-row input { width: 100%; min-height: 40px; padding: 0 14px; border: 0; border-radius: 3px 0 0 3px; background: #fff; color: var(--ink); font-size: 16px; } .top-page-ad { padding: 10px clamp(12px, 2vw, 24px); background: #fff; } .top-page-ad-box { display: grid; place-items: center; min-height: 120px; max-width: 1180px; margin: 0 auto; overflow: hidden; border: 1px dashed var(--line); background: var(--cream); } .top-page-ad-box > div, .top-page-ad-box iframe, .top-page-ad-box ins { display: block; width: 100% !important; max-width: 100% !important; min-height: 120px; margin: 0 auto; border: 0; background: transparent; } .submit-search { min-height: 40px; padding: 0 14px; border: 0; border-radius: 0 3px 3px 0; background: #db2777; color: #fff; font-size: 16px; font-weight: 900; cursor: pointer; touch-action: manipulation; transition: background .16s ease, transform .16s ease; } .submit-search:hover, .submit-search:focus-visible { background: #be185d; outline: 0; } .submit-search:active { transform: scale(.97); } .voice-search { position: relative; min-height: 40px; border: 0; border-left: 1px solid #d8d8d8; border-radius: 0; background: #fff; color: #686868; cursor: pointer; touch-action: manipulation; transition: background .16s ease, color .16s ease, transform .16s ease; } .voice-search:hover, .voice-search:focus-visible { background: #fdf2f8; color: var(--ink); outline: 0; } .voice-search:active { transform: scale(.97); } .voice-search::before { content: ""; position: absolute; left: 18px; top: 9px; width: 8px; height: 15px; border: 2px solid currentColor; border-radius: 8px; } .voice-search::after { content: ""; position: absolute; left: 15px; top: 22px; width: 15px; height: 9px; border-bottom: 2px solid currentColor; box-shadow: 7px 8px 0 -6px currentColor; } .voice-search.is-listening { background: #e11d48; color: #fff; } .site-layout { display: grid; grid-template-columns: minmax(120px, 180px) minmax(0, 820px) minmax(120px, 180px); gap: clamp(18px, 2vw, 34px); max-width: 1280px; margin: 0 auto; padding: 36px clamp(16px, 2vw, 28px) 64px; align-items: start; } .content-column { min-width: 0; } .ad-rail { position: sticky; top: 112px; min-width: 0; } .ad-box { display: grid; align-content: center; gap: 10px; min-height: 560px; justify-items: center; padding: 18px; border: 1px dashed #f8bfd1; background: #fff0f7; color: #a75378; font-family: var(--font-body); font-size: 13px; font-weight: 900; text-transform: uppercase; text-align: center; text-decoration: none; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .ad-box:hover, .ad-box:focus-visible { border-color: var(--red); box-shadow: 0 10px 22px rgba(0, 0, 0, .08); outline: 0; transform: translateY(-1px); } .ad-box span { color: var(--red); font-size: 11px; letter-spacing: 0; } .ad-box strong { display: block; color: var(--ink); font-size: 20px; line-height: 1.05; } .ad-box small { display: block; max-width: 140px; color: var(--muted); font-size: 12px; line-height: 1.35; text-transform: none; } .side-ad-network { padding: 0; overflow: hidden; width: 100%; min-height: 600px; margin: 0 auto; align-content: stretch; justify-items: stretch; } .side-ad-network iframe, .side-ad-network ins, .side-ad-network > div { display: block; width: 100% !important; max-width: 100% !important; min-height: 600px; margin: 0 auto; } @media (min-width: 1440px) { .site-layout { grid-template-columns: minmax(160px, 220px) minmax(0, 860px) minmax(160px, 220px); max-width: 1420px; } .ad-box { min-height: 640px; } } html body .fh-backtop{ position:fixed!important; right:28px!important; bottom:26px!important; width:62px!important; height:62px!important; min-width:62px!important; min-height:62px!important; padding:0!important; border-radius:50%!important; border:3px solid var(--fh-pink)!important; background:#fff!important; color:var(--fh-pink)!important; box-shadow:0 16px 34px rgba(236,43,122,.18)!important; display:grid!important; place-items:center!important; font-size:34px!important; font-weight:400!important; line-height:1!important; z-index:1200!important; } html body .fh-backtop:hover, html body .fh-backtop:focus-visible{ background:#fff!important; color:var(--fh-pink)!important; outline:0!important; transform:translateY(-2px)!important; } @media(max-width:782px){ html body .fh-backtop{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; right:14px!important; bottom:14px!important; font-size:30px!important; } } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ gap:54px!important; } html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ max-width:1280px!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ min-width:170px!important; } @media(max-width:980px){ html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ gap:24px!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ min-width:120px!important; } } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; color:#fff!important; font-weight:900!important; text-transform:uppercase!important; text-decoration:none!important; letter-spacing:0!important; } html body header.fh-topbar .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-nav-link .fh-menu-icon{ display:inline-grid!important; place-items:center!important; width:21px!important; height:21px!important; min-width:21px!important; margin:0!important; color:#fff!important; } html body header.fh-topbar .fh-nav-link .fh-menu-icon svg, html body .fh-topbar .fh-nav-link .fh-menu-icon svg{ display:block!important; width:21px!important; height:21px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-link[data-page-link="videos"] .fh-menu-icon svg path:last-child, html body .fh-topbar .fh-nav-link[data-page-link="videos"] .fh-menu-icon svg path:last-child{ fill:currentColor!important; stroke:none!important; } html body header.fh-topbar .fh-nav-link.is-active::after, html body header.fh-topbar .fh-nav-link:hover::after, html body header.fh-topbar .fh-nav-link:focus-visible::after, html body .fh-topbar .fh-nav-link.is-active::after, html body .fh-topbar .fh-nav-link:hover::after, html body .fh-topbar .fh-nav-link:focus-visible::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:7px!important; height:5px!important; border-radius:999px!important; background:#fff!important; display:block!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:auto!important; min-width:0!important; height:58px!important; min-height:58px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:16px!important; overflow:visible!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ display:inline-block!important; position:relative!important; width:34px!important; height:34px!important; min-width:34px!important; color:#fff!important; pointer-events:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:2px!important; top:1px!important; width:20px!important; height:20px!important; border:5px solid currentColor!important; border-radius:50%!important; box-sizing:border-box!important; background:transparent!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:22px!important; top:23px!important; width:16px!important; height:5px!important; border-radius:999px!important; background:currentColor!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ display:inline-block!important; color:#fff!important; font-size:26px!important; font-weight:800!important; letter-spacing:-.01em!important; line-height:1!important; pointer-events:none!important; } @media(max-width:782px){ html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ justify-content:flex-start!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ height:46px!important; min-height:46px!important; gap:10px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ font-size:20px!important; } } html body .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; color:#fff!important; text-transform:uppercase!important; font-weight:900!important; letter-spacing:0!important; text-decoration:none!important; } html body .fh-topbar .fh-nav-link > span:not(.fh-menu-icon){ display:none!important; } html body .fh-topbar .fh-nav-link .fh-menu-icon{ display:inline-grid!important; place-items:center!important; width:21px!important; height:21px!important; min-width:21px!important; margin:0!important; color:#fff!important; line-height:1!important; } html body .fh-topbar .fh-nav-link .fh-menu-icon svg{ display:block!important; width:21px!important; height:21px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; overflow:visible!important; } html body .fh-topbar .fh-nav-link[data-page-link="videos"] .fh-menu-icon svg path:last-child{ fill:currentColor!important; stroke:none!important; } html body .fh-topbar .fh-nav-link.is-active::after, html body .fh-topbar .fh-nav-link:hover::after, html body .fh-topbar .fh-nav-link:focus-visible::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:7px!important; height:5px!important; border-radius:999px!important; background:#fff!important; display:block!important; } html body .fh-topbar .fh-nav-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; margin-left:auto!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:auto!important; min-width:0!important; height:58px!important; min-height:58px!important; padding:0 0 0 0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:16px!important; font-size:26px!important; line-height:1!important; overflow:visible!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ display:none!important; content:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ display:inline-block!important; position:relative!important; width:34px!important; height:34px!important; min-width:34px!important; color:#fff!important; transform:none!important; pointer-events:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:2px!important; top:1px!important; width:20px!important; height:20px!important; border:5px solid currentColor!important; border-radius:50%!important; box-sizing:border-box!important; background:transparent!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:22px!important; top:23px!important; width:16px!important; height:5px!important; border-radius:999px!important; background:currentColor!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ display:inline-block!important; color:#fff!important; font-size:26px!important; font-weight:800!important; letter-spacing:-.01em!important; line-height:1!important; pointer-events:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"]{ background:transparent!important; color:#fff!important; outline:0!important; box-shadow:none!important; transform:none!important; } @media(max-width:980px){ html body .fh-topbar .fh-nav-link{ gap:6px!important; } html body .fh-topbar .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-nav-link .fh-menu-icon svg{ width:18px!important; height:18px!important; min-width:18px!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ font-size:22px!important; } } @media(max-width:782px){ html body .fh-topbar .fh-main-menu{ align-items:stretch!important; } html body .fh-topbar .fh-nav-link{ justify-content:flex-start!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ height:46px!important; min-height:46px!important; gap:10px!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ width:28px!important; height:28px!important; min-width:28px!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ font-size:20px!important; } } @media (max-width: 1180px) { .site-layout { grid-template-columns: minmax(96px, 140px) minmax(0, 1fr) minmax(96px, 140px); gap: 18px; } } .hero { display: grid; grid-template-columns: minmax(320px, 1fr) minmax(320px, .86fr); gap: 42px; align-items: center; padding-bottom: 36px; border-bottom: 4px solid var(--ink); } .hero-copy { max-width: 700px; } .kicker { margin: 0 0 12px; color: var(--red); font-family: var(--font-body); font-size: 13px; font-weight: 900; letter-spacing: 0; text-transform: uppercase; } h1, h2, h3, p { margin: 0; } h1, h2, h3 { font-family: var(--font-display); letter-spacing: 0; } h1 { max-width: 720px; font-size: clamp(38px, 5vw, 66px); line-height: 1; font-weight: 900; } .hero-copy > p:not(.kicker) { margin-top: 20px; color: var(--muted); font-size: 22px; line-height: 1.45; } .hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 28px; font-family: var(--font-body); } .hero-stats span { min-height: 78px; padding: 15px; border: 1px solid var(--line); background: #fff; font-size: 14px; font-weight: 800; } .hero-stats strong { display: block; margin-bottom: 5px; color: var(--gold); font-size: 24px; } .hero-art { border: 1px solid var(--line); background: var(--cream); } .quick-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 28px; border: 1px solid var(--line); background: #fff; } .quick-facts article { min-height: 210px; padding: 22px; border-right: 1px solid var(--line); } .quick-facts article:last-child { border-right: 0; } .quick-facts span { color: var(--gold); font-family: var(--font-body); font-size: 14px; font-weight: 900; } .quick-facts h2 { margin-top: 28px; font-size: 28px; line-height: 1.05; } .quick-facts p, .main-profile p, .category-grid p { margin-top: 12px; color: var(--muted); font-size: 17px; line-height: 1.45; } .content-grid { display: grid; grid-template-columns: minmax(360px, 1.45fr) minmax(280px, .75fr); gap: 38px; margin-top: 46px; align-items: start; } .main-profile { padding-bottom: 28px; border-bottom: 1px solid var(--line); } .main-profile h2, .section-heading h2 { font-size: 38px; line-height: 1.05; } .section-detail { max-width: 760px; margin-top: 16px; color: var(--muted); font-size: 18px; line-height: 1.55; } .main-profile img { margin-top: 20px; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid var(--line); } .ranking-panel { padding: 24px; border-top: 4px solid var(--red); background: var(--cream); } .ranking-panel h2 { font-size: 34px; } .ranking-panel ol { display: grid; gap: 18px; margin: 20px 0 0; padding: 0; list-style: none; counter-reset: notable; } .ranking-panel li { display: grid; grid-template-columns: 36px 1fr; gap: 12px; padding-top: 16px; border-top: 1px solid var(--line); counter-increment: notable; } .ranking-panel li::before { content: counter(notable); color: var(--red); font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: 900; line-height: 1; } .ranking-panel span { display: block; font-size: 22px; font-weight: 900; line-height: 1.05; } .ranking-panel small { display: block; margin-top: 5px; color: var(--muted); font-family: var(--font-body); font-size: 14px; font-weight: 700; } .category-section { margin-top: 54px; padding-top: 30px; border-top: 4px solid var(--ink); } .category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 22px; } .category-grid article { padding-bottom: 18px; border-bottom: 1px solid var(--line); } .category-grid img { aspect-ratio: 16 / 10; object-fit: cover; border: 1px solid var(--line); } .category-grid h3 { margin-top: 14px; font-size: 28px; line-height: 1.05; } .post-section { margin-top: 46px; padding-top: 30px; border-top: 4px solid var(--ink); } .first-section { margin-top: 0; } .post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 22px; } .post-grid.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); } .post-card { min-height: 0; padding: 0; border: 1px solid var(--line); border-radius: 14px; background: #fff; overflow: hidden; overflow-wrap: anywhere; cursor: pointer; box-shadow: 0 10px 24px rgba(236, 45, 130, .07); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; } .post-card:hover, .post-card:focus-within { border-color: var(--red); box-shadow: 0 8px 22px rgba(0, 0, 0, .08); transform: translateY(-1px); } .post-card.is-expanded { border-top: 4px solid var(--red); cursor: default; transform: none; } .post-thumb { display: block; } .post-photo { display: block; width: 100%; aspect-ratio: 16 / 10; margin: 0; border: 0; border-bottom: 1px solid var(--line); background: var(--cream); object-fit: cover; object-position: center top; padding: 0; } .post-copy { min-width: 0; padding: 16px; } .post-meta { color: var(--red); font-family: var(--font-body); font-size: 12px; font-weight: 900; text-transform: uppercase; } .post-card h3 { margin-top: 8px; font-size: 18px; line-height: 1.15; } .post-date { display: block; margin-top: 8px; color: var(--muted); font-size: 13px; font-weight: 800; } .post-card p:not(.post-meta) { margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.45; } .post-card::after { content: none; display: inline-flex; margin: 0 16px 16px; padding: 9px 16px; border-radius: 8px; background: var(--red); color: #fff; font-family: var(--font-body); font-size: 12px; font-weight: 900; text-transform: none; box-shadow: 0 8px 18px rgba(236, 45, 130, .22); } .home-empty { margin-top: 22px; padding: 18px; border: 1px solid var(--line); background: var(--cream); color: var(--muted); font-size: 17px; font-weight: 800; } .home-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); } .home-pagination button { min-width: 42px; height: 40px; padding: 0 14px; border: 1px solid var(--line); background: #fff; color: var(--ink); font-family: var(--font-body); font-size: 14px; font-weight: 900; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease; } .home-pagination button:hover, .home-pagination button:focus-visible, .home-pagination button.is-active { border-color: var(--red); background: var(--red); color: #fff; } .detail-page { padding-top: 26px; border-top: 4px solid var(--ink); } .back-to-posts { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; padding: 0; border: 0; background: transparent; color: var(--red); font-family: var(--font-body); font-size: 13px; font-weight: 900; text-transform: uppercase; cursor: pointer; } .back-to-posts::before { content: "<"; font-size: 16px; line-height: 1; } .back-to-posts:hover, .back-to-posts:focus-visible { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; } .detail-page h1, .detail-page h2 { max-width: 100%; margin-top: 10px; font-size: 36px; line-height: 1.12; } .detail-page-photo { width: 100%; max-width: 420px; max-height: 300px; margin: 28px auto 0; border: 1px solid var(--line); background: var(--cream); object-fit: cover; cursor: zoom-in; } .detail-lead, .detail-page p:not(.kicker), .detail-page-body p { margin-top: 18px; color: var(--ink); font-size: 18px; line-height: 1.65; } .detail-lead { max-width: 100%; color: var(--muted); font-size: 20px; } .detail-page-body { margin-top: 30px; } .detail-page-body::after { content: ""; display: table; clear: both; } .detail-page-body h2 { margin: 28px 0 0; font-size: 30px; line-height: 1.05; } .detail-page-body > * { max-width: 760px; margin-right: auto; margin-left: auto; } .detail-page-body > * + * { margin-top: 22px; } .detail-page-body .detail-media-block { text-indent: 0; } .detail-page-body figure, .detail-page-body .wp-block-image, .detail-page-body .wp-block-video, .detail-page-body .wp-block-embed, .detail-page-body .wp-block-gallery { width: 100%; max-width: 760px; margin-right: auto; margin-left: auto; } .detail-page-body img, .detail-page-body video, .detail-page-body iframe, .detail-page-body embed, .detail-page-body object { display: block; width: 100%; max-width: 520px; margin-right: auto; margin-left: auto; border: 1px solid var(--line); background: var(--cream); } .detail-page-body img { max-height: 320px; object-fit: contain; cursor: zoom-in; } .detail-page-body .detail-media-left, .detail-page-body .detail-media-right { width: 300px; max-width: 300px; } .detail-page-body .detail-media-left { float: left; margin: 8px 34px 18px 0; } .detail-page-body .detail-media-right { float: right; margin: 8px 0 18px 34px; } .detail-page-body .detail-media-left img, .detail-page-body .detail-media-right img, .detail-page-body .wp-block-image img, .detail-page-body figure img, .detail-page-body p img { width: 300px !important; max-width: 300px !important; height: 300px !important; max-height: 300px; object-fit: cover; object-position: center top; margin-right: auto; margin-left: auto; } .detail-page-body video, .detail-page-body iframe, .detail-page-body embed, .detail-page-body object { width: 100%; max-width: 760px; aspect-ratio: 16 / 9; max-height: 420px; } .detail-page-body figcaption, .wp-block-image figcaption, .wp-block-video figcaption, .wp-block-embed figcaption { max-width: 620px; margin: 8px auto 0; color: var(--muted); font-size: 14px; line-height: 1.45; } .detail-page-body a { color: var(--red); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .post-hidden-album { display: none !important; } .album-hidden { display: none !important; } .media-zoom-overlay { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); border: 0; background: rgba(5, 8, 12, .96); backdrop-filter: blur(16px); overflow: hidden; touch-action: none; } .media-zoom-overlay[hidden] { display: none; } .media-zoom-overlay img { width: auto; height: auto; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border: 0; border-radius: 8px; background: transparent; box-shadow: 0 20px 80px rgba(0, 0, 0, .5); object-fit: contain; cursor: pointer; user-select: none; -webkit-user-drag: none; transform-origin: center center; transition: transform .18s ease; will-change: transform; } .media-zoom-overlay.is-zoomed img { cursor: grab; transition: none; } .media-zoom-overlay.is-zoomed img:active { cursor: grabbing; } .is-media-zoom-open { overflow: hidden; } .media-zoom-close { border: 0; background: rgba(255, 255, 255, .14); color: #fff; font-family: var(--font-body); font-weight: 900; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .media-zoom-close { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); width: 48px; height: 48px; border-radius: 50%; font-size: 20px; line-height: 1; text-transform: uppercase; } .media-zoom-close:hover, .media-zoom-close:focus-visible { background: rgba(255, 255, 255, .24); transform: scale(1.04); } .media-zoom-count { position: fixed; left: 50%; bottom: max(14px, env(safe-area-inset-bottom)); transform: translateX(-50%); color: #fff; font-family: var(--font-body); font-size: 14px; font-weight: 900; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .14); } .detail-upload-block { margin-top: 34px; padding: 0; border: 0; background: transparent; overflow: auto; } .detail-upload-block img { width: 240px; max-height: 320px; float: left; margin: 0 26px 14px 0; border: 1px solid var(--line); background: var(--cream); object-fit: contain; padding: 5px; } .detail-upload-block.is-photo-right img { float: right; margin: 0 0 14px 26px; } .detail-upload-text { margin-top: 0; } .detail-upload-text h2 { margin: 0; font-size: 25px; line-height: 1.1; } .detail-upload-text p { margin-top: 12px; color: var(--muted); font-size: 17px; line-height: 1.6; } .about-content { max-width: 940px; margin-top: 54px; padding-top: 34px; border-top: 4px solid var(--ink); } .about-content h2 { max-width: 760px; font-size: 42px; line-height: 1.05; } .about-content p:not(.kicker) { margin-top: 18px; color: var(--ink); font-size: 18px; line-height: 1.62; } @media (max-width: 1000px) { .site-layout { grid-template-columns: minmax(120px, 160px) minmax(0, 1fr) minmax(120px, 160px); gap: 18px; } .ad-box { min-height: 600px; font-size: 11px; } .main-nav { justify-content: flex-start; gap: 30px; overflow-x: auto; scrollbar-width: none; } .main-nav::-webkit-scrollbar { display: none; } .hero, .content-grid, .about-content { grid-template-columns: 1fr; } .quick-facts { grid-template-columns: repeat(2, 1fr); } .quick-facts article:nth-child(2) { border-right: 0; } .quick-facts article:nth-child(-n + 2) { border-bottom: 1px solid var(--line); } } @media (max-width: 820px) { .site-layout { display: block; max-width: 760px; padding-right: 18px; padding-left: 18px; } .ad-rail { position: static; display: none; justify-content: center; width: 100%; margin: 0 auto 20px; } .ad-rail-right { margin-top: 24px; } .ad-box { min-height: 600px; } .side-ad-network { width: min(100%, 180px); min-height: 600px; border: 0; background: transparent; box-shadow: none; } .side-ad-network iframe, .side-ad-network ins, .side-ad-network > div { width: 160px !important; max-width: 100% !important; min-height: 600px; } .main-nav { gap: 24px; min-height: 74px; font-size: 18px; } .nav-item { min-height: 74px; } .search-button { height: 74px; } .search-button::before { top: 23px; } .search-button::after { top: 40px; } .search-panel { top: 60px; right: 24px; width: min(379px, calc(100vw - 48px)); } .search-row { width: 100%; grid-template-columns: minmax(120px, 1fr) 46px 86px; } } @media (max-width: 680px) { .utility-bar { display: grid; gap: 5px; padding: 9px 16px; } .main-nav { min-height: 66px; padding: 0 14px; gap: 18px; font-size: 16px; } .nav-item { min-height: 66px; } .search-button { width: 32px; height: 66px; } .search-button::before { left: 4px; top: 21px; width: 13px; height: 13px; } .search-button::after { left: 19px; top: 37px; width: 10px; } .site-layout { padding: 24px 14px 48px; } .search-panel { top: 58px; right: 32px; width: min(379px, calc(100vw - 28px)); } .search-row { grid-template-columns: minmax(112px, 1fr) 44px 80px; width: 100%; height: 60px; padding: 10px; } h1 { font-size: 34px; } .hero-stats, .quick-facts, .category-grid, .post-grid, .post-grid.compact { grid-template-columns: 1fr; } .home-pagination { justify-content: center; } .home-pagination button { min-width: 40px; height: 38px; padding: 0 12px; } .detail-upload-block { overflow: visible; } .detail-upload-block img, .detail-upload-block.is-photo-right img { float: none; width: min(100%, 280px); margin: 0 auto 16px; } .quick-facts article, .quick-facts article:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); } .quick-facts article:last-child { border-bottom: 0; } .main-profile h2, .section-heading h2, .about-content h2 { font-size: 30px; } .section-detail { font-size: 16px; } .about-content p:not(.kicker) { font-size: 16px; } } @media (max-width: 430px) { .main-nav { gap: 14px; padding: 0 12px; font-size: 14px; } .nav-item[href="#about"]::after { width: 8px; height: 8px; margin-left: 7px; border-width: 2px; } .search-panel { top: 56px; right: 10px; left: 10px; width: auto; } .search-row { grid-template-columns: minmax(88px, 1fr) 40px 68px; height: 58px; padding: 9px; } .search-row input { padding: 0 10px; font-size: 15px; } .submit-search { padding: 0 8px; font-size: 14px; } .voice-search::before { left: 15px; } .voice-search::after { left: 12px; } .post-card { min-height: 0; padding: 14px; } .post-thumb { grid-template-columns: 96px minmax(0, 1fr); column-gap: 12px; } .post-photo { width: 96px; margin-top: 18px; } .post-card h3 { font-size: 18px; } .post-card p:not(.post-meta) { font-size: 13px; line-height: 1.45; } .detail-page h1, .detail-page h2 { margin-top: 8px; font-size: 24px; line-height: 1.18; } .detail-page-photo, .detail-page-body img, .detail-page-body video, .detail-page-body iframe, .detail-page-body embed, .detail-page-body object { max-width: 100%; } .detail-page-body .detail-media-left, .detail-page-body .detail-media-right { float: none; width: 100%; max-width: 100%; margin: 22px auto 18px; } .detail-page-body .detail-media-left img, .detail-page-body .detail-media-right img, .detail-page-body .wp-block-image img, .detail-page-body figure img, .detail-page-body p img { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 280px; object-fit: contain; } .detail-page-photo { margin-top: 22px; max-height: 260px; } .detail-page-body { margin-top: 24px; padding-right: 0; padding-left: 0; } .detail-page-body > * + * { margin-top: 20px; } .detail-page p:not(.kicker), .detail-page-body p { font-size: 16px; line-height: 1.68; } .detail-page-body h2 { font-size: 23px; } .media-zoom-overlay { padding: max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left)); } .media-zoom-overlay img { max-width: calc(100vw - 12px); max-height: calc(100dvh - 12px); border-radius: 7px; } .media-zoom-close { top: max(8px, env(safe-area-inset-top)); right: max(8px, env(safe-area-inset-right)); width: 44px; height: 44px; font-size: 19px; } .media-zoom-count { bottom: max(10px, env(safe-area-inset-bottom)); } .detail-upload-block { padding: 0; } .detail-upload-block img { float: none; width: min(100%, 240px); margin: 0 auto 14px; } .detail-upload-text h2 { font-size: 20px; } .detail-upload-text p { font-size: 15px; } } @media (max-width: 360px) { .main-nav { gap: 10px; font-size: 13px; } .search-row { grid-template-columns: minmax(76px, 1fr) 38px 62px; } .submit-search { font-size: 12px; } .post-thumb { grid-template-columns: 82px minmax(0, 1fr); column-gap: 10px; } .post-photo { width: 82px; margin-top: 20px; } .post-meta, .post-date, .post-card::after { font-size: 11px; } .post-card h3 { font-size: 17px; } } .footer-ad-network { padding: 0; overflow: hidden; color: var(--ink); text-transform: none; align-content: stretch; justify-items: stretch; } .footer-ad-network > div, .footer-ad-network iframe, .footer-ad-network ins { display: block; width: 100% !important; max-width: 100% !important; min-width: 0; min-height: 146px; margin: 0 auto; border: 0; background: transparent; } .site-footer-ads { padding: 24px clamp(14px, 3vw, 32px) 34px; border-top: 4px solid var(--ink); background: #fff; } .footer-adsense-box { display: block; min-height: 180px; max-width: 1180px; margin: 0 auto; overflow: hidden; border: 1px dashed var(--line); background: var(--cream); } .footer-adsense-box ins, .footer-adsense-box iframe { display: block; width: 100% !important; max-width: 100% !important; min-height: 180px; margin: 0 auto; } .upload-page-wrap { padding: 42px clamp(16px, 4vw, 48px) 70px; } .upload-form-card { max-width: 860px; margin: 0 auto; padding: clamp(22px, 4vw, 42px); border: 1px solid var(--line); background: #fff; } .upload-form-card h1 { margin: 0 0 24px; font-size: clamp(30px, 5vw, 52px); line-height: 1.04; } .upload-post-form { display: grid; gap: 18px; } .upload-post-form label { display: grid; gap: 8px; color: var(--ink); font-weight: 900; } .upload-post-form small { color: var(--muted); font-size: 13px; font-weight: 700; } .upload-post-form input, .upload-post-form select, .upload-post-form textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid var(--line); background: #fff7fb; color: var(--ink); font: inherit; } .upload-post-form textarea { resize: vertical; } .upload-submit-button { min-height: 52px; padding: 0 20px; border: 0; background: var(--red); color: #fff; font-weight: 900; cursor: pointer; } .upload-submit-button:hover, .upload-submit-button:focus-visible { background: #be185d; outline: 0; } .upload-message { margin: 0 0 20px; padding: 14px 16px; border: 1px solid var(--line); background: var(--cream); font-weight: 800; } .upload-message-success { border-color: #6fa67a; background: #edf8ef; } .upload-message-error { border-color: #d08b8b; background: #fff0f0; } @media (max-width: 760px) { .top-page-ad { padding: 0 12px 12px; } .top-page-ad-box, .top-page-ad-box > div, .top-page-ad-box iframe, .top-page-ad-box ins { min-height: 150px; } .site-footer-ads { padding: 20px 12px 28px; } .footer-adsense-box, .footer-adsense-box ins, .footer-adsense-box iframe { min-height: 170px; } } .site-header { background: linear-gradient(135deg, #db2777 0%, #ec4899 52%, #f9a8d4 100%); box-shadow: 0 8px 26px rgba(219, 39, 119, .22); } .nav-item:hover, .nav-item:focus, .nav-item.is-active { border-color: #fff; color: #fff; text-shadow: 0 1px 8px rgba(255, 255, 255, .28); } .search-row { background: #831843; border: 1px solid rgba(255, 255, 255, .18); box-shadow: 0 12px 28px rgba(131, 24, 67, .38); } .search-row input, .upload-post-form input, .upload-post-form select, .upload-post-form textarea { border-color: #f8bfd1; background: #fff7fb; } .search-row input:focus, .upload-post-form input:focus, .upload-post-form select:focus, .upload-post-form textarea:focus { border-color: #ec4899; box-shadow: 0 0 0 4px rgba(236, 72, 153, .14); outline: 0; } .submit-search, .upload-submit-button, .home-pagination button, .single-post a, .wp-block-button__link { background: #db2777; color: #fff; } .submit-search:hover, .submit-search:focus-visible, .upload-submit-button:hover, .upload-submit-button:focus-visible, .home-pagination button:hover, .home-pagination button:focus-visible, .home-pagination button.is-active { background: #be185d; color: #fff; } a:hover, a:focus-visible, .kicker, .post-meta, .post-date, .section-heading p, .upload-form-card h1, .single-title { color: #db2777; } .hero, .section-heading, .post-card, .upload-form-card, .single-article, .home-empty, .upload-message { border-color: #f8bfd1; } .post-card, .upload-form-card, .single-article, .home-empty, .upload-message, .ad-box, .footer-inner { background: #fff; box-shadow: 0 10px 28px rgba(219, 39, 119, .08); } .post-card:hover, .post-card:focus-within { border-color: #ec4899; box-shadow: 0 16px 34px rgba(219, 39, 119, .16); } .post-card::after, .badge, .category-badge, .tag-badge { background: #fce7f3; color: #be185d; } .site-footer { margin-top: 0; padding: 34px clamp(16px, 4vw, 42px); background: linear-gradient(135deg, #831843 0%, #db2777 60%, #f472b6 100%); color: #fff; text-align: center; border-top: 0; } .site-footer a { color: #fff; font-weight: 900; } .site-footer-title { margin: 0 0 8px; font-size: clamp(24px, 4vw, 38px); font-weight: 900; letter-spacing: .02em; } .site-footer-text { max-width: 820px; margin: 0 auto 10px; color: rgba(255, 255, 255, .88); font-size: 15px; font-weight: 700; } .site-footer-copy { margin: 0; color: rgba(255, 255, 255, .76); font-size: 13px; font-weight: 800; } .menu-button span { background: #fff; } @media (max-width: 760px) { .main-nav { background: linear-gradient(135deg, #db2777 0%, #ec4899 100%); } .nav-item { border-color: rgba(255, 255, 255, .18); } } .site-footer,.footer,.footer-wrap,footer{ background:linear-gradient(135deg,#ec4899,#f472b6)!important; color:#fff!important; border-top:3px solid #f9a8d4!important; } button, input[type=submit], input[type=button], .btn, .button, .wp-element-button{ background:#ec4899!important; border-color:#ec4899!important; color:#fff!important; } button:hover, .btn:hover, .button:hover, .wp-element-button:hover{ background:#db2777!important; } a{ color:#db2777; } a:hover{ color:#ec4899; } .card, .post-card, article, .widget, .search-row, .upload-form, form, input, textarea, select{ border-color:#f9a8d4!important; } .card, .post-card, article{ box-shadow:0 0 0 1px #fbcfe8; } input:focus, textarea:focus, select:focus{ outline:none; border-color:#ec4899!important; box-shadow:0 0 0 3px rgba(236,72,153,.18)!important; } html, body { width: 100% !important; min-height: 100% !important; overflow-x: hidden !important; } body { min-height: 100vh !important; display: flex !important; flex-direction: column !important; background: #fff7fb !important; } .site-main, main { flex: 1 0 auto !important; } .site-header, header.site-header, body .site-header { width: 100% !important; background: linear-gradient(135deg, #be185d 0%, #ec4899 55%, #f9a8d4 100%) !important; border-bottom: 3px solid #fbcfe8 !important; box-shadow: 0 6px 24px rgba(219, 39, 119, .24) !important; } .admin-bar .site-header { top: 32px !important; } .main-nav, body .main-nav { width: 100% !important; max-width: 1260px !important; margin-left: auto !important; margin-right: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: clamp(18px, 4vw, 48px) !important; padding-left: 16px !important; padding-right: 16px !important; } .nav-item, .search-button { color: #fff !important; } .nav-item:hover, .nav-item:focus, .nav-item.is-active { color: #fff !important; border-bottom-color: #fff !important; } .search-button::before { border-color: #fff !important; } .search-button::after, .menu-button span { background: #fff !important; } .site-footer, footer.site-footer, body .site-footer, body footer { flex-shrink: 0 !important; width: 100% !important; max-width: none !important; margin: 48px 0 0 0 !important; padding: clamp(28px, 5vw, 48px) clamp(16px, 4vw, 32px) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: linear-gradient(135deg, #831843 0%, #db2777 55%, #f472b6 100%) !important; color: #fff !important; border-top: 4px solid #f9a8d4 !important; box-shadow: 0 -8px 28px rgba(219, 39, 119, .18) !important; } .site-footer p, .site-footer-title, .site-footer-text, .site-footer-copy { width: 100% !important; max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; color: #fff !important; } .site-footer-title { margin-bottom: 8px !important; font-size: clamp(22px, 4vw, 34px) !important; font-weight: 900 !important; } .site-footer-text { margin-bottom: 8px !important; font-size: clamp(14px, 2.5vw, 17px) !important; line-height: 1.55 !important; opacity: .95 !important; } .site-footer-copy { font-size: clamp(12px, 2.2vw, 15px) !important; opacity: .9 !important; } .site-footer a, footer a { color: #fff !important; } a, .entry-content a, .post-card a, .single-article a { color: #db2777 !important; } a:hover, a:focus-visible { color: #ec4899 !important; } button, input[type="submit"], input[type="button"], .submit-search, .voice-search, .upload-submit-button, .home-pagination button, .btn, .button, .wp-element-button { background: #ec4899 !important; border-color: #ec4899 !important; color: #fff !important; } button:hover, input[type="submit"]:hover, input[type="button"]:hover, .submit-search:hover, .upload-submit-button:hover, .home-pagination button:hover, .home-pagination button.is-active, .btn:hover, .button:hover, .wp-element-button:hover { background: #be185d !important; border-color: #be185d !important; color: #fff !important; } .post-card, .card, .home-empty, .upload-form-card, .single-article, .upload-message, .search-row, .upload-post-form, form.search-form, .widget, article { border-color: #f9a8d4 !important; box-shadow: 0 10px 28px rgba(219, 39, 119, .08) !important; } input, textarea, select, .search-row input, .upload-post-form input, .upload-post-form textarea, .upload-post-form select { border-color: #f9a8d4 !important; } input:focus, textarea:focus, select:focus, .search-row input:focus, .upload-post-form input:focus, .upload-post-form textarea:focus, .upload-post-form select:focus { outline: none !important; border-color: #ec4899 !important; box-shadow: 0 0 0 4px rgba(236, 72, 153, .18) !important; } .search-row, .search-panel .search-row { background: #831843 !important; border: 1px solid #f9a8d4 !important; } @media (max-width: 782px) { .admin-bar .site-header { top: 46px !important; } } @media (max-width: 760px) { .site-header, header.site-header, body .site-header { position: sticky !important; top: 0 !important; } .admin-bar .site-header { top: 46px !important; } .main-nav, body .main-nav { min-height: 66px !important; gap: 14px !important; overflow-x: auto !important; justify-content: flex-start !important; padding-left: 14px !important; padding-right: 14px !important; background: linear-gradient(135deg, #be185d 0%, #ec4899 100%) !important; } .nav-item { min-height: 66px !important; font-size: 16px !important; } .search-button { height: 66px !important; min-width: 44px !important; } .search-button::before { top: 19px !important; } .search-button::after { top: 36px !important; } .search-panel { left: 12px !important; right: 12px !important; top: 72px !important; width: auto !important; } .search-row { width: 100% !important; height: auto !important; grid-template-columns: 1fr 44px 82px !important; } .site-footer, footer.site-footer, body .site-footer, body footer { margin-top: 32px !important; padding-top: 30px !important; padding-bottom: 30px !important; } } body.admin-bar{margin-top:0!important;padding-top:0!important;} .site-header,.header,.navbar,.top-header{margin-top:0!important;} body:before{display:none!important;} .site-header,.main-header{border-top:0!important;} h1,h2,h3,h4,h5,h6, .entry-title, .page-title, .widget-title, .post-title, a.post-title, .site-content h1, .site-content h2, .site-content h3{ color:#e91e63!important; } :root{--fh-pink:#ec2b7a;--fh-pink2:#ff5fab;--fh-pink3:#c41261;--fh-soft:#fff1f8;--fh-line:#ffd0e4;--fh-text:#231328;--fh-muted:#655365;--fh-white:#fff;--fh-shadow:0 16px 45px rgba(236,43,122,.16);--fh-radius:20px;} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0!important;background:radial-gradient(circle at 5% 0%,#ffe1ee 0,#fff7fb 35%,#fff 72%)!important;color:var(--fh-text)!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-size:16px;line-height:1.55;overflow-x:hidden}.site-header,.main-nav{display:none!important}a{color:var(--fh-pink);text-decoration:none}a:hover{color:var(--fh-pink3)} .fh-topbar{position:sticky;top:32px;z-index:900;background:linear-gradient(100deg,#c81464 0%,#ec2b7a 48%,#ff8dc5 100%);box-shadow:0 12px 35px rgba(236,43,122,.22)}body:not(.admin-bar) .fh-topbar{top:0}.fh-nav-wrap{max-width:1180px;margin:auto;min-height:92px;padding:0 24px;display:flex;align-items:center;gap:22px}.fh-brand{display:flex;align-items:center;gap:12px;color:#fff!important;font-weight:900;font-size:30px;white-space:nowrap}.fh-brand-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#fff;color:var(--fh-pink);box-shadow:0 10px 24px rgba(0,0,0,.12)}.fh-main-menu{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:auto}.fh-nav-link{position:relative;color:#fff!important;text-transform:uppercase;font-weight:900;letter-spacing:.02em;padding:34px 4px 30px;font-size:18px}.fh-nav-link.is-active:after,.fh-nav-link:hover:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:4px;border-radius:4px;background:#fff}.fh-nav-actions{display:flex;align-items:center;gap:12px}.fh-search-round,.fh-upload-btn,.fh-admin-pill{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.16);color:#fff!important;min-height:48px;border-radius:999px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);white-space:nowrap} .fh-search-round{background:transparent!important;border:0!important;box-shadow:none!important;}.fh-search-round{width:50px;font-size:30px;line-height:1;cursor:pointer}.fh-upload-btn{display:flex;align-items:center;padding:0 22px}.fh-admin-pill{display:flex;align-items:center;padding:0 14px}.fh-menu-toggle{display:none;width:44px;height:44px;border:0;background:rgba(255,255,255,.18);border-radius:12px;padding:11px}.fh-menu-toggle span{display:block;height:3px;margin:5px 0;background:#fff;border-radius:4px}.fh-search-panel{max-width:1180px;margin:0 auto;padding:0 24px 18px}.fh-search-row{display:flex;gap:12px;background:#fff;padding:12px;border-radius:18px;box-shadow:var(--fh-shadow)}.fh-search-row input{flex:1;border:1px solid var(--fh-line);border-radius:14px;padding:13px 16px;font-size:16px}.fh-search-row button,.submit-search{border:0;border-radius:14px;background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2));color:#fff;font-weight:900;padding:0 26px;cursor:pointer} .site-layout{max-width:1180px!important;margin:0 auto!important;padding:34px 18px 24px!important;display:block!important}.ad-rail{display:none!important}.content-column{width:100%!important;max-width:none!important;margin:0!important}.page-section,.post-section,.about-content,.entry-content,.site-main,article.page,.wp-block-group{background:rgba(255,255,255,.86)!important;border:1px solid var(--fh-line)!important;border-radius:var(--fh-radius)!important;box-shadow:var(--fh-shadow)!important;padding:34px!important;margin:0 auto 14px!important}.first-section{margin-top:0!important}.section-heading .kicker,.kicker{color:var(--fh-pink)!important;text-transform:uppercase!important;font-weight:900!important;letter-spacing:.02em;margin:0 0 14px!important}.section-heading .kicker:before,.kicker:before{content:"⌂ ";}.section-heading h1,.section-heading h2,h1,h2,h3{color:var(--fh-pink)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.03em}.section-heading h2,h1{font-size:clamp(34px,5vw,56px)!important;margin:0 0 12px!important}.section-detail,p{color:var(--fh-muted);}.section-detail{max-width:820px;font-size:18px!important}.post-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:18px!important;margin-top:24px!important}.post-card,.category-card,.photo-card,.wp-block-post,li.product{background:linear-gradient(180deg,#fff,#fff6fb)!important;border:1px solid var(--fh-line)!important;border-radius:18px!important;box-shadow:0 8px 28px rgba(236,43,122,.11)!important;overflow:hidden;transition:.2s ease}.post-card:hover,.category-card:hover,.photo-card:hover{transform:translateY(-3px)}.post-card img,.photo-card img,.wp-post-image{width:100%;height:auto;border-radius:14px;display:block}input[type="text"],input[type="search"],input[type="email"],input[type="password"],textarea,select{width:auto;max-width:100%;border:1px solid var(--fh-line)!important;border-radius:14px!important;background:#fff!important;color:var(--fh-text)!important;padding:14px 16px!important;font-size:16px!important;outline:none!important}input:focus,textarea:focus,select:focus{border-color:var(--fh-pink)!important;box-shadow:0 0 0 4px rgba(236,43,122,.12)!important}button,input[type="submit"],.button,.wp-element-button,.home-pagination button{border:0!important;border-radius:14px!important;background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important;color:#fff!important;font-weight:900!important;padding:14px 22px!important;cursor:pointer!important;box-shadow:0 10px 25px rgba(236,43,122,.25)!important}.home-pagination{display:flex!important;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--fh-line);padding-top:22px;margin-top:22px}.home-pagination button{min-width:54px;background:#fff!important;color:var(--fh-pink)!important;border:1px solid var(--fh-line)!important;box-shadow:none!important}.home-pagination button.is-active,.home-pagination button:hover{background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important;color:#fff!important}.home-empty,[data-home-empty],.empty-state{display:flex!important;align-items:center;gap:18px;border:1px solid var(--fh-line);border-radius:18px;background:linear-gradient(135deg,#fff,#fff2f8);padding:22px!important;margin:22px 0!important;color:var(--fh-text)!important;font-weight:800}.home-empty:before{content:"â–§";display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#ffd8e9;color:var(--fh-pink);font-size:30px}.fh-footer{margin-top:28px;background:linear-gradient(105deg,#af1556,#ec2b7a 52%,#ff64ad);color:#fff;border-radius:18px 18px 0 0;padding:36px 18px 18px;box-shadow:0 -12px 35px rgba(236,43,122,.2)}.fh-footer-inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:30px;align-items:start}.fh-footer-title{font-size:32px!important;font-weight:900;color:#fff!important;margin:0 0 8px!important}.fh-footer p,.fh-footer a,.fh-footer h3,.fh-footer-bottom{color:#fff!important}.fh-footer-col{display:flex;flex-direction:column;gap:6px}.fh-footer-col h3{font-size:16px!important;margin:0 0 8px!important;letter-spacing:0!important}.fh-socials div{display:flex;gap:12px}.fh-socials a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-weight:900}.fh-footer-bottom{max-width:1180px;margin:24px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.28);text-align:center}.fh-footer-bottom span{margin-left:24px}.fh-backtop{position:fixed;right:24px;bottom:22px;width:50px;height:50px;border-radius:50%!important;padding:0!important;z-index:800}.wp-admin-bar .fh-backtop{bottom:18px} .category-grid,.latest-photo-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.browse-categories,.latest-photos{background:#fff;border:1px solid var(--fh-line);border-radius:18px;box-shadow:var(--fh-shadow);padding:24px;margin:14px 0} @media (max-width:1024px){.fh-nav-wrap{min-height:82px}.fh-brand{font-size:26px}.fh-main-menu{gap:12px}.fh-nav-link{font-size:16px}.fh-upload-btn{padding:0 14px}.fh-admin-pill{display:none}.site-layout{padding:24px 14px!important}.page-section,.post-section,.about-content{padding:28px!important}.fh-footer-inner{grid-template-columns:1fr 1fr}} @media (max-width:782px){.fh-topbar{top:46px}body:not(.admin-bar) .fh-topbar{top:0}.fh-nav-wrap{min-height:auto;padding:14px 16px;flex-wrap:wrap}.fh-brand{font-size:25px}.fh-brand-icon{width:46px;height:46px}.fh-menu-toggle{display:block;margin-left:auto}.fh-main-menu{display:none;order:4;width:100%;margin:8px 0 0;flex-direction:column;align-items:stretch;gap:8px;background:rgba(255,255,255,.12);border-radius:18px;padding:10px}.fh-topbar.is-open .fh-main-menu{display:flex}.fh-nav-link{padding:12px 14px!important;border-radius:12px}.fh-nav-link:after{display:none}.fh-nav-link.is-active,.fh-nav-link:hover{background:rgba(255,255,255,.18)}.fh-nav-actions{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.fh-upload-btn{min-width:max-content}.fh-search-panel{padding:0 14px 14px}.fh-search-row{flex-direction:column}.fh-search-row button{min-height:46px}.section-heading h2,h1{font-size:38px!important}.section-detail{font-size:16px!important}.page-section,.post-section,.about-content{padding:22px!important;border-radius:18px!important}.post-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}.fh-footer-inner{grid-template-columns:1fr;text-align:center}.fh-footer-col{align-items:center}.fh-socials div{justify-content:center}.fh-footer-bottom span{display:block;margin:8px 0 0}.fh-backtop{right:14px;bottom:14px}} @media (max-width:480px){.fh-nav-wrap{padding:12px}.fh-brand{font-size:21px}.fh-brand-icon{width:42px;height:42px}.fh-search-round{width:44px;min-height:44px}.fh-upload-btn,.fh-admin-pill{min-height:44px;font-size:14px}.site-layout{padding:16px 10px!important}.page-section,.post-section,.about-content{padding:18px!important}.section-heading h2,h1{font-size:32px!important}.post-grid{grid-template-columns:1fr!important}.home-empty,[data-home-empty]{font-size:15px;align-items:flex-start}.fh-footer{border-radius:14px 14px 0 0}.fh-footer-title{font-size:28px!important}} @media (min-width:783px){.fh-main-menu{display:flex!important}} html, html.wp-toolbar, html:has(body.admin-bar) { margin-top: 0 !important; background: linear-gradient(100deg,#c81464 0%,#ec2b7a 48%,#ff8dc5 100%) !important; } body.admin-bar { padding-top: 32px !important; background: radial-gradient(circle at 5% 0%,#ffe1ee 0,#fff7fb 35%,#fff 72%) !important; } #wpadminbar { position: fixed !important; top: 0 !important; } body.admin-bar .fh-topbar { margin-top: 0 !important; top: 32px !important; } .fh-topbar { margin-top: 0 !important; border-top: 0 !important; } body.admin-bar::before { content: "" !important; position: fixed !important; left: 0 !important; right: 0 !important; top: 32px !important; height: 92px !important; background: linear-gradient(100deg,#c81464 0%,#ec2b7a 48%,#ff8dc5 100%) !important; z-index: 1 !important; pointer-events: none !important; } body.admin-bar .fh-topbar { z-index: 999 !important; } .home-pagination, .home-pagination-top { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; gap: 12px !important; flex-wrap: wrap !important; margin-left: auto !important; margin-right: auto !important; } .home-pagination-top { border-top: 0 !important; border-bottom: 1px solid var(--fh-line) !important; padding: 18px 0 20px !important; margin: 24px auto 10px !important; } .home-pagination button, .home-pagination-top button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 58px !important; min-width: 58px !important; height: 52px !important; padding: 0 !important; margin: 0 !important; border-radius: 14px !important; font-size: 17px !important; font-weight: 900 !important; } .home-pagination button[data-home-page-more], .home-pagination-top button[data-home-page-more-top] { width: auto !important; min-width: 92px !important; padding-left: 18px !important; padding-right: 18px !important; } .home-pagination button.is-active, .home-pagination-top button.is-active { background: linear-gradient(135deg,#ec2b7a,#ff5fab) !important; color: #fff !important; border-color: transparent !important; box-shadow: 0 10px 25px rgba(236,43,122,.25) !important; } @media (max-width: 782px) { body.admin-bar { padding-top: 46px !important; } body.admin-bar .fh-topbar { top: 46px !important; } body.admin-bar::before { top: 46px !important; height: 74px !important; } .home-pagination button, .home-pagination-top button { width: 48px !important; min-width: 48px !important; height: 46px !important; font-size: 15px !important; } .home-pagination button[data-home-page-more], .home-pagination-top button[data-home-page-more-top] { min-width: 76px !important; } } @media (max-width: 480px) { .home-pagination, .home-pagination-top { gap: 8px !important; } .home-pagination button, .home-pagination-top button { width: 42px !important; min-width: 42px !important; height: 42px !important; border-radius: 12px !important; } } html, html.wp-toolbar { margin-top: 0 !important; padding-top: 0 !important; } body.admin-bar { margin-top: 0 !important; padding-top: 0 !important; } #wpadminbar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 100000 !important; } .fh-topbar, body.admin-bar .fh-topbar { background: linear-gradient(100deg,#c81464 0%,#ec2b7a 48%,#ff8dc5 100%) !important; border-top: 0 !important; } body.admin-bar .fh-topbar { margin-top: 32px !important; top: 32px !important; } body.admin-bar::before { content: "" !important; position: fixed !important; left: 0 !important; right: 0 !important; top: 32px !important; height: 96px !important; background: linear-gradient(100deg,#c81464 0%,#ec2b7a 48%,#ff8dc5 100%) !important; z-index: 998 !important; pointer-events: none !important; } body.admin-bar .fh-topbar { z-index: 9999 !important; } @media (max-width: 782px) { body.admin-bar .fh-topbar { margin-top: 46px !important; top: 46px !important; } body.admin-bar::before { top: 46px !important; height: 82px !important; } } html, body { margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important; font-family: "Inter", "Segoe UI", Arial, Helvetica, sans-serif !important; background: radial-gradient(circle at 0 0, #ffe4f0 0, #fff7fb 34%, #fff 74%) !important; } body.admin-bar { padding-top: 0 !important; } .fh-topbar, body.admin-bar .fh-topbar { width: 100vw !important; left: 50% !important; right: auto !important; margin-left: -50vw !important; margin-right: 0 !important; background: linear-gradient(100deg, #ffe7f1 0%, #f9bfd8 16%, #ec2b7a 42%, #ec2b7a 74%, #f8a7cf 100%) !important; box-shadow: 0 8px 28px rgba(236, 43, 122, .22) !important; border: 0 !important; } body.admin-bar .fh-topbar { margin-top: 32px !important; top: 0 !important; } body.admin-bar::before { display: none !important; } .fh-nav-wrap { width: 100% !important; max-width: 1440px !important; min-height: 92px !important; padding: 0 clamp(18px, 4vw, 56px) !important; } .fh-brand { font-size: clamp(25px, 2.5vw, 32px) !important; letter-spacing: -.03em !important; } .fh-brand-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: #fff !important; color: #ec2b7a !important; } .fh-main-menu { gap: clamp(18px, 3vw, 46px) !important; } .fh-nav-link { font-size: 17px !important; font-weight: 900 !important; padding-top: 34px !important; padding-bottom: 30px !important; color: #fff !important; text-shadow: 0 1px 0 rgba(0,0,0,.05) !important; } .fh-nav-link.is-active:after, .fh-nav-link:hover:after { height: 4px !important; bottom: 8px !important; background: #fff !important; } .fh-nav-actions { margin-left: auto !important; } .fh-search-round { width: 54px !important; min-height: 54px !important; background: rgba(236,43,122,.20) !important; border: 0 !important; } .fh-upload-btn, .fh-admin-pill { min-height: 48px !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.45) !important; background: rgba(255,255,255,.16) !important; padding: 0 24px !important; font-size: 15px !important; } .site-layout { max-width: 1140px !important; padding-top: 26px !important; } .page-section, .post-section, .about-content { max-width: 820px !important; background: rgba(255,255,255,.90) !important; border: 1px solid #ffd0e2 !important; border-radius: 16px !important; box-shadow: 0 20px 58px rgba(236, 43, 122, .11) !important; padding: clamp(22px, 4vw, 38px) !important; } .section-heading h2, h1 { font-size: clamp(38px, 5.2vw, 58px) !important; color: #ec2b7a !important; font-weight: 900 !important; letter-spacing: -.045em !important; } .section-detail { color: #5f5965 !important; font-size: 17px !important; line-height: 1.55 !important; } .post-grid, .post-grid.compact { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; margin-top: 24px !important; } .post-card { display: flex !important; flex-direction: column !important; background: #fff !important; border: 1px solid #ffd0e2 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 8px 24px rgba(236,43,122,.10) !important; min-height: 0 !important; } .post-card .post-thumb { display: block !important; } .post-card .post-photo, .post-thumb img, .post-card img { width: 100% !important; height: 150px !important; object-fit: cover !important; border-radius: 0 !important; } .post-card .post-copy { padding: 14px 14px 12px !important; } .post-card .post-meta { display: flex !important; align-items: center !important; gap: 7px !important; margin: 0 0 8px !important; color: #6b6470 !important; font-size: 12px !important; text-transform: none !important; } .post-card .post-meta strong { color: #ec2b7a !important; } .fh-avatar { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #ffe1ef; font-size: 14px; flex: 0 0 auto; } .post-card h3 { color: #ec2b7a !important; font-size: 15px !important; line-height: 1.2 !important; letter-spacing: 0 !important; margin: 0 0 8px !important; } .post-card p:not(.post-meta) { font-size: 13px !important; line-height: 1.45 !important; color: #5f5965 !important; margin: 0 0 10px !important; } .fh-card-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 9px !important; color: #ec2b7a !important; font-size: 12px !important; } .fh-card-actions a { background: linear-gradient(135deg,#ec2b7a,#ff5fab) !important; color: #fff !important; padding: 7px 14px !important; border-radius: 6px !important; font-weight: 800 !important; } .home-empty:not([hidden]) + .home-pagination { margin-top: 22px !important; } .home-empty[hidden] { display: none !important; } @media (min-width: 1180px) { .site-layout { max-width: 1180px !important; } .page-section, .post-section, .about-content { max-width: 900px !important; } } @media (max-width: 900px) { .fh-nav-wrap { min-height: auto !important; padding-top: 14px !important; padding-bottom: 14px !important; flex-wrap: wrap !important; } .fh-main-menu { order: 3; width: 100%; justify-content: center; } .fh-nav-actions { margin-left: 0 !important; } .post-grid, .post-grid.compact { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 782px) { body.admin-bar .fh-topbar { margin-top: 46px !important; } } @media (max-width: 560px) { .fh-nav-actions { width: 100%; overflow-x: auto; padding-bottom: 4px; } .fh-upload-btn, .fh-admin-pill { min-width: max-content; } .post-grid, .post-grid.compact { grid-template-columns: 1fr !important; } .post-card .post-photo, .post-thumb img, .post-card img { height: 190px !important; } } :root{ --font-body:'Poppins','Segoe UI',Arial,sans-serif!important; --font-display:'Poppins','Segoe UI',Arial,sans-serif!important; } body,button,input,select,textarea,a,p,h1,h2,h3,h4,h5,h6,.fh-topbar,.fh-footer{font-family:var(--font-body)!important;} body.admin-bar{padding-top:0!important;} body.admin-bar .fh-topbar{margin-top:0!important;} .fh-home-empty-card{ display:flex;align-items:center;gap:20px;margin-top:34px;padding:24px 28px; border:1px solid #f9a8d4;border-radius:20px;background:#fff7fb;color:#2b1420; box-shadow:0 10px 28px rgba(219,39,119,.06); } .fh-empty-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fce7f3;color:#ec4899;font-size:26px;flex:0 0 auto;} .fh-home-empty-card strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.01em;} .fh-home-empty-card p{margin-top:2px;color:#7b5364;font-size:14px;font-weight:500;} .fh-latest-slider-wrap{ width:100%;max-width:100%;margin:22px 0 0;padding:0;background:transparent;border:0;box-shadow:none; } .fh-slider-head{ display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:0 4px; } .fh-slider-head h2{font-size:clamp(24px,3vw,34px);line-height:1.1;color:#2b1420;font-weight:900;} .fh-slider-controls{display:flex;gap:10px;align-items:center;} .fh-slider-btn{ width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid #f9a8d4!important; background:#fff!important;color:#ec4899!important;font-size:28px!important;font-weight:900!important; display:grid!important;place-items:center!important;line-height:1!important;box-shadow:0 8px 20px rgba(219,39,119,.12)!important; } .fh-slider-btn:hover,.fh-slider-btn:focus-visible{background:#ec4899!important;color:#fff!important;border-color:#ec4899!important;} .fh-slider-track{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch; } .fh-slider-card{ display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #f9a8d4;border-radius:18px;background:#fff; box-shadow:0 12px 30px rgba(219,39,119,.09);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; } .fh-slider-card:hover{transform:translateY(-3px);border-color:#ec4899;box-shadow:0 18px 38px rgba(219,39,119,.16);} .fh-slider-card[hidden]{display:none!important;} .fh-slider-photo{width:100%;height:190px;object-fit:cover;object-position:center;border:0!important;background:#fce7f3;} .fh-slider-body{display:flex;flex-direction:column;gap:10px;padding:16px 16px 14px;min-height:220px;} .fh-slider-meta{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;color:#6b4b5a;font-size:12px;font-weight:700;} .fh-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fce7f3;color:#ec4899;overflow:hidden;} .fh-slider-meta strong{color:#2b1420;font-size:13px;font-weight:800;line-height:1.15;} .fh-slider-card h3{margin:0;color:#ec4899;font-size:17px!important;line-height:1.25;font-weight:900;} .fh-slider-card p{margin:0!important;color:#6b4b5a;font-size:14px!important;line-height:1.5;font-weight:500;} .fh-card-actions{display:flex;align-items:center;gap:18px;margin-top:auto;color:#ec4899;font-size:13px;font-weight:700;} .fh-card-actions a{margin-left:auto;padding:8px 16px;border-radius:10px;background:#ec4899!important;color:#fff!important;font-weight:800;box-shadow:0 8px 16px rgba(219,39,119,.18);} .fh-card-actions a:hover{background:#be185d!important;color:#fff!important;} .post-grid{display:none!important;} .home-empty{display:none!important;} .home-pagination{justify-content:center!important;} .home-pagination-top{margin-top:26px!important;} @media (max-width:1000px){.fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr));}.fh-slider-photo{height:180px;}} @media (max-width:680px){ .fh-home-empty-card{padding:18px;border-radius:16px;align-items:flex-start;} .fh-slider-head{align-items:flex-end;}.fh-slider-track{grid-template-columns:1fr;gap:16px;}.fh-slider-photo{height:210px;} .fh-slider-body{min-height:auto;}.fh-slider-meta{grid-template-columns:34px 1fr;}.fh-slider-meta span:last-child{grid-column:2;} } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap'); :root{--fh-final-pink:#ec2b7a;--fh-final-pink2:#ff2f87;--fh-final-dark:#251322;--fh-final-muted:#5f5061;--fh-final-soft:#fff3f8;--fh-final-line:#ffd0e2;--fh-final-shadow:0 18px 45px rgba(236,43,122,.12)} html,body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:radial-gradient(circle at top,#fff 0%,#fff5fa 38%,#fff 100%)!important;font-family:'Poppins',Arial,sans-serif!important;color:var(--fh-final-dark)!important;} body,button,input,select,textarea,a,p,h1,h2,h3,h4,h5,h6,strong,span,div{font-family:'Poppins',Arial,sans-serif!important;} body.admin-bar{padding-top:0!important;} body.admin-bar .fh-topbar{top:32px!important;margin-top:0!important;} @media(max-width:782px){body.admin-bar .fh-topbar{top:46px!important;}} .fh-topbar,.fh-topbar:before,.fh-topbar:after{background:linear-gradient(100deg,#ff2f87 0%,#ec2b7a 52%,#ff5aa3 100%)!important;box-shadow:0 6px 24px rgba(236,43,122,.22)!important;border:0!important;} .fh-topbar{position:sticky!important;z-index:999!important;} .fh-nav-wrap{max-width:1680px!important;min-height:112px!important;margin:0 auto!important;padding:0 72px!important;display:flex!important;align-items:center!important;gap:34px!important;} .fh-brand{color:#fff!important;font-size:31px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.035em!important;text-decoration:none!important;gap:18px!important;display:flex!important;align-items:center!important;} .fh-brand-icon{width:60px!important;height:60px!important;border-radius:14px!important;background:#fff!important;color:#ec2b7a!important;display:grid!important;place-items:center!important;font-size:28px!important;box-shadow:0 12px 28px rgba(0,0,0,.13)!important;} .fh-main-menu{margin-left:auto!important;margin-right:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:48px!important;} .fh-nav-link{color:#fff!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.01em!important;text-decoration:none!important;padding:43px 0 39px!important;position:relative!important;} .fh-nav-link span{margin-right:6px!important;} .fh-nav-link.is-active:after,.fh-nav-link:hover:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:8px!important;height:5px!important;border-radius:999px!important;background:#fff!important;} .fh-nav-actions{display:flex!important;align-items:center!important;gap:20px!important;} .fh-search-round{width:62px!important;height:62px!important;min-height:62px!important;border-radius:999px!important;border:0!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:34px!important;box-shadow:none!important;display:grid!important;place-items:center!important;padding:0!important;} .fh-upload-btn,.fh-admin-pill{height:60px!important;min-height:60px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.75)!important;background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:none!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:center!important;} .fh-admin-pill{padding:0 24px!important;} .site-layout{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;display:block!important;background:radial-gradient(circle at 50% 0%,#fff 0%,#fff2f8 42%,#fff 100%)!important;} .content-column{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;} .ad-rail{display:none!important;} body.home .page-section.post-section.first-section{display:none!important;} .fh-latest-slider-wrap{position:relative!important;margin:0!important;padding:36px 144px 70px!important;max-width:none!important;width:100%!important;background:radial-gradient(circle at 50% 0%,#fff 0%,#fff5fb 56%,#fff 100%)!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;} .fh-slider-head{text-align:center!important;margin:0 auto 34px!important;display:block!important;} .fh-slider-head h2{margin:0!important;color:#1f1720!important;font-size:clamp(28px,2.5vw,40px)!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.04em!important;text-align:center!important;} .fh-popular-icon{display:inline-block!important;color:#ec2b7a!important;margin-right:10px!important;filter:saturate(1.2)!important;} .fh-slider-head p{margin:12px 0 0!important;color:#4e4052!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important;text-align:center!important;} .fh-slider-track{max-width:1290px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px!important;align-items:stretch!important;} .fh-slider-card{background:#fff!important;border:1px solid #ffd0e2!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(236,43,122,.10)!important;min-width:0!important;display:flex!important;flex-direction:column!important;transition:transform .22s ease, box-shadow .22s ease!important;} .fh-slider-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 50px rgba(236,43,122,.18)!important;} .fh-slider-card[hidden]{display:none!important;} .fh-slider-photo{width:100%!important;height:216px!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;border:0!important;display:block!important;background:#ffe3ef!important;} .fh-slider-body{padding:18px 20px 20px!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:230px!important;} .fh-slider-meta{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:10px!important;align-items:center!important;margin:0!important;font-size:13px!important;line-height:1.2!important;color:#3b2b3b!important;font-weight:800!important;} .fh-avatar{width:38px!important;height:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#ffddeb!important;color:#ec2b7a!important;font-size:18px!important;overflow:hidden!important;} .fh-slider-meta strong{font-size:14px!important;font-weight:900!important;color:#ec2b7a!important;line-height:1.1!important;} .fh-slider-meta span:last-child{font-size:12px!important;color:#4a3d4d!important;font-weight:800!important;white-space:nowrap!important;} .fh-slider-card h3{margin:4px 0 0!important;color:#ec2b7a!important;font-size:18px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.02em!important;} .fh-slider-card p{margin:0!important;color:#403542!important;font-size:15px!important;line-height:1.55!important;font-weight:500!important;} .fh-card-actions{margin-top:auto!important;display:grid!important;grid-template-columns:auto auto 1fr!important;align-items:center!important;gap:16px!important;color:#ec2b7a!important;font-size:13px!important;font-weight:800!important;} .fh-card-actions span{color:#ec2b7a!important;font-weight:800!important;} .fh-card-actions a{justify-self:end!important;background:linear-gradient(135deg,#ec2b7a,#ff3a90)!important;color:#fff!important;border-radius:7px!important;padding:10px 20px!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 18px rgba(236,43,122,.18)!important;} .fh-slider-btn{position:absolute!important;top:50%!important;transform:translateY(-26%)!important;width:66px!important;height:66px!important;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#ec2b7a,#f32f85)!important;color:#fff!important;font-size:58px!important;line-height:.7!important;font-weight:900!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 18px 40px rgba(236,43,122,.26)!important;z-index:5!important;cursor:pointer!important;} .fh-slider-btn-prev{left:7vw!important;} .fh-slider-btn-next{right:7vw!important;} .fh-slider-btn:hover{background:linear-gradient(135deg,#d9166b,#ec2b7a)!important;color:#fff!important;} .fh-slider-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:16px!important;margin:30px auto 0!important;} .fh-slider-dots span{width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid #ec2b7a!important;background:#fff!important;display:block!important;} .fh-slider-dots .is-active{background:#ec2b7a!important;} .fh-footer,footer.fh-footer{margin:0!important;border-radius:0!important;background:linear-gradient(105deg,#ec2b7a 0%,#e51f73 55%,#ff3d91 100%)!important;color:#fff!important;padding:44px 78px 24px!important;box-shadow:none!important;border:0!important;} .fh-footer-inner{max-width:1580px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1.4fr!important;gap:64px!important;align-items:start!important;} .fh-footer-title{color:#fff!important;font-size:30px!important;font-weight:900!important;line-height:1!important;margin:0 0 16px!important;letter-spacing:-.03em!important;} .fh-footer p,.fh-footer a,.fh-footer h3,.fh-footer-bottom{color:#fff!important;text-decoration:none!important;font-family:'Poppins',Arial,sans-serif!important;} .fh-footer-brand p:not(.fh-footer-title){max-width:300px!important;font-size:15px!important;line-height:1.65!important;margin:0!important;font-weight:500!important;} .fh-footer-col{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important;} .fh-footer-col h3{font-size:16px!important;font-weight:900!important;margin:0 0 8px!important;color:#fff!important;} .fh-footer-col a{font-size:15px!important;font-weight:500!important;line-height:1.25!important;} .fh-socials div{display:flex!important;gap:20px!important;align-items:center!important;justify-content:flex-start!important;} .fh-socials a{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:24px!important;font-weight:900!important;} .fh-footer-bottom{max-width:1580px!important;margin:34px auto 0!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.32)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;} .fh-footer-bottom span{margin-left:34px!important;} .fh-backtop{position:fixed!important;right:28px!important;bottom:26px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px rgba(236,43,122,.25)!important;z-index:900!important;font-size:26px!important;display:grid!important;place-items:center!important;padding:0!important;} @media(max-width:1200px){.fh-nav-wrap{padding:0 34px!important;gap:20px!important}.fh-main-menu{gap:28px!important}.fh-latest-slider-wrap{padding-left:90px!important;padding-right:90px!important}.fh-slider-btn-prev{left:24px!important}.fh-slider-btn-next{right:24px!important}.fh-slider-track{gap:24px!important}.fh-footer-inner{gap:34px!important}} @media(max-width:980px){.fh-nav-wrap{min-height:92px!important;padding:0 20px!important}.fh-brand{font-size:26px!important}.fh-brand-icon{width:52px!important;height:52px!important}.fh-main-menu{gap:18px!important}.fh-nav-link{font-size:16px!important}.fh-upload-btn{padding:0 18px!important}.fh-admin-pill{display:none!important}.fh-latest-slider-wrap{padding:34px 74px 70px!important}.fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px!important}.fh-slider-photo{height:200px!important}.fh-footer-inner{grid-template-columns:1fr 1fr!important}.fh-footer{padding:38px 34px 24px!important}} @media(max-width:782px){.fh-nav-wrap{min-height:auto!important;padding:14px 16px!important;flex-wrap:wrap!important}.fh-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;width:48px!important;height:48px!important;border-radius:12px!important;background:rgba(255,255,255,.15)!important}.fh-main-menu{display:none!important;order:5;width:100%!important;margin:8px 0 0!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;background:rgba(255,255,255,.12)!important;border-radius:16px!important;padding:10px!important}.fh-topbar.is-open .fh-main-menu{display:flex!important}.fh-nav-link{padding:12px 14px!important}.fh-nav-link:after{display:none!important}.fh-nav-actions{order:4;width:100%!important;justify-content:flex-start!important;gap:10px!important;overflow-x:auto!important}.fh-search-round{width:48px!important;height:48px!important;min-height:48px!important;font-size:28px!important}.fh-upload-btn{height:48px!important;min-height:48px!important}.fh-latest-slider-wrap{padding:30px 20px 88px!important}.fh-slider-track{grid-template-columns:1fr!important;max-width:430px!important;gap:20px!important}.fh-slider-photo{height:220px!important}.fh-slider-body{min-height:auto!important}.fh-slider-btn{top:auto!important;bottom:22px!important;transform:none!important;width:52px!important;height:52px!important;font-size:44px!important}.fh-slider-btn-prev{left:calc(50% - 78px)!important}.fh-slider-btn-next{right:calc(50% - 78px)!important}.fh-slider-dots{margin-top:20px!important}.fh-footer-inner{grid-template-columns:1fr!important;text-align:center!important}.fh-footer-brand p:not(.fh-footer-title){margin:0 auto!important}.fh-footer-col{align-items:center!important}.fh-socials div{justify-content:center!important}.fh-footer-bottom span{display:block!important;margin:9px 0 0!important}.fh-backtop{width:52px!important;height:52px!important;right:14px!important;bottom:14px!important}} @media(max-width:480px){.fh-brand{font-size:24px!important}.fh-brand-icon{width:48px!important;height:48px!important}.fh-slider-head h2{font-size:30px!important}.fh-slider-head p{font-size:14px!important}.fh-slider-photo{height:200px!important}.fh-slider-body{padding:16px!important}.fh-card-actions{gap:10px!important}.fh-card-actions a{padding:9px 16px!important}.fh-footer{padding:34px 18px 22px!important}} :root{--fh-pink:#ec2b7a;--fh-hot:#f52b82;--fh-softbg:#fff5fb;--fh-deep:#211727;--fh-muted2:#504457;--fh-line2:#ffd2e3;} html,body{margin:0!important;padding:0!important;background:radial-gradient(circle at 50% 0%,#fff 0%,#fff5fb 46%,#fff 100%)!important;font-family:'Poppins',Arial,Helvetica,sans-serif!important;color:var(--fh-deep)!important;overflow-x:hidden!important;} body.admin-bar .fh-topbar{top:32px!important;}body:not(.admin-bar) .fh-topbar{top:0!important;}@media(max-width:782px){body.admin-bar .fh-topbar{top:46px!important;}} .fh-topbar{position:sticky!important;z-index:999!important;left:0!important;right:0!important;width:100%!important;background:linear-gradient(100deg,#ec2b7a 0%,#f02c80 55%,#ff5ea9 100%)!important;box-shadow:0 4px 18px rgba(236,43,122,.18)!important;border:0!important;margin:0!important;padding:0!important;} .fh-nav-wrap{max-width:none!important;width:100%!important;min-height:100px!important;margin:0!important;padding:0 70px!important;display:grid!important;grid-template-columns:minmax(230px,1fr) auto minmax(300px,1fr)!important;align-items:center!important;gap:30px!important;} .fh-brand{justify-self:start!important;display:flex!important;align-items:center!important;gap:16px!important;color:#fff!important;font-size:32px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.04em!important;text-decoration:none!important;} .fh-brand-icon{width:58px!important;height:58px!important;border-radius:12px!important;background:#fff!important;color:#ec2b7a!important;display:grid!important;place-items:center!important;font-size:27px!important;box-shadow:0 12px 28px rgba(0,0,0,.13)!important;} .fh-main-menu{justify-self:center!important;margin:0!important;display:flex!important;align-items:center!important;gap:46px!important;} .fh-nav-link{position:relative!important;color:#fff!important;font-size:18px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:-.01em!important;padding:39px 0 37px!important;line-height:1!important;text-decoration:none!important;} .fh-nav-link span{font-size:20px!important;margin-right:6px!important;vertical-align:-1px!important;}.fh-nav-link.is-active:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:5px!important;height:5px!important;background:#fff!important;border-radius:10px!important;} .fh-nav-actions{justify-self:end!important;display:flex!important;align-items:center!important;gap:24px!important;min-width:0!important;} .fh-search-round{width:58px!important;height:58px!important;min-height:58px!important;border-radius:50%!important;border:0!important;background:rgba(255,255,255,.16)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:33px!important;font-weight:900!important;box-shadow:none!important;padding:0!important;line-height:1!important;} .fh-upload-btn{height:58px!important;min-height:58px!important;border-radius:999px!important;border:1.5px solid rgba(255,255,255,.82)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 30px!important;font-size:16px!important;font-weight:900!important;box-shadow:none!important;text-decoration:none!important;white-space:nowrap!important;} .fh-admin-pill{height:58px!important;min-height:58px!important;border-radius:999px!important;border:1.5px solid rgba(255,255,255,.6)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;display:flex!important;align-items:center!important;padding:0 24px!important;font-size:16px!important;font-weight:900!important;box-shadow:none!important;} .fh-menu-toggle{display:none!important;} .fh-search-panel{position:absolute!important;right:84px!important;top:88px!important;max-width:420px!important;width:420px!important;padding:0!important;margin:0!important;}.fh-search-row{display:flex!important;gap:10px!important;background:#fff!important;border-radius:18px!important;padding:12px!important;box-shadow:0 18px 44px rgba(236,43,122,.22)!important;}.fh-search-row input{flex:1!important;min-width:0!important;border:1px solid #ffd2e3!important;border-radius:12px!important;padding:12px 14px!important;}.fh-search-row .submit-search{height:auto!important;border-radius:12px!important;background:#ec2b7a!important;color:#fff!important;padding:0 18px!important;} .fh-popular-page,.site-layout{display:block!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:radial-gradient(circle at 50% 0%,#fff 0%,#fff7fc 52%,#fff 100%)!important;} .fh-popular-page .page-section[hidden],.fh-popular-page article[hidden]{display:none!important;} .fh-latest-slider-wrap{position:relative!important;width:100%!important;max-width:none!important;margin:0!important;padding:34px 140px 60px!important;background:radial-gradient(circle at 50% 0%,#fff 0%,#fff5fb 57%,#fff 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;} .fh-slider-head{display:block!important;text-align:center!important;margin:0 auto 30px!important;padding:0!important;}.fh-slider-head .kicker{display:none!important;} .fh-slider-head h2{margin:0!important;color:#171119!important;font-size:clamp(28px,2.25vw,40px)!important;line-height:1.05!important;font-weight:900!important;letter-spacing:-.045em!important;text-align:center!important;}.fh-popular-icon{display:inline-block!important;color:#ec2b7a!important;margin-right:10px!important;font-size:.9em!important;vertical-align:1px!important;}.fh-slider-head p{margin:12px 0 0!important;color:#504457!important;font-size:16px!important;line-height:1.5!important;font-weight:500!important;text-align:center!important;} .fh-slider-track{max-width:1290px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px!important;align-items:stretch!important;} .fh-slider-card{background:#fff!important;border:1px solid #ffd3e4!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 12px 28px rgba(236,43,122,.10)!important;display:flex!important;flex-direction:column!important;min-width:0!important;transition:transform .2s ease,box-shadow .2s ease!important;}.fh-slider-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 48px rgba(236,43,122,.18)!important;}.fh-slider-card[hidden]{display:none!important;} .fh-slider-photo{width:100%!important;height:215px!important;object-fit:cover!important;object-position:center!important;display:block!important;border:0!important;border-radius:0!important;background:#ffe4ef!important;} .fh-slider-body{padding:18px 20px 21px!important;display:flex!important;flex-direction:column!important;gap:12px!important;min-height:230px!important;}.fh-slider-meta{display:grid!important;grid-template-columns:42px 1fr auto!important;gap:10px!important;align-items:center!important;margin:0!important;color:#382d3d!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;}.fh-avatar{width:42px!important;height:42px!important;border-radius:50%!important;background:#ffddeb!important;color:#ec2b7a!important;display:grid!important;place-items:center!important;overflow:hidden!important;font-size:18px!important;}.fh-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}.fh-slider-meta strong{color:#ec2b7a!important;font-size:14px!important;font-weight:900!important;line-height:1.1!important;}.fh-slider-meta span:last-child{color:#4a3d4d!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important;} .fh-slider-card h3{margin:3px 0 0!important;color:#ec2b7a!important;font-size:18px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.025em!important;}.fh-slider-card p{margin:0!important;color:#403542!important;font-size:15px!important;line-height:1.54!important;font-weight:500!important;}.fh-card-actions{margin-top:auto!important;display:grid!important;grid-template-columns:auto auto 1fr!important;gap:16px!important;align-items:center!important;color:#ec2b7a!important;font-size:13px!important;font-weight:800!important;}.fh-card-actions span{color:#ec2b7a!important;font-weight:800!important;}.fh-card-actions a{justify-self:end!important;background:linear-gradient(135deg,#ec2b7a,#f7358a)!important;color:#fff!important;border-radius:7px!important;padding:10px 19px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 7px 16px rgba(236,43,122,.20)!important;} .fh-slider-btn{position:absolute!important;top:50%!important;transform:translateY(-33%)!important;width:62px!important;height:62px!important;border-radius:50%!important;border:0!important;background:linear-gradient(135deg,#ec2b7a,#f62d86)!important;color:#fff!important;box-shadow:0 18px 40px rgba(236,43,122,.26)!important;display:grid!important;place-items:center!important;padding:0!important;font-size:56px!important;line-height:.6!important;font-weight:900!important;z-index:5!important;cursor:pointer!important;}.fh-slider-btn-prev{left:6.4vw!important;}.fh-slider-btn-next{right:6.4vw!important;}.fh-slider-btn:hover{background:linear-gradient(135deg,#d9166b,#ec2b7a)!important;color:#fff!important;} .fh-slider-dots{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;margin:28px auto 0!important;}.fh-slider-dots span{width:16px!important;height:16px!important;border-radius:50%!important;border:2px solid #ec2b7a!important;background:#fff!important;display:block!important;}.fh-slider-dots .is-active{background:#ec2b7a!important;} .fh-footer{margin:0!important;padding:44px 86px 24px!important;border:0!important;border-radius:0!important;background:linear-gradient(105deg,#ec2b7a 0%,#e51f73 58%,#ff3d91 100%)!important;color:#fff!important;box-shadow:none!important;}.fh-footer-inner{max-width:1580px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.35fr 1fr 1fr 1.4fr!important;gap:64px!important;align-items:start!important;}.fh-footer-title{display:flex!important;align-items:center!important;gap:12px!important;color:#fff!important;font-size:30px!important;font-weight:900!important;line-height:1!important;margin:0 0 16px!important;letter-spacing:-.03em!important;}.fh-footer p,.fh-footer a,.fh-footer h3,.fh-footer-bottom{font-family:'Poppins',Arial,sans-serif!important;color:#fff!important;text-decoration:none!important;}.fh-footer-brand p:not(.fh-footer-title){max-width:300px!important;font-size:15px!important;line-height:1.62!important;font-weight:500!important;margin:0!important;}.fh-footer-col{display:flex!important;flex-direction:column!important;gap:7px!important;align-items:flex-start!important;}.fh-footer-col h3{font-size:16px!important;font-weight:900!important;margin:0 0 8px!important;color:#fff!important;}.fh-footer-col a{font-size:15px!important;font-weight:500!important;line-height:1.25!important;}.fh-socials div{display:flex!important;gap:20px!important;align-items:center!important;justify-content:flex-start!important;}.fh-socials a{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:24px!important;font-weight:900!important;}.fh-footer-bottom{max-width:1580px!important;margin:34px auto 0!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.32)!important;text-align:center!important;font-size:14px!important;font-weight:500!important;}.fh-footer-bottom span{margin-left:34px!important;}.fh-backtop{position:fixed!important;right:28px!important;bottom:26px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px rgba(236,43,122,.25)!important;z-index:900!important;font-size:26px!important;display:grid!important;place-items:center!important;padding:0!important;} @media(max-width:1240px){.fh-nav-wrap{padding:0 34px!important;grid-template-columns:auto 1fr auto!important;gap:22px!important}.fh-main-menu{gap:28px!important}.fh-latest-slider-wrap{padding-left:90px!important;padding-right:90px!important}.fh-slider-btn-prev{left:24px!important}.fh-slider-btn-next{right:24px!important}.fh-slider-track{gap:24px!important}.fh-footer-inner{gap:34px!important}} @media(max-width:980px){.fh-nav-wrap{min-height:92px!important;padding:0 20px!important}.fh-brand{font-size:26px!important}.fh-brand-icon{width:52px!important;height:52px!important}.fh-main-menu{gap:18px!important}.fh-nav-link{font-size:16px!important}.fh-upload-btn{padding:0 18px!important}.fh-admin-pill{display:none!important}.fh-latest-slider-wrap{padding:34px 74px 62px!important}.fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:820px!important}.fh-slider-photo{height:200px!important}.fh-footer-inner{grid-template-columns:1fr 1fr!important}.fh-footer{padding:38px 34px 24px!important}} @media(max-width:782px){.fh-nav-wrap{min-height:auto!important;padding:14px 16px!important;display:flex!important;flex-wrap:wrap!important}.fh-menu-toggle{display:grid!important;place-items:center!important;margin-left:auto!important;width:48px!important;height:48px!important;border-radius:12px!important;background:rgba(255,255,255,.15)!important}.fh-main-menu{display:none!important;order:5;width:100%!important;margin:8px 0 0!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;background:rgba(255,255,255,.12)!important;border-radius:16px!important;padding:10px!important}.fh-topbar.is-open .fh-main-menu{display:flex!important}.fh-nav-link{padding:12px 14px!important}.fh-nav-link:after{display:none!important}.fh-nav-actions{order:4;width:100%!important;justify-content:flex-start!important;gap:10px!important;overflow-x:auto!important}.fh-search-round{width:48px!important;height:48px!important;min-height:48px!important;font-size:28px!important}.fh-upload-btn{height:48px!important;min-height:48px!important}.fh-latest-slider-wrap{padding:30px 20px 88px!important}.fh-slider-track{grid-template-columns:1fr!important;max-width:430px!important;gap:20px!important}.fh-slider-photo{height:220px!important}.fh-slider-body{min-height:auto!important}.fh-slider-btn{top:auto!important;bottom:22px!important;transform:none!important;width:52px!important;height:52px!important;font-size:44px!important}.fh-slider-btn-prev{left:calc(50% - 78px)!important}.fh-slider-btn-next{right:calc(50% - 78px)!important}.fh-slider-dots{margin-top:20px!important}.fh-footer-inner{grid-template-columns:1fr!important;text-align:center!important}.fh-footer-brand p:not(.fh-footer-title){margin:0 auto!important}.fh-footer-col{align-items:center!important}.fh-socials div{justify-content:center!important}.fh-footer-bottom span{display:block!important;margin:9px 0 0!important}.fh-backtop{width:52px!important;height:52px!important;right:14px!important;bottom:14px!important}} @media(max-width:480px){.fh-brand{font-size:24px!important}.fh-brand-icon{width:48px!important;height:48px!important}.fh-slider-head h2{font-size:30px!important}.fh-slider-head p{font-size:14px!important}.fh-slider-photo{height:200px!important}.fh-slider-body{padding:16px!important}.fh-card-actions{gap:10px!important}.fh-card-actions a{padding:9px 16px!important}.fh-footer{padding:34px 18px 22px!important}} body.home .page-section.post-section.first-section, .page-section.post-section.first-section[data-page="home"]{ display:block!important; max-width:1200px!important; width:calc(100% - 48px)!important; margin:24px auto 16px!important; padding:34px 38px 42px!important; border:1px solid #ffd0e2!important; border-radius:18px!important; background:rgba(255,255,255,.92)!important; box-shadow:0 16px 44px rgba(236,43,122,.08)!important; } .page-section.post-section.first-section[data-page="home"] .section-heading h2{ color:#ec2b7a!important; font-size:clamp(34px,4vw,56px)!important; line-height:1.05!important; letter-spacing:-.045em!important; font-weight:900!important; } .page-section.post-section.first-section[data-page="home"] .section-detail{ max-width:980px!important; color:#ec2b7a!important; font-size:18px!important; line-height:1.55!important; } .page-section.post-section.first-section[data-page="home"] .home-pagination{ justify-content:center!important; gap:12px!important; margin:26px 0 28px!important; padding:22px 0 0!important; border-top:1px solid #ffd0e2!important; } .page-section.post-section.first-section[data-page="home"] .home-pagination button{ min-width:54px!important; height:44px!important; border-radius:14px!important; border:1px solid #ffd0e2!important; background:#fff!important; color:#ec2b7a!important; font-weight:900!important; } .page-section.post-section.first-section[data-page="home"] .home-pagination button:hover, .page-section.post-section.first-section[data-page="home"] .home-pagination button:focus-visible, .page-section.post-section.first-section[data-page="home"] .home-pagination button.is-active{ background:linear-gradient(135deg,#ec2b7a,#ff3d91)!important; border-color:#ec2b7a!important; color:#fff!important; } .page-section.post-section.first-section[data-page="home"] .post-grid, .post-grid.compact{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; } .page-section.post-section.first-section[data-page="home"] .post-card, .post-grid.compact .post-card{ padding:0!important; border:1px solid #ffd0e2!important; border-radius:14px!important; background:#fff!important; overflow:hidden!important; box-shadow:0 10px 26px rgba(236,43,122,.09)!important; } .page-section.post-section.first-section[data-page="home"] .post-thumb, .post-grid.compact .post-thumb{ display:block!important; } .page-section.post-section.first-section[data-page="home"] .post-photo, .post-grid.compact .post-photo{ display:block!important; width:100%!important; aspect-ratio:16/10!important; height:auto!important; margin:0!important; border:0!important; border-bottom:1px solid #ffd0e2!important; object-fit:cover!important; } .page-section.post-section.first-section[data-page="home"] .post-copy, .post-grid.compact .post-copy{ padding:16px!important; } .page-section.post-section.first-section[data-page="home"] .post-card h3, .post-grid.compact .post-card h3{ color:#ec2b7a!important; font-size:18px!important; line-height:1.22!important; font-weight:900!important; } .page-section.post-section.first-section[data-page="home"] .post-card::after, .post-grid.compact .post-card::after{ content:none!important; display:inline-flex!important; margin:0 16px 16px!important; padding:10px 18px!important; border-radius:8px!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; font-size:13px!important; font-weight:900!important; text-transform:none!important; } @media(max-width:980px){ .page-section.post-section.first-section[data-page="home"] .post-grid, .post-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:640px){ body.home .page-section.post-section.first-section, .page-section.post-section.first-section[data-page="home"]{width:calc(100% - 24px)!important;padding:24px 16px 32px!important;} .page-section.post-section.first-section[data-page="home"] .post-grid, .post-grid.compact{grid-template-columns:1fr!important;} } body.home .page-section.post-section.first-section, .page-section.post-section.first-section[data-page="home"]{ display:block!important; order:1!important; margin-top:26px!important; margin-bottom:34px!important; } body.home .fh-latest-slider-wrap.fh-popular-after-home, .fh-latest-slider-wrap.fh-popular-after-home{ display:block!important; order:2!important; clear:both!important; margin-top:0!important; padding-top:38px!important; border-top:1px solid #ffd0e2!important; } .content-column{display:flex!important;flex-direction:column!important;} .home-pagination-inside-top{ order:-1!important; margin:0 auto 24px!important; padding:0!important; border-top:0!important; } .home-pagination-inside-bottom{ margin:24px auto 0!important; padding:22px 0 0!important; border-top:1px solid #ffd0e2!important; } .fh-slider-dots{ margin:28px auto 0!important; } .home-empty[hidden], .today-empty[hidden], [data-home-empty][hidden], [data-today-empty][hidden]{display:none!important;} .today-pagination{display:flex!important;} .today-pagination button:hover,.today-pagination button:focus-visible,.today-pagination button.is-active{background:linear-gradient(135deg,#ec2b7a,#ff3d91)!important;border-color:#ec2b7a!important;color:#fff!important;} .page-section.post-section.first-section[data-page="home"] .post-grid,.today-posts .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .fh-popular-after-home{margin-top:26px!important;margin-bottom:0!important;} .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .fh-popular-after-home .fh-slider-card[hidden]{display:none!important;} @media(max-width:980px){.page-section.post-section.first-section[data-page="home"] .post-grid,.today-posts .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:680px){.page-section.post-section.first-section[data-page="home"] .post-grid,.today-posts .post-grid{grid-template-columns:1fr!important}.fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important}} .content-column{display:flex!important;flex-direction:column!important;max-width:none!important;width:100%!important;} .page-section.post-section.first-section[data-page="home"]{order:1!important;display:block!important;max-width:1200px!important;width:calc(100% - 48px)!important;margin:26px auto 34px!important;} .fh-latest-slider-wrap.fh-popular-after-home{order:2!important;display:block!important;clear:both!important;margin:0!important;border-top:1px solid #ffd0e2!important;} .today-posts[data-page="today"]{max-width:1200px!important;width:calc(100% - 48px)!important;margin:26px auto 34px!important;display:block!important;} .today-posts[data-page="today"][hidden]{display:none!important;} .page-section.post-section.first-section[data-page="home"] .post-grid, .today-posts[data-page="today"] .post-grid, .today-posts[data-page="today"] .post-grid.compact{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; margin-top:24px!important; } .page-section.post-section.first-section[data-page="home"] .post-card[hidden], .today-posts[data-page="today"] .post-card[hidden]{display:none!important;} .home-pagination-inside-top,.today-pagination-top{display:flex!important;justify-content:center!important;gap:12px!important;margin:0 auto 24px!important;padding:0!important;border-top:0!important;} .home-pagination-inside-bottom,.today-pagination-bottom{display:flex!important;justify-content:center!important;gap:12px!important;margin:24px auto 0!important;padding:22px 0 0!important;border-top:1px solid #ffd0e2!important;} .fh-popular-after-home .fh-slider-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:36px!important;} .fh-popular-after-home .fh-slider-card{display:flex!important;} .fh-popular-after-home .fh-slider-card[hidden]{display:none!important;} .fh-popular-after-home .fh-slider-btn{display:grid!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:5!important;} .fh-popular-after-home .fh-slider-btn-prev{left:54px!important;} .fh-popular-after-home .fh-slider-btn-next{right:54px!important;} @media(max-width:980px){ .page-section.post-section.first-section[data-page="home"] .post-grid, .today-posts[data-page="today"] .post-grid, .today-posts[data-page="today"] .post-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;} .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:680px){ .page-section.post-section.first-section[data-page="home"],.today-posts[data-page="today"]{width:calc(100% - 24px)!important;padding-left:16px!important;padding-right:16px!important;} .page-section.post-section.first-section[data-page="home"] .post-grid, .today-posts[data-page="today"] .post-grid, .today-posts[data-page="today"] .post-grid.compact{grid-template-columns:1fr!important;} .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;} .fh-popular-after-home .fh-slider-btn{top:auto!important;bottom:20px!important;transform:none!important;} } .page-section.post-section.first-section[data-page="home"][hidden], .today-posts[data-page="today"][hidden], .about-content[data-page="about"][hidden], .page-section[data-page][hidden], article[data-page][hidden]{ display:none!important; } .page-section.post-section.first-section[data-page="home"]:not([hidden]){ display:block!important; order:1!important; } .today-posts[data-page="today"]:not([hidden]){ display:block!important; order:1!important; } .fh-latest-slider-wrap.fh-popular-after-home{ order:2!important; } [data-page][hidden], .page-section[hidden], .post-section[hidden], article[hidden], section[hidden] { display: none !important; } body.fh-about-mode [data-page="home"], body.fh-about-mode [data-page="today"] { display: none !important; } body.fh-about-mode [data-page="about"] { display: block !important; visibility: visible !important; height: auto !important; } .fh-latest-slider-wrap.fh-popular-after-home { display: block !important; visibility: visible !important; height: auto !important; } body.fh-home-mode [data-page="today"], body.fh-home-mode [data-page="about"], body.fh-about-mode [data-page="home"], body.fh-about-mode [data-page="today"], body.fh-today-mode [data-page="home"], body.fh-today-mode [data-page="about"] { display: none !important; } body.fh-home-mode [data-page="home"], body.fh-today-mode [data-page="today"], body.fh-about-mode [data-page="about"] { display: block !important; } body.fh-home-mode [data-page="today"], body.fh-home-mode [data-page="about"], body.fh-about-mode [data-page="home"], body.fh-about-mode [data-page="today"], body.fh-today-mode [data-page="home"], body.fh-today-mode [data-page="about"]{ display:none!important; visibility:hidden!important; height:0!important; overflow:hidden!important; margin:0!important; padding:0!important; } body.fh-home-mode [data-page="home"], body.fh-today-mode [data-page="today"], body.fh-about-mode [data-page="about"]{ display:block!important; visibility:visible!important; height:auto!important; } [data-page][hidden], .page-section[hidden], .post-section[hidden], article[hidden], section[hidden]{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;} body.fh-home-mode [data-page="today"], body.fh-home-mode [data-page="about"], body.fh-about-mode [data-page="home"], body.fh-about-mode [data-page="today"], body.fh-today-mode [data-page="home"], body.fh-today-mode [data-page="about"]{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;} body.fh-home-mode [data-page="home"], body.fh-today-mode [data-page="today"], body.fh-about-mode [data-page="about"]{display:block!important;visibility:visible!important;height:auto!important;overflow:visible!important;} body.fh-about-mode .fh-popular-after-home, body.fh-today-mode .fh-popular-after-home{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;} body.fh-home-mode .fh-popular-after-home, body.fh-today-mode .fh-popular-after-home, body.fh-about-mode .fh-popular-after-home, .fh-latest-slider-wrap.fh-popular-after-home{ display:block!important; visibility:visible!important; height:auto!important; overflow:visible!important; margin-top:26px!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; } html{box-sizing:border-box;-webkit-text-size-adjust:100%;scroll-behavior:smooth;} *,*:before,*:after{box-sizing:inherit;} body{overflow-x:hidden;min-width:0;} img,video,iframe,svg{max-width:100%;height:auto;} .fh-topbar{width:100%;left:0;right:0;} .fh-nav-wrap,.site-layout,.fh-popular-page,.page-section,.post-section,.about-content,.fh-latest-slider-wrap,.fh-footer-inner{max-width:100%;} .fh-nav-link,.fh-upload-btn,.fh-admin-pill,.fh-brand-text,.fh-slider-card h3,.post-card h3{overflow-wrap:anywhere;word-break:break-word;} @media (min-width: 1440px){ .fh-nav-wrap{padding-left:clamp(48px,5vw,96px)!important;padding-right:clamp(48px,5vw,96px)!important;} .fh-slider-track{max-width:1320px!important;} } @media (max-width: 1180px){ .fh-nav-wrap{padding-left:24px!important;padding-right:24px!important;grid-template-columns:minmax(190px,auto) 1fr auto!important;gap:18px!important;} .fh-main-menu{gap:18px!important;justify-content:center!important;} .fh-nav-actions{min-width:0!important;gap:10px!important;} .fh-latest-slider-wrap{padding-left:70px!important;padding-right:70px!important;} .fh-slider-btn-prev{left:18px!important;} .fh-slider-btn-next{right:18px!important;} .page-section.post-section.first-section[data-page="home"],.today-posts[data-page="today"],.about-content[data-page="about"]{width:calc(100% - 32px)!important;max-width:1100px!important;margin-left:auto!important;margin-right:auto!important;} } @media (max-width: 782px){ .fh-topbar{position:sticky!important;top:0!important;z-index:999!important;} body.admin-bar .fh-topbar{top:46px!important;} .fh-nav-wrap{display:flex!important;align-items:center!important;min-height:auto!important;padding:12px 14px!important;gap:10px!important;flex-wrap:wrap!important;} .fh-brand{flex:1 1 auto!important;min-width:0!important;font-size:clamp(20px,6vw,26px)!important;} .fh-brand-icon{width:44px!important;height:44px!important;min-width:44px!important;} .fh-menu-toggle{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin-left:auto!important;} .fh-main-menu{display:none!important;flex:0 0 100%!important;order:5!important;width:100%!important;margin:8px 0 0!important;padding:10px!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;} .fh-topbar.is-open .fh-main-menu{display:flex!important;} .fh-nav-link{width:100%!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:12px 14px!important;font-size:16px!important;} .fh-nav-actions{order:4!important;flex:0 0 100%!important;width:100%!important;display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:2px!important;-webkit-overflow-scrolling:touch;} .fh-upload-btn,.fh-admin-pill,.fh-search-round{flex:0 0 auto!important;white-space:nowrap!important;min-height:44px!important;} .fh-search-panel{padding:0 14px 14px!important;} .fh-search-row{display:flex!important;flex-direction:column!important;gap:10px!important;} .fh-search-row input,.fh-search-row button{width:100%!important;} .page-section.post-section.first-section[data-page="home"],.today-posts[data-page="today"],.about-content[data-page="about"],.page-section,.post-section{width:calc(100% - 20px)!important;padding:20px!important;margin-left:auto!important;margin-right:auto!important;border-radius:18px!important;} .post-grid,.post-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;} .fh-latest-slider-wrap{width:100%!important;padding:26px 14px 86px!important;overflow:hidden!important;} .fh-slider-track{grid-template-columns:1fr!important;max-width:460px!important;width:100%!important;gap:18px!important;} .fh-slider-card{min-width:0!important;} .fh-slider-photo{height:clamp(180px,54vw,240px)!important;} .fh-slider-meta{grid-template-columns:34px minmax(0,1fr)!important;} .fh-slider-meta span:last-child{grid-column:2!important;} .fh-card-actions{grid-template-columns:auto auto 1fr!important;gap:10px!important;} .fh-card-actions a{padding:9px 14px!important;} .fh-slider-btn{top:auto!important;bottom:20px!important;transform:none!important;width:50px!important;height:50px!important;} .fh-slider-btn-prev{left:calc(50% - 74px)!important;} .fh-slider-btn-next{right:calc(50% - 74px)!important;} .fh-footer-inner{grid-template-columns:1fr!important;text-align:center!important;gap:24px!important;} .fh-footer-col{align-items:center!important;} } @media (max-width: 520px){ .fh-nav-wrap{padding:10px!important;} .fh-brand{font-size:20px!important;} .fh-brand-icon{width:40px!important;height:40px!important;min-width:40px!important;} .fh-menu-toggle,.fh-search-round{width:42px!important;height:42px!important;min-height:42px!important;} .fh-upload-btn,.fh-admin-pill{min-height:42px!important;padding:0 12px!important;font-size:13px!important;} .page-section.post-section.first-section[data-page="home"],.today-posts[data-page="today"],.about-content[data-page="about"],.page-section,.post-section{width:calc(100% - 14px)!important;padding:16px!important;border-radius:16px!important;} .section-heading h1,.section-heading h2,h1{font-size:clamp(28px,9vw,36px)!important;} .section-detail,p{font-size:15px!important;line-height:1.55!important;} .post-grid,.post-grid.compact{grid-template-columns:1fr!important;gap:14px!important;} .fh-latest-slider-wrap{padding:24px 10px 84px!important;} .fh-slider-head h2{font-size:clamp(26px,8vw,32px)!important;} .fh-slider-head p{font-size:14px!important;} .fh-slider-photo{height:200px!important;} .fh-slider-body{padding:15px!important;} .fh-card-actions{display:flex!important;flex-wrap:wrap!important;align-items:center!important;} .fh-card-actions a{margin-left:0!important;width:100%!important;text-align:center!important;} .fh-footer{padding:30px 14px 20px!important;} .fh-footer-title{font-size:26px!important;} } @media (max-width: 360px){ .fh-brand-text{font-size:18px!important;} .fh-upload-btn{font-size:12px!important;padding:0 10px!important;} .fh-slider-photo{height:180px!important;} .page-section.post-section.first-section[data-page="home"],.today-posts[data-page="today"],.about-content[data-page="about"]{padding:14px!important;} } .content-column > .fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, body.fh-home-mode .content-column > .fh-popular-after-home, body.fh-today-mode .content-column > .fh-popular-after-home, body.fh-about-mode .content-column > .fh-popular-after-home { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; min-height: 1px !important; overflow: visible !important; margin-top: 26px !important; margin-bottom: 0 !important; padding: 0 !important; order: 2 !important; } body.fh-home-mode [data-page="home"], body.fh-today-mode [data-page="today"], body.fh-about-mode [data-page="about"] { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; order: 1 !important; } body.fh-home-mode [data-page="today"], body.fh-home-mode [data-page="about"], body.fh-today-mode [data-page="home"], body.fh-today-mode [data-page="about"], body.fh-about-mode [data-page="home"], body.fh-about-mode [data-page="today"] { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; } .site-layout > .fh-popular-after-home, .site-layout > .fh-latest-slider-wrap.fh-popular-after-home, .detail-page + .fh-popular-after-home, .detail-page + .fh-latest-slider-wrap.fh-popular-after-home { display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; overflow:visible!important; } .post-card, .fh-slider-card { position: relative !important; cursor: pointer !important; } .fh-card-full-link { position: absolute !important; inset: 0 !important; z-index: 7 !important; display: block !important; text-indent: -9999px !important; overflow: hidden !important; background: transparent !important; } .post-card .post-copy, .post-card .post-thumb, .fh-slider-card .fh-slider-body, .fh-slider-card .fh-slider-photo { position: relative !important; z-index: 2 !important; } .fh-slider-card .fh-card-actions a { position: relative !important; z-index: 9 !important; } html, body { width:100%!important; max-width:100%!important; overflow-x:hidden!important; } .post-card, .fh-slider-card { touch-action:manipulation!important; -webkit-tap-highlight-color:rgba(236,43,122,.15)!important; } .post-card .fh-card-full-link, .fh-slider-card .fh-card-full-link { pointer-events:auto!important; } .fh-popular-after-home .fh-slider-track, .post-grid, .post-grid.compact { min-width:0!important; } .post-card, .fh-slider-card, .post-thumb, .fh-slider-body { min-width:0!important; max-width:100%!important; } .post-card img, .fh-slider-card img { width:100%!important; max-width:100%!important; object-fit:cover!important; } @media (min-width: 1181px) { .post-grid, .post-grid.compact { grid-template-columns:repeat(3,minmax(0,1fr))!important; } .fh-popular-after-home .fh-slider-track { grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media (max-width: 1180px) and (min-width: 783px) { .post-grid, .post-grid.compact { grid-template-columns:repeat(2,minmax(0,1fr))!important; } .fh-popular-after-home .fh-slider-track { grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width: 782px) { .post-grid, .post-grid.compact, .fh-popular-after-home .fh-slider-track { grid-template-columns:1fr!important; width:100%!important; } .post-card, .fh-slider-card { width:100%!important; } .fh-card-full-link { min-height:44px!important; } .fh-slider-card .fh-card-actions a { width:100%!important; display:block!important; text-align:center!important; } } .fh-popular-after-home .post-card.fh-slider-card{ position:relative!important; cursor:pointer!important; display:block!important; overflow:hidden!important; } .fh-popular-after-home .post-card.fh-slider-card .post-thumb{ display:block!important; height:100%!important; } .fh-popular-after-home .post-card.fh-slider-card .post-photo{ width:100%!important; height:260px!important; object-fit:cover!important; display:block!important; } .fh-popular-after-home .post-card.fh-slider-card .post-copy{ padding:14px 14px 12px!important; } .fh-popular-after-home .post-card.fh-slider-card .fh-card-full-link{ position:absolute!important; inset:0!important; z-index:4!important; } .fh-popular-after-home .post-card.fh-slider-card a:not(.fh-card-full-link){ position:relative!important; z-index:6!important; } @media(max-width:980px){ .fh-popular-after-home .post-card.fh-slider-card .post-photo{height:220px!important;} } @media(max-width:680px){ .fh-popular-after-home .post-card.fh-slider-card .post-photo{height:210px!important;} } .fh-topbar, header.fh-topbar, body .fh-topbar{ background:linear-gradient(105deg,#ec2b7a 0%,#e51f73 58%,#ff3d91 100%)!important; box-shadow:0 10px 28px rgba(236,43,122,.22)!important; border:0!important; } .fh-topbar:before, .fh-topbar:after{ background:transparent!important; box-shadow:none!important; } .fh-main-menu, body .fh-main-menu{ background:transparent!important; border:0!important; box-shadow:none!important; } .fh-nav-link, body .fh-nav-link{ color:#fff!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; text-shadow:none!important; } .fh-nav-link:hover, .fh-nav-link:focus, .fh-nav-link.is-active, body .fh-nav-link:hover, body .fh-nav-link:focus, body .fh-nav-link.is-active{ color:#fff!important; background:rgba(255,255,255,.14)!important; } .fh-nav-link.is-active:after, .fh-nav-link:hover:after, body .fh-nav-link.is-active:after, body .fh-nav-link:hover:after{ background:#fff!important; } .fh-brand-icon, body .fh-brand-icon{ background:#fff!important; color:#ec2b7a!important; } .fh-search-round, .fh-upload-btn, .fh-admin-pill, .fh-menu-toggle, body .fh-search-round, body .fh-upload-btn, body .fh-admin-pill, body .fh-menu-toggle{ background:rgba(255,255,255,.14)!important; color:#fff!important; border-color:rgba(255,255,255,.70)!important; box-shadow:none!important; } .fh-search-round:hover, .fh-upload-btn:hover, .fh-admin-pill:hover, .fh-menu-toggle:hover{ background:rgba(255,255,255,.22)!important; color:#fff!important; } @media(max-width:782px){ .fh-main-menu, body .fh-main-menu{ background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.18)!important; } .fh-nav-link, body .fh-nav-link{ border-radius:12px!important; } } html body .fh-backtop{ position:fixed!important; right:28px!important; bottom:26px!important; width:62px!important; height:62px!important; min-width:62px!important; min-height:62px!important; padding:0!important; border-radius:50%!important; border:3px solid var(--fh-pink)!important; background:#fff!important; color:var(--fh-pink)!important; box-shadow:0 16px 34px rgba(236,43,122,.18)!important; display:grid!important; place-items:center!important; font-size:34px!important; font-weight:400!important; line-height:1!important; z-index:1200!important; } html body .fh-backtop:hover, html body .fh-backtop:focus-visible{ background:#fff!important; color:var(--fh-pink)!important; outline:0!important; transform:translateY(-2px)!important; } @media(max-width:782px){ html body .fh-backtop{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; right:14px!important; bottom:14px!important; font-size:30px!important; } } .fh-topbar, header.fh-topbar, body .fh-topbar{ background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%)!important; box-shadow:0 8px 24px rgba(236,72,153,.22)!important; border:0!important; } .fh-topbar::before, .fh-topbar::after, header.fh-topbar::before, header.fh-topbar::after{ content:none!important; display:none!important; background:none!important; } .fh-nav-wrap, .fh-brand, .fh-main-menu, .fh-nav-actions, .fh-nav-link, body .fh-nav-wrap, body .fh-brand, body .fh-main-menu, body .fh-nav-actions, body .fh-nav-link{ background:transparent!important; box-shadow:none!important; border:0!important; } .fh-nav-link, body .fh-nav-link{ border-radius:0!important; } .fh-nav-link:hover, .fh-nav-link:focus, .fh-nav-link.is-active, body .fh-nav-link:hover, body .fh-nav-link:focus, body .fh-nav-link.is-active{ background:transparent!important; color:#fff!important; } .fh-nav-link::before, .fh-nav-link::after{ background:#fff!important; } .fh-search-round, .fh-upload-btn, .fh-admin-pill, body .fh-search-round, body .fh-upload-btn, body .fh-admin-pill{ background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.70)!important; color:#fff!important; box-shadow:none!important; } .fh-search-round:hover, .fh-upload-btn:hover, .fh-admin-pill:hover, body .fh-search-round:hover, body .fh-upload-btn:hover, body .fh-admin-pill:hover{ background:rgba(255,255,255,.20)!important; } @media(max-width:782px){ .fh-main-menu, body .fh-main-menu{ background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:16px!important; } .fh-nav-link, body .fh-nav-link{ border-radius:12px!important; } .fh-nav-link:hover, .fh-nav-link:focus, .fh-nav-link.is-active, body .fh-nav-link:hover, body .fh-nav-link:focus, body .fh-nav-link.is-active{ background:rgba(255,255,255,.16)!important; } } html, html.wp-toolbar, body.admin-bar::before{ background:linear-gradient(105deg,#ec2b7a 0%,#f02782 55%,#ff3d91 100%)!important; } body.admin-bar::before{ height:92px!important; box-shadow:none!important; } .fh-topbar, header.fh-topbar, body .fh-topbar, body.single .fh-topbar, body.page .fh-topbar, body.home .fh-topbar{ width:100%!important; max-width:none!important; background:linear-gradient(105deg,#ec2b7a 0%,#f02782 55%,#ff3d91 100%)!important; box-shadow:0 10px 28px rgba(236,43,122,.22)!important; border:0!important; border-radius:0!important; overflow:visible!important; } .fh-topbar::before, .fh-topbar::after, header.fh-topbar::before, header.fh-topbar::after, body.single .fh-topbar::before, body.single .fh-topbar::after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } .fh-nav-wrap, body .fh-nav-wrap, body.single .fh-nav-wrap{ width:100%!important; max-width:none!important; margin:0!important; padding-left:26px!important; padding-right:26px!important; background:transparent!important; border:0!important; box-shadow:none!important; } .fh-brand, .fh-main-menu, .fh-nav-actions, .fh-nav-link, body .fh-brand, body .fh-main-menu, body .fh-nav-actions, body .fh-nav-link, body.single .fh-brand, body.single .fh-main-menu, body.single .fh-nav-actions, body.single .fh-nav-link{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; color:#fff!important; } .fh-nav-link:hover, .fh-nav-link:focus, .fh-nav-link.is-active, body .fh-nav-link:hover, body .fh-nav-link:focus, body .fh-nav-link.is-active, body.single .fh-nav-link:hover, body.single .fh-nav-link:focus, body.single .fh-nav-link.is-active{ background:transparent!important; color:#fff!important; } .fh-nav-link.is-active::after, .fh-nav-link:hover::after{ content:""!important; background:#fff!important; opacity:1!important; } .fh-brand-icon, body .fh-brand-icon, body.single .fh-brand-icon{ background:#fff!important; color:#ec2b7a!important; } .fh-search-round, .fh-upload-btn, .fh-admin-pill, body .fh-search-round, body .fh-upload-btn, body .fh-admin-pill, body.single .fh-search-round, body.single .fh-upload-btn, body.single .fh-admin-pill{ background:rgba(255,255,255,.14)!important; border:1px solid rgba(255,255,255,.70)!important; color:#fff!important; box-shadow:none!important; } .fh-search-round:hover, .fh-upload-btn:hover, .fh-admin-pill:hover{ background:rgba(255,255,255,.22)!important; } @media(max-width:782px){ .fh-nav-wrap, body .fh-nav-wrap, body.single .fh-nav-wrap{ padding-left:14px!important; padding-right:14px!important; } .fh-main-menu, body .fh-main-menu, body.single .fh-main-menu{ background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:16px!important; } .fh-nav-link:hover, .fh-nav-link:focus, .fh-nav-link.is-active{ background:rgba(255,255,255,.16)!important; } } html, html.wp-toolbar{ background:#ffffff!important; } body.admin-bar::before, body.single.admin-bar::before, body.page.admin-bar::before, body.home.admin-bar::before{ content:none!important; display:none!important; height:0!important; background:none!important; box-shadow:none!important; } body.single .fh-topbar, body.single header.fh-topbar, body .fh-topbar, header.fh-topbar{ background:linear-gradient(105deg,#ec2b7a 0%,#f02782 55%,#ff3d91 100%)!important; background-color:#ec2b7a!important; background-image:linear-gradient(105deg,#ec2b7a 0%,#f02782 55%,#ff3d91 100%)!important; border:0!important; border-radius:0!important; box-shadow:0 10px 28px rgba(236,43,122,.22)!important; margin-top:0!important; overflow:visible!important; } body.admin-bar .fh-topbar, body.single.admin-bar .fh-topbar{ top:32px!important; margin-top:0!important; } body:not(.admin-bar) .fh-topbar, body.single:not(.admin-bar) .fh-topbar{ top:0!important; } body.single .fh-topbar::before, body.single .fh-topbar::after, body .fh-topbar::before, body .fh-topbar::after{ content:none!important; display:none!important; background:none!important; box-shadow:none!important; } body.single .fh-nav-wrap, body.single .fh-brand, body.single .fh-main-menu, body.single .fh-nav-actions, body.single .fh-nav-link{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } @media(max-width:782px){ body.admin-bar .fh-topbar, body.single.admin-bar .fh-topbar{ top:46px!important; } } :root{--fh-header-start:#e3196b;--fh-header-mid:#ec2b7a;--fh-header-end:#ff3d91;} body .fh-topbar, body.home .fh-topbar, body.front-page .fh-topbar, body.page .fh-topbar, body.single .fh-topbar, body.single-post .fh-topbar, body.archive .fh-topbar{ background:#ec2b7a!important; background-image:linear-gradient(105deg,var(--fh-header-start) 0%,var(--fh-header-mid) 52%,var(--fh-header-end) 100%)!important; border:0!important; border-radius:0!important; box-shadow:0 10px 28px rgba(236,43,122,.22)!important; } body .fh-nav-wrap, body.home .fh-nav-wrap, body.page .fh-nav-wrap, body.single .fh-nav-wrap, body.single-post .fh-nav-wrap, body .fh-brand, body .fh-main-menu, body .fh-nav-actions{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } body .fh-brand{ border-radius:0!important; padding:0!important; } body .fh-brand-text{ background:transparent!important; background-image:none!important; color:#fff!important; text-shadow:none!important; } body .fh-nav-link, body .fh-nav-link:link, body .fh-nav-link:visited, body .fh-nav-link:hover, body .fh-nav-link:focus, body .fh-nav-link:active, body .fh-nav-link.is-active, body.home .fh-nav-link, body.page .fh-nav-link, body.single .fh-nav-link, body.single-post .fh-nav-link{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; color:#fff!important; } body .fh-nav-link::before, body .fh-nav-link::after, body .fh-nav-link.is-active::before, body .fh-nav-link.is-active::after, body .fh-nav-link:hover::before, body .fh-nav-link:hover::after, body.single .fh-nav-link::before, body.single .fh-nav-link::after{ background:transparent!important; background-image:none!important; box-shadow:none!important; border:0!important; } body .fh-nav-link.is-active::after, body .fh-nav-link:hover::after{ content:""!important; position:absolute!important; left:4px!important; right:4px!important; bottom:12px!important; height:3px!important; border-radius:3px!important; background:#fff!important; } body .fh-search-round, body .fh-upload-btn, body .fh-admin-pill{ background:rgba(255,255,255,.16)!important; background-image:none!important; border:1px solid rgba(255,255,255,.70)!important; box-shadow:none!important; color:#fff!important; } @media(max-width:782px){ body .fh-main-menu, body.single .fh-main-menu{ background:rgba(255,255,255,.10)!important; background-image:none!important; border:1px solid rgba(255,255,255,.18)!important; box-shadow:none!important; } body .fh-nav-link, body .fh-nav-link.is-active, body .fh-nav-link:hover, body .fh-nav-link:focus{ background:transparent!important; background-image:none!important; } body .fh-nav-link::after{display:none!important;} } html body header.fh-topbar, html body.home header.fh-topbar, html body.page header.fh-topbar, html body.single header.fh-topbar, html body.single-post header.fh-topbar, html body.blog header.fh-topbar, html body.archive header.fh-topbar { background-color: #ec2b7a !important; background-image: linear-gradient(105deg, #df176a 0%, #ec2b7a 48%, #ff4a9b 100%) !important; border: 0 !important; box-shadow: 0 10px 28px rgba(236, 43, 122, .22) !important; overflow: visible !important; } html body header.fh-topbar *, html body.single header.fh-topbar *, html body.page header.fh-topbar *, html body.home header.fh-topbar * { box-shadow: none; } html body .fh-nav-wrap, html body.home .fh-nav-wrap, html body.page .fh-nav-wrap, html body.single .fh-nav-wrap, html body.single-post .fh-nav-wrap, html body .fh-main-menu, html body.home .fh-main-menu, html body.page .fh-main-menu, html body.single .fh-main-menu, html body.single-post .fh-main-menu, html body .fh-nav-actions, html body .fh-brand { background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } html body .fh-brand, html body.home .fh-brand, html body.page .fh-brand, html body.single .fh-brand, html body.single-post .fh-brand { padding: 0 !important; margin: 0 !important; border-radius: 0 !important; } html body .fh-brand-icon { background: #fff !important; color: #ec2b7a !important; border: 0 !important; box-shadow: 0 8px 20px rgba(0,0,0,.10) !important; } html body .fh-brand-text, html body .fh-nav-link, html body .fh-nav-link span, html body .fh-nav-link:link, html body .fh-nav-link:visited, html body .fh-nav-link:hover, html body .fh-nav-link:focus, html body .fh-nav-link:active, html body .fh-nav-link.is-active { color: #fff !important; background: transparent !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; } html body .fh-nav-link, html body.home .fh-nav-link, html body.page .fh-nav-link, html body.single .fh-nav-link, html body.single-post .fh-nav-link { border-radius: 0 !important; outline: 0 !important; } html body .fh-nav-link::before, html body .fh-nav-link:hover::before, html body .fh-nav-link:focus::before, html body .fh-nav-link.is-active::before { content: none !important; display: none !important; } html body .fh-nav-link::after { content: none !important; display: none !important; } html body .fh-nav-link.is-active::after, html body .fh-nav-link:hover::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 6px !important; height: 4px !important; border-radius: 999px !important; background: #fff !important; background-image: none !important; box-shadow: none !important; } html body .fh-search-round, html body .fh-upload-btn, html body .fh-admin-pill, html body.single .fh-search-round, html body.single .fh-upload-btn, html body.single .fh-admin-pill { background: rgba(255,255,255,.14) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.72) !important; color: #fff !important; box-shadow: none !important; } html body .fh-search-round:hover, html body .fh-upload-btn:hover, html body .fh-admin-pill:hover { background: rgba(255,255,255,.22) !important; } @media (max-width: 782px) { html body .fh-main-menu, html body.single .fh-main-menu, html body.page .fh-main-menu, html body.home .fh-main-menu { background: rgba(255,255,255,.10) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.18) !important; box-shadow: none !important; } html body .fh-nav-link.is-active, html body .fh-nav-link:hover, html body .fh-nav-link:focus { background: rgba(255,255,255,.10) !important; background-image: none !important; } html body .fh-nav-link::after, html body .fh-nav-link.is-active::after, html body .fh-nav-link:hover::after { display: none !important; content: none !important; } } html body.single header.fh-topbar, html body.single-post header.fh-topbar, html body.single .fh-topbar, html body.single-post .fh-topbar{ background:#ec2b7a!important; background-image:linear-gradient(105deg,#ec2b7a 0%,#e51f73 58%,#ff3d91 100%)!important; background-color:#ec2b7a!important; border:0!important; box-shadow:0 10px 28px rgba(236,43,122,.22)!important; overflow:visible!important; } html body.single header.fh-topbar::before, html body.single header.fh-topbar::after, html body.single-post header.fh-topbar::before, html body.single-post header.fh-topbar::after, html body.single .fh-topbar::before, html body.single .fh-topbar::after, html body.single-post .fh-topbar::before, html body.single-post .fh-topbar::after{ content:none!important; display:none!important; background:transparent!important; background-image:none!important; box-shadow:none!important; } html body.single header.fh-topbar .fh-nav-wrap, html body.single-post header.fh-topbar .fh-nav-wrap, html body.single header.fh-topbar .fh-brand, html body.single-post header.fh-topbar .fh-brand, html body.single header.fh-topbar .fh-brand-text, html body.single-post header.fh-topbar .fh-brand-text, html body.single header.fh-topbar .fh-main-menu, html body.single-post header.fh-topbar .fh-main-menu, html body.single header.fh-topbar .fh-nav-actions, html body.single-post header.fh-topbar .fh-nav-actions, html body.single header.fh-topbar .fh-nav-link, html body.single-post header.fh-topbar .fh-nav-link, html body.single header.fh-topbar .fh-nav-link span, html body.single-post header.fh-topbar .fh-nav-link span{ background:transparent!important; background-color:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; outline:0!important; } html body.single header.fh-topbar .fh-nav-link, html body.single-post header.fh-topbar .fh-nav-link{ color:#fff!important; border-radius:0!important; } html body.single header.fh-topbar .fh-nav-link:hover, html body.single header.fh-topbar .fh-nav-link:focus, html body.single header.fh-topbar .fh-nav-link.is-active, html body.single-post header.fh-topbar .fh-nav-link:hover, html body.single-post header.fh-topbar .fh-nav-link:focus, html body.single-post header.fh-topbar .fh-nav-link.is-active{ background:transparent!important; background-color:transparent!important; background-image:none!important; color:#fff!important; } html body.single header.fh-topbar .fh-nav-link::before, html body.single header.fh-topbar .fh-nav-link::after, html body.single-post header.fh-topbar .fh-nav-link::before, html body.single-post header.fh-topbar .fh-nav-link::after{ background:transparent!important; background-image:none!important; box-shadow:none!important; border:0!important; } html body.single header.fh-topbar .fh-nav-link:hover::after, html body.single header.fh-topbar .fh-nav-link.is-active::after, html body.single-post header.fh-topbar .fh-nav-link:hover::after, html body.single-post header.fh-topbar .fh-nav-link.is-active::after{ content:""!important; display:block!important; position:absolute!important; left:0!important; right:0!important; bottom:6px!important; height:4px!important; border-radius:999px!important; background:#fff!important; background-image:none!important; } html body.single header.fh-topbar .fh-brand-icon, html body.single-post header.fh-topbar .fh-brand-icon{ background:#fff!important; background-image:none!important; color:#ec2b7a!important; border:0!important; } html body.single header.fh-topbar .fh-search-round, html body.single header.fh-topbar .fh-upload-btn, html body.single header.fh-topbar .fh-admin-pill, html body.single-post header.fh-topbar .fh-search-round, html body.single-post header.fh-topbar .fh-upload-btn, html body.single-post header.fh-topbar .fh-admin-pill{ background:rgba(255,255,255,.14)!important; background-image:none!important; border:1px solid rgba(255,255,255,.72)!important; color:#fff!important; box-shadow:none!important; } @media(max-width:782px){ html body.single header.fh-topbar .fh-main-menu, html body.single-post header.fh-topbar .fh-main-menu{ background:rgba(255,255,255,.10)!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:16px!important; } } html body .fh-topbar, html body header.fh-topbar, html body.home .fh-topbar, html body.page .fh-topbar, html body.single .fh-topbar, html body.single-post .fh-topbar, html body.archive .fh-topbar, html body.blog .fh-topbar { background: #ec2b7a !important; background-image: linear-gradient(105deg,#d91566 0%,#ec2b7a 55%,#ff4fa0 100%) !important; border: 0 !important; box-shadow: 0 10px 28px rgba(236,43,122,.22) !important; overflow: visible !important; } html body .fh-topbar::before, html body .fh-topbar::after, html body header.fh-topbar::before, html body header.fh-topbar::after { content: none !important; display: none !important; background: transparent !important; background-image: none !important; } html body .fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-brand, html body .fh-topbar .fh-brand-text, html body .fh-topbar .fh-main-menu, html body .fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link span, html body .fh-topbar .fh-nav-link:hover, html body .fh-topbar .fh-nav-link:focus, html body .fh-topbar .fh-nav-link:active, html body .fh-topbar .fh-nav-link.is-active, html body .fh-topbar .current-menu-item, html body .fh-topbar .current_page_item, html body .fh-topbar li, html body .fh-topbar ul { background: transparent !important; background-color: transparent !important; background-image: none !important; border-color: transparent !important; box-shadow: none !important; outline: 0 !important; } html body .fh-topbar .fh-nav-link { position: relative !important; color: #fff !important; border-radius: 0 !important; } html body .fh-topbar .fh-nav-link::before, html body .fh-topbar .fh-nav-link:hover::before, html body .fh-topbar .fh-nav-link:focus::before, html body .fh-topbar .fh-nav-link.is-active::before { content: none !important; display: none !important; } html body .fh-topbar .fh-nav-link::after { content: none !important; display: none !important; } html body .fh-topbar .fh-nav-link:hover::after, html body .fh-topbar .fh-nav-link:focus::after, html body .fh-topbar .fh-nav-link.is-active::after { content: "" !important; display: block !important; position: absolute !important; left: 0 !important; right: 0 !important; bottom: 6px !important; height: 4px !important; border-radius: 999px !important; background: #fff !important; background-image: none !important; box-shadow: none !important; } html body .fh-topbar .fh-brand-icon { background: #fff !important; background-image: none !important; color: #ec2b7a !important; border: 0 !important; } html body .fh-topbar .fh-search-round, html body .fh-topbar .fh-upload-btn, html body .fh-topbar .fh-admin-pill, html body .fh-topbar .fh-menu-toggle { background: rgba(255,255,255,.14) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.72) !important; color: #fff !important; box-shadow: none !important; } @media (max-width: 782px) { html body .fh-topbar .fh-main-menu { background: rgba(255,255,255,.10) !important; background-image: none !important; border: 1px solid rgba(255,255,255,.18) !important; border-radius: 16px !important; } html body .fh-topbar .fh-nav-link:hover, html body .fh-topbar .fh-nav-link:focus, html body .fh-topbar .fh-nav-link.is-active { background: rgba(255,255,255,.10) !important; } html body .fh-topbar .fh-nav-link::after, html body .fh-topbar .fh-nav-link:hover::after, html body .fh-topbar .fh-nav-link:focus::after, html body .fh-topbar .fh-nav-link.is-active::after { content: none !important; display: none !important; } } .fh-backtop{ background:#fff!important; color:#ec2b7a!important; border:2px solid #ec2b7a!important; box-shadow:0 10px 28px rgba(0,0,0,.22)!important; width:56px!important; height:56px!important; min-width:56px!important; min-height:56px!important; border-radius:50%!important; display:grid!important; place-items:center!important; font-size:26px!important; line-height:1!important; padding:0!important; opacity:1!important; transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease!important; } .fh-backtop:hover, .fh-backtop:focus-visible{ background:#fff!important; color:#ec2b7a!important; transform:translateY(-3px) scale(1.06)!important; box-shadow:0 14px 34px rgba(0,0,0,.28)!important; outline:none!important; } @media (max-width:782px){ .fh-backtop{ width:50px!important; height:50px!important; min-width:50px!important; min-height:50px!important; right:14px!important; bottom:14px!important; font-size:24px!important; } } .site-layout{ display:grid!important; grid-template-columns:minmax(120px,180px) minmax(0,1fr) minmax(120px,180px)!important; gap:clamp(16px,2vw,30px)!important; max-width:1440px!important; width:100%!important; margin:0 auto!important; padding:34px clamp(14px,2vw,28px) 28px!important; background:radial-gradient(circle at 50% 0%,#fff 0%,#fff2f8 42%,#fff 100%)!important; align-items:start!important; } .content-column{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;} .ad-rail{ display:block!important; position:sticky!important; top:130px!important; min-width:0!important; width:100%!important; min-height:600px!important; z-index:1!important; } .fh-ad-widget, .fh-ad-placeholder{ width:100%!important; min-height:600px!important; border:2px dashed #ffb6d4!important; border-radius:18px!important; background:linear-gradient(180deg,#fff,#fff2f8)!important; box-shadow:0 10px 30px rgba(236,43,122,.10)!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:8px!important; padding:16px!important; text-align:center!important; overflow:hidden!important; } .fh-ad-widget img, .fh-ad-widget iframe, .fh-ad-widget ins, .fh-ad-widget > div{ max-width:100%!important; width:100%!important; } .fh-ad-title{font-size:14px!important;color:#ec2b7a!important;margin:0 0 10px!important;} .fh-ad-placeholder strong{color:#ec2b7a!important;font-size:20px!important;font-weight:900!important;} .fh-ad-placeholder span{color:#231328!important;font-weight:900!important;} .fh-ad-placeholder small{color:#655365!important;font-size:12px!important;line-height:1.35!important;} @media (min-width:1600px){ .site-layout{grid-template-columns:minmax(180px,260px) minmax(0,1180px) minmax(180px,260px)!important;max-width:1760px!important;} } @media (max-width:1180px){ .site-layout{grid-template-columns:minmax(90px,130px) minmax(0,1fr) minmax(90px,130px)!important;gap:14px!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:420px!important;padding:10px!important;} .ad-rail{min-height:420px!important;} } @media (max-width:900px){ .site-layout{display:block!important;max-width:760px!important;padding:22px 14px 24px!important;} .ad-rail{position:static!important;display:block!important;min-height:0!important;margin:18px auto!important;} .ad-rail-left{margin-top:0!important;} .ad-rail-right{margin-bottom:0!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:120px!important;border-radius:16px!important;} } @media (max-width:520px){ .site-layout{padding-left:10px!important;padding-right:10px!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:100px!important;padding:12px!important;} } html{box-sizing:border-box!important;-webkit-text-size-adjust:100%!important;scroll-behavior:smooth!important;} *,*::before,*::after{box-sizing:inherit!important;} img,video,iframe{max-width:100%!important;height:auto;} body{overflow-x:hidden!important;} .site-header, .header-inner, .main-nav, .header-actions{max-width:100%!important;} .site-header{background:linear-gradient(135deg,#e91e63 0%,#ec2b7a 55%,#f062a6 100%)!important;} .header-inner{width:100%!important;gap:clamp(10px,2vw,28px)!important;} .site-branding{flex:0 0 auto!important;min-width:0!important;} .site-title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} .main-nav a{background:transparent!important;box-shadow:none!important;white-space:nowrap!important;} .site-layout{ --fh-ad-col:clamp(120px,14vw,220px); --fh-content-max:1180px; display:grid!important; grid-template-columns:minmax(110px,var(--fh-ad-col)) minmax(0,var(--fh-content-max)) minmax(110px,var(--fh-ad-col))!important; gap:clamp(14px,2vw,30px)!important; max-width:calc(var(--fh-content-max) + (var(--fh-ad-col) * 2) + 72px)!important; width:100%!important; margin-inline:auto!important; padding-inline:clamp(12px,2vw,28px)!important; } .content-column{width:100%!important;min-width:0!important;} .ad-rail{width:100%!important;min-width:0!important;} .fh-ad-widget,.fh-ad-placeholder{width:100%!important;max-width:100%!important;} .post-grid, .popular-card-track{ grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important; } .post-card,.popular-card,.content-card{min-width:0!important;} .post-card img,.popular-card img,.content-card img{width:100%!important;object-fit:cover!important;} @media (min-width:1500px){ .site-layout{--fh-ad-col:clamp(180px,14vw,260px);--fh-content-max:1220px;} .fh-ad-widget,.fh-ad-placeholder{min-height:640px!important;} } @media (max-width:1200px){ .site-layout{ --fh-ad-col:clamp(96px,12vw,140px); grid-template-columns:minmax(86px,var(--fh-ad-col)) minmax(0,1fr) minmax(86px,var(--fh-ad-col))!important; gap:12px!important; padding-inline:12px!important; } .fh-ad-widget,.fh-ad-placeholder{min-height:360px!important;padding:10px!important;font-size:11px!important;} } @media (max-width:980px){ .header-inner{padding-inline:12px!important;min-height:74px!important;} .main-nav{gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;} .main-nav::-webkit-scrollbar{display:none!important;} .main-nav a{font-size:14px!important;padding:12px 10px!important;} .header-actions{gap:8px!important;} .upload-btn,.admin-btn{min-height:42px!important;padding:0 14px!important;font-size:14px!important;} .search-toggle{width:46px!important;height:46px!important;min-width:46px!important;} } @media (max-width:900px){ .site-layout{ display:flex!important; flex-direction:column!important; max-width:820px!important; padding:18px 14px 24px!important; } .content-column{order:1!important;} .ad-rail{position:static!important;display:block!important;width:100%!important;min-height:0!important;margin:14px auto!important;} .ad-rail-left{order:2!important;} .ad-rail-right{order:3!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:110px!important;border-radius:16px!important;} } @media (max-width:680px){ .header-inner{min-height:66px!important;padding-inline:10px!important;} .brand-logo{width:48px!important;height:48px!important;min-width:48px!important;} .site-title{font-size:24px!important;max-width:170px!important;} .site-description{display:none!important;} .main-nav{width:100%!important;order:3!important;padding:0 2px 8px!important;} .header-inner{flex-wrap:wrap!important;} .header-actions{margin-left:auto!important;} .upload-btn{font-size:0!important;width:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;} .upload-btn::before{font-size:18px!important;} .admin-btn{font-size:0!important;width:46px!important;min-width:46px!important;padding:0!important;border-radius:50%!important;} .post-grid,.popular-card-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} .section-heading h2,h1{font-size:clamp(26px,9vw,42px)!important;overflow-wrap:anywhere!important;} } @media (max-width:430px){ .site-layout{padding-inline:10px!important;} .site-title{font-size:21px!important;max-width:145px!important;} .main-nav a{font-size:12px!important;padding:10px 8px!important;} .post-grid,.popular-card-track{grid-template-columns:1fr!important;gap:12px!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:90px!important;padding:10px!important;} .fh-backtop{right:12px!important;bottom:12px!important;width:48px!important;height:48px!important;} } @media (max-width: 768px){ .fh-popular-after-home.fh-latest-slider-wrap{ position:relative!important; } .fh-popular-after-home .fh-slider-btn{ top:clamp(190px, 34vh, 285px)!important; transform:translateY(-50%)!important; width:52px!important; height:52px!important; min-width:52px!important; min-height:52px!important; font-size:44px!important; line-height:1!important; z-index:30!important; } .fh-popular-after-home .fh-slider-btn-prev{ left:14px!important; } .fh-popular-after-home .fh-slider-btn-next{ right:14px!important; } .fh-popular-after-home .fh-slider-dots{ margin-top:22px!important; position:relative!important; z-index:2!important; } } @media (max-width: 420px){ .fh-popular-after-home .fh-slider-btn{ top:clamp(175px, 32vh, 245px)!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; font-size:40px!important; } .fh-popular-after-home .fh-slider-btn-prev{left:10px!important;} .fh-popular-after-home .fh-slider-btn-next{right:10px!important;} } .post-card::after, .page-section.post-section.first-section[data-page="home"] .post-card::after, .post-grid.compact .post-card::after, .fh-slider-card::after, .fh-demo-card::after { content: none !important; display: none !important; } .post-card .view-count, .post-card .views-count, .post-card .post-views, .post-card .entry-views, .post-card .card-views, .post-card .fh-views, .post-card .wp-post-views, .post-card .dashicons-visibility, .post-card .fa-eye, .post-card [class*="view-count"], .post-card [class*="views-count"], .post-card [class*="post-views"] { display: none !important; } .post-card::after, .fh-slider-card::after, .fh-demo-card::after, .detail-page .view-count, .detail-page .views-count, .detail-page .post-views, .detail-page .entry-views, .detail-page .card-views, .detail-page .fh-views, .detail-page .wp-post-views, .detail-page .dashicons-visibility, .detail-page .fa-eye, .detail-page [class*="view-count"], .detail-page [class*="views-count"], .detail-page [class*="post-views"], .view-count, .views-count, .post-views, .entry-views, .card-views, .fh-views, .wp-post-views, .dashicons-visibility, .fa-eye, [class*="view-count"], [class*="views-count"], [class*="post-views"] { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .post-card::after, .fh-slider-card::after, .fh-demo-card::after, .page-section.post-section.first-section[data-page="home"] .post-card::after, .post-grid.compact .post-card::after, .fh-popular-after-home .post-card.fh-slider-card::after{ content:none!important; display:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; } .post-card .fh-card-actions, .fh-slider-card .fh-card-actions, .fh-demo-card .fh-card-actions, .post-card .view-count, .post-card .views-count, .post-card .post-views, .post-card .entry-views, .post-card .card-views, .post-card .fh-views, .post-card .wp-post-views, .post-card [class*="view"], .fh-slider-card [class*="view"]{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; } .post-card .post-copy, .fh-slider-card .post-copy, .fh-slider-card .fh-slider-body, .fh-popular-after-home .post-card.fh-slider-card .post-copy{ min-height:0!important; height:auto!important; padding-bottom:12px!important; gap:6px!important; } .post-card .post-copy > *:last-child, .fh-slider-card .post-copy > *:last-child, .fh-slider-body > *:last-child{ margin-bottom:0!important; } .post-card p:not(.post-meta), .fh-slider-card p:not(.post-meta){ margin-bottom:0!important; } .post-card::after, .fh-slider-card::after, .fh-demo-card::after, .post-card .fh-card-actions, .fh-slider-card .fh-card-actions, .fh-demo-card .fh-card-actions, .post-card .card-actions, .fh-slider-card .card-actions, .post-card .post-actions, .fh-slider-card .post-actions, .post-card .entry-actions, .fh-slider-card .entry-actions, .post-card .view-count, .post-card .views-count, .post-card .post-views, .post-card .entry-views, .post-card .card-views, .post-card .fh-views, .post-card .wp-post-views, .post-card .dashicons-visibility, .post-card .fa-eye, .post-card .eye, .fh-slider-card .view-count, .fh-slider-card .views-count, .fh-slider-card .post-views, .fh-slider-card .entry-views, .fh-slider-card .card-views, .fh-slider-card .fh-views, .fh-slider-card .wp-post-views, .fh-slider-card .dashicons-visibility, .fh-slider-card .fa-eye, .fh-slider-card .eye, .post-card [class*="view-count"], .post-card [class*="views-count"], .post-card [class*="post-views"], .post-card [class*="entry-views"], .post-card [class*="card-views"], .post-card [class*="fh-views"], .fh-slider-card [class*="view-count"], .fh-slider-card [class*="views-count"], .fh-slider-card [class*="post-views"], .fh-slider-card [class*="entry-views"], .fh-slider-card [class*="card-views"], .fh-slider-card [class*="fh-views"]{ content:none!important; display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; gap:0!important; overflow:hidden!important; box-shadow:none!important; } .post-card, .fh-slider-card, .fh-demo-card{ min-height:0!important; height:auto!important; } .post-card .post-thumb, .fh-slider-card .post-thumb, .fh-demo-card .post-thumb{ min-height:0!important; height:auto!important; } .post-card .post-copy, .post-grid.compact .post-copy, .page-section.post-section.first-section[data-page="home"] .post-copy, .fh-slider-card .post-copy, .fh-slider-card .fh-slider-body, .fh-demo-card .post-copy, .fh-demo-card .fh-slider-body, .fh-popular-after-home .post-card.fh-slider-card .post-copy{ min-height:0!important; height:auto!important; padding-top:12px!important; padding-bottom:12px!important; gap:5px!important; margin-bottom:0!important; } .post-card .post-meta, .fh-slider-card .post-meta, .fh-demo-card .post-meta{ margin:0 0 5px!important; } .post-card h3, .fh-slider-card h3, .fh-demo-card h3{ margin-top:0!important; margin-bottom:5px!important; } .post-card .post-date, .fh-slider-card .post-date, .fh-demo-card .post-date{ margin-top:0!important; margin-bottom:5px!important; } .post-card p:not(.post-meta), .fh-slider-card p:not(.post-meta), .fh-demo-card p:not(.post-meta){ margin-top:0!important; margin-bottom:0!important; } .post-card .post-meta, .post-card .post-date, .fh-slider-card .post-meta, .fh-slider-card .post-date, .fh-demo-card .post-meta, .fh-demo-card .post-date, .post-card .cat-links, .post-card .category, .post-card [class*="cat"], .fh-slider-card [class*="cat"]{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } .post-card .post-copy, .post-grid.compact .post-copy, .fh-slider-card .post-copy, .fh-slider-card .fh-slider-body, .fh-demo-card .post-copy, .fh-demo-card .fh-slider-body{ display:flex!important; flex-direction:column!important; min-height:172px!important; height:auto!important; padding:16px 18px 16px!important; gap:9px!important; } .post-card h3, .fh-slider-card h3, .fh-demo-card h3{ color:#ec2b7a!important; font-size:18px!important; line-height:1.22!important; font-weight:900!important; margin:0!important; letter-spacing:-.02em!important; } .post-card .fh-card-excerpt, .fh-slider-card .fh-card-excerpt, .fh-demo-card .fh-card-excerpt, .post-card p.fh-card-excerpt, .fh-slider-card p.fh-card-excerpt{ color:#403542!important; font-size:15px!important; line-height:1.48!important; font-weight:500!important; margin:0!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .post-card .fh-read-more-btn, .fh-slider-card .fh-read-more-btn, .fh-demo-card .fh-read-more-btn{ position:relative!important; z-index:3!important; align-self:flex-start!important; margin-top:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:118px!important; height:auto!important; padding:10px 20px!important; border-radius:8px!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; font-size:14px!important; line-height:1!important; font-weight:900!important; text-decoration:none!important; box-shadow:0 7px 16px rgba(236,43,122,.20)!important; } .post-card .fh-read-more-btn:hover, .fh-slider-card .fh-read-more-btn:hover, .fh-demo-card .fh-read-more-btn:hover{ background:linear-gradient(135deg,#d9166b,#ec2b7a)!important; color:#fff!important; } .post-card .post-photo, .post-thumb img, .post-card img, .fh-slider-photo{ object-fit:cover!important; object-position:center!important; } @media(max-width:900px){ .post-card .post-copy,.fh-slider-card .post-copy,.fh-slider-card .fh-slider-body{min-height:160px!important;padding:15px!important;} .post-card h3,.fh-slider-card h3{font-size:17px!important;} .post-card .fh-card-excerpt,.fh-slider-card .fh-card-excerpt{font-size:14px!important;} } .fh-popular-after-home .fh-slider-btn, .fh-popular-after-home .fh-slider-dots{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } .fh-popular-after-home .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; align-items:start!important; } .fh-popular-after-home .post-card.fh-slider-card, .fh-popular-after-home article.post-card.fh-slider-card{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; max-height:none!important; border:1px solid #ffd0e2!important; border-radius:14px!important; overflow:hidden!important; background:#fff!important; box-shadow:0 14px 34px rgba(236,43,122,.10)!important; padding:0!important; margin:0!important; } .fh-popular-after-home .post-card.fh-slider-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; min-height:0!important; height:auto!important; padding:0!important; margin:0!important; } .fh-popular-after-home .post-card.fh-slider-card .post-photo, .fh-popular-after-home .post-card.fh-slider-card img.post-photo, .fh-popular-after-home .post-card.fh-slider-card .fh-slider-photo{ display:block!important; width:100%!important; height:260px!important; min-height:260px!important; max-height:260px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } .fh-popular-after-home .post-card.fh-slider-card .post-copy, .fh-popular-after-home .post-card.fh-slider-card .fh-slider-body{ display:flex!important; flex-direction:column!important; gap:8px!important; width:100%!important; min-height:166px!important; height:auto!important; max-height:none!important; padding:18px 20px 18px!important; margin:0!important; background:#fff!important; overflow:hidden!important; } .fh-popular-after-home .post-card.fh-slider-card h3{ display:block!important; color:#ec2b7a!important; font-size:18px!important; line-height:1.22!important; font-weight:900!important; margin:0!important; padding:0!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } .fh-popular-after-home .post-card.fh-slider-card .fh-card-excerpt, .fh-popular-after-home .post-card.fh-slider-card p.fh-card-excerpt{ display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#403542!important; font-size:15px!important; line-height:1.48!important; font-weight:500!important; margin:0!important; padding:0!important; } .fh-popular-after-home .post-card.fh-slider-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; margin-top:auto!important; min-width:118px!important; padding:10px 20px!important; border-radius:8px!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; box-shadow:0 7px 16px rgba(236,43,122,.20)!important; position:relative!important; z-index:9!important; } .fh-popular-after-home .post-card.fh-slider-card::after, .fh-popular-after-home .post-card.fh-slider-card .fh-card-actions, .fh-popular-after-home .post-card.fh-slider-card .post-meta, .fh-popular-after-home .post-card.fh-slider-card .post-date, .fh-popular-after-home .post-card.fh-slider-card .cat-links, .fh-popular-after-home .post-card.fh-slider-card .category{ content:none!important; display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } @media(max-width:1180px) and (min-width:783px){ .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:782px){ .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;gap:18px!important;} .fh-popular-after-home .post-card.fh-slider-card .post-photo, .fh-popular-after-home .post-card.fh-slider-card img.post-photo, .fh-popular-after-home .post-card.fh-slider-card .fh-slider-photo{ height:210px!important;min-height:210px!important;max-height:210px!important; } } html, body{ min-height:0!important; } .site-layout{ align-items:start!important; padding-bottom:0!important; margin-bottom:0!important; min-height:0!important; } .content-column{ min-height:0!important; height:auto!important; margin-bottom:0!important; padding-bottom:0!important; } .ad-rail{ align-self:start!important; min-height:0!important; height:auto!important; margin-bottom:0!important; } .fh-ad-widget, .fh-ad-placeholder{ min-height:420px!important; } .fh-latest-slider-wrap.fh-popular-after-home, .fh-popular-after-home{ margin-top:22px!important; margin-bottom:0!important; padding-top:24px!important; padding-bottom:24px!important; min-height:0!important; height:auto!important; } .fh-popular-after-home .fh-slider-head{ margin-bottom:18px!important; } .fh-popular-after-home .fh-slider-track{ margin-bottom:0!important; padding-bottom:0!important; } .fh-popular-after-home .post-card.fh-slider-card{ margin-bottom:0!important; } .fh-footer, footer.fh-footer{ margin-top:0!important; } @media(max-width:980px){ .site-layout{padding-bottom:0!important;} .fh-latest-slider-wrap.fh-popular-after-home, .fh-popular-after-home{padding-bottom:20px!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:160px!important;} } @media(max-width:680px){ .fh-latest-slider-wrap.fh-popular-after-home, .fh-popular-after-home{margin-top:16px!important;padding:18px 12px 18px!important;} .fh-ad-widget,.fh-ad-placeholder{min-height:90px!important;} } body,.site,.site-content,.content-area,main{overflow-x:hidden!important;} .fh-left-ads,.fh-right-ads,.left-ads,.right-ads,.ad-left,.ad-right,.sidebar-left,.sidebar-right{ width:0!important;min-width:0!important;padding:0!important;margin:0!important;flex:0 0 0!important;display:none!important; } .fh-main,.main-content,.content-wrap,.site-main,.fh-container,.container{ max-width:100%!important;width:100%!important; } .fh-group3,.group3,.fh-popular-section,.fh-slider-section{ margin-bottom:0!important;padding-bottom:0!important; } .fh-footer,footer.fh-footer,.site-footer,footer{ margin-top:0!important;padding-top:24px!important;clear:both!important; } :root{ --fh-lock-content:1180px; --fh-lock-ad:clamp(120px,12vw,220px); --fh-lock-gap:clamp(16px,2vw,28px); } body{ overflow-x:hidden!important; } .fh-topbar .fh-nav-wrap, .fh-search-panel, .fh-footer-inner, .fh-footer-bottom{ width:min(100%,var(--fh-lock-content))!important; max-width:var(--fh-lock-content)!important; margin-left:auto!important; margin-right:auto!important; } body .site-layout{ display:grid!important; grid-template-columns:var(--fh-lock-ad) minmax(0,var(--fh-lock-content)) var(--fh-lock-ad)!important; justify-content:center!important; align-items:start!important; gap:var(--fh-lock-gap)!important; width:100%!important; max-width:calc(var(--fh-lock-content) + (var(--fh-lock-ad) * 2) + (var(--fh-lock-gap) * 2))!important; margin:0 auto!important; padding:28px clamp(10px,1.5vw,24px) 0!important; } body .content-column{ grid-column:2!important; width:100%!important; max-width:var(--fh-lock-content)!important; min-width:0!important; margin:0 auto!important; padding:0!important; } body .ad-rail{ display:block!important; visibility:visible!important; width:100%!important; max-width:var(--fh-lock-ad)!important; min-width:0!important; margin:0!important; padding:0!important; position:sticky!important; top:112px!important; align-self:start!important; } body .ad-rail-left{grid-column:1!important;} body .ad-rail-right{grid-column:3!important;} body .page-section, body .post-section, body .about-content{ width:100%!important; max-width:var(--fh-lock-content)!important; margin-left:auto!important; margin-right:auto!important; } body .post-grid, body .post-grid.compact{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; justify-content:center!important; justify-items:stretch!important; } body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, body .content-column > .fh-popular-after-home, body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{ width:100%!important; max-width:var(--fh-lock-content)!important; margin:22px auto 0!important; padding:22px 0 22px!important; border-top:1px solid #ffd0e2!important; min-height:0!important; height:auto!important; box-sizing:border-box!important; display:block!important; clear:both!important; } body .fh-popular-after-home .fh-slider-head{ width:100%!important; text-align:center!important; margin:0 auto 18px!important; padding:0!important; } body .fh-popular-after-home .fh-slider-head h2{ text-align:center!important; margin-left:auto!important; margin-right:auto!important; } body .fh-popular-after-home .fh-slider-track{ width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; justify-content:center!important; justify-items:stretch!important; align-items:start!important; gap:26px!important; } body .fh-popular-after-home .post-card.fh-slider-card{ width:100%!important; max-width:100%!important; margin:0!important; } body .fh-footer, body footer.fh-footer, body .site-footer, body footer{ width:100%!important; max-width:none!important; margin:0!important; padding-top:28px!important; clear:both!important; } @media(max-width:1180px){ :root{--fh-lock-content:960px;--fh-lock-ad:clamp(84px,10vw,130px);--fh-lock-gap:12px;} body .post-grid, body .post-grid.compact, body .fh-popular-after-home .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:900px){ :root{--fh-lock-content:760px;} body .site-layout{ display:block!important; max-width:var(--fh-lock-content)!important; padding:18px 12px 0!important; } body .content-column, body .page-section, body .post-section, body .about-content, body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{ max-width:100%!important; width:100%!important; } body .ad-rail{ position:static!important; display:block!important; max-width:100%!important; margin:12px auto!important; } body .fh-ad-widget, body .fh-ad-placeholder{min-height:110px!important;} } @media(max-width:680px){ body .post-grid, body .post-grid.compact, body .fh-popular-after-home .fh-slider-track{ grid-template-columns:1fr!important; gap:16px!important; } body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{ margin-top:16px!important; padding:18px 0 18px!important; } } :root{--fh-center-width:1180px;--fh-ad-width:180px;--fh-side-gap:24px;} body .site-layout{ width:100%!important; max-width:calc(var(--fh-center-width) + (var(--fh-ad-width) * 2) + (var(--fh-side-gap) * 2))!important; margin:0 auto!important; padding:24px 18px 0!important; display:grid!important; grid-template-columns:var(--fh-ad-width) minmax(0,var(--fh-center-width)) var(--fh-ad-width)!important; gap:var(--fh-side-gap)!important; align-items:start!important; background:transparent!important; } body .content-column{ grid-column:2!important; width:100%!important; max-width:var(--fh-center-width)!important; margin:0 auto!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; } body .ad-rail{display:block!important;position:sticky!important;top:120px!important;width:100%!important;max-width:var(--fh-ad-width)!important;margin:0!important;} body .ad-rail-left{grid-column:1!important;} body .ad-rail-right{grid-column:3!important;} body .page-section, body .post-section, body .about-content, body .content-column > article, body .content-column > section:not(.fh-popular-after-home){ width:100%!important; max-width:var(--fh-center-width)!important; margin:0 auto 18px!important; } body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{ width:100%!important; max-width:var(--fh-center-width)!important; margin:0 auto 0!important; padding:24px 0 22px!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; overflow:visible!important; } body .fh-popular-after-home .fh-slider-head{max-width:var(--fh-center-width)!important;margin:0 auto 22px!important;text-align:center!important;} body .fh-popular-after-home .fh-slider-track{ width:100%!important; max-width:980px!important; margin:0 auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; justify-content:center!important; justify-items:stretch!important; } body .fh-popular-after-home .fh-slider-card{width:100%!important;max-width:none!important;margin:0!important;} body .fh-popular-after-home .fh-slider-dots{margin:18px auto 0!important;} body .fh-popular-after-home .fh-slider-btn-prev{left:8px!important;} body .fh-popular-after-home .fh-slider-btn-next{right:8px!important;} body .fh-footer{ width:100%!important; max-width:var(--fh-center-width)!important; margin:0 auto!important; padding:34px 28px 18px!important; border-radius:18px 18px 0 0!important; } body .fh-footer-inner,body .fh-footer-bottom{max-width:100%!important;} @media(max-width:1280px){ body .site-layout{grid-template-columns:minmax(90px,140px) minmax(0,1fr) minmax(90px,140px)!important;gap:16px!important;padding-left:12px!important;padding-right:12px!important;} body .fh-popular-after-home .fh-slider-track{max-width:900px!important;gap:18px!important;} } @media(max-width:980px){ body .site-layout{display:block!important;max-width:100%!important;padding:18px 12px 0!important;} body .content-column{max-width:100%!important;} body .ad-rail{display:none!important;} body .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px!important;} } @media(max-width:680px){ body .site-layout{padding:14px 8px 0!important;} body .page-section,body .post-section,body .about-content{margin-bottom:14px!important;} body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{padding:18px 0 18px!important;} body .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;max-width:430px!important;} body .fh-footer{border-radius:14px 14px 0 0!important;padding:28px 16px 18px!important;} } :root{ --fh-final-center:1180px; --fh-final-ad:180px; --fh-final-gap:22px; } body .fh-nav-wrap, body .fh-search-panel{ max-width:var(--fh-final-center)!important; margin-left:auto!important; margin-right:auto!important; } body .site-layout{ width:100%!important; max-width:calc(var(--fh-final-center) + (var(--fh-final-ad) * 2) + (var(--fh-final-gap) * 2))!important; margin:0 auto!important; padding:22px 14px 0!important; display:grid!important; grid-template-columns:var(--fh-final-ad) minmax(0,var(--fh-final-center)) var(--fh-final-ad)!important; gap:var(--fh-final-gap)!important; align-items:start!important; background:transparent!important; } body .content-column{ grid-column:2!important; width:100%!important; max-width:var(--fh-final-center)!important; margin:0 auto!important; padding:0!important; display:flex!important; flex-direction:column!important; align-items:center!important; gap:0!important; } body .ad-rail{ display:block!important; width:100%!important; max-width:var(--fh-final-ad)!important; margin:0!important; position:sticky!important; top:118px!important; } body .ad-rail-left{grid-column:1!important;} body .ad-rail-right{grid-column:3!important;} body .page-section, body .post-section, body .about-content, body .content-column > article, body .content-column > section:not(.fh-popular-after-home){ width:100%!important; max-width:var(--fh-final-center)!important; margin-left:auto!important; margin-right:auto!important; margin-bottom:14px!important; } body .post-grid, body .post-grid.compact{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; justify-content:center!important; justify-items:stretch!important; } body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{ position:relative!important; order:99!important; width:100%!important; max-width:var(--fh-final-center)!important; margin:0 auto!important; padding:14px 72px 14px!important; min-height:0!important; height:auto!important; clear:both!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; } body .fh-popular-after-home .fh-slider-head{ width:100%!important; max-width:100%!important; margin:0 auto 14px!important; padding:0!important; text-align:center!important; justify-content:center!important; } body .fh-popular-after-home .fh-slider-head h2{ margin:0 auto!important; text-align:center!important; } body .fh-popular-after-home .fh-slider-track{ width:100%!important; max-width:960px!important; margin:0 auto!important; padding:0!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:22px!important; justify-content:center!important; justify-items:stretch!important; align-items:stretch!important; } body .fh-popular-after-home .fh-slider-card{ width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; display:flex!important; } body .fh-popular-after-home .fh-slider-card[hidden]{display:none!important;} body .fh-popular-after-home .fh-slider-btn{ display:grid!important; place-items:center!important; position:absolute!important; top:50%!important; transform:translateY(-30%)!important; width:54px!important; height:54px!important; border-radius:999px!important; z-index:50!important; cursor:pointer!important; } body .fh-popular-after-home .fh-slider-btn-prev{left:8px!important;} body .fh-popular-after-home .fh-slider-btn-next{right:8px!important;} body .fh-popular-after-home .fh-slider-dots{display:none!important;margin:0!important;padding:0!important;height:0!important;} body .fh-footer, body footer.fh-footer{ width:100%!important; max-width:var(--fh-final-center)!important; margin:0 auto!important; padding:28px 24px 16px!important; border-radius:16px 16px 0 0!important; clear:both!important; } body .fh-footer-inner, body .fh-footer-bottom{ max-width:100%!important; margin-left:auto!important; margin-right:auto!important; } @media(max-width:1280px){ :root{--fh-final-ad:130px;--fh-final-gap:14px;} body .site-layout{padding-left:10px!important;padding-right:10px!important;} body .fh-popular-after-home .fh-slider-track{max-width:900px!important;gap:18px!important;} } @media(max-width:980px){ body .site-layout{display:block!important;max-width:100%!important;padding:16px 10px 0!important;} body .content-column{max-width:100%!important;width:100%!important;align-items:center!important;} body .ad-rail{display:none!important;} body .post-grid,body .post-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;} body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{max-width:100%!important;padding:14px 62px!important;} body .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px!important;} } @media(max-width:680px){ body .site-layout{padding:12px 8px 0!important;} body .page-section,body .post-section,body .about-content{margin-bottom:10px!important;} body .post-grid,body .post-grid.compact{grid-template-columns:1fr!important;gap:16px!important;} body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, body .fh-latest-slider-wrap.fh-popular-after-home, body .fh-popular-after-home{padding:12px 0 70px!important;margin:0 auto!important;} body .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;max-width:430px!important;gap:16px!important;} body .fh-popular-after-home .fh-slider-btn{top:auto!important;bottom:10px!important;transform:none!important;width:50px!important;height:50px!important;} body .fh-popular-after-home .fh-slider-btn-prev{left:calc(50% - 68px)!important;} body .fh-popular-after-home .fh-slider-btn-next{right:calc(50% - 68px)!important;} body .fh-footer{padding:24px 14px 14px!important;border-radius:14px 14px 0 0!important;} } .fh-latest-slider-wrap.fh-popular-after-home{ position:relative!important; width:min(1200px, calc(100% - 48px))!important; max-width:1200px!important; margin:26px auto 0!important; padding:34px 78px 18px!important; border-top:1px solid #ffd0e2!important; transform:translateX(22px)!important; box-sizing:border-box!important; overflow:visible!important; } .fh-popular-after-home .fh-slider-head{ text-align:center!important; margin:0 0 24px!important; } .fh-popular-after-home .fh-slider-head h2{ text-align:center!important; } .fh-popular-after-home .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:26px!important; align-items:stretch!important; width:100%!important; margin:0 auto!important; padding:0!important; } .fh-popular-after-home .fh-slider-card:not([hidden]){ display:flex!important; } .fh-popular-after-home .fh-slider-card[hidden]{ display:none!important; } .fh-popular-after-home .fh-slider-btn{ display:grid!important; visibility:visible!important; opacity:1!important; place-items:center!important; position:absolute!important; top:calc(34px + 24px + 130px)!important; transform:translateY(-50%)!important; z-index:40!important; width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; margin:0!important; padding:0!important; border:1px solid #ffb6d2!important; border-radius:999px!important; background:linear-gradient(135deg,#fff,#fff6fb)!important; color:#ec2b7a!important; box-shadow:0 12px 30px rgba(236,43,122,.18)!important; font-size:42px!important; line-height:1!important; font-weight:900!important; cursor:pointer!important; overflow:visible!important; } .fh-popular-after-home .fh-slider-btn:hover, .fh-popular-after-home .fh-slider-btn:focus-visible{ background:linear-gradient(135deg,#ec2b7a,#ff3d91)!important; color:#fff!important; border-color:#ec2b7a!important; } .fh-popular-after-home .fh-slider-btn-prev{left:10px!important;} .fh-popular-after-home .fh-slider-btn-next{right:10px!important;} .fh-popular-after-home .fh-slider-dots{ display:flex!important; visibility:visible!important; width:auto!important; height:auto!important; justify-content:center!important; gap:8px!important; margin:22px auto 0!important; padding:0!important; overflow:visible!important; } @media(max-width:1180px) and (min-width:783px){ .fh-latest-slider-wrap.fh-popular-after-home{ width:calc(100% - 36px)!important; padding-left:70px!important; padding-right:70px!important; transform:translateX(12px)!important; } .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:782px){ .fh-latest-slider-wrap.fh-popular-after-home{ width:calc(100% - 20px)!important; margin-top:22px!important; padding:30px 58px 16px!important; transform:translateX(0)!important; } .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;gap:18px!important;} .fh-popular-after-home .fh-slider-btn{ top:50%!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; font-size:38px!important; } .fh-popular-after-home .fh-slider-btn-prev{left:4px!important;} .fh-popular-after-home .fh-slider-btn-next{right:4px!important;} } @media(max-width:420px){ .fh-latest-slider-wrap.fh-popular-after-home{ width:100%!important; padding-left:50px!important; padding-right:50px!important; } .fh-popular-after-home .fh-slider-btn{ width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; font-size:34px!important; } } body .fh-latest-slider-wrap.fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{ position:relative!important; display:block!important; width:min(1200px, calc(100% - 48px))!important; max-width:1200px!important; margin-top:24px!important; margin-right:auto!important; margin-bottom:0!important; margin-left:auto!important; padding:30px 84px 20px!important; transform:translateX(34px)!important; overflow:visible!important; box-sizing:border-box!important; } body .fh-popular-after-home .fh-slider-head, body .fh-popular-after-home .fh-slider-head h2{ text-align:center!important; } body .fh-popular-after-home .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3, minmax(0, 1fr))!important; gap:24px!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; overflow:visible!important; } body .fh-popular-after-home .fh-slider-card:not([hidden]){ display:flex!important; width:100%!important; max-width:none!important; margin:0!important; } body .fh-popular-after-home .fh-slider-card[hidden]{display:none!important;} body .fh-popular-after-home .fh-slider-btn, body .fh-popular-after-home button.fh-slider-btn{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; align-items:center!important; justify-content:center!important; position:absolute!important; top:55%!important; transform:translateY(-50%)!important; z-index:999!important; width:56px!important; height:56px!important; min-width:56px!important; min-height:56px!important; border:1px solid #ffb6d2!important; border-radius:999px!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 12px 32px rgba(236,43,122,.22)!important; font-size:46px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; cursor:pointer!important; } body .fh-popular-after-home .fh-slider-btn-prev{left:14px!important;right:auto!important;} body .fh-popular-after-home .fh-slider-btn-next{right:14px!important;left:auto!important;} body .fh-popular-after-home .fh-slider-btn:hover, body .fh-popular-after-home .fh-slider-btn:focus-visible{ background:#fff!important; color:#ec2b7a!important; } body .fh-popular-after-home .fh-slider-dots{display:none!important;} @media(max-width:1180px) and (min-width:783px){ body .fh-latest-slider-wrap.fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{ width:calc(100% - 34px)!important; padding-left:76px!important; padding-right:76px!important; transform:translateX(18px)!important; } body .fh-popular-after-home .fh-slider-track{grid-template-columns:repeat(2, minmax(0,1fr))!important;} } @media(max-width:782px){ body .fh-latest-slider-wrap.fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{ width:calc(100% - 16px)!important; padding:24px 58px 18px!important; transform:none!important; } body .fh-popular-after-home .fh-slider-track{grid-template-columns:1fr!important;gap:16px!important;} body .fh-popular-after-home .fh-slider-btn, body .fh-popular-after-home button.fh-slider-btn{ top:56%!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; font-size:38px!important; } body .fh-popular-after-home .fh-slider-btn-prev{left:5px!important;} body .fh-popular-after-home .fh-slider-btn-next{right:5px!important;} } @media(max-width:420px){ body .fh-latest-slider-wrap.fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home{padding-left:50px!important;padding-right:50px!important;} } body .content-column > .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout, body .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout{ position:relative!important; display:block!important; width:min(1220px, calc(100% - 44px))!important; max-width:1220px!important; margin:24px auto 0!important; padding:26px 92px 22px!important; transform:translateX(42px)!important; overflow:visible!important; box-sizing:border-box!important; clear:both!important; } body .fh-group3-locked-layout .fh-slider-head{ display:block!important; width:100%!important; text-align:center!important; margin:0 0 18px!important; padding:0!important; } body .fh-group3-locked-layout .fh-slider-head h2{ display:block!important; text-align:center!important; margin:0!important; padding:0!important; font-size:clamp(22px, 2vw, 30px)!important; line-height:1.2!important; } body .fh-group3-locked-layout .fh-group3-lock-inner{ position:relative!important; display:block!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; } body .fh-group3-locked-layout .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3, minmax(0, 1fr))!important; gap:24px!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; overflow:visible!important; align-items:stretch!important; box-sizing:border-box!important; } body .fh-group3-locked-layout .fh-slider-card:not([hidden]){ display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; float:none!important; transform:none!important; box-sizing:border-box!important; } body .fh-group3-locked-layout .fh-slider-card[hidden]{display:none!important;} body .fh-group3-locked-layout .fh-slider-card .post-thumb, body .fh-group3-locked-layout .fh-slider-card .post-photo{ width:100%!important; } body .fh-group3-locked-layout .fh-slider-btn, body .fh-group3-locked-layout button.fh-slider-btn{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; position:absolute!important; top:56%!important; transform:translateY(-50%)!important; align-items:center!important; justify-content:center!important; width:58px!important; height:58px!important; min-width:58px!important; min-height:58px!important; z-index:50!important; border:1px solid #ffb6d2!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; box-shadow:none!important; font-size:46px!important; font-weight:900!important; line-height:1!important; text-align:center!important; cursor:pointer!important; } body .fh-group3-locked-layout .fh-slider-btn-prev{left:18px!important;right:auto!important;} body .fh-group3-locked-layout .fh-slider-btn-next{right:18px!important;left:auto!important;} body .fh-group3-locked-layout .fh-slider-btn:hover, body .fh-group3-locked-layout .fh-slider-btn:focus-visible{ background:#fff!important; color:#ec2b7a!important; outline:none!important; } body .fh-group3-locked-layout .fh-slider-dots{display:none!important;} @media(max-width:1180px) and (min-width:783px){ body .content-column > .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout, body .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout{ width:calc(100% - 32px)!important; padding-left:82px!important; padding-right:82px!important; transform:translateX(22px)!important; } body .fh-group3-locked-layout .fh-slider-track{grid-template-columns:repeat(2, minmax(0,1fr))!important;} } @media(max-width:782px){ body .content-column > .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout, body .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout{ width:calc(100% - 12px)!important; padding:22px 54px 18px!important; transform:none!important; } body .fh-group3-locked-layout .fh-slider-track{ grid-template-columns:1fr!important; gap:16px!important; } body .fh-group3-locked-layout .fh-slider-btn, body .fh-group3-locked-layout button.fh-slider-btn{ top:58%!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; font-size:38px!important; } body .fh-group3-locked-layout .fh-slider-btn-prev{left:4px!important;} body .fh-group3-locked-layout .fh-slider-btn-next{right:4px!important;} } @media(max-width:420px){ body .content-column > .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout, body .fh-latest-slider-wrap.fh-popular-after-home.fh-group3-locked-layout{ padding-left:48px!important; padding-right:48px!important; } } body .fh-group3-locked-layout .fh-group3-lock-inner{margin-left:60px!important;} body .fh-group3-locked-layout .fh-slider-btn,body .fh-group3-locked-layout button.fh-slider-btn{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;} body .fh-group3-locked-layout .fh-slider-btn:hover,body .fh-group3-locked-layout .fh-slider-btn:focus-visible{background:#fff!important;color:#ec2b7a!important;} .group3-nav button, .slider-nav button, .popular-slider .nav-btn, .popular-slider button{ background:#fff !important; color:#222 !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; border:1px solid #e5e5e5 !important; border-radius:999px !important; width:42px !important; height:42px !important; display:flex !important; align-items:center !important; justify-content:center !important; } .group3-nav button:hover, .slider-nav button:hover, .popular-slider .nav-btn:hover, .popular-slider button:hover{ background:#fff !important; color:#000 !important; } .fh-popular-after-home, .fh-latest-slider-wrap.fh-popular-after-home, .content-column > .fh-popular-after-home, body .content-column > .fh-latest-slider-wrap.fh-popular-after-home { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .fh-brand-icon, .fh-footer-logo{ overflow:hidden!important; padding:0!important; background:#fff!important; border:3px solid rgba(255,255,255,.75)!important; box-shadow:0 12px 28px rgba(0,0,0,.16)!important; } .fh-brand-icon img, .fh-footer-logo img{ width:100%!important; height:100%!important; display:block!important; object-fit:cover!important; } .fh-brand-icon{ width:62px!important; height:62px!important; border-radius:18px!important; flex:0 0 62px!important; } .fh-footer-title{ display:flex!important; align-items:center!important; gap:12px!important; } .fh-footer-logo{ width:58px!important; height:58px!important; border-radius:16px!important; flex:0 0 58px!important; display:inline-flex!important; } @media (max-width:782px){ .fh-brand-icon{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:15px!important;} .fh-footer-title{justify-content:center!important;} } @media (max-width:480px){ .fh-brand-icon{width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:13px!important;} .fh-footer-logo{width:50px!important;height:50px!important;flex-basis:50px!important;} } .fh-brand-icon img, .fh-footer-logo img{ width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid #fff; box-shadow:0 4px 12px rgba(236,72,153,.35); transition:transform .2s ease; } .fh-brand:hover .fh-brand-icon img, .fh-footer-logo img:hover{transform:scale(1.05);} .fh-brand{display:flex;align-items:center;gap:12px;} .fh-footer-logo{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-right:10px;} @media(max-width:768px){ .fh-brand-icon img,.fh-footer-logo img{width:38px;height:38px;} } .fh-brand-icon, .fh-footer-logo{ width:44px!important; height:44px!important; min-width:44px!important; max-width:44px!important; flex:0 0 44px!important; aspect-ratio:1/1!important; border-radius:50%!important; overflow:hidden!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:2px solid rgba(255,255,255,.95)!important; box-shadow:0 8px 22px rgba(236,43,122,.24)!important; } .fh-brand-icon img, .fh-footer-logo img{ width:100%!important; height:100%!important; min-width:100%!important; max-width:100%!important; border:0!important; border-radius:50%!important; object-fit:cover!important; object-position:center!important; display:block!important; box-shadow:none!important; transform:none!important; } .fh-brand:hover .fh-brand-icon img, .fh-footer-logo img:hover{transform:scale(1.04)!important;} .fh-brand{display:flex!important;align-items:center!important;gap:12px!important;} .fh-footer-title{display:flex!important;align-items:center!important;gap:12px!important;} @media(max-width:768px){ .fh-brand-icon, .fh-footer-logo{ width:38px!important; height:38px!important; min-width:38px!important; max-width:38px!important; flex-basis:38px!important; } } .fh-topbar .fh-brand, .fh-footer .fh-footer-title{ display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; } .fh-topbar .fh-brand-icon, .fh-footer .fh-footer-logo{ width:clamp(36px,4.5vw,44px)!important; height:clamp(36px,4.5vw,44px)!important; min-width:clamp(36px,4.5vw,44px)!important; max-width:44px!important; flex:0 0 clamp(36px,4.5vw,44px)!important; aspect-ratio:1/1!important; border-radius:999px!important; overflow:hidden!important; padding:0!important; margin:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:#fff!important; border:2px solid rgba(255,255,255,.96)!important; box-shadow:0 6px 18px rgba(236,43,122,.26)!important; line-height:0!important; } .fh-topbar .fh-brand-icon img, .fh-footer .fh-footer-logo img{ width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; display:block!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:999px!important; box-shadow:none!important; padding:0!important; margin:0!important; } .fh-topbar .fh-brand:hover .fh-brand-icon img, .fh-footer .fh-footer-logo:hover img{ transform:scale(1.04)!important; transition:transform .18s ease!important; } @media (max-width:782px){ .fh-topbar .fh-brand, .fh-footer .fh-footer-title{gap:8px!important;} .fh-footer .fh-footer-title{justify-content:center!important;} } @media (max-width:480px){ .fh-topbar .fh-brand-icon, .fh-footer .fh-footer-logo{ width:36px!important; height:36px!important; min-width:36px!important; flex-basis:36px!important; } } .fh-brand-icon, .fh-footer-logo{ width:52px!important; height:52px!important; min-width:52px!important; min-height:52px!important; flex:0 0 52px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; overflow:hidden!important; border-radius:50%!important; background:#fff!important; border:3px solid rgba(255,255,255,.96)!important; box-shadow:0 10px 24px rgba(0,0,0,.18)!important; } .fh-brand-icon img, .fh-footer-logo img, .fh-brand img, .fh-footer-title img{ width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; min-width:100%!important; min-height:100%!important; display:block!important; border:0!important; border-radius:50%!important; object-fit:cover!important; object-position:center center!important; background:#fff!important; box-shadow:none!important; aspect-ratio:1/1!important; } .fh-brand{ align-items:center!important; gap:14px!important; } .fh-footer-title{ align-items:center!important; gap:14px!important; } @media(max-width:980px){ .fh-brand-icon,.fh-footer-logo{ width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;flex-basis:48px!important; } } @media(max-width:480px){ .fh-brand-icon,.fh-footer-logo{ width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;flex-basis:42px!important;border-width:2px!important; } } html body .fh-topbar .fh-brand-icon, html body .fh-footer .fh-footer-logo{ width:52px!important; height:52px!important; min-width:52px!important; max-width:52px!important; min-height:52px!important; max-height:52px!important; flex:0 0 52px!important; border-radius:50%!important; overflow:hidden!important; padding:0!important; margin:0!important; background:#fff!important; border:3px solid #fff!important; box-shadow:0 8px 22px rgba(0,0,0,.18)!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } html body .fh-topbar .fh-brand-icon img, html body .fh-footer .fh-footer-logo img{ width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; display:block!important; object-fit:cover!important; object-position:center 34%!important; border-radius:50%!important; border:0!important; padding:0!important; margin:0!important; box-shadow:none!important; background:#fff!important; } html body .fh-topbar .fh-brand, html body .fh-footer .fh-footer-title{ display:flex!important; align-items:center!important; gap:12px!important; } @media(max-width:782px){ html body .fh-topbar .fh-brand-icon, html body .fh-footer .fh-footer-logo{ width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;min-height:46px!important;max-height:46px!important;flex-basis:46px!important; } } @media(max-width:480px){ html body .fh-topbar .fh-brand-icon, html body .fh-footer .fh-footer-logo{ width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important;border-width:2px!important; } } .post-section > .section-heading + .home-pagination-top, .post-section > .section-heading + .today-pagination-top { border-top: 1px solid var(--fh-line) !important; border-bottom: 1px solid var(--fh-line) !important; padding: 18px 0 !important; margin: 18px auto 24px !important; } .post-section > .home-pagination-top:first-child, .post-section > .today-pagination-top:first-child { display: none !important; } @media (max-width: 767px) { .post-section > .section-heading + .home-pagination-top, .post-section > .section-heading + .today-pagination-top { margin: 14px auto 20px !important; padding: 14px 0 !important; } } .post-card .fh-auto-card-photo, .fh-slider-card .fh-auto-card-photo{ transition: opacity .36s ease, transform .36s ease !important; will-change: opacity, transform; } .post-card .fh-auto-card-photo.is-switching, .fh-slider-card .fh-auto-card-photo.is-switching{ opacity: .18 !important; transform: translateX(8px) scale(1.015) !important; } .post-card.fh-card-photo-active, .fh-slider-card.fh-card-photo-active{ } .post-card .fh-auto-card-photo.is-switching-left, .fh-slider-card .fh-auto-card-photo.is-switching-left{ transform: translateX(-8px) scale(1.015) !important; } html body.single .content-column{ width:100%!important; max-width:1040px!important; margin:0 auto!important; } html body.single .detail-page{ padding:22px!important; border:1px solid rgba(236,43,122,.16)!important; border-radius:26px!important; background:linear-gradient(180deg,#fff 0%,#fff7fb 100%)!important; box-shadow:0 18px 42px rgba(236,43,122,.10)!important; overflow:hidden!important; } html body.single .detail-page .kicker{ display:inline-flex!important; align-items:center!important; margin:6px 0 8px!important; padding:8px 14px!important; border-radius:999px!important; background:#ffe6f1!important; color:#ec2b7a!important; font-size:12px!important; font-weight:900!important; letter-spacing:.04em!important; } html body.single .detail-page h1{ max-width:920px!important; margin:8px auto 18px!important; color:#211827!important; font-size:clamp(26px,4vw,44px)!important; line-height:1.08!important; letter-spacing:-.04em!important; text-align:center!important; } html body.single .back-to-posts{ margin:0 0 16px!important; padding:10px 15px!important; border-radius:999px!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 8px 20px rgba(236,43,122,.13)!important; text-decoration:none!important; } html body.single .detail-page-photo{ display:block!important; width:100%!important; max-width:760px!important; height:auto!important; max-height:620px!important; margin:18px auto 10px!important; border:0!important; border-radius:22px!important; background:#fff!important; object-fit:cover!important; box-shadow:0 18px 48px rgba(24,18,31,.16)!important; } html body.single .detail-page-body{ max-width:960px!important; margin:24px auto 0!important; } html body.single .detail-page-body > *{ max-width:820px!important; } html body.single .detail-page-body p, html body.single .detail-page-body li{ color:#3a2f3c!important; font-size:17px!important; line-height:1.75!important; } html body.single .detail-page-body figure, html body.single .detail-page-body .wp-block-image, html body.single .detail-page-body p:has(img){ max-width:960px!important; margin:18px auto!important; } html body.single .detail-page-body img{ width:100%!important; max-width:760px!important; height:auto!important; max-height:680px!important; border:0!important; border-radius:20px!important; background:#fff!important; object-fit:cover!important; object-position:center top!important; box-shadow:0 14px 34px rgba(24,18,31,.12)!important; } html body.single .fh-detail-photo-board{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; max-width:960px!important; margin:28px auto 4px!important; padding:14px!important; border-radius:24px!important; background:#211827!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 40px rgba(24,18,31,.16)!important; } html body.single .fh-detail-photo-board img{ width:100%!important; height:260px!important; max-width:none!important; max-height:none!important; margin:0!important; border:0!important; border-radius:18px!important; object-fit:cover!important; object-position:center top!important; box-shadow:none!important; } html body.single .fh-detail-photo-board img:nth-child(3n+1){height:320px!important;} html body.single .fh-detail-photo-board img:nth-child(3n+2){height:230px!important;} html body.single .fh-detail-photo-board img:nth-child(3n+3){height:285px!important;} @media(max-width:900px){ html body.single .detail-page{padding:18px!important;border-radius:22px!important;} html body.single .fh-detail-photo-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:12px!important;} html body.single .fh-detail-photo-board img, html body.single .fh-detail-photo-board img:nth-child(n){height:240px!important;} } @media(max-width:560px){ html body.single .site-layout{padding-left:10px!important;padding-right:10px!important;} html body.single .detail-page{padding:14px!important;border-radius:18px!important;} html body.single .detail-page h1{text-align:left!important;font-size:25px!important;} html body.single .detail-page-photo{border-radius:18px!important;} html body.single .fh-detail-photo-board{grid-template-columns:1fr!important;background:transparent!important;padding:0!important;box-shadow:none!important;} html body.single .fh-detail-photo-board img, html body.single .fh-detail-photo-board img:nth-child(n){height:auto!important;max-height:520px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(24,18,31,.14)!important;} } html body.single .detail-page{ overflow:hidden!important; } html body.single .detail-page-photo{ display:block!important; width:100%!important; max-width:960px!important; aspect-ratio:16/10!important; height:auto!important; max-height:620px!important; margin:18px auto 18px!important; border-radius:24px!important; object-fit:cover!important; object-position:center top!important; } html body.single .detail-page-body{ max-width:1000px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .detail-page-body .fh-detail-row-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ width:100%!important; max-width:1000px!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; align-items:start!important; margin:24px auto!important; padding:14px!important; border-radius:26px!important; background:#211827!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 40px rgba(24,18,31,.16)!important; } html body.single .detail-page-body .fh-detail-row-gallery > *, html body.single .detail-page-body .fh-detail-photo-board > *, html body.single .detail-page-body .wp-block-gallery > *{ width:100%!important; max-width:none!important; margin:0!important; } html body.single .detail-page-body .fh-detail-row-gallery img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img{ width:100%!important; max-width:none!important; height:250px!important; max-height:none!important; margin:0!important; display:block!important; border:0!important; border-radius:18px!important; object-fit:cover!important; object-position:center top!important; box-shadow:none!important; background:#fff!important; } html body.single .detail-page-body .fh-detail-row-gallery > :nth-child(3n+1) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+1){height:300px!important;} html body.single .detail-page-body .fh-detail-row-gallery > :nth-child(3n+2) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+2){height:230px!important;} html body.single .detail-page-body .fh-detail-row-gallery > :nth-child(3n+3) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+3){height:270px!important;} html body.single .detail-page-body img:not(.detail-page-photo):not(.avatar){ cursor:zoom-in!important; } @media(max-width:900px){ html body.single .detail-page-body .fh-detail-row-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; padding:12px!important; } html body.single .detail-page-body .fh-detail-row-gallery img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img, html body.single .detail-page-body .fh-detail-row-gallery > :nth-child(n) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(n){ height:230px!important; } } @media(max-width:560px){ html body.single .detail-page-body .fh-detail-row-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ grid-template-columns:1fr!important; background:transparent!important; padding:0!important; box-shadow:none!important; } html body.single .detail-page-body .fh-detail-row-gallery img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img, html body.single .detail-page-body .fh-detail-row-gallery > :nth-child(n) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(n){ height:auto!important; max-height:520px!important; border-radius:18px!important; box-shadow:0 12px 28px rgba(24,18,31,.14)!important; } } html body.single .detail-page-body .fh-upload-photo-arrow-gallery{ position:relative!important; width:100%!important; max-width:1040px!important; margin:26px auto!important; padding:16px 52px!important; border-radius:28px!important; background:#211827!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 16px 42px rgba(24,18,31,.18)!important; overflow:hidden!important; } html body.single .detail-page-body .fh-upload-photo-track{ display:grid!important; grid-auto-flow:column!important; grid-auto-columns:calc((100% - 28px) / 3)!important; gap:14px!important; overflow-x:auto!important; overscroll-behavior-x:contain!important; scroll-snap-type:x mandatory!important; scroll-behavior:smooth!important; padding:2px!important; scrollbar-width:none!important; } html body.single .detail-page-body .fh-upload-photo-track::-webkit-scrollbar{display:none!important;} html body.single .detail-page-body .fh-upload-photo-item{ width:100%!important; margin:0!important; padding:0!important; scroll-snap-align:start!important; } html body.single .detail-page-body .fh-upload-photo-item img{ width:100%!important; height:300px!important; max-width:none!important; max-height:none!important; display:block!important; margin:0!important; border-radius:20px!important; object-fit:cover!important; object-position:center top!important; background:#fff!important; box-shadow:none!important; } html body.single .detail-page-body .fh-upload-photo-item:nth-child(3n+2) img{height:240px!important;} html body.single .detail-page-body .fh-upload-photo-item:nth-child(3n+3) img{height:270px!important;} html body.single .detail-page-body .fh-upload-photo-arrow{ position:absolute!important; top:50%!important; transform:translateY(-50%)!important; width:42px!important; height:56px!important; z-index:5!important; display:flex!important; align-items:center!important; justify-content:center!important; border:0!important; border-radius:999px!important; background:linear-gradient(135deg,#ff5ca8,#ff8ac4)!important; color:#fff!important; font-size:26px!important; font-weight:900!important; line-height:1!important; cursor:pointer!important; box-shadow:0 10px 24px rgba(255,92,168,.34)!important; } html body.single .detail-page-body .fh-upload-photo-arrow-left{left:8px!important;} html body.single .detail-page-body .fh-upload-photo-arrow-right{right:8px!important;} html body.single .detail-page-body .fh-upload-photo-arrow:active{transform:translateY(-50%) scale(.94)!important;} @media(max-width:900px){ html body.single .detail-page-body .fh-upload-photo-arrow-gallery{padding:14px 48px!important;} html body.single .detail-page-body .fh-upload-photo-track{grid-auto-columns:calc((100% - 12px) / 2)!important;gap:12px!important;} html body.single .detail-page-body .fh-upload-photo-item img, html body.single .detail-page-body .fh-upload-photo-item:nth-child(n) img{height:245px!important;} } @media(max-width:560px){ html body.single .detail-page-body .fh-upload-photo-arrow-gallery{padding:10px 42px!important;background:transparent!important;box-shadow:none!important;margin:18px auto!important;} html body.single .detail-page-body .fh-upload-photo-track{grid-auto-columns:100%!important;gap:12px!important;} html body.single .detail-page-body .fh-upload-photo-item img, html body.single .detail-page-body .fh-upload-photo-item:nth-child(n) img{height:auto!important;max-height:540px!important;border-radius:18px!important;box-shadow:0 12px 28px rgba(24,18,31,.14)!important;} html body.single .detail-page-body .fh-upload-photo-arrow{width:36px!important;height:48px!important;font-size:22px!important;} html body.single .detail-page-body .fh-upload-photo-arrow-left{left:0!important;} html body.single .detail-page-body .fh-upload-photo-arrow-right{right:0!important;} } html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-arrow-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ width:100%!important; max-width:1080px!important; margin:26px auto!important; padding:14px!important; border-radius:26px!important; background:#20232a!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.24)!important; column-count:3!important; column-gap:14px!important; display:block!important; overflow:visible!important; } html body.single .detail-page-body .fh-upload-photo-track{ display:block!important; overflow:visible!important; padding:0!important; scroll-snap-type:none!important; } html body.single .detail-page-body .fh-upload-photo-arrow{ display:none!important; } html body.single .detail-page-body .fh-upload-photo-item, html body.single .detail-page-body .fh-upload-photo-track .fh-upload-photo-item, html body.single .detail-page-body .fh-detail-photo-board > img, html body.single .detail-page-body .wp-block-gallery > *{ display:block!important; width:100%!important; max-width:none!important; margin:0 0 14px!important; padding:0!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; } html body.single .detail-page-body .fh-upload-photo-masonry img, html body.single .detail-page-body .fh-upload-photo-arrow-gallery img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img{ width:100%!important; max-width:none!important; height:auto!important; min-height:180px!important; max-height:none!important; display:block!important; margin:0!important; border:0!important; border-radius:20px!important; object-fit:cover!important; object-position:center top!important; background:#111827!important; box-shadow:none!important; transition:transform .25s ease, filter .25s ease!important; } html body.single .detail-page-body .fh-upload-photo-masonry .fh-upload-photo-item:nth-child(3n+1) img, html body.single .detail-page-body .fh-upload-photo-arrow-gallery .fh-upload-photo-item:nth-child(3n+1) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+1){aspect-ratio:3/4!important;} html body.single .detail-page-body .fh-upload-photo-masonry .fh-upload-photo-item:nth-child(3n+2) img, html body.single .detail-page-body .fh-upload-photo-arrow-gallery .fh-upload-photo-item:nth-child(3n+2) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+2){aspect-ratio:4/3!important;} html body.single .detail-page-body .fh-upload-photo-masonry .fh-upload-photo-item:nth-child(3n+3) img, html body.single .detail-page-body .fh-upload-photo-arrow-gallery .fh-upload-photo-item:nth-child(3n+3) img, html body.single .detail-page-body .fh-detail-photo-board > img:nth-child(3n+3){aspect-ratio:1/1!important;} html body.single .detail-page-body .fh-upload-photo-masonry img:hover, html body.single .detail-page-body .fh-upload-photo-arrow-gallery img:hover, html body.single .detail-page-body .fh-detail-photo-board img:hover, html body.single .detail-page-body .wp-block-gallery img:hover{ transform:scale(1.015)!important; filter:brightness(1.04)!important; } @media(max-width:900px){ html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-arrow-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ column-count:2!important; column-gap:12px!important; padding:12px!important; } } @media(max-width:560px){ html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-arrow-gallery, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ column-count:1!important; background:#20232a!important; padding:10px!important; border-radius:22px!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.18)!important; } html body.single .detail-page-body .fh-upload-photo-item, html body.single .detail-page-body .fh-detail-photo-board > img, html body.single .detail-page-body .wp-block-gallery > *{ margin-bottom:12px!important; } html body.single .detail-page-body .fh-upload-photo-masonry img, html body.single .detail-page-body .fh-upload-photo-arrow-gallery img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img{ border-radius:18px!important; min-height:0!important; } } html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-js-upload-photo-masonry, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{ width:100%!important; max-width:1120px!important; margin:24px auto!important; padding:14px!important; border:0!important; border-radius:24px!important; background:#20232a!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 18px 44px rgba(0,0,0,.22)!important; column-count:3!important; column-gap:14px!important; display:block!important; overflow:visible!important; } html body.single .detail-page-body .fh-upload-photo-masonry figure, html body.single .detail-page-body .fh-js-upload-photo-masonry figure, html body.single .detail-page-body .fh-upload-photo-item, html body.single .detail-page-body .fh-detail-photo-board > img, html body.single .detail-page-body .wp-block-gallery > *{ display:block!important; width:100%!important; max-width:none!important; margin:0 0 14px!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; } html body.single .detail-page-body .fh-upload-photo-masonry img, html body.single .detail-page-body .fh-js-upload-photo-masonry img, html body.single .detail-page-body .fh-detail-photo-board img, html body.single .detail-page-body .wp-block-gallery img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:20px!important; object-fit:cover!important; object-position:center top!important; background:#111827!important; box-shadow:none!important; } html body.single .detail-page-body .fh-js-upload-photo-masonry figure:nth-child(3n+1) img, html body.single .detail-page-body .fh-upload-photo-masonry figure:nth-child(3n+1) img{aspect-ratio:3/4!important;object-fit:cover!important;} html body.single .detail-page-body .fh-js-upload-photo-masonry figure:nth-child(3n+2) img, html body.single .detail-page-body .fh-upload-photo-masonry figure:nth-child(3n+2) img{aspect-ratio:4/3!important;object-fit:cover!important;} html body.single .detail-page-body .fh-js-upload-photo-masonry figure:nth-child(3n+3) img, html body.single .detail-page-body .fh-upload-photo-masonry figure:nth-child(3n+3) img{aspect-ratio:1/1!important;object-fit:cover!important;} html body.single .detail-page-body figure:not(.fh-upload-photo-item), html body.single .detail-page-body .wp-block-image{ border-top:0!important; background:transparent!important; box-shadow:none!important; } @media(max-width:900px){ html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-js-upload-photo-masonry, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{column-count:2!important;column-gap:12px!important;padding:12px!important;} } @media(max-width:560px){ html body.single .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-js-upload-photo-masonry, html body.single .detail-page-body .fh-detail-photo-board, html body.single .detail-page-body .wp-block-gallery{column-count:1!important;padding:10px!important;border-radius:20px!important;} } html body.single .detail-page{ overflow:visible!important; } html body.single .detail-page-body.fh-upload-photo-controlled{ max-width:1120px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board{ width:100%!important; max-width:1120px!important; margin:24px auto!important; padding:14px!important; border-radius:24px!important; background:#20232a!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 18px 44px rgba(0,0,0,.25)!important; column-count:3!important; column-gap:14px!important; display:block!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-upload-photo-pin{ display:block!important; width:100%!important; max-width:none!important; margin:0 0 14px!important; padding:0!important; border:0!important; border-radius:20px!important; overflow:hidden!important; background:#262a33!important; box-shadow:none!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:20px 20px 0 0!important; object-fit:cover!important; object-position:center top!important; background:#111827!important; box-shadow:none!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-1 img, html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-4 img{aspect-ratio:3/4!important;object-fit:cover!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-2 img, html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-5 img{aspect-ratio:4/3!important;object-fit:cover!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-3 img{aspect-ratio:1/1!important;object-fit:cover!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-pin-6 img{aspect-ratio:2/3!important;object-fit:cover!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board figcaption{ display:block!important; padding:8px 2px 2px!important; color:#f5f6fb!important; font-size:14px!important; line-height:1.25!important; background:#20232a!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board figcaption strong, html body.single .detail-page-body .fh-upload-photo-pinterest-board figcaption span{ display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board figcaption span{ color:#aab0bd!important; font-size:13px!important; margin-top:2px!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-upload-photo-pin:hover img{ filter:brightness(1.04)!important; } html body.single .detail-page-body > figure, html body.single .detail-page-body > p:has(img), html body.single .detail-page-body > .wp-block-image{ background:transparent!important; border:0!important; padding:0!important; margin:0!important; box-shadow:none!important; } @media(max-width:900px){ html body.single .detail-page-body .fh-upload-photo-pinterest-board{column-count:2!important;column-gap:12px!important;padding:12px!important;} } @media(max-width:560px){ html body.single .detail-page-body .fh-upload-photo-pinterest-board{column-count:1!important;padding:10px!important;border-radius:20px!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board .fh-upload-photo-pin{margin-bottom:12px!important;border-radius:18px!important;} html body.single .detail-page-body .fh-upload-photo-pinterest-board img{border-radius:18px 18px 0 0!important;} } html body.home .post-section .post-grid.compact, html body .page-section.post-section .post-grid.compact{ display:block!important; width:100%!important; max-width:1120px!important; margin:22px auto 0!important; padding:0!important; column-count:3!important; column-gap:18px!important; grid-template-columns:none!important; align-items:start!important; } html body.home .post-section .post-grid.compact .post-card, html body .page-section.post-section .post-grid.compact .post-card{ display:inline-block!important; width:100%!important; max-width:none!important; margin:0 0 18px!important; padding:0!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; vertical-align:top!important; border-radius:20px!important; overflow:hidden!important; } html body.home .post-section .post-grid.compact .post-thumb, html body .page-section.post-section .post-grid.compact .post-thumb{ display:block!important; height:auto!important; min-height:0!important; } html body.home .post-section .post-grid.compact .post-card img, html body.home .post-section .post-grid.compact .post-card .post-photo, html body .page-section.post-section .post-grid.compact .post-card img, html body .page-section.post-section .post-grid.compact .post-card .post-photo{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; object-fit:cover!important; object-position:center top!important; border-radius:18px 18px 0 0!important; } html body.home .post-section .post-grid.compact .post-card:nth-child(6n+1) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+1) img{aspect-ratio:3/4!important;} html body.home .post-section .post-grid.compact .post-card:nth-child(6n+2) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+2) img{aspect-ratio:4/3!important;} html body.home .post-section .post-grid.compact .post-card:nth-child(6n+3) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+3) img{aspect-ratio:1/1!important;} html body.home .post-section .post-grid.compact .post-card:nth-child(6n+4) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+4) img{aspect-ratio:2/3!important;} html body.home .post-section .post-grid.compact .post-card:nth-child(6n+5) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+5) img{aspect-ratio:5/4!important;} html body.home .post-section .post-grid.compact .post-card:nth-child(6n+6) img, html body .page-section.post-section .post-grid.compact .post-card:nth-child(6n+6) img{aspect-ratio:3/5!important;} html body.home .post-section .post-grid.compact .post-copy, html body .page-section.post-section .post-grid.compact .post-copy{ padding:10px 12px 14px!important; background:transparent!important; } @media(max-width:900px){ html body.home .post-section .post-grid.compact, html body .page-section.post-section .post-grid.compact{column-count:2!important;column-gap:14px!important;} html body.home .post-section .post-grid.compact .post-card, html body .page-section.post-section .post-grid.compact .post-card{margin-bottom:14px!important;} } @media(max-width:560px){ html body.home .post-section .post-grid.compact, html body .page-section.post-section .post-grid.compact{column-count:1!important;column-gap:0!important;} } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled{ display:block!important; width:100%!important; max-width:100%!important; background:transparent!important; border:0!important; padding:0!important; margin:18px auto 0!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{ display:block!important; width:100%!important; max-width:980px!important; margin:14px auto 0!important; padding:0!important; column-count:3!important; column-gap:14px!important; line-height:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin{ display:inline-block!important; width:100%!important; max-width:none!important; margin:0 0 14px!important; padding:0!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; vertical-align:top!important; overflow:hidden!important; border-radius:18px!important; background:transparent!important; border:0!important; box-shadow:none!important; line-height:1.25!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin img, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:center!important; margin:0!important; padding:0!important; border:0!important; border-radius:18px!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption{ display:block!important; padding:7px 2px 2px!important; margin:0!important; background:transparent!important; color:#7b5367!important; font-size:14px!important; line-height:1.2!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption strong{ display:inline!important; color:#765064!important; font-weight:900!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption span{ display:inline!important; color:#9b6480!important; margin-left:4px!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled > figure, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled > .wp-block-image, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled > p:has(img), html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .wp-block-gallery, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .blocks-gallery-grid{ display:block!important; height:auto!important; min-height:0!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-photo{ max-width:980px!important; width:100%!important; height:auto!important; object-fit:contain!important; margin:0 auto 14px!important; } @media(max-width:900px){ html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{column-count:2!important;column-gap:12px!important;max-width:720px!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin{margin-bottom:12px!important;} } @media(max-width:560px){ html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{column-count:1!important;column-gap:0!important;max-width:100%!important;} } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled{ display:block!important; width:100%!important; max-width:100%!important; padding:0!important; margin:18px auto 0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{ display:block!important; width:100%!important; max-width:1040px!important; margin:18px auto 0!important; padding:10px!important; column-count:3!important; column-gap:14px!important; line-height:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin{ display:inline-block!important; width:100%!important; margin:0 0 14px!important; padding:7px!important; vertical-align:top!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; border-radius:22px!important; overflow:hidden!important; background:linear-gradient(180deg,#fff,#fff6fb)!important; border:1px solid rgba(236,43,122,.16)!important; box-shadow:0 10px 28px rgba(236,43,122,.12)!important; line-height:1.25!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin img, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:18px!important; object-fit:cover!important; object-position:center top!important; background:#ffe6f1!important; box-shadow:none!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-1 img{aspect-ratio:3/4!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-2 img{aspect-ratio:4/5!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-3 img{aspect-ratio:1/1!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-4 img{aspect-ratio:5/4!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-5 img{aspect-ratio:2/3!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-pin-6 img{aspect-ratio:4/3!important;} html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption{ display:block!important; padding:8px 4px 2px!important; margin:0!important; background:transparent!important; color:#7b5367!important; font-size:13px!important; line-height:1.25!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption strong, html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption span{ display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption strong{ color:#6f4257!important; font-weight:900!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board figcaption span{ color:#a56b88!important; font-size:12px!important; margin-top:2px!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin:hover{ transform:translateY(-2px)!important; box-shadow:0 14px 34px rgba(236,43,122,.16)!important; } @media(max-width:900px){ html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{ max-width:720px!important; column-count:2!important; column-gap:12px!important; padding:8px!important; } html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board .fh-upload-photo-pin{ margin-bottom:12px!important; } } @media(max-width:560px){ html body.single .content-column .detail-page .detail-page-body.fh-upload-photo-controlled .fh-upload-photo-pinterest-board{ max-width:100%!important; column-count:1!important; column-gap:0!important; padding:4px!important; } } body.single-post main.site-layout, body.single-post main.fh-public-detail-layout{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:14px 12px 40px!important; background:#fff3f9!important; } body.single-post .site-layout .ad-rail, body.single-post main.fh-public-detail-layout .ad-rail{ display:none!important; } body.single-post .content-column, body.single-post .detail-page, body.single-post article.detail-page{ width:100%!important; max-width:1320px!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } body.single-post .detail-page .back-to-posts, body.single-post .detail-page .kicker, body.single-post .detail-page > h1{ max-width:1320px!important; margin-left:auto!important; margin-right:auto!important; } body.single-post .fh-upload-photo-masonry, body.single-post .fh-upload-photo-pinterest-board{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; width:100%!important; max-width:1320px!important; margin:12px auto 0!important; padding:0!important; column-count:unset!important; column-gap:unset!important; background:transparent!important; } body.single-post .fh-upload-photo-item, body.single-post .fh-upload-photo-pin, body.single-post .wp-block-image, body.single-post .detail-page-body > figure{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:16px!important; background:#1f2026!important; break-inside:auto!important; box-shadow:none!important; } body.single-post .fh-upload-photo-item img, body.single-post .fh-upload-photo-pin img, body.single-post .wp-block-image img, body.single-post .detail-page-body > figure img, body.single-post .detail-page-body img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:16px!important; object-fit:cover!important; } body.single-post .fh-upload-photo-pin figcaption{ display:block!important; padding:8px 10px 10px!important; margin:0!important; background:#1f2026!important; color:#bfc1c8!important; } body.single-post .detail-page-body.fh-upload-photo-controlled{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; width:100%!important; max-width:1320px!important; margin:12px auto 0!important; padding:0!important; } body.single-post .detail-page-body.fh-upload-photo-controlled > :not(p):not(figure):not(div), body.single-post .detail-page-body.fh-upload-photo-controlled > p:not(:has(img)){ grid-column:1/-1!important; } body.single-post .detail-page-body.fh-upload-photo-controlled > p:has(img){ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:16px!important; background:#1f2026!important; } body.single-post .detail-page-body.fh-upload-photo-controlled > p:has(img) img{ width:100%!important; height:auto!important; max-width:none!important; border-radius:16px!important; } body.single-post .detail-page-body.fh-upload-photo-controlled > .fh-upload-photo-masonry, body.single-post .detail-page-body.fh-upload-photo-controlled > .fh-upload-photo-pinterest-board{ grid-column:1/-1!important; } @media(max-width:1100px){ body.single-post .fh-upload-photo-masonry, body.single-post .fh-upload-photo-pinterest-board, body.single-post .detail-page-body.fh-upload-photo-controlled{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:700px){ body.single-post main.site-layout, body.single-post main.fh-public-detail-layout{padding:10px!important;} body.single-post .fh-upload-photo-masonry, body.single-post .fh-upload-photo-pinterest-board, body.single-post .detail-page-body.fh-upload-photo-controlled{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } } @media(max-width:420px){ body.single-post .fh-upload-photo-masonry, body.single-post .fh-upload-photo-pinterest-board, body.single-post .detail-page-body.fh-upload-photo-controlled{ grid-template-columns:1fr!important; } } body.single .fh-public-detail-layout, body.single-post .fh-public-detail-layout, body.single main.site-layout.fh-public-detail-layout, body.single-post main.site-layout.fh-public-detail-layout{ display:block!important; width:100vw!important; max-width:none!important; margin:0!important; padding:0 1px 30px!important; box-sizing:border-box!important; background:#fff3f9!important; overflow-x:hidden!important; } body.single .fh-public-detail-layout .ad-rail, body.single-post .fh-public-detail-layout .ad-rail{ display:none!important; } body.single .fh-public-detail-layout .content-column, body.single-post .fh-public-detail-layout .content-column, body.single .fh-public-detail-layout article.detail-page, body.single-post .fh-public-detail-layout article.detail-page{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:transparent!important; box-sizing:border-box!important; } body.single .fh-public-detail-layout .back-to-posts, body.single .fh-public-detail-layout .kicker, body.single .fh-public-detail-layout article.detail-page > h1, body.single-post .fh-public-detail-layout .back-to-posts, body.single-post .fh-public-detail-layout .kicker, body.single-post .fh-public-detail-layout article.detail-page > h1{ margin-left:8px!important; margin-right:8px!important; max-width:none!important; } body.single .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled, body.single-post .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; box-sizing:border-box!important; background:transparent!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:1px!important; column-count:unset!important; column-gap:unset!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; align-items:start!important; justify-content:stretch!important; background:transparent!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin, body.single .fh-public-detail-layout .fh-upload-photo-masonry .fh-upload-photo-item, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry .fh-upload-photo-item{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:hidden!important; background:#202126!important; break-inside:avoid!important; box-sizing:border-box!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board img, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board img, body.single .fh-public-detail-layout .fh-upload-photo-masonry img, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry img{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:cover!important; aspect-ratio:auto!important; box-sizing:border-box!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption{ display:block!important; margin:0!important; padding:5px 6px 6px!important; background:#202126!important; color:#d5d5d5!important; font-size:13px!important; line-height:1.15!important; border-radius:0!important; box-sizing:border-box!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption strong, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption strong{ color:#fff!important; font-weight:800!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption span, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption span{ color:#c9c9c9!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:1100px){ body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:700px){ body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:430px){ body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } body.single-post .fh-public-detail-layout, body.single .fh-public-detail-layout{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; background:#fff5fa!important; } body.single-post .fh-public-detail-layout .ad-rail, body.single .fh-public-detail-layout .ad-rail, body.single-post .fh-public-detail-layout .back-to-posts, body.single .fh-public-detail-layout .back-to-posts, body.single-post .fh-public-detail-layout .kicker, body.single .fh-public-detail-layout .kicker, body.single-post .fh-public-detail-layout article.detail-page > h1, body.single .fh-public-detail-layout article.detail-page > h1, body.single-post .fh-public-detail-layout article.detail-page > h2, body.single .fh-public-detail-layout article.detail-page > h2{ display:none!important; } body.single-post .fh-public-detail-layout .content-column, body.single .fh-public-detail-layout .content-column, body.single-post .fh-public-detail-layout article.detail-page, body.single .fh-public-detail-layout article.detail-page, body.single-post .fh-public-detail-layout .detail-page-body, body.single .fh-public-detail-layout .detail-page-body{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; background:transparent!important; box-sizing:border-box!important; } body.single-post .fh-public-detail-layout .detail-page-body > *, body.single .fh-public-detail-layout .detail-page-body > *{ max-width:none!important; } body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:1px!important; width:100%!important; max-width:none!important; margin:0!important; padding:1px!important; box-sizing:border-box!important; align-items:start!important; justify-content:stretch!important; background:#fff5fa!important; } body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; background:transparent!important; box-shadow:none!important; box-sizing:border-box!important; } body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board img, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board img{ display:block!important; width:100%!important; max-width:none!important; min-width:0!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-shadow:none!important; object-fit:cover!important; aspect-ratio:auto!important; } body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board figcaption, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board strong, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board strong, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board span, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board span{ display:none!important; } @media(max-width:1024px){ body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media(max-width:700px){ body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:2px!important; width:100%!important; max-width:none!important; margin:0!important; padding:2px!important; box-sizing:border-box!important; column-count:auto!important; column-gap:0!important; background:#fff5fa!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board .fh-upload-photo-pin, body.single .fh-public-detail-layout .fh-upload-photo-masonry .fh-upload-photo-item, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry .fh-upload-photo-item{ display:block!important; width:100%!important; aspect-ratio:3/4!important; margin:0!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; break-inside:auto!important; } body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board img, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board img, body.single .fh-public-detail-layout .fh-upload-photo-masonry img, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry img{ display:block!important; width:100%!important; max-width:none!important; height:100%!important; max-height:none!important; aspect-ratio:3/4!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:cover!important; object-position:center top!important; box-shadow:none!important; } @media(max-width:1024px){ body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } @media(max-width:700px){ body.single .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single-post .fh-public-detail-layout .fh-upload-photo-pinterest-board, body.single .fh-public-detail-layout .fh-upload-photo-masonry, body.single-post .fh-public-detail-layout .fh-upload-photo-masonry{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } .fh-latest-slider-wrap.fh-popular-after-home{ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; overflow:visible!important; clear:both!important; order:50!important; } .fh-latest-slider-wrap.fh-popular-after-home[hidden]{display:block!important;} .fh-latest-slider-wrap.fh-popular-after-home .fh-slider-track{display:grid!important;} .fh-latest-slider-wrap.fh-popular-after-home .fh-slider-card[hidden]{display:none!important;} .fh-latest-slider-wrap.fh-popular-after-home .fh-slider-btn{display:grid!important;} .fh-nav-actions > .fh-upload-btn{display:none!important;} .fh-nav-actions > .fh-search-round.search-button, body .fh-nav-actions > .fh-search-round.search-button{ position:relative!important; width:64px!important; height:64px!important; min-height:64px!important; padding:0!important; border:2px solid rgba(255,255,255,.82)!important; border-radius:999px!important; background:rgba(255,255,255,.13)!important; color:#fff!important; display:grid!important; place-items:center!important; font-size:0!important; line-height:1!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 22px rgba(190,24,93,.12)!important; cursor:pointer!important; transform:none!important; transition:background .18s ease, transform .18s ease, box-shadow .18s ease!important; } .fh-nav-actions > .fh-search-round.search-button::before, body .fh-nav-actions > .fh-search-round.search-button::before{ content:""!important; position:absolute!important; left:18px!important; top:16px!important; width:20px!important; height:20px!important; border:4px solid #fff!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; } .fh-nav-actions > .fh-search-round.search-button::after, body .fh-nav-actions > .fh-search-round.search-button::after{ content:""!important; position:absolute!important; left:37px!important; top:38px!important; width:16px!important; height:4px!important; border-radius:999px!important; background:#fff!important; transform:rotate(45deg)!important; box-shadow:none!important; } .fh-nav-actions > .fh-search-round.search-button:hover, .fh-nav-actions > .fh-search-round.search-button:focus-visible, .fh-nav-actions > .fh-search-round.search-button[aria-expanded="true"], body .fh-nav-actions > .fh-search-round.search-button:hover, body .fh-nav-actions > .fh-search-round.search-button:focus-visible, body .fh-nav-actions > .fh-search-round.search-button[aria-expanded="true"]{ background:rgba(255,255,255,.22)!important; transform:translateY(-1px)!important; outline:0!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 12px 26px rgba(190,24,93,.18)!important; } .fh-nav-actions > .fh-search-round.search-button:active, body .fh-nav-actions > .fh-search-round.search-button:active{ transform:translateY(1px) scale(.98)!important; } @media(max-width:782px){ .fh-nav-actions > .fh-search-round.search-button, body .fh-nav-actions > .fh-search-round.search-button{ width:52px!important; height:52px!important; min-height:52px!important; } .fh-nav-actions > .fh-search-round.search-button::before, body .fh-nav-actions > .fh-search-round.search-button::before{ left:14px!important; top:13px!important; width:16px!important; height:16px!important; border-width:3px!important; } .fh-nav-actions > .fh-search-round.search-button::after, body .fh-nav-actions > .fh-search-round.search-button::after{ left:30px!important; top:31px!important; width:13px!important; height:3px!important; } } @media(max-width:480px){ .fh-nav-actions > .fh-search-round.search-button, body .fh-nav-actions > .fh-search-round.search-button{ width:48px!important; height:48px!important; min-height:48px!important; } .fh-nav-actions > .fh-search-round.search-button::before, body .fh-nav-actions > .fh-search-round.search-button::before{ left:13px!important; top:12px!important; width:15px!important; height:15px!important; } .fh-nav-actions > .fh-search-round.search-button::after, body .fh-nav-actions > .fh-search-round.search-button::after{ left:28px!important; top:29px!important; width:12px!important; } } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button{ position:relative!important; width:68px!important; height:68px!important; min-width:68px!important; min-height:68px!important; padding:0!important; margin:0!important; border:2px solid rgba(255,255,255,.88)!important; border-radius:50%!important; background:linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.08))!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:0!important; line-height:0!important; text-indent:-9999px!important; overflow:hidden!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 8px 20px rgba(190,24,93,.14)!important; transform:none!important; } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; text-indent:0!important; } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:18px!important; top:17px!important; width:22px!important; height:22px!important; border:5px solid #fff!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; transform:none!important; } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:39px!important; top:40px!important; width:18px!important; height:5px!important; border:0!important; border-radius:999px!important; background:#fff!important; box-shadow:none!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button[aria-expanded="true"]{ background:linear-gradient(145deg, rgba(255,255,255,.28), rgba(255,255,255,.12))!important; outline:0!important; transform:translateY(-1px)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.34), 0 10px 24px rgba(190,24,93,.18)!important; } html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button:active{transform:translateY(1px) scale(.98)!important;} @media(max-width:782px){ html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button{width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;} html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::before{left:16px!important;top:15px!important;width:20px!important;height:20px!important;border-width:4px!important;} html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::after{left:35px!important;top:36px!important;width:16px!important;height:4px!important;} } @media(max-width:480px){ html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;} html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::before{left:15px!important;top:14px!important;width:18px!important;height:18px!important;border-width:4px!important;} html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > .fh-search-round.search-button .fh-search-icon::after{left:33px!important;top:34px!important;width:15px!important;height:4px!important;} } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; width:60px!important; height:60px!important; min-width:60px!important; min-height:60px!important; padding:0!important; margin:0!important; border:1.8px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:rgba(255,255,255,.12)!important; color:#fff!important; display:inline-grid!important; place-items:center!important; font-size:0!important; line-height:0!important; text-indent:0!important; overflow:hidden!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(190,24,93,.10)!important; transform:none!important; transition:background .18s ease, transform .18s ease, box-shadow .18s ease!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ content:none!important; display:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ position:absolute!important; left:50%!important; top:50%!important; width:30px!important; height:30px!important; margin:0!important; transform:translate(-50%,-50%)!important; display:block!important; text-indent:0!important; overflow:visible!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:2px!important; top:1px!important; width:17px!important; height:17px!important; border:4px solid #fff!important; border-radius:50%!important; background:transparent!important; box-shadow:none!important; transform:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:19px!important; top:21px!important; width:14px!important; height:4px!important; border:0!important; border-radius:999px!important; background:#fff!important; box-shadow:none!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"]{ background:rgba(255,255,255,.20)!important; outline:0!important; transform:translateY(-1px)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.30), 0 10px 22px rgba(190,24,93,.16)!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:active{transform:translateY(1px) scale(.98)!important;} @media(max-width:782px){ html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;} html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{width:26px!important;height:26px!important;} html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{left:2px!important;top:1px!important;width:15px!important;height:15px!important;border-width:3.5px!important;} html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{left:17px!important;top:19px!important;width:12px!important;height:3.5px!important;} } @media(max-width:480px){ html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;} } .fh-nav-wrap{position:relative!important;} .fh-search-round.search-button{ position:absolute!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important; width:70px!important; height:70px!important; min-height:70px!important; border-radius:50%!important; border:2px solid rgba(255,255,255,.95)!important; background:rgba(255,255,255,.08)!important; box-shadow:none!important; display:grid!important; place-items:center!important; padding:0!important; z-index:20!important; } .fh-search-round.search-button:hover, .fh-search-round.search-button:focus-visible, .fh-search-round.search-button[aria-expanded="true"]{ background:rgba(255,255,255,.14)!important; border-color:#fff!important; } .fh-search-round.search-button .fh-search-icon, .fh-search-round.search-button::before{ width:23px!important; height:23px!important; border:5px solid #fff!important; border-radius:50%!important; background:transparent!important; display:block!important; position:relative!important; inset:auto!important; content:""!important; margin:0!important; box-sizing:border-box!important; transform:none!important; } .fh-search-round.search-button .fh-search-icon::after, .fh-search-round.search-button::after{ content:""!important; position:absolute!important; width:19px!important; height:5px!important; background:#fff!important; border-radius:999px!important; right:-15px!important; bottom:-10px!important; transform:rotate(45deg)!important; border:0!important; box-shadow:none!important; } @media(max-width:782px){ .fh-search-round.search-button{position:static!important;transform:none!important;width:54px!important;height:54px!important;min-height:54px!important;} } .fh-search-round.search-button, .search-button, .header-search{ background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; width:90px !important; height:90px !important; } .fh-search-round.search-button svg, .fh-search-round.search-button i, .search-button svg, .search-button i, .header-search svg, .header-search i{ transform:scale(1.8) !important; } @media (max-width: 782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:10px!important; padding:12px 14px!important; min-height:auto!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ flex:1 1 auto!important; min-width:0!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ display:flex!important; visibility:visible!important; opacity:1!important; order:3!important; flex:0 0 100%!important; width:100%!important; margin:6px 0 0!important; padding:6px!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; gap:6px!important; background:rgba(255,255,255,.12)!important; border-radius:14px!important; overflow-x:auto!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ flex:0 0 auto!important; width:auto!important; min-height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:9px 12px!important; font-size:14px!important; line-height:1!important; border-radius:10px!important; white-space:nowrap!important; } html body header.fh-topbar .fh-nav-link:after, html body .fh-topbar .fh-nav-link:after{ display:none!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ order:2!important; flex:0 0 auto!important; width:auto!important; margin-left:auto!important; display:flex!important; align-items:center!important; overflow:visible!important; padding:0!important; } html body header.fh-topbar .fh-search-round.search-button, html body .fh-topbar .fh-search-round.search-button{ position:static!important; transform:none!important; width:66px!important; height:66px!important; min-width:66px!important; min-height:66px!important; background:transparent!important; border:none!important; border-radius:0!important; box-shadow:none!important; padding:0!important; } } @media (max-width: 480px){ html body header.fh-topbar .fh-brand-text, html body .fh-topbar .fh-brand-text{font-size:20px!important;} html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{width:42px!important;height:42px!important;} html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{font-size:13px!important;padding:8px 9px!important;} html body header.fh-topbar .fh-search-round.search-button, html body .fh-topbar .fh-search-round.search-button{width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;} } @media (max-width: 782px){ .fh-topbar .fh-nav-wrap{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; } .fh-topbar .fh-menu-toggle{ display:none!important; } .fh-topbar .fh-main-menu{ display:flex!important; order:3!important; width:100%!important; margin:10px 0 0!important; padding:8px 4px 0!important; flex-direction:row!important; flex-wrap:wrap!important; justify-content:center!important; align-items:center!important; gap:8px!important; background:transparent!important; border-radius:0!important; } .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:36px!important; padding:8px 10px!important; font-size:13px!important; line-height:1!important; color:#fff!important; background:rgba(255,255,255,.16)!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:999px!important; text-shadow:none!important; } .fh-topbar .fh-nav-link span{ font-size:14px!important; margin-right:4px!important; } .fh-topbar .fh-nav-actions{ order:2!important; width:auto!important; margin-left:auto!important; justify-content:flex-end!important; overflow:visible!important; } .fh-topbar .fh-search-round.search-button{ width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; border-radius:0!important; border:0!important; background:transparent!important; box-shadow:none!important; } .fh-topbar .fh-search-round.search-button::before{ left:13px!important; top:13px!important; width:20px!important; height:20px!important; border-width:4px!important; } .fh-topbar .fh-search-round.search-button::after{ left:34px!important; top:38px!important; width:18px!important; height:4px!important; } } @media (max-width: 480px){ .fh-topbar .fh-brand{font-size:24px!important;} .fh-topbar .fh-main-menu{gap:6px!important;} .fh-topbar .fh-nav-link{font-size:12px!important;padding:8px 9px!important;} } .fh-search-round.search-button, body .fh-search-round.search-button{ position:relative!important; display:grid!important; place-items:center!important; width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; padding:0!important; border-radius:50%!important; cursor:pointer!important; pointer-events:auto!important; z-index:1002!important; -webkit-tap-highlight-color:transparent!important; } .fh-search-round.search-button > *, body .fh-search-round.search-button > *{ pointer-events:none!important; } .fh-search-round.search-button::before, body .fh-search-round.search-button::before{ content:""!important; position:absolute!important; left:18px!important; top:17px!important; width:19px!important; height:19px!important; border:4px solid currentColor!important; border-radius:50%!important; background:transparent!important; } .fh-search-round.search-button::after, body .fh-search-round.search-button::after{ content:""!important; position:absolute!important; left:38px!important; top:40px!important; width:17px!important; height:4px!important; border-radius:4px!important; background:currentColor!important; transform:rotate(45deg)!important; } .fh-search-round.search-button:hover, .fh-search-round.search-button:focus-visible, .fh-search-round.search-button[aria-expanded="true"]{ background:rgba(255,255,255,.24)!important; outline:0!important; } .fh-search-panel.search-panel, body .fh-search-panel.search-panel{ z-index:1001!important; } @media(max-width:782px){ .fh-search-round.search-button, body .fh-search-round.search-button{ width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; } .fh-search-round.search-button::before, body .fh-search-round.search-button::before{ left:13px!important; top:12px!important; width:15px!important; height:15px!important; border-width:3px!important; } .fh-search-round.search-button::after, body .fh-search-round.search-button::after{ left:29px!important; top:31px!important; width:13px!important; height:3px!important; } } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:64px!important; height:64px!important; min-width:64px!important; min-height:64px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0 32px 32px 0!important; background:#4b4f57!important; color:#bfc2c7!important; box-shadow:none!important; display:grid!important; place-items:center!important; position:relative!important; cursor:pointer!important; overflow:hidden!important; pointer-events:auto!important; z-index:1002!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button > *{ pointer-events:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before{ content:""!important; position:absolute!important; left:22px!important; top:20px!important; width:14px!important; height:14px!important; border:3px solid #bfc2c7!important; border-radius:50%!important; background:transparent!important; box-sizing:border-box!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ content:""!important; position:absolute!important; left:36px!important; top:36px!important; width:13px!important; height:3px!important; border-radius:3px!important; background:#bfc2c7!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ display:none!important; content:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"]{ background:#4b4f57!important; color:#bfc2c7!important; outline:0!important; box-shadow:none!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:active{ transform:none!important; } @media(max-width:782px){ html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:56px!important; height:56px!important; min-width:56px!important; min-height:56px!important; border-radius:0 28px 28px 0!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before{ left:19px!important; top:18px!important; width:13px!important; height:13px!important; border-width:3px!important; } html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ left:32px!important; top:33px!important; width:12px!important; height:3px!important; } } .fh-topbar .fh-main-menu{flex-wrap:nowrap!important;} .fh-topbar .fh-nav-link{white-space:nowrap!important;} .fh-topbar .fh-nav-link.is-active{color:#fff!important;} @media(max-width:782px){ .fh-topbar .fh-main-menu{flex-wrap:wrap!important;} } .fh-header-group5-wrap{ width:100%!important; max-width:1180px!important; margin:18px auto 0!important; padding:0 18px!important; box-sizing:border-box!important; clear:both!important; } .fh-header-group5-wrap .fh-popular-videos-after-header{ margin:0 auto 18px!important; width:100%!important; } @media(max-width:782px){ .fh-header-group5-wrap{ margin-top:12px!important; padding:0 12px!important; } } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid, html body.single .detail-page-body .fh-upload-photo-grid, html body.single-post .detail-page-body .fh-upload-photo-grid, html body.single .detail-page-body .fh-upload-photo-masonry, html body.single-post .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-pinterest-board, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important; gap:18px!important; width:100%!important; max-width:none!important; column-count:auto!important; column-gap:normal!important; margin:24px 0 0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card, html body.single .detail-page-body .fh-upload-photo-card, html body.single-post .detail-page-body .fh-upload-photo-card, html body.single .detail-page-body .fh-upload-photo-item, html body.single-post .detail-page-body .fh-upload-photo-item, html body.single .detail-page-body .fh-upload-photo-pin, html body.single-post .detail-page-body .fh-upload-photo-pin{ display:flex!important; flex-direction:column!important; break-inside:auto!important; margin:0!important; padding:0!important; width:100%!important; max-width:none!important; background:#fff!important; border:1px solid var(--fh-line)!important; border-radius:14px!important; overflow:hidden!important; box-shadow:var(--fh-shadow)!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb, html body.single .detail-page-body .fh-upload-photo-card .post-thumb, html body.single-post .detail-page-body .fh-upload-photo-card .post-thumb, html body.single .detail-page-body .fh-upload-photo-item, html body.single-post .detail-page-body .fh-upload-photo-item, html body.single .detail-page-body .fh-upload-photo-pin, html body.single-post .detail-page-body .fh-upload-photo-pin{ min-height:100%!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img, html body.single .detail-page-body .fh-upload-photo-card img, html body.single-post .detail-page-body .fh-upload-photo-card img, html body.single .detail-page-body .fh-upload-photo-masonry img, html body.single-post .detail-page-body .fh-upload-photo-masonry img, html body.single .detail-page-body .fh-upload-photo-pinterest-board img, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board img{ display:block!important; width:100%!important; height:220px!important; max-height:none!important; aspect-ratio:auto!important; object-fit:cover!important; border-radius:0!important; box-shadow:none!important; transform:none!important; } html body.single .detail-page-body .fh-upload-photo-pinterest-board figcaption, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board figcaption{ display:none!important; } html body.single .detail-page-body .fh-detail-upload-card .post-copy, html body.single-post .detail-page-body .fh-detail-upload-card .post-copy{ display:block!important; } @media(max-width:980px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid, html body.single .detail-page-body .fh-upload-photo-grid, html body.single-post .detail-page-body .fh-upload-photo-grid, html body.single .detail-page-body .fh-upload-photo-masonry, html body.single-post .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-pinterest-board, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:680px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid, html body.single .detail-page-body .fh-upload-photo-grid, html body.single-post .detail-page-body .fh-upload-photo-grid, html body.single .detail-page-body .fh-upload-photo-masonry, html body.single-post .detail-page-body .fh-upload-photo-masonry, html body.single .detail-page-body .fh-upload-photo-pinterest-board, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board{ grid-template-columns:1fr!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img, html body.single .detail-page-body .fh-upload-photo-card img, html body.single-post .detail-page-body .fh-upload-photo-card img, html body.single .detail-page-body .fh-upload-photo-masonry img, html body.single-post .detail-page-body .fh-upload-photo-masonry img, html body.single .detail-page-body .fh-upload-photo-pinterest-board img, html body.single-post .detail-page-body .fh-upload-photo-pinterest-board img{ height:210px!important; } } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; color:#fff!important; font-weight:900!important; text-transform:uppercase!important; text-decoration:none!important; letter-spacing:0!important; } html body header.fh-topbar .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-nav-link .fh-menu-icon{ display:inline-grid!important; place-items:center!important; width:21px!important; height:21px!important; min-width:21px!important; margin:0!important; color:#fff!important; } html body header.fh-topbar .fh-nav-link .fh-menu-icon svg, html body .fh-topbar .fh-nav-link .fh-menu-icon svg{ display:block!important; width:21px!important; height:21px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-link[data-page-link="videos"] .fh-menu-icon svg path:last-child, html body .fh-topbar .fh-nav-link[data-page-link="videos"] .fh-menu-icon svg path:last-child{ fill:currentColor!important; stroke:none!important; } html body header.fh-topbar .fh-nav-link.is-active::after, html body header.fh-topbar .fh-nav-link:hover::after, html body header.fh-topbar .fh-nav-link:focus-visible::after, html body .fh-topbar .fh-nav-link.is-active::after, html body .fh-topbar .fh-nav-link:hover::after, html body .fh-topbar .fh-nav-link:focus-visible::after{ content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:7px!important; height:5px!important; border-radius:999px!important; background:#fff!important; display:block!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:auto!important; min-width:0!important; height:58px!important; min-height:58px!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:16px!important; overflow:visible!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ display:inline-block!important; position:relative!important; width:34px!important; height:34px!important; min-width:34px!important; color:#fff!important; pointer-events:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:2px!important; top:1px!important; width:20px!important; height:20px!important; border:5px solid currentColor!important; border-radius:50%!important; box-sizing:border-box!important; background:transparent!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:22px!important; top:23px!important; width:16px!important; height:5px!important; border-radius:999px!important; background:currentColor!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ display:inline-block!important; color:#fff!important; font-size:26px!important; font-weight:800!important; letter-spacing:-.01em!important; line-height:1!important; pointer-events:none!important; } @media(max-width:782px){ html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ justify-content:flex-start!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ height:46px!important; min-height:46px!important; gap:10px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ font-size:20px!important; } } html body .fh-backtop{ position:fixed!important; right:28px!important; bottom:26px!important; width:62px!important; height:62px!important; min-width:62px!important; min-height:62px!important; padding:0!important; border-radius:50%!important; border:3px solid var(--fh-pink)!important; background:#fff!important; color:var(--fh-pink)!important; box-shadow:0 16px 34px rgba(236,43,122,.18)!important; display:grid!important; place-items:center!important; font-size:34px!important; font-weight:400!important; line-height:1!important; z-index:1200!important; } html body .fh-backtop:hover, html body .fh-backtop:focus-visible{ background:#fff!important; color:var(--fh-pink)!important; outline:0!important; transform:translateY(-2px)!important; } @media(max-width:782px){ html body .fh-backtop{ width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; right:14px!important; bottom:14px!important; font-size:30px!important; } } html body .fh-header-group5-wrap, html body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, html body #popular, html body #popular-videos{ margin-left:auto!important; margin-right:auto!important; } html body .fh-header-group5-wrap .fh-latest-slider-wrap, html body #popular, html body #popular-videos{ text-align:center!important; } html body #popular .fh-slider-head, html body #popular-videos .fh-slider-head{ margin-left:auto!important; margin-right:auto!important; text-align:center!important; } html body #popular .fh-slider-track, html body #popular-videos .fh-slider-track{ margin-left:auto!important; margin-right:auto!important; justify-content:center!important; justify-items:center!important; } html body #popular .fh-slider-card, html body #popular-videos .fh-slider-card{ margin-left:auto!important; margin-right:auto!important; } @media(min-width:981px){ html body .fh-header-group5-wrap, html body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, html body #popular, html body #popular-videos{ position:relative!important; left:-24px!important; } } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:#fff!important; box-shadow:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:16px!important; transform:none!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ display:inline-block!important; position:relative!important; width:38px!important; height:38px!important; min-width:38px!important; color:#fff!important; pointer-events:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before{ content:""!important; position:absolute!important; left:3px!important; top:3px!important; width:22px!important; height:22px!important; border:5px solid currentColor!important; border-radius:50%!important; box-sizing:border-box!important; background:transparent!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ content:""!important; position:absolute!important; left:25px!important; top:26px!important; width:17px!important; height:5px!important; border-radius:999px!important; background:currentColor!important; transform:rotate(45deg)!important; transform-origin:left center!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ display:inline-block!important; color:#fff!important; font-size:26px!important; font-weight:800!important; letter-spacing:0!important; line-height:1!important; pointer-events:none!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ display:block!important; columns:4 210px!important; column-gap:14px!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card{ display:inline-block!important; width:100%!important; margin:0 0 14px!important; padding:0!important; break-inside:avoid!important; page-break-inside:avoid!important; border:0!important; border-radius:16px!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:auto!important; border:0!important; border-radius:16px!important; background:transparent!important; overflow:hidden!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; object-fit:contain!important; border-radius:16px!important; } html body.single .detail-page-body .fh-detail-upload-card .post-copy, html body.single-post .detail-page-body .fh-detail-upload-card .post-copy, html body.single .detail-page-body .fh-detail-upload-card h1, html body.single .detail-page-body .fh-detail-upload-card h2, html body.single .detail-page-body .fh-detail-upload-card h3, html body.single .detail-page-body .fh-detail-upload-card p, html body.single-post .detail-page-body .fh-detail-upload-card h1, html body.single-post .detail-page-body .fh-detail-upload-card h2, html body.single-post .detail-page-body .fh-detail-upload-card h3, html body.single-post .detail-page-body .fh-detail-upload-card p{ display:none!important; } @media(max-width:980px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ columns:3 180px!important; } } @media(max-width:680px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ columns:2 150px!important; column-gap:10px!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card{ margin-bottom:10px!important; border-radius:12px!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb, html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ border-radius:12px!important; } } html body .fh-header-group5-wrap, html body .content-column > .fh-latest-slider-wrap.fh-popular-after-home, html body #popular, html body #popular-videos{ left:0!important; right:auto!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column, html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page, html body.single .fh-public-detail-layout .detail-page-body, html body.single-post .fh-public-detail-layout .detail-page-body{ margin-left:auto!important; margin-right:auto!important; } html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page{ text-align:center!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card, html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb, html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ margin-left:auto!important; margin-right:auto!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; column-count:auto!important; column-gap:30px!important; width:100%!important; max-width:none!important; margin:32px auto 0!important; padding:0!important; align-items:start!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card{ display:flex!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:0!important; break-inside:auto!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .post-thumb, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-thumb, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto!important; background:#fff!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .post-photo, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-photo, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card .post-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; aspect-ratio:auto!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; margin:0!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .post-copy, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-copy, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card .post-copy{ display:block!important; min-height:136px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card .fh-card-excerpt{ margin:0!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-read-more-btn, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-read-more-btn, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card .fh-read-more-btn{ display:none!important; } @media(max-width:980px){ html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact{ grid-template-columns:1fr!important; gap:18px!important; } } html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ justify-content:center!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column, html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page, html body.single .fh-public-detail-layout .detail-page-body, html body.single-post .fh-public-detail-layout .detail-page-body{ width:100%!important; max-width:1240px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(210px,280px))!important; justify-content:center!important; justify-items:center!important; align-items:start!important; gap:14px!important; columns:auto!important; column-count:auto!important; column-gap:14px!important; width:100%!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; padding:0!important; text-align:center!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card{ display:block!important; width:100%!important; max-width:280px!important; margin:0 auto!important; break-inside:auto!important; border:0!important; background:transparent!important; box-shadow:none!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb{ display:grid!important; place-items:center!important; width:100%!important; height:auto!important; min-height:0!important; margin:0 auto!important; background:transparent!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ display:block!important; width:100%!important; max-width:280px!important; height:auto!important; margin:0 auto!important; object-fit:contain!important; object-position:center center!important; } @media(max-width:680px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important; gap:10px!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card, html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ max-width:100%!important; } } html body .fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-search-panel, html body .fh-header-group5-wrap > .fh-latest-slider-wrap, html body .fh-footer .fh-footer-inner, html body .fh-footer .fh-footer-bottom{ width:min(100% - 36px, 1300px)!important; max-width:1300px!important; margin-left:auto!important; margin-right:auto!important; } html body .site-layout{ width:min(100% - 36px, 1880px)!important; max-width:1880px!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; } html body .site-layout .content-column{ width:100%!important; max-width:1300px!important; margin-left:auto!important; margin-right:auto!important; } html body .site-layout .page-section, html body .site-layout .post-section, html body .site-layout .about-content, html body .site-layout .detail-page, html body .site-layout .fh-latest-slider-wrap{ max-width:1300px!important; margin-left:auto!important; margin-right:auto!important; } html body .site-layout .ad-rail{ display:flex!important; align-items:center!important; justify-content:center!important; width:224px!important; max-width:224px!important; margin-top:120px!important; } html body .site-layout .ad-rail-left{ justify-self:end!important; } html body .site-layout .ad-rail-right{ justify-self:start!important; } @media(min-width:1181px){ html body .site-layout{ display:grid!important; grid-template-columns:minmax(180px,224px) minmax(0,1300px) minmax(180px,224px)!important; gap:34px!important; align-items:start!important; } } @media(max-width:1180px){ html body .site-layout{ display:block!important; width:min(100% - 28px, 1300px)!important; } html body .site-layout .ad-rail{ display:none!important; } } html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page{ background:rgba(255,255,255,.92)!important; border:1px solid var(--fh-line)!important; border-radius:var(--fh-radius)!important; box-shadow:var(--fh-shadow)!important; padding:34px!important; max-width:1300px!important; } html body.single .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled, html body.single-post .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled{ background:#fff!important; border:1px solid var(--fh-line)!important; border-radius:18px!important; box-shadow:none!important; padding:28px!important; max-width:1210px!important; margin:24px auto 0!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; columns:auto!important; column-count:auto!important; column-gap:30px!important; width:100%!important; max-width:none!important; margin:0 auto!important; padding:0!important; justify-content:center!important; justify-items:stretch!important; align-items:start!important; text-align:left!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card{ display:flex!important; width:100%!important; max-width:none!important; min-height:0!important; margin:0!important; padding:0!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb{ display:flex!important; flex-direction:column!important; place-items:stretch!important; width:100%!important; height:100%!important; min-height:0!important; margin:0!important; border-radius:16px!important; background:#fff!important; overflow:hidden!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ display:block!important; width:100%!important; max-width:none!important; height:240px!important; min-height:240px!important; max-height:240px!important; margin:0!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; } html body.single .detail-page-body .fh-detail-upload-card .post-copy, html body.single-post .detail-page-body .fh-detail-upload-card .post-copy{ display:block!important; min-height:136px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body.single .detail-page-body .fh-detail-upload-card h3, html body.single-post .detail-page-body .fh-detail-upload-card h3{ display:block!important; margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body.single .detail-page-body .fh-detail-upload-card p.fh-card-excerpt, html body.single-post .detail-page-body .fh-detail-upload-card p.fh-card-excerpt{ display:block!important; margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; } html body.single .detail-page-body .fh-detail-upload-card .fh-read-more-btn, html body.single-post .detail-page-body .fh-detail-upload-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:980px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page, html body.single .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled, html body.single-post .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled{ padding:18px!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ grid-template-columns:1fr!important; gap:18px!important; } } html body.single .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled, html body.single-post .fh-public-detail-layout .detail-page-body.fh-upload-photo-controlled{ background:#fff!important; border:1px solid var(--fh-line)!important; border-radius:18px!important; box-shadow:none!important; padding:28px!important; max-width:1210px!important; margin:24px auto 0!important; } html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(210px,280px))!important; gap:14px!important; columns:auto!important; column-count:auto!important; column-gap:14px!important; width:100%!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; justify-content:center!important; justify-items:center!important; align-items:start!important; text-align:center!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card{ display:block!important; width:100%!important; max-width:280px!important; margin:0 auto!important; padding:0!important; border:0!important; border-radius:16px!important; background:transparent!important; box-shadow:none!important; overflow:hidden!important; } html body.single .detail-page-body .fh-detail-upload-card .post-thumb, html body.single-post .detail-page-body .fh-detail-upload-card .post-thumb{ display:grid!important; place-items:center!important; width:100%!important; height:auto!important; min-height:0!important; margin:0 auto!important; background:transparent!important; } html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ display:block!important; width:100%!important; max-width:280px!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0 auto!important; object-fit:contain!important; object-position:center center!important; border-radius:16px!important; } html body.single .detail-page-body .fh-detail-upload-card .post-copy, html body.single-post .detail-page-body .fh-detail-upload-card .post-copy, html body.single .detail-page-body .fh-detail-upload-card h3, html body.single-post .detail-page-body .fh-detail-upload-card h3, html body.single .detail-page-body .fh-detail-upload-card p, html body.single-post .detail-page-body .fh-detail-upload-card p, html body.single .detail-page-body .fh-detail-upload-card .fh-read-more-btn, html body.single-post .detail-page-body .fh-detail-upload-card .fh-read-more-btn{ display:none!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .post-copy, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-copy{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card h3{ display:block!important; margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-card-excerpt{ display:block!important; margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-read-more-btn, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:680px){ html body.single .detail-page-body .fh-detail-upload-card-grid, html body.single-post .detail-page-body .fh-detail-upload-card-grid{ grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important; gap:10px!important; } html body.single .detail-page-body .fh-detail-upload-card, html body.single-post .detail-page-body .fh-detail-upload-card, html body.single .detail-page-body .fh-detail-upload-card img, html body.single-post .detail-page-body .fh-detail-upload-card img{ max-width:100%!important; } } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-card-excerpt{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-card-excerpt{ min-height:0!important; max-height:1.35em!important; } html body .page-section.post-section.first-section[data-page="home"] > .post-grid.compact > .post-card .fh-read-more-btn, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .fh-read-more-btn{ position:relative!important; z-index:3!important; pointer-events:auto!important; } @media(min-width:1181px){ html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ display:grid!important; grid-template-columns:minmax(180px,224px) minmax(0,1300px) minmax(180px,224px)!important; gap:34px!important; align-items:start!important; width:min(100% - 36px,1880px)!important; max-width:1880px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ display:flex!important; position:sticky!important; top:120px!important; align-items:center!important; justify-content:center!important; width:224px!important; max-width:224px!important; min-height:520px!important; margin:120px 0 0!important; padding:0!important; visibility:visible!important; opacity:1!important; } html body.single .fh-public-detail-layout .ad-rail-left, html body.single-post .fh-public-detail-layout .ad-rail-left{ grid-column:1!important; justify-self:end!important; } html body.single .fh-public-detail-layout .ad-rail-right, html body.single-post .fh-public-detail-layout .ad-rail-right{ grid-column:3!important; justify-self:start!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column{ grid-column:2!important; } html body.single .fh-public-detail-layout .fh-ad-placeholder, html body.single-post .fh-public-detail-layout .fh-ad-placeholder, html body.single .fh-public-detail-layout .fh-ad-widget, html body.single-post .fh-public-detail-layout .fh-ad-widget{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:520px!important; padding:18px!important; border:2px dashed #ff9dcc!important; border-radius:18px!important; background:rgba(255,255,255,.72)!important; text-align:center!important; box-sizing:border-box!important; } } html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ background:transparent!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column{ width:100%!important; max-width:1300px!important; min-width:0!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page, html body.single .fh-public-detail-layout .fh-popular-detail, html body.single-post .fh-public-detail-layout .fh-popular-detail{ width:100%!important; max-width:1300px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ visibility:visible!important; opacity:1!important; } @media(min-width:1181px){ html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ display:grid!important; grid-template-columns:minmax(180px,224px) minmax(0,1300px) minmax(180px,224px)!important; gap:34px!important; align-items:start!important; width:min(100% - 36px,1880px)!important; max-width:1880px!important; margin:34px auto 24px!important; padding:0!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ display:flex!important; position:static!important; top:auto!important; width:224px!important; max-width:224px!important; min-height:520px!important; margin:0!important; padding:0!important; align-items:center!important; justify-content:center!important; } html body.single .fh-public-detail-layout .ad-rail-left, html body.single-post .fh-public-detail-layout .ad-rail-left{ grid-column:1!important; justify-self:end!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column{ grid-column:2!important; justify-self:center!important; } html body.single .fh-public-detail-layout .ad-rail-right, html body.single-post .fh-public-detail-layout .ad-rail-right{ grid-column:3!important; justify-self:start!important; } } @media(max-width:1180px){ html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ display:block!important; width:min(100% - 28px,1300px)!important; max-width:1300px!important; margin:24px auto!important; padding:0!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ display:none!important; } } @media(min-width:981px){ html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ display:grid!important; grid-template-columns:180px minmax(0,1180px) 180px!important; gap:22px!important; align-items:start!important; justify-content:center!important; width:100%!important; max-width:1584px!important; margin:0 auto!important; padding:28px 0 0!important; box-sizing:border-box!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ display:block!important; visibility:visible!important; opacity:1!important; position:sticky!important; top:118px!important; width:100%!important; max-width:180px!important; min-height:520px!important; margin:0!important; padding:0!important; align-self:start!important; } html body.single .fh-public-detail-layout .ad-rail-left, html body.single-post .fh-public-detail-layout .ad-rail-left{ grid-column:1!important; justify-self:end!important; } html body.single .fh-public-detail-layout .content-column, html body.single-post .fh-public-detail-layout .content-column{ grid-column:2!important; width:100%!important; max-width:1180px!important; min-width:0!important; margin:0 auto!important; padding:0!important; justify-self:center!important; } html body.single .fh-public-detail-layout .ad-rail-right, html body.single-post .fh-public-detail-layout .ad-rail-right{ grid-column:3!important; justify-self:start!important; } html body.single .fh-public-detail-layout article.detail-page, html body.single-post .fh-public-detail-layout article.detail-page, html body.single .fh-public-detail-layout .fh-popular-detail, html body.single-post .fh-public-detail-layout .fh-popular-detail{ width:100%!important; max-width:1180px!important; margin-left:auto!important; margin-right:auto!important; } } @media(max-width:980px){ html body.single .fh-public-detail-layout, html body.single-post .fh-public-detail-layout{ display:block!important; max-width:100%!important; padding:18px 12px 0!important; } html body.single .fh-public-detail-layout .ad-rail, html body.single-post .fh-public-detail-layout .ad-rail{ display:none!important; } } html body #popular .fh-slider-head p, html body #popular-videos .fh-slider-head p{ display:none!important; } html body #popular .fh-slider-head h2, html body #popular-videos .fh-slider-head h2{ font-size:26px!important; line-height:1.1!important; margin:0!important; color:var(--fh-pink)!important; } html body #popular .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:1180px!important; margin:0 auto!important; justify-content:center!important; justify-items:stretch!important; } html body #popular .fh-slider-card{ display:flex!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; } html body #popular .fh-slider-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; margin:0!important; } html body #popular .fh-slider-body{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body #popular .fh-slider-meta, html body #popular .fh-card-actions span{ display:none!important; } html body #popular .fh-slider-card h3, html body #popular .fh-slider-card p{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body #popular .fh-slider-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body #popular .fh-slider-card p{ margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; } html body #popular .fh-card-actions{ display:block!important; margin:0!important; padding:0!important; } html body #popular .fh-card-actions a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:980px){ html body #popular .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body #popular .fh-slider-track{ grid-template-columns:1fr!important; gap:18px!important; } } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:none!important; margin:32px auto 0!important; padding:0!important; align-items:start!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card{ display:flex!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; background:#fff!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .post-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; margin:0!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .post-copy{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card h3, html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .fh-card-excerpt{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .fh-card-excerpt{ margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; min-height:0!important; max-height:1.35em!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:980px){ html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact{ grid-template-columns:1fr!important; gap:18px!important; } } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body #popular .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:none!important; margin:32px auto 0!important; padding:0!important; align-items:start!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card, html body #popular .fh-slider-card{ display:flex!important; width:100%!important; max-width:none!important; margin:0!important; padding:0!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .post-photo, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card img, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-photo, html body #popular .fh-slider-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; margin:0!important; } html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact > .post-card .post-copy, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card .post-copy, html body #popular .fh-slider-body{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; } html body .fh-socials .fh-social-telegram svg{ display:block!important; width:22px!important; height:22px!important; fill:currentColor!important; } html body .fh-footer .fh-footer-menu-link{ display:inline-flex!important; align-items:center!important; gap:8px!important; } html body .fh-footer .fh-footer-menu-link .fh-menu-icon{ width:16px!important; height:16px!important; flex:0 0 16px!important; } html body .fh-footer .fh-footer-menu-link .fh-menu-icon svg{ display:block!important; width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.2!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body #popular .fh-slider-card.post-card{ flex-direction:column!important; } html body #popular .fh-slider-card.post-card .post-thumb{ display:flex!important; flex-direction:column!important; height:100%!important; } html body #popular .fh-slider-card.post-card .post-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; } html body #popular .fh-slider-card.post-card .post-copy{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; } html body #popular .fh-slider-card.post-card h3, html body #popular .fh-slider-card.post-card .fh-card-excerpt{ display:block!important; width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body #popular .fh-slider-card.post-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.25!important; font-weight:900!important; } html body #popular .fh-slider-card.post-card .fh-card-excerpt{ margin:0 0 16px!important; color:var(--fh-text)!important; font-size:17px!important; line-height:1.35!important; } html body #popular .fh-slider-card.post-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; } @media(max-width:980px){ html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body #popular .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body .page-section.post-section.first-section[data-page="photos"] > .post-grid.compact, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact, html body #popular .fh-slider-track{ grid-template-columns:1fr!important; gap:18px!important; } } html body #popular.fh-latest-slider-wrap{ position:relative!important; } html body #popular .fh-slider-btn{ position:absolute!important; top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; z-index:20!important; display:grid!important; place-items:center!important; } html body #popular .fh-slider-btn-prev{ left:18px!important; right:auto!important; } html body #popular .fh-slider-btn-next{ right:18px!important; left:auto!important; } html body [data-page="today"] .today-pagination, html body [data-page="today"] [data-today-page], html body [data-page="today"] [data-today-page-more]{ display:none!important; } html body .fh-footer .fh-footer-title{ text-decoration:none!important; } @media(max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:12px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ display:grid!important; place-items:center!important; margin-left:auto!important; width:48px!important; height:48px!important; padding:10px!important; border-radius:12px!important; background:rgba(255,255,255,.16)!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ display:none!important; width:100%!important; order:5!important; flex-direction:column!important; align-items:stretch!important; gap:8px!important; margin:6px 0 0!important; padding:10px!important; border-radius:16px!important; background:rgba(255,255,255,.14)!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:flex!important; } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ justify-content:flex-start!important; width:100%!important; min-height:44px!important; padding:10px 14px!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ order:4!important; margin-left:0!important; } html body #popular .fh-slider-btn{ top:auto!important; bottom:22px!important; transform:none!important; } html body #popular .fh-slider-btn-prev{ left:calc(50% - 78px)!important; } html body #popular .fh-slider-btn-next{ right:calc(50% - 78px)!important; } } html body #popular.fh-latest-slider-wrap .fh-slider-btn{ position:absolute!important; top:calc(50% + 28px)!important; bottom:auto!important; transform:translateY(-50%)!important; width:54px!important; height:54px!important; min-width:54px!important; min-height:54px!important; z-index:50!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev{ left:max(12px,calc(50% - 650px))!important; right:auto!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-next{ right:max(12px,calc(50% - 650px))!important; left:auto!important; } @media(max-width:782px){ html body #popular.fh-latest-slider-wrap .fh-slider-btn{ top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; width:48px!important; height:48px!important; min-width:48px!important; min-height:48px!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev{ left:10px!important; right:auto!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-next{ right:10px!important; left:auto!important; } } html body .fh-footer .fh-footer-brand{ padding-top:18px!important; } html body .fh-footer .fh-footer-title{ margin-top:0!important; margin-bottom:0!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn{ top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev{ left:max(8px,calc(50% - 590px))!important; right:auto!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-next{ right:max(8px,calc(50% - 590px))!important; left:auto!important; } @media(max-width:980px){ html body .fh-footer .fh-footer-brand{ padding-top:8px!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev{ left:12px!important; right:auto!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-next{ right:12px!important; left:auto!important; } } html body .detail-page-body .fh-supported-video-links{ display:grid!important; grid-template-columns:1fr!important; gap:18px!important; width:100%!important; max-width:960px!important; margin:0 auto 24px!important; } html body .detail-page-body .fh-supported-video-card{ width:100%!important; overflow:hidden!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; } html body .detail-page-body .fh-supported-video-iframe, html body .detail-page-body .fh-supported-video, html body .detail-page-body .fh-supported-video-card iframe, html body .detail-page-body .fh-supported-video-card video{ display:block!important; width:100%!important; max-width:100%!important; min-height:420px!important; aspect-ratio:16/9!important; border:0!important; background:#111!important; } html body .detail-page-body .fh-supported-x-embed{ width:100%!important; padding:18px!important; background:#fff!important; } html body .detail-page-body .fh-supported-source-link, html body #popular-videos .fh-supported-source-link{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:180px!important; padding:22px!important; background:#050505!important; color:#fff!important; font-weight:900!important; text-align:center!important; text-decoration:none!important; border:0!important; } html body .detail-page-body .fh-supported-source-link:hover, html body #popular-videos .fh-supported-source-link:hover{ color:#fff!important; background:#141414!important; } @media(max-width:680px){ html body .detail-page-body .fh-supported-video-iframe, html body .detail-page-body .fh-supported-video, html body .detail-page-body .fh-supported-video-card iframe, html body .detail-page-body .fh-supported-video-card video{ min-height:240px!important; } } html body .post-card.is-video-card .post-thumb{ position:relative!important; } html body .post-card.is-video-card .post-photo{ object-fit:cover!important; object-position:center!important; background:#fff!important; } html body .post-card.is-video-card .post-thumb::after{ content:""!important; position:absolute!important; top:96px!important; left:50%!important; width:74px!important; height:74px!important; border-radius:50%!important; transform:translate(-50%,-50%)!important; background:transparent!important; border:7px solid var(--fh-pink)!important; box-shadow:0 10px 26px rgba(236,43,122,.26)!important; pointer-events:none!important; z-index:2!important; } html body .post-card.is-video-card .post-thumb::before{ content:""!important; position:absolute!important; top:96px!important; left:calc(50% + 3px)!important; width:0!important; height:0!important; border-top:16px solid transparent!important; border-bottom:16px solid transparent!important; border-left:25px solid var(--fh-pink)!important; transform:translate(-50%,-50%)!important; pointer-events:none!important; z-index:3!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:1180px!important; margin:32px auto 0!important; padding:0!important; align-items:start!important; } html body #popular.fh-latest-slider-wrap .fh-slider-card[hidden]{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-card:not([hidden]){ display:flex!important; visibility:visible!important; opacity:1!important; } @media(max-width:980px){ html body #popular.fh-latest-slider-wrap .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body #popular.fh-latest-slider-wrap .fh-slider-track{ grid-template-columns:1fr!important; gap:18px!important; } } html body #popular.fh-popular-detail .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:none!important; margin:32px auto 0!important; padding:0!important; align-items:start!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card{ display:flex!important; flex-direction:column!important; width:100%!important; max-width:none!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; break-inside:auto!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; transform:none!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card:hover{ transform:none!important; box-shadow:none!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto!important; background:#fff!important; margin:0!important; padding:0!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card img, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; aspect-ratio:auto!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; border:0!important; margin:0!important; padding:0!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-copy{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; margin:0!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card h3, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt{ margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; min-height:0!important; max-height:1.35em!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; position:relative!important; z-index:3!important; pointer-events:auto!important; } html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-actions, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-slider-meta, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card::after{ content:none!important; display:none!important; } @media(max-width:980px){ html body #popular.fh-popular-detail .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } } @media(max-width:680px){ html body #popular.fh-popular-detail .fh-slider-track{ grid-template-columns:1fr!important; gap:18px!important; } } html body .content-column > #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ display:block!important; visibility:visible!important; position:relative!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:18px 72px 24px!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body #popular.fh-latest-slider-wrap .fh-slider-head, html body #popular.fh-popular-detail .fh-slider-head{ width:100%!important; max-width:1180px!important; margin:0 auto 18px!important; padding:0!important; text-align:center!important; } html body #popular.fh-latest-slider-wrap .fh-slider-head h2, html body #popular.fh-popular-detail .fh-slider-head h2{ margin:0!important; color:var(--fh-pink)!important; font-size:26px!important; line-height:1.1!important; font-weight:900!important; text-align:center!important; } html body #popular.fh-latest-slider-wrap .fh-slider-head p, html body #popular.fh-popular-detail .fh-slider-head p{ display:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track, html body #popular.fh-popular-detail .fh-slider-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:30px!important; width:100%!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; align-items:start!important; justify-content:center!important; justify-items:stretch!important; overflow:visible!important; } html body #popular.fh-latest-slider-wrap .fh-slider-card[hidden], html body #popular.fh-popular-detail .fh-slider-card[hidden]{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card:not([hidden]), html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card:not([hidden]){ display:flex!important; flex-direction:column!important; width:100%!important; max-width:none!important; min-height:0!important; height:auto!important; margin:0!important; padding:0!important; border:1px solid var(--fh-line)!important; border-radius:16px!important; background:#fff!important; box-shadow:none!important; overflow:hidden!important; transform:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card:hover, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card:hover{ transform:none!important; box-shadow:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .post-thumb, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; min-height:0!important; aspect-ratio:auto!important; background:#fff!important; margin:0!important; padding:0!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card img, html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .post-photo, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card img, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-photo{ display:block!important; width:100%!important; height:240px!important; min-height:240px!important; max-height:240px!important; aspect-ratio:auto!important; object-fit:cover!important; object-position:center center!important; border-radius:16px 16px 0 0!important; border:0!important; margin:0!important; padding:0!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .post-copy, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .post-copy{ display:block!important; min-height:156px!important; padding:20px 24px 24px!important; background:#fff!important; text-align:left!important; margin:0!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card h3, html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card h3, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt{ display:block!important; width:100%!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card h3, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card h3{ margin:0 0 10px!important; color:var(--fh-pink)!important; font-size:22px!important; line-height:1.15!important; font-weight:900!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-excerpt{ margin:0 0 16px!important; color:var(--fh-text)!important; font-size:18px!important; line-height:1.35!important; min-height:0!important; max-height:1.35em!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .fh-read-more-btn, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:42px!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; text-decoration:none!important; box-shadow:none!important; position:relative!important; z-index:3!important; pointer-events:auto!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .fh-card-actions, html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card .fh-slider-meta, html body #popular.fh-latest-slider-wrap .fh-slider-track > .post-card.fh-slider-card::after, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-card-actions, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card .fh-slider-meta, html body #popular.fh-popular-detail .fh-slider-track > .post-card.fh-slider-card::after{ content:none!important; display:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn, html body #popular.fh-popular-detail .fh-slider-btn{ display:grid!important; position:absolute!important; top:50%!important; bottom:auto!important; transform:translateY(-50%)!important; z-index:20!important; width:52px!important; height:52px!important; border-radius:50%!important; place-items:center!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev, html body #popular.fh-popular-detail .fh-slider-btn-prev{left:10px!important;right:auto!important;} html body #popular.fh-latest-slider-wrap .fh-slider-btn-next, html body #popular.fh-popular-detail .fh-slider-btn-next{right:10px!important;left:auto!important;} html body #popular.fh-latest-slider-wrap .fh-slider-dots, html body #popular.fh-popular-detail .fh-slider-dots{display:none!important;} @media(max-width:980px){ html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{padding:16px 62px 22px!important;} html body #popular.fh-latest-slider-wrap .fh-slider-track, html body #popular.fh-popular-detail .fh-slider-track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;} } @media(max-width:680px){ html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{padding:12px 0 70px!important;} html body #popular.fh-latest-slider-wrap .fh-slider-track, html body #popular.fh-popular-detail .fh-slider-track{grid-template-columns:1fr!important;gap:18px!important;max-width:430px!important;} html body #popular.fh-latest-slider-wrap .fh-slider-btn, html body #popular.fh-popular-detail .fh-slider-btn{top:auto!important;bottom:10px!important;transform:none!important;} html body #popular.fh-latest-slider-wrap .fh-slider-btn-prev, html body #popular.fh-popular-detail .fh-slider-btn-prev{left:calc(50% - 68px)!important;} html body #popular.fh-latest-slider-wrap .fh-slider-btn-next, html body #popular.fh-popular-detail .fh-slider-btn-next{right:calc(50% - 68px)!important;} } html body #popular.fh-latest-slider-wrap .fh-slider-btn, html body #popular.fh-popular-detail .fh-slider-btn, html body #popular.fh-latest-slider-wrap .fh-slider-dots, html body #popular.fh-popular-detail .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } @media(min-width:981px){ html body #popular.fh-latest-slider-wrap .fh-slider-track, html body #popular.fh-popular-detail .fh-slider-track{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } } html body #popular.fh-latest-slider-wrap .fh-slider-card[hidden], html body #popular.fh-popular-detail .fh-slider-card[hidden]{ display:none!important; } html body .ad-rail, html body .ad-rail-left, html body .ad-rail-right, html body .fh-ad-placeholder, html body .fh-ad-widget { display: none !important; } html body .site-layout, html body main.site-layout, html body main.fh-public-detail-layout { display: block !important; max-width: 1220px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 18px !important; padding-right: 18px !important; } html body .content-column { width: 100% !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 820px) { html body .site-layout, html body main.site-layout, html body main.fh-public-detail-layout { max-width: 100% !important; padding-left: 10px !important; padding-right: 10px !important; } } html body #popular.fh-latest-slider-wrap, html body #popular.fh-popular-detail{ margin-bottom:8px!important; padding-bottom:16px!important; } html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ padding-top:14px!important; } html body #popular .fh-slider-track{ overflow:hidden!important; } html body #popular .fh-slider-track.fh-group3-slide-right-to-left > .fh-slider-card:not([hidden]){ animation:fhGroup3RightToLeft .55s ease both!important; } @keyframes fhGroup3RightToLeft{ from{opacity:.15;transform:translateX(42px)!important;} to{opacity:1;transform:translateX(0)!important;} } html body #popular.fh-latest-slider-wrap .fh-slider-card[hidden], html body #popular.fh-popular-detail .fh-slider-card[hidden]{ display:none!important; } html body #popular.fh-latest-slider-wrap .fh-slider-btn, html body #popular.fh-popular-detail .fh-slider-btn, html body #popular.fh-latest-slider-wrap .fh-slider-dots, html body #popular.fh-popular-detail .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body .content-column > #popular.fh-popular-after-home:last-child, html body .site-layout > #popular.fh-popular-after-home:last-child{ margin-bottom:8px!important; } html body .site-layout{ margin-bottom:0!important; } @media(max-width:680px){ html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ padding-bottom:16px!important; margin-bottom:6px!important; } } html body #popular.fh-latest-slider-wrap, html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ margin-bottom:0!important; padding-bottom:6px!important; } html body #popular.fh-latest-slider-wrap .fh-slider-track, html body #popular.fh-popular-detail .fh-slider-track{ margin-bottom:0!important; } html body .content-column > #popular.fh-popular-after-home:last-child, html body .site-layout > #popular.fh-popular-after-home:last-child{ margin-bottom:0!important; } html body #popular .fh-slider-track.fh-group3-slide-right-to-left > .fh-slider-card:not([hidden]){ animation:fhGroup3RightToLeftOneByOne .55s ease both!important; } @keyframes fhGroup3RightToLeftOneByOne{ from{opacity:.12;transform:translateX(56px)!important;} to{opacity:1;transform:translateX(0)!important;} } @media(max-width:680px){ html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ padding-bottom:6px!important; margin-bottom:0!important; } } html body #popular.fh-latest-slider-wrap, html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail{ margin-top:12px!important; margin-bottom:0!important; padding-bottom:0!important; } html body #popular .fh-slider-head{ margin-bottom:14px!important; } html body #popular .fh-slider-track, html body #popular .fh-slider-track.fh-group3-one-by-one-track{ overflow:hidden!important; margin-top:0!important; margin-bottom:0!important; padding-bottom:0!important; } html body #popular .fh-slider-card[hidden]{ display:none!important; } html body #popular .fh-slider-track.fh-group3-one-next-active > .fh-slider-card:not([hidden]){ animation:fhGroup3OneByOneRightLeft .62s ease both!important; } @keyframes fhGroup3OneByOneRightLeft{ from{opacity:.18;transform:translateX(64px)!important;} to{opacity:1;transform:translateX(0)!important;} } html body main.site-layout, html body main.fh-public-detail-layout, html body .content-column{ padding-bottom:0!important; margin-bottom:0!important; } html body .content-column > #popular.fh-popular-after-home:last-child, html body .content-column > #popular.fh-popular-detail:last-child, html body .site-layout > #popular.fh-popular-after-home:last-child{ margin-bottom:0!important; padding-bottom:0!important; } html body #popular + *{ margin-top:0!important; } html body #popular.fh-latest-slider-wrap, html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail, html body.single #popular, html body.single-post #popular, html body.page #popular{ display:block!important; margin-top:12px!important; margin-bottom:0!important; padding-top:14px!important; padding-bottom:0!important; overflow:hidden!important; } html body #popular .fh-slider-head{ margin:0 0 12px!important; padding:0!important; } html body #popular .fh-slider-track, html body #popular .fh-slider-track.fh-group3-one-by-one-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; overflow:visible!important; align-items:stretch!important; will-change:transform,opacity!important; } html body #popular .fh-slider-card:not([hidden]), html body #popular .fh-slider-card.fh-group3-visible-card{ display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; float:none!important; box-sizing:border-box!important; } html body #popular .fh-slider-card[hidden], html body #popular .fh-slider-card:not(.fh-group3-visible-card){ display:none!important; } html body #popular .fh-slider-btn, html body #popular button.fh-slider-btn, html body #popular .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; } html body #popular .fh-slider-track.fh-group3-moving-rtl{ backface-visibility:hidden!important; transform-style:preserve-3d!important; } html body main.site-layout, html body main.fh-public-detail-layout, html body .content-column{ margin-bottom:0!important; padding-bottom:0!important; } html body #popular + *, html body main + .fh-footer, html body .fh-footer, html body footer.fh-footer{ margin-top:0!important; } html body .content-column > #popular:last-child, html body .content-column > #popular.fh-popular-after-home:last-child, html body .content-column > #popular.fh-popular-detail:last-child{ margin-bottom:0!important; padding-bottom:0!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular .fh-slider-track, html body #popular .fh-slider-track.fh-group3-one-by-one-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; } } @media(max-width:680px){ html body #popular.fh-latest-slider-wrap, html body #popular.fh-latest-slider-wrap.fh-popular-after-home, html body #popular.fh-popular-detail, html body.single #popular, html body.single-post #popular, html body.page #popular{ margin-top:10px!important; margin-bottom:0!important; padding:12px 0 0!important; } html body #popular .fh-slider-track, html body #popular .fh-slider-track.fh-group3-one-by-one-track{ grid-template-columns:1fr!important; gap:16px!important; max-width:430px!important; margin-left:auto!important; margin-right:auto!important; } } html body #popular-videos.fh-latest-slider-wrap, html body #popular-videos.fh-latest-slider-wrap.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body.single #popular-videos, html body.single-post #popular-videos, html body.page #popular-videos{ display:block!important; margin-top:12px!important; margin-bottom:0!important; padding-top:14px!important; padding-bottom:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-head{ margin:0 0 12px!important; padding:0!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; overflow:visible!important; align-items:stretch!important; will-change:transform,opacity!important; } html body #popular-videos .fh-slider-card:not([hidden]), html body #popular-videos .fh-slider-card.fh-group5-visible-card{ display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; float:none!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card){ display:none!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; } html body #popular-videos .fh-slider-track.fh-group5-moving-rtl{ backface-visibility:hidden!important; transform-style:preserve-3d!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; } } @media(max-width:680px){ html body #popular-videos.fh-latest-slider-wrap, html body #popular-videos.fh-latest-slider-wrap.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body.single #popular-videos, html body.single-post #popular-videos, html body.page #popular-videos{ margin-top:10px!important; margin-bottom:0!important; padding:12px 0 0!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:1fr!important; gap:16px!important; max-width:430px!important; margin-left:auto!important; margin-right:auto!important; } } html body #popular-videos.fh-latest-slider-wrap, html body #popular-videos.fh-latest-slider-wrap.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body.single #popular-videos, html body.single-post #popular-videos, html body.page #popular-videos{ display:block!important; margin-top:12px!important; margin-bottom:0!important; padding-top:14px!important; padding-bottom:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:24px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; overflow:visible!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid #ffd0e2!important; border-radius:14px!important; background:#fff!important; box-shadow:0 14px 34px rgba(236,43,122,.10)!important; float:none!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card){ display:none!important; } html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo{ display:block!important; width:100%!important; height:260px!important; min-height:260px!important; max-height:260px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; gap:8px!important; width:100%!important; min-height:166px!important; height:auto!important; max-height:none!important; padding:18px 20px 18px!important; margin:0!important; background:#fff!important; overflow:hidden!important; } html body #popular-videos .fh-slider-meta, html body #popular-videos .fh-slider-body .fh-slider-meta, html body #popular-videos .fh-card-actions span, html body #popular-videos .fh-card-actions span:first-child, html body #popular-videos .fh-card-actions span:nth-child(2){ display:none!important; visibility:hidden!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:block!important; color:#ec2b7a!important; font-size:18px!important; line-height:1.22!important; font-weight:900!important; margin:0!important; padding:0!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body #popular-videos .fh-slider-body p{ display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#403542!important; font-size:15px!important; line-height:1.48!important; font-weight:500!important; margin:0!important; padding:0!important; } html body #popular-videos .fh-card-actions{ display:flex!important; margin-top:auto!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; gap:0!important; } html body #popular-videos .fh-card-actions a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; min-width:118px!important; padding:10px 20px!important; border-radius:8px!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; box-shadow:0 7px 16px rgba(236,43,122,.20)!important; position:relative!important; z-index:9!important; } html body #popular-videos .fh-card-actions a:hover{ background:linear-gradient(135deg,#d9166b,#ec2b7a)!important; color:#fff!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:1fr!important; gap:16px!important; max-width:430px!important; margin-left:auto!important; margin-right:auto!important; } html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo{ height:210px!important; min-height:210px!important; max-height:210px!important; } } html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .post-card.fh-slider-card.fh-group5-visible-card{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; border:1px solid #ffd0e2!important; border-radius:14px!important; background:#fff!important; box-shadow:0 14px 34px rgba(236,43,122,.10)!important; float:none!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; } html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:100%!important; min-height:0!important; margin:0!important; padding:0!important; background:#fff!important; border:0!important; border-radius:0!important; overflow:hidden!important; } html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo{ display:block!important; width:100%!important; height:260px!important; min-height:260px!important; max-height:260px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body #popular-videos .post-card .post-copy{ display:flex!important; flex-direction:column!important; gap:8px!important; width:100%!important; min-height:166px!important; height:auto!important; max-height:none!important; padding:18px 20px 18px!important; margin:0!important; background:#fff!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-card .post-copy h3{ display:block!important; color:#ec2b7a!important; font-size:18px!important; line-height:1.22!important; font-weight:900!important; margin:0!important; padding:0!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body #popular-videos .post-card .post-copy p, html body #popular-videos .post-card .fh-card-excerpt{ display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#403542!important; font-size:15px!important; line-height:1.48!important; font-weight:500!important; margin:0!important; padding:0!important; } html body #popular-videos .post-card .fh-read-more-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; min-width:118px!important; margin-top:auto!important; padding:10px 20px!important; border-radius:8px!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; box-shadow:0 7px 16px rgba(236,43,122,.20)!important; position:relative!important; z-index:9!important; } html body #popular-videos .post-card .fh-read-more-btn:hover{ background:linear-gradient(135deg,#d9166b,#ec2b7a)!important; color:#fff!important; } @media(max-width:680px){ html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo{ height:210px!important; min-height:210px!important; max-height:210px!important; } } html body #popular-videos .fh-slider-body p, html body #popular-videos .fh-slider-body .fh-card-excerpt, html body #popular-videos .fh-slider-card .fh-card-excerpt, html body #popular-videos .post-card .post-copy p, html body #popular-videos .post-card .fh-card-excerpt{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .fh-card-actions, html body #popular-videos .fh-card-actions a, html body #popular-videos .post-card .fh-read-more-btn{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-slider-body, html body #popular-videos .post-card .post-copy{ min-height:74px!important; height:auto!important; padding:18px 20px!important; justify-content:center!important; } html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3, html body #popular-videos .post-card .post-copy h3{ margin:0!important; padding:0!important; } html body #popular-videos .post-card .fh-read-more-btn, html body #popular-videos a.fh-read-more-btn, html body #popular-videos .fh-card-actions, html body #popular-videos .fh-card-actions a, html body #popular-videos .fh-slider-body .fh-card-actions, html body #popular-videos .fh-slider-body .fh-card-actions a{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .post-card .post-copy p, html body #popular-videos .post-card .fh-card-excerpt, html body #popular-videos .fh-slider-body p, html body #popular-videos .fh-slider-card .fh-card-excerpt{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card{ height:auto!important; min-height:0!important; max-height:none!important; border-radius:14px!important; overflow:hidden!important; } html body #popular-videos .post-card .post-thumb{ height:auto!important; min-height:0!important; max-height:none!important; } html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe{ display:block!important; width:100%!important; height:220px!important; min-height:220px!important; max-height:220px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; justify-content:center!important; gap:0!important; min-height:58px!important; height:58px!important; max-height:58px!important; padding:10px 14px!important; margin:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; color:#ec2b7a!important; font-size:16px!important; line-height:1.22!important; font-weight:900!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ gap:18px!important; } html body #popular-videos.fh-latest-slider-wrap, html body #popular-videos.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body.single #popular-videos, html body.single-post #popular-videos, html body.page #popular-videos{ margin-bottom:0!important; padding-bottom:0!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe{ height:200px!important; min-height:200px!important; max-height:200px!important; } html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ min-height:56px!important; height:56px!important; max-height:56px!important; padding:9px 13px!important; } } @media(max-width:680px){ html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe{ height:180px!important; min-height:180px!important; max-height:180px!important; } html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ min-height:54px!important; height:54px!important; max-height:54px!important; padding:8px 12px!important; } html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ font-size:15px!important; line-height:1.22!important; } } html body section#popular-videos .post-copy > a.fh-read-more-btn, html body section#popular-videos .post-copy > a:not(.fh-card-full-link), html body section#popular-videos .fh-slider-body .fh-card-actions, html body section#popular-videos .fh-slider-body .fh-card-actions a, html body section#popular-videos a.fh-read-more-btn, html body .fh-popular-videos-after-header .post-copy > a.fh-read-more-btn, html body .fh-popular-videos-after-header .post-copy > a:not(.fh-card-full-link), html body .fh-popular-videos-after-header .fh-slider-body .fh-card-actions, html body .fh-popular-videos-after-header .fh-slider-body .fh-card-actions a, html body .fh-popular-videos-after-header a.fh-read-more-btn, html body .fh-header-group5-wrap .post-copy > a.fh-read-more-btn, html body .fh-header-group5-wrap .post-copy > a:not(.fh-card-full-link), html body .fh-header-group5-wrap .fh-slider-body .fh-card-actions, html body .fh-header-group5-wrap .fh-slider-body .fh-card-actions a, html body .fh-header-group5-wrap a.fh-read-more-btn{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body section#popular-videos .post-card .fh-card-excerpt, html body section#popular-videos .post-card .post-copy p, html body section#popular-videos .fh-slider-body p, html body .fh-popular-videos-after-header .post-card .fh-card-excerpt, html body .fh-popular-videos-after-header .post-card .post-copy p, html body .fh-popular-videos-after-header .fh-slider-body p, html body .fh-header-group5-wrap .post-card .fh-card-excerpt, html body .fh-header-group5-wrap .post-card .post-copy p, html body .fh-header-group5-wrap .fh-slider-body p{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body section#popular-videos .post-card.fh-slider-card, html body .fh-popular-videos-after-header .post-card.fh-slider-card, html body .fh-header-group5-wrap .post-card.fh-slider-card{ height:auto!important; min-height:0!important; border-radius:14px!important; overflow:hidden!important; } html body section#popular-videos .post-card .post-photo, html body section#popular-videos .post-card img.post-photo, html body section#popular-videos .post-card video, html body section#popular-videos .post-card iframe, html body .fh-popular-videos-after-header .post-card .post-photo, html body .fh-popular-videos-after-header .post-card img.post-photo, html body .fh-popular-videos-after-header .post-card video, html body .fh-popular-videos-after-header .post-card iframe, html body .fh-header-group5-wrap .post-card .post-photo, html body .fh-header-group5-wrap .post-card img.post-photo, html body .fh-header-group5-wrap .post-card video, html body .fh-header-group5-wrap .post-card iframe{ width:100%!important; height:210px!important; min-height:210px!important; max-height:210px!important; object-fit:cover!important; object-position:center!important; border-radius:0!important; margin:0!important; } html body section#popular-videos .post-card .post-copy, html body section#popular-videos .fh-slider-body, html body .fh-popular-videos-after-header .post-card .post-copy, html body .fh-popular-videos-after-header .fh-slider-body, html body .fh-header-group5-wrap .post-card .post-copy, html body .fh-header-group5-wrap .fh-slider-body{ display:flex!important; align-items:flex-start!important; justify-content:center!important; min-height:56px!important; height:56px!important; max-height:56px!important; padding:9px 14px!important; margin:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body section#popular-videos .post-card .post-copy h3, html body section#popular-videos .fh-slider-body h3, html body .fh-popular-videos-after-header .post-card .post-copy h3, html body .fh-popular-videos-after-header .fh-slider-body h3, html body .fh-header-group5-wrap .post-card .post-copy h3, html body .fh-header-group5-wrap .fh-slider-body h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:16px!important; line-height:1.2!important; font-weight:900!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } @media(max-width:1000px) and (min-width:681px){ html body section#popular-videos .post-card .post-photo, html body section#popular-videos .post-card img.post-photo, html body section#popular-videos .post-card video, html body section#popular-videos .post-card iframe, html body .fh-popular-videos-after-header .post-card .post-photo, html body .fh-popular-videos-after-header .post-card img.post-photo, html body .fh-popular-videos-after-header .post-card video, html body .fh-popular-videos-after-header .post-card iframe{ height:195px!important; min-height:195px!important; max-height:195px!important; } } @media(max-width:680px){ html body section#popular-videos .post-card .post-photo, html body section#popular-videos .post-card img.post-photo, html body section#popular-videos .post-card video, html body section#popular-videos .post-card iframe, html body .fh-popular-videos-after-header .post-card .post-photo, html body .fh-popular-videos-after-header .post-card img.post-photo, html body .fh-popular-videos-after-header .post-card video, html body .fh-popular-videos-after-header .post-card iframe{ height:175px!important; min-height:175px!important; max-height:175px!important; } html body section#popular-videos .post-card .post-copy, html body section#popular-videos .fh-slider-body, html body .fh-popular-videos-after-header .post-card .post-copy, html body .fh-popular-videos-after-header .fh-slider-body{ min-height:52px!important; height:52px!important; max-height:52px!important; padding:8px 12px!important; } html body section#popular-videos .post-card .post-copy h3, html body section#popular-videos .fh-slider-body h3, html body .fh-popular-videos-after-header .post-card .post-copy h3, html body .fh-popular-videos-after-header .fh-slider-body h3{ font-size:15px!important; line-height:1.22!important; } } html body .fh-header-group5-wrap, html body .fh-header-group5-wrap #popular-videos, html body section#popular-videos.fh-popular-videos-after-header, html body #popular-videos.fh-latest-slider-wrap{ margin-top:0!important; margin-bottom:0!important; padding-top:14px!important; padding-bottom:0!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; align-items:stretch!important; width:100%!important; max-width:100%!important; margin:0 auto!important; padding:0!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; border-radius:12px!important; position:relative!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card), html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; } html body #popular-videos .post-thumb, html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe, html body #popular-videos video, html body #popular-videos iframe{ display:block!important; width:100%!important; height:190px!important; min-height:190px!important; max-height:190px!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:50px!important; min-height:50px!important; max-height:50px!important; margin:0!important; padding:8px 12px!important; gap:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:15px!important; line-height:1.15!important; font-weight:900!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } html body #popular-videos .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .post-card .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .fh-slider-body > :not(h3), html body #popular-videos .fh-card-excerpt, html body #popular-videos .fh-read-more-btn, html body #popular-videos a.fh-read-more-btn, html body #popular-videos .fh-card-actions, html body #popular-videos .fh-card-actions *, html body #popular-videos .fh-slider-meta, html body #popular-videos .post-meta, html body #popular-videos .category-badge, html body #popular-videos .post-category, html body #popular-videos .cat, html body #popular-videos p{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; width:auto!important; height:auto!important; max-width:none!important; max-height:none!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; z-index:5!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-track.fh-group5-moving-rtl{ transform:translateX(0); } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe, html body #popular-videos video, html body #popular-videos iframe{ height:175px!important; min-height:175px!important; max-height:175px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:1fr!important; gap:12px!important; max-width:390px!important; } html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos .post-card video, html body #popular-videos .post-card iframe, html body #popular-videos video, html body #popular-videos iframe{ height:165px!important; min-height:165px!important; max-height:165px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:48px!important; min-height:48px!important; max-height:48px!important; padding:7px 10px!important; } } html body .fh-header-group5-wrap, html body .fh-header-group5-wrap #popular-videos, html body section#popular-videos.fh-popular-videos-after-header, html body #popular-videos.fh-latest-slider-wrap{ display:block!important; width:100%!important; margin:0 auto!important; padding-top:12px!important; padding-bottom:0!important; overflow:visible!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-head{ margin:0 0 12px!important; padding:0!important; } html body #popular-videos .fh-slider-head p, html body #popular-videos .fh-slider-head .fh-slider-description{ display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; justify-content:center!important; width:100%!important; max-width:900px!important; margin:0 auto!important; padding:0!important; min-height:0!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card, html body #popular-videos .fh-slider-card.fh-group5-title-only-card{ display:flex!important; flex-direction:column!important; width:100%!important; height:214px!important; min-height:214px!important; max-height:214px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; border-radius:12px!important; box-sizing:border-box!important; position:relative!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card), html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; visibility:hidden!important; opacity:0!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .post-thumb, html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:214px!important; min-height:214px!important; max-height:214px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos video, html body #popular-videos .post-card video, html body #popular-videos iframe, html body #popular-videos .post-card iframe{ display:block!important; width:100%!important; height:170px!important; min-height:170px!important; max-height:170px!important; object-fit:cover!important; object-position:center!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:7px 10px!important; gap:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; height:auto!important; max-height:30px!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:14px!important; line-height:1.08!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:left!important; white-space:normal!important; text-overflow:ellipsis!important; overflow:hidden!important; } html body #popular-videos .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .post-card .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .fh-slider-body > :not(h3), html body #popular-videos .fh-card-excerpt, html body #popular-videos .post-excerpt, html body #popular-videos .entry-summary, html body #popular-videos .entry-content, html body #popular-videos .excerpt, html body #popular-videos p, html body #popular-videos .post-meta, html body #popular-videos .fh-slider-meta, html body #popular-videos .meta, html body #popular-videos .post-category, html body #popular-videos .category, html body #popular-videos .category-badge, html body #popular-videos .cat, html body #popular-videos .post-cats, html body #popular-videos .post-actions, html body #popular-videos .fh-card-actions, html body #popular-videos .card-actions, html body #popular-videos .actions, html body #popular-videos .button, html body #popular-videos button, html body #popular-videos a.fh-read-more-btn, html body #popular-videos .fh-read-more-btn{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; z-index:5!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:620px!important; gap:12px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:199px!important; min-height:199px!important; max-height:199px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe{ height:155px!important; min-height:155px!important; max-height:155px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track{ grid-template-columns:1fr!important; max-width:340px!important; gap:10px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:190px!important; min-height:190px!important; max-height:190px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe{ height:148px!important; min-height:148px!important; max-height:148px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:42px!important; min-height:42px!important; max-height:42px!important; padding:6px 9px!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ font-size:13px!important; line-height:1.08!important; max-height:28px!important; } } html body #popular-videos.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body section#popular-videos{ margin-top:14px!important; margin-bottom:14px!important; padding:16px 12px 18px!important; overflow:visible!important; } html body #popular-videos .fh-slider-head{ margin:0 0 12px!important; padding:0!important; } html body #popular-videos .fh-slider-head h2{ margin:0!important; padding:0!important; } html body #popular-videos .fh-slider-head p{ display:none!important; margin:0!important; padding:0!important; height:0!important; min-height:0!important; max-height:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; width:100%!important; max-width:790px!important; margin:0 auto!important; padding:0!important; align-items:stretch!important; justify-content:center!important; min-height:0!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card, html body #popular-videos .fh-slider-card.fh-group5-title-only-card, html body #popular-videos .fh-slider-card.fh-popular-videos-final-card{ display:flex!important; flex-direction:column!important; width:100%!important; height:190px!important; min-height:190px!important; max-height:190px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; border-radius:12px!important; box-sizing:border-box!important; position:relative!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card), html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .post-thumb, html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:190px!important; min-height:190px!important; max-height:190px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos video, html body #popular-videos .post-card video, html body #popular-videos iframe, html body #popular-videos .post-card iframe{ display:block!important; width:100%!important; height:150px!important; min-height:150px!important; max-height:150px!important; object-fit:cover!important; object-position:center!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:6px 9px!important; gap:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; height:auto!important; max-height:28px!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:13px!important; line-height:1.08!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:left!important; white-space:normal!important; text-overflow:ellipsis!important; overflow:hidden!important; } html body #popular-videos .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .post-card .post-copy > :not(h3):not(.fh-card-full-link), html body #popular-videos .fh-slider-body > :not(h3):not(.fh-card-full-link), html body #popular-videos .fh-card-excerpt, html body #popular-videos .post-excerpt, html body #popular-videos .entry-summary, html body #popular-videos .entry-content, html body #popular-videos .excerpt, html body #popular-videos .fh-slider-card p, html body #popular-videos .post-copy p, html body #popular-videos .fh-slider-body p, html body #popular-videos .post-meta, html body #popular-videos .fh-slider-meta, html body #popular-videos .meta, html body #popular-videos .post-category, html body #popular-videos .category, html body #popular-videos .category-badge, html body #popular-videos .cat, html body #popular-videos .post-cats, html body #popular-videos .post-actions, html body #popular-videos .fh-card-actions, html body #popular-videos .card-actions, html body #popular-videos .actions, html body #popular-videos .fh-read-more-btn, html body #popular-videos a.fh-read-more-btn, html body #popular-videos a[rel~="category"], html body #popular-videos .posted-on, html body #popular-videos .byline, html body #popular-videos .comments-link{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; z-index:6!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:560px!important; gap:10px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:178px!important; min-height:178px!important; max-height:178px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe{ height:138px!important; min-height:138px!important; max-height:138px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track{ grid-template-columns:1fr!important; max-width:315px!important; gap:9px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:170px!important; min-height:170px!important; max-height:170px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe{ height:132px!important; min-height:132px!important; max-height:132px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:38px!important; min-height:38px!important; max-height:38px!important; padding:5px 8px!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ font-size:12.5px!important; line-height:1.08!important; max-height:27px!important; } } html body #popular-videos.fh-popular-videos-after-header, html body .fh-header-group5-wrap #popular-videos, html body section#popular-videos{ box-sizing:border-box!important; overflow:hidden!important; } html body #popular-videos .fh-slider-head{ margin:0 0 8px!important; padding:0!important; } html body #popular-videos .fh-slider-head p{ display:none!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track, html body #popular-videos .fh-slider-track.fh-popular-videos-strict-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; width:100%!important; max-width:660px!important; margin:0 auto!important; padding:0!important; gap:8px!important; align-items:start!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card, html body #popular-videos .fh-slider-card.fh-popular-videos-final-card, html body #popular-videos .fh-slider-card.fh-popular-videos-strict-card{ display:flex!important; flex-direction:column!important; width:100%!important; height:172px!important; min-height:172px!important; max-height:172px!important; margin:0!important; padding:0!important; gap:0!important; border-radius:11px!important; overflow:hidden!important; box-sizing:border-box!important; position:relative!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card), html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } html body #popular-videos .post-thumb, html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:172px!important; min-height:172px!important; max-height:172px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos video, html body #popular-videos .post-card video, html body #popular-videos iframe, html body #popular-videos .post-card iframe, html body #popular-videos .wp-block-video, html body #popular-videos .wp-block-embed, html body #popular-videos .wp-video, html body #popular-videos .mejs-container{ display:block!important; width:100%!important; height:132px!important; min-height:132px!important; max-height:132px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:cover!important; object-position:center!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:5px 8px!important; gap:0!important; border:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-copy h1, html body #popular-videos .post-copy h2, html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; height:auto!important; min-height:0!important; max-height:29px!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:12.5px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:left!important; white-space:normal!important; text-overflow:ellipsis!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .post-card .post-copy > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .fh-slider-body > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .fh-card-excerpt, html body #popular-videos .post-excerpt, html body #popular-videos .entry-summary, html body #popular-videos .entry-content, html body #popular-videos .excerpt, html body #popular-videos .fh-slider-card p, html body #popular-videos .post-copy p, html body #popular-videos .fh-slider-body p, html body #popular-videos .post-meta, html body #popular-videos .fh-slider-meta, html body #popular-videos .meta, html body #popular-videos .post-category, html body #popular-videos .category, html body #popular-videos .category-badge, html body #popular-videos .cat, html body #popular-videos .post-cats, html body #popular-videos .posted-on, html body #popular-videos .byline, html body #popular-videos .comments-link, html body #popular-videos .tags-links, html body #popular-videos .edit-link, html body #popular-videos .post-actions, html body #popular-videos .fh-card-actions, html body #popular-videos .card-actions, html body #popular-videos .actions, html body #popular-videos .fh-read-more-btn, html body #popular-videos a.fh-read-more-btn, html body #popular-videos a[rel~="category"], html body #popular-videos a[rel="category tag"]{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; z-index:6!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track, html body #popular-videos .fh-slider-track.fh-popular-videos-strict-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; max-width:440px!important; gap:8px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:166px!important; min-height:166px!important; max-height:166px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe, html body #popular-videos .wp-block-video, html body #popular-videos .wp-block-embed, html body #popular-videos .wp-video, html body #popular-videos .mejs-container{ height:128px!important; min-height:128px!important; max-height:128px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:38px!important; min-height:38px!important; max-height:38px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-popular-videos-final-track, html body #popular-videos .fh-slider-track.fh-popular-videos-strict-track{ grid-template-columns:1fr!important; max-width:285px!important; gap:8px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:162px!important; min-height:162px!important; max-height:162px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe, html body #popular-videos .wp-block-video, html body #popular-videos .wp-block-embed, html body #popular-videos .wp-video, html body #popular-videos .mejs-container{ height:125px!important; min-height:125px!important; max-height:125px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:37px!important; min-height:37px!important; max-height:37px!important; padding:5px 8px!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ font-size:12px!important; line-height:1.1!important; max-height:27px!important; } } html body .fh-header-group5-wrap, html body .fh-header-group5-wrap #popular-videos, html body section#popular-videos.fh-popular-videos-after-header, html body #popular-videos.fh-latest-slider-wrap{ display:block!important; width:100%!important; max-width:1180px!important; margin:0 auto!important; padding:12px 12px 0!important; left:auto!important; right:auto!important; transform:none!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-head{margin:0 0 8px!important;padding:0!important;text-align:center!important;} html body #popular-videos .fh-slider-head p{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;} html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; width:100%!important; max-width:660px!important; min-height:0!important; margin:0 auto!important; padding:0!important; align-items:start!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos article.post-card.fh-slider-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card, html body #popular-videos .fh-slider-card.fh-group5-isolated-card{ display:flex!important; flex-direction:column!important; width:100%!important; height:172px!important; min-height:172px!important; max-height:172px!important; margin:0!important; padding:0!important; gap:0!important; border-radius:11px!important; overflow:hidden!important; box-sizing:border-box!important; position:relative!important; } html body #popular-videos .fh-slider-card[hidden], html body #popular-videos .fh-slider-card.fh-group5-hidden-card, html body #popular-videos .fh-slider-card:not(.fh-group5-visible-card), html body #popular-videos .post-card.fh-slider-card[hidden], html body #popular-videos .post-card.fh-slider-card:not(.fh-group5-visible-card){ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .post-thumb, html body #popular-videos .post-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:172px!important; min-height:172px!important; max-height:172px!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .post-card .post-photo, html body #popular-videos .post-card img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos .fh-slider-card img.fh-slider-photo, html body #popular-videos video, html body #popular-videos .post-card video, html body #popular-videos iframe, html body #popular-videos .post-card iframe, html body #popular-videos .wp-block-video, html body #popular-videos .wp-block-embed, html body #popular-videos .wp-video, html body #popular-videos .mejs-container{ display:block!important; width:100%!important; height:132px!important; min-height:132px!important; max-height:132px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:cover!important; object-position:center!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:40px!important; min-height:40px!important; max-height:40px!important; margin:0!important; padding:5px 8px!important; gap:0!important; border:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-copy h1, html body #popular-videos .post-copy h2, html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; height:auto!important; min-height:0!important; max-height:29px!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:12.5px!important; line-height:1.12!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:left!important; white-space:normal!important; text-overflow:ellipsis!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-copy > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .post-card .post-copy > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .fh-slider-body > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .fh-card-excerpt, html body #popular-videos .post-excerpt, html body #popular-videos .entry-summary, html body #popular-videos .entry-content, html body #popular-videos .excerpt, html body #popular-videos .fh-slider-card p, html body #popular-videos .post-copy p, html body #popular-videos .fh-slider-body p, html body #popular-videos .post-meta, html body #popular-videos .fh-slider-meta, html body #popular-videos .meta, html body #popular-videos .post-category, html body #popular-videos .category, html body #popular-videos .category-badge, html body #popular-videos .cat, html body #popular-videos .post-cats, html body #popular-videos .posted-on, html body #popular-videos .byline, html body #popular-videos .comments-link, html body #popular-videos .tags-links, html body #popular-videos .edit-link, html body #popular-videos .post-actions, html body #popular-videos .fh-card-actions, html body #popular-videos .card-actions, html body #popular-videos .actions, html body #popular-videos .fh-read-more-btn, html body #popular-videos a.fh-read-more-btn, html body #popular-videos a[rel~="category"], html body #popular-videos a[rel="category tag"]{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; line-height:0!important; font-size:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; z-index:6!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; } html body #popular-videos .fh-slider-btn, html body #popular-videos button.fh-slider-btn, html body #popular-videos .fh-slider-dots{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:660px!important; gap:8px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:100%!important; gap:6px!important; } html body #popular-videos .fh-slider-card, html body #popular-videos article.fh-slider-card, html body #popular-videos .post-card.fh-slider-card, html body #popular-videos .post-thumb{ height:142px!important; min-height:142px!important; max-height:142px!important; } html body #popular-videos .post-photo, html body #popular-videos img.post-photo, html body #popular-videos .fh-slider-photo, html body #popular-videos video, html body #popular-videos iframe, html body #popular-videos .wp-block-video, html body #popular-videos .wp-block-embed, html body #popular-videos .wp-video, html body #popular-videos .mejs-container{ height:106px!important; min-height:106px!important; max-height:106px!important; } html body #popular-videos .post-copy, html body #popular-videos .post-card .post-copy, html body #popular-videos .fh-slider-body{ height:36px!important; min-height:36px!important; max-height:36px!important; padding:4px 6px!important; } html body #popular-videos .post-copy h3, html body #popular-videos .post-card .post-copy h3, html body #popular-videos .fh-slider-body h3, html body #popular-videos .fh-slider-card h3{ font-size:11.5px!important; line-height:1.08!important; max-height:25px!important; } } html body #popular-videos .post-card.fh-group5-video-card, html body section#popular-videos .post-card.fh-group5-video-card, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card, html body .fh-header-group5-wrap .post-card.fh-group5-video-card{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#fff!important; border:1px solid #ffd0e2!important; border-radius:14px!important; box-shadow:0 14px 34px rgba(236,43,122,.10)!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb, html body section#popular-videos .post-card.fh-group5-video-card .post-thumb, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-thumb, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb::before, html body #popular-videos .post-card.fh-group5-video-card .post-thumb::after, html body section#popular-videos .post-card.fh-group5-video-card .post-thumb::before, html body section#popular-videos .post-card.fh-group5-video-card .post-thumb::after, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-thumb::before, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-thumb::after, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-thumb::before, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-thumb::after{ display:none!important; content:none!important; } html body #popular-videos .fh-group5-card-video-frame, html body section#popular-videos .fh-group5-card-video-frame, html body .fh-popular-videos-after-header .fh-group5-card-video-frame, html body .fh-header-group5-wrap .fh-group5-card-video-frame{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:9 / 16!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } html body #popular-videos .fh-group5-card-video-frame > video, html body #popular-videos .fh-group5-card-video-frame video, html body #popular-videos .fh-group5-card-video-frame iframe, html body #popular-videos .fh-group5-card-video-frame embed, html body #popular-videos .fh-group5-card-video-frame object, html body #popular-videos .fh-group5-card-video-frame img, html body #popular-videos .fh-group5-card-video-frame .fh-supported-video, html body #popular-videos .fh-group5-card-video-frame .fh-supported-video-iframe, html body #popular-videos .fh-group5-card-video-frame .fh-supported-oembed iframe, html body #popular-videos .fh-group5-card-video-frame .fh-supported-x-embed iframe, html body section#popular-videos .fh-group5-card-video-frame > video, html body section#popular-videos .fh-group5-card-video-frame video, html body section#popular-videos .fh-group5-card-video-frame iframe, html body section#popular-videos .fh-group5-card-video-frame embed, html body section#popular-videos .fh-group5-card-video-frame object, html body section#popular-videos .fh-group5-card-video-frame img, html body .fh-popular-videos-after-header .fh-group5-card-video-frame > video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame iframe, html body .fh-popular-videos-after-header .fh-group5-card-video-frame embed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame object, html body .fh-popular-videos-after-header .fh-group5-card-video-frame img, html body .fh-header-group5-wrap .fh-group5-card-video-frame > video, html body .fh-header-group5-wrap .fh-group5-card-video-frame video, html body .fh-header-group5-wrap .fh-group5-card-video-frame iframe, html body .fh-header-group5-wrap .fh-group5-card-video-frame embed, html body .fh-header-group5-wrap .fh-group5-card-video-frame object, html body .fh-header-group5-wrap .fh-group5-card-video-frame img{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; aspect-ratio:9 / 16!important; object-fit:cover!important; object-position:center!important; background:#000!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } html body #popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .fh-group5-card-video-frame .fh-supported-x-embed, html body #popular-videos .fh-group5-card-video-frame .wp-video, html body #popular-videos .fh-group5-card-video-frame .mejs-container, html body section#popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body section#popular-videos .fh-group5-card-video-frame .fh-supported-x-embed, html body section#popular-videos .fh-group5-card-video-frame .wp-video, html body section#popular-videos .fh-group5-card-video-frame .mejs-container, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .fh-supported-oembed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .fh-supported-x-embed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .wp-video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .mejs-container, html body .fh-header-group5-wrap .fh-group5-card-video-frame .fh-supported-oembed, html body .fh-header-group5-wrap .fh-group5-card-video-frame .fh-supported-x-embed, html body .fh-header-group5-wrap .fh-group5-card-video-frame .wp-video, html body .fh-header-group5-wrap .fh-group5-card-video-frame .mejs-container{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; overflow:hidden!important; margin:0!important; padding:0!important; background:#000!important; } html body #popular-videos .fh-group5-card-video-poster .fh-group5-play-icon, html body section#popular-videos .fh-group5-card-video-poster .fh-group5-play-icon, html body .fh-popular-videos-after-header .fh-group5-card-video-poster .fh-group5-play-icon, html body .fh-header-group5-wrap .fh-group5-card-video-poster .fh-group5-play-icon{ position:absolute!important; top:50%!important; left:50%!important; z-index:3!important; width:64px!important; height:64px!important; transform:translate(-50%,-50%)!important; border-radius:50%!important; background:rgba(236,43,122,.92)!important; box-shadow:0 12px 30px rgba(0,0,0,.24)!important; pointer-events:none!important; } html body #popular-videos .fh-group5-card-video-poster .fh-group5-play-icon::after, html body section#popular-videos .fh-group5-card-video-poster .fh-group5-play-icon::after, html body .fh-popular-videos-after-header .fh-group5-card-video-poster .fh-group5-play-icon::after, html body .fh-header-group5-wrap .fh-group5-card-video-poster .fh-group5-play-icon::after{ content:""!important; position:absolute!important; top:50%!important; left:53%!important; transform:translate(-50%,-50%)!important; width:0!important; height:0!important; border-top:14px solid transparent!important; border-bottom:14px solid transparent!important; border-left:22px solid #fff!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ display:flex!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:56px!important; min-height:56px!important; max-height:56px!important; padding:9px 14px!important; margin:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; color:#ec2b7a!important; font-size:16px!important; line-height:1.2!important; font-weight:900!important; margin:0!important; padding:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } @media(max-width:680px){ html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ height:52px!important; min-height:52px!important; max-height:52px!important; padding:8px 12px!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ font-size:15px!important; line-height:1.22!important; } } html body #popular-videos .post-card.fh-group5-video-card, html body section#popular-videos .post-card.fh-group5-video-card, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card, html body .fh-header-group5-wrap .post-card.fh-group5-video-card{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#fff!important; border-radius:14px!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb, html body section#popular-videos .post-card.fh-group5-video-card .post-thumb, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-thumb, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#000!important; margin:0!important; padding:0!important; } html body #popular-videos .fh-group5-card-video-frame, html body section#popular-videos .fh-group5-card-video-frame, html body .fh-popular-videos-after-header .fh-group5-card-video-frame, html body .fh-header-group5-wrap .fh-group5-card-video-frame{ position:relative!important; display:block!important; width:100%!important; aspect-ratio:9 / 16!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#000!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; z-index:8!important; pointer-events:auto!important; } html body #popular-videos .fh-group5-card-video-frame video, html body #popular-videos .fh-group5-card-video-frame iframe, html body #popular-videos .fh-group5-card-video-frame embed, html body #popular-videos .fh-group5-card-video-frame object, html body #popular-videos .fh-group5-card-video-frame img, html body section#popular-videos .fh-group5-card-video-frame video, html body section#popular-videos .fh-group5-card-video-frame iframe, html body section#popular-videos .fh-group5-card-video-frame embed, html body section#popular-videos .fh-group5-card-video-frame object, html body section#popular-videos .fh-group5-card-video-frame img, html body .fh-popular-videos-after-header .fh-group5-card-video-frame video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame iframe, html body .fh-popular-videos-after-header .fh-group5-card-video-frame embed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame object, html body .fh-popular-videos-after-header .fh-group5-card-video-frame img, html body .fh-header-group5-wrap .fh-group5-card-video-frame video, html body .fh-header-group5-wrap .fh-group5-card-video-frame iframe, html body .fh-header-group5-wrap .fh-group5-card-video-frame embed, html body .fh-header-group5-wrap .fh-group5-card-video-frame object, html body .fh-header-group5-wrap .fh-group5-card-video-frame img{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; background:#000!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; pointer-events:auto!important; } html body #popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .fh-group5-card-video-frame .fh-supported-x-embed, html body #popular-videos .fh-group5-card-video-frame .wp-video, html body #popular-videos .fh-group5-card-video-frame .mejs-container, html body section#popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body section#popular-videos .fh-group5-card-video-frame .fh-supported-x-embed, html body section#popular-videos .fh-group5-card-video-frame .wp-video, html body section#popular-videos .fh-group5-card-video-frame .mejs-container, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .fh-supported-oembed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .fh-supported-x-embed, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .wp-video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame .mejs-container, html body .fh-header-group5-wrap .fh-group5-card-video-frame .fh-supported-oembed, html body .fh-header-group5-wrap .fh-group5-card-video-frame .fh-supported-x-embed, html body .fh-header-group5-wrap .fh-group5-card-video-frame .wp-video, html body .fh-header-group5-wrap .fh-group5-card-video-frame .mejs-container{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; overflow:hidden!important; background:#000!important; margin:0!important; padding:0!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; height:56px!important; min-height:56px!important; max-height:56px!important; padding:9px 14px!important; margin:0!important; overflow:hidden!important; background:#fff!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:16px!important; line-height:1.2!important; font-weight:900!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy p, html body #popular-videos .post-card.fh-group5-video-card .fh-card-excerpt, html body #popular-videos .post-card.fh-group5-video-card .fh-read-more-btn, html body #popular-videos .post-card.fh-group5-video-card .fh-card-actions, html body section#popular-videos .post-card.fh-group5-video-card .post-copy p, html body section#popular-videos .post-card.fh-group5-video-card .fh-card-excerpt, html body section#popular-videos .post-card.fh-group5-video-card .fh-read-more-btn, html body section#popular-videos .post-card.fh-group5-video-card .fh-card-actions{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-card-full-link, html body section#popular-videos .post-card.fh-group5-video-card .fh-card-full-link, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .fh-card-full-link, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .fh-card-full-link{ z-index:6!important; } @media(max-width:680px){ html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ height:52px!important; min-height:52px!important; max-height:52px!important; padding:8px 12px!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ font-size:15px!important; line-height:1.22!important; } } html body #popular-videos, html body section#popular-videos, html body .fh-header-group5-wrap #popular-videos{ overflow:visible!important; } html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; width:100%!important; max-width:920px!important; margin-left:auto!important; margin-right:auto!important; padding:0!important; align-items:start!important; justify-content:center!important; overflow:visible!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos article.post-card.fh-group5-video-card, html body section#popular-videos .post-card.fh-group5-video-card, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card, html body .fh-header-group5-wrap .post-card.fh-group5-video-card, html body #popular-videos .fh-slider-card.fh-group5-video-card, html body #popular-videos .fh-slider-card.fh-group5-visible-card.fh-group5-video-card, html body #popular-videos .fh-slider-card.fh-group5-isolated-card.fh-group5-video-card{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; background:#fff!important; border:1px solid #ffd0e2!important; border-radius:14px!important; box-shadow:0 14px 34px rgba(236,43,122,.10)!important; box-sizing:border-box!important; position:relative!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb, html body #popular-videos article.post-card.fh-group5-video-card .post-thumb, html body section#popular-videos .post-card.fh-group5-video-card .post-thumb, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-thumb, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; gap:0!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; } html body #popular-videos .fh-group5-card-video-frame, html body section#popular-videos .fh-group5-card-video-frame, html body .fh-popular-videos-after-header .fh-group5-card-video-frame, html body .fh-header-group5-wrap .fh-group5-card-video-frame{ position:relative!important; display:block!important; flex:0 0 auto!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:9 / 16!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; z-index:20!important; pointer-events:auto!important; } html body #popular-videos .fh-group5-card-video-frame > *, html body #popular-videos .fh-group5-card-video-frame video, html body #popular-videos .fh-group5-card-video-frame iframe, html body #popular-videos .fh-group5-card-video-frame embed, html body #popular-videos .fh-group5-card-video-frame object, html body #popular-videos .fh-group5-card-video-frame img, html body #popular-videos .fh-group5-card-video-frame .wp-video, html body #popular-videos .fh-group5-card-video-frame .mejs-container, html body #popular-videos .fh-group5-card-video-frame .mejs-inner, html body #popular-videos .fh-group5-card-video-frame .mejs-mediaelement, html body #popular-videos .fh-group5-card-video-frame .mejs-overlay, html body #popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .fh-group5-card-video-frame .fh-supported-x-embed, html body section#popular-videos .fh-group5-card-video-frame > *, html body .fh-popular-videos-after-header .fh-group5-card-video-frame > *, html body .fh-header-group5-wrap .fh-group5-card-video-frame > *{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:#000!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .fh-group5-card-video-frame video, html body #popular-videos .fh-group5-card-video-frame iframe, html body #popular-videos .fh-group5-card-video-frame embed, html body #popular-videos .fh-group5-card-video-frame object, html body #popular-videos .fh-group5-card-video-frame img, html body section#popular-videos .fh-group5-card-video-frame video, html body section#popular-videos .fh-group5-card-video-frame iframe, html body section#popular-videos .fh-group5-card-video-frame img, html body .fh-popular-videos-after-header .fh-group5-card-video-frame video, html body .fh-popular-videos-after-header .fh-group5-card-video-frame iframe, html body .fh-popular-videos-after-header .fh-group5-card-video-frame img, html body .fh-header-group5-wrap .fh-group5-card-video-frame video, html body .fh-header-group5-wrap .fh-group5-card-video-frame iframe, html body .fh-header-group5-wrap .fh-group5-card-video-frame img{ object-fit:contain!important; object-position:center!important; z-index:22!important; pointer-events:auto!important; } html body #popular-videos .fh-group5-card-video-frame .mejs-controls, html body #popular-videos .fh-group5-card-video-frame .mejs-button, html body #popular-videos .fh-group5-card-video-frame .mejs-time, html body #popular-videos .fh-group5-card-video-frame .mejs-time-rail, html body #popular-videos .fh-group5-card-video-frame .mejs-horizontal-volume-slider{ position:relative!important; inset:auto!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; z-index:30!important; background:transparent!important; overflow:visible!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; flex:0 0 56px!important; width:100%!important; height:56px!important; min-height:56px!important; max-height:56px!important; margin:0!important; padding:9px 14px!important; gap:0!important; overflow:hidden!important; background:#fff!important; border:0!important; border-radius:0!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h1, html body #popular-videos .post-card.fh-group5-video-card .post-copy h2, html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; width:100%!important; height:auto!important; min-height:0!important; max-height:38px!important; margin:0!important; padding:0!important; color:#ec2b7a!important; font-size:16px!important; line-height:1.2!important; font-weight:900!important; text-align:left!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy > :not(h1):not(h2):not(h3):not(.fh-card-full-link), html body #popular-videos .post-card.fh-group5-video-card p, html body #popular-videos .post-card.fh-group5-video-card .fh-card-excerpt, html body #popular-videos .post-card.fh-group5-video-card .fh-read-more-btn, html body #popular-videos .post-card.fh-group5-video-card .fh-card-actions, html body #popular-videos .post-card.fh-group5-video-card .post-meta, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-meta{ display:none!important; visibility:hidden!important; opacity:0!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; max-width:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; pointer-events:none!important; } html body #popular-videos .post-card.fh-group5-video-card > a.fh-card-full-link, html body section#popular-videos .post-card.fh-group5-video-card > a.fh-card-full-link, html body .fh-header-group5-wrap .post-card.fh-group5-video-card > a.fh-card-full-link{ z-index:1!important; pointer-events:none!important; } @media(max-width:1000px) and (min-width:681px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:720px!important; gap:12px!important; } } @media(max-width:680px){ html body #popular-videos .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-one-by-one-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:100%!important; gap:8px!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body section#popular-videos .post-card.fh-group5-video-card .post-copy, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy{ flex-basis:48px!important; height:48px!important; min-height:48px!important; max-height:48px!important; padding:7px 9px!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy h3, html body section#popular-videos .post-card.fh-group5-video-card .post-copy h3, html body .fh-popular-videos-after-header .post-card.fh-group5-video-card .post-copy h3, html body .fh-header-group5-wrap .post-card.fh-group5-video-card .post-copy h3{ font-size:12px!important; line-height:1.1!important; max-height:28px!important; } } html body #popular-videos.fh-group5-isolated-ready .fh-slider-track, html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; } html body #popular-videos .fh-group5-visible-card{ display:flex!important; visibility:visible!important; opacity:1!important; } html body #popular-videos .fh-group5-hidden-card, html body #popular-videos .fh-slider-card[hidden]{ display:none!important; visibility:hidden!important; opacity:0!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ padding:0!important; gap:0!important; background:#000!important; } html body #popular-videos .fh-group5-card-video-frame{ aspect-ratio:9 / 16!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; background:#000!important; overflow:hidden!important; } html body #popular-videos .fh-group5-card-video-frame video, html body #popular-videos .fh-group5-card-video-frame iframe, html body #popular-videos .fh-group5-card-video-frame embed, html body #popular-videos .fh-group5-card-video-frame object, html body #popular-videos .fh-group5-card-video-frame img, html body #popular-videos .fh-group5-card-video-frame .wp-video, html body #popular-videos .fh-group5-card-video-frame .mejs-container, html body #popular-videos .fh-group5-card-video-frame .mejs-inner, html body #popular-videos .fh-group5-card-video-frame .mejs-mediaelement, html body #popular-videos .fh-group5-card-video-frame .mejs-mediaelement > mediaelementwrapper, html body #popular-videos .fh-group5-card-video-frame .mejs-layers, html body #popular-videos .fh-group5-card-video-frame .mejs-poster, html body #popular-videos .fh-group5-card-video-frame .mejs-overlay, html body #popular-videos .fh-group5-card-video-frame .mejs-overlay-play, html body #popular-videos .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .fh-group5-card-video-frame .fh-supported-x-embed{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; margin:0!important; padding:0!important; background:#000!important; border:0!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .fh-group5-card-video-frame .mejs-controls, html body #popular-videos .fh-group5-card-video-frame .mejs-button, html body #popular-videos .fh-group5-card-video-frame .mejs-time, html body #popular-videos .fh-group5-card-video-frame .mejs-time-rail, html body #popular-videos .fh-group5-card-video-frame .mejs-horizontal-volume-slider{ position:relative!important; inset:auto!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; overflow:visible!important; z-index:30!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy{ margin:0!important; padding:9px 14px!important; background:#fff!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy > :not(h1):not(h2):not(h3), html body #popular-videos .post-card.fh-group5-video-card .fh-card-excerpt, html body #popular-videos .post-card.fh-group5-video-card .fh-read-more-btn, html body #popular-videos .post-card.fh-group5-video-card .fh-card-actions, html body #popular-videos .post-card.fh-group5-video-card .post-meta, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-meta{ display:none!important; } html body #popular-videos .fh-slider-track.fh-group5-isolated-track{ align-items:start!important; } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{ display:flex!important; flex-direction:column!important; align-self:start!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ display:flex!important; flex-direction:column!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; padding:0!important; gap:0!important; overflow:hidden!important; background:#000!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame{ flex:0 0 auto!important; display:block!important; position:relative!important; width:100%!important; aspect-ratio:9 / 16!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > *, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame embed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame object, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame img, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .wp-video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-container, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-inner, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement > mediaelementwrapper, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-layers, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-poster, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-overlay, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-x-embed{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; background:#000!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame img{ object-fit:contain!important; object-position:center!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy{ flex:0 0 56px!important; height:56px!important; min-height:56px!important; max-height:56px!important; background:#fff!important; } html body #popular-videos .post-card.fh-group5-hidden-card{ display:none!important; } html body main .post-grid .post-card, html body main .fh-latest-slider-wrap .fh-slider-card, html body main .popular-card-track .post-card{ background:#fff!important; border:1px solid rgba(236,43,122,.22)!important; box-shadow:0 16px 38px rgba(236,43,122,.13)!important; overflow:hidden!important; transform:translateZ(0); } html body main .post-grid .post-card .post-thumb, html body main .fh-latest-slider-wrap .fh-slider-card .post-thumb, html body main .popular-card-track .post-card .post-thumb, html body main .fh-latest-slider-wrap .fh-slider-card .fh-slider-photo{ position:relative!important; overflow:hidden!important; background:#050505!important; border-radius:0!important; isolation:isolate!important; } html body main .post-grid .post-card .post-thumb::after, html body main .fh-latest-slider-wrap .fh-slider-card .post-thumb::after, html body main .popular-card-track .post-card .post-thumb::after{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; border:1px solid rgba(255,255,255,.28)!important; box-shadow:inset 0 0 0 1px rgba(236,43,122,.14), inset 0 -40px 70px rgba(0,0,0,.08)!important; z-index:4!important; } html body main .post-grid .post-card img.post-photo, html body main .post-grid .post-card .post-photo img, html body main .fh-latest-slider-wrap .fh-slider-card img.post-photo, html body main .fh-latest-slider-wrap .fh-slider-card .post-photo img, html body main .fh-latest-slider-wrap .fh-slider-card img.fh-slider-photo, html body main .popular-card-track .post-card img{ display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:none!important; object-fit:cover!important; object-position:center!important; image-rendering:auto!important; backface-visibility:hidden!important; transform:translateZ(0) scale(1.001)!important; } html body main .post-grid .post-card.is-video-card img.post-photo, html body main .post-grid .post-card.is-video-card .post-photo img, html body main .fh-latest-slider-wrap .fh-slider-card.is-video-card img.post-photo, html body main .fh-latest-slider-wrap .fh-slider-card.is-video-card .post-photo img{ object-fit:contain!important; background:#000!important; } html body main .fh-latest-slider-wrap .fh-slider-card .fh-slider-photo{ aspect-ratio:16 / 10!important; } html body #popular-videos .post-card.fh-group5-video-card img, html body #popular-videos .post-card.fh-group5-video-card video, html body #popular-videos .post-card.fh-group5-video-card iframe{ image-rendering:auto!important; backface-visibility:hidden!important; } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{ background:#000!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ background:#000!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-body{ display:none!important; flex:0 0 0!important; width:100%!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; border:0!important; overflow:hidden!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy *, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-body *{ display:none!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame{ margin-bottom:0!important; } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{ background:#000!important; overflow:hidden!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame{ position:relative!important; display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16 / 9!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > *, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame embed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame object, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame img, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .wp-video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-container, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-inner, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement > mediaelementwrapper, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-layers, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-poster, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-overlay, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-x-embed{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; background:#000!important; overflow:hidden!important; box-sizing:border-box!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame img{ object-fit:contain!important; object-position:center!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-body{ display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body .post-card.is-video-card .fh-card-full-link, html body #popular-videos .post-card.fh-group5-video-card .fh-card-full-link{ display:none!important; pointer-events:none!important; } html body .post-card.is-video-card .fh-group5-card-video-frame, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame{ position:relative!important; display:block!important; width:100%!important; height:auto!important; aspect-ratio:9 / 16!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:16px 16px 0 0!important; } html body .post-card.is-video-card .fh-group5-card-video-frame > video, html body .post-card.is-video-card .fh-group5-card-video-frame > iframe, html body .post-card.is-video-card .fh-group5-card-video-frame > embed, html body .post-card.is-video-card .fh-group5-card-video-frame > object, html body .post-card.is-video-card .fh-group5-card-video-frame > img, html body .post-card.is-video-card .fh-group5-card-video-frame .fh-group5-card-video, html body .post-card.is-video-card .fh-group5-card-video-frame .fh-supported-video, html body .post-card.is-video-card .fh-group5-card-video-frame .fh-supported-video-iframe, html body .post-card.is-video-card .fh-group5-card-video-frame .fh-supported-oembed, html body .post-card.is-video-card .fh-group5-card-video-frame .fh-supported-x-embed, html body .post-card.is-video-card .fh-group5-card-video-frame .wp-video, html body .post-card.is-video-card .fh-group5-card-video-frame .mejs-container, html body .post-card.is-video-card .fh-group5-card-video-frame .mejs-inner, html body .post-card.is-video-card .fh-group5-card-video-frame .mejs-mediaelement, html body .post-card.is-video-card .fh-group5-card-video-frame .mejs-mediaelement > mediaelementwrapper, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > embed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > object, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > img, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-group5-card-video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-video-iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-oembed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-x-embed, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .wp-video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-container, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-inner, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .mejs-mediaelement > mediaelementwrapper{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; background:#000!important; overflow:hidden!important; box-sizing:border-box!important; } html body .post-card.is-video-card .fh-group5-card-video-frame video, html body .post-card.is-video-card .fh-group5-card-video-frame iframe, html body .post-card.is-video-card .fh-group5-card-video-frame img, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame video, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame iframe, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame img{ object-fit:contain!important; object-position:center!important; } html body .post-card.is-video-card .fh-group5-card-video-frame .fh-supported-source-link, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame .fh-supported-source-link{ position:absolute!important; left:50%!important; bottom:12px!important; transform:translateX(-50%)!important; z-index:20!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; max-width:calc(100% - 24px)!important; min-height:38px!important; padding:0 14px!important; border-radius:999px!important; background:rgba(255,255,255,.94)!important; color:#111!important; font-size:13px!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; box-shadow:0 8px 22px rgba(0,0,0,.25)!important; pointer-events:auto!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.is-video-card .post-thumb, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card.is-video-card .post-thumb{ background:#000!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.is-video-card .post-copy, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card.is-video-card .post-copy{ display:block!important; min-height:58px!important; height:auto!important; padding:14px 16px!important; background:#fff!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.is-video-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card.is-video-card .fh-card-excerpt, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.is-video-card .fh-read-more-btn, html body .page-section.post-section.first-section[data-page="today"] > .post-grid.compact > .post-card.is-video-card .fh-read-more-btn{ display:none!important; } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{ background:#000!important; border-radius:16px!important; overflow:hidden!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-body{ display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } html body.single .detail-page-body .fh-supported-video-links, html body.single-post .detail-page-body .fh-supported-video-links, html body.single-friendhub_video .detail-page-body .fh-supported-video-links{ width:100%!important; max-width:980px!important; margin:22px auto!important; display:grid!important; grid-template-columns:1fr!important; gap:18px!important; } html body.single .detail-page-body .fh-supported-video-card, html body.single-post .detail-page-body .fh-supported-video-card, html body.single-friendhub_video .detail-page-body .fh-supported-video-card, html body.single .detail-page-body .wp-block-video, html body.single-post .detail-page-body .wp-block-video, html body.single-friendhub_video .detail-page-body .wp-block-video, html body.single .detail-page-body .wp-block-embed, html body.single-post .detail-page-body .wp-block-embed, html body.single-friendhub_video .detail-page-body .wp-block-embed, html body.single .detail-page-body .fhvp-player-wrap, html body.single-post .detail-page-body .fhvp-player-wrap, html body.single-friendhub_video .detail-page-body .fhvp-player-wrap, html body.single .detail-page-body .fh-detail-video-16x9, html body.single-post .detail-page-body .fh-detail-video-16x9, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9{ position:relative!important; display:block!important; width:100%!important; max-width:980px!important; aspect-ratio:16 / 9!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0 auto 18px!important; padding:0!important; overflow:hidden!important; background:#000!important; border:1px solid rgba(236,43,122,.22)!important; border-radius:18px!important; box-shadow:0 18px 42px rgba(236,43,122,.16)!important; } html body.single .detail-page-body .fh-supported-video-card > *, html body.single-post .detail-page-body .fh-supported-video-card > *, html body.single-friendhub_video .detail-page-body .fh-supported-video-card > *, html body.single .detail-page-body .wp-block-video > video, html body.single-post .detail-page-body .wp-block-video > video, html body.single-friendhub_video .detail-page-body .wp-block-video > video, html body.single .detail-page-body .wp-block-embed > iframe, html body.single-post .detail-page-body .wp-block-embed > iframe, html body.single-friendhub_video .detail-page-body .wp-block-embed > iframe, html body.single .detail-page-body .fhvp-player-wrap > *, html body.single-post .detail-page-body .fhvp-player-wrap > *, html body.single-friendhub_video .detail-page-body .fhvp-player-wrap > *, html body.single .detail-page-body .fh-detail-video-16x9 > video, html body.single-post .detail-page-body .fh-detail-video-16x9 > video, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9 > video, html body.single .detail-page-body .fh-detail-video-16x9 > iframe, html body.single-post .detail-page-body .fh-detail-video-16x9 > iframe, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9 > iframe{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; min-width:100%!important; min-height:100%!important; margin:0!important; padding:0!important; border:0!important; background:#000!important; border-radius:0!important; box-shadow:none!important; overflow:hidden!important; } html body.single .detail-page-body video, html body.single-post .detail-page-body video, html body.single-friendhub_video .detail-page-body video, html body.single .detail-page-body iframe, html body.single-post .detail-page-body iframe, html body.single-friendhub_video .detail-page-body iframe, html body.single .detail-page-body embed, html body.single-post .detail-page-body embed, html body.single-friendhub_video .detail-page-body embed, html body.single .detail-page-body object, html body.single-post .detail-page-body object, html body.single-friendhub_video .detail-page-body object{ object-fit:contain!important; object-position:center center!important; } html body.single .detail-page-body .fh-supported-source-link, html body.single-post .detail-page-body .fh-supported-source-link, html body.single-friendhub_video .detail-page-body .fh-supported-source-link{ position:absolute!important; left:50%!important; bottom:14px!important; transform:translateX(-50%)!important; z-index:30!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; max-width:calc(100% - 28px)!important; padding:0 16px!important; border-radius:999px!important; background:rgba(255,255,255,.95)!important; color:#111!important; font-weight:900!important; font-size:13px!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; box-shadow:0 8px 22px rgba(0,0,0,.28)!important; } @media (max-width:680px){ html body.single .detail-page-body .fh-supported-video-links, html body.single-post .detail-page-body .fh-supported-video-links, html body.single-friendhub_video .detail-page-body .fh-supported-video-links{ max-width:100%!important; margin-top:14px!important; } html body.single .detail-page-body .fh-supported-video-card, html body.single-post .detail-page-body .fh-supported-video-card, html body.single-friendhub_video .detail-page-body .fh-supported-video-card, html body.single .detail-page-body .wp-block-video, html body.single-post .detail-page-body .wp-block-video, html body.single-friendhub_video .detail-page-body .wp-block-video, html body.single .detail-page-body .wp-block-embed, html body.single-post .detail-page-body .wp-block-embed, html body.single-friendhub_video .detail-page-body .wp-block-embed, html body.single .detail-page-body .fhvp-player-wrap, html body.single-post .detail-page-body .fhvp-player-wrap, html body.single-friendhub_video .detail-page-body .fhvp-player-wrap, html body.single .detail-page-body .fh-detail-video-16x9, html body.single-post .detail-page-body .fh-detail-video-16x9, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9{ width:100%!important; max-width:100%!important; aspect-ratio:16 / 9!important; border-radius:14px!important; margin-left:auto!important; margin-right:auto!important; } } html body #popular-videos .post-card.fh-group5-video-card, html body #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{ display:flex!important; flex-direction:column!important; background:#000!important; border-radius:16px!important; overflow:hidden!important; position:relative!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; position:relative!important; } html body #popular-videos .post-card.fh-group5-video-card .post-thumb::before, html body #popular-videos .post-card.fh-group5-video-card .post-thumb::after{ display:none!important; content:none!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-poster{ position:relative!important; display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:16 / 9!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:16px!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > img, html body #popular-videos .post-card.fh-group5-video-card img.fh-group5-video-poster, html body #popular-videos .post-card.fh-group5-video-card img.post-photo.fh-group5-video-poster{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; object-fit:cover!important; object-position:center!important; background:#000!important; z-index:1!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame::after{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22))!important; z-index:2!important; pointer-events:none!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon{ position:absolute!important; left:50%!important; top:50%!important; width:64px!important; height:64px!important; border-radius:50%!important; transform:translate(-50%,-50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; background:rgba(255,255,255,.92)!important; border:6px solid var(--fh-pink)!important; box-shadow:0 14px 30px rgba(236,43,122,.28)!important; z-index:3!important; pointer-events:none!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon::before{ content:""!important; width:0!important; height:0!important; margin-left:5px!important; border-top:13px solid transparent!important; border-bottom:13px solid transparent!important; border-left:20px solid var(--fh-pink)!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-card-full-link{ display:block!important; position:absolute!important; inset:0!important; width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; opacity:1!important; visibility:visible!important; pointer-events:auto!important; background:transparent!important; z-index:10!important; } html body #popular-videos .post-card.fh-group5-video-card .post-copy, html body #popular-videos .post-card.fh-group5-video-card .fh-slider-body{ display:none!important; height:0!important; min-height:0!important; max-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } @media(max-width:680px){ html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame, html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-poster{ aspect-ratio:16 / 9!important; border-radius:14px!important; } html body #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon{ width:56px!important; height:56px!important; border-width:5px!important; } } @media (max-width:680px){ html body.single .detail-page-body .fh-supported-video-card, html body.single-post .detail-page-body .fh-supported-video-card, html body.single-friendhub_video .detail-page-body .fh-supported-video-card, html body.single .detail-page-body .wp-block-video, html body.single-post .detail-page-body .wp-block-video, html body.single-friendhub_video .detail-page-body .wp-block-video, html body.single .detail-page-body .wp-block-embed, html body.single-post .detail-page-body .wp-block-embed, html body.single-friendhub_video .detail-page-body .wp-block-embed, html body.single .detail-page-body .fhvp-player-wrap, html body.single-post .detail-page-body .fhvp-player-wrap, html body.single-friendhub_video .detail-page-body .fhvp-player-wrap, html body.single .detail-page-body .fh-detail-video-16x9, html body.single-post .detail-page-body .fh-detail-video-16x9, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9{ max-width:430px!important; aspect-ratio:9 / 16!important; border-radius:16px!important; } } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame{ position:relative!important; display:block!important; width:100%!important; height:auto!important; aspect-ratio:9 / 16!important; min-height:0!important; max-height:none!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:16px 16px 0 0!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame > video, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame > iframe, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame > embed, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame > object, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame > img, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .fh-supported-video, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .fh-supported-video-iframe, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .fh-supported-oembed, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .fh-supported-x-embed, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .wp-video, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .mejs-container, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .mejs-inner, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .mejs-mediaelement, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame .mejs-mediaelement > mediaelementwrapper{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; margin:0!important; padding:0!important; border:0!important; background:#000!important; overflow:hidden!important; box-sizing:border-box!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame video, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame iframe, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-video-card-player-frame img{ object-fit:contain!important; object-position:center center!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-card-full-link{ display:none!important; pointer-events:none!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .post-copy{ display:flex!important; flex-direction:column!important; min-height:116px!important; height:auto!important; padding:14px 16px!important; gap:12px!important; background:#fff!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .post-copy h3{ display:block!important; width:100%!important; margin:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-card-excerpt{ display:none!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .fh-group4-read-more{ display:inline-flex!important; margin-top:auto!important; } html body .fh-video-card-player-frame .fh-video-card-player-poster-link{ position:absolute; inset:0; display:block; width:100%; height:100%; color:inherit; text-decoration:none; overflow:hidden; } html body .fh-video-card-player-frame .fh-video-card-player-poster-link img{ width:100%; height:100%; object-fit:contain; object-position:center center; background:#000; } html body .post-card.fh-group4-video-card .fh-video-card-player-frame iframe, html body .post-card.fh-group4-video-card .fh-video-card-player-frame video{ content-visibility:auto; contain-intrinsic-size: 320px 180px; } html body .post-card.is-video-card .fh-public-video-thumb-frame, html body .post-grid.compact .post-card.is-video-card .fh-public-video-thumb-frame, html body .page-section.post-section .post-card.is-video-card .fh-public-video-thumb-frame{ position:relative!important; display:block!important; width:100%!important; height:150px!important; min-height:150px!important; max-height:150px!important; overflow:hidden!important; background:#000!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body .post-card.is-video-card .fh-public-video-thumb-frame img.post-photo, html body .post-card.is-video-card .fh-public-video-thumb-frame img.fh-public-video-poster, html body .post-grid.compact .post-card.is-video-card .fh-public-video-thumb-frame img.post-photo, html body .page-section.post-section .post-card.is-video-card .fh-public-video-thumb-frame img.post-photo{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:cover!important; object-position:center!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; background:#000!important; } html body .post-card.is-video-card .fh-public-video-play-icon{ position:absolute!important; top:50%!important; left:50%!important; z-index:4!important; width:58px!important; height:58px!important; transform:translate(-50%,-50%)!important; border-radius:999px!important; background:rgba(236,43,122,.92)!important; box-shadow:0 12px 28px rgba(0,0,0,.28)!important; pointer-events:none!important; } html body .post-card.is-video-card .fh-public-video-play-icon::after{ content:""!important; position:absolute!important; top:50%!important; left:54%!important; transform:translate(-50%,-50%)!important; width:0!important; height:0!important; border-top:12px solid transparent!important; border-bottom:12px solid transparent!important; border-left:19px solid #fff!important; } html body .post-card.is-video-card .post-copy{ min-height:56px!important; height:auto!important; padding:12px 14px!important; background:#fff!important; } html body .post-card.is-video-card .post-copy h3{ display:-webkit-box!important; -webkit-line-clamp:2!important; -webkit-box-orient:vertical!important; overflow:hidden!important; color:#ec2b7a!important; font-size:15px!important; line-height:1.2!important; font-weight:900!important; margin:0!important; } html body .post-card.is-video-card video, html body .post-card.is-video-card iframe, html body .post-card.is-video-card .fh-video-card-player-frame, html body .post-card.is-video-card .fh-video-card-player{ display:none!important; } @media(max-width:560px){ html body .post-card.is-video-card .fh-public-video-thumb-frame, html body .post-grid.compact .post-card.is-video-card .fh-public-video-thumb-frame, html body .page-section.post-section .post-card.is-video-card .fh-public-video-thumb-frame{ height:190px!important; min-height:190px!important; max-height:190px!important; } } html body.single .detail-page-body .fh-supported-video-card-x, html body.single-post .detail-page-body .fh-supported-video-card-x, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x, html body.single .detail-page-body .fh-supported-video-card-oembed, html body.single-post .detail-page-body .fh-supported-video-card-oembed, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-oembed{ position:relative!important; display:flex!important; align-items:flex-start!important; justify-content:center!important; width:100%!important; max-width:680px!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0 auto 18px!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body.single .detail-page-body .fh-supported-video-card-x > *, html body.single-post .detail-page-body .fh-supported-video-card-x > *, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x > *, html body.single .detail-page-body .fh-supported-video-card-oembed > *, html body.single-post .detail-page-body .fh-supported-video-card-oembed > *, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-oembed > *{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-width:0!important; min-height:0!important; max-height:none!important; margin:0 auto!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; box-shadow:none!important; } html body.single .detail-page-body .fh-supported-video-card-x .fh-supported-x-embed, html body.single-post .detail-page-body .fh-supported-video-card-x .fh-supported-x-embed, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x .fh-supported-x-embed, html body.single .detail-page-body .fh-supported-video-card-oembed .fh-supported-oembed, html body.single-post .detail-page-body .fh-supported-video-card-oembed .fh-supported-oembed, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-oembed .fh-supported-oembed{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; height:auto!important; min-height:0!important; overflow:visible!important; background:transparent!important; text-align:center!important; } html body.single .detail-page-body .fh-supported-video-card-x blockquote.twitter-tweet, html body.single-post .detail-page-body .fh-supported-video-card-x blockquote.twitter-tweet, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x blockquote.twitter-tweet, html body.single .detail-page-body .fh-supported-video-card-x .twitter-tweet, html body.single-post .detail-page-body .fh-supported-video-card-x .twitter-tweet, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x .twitter-tweet, html body.single .detail-page-body .fh-supported-video-card-x .twitter-tweet-rendered, html body.single-post .detail-page-body .fh-supported-video-card-x .twitter-tweet-rendered, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x .twitter-tweet-rendered{ position:relative!important; width:100%!important; max-width:560px!important; min-width:0!important; margin:0 auto!important; background:transparent!important; } html body.single .detail-page-body .fh-supported-video-card-player, html body.single-post .detail-page-body .fh-supported-video-card-player, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-player{ background:transparent!important; } html body.single .detail-page-body .fh-supported-video-card-player > video, html body.single-post .detail-page-body .fh-supported-video-card-player > video, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-player > video, html body.single .detail-page-body .fh-supported-video-card-player > iframe, html body.single-post .detail-page-body .fh-supported-video-card-player > iframe, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-player > iframe{ background:transparent!important; } @media (max-width:680px){ html body.single .detail-page-body .fh-supported-video-card-x, html body.single-post .detail-page-body .fh-supported-video-card-x, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-x, html body.single .detail-page-body .fh-supported-video-card-oembed, html body.single-post .detail-page-body .fh-supported-video-card-oembed, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-oembed{ max-width:100%!important; aspect-ratio:auto!important; border-radius:0!important; } } html body.single .detail-page-body .fh-supported-video-card-player.fh-detail-auto-portrait, html body.single-post .detail-page-body .fh-supported-video-card-player.fh-detail-auto-portrait, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-player.fh-detail-auto-portrait, html body.single .detail-page-body .wp-block-video.fh-detail-auto-portrait, html body.single-post .detail-page-body .wp-block-video.fh-detail-auto-portrait, html body.single-friendhub_video .detail-page-body .wp-block-video.fh-detail-auto-portrait, html body.single .detail-page-body .fh-detail-video-16x9.fh-detail-auto-portrait, html body.single-post .detail-page-body .fh-detail-video-16x9.fh-detail-auto-portrait, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9.fh-detail-auto-portrait{ aspect-ratio:var(--fh-detail-auto-aspect, 9 / 16)!important; width:100%!important; max-width:min(100%, 430px)!important; height:auto!important; max-height:none!important; min-height:0!important; margin:0 auto 24px auto!important; padding:0!important; overflow:hidden!important; background:transparent!important; border-radius:18px!important; position:relative!important; box-shadow:none!important; } html body.single .detail-page-body .fh-supported-video-card-player.fh-detail-auto-crop-portrait, html body.single-post .detail-page-body .fh-supported-video-card-player.fh-detail-auto-crop-portrait, html body.single-friendhub_video .detail-page-body .fh-supported-video-card-player.fh-detail-auto-crop-portrait, html body.single .detail-page-body .wp-block-video.fh-detail-auto-crop-portrait, html body.single-post .detail-page-body .wp-block-video.fh-detail-auto-crop-portrait, html body.single-friendhub_video .detail-page-body .wp-block-video.fh-detail-auto-crop-portrait, html body.single .detail-page-body .fh-detail-video-16x9.fh-detail-auto-crop-portrait, html body.single-post .detail-page-body .fh-detail-video-16x9.fh-detail-auto-crop-portrait, html body.single-friendhub_video .detail-page-body .fh-detail-video-16x9.fh-detail-auto-crop-portrait, html body.single .detail-page-body .fhvp-player-wrap.fh-detail-auto-crop-portrait, html body.single-post .detail-page-body .fhvp-player-wrap.fh-detail-auto-crop-portrait, html body.single-friendhub_video .detail-page-body .fhvp-player-wrap.fh-detail-auto-crop-portrait{ aspect-ratio:9 / 16!important; width:100%!important; max-width:min(100%, 430px)!important; height:auto!important; max-height:none!important; min-height:0!important; margin:0 auto 24px auto!important; padding:0!important; overflow:hidden!important; background:transparent!important; border-radius:18px!important; position:relative!important; box-shadow:none!important; } html body.single .detail-page-body .fh-detail-auto-portrait > video, html body.single-post .detail-page-body .fh-detail-auto-portrait > video, html body.single-friendhub_video .detail-page-body .fh-detail-auto-portrait > video, html body.single .detail-page-body .fh-detail-auto-portrait video, html body.single-post .detail-page-body .fh-detail-auto-portrait video, html body.single-friendhub_video .detail-page-body .fh-detail-auto-portrait video{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; object-fit:fill!important; object-position:center center!important; background:transparent!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body.single .detail-page-body .fh-detail-auto-crop-portrait > video, html body.single-post .detail-page-body .fh-detail-auto-crop-portrait > video, html body.single-friendhub_video .detail-page-body .fh-detail-auto-crop-portrait > video, html body.single .detail-page-body .fh-detail-auto-crop-portrait video, html body.single-post .detail-page-body .fh-detail-auto-crop-portrait video, html body.single-friendhub_video .detail-page-body .fh-detail-auto-crop-portrait video{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-width:100%!important; min-height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; background:transparent!important; border:0!important; border-radius:0!important; margin:0!important; padding:0!important; } html body .post-card.is-video-card .post-thumb, html body .post-card.is-video-card .fh-public-video-thumb-frame, html body #popular-videos .post-card .post-thumb, html body #popular-videos .fh-group5-card-video-frame, html body .fh-video-card-player-frame{ overflow: hidden !important; background: transparent !important; } html body .post-card.is-video-card .post-photo, html body .post-card .fh-public-video-poster, html body .post-card .fh-group5-video-poster, html body .post-card .fh-video-card-player-poster-img, html body #popular-videos .post-card img.post-photo, html body .fh-public-video-thumb-frame img, html body .fh-group5-card-video-frame img, html body .fh-video-card-player-frame img{ width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; object-position: center var(--fh-thumb-focus-y, 32%) !important; background: transparent !important; } html body img.fh-thumb-smart-tall{ object-position: center var(--fh-thumb-focus-y, 24%) !important; } html body img.fh-thumb-smart-portrait{ object-position: center var(--fh-thumb-focus-y, 28%) !important; } html body img.fh-thumb-smart-square{ object-position: center var(--fh-thumb-focus-y, 38%) !important; } html body img.fh-thumb-smart-landscape{ object-position: center var(--fh-thumb-focus-y, 50%) !important; } html body.single.fh-detail-is-photo .fh-header-group5-wrap, html body.single-post.fh-detail-is-photo .fh-header-group5-wrap, html body.single-friendhub_video.fh-detail-is-photo .fh-header-group5-wrap{ display:none!important; } html body.single.fh-detail-is-video .fh-popular-detail, html body.single-post.fh-detail-is-video .fh-popular-detail, html body.single-friendhub_video.fh-detail-is-video .fh-popular-detail, html body.single.fh-detail-is-video #popular, html body.single-post.fh-detail-is-video #popular, html body.single-friendhub_video.fh-detail-is-video #popular{ display:none!important; } html body.single.fh-detail-is-video .fh-video-detail-page .fh-photo-detail-grid, html body.single-post.fh-detail-is-video .fh-video-detail-page .fh-photo-detail-grid, html body.single-friendhub_video.fh-detail-is-video .fh-video-detail-page .fh-photo-detail-grid, html body.single.fh-detail-is-video .fh-video-detail-page .fh-detail-upload-card-grid, html body.single-post.fh-detail-is-video .fh-video-detail-page .fh-detail-upload-card-grid, html body.single-friendhub_video.fh-detail-is-video .fh-video-detail-page .fh-detail-upload-card-grid{ display:none!important; } html body.single.fh-detail-is-photo .fh-photo-detail-page .fh-supported-video-links, html body.single-post.fh-detail-is-photo .fh-photo-detail-page .fh-supported-video-links, html body.single-friendhub_video.fh-detail-is-photo .fh-photo-detail-page .fh-supported-video-links, html body.single.fh-detail-is-photo .fh-photo-detail-page .fhvp-player-wrap, html body.single-post.fh-detail-is-photo .fh-photo-detail-page .fhvp-player-wrap, html body.single-friendhub_video.fh-detail-is-photo .fh-photo-detail-page .fhvp-player-wrap{ display:none!important; } html body.single .fh-video-detail-page, html body.single-post .fh-video-detail-page, html body.single-friendhub_video .fh-video-detail-page{ max-width:1040px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-video-detail-body, html body.single-post .fh-video-detail-body, html body.single-friendhub_video .fh-video-detail-body{ width:100%!important; max-width:1000px!important; margin:18px auto 0!important; padding:0!important; } html body.single .fh-video-detail-main, html body.single-post .fh-video-detail-main, html body.single-friendhub_video .fh-video-detail-main{ width:100%!important; max-width:1000px!important; margin:0 auto!important; display:block!important; } html body.single .fh-video-detail-main .fh-supported-video-links, html body.single-post .fh-video-detail-main .fh-supported-video-links, html body.single-friendhub_video .fh-video-detail-main .fh-supported-video-links{ margin:0 auto!important; width:100%!important; max-width:1000px!important; display:block!important; } html body.single .fh-video-detail-main .fh-supported-video-card, html body.single-post .fh-video-detail-main .fh-supported-video-card, html body.single-friendhub_video .fh-video-detail-main .fh-supported-video-card, html body.single .fh-video-detail-main .fhvp-player-wrap, html body.single-post .fh-video-detail-main .fhvp-player-wrap, html body.single-friendhub_video .fh-video-detail-main .fhvp-player-wrap{ margin:0 auto 18px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; width:100%!important; max-width:1000px!important; margin:16px auto 4px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-card{ min-height:0!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-card .post-thumb{ height:320px!important; min-height:320px!important; max-height:320px!important; overflow:hidden!important; background:#fff!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card img, html body.single-post .fh-photo-detail-page .fh-photo-detail-card img{ width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center 28%!important; border-radius:16px!important; margin:0!important; box-shadow:none!important; } @media(max-width:900px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-card .post-thumb{ height:260px!important; min-height:260px!important; max-height:260px!important; } } @media(max-width:560px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid{ grid-template-columns:1fr!important; gap:12px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-card .post-thumb{ height:auto!important; min-height:0!important; max-height:none!important; } html body.single .fh-photo-detail-page .fh-photo-detail-card img, html body.single-post .fh-photo-detail-page .fh-photo-detail-card img{ height:auto!important; max-height:620px!important; object-fit:contain!important; } } :root{ --fh-device-gap:clamp(12px,2vw,24px); --fh-device-card-radius:18px; --fh-device-shadow:0 14px 34px rgba(236,43,122,.12); } html, body{ max-width:100%!important; overflow-x:hidden!important; -webkit-text-size-adjust:100%!important; } img, video, iframe, embed, object, .wp-video, .mejs-container{ max-width:100%!important; } .fh-topbar, .fh-nav-wrap, .site-layout, .content-column, .page-section, .post-section, .detail-page, .fh-latest-slider-wrap, .fh-header-group5-wrap, #popular, #popular-videos{ max-width:100%!important; min-width:0!important; } html body .fh-topbar{ width:100%!important; left:0!important; right:0!important; transform:none!important; } html body .fh-nav-wrap{ width:100%!important; max-width:1600px!important; margin-left:auto!important; margin-right:auto!important; min-width:0!important; padding-left:max(14px, env(safe-area-inset-left))!important; padding-right:max(14px, env(safe-area-inset-right))!important; } html body .fh-brand, html body .fh-main-menu, html body .fh-nav-actions{ min-width:0!important; } html body .fh-brand-text, html body .fh-nav-link, html body .fh-upload-btn, html body .fh-admin-pill{ white-space:nowrap!important; } html body .site-layout{ width:100%!important; margin-left:auto!important; margin-right:auto!important; padding-left:clamp(10px,2vw,28px)!important; padding-right:clamp(10px,2vw,28px)!important; gap:var(--fh-device-gap)!important; } html body .content-column{ width:100%!important; max-width:100%!important; overflow:visible!important; } html body .ad-rail, html body .ad-box, html body .side-ad-network{ max-width:100%!important; min-width:0!important; } html body .post-grid, html body .post-grid.compact, html body [data-page="home"] .post-grid, html body [data-page="today"] .post-grid, html body [data-page="videos"] .post-grid, html body [data-page="new"] .post-grid, html body .today-posts .post-grid, html body .videos-posts .post-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(12px,1.7vw,22px)!important; align-items:stretch!important; width:100%!important; } html body .post-card, html body .fh-slider-card, html body .fh-group5-video-card{ width:100%!important; min-width:0!important; max-width:100%!important; border-radius:var(--fh-device-card-radius)!important; box-shadow:var(--fh-device-shadow)!important; overflow:hidden!important; isolation:isolate!important; } html body .post-card .post-thumb, html body .post-card .fh-group5-card-video-frame, html body .post-card .fh-video-card-player-frame{ width:100%!important; min-width:0!important; overflow:hidden!important; } html body .post-card img, html body .post-card .post-photo, html body .fh-slider-card img, html body .fh-slider-photo{ width:100%!important; max-width:100%!important; } html body .post-card:not(.is-video-card) .post-photo, html body [data-page="home"] .post-card:not(.is-video-card) .post-photo, html body [data-page="today"] .post-card:not(.is-video-card) .post-photo, html body [data-page="new"] .post-card:not(.is-video-card) .post-photo{ aspect-ratio:4 / 5!important; height:auto!important; min-height:0!important; object-fit:cover!important; object-position:center 28%!important; background:#fff1f8!important; } html body #popular.fh-latest-slider-wrap, html body #popular-videos.fh-latest-slider-wrap, html body .fh-popular-after-home, html body .fh-header-group5-wrap .fh-latest-slider-wrap{ width:100%!important; padding-left:clamp(12px,5vw,96px)!important; padding-right:clamp(12px,5vw,96px)!important; overflow:hidden!important; } html body #popular .fh-slider-track, html body #popular-videos .fh-slider-track, html body .fh-popular-after-home .fh-slider-track, html body .fh-header-group5-wrap .fh-slider-track{ width:100%!important; max-width:1320px!important; margin-left:auto!important; margin-right:auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(14px,2vw,28px)!important; align-items:stretch!important; } html body #popular .fh-slider-card, html body #popular-videos .fh-slider-card, html body .fh-header-group5-wrap .fh-slider-card{ min-width:0!important; max-width:100%!important; } html body #popular-videos .fh-group5-card-video-frame, html body .fh-header-group5-wrap .fh-group5-card-video-frame, html body .fh-group5-video-card .fh-group5-card-video-frame{ aspect-ratio:9 / 16!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; background:transparent!important; border-radius:16px 16px 0 0!important; overflow:hidden!important; } html body #popular-videos .fh-group5-card-video-frame img, html body .fh-header-group5-wrap .fh-group5-card-video-frame img, html body .fh-group5-video-card .fh-group5-card-video-frame img, html body #popular-videos .fh-group5-card-video-frame video, html body .fh-header-group5-wrap .fh-group5-card-video-frame video, html body .fh-group5-video-card .fh-group5-card-video-frame video{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 28%!important; border:0!important; border-radius:0!important; background:transparent!important; } html body #popular-videos .fh-slider-body, html body .fh-header-group5-wrap .fh-slider-body, html body .fh-group5-video-card .fh-slider-body, html body #popular-videos .post-copy, html body .fh-header-group5-wrap .post-copy, html body .fh-group5-video-card .post-copy{ min-height:0!important; height:auto!important; padding:12px 14px!important; } html body #popular-videos .fh-slider-body p, html body .fh-header-group5-wrap .fh-slider-body p, html body .fh-group5-video-card .fh-slider-body p, html body #popular-videos .post-copy p, html body .fh-header-group5-wrap .post-copy p, html body .fh-group5-video-card .post-copy p, html body #popular-videos .fh-card-actions, html body .fh-header-group5-wrap .fh-card-actions, html body .fh-group5-video-card .fh-card-actions{ display:none!important; } html body.single .detail-page, html body.single-post .detail-page, html body.single-friendhub_video .detail-page{ width:100%!important; max-width:1120px!important; margin-left:auto!important; margin-right:auto!important; padding-left:clamp(12px,2vw,28px)!important; padding-right:clamp(12px,2vw,28px)!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(10px,1.5vw,18px)!important; width:100%!important; max-width:1080px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-video-detail-main, html body.single-post .fh-video-detail-main, html body.single-friendhub_video .fh-video-detail-main, html body.single .fh-video-detail-main .fh-supported-video-links, html body.single-post .fh-video-detail-main .fh-supported-video-links, html body.single-friendhub_video .fh-video-detail-main .fh-supported-video-links{ width:100%!important; max-width:1000px!important; margin-left:auto!important; margin-right:auto!important; } html body.single .fh-video-detail-main video, html body.single-post .fh-video-detail-main video, html body.single-friendhub_video .fh-video-detail-main video{ max-width:none!important; } @media (max-width:1180px){ html body .fh-nav-wrap{padding-left:18px!important;padding-right:18px!important;gap:18px!important;} html body .fh-main-menu{gap:clamp(12px,2vw,26px)!important;} html body .fh-nav-link{font-size:clamp(14px,1.8vw,17px)!important;} html body .fh-brand{font-size:clamp(22px,2.6vw,28px)!important;} html body .post-grid, html body .post-grid.compact, html body [data-page="home"] .post-grid, html body [data-page="today"] .post-grid, html body [data-page="videos"] .post-grid, html body [data-page="new"] .post-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } html body #popular .fh-slider-track, html body #popular-videos .fh-slider-track, html body .fh-popular-after-home .fh-slider-track, html body .fh-header-group5-wrap .fh-slider-track{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media (max-width:782px){ html body .fh-nav-wrap{ padding:12px max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left))!important; border:0!important; } html body .fh-brand{max-width:calc(100% - 64px)!important;} html body .fh-brand-text{overflow:hidden!important;text-overflow:ellipsis!important;} html body .fh-nav-actions{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;} html body .fh-nav-actions::-webkit-scrollbar{display:none!important;} html body .fh-main-menu{width:100%!important;} html body .site-layout{ display:flex!important; flex-direction:column!important; max-width:760px!important; padding-top:16px!important; padding-left:10px!important; padding-right:10px!important; } html body .page-section, html body .post-section, html body .about-content, html body article.page{ width:100%!important; padding:clamp(14px,4vw,22px)!important; border-radius:18px!important; } html body .post-grid, html body .post-grid.compact, html body [data-page="home"] .post-grid, html body [data-page="today"] .post-grid, html body [data-page="videos"] .post-grid, html body [data-page="new"] .post-grid, html body .today-posts .post-grid, html body .videos-posts .post-grid{ grid-template-columns:1fr!important; gap:14px!important; } html body #popular.fh-latest-slider-wrap, html body #popular-videos.fh-latest-slider-wrap, html body .fh-popular-after-home, html body .fh-header-group5-wrap .fh-latest-slider-wrap{ padding:24px 10px 78px!important; } html body #popular .fh-slider-track, html body #popular-videos .fh-slider-track, html body .fh-popular-after-home .fh-slider-track, html body .fh-header-group5-wrap .fh-slider-track{ grid-template-columns:1fr!important; max-width:460px!important; gap:16px!important; } html body .fh-slider-btn{ top:auto!important; bottom:18px!important; transform:none!important; width:50px!important; height:50px!important; min-width:50px!important; min-height:50px!important; } html body .fh-slider-btn-prev{left:calc(50% - 72px)!important;} html body .fh-slider-btn-next{right:calc(50% - 72px)!important;} html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid{ grid-template-columns:1fr!important; gap:12px!important; } } @media (max-width:430px){ html body .site-layout{padding-left:8px!important;padding-right:8px!important;} html body .section-heading h1, html body .section-heading h2, html body h1{font-size:clamp(26px,8.5vw,34px)!important;} html body .post-copy, html body .fh-slider-body{padding:12px!important;} html body .post-card h3, html body .fh-slider-card h3{font-size:17px!important;line-height:1.25!important;} html body .home-pagination{gap:7px!important;} html body .home-pagination button{min-width:42px!important;height:40px!important;padding:0 12px!important;} html body .fh-backtop{right:max(10px, env(safe-area-inset-right))!important;bottom:max(10px, env(safe-area-inset-bottom))!important;} } html body.fh-videos-mode [data-page="videos"], html body [data-page="videos"].fh-force-visible{ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; overflow:visible!important; pointer-events:auto!important; } html body.fh-videos-mode [data-page="videos"] .post-grid.compact{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px!important; } html body.fh-videos-mode [data-page="videos"] .post-grid.compact > .post-card:not([hidden]){ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } html body.fh-videos-mode #popular, html body.fh-videos-mode #popular-videos, html body.fh-videos-mode .fh-popular-after-home, html body.fh-videos-mode .fh-header-group5-wrap{ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; max-height:none!important; overflow:visible!important; pointer-events:auto!important; } @media (max-width:1000px){ html body.fh-videos-mode [data-page="videos"] .post-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media (max-width:680px){ html body.fh-videos-mode [data-page="videos"] .post-grid.compact{grid-template-columns:1fr!important;} } @media (min-width:783px){ html body #popular-videos .fh-group5-card-video-frame img, html body #popular-videos img.fh-group5-video-poster, html body #popular-videos .post-card.is-video-card .post-thumb > img, html body #popular-videos .post-card.fh-group5-video-card .post-thumb > img, html body .fh-header-group5-wrap #popular-videos .fh-group5-card-video-frame img, html body .fh-header-group5-wrap #popular-videos img.fh-group5-video-poster{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; transform:none!important; transform-origin:center center!important; scale:1!important; translate:none!important; animation:none!important; transition:none!important; filter:none!important; clip-path:none!important; background:transparent!important; } html body #popular-videos .fh-group5-card-video-frame, html body #popular-videos .fh-group5-card-video-poster, html body .fh-header-group5-wrap #popular-videos .fh-group5-card-video-frame, html body .fh-header-group5-wrap #popular-videos .fh-group5-card-video-poster{ transform:none!important; transform-origin:center center!important; } } html body.single .detail-page > .fh-detail-article{ width:100%!important; max-width:860px!important; margin:0 auto 20px!important; padding:16px 18px!important; border:1px solid rgba(236,43,122,.12)!important; border-radius:16px!important; background:#fff!important; color:#3a2f3c!important; font-size:17px!important; line-height:1.75!important; text-align:left!important; box-sizing:border-box!important; } html body.single .detail-page > .fh-detail-article p{ margin:0 0 12px!important; } html body.single .detail-page > .fh-detail-article p:last-child{ margin-bottom:0!important; } html body.single .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-post .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single article.fh-photo-detail-page > h1.fh-detail-post-title, html body.single article.fh-video-detail-page > h1.fh-detail-post-title{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:40!important; width:100%!important; max-width:920px!important; height:auto!important; min-height:0!important; max-height:none!important; margin:8px auto 20px!important; padding:0 8px!important; overflow:visible!important; color:#211827!important; font-size:clamp(26px,4vw,44px)!important; font-weight:900!important; line-height:1.12!important; letter-spacing:-.03em!important; text-align:center!important; word-break:break-word!important; box-sizing:border-box!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:60!important; pointer-events:auto!important; overflow:visible!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .post-copy > h3{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:61!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:80!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; min-width:118px!important; min-height:44px!important; height:auto!important; margin-top:auto!important; padding:10px 18px!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; text-decoration:none!important; touch-action:manipulation!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card > .fh-card-full-link{ display:none!important; pointer-events:none!important; z-index:-1!important; } @media(max-width:560px){ html body.single .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-post .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title{ padding:0!important; font-size:clamp(24px,7vw,32px)!important; text-align:left!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ width:100%!important; align-self:stretch!important; } } html body #home > .section-heading, html body #photos > .section-heading, html body #videos > .section-heading, html body #today > .section-heading, html body #about.about-content{ text-align:center!important; } html body #home > .section-heading > .kicker, html body #photos > .section-heading > .kicker, html body #videos > .section-heading > .kicker, html body #today > .section-heading > .kicker, html body #about.about-content > .kicker{ display:none!important; margin:0!important; padding:0!important; height:0!important; min-height:0!important; max-height:0!important; overflow:hidden!important; } html body #home > .section-heading > h2, html body #photos > .section-heading > h2, html body #videos > .section-heading > h2, html body #today > .section-heading > h2, html body #about.about-content > h2{ margin:0 0 12px!important; padding:0!important; color:var(--fh-pink)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:26px!important; line-height:1.1!important; font-weight:900!important; letter-spacing:0!important; text-align:center!important; text-transform:none!important; } html body #home > .section-heading > h2{ font-size:26px!important; } html body #photos > .section-heading > h2, html body #videos > .section-heading > h2, html body #today > .section-heading > h2, html body #about.about-content > h2{ font-size:0!important; line-height:1.1!important; } html body #photos > .section-heading > h2::after, html body #videos > .section-heading > h2::after, html body #today > .section-heading > h2::after, html body #about.about-content > h2::after{ display:inline-block!important; color:var(--fh-pink)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:26px!important; line-height:1.1!important; font-weight:900!important; letter-spacing:0!important; text-align:center!important; text-transform:none!important; } html body #photos > .section-heading > h2::after{content:"Photos"!important;} html body #videos > .section-heading > h2::after{content:"Videos"!important;} html body #today > .section-heading > h2::after{content:"Today Post"!important;} html body #about.about-content > h2::after{content:"About Me"!important;} @media (max-width:480px){ html body #home > .section-heading > h2, html body #photos > .section-heading > h2::after, html body #videos > .section-heading > h2::after, html body #today > .section-heading > h2::after, html body #about.about-content > h2::after{ font-size:26px!important; } } html body .post-card .post-copy h3, html body .post-card .post-copy > h3, html body .fh-slider-card h3, html body .fh-slider-card .fh-slider-body h3, html body #popular .fh-slider-card.post-card h3, html body #popular-videos .post-card .post-copy h3, html body .fh-header-group5-wrap .post-card .post-copy h3{ color:var(--fh-pink)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:16px!important; line-height:1.28!important; font-weight:800!important; letter-spacing:0!important; } html body .post-card .fh-card-excerpt, html body .fh-slider-card .fh-card-excerpt, html body .fh-slider-card .fh-slider-body > p, html body #popular .fh-slider-card.post-card .fh-card-excerpt{ color:var(--fh-text)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:13px!important; line-height:1.45!important; font-weight:400!important; letter-spacing:0!important; } @media (max-width:560px){ html body .post-card .post-copy h3, html body .post-card .post-copy > h3, html body .fh-slider-card h3, html body .fh-slider-card .fh-slider-body h3, html body #popular .fh-slider-card.post-card h3, html body #popular-videos .post-card .post-copy h3, html body .fh-header-group5-wrap .post-card .post-copy h3{ font-size:15px!important; line-height:1.28!important; } html body .post-card .fh-card-excerpt, html body .fh-slider-card .fh-card-excerpt, html body .fh-slider-card .fh-slider-body > p, html body #popular .fh-slider-card.post-card .fh-card-excerpt{ font-size:12px!important; line-height:1.45!important; } } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ top:calc(100% + 8px)!important; right:clamp(12px,3vw,48px)!important; width:min(520px,calc(100vw - 24px))!important; max-width:520px!important; margin:0!important; padding:12px!important; border:1px solid var(--fh-line2,#ffd2e3)!important; border-radius:20px!important; background:#fff!important; box-shadow:0 22px 54px rgba(76,24,55,.22)!important; overflow:visible!important; z-index:1205!important; } html body .fh-topbar .fh-search-panel.search-panel[hidden]{display:none!important;} html body .fh-topbar .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 48px auto!important; gap:8px!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } html body .fh-topbar .fh-search-row input#site-search{ min-width:0!important; min-height:46px!important; height:46px!important; padding:0 14px!important; border:1px solid var(--fh-line2,#ffd2e3)!important; border-radius:13px!important; background:#fff8fc!important; color:var(--fh-deep,#211727)!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:14px!important; font-weight:600!important; outline:0!important; } html body .fh-topbar .fh-search-row input#site-search:focus{ border-color:var(--fh-pink,#ec2b7a)!important; box-shadow:0 0 0 4px rgba(236,43,122,.12)!important; } html body .fh-topbar .fh-search-row .voice-search{ width:48px!important; min-width:48px!important; min-height:46px!important; height:46px!important; border:1px solid var(--fh-line2,#ffd2e3)!important; border-radius:13px!important; background:#fff8fc!important; color:var(--fh-pink,#ec2b7a)!important; } html body .fh-topbar .fh-search-row .submit-search{ min-height:46px!important; height:46px!important; padding:0 18px!important; border:0!important; border-radius:13px!important; background:linear-gradient(135deg,var(--fh-pink,#ec2b7a),#f7358a)!important; color:#fff!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:13px!important; font-weight:900!important; white-space:nowrap!important; box-shadow:0 8px 18px rgba(236,43,122,.20)!important; } html body .fh-instant-search{ width:100%!important; margin-top:10px!important; padding-top:10px!important; border-top:1px solid #ffe0ec!important; } html body .fh-instant-search[hidden], html body .fh-search-view-all[hidden]{display:none!important;} html body .fh-search-status{ margin:0 2px 8px!important; color:#6a5361!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:12px!important; line-height:1.35!important; font-weight:700!important; } html body .fh-search-result-list{ display:grid!important; gap:7px!important; width:100%!important; max-height:420px!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; scrollbar-width:thin!important; scrollbar-color:#f3a5c5 transparent!important; } html body a.fh-search-result{ position:relative!important; display:grid!important; grid-template-columns:78px minmax(0,1fr)!important; gap:11px!important; align-items:center!important; min-height:66px!important; padding:7px!important; border:1px solid #ffe1ed!important; border-radius:14px!important; background:#fffafd!important; color:var(--fh-deep,#211727)!important; text-decoration:none!important; box-shadow:none!important; transition:transform .15s ease,border-color .15s ease,background .15s ease!important; } html body a.fh-search-result:hover, html body a.fh-search-result:focus-visible{ border-color:var(--fh-pink,#ec2b7a)!important; background:#fff4f9!important; color:var(--fh-deep,#211727)!important; outline:0!important; transform:translateY(-1px)!important; } html body .fh-search-result-thumb{ display:block!important; width:78px!important; aspect-ratio:16/9!important; overflow:hidden!important; border-radius:10px!important; background:#f8eaf1!important; } html body .fh-search-result-thumb img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } html body .fh-search-result-copy{ display:flex!important; min-width:0!important; flex-direction:column!important; align-items:flex-start!important; gap:6px!important; } html body .fh-search-result-copy strong{ display:-webkit-box!important; overflow:hidden!important; color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:14px!important; line-height:1.32!important; font-weight:800!important; text-align:left!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } html body .fh-search-result-type{ display:inline-flex!important; align-items:center!important; min-height:22px!important; padding:3px 9px!important; border-radius:999px!important; background:#ffe5f0!important; color:#bb155d!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:10px!important; line-height:1!important; font-weight:900!important; text-transform:none!important; } html body .fh-search-result-type.is-video{background:#fce7f3!important;color:#9d174d!important;} html body .fh-search-view-all{ display:block!important; width:100%!important; min-height:42px!important; margin-top:9px!important; padding:8px 14px!important; border:0!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink,#ec2b7a),#f7358a)!important; color:#fff!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:12px!important; font-weight:900!important; cursor:pointer!important; box-shadow:0 8px 18px rgba(236,43,122,.18)!important; } html body .fh-search-view-all:hover, html body .fh-search-view-all:focus-visible{ background:linear-gradient(135deg,#d9166b,var(--fh-pink,#ec2b7a))!important; outline:0!important; } @media(max-width:782px){ html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ top:calc(100% + 6px)!important; left:8px!important; right:8px!important; width:auto!important; max-width:none!important; padding:10px!important; border-radius:16px!important; } html body .fh-topbar .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ grid-template-columns:minmax(0,1fr) 46px!important; } html body .fh-topbar .fh-search-row .submit-search{ grid-column:1/-1!important; width:100%!important; } html body .fh-search-result-list{max-height:52vh!important;} } @media(max-width:420px){ html body a.fh-search-result{grid-template-columns:68px minmax(0,1fr)!important;gap:9px!important;} html body .fh-search-result-thumb{width:68px!important;} html body .fh-search-result-copy strong{font-size:13px!important;} } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ width:30px!important; height:30px!important; min-width:30px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg{ display:block!important; width:30px!important; height:30px!important; fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; overflow:visible!important; } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ width:min(379px,calc(100vw - 24px))!important; max-width:379px!important; } html body .fh-topbar .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ grid-template-columns:minmax(0,1fr) 44px auto!important; gap:7px!important; } html body .fh-topbar .fh-search-row .voice-search{ width:44px!important; min-width:44px!important; } html body .fh-topbar .fh-search-row .submit-search{ padding:0 14px!important; } html body .fh-search-result-copy{ gap:4px!important; } html body .fh-search-result-copy strong{ color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:14px!important; line-height:1.32!important; font-weight:800!important; } html body .fh-search-result-article{ display:-webkit-box!important; overflow:hidden!important; color:#6a5361!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:12px!important; line-height:1.42!important; font-weight:500!important; text-align:left!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; } @media(max-width:782px){ html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ width:auto!important; max-width:none!important; } } @media(max-width:420px){ html body .fh-search-result-article{font-size:11px!important;} } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:auto!important; right:clamp(8px,3vw,48px)!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; } html body .fh-topbar .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ grid-template-columns:minmax(0,1fr) 44px 44px!important; gap:7px!important; } html body .fh-topbar .fh-search-row .submit-search{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; padding:0!important; grid-column:auto!important; color:#fff!important; cursor:pointer!important; } html body .fh-topbar .fh-search-row .submit-search .fh-submit-search-icon, html body .fh-topbar .fh-search-row .submit-search .fh-submit-search-icon svg{ display:block!important; width:22px!important; height:22px!important; min-width:22px!important; } html body .fh-topbar .fh-search-row .submit-search .fh-submit-search-icon svg{ fill:none!important; stroke:currentColor!important; stroke-width:2.35!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body a.fh-search-result .fh-search-result-copy strong, html body a.fh-search-result:hover .fh-search-result-copy strong, html body a.fh-search-result:focus-visible .fh-search-result-copy strong{ color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-weight:800!important; text-decoration:none!important; } html body .fh-search-result-type, html body .fh-search-result-type.is-photo, html body .fh-search-result-type.is-video{ border:1px solid rgba(236,43,122,.18)!important; background:#ffe5f0!important; color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-weight:900!important; } @media(max-width:782px){ html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:auto!important; right:8px!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; padding:10px!important; } html body .fh-topbar .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ grid-template-columns:minmax(0,1fr) 44px 44px!important; } html body .fh-topbar .fh-search-row .submit-search{ grid-column:auto!important; width:44px!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ position:relative!important; display:grid!important; place-items:center!important; width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important; padding:11px!important; border:1px solid rgba(255,255,255,.34)!important; border-radius:14px!important; background:rgba(255,255,255,.16)!important; box-shadow:0 8px 20px rgba(125,14,64,.12)!important; cursor:pointer!important; transition:background .2s ease,transform .2s ease,box-shadow .2s ease!important; } html body header.fh-topbar .fh-menu-toggle:hover, html body header.fh-topbar .fh-menu-toggle:focus-visible, html body header.fh-topbar.is-open .fh-menu-toggle{ background:#fff!important; box-shadow:0 10px 24px rgba(125,14,64,.18)!important; outline:0!important; } html body header.fh-topbar .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle span{ position:absolute!important; left:12px!important; width:22px!important; height:2.5px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#fff!important; transform-origin:center!important; transition:top .2s ease,transform .2s ease,opacity .15s ease,background .2s ease!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1){top:14px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2){top:21.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3){top:29px!important;} html body header.fh-topbar.is-open .fh-menu-toggle span{background:var(--fh-pink,#ec2b7a)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1){top:21.5px!important;transform:rotate(45deg)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(0)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:21.5px!important;transform:rotate(-45deg)!important;} html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ display:none!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; width:100%!important; max-width:520px!important; order:5!important; align-items:stretch!important; align-self:center!important; gap:9px!important; margin:4px auto 0!important; padding:11px!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:18px!important; background:rgba(122,16,65,.18)!important; box-shadow:0 16px 34px rgba(76,8,38,.14)!important; backdrop-filter:blur(12px)!important; -webkit-backdrop-filter:blur(12px)!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:grid!important; animation:fhMobileMenuOpen .18s ease-out both!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link, html body .fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; justify-content:flex-start!important; align-items:center!important; width:100%!important; min-width:0!important; min-height:52px!important; gap:10px!important; padding:10px 13px!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:14px!important; background:rgba(255,255,255,.12)!important; color:#fff!important; font-family:"Poppins","Segoe UI",Arial,sans-serif!important; font-size:14px!important; line-height:1.2!important; font-weight:800!important; text-decoration:none!important; box-shadow:none!important; transform:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:last-child, html body .fh-topbar .fh-main-menu .fh-nav-link:last-child{ grid-column:1/-1!important; justify-content:center!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 30px!important; width:30px!important; height:30px!important; border-radius:10px!important; background:rgba(255,255,255,.14)!important; color:inherit!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon svg, html body .fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon svg{ width:19px!important; height:19px!important; stroke:currentColor!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body .fh-topbar .fh-main-menu .fh-nav-link.is-active, html body .fh-topbar .fh-main-menu .fh-nav-link:hover, html body .fh-topbar .fh-main-menu .fh-nav-link:focus-visible{ border-color:#fff!important; background:#fff!important; color:var(--fh-pink,#ec2b7a)!important; outline:0!important; box-shadow:0 8px 18px rgba(88,8,43,.14)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link:hover .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible .fh-menu-icon{ background:#ffe7f1!important; } @keyframes fhMobileMenuOpen{ from{opacity:0;transform:translateY(-7px) scale(.985)} to{opacity:1;transform:translateY(0) scale(1)} } } @media (max-width:360px){ html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{gap:7px!important;padding:9px!important;} html body header.fh-topbar .fh-main-menu .fh-nav-link, html body .fh-topbar .fh-main-menu .fh-nav-link{padding:9px 10px!important;font-size:13px!important;gap:7px!important;} } @media (prefers-reduced-motion:reduce){ html body header.fh-topbar.is-open .fh-main-menu{animation:none!important;} html body header.fh-topbar .fh-menu-toggle span{transition:none!important;} } html body.fh-plugin-public-detail .fh-public-detail-layout .fh-detail-post-title, html body.fh-plugin-public-detail article.detail-page > h1.fh-detail-post-title, html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title{ color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:clamp(24px,3.2vw,38px)!important; line-height:1.2!important; font-weight:900!important; letter-spacing:-.02em!important; text-align:center!important; text-decoration:none!important; } html body.fh-plugin-public-photo .fh-public-detail-layout .fh-detail-article, html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-article{ color:var(--fh-text,#3a2f3c)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:15px!important; line-height:1.7!important; font-weight:400!important; letter-spacing:0!important; } html body.fh-plugin-public-photo .fh-public-detail-layout .fh-detail-article p, html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-article p{ color:inherit!important; font:inherit!important; } html body.fh-plugin-public-video .fh-public-detail-layout .fh-detail-article, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-article{ display:none!important; } html body .post-card .post-copy > h3, html body .post-card .post-copy > h3 a, html body .fh-slider-card .post-copy > h3, html body .fh-slider-card .post-copy > h3 a{ color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-weight:800!important; text-decoration:none!important; } html body .post-card:not(.is-video-card) .fh-card-excerpt, html body .fh-slider-card:not(.is-video-card) .fh-card-excerpt{ color:var(--fh-text,#3a2f3c)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-weight:400!important; } @media (max-width:560px){ html body.fh-plugin-public-detail .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title{ font-size:24px!important; line-height:1.25!important; } html body.fh-plugin-public-photo .fh-public-detail-layout .fh-detail-article, html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-article{ font-size:14px!important; line-height:1.65!important; } } html body.fh-detail-is-photo .fh-detail-post-title, html body.fh-detail-is-video .fh-detail-post-title, html body.fh-detail-is-photo article > .entry-title, html body.fh-detail-is-video article > .entry-title, html body.fh-detail-is-photo article > .post-title, html body.fh-detail-is-video article > .post-title, html body.fh-detail-is-photo .wp-block-post-title, html body.fh-detail-is-video .wp-block-post-title{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; max-width:920px!important; height:auto!important; margin:8px auto 18px!important; padding:0 12px!important; overflow:visible!important; color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:clamp(26px,3vw,36px)!important; line-height:1.2!important; font-weight:900!important; letter-spacing:-.02em!important; text-align:center!important; text-decoration:none!important; word-break:break-word!important; box-sizing:border-box!important; } html body.fh-detail-is-photo .fh-detail-article, html body.fh-detail-is-photo article > .entry-content, html body.fh-detail-is-photo article > .post-content, html body.fh-detail-is-photo .wp-block-post-content{ display:block!important; visibility:visible!important; opacity:1!important; color:var(--fh-text,#3a2f3c)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:15px!important; line-height:1.7!important; font-weight:400!important; letter-spacing:0!important; text-align:left!important; } html body.fh-detail-is-photo .fh-detail-article p, html body.fh-detail-is-photo article > .entry-content p, html body.fh-detail-is-photo article > .post-content p, html body.fh-detail-is-photo .wp-block-post-content p{ color:inherit!important; font-family:inherit!important; font-size:inherit!important; line-height:inherit!important; font-weight:inherit!important; } html body.fh-detail-is-video .fh-detail-article, html body.fh-detail-is-video article > .entry-content.fh-detail-article{display:none!important;} html body .fhvlf-title, html body .fhvlf-title a, html body .fhvp-public-title, html body .fhvp-public-title a, html body .friendhub-video-title, html body .friendhub-video-title a, html body .friendhub-photo-title, html body .friendhub-photo-title a{ color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-weight:800!important; text-decoration:none!important; } @media(max-width:560px){ html body.fh-detail-is-photo main .fh-detail-post-title, html body.fh-detail-is-video main .fh-detail-post-title, html body.fh-detail-is-photo article > .entry-title, html body.fh-detail-is-video article > .entry-title, html body.fh-detail-is-photo article > .post-title, html body.fh-detail-is-video article > .post-title, html body.fh-detail-is-photo .wp-block-post-title, html body.fh-detail-is-video .wp-block-post-title{ font-size:24px!important; line-height:1.25!important; text-align:left!important; margin-bottom:14px!important; padding:0 8px!important; } html body.fh-detail-is-photo main .fh-detail-article, html body.fh-detail-is-photo main article > .entry-content, html body.fh-detail-is-photo main article > .post-content, html body.fh-detail-is-photo main .wp-block-post-content{ font-size:14px!important; line-height:1.65!important; } } html body .fh-public-detail-layout .fh-detail-post-title{ color:#ec2b7a!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-weight:900!important; text-shadow:none!important; } html body .fh-public-detail-layout .fh-photo-detail-page .fh-detail-article, html body .fh-public-detail-layout .fh-photo-detail-page .fh-detail-article p{ color:#655365!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; padding:0!important; display:inline-grid!important; place-items:center!important; border:2px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 8px 22px rgba(91,9,48,.22)!important; cursor:pointer!important; transition:transform .18s ease,background .18s ease,box-shadow .18s ease!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible{ background:#fff1f8!important; color:#c41261!important; transform:translateY(-1px) scale(1.04)!important; box-shadow:0 10px 26px rgba(91,9,48,.28)!important; outline:3px solid rgba(255,255,255,.45)!important; outline-offset:2px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"], html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"]{ background:#fff1f8!important; color:#c41261!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ width:23px!important; height:23px!important; display:grid!important; place-items:center!important; color:currentColor!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg{ width:23px!important; height:23px!important; display:block!important; fill:none!important; stroke:currentColor!important; stroke-width:2.25!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } @media(max-width:560px){ html body .fh-public-detail-layout .fh-detail-post-title{ font-size:24px!important; line-height:1.25!important; text-align:center!important; } html body .fh-public-detail-layout .fh-photo-detail-page .fh-detail-article{ font-size:14px!important; line-height:1.65!important; padding:16px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } } html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title{ font-size:24px!important; line-height:1.3!important; margin-bottom:16px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ width:32px!important; min-width:32px!important; height:32px!important; min-height:32px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; border:1px solid rgba(236,43,122,.16)!important; border-radius:50%!important; background:#fff1f7!important; line-height:0!important; box-sizing:border-box!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg{ width:20px!important; height:20px!important; margin:0!important; transform:translate(-1px,-1px)!important; transform-origin:center!important; } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:50%!important; right:auto!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; transform:translateX(-50%)!important; } @media(max-width:560px){ html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title{ font-size:20px!important; line-height:1.32!important; margin-bottom:14px!important; } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:50%!important; right:auto!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; transform:translateX(-50%)!important; } } html body header.fh-topbar, html body .fh-topbar{ position:relative!important; top:auto!important; left:auto!important; right:auto!important; } html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title{ font-size:22px!important; line-height:1.32!important; margin:8px auto 16px!important; max-width:920px!important; padding:0 12px!important; text-align:center!important; } @media (min-width:783px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ gap:14px!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ margin-left:auto!important; margin-right:0!important; gap:clamp(10px,1.35vw,20px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ width:auto!important; margin:0 0 0 2px!important; padding:0!important; overflow:visible!important; flex:0 0 auto!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; box-shadow:0 7px 18px rgba(91,9,48,.20)!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ width:29px!important; min-width:29px!important; height:29px!important; min-height:29px!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(0,1fr) 44px 46px!important; grid-template-rows:auto auto!important; align-items:center!important; gap:10px!important; padding:12px 14px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ grid-column:1!important; grid-row:1!important; min-width:0!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ grid-column:2!important; grid-row:1!important; order:initial!important; width:44px!important; min-width:44px!important; margin:0!important; padding:0!important; justify-content:center!important; overflow:visible!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ grid-column:3!important; grid-row:1!important; margin:0!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ grid-column:1/-1!important; grid-row:2!important; display:none!important; grid-template-columns:1fr!important; width:100%!important; max-width:430px!important; margin:2px auto 0!important; padding:10px!important; gap:7px!important; border:1px solid #ffd0e4!important; border-radius:20px!important; background:#fff!important; box-shadow:0 18px 40px rgba(76,8,38,.20)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:grid!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link, html body .fh-topbar .fh-main-menu .fh-nav-link, html body header.fh-topbar .fh-main-menu .fh-nav-link:last-child, html body .fh-topbar .fh-main-menu .fh-nav-link:last-child{ grid-column:auto!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; min-height:50px!important; width:100%!important; padding:9px 12px!important; gap:11px!important; border:1px solid #ffe0ec!important; border-radius:14px!important; background:#fff8fc!important; color:#4b3041!important; font-size:14px!important; font-weight:800!important; box-shadow:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link::after, html body .fh-topbar .fh-main-menu .fh-nav-link::after{ content:"›"!important; display:block!important; position:static!important; width:auto!important; height:auto!important; margin-left:auto!important; background:none!important; color:#d92673!important; font-size:22px!important; line-height:1!important; font-weight:600!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon{ flex:0 0 32px!important; width:32px!important; height:32px!important; border-radius:10px!important; background:#ffe7f1!important; color:#ec2b7a!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body .fh-topbar .fh-main-menu .fh-nav-link.is-active, html body .fh-topbar .fh-main-menu .fh-nav-link:hover, html body .fh-topbar .fh-main-menu .fh-nav-link:focus-visible{ border-color:#ec2b7a!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; box-shadow:0 8px 18px rgba(236,43,122,.22)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active::after, html body header.fh-topbar .fh-main-menu .fh-nav-link:hover::after, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible::after, html body .fh-topbar .fh-main-menu .fh-nav-link.is-active::after, html body .fh-topbar .fh-main-menu .fh-nav-link:hover::after, html body .fh-topbar .fh-main-menu .fh-nav-link:focus-visible::after{ color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link:hover .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link.is-active .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link:hover .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link:focus-visible .fh-menu-icon{ background:rgba(255,255,255,.20)!important; color:#fff!important; } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ top:calc(100% + 6px)!important; } } @media (max-width:560px){ html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title{ font-size:18px!important; line-height:1.35!important; margin-bottom:13px!important; padding:0 8px!important; } } html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-photo article > .entry-title, html body.fh-detail-is-video article > .entry-title, html body.fh-detail-is-photo article > .post-title, html body.fh-detail-is-video article > .post-title, html body.fh-detail-is-photo .wp-block-post-title, html body.fh-detail-is-video .wp-block-post-title, html body .fhvlf-title, html body .fhvp-public-title, html body .friendhub-video-title, html body .friendhub-photo-title{ font-size:18px!important; line-height:1.34!important; margin-top:6px!important; margin-bottom:12px!important; letter-spacing:-.01em!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ display:inline-grid!important; place-items:center!important; padding:0!important; border-radius:50%!important; line-height:0!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ display:grid!important; place-items:center!important; margin:0!important; padding:0!important; border-radius:50%!important; line-height:0!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg{ display:block!important; margin:0!important; transform:none!important; transform-origin:center!important; } html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:auto!important; right:clamp(8px,3vw,48px)!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; transform:none!important; } @media(max-width:782px){ html body .fh-topbar .fh-search-panel.search-panel, html body header.fh-topbar .fh-search-panel.search-panel{ left:auto!important; right:8px!important; width:min(379px,calc(100vw - 16px))!important; max-width:379px!important; transform:none!important; } } @media(max-width:560px){ html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-photo article > .entry-title, html body.fh-detail-is-video article > .entry-title, html body.fh-detail-is-photo article > .post-title, html body.fh-detail-is-video article > .post-title, html body.fh-detail-is-photo .wp-block-post-title, html body.fh-detail-is-video .wp-block-post-title, html body .fhvlf-title, html body .fhvp-public-title, html body .friendhub-video-title, html body .friendhub-photo-title{ font-size:16px!important; line-height:1.36!important; margin-bottom:11px!important; } } html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title, html body.fh-plugin-public-detail article > .entry-title, html body.fh-plugin-public-detail article > .post-title, html body.fh-plugin-public-detail .wp-block-post-title, html body.fh-plugin-public-detail .fhvlf-title, html body.fh-plugin-public-detail .fhvp-public-title, html body.fh-plugin-public-detail .friendhub-video-title, html body.fh-plugin-public-detail .friendhub-photo-title{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; max-width:min(920px,calc(100% - 24px))!important; height:auto!important; margin:6px auto 12px!important; padding:0 8px!important; overflow:visible!important; color:var(--fh-pink,#ec2b7a)!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:17px!important; line-height:1.38!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:center!important; text-decoration:none!important; overflow-wrap:anywhere!important; word-break:normal!important; text-wrap:balance; box-sizing:border-box!important; } html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; } html body{ overflow-x:clip!important; } @media (max-width:782px){ html body header.fh-topbar, html body .fh-topbar{ position:relative!important; z-index:1000!important; overflow:visible!important; padding-top:env(safe-area-inset-top)!important; } html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 42px 42px!important; grid-template-rows:auto!important; align-items:center!important; width:100%!important; min-height:62px!important; gap:8px!important; margin:0!important; padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important; overflow:visible!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ grid-column:1!important; grid-row:1!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; } html body header.fh-topbar .fh-brand-text, html body .fh-topbar .fh-brand-text{ display:block!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ grid-column:2!important; grid-row:1!important; width:42px!important; min-width:42px!important; height:42px!important; margin:0!important; padding:0!important; overflow:visible!important; justify-content:center!important; align-items:center!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ grid-column:3!important; grid-row:1!important; width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; padding:0!important; border:1px solid #ffc8de!important; border-radius:50%!important; background:#fff!important; box-shadow:0 6px 16px rgba(91,9,48,.14)!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-menu-toggle:hover, html body header.fh-topbar .fh-menu-toggle:focus-visible, html body header.fh-topbar.is-open .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle:hover, html body .fh-topbar .fh-menu-toggle:focus-visible, html body .fh-topbar.is-open .fh-menu-toggle{ border-color:#ec2b7a!important; background:#ec2b7a!important; box-shadow:0 8px 20px rgba(236,43,122,.24)!important; } html body header.fh-topbar.is-open .fh-menu-toggle span, html body header.fh-topbar .fh-menu-toggle:hover span, html body header.fh-topbar .fh-menu-toggle:focus-visible span, html body .fh-topbar.is-open .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle:hover span, html body .fh-topbar .fh-menu-toggle:focus-visible span{ background:#fff!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ position:absolute!important; top:calc(100% + 8px)!important; right:max(10px,env(safe-area-inset-right))!important; left:auto!important; z-index:1002!important; display:none!important; grid-template-columns:1fr!important; width:min(328px,calc(100vw - 24px))!important; max-width:328px!important; max-height:min(68dvh,520px)!important; margin:0!important; padding:9px!important; gap:6px!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; border:1px solid #ffd0e4!important; border-radius:18px!important; background:#fff!important; box-shadow:0 18px 44px rgba(76,8,38,.22)!important; transform:none!important; transform-origin:top right!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:grid!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link, html body .fh-topbar .fh-main-menu .fh-nav-link, html body header.fh-topbar .fh-main-menu .fh-nav-link:last-child, html body .fh-topbar .fh-main-menu .fh-nav-link:last-child{ min-height:46px!important; padding:7px 10px!important; gap:10px!important; border-radius:12px!important; font-size:14px!important; line-height:1.2!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-nav-link .fh-menu-icon{ flex:0 0 30px!important; width:30px!important; height:30px!important; border-radius:9px!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ position:absolute!important; top:calc(100% + 8px)!important; right:max(10px,env(safe-area-inset-right))!important; left:auto!important; z-index:1003!important; width:min(340px,calc(100vw - 24px))!important; max-width:340px!important; max-height:min(72dvh,620px)!important; margin:0!important; padding:10px!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; border-radius:18px!important; transform:none!important; box-sizing:border-box!important; } html body .fh-topbar .fh-search-panel .fh-search-row, html body header.fh-topbar .fh-search-panel .fh-search-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 42px 42px!important; align-items:center!important; gap:6px!important; width:100%!important; } html body .fh-topbar .fh-search-panel input[type="search"], html body header.fh-topbar .fh-search-panel input[type="search"]{ min-width:0!important; width:100%!important; height:44px!important; min-height:44px!important; padding:0 12px!important; font-size:16px!important; line-height:1.2!important; border-radius:13px!important; -webkit-appearance:none!important; appearance:none!important; } html body .fh-topbar .fh-search-panel .voice-search, html body .fh-topbar .fh-search-panel .submit-search, html body header.fh-topbar .fh-search-panel .voice-search, html body header.fh-topbar .fh-search-panel .submit-search{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body .fh-topbar .fh-instant-search, html body header.fh-topbar .fh-instant-search{ max-height:52dvh!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; } html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-post-title, html body.fh-detail-is-video .fh-public-detail-layout .fh-detail-post-title, html body.single-post .fh-public-detail-layout .fh-detail-post-title, html body.single-friendhub_video .fh-public-detail-layout .fh-detail-post-title, html body.fh-plugin-public-detail article > .entry-title, html body.fh-plugin-public-detail article > .post-title, html body.fh-plugin-public-detail .wp-block-post-title, html body.fh-plugin-public-detail .fhvlf-title, html body.fh-plugin-public-detail .fhvp-public-title, html body.fh-plugin-public-detail .friendhub-video-title, html body.fh-plugin-public-detail .friendhub-photo-title{ max-width:calc(100% - 16px)!important; margin:4px auto 10px!important; padding:0 4px!important; font-size:15px!important; line-height:1.4!important; } html body.fh-detail-is-photo .fh-public-detail-layout .fh-detail-article{ width:calc(100% - 12px)!important; margin:0 auto 18px!important; padding:14px!important; border-radius:14px!important; font-size:14px!important; line-height:1.65!important; overflow-wrap:anywhere!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 40px 40px!important; gap:6px!important; padding-left:max(8px,env(safe-area-inset-left))!important; padding-right:max(8px,env(safe-area-inset-right))!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ right:max(8px,env(safe-area-inset-right))!important; width:min(320px,calc(100vw - 16px))!important; max-width:320px!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ right:max(8px,env(safe-area-inset-right))!important; width:min(340px,calc(100vw - 16px))!important; max-width:340px!important; } } @media (max-width:782px) and (orientation:landscape){ html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ max-height:56dvh!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ max-height:62dvh!important; } html body .fh-topbar .fh-instant-search, html body header.fh-topbar .fh-instant-search{ max-height:40dvh!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ position:relative!important; display:block!important; min-height:68px!important; padding-right:118px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ max-width:calc(100vw - 142px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:absolute!important; top:50%!important; right:70px!important; transform:translateY(-50%)!important; z-index:1005!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ position:absolute!important; top:50%!important; right:18px!important; transform:translateY(-50%)!important; z-index:1006!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; display:grid!important; place-items:center!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; margin:0!important; border-radius:50%!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ right:max(2px,env(safe-area-inset-right))!important; width:min(328px,calc(100vw - 8px))!important; max-width:328px!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ right:max(8px,env(safe-area-inset-right))!important; width:min(340px,calc(100vw - 16px))!important; max-width:340px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.single .fh-photo-detail-page .fh-detail-upload-card-grid, html body.single-post .fh-photo-detail-page .fh-detail-upload-card-grid{ display:grid!important; visibility:visible!important; opacity:1!important; grid-template-columns:1fr!important; gap:12px!important; width:100%!important; max-width:460px!important; margin-left:auto!important; margin-right:auto!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ padding-right:108px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ max-width:calc(100vw - 132px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ right:62px!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ right:12px!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 44px 44px!important; gap:6px!important; padding-right:max(18px,calc(env(safe-area-inset-right) + 18px))!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ transform:translateX(-8px)!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; border-radius:50%!important; } html body header.fh-topbar.is-search-open .fh-main-menu, html body .fh-topbar.is-search-open .fh-main-menu{ display:none!important; visibility:hidden!important; pointer-events:none!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ right:max(4px,env(safe-area-inset-right))!important; width:min(328px,calc(100vw - 12px))!important; max-width:328px!important; max-height:min(70dvh,520px)!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ right:max(8px,env(safe-area-inset-right))!important; left:auto!important; width:min(340px,calc(100vw - 16px))!important; max-width:340px!important; max-height:min(74dvh,620px)!important; overflow:hidden!important; } html body header.fh-topbar .fh-search-panel.search-panel:not([hidden]), html body .fh-topbar .fh-search-panel.search-panel:not([hidden]){ display:block!important; } html body .fh-topbar .fh-search-panel .fh-search-row, html body header.fh-topbar .fh-search-panel .fh-search-row{ grid-template-columns:minmax(0,1fr) 44px 44px!important; gap:6px!important; } html body .fh-topbar .fh-search-panel input[type="search"], html body header.fh-topbar .fh-search-panel input[type="search"]{ font-size:16px!important; height:46px!important; min-height:46px!important; } html body .fh-topbar .fh-search-panel .voice-search, html body .fh-topbar .fh-search-panel .submit-search, html body header.fh-topbar .fh-search-panel .voice-search, html body header.fh-topbar .fh-search-panel .submit-search{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body .fh-topbar .fh-instant-search, html body header.fh-topbar .fh-instant-search{ max-height:calc(min(74dvh,620px) - 76px)!important; overflow-x:hidden!important; overflow-y:auto!important; overscroll-behavior:contain!important; -webkit-overflow-scrolling:touch!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 42px 42px!important; padding-right:max(14px,calc(env(safe-area-inset-right) + 14px))!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ right:max(2px,env(safe-area-inset-right))!important; width:min(328px,calc(100vw - 8px))!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ right:max(6px,env(safe-area-inset-right))!important; width:min(340px,calc(100vw - 12px))!important; } } @media (max-width:782px) and (orientation:landscape){ html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ max-height:58dvh!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ max-height:64dvh!important; } html body .fh-topbar .fh-instant-search, html body header.fh-topbar .fh-instant-search{ max-height:calc(64dvh - 76px)!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:block!important; position:relative!important; min-height:68px!important; padding-right:142px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ max-width:calc(100vw - 166px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:absolute!important; top:50%!important; right:84px!important; transform:translateY(-50%)!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; margin:0!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ position:absolute!important; top:50%!important; right:max(12px,env(safe-area-inset-right))!important; transform:translateY(-50%)!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; margin:0!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ padding-right:130px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ max-width:calc(100vw - 150px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ right:72px!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ right:max(8px,env(safe-area-inset-right))!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.single .fh-photo-detail-page .fh-detail-upload-card-grid, html body.single-post .fh-photo-detail-page .fh-detail-upload-card-grid{ display:block!important; column-count:3!important; column-gap:16px!important; width:100%!important; max-width:1180px!important; margin:0 auto 28px!important; padding:0!important; visibility:visible!important; opacity:1!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ display:inline-block!important; width:100%!important; margin:0 0 16px!important; padding:0!important; break-inside:avoid!important; page-break-inside:avoid!important; border:0!important; border-radius:16px!important; overflow:hidden!important; background:#fff!important; box-shadow:0 8px 22px rgba(65,12,38,.10)!important; vertical-align:top!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid .post-thumb{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#fff!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid img.fh-detail-photo, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid img.fh-detail-photo, html body.single .fh-photo-detail-page .fh-photo-detail-grid .post-thumb > img, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid .post-thumb > img{ display:block!important; width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:center!important; transform:none!important; margin:0!important; border:0!important; border-radius:0!important; background:#fff!important; } @media (max-width:900px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.single .fh-photo-detail-page .fh-detail-upload-card-grid, html body.single-post .fh-photo-detail-page .fh-detail-upload-card-grid{ column-count:2!important; column-gap:12px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:12px!important; border-radius:13px!important; } } @media (max-width:340px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.single .fh-photo-detail-page .fh-detail-upload-card-grid, html body.single-post .fh-photo-detail-page .fh-detail-upload-card-grid{ column-count:1!important; } } html body .post-card:not(.is-video-card) .post-photo{ object-position:var(--fh-photo-thumb-x,50%) var(--fh-photo-thumb-y,28%)!important; transform:scale(var(--fh-photo-thumb-zoom,1))!important; transform-origin:var(--fh-photo-thumb-x,50%) var(--fh-photo-thumb-y,28%)!important; } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ position:relative!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; width:100%!important; min-height:70px!important; margin:0!important; padding:10px max(118px,calc(env(safe-area-inset-right) + 118px)) 10px max(12px,env(safe-area-inset-left))!important; overflow:visible!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ flex:1 1 auto!important; min-width:0!important; max-width:100%!important; margin:0!important; overflow:hidden!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:absolute!important; top:50%!important; right:max(64px,calc(env(safe-area-inset-right) + 64px))!important; bottom:auto!important; left:auto!important; z-index:1006!important; display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; gap:0!important; overflow:visible!important; transform:translateY(-50%)!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ position:absolute!important; top:50%!important; right:max(12px,calc(env(safe-area-inset-right) + 12px))!important; bottom:auto!important; left:auto!important; z-index:1007!important; display:block!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#fff!important; box-shadow:0 7px 18px rgba(91,9,48,.20)!important; transform:translateY(-50%)!important; cursor:pointer!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle span{ position:absolute!important; left:10px!important; display:block!important; width:22px!important; height:2.5px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:#ec2b7a!important; opacity:1!important; transform:none!important; transform-origin:center!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1), html body .fh-topbar .fh-menu-toggle span:nth-child(1){top:13px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2), html body .fh-topbar .fh-menu-toggle span:nth-child(2){top:20.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3), html body .fh-topbar .fh-menu-toggle span:nth-child(3){top:28px!important;} html body header.fh-topbar.is-open .fh-menu-toggle, html body .fh-topbar.is-open .fh-menu-toggle{ border-color:#fff!important; background:#d91f6d!important; box-shadow:0 8px 20px rgba(91,9,48,.28)!important; } html body header.fh-topbar.is-open .fh-menu-toggle span, html body .fh-topbar.is-open .fh-menu-toggle span{ background:#fff!important; } html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(1){top:20.5px!important;transform:rotate(45deg)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(0)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:20.5px!important;transform:rotate(-45deg)!important;} html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 7px 18px rgba(91,9,48,.20)!important; line-height:0!important; overflow:hidden!important; transform:none!important; touch-action:manipulation!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"], html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:hover, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button:focus-visible, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button[aria-expanded="true"]{ border-color:#fff!important; background:#fff1f8!important; color:#c41261!important; outline:0!important; box-shadow:0 8px 20px rgba(91,9,48,.25)!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body header.fh-topbar .fh-search-icon::before, html body header.fh-topbar .fh-search-icon::after, html body .fh-topbar .fh-search-icon::before, html body .fh-topbar .fh-search-icon::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-search-icon, html body .fh-topbar .fh-search-icon{ position:static!important; display:grid!important; place-items:center!important; width:22px!important; min-width:22px!important; height:22px!important; min-height:22px!important; margin:0!important; padding:0!important; color:currentColor!important; line-height:0!important; transform:none!important; } html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ display:block!important; width:22px!important; height:22px!important; margin:0!important; fill:none!important; stroke:currentColor!important; stroke-width:2.2!important; stroke-linecap:round!important; stroke-linejoin:round!important; transform:none!important; } html body header.fh-topbar .fh-search-label, html body .fh-topbar .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:1010!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ padding-right:max(112px,calc(env(safe-area-inset-right) + 112px))!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ right:max(60px,calc(env(safe-area-inset-right) + 60px))!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ right:max(8px,calc(env(safe-area-inset-right) + 8px))!important; } html body header.fh-topbar .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle span{ left:9px!important; } } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:60!important; flex-direction:column!important; min-height:116px!important; height:auto!important; padding:14px 16px!important; gap:12px!important; overflow:visible!important; background:#fff!important; text-align:left!important; pointer-events:auto!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card .post-copy > h3{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:61!important; width:100%!important; max-width:100%!important; margin:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card .fh-card-excerpt{ display:none!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:80!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; min-width:118px!important; min-height:44px!important; height:auto!important; margin-top:auto!important; padding:10px 18px!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; text-decoration:none!important; touch-action:manipulation!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card > .fh-card-full-link{ display:none!important; pointer-events:none!important; z-index:-1!important; } @media(max-width:560px){ html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card.fh-group1-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ width:100%!important; align-self:stretch!important; } } html body header.fh-topbar, html body .fh-topbar{ isolation:isolate!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ box-sizing:border-box!important; overflow:visible!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ display:flex!important; align-items:center!important; min-width:0!important; text-decoration:none!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{ flex:0 0 auto!important; overflow:hidden!important; border-radius:50%!important; background:#fff!important; } html body header.fh-topbar .fh-brand-icon img, html body .fh-topbar .fh-brand-icon img{ display:block!important; width:100%!important; height:100%!important; margin:0!important; object-fit:cover!important; object-position:center!important; border-radius:inherit!important; } html body header.fh-topbar .fh-brand-text, html body .fh-topbar .fh-brand-text{ display:block!important; min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ min-width:0!important; white-space:nowrap!important; -webkit-tap-highlight-color:transparent!important; } html body header.fh-topbar .fh-menu-icon, html body .fh-topbar .fh-menu-icon{ display:grid!important; flex:0 0 auto!important; place-items:center!important; margin:0!important; line-height:0!important; } html body header.fh-topbar .fh-menu-icon svg, html body .fh-topbar .fh-menu-icon svg, html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ display:block!important; fill:none!important; stroke:currentColor!important; stroke-linecap:round!important; stroke-linejoin:round!important; } @media (min-width:1181px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(210px,1fr) auto minmax(150px,1fr)!important; align-items:center!important; gap:clamp(22px,2.4vw,42px)!important; width:100%!important; max-width:1360px!important; min-height:84px!important; margin:0 auto!important; padding:0 clamp(24px,4vw,64px)!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ justify-self:start!important; gap:12px!important; max-width:260px!important; font-size:clamp(25px,2vw,30px)!important; line-height:1!important; } html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{ width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; box-shadow:0 8px 20px rgba(79,8,42,.18)!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ position:static!important; inset:auto!important; z-index:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; justify-self:center!important; align-items:center!important; width:auto!important; margin:0!important; padding:0!important; gap:clamp(18px,2vw,32px)!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:44px!important; padding:7px 2px!important; font-size:15px!important; line-height:1!important; } html body header.fh-topbar .fh-menu-icon, html body .fh-topbar .fh-menu-icon, html body header.fh-topbar .fh-menu-icon svg, html body .fh-topbar .fh-menu-icon svg{ width:19px!important; height:19px!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:static!important; inset:auto!important; z-index:auto!important; display:flex!important; justify-self:end!important; align-items:center!important; width:auto!important; min-width:0!important; height:auto!important; margin:0!important; padding:0!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; inset:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:auto!important; min-width:116px!important; max-width:none!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0 16px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; line-height:1!important; transform:none!important; overflow:visible!important; } html body header.fh-topbar .fh-search-icon, html body .fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ position:static!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; margin:0!important; } html body header.fh-topbar .fh-search-label, html body .fh-topbar .fh-search-label{ position:static!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; white-space:nowrap!important; border:0!important; font-size:14px!important; font-weight:900!important; line-height:1!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ display:none!important; } } @media (min-width:783px) and (max-width:1180px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:14px!important; width:100%!important; max-width:none!important; min-height:76px!important; margin:0!important; padding:0 18px!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ justify-self:start!important; gap:9px!important; max-width:155px!important; font-size:22px!important; line-height:1!important; } html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; box-shadow:0 7px 17px rgba(79,8,42,.17)!important; } html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ position:static!important; inset:auto!important; z-index:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; justify-self:center!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; gap:clamp(7px,1.3vw,16px)!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-nav-link, html body .fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:5px!important; min-height:42px!important; padding:6px 1px!important; font-size:clamp(12px,1.45vw,14px)!important; line-height:1!important; } html body header.fh-topbar .fh-menu-icon, html body .fh-topbar .fh-menu-icon, html body header.fh-topbar .fh-menu-icon svg, html body .fh-topbar .fh-menu-icon svg{ width:17px!important; height:17px!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:static!important; inset:auto!important; z-index:auto!important; display:flex!important; justify-self:end!important; align-items:center!important; width:42px!important; min-width:42px!important; height:42px!important; margin:0!important; padding:0!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.75)!important; border-radius:50%!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; line-height:0!important; transform:none!important; overflow:hidden!important; } html body header.fh-topbar .fh-search-icon, html body .fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ position:static!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; margin:0!important; } html body header.fh-topbar .fh-search-label, html body .fh-topbar .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ top:calc(100% + 8px)!important; right:18px!important; left:auto!important; width:min(379px,calc(100vw - 36px))!important; max-width:379px!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ position:relative!important; display:flex!important; flex-flow:row nowrap!important; align-items:center!important; width:100%!important; max-width:none!important; min-height:calc(66px + env(safe-area-inset-top))!important; margin:0!important; padding-top:max(9px,env(safe-area-inset-top))!important; padding-right:max(116px,calc(env(safe-area-inset-right) + 116px))!important; padding-bottom:9px!important; padding-left:max(10px,calc(env(safe-area-inset-left) + 10px))!important; gap:0!important; overflow:visible!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ flex:1 1 auto!important; justify-self:auto!important; gap:9px!important; width:auto!important; max-width:100%!important; margin:0!important; font-size:clamp(20px,6.2vw,25px)!important; line-height:1!important; overflow:hidden!important; } html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; box-shadow:0 7px 17px rgba(79,8,42,.18)!important; } html body header.fh-topbar .fh-brand-text, html body .fh-topbar .fh-brand-text{ max-width:clamp(92px,40vw,185px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ position:absolute!important; top:calc(50% + (env(safe-area-inset-top) / 2))!important; right:max(62px,calc(env(safe-area-inset-right) + 62px))!important; bottom:auto!important; left:auto!important; z-index:1006!important; display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; overflow:visible!important; transform:translateY(-50%)!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#fff!important; color:#e42775!important; box-shadow:0 7px 18px rgba(79,8,42,.22)!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; line-height:0!important; overflow:hidden!important; transform:none!important; } html body header.fh-topbar .fh-search-icon, html body .fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ position:static!important; width:21px!important; min-width:21px!important; height:21px!important; min-height:21px!important; margin:0!important; transform:none!important; } html body header.fh-topbar .fh-search-label, html body .fh-topbar .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ position:absolute!important; top:calc(50% + (env(safe-area-inset-top) / 2))!important; right:max(10px,calc(env(safe-area-inset-right) + 10px))!important; bottom:auto!important; left:auto!important; z-index:1007!important; display:block!important; transform:translateY(-50%)!important; } html body header.fh-topbar .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle span{ position:absolute!important; left:10px!important; display:block!important; width:22px!important; height:2.5px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#e42775!important; opacity:1!important; transform:none!important; transform-origin:center!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1), html body .fh-topbar .fh-menu-toggle span:nth-child(1){top:13px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2), html body .fh-topbar .fh-menu-toggle span:nth-child(2){top:20.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3), html body .fh-topbar .fh-menu-toggle span:nth-child(3){top:28px!important;} html body header.fh-topbar.is-open .fh-menu-toggle, html body .fh-topbar.is-open .fh-menu-toggle{ background:#d91f6d!important; color:#fff!important; } html body header.fh-topbar.is-open .fh-menu-toggle span, html body .fh-topbar.is-open .fh-menu-toggle span{ background:#fff!important; } html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(1){top:20.5px!important;transform:rotate(45deg)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(0)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:20.5px!important;transform:rotate(-45deg)!important;} html body header.fh-topbar .fh-main-menu, html body .fh-topbar .fh-main-menu{ position:absolute!important; top:calc(100% + 8px)!important; right:max(10px,calc(env(safe-area-inset-right) + 10px))!important; left:max(10px,calc(env(safe-area-inset-left) + 10px))!important; bottom:auto!important; z-index:1010!important; display:none!important; visibility:hidden!important; opacity:0!important; grid-template-columns:1fr!important; align-items:stretch!important; width:auto!important; max-height:min(70vh,520px)!important; margin:0!important; padding:9px!important; gap:5px!important; overflow-x:hidden!important; overflow-y:auto!important; border:1px solid rgba(236,43,122,.18)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 18px 44px rgba(66,7,35,.24)!important; transform:translateY(-6px)!important; pointer-events:none!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar.is-open .fh-main-menu, html body .fh-topbar.is-open .fh-main-menu{ display:grid!important; visibility:visible!important; opacity:1!important; transform:translateY(0)!important; pointer-events:auto!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link, html body .fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:10px 13px!important; border:0!important; border-radius:11px!important; background:#fff!important; color:#b5165b!important; font-size:15px!important; font-weight:900!important; line-height:1.15!important; text-align:left!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body .fh-topbar .fh-main-menu .fh-nav-link:hover, html body .fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body .fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:#fff0f7!important; color:#d91f6d!important; outline:0!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body .fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg, html body .fh-topbar .fh-main-menu .fh-menu-icon svg{ width:20px!important; height:20px!important; } html body header.fh-topbar .fh-search-panel.search-panel, html body .fh-topbar .fh-search-panel.search-panel{ position:absolute!important; top:calc(100% + 8px)!important; right:max(10px,calc(env(safe-area-inset-right) + 10px))!important; left:max(10px,calc(env(safe-area-inset-left) + 10px))!important; z-index:1011!important; width:auto!important; max-width:none!important; margin:0!important; padding:0!important; } html body header.fh-topbar .fh-search-panel .fh-search-row, html body .fh-topbar .fh-search-panel .fh-search-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 42px 44px!important; width:100%!important; height:58px!important; margin:0!important; padding:8px!important; border-radius:14px!important; overflow:hidden!important; } html body header.fh-topbar .fh-search-panel input[type="search"], html body .fh-topbar .fh-search-panel input[type="search"]{ min-width:0!important; width:100%!important; height:42px!important; min-height:42px!important; padding:0 11px!important; font-size:16px!important; } html body header.fh-topbar .fh-search-panel .voice-search, html body header.fh-topbar .fh-search-panel .submit-search, html body .fh-topbar .fh-search-panel .voice-search, html body .fh-topbar .fh-search-panel .submit-search{ width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:0!important; } html body header.fh-topbar .fh-instant-search, html body .fh-topbar .fh-instant-search{ width:100%!important; max-width:100%!important; max-height:min(62vh,470px)!important; overflow-y:auto!important; -webkit-overflow-scrolling:touch!important; } } @media (max-width:430px){ html body header.fh-topbar .fh-nav-wrap, html body .fh-topbar .fh-nav-wrap{ min-height:calc(62px + env(safe-area-inset-top))!important; padding-right:max(108px,calc(env(safe-area-inset-right) + 108px))!important; } html body header.fh-topbar .fh-brand, html body .fh-topbar .fh-brand{ gap:8px!important; font-size:clamp(19px,6vw,23px)!important; } html body header.fh-topbar .fh-brand-icon, html body .fh-topbar .fh-brand-icon{ width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } html body header.fh-topbar .fh-brand-text, html body .fh-topbar .fh-brand-text{ max-width:clamp(82px,38vw,150px)!important; } html body header.fh-topbar .fh-nav-actions, html body .fh-topbar .fh-nav-actions{ right:max(58px,calc(env(safe-area-inset-right) + 58px))!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; } html body header.fh-topbar .fh-menu-toggle, html body .fh-topbar .fh-menu-toggle{ right:max(8px,calc(env(safe-area-inset-right) + 8px))!important; } html body header.fh-topbar .fh-menu-toggle span, html body .fh-topbar .fh-menu-toggle span{ left:9px!important; width:20px!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1), html body .fh-topbar .fh-menu-toggle span:nth-child(1){top:11.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2), html body .fh-topbar .fh-menu-toggle span:nth-child(2){top:18.75px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3), html body .fh-topbar .fh-menu-toggle span:nth-child(3){top:26px!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3), html body .fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:18.75px!important;} } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body .fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body header.fh-topbar .fh-search-icon::before, html body header.fh-topbar .fh-search-icon::after, html body .fh-topbar .fh-search-icon::before, html body .fh-topbar .fh-search-icon::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-menu-icon svg, html body .fh-topbar .fh-menu-icon svg, html body header.fh-topbar .fh-search-icon svg, html body .fh-topbar .fh-search-icon svg{ stroke-width:2.2!important; } html body header.fh-topbar .fh-brand, html body header.fh-topbar .fh-nav-link, html body header.fh-topbar .fh-search-round, html body header.fh-topbar .fh-menu-toggle{ touch-action:manipulation!important; } html body header.fh-topbar .fh-search-round:focus-visible, html body header.fh-topbar .fh-menu-toggle:focus-visible, html body header.fh-topbar .fh-nav-link:focus-visible, html body header.fh-topbar .fh-brand:focus-visible{ outline:3px solid rgba(255,255,255,.92)!important; outline-offset:3px!important; } @media(max-width:782px){ html body header.fh-topbar .fh-brand{ overflow:hidden!important; } html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-menu-toggle{ flex:0 0 auto!important; } } html body header.fh-topbar{ position:relative!important; top:auto!important; z-index:1000!important; width:100%!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-wrap{ box-sizing:border-box!important; overflow:visible!important; } html body header.fh-topbar .fh-brand, html body header.fh-topbar .fh-main-menu, html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-menu-toggle{ min-width:0!important; } html body header.fh-topbar .fh-brand-icon img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } html body header.fh-topbar .fh-search-panel[hidden]{ display:none!important; } html body header.fh-topbar.is-open .fh-search-panel{ display:none!important; } @media (min-width:1025px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:max-content minmax(0,1fr) max-content!important; align-items:center!important; gap:clamp(20px,3vw,44px)!important; width:100%!important; max-width:1280px!important; min-height:76px!important; margin:0 auto!important; padding:10px 24px!important; } html body header.fh-topbar .fh-brand{ display:flex!important; align-items:center!important; gap:11px!important; width:auto!important; max-width:260px!important; margin:0!important; font-size:26px!important; line-height:1!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon{ width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; border-radius:50%!important; overflow:hidden!important; } html body header.fh-topbar .fh-main-menu{ position:static!important; display:flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; justify-content:center!important; gap:clamp(12px,1.8vw,26px)!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:7px!important; min-height:44px!important; padding:8px 3px!important; font-size:14px!important; line-height:1!important; white-space:nowrap!important; } html body header.fh-topbar .fh-menu-icon, html body header.fh-topbar .fh-menu-icon svg{ width:19px!important; height:19px!important; } html body header.fh-topbar .fh-nav-actions{ position:static!important; display:grid!important; place-items:center!important; width:46px!important; min-width:46px!important; height:46px!important; margin:0!important; padding:0!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; width:46px!important; min-width:46px!important; max-width:46px!important; height:46px!important; min-height:46px!important; max-height:46px!important; margin:0!important; padding:0!important; border:1.5px solid rgba(255,255,255,.82)!important; border-radius:50%!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:0 7px 18px rgba(83,10,43,.15)!important; transform:none!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ width:21px!important; height:21px!important; } html body header.fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-search-panel.search-panel{ position:absolute!important; top:calc(100% + 8px)!important; right:max(24px,calc((100vw - 1280px)/2 + 24px))!important; left:auto!important; width:min(379px,calc(100vw - 48px))!important; max-width:379px!important; margin:0!important; z-index:1012!important; } } @media (min-width:783px) and (max-width:1024px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:max-content minmax(0,1fr) 42px!important; align-items:center!important; gap:12px!important; width:100%!important; min-height:68px!important; margin:0!important; padding:9px 16px!important; } html body header.fh-topbar .fh-brand{ display:flex!important; align-items:center!important; gap:9px!important; max-width:190px!important; margin:0!important; font-size:22px!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; border-radius:50%!important; overflow:hidden!important; } html body header.fh-topbar .fh-main-menu{ position:static!important; display:flex!important; visibility:visible!important; opacity:1!important; align-items:center!important; justify-content:center!important; gap:clamp(5px,1vw,10px)!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-nav-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-height:42px!important; padding:7px 1px!important; font-size:clamp(11px,1.45vw,13px)!important; line-height:1!important; white-space:nowrap!important; } html body header.fh-topbar .fh-menu-icon, html body header.fh-topbar .fh-menu-icon svg{ width:16px!important; height:16px!important; } html body header.fh-topbar .fh-nav-actions{ position:static!important; display:grid!important; place-items:center!important; width:42px!important; min-width:42px!important; height:42px!important; margin:0!important; padding:0!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.82)!important; border-radius:50%!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; transform:none!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ width:20px!important; height:20px!important; } html body header.fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-search-panel.search-panel{ position:absolute!important; top:calc(100% + 8px)!important; right:16px!important; left:auto!important; width:min(379px,calc(100vw - 32px))!important; max-width:379px!important; z-index:1012!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 44px 44px!important; grid-template-areas:"brand search menu"!important; align-items:center!important; gap:10px!important; width:100%!important; min-height:calc(68px + env(safe-area-inset-top))!important; margin:0!important; padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important; } html body header.fh-topbar .fh-brand{ grid-area:brand!important; display:flex!important; align-items:center!important; gap:9px!important; width:100%!important; max-width:100%!important; margin:0!important; overflow:hidden!important; font-size:clamp(20px,6vw,24px)!important; line-height:1!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; border-radius:50%!important; overflow:hidden!important; box-shadow:0 7px 17px rgba(79,8,42,.18)!important; } html body header.fh-topbar .fh-brand-text{ display:block!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body header.fh-topbar .fh-nav-actions{ grid-area:search!important; position:static!important; inset:auto!important; display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; transform:none!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle{ position:relative!important; inset:auto!important; display:grid!important; place-items:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.94)!important; border-radius:50%!important; background:#fff!important; color:#e42775!important; box-shadow:0 7px 18px rgba(79,8,42,.20)!important; transform:none!important; -webkit-tap-highlight-color:transparent!important; touch-action:manipulation!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ grid-area:search!important; line-height:0!important; overflow:hidden!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ position:static!important; width:21px!important; min-width:21px!important; height:21px!important; min-height:21px!important; margin:0!important; transform:none!important; } html body header.fh-topbar .fh-menu-toggle{ grid-area:menu!important; z-index:1007!important; } html body header.fh-topbar .fh-menu-toggle span{ position:absolute!important; left:10px!important; display:block!important; width:22px!important; height:2.5px!important; margin:0!important; border-radius:999px!important; background:#e42775!important; transform-origin:center!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1){top:13px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2){top:20.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3){top:28px!important;} html body header.fh-topbar.is-open .fh-menu-toggle{ background:#d91f6d!important; } html body header.fh-topbar.is-open .fh-menu-toggle span{ background:#fff!important; } html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1){top:20.5px!important;transform:rotate(45deg)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2){opacity:0!important;transform:scaleX(0)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:20.5px!important;transform:rotate(-45deg)!important;} html body header.fh-topbar .fh-main-menu{ position:absolute!important; top:calc(100% + 8px)!important; right:0!important; left:0!important; z-index:1010!important; display:none!important; visibility:hidden!important; opacity:0!important; grid-template-columns:1fr!important; width:auto!important; max-height:min(70dvh,520px)!important; margin:0!important; padding:9px!important; gap:5px!important; overflow-y:auto!important; border:1px solid rgba(236,43,122,.18)!important; border-radius:16px!important; background:#fff!important; box-shadow:0 18px 44px rgba(66,7,35,.24)!important; transform:translateY(-6px)!important; pointer-events:none!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar.is-open .fh-main-menu{ display:grid!important; visibility:visible!important; opacity:1!important; transform:translateY(0)!important; pointer-events:auto!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:10px 13px!important; border-radius:11px!important; background:#fff!important; color:#b5165b!important; font-size:15px!important; font-weight:900!important; line-height:1.15!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:#fff0f7!important; color:#d91f6d!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:20px!important; height:20px!important; } html body header.fh-topbar .fh-search-panel.search-panel{ position:absolute!important; top:calc(100% + 8px)!important; right:max(10px,env(safe-area-inset-right))!important; left:max(10px,env(safe-area-inset-left))!important; z-index:1011!important; width:auto!important; max-width:none!important; margin:0!important; } html body header.fh-topbar .fh-search-panel .fh-search-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 42px 44px!important; width:100%!important; min-height:58px!important; margin:0!important; padding:8px!important; border-radius:14px!important; } html body header.fh-topbar .fh-search-panel input[type="search"]{ min-width:0!important; width:100%!important; height:42px!important; min-height:42px!important; padding:0 11px!important; font-size:16px!important; } html body header.fh-topbar .fh-search-panel .voice-search, html body header.fh-topbar .fh-search-panel .submit-search{ width:100%!important; min-width:0!important; height:42px!important; min-height:42px!important; padding:0!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 40px 40px!important; gap:8px!important; min-height:calc(64px + env(safe-area-inset-top))!important; padding-left:max(8px,env(safe-area-inset-left))!important; padding-right:max(8px,env(safe-area-inset-right))!important; } html body header.fh-topbar .fh-brand{ gap:8px!important; font-size:clamp(18px,5.8vw,22px)!important; } html body header.fh-topbar .fh-brand-icon{ width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle{ width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; max-height:40px!important; } html body header.fh-topbar .fh-menu-toggle span{ left:9px!important; width:20px!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1){top:11.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2){top:18.75px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3){top:26px!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:18.75px!important;} } html body.fh-plugin-photo-album.single.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single-post.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-body{ display:block!important; width:100%!important; max-width:1280px!important; min-width:0!important; margin:16px auto 28px!important; padding:0 12px!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid{ display:block!important; width:100%!important; max-width:1280px!important; min-width:0!important; margin:0 auto!important; padding:0!important; column-count:4!important; column-gap:12px!important; line-height:0!important; visibility:visible!important; opacity:1!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ display:inline-block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0 0 12px!important; padding:0!important; vertical-align:top!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; overflow:hidden!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 20px rgba(65,12,38,.10)!important; line-height:0!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; background:#fff!important; border:0!important; border-radius:15px!important; line-height:0!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid img.fh-detail-photo, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid img.fh-detail-photo{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; object-position:center!important; transform:none!important; margin:0!important; padding:0!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:none!important; } @media (max-width:1100px){ html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid{ column-count:3!important; column-gap:11px!important; } } @media (max-width:782px){ html body.fh-plugin-photo-album.single.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single-post.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-body, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-body{ margin-top:12px!important; padding:0 8px!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid{ column-count:2!important; column-gap:8px!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:8px!important; border-radius:12px!important; box-shadow:0 4px 13px rgba(65,12,38,.10)!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img{ border-radius:12px!important; } } @media (max-width:390px){ html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid{ column-count:2!important; column-gap:6px!important; } html body.fh-plugin-photo-album.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-plugin-photo-album.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:6px!important; } } @media (min-width:1181px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(230px,1fr) auto minmax(150px,1fr)!important; gap:clamp(22px,2.6vw,42px)!important; max-width:1360px!important; min-height:84px!important; padding:0 clamp(24px,4vw,64px)!important; } html body header.fh-topbar .fh-brand{ justify-self:start!important; max-width:270px!important; font-size:clamp(25px,2vw,30px)!important; } html body header.fh-topbar .fh-brand-icon{ width:52px!important; min-width:52px!important; height:52px!important; min-height:52px!important; } html body header.fh-topbar .fh-main-menu{ justify-self:center!important; width:auto!important; gap:clamp(18px,2vw,32px)!important; } html body header.fh-topbar .fh-nav-link{ gap:7px!important; min-height:44px!important; padding:7px 2px!important; font-size:15px!important; } html body header.fh-topbar .fh-nav-actions{ justify-self:end!important; display:flex!important; width:auto!important; min-width:116px!important; height:auto!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:auto!important; min-width:116px!important; max-width:none!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0 16px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; } html body header.fh-topbar .fh-search-label{ position:static!important; display:inline!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; clip-path:none!important; white-space:nowrap!important; border:0!important; color:inherit!important; font-size:14px!important; font-weight:900!important; line-height:1!important; } html body header.fh-topbar .fh-search-panel.search-panel{ right:max(24px,calc((100vw - 1360px)/2 + 64px))!important; } } @media (max-width:782px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-rows:auto auto!important; } html body header.fh-topbar .fh-main-menu{ position:static!important; inset:auto!important; grid-column:1 / -1!important; grid-row:2!important; display:none!important; visibility:hidden!important; opacity:0!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-height:min(70dvh,520px)!important; margin:8px 0 0!important; padding:10px!important; gap:6px!important; overflow-x:hidden!important; overflow-y:auto!important; border:1px solid rgba(255,255,255,.25)!important; border-radius:16px!important; background:rgba(255,255,255,.13)!important; box-shadow:none!important; transform:none!important; pointer-events:none!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar.is-open .fh-main-menu{ display:flex!important; visibility:visible!important; opacity:1!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar.is-search-open .fh-main-menu{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:11px 14px!important; border:0!important; border-radius:12px!important; background:transparent!important; color:#fff!important; font-size:15px!important; font-weight:900!important; line-height:1.15!important; text-align:left!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.20)!important; color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:20px!important; height:20px!important; color:#fff!important; stroke:currentColor!important; } } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:60!important; flex-direction:column!important; min-height:116px!important; height:auto!important; padding:14px 16px!important; gap:12px!important; overflow:visible!important; background:#fff!important; text-align:left!important; pointer-events:auto!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card .post-copy > h3{ display:block!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:61!important; width:100%!important; max-width:100%!important; margin:0!important; overflow:hidden!important; white-space:nowrap!important; text-overflow:ellipsis!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card .fh-card-excerpt{ display:none!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:80!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; min-width:118px!important; min-height:44px!important; height:auto!important; margin-top:auto!important; padding:10px 18px!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; text-decoration:none!important; touch-action:manipulation!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card > .fh-card-full-link{ display:none!important; pointer-events:none!important; z-index:-1!important; } @media(max-width:560px){ html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn{ width:100%!important; align-self:stretch!important; } } html body.fh-plugin-photo-album .fh-photo-detail-card{ cursor:zoom-in!important; outline:0!important; -webkit-tap-highlight-color:transparent!important; } html body.fh-plugin-photo-album .fh-photo-detail-card:focus-visible{ outline:3px solid #ec2b7a!important; outline-offset:3px!important; } html body.fh-album-viewer-open{ overflow:hidden!important; touch-action:none!important; } .fh-album-viewer[hidden]{display:none!important;} .fh-album-viewer{ position:fixed!important; inset:0!important; z-index:999999!important; display:grid!important; place-items:center!important; width:100vw!important; height:100dvh!important; padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important; background:rgba(20,8,15,.94)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important; } .fh-album-viewer-stage{ position:relative!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; } .fh-album-viewer-image{ display:block!important; width:auto!important; max-width:min(94vw,1500px)!important; height:auto!important; max-height:88dvh!important; object-fit:contain!important; object-position:center!important; border-radius:14px!important; background:#111!important; box-shadow:0 20px 70px rgba(0,0,0,.45)!important; user-select:none!important; -webkit-user-drag:none!important; } .fh-album-viewer-close, .fh-album-viewer-prev, .fh-album-viewer-next{ position:absolute!important; z-index:4!important; display:grid!important; place-items:center!important; width:46px!important; height:46px!important; min-width:46px!important; min-height:46px!important; padding:0!important; border:1px solid rgba(255,255,255,.45)!important; border-radius:50%!important; background:rgba(255,255,255,.14)!important; color:#fff!important; font:900 28px/1 Arial,sans-serif!important; box-shadow:0 8px 24px rgba(0,0,0,.28)!important; cursor:pointer!important; touch-action:manipulation!important; } .fh-album-viewer-close{top:8px!important;right:8px!important;font-size:30px!important;} .fh-album-viewer-prev{left:8px!important;top:50%!important;transform:translateY(-50%)!important;} .fh-album-viewer-next{right:8px!important;top:50%!important;transform:translateY(-50%)!important;} .fh-album-viewer-count{ position:absolute!important; left:50%!important; bottom:8px!important; z-index:4!important; transform:translateX(-50%)!important; min-width:72px!important; padding:7px 12px!important; border-radius:999px!important; background:rgba(0,0,0,.52)!important; color:#fff!important; font:800 14px/1.2 "Poppins","Segoe UI",Arial,sans-serif!important; text-align:center!important; } @media(max-width:560px){ .fh-album-viewer{padding:8px!important;} .fh-album-viewer-image{max-width:96vw!important;max-height:84dvh!important;border-radius:10px!important;} .fh-album-viewer-close, .fh-album-viewer-prev, .fh-album-viewer-next{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;} .fh-album-viewer-close{top:max(6px,env(safe-area-inset-top))!important;right:max(6px,env(safe-area-inset-right))!important;} .fh-album-viewer-prev{left:4px!important;} .fh-album-viewer-next{right:4px!important;} .fh-album-viewer-count{bottom:max(6px,env(safe-area-inset-bottom))!important;} } html body.single .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-post .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.page .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single .fh-public-detail-layout .fh-detail-post-title, html body.page .fh-public-detail-layout .fh-detail-post-title{ display:block!important; visibility:visible!important; opacity:1!important; width:100%!important; max-width:980px!important; height:auto!important; margin:10px auto 18px!important; padding:0 16px!important; color:#ec2b7a!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:18px!important; line-height:1.38!important; font-weight:900!important; letter-spacing:-.012em!important; text-align:center!important; text-decoration:none!important; overflow:visible!important; overflow-wrap:anywhere!important; word-break:normal!important; text-wrap:balance!important; box-sizing:border-box!important; } @media (min-width:1181px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(235px,1fr) minmax(510px,auto) minmax(120px,1fr)!important; align-items:center!important; gap:clamp(18px,2.1vw,34px)!important; width:100%!important; max-width:1440px!important; min-height:80px!important; margin:0 auto!important; padding:0 clamp(24px,3.2vw,52px)!important; } html body header.fh-topbar .fh-brand{ justify-self:start!important; gap:11px!important; max-width:280px!important; font-size:clamp(24px,1.65vw,28px)!important; } html body header.fh-topbar .fh-brand-icon{ width:50px!important;min-width:50px!important;height:50px!important;min-height:50px!important; } html body header.fh-topbar .fh-main-menu{ justify-self:center!important; display:flex!important; align-items:center!important; width:auto!important; gap:clamp(13px,1.45vw,24px)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ gap:6px!important; min-height:42px!important; padding:7px 2px!important; font-size:14px!important; line-height:1!important; white-space:nowrap!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:19px!important;height:19px!important; } html body header.fh-topbar .fh-nav-actions{ justify-self:end!important; min-width:108px!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ min-width:108px!important; height:42px!important;min-height:42px!important;max-height:42px!important; padding:0 15px!important; gap:7px!important; } } @media (min-width:783px) and (max-width:1180px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(175px,1fr) auto 46px!important; align-items:center!important; gap:clamp(9px,1.3vw,16px)!important; width:100%!important; max-width:1180px!important; min-height:72px!important; margin:0 auto!important; padding:0 clamp(14px,2vw,24px)!important; } html body header.fh-topbar .fh-brand{ justify-self:start!important; gap:9px!important; min-width:0!important; max-width:220px!important; font-size:clamp(20px,2.3vw,24px)!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon{ width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important; } html body header.fh-topbar .fh-main-menu{ justify-self:center!important; display:flex!important; align-items:center!important; width:auto!important; gap:clamp(8px,1vw,14px)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ gap:5px!important; min-height:40px!important; padding:6px 1px!important; font-size:clamp(12px,1.25vw,14px)!important; white-space:nowrap!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:18px!important;height:18px!important; } html body header.fh-topbar .fh-nav-actions{ justify-self:end!important; width:44px!important;min-width:44px!important;height:44px!important; } html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button{ width:44px!important;min-width:44px!important;max-width:44px!important; height:44px!important;min-height:44px!important;max-height:44px!important; padding:0!important;border-radius:50%!important; } html body header.fh-topbar .fh-search-label{ position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; } html body header.fh-topbar .fh-menu-toggle{display:none!important;} } @media (max-width:782px){ html body.single .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single-post .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.page .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title, html body.single .fh-public-detail-layout .fh-detail-post-title, html body.page .fh-public-detail-layout .fh-detail-post-title{ max-width:calc(100% - 16px)!important; margin:6px auto 12px!important; padding:0 6px!important; font-size:16px!important; line-height:1.42!important; letter-spacing:-.006em!important; } html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 44px 44px!important; grid-template-areas:"brand search menu"!important; align-items:center!important; gap:10px!important; min-height:calc(66px + env(safe-area-inset-top))!important; padding:max(9px,env(safe-area-inset-top)) max(11px,env(safe-area-inset-right)) 9px max(11px,env(safe-area-inset-left))!important; } html body header.fh-topbar .fh-brand{ gap:9px!important; min-width:0!important; max-width:100%!important; font-size:clamp(19px,5.8vw,23px)!important; } html body header.fh-topbar .fh-brand-icon{ width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important; } html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle{ width:44px!important;min-width:44px!important;max-width:44px!important; height:44px!important;min-height:44px!important;max-height:44px!important; } html body header.fh-topbar .fh-main-menu{ max-height:min(68dvh,500px)!important; } } @media (max-width:390px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 40px 40px!important; gap:7px!important; padding-left:max(8px,env(safe-area-inset-left))!important; padding-right:max(8px,env(safe-area-inset-right))!important; } html body header.fh-topbar .fh-brand{ gap:7px!important; font-size:clamp(18px,5.6vw,21px)!important; } html body header.fh-topbar .fh-brand-icon{ width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important; } html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-nav-actions > .fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle{ width:40px!important;min-width:40px!important;max-width:40px!important; height:40px!important;min-height:40px!important;max-height:40px!important; } } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{ display:block!important; width:100%!important; max-width:1320px!important; min-width:0!important; margin:14px auto 30px!important; padding:0 12px!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ display:block!important; width:100%!important; max-width:1320px!important; min-width:0!important; margin:0 auto!important; padding:0!important; columns:4 240px!important; column-gap:12px!important; line-height:0!important; visibility:visible!important; opacity:1!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ display:inline-block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0 0 12px!important; padding:0!important; vertical-align:top!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; overflow:hidden!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 20px rgba(65,12,38,.10)!important; line-height:0!important; cursor:zoom-in!important; outline:0!important; -webkit-tap-highlight-color:transparent!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid img.fh-detail-photo{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; overflow:hidden!important; object-fit:contain!important; object-position:center!important; transform:none!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:none!important; line-height:0!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-card:focus-visible{ outline:3px solid #ec2b7a!important; outline-offset:3px!important; } @media (max-width:1100px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ columns:3 220px!important; column-gap:10px!important; } } @media (max-width:782px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{ margin-top:10px!important; padding:0 8px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ columns:2 140px!important; column-gap:8px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:8px!important; border-radius:12px!important; box-shadow:0 4px 13px rgba(65,12,38,.10)!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img{ border-radius:12px!important; } } @media (max-width:390px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ columns:2 128px!important; column-gap:6px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:6px!important; } } html body.single article.detail-page > h1.fh-detail-post-title, html body.single-post article.detail-page > h1.fh-detail-post-title, html body.page article.detail-page > h1.fh-detail-post-title, html body .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title{ display:block!important; width:100%!important; max-width:920px!important; height:auto!important; min-height:0!important; margin:8px auto 16px!important; padding:0 12px!important; color:#ec2b7a!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-size:17px!important; line-height:1.38!important; font-weight:900!important; letter-spacing:-.01em!important; text-align:center!important; white-space:normal!important; overflow:visible!important; overflow-wrap:anywhere!important; word-break:normal!important; box-sizing:border-box!important; } @media(max-width:782px){ html body.single article.detail-page > h1.fh-detail-post-title, html body.single-post article.detail-page > h1.fh-detail-post-title, html body.page article.detail-page > h1.fh-detail-post-title, html body .fh-public-detail-layout article.detail-page > h1.fh-detail-post-title{ max-width:calc(100% - 12px)!important; margin:5px auto 12px!important; padding:0 5px!important; font-size:15px!important; line-height:1.42!important; } } html body.single .fh-photo-detail-page .fh-photo-detail-body, html body.single-post .fh-photo-detail-page .fh-photo-detail-body, html body.page .fh-photo-detail-page .fh-photo-detail-body{ display:block!important; width:100%!important; max-width:1320px!important; min-width:0!important; margin:12px auto 30px!important; padding:0 12px!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.page .fh-photo-detail-page .fh-photo-detail-grid{ display:block!important; width:100%!important; max-width:1320px!important; min-width:0!important; height:auto!important; margin:0 auto!important; padding:0!important; columns:4 230px!important; column-gap:12px!important; line-height:0!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ display:inline-block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0 0 12px!important; padding:0!important; vertical-align:top!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; overflow:hidden!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 20px rgba(65,12,38,.10)!important; line-height:0!important; cursor:zoom-in!important; -webkit-tap-highlight-color:transparent!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img{ display:block!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; transform:none!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:none!important; } @media(max-width:1100px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.page .fh-photo-detail-page .fh-photo-detail-grid{ columns:3 210px!important; column-gap:10px!important; } } @media(max-width:782px){ html body.single .fh-photo-detail-page .fh-photo-detail-body, html body.single-post .fh-photo-detail-page .fh-photo-detail-body, html body.page .fh-photo-detail-page .fh-photo-detail-body{ padding:0 7px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.page .fh-photo-detail-page .fh-photo-detail-grid{ columns:2 136px!important; column-gap:8px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:8px!important; border-radius:12px!important; box-shadow:0 4px 13px rgba(65,12,38,.10)!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img{ border-radius:12px!important; } } @media(max-width:390px){ html body.single .fh-photo-detail-page .fh-photo-detail-grid, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid, html body.page .fh-photo-detail-page .fh-photo-detail-grid{ columns:2 124px!important; column-gap:6px!important; } html body.single .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.single-post .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.page .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card{ margin-bottom:6px!important; } } html body .fh-album-viewer-close{ display:flex!important; align-items:center!important; justify-content:center!important; width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; padding:0!important; border:0!important; border-radius:16px!important; background:linear-gradient(135deg,#ec2b7a,#f6489b)!important; color:#fff!important; font-size:0!important; line-height:0!important; text-indent:0!important; box-shadow:0 10px 28px rgba(236,43,122,.34)!important; } html body .fh-album-viewer-close::before{ content:"×"!important; display:block!important; width:100%!important; height:auto!important; margin:0!important; padding:0!important; color:#fff!important; font-family:Arial,Helvetica,sans-serif!important; font-size:30px!important; line-height:1!important; font-weight:900!important; text-align:center!important; transform:translateY(-1px)!important; } @media(max-width:560px){ html body .fh-album-viewer-close{ width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; border-radius:14px!important; } html body .fh-album-viewer-close::before{ font-size:28px!important; } } html body header.fh-topbar{ position:relative!important; top:auto!important; z-index:9000!important; width:100%!important; overflow:visible!important; } html body header.fh-topbar .fh-nav-wrap{ box-sizing:border-box!important; width:100%!important; margin:0 auto!important; align-items:center!important; } html body header.fh-topbar .fh-brand{ display:inline-flex!important; align-items:center!important; min-width:0!important; overflow:hidden!important; white-space:nowrap!important; } html body header.fh-topbar .fh-brand-icon, html body header.fh-topbar .fh-brand-icon img{ flex:0 0 auto!important; overflow:hidden!important; border-radius:50%!important; } html body header.fh-topbar .fh-brand-icon img{ display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } html body header.fh-topbar .fh-brand-text{ display:block!important; min-width:0!important; overflow:hidden!important; color:#fff!important; font-family:"Poppins","Segoe UI",Arial,Helvetica,sans-serif!important; font-weight:900!important; line-height:1!important; text-overflow:ellipsis!important; } @media(min-width:1181px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(230px,1fr) auto minmax(132px,1fr)!important; grid-template-areas:"brand nav search"!important; gap:clamp(20px,2.3vw,38px)!important; max-width:1380px!important; min-height:82px!important; padding:0 clamp(24px,4vw,64px)!important; } html body header.fh-topbar .fh-brand{ grid-area:brand!important; justify-self:start!important; gap:11px!important; max-width:300px!important; } html body header.fh-topbar .fh-brand-icon{ width:52px!important; min-width:52px!important; height:52px!important; min-height:52px!important; } html body header.fh-topbar .fh-brand-text{ font-size:clamp(24px,1.8vw,29px)!important; } html body header.fh-topbar .fh-main-menu{ grid-area:nav!important; position:static!important; inset:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; justify-self:center!important; align-items:center!important; width:auto!important; margin:0!important; padding:0!important; gap:clamp(15px,1.8vw,28px)!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ display:inline-flex!important; align-items:center!important; gap:7px!important; min-height:44px!important; padding:7px 2px!important; font-size:14px!important; white-space:nowrap!important; } html body header.fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-nav-actions{ grid-area:search!important; position:static!important; justify-self:end!important; display:flex!important; width:auto!important; height:auto!important; margin:0!important; } html body header.fh-topbar .fh-search-round.search-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; width:auto!important; min-width:118px!important; height:44px!important; min-height:44px!important; padding:0 17px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; } html body header.fh-topbar .fh-search-label{ position:static!important; display:inline!important; width:auto!important; height:auto!important; overflow:visible!important; clip:auto!important; clip-path:none!important; margin:0!important; color:inherit!important; font-size:14px!important; font-weight:900!important; line-height:1!important; white-space:nowrap!important; } } @media(min-width:783px) and (max-width:1180px){ html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(152px,.9fr) auto 46px!important; grid-template-areas:"brand nav search"!important; gap:clamp(8px,1.4vw,17px)!important; max-width:1180px!important; min-height:72px!important; padding:0 clamp(14px,2.4vw,28px)!important; } html body header.fh-topbar .fh-brand{ grid-area:brand!important; justify-self:start!important; gap:9px!important; max-width:210px!important; } html body header.fh-topbar .fh-brand-icon{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; } html body header.fh-topbar .fh-brand-text{ font-size:clamp(19px,2.4vw,23px)!important; } html body header.fh-topbar .fh-main-menu{ grid-area:nav!important; position:static!important; inset:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; justify-self:center!important; align-items:center!important; width:auto!important; margin:0!important; padding:0!important; gap:clamp(6px,1vw,13px)!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ display:inline-flex!important; align-items:center!important; gap:4px!important; min-height:42px!important; padding:7px 1px!important; font-size:clamp(11px,1.45vw,13px)!important; white-space:nowrap!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:17px!important; min-width:17px!important; height:17px!important; } html body header.fh-topbar .fh-menu-toggle{ display:none!important; } html body header.fh-topbar .fh-nav-actions{ grid-area:search!important; position:static!important; justify-self:end!important; display:flex!important; width:44px!important; min-width:44px!important; height:44px!important; margin:0!important; } html body header.fh-topbar .fh-search-round.search-button{ display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0!important; border:2px solid rgba(255,255,255,.72)!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; } html body header.fh-topbar .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } } @media(max-width:782px){ html body header.fh-topbar{ padding-top:env(safe-area-inset-top)!important; } html body header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(0,1fr) 44px 44px!important; grid-template-areas: "brand search menu" "nav nav nav"!important; column-gap:10px!important; row-gap:0!important; max-width:none!important; min-height:70px!important; padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important; } html body header.fh-topbar .fh-brand{ grid-area:brand!important; justify-self:start!important; gap:8px!important; width:auto!important; max-width:100%!important; } html body header.fh-topbar .fh-brand-icon{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; } html body header.fh-topbar .fh-brand-text{ max-width:calc(100vw - 154px)!important; font-size:clamp(18px,5.3vw,23px)!important; } html body header.fh-topbar .fh-nav-actions{ grid-area:search!important; position:static!important; inset:auto!important; align-self:center!important; justify-self:end!important; display:flex!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0!important; } html body header.fh-topbar .fh-search-round.search-button{ position:relative!important; inset:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; border:2px solid rgba(255,255,255,.75)!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 7px 18px rgba(97,15,52,.18)!important; transform:none!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ display:block!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; color:#ec2b7a!important; stroke:currentColor!important; } html body header.fh-topbar .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; } html body header.fh-topbar .fh-menu-toggle{ grid-area:menu!important; position:relative!important; inset:auto!important; align-self:center!important; justify-self:end!important; display:flex!important; align-items:center!important; justify-content:center!important; width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:2px solid rgba(255,255,255,.75)!important; border-radius:50%!important; background:#fff!important; box-shadow:0 7px 18px rgba(97,15,52,.18)!important; transform:none!important; } html body header.fh-topbar .fh-menu-toggle span{ position:absolute!important; left:11px!important; display:block!important; width:20px!important; height:2.5px!important; margin:0!important; padding:0!important; border:0!important; border-radius:999px!important; background:#ec2b7a!important; opacity:1!important; transform-origin:center!important; transition:transform .2s ease,opacity .16s ease!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1){top:13px!important;transform:none!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2){top:20px!important;transform:none!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3){top:27px!important;transform:none!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1){top:20px!important;transform:rotate(45deg)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2){top:20px!important;opacity:0!important;transform:scaleX(.2)!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:20px!important;transform:rotate(-45deg)!important;} html body header.fh-topbar .fh-main-menu{ grid-area:nav!important; position:static!important; inset:auto!important; display:none!important; visibility:hidden!important; opacity:0!important; flex-direction:column!important; align-items:stretch!important; width:100%!important; max-width:100%!important; max-height:min(72dvh,540px)!important; margin:10px 0 0!important; padding:10px!important; gap:6px!important; overflow-x:hidden!important; overflow-y:auto!important; border:1px solid rgba(255,255,255,.28)!important; border-radius:16px!important; background:rgba(255,255,255,.13)!important; box-shadow:none!important; transform:none!important; pointer-events:none!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar.is-open .fh-main-menu{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } html body header.fh-topbar.is-search-open .fh-main-menu{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:11px 14px!important; border:0!important; border-radius:12px!important; background:transparent!important; color:#fff!important; font-size:15px!important; font-weight:900!important; line-height:1.15!important; text-align:left!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.20)!important; color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; color:#fff!important; stroke:currentColor!important; } } @media(max-width:370px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 40px 40px!important; column-gap:7px!important; padding-left:max(9px,env(safe-area-inset-left))!important; padding-right:max(9px,env(safe-area-inset-right))!important; } html body header.fh-topbar .fh-brand{gap:6px!important;} html body header.fh-topbar .fh-brand-icon{ width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important; } html body header.fh-topbar .fh-brand-text{ max-width:calc(100vw - 132px)!important; font-size:17px!important; } html body header.fh-topbar .fh-nav-actions, html body header.fh-topbar .fh-search-round.search-button, html body header.fh-topbar .fh-menu-toggle{ width:40px!important;min-width:40px!important;max-width:40px!important; height:40px!important;min-height:40px!important;max-height:40px!important; } html body header.fh-topbar .fh-menu-toggle span{ left:10px!important;width:18px!important; } html body header.fh-topbar .fh-menu-toggle span:nth-child(1){top:12px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(2){top:18.5px!important;} html body header.fh-topbar .fh-menu-toggle span:nth-child(3){top:25px!important;} html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(1), html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(2), html body header.fh-topbar.is-open .fh-menu-toggle span:nth-child(3){top:18.5px!important;} } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{ display:block!important; width:100%!important; max-width:1320px!important; min-width:0!important; margin:12px auto 30px!important; padding:0 12px!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ display:block!important; grid-template-columns:none!important; grid-auto-flow:initial!important; width:100%!important; max-width:1320px!important; min-width:0!important; height:auto!important; margin:0 auto!important; padding:0!important; column-count:4!important; column-width:auto!important; column-gap:12px!important; line-height:0!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item{ display:inline-block!important; float:none!important; position:relative!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; margin:0 0 12px!important; padding:0!important; vertical-align:top!important; break-inside:avoid!important; page-break-inside:avoid!important; -webkit-column-break-inside:avoid!important; overflow:hidden!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:0 7px 20px rgba(65,12,38,.10)!important; line-height:0!important; cursor:zoom-in!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item img{ display:block!important; float:none!important; position:static!important; width:100%!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:none!important; aspect-ratio:auto!important; margin:0!important; padding:0!important; object-fit:contain!important; object-position:center!important; transform:none!important; border:0!important; border-radius:15px!important; background:#fff!important; box-shadow:none!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{ column-count:1!important; max-width:760px!important; } @media(max-width:1100px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ column-count:3!important; column-width:auto!important; column-gap:10px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important;} } @media(max-width:782px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{padding:0 7px!important;} html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ column-count:2!important; column-width:auto!important; column-gap:8px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important;} html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item{ margin-bottom:8px!important; border-radius:12px!important; box-shadow:0 4px 13px rgba(65,12,38,.10)!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item .post-thumb, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item img{ border-radius:12px!important; } } @media(max-width:390px){ html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{ column-count:2!important; column-width:auto!important; column-gap:6px!important; } html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important;} html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card, html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item{margin-bottom:6px!important;} } html body .fh-album-viewer-close{ display:grid!important; place-items:center!important; width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; padding:0!important; overflow:hidden!important; border:0!important; border-radius:16px!important; background:linear-gradient(135deg,#ec2b7a,#f6489b)!important; color:#fff!important; font-size:0!important; line-height:0!important; box-shadow:0 10px 28px rgba(236,43,122,.34)!important; } html body .fh-album-viewer-close::before{content:none!important;display:none!important;} html body .fh-album-viewer-close .fh-album-viewer-close-glyph{ position:relative!important; display:block!important; width:20px!important; height:20px!important; margin:0!important; padding:0!important; } html body .fh-album-viewer-close .fh-album-viewer-close-glyph::before, html body .fh-album-viewer-close .fh-album-viewer-close-glyph::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; display:block!important; width:24px!important; height:3px!important; margin:0!important; border-radius:999px!important; background:#fff!important; transform-origin:center!important; } html body .fh-album-viewer-close .fh-album-viewer-close-glyph::before{transform:translate(-50%,-50%) rotate(45deg)!important;} html body .fh-album-viewer-close .fh-album-viewer-close-glyph::after{transform:translate(-50%,-50%) rotate(-45deg)!important;} @media(max-width:560px){ html body .fh-album-viewer-close{ width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;border-radius:14px!important; } html body .fh-album-viewer-close .fh-album-viewer-close-glyph{width:18px!important;height:18px!important;} html body .fh-album-viewer-close .fh-album-viewer-close-glyph::before, html body .fh-album-viewer-close .fh-album-viewer-close-glyph::after{width:22px!important;height:3px!important;} } html body header.fh-topbar{ background:linear-gradient(100deg,#e91e73 0%,#ec2b7a 54%,#f84b99 100%)!important; box-shadow:0 7px 24px rgba(111,13,56,.20)!important; border:0!important; } html body header.fh-topbar::before, html body header.fh-topbar::after{ display:none!important; content:none!important; } @media(min-width:1181px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(238px,280px) minmax(520px,1fr) 126px!important; gap:clamp(18px,2vw,32px)!important; max-width:1380px!important; min-height:80px!important; padding:0 clamp(24px,3.8vw,56px)!important; } html body header.fh-topbar .fh-brand{ max-width:280px!important; gap:10px!important; } html body header.fh-topbar .fh-brand-icon{ width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; border:2px solid rgba(255,255,255,.84)!important; box-shadow:0 7px 18px rgba(78,7,35,.18)!important; } html body header.fh-topbar .fh-brand-text{ font-size:clamp(24px,1.75vw,28px)!important; text-shadow:0 1px 1px rgba(58,3,27,.14)!important; } html body header.fh-topbar .fh-main-menu{ justify-content:center!important; gap:clamp(7px,1vw,14px)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ gap:7px!important; min-height:46px!important; padding:7px 9px!important; border-radius:13px!important; background:transparent!important; font-size:14px!important; transition:background .18s ease,transform .18s ease!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.15)!important; transform:translateY(-1px)!important; outline:0!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 28px!important; width:28px!important; min-width:28px!important; height:28px!important; min-height:28px!important; margin:0!important; border:1px solid rgba(255,255,255,.30)!important; border-radius:9px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:17px!important; height:17px!important; stroke:currentColor!important; } html body header.fh-topbar .fh-search-round.search-button{ min-width:122px!important; height:44px!important; min-height:44px!important; padding:0 16px!important; border:2px solid rgba(255,255,255,.86)!important; background:#fff!important; color:#e32172!important; box-shadow:0 7px 18px rgba(78,7,35,.18)!important; } html body header.fh-topbar .fh-search-round.search-button:hover, html body header.fh-topbar .fh-search-round.search-button:focus-visible, html body header.fh-topbar .fh-search-round.search-button[aria-expanded="true"]{ background:#fff4f9!important; color:#bd145d!important; box-shadow:0 9px 22px rgba(78,7,35,.23)!important; outline:0!important; } html body header.fh-topbar .fh-search-icon, html body header.fh-topbar .fh-search-icon svg{ width:19px!important; min-width:19px!important; height:19px!important; min-height:19px!important; color:currentColor!important; stroke:currentColor!important; } } @media(min-width:783px) and (max-width:1180px){ html body header.fh-topbar .fh-nav-wrap{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:10px!important; max-width:1180px!important; min-height:70px!important; padding:0 clamp(12px,2vw,22px)!important; } html body header.fh-topbar .fh-brand{ flex:0 1 auto!important; width:auto!important; max-width:190px!important; gap:8px!important; } html body header.fh-topbar .fh-brand-icon{ width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; border:1px solid rgba(255,255,255,.75)!important; } html body header.fh-topbar .fh-brand-text{ font-size:clamp(18px,2.2vw,22px)!important; } html body header.fh-topbar .fh-main-menu{ position:static!important; inset:auto!important; display:flex!important; visibility:visible!important; opacity:1!important; flex:1 1 auto!important; justify-content:flex-start!important; align-items:center!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; gap:clamp(3px,.65vw,8px)!important; background:transparent!important; border:0!important; box-shadow:none!important; transform:none!important; pointer-events:auto!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link{ gap:4px!important; min-height:40px!important; padding:6px 5px!important; border-radius:10px!important; font-size:clamp(10px,1.25vw,12px)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.14)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 24px!important; width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; border-radius:8px!important; background:rgba(255,255,255,.13)!important; color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:15px!important; height:15px!important; } html body header.fh-topbar .fh-nav-actions{ position:static!important; inset:auto!important; flex:0 0 42px!important; width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; margin:0!important; } html body header.fh-topbar .fh-search-round.search-button{ width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; border:2px solid rgba(255,255,255,.82)!important; background:#fff!important; color:#e32172!important; box-shadow:0 6px 15px rgba(78,7,35,.16)!important; } } @media(max-width:782px){ html body header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 44px 44px!important; grid-template-areas:"brand search menu"!important; grid-template-rows:auto!important; column-gap:9px!important; row-gap:0!important; min-height:68px!important; padding:10px max(11px,env(safe-area-inset-right)) 10px max(11px,env(safe-area-inset-left))!important; } html body header.fh-topbar .fh-brand{ grid-area:brand!important; max-width:100%!important; } html body header.fh-topbar .fh-nav-actions{ grid-area:search!important; } html body header.fh-topbar .fh-menu-toggle{ grid-area:menu!important; } html body header.fh-topbar .fh-main-menu{ grid-area:auto!important; grid-column:auto!important; grid-row:auto!important; position:absolute!important; top:calc(100% + 8px)!important; right:max(8px,env(safe-area-inset-right))!important; bottom:auto!important; left:auto!important; z-index:10020!important; display:none!important; visibility:hidden!important; opacity:0!important; grid-template-columns:1fr!important; flex-direction:column!important; width:min(328px,calc(100vw - 16px))!important; max-width:328px!important; max-height:min(68dvh,520px)!important; margin:0!important; padding:9px!important; gap:6px!important; overflow-x:hidden!important; overflow-y:auto!important; border:1px solid #ffd0e4!important; border-radius:18px!important; background:#fff!important; box-shadow:0 18px 44px rgba(76,8,38,.22)!important; transform:none!important; pointer-events:none!important; -webkit-overflow-scrolling:touch!important; } html body header.fh-topbar.is-open .fh-main-menu{ display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } html body header.fh-topbar.is-search-open .fh-main-menu{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link, html body header.fh-topbar .fh-main-menu .fh-nav-link:last-child{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:8px 10px!important; border:1px solid #ffe0ec!important; border-radius:12px!important; background:#fff8fc!important; color:#4b3041!important; font-size:14px!important; font-weight:800!important; line-height:1.2!important; text-align:left!important; box-shadow:none!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link::after{ content:"›"!important; display:block!important; position:static!important; width:auto!important; height:auto!important; margin-left:auto!important; background:none!important; color:#d92673!important; font-size:22px!important; font-weight:600!important; line-height:1!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 30px!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; border-radius:9px!important; background:#ffe7f1!important; color:#ec2b7a!important; } html body header.fh-topbar .fh-main-menu .fh-menu-icon svg{ width:18px!important; height:18px!important; color:currentColor!important; stroke:currentColor!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ border-color:#ec2b7a!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; outline:0!important; box-shadow:0 8px 18px rgba(236,43,122,.22)!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover::after, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible::after, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active::after{ color:#fff!important; } html body header.fh-topbar .fh-main-menu .fh-nav-link:hover .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible .fh-menu-icon, html body header.fh-topbar .fh-main-menu .fh-nav-link.is-active .fh-menu-icon{ background:rgba(255,255,255,.20)!important; color:#fff!important; } } @media(max-width:370px){ html body header.fh-topbar .fh-main-menu{ right:max(6px,env(safe-area-inset-right))!important; width:min(316px,calc(100vw - 12px))!important; } } html body.fh-album-viewer-open{ overflow:hidden!important; touch-action:none!important; } html body .fh-album-viewer{ position:fixed!important; inset:0!important; z-index:999999!important; display:grid!important; place-items:center!important; width:100vw!important; height:100dvh!important; padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important; background:rgba(8,8,13,.96)!important; overflow:hidden!important; cursor:default!important; } html body .fh-album-viewer[hidden]{display:none!important;} html body .fh-album-viewer-stage{ position:relative!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; padding:0!important; overflow:hidden!important; } html body .fh-album-viewer-image{ display:block!important; width:auto!important; height:auto!important; max-width:calc(100vw - 20px)!important; max-height:calc(100dvh - 20px)!important; margin:0!important; object-fit:contain!important; object-position:center!important; border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important; cursor:default!important; touch-action:none!important; user-select:none!important; -webkit-user-drag:none!important; } html body .fh-album-viewer-prev, html body .fh-album-viewer-next, html body .fh-album-viewer-count{ display:none!important; visibility:hidden!important; pointer-events:none!important; } html body .fh-album-viewer-close{ position:fixed!important; top:max(10px,env(safe-area-inset-top))!important; right:max(10px,env(safe-area-inset-right))!important; z-index:2!important; display:block!important; width:48px!important; min-width:48px!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0!important; border:2px solid rgba(255,255,255,.90)!important; border-radius:50%!important; background:#ec2b7a!important; color:#fff!important; box-shadow:0 8px 22px rgba(0,0,0,.30)!important; font-size:0!important; line-height:0!important; cursor:pointer!important; touch-action:manipulation!important; } html body .fh-album-viewer-close::before, html body .fh-album-viewer-close::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; display:block!important; width:22px!important; height:3px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#fff!important; transform-origin:center!important; } html body .fh-album-viewer-close::before{ transform:translate(-50%,-50%) rotate(45deg)!important; } html body .fh-album-viewer-close::after{ transform:translate(-50%,-50%) rotate(-45deg)!important; } html body .fh-album-viewer-close .fh-album-viewer-close-glyph{ display:none!important; } html body .fh-album-viewer-close:hover, html body .fh-album-viewer-close:focus-visible{ background:#d91f6d!important; outline:3px solid rgba(255,255,255,.72)!important; outline-offset:2px!important; } @media(min-width:783px){ html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ position:relative!important; inset:auto!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0!important; overflow:hidden!important; font-size:14px!important; line-height:1!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button::after, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::before, html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon::after{ display:none!important; content:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon{ position:static!important; inset:auto!important; display:grid!important; place-items:center!important; flex:0 0 20px!important; width:20px!important; min-width:20px!important; height:20px!important; min-height:20px!important; margin:0!important; padding:0!important; overflow:visible!important; color:currentColor!important; transform:none!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-icon svg{ position:static!important; display:block!important; width:20px!important; height:20px!important; margin:0!important; padding:0!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:2.2!important; stroke-linecap:round!important; stroke-linejoin:round!important; transform:none!important; } } @media(min-width:1181px){ html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ gap:8px!important; width:auto!important; min-width:122px!important; max-width:none!important; height:44px!important; min-height:44px!important; max-height:44px!important; padding:0 16px!important; border:2px solid rgba(255,255,255,.86)!important; border-radius:999px!important; background:#fff!important; color:#e32172!important; box-shadow:0 7px 18px rgba(78,7,35,.18)!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ position:static!important; display:inline!important; width:auto!important; height:auto!important; margin:0!important; padding:0!important; overflow:visible!important; clip:auto!important; clip-path:none!important; border:0!important; color:currentColor!important; font-size:14px!important; font-weight:900!important; line-height:1!important; white-space:nowrap!important; transform:none!important; } } @media(min-width:783px) and (max-width:1180px){ html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button{ width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; border:2px solid rgba(255,255,255,.82)!important; border-radius:50%!important; background:#fff!important; color:#e32172!important; box-shadow:0 6px 15px rgba(78,7,35,.16)!important; } html body header.fh-topbar .fh-nav-actions > button.fh-search-round.search-button .fh-search-label{ position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } } html body.fh-album-viewer-open{ overflow:hidden!important; overscroll-behavior:none!important; touch-action:none!important; } html body .fh-album-viewer{ position:fixed!important; inset:0!important; z-index:999999!important; display:grid!important; place-items:center!important; width:100vw!important; height:100dvh!important; padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important; overflow:hidden!important; background:rgba(8,8,13,.97)!important; backdrop-filter:blur(7px)!important; -webkit-backdrop-filter:blur(7px)!important; touch-action:none!important; } html body .fh-album-viewer[hidden]{display:none!important;} html body .fh-album-viewer-stage{ position:relative!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; padding:0!important; overflow:hidden!important; } html body .fh-album-viewer-photo-wrap{ position:absolute!important; inset:0!important; z-index:1!important; display:grid!important; place-items:center!important; overflow:hidden!important; pointer-events:none!important; touch-action:none!important; } html body .fh-album-viewer-image{ --fh-photo-zoom:1; display:block!important; width:auto!important; height:auto!important; max-width:calc(100vw - 24px)!important; max-height:calc(100dvh - 24px)!important; margin:0!important; border:0!important; border-radius:0!important; object-fit:contain!important; object-position:center!important; box-shadow:none!important; transform:scale(var(--fh-photo-zoom))!important; transform-origin:center center!important; transition:transform .22s ease!important; cursor:zoom-in!important; pointer-events:auto!important; user-select:none!important; -webkit-user-drag:none!important; touch-action:manipulation!important; } html body .fh-album-viewer-image[data-zoom="3"]{cursor:zoom-out!important;} html body .fh-album-viewer-count{ display:none!important; visibility:hidden!important; pointer-events:none!important; } html body .fh-album-viewer-close{ position:fixed!important; top:max(10px,env(safe-area-inset-top))!important; right:max(10px,env(safe-area-inset-right))!important; z-index:20!important; display:block!important; width:48px!important; min-width:48px!important; height:48px!important; min-height:48px!important; margin:0!important; padding:0!important; border:2px solid rgba(255,255,255,.92)!important; border-radius:50%!important; background:#ec2b7a!important; color:#fff!important; box-shadow:0 8px 22px rgba(0,0,0,.30)!important; font-size:0!important; line-height:0!important; cursor:pointer!important; touch-action:manipulation!important; } html body .fh-album-viewer-close::before, html body .fh-album-viewer-close::after{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; display:block!important; width:22px!important; height:3px!important; margin:0!important; border:0!important; border-radius:999px!important; background:#fff!important; transform-origin:center!important; } html body .fh-album-viewer-close::before{transform:translate(-50%,-50%) rotate(45deg)!important;} html body .fh-album-viewer-close::after{transform:translate(-50%,-50%) rotate(-45deg)!important;} html body .fh-album-viewer-close .fh-album-viewer-close-glyph{display:none!important;} html body .fh-album-viewer-prev, html body .fh-album-viewer-next{ position:fixed!important; top:50%!important; z-index:12!important; display:grid!important; place-items:center!important; width:52px!important; min-width:52px!important; height:52px!important; min-height:52px!important; margin:0!important; padding:0 0 3px!important; border:2px solid rgba(255,255,255,.84)!important; border-radius:50%!important; background:rgba(236,43,122,.94)!important; color:#fff!important; box-shadow:0 8px 24px rgba(0,0,0,.32)!important; font:900 30px/1 Arial,sans-serif!important; transform:translateY(-50%)!important; cursor:pointer!important; touch-action:manipulation!important; } html body .fh-album-viewer-prev{left:max(12px,env(safe-area-inset-left))!important;} html body .fh-album-viewer-next{right:max(12px,env(safe-area-inset-right))!important;} html body .fh-album-viewer-prev:hover, html body .fh-album-viewer-next:hover, html body .fh-album-viewer-close:hover, html body .fh-album-viewer-prev:focus-visible, html body .fh-album-viewer-next:focus-visible, html body .fh-album-viewer-close:focus-visible{ background:#d91f6d!important; outline:3px solid rgba(255,255,255,.72)!important; outline-offset:2px!important; } html body .fh-album-touch-zone{ display:none!important; } @media(hover:none), (pointer:coarse){ html body .fh-album-viewer-prev, html body .fh-album-viewer-next{ display:none!important; } html body .fh-album-touch-zone{ position:fixed!important; top:64px!important; bottom:0!important; z-index:8!important; display:block!important; width:28vw!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; color:transparent!important; opacity:0!important; cursor:pointer!important; touch-action:manipulation!important; } html body .fh-album-touch-prev{left:0!important;} html body .fh-album-touch-next{right:0!important;} html body .fh-album-viewer-image{ max-width:calc(100vw - 12px)!important; max-height:calc(100dvh - 12px)!important; } } @media(max-width:560px){ html body .fh-album-viewer-close{ width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; } html body .fh-album-viewer-close::before, html body .fh-album-viewer-close::after{ width:21px!important; } } html body footer.fh-footer, html body .fh-footer{ position:relative!important; isolation:isolate!important; width:100%!important; max-width:none!important; margin:0!important; padding:42px clamp(22px,4vw,58px) 22px!important; overflow:hidden!important; border:0!important; border-radius:0!important; background:linear-gradient(100deg,#e91e73 0%,#ec2b7a 54%,#f84b99 100%)!important; color:#fff!important; box-shadow:0 -7px 24px rgba(111,13,56,.14)!important; } html body footer.fh-footer::before{ content:""!important; position:absolute!important; inset:0!important; z-index:-2!important; display:block!important; pointer-events:none!important; background: radial-gradient(circle at 8% 8%,rgba(255,255,255,.16),transparent 24%), radial-gradient(circle at 92% 82%,rgba(255,255,255,.10),transparent 28%)!important; } html body footer.fh-footer::after{ content:""!important; position:absolute!important; top:0!important; right:0!important; left:0!important; z-index:-1!important; display:block!important; height:1px!important; background:rgba(255,255,255,.56)!important; } html body footer.fh-footer .fh-footer-inner{ display:grid!important; grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,1fr))!important; align-items:start!important; gap:clamp(28px,4vw,62px)!important; width:100%!important; max-width:1380px!important; margin:0 auto!important; padding:0!important; } html body footer.fh-footer .fh-footer-brand, html body footer.fh-footer .fh-footer-col{ min-width:0!important; margin:0!important; padding:0!important; } html body footer.fh-footer .fh-footer-title{ display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:auto!important; margin:0!important; padding:5px 8px 5px 5px!important; border:1px solid rgba(255,255,255,.18)!important; border-radius:999px!important; background:rgba(255,255,255,.08)!important; color:#fff!important; box-shadow:0 8px 22px rgba(78,7,35,.13)!important; font-family:'Poppins',Arial,sans-serif!important; font-size:clamp(23px,2vw,28px)!important; font-weight:900!important; line-height:1!important; letter-spacing:-.035em!important; text-decoration:none!important; } html body footer.fh-footer .fh-footer-logo{ display:grid!important; place-items:center!important; flex:0 0 50px!important; width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; margin:0!important; padding:0!important; overflow:hidden!important; border:2px solid rgba(255,255,255,.88)!important; border-radius:50%!important; background:#fff!important; box-shadow:0 7px 18px rgba(78,7,35,.18)!important; } html body footer.fh-footer .fh-footer-logo img{ display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; object-fit:cover!important; object-position:center!important; transform:none!important; } html body footer.fh-footer .fh-footer-brand-text{ display:block!important; padding:0 6px 0 0!important; color:#fff!important; text-shadow:0 1px 1px rgba(58,3,27,.14)!important; } html body footer.fh-footer .fh-footer-col{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; gap:7px!important; } html body footer.fh-footer .fh-footer-col h3{ position:relative!important; display:inline-flex!important; align-items:center!important; min-height:34px!important; margin:0 0 7px!important; padding:0 11px!important; border:1px solid rgba(255,255,255,.22)!important; border-radius:11px!important; background:rgba(255,255,255,.12)!important; color:#fff!important; font-family:'Poppins',Arial,sans-serif!important; font-size:14px!important; font-weight:900!important; line-height:1!important; letter-spacing:.01em!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:100%!important; min-height:38px!important; margin:0!important; padding:7px 9px!important; border:1px solid transparent!important; border-radius:11px!important; background:transparent!important; color:#fff!important; box-shadow:none!important; font-family:'Poppins',Arial,sans-serif!important; font-size:13px!important; font-weight:700!important; line-height:1.2!important; text-decoration:none!important; transition:background .18s ease,border-color .18s ease,transform .18s ease!important; } html body footer.fh-footer .fh-footer-col > a:hover, html body footer.fh-footer .fh-footer-col > a:focus-visible, html body footer.fh-footer .fh-footer-menu-link:hover, html body footer.fh-footer .fh-footer-menu-link:focus-visible{ border-color:rgba(255,255,255,.28)!important; background:rgba(255,255,255,.14)!important; color:#fff!important; outline:0!important; transform:translateX(2px)!important; } html body footer.fh-footer .fh-footer-menu-link .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 28px!important; width:28px!important; min-width:28px!important; height:28px!important; min-height:28px!important; margin:0!important; padding:0!important; border:1px solid rgba(255,255,255,.30)!important; border-radius:9px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; } html body footer.fh-footer .fh-footer-menu-link .fh-menu-icon svg{ display:block!important; width:16px!important; height:16px!important; fill:none!important; stroke:currentColor!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; } html body footer.fh-footer .fh-socials > div{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; margin:0!important; } html body footer.fh-footer .fh-socials > div > a{ display:grid!important; place-items:center!important; flex:0 0 44px!important; width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; margin:0!important; padding:0!important; border:2px solid rgba(255,255,255,.72)!important; border-radius:50%!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:0 7px 18px rgba(78,7,35,.14)!important; font-size:20px!important; font-weight:900!important; line-height:1!important; transition:background .18s ease,transform .18s ease!important; } html body footer.fh-footer .fh-socials > div > a:hover, html body footer.fh-footer .fh-socials > div > a:focus-visible{ background:#fff!important; color:#e32172!important; outline:0!important; transform:translateY(-2px)!important; } html body footer.fh-footer .fh-socials svg{ display:block!important; width:21px!important; height:21px!important; fill:currentColor!important; } html body footer.fh-footer .fh-footer-bottom{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:9px 24px!important; width:100%!important; max-width:1380px!important; min-height:48px!important; margin:30px auto 0!important; padding:16px 18px 0!important; border-top:1px solid rgba(255,255,255,.36)!important; color:rgba(255,255,255,.94)!important; font-family:'Poppins',Arial,sans-serif!important; font-size:12px!important; font-weight:600!important; line-height:1.45!important; text-align:center!important; } html body footer.fh-footer .fh-footer-bottom span{ display:inline-flex!important; align-items:center!important; min-height:28px!important; margin:0!important; padding:4px 9px!important; border-radius:999px!important; background:rgba(255,255,255,.10)!important; color:#fff!important; } html body .fh-backtop{ display:grid!important; place-items:center!important; width:54px!important; min-width:54px!important; height:54px!important; min-height:54px!important; padding:0 0 2px!important; border:2px solid #fff!important; border-radius:50%!important; background:#fff!important; color:#e32172!important; box-shadow:0 10px 28px rgba(78,7,35,.24)!important; font-size:25px!important; font-weight:900!important; line-height:1!important; } html body .fh-backtop:hover, html body .fh-backtop:focus-visible{ background:#fff4f9!important; color:#bd145d!important; outline:3px solid rgba(236,43,122,.22)!important; outline-offset:2px!important; } @media(min-width:783px) and (max-width:1180px){ html body footer.fh-footer{ padding:36px clamp(22px,4vw,38px) 20px!important; } html body footer.fh-footer .fh-footer-inner{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:28px 42px!important; max-width:900px!important; } html body footer.fh-footer .fh-footer-brand, html body footer.fh-footer .fh-footer-col{ width:100%!important; } html body footer.fh-footer .fh-footer-title{ font-size:24px!important; } html body footer.fh-footer .fh-footer-logo{ flex-basis:46px!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; } } @media(max-width:782px){ html body footer.fh-footer{ padding:30px max(16px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important; } html body footer.fh-footer .fh-footer-inner{ grid-template-columns:1fr!important; gap:22px!important; max-width:520px!important; text-align:center!important; } html body footer.fh-footer .fh-footer-brand, html body footer.fh-footer .fh-footer-col{ display:flex!important; flex-direction:column!important; align-items:center!important; width:100%!important; text-align:center!important; } html body footer.fh-footer .fh-footer-title{ justify-content:center!important; font-size:23px!important; } html body footer.fh-footer .fh-footer-logo{ flex-basis:46px!important; width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; } html body footer.fh-footer .fh-footer-col h3{ justify-content:center!important; min-width:132px!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link{ justify-content:flex-start!important; width:min(100%,320px)!important; min-height:42px!important; padding:7px 10px!important; border-color:rgba(255,255,255,.13)!important; background:rgba(255,255,255,.07)!important; text-align:left!important; } html body footer.fh-footer .fh-footer-col > a:hover, html body footer.fh-footer .fh-footer-col > a:focus-visible, html body footer.fh-footer .fh-footer-menu-link:hover, html body footer.fh-footer .fh-footer-menu-link:focus-visible{ transform:none!important; } html body footer.fh-footer .fh-socials > div{ justify-content:center!important; } html body footer.fh-footer .fh-footer-bottom{ display:block!important; max-width:520px!important; margin-top:24px!important; padding:15px 0 0!important; font-size:11px!important; } html body footer.fh-footer .fh-footer-bottom span{ display:inline-flex!important; margin:8px 3px 0!important; } html body .fh-backtop{ right:max(12px,env(safe-area-inset-right))!important; bottom:max(12px,env(safe-area-inset-bottom))!important; width:50px!important; min-width:50px!important; height:50px!important; min-height:50px!important; font-size:23px!important; } } @media(max-width:380px){ html body footer.fh-footer{ padding-right:max(12px,env(safe-area-inset-right))!important; padding-left:max(12px,env(safe-area-inset-left))!important; } html body footer.fh-footer .fh-footer-title{ font-size:21px!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link{ width:100%!important; } } html body footer.fh-footer, html body .fh-footer{ padding:28px clamp(18px,3vw,42px) 14px!important; } html body footer.fh-footer .fh-footer-inner{ grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(140px,1fr))!important; gap:clamp(20px,3vw,38px)!important; max-width:1280px!important; } html body footer.fh-footer .fh-footer-title{ gap:9px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:clamp(20px,1.7vw,24px)!important; } html body footer.fh-footer .fh-footer-logo{ flex-basis:42px!important; width:42px!important; min-width:42px!important; height:42px!important; min-height:42px!important; } html body footer.fh-footer .fh-footer-brand-text{ padding:0!important; } html body footer.fh-footer .fh-footer-col{ gap:3px!important; } html body footer.fh-footer .fh-footer-col h3{ min-height:0!important; margin:0 0 6px!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:13px!important; line-height:1.25!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link{ min-height:30px!important; padding:4px 3px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; font-size:12px!important; } html body footer.fh-footer .fh-footer-col > a:hover, html body footer.fh-footer .fh-footer-col > a:focus-visible, html body footer.fh-footer .fh-footer-menu-link:hover, html body footer.fh-footer .fh-footer-menu-link:focus-visible{ border:0!important; background:transparent!important; text-decoration:underline!important; text-underline-offset:3px!important; } html body footer.fh-footer .fh-footer-menu-link .fh-menu-icon{ flex-basis:24px!important; width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; border-radius:7px!important; } html body footer.fh-footer .fh-footer-menu-link .fh-menu-icon svg{ width:14px!important; height:14px!important; } html body footer.fh-footer .fh-socials > div{ gap:8px!important; } html body footer.fh-footer .fh-socials > div > a{ flex-basis:38px!important; width:38px!important; min-width:38px!important; height:38px!important; min-height:38px!important; font-size:17px!important; } html body footer.fh-footer .fh-socials svg{ width:18px!important; height:18px!important; } html body footer.fh-footer .fh-footer-bottom{ gap:6px 18px!important; min-height:0!important; margin:18px auto 0!important; padding:10px 10px 0!important; font-size:11px!important; } html body footer.fh-footer .fh-footer-bottom span{ min-height:0!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; } html body .fh-backtop{ width:46px!important; min-width:46px!important; height:46px!important; min-height:46px!important; font-size:21px!important; } @media(min-width:783px) and (max-width:1180px){ html body footer.fh-footer{ padding:24px clamp(18px,3vw,30px) 13px!important; } html body footer.fh-footer .fh-footer-inner{ gap:20px 34px!important; } html body footer.fh-footer .fh-footer-title{ font-size:21px!important; } html body footer.fh-footer .fh-footer-logo{ flex-basis:40px!important; width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } } @media(max-width:782px){ html body footer.fh-footer{ padding:22px max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important; } html body footer.fh-footer .fh-footer-inner{ gap:14px!important; } html body footer.fh-footer .fh-footer-title{ font-size:20px!important; } html body footer.fh-footer .fh-footer-logo{ flex-basis:40px!important; width:40px!important; min-width:40px!important; height:40px!important; min-height:40px!important; } html body footer.fh-footer .fh-footer-col h3{ min-width:0!important; margin-bottom:4px!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link{ width:min(100%,290px)!important; min-height:30px!important; padding:4px 3px!important; border:0!important; background:transparent!important; } html body footer.fh-footer .fh-footer-bottom{ margin-top:14px!important; padding-top:9px!important; font-size:10.5px!important; } html body footer.fh-footer .fh-footer-bottom span{ margin:5px 3px 0!important; padding:0!important; background:transparent!important; } html body .fh-backtop{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; font-size:20px!important; } } @media(max-width:380px){ html body footer.fh-footer .fh-footer-title{ font-size:19px!important; } } html body.fh-detail-is-photo, html body.fh-detail-is-video{ overflow-x:clip!important; } html body.fh-detail-is-photo header.fh-topbar, html body.fh-detail-is-video header.fh-topbar, html body.fh-detail-is-photo footer.fh-footer, html body.fh-detail-is-video footer.fh-footer{ width:100%!important; max-width:none!important; margin-right:0!important; margin-left:0!important; border-radius:0!important; } html body.fh-detail-is-photo header.fh-topbar, html body.fh-detail-is-video header.fh-topbar{ position:relative!important; background:linear-gradient(100deg,#e91e73 0%,#ec2b7a 54%,#f84b99 100%)!important; border:0!important; box-shadow:0 7px 24px rgba(111,13,56,.20)!important; overflow:visible!important; } html body.fh-detail-is-photo header.fh-topbar::before, html body.fh-detail-is-photo header.fh-topbar::after, html body.fh-detail-is-video header.fh-topbar::before, html body.fh-detail-is-video header.fh-topbar::after{ content:none!important; display:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-photo header.fh-topbar .fh-brand, html body.fh-detail-is-video header.fh-topbar .fh-brand, html body.fh-detail-is-photo header.fh-topbar .fh-brand-text, html body.fh-detail-is-video header.fh-topbar .fh-brand-text, html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions{ background:transparent!important; background-image:none!important; border:0!important; box-shadow:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-brand-text, html body.fh-detail-is-video header.fh-topbar .fh-brand-text, html body.fh-detail-is-photo header.fh-topbar .fh-nav-link, html body.fh-detail-is-video header.fh-topbar .fh-nav-link{ color:#fff!important; } @media(min-width:1181px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(238px,280px) minmax(520px,1fr) 126px!important; align-items:center!important; gap:clamp(18px,2vw,32px)!important; width:100%!important; max-width:1380px!important; min-height:80px!important; margin:0 auto!important; padding:0 clamp(24px,3.8vw,56px)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu{ position:static!important; display:flex!important; visibility:visible!important; opacity:1!important; justify-content:center!important; align-items:center!important; gap:clamp(7px,1vw,14px)!important; width:auto!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; pointer-events:auto!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link{ gap:7px!important; min-height:46px!important; padding:7px 9px!important; border:0!important; border-radius:13px!important; background:transparent!important; box-shadow:none!important; color:#fff!important; font-size:14px!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.15)!important; color:#fff!important; transform:translateY(-1px)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link::before, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link::after, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link::before, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link::after{ content:none!important; display:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-menu-icon, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 28px!important; width:28px!important; min-width:28px!important; height:28px!important; min-height:28px!important; border:1px solid rgba(255,255,255,.30)!important; border-radius:9px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; box-shadow:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-video header.fh-topbar .fh-search-round.search-button{ display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important; min-width:122px!important; width:auto!important; height:44px!important; min-height:44px!important; padding:0 16px!important; border:2px solid rgba(255,255,255,.86)!important; border-radius:999px!important; background:#fff!important; color:#e32172!important; box-shadow:0 7px 18px rgba(78,7,35,.18)!important; } } @media(min-width:783px) and (max-width:1180px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:10px!important; width:100%!important; max-width:1180px!important; min-height:70px!important; margin:0 auto!important; padding:0 clamp(12px,2vw,22px)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu{ position:static!important; display:flex!important; visibility:visible!important; opacity:1!important; flex:1 1 auto!important; justify-content:flex-start!important; align-items:center!important; width:auto!important; min-width:0!important; margin:0!important; padding:0!important; gap:clamp(3px,.65vw,8px)!important; background:transparent!important; border:0!important; box-shadow:none!important; pointer-events:auto!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link{ gap:4px!important; min-height:40px!important; padding:6px 5px!important; border:0!important; border-radius:10px!important; background:transparent!important; color:#fff!important; font-size:clamp(10px,1.25vw,12px)!important; box-shadow:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ background:rgba(255,255,255,.14)!important; color:#fff!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link::before, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link::after, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link::before, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link::after{ content:none!important; display:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-menu-icon, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 24px!important; width:24px!important; min-width:24px!important; height:24px!important; min-height:24px!important; border:0!important; border-radius:8px!important; background:rgba(255,255,255,.13)!important; color:#fff!important; } html body.fh-detail-is-photo header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-video header.fh-topbar .fh-search-round.search-button{ display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; min-width:42px!important; max-width:42px!important; height:42px!important; min-height:42px!important; max-height:42px!important; padding:0!important; border:2px solid rgba(255,255,255,.82)!important; border-radius:50%!important; background:#fff!important; color:#e32172!important; box-shadow:0 6px 15px rgba(78,7,35,.16)!important; } } @media(max-width:782px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(0,1fr) 44px 44px!important; grid-template-areas:"brand search menu"!important; grid-template-rows:auto!important; align-items:center!important; column-gap:9px!important; row-gap:0!important; width:100%!important; max-width:none!important; min-height:68px!important; margin:0!important; padding:10px max(11px,env(safe-area-inset-right)) 10px max(11px,env(safe-area-inset-left))!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu{ position:absolute!important; top:calc(100% + 8px)!important; right:max(8px,env(safe-area-inset-right))!important; bottom:auto!important; left:auto!important; z-index:10020!important; display:none!important; visibility:hidden!important; opacity:0!important; flex-direction:column!important; width:min(328px,calc(100vw - 16px))!important; max-width:328px!important; max-height:min(68dvh,520px)!important; margin:0!important; padding:9px!important; gap:6px!important; overflow:auto!important; border:1px solid #ffd0e4!important; border-radius:18px!important; background:#fff!important; box-shadow:0 18px 44px rgba(76,8,38,.22)!important; transform:none!important; pointer-events:none!important; } html body.fh-detail-is-photo header.fh-topbar.is-open .fh-main-menu, html body.fh-detail-is-video header.fh-topbar.is-open .fh-main-menu{ display:flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; } html body.fh-detail-is-photo header.fh-topbar.is-search-open .fh-main-menu, html body.fh-detail-is-video header.fh-topbar.is-search-open .fh-main-menu{ display:none!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; width:100%!important; min-height:46px!important; margin:0!important; padding:8px 10px!important; border:1px solid #ffe0ec!important; border-radius:12px!important; background:#fff8fc!important; color:#4b3041!important; font-size:14px!important; font-weight:800!important; box-shadow:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-menu-icon, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-menu-icon{ display:grid!important; place-items:center!important; flex:0 0 30px!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; border:0!important; border-radius:9px!important; background:#ffe7f1!important; color:#ec2b7a!important; box-shadow:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu .fh-nav-link.is-active, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:hover, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link:focus-visible, html body.fh-detail-is-video header.fh-topbar .fh-main-menu .fh-nav-link.is-active{ border-color:#ec2b7a!important; background:linear-gradient(135deg,#ec2b7a,#f7358a)!important; color:#fff!important; box-shadow:0 8px 18px rgba(236,43,122,.22)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions, html body.fh-detail-is-photo header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-video header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-photo header.fh-topbar .fh-menu-toggle, html body.fh-detail-is-video header.fh-topbar .fh-menu-toggle{ width:44px!important; min-width:44px!important; max-width:44px!important; height:44px!important; min-height:44px!important; max-height:44px!important; } html body.fh-detail-is-photo header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-video header.fh-topbar .fh-search-round.search-button, html body.fh-detail-is-photo header.fh-topbar .fh-menu-toggle, html body.fh-detail-is-video header.fh-topbar .fh-menu-toggle{ border:2px solid rgba(255,255,255,.75)!important; border-radius:50%!important; background:#fff!important; color:#ec2b7a!important; box-shadow:0 7px 18px rgba(97,15,52,.18)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-menu-toggle span, html body.fh-detail-is-video header.fh-topbar .fh-menu-toggle span{ background:#ec2b7a!important; } } html body footer.fh-footer .fh-footer-brand{ padding-top:8px!important; } @media(min-width:783px) and (max-width:1180px){ html body footer.fh-footer .fh-footer-brand{padding-top:6px!important;} } @media(max-width:782px){ html body footer.fh-footer .fh-footer-brand{padding-top:5px!important;} } html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ box-sizing:border-box!important; inset:auto!important; float:none!important; transform:none!important; } html body.fh-detail-is-photo header.fh-topbar .fh-brand, html body.fh-detail-is-video header.fh-topbar .fh-brand, html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu, html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions, html body.fh-detail-is-photo header.fh-topbar .fh-menu-toggle, html body.fh-detail-is-video header.fh-topbar .fh-menu-toggle{ transform:none!important; } @media(min-width:1181px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(220px,260px)!important; gap:12px!important; width:min(100%,1380px)!important; max-width:1380px!important; margin-inline:auto!important; padding-inline:clamp(18px,2.8vw,40px)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-brand, html body.fh-detail-is-video header.fh-topbar .fh-brand{ justify-self:start!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu{ justify-self:center!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions{ justify-self:end!important; margin:0!important; } } @media(min-width:783px) and (max-width:1180px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ display:grid!important; grid-template-columns:minmax(142px,180px) minmax(0,1fr) minmax(142px,180px)!important; align-items:center!important; gap:6px!important; width:100%!important; max-width:1180px!important; margin-inline:auto!important; padding-inline:clamp(10px,1.8vw,20px)!important; } html body.fh-detail-is-photo header.fh-topbar .fh-brand, html body.fh-detail-is-video header.fh-topbar .fh-brand{ justify-self:start!important; min-width:0!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-main-menu, html body.fh-detail-is-video header.fh-topbar .fh-main-menu{ justify-self:center!important; justify-content:center!important; min-width:0!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions{ justify-self:end!important; margin:0!important; } } @media(max-width:782px){ html body.fh-detail-is-photo header.fh-topbar .fh-nav-wrap, html body.fh-detail-is-video header.fh-topbar .fh-nav-wrap{ grid-template-columns:minmax(0,1fr) 44px 44px!important; column-gap:9px!important; width:100%!important; max-width:100%!important; margin:0!important; padding-top:10px!important; padding-right:max(11px,env(safe-area-inset-right))!important; padding-bottom:10px!important; padding-left:max(11px,env(safe-area-inset-left))!important; } html body.fh-detail-is-photo header.fh-topbar .fh-brand, html body.fh-detail-is-video header.fh-topbar .fh-brand{ grid-area:brand!important; justify-self:start!important; min-width:0!important; max-width:100%!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-nav-actions, html body.fh-detail-is-video header.fh-topbar .fh-nav-actions{ grid-area:search!important; justify-self:center!important; margin:0!important; } html body.fh-detail-is-photo header.fh-topbar .fh-menu-toggle, html body.fh-detail-is-video header.fh-topbar .fh-menu-toggle{ grid-area:menu!important; justify-self:end!important; margin:0!important; } } @media(max-width:782px){ html body footer.fh-footer, html body .fh-footer, html body.fh-detail-is-photo footer.fh-footer, html body.fh-detail-is-video footer.fh-footer{ position:relative!important; right:auto!important; left:auto!important; width:100%!important; max-width:100%!important; min-width:0!important; margin-right:0!important; margin-left:0!important; overflow-x:hidden!important; transform:none!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-inner, html body .fh-footer .fh-footer-inner, html body.fh-detail-is-photo footer.fh-footer .fh-footer-inner, html body.fh-detail-is-video footer.fh-footer .fh-footer-inner{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; justify-items:center!important; align-items:start!important; width:100%!important; max-width:520px!important; min-width:0!important; margin-right:auto!important; margin-left:auto!important; padding-right:0!important; padding-left:0!important; transform:none!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-brand, html body footer.fh-footer .fh-footer-col, html body.fh-detail-is-photo footer.fh-footer .fh-footer-brand, html body.fh-detail-is-photo footer.fh-footer .fh-footer-col, html body.fh-detail-is-video footer.fh-footer .fh-footer-brand, html body.fh-detail-is-video footer.fh-footer .fh-footer-col{ width:100%!important; max-width:100%!important; min-width:0!important; margin-right:auto!important; margin-left:auto!important; transform:none!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-bottom, html body.fh-detail-is-photo footer.fh-footer .fh-footer-bottom, html body.fh-detail-is-video footer.fh-footer .fh-footer-bottom{ width:100%!important; max-width:520px!important; min-width:0!important; margin-right:auto!important; margin-left:auto!important; transform:none!important; box-sizing:border-box!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; flex-direction:column!important; height:auto!important; min-height:104px!important; max-height:none!important; padding:10px 11px 11px!important; gap:8px!important; overflow:visible!important; pointer-events:auto!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:90!important; align-items:center!important; justify-content:center!important; align-self:stretch!important; width:100%!important; min-width:0!important; min-height:40px!important; height:auto!important; margin-top:auto!important; padding:8px 12px!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card > .fh-card-full-link{ display:none!important; pointer-events:none!important; z-index:-1!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; flex-direction:column!important; height:auto!important; min-height:104px!important; max-height:none!important; padding:10px 11px 11px!important; gap:8px!important; overflow:visible!important; pointer-events:auto!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-read-more-btn, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:90!important; align-items:center!important; justify-content:center!important; align-self:stretch!important; width:100%!important; min-width:0!important; min-height:40px!important; height:auto!important; margin-top:auto!important; padding:8px 12px!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; } html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card > .fh-card-full-link{ display:none!important; pointer-events:none!important; z-index:-1!important; } } @media(max-width:782px){ html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-read-more-btn, html body .page-section.post-section.first-section[data-page="videos"] > .post-grid.compact > .post-card.fh-group4-video-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; width:auto!important; max-width:100%!important; min-width:118px!important; min-height:42px!important; align-self:flex-start!important; flex:0 0 auto!important; margin-top:auto!important; padding:0 18px!important; border-radius:12px!important; white-space:nowrap!important; } html, html body{ max-width:100%!important; overflow-x:hidden!important; } html body footer.fh-footer, html body .fh-footer, html body.home footer.fh-footer, html body.page footer.fh-footer, html body.single footer.fh-footer, html body.single-post footer.fh-footer, html body.fh-detail-is-photo footer.fh-footer, html body.fh-detail-is-video footer.fh-footer{ position:relative!important; left:50%!important; right:auto!important; width:100vw!important; max-width:100vw!important; min-width:0!important; margin-top:0!important; margin-right:0!important; margin-bottom:0!important; margin-left:0!important; padding-top:22px!important; padding-right:max(14px,env(safe-area-inset-right))!important; padding-bottom:calc(12px + env(safe-area-inset-bottom))!important; padding-left:max(14px,env(safe-area-inset-left))!important; transform:translateX(-50%)!important; overflow:hidden!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-inner, html body .fh-footer .fh-footer-inner, html body footer.fh-footer .fh-footer-bottom, html body .fh-footer .fh-footer-bottom{ position:relative!important; left:auto!important; right:auto!important; width:100%!important; max-width:520px!important; min-width:0!important; margin-right:auto!important; margin-left:auto!important; padding-right:0!important; padding-left:0!important; transform:none!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-inner, html body .fh-footer .fh-footer-inner{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; justify-items:center!important; align-items:start!important; gap:14px!important; text-align:center!important; } html body footer.fh-footer .fh-footer-brand, html body footer.fh-footer .fh-footer-col, html body .fh-footer .fh-footer-brand, html body .fh-footer .fh-footer-col{ width:100%!important; max-width:100%!important; min-width:0!important; margin-right:auto!important; margin-left:auto!important; align-items:center!important; justify-self:center!important; text-align:center!important; transform:none!important; box-sizing:border-box!important; } html body footer.fh-footer .fh-footer-title, html body .fh-footer .fh-footer-title{ justify-content:center!important; max-width:100%!important; margin-right:auto!important; margin-left:auto!important; } html body footer.fh-footer .fh-footer-col > a, html body footer.fh-footer .fh-footer-menu-link, html body .fh-footer .fh-footer-col > a, html body .fh-footer .fh-footer-menu-link{ width:auto!important; max-width:min(100%,290px)!important; margin-right:auto!important; margin-left:auto!important; justify-content:center!important; white-space:normal!important; overflow-wrap:anywhere!important; } html body footer.fh-footer .fh-socials > div, html body .fh-footer .fh-socials > div{ justify-content:center!important; flex-wrap:wrap!important; } html body footer.fh-footer .fh-footer-bottom, html body .fh-footer .fh-footer-bottom{ display:flex!important; flex-wrap:wrap!important; justify-content:center!important; align-items:center!important; gap:5px 12px!important; text-align:center!important; } html body footer.fh-footer .fh-footer-bottom span, html body .fh-footer .fh-footer-bottom span{ display:inline-block!important; max-width:100%!important; margin:0!important; white-space:normal!important; overflow-wrap:anywhere!important; } } @media(max-width:782px){ html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card .post-copy, html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card .post-copy, html body .today-posts[data-page="today"] > .post-grid.compact > .post-card .post-copy{ display:flex!important; visibility:visible!important; opacity:1!important; flex-direction:column!important; height:auto!important; min-height:104px!important; max-height:none!important; padding:10px 11px 11px!important; gap:8px!important; overflow:visible!important; pointer-events:auto!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more], html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more], html body .today-posts[data-page="today"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body .today-posts[data-page="today"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:95!important; width:auto!important; max-width:100%!important; min-width:118px!important; min-height:42px!important; height:42px!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; flex:0 0 auto!important; margin-top:auto!important; padding:0 18px!important; border-radius:12px!important; white-space:nowrap!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; touch-action:manipulation!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card > .fh-card-full-link, html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card > .fh-card-full-link, html body .today-posts[data-page="today"] > .post-grid.compact > .post-card > .fh-card-full-link{ display:none!important; visibility:hidden!important; pointer-events:none!important; z-index:-1!important; } } @media(min-width:783px){ html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more], html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more], html body .today-posts[data-page="today"] > .post-grid.compact > .post-card a.fh-read-more-btn, html body .today-posts[data-page="today"] > .post-grid.compact > .post-card a.fh-group4-read-more[data-fh-group4-read-more]{ display:inline-flex!important; visibility:visible!important; opacity:1!important; position:relative!important; z-index:95!important; width:auto!important; max-width:100%!important; min-width:118px!important; min-height:42px!important; height:auto!important; align-items:center!important; justify-content:center!important; align-self:flex-start!important; margin-top:auto!important; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important; color:#fff!important; font-weight:900!important; line-height:1!important; text-decoration:none!important; white-space:nowrap!important; box-shadow:none!important; overflow:visible!important; pointer-events:auto!important; cursor:pointer!important; } html body #home.page-section[data-page="home"] > .post-grid.compact > .post-card > .fh-card-full-link, html body #today.page-section[data-page="today"] > .post-grid.compact > .post-card > .fh-card-full-link, html body .today-posts[data-page="today"] > .post-grid.compact > .post-card > .fh-card-full-link{ display:none!important; visibility:hidden!important; pointer-events:none!important; z-index:-1!important; } } img[data-fh-src] { background: rgba(255,255,255,.72); } img.fh-media-pending { opacity: .985; } img.fh-media-ready { opacity: 1; } html body .fhcs-public-report, html body .fhcs-report-details, html body .fhcs-global-report-feedback, html body [data-fhcs-public-report], html body form[action*="fhcs_submit_public_report"]{ display:none!important; visibility:hidden!important; width:0!important; height:0!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; pointer-events:none!important; } html body .fh-album-viewer-image{ --fh-photo-rotation:0deg; transform:rotate(var(--fh-photo-rotation)) scale(var(--fh-photo-zoom))!important; transform-origin:center center!important; }

/* FriendHub 10.10: Photo cards only in Groups 1, 2, 4 and 6 share the same thumbnail display. Video cards keep their original styles. */
html body .post-card.fh-group6-thumbnail-card .post-thumb{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body .post-card.fh-group6-thumbnail-card .post-photo{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4 / 5!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center 28%!important;
  border:0!important;
  border-radius:16px 16px 0 0!important;
  background:#fff1f8!important;
}


/* ============================================================
   FriendHub Cloudflare Native Compatibility Layer
   Keeps FriendHub WordPress Theme 10.13.4 visual classes intact.
   ============================================================ */
:root{
  --fh-pink:#ec2b7a;--fh-pink2:#ff5aa5;--fh-pink3:#ff8ec0;--fh-deep:#831843;
  --fh-text:#2b1420;--fh-muted:#7b5364;--fh-muted2:#9a6d80;--fh-line:#f8bfd1;
  --fh-line2:#fce1ec;--fh-white:#fff;--fh-soft:#fff0f7;--fh-softbg:#fff7fb;
  --fh-radius:18px;--fh-shadow:0 16px 34px rgba(112,25,65,.10);
}
html{scroll-behavior:smooth}
body.fh-cloudflare-native{min-height:100vh}
body.fh-cloudflare-native .site-layout{max-width:1280px}
body.fh-cloudflare-native .content-column{width:100%;min-width:0}
body.fh-cloudflare-native .page-section[hidden]{display:none!important}
body.fh-cloudflare-native .fh-native-status{margin:0 0 18px;padding:13px 16px;border:1px solid var(--fh-line);border-radius:14px;background:#fff;color:var(--fh-muted);font-size:14px;text-align:center}
body.fh-cloudflare-native .fh-native-status.is-error{color:#b91c1c;border-color:#fecaca;background:#fff7f7}
body.fh-cloudflare-native .fh-empty-card{grid-column:1/-1;padding:42px 24px;border:1px dashed var(--fh-line);border-radius:18px;background:#fff;text-align:center;color:var(--fh-muted)}
body.fh-cloudflare-native .post-card{position:relative}
body.fh-cloudflare-native .post-card > .fh-card-full-link{position:absolute;inset:0;z-index:2}
body.fh-cloudflare-native .post-card .post-copy{position:relative;z-index:3}
body.fh-cloudflare-native .post-card .fh-read-more-btn{position:relative;z-index:4}
body.fh-cloudflare-native .fh-video-thumb-wrap{position:relative;overflow:hidden}
body.fh-cloudflare-native .fh-video-thumb-wrap .fh-group5-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}
body.fh-cloudflare-native .fh-search-result-list{max-height:420px;overflow:auto}
body.fh-cloudflare-native .fh-search-result{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--fh-line2);background:#fff;text-decoration:none}
body.fh-cloudflare-native .fh-search-result img{width:72px;height:62px;object-fit:cover;border-radius:10px}
body.fh-cloudflare-native .fh-search-result strong{display:block;color:var(--fh-text);font-size:14px}
body.fh-cloudflare-native .fh-search-result small{color:var(--fh-pink);font-weight:800;text-transform:uppercase}
body.fh-cloudflare-native .fh-instant-search{border-radius:0 0 12px 12px;overflow:hidden;background:#fff;box-shadow:0 14px 26px rgba(70,20,45,.18)}
body.fh-cloudflare-native .fh-search-status{margin:0;padding:10px 12px;color:var(--fh-muted);font-size:13px}
body.fh-cloudflare-native .about-content{padding:28px;border:1px solid var(--fh-line);border-radius:20px;background:#fff;box-shadow:var(--fh-shadow)}
body.fh-cloudflare-native .about-content h2{color:var(--fh-pink)}
body.fh-cloudflare-native .fh-slider-track{scrollbar-width:none}
body.fh-cloudflare-native .fh-slider-track::-webkit-scrollbar{display:none}
body.fh-cloudflare-native .fh-header-group5-wrap .fh-slider-track,
body.fh-cloudflare-native #popular .fh-slider-track{scroll-behavior:smooth}
body.fh-cloudflare-native .fh-footer{margin-top:34px}
body.fh-cloudflare-native .fh-detail-main{display:block;max-width:1280px;margin:0 auto;padding:30px clamp(14px,2vw,28px) 64px}
body.fh-cloudflare-native .fh-public-detail-layout{grid-template-columns:minmax(0,1fr);max-width:1100px}
body.fh-cloudflare-native .fh-public-detail-layout .content-column{max-width:1000px;margin:0 auto}
body.fh-cloudflare-native .fh-detail-article{display:block!important;visibility:visible!important;opacity:1!important;color:#655365!important;font-family:'Poppins','Segoe UI',Arial,Helvetica,sans-serif!important;font-size:15px!important;line-height:1.7!important;font-weight:400!important;text-align:left!important;background:linear-gradient(180deg,#ffffff,#fff8fc)!important;border:1px solid #ffd0e4!important;border-radius:16px!important;box-shadow:0 8px 24px rgba(236,43,122,.08)!important;max-width:920px!important;margin:0 auto 24px!important;padding:18px 22px!important;box-sizing:border-box!important}
body.fh-cloudflare-native .fh-detail-post-title{display:block!important;visibility:visible!important;opacity:1!important;color:#ec2b7a!important;font-family:'Poppins','Segoe UI',Arial,Helvetica,sans-serif!important;font-size:clamp(15px,1.1vw,17px)!important;line-height:1.38!important;font-weight:900!important;letter-spacing:-.02em!important;text-align:center!important;text-decoration:none!important;word-break:break-word!important}
body.fh-cloudflare-native .fh-video-detail-player{width:100%;max-width:920px;margin:0 auto 24px;border-radius:18px;overflow:hidden;background:#000;box-shadow:var(--fh-shadow)}
body.fh-cloudflare-native .fh-video-detail-player video{display:block;width:100%;max-height:78vh;background:#000}
body.fh-cloudflare-native .fh-album-viewer{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:58px 18px 30px;background:rgba(20,6,14,.94)}
body.fh-cloudflare-native .fh-album-viewer[hidden]{display:none!important}
body.fh-cloudflare-native .fh-album-viewer-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:auto}
body.fh-cloudflare-native .fh-album-viewer-image{display:block;width:auto;max-width:min(94vw,1500px);height:auto;max-height:86vh;object-fit:contain;transform:scale(var(--fh-photo-zoom,1));transform-origin:center center;transition:transform .15s ease}
body.fh-cloudflare-native .fh-album-viewer-close{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:5010;width:48px;height:48px;border:0;border-radius:50%;background:#ec2b7a;color:#fff;font-size:31px;line-height:1;cursor:pointer}
body.fh-cloudflare-native .fh-album-viewer-prev,body.fh-cloudflare-native .fh-album-viewer-next{position:fixed;top:50%;z-index:5010;width:50px;height:64px;border:0;border-radius:14px;background:rgba(255,255,255,.94);color:#ec2b7a;font-size:38px;cursor:pointer;transform:translateY(-50%)}
body.fh-cloudflare-native .fh-album-viewer-prev{left:14px}body.fh-cloudflare-native .fh-album-viewer-next{right:14px}
body.fh-cloudflare-native .fh-album-viewer-tools{position:fixed;bottom:16px;left:50%;z-index:5010;display:flex;align-items:center;gap:8px;transform:translateX(-50%)}
body.fh-cloudflare-native .fh-album-viewer-tools button{min-width:44px;height:42px;border:0;border-radius:10px;background:#fff;color:#ec2b7a;font-size:20px;font-weight:900;cursor:pointer}
body.fh-cloudflare-native .fh-album-viewer-counter{padding:10px 14px;border-radius:10px;background:#fff;color:#7b5364;font-weight:800}
body.fh-cloudflare-native .fh-admin-shell{max-width:1180px;margin:0 auto;padding:34px 16px 70px}
body.fh-cloudflare-native .fh-admin-hero{padding:28px;border:1px solid var(--fh-line);border-radius:22px;background:#fff;box-shadow:var(--fh-shadow)}
body.fh-cloudflare-native .fh-admin-hero h1{margin:0 0 8px;color:var(--fh-pink);font-size:34px}
body.fh-cloudflare-native .fh-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
body.fh-cloudflare-native .fh-admin-card{padding:22px;border:1px solid var(--fh-line);border-radius:18px;background:#fff}
body.fh-cloudflare-native .fh-admin-card strong{display:block;color:var(--fh-pink);font-size:24px}
body.fh-cloudflare-native .fh-admin-card span{color:var(--fh-muted)}
body.fh-cloudflare-native .fh-admin-note{margin-top:22px;padding:18px;border-radius:16px;background:var(--fh-soft);color:var(--fh-muted)}
@media(max-width:900px){body.fh-cloudflare-native .fh-admin-grid{grid-template-columns:1fr}}
@media(max-width:782px){
 body.fh-cloudflare-native .site-layout{padding-left:14px;padding-right:14px}
 body.fh-cloudflare-native .fh-search-panel{position:fixed!important;left:12px!important;right:12px!important;top:74px!important;width:auto!important}
 body.fh-cloudflare-native .fh-search-row{width:100%!important;grid-template-columns:minmax(0,1fr) 48px 58px!important}
 body.fh-cloudflare-native .fh-album-viewer-prev,body.fh-cloudflare-native .fh-album-viewer-next{width:42px;height:54px;font-size:31px}
}

/* ============================================================
   FriendHub V2.2 — remove duplicate/internal scrollbar columns
   Keeps the browser's normal page scrollbar. Internal panels can
   still scroll by wheel, touch, keyboard, or drag gestures, but
   their extra scrollbar tracks are hidden on all major browsers.
   ============================================================ */
body.fh-cloudflare-native * {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
body.fh-cloudflare-native *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* ============================================================
   FriendHub V2.3 — Group 3 Popular Photos gap fix only
   - Keeps original Theme 10.13.4 CSS unchanged above.
   - Removes the oversized blank outer gap around Popular Photos.
   - Keeps a small normal card gap and original 3/2/1 responsive layout.
   - Group 3 photo cards use the same photo-card class as Group 2.
   ============================================================ */
body.fh-cloudflare-native #popular.fh-native-popular-photos{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:100%!important;
  max-width:1280px!important;
  min-height:0!important;
  height:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  transform:none!important;
  clear:both!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-head{
  display:block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  text-align:center!important;
}
body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-card[hidden]{display:none!important;}
body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-card:not([hidden]){display:flex!important;}
body.fh-cloudflare-native .fh-slider-track.fh-popular-slide-next{
  animation:fhPopularNativeNext .68s ease both;
}
@keyframes fhPopularNativeNext{
  from{opacity:.46;transform:translateX(54px)}
  to{opacity:1;transform:translateX(0)}
}
@media(max-width:1000px) and (min-width:681px){
  body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  body.fh-cloudflare-native #popular.fh-native-popular-photos{
    width:100%!important;
    margin-top:14px!important;
    padding:0!important;
  }
  body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-head{margin-bottom:12px!important;}
  body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
}

/* ============================================================
   FriendHub V2.4 — smooth scroll and low CPU/RAM compatibility
   - Keeps original Theme 10.13.4 CSS byte-for-byte unchanged above.
   - Keeps all groups, cards, sliders, menus, details, D1 and R2 behavior.
   - Uses native scrolling and browser containment without permanent
     will-change layers, so scrolling stays smooth without extra GPU RAM.
   - Makes the mobile search box compact while keeping voice search.
   ============================================================ */
html{
  scroll-behavior:smooth;
  scroll-padding-top:92px;
}
body.fh-cloudflare-native{
  overscroll-behavior-y:none;
  -webkit-overflow-scrolling:touch;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.fh-cloudflare-native .site-layout,
body.fh-cloudflare-native .page-section,
body.fh-cloudflare-native .post-grid,
body.fh-cloudflare-native .fh-slider-track{
  contain:layout style;
}
body.fh-cloudflare-native .post-card,
body.fh-cloudflare-native .fh-slider-card{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
body.fh-cloudflare-native img,
body.fh-cloudflare-native video{
  image-rendering:auto;
}
body.fh-cloudflare-native button,
body.fh-cloudflare-native a,
body.fh-cloudflare-native input{
  touch-action:manipulation;
}
body.fh-cloudflare-native .fh-album-viewer-stage,
html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-result-list{
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
@supports (content-visibility:auto){
  body.fh-cloudflare-native .fh-footer{
    content-visibility:auto;
    contain-intrinsic-size:1px 360px;
  }
}
@media(max-width:782px){
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel.search-panel{
    position:fixed!important;
    left:auto!important;
    right:10px!important;
    top:70px!important;
    width:min(330px,calc(100vw - 20px))!important;
    max-width:330px!important;
    max-height:calc(100svh - 82px)!important;
    margin:0!important;
  }
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-row{
    width:100%!important;
    height:54px!important;
    min-height:54px!important;
    grid-template-columns:minmax(0,1fr) 42px 48px!important;
    padding:7px!important;
    border-radius:12px!important;
  }
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-row input,
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-row .voice-search,
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-row .submit-search{
    min-height:40px!important;
    height:40px!important;
  }
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-row input{
    min-width:0!important;
    padding-left:11px!important;
    padding-right:9px!important;
    font-size:15px!important;
  }
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-instant-search{
    width:100%!important;
    max-height:min(55svh,420px)!important;
  }
  html body.fh-cloudflare-native header.fh-topbar .fh-search-panel .fh-search-result-list{
    max-height:min(44svh,340px)!important;
    overflow:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important;}
  body.fh-cloudflare-native *,
  body.fh-cloudflare-native *::before,
  body.fh-cloudflare-native *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* ============================================================
   FriendHub V2.6 — Groups 1–6 and detail-page gap compatibility
   - Prevents inactive page groups from occupying space before Group 3.
   - Keeps only the current three Group 3/5 slider cards in layout.
   - Applies one compact, consistent Group 3 gap on list and detail pages.
   ============================================================ */
html body.fh-cloudflare-native #home[data-page][hidden],
html body.fh-cloudflare-native #photos[data-page][hidden],
html body.fh-cloudflare-native #videos[data-page][hidden],
html body.fh-cloudflare-native #today[data-page][hidden],
html body.fh-cloudflare-native #about[data-page][hidden]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native.home .content-column > [data-page]:not([hidden]){
  margin-bottom:0!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos{
  margin:18px auto 0!important;
  padding:0!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .fh-slider-card[hidden]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .fh-slider-card:not([hidden]){
  display:flex!important;
  visibility:visible!important;
}

/* ============================================================
   FriendHub V2.7 — video 16:9 and Group 1 photo excerpt parity
   - Groups 1, 4, 5 and 6 video thumbnails use true 16:9 frames.
   - Group 1 photo excerpts match the one-line photo-card treatment.
   - Titles, buttons, photo thumbnails and all other card behavior stay intact.
   ============================================================ */
html body.fh-cloudflare-native #home .post-card.is-video-card .fh-video-thumb-wrap,
html body.fh-cloudflare-native #videos .post-card.is-video-card .fh-video-thumb-wrap,
html body.fh-cloudflare-native #today .post-card.is-video-card .fh-video-thumb-wrap,
html body.fh-cloudflare-native #popular-videos .fh-group5-card-video-frame{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden!important;
  flex:none!important;
  box-sizing:border-box!important;
}
html body.fh-cloudflare-native #home .post-card.is-video-card .fh-video-thumb-wrap > img,
html body.fh-cloudflare-native #videos .post-card.is-video-card .fh-video-thumb-wrap > img,
html body.fh-cloudflare-native #today .post-card.is-video-card .fh-video-thumb-wrap > img,
html body.fh-cloudflare-native #popular-videos .fh-group5-card-video-frame > img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body.fh-cloudflare-native.home #home.page-section.post-section.first-section[data-page="home"] > .post-grid.compact[data-grid="home"] > .post-card.fh-group6-thumbnail-card:not(.is-video-card) .post-thumb > .post-copy > p.fh-card-excerpt{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:unset!important;
  pointer-events:auto!important;
}

/* ============================================================
   FriendHub V2.8 — native mobile scroll and detail access restore
   - Restores uninterrupted vertical touch scrolling on list/detail pages.
   - Restores full-card navigation while keeping Read More above the link.
   - Keeps Groups 3 and 5 presentation unchanged across menu pages.
   ============================================================ */
@media(max-width:782px){
  html,
  html body.fh-cloudflare-native{
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    touch-action:pan-y pinch-zoom!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.fh-cloudflare-native main.site-layout,
  html body.fh-cloudflare-native main.fh-public-detail-layout,
  html body.fh-cloudflare-native main.site-layout > .content-column,
  html body.fh-cloudflare-native .page-section,
  html body.fh-cloudflare-native .detail-page,
  html body.fh-cloudflare-native .detail-page-body{
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y pinch-zoom!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.fh-cloudflare-native .fh-album-viewer[hidden]{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
    touch-action:auto!important;
  }
  html body.fh-cloudflare-native.fh-detail-is-photo .detail-page,
  html body.fh-cloudflare-native.fh-detail-is-photo .detail-page-body,
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid,
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card,
  html body.fh-cloudflare-native.fh-detail-is-video .detail-page,
  html body.fh-cloudflare-native.fh-detail-is-video .detail-page-body,
  html body.fh-cloudflare-native.fh-detail-is-video .fh-video-detail-player,
  html body.fh-cloudflare-native.fh-detail-is-video .fh-video-detail-player video{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
}
html body.fh-cloudflare-native #home.page-section[data-page="home"] > .post-grid.compact > .post-card > a.fh-card-full-link,
html body.fh-cloudflare-native #photos.page-section[data-page="photos"] > .post-grid.compact > .post-card > a.fh-card-full-link,
html body.fh-cloudflare-native #videos.page-section[data-page="videos"] > .post-grid.compact > .post-card > a.fh-card-full-link,
html body.fh-cloudflare-native #today.page-section[data-page="today"] > .post-grid.compact > .post-card > a.fh-card-full-link{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:auto!important;
  touch-action:pan-y pinch-zoom!important;
}
html body.fh-cloudflare-native #home.page-section[data-page="home"] > .post-grid.compact > .post-card .post-copy,
html body.fh-cloudflare-native #photos.page-section[data-page="photos"] > .post-grid.compact > .post-card .post-copy,
html body.fh-cloudflare-native #videos.page-section[data-page="videos"] > .post-grid.compact > .post-card .post-copy,
html body.fh-cloudflare-native #today.page-section[data-page="today"] > .post-grid.compact > .post-card .post-copy{
  pointer-events:none!important;
}
html body.fh-cloudflare-native #home.page-section[data-page="home"] > .post-grid.compact > .post-card a.fh-read-more-btn,
html body.fh-cloudflare-native #photos.page-section[data-page="photos"] > .post-grid.compact > .post-card a.fh-read-more-btn,
html body.fh-cloudflare-native #videos.page-section[data-page="videos"] > .post-grid.compact > .post-card a.fh-read-more-btn,
html body.fh-cloudflare-native #today.page-section[data-page="today"] > .post-grid.compact > .post-card a.fh-read-more-btn{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
html body.fh-cloudflare-native #popular .fh-card-full-link,
html body.fh-cloudflare-native #popular-videos .fh-card-full-link{
  touch-action:pan-y pinch-zoom!important;
}

/* FriendHub V2.9 native video source/embed compatibility.
   Appended only; the original Theme 10.13.4 CSS remains unchanged above. */
body.fh-cloudflare-native .fh-video-detail-player iframe{
  display:block;width:100%;height:100%;border:0;background:#000
}
body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-16-9{aspect-ratio:16/9}
body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-9-16{aspect-ratio:9/16;max-width:520px}
body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-1-1{aspect-ratio:1/1;max-width:760px}
body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-4-5{aspect-ratio:4/5;max-width:620px}
body.fh-cloudflare-native .fh-video-detail-player[class*="fhvp-ratio-"] video{
  width:100%;height:100%;max-height:none;object-fit:contain
}

/* FriendHub V3.4.7 — public saved-photo rotation and exact generated photo-thumbnail box.
   Appended only. Original Theme 10.13.4 CSS and all existing public layouts remain above unchanged. */
html body.fh-cloudflare-native .post-card.fh-group6-thumbnail-card:not(.is-video-card) .post-thumb > img.fh-generated-photo-thumbnail{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:11 / 8!important;
  object-fit:cover!important;
  object-position:50% 50%!important;
  transform:none!important;
  transform-origin:center center!important;
  border-radius:16px 16px 0 0!important;
}
html body.fh-detail-is-photo .fh-photo-detail-grid .post-thumb.fh-public-photo-rotation-ready,
html body.fh-detail-is-video .fh-video-detail-photo-grid .post-thumb.fh-public-photo-rotation-ready{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--fh-public-photo-ratio)!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body.fh-detail-is-photo .fh-photo-detail-grid .post-thumb.fh-public-photo-rotation-ready > img[data-fh-public-rotation],
html body.fh-detail-is-video .fh-video-detail-photo-grid .post-thumb.fh-public-photo-rotation-ready > img[data-fh-public-rotation]{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%) rotate(var(--fh-public-photo-rotation,0deg))!important;
  transform-origin:center center!important;
  background:#fff!important;
}
html body.fh-detail-is-photo .fh-photo-detail-grid .post-thumb.fh-public-photo-rotation-ready.fh-public-photo-quarter-turn > img[data-fh-public-rotation],
html body.fh-detail-is-video .fh-video-detail-photo-grid .post-thumb.fh-public-photo-rotation-ready.fh-public-photo-quarter-turn > img[data-fh-public-rotation]{
  width:var(--fh-public-photo-pre-width)!important;
  height:var(--fh-public-photo-pre-height)!important;
}


/* FriendHub V3.4.8 — restore photo album detail visibility and full-view clicks.
   Appended only; public theme, cards, saved rotations, thumbnails, and all groups remain unchanged. */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-body,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid{
  display:grid!important;
  width:100%!important;
  min-height:1px!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card{
  position:relative!important;
  min-width:0!important;
  cursor:zoom-in!important;
  touch-action:manipulation!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card img.fh-detail-photo{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.fh-cloudflare-native .fh-album-viewer{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html body.fh-cloudflare-native .fh-album-viewer[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}


/* FriendHub V3.4.9 — album media compatibility and full-HD original-proportion cards.
   Appended only. Original Theme 10.13.4, Groups 1–6, sliders, Admin, D1, R2, and S3 remain unchanged. */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:14px!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready){
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:1px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready) > img.fh-detail-photo{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:1px!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  background:#fff!important;
}
html body.fh-cloudflare-native img.fh-media-load-failed{
  min-height:150px!important;
  background:linear-gradient(135deg,#fff0f7,#ffe4ef)!important;
  border:1px dashed #ec4899!important;
  color:#a75378!important;
}
@media(max-width:1024px){html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:782px){html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}


/* FriendHub V3.6 — native Cloudflare R2 Pinterest album detail.
   Native D1/R2 only: no WordPress routes, files, shortcodes, or upload compatibility. */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid{
  display:block!important;
  width:100%!important;
  column-count:4!important;
  column-gap:14px!important;
  min-height:1px!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid > .fh-photo-detail-card{
  display:inline-block!important;
  width:100%!important;
  margin:0 0 14px!important;
  padding:0!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  vertical-align:top!important;
  content-visibility:auto!important;
  contain-intrinsic-size:280px 360px!important;
  background:transparent!important;
  cursor:zoom-in!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready),
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready) > img.fh-detail-photo{
  width:100%!important;
  height:auto!important;
  min-height:1px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready){
  display:block!important;
  overflow:hidden!important;
  background:#fff!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-card .post-thumb:not(.fh-public-photo-rotation-ready) > img.fh-detail-photo{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
html body.fh-cloudflare-native .fh-album-progress,
html body.fh-cloudflare-native .fh-album-load-more,
html body.fh-cloudflare-native [data-fh-album-remaining]{display:none!important}
@media(max-width:1024px){
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid{column-count:3!important}
}
@media(max-width:782px){
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid{column-count:2!important;column-gap:10px!important}
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid > .fh-photo-detail-card{margin-bottom:10px!important}
}


/* FriendHub V3.6.2 — deterministic album paint and live R2 recovery.
   Removes the browser multicolumn content-visibility paint bug only; Pinterest columns and public theme remain unchanged. */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid > .fh-photo-detail-card{
  content-visibility:visible!important;
  contain:none!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-empty{
  display:block!important;visibility:visible!important;opacity:1!important;min-height:44px!important;margin:14px 0!important;
}


/* FriendHub V3.6.3 — keep already-rendered Pinterest album cards visible.
   Recovery may fill an empty album, but it never hides or replaces server-rendered photos. */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid:not([hidden]){
  display:block!important;visibility:visible!important;opacity:1!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-grid.fh-pinterest-album-grid > .fh-photo-detail-card:not([hidden]){
  display:inline-block!important;visibility:visible!important;opacity:1!important;
}


/* ============================================================
   FriendHub V3.6.4 — restore the working V2.9 photo-album display.
   Only the public photo-detail album layout is overridden here.
   Header, footer, Groups 1–6, Admin, D1, R2, S3, scheduling,
   thumbnails, videos, and all other functions remain unchanged.
   ============================================================ */
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  grid-template-columns:none!important;
  grid-auto-flow:initial!important;
  width:100%!important;
  max-width:1320px!important;
  min-width:0!important;
  min-height:1px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  column-count:4!important;
  column-width:auto!important;
  column-gap:12px!important;
  line-height:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  content-visibility:visible!important;
  contain:none!important;
}
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card:not([hidden]){
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  float:none!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:1px!important;
  margin:0 0 12px!important;
  padding:0!important;
  vertical-align:top!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(65,12,38,.10)!important;
  line-height:0!important;
  cursor:zoom-in!important;
  pointer-events:auto!important;
  content-visibility:visible!important;
  contain:none!important;
}
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item .post-thumb,
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  float:none!important;
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:1px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  pointer-events:auto!important;
}
/* Preserve saved public rotations after restoring the V2.9 album layout. */
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid .post-thumb.fh-public-photo-rotation-ready{
  position:relative!important;
  overflow:hidden!important;
}
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid .post-thumb.fh-public-photo-rotation-ready > img[data-fh-public-rotation]{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%) rotate(var(--fh-public-photo-rotation,0deg))!important;
  transform-origin:center center!important;
}
html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{
  column-count:1!important;
  max-width:760px!important;
}
@media(max-width:1100px){
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{
    column-count:3!important;
    column-width:auto!important;
    column-gap:10px!important;
  }
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important}
}
@media(max-width:782px){
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{padding:0 7px!important}
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{
    column-count:2!important;
    column-width:auto!important;
    column-gap:8px!important;
  }
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important}
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item{
    margin-bottom:8px!important;
    border-radius:12px!important;
    box-shadow:0 4px 13px rgba(65,12,38,.10)!important;
  }
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card .post-thumb,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card img,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item .post-thumb,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item img{border-radius:12px!important}
}
@media(max-width:390px){
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-grid,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-pinterest-album-complete,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid{
    column-count:2!important;
    column-width:auto!important;
    column-gap:6px!important;
  }
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid.fh-single-photo-grid{column-count:1!important}
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-photo-detail-card,
  html body.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid > .fh-pinterest-album-item{margin-bottom:6px!important}
}


/* ============================================================
   FriendHub V3.6.7 — all photo-detail Pinterest albums stay visible.
   The global Home slider rule hides .post-grid, so photo-detail albums
   no longer use that class. This final guard also overrides any delayed
   hidden/aria-hidden state without changing cards, menus, Admin, videos,
   D1, R2, S3, scheduling, thumbnails, or the full-screen viewer.
   ============================================================ */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-body{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
  overflow:visible!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id],
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id][hidden],
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-grid{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
  contain:none!important;
  width:100%!important;
  max-width:1320px!important;
  min-width:0!important;
  min-height:1px!important;
  height:auto!important;
  max-height:none!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
  column-count:4!important;
  column-width:auto!important;
  column-gap:12px!important;
  line-height:0!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] > [data-full-src],
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] > [data-full-src][hidden],
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-card,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-card[hidden],
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-item,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-item[hidden]{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
  contain:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:1px!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 12px!important;
  padding:0!important;
  vertical-align:top!important;
  break-inside:avoid!important;
  page-break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  pointer-events:auto!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] .post-thumb,
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] img.fh-detail-photo{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  content-visibility:visible!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:1px!important;
  height:auto!important;
  max-height:none!important;
  pointer-events:auto!important;
}
@media(max-width:1100px){
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id],
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid,
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-grid{
    column-count:3!important;
    column-gap:10px!important;
  }
}
@media(max-width:782px){
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id],
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid,
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-grid{
    column-count:2!important;
    column-gap:8px!important;
  }
}
@media(max-width:390px){
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id],
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-photo-detail-grid,
  html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page .fh-pinterest-album-grid{
    column-count:2!important;
    column-gap:6px!important;
  }
}

/* ============================================================
   FriendHub V3.6.7 — fix the real disappearing-album cause.
   V3.6.6 kept cards visible, but the late V2.9 compatibility rule
   reset each loaded rotation frame to aspect-ratio:auto while its
   image was absolutely positioned. The frame then collapsed to 1px,
   making photos look hidden after JavaScript finished loading.
   This detail-only rule restores the measured photo aspect ratio.
   ============================================================ */
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] .post-thumb.fh-public-photo-rotation-ready{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:var(--fh-public-photo-ratio,1)!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] .post-thumb.fh-public-photo-rotation-ready > img[data-fh-public-rotation]{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%) rotate(var(--fh-public-photo-rotation,0deg))!important;
  transform-origin:center center!important;
}
html body.fh-cloudflare-native.fh-detail-is-photo .fh-photo-detail-page [data-fh-album-post-id] .post-thumb.fh-public-photo-rotation-ready.fh-public-photo-quarter-turn > img[data-fh-public-rotation]{
  width:var(--fh-public-photo-pre-width)!important;
  height:var(--fh-public-photo-pre-height)!important;
}


/* ============================================================
   FriendHub V3.6.9 — live-size 300x250 card ads and locked side rails.
   Advertisement-only update. Existing Theme 10.13.4 layouts and functions remain above.
   ============================================================ */
html body .fh-ad-card.fh-ad-pending::before,
html body .fh-ad-card.fh-ad-pending::after,
html body .fh-ad-card.fh-ad-filled::before,
html body .fh-ad-card.fh-ad-filled::after{content:none!important;display:none!important}
html body .fh-ad-card.fh-ad-pending > .post-thumb.fh-ad-card-media,
html body .fh-ad-card.fh-ad-filled > .post-thumb.fh-ad-card-media{
  display:grid!important;
  place-items:center!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:250px!important;
  max-height:none!important;
  margin:0!important;
  padding:12px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:inherit!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body .fh-ad-slot{
  position:relative!important;
  display:block!important;
  flex:0 0 auto!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  line-height:0!important;
}
html body iframe.fh-ad-frame{
  position:absolute!important;
  left:0!important;
  top:0!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  transform-origin:top left!important;
  background:transparent!important;
}
html body .fh-group3-ad-card.fh-ad-pending,
html body .fh-group5-ad-card.fh-ad-pending,
html body .fh-group3-ad-card.fh-ad-filled,
html body .fh-group5-ad-card.fh-ad-filled{align-self:stretch!important}
html body .fh-group3-ad-card.fh-ad-pending > .post-thumb.fh-ad-card-media,
html body .fh-group5-ad-card.fh-ad-pending > .post-thumb.fh-ad-card-media,
html body .fh-group3-ad-card.fh-ad-filled > .post-thumb.fh-ad-card-media,
html body .fh-group5-ad-card.fh-ad-filled > .post-thumb.fh-ad-card-media{min-height:274px!important}
html body .fh-grid-ad-card.fh-ad-pending,
html body .fh-grid-ad-card.fh-ad-filled{align-self:stretch!important}
html body .fh-side-rail{
  display:none!important;
  min-width:160px!important;
  width:160px!important;
  max-width:160px!important;
  align-self:stretch!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:none!important;
}
html body .fh-side-rail.fh-ad-empty{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
html body .fh-side-rail.fh-ad-filled{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
html body .fh-side-ad-sticky{
  position:sticky!important;
  top:96px!important;
  display:block!important;
  width:160px!important;
  height:600px!important;
  min-height:600px!important;
  max-height:600px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
html body .fh-side-ad-slot{width:160px!important;height:600px!important;max-width:160px!important;max-height:600px!important}
@media(min-width:1180px){
  html body.fh-cloudflare-native main.site-layout.fh-has-side-rails,
  html body.fh-cloudflare-native main.fh-public-detail-layout.fh-has-side-rails{
    display:grid!important;
    grid-template-columns:160px minmax(0,920px) 160px!important;
    grid-template-rows:auto!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:16px!important;
    padding-right:16px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body.fh-cloudflare-native main.site-layout.fh-has-side-rails > .content-column,
  html body.fh-cloudflare-native main.fh-public-detail-layout.fh-has-side-rails > .content-column{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:920px!important;
    min-width:0!important;
    margin:0!important;
  }
  html body.fh-cloudflare-native main.fh-has-side-rails > .fh-side-rail{display:block!important;grid-row:1!important;position:relative!important}
  html body.fh-cloudflare-native main.fh-has-side-rails > .fh-side-rail-left{grid-column:1!important;justify-self:start!important}
  html body.fh-cloudflare-native main.fh-has-side-rails > .fh-side-rail-right{grid-column:3!important;justify-self:end!important}
}
@media(max-width:1179.98px){
  html body.fh-cloudflare-native main.fh-has-side-rails > .fh-side-rail{display:none!important}
  html body.fh-cloudflare-native main.fh-has-side-rails > .content-column{grid-column:auto!important}
}


/* ============================================================
   FriendHub V3.6.11 — native header/footer banners, desktop title
   banners, raw album placements, and Sponsored group ad cards.
   Advertisement-only update; all non-ad behavior remains unchanged.
   ============================================================ */
html body .fh-ad-card > .post-thumb.fh-ad-card-media{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
html body .fh-ad-card .fh-ad-card-creative{display:grid!important;place-items:center!important;width:100%!important;min-height:274px!important;padding:12px!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box!important}
html body .fh-ad-card .fh-ad-card-copy{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-height:104px!important;height:auto!important;padding:10px 11px 11px!important;gap:8px!important;overflow:visible!important;pointer-events:auto!important;background:#fff!important;box-sizing:border-box!important}
html body .fh-ad-card .fh-ad-card-copy h3{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;margin:0!important;color:var(--fh-text)!important;font-size:15px!important;font-weight:900!important;line-height:1.35!important;text-align:left!important}
html body .fh-ad-card button.fh-ad-read-more{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:95!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;min-width:118px!important;min-height:42px!important;margin-top:auto!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:linear-gradient(135deg,var(--fh-pink),var(--fh-pink2))!important;color:#fff!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important}
html body .fh-group3-ad-card > .post-thumb.fh-ad-card-media,html body .fh-group5-ad-card > .post-thumb.fh-ad-card-media{min-height:0!important;height:auto!important}
html body .fh-page-edge-ad{display:grid!important;place-items:center!important;width:100%!important;max-width:100%!important;min-height:110px!important;margin:0!important;padding:10px max(12px,env(safe-area-inset-left))!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box!important}
html body .fh-page-edge-ad-after-footer{margin-top:0!important}
html body .fh-page-edge-native-slot{display:block!important;width:min(100%,1200px)!important;max-width:1200px!important;min-height:90px!important;margin:0 auto!important;overflow:hidden!important}
html body .fh-page-edge-native-slot iframe.fh-native-ad-frame{display:block!important;width:100%!important;max-width:100%!important;margin:0 auto!important;border:0!important;transform:none!important;transform-origin:top center!important}
html body .fh-detail-banner-group{width:100%!important;margin:0 auto 20px!important;padding:8px!important;place-items:center!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--fh-line2)!important;border-radius:14px!important;box-sizing:border-box!important}
html body .fh-detail-banner-slot{max-width:100%!important}
html body .fh-detail-banner-mobile,html body .fh-detail-banner-desktop{display:none!important}
@media(max-width:782px){html body .fh-detail-banner-mobile{display:grid!important}html body .fh-detail-banner-desktop{display:none!important}}
@media(min-width:783px) and (max-width:999.98px){html body .fh-detail-banner-mobile,html body .fh-detail-banner-desktop{display:none!important}}
@media(min-width:1000px){html body .fh-detail-banner-mobile{display:none!important}html body .fh-detail-banner-desktop{display:grid!important}}
html body .fh-detail-banner-before-title{margin-top:12px!important;margin-bottom:18px!important}
html body .fh-detail-banner-after-title{margin-top:14px!important;margin-bottom:22px!important}
html body .fh-album-ad-placement{display:grid!important;place-items:center!important;break-inside:avoid!important;-webkit-column-break-inside:avoid!important;page-break-inside:avoid!important;width:100%!important;min-height:250px!important;margin:0 0 14px!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:default!important}
html body .fh-album-ad-slot{width:300px!important;height:250px!important;max-width:100%!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;background:transparent!important}
@media(max-width:782px){html body .fh-page-edge-ad{min-height:100px!important;padding:8px max(8px,env(safe-area-inset-left))!important}html body .fh-ad-card .fh-ad-card-copy h3{font-size:15px!important}}

/* ============================================================
   FriendHub V3.6.15 — responsive video-player cards.
   Every public video card and full detail player uses the same
   rounded black player treatment while preserving its saved ratio.
   ============================================================ */
html body.fh-cloudflare-native .fh-video-card-player-frame{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:16px 16px 0 0!important;
  background:#111!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
  box-sizing:border-box!important;
}
html body.fh-cloudflare-native .fh-video-card-player-frame.fhvp-ratio-16-9{aspect-ratio:16/9!important;max-width:none!important}
html body.fh-cloudflare-native .fh-video-card-player-frame.fhvp-ratio-9-16{aspect-ratio:9/16!important;max-width:330px!important}
html body.fh-cloudflare-native .fh-video-card-player-frame.fhvp-ratio-1-1{aspect-ratio:1/1!important;max-width:100%!important}
html body.fh-cloudflare-native .fh-video-card-player-frame.fhvp-ratio-4-5{aspect-ratio:4/5!important;max-width:440px!important}
html body.fh-cloudflare-native .fh-video-card-player-frame > img,
html body.fh-cloudflare-native #home .post-card.is-video-card .fh-video-card-player-frame > img,
html body.fh-cloudflare-native #videos .post-card.is-video-card .fh-video-card-player-frame > img,
html body.fh-cloudflare-native #today .post-card.is-video-card .fh-video-card-player-frame > img,
html body.fh-cloudflare-native #popular-videos .fh-video-card-player-frame > img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#111!important;
}
html body.fh-cloudflare-native .fh-video-card-player-frame .fh-group5-play-icon{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:5!important;
  width:64px!important;
  height:64px!important;
  border:2px solid rgba(255,255,255,.88)!important;
  border-radius:50%!important;
  background:rgba(17,17,17,.66)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native .fh-video-card-player-frame .fh-group5-play-icon::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:5px!important;
  border-top:11px solid transparent!important;
  border-bottom:11px solid transparent!important;
  border-left:18px solid #fff!important;
}
html body.fh-cloudflare-native .fh-video-detail-player{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto 24px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#111!important;
  box-shadow:0 18px 44px rgba(24,8,17,.20)!important;
}
html body.fh-cloudflare-native .fh-video-detail-player video,
html body.fh-cloudflare-native .fh-video-detail-player iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  background:#111!important;
  object-fit:contain!important;
}
@media(max-width:782px){
  html body.fh-cloudflare-native .fh-video-card-player-frame .fh-group5-play-icon{width:54px!important;height:54px!important}
  html body.fh-cloudflare-native .fh-video-card-player-frame .fh-group5-play-icon::before{border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:15px!important}
  html body.fh-cloudflare-native .fh-video-detail-player{border-radius:14px!important}
}


/* FriendHub V3.6.15 — show video title/description and keep provider navigation isolated. */
html body.fh-cloudflare-native .post-card.is-video-card .fh-card-excerpt{display:-webkit-box!important;visibility:visible!important;opacity:1!important;margin:0!important;color:var(--fh-muted)!important;font-size:14px!important;line-height:1.45!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body.fh-cloudflare-native .fh-video-detail-article{margin-top:22px!important;margin-bottom:0!important}
html body.fh-cloudflare-native .fh-video-detail-player>iframe{display:block!important;width:100%!important;height:100%!important;min-height:inherit!important;border:0!important;background:#111!important}


/* FriendHub V3.6.29 — Popular Videos thumbnail-only cards.
   Group 5 keeps the saved thumbnail and link only. No player overlay,
   oval/circle background, gradient veil, or black card background. */
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card.fh-group5-visible-card{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card > .post-thumb{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:16px!important;
}
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-poster,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-video-card-player-frame{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame::before,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame::after,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon::before,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-play-icon::after{
  display:none!important;
  visibility:hidden!important;
  content:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card img.fh-group5-video-poster,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:16px!important;
  transform:none!important;
}
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .post-copy,
html body.fh-cloudflare-native #popular-videos .post-card.fh-group5-video-card .fh-slider-body{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}


/* FriendHub V3.6.36 — universal click-to-load video playback compatibility. */
html body.fh-cloudflare-native .fh-video-detail-player video,
html body.fh-cloudflare-native .fh-video-detail-player iframe{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important}
@media(max-width:782px){
  html body.fh-cloudflare-native .fh-video-detail-player{transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}
  html body.fh-cloudflare-native .fh-video-detail-player video,
  html body.fh-cloudflare-native .fh-video-detail-player iframe{-webkit-transform:translateZ(0)!important}
}

/* FriendHub V3.6.36 — universal click-to-load video start and resilient clean stream. */
html body.fh-cloudflare-native .fh-video-detail-player[data-fh-public-video-player]{position:relative!important}
html body.fh-cloudflare-native .fh-video-detail-player[data-fh-public-video-player] [hidden]{display:none!important}
html body.fh-cloudflare-native .fh-mobile-video-start{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  z-index:8!important;
  width:68px!important;
  height:68px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(236,43,122,.94)!important;
  color:#fff!important;
  font:700 30px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
html body.fh-cloudflare-native .fh-mobile-video-start span{display:block!important;margin-left:4px!important}
html body.fh-cloudflare-native .fh-video-detail-player .fh-player-error{display:grid;place-items:center;width:100%;height:100%;padding:24px;box-sizing:border-box;color:#fff;font:600 16px/1.5 system-ui;text-align:center;background:#111}
@media(min-width:901px) and (pointer:fine){html body.fh-cloudflare-native .fh-mobile-video-start{display:none!important}}

/* FriendHub V3.6.36 — optional photo copyright display and download deterrence preserved. */
html body.fh-cloudflare-native.fh-photo-copyright-protected [data-fh-photo-protected],
html body.fh-cloudflare-native.fh-photo-copyright-protected .fh-album-viewer-image{
  -webkit-user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
html body.fh-cloudflare-native .fh-photo-copyright-public{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px 12px;
  width:100%;
  margin:14px auto 4px;
  padding:10px 14px;
  box-sizing:border-box;
  border:1px solid rgba(236,43,122,.2);
  border-radius:12px;
  background:rgba(255,255,255,.78);
  color:#5d4852;
  font:700 12px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-align:center;
}
html body.fh-cloudflare-native .fh-photo-copyright-public a{color:var(--fh-pink);font-weight:900;text-decoration:none}

/* Video cards: one consistent round pink play symbol. */
html body .post-card.is-video-card .fh-video-card-player-frame .fh-card-round-pink-play{
  display:grid!important;
  visibility:visible!important;
  place-items:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:6!important;
  width:64px!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--fh-pink,#ec2b7a)!important;
  box-shadow:none!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
html body .post-card.is-video-card .fh-video-card-player-frame .fh-card-round-pink-play::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:5px!important;
  border-top:11px solid transparent!important;
  border-bottom:11px solid transparent!important;
  border-left:18px solid #fff!important;
}
html body .post-card.is-video-card .fh-video-card-player-frame > img[src*="/assets/video-thumbnail.svg"]{opacity:0!important}
@media(max-width:782px){
  html body .post-card.is-video-card .fh-video-card-player-frame .fh-card-round-pink-play{width:54px!important;height:54px!important}
  html body .post-card.is-video-card .fh-video-card-player-frame .fh-card-round-pink-play::before{border-top-width:9px!important;border-bottom-width:9px!important;border-left-width:15px!important}
}

/* Popular Videos has legacy direct-child media rules; keep the play symbol compact. */
html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > .fh-card-round-pink-play{
  display:grid!important;
  visibility:visible!important;
  place-items:center!important;
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  z-index:6!important;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:var(--fh-pink,#ec2b7a)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:none!important;
}
@media(max-width:782px){
  html body #popular-videos .post-card.fh-group5-video-card .fh-group5-card-video-frame > .fh-card-round-pink-play{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}

/* Group 4 ads use the same video-frame height and card dimensions as Group 4 videos. */
html body [data-fh-ad-card].fh-group4-ad-card > .post-thumb.fh-ad-card-media{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
}
html body [data-fh-ad-card].fh-group4-ad-card .fh-ad-card-creative{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  padding:12px!important;
}

/* FriendHub V3.6.54 — Popular Videos contains real video cards only; suppress any legacy or cached in-card advertisement markup. */
html body.fh-cloudflare-native #popular-videos .fh-ad-card,
html body.fh-cloudflare-native #popular-videos [data-fh-ad-card],
html body.fh-cloudflare-native #popular-videos [data-fh-ad-slot]{
  display:none!important;
}

/* Popular Photos ads match the original fixed-height photo cards and keep the existing slider style. */
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .post-card.fh-group3-ad-card{
  width:100%!important;
  height:403px!important;
  min-height:403px!important;
  max-height:403px!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .post-card.fh-group3-ad-card > .post-thumb.fh-ad-card-media{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:402px!important;
  min-height:402px!important;
  max-height:402px!important;
  padding:0!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .post-card.fh-group3-ad-card .fh-ad-card-creative{
  flex:0 0 240px!important;
  width:100%!important;
  height:240px!important;
  min-height:240px!important;
  max-height:240px!important;
  padding:12px!important;
}
html body.fh-cloudflare-native #popular.fh-native-popular-photos .fh-slider-track > .post-card.fh-group3-ad-card .post-copy.fh-ad-card-copy{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  flex:0 0 162px!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  height:162px!important;
  min-height:162px!important;
  max-height:162px!important;
  padding:20px 24px 24px!important;
  gap:8px!important;
  overflow:hidden!important;
  pointer-events:auto!important;
}

/* FriendHub V3.6.36 — ad-card fallback and full-photo previous/next controls only. */
html body .post-card.fh-ad-fallback-card{animation:none!important}
html body .fh-album-viewer-tools [data-viewer-bottom-prev],
html body .fh-album-viewer-tools [data-viewer-bottom-next]{
  min-width:48px!important;
  font-size:30px!important;
  line-height:1!important;
}

/* FriendHub V3.6.37 — stuck-video retry timing and immediate provider fallback; layout unchanged. */

/* FriendHub V3.6.38 — unified YouTube-style click-to-load player for every video post. */
html body.fh-cloudflare-native .fh-youtube-player{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#000!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
html body.fh-cloudflare-native .fh-youtube-player video,
html body.fh-cloudflare-native .fh-youtube-player iframe{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  background:#000!important;
  object-fit:contain!important;
}
html body.fh-cloudflare-native .fh-youtube-player [hidden]{display:none!important}
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]){
  position:absolute!important;
  inset:50% auto auto 50%!important;
  z-index:6!important;
  display:grid!important;
  place-items:center!important;
  width:76px!important;
  height:54px!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  border:0!important;
  border-radius:14px!important;
  background:#ff0033!important;
  color:#fff!important;
  cursor:pointer!important;
  box-shadow:0 8px 28px rgba(0,0,0,.42)!important;
  transition:transform .16s ease,background .16s ease!important;
  touch-action:manipulation!important;
}
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]):hover,
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]):focus-visible{
  background:#f0002f!important;
  transform:translate(-50%,-50%) scale(1.06)!important;
  outline:3px solid rgba(255,255,255,.82)!important;
  outline-offset:4px!important;
}
html body.fh-cloudflare-native .fh-youtube-big-play > span{
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:5px!important;
  border-top:11px solid transparent!important;
  border-bottom:11px solid transparent!important;
  border-left:18px solid #fff!important;
}
html body.fh-cloudflare-native .fh-youtube-loading:not([hidden]){
  position:absolute!important;
  inset:0!important;
  z-index:7!important;
  display:grid!important;
  place-content:center!important;
  justify-items:center!important;
  gap:11px!important;
  pointer-events:none!important;
  background:rgba(0,0,0,.26)!important;
  color:#fff!important;
  font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.02em!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
html body.fh-cloudflare-native .fh-youtube-spinner{
  width:46px!important;
  height:46px!important;
  border:4px solid rgba(255,255,255,.3)!important;
  border-top-color:#fff!important;
  border-radius:50%!important;
  animation:fh-youtube-spin .8s linear infinite!important;
}
@keyframes fh-youtube-spin{to{transform:rotate(360deg)}}
html body.fh-cloudflare-native .fh-youtube-controls:not([hidden]){
  position:absolute!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  z-index:5!important;
  display:block!important;
  padding:34px 12px 8px!important;
  opacity:0!important;
  transform:translateY(8px)!important;
  background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.58) 48%,transparent)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}
html body.fh-cloudflare-native .fh-youtube-player:hover .fh-youtube-controls:not([hidden]),
html body.fh-cloudflare-native .fh-youtube-player:focus-within .fh-youtube-controls:not([hidden]),
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-awaiting-play .fh-youtube-controls:not([hidden]),
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-is-loading .fh-youtube-controls:not([hidden]){
  opacity:1!important;
  transform:none!important;
}
html body.fh-cloudflare-native .fh-youtube-progress{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:12px!important;
}
html body.fh-cloudflare-native .fh-youtube-progress input[type="range"]{
  width:100%!important;
  height:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:99px!important;
  background:rgba(255,255,255,.42)!important;
  accent-color:#ff0033!important;
  cursor:pointer!important;
}
html body.fh-cloudflare-native .fh-youtube-progress input[type="range"]::-webkit-slider-thumb{
  width:13px!important;
  height:13px!important;
  border:0!important;
  border-radius:50%!important;
  background:#ff0033!important;
  -webkit-appearance:none!important;
}
html body.fh-cloudflare-native .fh-youtube-control-row{
  display:flex!important;
  align-items:center!important;
  min-height:38px!important;
  gap:6px!important;
}
html body.fh-cloudflare-native .fh-youtube-control-button{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  cursor:pointer!important;
  font:700 18px/1 system-ui!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
  touch-action:manipulation!important;
}
html body.fh-cloudflare-native .fh-youtube-control-button:hover,
html body.fh-cloudflare-native .fh-youtube-control-button:focus-visible{
  background:rgba(255,255,255,.18)!important;
  outline:0!important;
}
html body.fh-cloudflare-native .fh-youtube-toggle span{font-size:16px!important}
html body.fh-cloudflare-native .fh-youtube-volume span{font-size:16px!important}
html body.fh-cloudflare-native .fh-youtube-fullscreen span{font-size:22px!important}
html body.fh-cloudflare-native .fh-youtube-time{
  min-width:92px!important;
  color:#fff!important;
  font:600 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;
  text-shadow:0 1px 3px rgba(0,0,0,.9)!important;
}
html body.fh-cloudflare-native .fh-youtube-control-spacer{flex:1 1 auto!important}
@media(max-width:900px), (pointer:coarse){
  html body.fh-cloudflare-native .fh-youtube-controls:not([hidden]){opacity:1!important;transform:none!important;padding:30px 8px 5px!important}
  html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]){width:68px!important;height:48px!important;border-radius:12px!important}
  html body.fh-cloudflare-native .fh-youtube-control-row{min-height:34px!important}
  html body.fh-cloudflare-native .fh-youtube-control-button{width:34px!important;height:34px!important}
  html body.fh-cloudflare-native .fh-youtube-time{font-size:11px!important;min-width:84px!important}
}
@media(prefers-reduced-motion:reduce){
  html body.fh-cloudflare-native .fh-youtube-spinner{animation-duration:1.6s!important}
  html body.fh-cloudflare-native .fh-youtube-big-play,
  html body.fh-cloudflare-native .fh-youtube-controls{transition:none!important}
}


/* FriendHub V3.6.39 — player Play, Resume, and Replay match every video-card play button. */
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]){
  width:64px!important;
  height:64px!important;
  border-radius:50%!important;
  background:var(--fh-pink,#ec2b7a)!important;
  box-shadow:none!important;
}
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]):hover,
html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]):focus-visible{
  background:var(--fh-pink2,#ff5fab)!important;
  transform:translate(-50%,-50%) scale(1.06)!important;
}
html body.fh-cloudflare-native .fh-youtube-progress input[type="range"]{
  accent-color:var(--fh-pink,#ec2b7a)!important;
}
html body.fh-cloudflare-native .fh-youtube-progress input[type="range"]::-webkit-slider-thumb{
  background:var(--fh-pink,#ec2b7a)!important;
}
html body.fh-cloudflare-native .fh-youtube-toggle{
  background:var(--fh-pink,#ec2b7a)!important;
}
html body.fh-cloudflare-native .fh-youtube-toggle:hover,
html body.fh-cloudflare-native .fh-youtube-toggle:focus-visible{
  background:var(--fh-pink2,#ff5fab)!important;
}
@media(max-width:900px), (pointer:coarse){
  html body.fh-cloudflare-native .fh-youtube-big-play:not([hidden]){
    width:54px!important;
    height:54px!important;
    border-radius:50%!important;
  }
}

/* FriendHub V3.6.40 — after a video ends, show Play Again and a clickable related-video album. */
html body.fh-cloudflare-native .fh-video-end-screen:not([hidden]){
  position:absolute!important;
  inset:0!important;
  z-index:12!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  background:rgba(17,9,14,.94)!important;
  color:#fff!important;
}
html body.fh-cloudflare-native .fh-video-end-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  flex:0 0 auto!important;
}
html body.fh-cloudflare-native .fh-video-play-again{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  min-height:42px!important;
  padding:6px 14px 6px 7px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--fh-pink,#ec2b7a)!important;
  color:#fff!important;
  cursor:pointer!important;
  font:900 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-shadow:none!important;
  touch-action:manipulation!important;
}
html body.fh-cloudflare-native .fh-video-play-again:hover,
html body.fh-cloudflare-native .fh-video-play-again:focus-visible{
  background:var(--fh-pink2,#ff5fab)!important;
  outline:0!important;
}
html body.fh-cloudflare-native .fh-video-play-again-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border-radius:50%!important;
  background:#fff!important;
}
html body.fh-cloudflare-native .fh-video-play-again-icon::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:3px!important;
  border-top:6px solid transparent!important;
  border-bottom:6px solid transparent!important;
  border-left:10px solid var(--fh-pink,#ec2b7a)!important;
}
html body.fh-cloudflare-native .fh-video-end-heading{
  color:#fff!important;
  font:900 clamp(15px,2vw,20px)/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:right!important;
}
html body.fh-cloudflare-native .fh-video-end-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  min-height:0!important;
  flex:1 1 auto!important;
  align-content:start!important;
}
html body.fh-cloudflare-native .fh-video-end-card{
  display:flex!important;
  min-width:0!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease!important;
}
html body.fh-cloudflare-native .fh-video-end-card:hover,
html body.fh-cloudflare-native .fh-video-end-card:focus-visible{
  transform:translateY(-2px)!important;
  border-color:var(--fh-pink2,#ff5fab)!important;
  background:rgba(255,255,255,.14)!important;
  outline:0!important;
}
html body.fh-cloudflare-native .fh-video-end-thumb{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#000!important;
}
html body.fh-cloudflare-native .fh-video-end-thumb>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
html body.fh-cloudflare-native .fh-video-end-thumb>.fh-card-round-pink-play{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:var(--fh-pink,#ec2b7a)!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native .fh-video-end-thumb>.fh-card-round-pink-play::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:3px!important;
  border-top:7px solid transparent!important;
  border-bottom:7px solid transparent!important;
  border-left:12px solid #fff!important;
}
html body.fh-cloudflare-native .fh-video-end-title{
  display:-webkit-box!important;
  min-height:42px!important;
  padding:8px 9px!important;
  overflow:hidden!important;
  color:#fff!important;
  font:800 13px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-ended .fh-youtube-controls,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-ended .fh-youtube-loading,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-ended .fh-youtube-big-play{
  display:none!important;
}
@media(max-width:760px), (pointer:coarse){
  html body.fh-cloudflare-native .fh-video-end-screen:not([hidden]){gap:8px!important;padding:9px!important}
  html body.fh-cloudflare-native .fh-video-end-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  html body.fh-cloudflare-native .fh-video-end-card:nth-child(n+5){display:none!important}
  html body.fh-cloudflare-native .fh-video-end-title{min-height:34px!important;padding:6px 7px!important;font-size:11px!important}
  html body.fh-cloudflare-native .fh-video-end-thumb>.fh-card-round-pink-play{width:34px!important;height:34px!important}
  html body.fh-cloudflare-native .fh-video-end-heading{font-size:14px!important}
  html body.fh-cloudflare-native .fh-video-play-again{min-height:36px!important;padding:4px 11px 4px 5px!important;font-size:12px!important}
  html body.fh-cloudflare-native .fh-video-play-again-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
}
@media(max-height:520px) and (orientation:landscape){
  html body.fh-cloudflare-native .fh-video-end-screen:not([hidden]){padding:8px!important}
  html body.fh-cloudflare-native .fh-video-end-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  html body.fh-cloudflare-native .fh-video-end-card:nth-child(n+5){display:none!important}
  html body.fh-cloudflare-native .fh-video-end-title{min-height:30px!important;padding:5px 6px!important;font-size:10px!important}
}



/* FriendHub V3.6.43 — fixed 3x3 Videos ads, mobile ad visibility, and complete source link. */
html body.fh-cloudflare-native .fh-video-source-link{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
  margin:18px 0 0!important;
  padding:12px 14px!important;
  border:1px solid var(--fh-line2,#f8bfd1)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body.fh-cloudflare-native .fh-video-source-link span{
  color:var(--fh-text,#2b1420)!important;
  font-weight:900!important;
}
html body.fh-cloudflare-native .fh-video-source-link a{
  color:var(--fh-pink,#ec2b7a)!important;
  font-weight:700!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-decoration:underline!important;
}
@media(max-width:782px){
  html body.fh-cloudflare-native .fh-page-edge-ad{
    min-height:84px!important;
    padding:8px!important;
  }
  html body.fh-cloudflare-native .fh-page-edge-native-slot{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    min-height:60px!important;
    overflow:visible!important;
  }
  html body.fh-cloudflare-native .fh-grid-ad-card .fh-ad-card-creative{
    display:grid!important;
    place-items:center!important;
    min-height:96px!important;
    aspect-ratio:auto!important;
    padding:8px!important;
    overflow:visible!important;
  }
  html body.fh-cloudflare-native .fh-grid-ad-card .fh-ad-slot{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}


/* FriendHub V3.6.48 — FriendHub player first with protected playback fallback for sources that cannot be proxied. */
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card .fh-ad-card-creative,
html body.fh-cloudflare-native #home .post-card.fh-group4-ad-card .fh-ad-card-creative,
html body.fh-cloudflare-native #today .post-card.fh-group4-ad-card .fh-ad-card-creative{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native .fh-grid-ad-card .fh-ad-slot[data-fh-ad-fit="contain"]{
  display:block!important;
  flex:0 0 auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native .fh-video-source-link{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* FriendHub V3.6.47 — keep FriendHub controls first and show a protected provider only after every clean route fails. */
html body.fh-cloudflare-native .fh-youtube-player .fh-player-error:not([hidden]){position:absolute!important;inset:0!important;z-index:12!important;display:grid!important;place-content:center!important;justify-items:center!important;gap:10px!important;padding:24px!important;box-sizing:border-box!important;background:rgba(0,0,0,.74)!important;color:#fff!important;text-align:center!important}
html body.fh-cloudflare-native .fh-youtube-player .fh-player-error strong{font-size:20px!important;font-weight:800!important}
html body.fh-cloudflare-native .fh-youtube-player .fh-player-error span{max-width:390px!important;color:rgba(255,255,255,.82)!important;font-size:13px!important;line-height:1.45!important}
html body.fh-cloudflare-native .fh-youtube-player .fh-player-error button{min-width:126px!important;padding:12px 22px!important;border:0!important;border-radius:999px!important;background:#ec2b7a!important;color:#fff!important;font:800 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;box-shadow:0 8px 24px rgba(0,0,0,.38)!important;cursor:pointer!important}
html body.fh-cloudflare-native .fh-youtube-player .fh-player-error button:hover,html body.fh-cloudflare-native .fh-youtube-player .fh-player-error button:focus-visible{transform:translateY(-1px)!important;filter:brightness(1.06)!important;outline:2px solid rgba(255,255,255,.85)!important;outline-offset:2px!important}

/* FriendHub V3.6.48 — keep Group 4 ad cards visible while the 300x250 creative initializes. */
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card.fh-ad-pending{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
}
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card.fh-ad-pending > .post-thumb.fh-ad-card-media,
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card.fh-ad-filled > .post-thumb.fh-ad-card-media{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card .fh-ad-card-creative{
  min-width:0!important;
  background:#fff!important;
}
html body.fh-cloudflare-native #videos .post-card.fh-group4-ad-card iframe.fh-ad-frame{
  visibility:visible!important;
  opacity:1!important;
}


/* FriendHub V3.6.47 — failed clean sources automatically use the saved protected provider player. */
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode video,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode .fh-youtube-controls,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode .fh-youtube-loading,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode .fh-youtube-big-play,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode .fh-player-error{display:none!important}
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode iframe[data-fh-provider-fallback]:not([hidden]){position:absolute!important;inset:0!important;z-index:3!important;display:block!important;width:100%!important;height:100%!important;border:0!important;background:#000!important}
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode.fh-provider-xvideos::before,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode.fh-provider-xvideos::after{content:none!important;display:none!important}


/* FriendHub V3.6.48 — show all six completed-video cards and load the selected next video in the same player. */
html body.fh-cloudflare-native .fh-video-end-card[data-fh-video-next]{touch-action:manipulation!important}
@media(max-width:760px), (pointer:coarse){
  html body.fh-cloudflare-native .fh-video-end-card:nth-child(n+5){display:flex!important}
}
@media(max-height:520px) and (orientation:landscape){
  html body.fh-cloudflare-native .fh-video-end-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.fh-cloudflare-native .fh-video-end-card:nth-child(n+5){display:flex!important}
}

/* FriendHub V3.6.55 — lock Popular Videos to one horizontal slider row.
   Desktop shows 1x3; the existing tablet/mobile 1x2 and 1x1 counts remain responsive.
   Hidden slide cards are fully removed from layout so they cannot wrap below the active row. */
html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos .fh-slider-track{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,auto)!important;
  grid-auto-flow:row!important;
  align-items:start!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  gap:16px!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
}
html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos .fh-slider-track > .fh-slider-card[hidden]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  position:absolute!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos .fh-slider-track > .fh-slider-card:not([hidden]){
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  transform:none;
  box-sizing:border-box!important;
}
@media(max-width:1000px) and (min-width:681px){
  html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos .fh-slider-track{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos .fh-slider-track{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
}


/* FriendHub V3.6.56 — two ❤Popular Videos groups on every public page.
   The existing after-header slider is preserved and one identical randomized real-video slider is added before the footer. */
html body.fh-cloudflare-native .fh-footer-group5-wrap{
  margin-top:0!important;
  margin-bottom:18px!important;
}
html body.fh-cloudflare-native .fh-footer-group5-wrap .fh-popular-videos-before-footer{
  width:100%!important;
  margin:0 auto!important;
}


/* FriendHub V3.6.59 — double Popular Videos copies on every screen.
   Desktop, tablet, and mobile all show 2 after the header and 2 before the footer.
   The historical pc-copy class is retained only for compatibility and is no longer hidden responsively. */
html body.fh-cloudflare-native .fh-popular-videos-pc-copy{
  display:block!important;
  visibility:visible!important;
}


/* FriendHub V3.6.58 — clean title-free Popular Videos sliders with slow horizontal motion.
   The heading is removed from active HTML and suppressed here for cached markup.
   JavaScript advances video sliders every 12 seconds with a 900ms horizontal transition and pauses on hover/focus. */
html body.fh-cloudflare-native #popular-videos.fh-native-popular-videos > .fh-slider-head{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}


/* FriendHub V3.6.59 — remove the old blurred top-left provider-cover block. */
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode.fh-provider-xvideos::before,
html body.fh-cloudflare-native .fh-youtube-player.fh-youtube-provider-mode.fh-provider-xvideos::after{
  content:none!important;
  display:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}


/* FriendHub V3.6.62 — cards stay YouTube-style 16:9, while each full video uses its saved display-only viewport.
   Example: a real 1920×1080 source may display as 1920×964. No media conversion or source-file replacement occurs. */
html body.fh-cloudflare-native .post-card.is-video-card .fh-video-card-player-frame[class*="fhvp-ratio-"],
html body.fh-cloudflare-native #popular-videos .fh-video-card-player-frame[class*="fhvp-ratio-"]{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin:0!important;
}
html body.fh-cloudflare-native .post-card.is-video-card .fh-video-card-player-frame>img,
html body.fh-cloudflare-native #popular-videos .fh-video-card-player-frame>img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom{
  width:100%!important;
  max-width:1180px!important;
  height:auto!important;
  aspect-ratio:var(--fh-video-display-ratio,16/9)!important;
  overflow:hidden!important;
}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:var(--fh-video-display-x,50%) var(--fh-video-display-y,50%)!important;
  transform:scale(var(--fh-video-display-zoom,1))!important;
  transform-origin:center center!important;
}

/* Every full video post includes a visible six-card YouTube-style related-video album. */
html body.fh-cloudflare-native .fh-video-related-album{
  width:100%!important;
  max-width:1180px!important;
  margin:10px auto 26px!important;
}
html body.fh-cloudflare-native .fh-video-related-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 12px!important;
}
html body.fh-cloudflare-native .fh-video-related-head h2{
  margin:0!important;
  color:var(--fh-text,#2b1420)!important;
  font:900 clamp(20px,2.4vw,28px)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
html body.fh-cloudflare-native .fh-video-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 14px!important;
}
html body.fh-cloudflare-native .fh-video-related-card{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--fh-text,#2b1420)!important;
  box-shadow:0 10px 26px rgba(24,8,17,.10)!important;
  text-decoration:none!important;
  transition:transform .16s ease,box-shadow .16s ease!important;
}
html body.fh-cloudflare-native .fh-video-related-card:hover,
html body.fh-cloudflare-native .fh-video-related-card:focus-visible{
  transform:translateY(-2px)!important;
  box-shadow:0 14px 32px rgba(24,8,17,.16)!important;
  outline:2px solid var(--fh-pink,#ec2b7a)!important;
  outline-offset:2px!important;
}
html body.fh-cloudflare-native .fh-video-related-thumb{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#111!important;
}
html body.fh-cloudflare-native .fh-video-related-thumb>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
html body.fh-cloudflare-native .fh-video-related-thumb>.fh-card-round-pink-play{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  z-index:2!important;
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:var(--fh-pink,#ec2b7a)!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native .fh-video-related-thumb>.fh-card-round-pink-play::before{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  margin-left:4px!important;
  border-top:8px solid transparent!important;
  border-bottom:8px solid transparent!important;
  border-left:14px solid #fff!important;
}
html body.fh-cloudflare-native .fh-video-related-title{
  display:-webkit-box!important;
  min-height:52px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  color:inherit!important;
  font:800 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
@media(max-width:900px){
  html body.fh-cloudflare-native .fh-video-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  html body.fh-cloudflare-native .fh-video-related-grid{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
  html body.fh-cloudflare-native .fh-video-related-thumb>.fh-card-round-pink-play{width:44px!important;height:44px!important}
}

/* FriendHub V3.6.65 — exact no-zoom video-card media + stable same-player related-video switching.
   Video card thumbnails are never enlarged/cropped by the public card renderer. Photo cards are unchanged. */
html body.fh-cloudflare-native .post-card.is-video-card .fh-video-card-player-frame > img,
html body.fh-cloudflare-native #popular-videos .fh-video-card-player-frame > img,
html body.fh-cloudflare-native .fh-video-end-thumb > img,
html body.fh-cloudflare-native .fh-video-related-thumb > img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  transform-origin:center center!important;
}
html body.fh-cloudflare-native .fh-video-end-card:hover,
html body.fh-cloudflare-native .fh-video-end-card:focus-visible,
html body.fh-cloudflare-native .fh-video-related-card:hover,
html body.fh-cloudflare-native .fh-video-related-card:focus-visible{
  transform:none!important;
}
html body.fh-cloudflare-native [data-fh-video-next]{
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}


/* FriendHub V3.6.66 — More Videos is click-to-play only.
   Interaction-only guard: video-card thumbnails cannot become photo-zoom targets; visible card/player styling is unchanged. */
html body.fh-cloudflare-native [data-fh-video-next],
html body.fh-cloudflare-native [data-fh-video-next] .fh-video-end-thumb,
html body.fh-cloudflare-native [data-fh-video-next] .fh-video-related-thumb,
html body.fh-cloudflare-native [data-fh-video-next] img{
  cursor:pointer!important;
}
html body.fh-cloudflare-native [data-fh-video-next] img{
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}


/* FriendHub V3.6.67 — hide More Videos text, keep six cards, randomize selections, and remove dark corner fill.
   The heading text remains in HTML for compatibility but is not visible. */
html body.fh-cloudflare-native .fh-video-related-head,
html body.fh-cloudflare-native .fh-video-end-heading{
  display:none!important;
}
html body.fh-cloudflare-native .fh-video-related-thumb,
html body.fh-cloudflare-native .fh-video-end-thumb{
  background:#fff!important;
}


/* FriendHub V3.6.70 — More Videos card text uses the active FriendHub theme color. */
html body.fh-cloudflare-native .fh-video-related-title,
html body.fh-cloudflare-native .fh-video-end-title{
  color:var(--fh-pink,#ec2b7a)!important;
}


/* FriendHub V3.6.76 — visitor video player keeps FriendHub/YouTube-style controls, fits the whole video, and supports display zoom-out without crop. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video{
  object-fit:contain!important;
  object-position:var(--fh-video-display-x,50%) var(--fh-video-display-y,50%)!important;
  transform:scale(var(--fh-video-display-zoom,1))!important;
  transform-origin:center center!important;
  background:#000!important;
}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom{background:#000!important}
html body.fh-cloudflare-native .fh-video-detail-player .fh-player-error{display:none!important}


/* FriendHub V3.6.78 — visitor pink Play is the one-click playback trigger on every device. */
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-big-play:not([hidden]){display:grid!important;pointer-events:auto!important}
@media(min-width:901px) and (pointer:fine){html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-big-play:not([hidden]){display:grid!important}}

/* FriendHub V3.6.79 — public zoom is video-media-only; never scale the player/display box. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom{transform:none!important;overflow:hidden!important}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{will-change:transform}

/* FriendHub V3.6.82 — zoom only the visible video media layer (HTML video or provider iframe).
   The public player/display box itself never scales or changes width/height. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom{transform:none!important;overflow:hidden!important}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{transform:scale(var(--fh-video-display-media-scale,1))!important;transform-origin:var(--fh-video-display-x,50%) 50%!important}

/* FriendHub V3.6.84 — visitor media uses the same hard width lock as the Admin Video Display Editor.
   Zoom changes only the video/provider layer; values below 100% never shrink it or resize the fixed player box. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom{width:100%!important;transform:none!important;overflow:hidden!important}
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{width:100%!important;min-width:100%!important;max-width:none!important;transform:scale(var(--fh-video-display-media-scale,1))!important}

/* FriendHub V3.6.86 — visitor media uses one complete pink FriendHub skin.
   Source retries stay silent: no loading or error panel covers the poster, video, or protected provider. */
html body.fh-cloudflare-native .fh-video-detail-player.fh-youtube-player{
  border:2px solid var(--fh-pink,#ec2b7a)!important;
  border-radius:18px!important;
  background:#090609!important;
  box-shadow:0 14px 34px rgba(236,43,122,.24)!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-loading,
html body.fh-cloudflare-native .fh-video-detail-player .fh-player-error{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-controls:not([hidden]){
  border-top:1px solid rgba(255,95,171,.38)!important;
  background:linear-gradient(to top,rgba(55,5,29,.98),rgba(120,11,61,.78) 54%,transparent)!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-progress input[type="range"]{
  accent-color:var(--fh-pink,#ec2b7a)!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-control-button{
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(236,43,122,.72)!important;
  color:#fff!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-control-button:hover,
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-control-button:focus-visible{
  border-color:#fff!important;
  background:var(--fh-pink2,#ff5fab)!important;
  outline:2px solid rgba(255,255,255,.72)!important;
  outline-offset:2px!important;
}
html body.fh-cloudflare-native .fh-video-detail-player .fh-youtube-time{
  color:#fff!important;
  font-weight:800!important;
}
html body.fh-cloudflare-native .fh-video-detail-player.fh-youtube-provider-mode iframe[data-fh-provider-fallback]:not([hidden]){
  border-radius:16px!important;
  background:#090609!important;
}

/* FriendHub V3.6.87 — top-locked media zoom.
   Zoom enlarges the video/provider downward from its top edge while the display/player box stays fixed. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{
  transform-origin:var(--fh-video-display-x,50%) 0%!important;
}

/* FriendHub V3.6.89 — bottom-locked media zoom.
   Zoom enlarges the video/provider upward from its bottom edge while the display/player box stays fixed. */
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>video,
html body.fh-cloudflare-native .fh-video-detail-player.fhvp-ratio-custom>iframe{
  transform-origin:var(--fh-video-display-x,50%) 100%!important;
}