/* Variables
---------------------------------------------------------------------- */

:root {
  --main-color: #57150B;
}


/* Header
---------------------------------------------------------------------- */

/* ---- Border ---- */
#app-header {
  /* margin: 5px 0 10px; */
  padding: 0;
  border-bottom: 18px solid #FFCC00;
}


/* ---- Logo ---- */

.logo-customized img {
  max-width: 300px;
}

/* ---- Headings ---- */

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


/* Navigation
---------------------------------------------------------------------- */

/* ---- Home Login ---- */
#user-nav > a {
  color: #57150B;
  font-weight: 900;
  font-size: 1.05rem;
}

button.css-zi7qzf-view-link {
  font-size: 1.2em !important;
  text-decoration: none!important;
  font-weight: 600!important;
}

/* ---- Page Links ---- */
#page-links {
  display: inline-block;
}

#page-links a {
  display: inline-block;
  padding: 5px 10px 5px 0;
  font-size: 14px;
}


/* ---- Account Dropdown ---- */
.Dropdown__ToggleTextWrapper {
  max-width: 280px;
}

/* Search Section
---------------------------------------------------------------------- */

/* Buttons – Categories & Refine */
/* .search-categories-button {
background-color: #FFF;
}*/

/*.search-categories-button .search-refine-button__text {
color: var(--main-color);
}; */

#search-form .search-refine-button {
  background-color: transparent;
  border: 2px solid #fff;
  margin-left: 1rem;
}

#search-form .search-categories ul li a {
  text-decoration: none;
}

#search-form .search-categories ul li:hover {
  border-left: 3px solid #ffcc02;
  font-weight: 800;
}

button#accountDropdown {
  padding: 5px  0;
}

.css-18mlxse-view--block-link:-webkit-any(a), .css-18mlxse-view--block-link:-webkit-any(button){
  text-decoration: none;
  padding: 4px;
}

/* Admin Dropdown Menu */

/* .css-18mlxse-view--block-link:-webkit-any(a):focus, .css-18mlxse-view--block-link:-webkit-any(button):focus {
    background-color: rgb(223 247 255);
    outline-color: rgb(255 255 255);
outline: none;
}*/

/* - 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: #333333;
}

#switcher .css-fhkclk-baseButton__content {
  background-color: #edf4f6;
  border-radius: .5rem;
}

ul.nav {
  color: #fff;
}

.AccountDropdown--margin-top {
  margin-top: 0;
}
span.Dropdown__ToggleIcon--header.icon-right {
  color: #57150B;
}

span.Dropdown__ToggleText {
  color: #57150B;
  font-weight: 900;
  font-size: 1.05rem;
}

.Dropdown__ToggleIcon--header:after {
  background-color: #e4e2df;
  padding: .4rem .2rem .3rem;
  border-radius: 1rem;
  margin-left: .2rem;
  margin-bottom: .2rem;
}

.open .Dropdown__ToggleIcon--header:after {
  padding: .3rem .2rem .4rem;
}

#header-menu {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #f3f7f8;
  padding: .25rem 1.5rem;
}

@media screen and (min-width: 768px) {
  #header-menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: transparent;
    padding: .5rem 1rem;
  }

  .AccountDropdown--margin-top {
    margin-top: 30px;
  }
}

/* Buttons
---------------------------------------------------------------------- */

/* ---- Button Hover ---- */

.btn-info:hover, .btn-info:focus, .ProductIcon__LargeCircle--course:focus {
  background: var(--main-color);
  filter: brightness(15%);
}

.btn-info:hover {
  background: transparent;
}

.product-results .product-tile:hover {
  box-shadow: inset 0 -5px 0 var(--main-color);
}

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

#search-form .search-form-container, #search-form  .icon.search-refine-button__icon.icon-circle-down {
  background-color: #57150B;
}

.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;
}

.btn-lg, .btn-group-lg>.btn {
  padding: 8px 28px;
  border-radius: 3px;
}

/* button#search-refine-button--categories:hover {
    background: white;
}

button#search-refine-button--categories .search-refine-button__text:hover {
color: var(--main-color);
} */

/* ---- Student View ---- */
a.css-be2ist-baseButton__content {
  background: #2a4e6e;
}

/* Page - General
---------------------------------------------------------------------- */
#main {
  min-height: 500px;
}

/* Page - Browse Listings
---------------------------------------------------------------------- */

/* ---- Background Color ---- */

#main.product-results {
  background-color: #fbfbfb;
}

/* Page - Course Display
---------------------------------------------------------------------- */

/* ---- Background Color ---- */

#product-page #feature {
  background-color: #fbfbfb;
}

/* ---- Listing Heading ---- */

.product-heading h2 {
  font-weight: 600;
  /*color: #775809;*/
}


/* ---- Listing Icons ---- */

.Icon__CircleWrap--info, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
  /*background: #ae7f08;*/
  background: #c0962d;
}

/* ---- Listing Flags ---- */

#feature .jqFlag {
  /*border-top: #75px solid #5b24d5 !important;*/
  /*border-top: #75px solid #620bb0 !important;*/
  /*border-top: #75px solid #9c1a7c !important;*/
  border-top: #75px solid #007b4b !important;

}

.product-flag.product-flag-free {
  /*background-color: #5b24d5;*/
  /*background-color: #620bb0;*/
  /*background-color: #9c1a7c;*/
  background-color: #007b4b;
}

.product-bg {
  background-color: #fbfbfb;
}

/* Page - Listing Tiles
---------------------------------------------------------------------- */

/* ---- Description ---- */
.product-tile .product-description {
  font-size: 14px;
}

/* ---- Logo ---- */

.product-account-image-wrapper {
  max-width: 70%;
}

/* ---- Effects  ---- */
.product-results .product-tile:hover {
  box-shadow: inset 0 -5px 0 var(--main-color),  0 0 11px rgb(73 72 72 / 20%);
}

/* Page - Search Section
---------------------------------------------------------------------- */
.feature-region {
  min-height: 0;
}

#search-form .search-form-filters {
  background-color: #fbfbfb;
}

/*---- Student View – Remove Drop Course Option ----*/

.DashboardProduct__Course .Dropdown__Wrapper {
  display:none !important;
}