{"version":3,"file":"testimonial/testimonial.css","sources":["testimonial/testimonial.scss","../global/_global.scss","../global/_variables.scss","../global/_breakpoints.scss","../global/_mixins.scss"],"sourcesContent":["@import './global/global';\n\n.cu-testimonial {\n  padding: var(--cu-vr0) var(--cu-vr0);\n  display: flex;\n  flex-direction: column;\n  gap: var(--cu-vr1);\n\n  &--with-media {\n    @include breakpoint(md) {\n      display: grid;\n      grid-template-columns: 1fr 1fr 1fr 50%;\n      padding: 0;\n      gap: var(--cu-vr3);\n    }\n  }\n\n  &[class*=\"cu-colorscheme--\"] {\n    padding: var(--cu-vr1) var(--cu-ps1);\n\n    @include breakpoint(md) {\n      padding: var(--cu-vr2) var(--cu-ps2);\n    }\n\n    @include breakpoint(md) {\n      padding: var(--cu-vr3) var(--cu-ps3);\n    }\n  }\n}\n\n.cu-testimonial__content {\n  align-self: center;\n  order: 2;\n  position: relative;\n  text-align: center;\n  max-width: 45rem;\n\n  .cu-testimonial--with-media & {\n    text-align: left;\n    padding-top: var(--cu-vr2);\n\n    @include breakpoint(md) {\n      grid-column: 4;\n    }\n\n    &::before {\n      content: '';\n      display: block;\n      width: 100px;\n      height: 8px;\n      background: var(--cu-colorscheme-accent);\n      position: absolute;\n      top: 0;\n    }\n  }\n}\n\n.cu-testimonial__quote {\n  --cu-font-size: var(--cu-ms4);\n  --cu-font-weight: 600;\n  --cu-line-height: 1.3;\n  --cu-font-family: \"freight-text-pro\", serif;\n  margin-bottom: var(--cu-vr1);\n}\n\n.cu-testimonial__attribution {\n  --cu-font-size: var(--cu-ms-4);\n  --cu-font-weight: 700;\n  opacity: .75;\n  letter-spacing: 0.1em;\n  line-height: 1.3;\n  text-transform: uppercase;\n}\n\n.cu-testimonial__media {\n  order: 1;\n  grid-column: 1 / 4;\n}\n\n\n\n\n","@import 'variables';\n@import 'breakpoints';\n@import 'mixins';\n","// Variables\n\n// Colors\n$black: #222; // ILR Brand black\n$white: #fff;\n$cornell-red: #b31b1b;\n$gray-light: #efefef;\n$gray-medium: #757575;\n$gray-medium-new: #6c6c6c;\n$gray-dark: #464646;\n\n// Color usage\n$color-text: $black;\n$color-light: $white;\n$color-brand: $cornell-red;\n$color-bg-body: $white;\n$color-alert: $cornell-red;\n$color-border: #ccc;\n$color-bg-card--default: transparent;\n$color-bg-card--light: $white;\n$color-bg-card--medium: $gray-light;\n$color-bg-card--dark: $gray-dark;\n$color-bg--dark: #222;\n$color-bg--lightest: #F5F5F5;\n$color-text--light: $white;\n$color-text--medium: $gray-medium;\n\n// Color status indictors\n$color-info: #5bc0de !default;\n$color-info--dark: darken($color-info, 30%) !default;\n$color-info--light: lighten($color-info, 30%) !default;\n$color-status: #5cb85c !default;\n$color-status--dark: darken($color-status, 20%) !default;\n$color-status--light: lighten($color-status, 38%) !default;\n$color-warning: #ffc107 !default;\n$color-warning--dark: darken($color-warning, 20%) !default;\n$color-warning--light: lighten($color-warning, 40%) !default;\n$color-error: #d9534f !default;\n$color-error--dark: darken($color-error, 20%) !default;\n$color-error--light: lighten($color-error, 33%) !default;\n\n// Fonts and typography\n$base-font-size-percentage: 100% !default;\n$base-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n$base-font-size: 1rem !default;\n$base-font-weight: 300 !default;\n$base-line-height: 1.5 !default;\n$reduced-line-height: 1.2 !default;\n$base-heading-line-height: 1.2 !default;\n$base-heading-font-family: $base-font-family !default;\n$base-heading-font-weight: 300 !default;\n$ps-base: 1em !default;\n$vr-base: $base-font-size !default;\n\n$dt-font-weight: 700;\n$font-weight-bolder: 800;\n\n// Spacing\n$headings-margin-bottom: 0.5rem;\n$paragraph-margin-bottom: 1rem;\n$max-width-section: 1060px;\n\n// Links\n$color-link: $cornell-red;\n$link-decoration: none;\n$color-link-hover: lighten($cornell-red, 0.1);\n$link-hover-decoration: underline;\n\n// Tables\n$table-cell-padding: 0.75rem;\n$color-table-caption: $black;\n$label-margin-bottom: 0.5rem;\n","$breakpoints: (xs: 30rem, // ~480px\n  sm: 37.5rem, // ~600px\n  md: 61rem, // ~976px\n  lg: 80rem, // ~1280px\n  xl: 90rem // ~1440px\n);\n\n@mixin breakpoint($breakpoint, $logic: false) {\n  @if($logic) {\n    @media #{$logic} and (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {\n      @content;\n    }\n  }\n\n  @else {\n    @media (min-width: map-get($map: $breakpoints, $key: $breakpoint)) {\n      @content;\n    }\n  }\n}\n","// Global mixins - distinct from component mixins\n\n//*----------------------------------*\\\n//  #TOOLS - VISUALLY HIDDEN\n//\\*----------------------------------*/\n\n/// Visually hidden - Make an element visually hidden, but accessible to screen readers, etc.\n/// @author John Albin\n/// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility\n/// @link https://github.com/JohnAlbin/zen-style-guide/blob/gh-pages/sass/init/visually-hidden/_visually-hidden.scss\n/// @group Tools\n/// @example scss - basic usage\n///   .centered {\n///     @include visually-hidden();\n///   }\n/// @output Output from the example\n///   .centered {\n///     position: absolute !important;\n///     height: 1px;\n///     width: 1px;\n///     overflow: hidden;\n///     clip: rect(1px, 1px, 1px, 1px);\n///     word-wrap: normal;\n///   }\n\n@mixin visually-hidden {\n  position: absolute !important;\n  height: 1px;\n  width: 1px;\n  overflow: hidden;\n  clip: rect(1px, 1px, 1px, 1px);\n  word-wrap: normal;\n}\n\n@mixin overlay($color: #000, $opacity: 0.5, $z-index: 2, $gradient: null) {\n  position: relative;\n  pointer-events: none;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba($color, $opacity);\n    background: rgba($color, var(--cu-overlay-opacity, #{$opacity}));\n    z-index: $z-index;\n\n    // Initial boolean implementation for portrait gradients.\n    // The gradient implementation will be extended to include variations here.\n    @if $gradient {\n      background: transparent;\n      background-image: linear-gradient(to bottom, transparent 25%, rgba($color, $opacity) 100%);\n\n      @include breakpoint(md) {\n        background-image: linear-gradient(to bottom, transparent 50%, rgba($color, $opacity) 100%);\n      }\n    }\n  }\n}\n"],"names":[],"mappings":"AAEA,AAAA,eAAe,CAAC;EACd,OAAO,EAAE,aAAa,CAAC,aAAa;EACpC,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,GAAG,EAAE,aAAa,GAsBnB;EGbG,MAAM,EAAE,SAAS,EAAE,KAAK;IHPzB,AAAD,2BAAa,CAAC;MAEV,OAAO,EAAE,IAAI;MACb,qBAAqB,EAAE,eAAe;MACtC,OAAO,EAAE,CAAC;MACV,GAAG,EAAE,aAAa,GAErB;EAbH,AAeE,eAfa,CAeZ,AAAA,KAAC,EAAO,kBAAkB,AAAzB,EAA2B;IAC3B,OAAO,EAAE,aAAa,CAAC,aAAa,GASrC;IGZC,MAAM,EAAE,SAAS,EAAE,KAAK;MHb5B,AAeE,eAfa,CAeZ,AAAA,KAAC,EAAO,kBAAkB,AAAzB,EAA2B;QAIzB,OAAO,EAAE,aAAa,CAAC,aAAa,GAMvC;IGZC,MAAM,EAAE,SAAS,EAAE,KAAK;MHb5B,AAeE,eAfa,CAeZ,AAAA,KAAC,EAAO,kBAAkB,AAAzB,EAA2B;QAQzB,OAAO,EAAE,aAAa,CAAC,aAAa,GAEvC;;AAGH,AAAA,wBAAwB,CAAC;EACvB,UAAU,EAAE,MAAM;EAClB,KAAK,EAAE,CAAC;EACR,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,KAAK,GAoBjB;EAlBC,AAAA,2BAA2B,CAP7B,wBAAwB,CAOQ;IAC5B,UAAU,EAAE,IAAI;IAChB,WAAW,EAAE,aAAa,GAe3B;IGvCC,MAAM,EAAE,SAAS,EAAE,KAAK;MHsB1B,AAAA,2BAA2B,CAP7B,wBAAwB,CAOQ;QAK1B,WAAW,EAAE,CAAC,GAYjB;IAjBD,AAQE,2BARyB,CAP7B,wBAAwB,AAenB,QAAQ,CAAC;MACR,OAAO,EAAE,EAAE;MACX,OAAO,EAAE,KAAK;MACd,KAAK,EAAE,KAAK;MACZ,MAAM,EAAE,GAAG;MACX,UAAU,EAAE,4BAA4B;MACxC,QAAQ,EAAE,QAAQ;MAClB,GAAG,EAAE,CAAC,GACP;;AAIL,AAAA,sBAAsB,CAAC;EACrB,cAAc,CAAA,cAAC;EACf,gBAAgB,CAAA,IAAC;EACjB,gBAAgB,CAAA,IAAC;EACjB,gBAAgB,CAAA,0BAAC;EACjB,aAAa,EAAE,aAAa,GAC7B;;AAED,AAAA,4BAA4B,CAAC;EAC3B,cAAc,CAAA,eAAC;EACf,gBAAgB,CAAA,IAAC;EACjB,OAAO,EAAE,GAAG;EACZ,cAAc,EAAE,KAAK;EACrB,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,SAAS,GAC1B;;AAED,AAAA,sBAAsB,CAAC;EACrB,KAAK,EAAE,CAAC;EACR,WAAW,EAAE,KAAK,GACnB"}