/* stylelint-disable function-no-unknown */
/* stylelint-disable custom-property-pattern */
/* stylelint-disable number-max-precision */
/* stylelint-disable no-descending-specificity */

/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

 @import url('../lds/reset.css');
 @import url('../lds/lds.css');

 /* Add the global css if you want to overwrite */

 :root body {
   --lds-color-lilly: #d52b1e;
   --lds-color-primary: #F9EEED;
   --ewi-color-light-white: #ede5f4;
   --ewi-color-red: #d52b1e;
   --lds-color-danger: #ef4a5f;
   --lds-color-tile-bg: #F9EEED;
   --lds-color-secondary: #E4EBF1;
   --lds-color-tertiary: #F9FBFC;

  /* header */
  --website-mobile-header-height: 130px;
  --website-desktop-header-height: 130px;

  /* lds button */
  --lds-color-button-background: var(--lds-color-primary);
  --lds-color-button-background-hover: var(--lds-color-primary-hover);
  --lds-color-button-background-focus: var(--lds-color-primary-hover);

 }

  /* hide blocks and sections until they have loaded */
  .block:not([data-block-status="loaded"]) {
    display: none;
  }

  .section:not([data-section-status="loaded"]) {
    display: none;
  }

  body:not(.appear) {
    display: none;
  }

  p, .p {
    font-size: 17px;
  }

  h2, .h2, h3, .h3 {
    font-weight: 700;
  }

  ul {
    margin-left: 1rem;
    margin-bottom: 1rem;
  }

  .white-text {
    color: #fff;
  }

  .red-text {
    color: #d52b1e;;
  }

  .default-header {
    color: #D31710
  }

/* .lds-footer-v1 {
  margin-left: 3rem;
  margin-right: 3rem;
} */

.section {
  margin: 2rem 1rem;
  padding-bottom: 0!important;
  padding-top: 0!important;
  border-radius: 1rem;
  overflow: hidden;
}

.section .section {
  margin: 0!important;
  padding: 0!important;
  border-radius: 0!important;
}

@media(width >= 576px) {
  .section {
      margin-left: 1rem;
      margin-right: 1rem;
  }
}

@media(width >= 992px) {
  .section {
      margin-left: 3rem;
      margin-right: 3rem;
  }
}

@media(width >= 1200px) {
  .section {
      margin-left: 3rem;
      margin-right: 3rem;
  }
}

@media(width >= 1400px) {
  .section {
      margin-left: 3rem;
      margin-right: 3rem;
  }
}

.section.hero .columns.simple .content-col {
  @media (width < 768px) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (width <= 767px) {
  .hero-content-container {
    text-align: center;
  }
}

/* EDS Styles - Start */

.button {
  border: 0.125rem transparent;
  border-radius: 0.75rem;
  box-shadow: none transparent;
  color: #fff;

  /* background-color: #D31710; */
  cursor: pointer;
  display: inline-block;
  font-family: inherit;

  /* font-size: 1.125rem; */
  font-weight: 600;
  line-height: 1.75rem;
  margin: 0;
  padding: 0.5rem 1.375rem;
  text-decoration: none;
  text-align: center;
}

.button.secondary {
  background-color: #fff;
  color: var(--lds-color-primary);
  border: 1px solid var(--lds-color-primary);
}

.button.secondary:hover {
  background-color: var(--lds-color-primary);
  color: #fff;
}

.lds-button {
  background-color: #D31710 !important;
}

.lds-button.outlined {
  border-color: var(--lds-color-primary);
  color: var(--lds-color-primary);
}

.lds-button.outlined:hover {
  border-color: var(--lds-color-primary);
  color: var(--lds-color-primary);
  background-color: #dccde6!important;
}

.dtc-main-content main {
  background: linear-gradient(180deg,#f1ebf7 0,#fff 40vh);
}

.section.social-exit-modal {
  margin: 0;
}

.section.confirmation-page,
.section.social-exit-modal,
.section.iqvia-survey-success {
    text-align: center;
}

.section.confirmation-page svg,
.section.confirmation-page img,
.section.social-exit-modal svg,
.section.social-exit-modal img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.section.confirmation-page button,
.section.social-exit-modal button {
    margin: 0 auto;
}

.lds-modal-body:has(> .section.confirmation-page) {
    text-align: center;
}

.center-image img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image-width-500 img{
    max-width: 500px;
    height: auto;
}

.lds-back-to-top {
  background-color: var(--lds-color-primary) !important;
  bottom: 12rem!important;
}

/* EDS Styles - End */

/* Custom Styles - Start */
.bg-color-primary {
  background-color: var(--lds-color-primary) !important;
}

.bg-color-secondary {
  background-color: var(--lds-color-secondary) !important;
}

.bg-color-tertiary {
  background-color: var(--lds-color-tertiary) !important;
}

.button-container {
  width: fit-content;
  margin: 0 auto;
  border-radius: 4px;
  background: #D71A17;
}

.custom-section-content .default-content-wrapper {
  padding: 1rem 1rem 0;
}

.section.no-bottom-padding {
  padding-bottom: 0!important;
}

.padding-custom-section {
  padding: 2rem;
}

#be-prepared  .columns-2-cols {
  padding-bottom: 2rem;
}

#be-prepared  .columns-2-cols div:nth-of-type(2) {
  border-radius: 4px;
  background-color: #fff;
  height: 150px;

  @media(width < 768px) {
    margin-top: 1rem;
    padding-top: 1rem;
    height: 100px;
  }

  @media(width < 450px) {
    height: 120px;
  }
}

.default-content-wrapper h2 {
  padding-bottom: 0;
  margin-bottom: 0;
}

.mobile-icon-center p:has(.icon),
 .mobile-image-center p:has(img) {
   @media (width < 768px) {
     text-align: center;
   }
 }

 @media (width < 768px) {
  .mobile-icon-center .mobile-align-center {
    display: flex;
    justify-content: center;
  }
 }

 @media(width >= 768px) {
     .mobile-icon-center p:has(.icon) {
        text-align: unset;
     }
 }

 .button-container p {
  margin-bottom: 0;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.center-text .h2, .center-text .h3 {
  text-align: center;
}

.center-content p {
  text-align: center;
}

/* Remove extra space around sign up link in ultitlity menu */
@media (width >= 992px) {
  .lds-header-utility-menu {
    --lds-spacing-utility-menu-item-gap: 0px;
  }
}

.lds-header-utility-mobile ul {
  margin-left: 0;
}

.confirmation-page h2#success,
 .success h2,
 .confirmation-page .h2#success,
 .success .h2 {
     color: #45ba7f;
 }

/* Custom styles - End */

@media (width >= 768px) {
  .columns.list-section .content-col {
    padding: 0;
  }

  .columns.list-section .content-col ul {
    margin-bottom: 0;
  }
}

.custom-section-1 {
  margin: 2rem auto 1rem;
}

.custom-section-1 .content-col {
  padding: 0 !important;
}

.custom-section-1 p {
  color: #d52b1e;
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 0;
}

.custom-section-2 {
  margin: 0 auto 1rem;

  /* background: #fff; */
  padding: 1.5rem 1rem 1rem;
}

.custom-section-2 .content-col:nth-child(odd) {
  flex: 10%;
  max-width: 10%;
  align-self: self-start;
  text-align: right;
  padding: 0;
}

.custom-section-2 .content-col:nth-child(even) {
  flex: 90%;
  max-width: 90%;
  align-self: self-start;
  padding: 0;
}

.custom-section-2 .content-col:nth-child(odd) p {
  font-size: 40px;
  color: #d52b1e;
  font-weight: 700;
}

.custom-section-columns .content-col p:first-child {
  font-size: 40px;
  color: #d52b1e;
  font-weight: 700;
}

.custom-section-columns .content-col:last-child {
  @media (width > 767px) {
    margin-top: -30px;
  }
}

.custom-section-columns .content-col {
  @media (width > 767px) {
    padding: 1rem !important;
  }
}

.custom-section-3 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}

.custom-section-3 .content-col {
  padding: 0 !important;
}

.custom-section-3 p {
  margin-bottom: 0;
}

/* .h3-text {
  font-weight: 700;
  color: var(--lds-typography-h3-color);
  font-size: var(--lds-typography-h3-font-size);
  line-height: var(--lds-typography-h3-line-height);
  margin-bottom: var(--lds-typography-h3-margin-bottom);
} */