/*
Implementation Skeleton v3 - 12/6/18
Add styles to overwrite customer CSS, USE WITH CAUTION.
*/

.hero--detail .hero__badges .badge--technicaldegree {
	color: #ffffff;
	background-color: #004c97;
}

.hero--detail .hero__badges .badge--certificate {
	color: #002142;
	background-color: #aae3f9;
}

.hero--detail .hero__badges .badge--continuinged {
	color: #002142;
	background: #dfeaf4;

}

.hero--detail .hero__badges .badge--transfer {
	color: #002142;
	background-color: #ffc61e;
}

.program--list__badge.continuing {
	color: #002142;
	background: #dfeaf4;
	outline: 1px solid #002142;
}

.program-deg-cert__item__cert--technical {
	color: #ffffff;
	background-color: #004c97;
}

.program-deg-cert__item__cert--certificate {
	color: #002142;
	background-color: #aae3f9;
}

.program-deg-cert__item__cert--continuing {
	color: #002142;
	background: #dfeaf4;
	outline: 1px solid #002142;
}

.program-deg-cert__item__cert--transfer {
	color: #002142;
	background-color: #ffc61e;
}


.hero__announcement a.ou-btn .last-word span::before {
	border:none;
	width:0;
}

.hero__announcement a.ou-btn .last-word span::after {
	border:none;
	width:0;
}

.program--list__badge.continuing {
	background-color: #dfeaf4;
}

.degree, .technical {
	color: #ffffff;
	background-color: #004c97;
}
.transfer {
	color: #002142;
	background-color: #ffc61e;
}
.certificate {
	color: #002142;
	background: #aae3f9;
}
.continuing {
	color: #002142;
	background: #dfeaf4;
	outline: 1px solid #002142;
}


/*ouform */

div.ou-form button, div.ou-form input, div.ou-form optgroup, div.ou-form select, div.ou-form textarea {
	appearance: auto;
	-moz-appearance: auto;
	-webkit-appearance: auto;
}

div.ou-form button[type="reset"] {
	display:none;
}

div.ou-form button[type="submit"] {
	display: inline-block;
	width: auto;
	padding: 1.1rem 2rem 1rem;
	border-radius: 3.9rem;
	background: #ffc61e;
	color: #000000;
	border: 2px solid #ffc61e;
	font-weight: 700;
	-webkit-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

@media screen and (min-width: 1025px){
	div.ou-form button[type="submit"] {
		font-size: 1.8rem;
		padding: 1.5rem 2.7rem 1.3rem;
	}
}

div.ou-form select {
	width: 100%;
	max-width: 28rem;
	padding: 1rem 2rem 1.4rem 0.3rem;
	color: #002142;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #8393a7;
}

div.ou-form legend {
	border-bottom:none;
	margin: 0 0 1.3rem;
	font-weight: 700;
	font-family: inherit;
	font-size: inherit;
}

/*fix the issue with ul and ol introduced by iFactory Design */
ul[style^="list-style-type"] li::before {   
	background-color: transparent;
	border: none;
}

ol[style^="list-style-type"] li::before {   
	content:"";		
}

/*remove outline on tabs */
.tabs__wrapper .tab__button:focus{
	outline: none !important;
}