@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:var(--text-font-weight),700");

/*
<div class="backgroundColorWhite">
 <div class = "welcomeHeader">
    <h3 class="welcomeHeaderText">
    <em>Welcome</em> <span class="line-break">to the support center</span>
    </h3>
 </div>

<div class="searchLine"></div>
*/
* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
html,
body {
  margin: 0px;
  height: 100%;
}
/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}
a {
  text-decoration: none;
}
@font-face {
    font-family: 'ReplicaFont';
    src: url('/sfsites/c/resource/ReplicaFont/ReplicaPro-Regular.otf');
    font-weight: 400;
}
@font-face {
    font-family: 'ReplicaFontLight';
    src: url('/sfsites/c/resource/ReplicaFont/ReplicaPro-Light.otf');
     font-weight: 200;
}
@font-face {
  font-family: 'SourceSansFont';
  src: url('/sfsites/c/resource/SourceSansPro/35021733747.ttf');
}

.containerTH{
  padding-left:15%;
}

  /* welcome Spash Frame*/
  .welcomeHeader {
    padding-top: 3%;
    padding-bottom: 2%;
    background-color:white;
    margin-left: 12%;
  }
  
  .welcomeHeader .welcomeHeaderText {
    background: linear-gradient(180deg, rgb(104, 32, 197) 0%, rgb(229, 22, 107) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Source Serif Pro-SemiBold", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 67px;
    letter-spacing: 0;
    li;
    line-height: 60.5px;
    padding-left: 35px;
  }
  
  /*
  @media (max-width: 759px) {
    .welcomeHeader .welcomeHeaderText {
      content: ' ';
      display: block;
      margin-left: 0px;
    letter-spacing: 0;
    line-height: 40px;
    padding-left: 35px;
    font-size:40px;
    font-family: "Source Serif", Halvetica;
    }
  } */
  @media (max-width: 759px) {
    .welcomeHeader .welcomeHeaderText .line-break::before {
      content: ' ';
      display: block;
      margin-left: 0px;
    }
  } 
  
  @media (max-width: 759px) {
    .welcomeHeader .welcomeHeaderText{
      padding-top:10%;
      font-size:40px; 
      line-height: 40px;
      padding-left: 5px;
      margin-right:5%;
    }
  }


/*hide filter icon */
.lwc-68kn5f7l50u .sort-icon{
  display:none !important;
}


  /* Home search bar */
  .lwc-4b3m8g3ufrr{
    /* border-bottom: 2px solid #6c29b8 !important; */
    font-family: "Replica Pro-Light", Helvetica;
    font-weight: 300;
    color: #6820c5;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 32px;
    white-space: nowrap;
  }

  .lwc-5hiuomulcap{
    background-color: #fbf8ff !important;
  }

  /*welcome text*/
  .lwc-2ge5gsv3nr1-host{
    background-color: #ffffff !important;

  }

  .search-input-with-button{
    background-color: #ffffff !important;
    padding-left:15%  !important;
    font-family: "ReplicaFontLight", Helvetica !important; 
    font-weight: 100 !important;
    color: #6820c5 !important;
    font-size: 32px !important;
    margin-left:5px !important;
  }

  @media (max-width: 759px) {
    .search-input-with-button{
    font-size: 21px !important;
    }
  .slds-button{
    padding-top:15px !important;
  }
  .search-input-with-button .slds-icon{
    display:block !important;
    padding-top:10px;
    width:30px !important;
  }
  .lwc-6jb05p8ont5-host{
    background-color:#2c1259 !important;
  }
  } 

  /*get rid of icon */
@media (min-width: 759px) {  
.slds-icon{
    display:none !important;
  }
}

  .lwc-4k1qbp7cls1-host{
    background-color: #ffffff !important;

  }
/*here to help text*/
  .hereToHelp {
    margin-left: 15%;
    padding-top: 2%;

  }
  .hereToHelpText {
    font-family: "Replica Pro-Regular", Helvetica;
    font-weight: 400;
    color: #2d1159;
    font-size: 35px;
    letter-spacing: 0;
    line-height: 35px;
  }
  .hereToHelpText .line-break{
   font-family: "Replica Pro-Light", Helvetica;
    font-weight: 300;
    font-size: 32px;
    line-height: 44.8px; 
  }
  
  @media (max-width: 759px) {
    .hereToHelp .hereToHelpText .line-break::before {
      content: ' ';
      display: block;
      
    }
  }
  
  .searchLine{
    height: 2px;
    background: #934AF4;
    width: 100%;
    margin-bottom:3%;
    margin-top:2%;
}

/*here to help background*/ 
.lwc-4k1qbp7cls1-host{
  background:#f5ecff !important;

}
/* footer links white*/
a, a:link:not(.slds-button, .slds-dropdown__item > a), a:visited:not(.slds-button, .slds-dropdown__item > a) {
  color: #6820c4;
}

.scoped-bucket__card__header {
  background-color: rgb(250, 248, 255);
}

.lwc-622rpr4hecm .slds-card__header-title{
  display:none;
}

.slds-button{
  color: rgb(45, 17, 89) !important;
  
}

.slds-card{
  border:none !important;
}

.lwc-1df1eblanv8{
  color:white;
}

/* background home tilemenu
.slds-grid--align-center, .slds-grid_align-center{
  background-color:#f5ecff;
}*/

/*logo align*/
.logo[c-footer_footer]{
  margin-left:9px;
}

/*remove margin on header*/
.lwc-4k1qbp7cls1-host{
  margin-bottom:0px;

}

.frameSomethingElse {
  display: flex;
  width: 1200px;
  margin-left:15%;
  align-items: center;
  justify-content: space-between;
  padding: 35px;
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
}

.frameSomethingElse .div {
  display: inline-flex;
  gap: 15px;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.frameSomethingElse .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-family: "Replica Pro-Bold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 35px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
}

.frameSomethingElse .check-out-our-faqs {
  position: relative;
  width: fit-content;
  font-family: "Source Sans Pro-Regular", Helvetica;
  font-weight: 400;
  color: transparent;
  font-size: 27px;
  letter-spacing: 0;
  line-height: 27px;
  white-space: nowrap;
}

.frameSomethingElse .span {
  color: #000000;
}

.frameSomethingElse .text-wrapper-2 {
  color: #934af4;
  text-decoration: underline;
}

.frameSomethingElse .div-wrapper {
  display: flex;
  width: 70px;
  height: 70px;
  justify-content: center;
  border-radius: 35px;
  border: 4px solid;
  border-color: #934af4;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.frameSomethingElse .text-wrapper-3 {
  position: relative;
  flex: 1;
  align-self: stretch;
  margin-top: -4px;
  font-family: "Replica Pro-Heavy", Helvetica;
  font-weight: 400;
  color: #934af4;
  font-size: 34px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

/* helps with background of tilemenu */
.lwc-6jb05p8ont5{
background-color:#f5ecff !important
}
/* helps with background of tilemenu */
.lwc-1nf8r8ii43j {
  background-color: #f5ecff !important;
  color:black;
}

.backgroundColorWhite{
  background-color: white !important;
}

/*knowledge detail fixes*/
.lwc-33p17qvimcv{
  background-color:white !important;
}

@media only screen and (min-width: 64.0625em) {
  .lwc-6j9an5vbrcd-host.comm-section-container {
      padding:0px !important;
      min-height: 0px !important;
  }
}
.lwc-6jb05p8ont5{
    background-color:white !important;
}

/*background search color*/
.dxpStyle_7ab9bebd-bce9-4bf4-aa9d-f21b179ff6a7{
  background-color:white !important;
}

/*background article detail */
.dxpStyle_6d84b4e2-c63e-42fa-ba89-95059fca4880{
  background-color:white !important;
}

.dxpStyle_f8686b0e-bff6-4b7e-a631-7d1fc4112411{
  background-color:white !important;
} 

.object-navigation-container.lwc-3algqv9b5fb{
  display:none !important;  
}
/*ENDS knowledge detail fixes*/


/* fixes cutoff on global search*/
.input-container[lwc-4b3m8g3ufrr]{
  height:var(--lwc-spacingXLarge, 3rem)!important;
  background-color: white;

}

community_byo-scoped-header-and-footer__footer-content{
  background-color:rgb(255 255 255)!important;
}

.component-wrapper-spacer.lwc-4k1qbp7cls1-host{
  background-color:white !important;
}

.dxpStyle_32ef3fa9-42c0-4f84-ba4e-1cf88b8fde3d{
  background-color:white !important;
}

.component-wrapper-spacer.dxpStyle_28bc7f50-52ad-4676-98ab-3e8564fa30f6{
  background-color:white !important;

}

.component-wrapper-spacer.dxpStyle_32ef3fa9-42c0-4f84-ba4e-1cf88b8fde3d{
  background-color:white !important;

}

.component-wrapper-spacer.dxpStyle_6841e12f-ecf4-47ac-920e-431aa27cf311{
  background-color:white !important;

}

.component-wrapper-spacer{
  background-color:white !important;
}

/*padding on header and footer */
header[lwc-3rcll229rc6],footer[lwc-3rcll229rc6]{
  padding:0px !important;
}

.input-wrapper{
  box-shadow:none !important;
}

.slds-dropdown__item>a{
  color:black !important;
}

.slds-dropdown__item>a{
  color:black !important;
}

.slds-text-title_caps{
  color:black !important;
}

/*fix weird line above footer */
.community_byo-scoped-header-and-footer__footer-content{
  background-color:#2c1259 !important;
}

.searchResultsArticleSearch{
  font-size:30px;
  background-color:white !important;
  padding-left:15%;
  padding-bottom:1%;
  padding-top:1%;
}

.slds-form-element__icon{
  display:none !important;
}
  
/*making the search icon a bit down */
.input-search-button .slds-icon{
  padding-top:5px !important;
}

/*trying to get rid of fields on knowledge article */
.test-id__field-label {
  display:none !important;
}

/*trying to get rid of fields on knowledge article */
.test-id__section-header-title{
 display:none !important;
} 

/*hiding title and url fields on knowledge article */
.slds-form dxp_records-section-row {
    display: none;
}

.slds-form dxp_records-section-row:first-child {
    display: block;
}

/*on mobile icon that colapses article*/
.lwc-11mbna0jht8 .slds-icon_container{
  display:none !important;
}

.contactSupportHeader{
background-color: white;
text-align: center;
}

.contactUs{
  font-weight: 400;
  color: #2D1159
}

/*fixing anchor tag overlap issue */
:target::before{
content:'';
display:block;
height:70px; /* fixed header height*/
margin-top:-70px; /* negative fixed header height */ 
visibility:hidden;  
}