@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&display=swap');

/* TYPE EDITS */
.wegovy-pill .h4-regular, .wegovy-pill .h4-regular h4 {
    @media only screen and (max-width: 767px) {
        line-height: 30px !important;
    }
}

.isi-footer-stuck .isi-footer-stuck-container {
        max-width: 1440px;
}

/* UTILITY NAV */
.utility-toggle1 {
    padding-right: 0px !important;
    pointer-events: none !important;
}

@media (max-width: 1200px) {
  .cope-core-navigation-top-mobile-only a.utility-toggle1,
  .cope-core-navigation-top-mobile-only a.utility-toggle2 {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
  }
}

/* HOMEPAGE DROPDOWN */

.condition-dropdown .dropdown-style-1 .dropdown-style-container
 {
    width: 100% !important;
}
.condition-dropdown .dropdown-style-1 .dropdown-style-container
 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.08);
}

.dropdown-center .dropdown-style-container {
margin: auto;
}

:not(.radiogroup-component)>.form-grouped>.input-grouped.is-full {
    max-width: 100%;
}

.btn-secondary.btn-cvi-compliance:hover,
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow:hover {
    background-color: #ECF6FB !important;
}
.btn-secondary.btn-cvi-compliance:active,
.btn-secondary.btn-cvi-compliance.active,
.btn-secondary.btn-cvi-compliance:active:focus,
.btn-secondary.btn-cvi-compliance:active:focus-visible,
.show > .btn-secondary.btn-cvi-compliance.dropdown-toggle {
  background-color: #ECF6FB !important;
}
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow:active,
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow.active,
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow:active:focus,
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow:active:focus-visible,
.theme_cvi_compliance 
  .show > .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow.dropdown-toggle {
  background-color: #ECF6FB !important;
}

/* .btn-secondary.btn-cvi-compliance:active,
.theme_cvi_compliance 
  .btn:not(.btn-link):not(.btn-radiogroup-marked):not(.btn-radiogroup):not(.btn-back).btn-dropdown-arrow:active {
    background-color: #ECF6FB !important;
} */

/* filter:
    drop-shadow(-4px -1px 5px rgba(0,0,0,0.15))
    drop-shadow(-11px -4px 25px rgba(0,0,0,0.15))
    drop-shadow(0 0 100px rgba(0,0,0,0.10)); */

/* COLORS */
.white-text {
    color: white !important;
}

/* DROPDOWNS */
.price-comparison span.label {
    font-family: Chivo;
    color: #21405C;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.22px;
}
.btn-underline span.icon-text {
    text-decoration: none;
    background-image: linear-gradient(#21405C, #21405C);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 0% 2px;
    transition: background-size 200ms ease;
}
.btn-underline span.icon-text:hover {
    background-size: 100% 2px;
}

/* CONTENT BOX STATES */

@media (min-width: 768px) {
.dl-steel {
background: linear-gradient(#D3D3D3, #D3D3D3) no-repeat center/1px 75%;
}
.dl-navy {
background: linear-gradient(#21405C, #21405C) no-repeat center/1px 75%;
}
.dl-dark-sienna {
background: linear-gradient(#905B50, #905B50) no-repeat center/1px 75%;
}}

.mb-0 {
    margin-bottom: 0px;
}

.content-box.rolo-beige:hover {
    background-color: #F4F3EF40;
    cursor: pointer;
}
.content-box.rolo-navy:hover {
    background-color: #21405C30;
    cursor: pointer;
}
.content-box.rolo-sienna:hover {
    background-color: #905B5030;
    cursor: pointer;
}
.content-box.rolo-lightblue:hover {
    background-color: #ECF6FBFF;
    cursor: pointer;
}

.text-underline-active {
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 6px;
    text-decoration-color: #21405C;
    text-decoration-style: solid;
}

/* ALERT TEXT */
.alert-text p {
    color: #905B50 !important;
    font-family: Chivo;
    line-height: 22px;
    margin-bottom: 0px !important;
    padding: 0px !important;
}
.alert-text a {
    color: #905B50;
}
.bold-alert-text {
    font-weight:500 !important;
}

.btn-secondary {
    border: 1px solid #ffffff !important;
}

/* BOX STYLES */
.box-drop-shadow {
    box-shadow: 0 6px 10px 0 var(--Steel, #D3D3D3);
}
@media (max-width: 768px) {
 .text-underlay {
    position: relative;
    z-index: 0;
}

.text-underlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        100deg,
        rgba(0, 0, 0, 0.6) 40%,
        transparent 70%
    );
    z-index: 0;
    pointer-events: none;
}

.text-underlay > * {
    position: relative;
    z-index: 1;
}}

.actor-label-light, .actor-label-dark {
    position: relative;
}

.actor-label-light::after, .actor-label-dark::after {
    content: "Actor portrayal";
    position: absolute;
    bottom: 24px;
    right: 24px;
    padding: 8px;
    font-size: 14px;
    font-family: chivo;
    line-height: 1;
    font-weight: 400;
    z-index: 10;
    pointer-events: none;
}

.actor-label-light::after {
    background: rgba(244, 243, 239, 0.60);
    color: #6D6D6D;
}

.actor-label-dark::after {
    background: rgba(50, 50, 50, 0.50);
    color: #D3D3D3;
}

@media (max-width: 768px) {
.actor-label-light::after, .actor-label-dark::after {
    font-size: 12px;
    bottom: 16px;
    right: 16px;
}}

/* TABS */

.tab-active-l-grey {
    background:
    linear-gradient(
      to left,
      #CED4DB 0%,
      #CED4DB 50%,
      #21405C 50%,
      #21405C 100%
    ) bottom / 100% 3px no-repeat
}
.tab-active-r-grey {
    background:
    linear-gradient(
      to right,
      #CED4DB 0%,
      #CED4DB 50%,
      #21405C 50%,
      #21405C 100%
    ) bottom / 100% 3px no-repeat
}
.tab-active-l-navy {
    background:
    linear-gradient(
      to left,
      #B4C9D8 0%,
      #B4C9D8 50%,
      #21405C 50%,
      #21405C 100%
    ) bottom / 100% 3px no-repeat
}
.tab-active-r-navy {
    background:
    linear-gradient(
      to right,
      #B4C9D8 0%,
      #B4C9D8 50%,
      #21405C 50%,
      #21405C 100%
    ) bottom / 100% 3px no-repeat
}

/* TEXT STYLES */

@media (max-width: 768px) {
h1.text-center-sm,
h2.text-center-sm,
h3.text-center-sm,
h4.text-center-sm,
h5.text-center-sm,
h6.text-center-sm,
p.text-center-sm {
text-align: center !important;
}}

sup.sm-sup {
    font-size: 0.4em;
    vertical-align: 0.4em;
}

.blue-label {
    font-size:14px;
    padding: 8px 16px;
    margin: 0 3px 10px 3px;
    border-radius: 50px;
    border: 1px solid var(--Faded-Blue, #D3EDF9);
    background: var(--Light-Blue, #ECF6FB);
    display: inline-block;
}

.blue-label::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url("/content/dam/novonordisk/novocare/redesign/icons/Label-check-mark.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: middle;
}

.graph-key-navy::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("/content/dam/novonordisk/novocare/redesign/icons/circle-navy.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: middle;
}
.graph-key-gold::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url("/content/dam/novonordisk/novocare/redesign/icons/circle-gold.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 16px;
    vertical-align: middle;
}

.il-checkmark {
    color: #905B50;
    padding-right: 32px;
}
.il-checkmark::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 14px;
    background-image: url("/content/dam/novonordisk/novocare/redesign/icons/Icon-check-mark-navy.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
}
@media (max-width: 768px) {
  .il-checkmark {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    padding-bottom: 16px !important;
  }

  .il-checkmark::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 14px;
    background: url("/content/dam/novonordisk/novocare/redesign/icons/Icon-check-mark-navy.svg")
      no-repeat center / contain;
    margin-top: 0.15em;
  }
}
@media (max-width: 768px) {
.btn span.custom-icon {
    display: inline-block !important;
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px;
    left: 3px;
}}

/* ACCORDION */
/* .accordion {
    padding: 0px;
} */
.commonAccordion .cope-core-accordion-item {
border-bottom: 1px solid #B87364;
padding: 16px 0;
margin-bottom: 0;
}
.commonAccordion .cope-core-accordion-item .cope-core-accordion-item-title {
/* padding-left: 0px !important; */
padding-right: 0px;
min-height: 25px;
}

.cope-core-accordion-item .cope-core-accordion-icon {
    width: 24px !important;
    height:24px !important;
}

/* CHART */
.tab-full {
    width: 100%;
}
.tab-bord-bot {
    border-bottom: 2px solid #FCEDE9;
}
.tab-pad-12 {
    padding: 12px;
}
.tab-pad-4 {
    padding: 4px 12px;
}
.tab-60 {
    width: 60%;
}
.tab-50 {
    width: 50%;
}
.tab-40 {
    width: 40%;
}
.tab-30 {
    width: 30%;
}
@media (max-width: 768px) {
    .tab-pad-12, .tab-pad-4 {
    padding: 12px 8px;
}}
/* MODALS */
.modal-content {
    border: none;
    border-radius: 0;
}

.modal.stacked .modal-header .close:before {
    content: url("/content/dam/novonordisk/novocare/redesign/icons/ui/modal-close-X.svg");
}

.floating-help-component {

}

.floating-help-component p {
    font-family: Chivo;
    color: #366A99;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.btn-modal-help {
    justify-content: right;
}

.btn-modal-help a {
    width: 24px;
}