@font-face {
	font-family: 'paragraph';
    src: url('https://bcd6e9.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/OpenSans-Semibold-webfont.eot');
    src: url('https://dbd973.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/OpenSans-Semibold-webfont.eot#iefix') format('embedded-opentype'),
	url('https://fc756c.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
	url('https://c10417.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
	url('https://ef4905.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/OpenSans-Semibold-webfont.svg#OpenSans-Semibold-webfont') format('svg');
	font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'heading';
    src: url('https://df6eaa.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/BEBAS___-webfont.eot');
    src: url('https://321b86.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/BEBAS___-webfont.eot#iefix') format('embedded-opentype'),
	url('https://e90a12.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/BEBAS___-webfont.woff') format('woff'),
	url('https://aac744.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/BEBAS___-webfont.ttf') format('truetype'),
	url('https://537562.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/BEBAS___-webfont.svg#BEBAS___-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
@font-face {
  font-family: 'droidsansthai';
  src: url("https://d718f8.claudeassets.com/20251021192132im_/https://bkkenglish.com/fonts/droidsansthai-regular.ttf") format("truetype");
  line-height: 1.38em;
}
*/

/* Space out content a bit */
body {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'paragraph', Arial, Verdana, Georgia;
	font-size: 18px;
	line-height: 1.33em;
	vertical-align: baseline;
	letter-spacing: normal;
}

.btn{
	/* Enables button text wrapping */
	white-space:normal !important;
	
	padding: 14px 24px;
	font-size: 18px;
	
	/* Make buttons more round */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.container .jumbotron {
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}

.label-dialogue {
	font-size: 1em;
	
	line-height: 3.5em;
}

.wood {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #333333;
	background-image: url('https://958a56.claudeassets.com/20251021192132im_/https://bkkenglish.com/images/wood.jpg');
	background-color: #fff9e8;
	border: 11px solid #faebca;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.chalkboard {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #EEEEEE;
	background-color: #0C5203;
	border: 11px solid #C48C2B;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.beige {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #333333;
	background-color: #fff9e8;
	border: 11px solid #f2ead5;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darkpink {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #e51949;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darkblue {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #016589;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.red {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #d31b36;
	border: 11px solid #a4152a;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.green {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #3f9976;
	border: 11px solid #30755a;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.blue {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #148691;
	border: 11px solid #58abb1;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.yellow {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FFFFFF;
	background-color: #a56e00;
	border: 11px solid #e4a024;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.pink {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #ac1644;
	border: 11px solid #ff3c7f;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.purple {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #66346b;
	border: 11px solid #9d5ba5;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darkgreen {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #93c41d;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darkgold {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #f3dd74;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darksilver {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #b9b9b9;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.darkcopper {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #4c4c4c;
	border: 11px solid #f06d03;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.black {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background-color: #595959;
	border: 11px solid #4d4d4d;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.white {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #333333;
	background-color: #FFFFFF;
	border: 11px solid #fffdf7;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.gray {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #333333;
	background-color: #f2f2f2;
	border: 11px solid #EEEEEE;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.orange {
	padding: 0.4em 0.8em;
	margin-bottom: 0.8em;
	color: #FEFEFE;
	background: #e47523;
	border: 11px solid #c7522b;
	
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}

.jumbotron h1,
.jumbotron .h1 {
	font-family: 'heading';
	font-size: 28px;
	word-spacing: 0.3em;
}

h1 {
	font-family: 'heading';
	font-size: 28px;
	word-spacing: 0.3em;
	line-height: 1.3em;
}

h2 {
	font-family: Arial, Trebuchet, Verdana, 'heading';
	font-size: 24px;
	word-spacing: 0.3em;
	line-height: 1.3em;
}

h3 {
	font-family: 'Lucida Console', Monaco, monospace, Tahoma, 'paragraph';
	font-size: 21px;
	line-height: 1.3em;
}

h4 {
	font-family: Gerogia, "Times New Roman", Times, "Lucida Bright", Trebuchet, Verdana, 'paragraph';
	font-size: 20.5px;
	line-height: 1.3em;
}

h5 {
	font-family: 'paragraph', Tahoma;
	font-size: 21px;
	line-height: 1.3em;
}

h6 {
	font-family: Tahoma, sans-serif;
	font-size: 1.5em;
}


/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
	padding-right: 15px;
	padding-left: 15px;
}

/* Custom page header */
.header {
	border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
	padding-bottom: 19px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 40px;
}

/* Custom page footer */
.footer {
	padding-top: 19px;
	color: #777;
	border-top: 1px solid #e5e5e5;
}

/* Tim's section */

/* Peach glow in form text fields */
.form-control:focus {
	border-color: #ecc68b;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(237, 204, 153, .6);
}

/* Multiple choice radio button */
.btn-radio {
	font-family: 'paragraph', Courier, Georgia;
	font-size: 18px;
	width: 100%;
	white-space: normal;
	text-align: left;
	margin: 2px;
	color: #333333;
	text-indent: -0.5em;
	padding-left: 1.5em;
}

.btn-radio:hover,
.btn-radio:focus,
.btn-radio:active,
.btn-radio.active,
.open .dropdown-toggle.btn-radio {
	color: #FFFFFF;
	background-color: #595959;
}

.btn-wide {
	white-space: normal;
	width: 100%;
}

.btn-left {
	text-align: left;
}

.btn-black {
	color: #EEEEEE;
	background-color: #282828;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
	color: #EEEEEE;
	background-color: #121212;
}

.btn-lightbrown {
	color: #FEFEFE;
	background-color: #cd9860;
}

.btn-lightbrown:hover,
.btn-lightbrown:focus,
.btn-lightbrown:active,
.btn-lightbrown.active,
.open .dropdown-toggle.btn-lightbrown {
	color: #FEFEFE;
	background-color: #b38554;
}

.btn-menu {
	color: #333333;
	background-color: #fffaed;
	margin-top: 3px;
	margin-bottom: 3px;
}

.btn-menu:hover,
.btn-menu:focus,
.btn-menu:active,
.btn-menu.active,
.open .dropdown-toggle.btn-menu {
	color: #EEEEEE;
	background-color: #595959;
}

input, input[placeholder] {
    text-align:center;
}

/* --= Font customization =-- */

/* dropdown-menu */
.dropdown-menu {
	font-size: 18px;
}
/* form padding in dropdown-menu */
.dropdown-menu form{
	padding: 0.6em;
}

/* Customize container */
@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}
}
.container-narrow > hr {
	margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
	padding: 14px 24px;
	font-size: 21px;
}

/* Supporting marketing content */
.marketing {
	margin: 40px 0;
}
.marketing p + h4 {
	margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* Remove the padding we set earlier */
	.header,
	.marketing,
	.footer {
		padding-right: 0;
		padding-left: 0;
	}
	/* Space out the masthead */
	.header {
		margin-bottom: 30px;
	}
	/* Remove the bottom border on the jumbotron for visual effect */
	.jumbotron {
		border-bottom: 0;
	}
}


@viewport{
    zoom: 1.0;
    width: device-width;
}

@-ms-viewport{
  width: device-width;
}

dt {
	font-family: Tahoma;
}

.bs-callout{
	padding:20px;
	margin:20px 0;
	border:1px solid #eee;
	border-left-width:4px;
	border-radius:3px;
	background: #fffde4;
}
.bs-callout h4{
	margin-top:0;
	margin-bottom:5px
}
.bs-callout p:last-child{
	margin-bottom:0;
}
.bs-callout code{
	border-radius:3px;
}
.bs-callout+.bs-callout{
	margin-top:-5px;
}
.bs-callout-red{
	border-left-color:#d9534f;
}
.bs-callout-red h4{
	color:#d9534f;
}
.bs-callout-green{
	border-left-color:#2ccb6f;
}
.bs-callout-green h4{
	color:#2ccb6f;
}
.bs-callout-yellow{
	border-left-color:#f0ad4e;
}
.bs-callout-yellow h4{
	color:#f0ad4e;
}
.bs-callout-blue{
	border-left-color:#19b3e1;
}
.bs-callout-blue h4{	
	color:#19b3e1;
}
.bs-callout-purple{
	border-left-color:#ad71af;
}
.bs-callout-purple h4{	
	color:#ad71af;
}
.bs-callout h4{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.14em;
	margin-top:0;
	margin-bottom:5px;
}

/*
     FILE ARCHIVED ON 14:10:46 Mar 18, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:55:28 Jul 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 2.143 (2)
  exclusion.robots: 0.142 (2)
  exclusion.robots.policy: 0.105 (2)
  esindex: 0.036 (2)
  cdx.remote: 16.175 (2)
  LoadShardBlock: 264.048 (6)
  PetaboxLoader3.datanode: 140.882 (8)
  PetaboxLoader3.resolve: 182.9 (5)
  load_resource: 261.55 (2)
*/