/****************************************************
*					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: #001f4f;
  --secondary-100: #51766e;
  --tertiary-100: #7f651b;
  --grey-200: #919191;
  --primary-200: #002969;
  --secondary-200: #6fa298;
  --tertiary-200: #aa8724;
  --grey-300: #ababab;
  --primary-300: #003383;
  --secondary-300: #8bcbbe;
  --tertiary-300: #d4a92d;
  --grey-400: #c4c4c4;
  --primary-400: #335c9c;
  --secondary-400: #a2d5cb;
  --tertiary-400: #ddba57;
  --grey-500: #dedede;
  --primary-500: #6685b5;
  --secondary-500: #b9e0d8;
  --tertiary-500: #e5cb81;
  --grey-600: #f7f7f7;
  --primary-600: #d4e4f4;
  --secondary-600: #e8f5f2;
  --tertiary-600: #f6eed5;
  --d3-black: #020304;
  --grifols-blue: #003383;
  --d3-font-body: OpenSans;
  --d3-font-title: Montserrat;
  --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-validation-card {
  border-radius: 24px;
  display: flex; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-validation-card {
      min-height: 500px; } }
  body #wrapper .d3-validation-card .card-content {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: fit-content;
    padding: 0; }
    @media only screen and (min-width: 600px) {
      body #wrapper .d3-validation-card .card-content {
        flex-wrap: wrap; } }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-validation-card .card-content {
        flex-wrap: nowrap;
        height: stretch; } }
    body #wrapper .d3-validation-card .card-content .site-logo img {
      display: block;
      max-height: 32px; }
    body #wrapper .d3-validation-card .card-content .country-section-image {
      height: stretch;
      padding: 8px;
      width: 100%; }
      @media only screen and (min-width: 1008px) {
        body #wrapper .d3-validation-card .card-content .country-section-image {
          padding-right: 0; } }
      body #wrapper .d3-validation-card .card-content .country-section-image .image {
        background-position: center;
        background-size: cover;
        border-radius: 16px;
        height: 100%;
        position: relative;
        width: 100%; }
        @media only screen and (max-width: 1008px) {
          body #wrapper .d3-validation-card .card-content .country-section-image .image {
            padding-bottom: 50%; } }
        body #wrapper .d3-validation-card .card-content .country-section-image .image .site-logo {
          background-color: #fdfdff;
          border-top-right-radius: 32px;
          bottom: -1px;
          left: -1px;
          padding: 16px 16px 16px 8px;
          position: absolute; }
    body #wrapper .d3-validation-card .card-content .country-content {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
      gap: 24px;
      max-height: 100%;
      max-width: 100%;
      padding: 40px 24px 24px; }
      @media only screen and (min-width: 600px) {
        body #wrapper .d3-validation-card .card-content .country-content {
          padding: 32px 40px; } }
      @media only screen and (min-width: 1008px) {
        body #wrapper .d3-validation-card .card-content .country-content {
          padding: 24px 56px; } }
      body #wrapper .d3-validation-card .card-content .country-content .hcp-validation {
        padding: 0;
        position: static; }
        @media only screen and (min-width: 600px) {
          body #wrapper .d3-validation-card .card-content .country-content .hcp-validation .btn {
            flex: 1; } }
      body #wrapper .d3-validation-card .card-content .country-content .country-text-container {
        overflow: auto; }
        body #wrapper .d3-validation-card .card-content .country-content .country-text-container .d3-intro-section {
          padding: 0; }
      body #wrapper .d3-validation-card .card-content .country-content .d3-country-selector .button-row {
        position: static; }
        @media only screen and (min-width: 600px) {
          body #wrapper .d3-validation-card .card-content .country-content .d3-country-selector .button-row {
            flex-direction: row-reverse; } }
      body #wrapper .d3-validation-card .card-content .country-content .d3-country-selector * + .button-row {
        padding: 16px 0 0; }
  body #wrapper .d3-validation-card .input-select-wrapper {
    margin-bottom: 16px; }

/*# sourceMappingURL=d3-validation-card.css.map */