/* 
@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap'); 
*/


/* font */
* {
    font-family: 'Open sans', sans-serif;
  }
  
  portal b {
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
  }
  
  /* links */
  .commonStyle__zt3BrandBorder {
      border-color: #A6094D;
  }
  .commonStyle__zt3Brand {
      color: #A6094D;
  }
  
  /* images */
  .KbDetailLtContainer__articleContent img {
      border: 1px dashed #ddd;
      padding: 10px !important;
      margin: 5px 0;
      background-color: #fff;
  }
  
  /*article title*/
  h1.KbDetailLtContainer__detailHeader.commonStyle__detailHeader {
    font-size:2rem !important;
  }
  
  /* hr */
  hr {
      border-top: 1px dashed #ddd;
      margin: 30px 0;
  }
  
  /* menu formating */
  .highlight {
      padding: 0 5px;
      border: 1px dashed #ddd;
      font-style: italic;
      background-color: #fff !important;
  }
  
  /* breadcrumb */
  .BreadCrumbs__breadcrumbsView ul li:nth-of-type(1) {
    display: none;
  }
  .BreadCrumbs__breadcrumbsView ul li:nth-of-type(2):before {
    content: "";
  }
  
  /* login menu hidden */
  #portal_tabSolutions,
  #logoutDetails {
    display:none;
  }
  
  /* nav menu hidden **/
  .Header__menuTab {
    display:none;
  }
  
  .WidgetContainer__contentList .ContentBox__boxThree:nth-of-type(2) {
    display: none;
  }
  
  /* header wide logo and no name */
  .Header__logo img {
      max-width: 16em;
        min-height:auto;
  }
  .Header__name {
    display:none;
  }
      .Header__logo {
          padding: 1.2rem 0;
      }
  
  /* mobile header not black and hide hamburger menu */
  @media only screen and (max-width: 1024px) {
      .Header__homeContent .Header__navbar, .Header__defaultContent .Header__navbar, .Header__navopen .Header__navbar .Header__menuTab {
          background-color: rgb(0,0,0,0.25) !important;
      }
      .Header__logo {
          padding: 1.2rem 0;
      }
        .Header__menuicon {
          display: none;
        }
  }
  
  
  
  /* links in articel in pink */
  .KbDetailLtContainer__articleContent a {
      color: #00A0AB;
  }
  .KbDetailLtContainer__articleContent a:hover,
  .commonStyle__zt3LinkActive:hover{
      color: #F51849 !important;
  }
  
  /* pink back to top button */
  .AppContainer__backToTop {
      background: #00A0AB;
  }
  
  /* search icon */
  .Icon__brand {
      color: #00A0AB;
  }
  
  /* submit ticket hover color */
  .Button__footerBtn:hover {
      background: #00A0AB;
  }
  
  /* fiel upload color */
  .FileUpload__attachPin {
      border: .0625rem solid #00A0AB;
  }
  .FileUpload__userLink {
      color: #00A0AB;
  }
    
  /* images border */
  .KbDetailLtContainer__articleContent img {
    margin-right: 10px;
  }
  
  /* article bg */
  .KbDetailLtContainer__articleContent {
    background: #F8F8F8;
    padding: 15px 15px 0;
  }
  
  /* article header */
  .commonStyle__detailHeader {
      font-size: 1.5rem;
        font-weight: 700;
  }
  .KbDetailLtContainer__readerView {
      top: 0.25rem;
  }
  
  /* remove solical icons */
  .KbDetailLtContainer__userSocialIcon {
    display: none;
  }
  
  /* search results page */
  li.FilterPanel__filterList.commonStyle__tableMiddle.commonStyle__tAlignCenter.commonStyle__positionRel,
  .SearchResult__widgetSection .Menu__menu .Menu__menuItem[aria-expanded]>.Menu__arrow,
  .SearchResult__widgetSection .Menu__menu .Menu__menuItem[aria-expanded]>.Menu__extraInfo {
      display: none;
  }
  
  /* footer */
  .Footer__container2 {
   background-color: rgba(0,0,0,0.35); 
   max-width:100%;
   height: 50px;
  }
  
  /* hide tags right panel */
  .KbDetailRtContainer__widgetRight .KbDetailRtContainer__widgetSection:nth-of-type(2) {
    display: none;
  }
  
  /* hide contact us at the bottom of each article */
  .Footer__footerContent {
      margin: 0 -999rem;
  }
  
  /* hide updated time */
  .KbDetailLtContainer__updateTime {display:none;}
  
  /* hide updated time */
  .KbDetailLtContainer__review {display:none;}
  
  /* hide recent arti

  
  /* MENUS! */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
  }
  
  .dropdown:hover .dropdown-content {
    display: block;
  }
  
  .dropdown-content p {
    margin: 0;
  }
  
  .KbDetailLtContainer__articleContent .dropdown-content img {
      border: 0px solid transparent;
      padding: 0px !important;
      margin: 0  !important;;
      background-color: transparent;
  }
  
  /* TABS! */
  
  .radio-test {
    display: non;
  }
  
  #test-1:checked ~ .labels #label-test-1 {
    background: pink;
  }
  
  #test-2:checked ~ .labels #label-test-2 {
    background: pink;
  }
  
  .content {
    display: none;
    background: pink;
  }
  
  #test-1:checked ~ #content-test-1 {
    display: block;
  }
  
  #test-2:checked ~ #content-test-2 {
    display: block;
  }

/* hide articles dotted menu/options */
.ListHeader__dottedPopup {
    display: none;
}

/* banner */
#sl_banner_wrapper {
  background-color:#fff;
}
#sl_banner {
  margin: 0 auto;
    width:1170px;
}
#sl_banner_wrapper p {
  margin:0;
  padding:20px;
  font-size:14px;
  color:#333;
  font-weight:600;
}
#sl_banner_wrapper a {
  color:#A6084D;
}
#sl_banner_wrapper a:hover {
  color:#333;
}

@media only screen and (max-width: 1070px) {
	#sl_banner {
		width:auto;
	}
  }

/* pulse dot */
.pulsedot {
  position: relative;
  display: inline-block;
  color: #A6084D;
  font-weight: 600;
  cursor: pointer; /* optional, signals hover */
}

.pulsedot::after {
  content: "";
  display: inline-block;
  vertical-align: middle;   
  margin-left: 0.25em;      
  width: 0.45em;
  height: 0.45em;
  background: #A6084D;
  border-radius: 50%;       
  animation: pulse 1.6s infinite ease-in-out;
  transition: background 0.3s ease; /* smooth colour change */
}

/* Hover state */
.pulsedot:hover::after {
  background: #444;
}

/* breathing pulse */
@keyframes pulse {
  0%, 100% { transform: scale(0.8); opacity: 0.6; }
  50%      { transform: scale(1.3); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pulsedot::after { animation: none; }
}