/* Enable variable values for colours*/

:root {
  --orange: #FD5108;
  --orange-400: #FE7C39;
  --orange-300: #FFAA72;
  --orange-200: #FFCDA8;
  --orange-100: #FFE8D4;
  --orange-50: #FFF5ED;

  --grey: #A1A8B3;
  --grey-400: #B5BCC4;
  --grey-300: #CBD1D6;
  --grey-200: #DFE3E6;
  --grey-100: #EEEFF1;
  --grey-50: #F5F7F8;
}

/* Enable orange background colours classes */

.orange {
background-color: var(--orange) !important;
}

.orange-400 {
background-color: var(--orange-400) !important;
}

.orange-300 {
background-color: var(--orange-300) !important;
}

.orange-200 {
background-color: var(--orange-200) !important;
}

.orange-100 {
background-color: var(--orange-100) !important;
}

.orange-50 {
background-color: var(--orange-50) !important;
}

/* Enable grey background colours classes */

.grey {
background-color: var(--grey) !important;
}

.grey-400 {
background-color: var(--grey-400) !important;
}

.grey-300 {
background-color: var(--grey-300) !important;
}

.grey-200 {
background-color: var(--grey-200) !important;
}

.grey-100 {
background-color: var(--grey-100) !important;
}

.grey-50 {
background-color: var(--grey-50) !important;
}

/* Fix collection v3 padding */

.collection-v3-listing__title-wrapper {
padding-top: 0;
}

.collection-v3 {
padding-bottom: 40px;
}

/* Remove video collection title */

.videoplayer-v3 .videoplayerv3-wrapper {
margin: 20px 0;
}

.videoplayer-v3.outline .videoplayerv3-wrapper {
padding-bottom: 0;
}

.videoplayerv3-wrapper.bottom {
border-bottom: 0 !important;
}

.videojs-description,
.videoplayerv2.video-asset-details {
display: none !important;
}

/* Limit maximum width for people and expert collection component */

.expertpeoplecollection__list--container {
max-width: 1200px;
margin: 40px auto;
}

.people-component-list-container {
max-width: 1100px;
}

/* Enable smooth scrolling */

html { scroll-behavior: smooth; }