@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@300;400;600;700&family=Dancing+Script&family=Cinzel&family=Source+Code+Pro&family=Work+Sans&family=Jost&family=Open+Sans&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

/* @import url("https://fonts.googleapis.com");
@import url("https://fonts.gstatic.com"); */
/* You can add global styles to this file, and also import other style files */
@font-face {
	font-family: "cursiv";
	src: local("CURSIV"), url('CURSIV.TTF') format("truetype");
}
@font-face {
	font-family: "THAMMASAT Regular";
	src: local("THAMMASAT Regular"), url('TUFont.ttf') format("truetype");
}
@font-face {
	font-family: Ciutadella;
	font-weight: normal;
	src: url('Ciutadella-Regular.otf') format("opentype");
}
@font-face {
	font-family: Ciutadella;
	font-weight: bold;
	src: url('Ciutadella-Bold.otf') format("opentype");
}
@font-face {
	font-family: "Arial";
	font-style: normal;
	font-weight: 400;
	src: local("Arial"), url('ARIAL.woff') format("woff");
}
@font-face {
	font-family: "Arial Black";
	font-style: italic;
	font-weight: 400;
	src: local("Arial Black"), url('ARIALBLACKITALIC.woff') format("woff");
}
@media screen and (max-device-width: 480px) {
	body {
		-webkit-text-size-adjust: none;
	}
}
.credential-description p {
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: normal;
}
.credential-description ol,
.credential-description ul {
	margin: 0;
}
.new-verifier .credential-description h1 span,
.new-verifier .credential-description strong,
.new-verifier .credential-description p em {
	color: initial !important;
}
.new-verifier .jss6 {
	font-size: 1rem;
}
.verifier-content-table table tr:last-child td {
	border-bottom: none;
}
.print-source {
	display: none;
}
.wrap-body {
	flex-direction: row;
	display: flex;
	overflow: hidden;
	border: "1px solid transparent";
}
.certificateLogo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1280px;
	margin: 0px auto;
	padding: 7px 0;
}
@media screen and (max-width: 560px) {
	.certificateLogo {
		display: block;
		text-align: center;
	}
}
.imgGrayScale {
	filter: grayscale(100%);
}
#verifier-cert-container:hover > #verifier-cert-fullscreen-btn {
	right: 10px;
	width: 30px;
	border-radius: 2px 0px 0px 2px;
	transition: width 0.05s ease-in-out;
}
#verifier-cert-fullscreen-btn {
	position: absolute;
	z-index: 1;
	background-color: #324353;
	right: 0;
	bottom: 10px;
	width: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	border-radius: 0px 2px 2px 0px;
	transition: width 0.02s ease-in-out;
}
#verifier-cert-fullscreen-btn > :first-child {
	display: inline;
}
#verifier-cert-fullscreen-btn > :last-child {
	display: none;
}
#verifier-cert-container:hover > #verifier-cert-fullscreen-btn > :first-child {
	display: none;
}
#verifier-cert-container:hover > #verifier-cert-fullscreen-btn > :last-child {
	display: inline;
}
@media print {
	.wrap-body {
		box-sizing: border-box;
	}

	.print-source {
		display: inline;
		align-self: flex-end;
	}
	@page {
		size: A4 landscape;
		margin: 15mm 15mm 15mm 15mm;
	}
}


/*# sourceMappingURL=main.css.map*/