/* =========================
   SmartPop Overlay
========================= */

#smartPop_overlay {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    background: rgba(252, 252, 252, 0.75);
    cursor: wait;
}

/* =========================
   SmartPop Wrapper
========================= */

#smartPop {
    position: fixed;
    inset: 0;
    top: -40px;
    z-index: 99999999;
    overflow: hidden;
    display: none;
}

/* =========================
   Container
========================= */

#smartPop_container {
    margin: 9px auto 0;
    max-width: 1400px;
    width: 0;
    height: 0;
    overflow: hidden;
    border: 1px solid #444;
    z-index: 2;
}

/* =========================
   Content / Frame
========================= */

#smartPop_content {
    display: none;
    padding: 0;
    overflow: hidden;
    cursor: default;
}

#smartPop_frame {
    display: none;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
}

/* =========================
   Debug Log
========================= */

#smartPop_log {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 3;
    width: 200px;
    height: 400px;
    padding: 10px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #444;
    display: none;
}


/* =========================
   Mobile
========================= */
@media (max-width: 789px){
	#smartPop {
		top: 0px;
	}
	#smartPop_container {
		margin: 0px auto 0;
		max-width: 96%;
		border: 1px solid #444;
		border-radius:15px;
	}
	#smartPop_frame {
		width: 100%;
		height: 100%;
	}
}