/****************************************************
*					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 ---------- */
/* General variables */
:root {
  --grey-100: #5e5e5e;
  --primary-100: #6d0313;
  --secondary-100: #4c4d4f;
  --tertiary-100: #135b6d;
  --grey-200: #919191;
  --primary-200: #850418;
  --secondary-200: #515252;
  --tertiary-200: #166d83;
  --grey-300: #ababab;
  --primary-300: #9e051c;
  --secondary-300: #b2b3b6;
  --tertiary-300: #1a7f99;
  --grey-400: #c4c4c4;
  --primary-400: #b70620;
  --secondary-400: #ccced5;
  --tertiary-400: #209bb9;
  --grey-500: #dedede;
  --primary-500: #d31734;
  --secondary-500: #dde0e7;
  --tertiary-500: #25b5da;
  --grey-600: #f7f7f7;
  --primary-600: #fef3f4;
  --secondary-600: #eceff4;
  --tertiary-600: #eaf8fb;
  --d3-black: #181819;
  --grifols-blue: #003383;
  --d3-font-body: Inter;
  --d3-font-title: OpenSans;
  --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-accordion {
  padding-bottom: 56px;
  padding-top: 56px;
  width: 100%; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-accordion {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-accordion {
      padding-top: 80px; } }
  body #wrapper .d3-accordion-faq {
    padding-bottom: 56px;
    padding-top: 56px; }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-accordion-faq {
        padding-bottom: 80px; } }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-accordion-faq {
        padding-top: 80px; } }
    body #wrapper .d3-accordion-faq .container .container {
      width: 100%; }
    body #wrapper .d3-accordion-faq * + .d3-accordion-container {
      margin-top: 40px; }
      @media only screen and (min-width: 1008px) {
        body #wrapper .d3-accordion-faq * + .d3-accordion-container {
          margin-top: 56px; } }
    body #wrapper .d3-accordion-faq .d3-accordion {
      padding: 0; }
    body #wrapper .d3-accordion-faq * + .d3-accordion {
      margin-top: 24px; }
    body #wrapper .d3-accordion-faq div[class*="d3-row"] .d3-row {
      padding: 0; }

body #wrapper .panel-group {
  background: #fdfdff;
  border: thin solid #919191; }
  body #wrapper .panel-group, body #wrapper .panel-group .panel .panel-heading {
    border-radius: 8px; }
  body #wrapper .panel-group .panel {
    border: none;
    border-radius: 0;
    border-top: thin solid #919191;
    margin: 0; }
    body #wrapper .panel-group .panel:first-of-type, body #wrapper .panel-group .panel:only-of-type, body #wrapper .panel-group .panel.first {
      border-top: none; }
      body #wrapper .panel-group .panel:first-of-type, body #wrapper .panel-group .panel:first-of-type .panel-heading, body #wrapper .panel-group .panel:only-of-type, body #wrapper .panel-group .panel:only-of-type .panel-heading, body #wrapper .panel-group .panel.first, body #wrapper .panel-group .panel.first .panel-heading {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px; }
    body #wrapper .panel-group .panel:last-of-type, body #wrapper .panel-group .panel:last-of-type .panel-heading, body #wrapper .panel-group .panel:last-of-type .toggler-content, body #wrapper .panel-group .panel:last-of-type .panel-body, body #wrapper .panel-group .panel:only-of-type, body #wrapper .panel-group .panel:only-of-type .panel-heading, body #wrapper .panel-group .panel:only-of-type .toggler-content, body #wrapper .panel-group .panel:only-of-type .panel-body, body #wrapper .panel-group .panel.last, body #wrapper .panel-group .panel.last .panel-heading, body #wrapper .panel-group .panel.last .toggler-content, body #wrapper .panel-group .panel.last .panel-body {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px; }
  body #wrapper .panel-group .panel-heading {
    background-color: #fdfdff;
    padding: 16px 24px; }
    body #wrapper .panel-group .panel-heading a.collapse-icon {
      align-items: center;
      column-gap: 16px;
      display: flex;
      justify-content: space-between;
      padding: 0; }
      @media only screen and (min-width: 1008px) {
        body #wrapper .panel-group .panel-heading a.collapse-icon {
          column-gap: 32px; } }
      body #wrapper .panel-group .panel-heading a.collapse-icon p {
        flex-grow: 1; }
      body #wrapper .panel-group .panel-heading a.collapse-icon i {
        font-size: 24px;
        margin: 0; }
      body #wrapper .panel-group .panel-heading a.collapse-icon > span {
        display: none; }
  body #wrapper .panel-group .panel-body {
    background: #f7f7f7;
    border-top: thin solid #dedede;
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 16px 24px; }
    @media only screen and (min-width: 1008px) {
      body #wrapper .panel-group .panel-body {
        padding: 24px 32px; } }
    body #wrapper .panel-group .panel-body > *, body #wrapper .panel-group .panel-body .journal-content-article > * {
      padding: 0; }
      body #wrapper .panel-group .panel-body > * .container, body #wrapper .panel-group .panel-body .journal-content-article > * .container {
        width: 100%; }
      body #wrapper .panel-group .panel-body > * .d3-row, body #wrapper .panel-group .panel-body > * [class*=" d3-col-"], body #wrapper .panel-group .panel-body .journal-content-article > * .d3-row, body #wrapper .panel-group .panel-body .journal-content-article > * [class*=" d3-col-"] {
        padding: 0; }
    body #wrapper .panel-group .panel-body dl + dl {
      margin-top: 0 !important; }
    body #wrapper .panel-group .panel-body dl {
      display: flex;
      flex-direction: column;
      gap: 16px; }

/*# sourceMappingURL=d3-accordion.css.map */