/* DB Instagram Feed 2.0 — align the profile/header row with the inset Reel strip while preserving v1.9 arrow gutters */
.dbif-feed{
  --dbif-cols:5;
  --dbif-cols-tablet:3;
  --dbif-cols-mobile:2;
  --dbif-gap:0px;
  --dbif-bg:#03111E;
  --dbif-accent:#09EA9F;
  --dbif-aspect:44/53;
  --dbif-ink:#fff;
  position:relative;
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
  background:var(--dbif-bg);
  color:var(--dbif-ink);
  font-family:Arial,Helvetica,sans-serif;
  isolation:isolate;
}
.dbif-feed,.dbif-feed *{box-sizing:border-box}
.dbif-feed a{box-shadow:none!important;text-shadow:none!important}
.dbif-feed svg{display:block}

/* v1.7.1 — Global Instagram host cleanup.
   Several Avada shortcode containers around the feed inherited the site dotted
   background and vertical spacer padding, producing a dotted strip above and
   below every Instagram slider. JS marks only the Avada container hosting DBIF;
   when that container is dedicated to the feed we also collapse its wrapper
   spacing so there is no extra bar at either edge. */
.dbif-instagram-host{
  background-image:none!important;
}
.dbif-instagram-host--feed-only,
.dbif-instagram-host--feed-only .dbif-instagram-host-path{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background-image:none!important;
}
.dbif-instagram-host--feed-only:before,
.dbif-instagram-host--feed-only:after,
.dbif-instagram-host--feed-only .dbif-instagram-host-path:before,
.dbif-instagram-host--feed-only .dbif-instagram-host-path:after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Full-width dark section, but the approved Contact feed itself sits in a 1760px centered canvas. */
.dbif-style-ccrs_contact{
  --dbif-cols:5!important;
  --dbif-gap:0px!important;
  --dbif-aspect:44/53!important;
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border:0!important;
  background:#03111E!important;
}
.dbif-style-ccrs_contact .dbif-shell{
  width:100%;
  max-width:1520px;
  margin:0 auto;
  padding:0;
  background:#03111E;
}

/* v1.7.6 — Use a real spacer element rather than relying on shell padding.
   Homepage/Avada rules can override shell padding, which is why v1.7.5 could
   appear unchanged there. This block is part of the feed itself, so the gap is
   guaranteed and remains solid dark with no dotted separator. */
.dbif-style-ccrs_contact .dbif-bottom-spacer{
  display:block!important;
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#03111E!important;
  background-image:none!important;
  flex:0 0 32px!important;
}

/* Exact Contact profile/header proportions. */
.dbif-header{
  width:100%;
  min-height:124px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin:0;
  padding:0 6px;
  border:0;
  background:#03111E;
}
.dbif-profile{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:20px;
  color:#fff!important;
  text-decoration:none!important;
  cursor:pointer;
  border-radius:10px;
  outline:0;
  -webkit-tap-highlight-color:transparent;
}
.dbif-avatar{
  width:86px;
  height:86px;
  flex:0 0 86px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:0;
  border-radius:50%;
  background:transparent;
  box-shadow:none;
  transform:translateZ(0);
  position:relative;
}
.dbif-avatar-hover{
  position:absolute;
  z-index:3;
  inset:0;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(0,0,0,.75);
  color:#fff;
  opacity:0;
  pointer-events:none;
  transition:opacity .4s ease-in-out;
}
.dbif-avatar-hover svg{width:30px;height:30px}
.dbif-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.dbif-avatar-fallback{
  display:grid;place-items:center;width:100%;height:100%;
  border:4px solid var(--dbif-accent);border-radius:50%;color:var(--dbif-accent)
}
.dbif-avatar-fallback svg{width:34px;height:34px}
.dbif-profile-text{min-width:0;display:flex;flex-direction:column;justify-content:center;line-height:1}
.dbif-eyebrow{display:none!important}
.dbif-profile-text strong{
  display:block;
  max-width:608px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:0 0 10px;
  color:#09EA9F!important;
  font-family:proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif;
  font-size:25px;
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1.02;
  transition:color .16s ease,opacity .16s ease;
}
/* Contact-page profile hover: avatar gets the Instagram overlay and the account
   title changes from CCRS green to pure white. No movement or underline. */
.dbif-profile:hover .dbif-avatar-hover,
.dbif-profile:focus-visible .dbif-avatar-hover,
.dbif-profile.dbif-header-hover .dbif-avatar-hover{opacity:1;transition:opacity .2s ease-in-out}
.dbif-profile:hover .dbif-profile-text strong,
.dbif-profile:focus-visible .dbif-profile-text strong,
.dbif-profile.dbif-header-hover .dbif-profile-text strong{color:#fff!important}
.dbif-profile:focus-visible{outline:2px solid rgba(9,234,159,.9);outline-offset:6px}
.dbif-profile:active{opacity:.9}
.dbif-stats{
  display:flex;
  align-items:flex-start;
  gap:29px;
  margin:0;
  color:#fff;
  line-height:1;
}
.dbif-stats>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px;white-space:nowrap}
.dbif-stats>span+span:before{display:none!important;content:none!important}
.dbif-stats b{
  color:#fff;
  font-family:proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif;
  font-size:19px;
  font-weight:900;
  line-height:.95;
}
.dbif-stats em{color:#fff;font-size:14px;font-style:normal;font-weight:400;line-height:1;text-transform:none}
.dbif-header-right{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}

/* Contact-page CTA: teal-to-blue gradient, no arrow, exact desktop footprint. */
.dbif-follow{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  width:350px;
  min-width:350px;
  height:54px;
  min-height:54px;
  padding:0 19px!important;
  border:0!important;
  border-radius:6px!important;
  background-image:linear-gradient(90deg,#09EAA1 0%,#0DD4C2 50%,#15A0F5 100%)!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  color:#fff!important;
  text-decoration:none!important;
  font-family:proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  transition:transform .18s cubic-bezier(.2,.75,.2,1),box-shadow .18s ease,filter .18s ease!important;
  outline:0;
  -webkit-tap-highlight-color:transparent;
}
.dbif-follow:hover,.dbif-follow:focus-visible{
  /* Exact interaction used by the Contact-page UPLOAD YOUR REPORT CTA:
     the button itself gets brighter, lifts slightly and grows a touch, while
     the glow stays tight to the control instead of becoming a huge halo. */
  background-image:linear-gradient(90deg,#00FFB3 0%,#00F6DC 50%,#0DB7FF 100%)!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  color:#fff!important;
  filter:none!important;
  transform:translateY(-6px) scale(1.015)!important;
  box-shadow:
    0 0 0 1px rgba(0,255,179,.30),
    0 0 11px rgba(0,255,179,.46),
    0 0 20px rgba(0,230,215,.18)!important;
}
.dbif-follow:focus-visible{outline:2px solid rgba(255,255,255,.95)!important;outline-offset:3px!important}
.dbif-follow:active,.dbif-follow.dbif-follow-active{
  transform:none!important;
  filter:none!important;
  box-shadow:inset 0 0 10px 20px rgba(0,0,0,.30),0 0 8px rgba(9,234,159,.28)!important;
}
.dbif-follow.dbif-follow-hover{
  background-image:linear-gradient(90deg,#00FFB3 0%,#00F6DC 50%,#0DB7FF 100%)!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  color:#fff!important;
  filter:none!important;
  transform:translateY(-6px) scale(1.015)!important;
  box-shadow:
    0 0 0 1px rgba(0,255,179,.30),
    0 0 11px rgba(0,255,179,.46),
    0 0 20px rgba(0,230,215,.18)!important;
}
.dbif-follow-icon{width:22px;height:22px;flex:0 0 22px;transition:opacity .16s ease}
.dbif-follow-icon svg{width:100%;height:100%}
.dbif-follow:hover .dbif-follow-icon,.dbif-follow:focus-visible .dbif-follow-icon{transform:none!important;filter:none!important;opacity:1}
.dbif-follow:active .dbif-follow-icon{transform:none!important;opacity:.8}
.dbif-follow b{display:none!important}

/* Gallery-style mechanics inside the Contact-sized canvas. */
.dbif-stage{position:relative;width:100%;margin:0;background:#03111E;overflow:hidden}

/* v1.8.0 — Keep the Reel strip inside the widened shell so the outside arrows remain fully readable and less obstructed. */
.dbif-viewport{position:relative;width:100%;overflow:hidden;touch-action:pan-y;cursor:grab}
.dbif-viewport.dbif-dragging{cursor:grabbing}
.dbif-track{
  display:flex;
  align-items:stretch;
  gap:var(--dbif-gap);
  width:max-content;
  margin:0;
  padding:0;
  transform:translate3d(0,0,0);
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
.dbif-dragging .dbif-track{transition:none!important}
.dbif-layout-grid .dbif-track{display:grid;width:100%;grid-template-columns:repeat(var(--dbif-cols),minmax(0,1fr));transform:none!important}
.dbif-item{flex:0 0 auto;min-width:0;margin:0!important;background:#03111E;overflow:hidden}
/* The first frame has the same geometry as the running carousel. JavaScript
   moves this viewport-wide track; it never changes tile or track widths. */
.dbif-layout-carousel{--dbif-visible-cols:var(--dbif-cols)}
.dbif-layout-carousel .dbif-track{width:100%}
.dbif-layout-carousel .dbif-item{
  flex:0 0 calc((100% - (var(--dbif-visible-cols) - 1) * var(--dbif-gap)) / var(--dbif-visible-cols));
}
.dbif-media{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:var(--dbif-aspect)!important;
  overflow:hidden;
  margin:0!important;
  background:#06131c;
  color:#fff!important;
  text-decoration:none!important;
}
.dbif-media:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.dbif-media img,.dbif-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#06131c;
  transform:scale(1);
  opacity:1;
  transition:transform .5s ease,opacity .5s ease;
}
/* Exact Smash Balloon post hover mechanics. JS also toggles .dbif-hover-active so the
   effect is reliable even inside the draggable carousel. */
.dbif-media:hover img,.dbif-media:focus-visible img,.dbif-media.dbif-hover-active img,
.dbif-media:hover .dbif-video,.dbif-media:focus-visible .dbif-video,.dbif-media.dbif-hover-active .dbif-video{
  transform:scale(1.05);
  opacity:.85;
  transition:transform .5s ease,opacity .2s ease;
}
.dbif-media.dbif-hover-leaving img,.dbif-media.dbif-hover-leaving .dbif-video{
  transform:scale(1);
  opacity:1;
  transition:transform .5s ease,opacity .5s ease;
}

/* Contact reference shows the large centred video-play symbol, not little Reel badges. */
.dbif-style-ccrs_contact .dbif-type-icon{display:none!important}
.dbif-play-icon{
  position:absolute;
  z-index:6;
  left:50%;
  top:50%;
  width:53px;
  height:53px;
  transform:translate(-50%,-50%);
  color:rgba(255,255,255,.92);
  pointer-events:none;
  filter:drop-shadow(0 0 3px rgba(0,0,0,.55));
  opacity:1;
  transition:opacity .2s ease-in-out;
}
.dbif-play-icon svg{width:100%;height:100%}
/* The existing slider removes its play glyph when the hover layer is revealed. */
.dbif-media:hover .dbif-play-icon,.dbif-media:focus-visible .dbif-play-icon,.dbif-media.dbif-hover-active .dbif-play-icon{opacity:0}
.dbif-hover{
  position:absolute;
  inset:0;
  z-index:5;
  display:block;
  background:rgba(0,0,0,.60);
  opacity:0;
  transition:opacity .6s ease-in-out;
  color:#fff;
  pointer-events:none;
}
.dbif-media:hover .dbif-hover,.dbif-media:focus-visible .dbif-hover,.dbif-media.dbif-hover-active .dbif-hover{
  opacity:1;
  transition:opacity .2s ease-in-out;
}
.dbif-media.dbif-hover-leaving .dbif-hover{
  opacity:0;
  transition:opacity .6s ease-in-out;
}
.dbif-engagement{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%);
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:16px;
  color:#fff;
  font-size:12px;
  line-height:1;
  text-shadow:0 0 10px #000;
  white-space:nowrap;
}
.dbif-engagement>span{display:inline-flex;align-items:center;gap:5px}
.dbif-engagement svg{width:15px;height:15px}
.dbif-engagement b{font-size:12px;font-weight:700}
.dbif-hover-instagram{
  position:absolute;
  right:2px;
  bottom:0;
  display:block!important;
  width:30px;
  height:30px;
  padding:7px;
  color:rgba(255,255,255,.9);
  filter:drop-shadow(0 0 8px rgba(0,0,0,.55));
}
.dbif-hover-instagram svg{width:100%;height:100%}
.dbif-caption{display:none!important}

/* v1.9 — Dedicated left/right navigation gutters.
   The Reel strip no longer runs into the page edges, and both carousel arrows
   live INSIDE guaranteed dark space so parent/Avada overflow rules cannot clip them. */
.dbif-style-ccrs_contact .dbif-stage{
  overflow:hidden;
  padding-left:54px;
  padding-right:54px;
}

/* v2.0 — Reference Image 2 alignment.
   Keep the account/profile block and Follow CTA on the same inner left/right
   edges as the Reel viewport. !important prevents Avada/global header rules
   from pulling these controls back to the full-width page edges. */
.dbif-style-ccrs_contact .dbif-header{
  padding-left:54px!important;
  padding-right:54px!important;
}
.dbif-arrow{
  position:absolute;
  z-index:30;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  padding:0!important;
  border:1.5px solid rgba(255,255,255,.88)!important;
  border-radius:50%!important;
  background:#09EA9F!important;
  color:#fff!important;
  cursor:pointer;
  opacity:1;
  box-shadow:0 2px 8px rgba(0,0,0,.34)!important;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.dbif-arrow:hover,.dbif-arrow:focus-visible{
  transform:translateY(-50%) scale(1.04);
  background:#08D995!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.38)!important;
  outline:0!important;
}
.dbif-arrow:active{transform:translateY(-50%) scale(.98);background:#07C98A!important}
.dbif-arrow:disabled{opacity:.35;cursor:default;transform:translateY(-50%);filter:none}
.dbif-arrow svg{width:12px;height:12px;pointer-events:none}
.dbif-style-ccrs_contact .dbif-prev{left:8px}
.dbif-style-ccrs_contact .dbif-next{right:8px}

/* Keep a smaller but still dedicated gutter on narrower desktop/tablet widths. */
@media(max-width:1200px){
  .dbif-style-ccrs_contact .dbif-stage{padding-left:46px;padding-right:46px}
  .dbif-style-ccrs_contact .dbif-header{padding-left:46px!important;padding-right:46px!important}
  .dbif-style-ccrs_contact .dbif-prev{left:7px}
  .dbif-style-ccrs_contact .dbif-next{right:7px}
}

/* Never duplicate the Contact CTA. */
.dbif-style-ccrs_contact .dbif-footer{display:none!important}
.dbif-admin-error{padding:12px 14px;border:1px solid #d63638;background:#fff5f5;color:#8a2424;font-size:13px}

/* Neutral preset remains reusable on the other sites. */
.dbif-style-clean{width:100%;background:var(--dbif-bg);border:0;color:inherit}
.dbif-style-clean .dbif-shell{width:100%;max-width:1680px;margin:0 auto}
.dbif-style-clean .dbif-header{min-height:96px;padding:14px 24px;background:transparent}
.dbif-style-clean .dbif-avatar{width:58px;height:58px;flex-basis:58px}
.dbif-style-clean .dbif-profile{gap:14px}
.dbif-style-clean .dbif-profile-text strong{font-size:24px;margin-bottom:8px}
.dbif-style-clean .dbif-stats{display:flex;flex-direction:row;gap:16px}
.dbif-style-clean .dbif-stats>span{flex-direction:row;gap:4px}
.dbif-style-clean .dbif-stats b{font-size:12px}.dbif-style-clean .dbif-stats em{font-size:10px;color:#aab6bd}
.dbif-style-clean .dbif-follow{width:auto;min-width:220px;height:44px;min-height:44px;font-size:11px!important}
.dbif-style-clean .dbif-follow-icon{width:16px;height:16px;flex-basis:16px}
.dbif-style-clean .dbif-type-icon{display:block}
.dbif-style-clean .dbif-play-icon{display:none}
.dbif-footer{display:flex;justify-content:center;padding:14px 16px 16px;background:var(--dbif-bg);border:0}

@media(max-width:1440px){
  .dbif-style-ccrs_contact .dbif-shell{max-width:calc(100% - 38px)}
}
@media(max-width:1200px){
  .dbif-header{min-height:140px;padding:0 10px;gap:18px}
  .dbif-avatar{width:84px;height:84px;flex-basis:84px}
  .dbif-profile{gap:18px}
  .dbif-profile-text strong{font-size:25px;margin-bottom:10px}
  .dbif-stats{gap:28px}.dbif-stats b{font-size:20px}.dbif-stats em{font-size:14px}
  .dbif-follow{width:330px;min-width:330px;height:58px;min-height:58px;font-size:15px!important;gap:15px!important}
  .dbif-follow-icon{width:22px;height:22px;flex-basis:22px}
}
@media(max-width:1024px){
  .dbif-layout-carousel{--dbif-visible-cols:var(--dbif-cols-tablet)}
  .dbif-style-ccrs_contact .dbif-shell{max-width:calc(100% - 30px)}
  .dbif-header{min-height:122px}
  .dbif-avatar{width:72px;height:72px;flex-basis:72px}
  .dbif-profile-text strong{font-size:22px}
  .dbif-follow{width:285px;min-width:285px;height:52px;min-height:52px;font-size:13px!important}
  .dbif-layout-grid .dbif-track{grid-template-columns:repeat(var(--dbif-cols-tablet),minmax(0,1fr))}
}
@media(max-width:760px){
  .dbif-style-ccrs_contact .dbif-shell{max-width:100%;padding-bottom:0}
  .dbif-style-ccrs_contact .dbif-bottom-spacer{height:20px!important;min-height:20px!important;flex-basis:20px!important}
  .dbif-header{min-height:auto;align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}
  .dbif-style-ccrs_contact .dbif-header{padding:18px 16px!important}
  .dbif-profile{width:100%;gap:14px}
  .dbif-avatar{width:64px;height:64px;flex-basis:64px}
  .dbif-profile-text strong{font-size:20px;margin-bottom:8px;white-space:normal}
  .dbif-stats{gap:24px}.dbif-stats b{font-size:18px}.dbif-stats em{font-size:13px}
  .dbif-header-right{width:100%}
  .dbif-follow-top{width:100%;min-width:0;height:50px;min-height:50px;font-size:12px!important}
  .dbif-follow-icon{width:20px;height:20px;flex-basis:20px}
  .dbif-play-icon{width:54px;height:54px}
  /* Mobile: remove desktop gutters and restore the original low-key overlay controls. */
  .dbif-style-ccrs_contact .dbif-stage{overflow:hidden;padding-left:0;padding-right:0}
  .dbif-arrow{
    z-index:12;
    width:31px;
    height:31px;
    border:0!important;
    background:rgba(83,83,83,.62)!important;
    color:#101820!important;
    box-shadow:none!important;
    opacity:1;
    transition:background .2s ease,transform .2s ease!important;
  }
  .dbif-arrow:hover,.dbif-arrow:focus-visible{
    transform:translateY(-50%) scale(1.04);
    background:rgba(110,110,110,.78)!important;
    color:#101820!important;
    box-shadow:none!important;
  }
  .dbif-arrow:active{transform:translateY(-50%) scale(.98);background:rgba(110,110,110,.78)!important}
  .dbif-arrow svg{width:12px;height:12px}
  .dbif-style-ccrs_contact .dbif-prev{left:1px}
  .dbif-style-ccrs_contact .dbif-next{right:1px}
}
@media(max-width:640px){
  .dbif-layout-carousel{--dbif-visible-cols:var(--dbif-cols-mobile)}
  .dbif-layout-grid .dbif-track{grid-template-columns:repeat(var(--dbif-cols-mobile),minmax(0,1fr))}
}
@media(max-width:430px){
  .dbif-header{padding:16px 12px}
  .dbif-style-ccrs_contact .dbif-header{padding:16px 12px!important}
  .dbif-avatar{width:58px;height:58px;flex-basis:58px}
  .dbif-profile-text strong{font-size:18px}
  .dbif-stats{gap:20px}
}
/* Deliberately do not cancel header/button hover inside @media(hover:none).
   Many Windows desktops report hybrid touch capability even while a mouse is active. */
@media(prefers-reduced-motion:reduce){.dbif-feed *{transition:none!important}}

/* v1.6.1 — transparent Reel viewer: ONLY the video + CTA occupy layout space.
   The website remains visible behind the modal through the dimmed backdrop. */
html.dbif-lightbox-lock,body.dbif-lightbox-lock{overflow:hidden!important;overscroll-behavior:none!important}
.dbif-feed.dbif-lightbox-active{z-index:2147483000!important;overflow:visible!important;isolation:auto!important}
.dbif-lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:2147483646!important;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px 80px;
  background:rgba(0,0,0,.78)!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.dbif-lightbox.dbif-lightbox-open{opacity:1;visibility:visible;pointer-events:auto}
.dbif-lightbox-backdrop{position:absolute;inset:0;cursor:zoom-out;background:transparent!important}
.dbif-lightbox-dialog{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  width:330px;
  max-width:calc(100vw - 180px);
  max-height:calc(100dvh - 52px);
  min-width:0;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:none;
}
.dbif-lightbox-media-wrap{
  position:relative;
  width:100%!important;
  aspect-ratio:9/16;
  height:auto!important;
  max-height:calc(100dvh - 118px);
  min-height:0!important;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.dbif-lightbox-video,.dbif-lightbox-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  margin:0!important;
  box-shadow:none!important;
}
.dbif-lightbox-video[hidden],.dbif-lightbox-image[hidden]{display:none!important}
.dbif-lightbox-toolbar{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%!important;
  padding:8px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-family:Arial,Helvetica,sans-serif;
}
.dbif-lightbox-profile{display:none!important}
.dbif-lightbox-instagram{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%!important;
  min-height:46px;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:5px!important;
  background:linear-gradient(100deg,#09EA9F 0%,#12D8C7 46%,#18AEF4 100%)!important;
  background-size:200% 100%!important;
  background-position:0% 50%!important;
  color:#fff!important;
  box-shadow:0 8px 28px rgba(9,234,159,.24),0 6px 20px rgba(24,174,244,.20)!important;
  font:900 11px/1 proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif!important;
  letter-spacing:.1px!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  white-space:nowrap;
  cursor:pointer;
  transition:background-position .24s ease,box-shadow .18s ease,filter .18s ease,transform .08s ease!important;
}
.dbif-lightbox-instagram-icon{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px}
.dbif-lightbox-instagram-icon svg{width:100%;height:100%}
.dbif-lightbox-instagram b{font-size:17px;line-height:0;margin-left:2px;color:inherit!important}
.dbif-lightbox-instagram:hover,.dbif-lightbox-instagram:focus-visible{
  background-position:100% 50%!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.38),0 10px 34px rgba(9,234,159,.34),0 8px 26px rgba(24,174,244,.28)!important;
  color:#fff!important;
}
.dbif-lightbox-instagram:active{
  transform:translateY(2px) scale(.985)!important;
  filter:brightness(.94)!important;
  box-shadow:0 3px 12px rgba(9,234,159,.22)!important;
}
.dbif-lightbox-close{
  position:absolute!important;
  z-index:8!important;
  top:7px!important;
  right:7px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:50%!important;
  background:rgba(0,0,0,.42)!important;
  color:#fff!important;
  font:300 30px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:0 2px 10px rgba(0,0,0,.35)!important;
  transition:background .16s ease,color .16s ease,transform .08s ease!important;
}
.dbif-lightbox-close:hover,.dbif-lightbox-close:focus-visible{background:rgba(0,0,0,.68)!important;color:#fff!important}
.dbif-lightbox-close:active{transform:scale(.9)!important}
.dbif-lightbox-nav{
  position:absolute;
  z-index:7;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:66px;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:rgba(0,0,0,.18)!important;
  color:rgba(255,255,255,.92)!important;
  opacity:.88;
  cursor:pointer;
  box-shadow:none!important;
  transition:opacity .16s ease,background .16s ease,transform .08s ease!important;
}
.dbif-lightbox-nav:hover,.dbif-lightbox-nav:focus-visible{opacity:1;background:rgba(0,0,0,.36)!important;color:#fff!important}
.dbif-lightbox-nav:active{transform:translateY(-50%) scale(.94)}
.dbif-lightbox-nav:disabled{opacity:.2;cursor:default}
.dbif-lightbox-nav svg{width:30px;height:30px;filter:drop-shadow(0 1px 3px #000)}
.dbif-lightbox-prev{left:-74px}.dbif-lightbox-next{right:-74px}

@media(max-width:760px){
  .dbif-lightbox{padding:16px 52px;background:rgba(0,0,0,.82)!important}
  .dbif-lightbox-dialog{width:min(330px,calc(100vw - 104px));max-width:calc(100vw - 104px);max-height:calc(100dvh - 32px)}
  .dbif-lightbox-media-wrap{max-height:calc(100dvh - 96px)}
  .dbif-lightbox-prev{left:-46px}.dbif-lightbox-next{right:-46px}
  .dbif-lightbox-nav{width:38px;height:58px}
  .dbif-lightbox-nav svg{width:24px;height:24px}
  .dbif-lightbox-instagram{min-height:44px;font-size:10px!important}
}
@media(max-width:480px){
  .dbif-lightbox{padding:10px 42px;background:rgba(0,0,0,.84)!important}
  .dbif-lightbox-dialog{width:min(320px,calc(100vw - 84px));max-width:calc(100vw - 84px)}
  .dbif-lightbox-prev{left:-38px}.dbif-lightbox-next{right:-38px}
  .dbif-lightbox-nav{width:32px;height:52px;background:rgba(0,0,0,.22)!important}
  .dbif-lightbox-close{top:5px!important;right:5px!important;width:32px!important;height:32px!important;font-size:28px!important}
}


/* v1.6.3 HARD HOVER LOCK
   Mirrors Smash Balloon's real behaviour:
   - photo zooms to 1.05
   - photo fades to .85
   - rgba(0,0,0,.60) link layer fades in
   - play glyph disappears
   These selectors hang off .dbif-item:hover (the outer tile), so draggable links,
   pointer capture, Avada and hybrid Windows hover media queries cannot suppress it. */
@media (min-width:761px){
  .dbif-feed .dbif-item:hover .dbif-media .dbif-poster,
  .dbif-feed .dbif-item:focus-within .dbif-media .dbif-poster{
    transform:scale(1.05)!important;
    opacity:.85!important;
    transition:transform .5s ease,opacity .2s ease!important;
  }
  .dbif-feed .dbif-item:hover .dbif-media .dbif-hover,
  .dbif-feed .dbif-item:focus-within .dbif-media .dbif-hover{
    display:block!important;
    opacity:1!important;
    background:rgba(0,0,0,.60)!important;
    transition:opacity .2s ease-in-out!important;
  }
  .dbif-feed .dbif-item:hover .dbif-media .dbif-play-icon,
  .dbif-feed .dbif-item:focus-within .dbif-media .dbif-play-icon{
    opacity:0!important;
  }
  .dbif-feed .dbif-item:not(:hover):not(:focus-within) .dbif-media .dbif-hover{
    opacity:0!important;
    transition:opacity .6s ease-in-out!important;
  }
}

/* v1.6.3 ZERO-GAP LIGHTBOX CTA
   The CTA starts on the very next pixel after the Reel. */
.dbif-lightbox-dialog{gap:0!important}
.dbif-lightbox-media-wrap{margin:0!important;padding:0!important;line-height:0!important}
.dbif-lightbox-video,.dbif-lightbox-image{margin:0!important;padding:0!important;vertical-align:top!important}
.dbif-lightbox-toolbar{margin:0!important;padding:0!important;line-height:0!important}
.dbif-lightbox-instagram{margin:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}