/*
 * Braai Culture site functions — the base rules that Magnific Popup's inline pop-ups need. With the old theme,
 * Flatsome's own CSS gives these rules, so the plugin loads this file only when the theme is not Flatsome.
 * Written for this plugin (the same effect as Flatsome's rules: a dark backdrop at 60%, the pop-up centred).
 */

.mfp-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1042;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #0b0b0b;
	opacity: 0.6;
}

.mfp-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1043;
	width: 100%;
	height: 100%;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 30px;
	text-align: center;
}

.mfp-container::before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container::before {
	display: none;
}

.mfp-content {
	position: relative;
	z-index: 1045;
	display: inline-block;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-hide {
	display: none !important;
}

.mfp-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1046;
	width: 40px;
	height: 40px;
	min-height: 0;
	margin: 0 !important;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #fff;
	font-family: Arial, monospace;
	font-size: 40px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.6;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
}

/* A close button inside the pop-up (Magnific's default, closeBtnInside) takes the text colour of the pop-up, so the
   "X" shows dark on the white button (as Flatsome's rule does on the old theme). */
.mfp-close-btn-in .mfp-close {
	color: currentColor;
}

.mfp-removing .mfp-close {
	display: none !important;
}