/****************************************************
*					WEBSITE FONTS					*
****************************************************/
/****************************************************
*					BASE COLORS						*
****************************************************/
/* Overrides for specific websites
$h1-title-color             : $black;
$h2-title-color             : $black;
$h3-title-color             : $black;
$h4-title-color             : $black;
$eyebrow-color              : $primary-300;
 */
/****************************************************
*					ALERT COLORS					*
****************************************************/
/* Reference for this calculation on https://css-tricks.com/programming-sass-to-create-accessible-color-combinations/ */
/*------------------- Grid resolutions -------------------*/
/*------------------- Sizes mixins -------------------*/
/*-------------------------------------Margins-------------------------------------*/
/* Buttons - elements/_buttons.scss */
/* Cards - elements/d3-card.scss */
/* Images on content sections - elements/d3-content-section.scss */
/* Images on media detail - elements/_d3-media-detail.scss */
/* Images on Testimonials - components/d3-testimonial.scss */
/* Images on Image Text - components/d3-image-text.scss */
/* Form inputs - elements/_forms.scss */
/* Form inputs - elements/_forms.scss */
/* Tables - elements/d3-table.scss, elements/_cookie-warning.scss */
/* Popups - elements/_cookie-warning.scss */
/* Accordions - elements/d3-accordion.scss */
/* Videoplayer - elements/d3-video-player.scss, elements/_d3-webinar-detail.scss */
/* Podcast player - elements/d3-podcast.scss */
/* Feature block - elements/d3-feature-block.scss */
/* Define a single size for all image-related border-radii */
/* Define a single size for all border-radii */
/********* REUSABLE TEXT STYLES ************/
/*------------------- Mixins  -------------------*/
/*------------------- Functions  -------------------*/
/*-------------------------------------Others-------------------------------------*/
/* ---------- Color and fonts replace ---------- */
/*
DEFAULT VALUES:

$titleFont: Figtree;
$bodyFont: Inter;

$primary-100                : #004199;
$primary-200                : #0056cc;
$primary-300                : #006cff;
$primary-400                : #3389ff;
$primary-500                : #66a7ff;
$primary-600                : #e5f0ff;

$secondary-100              : #061832;
$secondary-200              : #0a3061;
$secondary-300              : #053876;
$secondary-400              : #1770cf;
$secondary-500              : #b6d2f1;
$secondary-600              : #e7edf9;

$tertiary-100               : #9c8c83;
$tertiary-200               : #dcc7ba;
$tertiary-300               : #f4eae4;
$tertiary-400               : #f6f0ed;
$tertiary-500               : #fbf4f0;
$tertiary-600               : #fbf7f5;

$utility-black              : #020304;
$utility-white              : #fdfdff;
$white                      : $utility-white;
$black                      : #181819;
$page-bg-color              : $white;
$corp-blue                  : #003383;
$form-background            : #fafbfd;
$mobile-nav-bg              : $white;
$mobile-nav-open-bg         : $white;
$megamenu-bg                : $primary-200;
$megamenu-featured-bg       : $primary-100;

$link-color                 : $primary-300;
$nav-accent-color           : $primary-300;
$footer-bg-color            : $primary-300;
$footer-disclaimer-bg-color : $white;
$utility-footer-bg-color    : $primary-200;
*/
/* General variables */
:root {
  --grey-100: #5e5e5e;
  --primary-100: #004199;
  --secondary-100: #00545d;
  --tertiary-100: #9c8c83;
  --grey-200: #919191;
  --primary-200: #0056cc;
  --secondary-200: #006b76;
  --tertiary-200: #dcc7ba;
  --grey-300: #ababab;
  --primary-300: #006cff;
  --secondary-300: #00838f;
  --tertiary-300: #f4eae4;
  --grey-400: #c4c4c4;
  --primary-400: #3389ff;
  --secondary-400: #0099a9;
  --tertiary-400: #f6f0ed;
  --grey-500: #dedede;
  --primary-500: #66a7ff;
  --secondary-500: #00c7dc;
  --tertiary-500: #fbf4f0;
  --grey-600: #f7f7f7;
  --primary-600: #e5f0ff;
  --secondary-600: #dcfcff;
  --tertiary-600: #fbf7f5;
  --d3-black: #181819;
  --grifols-blue: #003383;
  --d3-font-body: Inter;
  --d3-font-title: Figtree;
  --d3-page-bg: #fdfdff;
  --d3-radius-lg: 24px;
  --d3-radius-md: 16px;
  --d3-radius-none: 0px;
  --d3-radius-pill: 80px;
  --d3-radius-sm: 8px;
  --d3-radius-xl: 32px;
  --d3-radius-xs: 4px;
  --d3-utility-black: #020304;
  --d3-utility-white: #fdfdff;
  --d3-white: #fdfdff; }

body #wrapper .d3-card-grid-info {
  padding-bottom: 56px;
  padding-top: 56px; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-card-grid-info {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-card-grid-info {
      padding-top: 80px; } }
  body #wrapper .d3-card-grid-info.last-content {
    margin-bottom: 40px; }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-card-grid-info.last-content {
        margin-bottom: 56px; } }
  body #wrapper .d3-card-grid-info .info-card {
    border: none;
    height: 100%;
    position: relative; }
    body #wrapper .d3-card-grid-info .info-card .card-image {
      border-radius: 8px; }
    body #wrapper .d3-card-grid-info .info-card .card-content {
      flex-direction: column;
      padding: 24px; }
      body #wrapper .d3-card-grid-info .info-card .card-content .inset-image {
        margin-bottom: 24px;
        border-radius: 8px;
        max-height: 144px; }
        @media only screen and (min-width: 1008px) {
          body #wrapper .d3-card-grid-info .info-card .card-content .inset-image {
            margin-bottom: 32px; } }
      @media only screen and (min-width: 600px) {
        body #wrapper .d3-card-grid-info .info-card .card-content .button-row {
          bottom: 0;
          left: 0;
          padding: 24px;
          position: absolute; }
          body #wrapper .d3-card-grid-info .info-card .card-content .button-row:not(:first-child) {
            padding-top: 32px; }
            body #wrapper .d3-card-grid-info .info-card .card-content .button-row:not(:first-child).has-not-btn {
              padding-top: 24px; } }
      body #wrapper .d3-card-grid-info .info-card .card-content .button-row-placeholder {
        height: 0;
        overflow: hidden; }
        @media only screen and (min-width: 600px) {
          body #wrapper .d3-card-grid-info .info-card .card-content .button-row-placeholder {
            height: auto;
            visibility: hidden; } }
      body #wrapper .d3-card-grid-info .info-card .card-content .button-row .btn, body #wrapper .d3-card-grid-info .info-card .card-content .button-row-placeholder .btn {
        margin-bottom: 0;
        width: 100%; }
  body #wrapper .d3-card-grid-info .d3-card {
    box-shadow: none; }

body #wrapper .portlet-boundary:not([class*=-bg]) .d3-card-grid-info .d3-card {
  -moz-box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08);
  -webkit-box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08);
  box-shadow: 0 4px 16px 0 rgba(2, 3, 4, 0.08); }

/*# sourceMappingURL=d3-card-grid-info.css.map */