//  =================
//      Imports
//  =================

@import '../../assets/base/color_variables';    // Color Variables
@import '../../assets/base/fonticons';              // Fonticons Variables
@import '../../assets/base/urls';                   // URLS Variables
@import '../../assets/base/utilities_variables';  // Utilities Variables

.mfp-no-margins {
	/* padding-bottom and top for image */
	img.mfp-img {
		padding: $p-0;
	}
	/* position of shadow behind the image */
	.mfp-figure {
		&:after {
			top: 0;
			bottom: 0;
		}
	}
	/* padding for main container */
	.mfp-container {
		padding: $p-0;
	}
}
.mfp-close-btn-in {
	.mfp-close {
		color: $white;
		margin-top: -34px;
	}
}

/*
	Simple
*/
.s-text {
	color: $color_2;
}
.simple {
	a {
		position: $pos-rel;
		width: 33.3%;
		height: auto;
		float: $align-left;
		img {
			position: $pos-rel;
			display: block;
			width: 98%;
			height: auto;
			cursor: pointer;
			border-radius: $br-6;
		}
	}
}

/*
	Magnific Popup gallery
*/
.g-text {
	color: $color_2;
}
.popup-gallery {
	a {
		position: $pos-rel;
		width: 25%;
		height: auto;
		float: $align-left;
		img {
			position: $pos-rel;
			display: block;
			width: 98%;
			height: auto;
			cursor: pointer;
			border-radius: $br-6;
			margin-bottom: $m-5;
		}
	}
}

/*
	Popup with video or map
*/
.popup-v-m-text {
	color: $color_2;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap {
	.mfp-content {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out;
		-moz-transition: all 0.15s ease-out;
		transition: all 0.15s ease-out;
	}
}
.mfp-fade.mfp-wrap.mfp-ready {
	.mfp-content {
		opacity: 1;
	}
}
.mfp-fade.mfp-wrap.mfp-removing {
	.mfp-content {
		opacity: 0;
	}
}

/* Form */
.popup-form-text {
	color: $color_2;
}
#test-form {
	background: $white;
	padding: $p-20 $p-30;
	text-align: $align-left;
	max-width: 400px;
	margin: $m-40 auto;
	position: $pos-rel;
	h2 {
		color: $color_57;
		margin-bottom: $m-20;
	}
	p {
		color: $additional-color-11;
		margin-bottom: 25px;
	}
}
.form-group {
	label {
		color: $additional-color-2;
	}
}
.form-control {
	color: $additional-color-6;
	border: $b-width-1 $solid $light-gray;
	font-size: 15px;
	&:focus {
		border-color: $color_57;
		color: $additional-color-11;
	}
}

/* Styles for dialog window */
#test-modal {
	background: $white;
	padding: $p-40 $p-30;
	text-align: $align-left;
	max-width: 400px;
	margin: $m-40 auto;
	position: $pos-rel;
	color: $additional-color-2;
	p {
		color: $additional-color-11;
	}
	a {
		color: $color_56;
		font-weight: 600;
	}
}

/*Modal Popup*/
.modal-popup-text {
	color: $color_2;
}

/*Error handling*/
.error-handling-text {
	color: $color_2;
}

/*Ajax popup*/
.ajax-text {
	color: $color_2;
}
.white-popup-block {
	background-color: $white;
	padding: $p-30 !important;
}


/*
 	================================
 		Dialog with css animation
	================================
 */
.dialgo-css-text {
	color: $color_2;
}

/* Styles for dialog window */
#small-dialog {
	background: $white;
	padding: $p-40 $p-30;
	text-align: $align-left;
	max-width: 400px;
	margin: $m-40 auto;
	position: $pos-rel;
	color: $additional-color-5;
	p {
		color: $additional-color-11;
	}
}

/*
	Fade zoom animation
*/

/**
 * Fade-zoom animation for first dialog
 */

/* start state */
.my-mfp-zoom-in {
	.zoom-anim-dialog {
		opacity: 0;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
	}
}
/* animate in */
.my-mfp-zoom-in.mfp-ready {
	.zoom-anim-dialog {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
/* animate out */
.my-mfp-zoom-in.mfp-removing {
	.zoom-anim-dialog {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0;
	}
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/*
	Fade slide animation
*/

/**
 * Fade-move animation for second dialog
 */

/* at start */
.my-mfp-slide-bottom {
	.zoom-anim-dialog {
		opacity: 0;
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
		transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	}
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready {
	.zoom-anim-dialog {
		opacity: 1;
		-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
		transform: translateY(0) perspective( 600px ) rotateX( 0 );
	}
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing {
	.zoom-anim-dialog {
		opacity: 0;
		-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
		transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
	}
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}