@charset "UTF-8";

/*****************/
/* Content Lock */
html:has(body.jb-mio-scroll-locked),
body:has(.jb-mio-scroll-locked){
	overflow: hidden !important;
}

.jb-mio-lock-overlay{
	background-color: #00000088;
}

.jb-mio-lock-card{
	padding: 20px;
	background-color: var(--white-color);
	border-radius: 20px;
}

.jb-mio-lock-html h1,
.jb-mio-lock-html h2,
.jb-mio-lock-html h3,
.jb-mio-lock-html h4,
.jb-mio-lock-html h5,
.jb-mio-lock-html h6,
.jb-mio-lock-html p{
	margin-bottom: 1em;
	text-align: center;
}

.jb-mio-lock-html h1,
.jb-mio-lock-html h2,
.jb-mio-lock-html h3,
.jb-mio-lock-html h4,
.jb-mio-lock-html h5,
.jb-mio-lock-html h6{
	font-weight: 700;
}

.jb-mio-lock-actions{
	justify-content: center;
}

.jb-mio-lock-button, .jb-mio-renewal-button{
	background-color: var(--primary-color);
	color: var(--white-color); 
	text-decoration: none;
	padding: 10px 20px;
	border-radius: 10px;
}

.jb-mio-lock-button:hover,
.jb-mio-renewal-button:hover,
a.jb-mio-lock-button:not(.ve_content_button):hover,
a.jb-mio-renewal-button:not(.ve_content_button):hover{
	color: var(--white-color); 
	text-decoration: none;
	opacity: 0.8;
}

.jb-mio-renewal-bar{
	width: 100vw;
    margin-left: calc(50% - 50vw);
	background-color: #631D1E;
	color: var(--white-color); 
}

.jb-mio-renewal-bar .jb-mio-renewal-content{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 auto;
    max-width: 90%;
	padding: 3px;
}

.jb-mio-renewal-bar .jb-mio-renewal-content p,
.jb-mio-renewal-bar .jb-mio-renewal-content strong{
	font-size: 12px!important;
	padding: 0;
}

.jb-mio-renewal-bar .jb-mio-renewal-button{
    font-size: 12px;
    padding: 6px 12px;
    line-height: 12px;
	background-color: var(--white-color);
	color: var(--primary-color); 
	text-decoration: none;
}

.jb-mio-renewal-bar .jb-mio-renewal-button:hover,
.jb-mio-renewal-bar .jb-mio-renewal-button:hover,
.jb-mio-renewal-bar a.jb-mio-renewal-button:not(.ve_content_button):hover{
	color: var(--primary-color); 
	text-decoration: none;
	opacity: 0.8;
}