//
// Sweet alert customizations
//----------------------------

.swal2-container {
	z-index: 100000 !important;
	
	.swal2-content, .swal2-title {
		margin-bottom: $grid-gutter-width;
	}
	
	.swal2-content {
		input[type=text] {
			padding: 6px;
			margin: 0;
			border-radius: 4px;
			height: 30px;
			color: var(--atum-text-color-var1);
			border: 1px solid var(--gray-200);
			box-shadow: none;
			
			&:hover {
				border-color: var(--atum-text-color-var1);
			}
			
			&:focus {
				border-color: var(--primary);
			}
		}
		
		.atum-link {
			text-decoration: underline;
		}
	}
	
	.swal2-title {
		line-height: 1.3;
		font-size: 23px;
		color: var(--atum-text-color-var1);
	}
	
	.swal2-modal {
		font-family: inherit;
		
		.swal2-close {
			font-weight: 100;
			font-family: inherit;
			font-size: 30px;
			line-height: 30px;
			color: var(--gray-500);
		}
	
		p {
			font-size: 15px;
			text-align: center;
		}
		
		button, a {
			transition: background-color 0.2s ease-in-out;
			
			&:focus {
				outline: none;
				box-shadow: none;
			}
		}
		
		button {
			border-radius: 5px;
			text-transform: uppercase;
			font-weight: 400;
			padding: 9px 19px;
			font-size: 13px;
			letter-spacing: 1px;
			
			&.btn-sm {
				padding: 0.25rem 0.5rem;
				font-size: 12px;
			}
			
			.atum-icon {
				position: relative;
				font-size: 1.15em;
				top: .15em;
				padding-right: 3px;
			}
		}
		
		a {
			text-decoration: none;
			color: var(--primary) !important;
			
			&:hover {
				
				color: var(--wp-link-hover);
				
			}
		}
		
	}
	
	.atum-loading {
		@include loader(18px, $primary, 3px, 1s);
		top: $grid-gutter-width;
		left: 0;
		right: 0;
		margin: auto;
		width: 40px;
		height: 40px;
		border-width: 3px;
	}
}