@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
.ui-dialog.media-image-modal .image__download:before { font-family: "themeIcons"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
/** Component */
.media--view-mode-full iframe, .media--view-mode-full img { width: 100%; }

.media--view-mode-full .image__controls { display: none; }

.ui-dialog.media-image-modal .ui-dialog-content { -webkit-box-sizing: content-box; box-sizing: content-box; height: auto !important; max-height: calc(98vh - 4rem) !important; padding: 0; width: calc(98vw - 2rem) !important; }

.ui-dialog.media-image-modal .media--view-mode-full { -ms-flex-line-pack: center; align-content: center; display: grid; grid-template-rows: 1fr -webkit-min-content; grid-template-rows: 1fr min-content; max-height: calc(98vh - 4rem) !important; position: relative; width: 100%; }

.ui-dialog.media-image-modal .media__embed { height: auto; max-height: 100%; overflow: hidden; }

.ui-dialog.media-image-modal .media__embed .video-embed-field-responsive-video { max-height: 100%; }

.ui-dialog.media-image-modal .media__embed iframe { width: 100%; }

.ui-dialog.media-image-modal .media__embed img { display: block; height: 100%; margin: auto auto 0; -o-object-fit: contain; object-fit: contain; width: 100%; }

.ui-dialog.media-image-modal figcaption { max-width: 60rem; width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.ui-dialog.media-image-modal .image__controls { display: block; height: 2rem; position: absolute; right: 2rem; top: -2rem; }

@media (max-width: 35.49em) { .ui-dialog.media-image-modal .image__controls { display: none; } }

.ui-dialog.media-image-modal .image__download { display: none; height: 2rem; position: relative; text-indent: -99999em; width: 2rem; }

.ui-dialog.media-image-modal .image__download:before { content: ""; }

.ui-dialog.media-image-modal .image__download:before { bottom: 0; font-size: 1.5rem; left: 0; line-height: 1.3; position: absolute; right: 0; text-align: center; text-indent: 0; top: 0; }

/*# sourceMappingURL=../../maps/libraries/media/full.css.map */