/* ==========================================================================
   Base utilities
   ========================================================================== */

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	z-index: 100000;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 15px 23px 14px;
	clip: auto;
	font-size: 14px;
	color: #333333;
	background-color: #FFFFFF;
}

/* The legacy stylesheet sets overflow-x: hidden on html/body, which breaks position: sticky.
   clip hides horizontal overflow without creating a scroll container. */
html,
body {
	overflow-x: clip;
}

/* Buttons
   ========================================================================== */

.osh-btn {
	display: inline-block;
	padding: 17px 31px;
	font-family: 'Futura', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #386FA4;
	border: 1px solid #FFFFFF;
	border-radius: 35px;
	transition: color 0.3s, background-color 0.3s, border-color 0.3s;
	-webkit-font-smoothing: antialiased;
}

.osh-btn:hover,
.osh-btn:focus {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #2B5783;
}

.osh-btn--outline {
	background-color: transparent;
}

.osh-btn--outline:hover,
.osh-btn--outline:focus {
	color: #333333;
	background-color: #FFFFFF;
}

.osh-btn--light {
	color: #386FA4;
	background-color: #FFFFFF;
}

.osh-btn--light:hover,
.osh-btn--light:focus {
	color: #FFFFFF;
	background-color: #386FA4;
}

.osh-btn--small {
	padding: 7px 14px;
	font-family: 'Dailyfully', sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 19.5px;
	text-transform: none;
	background-color: #408BD1;
	border: 0;
	border-radius: 4px;
}

.osh-btn--small:hover,
.osh-btn--small:focus {
	background-color: #386FA4;
}