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

/* make direct edit button transparent */
a#de {
	float: right;
	color: transparent;
}

/* make sure featured article image fits 100% */
.featured-posts__main-image img {
	width: 100%;
	height: 100%;
}



/* emergency alerts custom styling */
#oualerts-active-alert-display.oualerts-notify .oualerts-notify-body {
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none !important;
	padding-top: 0 !important;
}

#oualerts-active-alert-display .oualerts-notify-icon {
	transform: scale(5) !important;
}

#oualerts-active-alert-display.oualerts-notify-emergency a.oualerts-notify-link:hover,
#oualerts-active-alert-display.oualerts-notify-warning a.oualerts-notify-link:hover,
#oualerts-active-alert-display.oualerts-notify-announcement a.oualerts-notify-link:hover{
	text-decoration: none !important;
}

/* style form button */
button.btn.btn-primary.ldp-hide-on-submit{
	font-family: aktiv-grotesk-condensed,sans-serif;
	font-weight: 500;
	color: #edfc70;
	line-height: 1;
	letter-spacing: .01em;
	text-align: center;
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #23494e url(/_resources/assets/icons/texture-cta.png) no-repeat center/cover;
	background-blend-mode: screen;
	padding: 1.2rem 1.3rem;
	margin-bottom: 1rem;
	border-radius: 3.5px;
	border: 1px solid rgba(0,0,0,0);
	display: inline-block;
	font-size: 2.2rem;
	padding: 1.7rem 2.2rem;
	-webkit-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

/* remove arrow from multiselect */
select.form_multi {
	background: none !important;
}

.ou-form legend{
	font-weight: 700 !important;
	margin-bottom: 0.8rem !important;
	font-size:auto !important;
	display: block;
	width: 100%;
	padding: 0 !important;
	font-size: inherit !important;
	line-height: inherit !important;
	color: inherit !important; 
	border: none !important;
	border-bottom: none !important;
}

.form__radio label,
.form__checkbox label{
	font-weight: inherit !important;
}

/* fix position of checked input items on the form */
.ou-form *, .ou-form :after, .ou-form :before{
	box-sizing: content-box !important;
}

/* remove extra dots appears on ldp galleries */
.ldp li {
	position: inherit;
}

.ldp ul li:before{
	content: "";
}

.ldp .slick-arrow:after {
	background:none !important;
}

.ldp button.slick-arrow{
	text-indent: 0 !important;
}

/* a to z li items */

ul.sitemap li::before {
	content: "";
}

ul.sitemap li{
	display:inline;
	margin-left:.7em;
}

/* remove outline on dropdowns - program listing page */
button.program__filters__toggle:focus {
	outline: none !important;
}

/* h3 styling on search results page */
h3.ou-search-result-heading {
	margin: 1.2em 0 1.2rem !important;
	line-height: 100% !important;
}

/* fit content for multi select on form */
select.form_multi {
	max-width: fit-content !important;
}

/* increase size of name on story component when no link it used */
div.story-display__content .story-display__title {
	font-size: 4rem;
}

/* change links on accordion intro to be white */
.section__intro.accordion__intro a {
	color: white;
}

.section__intro.accordion__intro a:hover {
	background-image: linear-gradient(to right, #FFFFFF 50%, #FFFFFF 50%);
	background-size: 100% 2px;
	background-position: center 94%;
}