@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
/** 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 */
.node--view-mode-5050 { background: #EEEEEE; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; }

.node--view-mode-5050 .node__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1.333333333333333333333333em; font-weight: 500; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.node--view-mode-5050 .node__title > a { text-decoration: none; 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; font-size: 1.5em; font-weight: 500; line-height: 1.333; margin-bottom: 0.75em; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

.node--view-mode-5050 .node__title > a:hover { text-decoration: underline; }

@media (max-width: 35.49em) { .node--view-mode-5050 .node__title > a { font-size: 1.125em; } }

.node--view-mode-5050 .node__title .node__eyebrow { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0.0225em; line-height: 1.5; margin: 0.25em 0 0.5em; padding: 0; text-transform: uppercase; color: #3D3F4D; font-size: 0.75em; font-weight: 500; letter-spacing: 0.05em; margin-bottom: 1.5rem; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

.node--view-mode-5050 .node__title .node__eyebrow a { color: #3D3F4D; }

.node--view-mode-5050 .node__title a.node__eyebrow { text-decoration: none; }

.node--view-mode-5050 .node__title a.node__eyebrow:hover { text-decoration: underline; }

.node--view-mode-5050 .node__footer { margin-top: 2rem; }

.node--view-mode-5050 .node__footer:empty { display: none; }

.node--view-mode-5050 .node__published { font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 400; letter-spacing: 0.0225em; line-height: 1.5; margin: 0.25em 0 0.5em; padding: 0; text-transform: uppercase; display: inline-block; font-size: 0.875em; font-weight: 500; }

.node--view-mode-5050 .node__media { position: relative; }

.node--view-mode-5050 .node__media .media { height: 100%; }

.node--view-mode-5050 .node__media .node__media-link { top: 0; right: 0; bottom: 0; left: 0; position: absolute; color: transparent; font-size: 0; line-height: 0; text-indent: -999999em; }

.node--view-mode-5050 .node__media.node__media--no-media::before { background-color: #595E80; content: ''; display: block; height: 100%; padding-bottom: 100%; width: 100%; }

@media (max-width: 35.49em) { .node--view-mode-5050 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .node--view-mode-5050 .node__inner { padding: 2rem; } }

@media (min-width: 35.5em) { .node--view-mode-5050 { -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; }
  .node--view-mode-5050 .node__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 60%; padding: 2rem 5%; width: 35rem; }
  .node--view-mode-5050 .node__title { margin-top: auto; }
  .node--view-mode-5050 .node__content { margin-bottom: auto; }
  .node--view-mode-5050 .node__media { -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 32rem; width: 100%; }
  .node--view-mode-5050 .node__media img { display: block; height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } }

@media not all and (hover: none) { .node--view-mode-5050 .node__media { overflow: hidden; }
  .node--view-mode-5050 .node__media img { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; }
  .node--view-mode-5050:hover .node__media img { -webkit-transform: scale(1.05); transform: scale(1.05); } }

/*# sourceMappingURL=../../maps/libraries/node/5050.css.map */