.atom-figure { }
.atom-figure.regular { display: inline-block; }
.atom-figure.regular img { display: block; margin: 0; max-width: 100%; }
.atom-figure.regular figcaption { padding: 5px 10px; background: #f0f0f0; text-align: center; color: #444; font-family: var( --font-roboto ); font-weight: 400; font-size: 14px; line-height: 1.45; }
.atom-figure.caption-reverse figcaption { background: #444; color: #f0f0f0; }

.atom-figure.block { display: block; width: 100%; height: auto; }
.atom-figure.block img { display: block; margin: 0; max-width: 100%; }

.atom-figure.portrait-round { height: 100px; width: 100px; border-radius: 50%; overflow: hidden; }
.atom-figure.portrait-round.mini { height: 40px; width: 40px; }
.atom-figure.portrait-round img { display: block; margin: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.atom-figure.rounded img { border-radius: 50%; overflow: hidden; margin-bottom: 10px; }
.atom-figure.rounded figcaption { background: transparent; }

.atom-figure.is-empty { background: var( --color-almost-white ); overflow: hidden; position: relative; }
.atom-figure.is-empty.dark-holder { background: var( --color-medium-gray ); }
.atom-figure.is-empty:before { display: block; height: 90%; width: 90%; background: url('../../../assets/images/logos/bird.png') center center no-repeat; 
    background-size: 100%; position: absolute; top: 10%; left: -10%; content: ""; opacity: .3; filter: grayscale(1); }
.atom-figure.is-empty.empty-interview { background: var( --color-pure-white ); }
.atom-figure.is-empty.empty-interview:before { filter: grayscale(0); opacity: 1; top: 5px; left: 5px; height: 30px; width: 30px; }

.atom-figure.invert img { filter: invert(1); } 
.atom-figure.blur img { filter: blur(5px); } 

.atom-figure.round-corners { border-radius: 6px; overflow: hidden; }

.atom-figure.vertical-fixed { display: block; height: 100%; }
.atom-figure.vertical-fixed img { display: block; margin: 0; width: auto; height: 100%; }

/* BACKGROUND MODIFIERS */
.atom-figure.contain-background,
.atom-figure.cover-background { display: block; overflow: hidden; width: 100%; height: 100%; }
.atom-figure.contain-background img,
.atom-figure.cover-background img { display: block; margin: 0 auto; width: 100%; height: 100%; }
.atom-figure.contain-background img { object-fit: contain; }
.atom-figure.cover-background img { object-fit: cover; }

.atom-figure.contain-background.bg-top.bg-left img,
.atom-figure.cover-background.bg-top.bg-left img { object-position: left top; }
.atom-figure.contain-background.bg-top.bg-hmid img,
.atom-figure.cover-background.bg-top.bg-hmid img { object-position: center top; }
.atom-figure.contain-background.bg-top.bg-right img,
.atom-figure.cover-background.bg-top.bg-right img { object-position: right top; }
.atom-figure.contain-background.bg-middle.bg-left img,
.atom-figure.cover-background.bg-middle.bg-left img { object-position: left center; }
.atom-figure.contain-background.bg-middle.bg-hmid img,
.atom-figure.cover-background.bg-middle.bg-hmid img { object-position: center center; }
.atom-figure.contain-background.bg-middle.bg-right img,
.atom-figure.cover-background.bg-middle.bg-right img { object-position: right center; }
.atom-figure.contain-background.bg-bottom.bg-left img,
.atom-figure.cover-background.bg-bottom.bg-left img { object-position: left bottom; }
.atom-figure.contain-background.bg-bottom.bg-hmid img,
.atom-figure.cover-background.bg-bottom.bg-hmid img { object-position: center bottom; }
.atom-figure.contain-background.bg-bottom.bg-right img,
.atom-figure.cover-background.bg-bottom.bg-right img { object-position: right bottom; }



/* SIDE LANE IMAGE */
.atom-figure.side-lane-image { width: 100%; height: auto; display: block; opacity: .95; }
.atom-figure.side-lane-image img { display: block; margin: 0; width: 100%; height: 100%; object-fit: contain; }


/* KENBURNS */

@keyframes kenburns {
  0% { transform-origin: bottom left; transform: scale(1.0); }
  49% { transform: scale(1.1); }
  50% { transform-origin: bottom right; transform: scale(1.1); }
  100% { transform: scale(1.0); }
}




.atom-figure.kenburns img { animation-duration: 45s; animation-name: kenburns; animation-iteration-count: infinite; animation-timing-function: ease; }


@media only screen and ( min-width: 48em ) {

    /* SIDE LANE IMAGE */
    .atom-figure.side-lane-image { background: crimson; width: 0%; height: 0%; display: block; opacity: .95; }
    .atom-figure.side-lane-image img { display: block; margin: 0; width: 100%; height: 100%; object-fit: contain; }

}

/*
    
            case 'vport_top' : $response = 'bg-top'; break;
            case 'vport_bottom' : $response = 'bg-bottom'; break;
            case 'vport_mid' : $response = 'bg-middle'; break;
    
.atom-figure.side-lane-image { background: crimson; width: 100%; height: auto; display: block; opacity: .95; }
.atom-figure.side-lane-image img { display: block; margin: 0; max-width: 100%; }

@media only screen and ( min-width: 48em ) {
    
/* SIDE LANE IMAGE 
/* SIDE LANE IMAGE 

.atom-figure.side-lane-image { background: crimson; width: 100%; height: auto; display: block; opacity: .95; }
.atom-figure.side-lane-image img { display: block; margin: 0; width: 100%; width: 100%; height: 100%; object-fit: contain; }
    
}


/*
.atom-figure.js-atom-figure-forced-height img { opacity: 0; }
.atom-figure.js-atom-figure-forced-height.done img { opacity: 1; }

/*
.atom-figure.full { display: block; overflow: hidden; width: 100%; height: auto; }
.atom-figure.full img { display: block; margin: 0 auto; width: 100%; height: auto; }

.atom-figure.heroback { display: block; width: 100%; height: 100%; }
.atom-figure.heroback img { display: block; margin: 0; width: auto; height: 100%; }


/*

*/