@font-face {
    font-family: "Helvetica Neue LT Std-Bold";
    src: url("fonts/HelveticaNeueLTStd-Bold.otf") format("opentype");
}
 
@font-face {
    font-family: "Helvetica Neue LT Std";
    src: url("./fonts/HelveticaNeue/HelveticaNeueLTStd-Bold.otf") format("opentype");
}


@font-face {
    font-family: "Manjari";
    src: url("fonts/Manjari/Manjari-Bold.ttf");
}


.container.w-50 {
	margin-top: 20px;
}

.pagebody {
	margin: auto;
	background: #F5F1EA;
	background-image: url('https://meglanguages.com/canvasresources/chinese-canvaspages/img/globe.png'), url('https://meglanguages.com/canvasresources/chinese-canvaspages/img/lamp.png');
	background-size: 300px, 100px;
	background-position: 95% 95%, 5% 300px;
	background-repeat: no-repeat;
}

.pagebody a:hover {
	color: #019E4B;
	text-decoration: none;
	cursor: crosshair;
}

.topstrip {
	height: 215px;
	margin-bottom: 30px;
	background: #019E4B;
	font-size: 30px;
	background-image: url('./img/chinadragon.png'), url('./img/megheaderblack.png');
	background-repeat: no-repeat, no-repeat;
	background-position: top left, right center;
	border-bottom: 15px solid #FC373D;
}

.pageheader{
	padding: 35px;
	font-family: Manjari;
	font-weight: bold;
	font-size: 55px;
	color: #051C2C;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 20px;
}

.tobeawesome{
	padding-top: 35px;
	font-family: Manjari;
	font-weight: normal;
	font-size: 30px;
	text-align: left;
}

.redspan {
	color: #FC373D;
	font-weight: bold;
}

.activityicon {
width: 50px;
height: 50px;
margin-right: 15px;
}

.activityblock {
	font-family: "Helvetica Neue LT Std";
	font-size: 25px;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vocabularyblock {
	font-family: "Helvetica Neue LT Std";
	font-size: 25px;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.vocabularytable{
	margin-left: 20px;
	margin-right: 20px;
	border: 3px;
	padding: 10px;
	border-style: solid;
	color: #051C2C;
	vertical-align: top;
	position: relative;
}


.vocabularytablebody{
	padding: 20px;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-family: "Helvetica Neue LT Std";
	font-size: 16px;
	color: #051C2C;
	border: 1px;
	border-style: solid;
	border-color: #051C2C;
}

.vocabwordcell{
	background-color: #FFAE00;
	font-size: 20px;
	font-family: "Manjari";
	font-weight: bold;
	color: #051C2C;
	padding: 30px;
	vertical-align: middle;
	text-align: center;
}

.activityvideo {
	padding: 0 0 0 0;
	margin-top: 5px;
	max-width: 60%;
	margin: auto;
}

.sectionheader{
	padding: 20px 20px 20px 20px;
	width: 100%;
	background-color: #051C2C;
	vertical-align: middle;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Helvetica Neue LT Std";
	font-size: 25px;
	margin-top: 70px;
	border-radius: 20px;
	color: #F5F1EA;
}

.videoinstructions{
	font-family: "Helvetica Neue LT Std";
	font-size: 25px;
	padding: 10px 10px 10px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pagecontainer{
	width: 65%;
	margin: auto;
	padding-bottom: 50px;
}

.button {
	background-color: #051c2c;
	color: #FFFFFF;
	font-family: "Manjari";
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
	padding: 20px;
	transition-duration: 1s;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}

.button:link{
	text-decoration: none;
	color: #FFFFFF !important;
}


.buttondiv {
	text-align: center;
	margin: auto;
}

.button:hover,active,focus {
	color: #FFFFFF !important;
	background-color: #FFAE00;
	opacity: 1;
	text-decoration: none;
	cursor: crosshair;
}

.bottomstrip {
	height: 75px;
	margin-top: 50px;
	background: #FC373D;
	border-top: 10px solid #FFAE00;
	color: #F5F1EA;
	font-size: 12pt;
	text-align: center;
	padding-top: 5px;
}

a:link {
	color: #019E4B;
	text-decoration: underline;
}

a:visited {
	color: #002FCC;
	text-decoration: none;
}

a:hover,active,focus {
	color: #FC373D;
	text-decoration: none;
	cursor: crosshair;
}

.culturepicture {
	text-align: center;
	margin-top: 10px;
}

.culturepicturebutton {
	background-color: #FFAE00;
	color: #FFFFFF;
	font-family: "Manjari";
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-radius: 20px;
	padding: 15px;
	transition-duration: 1s;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}

.culturepicturebutton:link{
	text-decoration: none;
	color: #FFFFFF !important;
}

.culturepicturebutton:hover,active,focus {
	color: #FFFFFF !important;
	background-color: #FC373D;
	opacity: 1;
	text-decoration: none;
	cursor: crosshair;
}