* {
      font-family: "DM Sans", sans-serif;
}

/*Submit ticket button background colour*/
.Button__footerBtn:hover {
    background: #FFF2C6;    
}

/*Search button background colour*/
.commonStyle__zt3BrandBg {
    background-color: #F99507;
}

/*link colours*/
.KbDetailLtContainer__articleContent a {
   color: #208aed; 
}



/*custom widget properties*/
@media screen and (min-width: 900px) {
    .widgets {
    width: 30%; 
    float: left;
    margin: 0 5px; 
    text-align: center;
    padding: 0.5em;
    border-radius: 0.5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.59); 
  	height: 210px;
  }
  
  #widget-container {
    display: flex;
    justify-content: center; /* Horizontally center the items */
    align-items: center; /* Vertically center the items */
  }
}
@media screen and (max-width: 899px) {
  .widgets {

    width: 100%; 
    float: left; 
    margin: 10px 0; 
    text-align: center;
    padding: 0.7em;
    border-radius: 0.5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.59); 
 
 }
}

/*Custom widget Link Color before mouse hover*/
portal a {
	color:#333;
}

/*Custom widget hover*/
.widgets a:hover{	
	color: #FEB212;
}

/*Article title Container Width for mobile Device Screen*/
@media screen and (max-width: 500px) {
    .KbDetailLtContainer__detailHeader{	
  width: 290px;
}