/* DB Fast Instagram Feed 2.1.14 — full-page autoplay with balanced desktop gutters */
.dbif-feed{
  --dbif-cols:5;
  --dbif-cols-tablet:3;
  --dbif-cols-mobile:2;
  --dbif-gap:0px;
  --dbif-item-basis:20%;
  --dbif-item-basis-tablet:33.333333%;
  --dbif-item-basis-mobile:50%;
  --dbif-bg:#03111E;
  --dbif-accent:#09EA9F;
  --dbif-accent-end:#15A0F5;
  --dbif-aspect:44/53;
  --dbif-ink:#fff;
  --dbif-profile-title-size:25px;
  --dbif-profile-title-margin:10px;
  --dbif-profile-title-wrap:nowrap;
  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}

/* Full-width dark section, but the approved Contact feed itself sits in a 1760px centered canvas. */
.dbif-style-brand,.dbif-style-ccrs_contact{
  width:100vw!important;
  max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border:0!important;
  background:var(--dbif-bg)!important;
}
/* The normal [instagram-feed] shortcode can sit inside an Avada full-width
   container that has its own background and vertical padding. JavaScript adds
   this class only when the container is a dedicated, single-column feed row.
   That removes the oversized blank strip and makes the small remaining shell
   inherit the detected site's palette instead of Avada's saved colour. */
.fusion-fullwidth.dbif-host-surface{
  background-color:var(--dbif-host-bg)!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.fusion-fullwidth.dbif-host-surface>.fusion-builder-row,
.fusion-fullwidth.dbif-host-surface .fusion-layout-column,
.fusion-fullwidth.dbif-host-surface .fusion-column-wrapper{
  background-color:var(--dbif-host-bg)!important;
}
/* Remtech's Avada column adds a 20px bottom margin outside the shortcode.
   Matching it with a negative section margin lets the feed background paint
   through that spacer without changing any of the site's following content. */
.dbif-feed.dbif-site-remtech-constructions{margin-bottom:-20px!important}
.dbif-style-ccrs_contact{
  --dbif-cols:5!important;
  --dbif-gap:0px!important;
  --dbif-aspect:44/53!important;
}
.dbif-style-brand .dbif-shell,.dbif-style-ccrs_contact .dbif-shell{
  width:100%;
  max-width:1408px;
  margin:0 auto;
  padding:0 0 16px;
  background:var(--dbif-bg);
}

/* 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 10px;
  border:0;
  background:var(--dbif-bg);
}
.dbif-profile{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:20px;
  color:var(--dbif-ink)!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-feed .dbif-profile .dbif-profile-title{
  display:block!important;
  max-width:608px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin:0 0 10px!important;
  color:var(--dbif-accent)!important;
  font-family:proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif!important;
  font-size:25px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  line-height:1.02!important;
  transition:color .16s ease,opacity .16s ease;
}
/* The profile title changes from the accent to the site's text colour. */
.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-feed .dbif-profile:hover .dbif-profile-title,
.dbif-feed .dbif-profile:focus-visible .dbif-profile-title,
.dbif-feed .dbif-profile.dbif-header-hover .dbif-profile-title{color:var(--dbif-accent)!important}
.dbif-profile:focus-visible{outline:2px solid var(--dbif-accent);outline-offset:6px}
.dbif-profile:active{opacity:.9}
.dbif-stats{
  display:flex;
  align-items:flex-start;
  gap:29px;
  margin:0;
  color:var(--dbif-ink);
  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-feed .dbif-stats b{
  color:var(--dbif-ink)!important;
  font-family:proximaextrabold,"Proxima Nova","Arial Black",Arial,Helvetica,sans-serif!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:.95!important;
}
.dbif-feed .dbif-stats em{color:var(--dbif-ink)!important;font-size:14px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;text-transform:none!important}
.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,var(--dbif-accent) 0%,var(--dbif-accent-end) 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,var(--dbif-accent) 0%,var(--dbif-accent-end) 100%)!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  color:#fff!important;
  filter:brightness(1.12) saturate(1.05)!important;
  transform:translateY(-6px) scale(1.015)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.26),
    0 0 12px rgba(255,255,255,.28),
    0 0 22px rgba(0,0,0,.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(255,255,255,.20)!important;
}
.dbif-follow.dbif-follow-hover{
  background-image:linear-gradient(90deg,var(--dbif-accent) 0%,var(--dbif-accent-end) 100%)!important;
  background-size:100% 100%!important;
  background-position:50% 50%!important;
  color:#fff!important;
  filter:brightness(1.12) saturate(1.05)!important;
  transform:translateY(-6px) scale(1.015)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.26),
    0 0 12px rgba(255,255,255,.28),
    0 0 22px rgba(0,0,0,.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:var(--dbif-bg);overflow:hidden}
.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 var(--dbif-item-basis);width:var(--dbif-item-basis);min-width:0;margin:0!important;background:var(--dbif-bg);overflow:hidden;content-visibility:auto;contain-intrinsic-size:300px 360px}
.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-brand .dbif-type-icon,.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}

/* Contact arrows: small translucent grey circles tucked into the first/last tile edges. */
.dbif-arrow{
  position:absolute;
  z-index:12;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(83,83,83,.62)!important;
  color:#101820!important;
  cursor:pointer;
  opacity:1;
  box-shadow:none!important;
  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}
.dbif-arrow:disabled{opacity:.35;cursor:default;transform:translateY(-50%)}
.dbif-arrow svg{width:12px;height:12px}
.dbif-prev{left:1px}.dbif-next{right:1px}

/* Never duplicate the Contact CTA. */
.dbif-style-brand .dbif-footer,.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-title{--dbif-profile-title-size:24px;--dbif-profile-title-margin: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-brand .dbif-shell,.dbif-style-ccrs_contact .dbif-shell{max-width:calc(100% - 38px)}
}
@media(max-width:1200px){
  .dbif-feed{--dbif-profile-title-size:25px;--dbif-profile-title-margin:10px}
  .dbif-header{min-height:140px;padding:0 10px;gap:18px}
  .dbif-avatar{width:84px;height:84px;flex-basis:84px}
  .dbif-profile{gap:18px}
  .dbif-feed .dbif-profile .dbif-profile-title{font-size:var(--dbif-profile-title-size)!important;margin-bottom:var(--dbif-profile-title-margin)!important}
  .dbif-stats{gap:28px}.dbif-feed .dbif-stats b{font-size:20px!important}.dbif-feed .dbif-stats em{font-size:14px!important}
  .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-feed{--dbif-profile-title-size:22px}
  .dbif-style-brand .dbif-shell,.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-feed .dbif-profile .dbif-profile-title{font-size:var(--dbif-profile-title-size)!important}
  .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))}
  .dbif-layout-carousel .dbif-item{flex-basis:var(--dbif-item-basis-tablet);width:var(--dbif-item-basis-tablet)}
}
@media(max-width:760px){
  .dbif-feed{--dbif-profile-title-size:20px;--dbif-profile-title-margin:8px;--dbif-profile-title-wrap:normal}
  .dbif-style-brand .dbif-shell,.dbif-style-ccrs_contact .dbif-shell{max-width:100%}
  .dbif-header{min-height:auto;align-items:flex-start;flex-direction:column;gap:14px;padding:18px 16px}
  .dbif-profile{width:100%;gap:14px}
  .dbif-avatar{width:64px;height:64px;flex-basis:64px}
  .dbif-feed .dbif-profile .dbif-profile-title{font-size:var(--dbif-profile-title-size)!important;margin-bottom:var(--dbif-profile-title-margin)!important;white-space:var(--dbif-profile-title-wrap)!important}
  .dbif-stats{gap:24px}.dbif-feed .dbif-stats b{font-size:18px!important}.dbif-feed .dbif-stats em{font-size:13px!important}
  .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}
  .dbif-arrow{width:31px;height:31px}
}
@media(max-width:640px){
  .dbif-layout-grid .dbif-track{grid-template-columns:repeat(var(--dbif-cols-mobile),minmax(0,1fr))}
  .dbif-layout-carousel .dbif-item{flex-basis:var(--dbif-item-basis-mobile);width:var(--dbif-item-basis-mobile)}
}
@media(max-width:430px){
  .dbif-feed{--dbif-profile-title-size:18px}
  .dbif-header{padding:16px 12px}
  .dbif-avatar{width:58px;height:58px;flex-basis:58px}
  .dbif-feed .dbif-profile .dbif-profile-title{font-size:var(--dbif-profile-title-size)!important}
  .dbif-stats{gap:20px}
}
/* Desktop only: reserve a real gutter on both sides of the media strip and
   place the carousel controls in that gutter. JavaScript refines the fallback
   offsets below so each control is centred exactly when the shell reaches its
   1408px maximum width. Tablet and mobile retain the approved in-tile arrows. */
@media(min-width:1025px){
  .dbif-style-brand .dbif-shell,.dbif-style-ccrs_contact .dbif-shell{
    max-width:min(1408px,calc(100% - 88px))
  }
  .dbif-style-brand .dbif-stage,.dbif-style-ccrs_contact .dbif-stage{overflow:visible}
  .dbif-style-brand .dbif-arrow,.dbif-style-ccrs_contact .dbif-arrow{
    width:36px;
    height:36px;
    border:2px solid rgba(255,255,255,.84)!important;
    background:linear-gradient(135deg,var(--dbif-accent) 0%,var(--dbif-accent-end) 100%)!important;
    color:#fff!important;
    box-shadow:0 3px 12px rgba(0,0,0,.42),0 0 0 1px rgba(0,0,0,.12)!important;
    opacity:1;
  }
  .dbif-style-brand .dbif-arrow:hover,.dbif-style-brand .dbif-arrow:focus-visible,
  .dbif-style-ccrs_contact .dbif-arrow:hover,.dbif-style-ccrs_contact .dbif-arrow:focus-visible{
    background:linear-gradient(135deg,var(--dbif-accent-end) 0%,var(--dbif-accent) 100%)!important;
    color:#fff!important;
    box-shadow:0 4px 16px rgba(0,0,0,.52),0 0 0 2px rgba(255,255,255,.22)!important;
  }
  .dbif-style-brand .dbif-arrow:disabled,.dbif-style-ccrs_contact .dbif-arrow:disabled{opacity:.52}
  .dbif-style-brand .dbif-arrow svg,.dbif-style-ccrs_contact .dbif-arrow svg{width:14px;height:14px}
  .dbif-style-brand .dbif-prev,.dbif-style-ccrs_contact .dbif-prev{left:-40px}
  .dbif-style-brand .dbif-next,.dbif-style-ccrs_contact .dbif-next{right:-40px}
}
/* 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{
  --dbif-accent:#09EA9F;
  --dbif-accent-end:#15A0F5;
  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,var(--dbif-accent) 0%,var(--dbif-accent-end) 100%)!important;
  background-size:200% 100%!important;
  background-position:0% 50%!important;
  color:#fff!important;
  box-shadow:0 8px 28px rgba(0,0,0,.24),0 6px 20px rgba(255,255,255,.12)!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(0,0,0,.30),0 8px 26px rgba(255,255,255,.16)!important;
  color:#fff!important;
}
.dbif-lightbox-instagram:active{
  transform:translateY(2px) scale(.985)!important;
  filter:brightness(.94)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.28)!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}