/*
 * Copyright (c) 2022 Ford Motor Company
 * All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@use '../../../Styles/main';

.radiator-page {
	.radiator-subheader {
		@include main.subheader;
	}

	.radiator-page-content {
		@include main.site-max-width;
		max-width: 780px;
		text-align: center;

		@include main.breakpoint-large {
			text-align: left;
		}

		.radiator-page-title {
			margin-bottom: 0;

			font-weight: 600;
			font-size: 1.5rem;
		}

		.radiator-page-description {
			margin-top: 0.5rem;
			margin-bottom: 2rem;

			color: main.$gray-3;
			font-size: 1.1rem;
		}
	}

	.radiator-page-action-items {
		width: max-content;
		margin: 0 auto;

		.action-item-display-only {
			width: 100%;
			margin-bottom: 1rem;

			&:first-of-type {
				margin-top: 1rem;
			}

			@include main.breakpoint-medium {
				width: 450px;
				margin-bottom: 65px;

				transform: scale(1.3);

				&:first-of-type {
					margin-top: 3rem;
				}
			}

			@include main.breakpoint-large {
				margin-bottom: 125px;
				transform: scale(1.65);

				&:first-of-type {
					margin-top: 5rem;
				}
			}
		}
	}
}

@include main.dark-theme {
	.radiator-page-title {
		color: main.$off-white;
	}
}
