@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
.media--view-mode-grid .image__controls .image__expand:after, .media--view-mode-grid-2-column .image__controls .image__expand:after, .media--view-mode-grid-portrait .image__controls .image__expand:after, .media--view-mode-masonry .image__controls .image__expand:after, .media--view-mode-grid .image__controls .image__download:after, .media--view-mode-grid-2-column .image__controls .image__download:after, .media--view-mode-grid-portrait .image__controls .image__download:after, .media--view-mode-masonry .image__controls .image__download:after, .media--view-mode-grid .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:after { 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-grid .image__controls, .media--view-mode-grid-2-column .image__controls, .media--view-mode-grid-portrait .image__controls, .media--view-mode-masonry .image__controls { display: none; }

.media--view-mode-grid .media__wrapper, .media--view-mode-grid-2-column .media__wrapper, .media--view-mode-grid-portrait .media__wrapper, .media--view-mode-masonry .media__wrapper { position: relative; }

.media--view-mode-grid .media--image:after, .media--view-mode-grid-2-column .media--image:after, .media--view-mode-grid-portrait .media--image:after, .media--view-mode-masonry .media--image:after { top: 0; right: 0; bottom: 0; left: 0; position: absolute; content: ''; -webkit-transition: all 300ms ease; transition: all 300ms ease; }

.media--view-mode-grid img, .media--view-mode-grid-2-column img, .media--view-mode-grid-portrait img, .media--view-mode-masonry img { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 100%; max-height: 100%; -o-object-fit: cover; object-fit: cover; }

.media--view-mode-grid .image__controls, .media--view-mode-grid-2-column .image__controls, .media--view-mode-grid-portrait .image__controls, .media--view-mode-masonry .image__controls { font-size: 0; }

.media--view-mode-grid .image__controls .image__expand, .media--view-mode-grid-2-column .image__controls .image__expand, .media--view-mode-grid-portrait .image__controls .image__expand, .media--view-mode-masonry .image__controls .image__expand { position: absolute; right: 1rem; top: 0.65rem; }

.media--view-mode-grid .image__controls .image__expand:after, .media--view-mode-grid-2-column .image__controls .image__expand:after, .media--view-mode-grid-portrait .image__controls .image__expand:after, .media--view-mode-masonry .image__controls .image__expand:after { content: ""; }

.media--view-mode-grid .image__controls .image__expand:after, .media--view-mode-grid-2-column .image__controls .image__expand:after, .media--view-mode-grid-portrait .image__controls .image__expand:after, .media--view-mode-masonry .image__controls .image__expand:after { color: #FFFFFF; font-size: 1rem; }

.media--view-mode-grid .image__controls .image__download, .media--view-mode-grid-2-column .image__controls .image__download, .media--view-mode-grid-portrait .image__controls .image__download, .media--view-mode-masonry .image__controls .image__download { bottom: 0.65rem; display: none; position: absolute; right: 1rem; }

.media--view-mode-grid .image__controls .image__download:after, .media--view-mode-grid-2-column .image__controls .image__download:after, .media--view-mode-grid-portrait .image__controls .image__download:after, .media--view-mode-masonry .image__controls .image__download:after { content: ""; }

.media--view-mode-grid .image__controls .image__download:after, .media--view-mode-grid-2-column .image__controls .image__download:after, .media--view-mode-grid-portrait .image__controls .image__download:after, .media--view-mode-masonry .image__controls .image__download:after { color: #FFFFFF; font-size: 1rem; }

.media--view-mode-grid .remote-video__controls, .media--view-mode-grid-2-column .remote-video__controls, .media--view-mode-grid-portrait .remote-video__controls, .media--view-mode-masonry .remote-video__controls { font-size: 0; }

.media--view-mode-grid .remote-video__controls .remote-video__expand, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand, .media--view-mode-masonry .remote-video__controls .remote-video__expand { border: 3px solid rgba(238, 238, 238, 0.9); border-radius: 100%; height: 4.875rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; width: 4.75rem; }

.media--view-mode-grid .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:after { content: ""; }

.media--view-mode-grid .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:after { color: rgba(238, 238, 238, 0.9); font-size: 2.4rem; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-42%, -50%); transform: translate(-42%, -50%); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }

.media--view-mode-grid .remote-video__controls .remote-video__expand:hover, .media--view-mode-grid .remote-video__controls .remote-video__expand:active, .media--view-mode-grid .remote-video__controls .remote-video__expand:focus, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:hover, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:active, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:focus, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:hover, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:active, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:focus, .media--view-mode-masonry .remote-video__controls .remote-video__expand:hover, .media--view-mode-masonry .remote-video__controls .remote-video__expand:active, .media--view-mode-masonry .remote-video__controls .remote-video__expand:focus { border: 3px solid #FFFFFF; }

.media--view-mode-grid .remote-video__controls .remote-video__expand:hover:after, .media--view-mode-grid .remote-video__controls .remote-video__expand:active:after, .media--view-mode-grid .remote-video__controls .remote-video__expand:focus:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:hover:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:active:after, .media--view-mode-grid-2-column .remote-video__controls .remote-video__expand:focus:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:hover:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:active:after, .media--view-mode-grid-portrait .remote-video__controls .remote-video__expand:focus:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:hover:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:active:after, .media--view-mode-masonry .remote-video__controls .remote-video__expand:focus:after { color: #FFFFFF; }

.media--view-mode-grid figcaption, .media--view-mode-grid-2-column figcaption, .media--view-mode-grid-portrait figcaption, .media--view-mode-masonry figcaption { margin-top: 0.5rem; max-width: 37.5rem; text-align: center; }

@media (min-width: 35.5em) { .media--view-mode-grid figcaption, .media--view-mode-grid-2-column figcaption, .media--view-mode-grid-portrait figcaption, .media--view-mode-masonry figcaption { margin-top: 1.25rem; } }

.media--view-mode-grid figcaption .field--name-field-caption-long, .media--view-mode-grid-2-column figcaption .field--name-field-caption-long, .media--view-mode-grid-portrait figcaption .field--name-field-caption-long, .media--view-mode-masonry figcaption .field--name-field-caption-long { font-size: 0.75em; }

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