/* CSS Document */

div.ccm-block-biography-wrapper-popup { margin- bo ttom: 2rem; height:100%; padding-bottom:2rem; }
div.ccm-block-biography-popup { width:100%; height:100%; position: relative; }

div.ccm-block-biography-top-info-popup { }

div.ccm-block-biography-popup > div.lb-inner-popup { height: 100%; overflow:hidden; padding: 1rem; background:#fff; border-radius:8px; }
	.ccm-edit-mode div.ccm-block-biography-popup > div.lb-inner-popup { position:relative !important; bottom:auto !important; }

div.ccm-block-biography-image-popup { background:#6c716c; width:100%; }
div.ccm-block-biography-image-popup > div { width:100%; }
div.ccm-block-biography-image-popup > div > div { width:100%; height:0; padding-bottom:70%; border:none; background-size:cover; background-position:center; }
div.ccm-block-biography-button-popup { display:inline-block; width: 100%; }
div.ccm-block-biography-button-popup.btnDisabled { display: none; }
div.ccm-block-biography-button-popup button { padding: 0; border: none; background: none; font-weight: 700; }

div.ccm-block-biography-bottom-info-popup { display: none; }

#thePopScreen div.ccm-block-biography-top-info-popup { margin-bottom: 1rem }
#thePopScreen div.ccm-block-biography-image-popup { width:35%; background:#fff; }
#thePopScreen div.bioInfo-wrapper-popup { width:60%; }
#thePopScreen div.ccm-block-biography-company-popup { margin-bottom: 1rem;}

@media screen and (max-width: 400px) { 
	#thePopScreen div.ccm-block-biography-image-popup { width:100%; margin-bottom: 1rem; }
	#thePopScreen div.bioInfo-wrapper-popup { width:100%; }
}

#thePopScreen div.ccm-block-biography-popup { height: auto; }
#thePopScreen div.ccm-block-biography-bottom-info-popup { display: block; }

.thePopBackground { 
	position:fixed; 
	left:-5000px; 
	top:0px; 
	background:#000000; 
	opacity:0; 
	width:100vw; 
	height:100vh; 
	z-index:10000; 
	dis play:none; 
	transition: opacity .4s ease; 
}

.thePopHTML { 
	overflow: hidden; 
}

.thePopHTML .thePopBackground { 
	displ ay: block; 
	opacity: .8; 
	left: 0;
}

#thePopScreen { 
	display: flex;
	position: fixed;
	z-index: 10001;
	background: #fff;
	transition: max-height 0.4s ease;
	left: 50%;
	top: 4vw;
	opacity: 1;
	transform: translateX(-50%);
	height: 0;
	max-height: 0;
	width: 92vw;
	overflow: hidden;
}

.thePopHTML #thePopScreen { 
	height: auto;
	width: 92vw;
	max-height: 92vh;
}

#thePopScreen #theContent { 
	overflow: scroll;
	padding:3rem 2rem;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}



#thePopScreen #closeScreen { 
	padding: 1rem;
	position: absolute;
	right: 0;
	cursor: pointer;
}

/*#thePopScreen #theContent { display:flex; line-height:0; max-height:100%; max-width:100%; width:100%; height:100%; }
#thePopScreen #theContent iframe { width:100%; height:100%; }
#thePopScreen #closeScreen:hover { color:#000000; }*/