/* Saga Senior Living: additions on top of the compiled UIkit theme (theme.css). */

/* Card shadow used on call-to-action cards */
.saga-shadow {
	box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;
}

/* Blog listing: dates in black rather than the brand blue */
.saga-stories-grid .uk-text-primary {
	color: #000 !important;
}

/* Team profile dialog */
.saga-team-modal-text .el-title {
	padding-bottom: 20px;
}

/* Footer */
#footer-logo .el-link:hover {
	opacity: 0.6;
}

/* Maps */
[uk-map] {
	overflow: hidden;
	background: #f5f5f5;
}

.saga-map-canvas,
.saga-map-frame {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Contact form */
.saga-form-wrap {
	color: #112337;
}

.saga-form-hp {
	position: absolute !important;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.saga-form-legend {
	margin: 0 0 20px;
	color: #2b2a2a;
	font-size: 18px;
}

.saga-required {
	margin-left: 4px;
	color: #c02b0a;
	font-size: 16px;
}

.saga-form.uk-grid {
	margin-left: -16px;
}

.saga-form.uk-grid > * {
	padding-left: 16px;
}

.saga-form.uk-grid > .uk-grid-margin {
	margin-top: 40px;
}

.saga-form.uk-grid > .saga-form-submit.uk-grid-margin {
	margin-top: 24px;
}

.saga-form .uk-form-label {
	margin-bottom: 8px;
	color: #112337;
	font-size: 15px;
	line-height: 1.43;
	letter-spacing: normal;
}

.saga-form .uk-input,
.saga-form .uk-select,
.saga-form .uk-textarea {
	padding-left: 12px;
	border: 1px solid #686e77;
	border-radius: 3px;
	background-color: #fff;
	color: #112337;
	font-size: 14px;
}

.saga-form .uk-input {
	height: 38px;
}

.saga-form .uk-select:not([multiple]):not([size]) {
	border-color: #5a6482;
}

.saga-form .uk-textarea {
	height: 130px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.saga-form .uk-form-danger {
	border-color: #c02b0a !important;
}

.saga-form .gform_button {
	width: 100%;
	color: #fff;
	line-height: 1;
	cursor: pointer;
}

.saga-form .gform_button[disabled] {
	opacity: 0.7;
	cursor: default;
}

.saga-form-message {
	margin: 0 0 16px;
}

/* Blog post body */
.saga-post-content > :first-child {
	margin-top: 0;
}

.saga-post-content figure {
	margin: 0 0 20px;
}

.saga-post-content img {
	height: auto;
}

/* Card images keep the design's proportions whatever the uploaded photo's shape */
.saga-ratio-wide {
	width: 100%;
	height: auto;
	aspect-ratio: 2047 / 1333;
	object-fit: cover;
}

.saga-ratio-card {
	width: 400px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

/* Careers: job board frame keeps a usable height until the job service resizes it */
#resumator-job-frame {
	min-height: 520px;
}