@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
.media--view-mode-asset .field--name-field-media-file .file-download-size:after, .media--view-mode-asset .media__menu-toggle:before, .media--view-mode-asset .media__menu-toggle:after, .media--view-mode-asset .media__menu-list a: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-asset .media__thumbnail img { height: auto; width: 100%; }

.media--view-mode-asset .media__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0.5em 0; position: relative; }

.media--view-mode-asset .media__title { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0; margin: 0.25em 0 0.5em; padding: 0; color: #232C64; font-size: 1.5em; font-weight: 500; line-height: 1.333; margin: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (max-width: 35.49em) { .media--view-mode-asset .media__title { font-size: 1.125em; } }

.media--view-mode-asset .field--name-created { font-size: 0.875rem; }

.media--view-mode-asset .field--name-field-media-file a { color: #00686D; font-weight: bold; }

.media--view-mode-asset .field--name-field-media-file a[type*='/png;']:after { content: ' .PNG'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/gif;']:after { content: ' .GIF'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/jpg;']:after { content: ' .JPG'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/jpg;']:after { content: ' .JPEG'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/mp4;']:after { content: ' .MP4'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/mov;']:after { content: ' .MOV'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/avi;']:after { content: ' .AVI'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/txt;']:after { content: ' .TXT'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/rtf;']:after { content: ' .RTF'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/doc;']:after { content: ' .DOC'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/docx;']:after { content: ' .DOCX'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/ppt;']:after { content: ' .PPT'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/pptx;']:after { content: ' .PPTX'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/xls;']:after { content: ' .XLS'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/xlsx;']:after { content: ' .XLSX'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/pdf;']:after { content: ' .PDF'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/odf;']:after { content: ' .ODF'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/odg;']:after { content: ' .ODG'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/odp;']:after { content: ' .ODP'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/ods;']:after { content: ' .ODS'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/odt;']:after { content: ' .ODT'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/fodt;']:after { content: ' .FODT'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/fods;']:after { content: ' .FODS'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/fodp;']:after { content: ' .FODP'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/fodg;']:after { content: ' .FODG'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/key;']:after { content: ' .KEY'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/numbers;']:after { content: ' .NUMBERS'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/pages;']:after { content: ' .PAGES'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/postscript;']:after { content: ' .AI'; }

.media--view-mode-asset .field--name-field-media-file a[type*='/eps;']:after { content: ' .EPS'; }

.media--view-mode-asset .field--name-field-media-file .file-download-size { background: transparent; border: 0 none; border-radius: 0; color: inherit; cursor: pointer; font-style: normal; font-weight: inherit; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: normal; margin: 0; text-decoration: none; text-transform: none; -webkit-transition: inherit; transition: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; color: #00686D; font-weight: bold; }

.media--view-mode-asset .field--name-field-media-file .file-download-size:hover, .media--view-mode-asset .field--name-field-media-file .file-download-size:active, .media--view-mode-asset .field--name-field-media-file .file-download-size:focus { background: transparent; color: inherit; font-style: normal; text-decoration: none; }

.media--view-mode-asset .field--name-field-media-file .file-download-size:after { content: ""; }

.media--view-mode-asset .field--name-field-media-file .file-download-size::after { padding: 0.5rem; position: relative; font-weight: 900; top: 0.1rem; }

.media--view-mode-asset .field--name-field-media-file .file-download-size:hover { color: #00686D; cursor: default; }

.media--view-mode-asset .field--type-text-long p { margin: 0; }

.media--view-mode-asset .media__menu-toggle { background: transparent; border: 0 none; border-radius: 0; color: inherit; cursor: pointer; font-style: normal; font-weight: inherit; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: normal; margin: 0; text-decoration: none; text-transform: none; -webkit-transition: inherit; transition: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: normal; outline-offset: -4px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.media--view-mode-asset .media__menu-toggle:hover, .media--view-mode-asset .media__menu-toggle:active, .media--view-mode-asset .media__menu-toggle:focus { background: transparent; color: inherit; font-style: normal; text-decoration: none; }

.media--view-mode-asset .media__menu-toggle:before { content: ""; }

.media--view-mode-asset .media__menu-toggle:after { content: ""; }

.media--view-mode-asset .media__menu-toggle::before { vertical-align: bottom; }

.media--view-mode-asset .media__menu-toggle::after { font-size: 0.875rem; left: 15.5rem; margin-left: -0.855rem; outline: inherit; position: absolute; top: 0.5rem; z-index: 2; }

.media--view-mode-asset .media__menu-toggle span { bottom: 0; display: none; left: 0; position: absolute; right: 0; text-align: left; text-indent: -999999em; top: 0; z-index: 0; }

.media--view-mode-asset .media__menu-toggle[aria-expanded='false'] .media__menu-toggle-false, .media--view-mode-asset .media__menu-toggle[aria-expanded='true'] .media__menu-toggle-true { display: block; }

.media--view-mode-asset .media__menu-toggle[aria-expanded='false'] ~ .media__menu { display: none; }

.media--view-mode-asset .media__menu-toggle[aria-expanded='false']::after { display: none; }

.media--view-mode-asset .media__menu { background: #FFFFFF; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1em; box-shadow: rgba(0, 0, 0, 0.5) 0 0 1em; display: block; left: 0; padding: 1.5rem 2rem; position: absolute; top: 0; width: 16rem; z-index: 1; }

.media--view-mode-asset .media__menu-list { list-style: none; margin: 0; padding: 0; }

.media--view-mode-asset .media__menu-list li { margin-top: 0.75rem; }

.media--view-mode-asset .media__menu-list li:first-child { margin-top: 0; }

.media--view-mode-asset .media__menu-list a:after { content: ""; }

.media--view-mode-asset .media__menu-list a::after { margin-left: 0.5em; vertical-align: bottom; }

.media--view-mode-asset .media__menu-help { font-size: 0.75em; line-height: 1.4; margin-top: 1rem; }

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