.btn:focus,
.Form__RadioInput--hidden:focus+.Form__RadioOption--checked .Form__RadioLabel:before,
.Form__RadioWrapper input[type="radio"]:checked+span:focus,
#search-form .search-refine .search-refine__switches .btn-lg:focus,ropw
#search-form .search-refine .search-refine__switches .btn-group-lg>.btn:focus {
	outline-style: solid;
	outline-color: #c41230
}

.actionbutton {
        background-color: #c41230;
}

html {
	font-size: 16px !important
	font-weight: 400
}

a,
.Product__AssociatedProductsList--below-the-fold>li>a {
	color: #c41230;
	text-decoration: none;
}

a:hover,
.Product__AssociatedProductsList--below-the-fold>li>a:hover,
a:focus,
.Product__AssociatedProductsList--below-the-fold>li>a:focus {
	color: #AD102A;
	text-decoration: underline
}

.page-header {
	padding-bottom: 9px;
	margin: 40px 0 20px;
	border-bottom: 1px solid #edece2
}

.btn:hover,
.btn:focus {
	color: #AD102A;
	text-decoration: none
}

.btn-default {
	color: #AD102A;
	background-color: #faf9f7;
	border-color: #edece2
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #AD102A;
	background-color: #edece2;
	border-color: #d2cfc2
}

.open .btn-default.dropdown-toggle {
	color: #AD102A;
	background-color: #edece2;
	border-color: #d2cfc2
}

.btn-default:active,
.btn-default.active {
	background-image: none
}

.open .btn-default.dropdown-toggle {
	background-image: none
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
	background-color: #faf9f7;
	border-color: #edece2
}

.btn-default .badge {
	color: #faf9f7;
	background-color: #AD102A
}

.btn-primary {
	color: black;
	background-color: #c41230;
	border-color: #AD102A
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	color: black;
	background-color: #AD102A;
	border-color: #AD102A
}

.open .btn-primary.dropdown-toggle {
	color: black;
	background-color: #AD102A;
	border-color: #AD102A
}

.btn-primary:active,
.btn-primary.active {
	background-image: none
}

.open .btn-primary.dropdown-toggle {
	background-image: none
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
	background-color: #c41230;
	border-color: #AD102A
}

.btn-primary .badge {
	color: #c41230;
	background-color: white
}

.btn-info {
	color: black;
	background-color: #c41230;
	border-color: #AD102A
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
	color: #000000;
	background-color: #AD102A;
	border-color: #AD102A
}

.open .btn-info.dropdown-toggle {
	color: black;
	background-color: #AD102A;
	border-color: #AD102A
}

.btn-info:active,
.btn-info.active {
	background-image: none
}

.open .btn-info.dropdown-toggle {
	background-image: none
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
	background-color: #c41230;
	border-color: #AD102A
}

.btn-info .badge {
	color: #c41230;
	background-color: white
}

.btn-link {
	color: #faf9f7;
	font-weight: normal;
	cursor: pointer;
	border-radius: 0
}

.btn-link:hover,
.btn-link:focus {
	color: #faf9f7;
	text-decoration: underline;
	background-color: transparent
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	background-color: #ffffff;
	border: 3px solid #000000;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #edece2
}

.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #ffffff;
	white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	text-decoration: none;
	color: #c41230;
	background-color: #ad102a;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #c41230
}

.dropdown-header {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #c41230
}

.nav>li>a:hover,
.nav>li>a:focus {
	text-decoration: underline;
}

.nav>li.disabled>a {
	color: #faf9f7}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
	color: #000000;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	background-color: #edece2;
	border-color: #c41230
}

.nav .nav-divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #faf9f7
}

.nav-tabs {
	border-bottom: 1px solid #d2cfc2 ;
        background-color:  #C41230;
}

.nav-tabs>li>a {
	color: white;
}

.nav-tabs>li>a:hover {
	background-color: #EDECE2 ;
	color: #C41230 ;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	color: #AD102A;
	background-color: #faf9f7;
	border: 1px solid #d2cfc2;
	border-bottom-color: transparent;
	cursor: default
}

.AdminNav__Tabs {
	border-bottom-color: #faf9f7;
	background-color: #000000;
        color: #FFFFFF ;
}

.AdminNav__Tabs li {
	padding: 10px
}

.AdminNav__Tabs li.ui-state-focus,
.AdminNav__Tabs li.ui-state-focus.ui-tabs-active {
	outline: none;
	border-color: #faf9f7
}

.AdminNav__Tabs.ui-tabs-active,
.AdminNav__Tabs.ui-tabs-active.ui-state-hover,
.AdminNav__Tabs.ui-tabs-active:hover {
	border-color: #faf9f7;
	background-color: #white;
}

.Dropdown__Menu,
.Product__AssociatedProductsList--below-the-fold {
	-webkit-transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in 75ms;
	transition: opacity 200ms ease-in, -webkit-transform 200ms ease-in 75ms;
	transition: opacity 200ms ease-in, transform 200ms ease-in 75ms;
	transition: opacity 200ms ease-in, transform 200ms ease-in 75ms, -webkit-transform 200ms ease-in 75ms;
	opacity: 0;
	-webkit-transform: translateY(-10%);
	transform: translateY(-10%);
	pointer-events: none;
	box-shadow: none;
	min-width: 200px;
	text-align: left;
	padding: 10px 0;
	border: 1px solid #d2cfc2;
	background-color: faf9f7;
	color: #000000;
	z-index: 3000
}

.Dropdown__Menu:before,
.Product__AssociatedProductsList--below-the-fold:before {
	border-color: d2cfc2;
	border-bottom-color: #edece2;
	border-width: 8px;
	margin-left: -8px
}

.Dropdown__Menu:after,
.Product__AssociatedProductsList--below-the-fold:after {
	border-color: d2cfc2;
	border-bottom-color: #c41230;
	border-width: 7px;
	margin-left: -7px
}

.Dropdown__MenuItem,
.Dropdown__MenuItem--top-border {
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	padding: 0;
	color: #FFFFFF
}

.Dropdown__MenuItem:hover,
.Dropdown__MenuItem--top-border:hover,
.Dropdown__MenuItem:focus,
.Dropdown__MenuItem--top-border:focus {
	background-color: #edece2
}

.Dropdown__MenuItem--top-border {
	border-top: 1px solid #d2cfc2
}

@media screen and (max-width: 400px) {
	@-ms-viewport {
		width: 320px
	}
}

a:hover,
.Product__AssociatedProductsList--below-the-fold>li>a:hover,
a:focus,
.Product__AssociatedProductsList--below-the-fold>li>a:focus {
	color: #AD102A;
	text-decoration: underline
}

.AdminHeader {
	background: #c41230;
	border-color: #d2cfc2;
	border-width: 1px 0 0 0;
	border-style: solid;
	padding-top: 2.2em;
	padding-bottom: 2.2em;
	min-height: 85px;
	margin: 0
}

/*HEADER*/
header#app-header {
    background-color:#c41230;
    color:#FFFFFF;
    padding:5px;
    white-space:nowrap;
}

header#app-header a {
    color:#000000;
}

/*HOME PAGE*/

/*Modify the home page feature area background*/
#home-page .feature-region {
  background-repeat: no-repeat;
  background-image: url("https://miamioh.edu/_hannonhill/_files/images/illustrations/illustration-duotone-red.png") !important ;
  background: #c41230;
}

#home-page #feature h3 {
  text-align: center;
  font-size: 2.9em;
  margin-top: 1.25em;
  line-height: 1;
  font-weight: 500;
  font-family: Source Serif Pro;
  color: #fff;
}

#home-page #feature h4 {
  text-align: center;
  font-size: 30px;
  font-family: Helvetica, san-serif;
  color: #fff;
}

/* Modify the search box background color*/
#search-form.callout-region {
  background-color: #AD102A;
}

/*Modify the layout of the search box label*/ 
.search-form .search-label {
  line-height: 1.5;
  font-size: 26px;
  font-weight: 500;
  color: #c41230;
}

/* Modify the layout of the search box*/
.search-form .search-box-wrapper {
  margin: 0 auto;
  display: block;
  width: 50%;
  padding: 0 0 0 0;
}

/* Modify the corners and size of the search box*/
.search-form .search-box {
  border-radius: 4px;
  height: 44px
}

/* Modify the layout of the search box submit icon*/
.search-form .search-submit {
color: #c41230
width: 30px;
height: 30px;
top: 8px;
}

/* Modify the layout of the search box search form filters*/
#search-form .search-form-filters {
	background-color: #edece2;
	padding-bottom: 8px
}

/*Modify the listing area background*/
#main {
	color: black;
	background-color: #FAF9F7;
	min-height: 200px
}

#main.product-results {
	background-color: #FAF9F7;
	padding-top: 30px
}

/* PRODUCT TILE */

.product-tile,
.product-image {
	background-color: white;
	position: relative
}

.product-flag-free {
	background-color: #c41230
}

.product-tile {
	border: 1px solid #d2cfc2;
	margin-bottom: 30px
}

.product-tile .product-heading .product-title {
	color: #c41230;
        font-size: 18px;
        line-height: 1.5;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	word-wrap: break-word
}

.product-tile:before {
	content: "";
	position: absolute;
	top: -4px;
	left: -4px;
	right: -4px;
	bottom: -4px;
	border-radius: 4px;
	border: 2px solid #C41230;
	opacity: 0;
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
	-webkit-transition: all .2s;
	transition: all .2s;
	pointer-events: none;
	box-sizing: border-box
}

.product-details h2 {
    font-family: georgia;
    color: #c41230;
}

.product-tile .product-description,
.product-tile .product-footer {
	padding: 10px;
	border-top: 1px solid #d2cfc2
}

.product-tile .product-description {
	color: #000000;
        font-size: 14px;
	height: 200px;
	overflow: hidden;
	width: 100%;
	word-wrap: break-word
}

.product-tile .product-footer {
	color: #000000
}

.product-results .product-tile:hover {
	box-shadow: inset 0px -5px 0px #c41230
}

.ProductIcon__LargeCircle--course {
	font-size: 21px;
	color: white;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #c41230;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 4px solid white
}

.ProductIcon__SmallCircle--course {
	font-size: 11px;
	color: white;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #c41230;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: none
}

/*PRODUCT PAGE*/

.product-bg {
	background-color: #edece2;
	background-size: cover
}

.callout-region {
	background-color: #C41230;
	color: #FFFFFF;
	text-align: center;
	font-size: 18px;
	padding: 15px
}

/*DASHBOARD*/

.DashboardNavigation__Tab {
	float: left;
	margin: 0 0.5em 0.5em 0;
	font-weight: 700;
	font-size: 1.1em;
	color: #c41230;
	white-space: nowrap;
	display: block;
	padding: 0.2em 1em
}

.DashboardNavigation__Tab:hover,
.DashboardNavigation__Tab:focus {
	color: #c41230;
	text-decoration: none
}

.DashboardNavigation__Tab.active {
	background-color: #AD102A;
	color: #ffffff;
	border-radius: 1.25em;
	white-space: nowrap
}

.DashboardProduct__ProgressWrapper {
	position: absolute;
	bottom: 0;
	padding: 10% 5%;
	width: 100%;
	height: 10%
}

.DashboardProduct__ProgressBar {
	background: #AD102A;
	border: 1px solid #edece2;
	opacity: .85;
	height: 10px
}

}

.DashboardProduct__ProgressFill {
	height: 100%;
	background-color: white;
	opacity: .85;
	border-right: 1px solid #edece2
}

.DashboardProduct__Title,
.DashboardProduct__Title--program,
.DashboardProduct__Title--subprogram {
	color: #c41230;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 5px
}

.DashboardProduct__Title--program,
.DashboardProduct__Title--subprogram {
	font-size: 18px;
	color: #c41230
}

.DashboardCertificate {
	font-size: 14px;
	color: #000000;
	margin-bottom: 0
}

.DashboardCertificate__Title {
	font-size: 14px;
	color: #AD102A;
	margin-left: 5px
}

.DashboardCertificate__Link {
	color: #c41230;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #AD102A
}

.StickyHeader--sticky {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1999;
	border-bottom-width: 2px
}

.StickyHeader__Title {
	font-weight: 700;
	font-size: 1.75em;
	color: #000;
	white-space: nowrap;
	margin-top: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 10px
}

/*FOOTER*/

/*Format the footer for all catalog pages*/
#app-footer {
  background-color: #edece2;
  padding-top: 30px;
  font-size: 12px;
}

#app-footer a,
#app-footer ul {
	color: #c41230;
	white-space: nowrap
}

/*Format the second row of copyright information*/
.small {
  font-size: 10px;
  color: #AD102A;
}


/*MEDIA FORMATTING rules for responsive devices. This coding is optional but helpful for tablets and mobile devices.*/

/*Media for header*/

@media (max-width: 768px) {
  #app-header .header-nav {
    background: #555;
  }

*/Media for feature region*/

@media (max-width: 1200px) {
  #home-page #feature div {
    max-width: 800px;
 }
 
@media (max-width: 768px) {
  #home-page #feature {
    height: 200px;
    text-align: center;
    padding: 0 2em;
  }

.alert-top {
  margin-bottom: 0;
}

/*TYPOGRAPHY*/

a:link {
  color: #c41230 !important ;
  background-color: transparent;
  text-decoration: underline;
}
a:visited {
  color: #AD102A !important ;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #000000 !important ;
  background-color: transparent;
  text-decoration: underline;
	
}
a:active {
  color: #C41230 !important ;
  background-color: #EDECE2 !important ;
  text-decoration: underline;
}

a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.admin-product-nav__pills>.active>a>.badge {
	color: #c41230;
	background-color: white
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
	border-color: #c41230
}

.save-catalog-info-button {
	margin-bottom: 3.75rem
        background-color: #c41230
}

/* Carousel */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    line-height: 1;
}

 .nobull {
  list-style-type: none;
 }

.assignment-link {
    color: #c41230;
    font-size: 1.1rem;
    text-decoration: none !important;
    font-weight:700;
}

.assignment-link:after {
    color: #c41230;
    content: ' \00BB';
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 0 .25rem;
}

.assignment-link:hover, .assignment-link:focus { 
    margin-left: 0.5rem;
    transition: 0.2s;
    color: #AD102A;
}