/*===== skip to main =====*/
.sktmain.visible{position: absolute;left: 0px; top: 0px;width: auto; height: auto; overflow: hidden; visibility: visible !important; z-index: 110; background-color: var(--base-1); padding: var(--xs-1); color: var(--base-5);}
.sktmain.visible .skip-to-main {color: var(--base-5); text-decoration: none; box-shadow: 0 0 0 1px inset var(--base-5); padding: var(--xs-2);}



/*===== Custom Override CSS Styles =====*/
#ip3-modern-slavery-statement .media-card__cta-wrapper .cta:nth-child(-n+2),
#ip3-modern-slavery-statement .filter-bar,
#ip3-annual-sustainability-reports .filter-bar,
#ip3-annual-sustainability-reports .download-image,
#ip3-annual-sustainability-reports [data-bs-toggle="modal"] {
  display: none;
}

.bod .cta--overlay-card::before{
content: none !important;
}
.search-header__button-close:focus-visible {
  color: var(--primary-1);
}

.thumb-playicon {
  left: calc(50% - 2.5rem);
  top: calc(50% - 2.5rem);
  height: 5rem;
  width: 5rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-card__content {
  pointer-events: none;
}

.profile-card__content * {
  pointer-events: auto;
}
.multiple-image-signpost .section-light .card-dark .cta--text-link:focus-visible{ outline: none;}
.multiple-image-signpost .section-light .card-dark .cta--text-link:focus-visible .cta__label, 
.multiple-image-signpost .section-light .card-dark .cta--text-link:focus-visible .cta__icon{color: var(--primary-1);}

.column-text-image__image-wrapper img,
.media-card__img-wrapper{
  height: 30rem;
}


.search-header__button-close:hover{
  color: var(--base-1);
}

.full-width-banner .breadcrumb::after {
  width: 35%;
}

@media (max-width: 1023.98px) {
  .image-signpost-card-new__image-wrapper{
    min-height: 21rem;
  }
}
/*
.image-signpost-card-new__image-wrapper {
position: absolute;
max-height: 100%;
}
*/
@media (max-width: 1199.98px) {
  .image-signpost-card{flex-direction: column;}
  .image-signpost-card{height: 100%;}
  .quote-image .background-pattern {
    position: inherit;
  }
}

@media (min-width: 1200px) {

  .quote-image .background-pattern::before {
    background-size: contain;
    opacity:0.2;
  }
  .quote-image .section-light.background-pattern::before {
    opacity:1;
  }



  .signpost-card__image-wrapper{
    height: 25rem;
  }
  .image-signpost-card-new.image-signpost-card--small:hover .image-signpost-card-new__inner-content-wrap {
    min-height: 39.5rem;
  }
}

.image-signpost-card-new__image-wrapper img {
  min-height: 17rem;
}

@media (min-width: 768px) {
  .signpost-card__image-wrapper {
    height: 25rem;
  }
}

.bod .profile-card__card-link:focus-within {
  box-shadow: none;
}


.media-card__wrapper .media-card__body{
  color: var(--primary-1);
}
.media-card__desc {
  transition: all .6s ease-in-out;
}
.media-card__wrapper:hover .media-card__body .media-card__desc{
  color:var(--base-5)
}


.fullwidth-image-signpost__bg img{min-height: 20.2rem;}

.contact-template .dropdown.company {max-width: initial;}

@media all and (max-width:767.98px) {
  .contact-template .form-check .form-check-input {margin-left:0px;}
}

.sitemap-content-wrapper ul li {list-style-type: inherit !important;}
#sitemap-MetaFields-level1, #sitemap-preview-protection-level1, #sitemap-disclaimer-level1, #sitemap-disclaimer-country-level1, #sitemap-disclaimer-denied-level1, #sitemap-Stylesheets-level1, #sitemap-Javascripts-level1, #sitemap-error-page-level1, #sitemap-robots-level1 {display: none;}

.news-story-card__image {
  min-height: 35.4rem;
  transition: transform .3s ease;
}
.top-heading-line{
  position: relative;
  display : none;
}
@media (min-width: 992px) {
  .top-heading-line::before{
    content: "";
    height: 2px;
    display: block;
    width: 100%;
    position: absolute;
    background-color: var(--base-2);
  }
} 

/* .grid-table__press-release-content::hover{
background-color: var(--primary-2);
}
*/
.page-banner .bg-gradient-4{
  position: relative;
  z-index: 1;
}

.page-banner .bg-gradient-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("~/media/Images/W/whsmith-v2/corp/banners/page-banners/bg-banner.svg");  
  background-size: cover;
  background-position: center;
  background-repeat: repeat-x;
}

.signpost-background-pattern{
  position:relative;
  z-index:1
}

.signpost-background-pattern::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("~/media/Images/W/whsmith-v2/corp/banners/page-banners/triple-image-signpost.svg");  
  background-size: contain; 
  background-position: center;
  
  z-index:-1;
} 

.background-pattern{
  position: relative;
}
.background-pattern::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('~/media/Images/W/whsmith-v2/corp/banners/page-banners/topograp-gray.svg');
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  pointer-events: none;
}

.single-signpost-background-pattern{
  position:relative;
  z-index:1;
}

.single-signpost-background-pattern::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("~/media/Images/W/whsmith-v2/corp/signposts/text-icon-signpost/single-text-icon-signpost/pattern-single-signpost.svg");  
  background-size: contain; 
  background-position: center;
  background-repeat: repeat-x;
  z-index:-1;
} 


/* == media gallery css override == */

.media-card__wrapper:hover .media-card__body {
  background-color: var(--primary-1);
}


.filter-bar__dropdown-list .filter-dropdown + .filter-dropdown {
  display: none;
}


body#ip3-cookie-policy.hasjs [data-animate] {
  opacity: 1;
}



.document-listimg .tabs__list{
  height:7rem;

}


@media (min-width: 768px) and (max-width: 1199px) {
  .document-listimg .tabs__list .tabs__link{

    width:33% !important;

  }
}
.stats .row{

  position: relative;

}

/* the-whsmith-trust */

#ip3-the-whsmith-trust .superbreaker-panel__content p a{
  color:white;
}

/* case-study-title-accordion */


.swiper-slide.swiper-slide-active .large-image-accordion__top-wrapper::before {
  background: transparent;
}


/* history-timeline */

@media (min-width: 768px) {
  .history-timeline__wrapper::before {
    top: 0;
    left: 50%;
    height: 100%;
    margin-top: 25px;
  }
}

.history-timeline__wrapper::after {
  bottom: -3.8rem;
}

@media (max-width: 600px) {

  .history-timeline__wrapper::after {
    content: "\e918";
    position: absolute;
    font-size: 2.1rem;
    font-family: icomoon;
    bottom: 2.6rem;
    left: 0;
    margin-left: -1.05rem;
    color: var(--primary-1);
  }

  .history-timeline__row-full::before {
    content: "";
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 3.6rem;
    background: var(--primary-2);
    border-radius: 1.6rem;
    z-index: 1;
    left: 0;
  }

  .history-timeline__wrapper::before {
    top: 40.5px;

  }
}

/*  */

@media (min-width: 1200px) {
  .icon-signpost-card--small:focus-within .icon-signpost-card__image, .icon-signpost-card--small:hover .icon-signpost-card__image {
    max-height: 100%;
    opacity: 1;
    overflow: visible;
    transition: all .25s ease-out;
  }
}


/*quote background-pattern override*/
.quote-image .background-pattern::before{background-image: url(~/media/Images/W/whsmith-v2/corp/body-content/quote/topograp-gray-quote.svg);}
.quote-image .quote-image--right::before{background-position: left;}
.background-pattern::before{background-image: url(~/media/Images/W/whsmith-v2/corp/signposts/signpost-collections/combination-signposts/topograph-blue.svg);}
.investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .latest-feed {
  background: var(--secondary-4);
}
.investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .latest-feed .latest-feed__content, .investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .color-display, .investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .color-body{color:var(--base-5)}
.investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .cta{color:var(--primary-2);}
.investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .cta .color-utility span, .investor-feed__wrapper .investor-feed__card.investor-feed__card--hover:hover .latest-feed__date{color: var(--light-75);}

/* Mobile & Tablet */
@media (max-width: 991px) {
  .stats .stats__item {
    flex: 1 1 180px; 
    min-width: 180px;
  }
}

/* Desktop */
@media (min-width: 992px) {
  .stats .stats__item {
    flex: 1 1 21rem;
    max-width: 30rem;
  }
}

/* Our Prands Page for Cards */



#ip3-our-brands #module---multiple-image-signpost-1 .cta__icon {
  display: none;
}

#ip3-our-brands #module---multiple-image-signpost-2 .cta__icon {
  display: none;
}

#ip3-our-brands #module---multiple-image-signpost-1 .section-light .card-dark a:hover {
  cursor: default;
}

#ip3-our-brands #module---multiple-image-signpost-2 .section-light .card-dark a:hover {
  cursor: default;
}

.icon-tiktok {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.icon-tiktok::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(~/media/Images/W/whsmith-v2/Corp/icons/tik-tok);
  background-repeat: no-repeat;
  background-size: contain;
  width:19px;
  height:auto;
}
.icon-tiktok:hover::before {
  background-image: url(~/media/Images/W/whsmith-v2/Corp/icons/tik-tok-hover);
}

/* financial calender */

#ip3-financial-calender .financial-calendar .past-events__contents .title-past {

  color: var(--color-display);
  font-size: 22px;
  font-weight: 600;

}

#ip3-financial-calender .financial-calendar .past-events__contents .accordion__item .accordion__button:not(.collapsed) {

  background-color: var(--base-5);
  color: var(--color-display);

}

#ip3-financial-calender .financial-calendar .past-events__contents .accordion__item .accordion__button:not(.collapsed) .date-past {
  color: var(--base-1);
}

@media (min-width:1200px) {
  .tabbed-content .tabs__content-wrapper .expandable-content .stat {
    min-width: 155px;
  }
}

.media-landing .media-card__img-wrapper{
  height: auto;
}

#ip3-financial-calender button:not(:disabled), #ip3-financial-calender [type=button]:not(:disabled) {
   cursor: pointer;
   pointer-events: none;
}

#ip3-financial-calender .accordion__item .accordion__button > span {
    display: none;
}

#ip3-financial-calendar .accordion__button {pointer-events: none;}
#ip3-financial-calendar .accordion__button > span.icon-chevron-down {display: none;}

/* Css for event card */

.event-card {
  background-color: var(--primary-3);
  transition: all .3s linear;
  color: var(--primary-1);
}
.event-card .icon-date, .event-card .cta{
  color: var(--primary-1);
}

.hasjs #advisers[data-animate]{
opacity: 1!important;
}
.hasjs #module---rich-text[data-animate]{
opacity: 1!important;
}
@media (min-width: 992px) {
.event-card:hover .cta {
  color: var(--base-5);
}
}

@media (max-width:767px){
#ip3-media-gallery .modal-backdrop{
z-index:0!important;
}
}



#ip3-annual-sustainability-reports .media-landing .media-card__img-wrapper {
height: 30rem;
}

#ip3-media-gallery .media-landing .media-card__body .media-card__desc , #ip3-media-gallery .media-landing .modal.fade.show .media-card__wrapper p.body-md{
display:none;
}

.single-signpost-background-pattern::before {
background-size:cover !important;
}

#ip3-annual-sustainability-reports .media-card__body  {
min-height:155px;
}

#ip3-how-we-operate .superbreaker-panel__image {
     object-position: top;
}

#ip3-how-we-operate .multiple-image-signpost .image-signpost-card-new__image-wrapper img {
   object-position: right;
}

#ip3-where-we-operate .multiple-image-signpost .image-signpost-card-new__image-wrapper img {
   object-position: right;
}


#ip3-people #emp-engagement img {
   object-position: right;
}

#ip3-people #health-safety .fullwidth-image-signpost__bg img {
      object-position: top;
}

#ip3-community #world-book-day img {
       object-position: top;
}

#ip3-planet #planet-page-banner img {

      object-fit: unset !important;
}

#ip3-performance-and-reports #performance-reports-banner img{
     object-position: right;
}

#ip3-media #media-page-banner img {

      object-fit: unset !important;
}

#ip3-Homepage #module---full-width-page-banner img {

      object-fit: unset !important;
}


#ip3-business-model #business-model-banner img {

      object-fit: unset !important;
}

#ip3-where-we-operate #where-we-operate img{

     object-fit: unset !important;
     
}
 
 @media (min-width:1200px) {
 .fullwidth-image-signpost--end .fullwidth-image-signpost__content .config-text{
 max-width: 608px;
 }
 }
 @media (min-width:1200px) {
 .fullwidth-image-signpost--start .fullwidth-image-signpost__content .config-text{
   max-width: 608px;
   margin: 0 0 0 96px;
   }
}