html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.component-block-embed-card { position: relative; margin: 0 auto 2rem; max-width: 500px; padding: 0 1rem; width: 100%; }

@media only screen and (min-width: 768px) { .component-block-embed-card { margin: 0; max-width: 280px; width: 280px; } }

.component-block-embed-card.active:after { bottom: 0; content: ''; left: calc(50% - 35px); width: 0; height: 0; border-style: solid; border-width: 0 35px 37px; border-color: transparent transparent #1A1A1A; position: absolute; }

.component-block-embed-card.active .component-block-embed-card__container:after { opacity: 0; }

.component-block-embed-card .component-block-embed-card__container { position: relative; cursor: pointer; }

.component-block-embed-card .component-block-embed-card__container:after { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); transition: opacity .6s; }

.component-block-embed-card .component-block-embed-card__container:hover:after { opacity: 0; }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__image-wrapper { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.4); }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__image-wrapper .field--name-field-image img { font-family: 'object-fit: cover;'; height: 100%; object-fit: cover; width: 100%; }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__image-wrapper .field--name-field-image.compat-object-fit { background-size: cover; background-position: center center; }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__image-wrapper .field--name-field-image.compat-object-fit img { opacity: 0 !important; }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__content-overlay { left: 50%; max-width: 94%; padding: .75rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 3; }

.component-block-embed-card .component-block-embed-card__container .component-block-embed-card__content-overlay .field--name-field-formatted-title { font-family: 'TN-Regular', arial, sans-serif; font-style: normal; font-weight: normal; font-size: 55px; font-size: 3.4375rem; line-height: 1; position: relative; pointer-events: none; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6); z-index: 1; }

.component-block-embed-card .field--name-field-description { font-family: 'Freight-Sans', arial, sans-serif; font-weight: 500; margin: 1.5rem 0 0; text-align: center; }

.component-block-embed-card .field--name-field-block-embed-reference { margin-top: 2rem; position: relative; }

.component-block-embed-card .field--name-field-block-embed-reference .block.active:before { top: -37px; content: ''; left: calc(50% - 35px); width: 0; height: 0; border-style: solid; border-width: 0 35px 37px; border-color: transparent transparent #1A1A1A; position: absolute; }

.component-block-embed-card .field--name-field-block-embed-reference .block.active .component-block-embed-card__container:after { opacity: 0; }

/*# sourceMappingURL=../../maps/libraries/paragraph/block-embed-card.css.map */