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

.swal2-container {
	z-index: 100000000;
	
	.swal2-content, .swal2-title {
		margin-bottom: $grid-gutter-width;
	}
	
	.swal2-content {
		input[type=text] {
			padding: 6px;
			margin: 0;
			border-radius: 4px;
			height: 30px;
			color: $gray-600;
			border: 1px solid $gray-200;
			box-shadow: none;
			
			&:hover {
				border: solid 1px $gray-600;
			}
			
			&:focus {
				border: solid 1px $blue;
			}
		}
	}
	
	.swal2-title {
		line-height: 1.3;
		font-size: 23px;
	}
	
	.swal2-close {
		font-weight: 100;
		font-family: inherit;
		font-size: 30px;
		line-height: 30px;
		color: $gray-600;
	}
	
	.swal2-modal {
		
		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;
			
			.atum-icon {
				position: relative;
				font-size: 1.15em;
				top: .15em;
				padding-right: 3px;
			}
		}
		
		a {
			text-decoration: none;
			color: $wp-link !important;
			
			&:hover {
				
				color: $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;
	}
}