/* Custom code to be added to each web property */
  body {
    margin-top: 90px !important;
  }

  /* Medium Sized Devices */
  @media (min-width: 1070px) and (max-width: 1400px) {
      body{
          margin-top: 140px !important;
      }
  }

  /* Small Sized Devices */
  @media (max-width: 1070px) {
      body {
          margin-top: 80px !important;
      }
  }


.pur-page-wrapper{
    width: 100%;
}
.pur-welcome-banner{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #415364;
  background: url("../img/Blue_back_3pct.png") no-repeat  #415364;
  background-position: top right;
  height: 200px;

}
.pur-welcome-message{
  font-family: "Inter";
  font-size: 2.4rem;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  padding:20px;
}

.pur-api-box-wrapper{
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
  padding: 48px 0;
  gap:32px;
  margin: 0 auto;

}

.pur-api-box{
  display: flex;
  flex-flow: column nowrap;
  justify-content: left;
  width: 250px;
  height: 250px;
  padding: 32px;
  border: 1px solid #41536440;
  border-radius: 4px;
  background-color: #ffffff ;
}
.pur-api-title{
  font-size: 18px;
  font-weight:900;
  padding: 24px 0;
  margin-bottom: 24px;
}

.pur-api-title.pur-PA{
  border-bottom: 4px solid #D6006D;
}
.pur-api-title.pur-3W{
  border-bottom: 4px solid #415364;
}
.pur-api-title.pur-WM{
  border-bottom: 4px solid #EB41A9;
}
.pur-api-title.pur-OM{
  border-bottom: 4px solid #FF9E19;
}
.pur-api-title.pur-IM{
  border-bottom: 4px solid #008895;
}


.pur-api-description{
  font-size: 14px;
  color: #41536480;
  line-height: 20px;
}

.pur-api-page-header{
  font-size: 42px;
  margin-top: 16px;
}

.pur-api-box:hover{
  box-shadow: 0 0 20px rgb(63 83 100 / 40%);
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.pur-api-title:hover{
  color: #7B004C;
}

.pur-api-box-wrapper a{
  text-decoration: none;
  color: unset;

}


/* API DOC STYLES */
.pur-api-module-wrapper{
  max-width: 1440px;
  margin: 0 auto;
  text-align: left;
  padding: 32px;
}

.pur-version-wrapper{
  padding:30px;
  background-color:#41536420;
  margin-bottom: 32px;
}

#versionSelectBox{
  padding: 4px 32px;
  border-radius: 4px;
  margin-left: 16px;
  position: relative;
  display: inline-block;
}
.internal{
  display: none;
}


@media   (max-width: 1400px) {
  .pur-api-box-wrapper {
      justify-content: center;
  }

  .pur-api-page-header {
    text-align: center;
  }

}

.pur-api-formerly{
  font-size:13px;
  color: #41536475;
  height: 18px;
  margin-top: 4px;
}