/* - variables- */
:root {
  --main-color: #B20D0D;
}
#user-nav > a {
    color:#B20D0D;
}

#user-nav {
  padding-top: 25px;
}
#page-links {
  display: inline-block;
}
#page-links a {
  display: inline-block;
  padding: 5px 10px 5px 0;
  font-size: 14px;
}
button#accountDropdown {
  padding: 5px 10px 5px 0;
}

/* - button/icon background - */
.btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
  background: var(--main-color);
}

.search-refine-button__contents {
color: #FFFFFF;
}

#app-header {
background-color: #FFFFFF;
}

#app-header h1 {
    margin:20px 0;
}

ul.nav {
color: #B20D0D;
}

span.Dropdown__ToggleIcon--header.icon-right {
color: #B20D0D;
}

span.Dropdown__ToggleText {
color: #B20D0D;
}

/* - button :hover - */
.btn-info:hover, .btn-info:focus, .ProductIcon__LargeCircle--course:focus {
  background: var(--main-color);
  filter: brightness(85%);
}
.product-results .product-tile:hover {
  box-shadow: inset 0px -5px 0px var(--main-color);
}

/* - feature-search - */
.feature-region {
  background-image: inherit;
}

#search-form .search-form-container {
  background-color: #B5V5V5;
}

.search-refine-button__text {
    color: #fff;
}

.icon.search-refine-button__icon.icon-circle-down {
    color: #fff;
}

.icon.search-refine-button__icon.icon-circle-up {
    color: #fff;
}

.recp-anchor {color:white;padding-left:1em;font-size:0.8em;}
.recp-anchor:hover {font-weight:bold;color:white;}
#search-form .search-box-wrapper {width:250px;}

.video-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* Ensure the container has height */
}
.video-container iframe {
  max-width: 100%; /* Ensure responsiveness */
  margin: auto;
}

.text-slide {
  padding: 20px; /* Add some padding inside the slide */
  text-align: center; /* Center the text horizontally */
  height: 100%; /* Set height to 100% of the slide */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  font-size: 16px; /* Adjust font size if necessary */
  line-height: 1.5;
}