/* Modals */
/**********/

.modal {
	.modal-content {
		.modal-header {
			position: absolute;
			right: 0;
			z-index: 1;
			border: none;
		}
	}
}

body {
	#exampleModal {
		.modal-dialog {
			.modal-content {
				.modal-body {
					padding: 50px 25px 25px 25px;

					.wpcf7 {
						form {
							.form-row {
								p {
									width: 100%;

									input {
										/*margin-bottom: 25px;
										font-family: var(--tl-general-font);
										font-weight: 400;
										font-variation-settings: 'wght' 400;
										background-color: #fff;
										box-shadow: none;
										color: #000;
										text-transform: none;
										text-align: left;

										&:hover, &:focus {
											background-color: transparent;
										}

										&[type="checkbox"] {
											-webkit-appearance: auto !important;
										}*/
									}

									span {
										font-weight: 400;
										font-variation-settings: 'wght' 400;
									}

									textarea {
/*										margin-top: 25px;
										margin-bottom: 25px;*/
										font-weight: 400;
										font-variation-settings: 'wght' 400;
									}
								}
								
								&.form-row-checkbox {
									.wpcf7-list-item {
										margin-left: 0;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}


#newsletterModal {
	.modal-content {
		.modal-body {
			padding: 50px 25px 25px 25px;

			#mc_embed_signup {
				width: 100%;

				form {
					margin: 0;

					h2 {
						font-family: var(--tl-font-bodoni);
						font-weight: 400;
						font-variation-settings: 'wght' 400;
						font-size: 20px;
						text-align: center;
						margin: 0 0 30px 0;
					}

					.mc-field-group {
						padding-bottom: 4%;

						input {
							padding: 10px;
							border: none;
							border-bottom: 1px solid #c9c9c9;
							border-radius: 0;
							text-indent: 0;
							font-family: var(--tl-general-font);

							&::placeholder {
								color: #000;
							}
						}
					}

					.button {
						width: 100%;
						max-width: 160px;
						height: 40px;
						font-size: 14px;
						font-family: var(--tl-header-font);
						font-weight: 400;
						font-variation-settings: 'wght' 400;
						line-height: 1;
						text-transform: uppercase;
						border-radius: 0;
						border: 1px solid #000;
						transition: 0.5s all ease-in-out;

						&:hover {
							background-color: #fff;
							color: #000;
						}
					}
				}
			}
		}
	}
}


#downloadModal {
	.modal-content {
		.modal-body {
			padding: 50px 25px 25px 25px;

			h2 {
				font-family: var(--tl-header-font);
				font-weight: 800;
				font-variation-settings: 'wght' 800;
				font-size: 20px;
				text-align: center;
				margin: 0 0 30px 0;
			}
			
			.wpcf7-form {
				> p {
					margin-bottom: 0;
				}
			}

			.form-row {
				margin-right: 0;
				margin-left: 0;
			}
			
			p {
				width: 100%;
			}
			
			
			input, textarea, select {
				width: 100%;
				min-width: 100%;
				margin-bottom: 10px !important;
				border-radius: 0;
				font-weight: 400;
				font-variation-settings: 'wght' 400;
				border: 1px solid #000;
				padding: 10px;
				font-family: var(--tl-general-font);
				font-size: 14px;
			}

			.wpcf7-submit {
				min-width: 0;
				max-width: 200px;
				font-family: var(--tl-header-font);
				font-weight: 800;
				font-variation-settings: 'wght' 800;
				background-color: #000;
				color: #fff;
				text-transform: uppercase;
				transition: all 150ms ease-in-out;
			}

			.wpcf7-list-item {
				margin-left: 0;

				span {
					margin-top: -4px;
					font-family: var(--tl-general-font);
					font-weight: normal;
				}

				label {
					align-items: flex-start;

					input {
						appearance: auto;
					}
				}
			}
		}
	}
}