/*Breadcrumb Nav item page non-clickable - TA pages*/
a.cmp-breadcrumb__item-link[href*='/ravivaldkonnad.html'],
a.cmp-breadcrumb__item-link[href*='/harvikhaiguste-uksus.html']{
    pointer-events: none;
    color: darkgray;
    cursor: default;
}

/*Breadcrumb Nav item page non-clickable - Product pages*/
a.cmp-breadcrumb__item-link[href*='/forxiga/2-tuubi-diabeet.html'],
a.cmp-breadcrumb__item-link[href*='/forxiga/sudamepuudulikkus.html'],
a.cmp-breadcrumb__item-link[href*='/forxiga/krooniline-neeruhaigus.html'],
a.cmp-breadcrumb__item-link[href*='/tezspire.html'], 
a.cmp-breadcrumb__item-link[href*='/fasenra.html'],
a.cmp-breadcrumb__item-link[href*='/fluenz.html'] {
    pointer-events: none;
    color: darkgray;
    cursor: default;
}
/*forxiga-hf 2nd-tab mobile text overlap*/
@media screen and (max-width: 479px) {
span.break {
    word-break: break-word;
}
}

/*search clear icon issue when user click outside*/
.searchbox.searchbox-enabled .cmp-searchbox__clear-icon { display: block;}
span.cmp-searchbox__clear-icon {display: none;}

@media screen and (max-width: 479px) {
    .searchbox.searchbox-enabled {right: -44%; transition: width 0.5s;}}
@media screen and (min-width: 480px) and (max-width: 639px) {
    .searchbox.searchbox-enabled {right:-44%; transition: width 0.5s}}
@media screen and (min-width: 640px) and (max-width: 767px) {
    .searchbox.searchbox-enabled {right: -36%; transition: width 0.5s;}}
    
/* PO- mobile version image height is not per figma design*/
/*.teaser--home-hero.teaser--home-hero-small div#PO-bnr-mh .cmp-teaser__image-mobile {height: auto;}   */
    
/*footer text updated for UAT cmt - Please update this text font and size to mach footer text*/
.cmp-experiencefragment--footer #footer-progetto>.aem-Grid>.text div#footer-styles p
{
    font-family: "Inter-Regular";
    font-size: 16px;
}
    
/*The font size of the iPad banner text on the product page is adjusting to be smaller for mobile devices.*/

@media screen and (min-width: 768px) and (max-width: 1023px) {
div#text-adjustment h1.cmp-teaser__title p {
    font-size: 36px;
    line-height: 40px;
}
/* The font size of the iPad banner text on the TA pageS is adjusting to be smaller for mobile devices.*/
div#banner-responsive h1.cmp-teaser__title p {
    font-size: 36px;
    line-height: 40px;
}
/* The issue of overlapping descriptions in the iPad banner on the ta pages.*/
.teaser--home-hero div#banner-responsive .cmp-teaser__content {
    gap: 0px;
}
div#banner-responsive .cmp-teaser__description p {
    line-height: 24px;
}
}
   
/*mobile landscape banner height unset*/
.teaser--home-hero .cmp-teaser__image-mobile {
    max-height: unset !important;

}
/*In reg page hiding email and sms checkbox*/

div#cmp-registration-choices1 {
    display: none;
}

/* tezspire-tab1 mobile heading overlapping */
@media screen and (max-width: 479px) {
div#tz-word-break {
    word-break: break-word;
}
}
/*Fixing the color of the placeholder text in drop-down menus in Safari.*/
.cmp-formcontainer .options .cmp-form-options__field--drop-down:active,
.cmp-formcontainer .options .cmp-form-options__field--drop-down:focus,
.cmp-formcontainer .options .cmp-form-options__field--drop-down:has(option:checked:not([value])),
.cmp-formcontainer .options .cmp-form-options__field--drop-down:has(option:checked:not([value=""]))
{
  color: black; /* Style for when a valid option is selected */
}

 
 
.cmp-formcontainer .options .cmp-form-options__field--drop-down option[value=""],
.cmp-formcontainer .options .cmp-form-options__field--drop-down:invalid,
.cmp-formcontainer .options .cmp-form-options__field--drop-down
{
  color: gray;   
}

/*In iPhone Safari, whenexpand the accordion,borders at the top and bottom.*/

.accordion .cmp-accordion__button:focus-visible {
    /* outline: -webkit-focus-ring-color auto 3px; */
    outline: none;
}

/*remove the underline from a tel:*/

a[href^="tel"] {
  text-decoration: none; /* removes underline */
  color: inherit;        /* optional: makes it use the parent text color */
}

/*serach-box-hiding*/
div#search-box-hide .searchbox {
    /*display: none;*/
}
/*AZping-Button-hiding*/
#azping-button {
    /*display: none;*/
}