/*** START Center Vertically ***/
body .center-vertically {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/*** END Center Vertically ***/
/*** START Add Border ***/
body .add-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

/*** END Add Border ***/
/*** START- Stacked Promo Card ***/
body .promo-card-stacked {
  padding: 0;
}

body .component.promo.promo-card-stacked .component-content {
  border: 0;
}

body .promo-card-stacked .field-promoicon {
  padding: 0;
}

body .promo-card-stacked .promo-text {
  padding: 30px 40px;
  min-height: 240px;
}

body .promo-card-stacked .promo-text h4, body .promo-card-stacked .promo-text h3 {
  margin: 5px 0 20px 0;
}

/*** END- Stacked Promo Card ***/
/*** START- Webinar Listing  ***/
body .page-list.webinar-list .item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-bottom: none;
}

body .page-list.webinar-list .item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body .webinars-tile {
  display: -webkit-flex;
  display: flex;
}

body .webinar_thumbnail {
  margin-right: 20px;
}

body .webinar_thumbnail img {
  max-width: 150px;
}

@media (max-width: 768px) {
  body .webinar_thumbnail {
    display: none;
  }
}

body .webinar__title.field-title {
  margin-bottom: 20px;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  color: #0D4486 !important;
}

body .webinar__datetime, body .webinar__videolength {
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
}

body .webinar__description p {
  margin-bottom: 1em;
}

body .webinar__description ul, body .webinar__description ol {
  list-style-type: disc;
  margin: 0 0 1em 0;
  padding-left: 20px;
}

body .webinar__description li, body .webinar__description a {
  font-size: 14px;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
}

body .webinar__viewlink a, body .webinar__reglink a {
  display: inline-block;
  color: #0D4486 !important;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
  font-size: 14px;
  font-weight: 700;
  border-bottom: none;
}

body .webinar__viewlink a:after, body .webinar__reglink a:after {
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #0D4486;
  content: '';
  display: inline-block;
  height: 10px;
  left: 6px;
  position: relative;
  top: 7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  vertical-align: top;
  width: 10px;
}

/*** END- Webinar Listing  ***/
/*** START - Link Styles  ***/
a.pdf-link {
  background-image: url(/-/media/Project/NHP/Sites/Shared/Icons/icon-pdf.svg?h=39&w=55);
  background-position: center left 30px;
  background-repeat: no-repeat;
  padding-left: 85px;
  padding-right: 30px;
  padding-bottom: 20px;
  display: inline-block;
  padding-top: 20px;
  background-color: #EFF1F4;
  width: 100%;
  font-weight: 600;
}

a.zip-link {
  background-image: url(/-/media/Project/NHP/Sites/Shared/Icons/icon-zip.svg?h=39&w=55);
  background-position: center left 30px;
  background-repeat: no-repeat;
  padding-left: 85px;
  padding-right: 30px;
  padding-bottom: 20px;
  display: inline-block;
  padding-top: 20px;
  background-color: #EFF1F4;
  width: 100%;
  font-weight: 600;
}

a.web-link {
  background-image: url(/-/media/Project/NHP/Sites/Shared/Icons/web-iconsvg.svg?h=39&w=39);
  background-position: center left 30px;
  background-repeat: no-repeat;
  padding-left: 85px;
  padding-right: 30px;
  padding-bottom: 20px;
  display: inline-block;
  padding-top: 20px;
  background-color: #EFF1F4;
  width: 100%;
  font-weight: 600;
}

/*** END- Link Styles  ***/
/*** START - Page List Stacked Card Styling  ***/
body .page-list-card-stacked ul li {
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  margin: 0 15px 30px 15px;
  display: -webkit-inline-box;
  max-width: 100%;
}

body .page-list-card-stacked ul li .landing_page_content {
  padding: 30px;
  min-height: 135px;
}

body .page-list-card-stacked ul li .landing_page__title {
  line-height: 1.2;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
  font-size: 20px;
  color: #0D4486 !important;
  font-weight: 400;
}

body .page-list-card-stacked ul li .landing_page__title.field-title {
  max-width: 219px;
}

body .page-list-card-stacked ul li .landing_page_thumbnail {
  height: 155px;
  overflow: hidden;
}

body .page-list-card-stacked ul li .landing_page_thumbnail > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

body .page-list-card-stacked ul li .landing-page-tile {
  width: 100%;
  display: inline-grid;
}

body .page-list-card-stacked a {
  border-bottom: none;
}

body .page-list-card-stacked .item:last-child {
  border-width: 1px;
}

body .page-list-card-stacked ul.items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}

@media (max-width: 991px) {
  body .page-list-card-stacked ul.items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 767px) {
  body .page-list-card-stacked ul.items {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 575px) {
  body .page-list-card-stacked ul.items {
    grid-template-columns: 1fr;
  }
}

/*** END- Page List Stacked Card Styling  ***/
/*** START- Rich Text Styling  ***/
body .rich-text-left-padding {
  padding-left: 15px !important;
}

body .rich-text-right-padding {
  padding-right: 15px !important;
}

/*** END- Rich Text Styling  ***/
/*** START- Job Adder  Styling  ***/
body .ja-job-search .ja-form .ja-field-container .ja-field > select {
  position: relative;
  padding: 0 20px;
  margin: 0;
  height: 60px;
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  color: rgba(0, 0, 0, 0.7);
  line-height: 2;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
  font-weight: 300;
  background: url(/-/media/Project/NHP/Sites/Shared/Icons/icon-caret-down.svg?h=20&w=20);
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  width: 100%;
}

body .ja-job-search .ja-form .ja-field-container {
  margin-bottom: 15px;
}

body .ja-job-list-container .job {
  border: 1px solid #c5c5c5;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
}

body .ja-job-list-container .title, body .ja-job-details .title {
  margin-bottom: 20px;
}

body .ja-job-list-container .title a, body .ja-job-details .title a {
  font-size: 24px !important;
  line-height: 1.2 !important;
  font-weight: 700;
  color: #0D4486;
}

body .ja-job-list-container .meta, body .ja-job-details .meta {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

body .ja-job-list-container .meta > ul, body .ja-job-details ul {
  list-style-type: disc !important;
  padding: 0 0 20px 20px !important;
}

body .ja-job-list-container .summary, body .ja-job-details .summary {
  padding-bottom: 20px !important;
}

body .ja-job-list-container .view-details, body .ja-job-details .ja-button {
  padding: 22px 25px;
  display: inline-block;
  min-width: 162px;
  width: auto;
  height: 60px;
  max-height: 60px;
  background-color: #0D4486;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 1;
  text-decoration: unset;
  text-align: center !important;
}

body .ja-job-details .date-posted, .powered-by-jobadder {
  display: none;
}

body .ja-job-details .apply {
  margin-top: 20px;
}

body .ja-job-details .back-link {
  padding: 22px 25px;
  display: inline-block;
  min-width: 162px;
  width: auto;
  height: 60px;
  max-height: 60px;
  background-color: transparent;
  border: 1px solid #0D4486;
  border-radius: 0;
  color: #0D4486;
  font-size: 14px;
  font-weight: 600 !important;
  line-height: 1;
  text-decoration: unset;
  text-align: center !important;
  margin-right: 20px;
}

#ja-jobs-widget .ja-job-details .meta {
  display: none;
}

/*** END- Job Adder Styling  ***/
/*** START- Locations Listing  ***/
body .page-list.locations-list .item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-bottom: none;
}

body .page-list.locations-list .item:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body .locations-tile {
  display: -webkit-flex;
  display: flex;
}

body .locations_thumbnail {
  margin-right: 20px;
}

body .locations_thumbnail img {
  max-width: 150px;
}

body .locations__title.field-title {
  margin-bottom: 10px;
  font-family: "Titillium Web", "Open Sans", sans-serif !important;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #0D4486 !important;
}

body .locations__description {
  margin-bottom: 1em;
}

body .locations__description p, body .locations__description p em {
  font-size: 16px;
}

body .locations__maplink img {
  width: 40px;
  height: 100%;
}

body .locations__maplink a {
  border-bottom: none;
  display: -webkit-inline-flex;
  display: inline-flex;
}

body .locations__maplink a::after {
  content: "View on Google Maps";
  color: #0D4486;
  padding: 10px 5px;
  font-weight: 600;
  font-size: 16px;
}

/*** END- Locations Listing  ***/
/*** START - Left Navigation Styling for Page Lists  ***/
body .left-navigation {
  padding: 0;
}

body .left-navigation .item {
  padding: 0 0 30px 0 !important;
  border-bottom: none;
}

body .left-navigation .item a {
  font-weight: 400;
  border-bottom: none;
}

body .left-navigation .item a:hover {
  color: rgba(0, 0, 0, 0.7);
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, #08A864 0%, #01ADEF 100%);
  border-image-slice: 1;
  transition: unset;
}

@media (max-width: 991px) {
  body .left-navigation {
    display: none;
  }
}

/*** END- Left Navigation Styling for Page Lists  ***/
/*** START - Accordion Styling  ***/
body .accordion .label {
  white-space: normal;
}

body .accordion .item a {
  color: #0D4486;
  text-decoration: none;
  font-weight: 700;
}

body .accordion .item a:hover {
  color: #1088b8;
}

/*** END - Accordion Styling  ***/
/*** START - Home page Featured Categories Styling ***/
.bodyclass.home main .c-featured-categories .item .field-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height: 1.2;
}

.bodyclass.home main .c-featured-categories .item .field-short-description {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.bodyclass.home main .c-featured-categories .item .field-thumbnail img {
  object-fit: cover;
}

.bodyclass.home main .c-featured-categories .categories-tile {
  min-height: 300px;
}

/*** END - Home page Featured Categories Styling ***/
/*** START - Mini Cart Styling ***/
.cxa-minicart-component.component .basket .minicart .minicart-content {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px !important;
}

.cxa-minicart-component.component .basket .minicart .minicart-content::-webkit-scrollbar-track {
  padding: 2px 0;
  background-color: #DDDDDD;
}

.cxa-minicart-component.component .basket .minicart .minicart-content::-webkit-scrollbar {
  width: 5px;
}

.cxa-minicart-component.component .basket .minicart .minicart-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #9E9E9E;
}

/*** END - Mini Cart Styling ***/
/*** START - News Article Styling ***/
.news-article .component-content {
  padding: 0 15px 30px 15px;
}

/*** END - News Article Styling ********/
/*** START - Stock on Hand Styling ***/
.stock-notloggedin-info-label {
  margin-top: 10px;
}

.stock-notloggedin-info-link a {
  font-weight: bold;
  color: #0D4486;
}

.c-product__id {
  margin-bottom: 20px;
}

.national_stock_number, .local_stock_number {
  margin-top: 0 !important;
}

label.stock-count-label {
  font-size: 14px !important;
}

/*** END - Stock on Hand Styling ***/
/* Provides additional background to compliment the existing background.scss files */
.container-clear-background {
  background: transparent;
}