#branding-bar .row, 
#footer .row {
    max-width: 70rem !important;
}

#branding-bar {
    margin-bottom: 0 !important;
}

/* Add some bottom padding for subtitle. */
#app-footer {
    padding-bottom:30px !important;
}

/* Push the header down to clear the fixed branding bar on screens narrower that 1024px */
@media (max-width: 1024px) { 
    #app-header {
        margin-top:50px;
    }
}


/* Template header area */
/* ====================================================================================== */
/* ====================================================================================== */

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

/*Style the subtitle we're adding under the logo*/
.header-branding p.subtitle {
    margin-top:-20px;
    font-size:120%;
    color: #A9B0B7;
}

/* Bring login link vertically inline with select/dropdown */
#user-nav {
    margin-left:1em;
    padding: 5px 5px;
    font-size: 16px;
    height: 34px;
}

#user-nav .Dropdown__ToggleTextWrapper {
    display:block; /* Overriding inline-block. Fixes irregular vertical alignment issue */
}

#user-nav > a,
#user-nav > .btn {
    /* margin:0 !important; */
    padding:0 !important;
    font-family: "Myriad Pro", sans-serif;
    font-size:18px;
}

#user-nav > .btn:last-child
{
  margin-left:0.2em;
}

#user-nav > .btn.has-pipe:after
{
  content: '|';
  margin:0 0.2em 0 0.5em;
  color:#A9B0B7;
}


#user-nav > a {
    color: #A9B0B7;
}

#user-nav a:hover,
#user-nav a:active,
#user-nav a:focus {
    text-decoration:none;
    color: #A9B0B7;
}

#search::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  opacity: 1; /* Firefox */
}

#search:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

#search::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

/* Style select/option drop-down list */
/* http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript */

div#select_catalog_wrap {
    position:relative;
}

select#select_catalog {
    border: none;
    /* width: 200px;  width can't be fixed, since we're selecting the appropriate value after going to the new page and it's text needs to fit. */
    padding: 5px 35px 5px 10px;
    font-size: 16px;
    height: 34px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius:5px;
    color:#fff;
    background: #5a595c url(https://elearn.sitehost.iu.edu/assets/images/expand/drop-down-arrow-01.png) 97% center no-repeat;
    cursor:pointer;
}



/* Template footer area */
/* ====================================================================================== */
/* ====================================================================================== */

#app-footer {
    background-color: #AC2B37; 
}

/* Admin area styling */
/* ====================================================================================== */
/* ====================================================================================== */

.header-nav li a,
.header-nav .btn-link {
    font-weight: 500;
}

.header-nav .btn-link:hover {
    text-decoration:none;
}

/* Hide the circular course/program icons on listing tiles, etc. */
.ProductIcon__Wrapper--gallery-show,
.ProductIcon__Wrapper--gallery-index {
    display: none;
}
.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}


/* 6/2/2021 */

#custom-feature-container {
	h1 {color: #990000;}
}

.feature-region {
	background-image:none;
}

#app-header, #app-footer {
	background-color: #FFFFFF!important;
	color: #343c44;
	a { color:#343c44 !important; }
}
#user-nav { text-align:right; }
#user-nav > #page-links a { color:#343c44 !important; }
#user-nav > .btn-link  { color:#343c44 !important; }
#page-links { margin-top:10px;}
.dropdown-menu { color: #000000 !important; }