/* mepr custom styles */

.mepr-white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  text-align: center;
}

.mepr-white-popup .mepr-btn {
  border-radius: 5px;
  font-family: Arial, sans-serif;
  color: #fff;
  font-size: 14px;
  background: #3498db;
  padding: 10px 20px;
  text-decoration: none;
  cursor: pointer;
}

.mepr-white-popup .mepr-btn:hover,
.mepr-white-popup .mepr-btn:active,
.mepr-white-popup .mepr-btn:focus-visible {
  background: #3cb0fd;
  text-decoration: none;
}

.mepr-white-popup .mepr-btn:focus-visible {
  outline: dashed #3cb0fd;
}

.mepr-white-popup .mepr-cancel-sub-text {
  padding-bottom: 20px;
}

.mepr-popup-leftalign {
  text-align: left;
}

/* Fix dropdown select field */
.mepr-upgrade-dropdown {
  width: 100%;
}
/**
 * DEFAULT BANNER STYLES
 */
.b_container { 
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	display:block;
	width: 100%;
	text-align:left;
	line-height:1;
	height: 10000px; /* fix for responsive banner heights - this gets eventually overwritten by the max-height */
}
.b_container .image {
	
}
.b_container .layer {
	position:absolute;
	min-width:10px;
	min-height:10px;
}

.b_container .image img {
	width:100%;
	height:auto;
}

.b_container .text {
	font-size:14px;
	line-height:1;
}
.b_container .shape {
	width:100%;
	height:100%;
	min-width:10px;
	min-height:10px;
}
.b_container .shape .shape {
	background-color:#000;
}
.b_container .shape.circle {
	border-radius: 50%;
}
.b_container .shape.triangle {
	width: 0 !important;
	height: 0 !important;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 100px solid #000;
	background-color:transparent;
}
.b_container svg {
	max-height:100%;
	max-width:100%;
}