/*FULL HEIGHT BODY MASK FOR MOBILE
html { height: 100%; font-family: 'NotoSansMyanmar-Regular' !important; }
body { width: 100%; position: relative; font-family: 'NotoSansMyanmar-Regular' !important; }*/
/* FONTS */
@font-face {
font-family: "Myanmar3";
src: url('/assets/css/fonts/Myanmar3.ttf') format('truetype'),
url('/assets/css/fonts/Myanmar3.woff') format('woff'),
url('/assets/css/fonts/Myanmar3.eot') format('embedded-opentype'),
url('/assets/css/fonts/Myanmar3.svg') format('svg');
}
html { height: 100%; font-family: "Myanmar3", sans-seris !important; line-height: 1.5em; }
body { width: 100%; position: relative; font-family: "Myanmar3", sans-serif !important; line-height: 1.5em; }
.body-mask { width: 100%; height: 100%; top: 37px; left: 0; bottom: 0; right: 0; position: absolute; z-index: 500; background-color: #F3F3F3; display: none; }
.red {color:#F00}
/*GLOBAL CONTAINER FLUID*/
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
/*BLACK TOPBAR*/
.topbar { background-color: #1a1f71; }
.topbar .topbar-row { height: 36px; }
/*tag over to the left*/
.topbartag p { padding-top: 7px; margin: 0; font-weight: 300; color: #ffffff; font-size: 14px; }
/*the language stuff over on the right*/
.topbarfuncs { }
.topbarfuncs p { float: right; padding-top: 8px; margin: 0; font-weight: 300; color: #ffffff; font-size: 14px; }
.topbarfuncs p a { color: #ffffff; opacity:.5 }
.topbarfuncs p a.active {opacity:1}
.topbarfuncs select { font-family: "Myanmar3", Sans-Serif; font-size: 14px; font-weight: 300; line-height: 1; border-radius: 2px; height: 23px; color: #ffffff; background: url(/assets/images/br_down.png) no-repeat right #1a1f71; -webkit-appearance: none; background-position-x: 180px; float: right; margin-top: 7px; margin-left: 31px; margin-right: 29px; width: 205px; padding: 0px; padding-left: 11px; border: thin solid #226afc; }
/*
@font-face {
font-family: 'NotoSansMyanmar-Bold';
src: url('NotoSansMyanmarUI-Bold.eot');
src: url('NotoSansMyanmarUI-Bold.woff2') format('woff2'),
url('NotoSansMyanmarUI-Bold.woff') format('woff'),
url('NotoSansMyanmarUI-Bold.ttf') format('truetype'),
url('NotoSansMyanmarUI-Bold.svg#NotoSansMyanmarUI-Bold') format('svg'),
url('NotoSansMyanmarUI-Bold.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NotoSansMyanmar-Regular';
src: url('NotoSansMyanmar-Regular.eot');
src: url('NotoSansMyanmar-Regular.woff2') format('woff2'),
url('NotoSansMyanmar-Regular.woff') format('woff'),
url('NotoSansMyanmar-Regular.ttf') format('truetype'),
url('NotoSansMyanmar-Regular.svg#NotoSansMyanmar-Regular') format('svg'),
url('NotoSansMyanmar-Regular.eot?#iefix') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
*/
/*
body {
font-family: @font-family-base;
font-size: @font-size-base;
line-height: @line-height-base;
color: @text-color;
background-color: @body-bg;
}
*/
/*social*/
.topbarfuncs .social { float: right; margin-top: 12px }
.topbarfuncs .social img { float: right; }
.topbarfuncs .social img.twitter { margin-right: 5px; }
.topbarfuncs .social img.facebook { margin-right: 21px; }
.topbarfuncs .social img.youtube { margin-right: 24px; }
.lang-mob { display: none }
@media (max-width: 1200px) {
.topbarfuncs select { margin-right: 0; }
}
@media (max-width: 768px) {
.topbartag p { font-size: 13px; }
.topbarfuncs form { display: none; }
.topbar-row { padding-left: 15px; padding-right: 15px; }
.navbar-brand > img { padding-left: 15px; }
.lang-mob { display: block }
.lang-desk { display: none }
}
/*LOGO*/
.show-desk { display: block }
.show-mob { display: none }
@media (max-width: 1200px) {
}
@media (max-width: 1200px) {
.show-mob { display: block }
.show-desk { display: none }
}
@media (max-width: 480px) {
.navbar-brand > img { }
}
/*COBRANDING*/
.cobrand { padding-top: 15px; padding-bottom: 15px }
.cobrand img { }
.cobrand p { margin: 0; padding: 0; font-size: 14px; font-weight: normal !important; color: #333; }
/*NAVBAR*/
.navbar-inverse { background-color: #2962ff; color: #ffffff; height: 85px; position: relative; z-index: 4000; box-shadow: 2px 2px 2px #999; }
.navbar { border-radius: 0; position: relative; min-height: 50px; margin-bottom: 0; border: 0px solid transparent; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; height: auto; padding: 14px 0 8px 15px; }
.container.head { height: 80px; }
.navbar-header { height: auto; float: left }
.navbar-collapse { height: auto; float: left; padding-right: 0; padding-left: 0; border-top: 0px solid transparent; }
.navbar-inverse .navbar-nav { height: auto; }
.navbar-nav > li { /*margin-right: 11px;*/ padding: 0; }
.navbar-inverse .navbar-nav > li > a { font-size: 18px; font-weight: 300; color: #ffffff; padding: 0 28px; padding-top: 30px; padding-bottom: 35px; }
.nav > li > a { padding: 0 28px; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #fff; }
.active_shadow {background-color:#005CE9;box-shadow: inset 0px 0px 30px rgba(0,0,0,0.2);}
@media (max-width: 1200px) {
.navbar-toggle { height:auto; position: relative; float: right; padding: 9px 10px; margin-top: 23px; margin-right: 5px; background-color: transparent; background-image: none; border: 0; box-sizing: border-box;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; ; }
.navbar-toggle .icon-bar { background-color: #fff;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-x { font-size:40px; display:none; margin-top:-23px; margin-left:4px; }
}
/*MENU DROPDOWN*/
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 245px; padding-top: 3px; margin: 2px 0 0; font-size: 16px; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); color: #000; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: underline; background-color: #fff; }
.dropdown-menu > li > .navgroup > a { background-color: #fff; display: block; padding: 0 25px 0 0; clear: both; font-weight: 400; color: #909090; white-space: normal; border-bottom: 0; line-height: normal; padding-bottom: 8px }
.dropdown-menu > li > .navgroup > a:hover { color: #000; text-decoration: underline; }
.dropdown-menu.sub > li > a { background-color: #fff; display: block; padding: 0px 25px 0 0; clear: both; font-weight: 400; line-height: normal; color: #000; white-space: normal; border-bottom: 0; margin-bottom: 8px; }
.dropdown-menu > li:last-child > a { border-bottom: 0; }
ul.nav li.dropdown:hover { background-color: #fff; }
ul.nav li.dropdown:hover > a { background-color: #fff; }
ul.nav li.menu01-menu.dropdown:hover > a { color: #f35700; }
ul.nav li.menu02-menu.dropdown:hover > a { color: #73c600; }
ul.nav li.menu03-menu.dropdown:hover > a { color: #00bcff; }
ul.nav li.menu04-menu.dropdown:hover > a { color: #2962ff; }
ul.nav li.menu05-menu.dropdown:hover > a { color: #2962ff; }
ul.nav li.menu06-menu.dropdown:hover > a { color: #2962ff; }
ul.nav li.menu01-menu.dropdown.open > a { color: #f35700; }
ul.nav li.menu02-menu.dropdown.open > a { color: #73c600; }
ul.nav li.menu03-menu.dropdown.open > a { color: #00bcff; }
ul.nav li.menu04-menu.dropdown.open > a { color: #2962ff; }
ul.nav li.menu05-menu.dropdown.open > a { color: #2962ff; }
ul.nav li.menu06-menu.dropdown.open > a { color: #2962ff; }
ul.nav li.dropdown:active > ul.dropdown-menu { display: none; }
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.submenuhead {color: #000; font-size: 14px; font-weight: bold; margin: 0; margin-bottom: 8px; margin-top: 25px; line-height: normal; padding-bottom: 0px;}
.submenuhead a { color: #000 !important ; line-height: normal; padding-bottom: 0px; }
.submenuhead:first-child { margin-top: 0; }
/*ul.sub li h2 { color: #000; font-size: 14px; font-weight: bold; margin: 0; margin-bottom: 8px; margin-top: 25px; line-height: normal; padding-bottom: 0px;}
ul.sub li h2 a { color: #000; line-height: normal; padding-bottom: 0px; }
ul.sub li h2:first-child { margin-top: 0; }*/
ul.sub li a { padding-left: 0; font-size: 14px; padding-top: 0 }
.menu01-menu ul.sub { -display: block; width: 1170px; left: -259px; padding: 25px 30px; }
.menu01-menu ul.sub li { display: inline; float: left; width: 301px; }
.menu01-menu ul.sub li:last-of-type { width: 200px }
.menu02-menu ul.sub { -display: block; width: 376px; left: 0; padding: 25px 30px; }
.menu02-menu ul.sub li { display: inline; float: left; width: 150px; }
.menu02-menu ul.sub li:last-of-type { width: 150px; }
.menu02-menu ul.sub li.bold a { font-weight: bold }
.menu03-menu ul.sub { -display: block; width: 260px; left: 0; padding: 25px 30px; }
.menu03-menu ul.sub li { display: inline; float: left; width: 200px; }
.menu03-menu ul.sub li:last-of-type { width: 200px; }
.menu03-menu ul.sub li.bold a { font-weight: bold }
.menu04-menu ul.sub { -display: block; width: 500px; left: 0; padding: 25px 30px; }
.menu04-menu ul.sub li { display: inline; float: left; width: 205px; }
.menu04-menu ul.sub li:last-of-type { width: 230px; }
.menu04-menu ul.sub li.bold a { font-weight: bold }
.menu05-menu ul.sub { -display: block; width: 200px; left: 0; padding: 25px 30px; }
.menu05-menu ul.sub li { display: inline; float: left; width: 200px; }
.menu05-menu ul.sub li:last-of-type { width: 200px; }
.menu05-menu ul.sub li.bold a { font-weight: bold }
.menu06-menu ul.sub { -display: block; width: 376px; left: 0; padding: 25px 30px; }
.menu06-menu ul.sub li { display: inline; float: left; width: 150px; }
.menu06-menu ul.sub li:last-of-type { width: 150px; }
.menu06-menu ul.sub li.bold a { font-weight: bold }
.arrow-up, arrow-down { display: none }
@media (max-width: 1200px) {
.navbar-collapse { height: auto; float: none; padding-right: 0; padding-left: 0; position: absolute; top: 85px; left: 0; width: 100%; }
.container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; }
.navbar-nav > li { margin-right: 0px; padding: 0 0; padding-left: 0; padding-top: 15px; padding-bottom: 0; background-color: white }
.navbar-nav { margin: 0px; }
.navbar-inverse .navbar-nav > li.menu01-menu > a { color: #f35700; }
.navbar-inverse .navbar-nav > li.menu02-menu > a { color: #73c600; }
.navbar-inverse .navbar-nav > li.menu03-menu > a { color: #00bcff; }
.navbar-inverse .navbar-nav > li.menu04-menu > a { color: #2962ff; }
.navbar-inverse .navbar-nav > li.menu05-menu > a { color: #2962ff; }
.navbar-inverse .navbar-nav > li.menu06-menu > a { color: #2962ff; }
.nav > li > a { padding: 0; }
.navbar-inverse .navbar-nav > li > a { padding-top: 0; font-size: 16px; font-weight: 600; padding-bottom: 0; padding-left: 20px; }
.dropdown-menu { position: static; float: none; min-width: 0; padding: 0; margin: 0; font-size: 16px; text-align: left; list-style: none; -webkit-background-clip: padding-box; border: 0px solid #ccc; border: 0px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #000; padding-top: 15px; display: block; }
.menu01-menu ul.sub, .menu02-menu ul.sub, .menu03-menu ul.sub, .menu04-menu ul.sub, .menu05-menu ul.sub, .menu06-menu ul.sub { width: auto; padding: 0; padding-top: 15px; }
.menu01-menu ul.sub li, .menu02-menu ul.sub li, .menu03-menu ul.sub li, .menu04-menu ul.sub li, .menu05-menu ul.sub li, .menu06-menu ul.sub li { display: block; float: none; width: auto; }
.menu01-menu ul.sub li:last-of-type, .menu02-menu ul.sub li:last-of-type, .menu03-menu ul.sub li:last-of-type, .menu04-menu ul.sub li:last-of-type, .menu05-menu ul.sub li:last-of-type, .menu06-menu ul.sub li:last-of-type { width: auto; }
/*ul.sub li h2 { font-size: 16px; font-weight: 600; margin: 0; padding:0; height:45px; line-height:45px;border-top: 1px solid #eee; background-color: #f3f3f3; padding-left: 20px; }
ul.sub li h2:first-child { margin-top: 0; }*/
ul.sub li .submenuhead { font-size: 16px; font-weight: 600; margin: 0; padding:0; height:45px; line-height:45px;border-top: 1px solid #eee; background-color: #f3f3f3; padding-left: 20px; }
ul.sub li .submenuhead:first-child { margin-top: 0; }
.navgroup { display: none; padding-top: 0; background-color: #f3f3f3; }
.dropdown-menu > li > .navgroup a { background-color: #f3f3f3; display: block; padding: 0 0 15px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-bottom: 0; font-size: 14px; }
.menu01-menu ul.sub li.bold a, .menu02-menu ul.sub li.bold a, .menu03-menu ul.sub li.bold a, .menu04-menu ul.sub li.bold a, .menu05-menu ul.sub li.bold a, .menu06-menu ul.sub li.bold a { font-size: 14px; font-weight: 600 !important; margin: 0; margin-bottom: 0; padding-top: 15px; padding: 15px 0 15px 0; border-top: 1px solid #eee; background-color: #f3f3f3; padding-left: 20px; line-height: 1.42857143; border-bottom-color: rgb(0, 0, 0); }
.menu01-menu ul.sub li.bold a:hover, .menu02-menu ul.sub li.bold a:hover, .menu03-menu ul.sub li.bold a:hover, .menu04-menu ul.sub li.bold a:hover, .menu05-menu ul.sub li.bold a:hover, .menu06-menu ul.sub li.bold a:hover { font-size: 14px; font-weight: 600 !important; margin: 0; margin-bottom: 0; padding-top: 15px; padding: 15px 0 15px 0; border-top: 1px solid #eee; background-color: #f3f3f3; padding-left: 20px; line-height: 1.42857143; border-bottom-color: rgb(0, 0, 0); }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #000000; }
.arrow-up, .arrow-down { display: block;width: 36px; height: 45px; float: right; margin-right: 20px;cursor: pointer; }
.arrow-down { background-image:url('/assets/images/arrow-mobile-nav-down.png') }
.arrow-up {background-image:url('/assets/images/arrow-mobile-nav-up.png') }
}
/*SEARCH*/
.searchme { float: right; padding-top: 27px; }
.searchme img { cursor: pointer; }
.searchfields { margin-top: 22px; display: none; float: right; width: 446px; }
.searchfields input[type="text"] { width: 100%; height: 40px; border: 0; background-color: #fff; margin-right: 8px; color: #454545; padding-left: 20px }
.searchfields .submit-search { cursor: pointer; background-image: url(/assets/images/search.gif); height: 40px; width: 54px; border: 0; margin: 0; padding: 0; }
.searchfields .close-search { cursor: pointer; vertical-align: top; }
.search-table { display: table; width: 100% }
.search-tr { display: table-row }
.search-td { display: table-cell; vertical-align: top }
.search-btn-area { width: 110px; height: 40px; box-sizing: border-box; }
.search-field { width: 368px; height: 40px }
@media (max-width: 1200px) {
}
@media (max-width: 1200px) {
.searchfields { width: 100%; float: none; }
.table { display: table; width: 100% }
.search-btn-area { width: 102px; height: 40px; white-space: nowrap }
.search-field { width: 100%; height: 40px; }
}
@media (max-width: 768px) {
.searchfields { padding-left: 15px; }
}
/*** SECTION HEADS - section-banner.blade for 'Learn' 'Teach' and 'Play' ********************************/
.learn_banner_background { background: #f35700 url('/assets/images/banner_texture.png'); }
#learn_top_img { background: url('/assets/images/learn/learn_banner_illustration.png') no-repeat top right; }
#learn_top_img h1 { color: #ffffff; }
#learn_top_img p { font-size: 18px; font-weight: 600px; color: #ffffff; line-height: 26px; width: 40%; }
.teach_banner_background { background: #73c600 url('/assets/images/banner_texture.png'); }
#teach_top_img { background:url('/assets/images/teach/teach_banner_illustration.png') no-repeat top right; }
#teach_top_img h1 { color: #ffffff; }
#teach_top_img p { font-size: 18px; font-weight: 600px; color: #ffffff; line-height: 26px; width: 40%; }
.play_banner_background { background: #36c0eb url('/assets/images/banner_texture.png'); }
#play_top_img { background: url('/assets/images/play/play_banner_illustration.png') no-repeat top right; }
#play_top_img h1 { color: #ffffff; }
#play_top_img p { font-size: 18px; font-weight: 600px; color: #ffffff; line-height: 26px; width: 40%; }
@media only screen and (min-width : 320px) {
#learn_top_img { background: none; }
#learn_top_img p { width: 100%; padding-left: 15px; }
#teach_top_img { background: none; }
#teach_top_img p { width: 100%; padding-left: 15px; }
#play_top_img { background: none; }
#play_top_img p { width: 100%; padding-left: 15px; }
#learn_top_img h1 { padding-left: 15px; }
#teach_top_img h1 { padding-left: 15px; }
#play_top_img h1 { padding-left: 15px; }
}
@media only screen and (min-width : 480px) {
#learn_top_img { background: none; }
#learn_top_img p { width: 80%; padding-left: 15px; }
#teach_top_img { background: none;}
#teach_top_img p { width: 80%; padding-left: 15px; }
#play_top_img { background: none; }
#play_top_img p { width: 80%; padding-left: 15px; }
}
@media only screen and (min-width : 768px) {
#learn_top_img { background: url('/assets/images/learn/learn_banner_illustration.png') no-repeat top right; background-size: 300px 206px; }
#learn_top_img p { width: 40%; text-align: left; margin-left: 0; }
#teach_top_img { background: url('/assets/images/teach/teach_banner_illustration.png') no-repeat top right; background-size: 300px 206px; }
#teach_top_img p { width: 40%; text-align: left; margin-left: 0; }
#play_top_img { background: url('/assets/images/play/play_banner_illustration.png') no-repeat top right; background-size: 330px 226px; }
#play_top_img p { width: 40%; text-align: left; margin-left: 0; }
#learn_top_img h1 { text-align: left; }
#teach_top_img h1 { text-align: left; }
#play_top_img h1 { text-align: left; }
}
@media only screen and (min-width : 992px) {
#learn_top_img { background: url('/assets/images/learn/learn_banner_illustration.png') no-repeat top right; background-size: 250px 172px; }
#teach_top_img { background: url('/assets/images/teach/teach_banner_illustration.png') no-repeat top right; background-size: 270px 186px; }
#play_top_img { background: url('/assets/images/play/play_banner_illustration.png') no-repeat top right; background-size: 270px 186px; }
}
@media only screen and (min-width : 1200px) {
#learn_top_img { background: url('/assets/images/learn/learn_banner_illustration.png') no-repeat top right; background-size: 407px 280px; }
#learn_top_img p { padding-top: 80px; margin: 0px; padding-bottom: 45px; }
#teach_top_img { background: url('/assets/images/teach/teach_banner_illustration.png') no-repeat top right; background-size: 407px 280px; }
#teach_top_img p { padding-top: 80px; margin: 0px; padding-bottom: 45px; }
#play_top_img { background: url('/assets/images/play/play_banner_illustration.png') no-repeat top right; background-size: 407px 280px; }
#play_top_img p { padding-top: 80px; margin: 0px; padding-bottom: 45px; }
}
/***** CARDS ***************************/
.cardwide, .cardwide-7, .cardtall, .cardfat, .cardsm, .cardtall_video { cursor: pointer; box-shadow: 0px 3px 4px 3px rgba(0,0,0,0.05); background: #ffffff; margin-bottom: 15px; }
article.cardwide , article.cardwide-7, article.cardtall , article.cardfat , article.cardsm , article.cardtall_video { margin-bottom: 30px; padding-bottom: 25px; }
.call_to_action, .call_to_action a, h5 .call_to_action, h5 .call_to_action a { color: #2962ff; }
.video-btn-area {position:absolute; top:0; left:0;height:100%; width:100%;}
.video-btn-area section {display:table; height:100%; width:100%;}
.video-btn-area span {display:table-cell;vertical-align:middle}
.video-btn-area img {display:block; margin:auto}
.cardwide_left, .cardwide-7_left { float:left; position:relative; }
.cardwide_right, .cardwide-7_right, .cardsm_right { float:left; margin-left:30px; padding-right:15px; padding-top: 10px; position:relative; box-sizing: border-box; }
.empty_card { width: 100%; height: 100%; }
.cardtall_top, .cardfat_top, .cardtall_video_top { position:relative; }
.cardtall_bottom, .cardfat_bottom, .cardtall_video_bottom {
position: relative;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.cardwide_right h5, .cardwide-7_right h5, .cardfat_bottom h5, .cardtall_bottom h5, .cardsm_right h5, .cardtall_video_bottom h5 { color: #909090; text-decoration: none; }
.cardwide_right h5 a, .cardwide-7_right h5 a, .cardfat_bottom h5 a, .cardtall_bottom h5 a, .cardsm_right h5 a, .cardtall_video_bottom h5 a { color: #909090; text-decoration: none; }
.cardwide_right h3, .cardwide-7_right h3, .cardfat_bottom h3, .cardtall_bottom h3, .cardsm_right h3, .cardtall_video_bottom h3 {
/*font-family: 'NotoSansMyanmar-Bold';*/
font-family: "Myanmar3", sans-serif;
font-weight: bold;
font-size: 18px;
line-height: 1.5em;
color: #3d3d3d;
margin-top: 10px;
margin-bottom: 0px;
padding-bottom:3px
}
.cardwide_right h3 a, .cardwide-7_right h3 a, .cardfat_bottom h3 a, cardtall_bottom h3 a, .cardsm_right h3 a, .cardtall_video_bottom h3 a { color: #3d3d3d; text-decoration: none; }
.cardwide_right h3 a, .cardwide-7_right h3 a, .cardfat_bottom h3 a, cardtall_bottom h3 a, .cardsm_right h3 a, .cardtall_video_bottom h3 a { font-size: 18px; line-height: 22px; }
.cardwide_right p, .cardwide-7_right p, .cardfat_bottom p, cardtall_bottom p, .cardsm_right p, .cardtall_video_bottom p {
/*font-family: 'NotoSansMyanmar-Bold';*/
font-family: "Myanmar3", sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 1.5em;
color: #3d3d3d;
font-weight: 300;
}
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action, cardsm_right .call_to_action { position: absolute; left: 0; bottom: 15px; width: 100%; }
.cardwide_right .call_to_action .faceF { margin-right: 0px; }
.cardwide-7_right .call_to_action .faceF { margin-right: 0px; }
.cardsm_right .call_to_action .faceF { margin-right: 0px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: static; left: 0; bottom: 15px; width: 100%; }
.call_to_action h5 {
display: block;
/*font-family: 'NotoSansMyanmar-Regular';*/
/*font-family: 'NotoSansMyanmar-Bold';*/
font-family: "Myanmar3", sans-serif;
font-size: 13px;
line-height: 1.5em;
color: #909090;
font-weight: 500;
float:left;
}
.call_to_action h5:hover {
color: #909090;
text-decoration: underline;
}
.call_to_action .faceF {
width: 16px;
height: 16px;
display: block;
background: transparent url('/assets/images/facebook2.png') no-repeat;
float:right;
margin-right: 15px
}
.call_to_action .twitterbird {
width: 16px;
height: 16px;
display: block;
background: transparent url('/assets/images/twitter2.png') no-repeat;
float:right;
}
.sq-horiz-img, .rect-horiz-img { display: block; margin-right: 30px; float: left; }
.sq-vert-img, .rect-vert-img { display: block; }
.out-of-inventory {background-color:#2962FF; color:#fff; position:absolute; left:0; top:0; width:100%; padding:8px 10px}
@media only screen and (min-width : 320px) {
.cardwide, .cardwide-7, .cardsm { width: 100%; height: 100%; }
.cardwide_left, .cardwide-7_left { float: none; width:100%; height: 100%; }
.cardwide_right, .cardwide-7_right {
float: none;
width: 100%;
height: 100%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.cardsm_right {
loat: none;
width: 100%;
height: 100%;
margin-left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action, .cardsm_right .call_to_action {
position: static;
left: 15px;
right: 15px;
bottom: 15px;
width:100%;
}
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: static; width:100%; }
.sq-horiz-img, .rect-horiz-img { float: none; width: 100%; }
.rect-vert-img, .sq-vert-img { width: 100%; }
.video-img { width: 100%; }
.twitterbird { margin-right: 15px; }
}
@media only screen and (min-width : 480px) {
}
@media only screen and (min-width : 768px) {
.cardwide { height:360px; width: 720px; }
.cardwide-7 { height:360px; width: 720px; }
.cardsm { height: 100%; width: 100%; }
.cardwide_left, .cardwide-7_left { float: left; height:360px; width: 360px; }
.cardwide_right, .cardwide-7_right {
float: left;
height: 360px;
width: 315px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 30px;
}
.cardsm_right {
width: 330px;
height: 100%;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-left: 15px; }
.cardwide_right .call_to_action, .cardwide-7_right .call_to_action {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
width: 100%;
}
.cardsm_right .call_to_action {
position: static;
left: 15;
right: 0;
bottom: 30px;
width: 100%;
padding-right: 15px;
}
.cardtall { width: 345px; height: 565px; }
.cardtall_top { width: 345px; height: 345px; }
.cardtall_bottom { width: 345px; height: 220px; }
.cardtall_video { width: 345px; height: 330px; }
.cardtall_video_top { width: 345px; height: 203px; }
.cardtall_video_bottom { height: 127px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: absolute; width:100%; }
.cardtall_bottom .call_to_action h5, .cardfat_bottom .call_to_action h5, .cardtall_video_bottom .call_to_action, cardtall_video_bottom .call_to_action h5 {
padding-left: 15px;
}
.cardfat { width: 220px; height: 420px; }
.cardfat_top { width: 220px; height: 150px; }
.cardfat_bottom { width: 220px; height: 270px; }
.sq-horiz-img, .rect-horiz-img { display: block; margin-right: 30px; float: none; }
.sq-horiz-img { width: 360px; height: 360px; }
.sq-vert-img { width: 555px; }
.rect-horiz-img { width: 360px; height: 240px; }
}
@media only screen and (min-width : 992px) {
.cardwide { height:220px; width: 617px; }
.cardwide-7 { height:220px; width: 536px; }
.cardsm { height: 220px; width: 100%; }
.cardwide_left, .cardwide-7_left { float: left; height:220px; width: 220px; }
.cardwide_right { float: left; height: 220px; width: 352px; }
.cardwide-7_right { float: left; height: 220px; width: 271px; }
.cardsm_right { height: 233px; width: 278px; }
.cardtall { width: 213px; height: 510px; }
.cardtall_top { width: 213px; height: 213px; }
.cardtall_bottom { width: 213px; height: 297px; }
.cardtall_video { width: 213px; height: 280px; }
.cardtall_video_top { width: 213px; height: 114px; }
.cardtall_video_bottom { height: 166px; }
.cardtall_bottom .call_to_action, .cardfat_bottom .call_to_action, .cardsm_right .call_to_action, .cardtall_video_bottom .call_to_action {
position: absolute;
width:100%;
}
.cardsm_right .call_to_action { left: 0; padding-right: 15px;}
.cardfat { width: 293px; height: 430px; }
.cardfat_top { width: 293px; height: 202px; }
.cardfat_bottom { width: 293px; height: 228px; }
.sq-horiz-img { width: 220px; height: 220px; display: block; margin-right: 30px; float: left; }
.sq-vert-img { width: 220px; height: 220px; }
.rect-horiz-img { width: 303px; height: 202px; }
.rect-vert-img { width: 303px; height: 202px; }
.video-img { width: 220px; height: 114px; display: block; }
}
@media only screen and (min-width : 1200px) {
.cardwide { width:555px; height:270px; }
.cardwide-7 { width:653px; height:270px; }
.cardwide_left, .cardwide-7_left { width:270px; height:270px; }
.cardwide_right { width:240px; height:270px; }
.cardwide-7_right { width:320px; height:270px; }
.cardsm { width: 270px; height: 270px; }
.cardsm_right { width: 240px; height: 270px; }
.cardtall_video { width: 263px; height: 304px; }
.cardtall_video_top { width: 263px; height: 152px; }
.cardtall_video_bottom { height: 152px; }
.cardtall { width: 270px; height: 540px; }
.cardtall_top { width: 270px; height: 270px; }
.cardtall_bottom { width: 270px; height: 270px; }
.cardsm_right .call_to_action {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
width: 100%;
padding-right: 0px;
}
.cardtall_bottom .call_to_action, cardfat_bottom .call_to_action, .cardtall_video_bottom .call_to_action { position: absolute; width:100%; }
.cardfat { width: 360px; height: 475px; }
.cardfat_top { width: 360px; height: 247px; }
.cardfat_bottom { width: 360px; height: 228px; }
.rect-horiz-img, .rect-vert-img { width: 370px; height: 247px; }
.sq-horiz-img { width: 270px; height: 270px; display: block; margin-right: 30px; float: left; }
.sq-vert-img { width: 270px; height: 270px; }
.video-img { width: 270px; height: 152px; display: block; }
}
/*NEWSLETTER AND FREE MATERIALS FORMS **********************************************/
.newsletter-section { padding-top: 29px; height: 336px; }
.newsletter-home-text h1 {margin-bottom:10px !important}
.newsletter-home-text p {margin:0 !important; padding:0 !important}
.form-area { padding-top: 20px }
.newsletter-form { font-size: 16px; }
.newsletter-form .form-group { margin-bottom: 30px; font-weight: 600; }
.newsletter-form .form-group.email { margin-bottom: 15px; }
.newsletter-form .form-group.age-check { margin-bottom: 13px; }
.newsletter-form .form-group:last-child { margin-bottom: 0; }
.newsletter-form .first-last-name {margin-bottom:15px}
.newsletter-form .first-last-name input { float: left; width: 268px; }
.newsletter-form .first-last-name input:last-child { margin-left:4px}
.newsletter-form .form-control.textfield { box-sizing: border-box; padding: 0 0 0 18px; font-size: 15px; line-height: 1.42857143; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: 0 1px 1px rgba(0, 0, 0, .075); }
.newsletter-form .form-control::-webkit-input-placeholder { color: #333;}
.newsletter-form .age-check p { font-size: 14px; color: #333; font-weight: 400 !important; float: left; padding-top: 9px; }
.newsletter-form .age-check input[type="checkbox"] { width: 24px; border: 1px solid #ccc; box-shadow: none; vertical-align: bottom; display: inline; margin-left: 15px; float: left; }
.newsletter-form input[type="submit"].submit { background: #2962ff; border: 1px solid #2962ff; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; cursor: pointer; line-height: normal; padding: 8px 48px; text-align: center; text-transform: uppercase; border-radius: 0; height: auto; display: inline-block; width: auto; letter-spacing: 1px; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5) }
@media only screen and (min-width : 320px) {
.newsletter-title { padding-right: 0; }
.newsletter-section { padding-top: 20px; padding-bottom: 30px; }
.newsletter-form .first-last-name {margin-bottom:15px}
.newsletter-form .first-last-name input { float: none; width: 100%; margin-bottom:15px }
.newsletter-form .first-last-name input:last-child { margin-left:0; margin-bottom:0 }
}
@media only screen and (min-width : 992px) {
.newsletter-form .form-group { margin-bottom: 20px; }
.newsletter-form .first-last-name {margin-bottom:15px}
.newsletter-form .first-last-name input { float: none; width: 100%; margin-bottom:15px }
.newsletter-form .first-last-name input:last-child { margin-left:0; margin-bottom:0 }
}
@media only screen and (min-width :1200px) {
.form-area { padding-top: 10px; }
.newsletter-form .form-group { margin-bottom: 20px; }
.newsletter-section { padding-top: 20px; padding-bottom: 32px; height: auto; }
.newsletter-title { padding-right: 50%; padding-bottom: 18px }
.newsletter-form .first-last-name {margin-bottom:15px}
.newsletter-form .first-last-name input { float: left; width: 268px; margin-bottom:0 }
.newsletter-form .first-last-name input:last-child { margin-left:4px; margin-bottom:0 }
}
.shipping-form { font-size: 16px; }
.shipping-form .form-group { margin-bottom: 30px; }
.shipping-form .form-group.email { margin-bottom: 15px; }
.shipping-form .form-group.age-check { margin-bottom: 13px; }
.shipping-form .form-group:last-child { margin-bottom: 0; }
.shipping-form .first-last-name {margin-bottom:15px}
.shipping-form .first-last-name input { float: left; width: 268px; margin-bottom:0 }
.shipping-form .first-last-name input:last-child { margin-left:4px; margin-bottom:0 }
.shipping-form .form-control.textfield { box-sizing: border-box; padding: 0 0 0 18px; font-size: 15px; line-height: 1.42857143; color: #333; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; box-shadow: 0 1px 1px rgba(0, 0, 0, .075); }
.shipping-form .form-control::-webkit-input-placeholder { color: #333;}
.shipping-form .age-check p { font-size: 14px; color: #333; font-weight: 400 !important; float: left; padding-top: 9px; }
.shipping-form .age-check input[type="checkbox"] { width: 24px; border: 1px solid #ccc; box-shadow: none; vertical-align: bottom; display: inline; margin-left: 15px; float: left; }
.shipping-form input[type="submit"].submit { background: #2962ff; border: 1px solid #2962ff; color: #FFF; font-size: 13px; font-weight: bold; text-decoration: none; cursor: pointer; line-height: normal; padding: 8px 48px; text-align: center; text-transform: uppercase; border-radius: 0; height: auto; display: inline-block; width: auto; letter-spacing: 1px; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5) }
@media only screen and (min-width : 320px) {
.shipping-form .first-last-name {margin-bottom:30px}
.shipping-form .first-last-name input { float: none; width: 100%; margin-bottom:30px }
.shipping-form .first-last-name input:last-child { margin-left:0; margin-bottom:0 }
}
@media only screen and (min-width : 992px) {
.shipping-form .form-group { margin-bottom: 20px; }
.shipping-form .first-last-name {margin-bottom:20px}
.shipping-form .first-last-name input { float: none; width: 100%; margin-bottom:20px }
.shipping-form .first-last-name input:last-child { margin-left:0; margin-bottom:0 }
}
@media only screen and (min-width :1200px) {
.shipping-form .form-group { margin-bottom: 20px; }
.shipping-form .first-last-name {margin-bottom:20px}
.shipping-form .first-last-name input { float: left; width: 275px; margin-bottom:0 }
.shipping-form .first-last-name input:last-child { margin-left:4px; margin-bottom:0 }
}
/** LEARN PAGE - learn-the-basics.blade ***************************/
.basics li { background: url('/assets/images/learn/basic_arrow_grey.png') no-repeat; background-position: right center; list-style: none; list-style-position: outside; border-bottom: thin solid #e0e0e0; }
.basics li.final { margin-bottom: 20px; }
.basics li:hover { background: url('/assets/images/learn/basic_arrow_orange.png') no-repeat; background-position: right center; margin-right: 0px; }
.basics a.sub { font-size: 14px; padding-top: 15px; padding-bottom: 15px; padding-right:50px; font-weight: 600; color: #3d3d3d; display: block; }
.basic-head { font-size: 14px; line-height: 40px; }
.basics a.sub:hover { text-decoration: underline; }
.basics a.head { color: #f35700; font-size: 25px; line-height: 56px; }
#basic_hr { border-bottom: thin solid #e0e0e0; height: 1px; width: 100%; display: block; }
/* learn-section-quiz.blade */
.title-height { height: 25px }
/* learn-lifevents-single.blade */
#le-nav ul li, #le-nav ul li a { font-size: 14px; line-height: 20px; color: #cccccc; font-weight: 400; list-style: none; }
#le-nav a:hover { text-decoration: none; color: #888888; }
#le-nav ul li { margin-bottom: 15px; margin-top: 15px;}
/** CALC PAGE BASICS - calc-nav-basics.blade *****************/
.basics h3.blue a, .basics h3.blue a:hover { color: #2962ff; }
.basics ul { padding-left: 0px; margin-left: 0px; }
.basics ul.blue li:hover { background: url('/assets/images/learn/basic_arrow_blue.png') no-repeat; background-position: right center; margin-right: 0px; }
.calcCategory h3 { line-height: 26px; }
/** TEACH PAGE *************************/
p.side-innov { font-size: 18px; line-height: 26px; }
/* Helper - Card - LessonPlansItem */
.color-block-green { font-size: 18px; line-height: 50px; border-bottom: thin solid #cccccc; width: 100%; background: url('/assets/images/teach/basic_arrow_grey.png') no-repeat; background-position: right center; display: block; margin-bottom: 15px; }
.color-block-green a { color: #73c600; width: 100%; display: block; }
.color-block-green a:hover { width: 100%; background: url('/assets/images/learn/basic_arrow_green.png') no-repeat; background-position: right center; display: block; text-decoration: none; }
img.vertline { display: block; margin-left: auto; margin-right: auto; }
/* Helper - Card - LittleGreyCards (for Economy 101 - teach page and Economy 101 Landing) */
.color-block-grey { height: 140px; padding: 10px 15px; font-size: 20px; -webkit-box-shadow: 0 2px 2px #cccccc; -moz-box-shadow: 0 2px 2px #cccccc; box-shadow: 0 2px 2px #cccccc; margin-bottom: 30px; background: #f1f1f1; }
.color-block-grey a { color: #3d3d3d; }
.color-block-grey-cta { position: absolute; bottom: 50px; font-weight: 400; }
.nominate-button { background: #2962ff; border: 1px solid #2962ff; color: #FFF; display: inline-block; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; margin-bottom: 10px; margin-top: 10px; line-height: normal; padding: 10px 10px; text-align: center; text-transform: uppercase; width: 170px; height: 40px; }
a.nominate-button:hover { color: #ffffff; text-decoration: underline; }
/** TEACH LESSONS TABLE teach-lesson-single.blade ****/
thead.th-green { background: #76c200; color: #ffffff; }
.table.lesson-tab th { color: #ffffff; font-size: 18px; line-height: 28px; margin-top: 0px; font-weight: 400; border-bottom:0 }
.table.lesson-tab td { border-bottom: thin solid #e0e0de; vertical-align:middle; color:#454545; }
.table.lesson-tab td a { display: block; margin-left: auto; margin-right: auto; }
.table.lesson-tab tr.light-grey-bg { background-color: #eeeeee; }
.table { border-left: thin solid #e0e0de; border-right: thin solid #e0e0de; }
.table td { border-left: thin solid #e0e0de; }
.table tr.grey { background: #f5f5f6; }
.go-button { background: #2962ff; border: 1px solid #2962ff; color: #FFF; display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; cursor: pointer; margin-bottom: 0px; margin-top: 0px; line-height: normal; padding: 7px 25px; text-align: center; text-transform: uppercase; width: 100%; height: 35px; }
.stnd-grey h5 { float: left; background: url('/assets/images/check.png') no-repeat 0 8px; padding-left: 30px; padding-right: 20px; padding-top: 7px; padding-bottom: 7px }
.dwnld-button { background: #2962ff; border: 1px solid #2962ff; color: #FFF; display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px 10px; text-align: center; text-transform: uppercase; width: 170px; float: right; }
.dwnld-button:hover { color: #ffffff; }
.table.lesson-tab tbody {}
@media (max-width: 1200px) {
.go-button { width: 100%; padding: 0; }
}
@media (max-width: 992px) {
.go-button { width: 100%; padding: 0; }
}
@media (max-width: 768px) {
.state-standard-input { padding-bottom: 20px }
.go-button { width: 200px }
.dwnld-button { width: 200px; }
}
/** EDUCTIONAL STANDARDS teach-edstandards-elementary.blade ****/
.state-standard-input .dropdownlist-target.dropdownlist-theme-default {display:block; float:left; margin-right:10px}
.state-standard-input input[type="submit"] {display:block; float:left; width:auto; padding: 7px 25px;}
@media (max-width: 1200px) {
.state-standard-input input[type="submit"].go-button {
display:block; float:left; width:auto; padding: 7px 25px;
}
}
@media (max-width: 768px) {
.state-standard-input .dropdownlist-target.dropdownlist-theme-default {display:block; float:none; margin-right:0; margin-bottom:10px !important;}
.state-standard-input input[type="submit"].go-button {
display:block; float:none; width:auto; padding: 7px 25px;
}
}
/** TEACH NOMINATION FORM teach-nomination.blade ***/
.whydoweask { float: left; padding-left: 15px; padding-top: 6px }
.nominate .state-month { background-color: #F5F5F5 }
.formarea { padding-bottom: 100px }
.question h3 { font-weight: 600; }
.question p { padding-top: 10px }
.question textarea { margin-top: 15px }
.whonom label { /*font-family: 'NotoSansMyanmar-Regular';*/ font-family: "Myanmar3", sans-serif; font-size: 20px; line-height: 1.5em; color: #3d3d3d; font-weight: 300; padding-left: 10px; }
.message { color: #f00; font-size: 35px; margin-bottom: 25px !important }
p.captcha { background: #2962ff; border: 1px solid #2962ff; color: #FFF; font-size: 16px; font-weight: bold; text-decoration: none; cursor: pointer; line-height: normal; padding: 8px 48px; text-align: center; border-radius: 0; height: auto; display: inline-block; width: auto; letter-spacing: 1px; box-shadow: 2px 2px 2px rgba(0, 0, 0, .5); }
/** LESSON PLANS teach-lessons-page.blade *******/
.pageNavGrn li, .pageNavGrn-mobile li { background: url('/assets/images/learn/basic_arrow_grey.png') no-repeat; background-position: right center; list-style: none; list-style-position: outside; border-bottom: thin solid #e0e0e0; }
.pageNavGrn li:hover, .pageNavGrn-mobile li:hover { background: url('/assets/images/learn/basic_arrow_green.png') no-repeat; background-position: right center; margin-right: 0px; }
.pageNavGrn a.sub, .ppageNavGrn-mobile a.sub { font-size: 18px; line-height: 50px; color: #73c600; }
.pageNavGrn a.sub:hover, .pageNavGrn-mobile a.sub:hover { text-decoration: none; }
/* EDUCATIONAL STANDARDS teach-edstandards-elementary.blade */
.lesson-tab tr td { text-align: center; vertical-align:middle }
.lesson-tab tr td:first-of-type { text-align: left }
.lesson-tab tbody tr { background: #ffffff; }
.-lesson-tab tbody tr:nth-child(odd) { background: #f5f5f6; }
.state-standards-highschool ~ .state-standards-highschool { display: none }
#state-standards-tabs a { background: #ccc; color: #ffffff; font-size: 18px; line-height:1.5em; margin-top: 0px; /*font-family: 'NotoSansMyanmar-Regular'; */ font-family: "Myanmar3", sans-serif; padding: 10px 20px; display: inline-block }
#state-standards-tabs a.active { background: #76c200; }
.lph { color: #ffffff; }
/** ABOUT PAGE about-page.blade*************************/
.pageNav li, .pageNav-mobile li { background: url('/assets/images/learn/basic_arrow_grey.png') no-repeat; background-position: right center; list-style: none; list-style-position: outside; border-bottom: thin solid #e0e0e0; }
.pageNav li:hover, .pageNav-mobile li:hover { background: url('/assets/images/learn/basic_arrow_blue.png') no-repeat; background-position: right center; margin-right: 0px; }
.pageNav a.sub, .pageNav-mobile a.sub { font-size: 18px; line-height: 50px; color: #2962ff; }
.pageNav a.sub:hover, .pageNav-mobile a.sub:hover { text-decoration: none; }
.pageNav ul.about-ul { margin-left: 0px; padding-left: 0px; }
/* GLOBAL STYLES ***********************/
/* the following 4 sytles are the placeholder in forms */
input.form-control.textfield::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #cccccc;
}
input.form-control.textfield::-moz-placeholder { /* Firefox 19+ */
color: #cccccc;
}
input.form-control.textfield:-ms-input-placeholder { /* IE 10+ */
color: #cccccc;
}
input.form-control.textfield:-moz-placeholder { /* Firefox 18- */
color: #cccccc;
}
hr { margin-top: 15px; }
.newclear { clear: both; margin-bottom: 10px; }
.backtolast { font-size: 12px; line-height: 56px; border-bottom: thin solid #efefef; margin-bottom: 50px; }
.backtolast a { color: #5a5a5a; }
.breadcrumbs { color: #909090; font-weight: 400; font-size: 13px; }
.breadcrumbs a { color: #909090; text-decoration: underline; padding-right: 7px; }
.top-margin-80 { margin-top: 80px; }
.top-margin-70 { margin-top: 70px; }
.top-margin-60 { margin-top: 60px; }
.top-margin-50 { margin-top: 50px; }
.top-padding-30 { padding-top: 30px; }
.top-padding-45 { padding-top: 45px; }
.top-margin-30 { margin-top: 30px; }
.top-margin-25 { margin-top: 25px; }
.top-margin-35 { margin-top: 35px; }
.top-margin-15 { margin-top: 15px; }
.top-pad-25 { padding-top: 25px; }
.bottom-margin-30 { margin-bottom: 30px; }
.bottom-margin-20 { margin-bottom: 20px; }
.bottom-margin-10 { margin-bottom: 10px; }
.bottom-margin-15 { margin-bottom: 15px; }
.bottom-padding-30 { padding-bottom: 30px; }
.bottom-padding-50 { padding-bottom: 50px; }
.bottom-padding-80 { padding-bottom: 80px; }
.bottom-margin-80 { margin-bottom: 80px; }
.bottom-margin-70 { margin-bottom: 70px; }
.bottom-margin-100 { margin-bottom: 100px; }
.right-margin-25 { margin-right: 25px; }
.right-margin-15 { margin-right: 15px; }
.left-margin-30 { margin-left: 30px; }
.left-margin-25 { margin-left: 25px; }
.right-padding-20 { padding-right: 20px; }
.line-height-37 { line-height: 37px; }
hr.innov { border-color: #e2e2e2 !important; }
hr.pmm-rule { margin-top: 20px;background-color:#e2e2e2 }
h2.newsroom { margin-bottom: 0px; padding-bottom: 0px; }
h1, h1 a { /*font-family: 'NotoSansMyanmar-Bold';*/ font-family: "Myanmar3", sans-serif; font-weight: bold; font-size: 42px; line-height: 50px; padding-top: 0px; padding-bottom: 0px; margin-top: 0px !important; margin-bottom: 0px !important; font-weight: 300; color: #3d3d3d; }
a { text-decoration: none; }
h1 a.view { font-size: 14px; padding-left: 20px; }
h1 a:hover { text-decoration: none; color: #909090; }
h1 a.green:hover, h1 a.orange:hover { text-decoration: none; }
h2, h2 a { /*font-family: 'NotoSansMyanmar-Bold';*/ font-family: "Myanmar3", sans-serif; font-weight: bold; font-size: 26px; line-height: 32px; color: #3d3d3d; margin-bottom: 0px; margin-top: 0px; padding-bottom: 10px; padding-top: 0px; }
h2 a:hover { text-decoration: underline; color: #909090; }
h2 a.view { font-size: 14px; padding-left: 20px; padding-bottom: 0px; margin-bottom: 0px; }
a.view.blue { margin-bottom: 0px; padding-bottom: 0px; }
.h2padding { line-height: 36px; }
h3, h3 a { /*font-family: 'NotoSansMyanmar-Bold';*/ font-family: "Myanmar3", sans-serif; font-weight: bold; font-size: 18px; line-height: 26px; color: #3d3d3d; margin-top: 10px; margin-bottom: 0px; padding-bottom: 3px; }
h3 a:hover { color: #3d3d3d; text-decoration: underline; }
h4 a:hover { color: #3d3d3d; text-decoration: underline; }
h5, h5 a { font-family: 'Myanmar3'; font-size: 13px; line-height: 22px; color: #909090; margin-top: 0px; margin-bottom: 0px; }
h5 a { color: #2962ff; }
h5 a:hover { color: #909090; text-decoration: underline; }
.no-pad-left { padding-left: 0px; }
.no-pad-right { padding-right: 0px; }
.no-margin-top { padding-top: 0px; margin-top: 0px; }
.no-margin-bottom { padding-bottom: 0px; margin-bottom: 0px; }
h4, h4 a, p { /*font-family: 'NotoSansMyanmar-Bold';*/ font-family: "Myanmar3", sans-serif; font-weight: bold; font-size: 14px; line-height:1.5em; color: #3d3d3d; font-weight: 300; }
semi { font-weight: 600; }
.semi { font-weight: 600; }
light { font-weight: 300; }
.light { font-weight: 300; }
normal { font-weight: 400; }
.normal { font-weight: 400; }
.orange, h1.orange > a, h3.orange > a, li.orange > a { color: #f35700 !important; }
a.orange:hover, a.green:hover { text-decoration: none; }
.green, h1.green a { color: #73c600 !important; }
.black, h1.black a, h3.black a { color: #3d3d3d !important; }
.blue, h1.blue > a, h3.blue > a, li.blue > a {color: #2962ff !important;}
.light-blue { color: #00bcff !important; }
.white { color: #ffffff !important; }
.grey { color: #888888 !important; }
.light-grey-bg { background-color: #eeeeee; }
.green-background { background: #73c600; }
.grey-background { background-color: #f1f1f1; }
.blue-background { background: #2962ff; }
.section-padded { padding-left: 15px; padding-right: 15px; padding-top: 15px; }
.section a, .section-padded a { text-decoration: none; color: #909090; }
.section a:hover, .section-padded a:hover { text-decoration: underline; color: #909090; }
.teaser-padded { padding-left: 15px; padding-right: 15px; padding-bottom: 3px; }
.teaser a, .teaser-padded a, .media-teaser a { font-weight: 400; color: #000000; line-height: 20px; }
.teaser a:hover, .teaser-padded a:hover, .media-teaser a:hover { text-decoration: underline; }
.twitterbird { width: 16px; height: 16px; display: inline-block; background: transparent url('/assets/images/twitter2.png') no-repeat; }
.twitterbird:hover { background-image: url('/assets/images/twitter2_color.png'); }
.faceF { width: 16px; height: 16px; display: inline-block; background: transparent url('/assets/images/facebook2.png') no-repeat; }
.faceF:hover { background-image: url('/assets/images/facebook2_color.png'); }
.state-month { width: 170px; }
.stores { float: right; }
.ccta img { width: 78px; height: 23px; display: inline-block; margin-right: 10px; }
.enlarge { width: 21px; height: 28px; display: inline-block; background: transparent url('/assets/images/enlarge.png') no-repeat; }
.enlarge:hover { background-image: url('/assets/images/enlarge-color.png'); }
.embed { width: 37px; height: 21px; display: inline-block; background: transparent url('/assets/images/embed.png') no-repeat; }
.embed:hover { background-image: url('/assets/images/embed-color.png'); }
.blue-button { background: #2962ff; border: 1px solid #2962ff; color: #FFF; display: inline-block; font-size: 13px; font-weight: normal; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px 10px; text-align: center; text-transform: uppercase; width: 170px; margin-top: 10px;}
.blue-button:hover { color: #ccc; }
#click-whydoweask {cursor:pointer; text-decoration:none}
#pop-whydoweask {color:#fff;background: rgba(41,98,255, .5); width:450px; display:none; border-radius:10px; padding:10px; margin-bottom:20px}
/** FREE MATERIALS *******************************/
.caution { width: 100%; border-bottom: thin solid #e2e2e2; border-top: thin solid #e2e2e2; display: block; margin-bottom:30px}
.caution-noborder { width: 100%; display: block; padding-top:20px; padding-bottom:30px }
.caution p, .caution-noborder p { line-height: 48px; font-size: 14px; margin-bottom: 0px; padding-bottom: 0px; }
.btn-fm { background: #2962ff; border: 1px solid #2962ff; color: #FFF; display: inline-block; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px 30px; text-align: center; text-transform: uppercase; transition-duration:.75s}
.btn-ooi { background: #cc0000; border: 1px solid #cc0000; color: #FFF; display: inline-block; font-size: 13px; font-weight: 600; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px 30px; text-align: center; text-transform: uppercase; transition-duration:.75s}
.btn-fm:hover { background: #ccc; border: 1px solid #ccc; color: #000; text-decoration:none}
.btn-fm.darkblue{ background: #1A1F71; border: 1px solid #1A1F71; color: #FFF;}
.continue-button {float: right;margin-bottom: 0px; width: 170px; }
.continue-button:hover { color: #000; }
.pos-rel { position: relative; height: 100%; }
.pos-abs-bot { position: absolute; bottom: 0; right: 0; }
.pos-bottom { float:left; }
.pos-bottom-flush { float:left; margin-left:10px; }
.pos-right { position: absolute; right: 0; }
.cart-det { position: relative; height: 130px; }
.update-button { width: 170px; background: #f5f5f5; font-size: 13px; font-weight: 600; line-height: 40px; text-align: center; color: #3d3d3d; display: block; }
.update-button-white { width: 170px; background: #ffffff; font-size: 13px; font-weight: 800; line-height: 40px; text-align: center; color: #3d3d3d; display: block; margin-bottom: 20px; -webkit-box-shadow: 0 2px 2px #cccccc; -moz-box-shadow: 0 2px 2px #cccccc; box-shadow: 0 2px 2px #cccccc; cursor: pointer; }
.cart-rule { height: 29px; border-bottom: thin solid #e2e2e2; margin-bottom: 30px; display: block; width: 100%; }
.order_summary { width: 100%; background: #f5f5f5; padding: 25px 30px; }
.cart-icon-area {display:block}
.cart-icon-area .cart-icon {position:absolute;right:0; top:0}
.download-link {margin:auto; display:block}
.free-materials-fields .field { float:left;margin-right:10px}
.download-buttons {margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:30px;}
.download-buttons a {margin-right:30px}
.download-pdf {margin-top:30px;}
.download-pdf a {margin-right:30px}
.update-btn-area {padding-top:37px}
.remove-btn-area {padding-top:47px}
.back-to-free-mat-mobile {display:none}
@media (max-width: 1200px) {
.back-to-free-mat {display:none}
.back-to-free-mat-mobile {display:inline-block; margin-top:100px}
.continue-button {width: 130px;padding: 6px 6px;}
.free-materials-fields .field { float:none;margin-right:0; margin-bottom:15px; width:100%}
}
@media (max-width: 992px) {
.continue-button {width: 100px;padding: 6px 6px;}
.update-button { width: 113px; }
}
@media (max-width: 767px) {
.cart-det {
position: static;
height: auto;
}
.cart-det h3 {
padding-bottom:12px
}
.pos-bottom {
float: none;
padding-bottom:15px
}
.pos-right {
position: static;
padding-left: 0;
}
.no-pad-left {
padding-left: 15px;
}
.cart.no-pad-left {
padding-left: 0;
}
.no-pad-right {
padding-right: 15px;
}
.update-btn-area {padding-top:0}
.remove-btn-area {padding-top:0}
.cart-rule {
height:10px;
border-bottom: thin solid #e2e2e2;
margin-bottom: 0;
display: block;
width: 100%;
}
.pos-bottom-flush {
float: none;
margin-left: 0;
}
.btn-fm {margin-top:30px; display:block;}
.continue-button {width: 170px; float:none}
.col-sm-8.freematerials-bread {float:left}
.col-sm-4.freematerials-cart {float:right}
.top-margin-30.free-marterials-shipping {margin-top:0}
.update-button { width: 170px; }
.btn-fm.add-to-cart {margin-top:0;}
.dropdownlist-target.dropdownlist-theme-default {
min-width: 210px;
margin-bottom: 0 !important;
}
.back-free { padding-bottom: 10px;}
}
/* ARTICLE SINGLE STYLES **********************/
a.artsingle-Share, p.artsingle-Share { font-size: 13px; line-height: 30px; border-bottom: thin solid #e0e0e0; color: #909090; width: 100%; display: block; margin-bottom: 30px; clear: both; }
.artsingle-FaceF { width: 19px; height: 25px; background: transparent url('/assets/images/pmm-fb.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; margin-bottom: 30px;}
.artsingle-FaceF:hover { background-image: url('/assets/images/pmm-fb-color.png'); }
.artsingle-twitterbird { width: 29px; height: 25px; background: transparent url('/assets/images/pmm-twt.png') no-repeat; cursor: pointer; display: block; float: left; }
.artsingle-twitterbird:hover { background-image: url('/assets/images/pmm-twt-color.png'); }
#side-icons h5 a { line-height: 32px; }
#side-icons h5 a:hover { color: #2962ff !important;}
.face-icon { width: 32px; height: 25px; background: transparent url('/assets/images/face-icon-grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.face-icon:hover { background-image: url('/assets/images/face-icon-blue.png'); }
.vid-icon { width: 32px; height: 32px; background: transparent url('/assets/images/video_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.vid-icon:hover { background-image: url('/assets/images/video_icon_blue.png'); }
.press-icon { width: 32px; height: 32px; background: transparent url('/assets/images/press_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.press-icon:hover { background-image: url('/assets/images/press_icon_blue.png'); }
.football-icon { width: 32px; height: 32px; background: transparent url('/assets/images/football_icon_grey.png') no-repeat; cursor: pointer; display: block; float: left; margin-right: 8px; }
.football-icon:hover { background-image: url('/assets/images/football_icon_blue.png'); }
#pmm h3 { line-height: 18px; margin-bottom: 10px; margin-top: 20px; }
#artsingle p.artsingle-callout { font-size: 26px; line-height: 37px; font-weight: 300; color: #2962ff; padding-top: 25px; padding-bottom: 25px; }
#artsingle p { font-size: 14px; line-height: 22px; font-weight: 300; color: #525252; }
#artsingle p.artsingle-intro, p.artsingle-intro { font-weight: 300; font-size: 18px; line-height: 26px; color: #525252; }
#artsingle a { color: #2962ff; }
#artsingle h4 { font-weight: 600; }
img.overline, .overline { border-top: thin solid #e0e0e0; display: block; padding-top: 20px; }
.artsingle-segment, img.artsingle-segment { margin-top: 30px; margin-bottom: 30px; }
.testimony-segment, img.testimony-segment { margin-top: 20px; margin-bottom: 20px; }
#artsingle strong { font-size: 15px; line-height: 26px; font-weight: 500; color: #3d3d3d; }
#artsingle .subhead { font-size: 18px; line-height: 28px; font-weight: 800; color: #333333; padding-bottom: 20px; padding-top: 20px; }
#artsingle ul, #artsingle ol { font-size: 14px; line-height: 28px; font-weight: 300; color: #525252; }
#artsingle ul li { background: url("/assets/images/bullet.png") 0 0 no-repeat; background-position: 0px 10px; list-style: none; padding-left: 15px; padding-bottom: 15px; }
#artsingle ul li.orangeli { background: url("/assets/images/bullet-orange.png") 0 0 no-repeat; background-position: 0px 10px; }
#artsingle ul li.greenli { background: url("/assets/images/bullet-green.png") 0 0 no-repeat; background-position: 0px 10px; }
#artsingle ul li ul li { background: url("/assets/images/bullet_sub.png") 0 0 no-repeat; background-position: 0px 25px; list-style: none; padding-left: 15px; padding-top: 15px; padding-bottom: 0px; }
#artsingle ul li ul li.orangeli { background: url("/assets/images/bullet_sub-orange.png") 0 0 no-repeat; background-position: 0px 25px; }
#artsingle ul li ul li.greenli { background: url("/assets/images/bullet_sub-green.png") 0 0 no-repeat; background-position: 0px 25px; }
#artsingle ol { color: #2962ff; }
#artsingle ol li { color: #525252; padding-bottom: 15px; margin-left: 15px; }
#artsingle span.not-orange { color: #525252 !important; }
#artsingle .footnote, p.footnote { font-size: 13px; line-height: 22px; color: #909090; border-top: thin solid #e0e0e0; margin-top: 30px; padding-top: 20px; }
.backtolast { font-size: 12px; line-height: 56px; border-bottom: thin solid #efefef; margin-bottom: 50px; }
.backtolast a { color: #5a5a5a; }
.artsingle-segment { margin-top: 40px; margin-bottom: 40px; }
.byline { font-size: 18px; line-height: 50px; font-weight: 300; color: #5a5a5a; margin-bottom: 0px; }
.subtitle { font-size: 18px; line-height: 28px; font-weight: 300; color: #5a5a5a; margin-bottom: 0px; font-style: italic; }
/* For single-article.blade but only included on PMM articles **/
#pmm-side-nav ul { -webkit-padding-start: 0px; margin-left: 0px !important; padding-left: 0px !important;}
#pmm-side-nav ul li, #pmm-side-nav ul li a { font-size: 13px; line-height: 24px; color: #909090; font-weight: 400; list-style: none; padding-bottom: 10px; }
#pmm-side-nav a:hover { text-decoration: none; color: #2962ff; }
.pmm-recent { float: left; font-size: 18px; line-height: 30px; border-bottom: thin solid #e0e0e0; color: #2962ff; width: 100%; display: block; margin-bottom: 20px; }
.pmmarticle { padding-bottom: 100px }
.pmmarticle .pmm { display: inline-block; }
.pmmarticle .faceF { margin-left: 25px; }
@media only screen and (min-width : 320px) {
a.artsingle-Share, p.artsingle-Share { margin-bottom: 20px; }
}
/* VIDEO STYLES **********************/
.video-card { position: relative }
.video-card .btn-play { height: 52px; width: 52px; position: absolute; left: 109px; top: 100px }
.youtube-subscribe { margin-left: 15px; vertical-align: text-bottom; }
.video-item {margin-bottom: 40px;}
.video-item hr.pmm-rule {margin-top: 11px;margin-bottom: 40px;}
@media (max-width: 1200px) {
.video-card .btn-play { left: 85px; top: 85px }
.squ_hrz_cta3 {
position: absolute;
left: 265px;
bottom: 15px;
width: 250px;
}
}
@media (max-width: 992px) {
.video-card .btn-play { left: 145px; top: 155px }
.video-item hr.pmm-rule {margin-top: 11px;margin-bottom: 40px;}
.video-item article {padding-bottom:30px}
.video-item article .squ_hrz_cta3 {
position: static;
left: 0;
bottom: 15px;
padding-left: 15px;
width: auto;
}
}
@media (max-width: 768px) {
.video-card .btn-play { left: 45%; top: 45% }
.video-item article {padding-bottom:50px}
}
/* RECOGNITION ********************/
.recognition {display:table}
.recognition article {display:table-row;}
.recognition .col {display:table-cell; float:none; border-bottom:1px dotted #999;; padding-bottom:15px; padding-top:15px; vertical-align:middle}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.recognition {display:block}
.recognition article {display:block}
.recognition .col {display:block;padding-bottom:25px; padding-top:0; vertical-align: auto}
.recognition .col:first-child {border-bottom:0;padding-top:25px; }
}
@media (max-width: 480px) {
}
/* PARTNERSHIPS ********************/
.partner-background { background-image: url('/assets/images/partner-blue-bg.jpg'); background-size: auto 100%; background-repeat: repeat-x; }
.partner-icons-list img {box-shadow: 10px 10px 12px -7px rgba(179,177,179,1);}
/* COMICS */
.dnld-cta {
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
font-weight: 800;
}
/* PLAY *********************************/
.play-pdf { background: url('/assets/images/play/pdf.png') no-repeat; float: right; padding-top: 10px; width: 21px; height: 28px; display: block; margin-top: 5px; }
p.play-ages { padding-top: 10px; padding-right: 10px; float: right; color: #cccccc; }
p.play-ages:hover { color: #00bcff; }
.play-pdf:hover { background: url('/assets/images/play/pdf-ltblue.png') no-repeat; float: right; }
.play-but-rel { height: 90px; position: relative; right: 15px;}
.play-but-abs { position: absolute; bottom: 0; right: 0; }
hr.ff { margin-top: 10px; margin-bottom: 10px; }
@media (min-width: 320px) {
.play-but-rel { position: relative; right: -15px; height: 40px; margin-bottom: 15px;}
.play-but-abs { left: 0; }
}
@media (min-width: 992px) {
.play-but-rel { height: 90px; position: relative; right: 0px; margin-bottom: 0px;}
.play-but-abs { position: absolute; bottom: 0; right: 0; }
}
/*VIDEO FEATURED SECTION*/
.section-featured-img { width: 470px; height: 264px }
.section_featured_img img { float: left; margin-right: 30px }
.section_featured_body { }
.section_featured_body h5 { padding-top: 15px; }
.section_featured_body h5.pmm { display: inline-block; }
.section_featured_body .faceF { margin-left: 25px; }
.recent-articles { margin-bottom: 20px; }
.section-featured-video { width: 470px; height: 264px }
.section_featured_video video { float: left; margin-right: 30px }
.section_featured_video iframe { border: 0 }
@media (min-width: 768px) {
.featured { width: 455px !important; height: 256px !important }
.fullsize { width: 616px !important; height: 347px !important }
}
@media (min-width: 992px) {
.featured { width: 455px !important; height: 256px !important }
.fullsize { width: 616px !important; height: 347px !important }
}
@media (min-width: 1200px) {
.featured { width: 457px !important; height: 257px !important }
.fullsize { width: 750px !important; height: 422px !important }
}
/* free-materials-cart-icon.blade */
.circle { color: #fff; background-color: #2962FF; display: block; border-radius: 50%; width: 25px; height: 25px; border: 0; text-align: center; vertical-align: middle; padding-top: 2px }
.cart-amount { position: absolute; bottom: 12px; left: 25px }
/* STYLE FROM PAGES AND SUB-TEMPLATES */
/* page videos-detail.blade */
iframe{border:0}
/* apps-landing-page.blade */
.card-cursor { cursor: default; }
/* china-foundation.blade */
.award { width: 165px; height: 165px; }
/* free-materials-card-contents.blade */
.noborder { border: 0; }
/* free-materials-confirmation-contents.blade */
.height40 { height: 40px; }
/* game-page.blade */
.btn-game {width:170px;color:white;font-size:16px;border:none;cursor:pointer;background-color:#246afd;padding:10px 30px}
/* highlights pages */
.full-width { width: 100%; }
/* homepage-carousel.blade */
.home-carousel { padding:45px 0; }
/* press-bios-page.blade */
.press-bio { margin: 0px; margin-bottom: 10px; }
/* section-archive.blade */
.rss {margin-top:5px;}
@media (max-width: 768px) {
.rss {margin:20px 0 10px 0}
.pmmarticle {padding-top:40px;}
}
.dropdownlist-target.dropdownlist-theme-default {
float:right;
}
/* teach-edstandards-secondary.blade */
.line-height-40 { line-height:40px; }
/* teach-innoved-archive.blade */
.item-inline { display: inline-block; }
/* teach-innoved-page */
@media (max-width: 768px) {
.jumpstart article,
.recent-educators article {padding-bottom:10px}
}
/* teach-nomination */
.hide-this { display:none; }
/*FOOTER*********************************************/
.footer-links { padding-top: 45px; padding-bottom: 25px; }
.footer-links h4 { margin: 0; padding: 0; color: #ffffff; font-size: 15px; line-height: 14px; margin-bottom: 12px; }
.footer-links h4:hover { text-decoration:underline }
.footer-links p { margin: 0; padding: 0; color: #93b0ff; font-size: 14px; font-weight: 400; line-height: 160%; }
.footer-links p a { display: block; color: #93b0ff; margin-bottom: 6px; }
.footer-right { padding-left: 26px; }
.footer-right .logo { margin-bottom: 10px; }
.footer-right p { margin: 0; padding: 0; margin-bottom: 10px; color: #ffffff; font-size: 18px; line-height: 150%; }
.footer-right .social { margin-left: -5px }
a.foot-social-yt { background-image: url('/assets/images/youtube-f.png'); width: 27px; height: 19px; display: inline-block; margin-right: 15px; }
a.foot-social-yt:hover { background-image: url('/assets/images/youtube-f-h.png'); }
a.foot-social-fb { background-image: url('/assets/images/facebook-f.png'); width: 11px; height: 20px; display: inline-block; margin-right: 15px; }
a.foot-social-fb:hover { background-image: url('/assets/images/facebook-f-h.png'); }
a.foot-social-tw { background-image: url('/assets/images/twitter-f.png'); width: 20px; height: 17px; display: inline-block; }
a.foot-social-tw:hover { background-image: url('/assets/images/twitter-f-h.png'); }
@media only screen and (min-width : 320px) {
.footer-links { padding-bottom: 0px; padding-top: 45; padding-right: 0; }
.footer-links h4 { font-size: 18px; margin-bottom: 0; padding: 10px 0; line-height: normal; }
.footer-right { padding-top: 10px; padding-left: 0px; margin-bottom: 30px; }
}
@media only screen and (min-width :768px) {
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1200px) {
.footer-links { padding-top: 45px; padding-bottom: 25px; }
.footer-links h4 { margin: 0; padding: 0; color: #ffffff; font-size: 15px; line-height: 14px; margin-bottom: 12px; }
.footer-right { padding-left: 26px; padding-top: 0px;}
.footer-links .link-list .col-lg-2 { width: 20%; }
}
/*FOOTER BLACK*/
.footer-black { background-color: #1A1F71; color: #ffffff; }
.black-footer-logo { padding-top: 10px; padding-bottom: 10px }
.black-footer-text { text-align: right; padding-top: 10px; padding-bottom: 10px; }
.black-footer-text p { margin: 0; padding: 0; }
.black-footer-text .copy { font-size: 14px; text-align: right; color: #ffffff; margin-bottom: 5px }
.black-footer-text .links a { font-size: 14px; text-align: right; color: #ffffff; text-decoration: underline; margin-left: 25px; }
@media (max-width: 1200px) {
.black-footer-logo { padding-top: 20px; padding-bottom: 20px }
.black-footer-text .copy { padding-bottom: 5px }
.black-footer-text { text-align: right; padding-top: 15px; padding-bottom: 10px }
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
.black-footer-logo { padding-bottom: 20px; }
.footer-int-dropdown { padding-top: 20px }
.footer-int-dropdown select { background: #dadada; font-size: 14px; font-weight: 300; line-height: 1; border: 0; border-radius: 2px; height: 23px; color: #000000; margin: 0; width: 80%; padding: 0px; padding-left: 11px; }
}
/*HOMEPAGE SLIDE SHOW*/
.slideshow { position: relative; width: 1140px; height: 325px; margin: auto }
.slideshow article { width: 1140px; height: 325px; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: left; width: 700px; height: 325px }
.slideshow article .slide-image img { width: 700px; height: 325px }
.slideshow article .slide-text { box-sizing: border-box; width: 440px; height: 325px; float: left; padding: 56px; position: relative; }
.slide-text h2 { font-size: 25px; line-height: 110%; margin-bottom: 15px; font-weight: 600 }
.slide-text p { font-size: 16px; line-height: 160%; font-weight: 600 }
.slide-text p.readmore { position: absolute; bottom: 24px; left: 56px; font-size: 16px }
.slide-text p.readmore a { color: blue }
.slidenav { z-index: 500; position: absolute; right: 56px; bottom: 34px; height: 20px }
.slidenav a { display: block; background-color: #ccc; width: 15px; height: 15px; margin-left: 4px; float: left; color: #2e67fb; }
.slidenav a.active { background-color: #2e67fb; }
@media only screen and (min-width : 320px) {
.slideshow { position: relative; width: 100%; height: 530px; margin: auto }
.slideshow article { width: 100%; height: auto; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: none; width: 100%; height: auto }
.slideshow article .slide-image img { width: 100%; height: auto }
.slideshow article .slide-text { box-sizing: border-box; width: 100%; height: auto; float: none; padding: 26px; position: relative; }
.slide-text h2 { font-size: 20px; line-height: 130%; margin-bottom: 20px }
.slide-text p { font-size: 14px; line-height: 160%; font-weight: 700 }
.slide-text p.readmore { position: static; font-size: 14px; margin-bottom:0 }
.slide-text p.readmore a { color: blue }
}
@media only screen and (min-width : 480px) {
.slideshow { position: relative; width: 100%; height: 512px; margin: auto }
.slideshow article { width: 100%; height: auto; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: none; width: 100%; height: auto }
.slideshow article .slide-image img { width: 100%; height: auto }
.slideshow article .slide-text { box-sizing: border-box; width: 100%; height: auto; float: none; padding: 26px; position: relative; }
.slide-text h2 { font-size: 20px; line-height: 130%; margin-bottom: 20px }
.slide-text p { font-size: 14px; line-height: 160%; font-weight: 700 }
.slide-text p.readmore { position: static; font-size: 14px; margin-bottom:0 }
.slide-text p.readmore a { color: blue }
}
@media only screen and (min-width : 768px) {
.slideshow { position: relative; width: 720px; height: 641px; margin: auto }
.slideshow article { width: 720px; height: auto; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: none; width: 720px; height: auto }
.slideshow article .slide-image img { width: 720px; height: auto }
.slideshow article .slide-text { box-sizing: border-box; width: 720px; height: auto; float: none; padding: 26px; position: relative; }
.slide-text h2 { font-size: 30px; line-height: 130%; margin-bottom: 20px }
.slide-text p { font-size: 16px; line-height: 160%; font-weight: 700 }
.slide-text p.readmore { position: static; font-size: 14px; margin-top: 40px; float: left; margin-bottom:0 }
.slide-text p.readmore a { color: blue }
.slidenav { position: static; height: 20px; margin-top: 40px; float: right }
}
@media only screen and (min-width : 992px) {
.slideshow { position: relative; width: 940px; height: 268px; margin: auto }
.slideshow article { width: 940px; height: 268px; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: left; width: 577px; height: 268px }
.slideshow article .slide-image img { width: 577px; height: 268px }
.slideshow article .slide-text { box-sizing: border-box; width: 363px; height: 268px; float: left; padding: 36px; position: relative; }
.slide-text h2 { font-size: 20px; line-height: 130%; margin-bottom: 5px; }
.slide-text p { font-size: 14px; line-height: 160%; font-weight: 600; }
.slide-text p.readmore { position: absolute; bottom: 34px; left: 36px; font-size: 14px }
.slide-text p.readmore a { color: blue }
.slidenav { position: absolute; right: 36px; bottom: 34px; height: 20px; }
}
@media only screen and (min-width : 1200px) {
.slideshow { position: relative; width: 1140px; height: 325px; margin: auto }
.slideshow article { width: 1140px; height: 325px; background-color: white; position: absolute; top: 0; left: 0; }
.slideshow article .slide-image { float: left; width: 700px; height: 325px }
.slideshow article .slide-image img { width: 700px; height: 325px }
.slideshow article .slide-text { box-sizing: border-box; width: 440px; height: 325px; float: left; padding: 45px; padding-top: 35px; position: relative; }
.slide-text h2 { font-size: 14px; line-height: 16px; margin-bottom: 0px; font-weight: 600 }
.slide-text p { font-size: 12px; line-height: 15px; font-weight: 300 }
.slide-text p.readmore { position: absolute; bottom: 34px; left: 45px; font-size: 16px }
.slide-text p.readmore a { color: blue }
.slidenav { z-index: 500; position: absolute; right: 56px; bottom: 34px; height: 20px }
.slidenav a { display: block; background-color: #ccc; width: 15px; height: 15px; margin-left: 4px; float: left; color: #2e67fb; }
.slidenav a.active { background-color: #2e67fb; }
.carousel-padding { padding-bottom: 30px; padding-top: 30px; padding-left: 0; padding-right: 0; }
}
@media (max-width: 768px) {
.newsroom-list {padding-bottom:20px}
.newsroom-list h2 {padding-bottom:0}
}
@media screen {
div#preloader {
position: absolute;
left: -9999px;
top: -9999px;
}
div#preloader img {
display: block;
}
}
@media print {
div#preloader,
div#preloader img {
visibility: hidden;
display: none;
}
}
/*MOBILE SIDE NAV - learn-single.blade - */
/*hides the children and creates a dropdown*/
@media (max-width: 768px) {
.hide-children {display:none}
.mobile-top-margin {margin-top:12px}
.left-nav-mobile a {float:left}
.left-nav-mobile img {float:right; opacity:.2;transform: rotate(90deg);}
.left-nav-mobile img.point-up {opacity:.2;transform: rotate(270deg);}
.line-calculator-mobile {border-top: thin solid #e0e0e0; margin:0; padding:0; margin-top:22px}
}
/*COBRANDING*/
/*global*/
.cobrand-list {padding-bottom:35px}
/*cobrand digital downloads*/
.cobrand-digitaldownloads-list {}
.cobrand-digitaldownloads-list article { padding-bottom:75px}
.cobrand-digitaldownloads-list article header {border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:13px }
.cobrand-digitaldownloads-list article header h2 {font-weight:300; color:#3d3d3d; font-size:26px}
.cobrand-digitaldownloads-list article header p {font-weight:300; color:#3d3d3d; font-size:14px}
.cobrand-digitaldownloads-list article .field {border-bottom:1px solid #eee; padding-bottom:13px; margin-bottom:13px }
.cobrand-digitaldownloads-list article .field:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cobrand-digitaldownloads-list article .field p {font-weight:600; color:#000000; font-size:14px; padding:0; margin:0}
.cobrand-digitaldownloads-list article .field:hover p {color:#2962ff;}
.cobrand-digitaldownloads-list article .field p:first-of-type {float:left; font-weight:700px; font-size:14px }
.cobrand-digitaldownloads-list article .field p:last-of-type {float:right }
.cobrand-digitaldownloads-list article .field a {text-decoration:none;color:#cccccc; text-transform:uppercase; background-image:url(/assets/images/download-icon-off.png); background-position:center right; padding-right:19px; background-repeat:no-repeat}
.cobrand-digitaldownloads-list article .field:hover a {color:#2962ff; background-image:url(/assets/images/download-icon.png);}
/*cobrand comics*/
.comic-section {padding-top:35px;padding-bottom:35px}
.comic-section.first {padding-top:0;padding-bottom:35px;}
.comic-title {padding-bottom:20px}
.comic-title h2 {font-size:26px; font-weight:300; color:#3d3d3d}
.comic-title p {font-size:14px; font-weight:300; color:#3d3d3d}
.comics .dropdownlist-target.dropdownlist-theme-default {float: left;}
.comics img {margin-bottom:14px}
.comics h3 {margin-bottom:15px;font-size:18px; font-weight:600; color:#3d3d3d}
.teachers article {}
.teachers article img {background-color:grey;height:170px; width:100%}
.teachers article h2 {font-size:18px;}
.teachers article p {font-size:14px;}
.teachers article p a {}
.teachers .teacher-col {padding-bottom:30px}
.guardians h2, .comic-links h2 {font-size:18px;border-bottom:1px solid #ccc; font-weight:600; margin-bottom:30px;}
.guardians article {padding-bottom:30px;}
.guardians article:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.guardians article img {float: left; margin-right:20px;}
.guardians article img.h {width:175px; height:126px}
.guardians article img.l {width:336px; height:213px}
.guardians article img.s {width:468px; height:59px}
.guardians article img.c {width:170px; height:157px}
.guardians article p {padding:0; margin:0;}
.comic-links article { padding-bottom:16px; }
.comic-links article textarea { width: 100%; height: 65px; border-radius: 5px; border: 1px solid #eee; color: #909090; padding: 10px; font-size:14px;font-weight: 300; }
.comic-links article h3 { font-weight: 300; color: #3d3d3d; font-size: 14px; margin:0; padding:0 }
/*cobrand calculator*/
.cobrand-calculator-list { }
.cobrand-calculator-list article { margin-bottom: 15px; }
.cobrand-calculator-list article textarea { width: 100%; height: 125px; border-radius: 5px; border: 1px solid #eee; color: #909090; padding: 10px }
.cobrand-calculator-list article h2 { font-weight: 600; color: #3d3d3d; font-size: 18px }
/*cobrand games*/
.cobrand-games-list {}
.cobrand-games-list article { margin-bottom:30px;border-bottom:1px solid #eee; padding-bottom:25px}
.cobrand-games-list article textarea {width:100%; border-radius:5px; border:1px solid #eee; color:#909090;padding:10px; height:auto}
.cobrand-games-list article h2 {font-weight:600; color:#3d3d3d; font-size:18px}
.cobrand-games-list article .field:first-of-type {padding-bottom:20px;}
.cobrand-games-list article p {font-weight:300; color:#000000; font-size:14px; padding:0; margin:0}
/*cobrand khan academy*/
.cobrand-khanacademyvideos-list { }
.cobrand-khanacademyvideos-list article { padding-bottom: 15px }
.cobrand-khanacademyvideos-list article textarea { width: 100%; border-radius: 5px; border: 1px solid #eee; color: #909090; padding: 10px; height: auto }
.cobrand-khanacademyvideos-list article h2 { font-weight: 600; color: #3d3d3d; font-size: 18px; padding-bottom: 0 }
.cobrand-khanacademyvideos-list article .field:first-of-type { padding-bottom: 0 }
.cobrand-khanacademyvideos-list article p { font-weight: 300; color: #000000; font-size: 14px; padding: 0; margin: 0 }
/*cobrand pmm list*/
.cobrand-pmm-list { }
.cobrand-pmm-list article { padding-bottom: 15px }
.cobrand-pmm-list article textarea { width: 100%; border-radius: 5px; border: 1px solid #eee; color: #909090; padding: 10px; height: 75px; }
.cobrand-pmm-list article h2 { font-weight: 600; color: #3d3d3d; font-size: 18px; padding-bottom: 0 }
.cobrand-pmm-list article .field:first-of-type { padding-bottom: 20px }
.cobrand-pmm-list article p { font-weight: 300; color: #000000; font-size: 14px; padding: 0; margin: 0 }
/*cobrand print*/
.print-section {padding-top:35px;padding-bottom:35px}
.print-section.first {padding-top:0;padding-bottom:35px;}
.print-title {padding-bottom:20px}
.print-title h2 {font-size:26px; font-weight:300; color:#3d3d3d; border-bottom:1px solid #ddd}
.print-title p {font-size:14px; font-weight:300; color:#3d3d3d}
.print-items {padding-top:20px}
.print-items article {padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:30px}
.print-items .checks {padding-bottom:5px;}
.print-items .check {padding-bottom:5px}
.print-items .check input[type="checkbox"] {width:20px; height:20px; display:block; float:left; margin-right:7px;}
.print-items .check span {display:block; float:left; font-size:18px; font-weight:600; padding-top:1px;}
.print-items .desc {padding-bottom:15px; color:#3d3d3d; font-size:14px;}
.print-items .select {}
.print-items .select select {float:right}
.print-items .dropdownlist-target.dropdownlist-theme-default {float: right; margin-left:20px}
.message-cobrand {font-size:20px;padding-bottom:25px;color:#2962ff}
/*cobrand websites*/
.cobrand-websites {}
.cobrand-websites section {padding-bottom:50px}
.cobrand-websites h2 {font-size:26px; font-weight: 300; border-bottom:1px solid #e2e2e2; margin-bottom:25px}
.cobrand-websites .checks, .cobrand-websites .img, .cobrand-websites .blurb-select, .cobrand-websites .blurb-upload {padding-bottom:20px}
.cobrand-websites .checks input[type="checkbox"] {width:20px; height:20px; display:block; float:left; margin-right:18px;}
.cobrand-websites .checks span {display:block; float:left; font-size:18px; font-weight:600}
.cobrand-websites .img span { width:270px; height:270px; background-color:#cec6c6; border:3px solid #2962ff; display:block;}
.cobrand-websites .blurb-select {font-size:14px; font-weight: 300; color:#3d3d3d}
.cobrand-websites .blurb-select span { color:#909090; display:block}
.cobrand-websites .field-text input[type="text"] {width:270px; height:40px; display:block; float:left; margin-right:18px; padding-left:5px; box-sizing: border-box; }
.cobrand-websites .field-text span {display:block; float:left; font-size:14px; font-weight:300; color:#3d3d3d; padding-top:8px}
.cobrand-websites .blurb-upload {font-size:14px; font-weight: 300; color:#323232}
.cobrand-websites .field-logo input[type="file"] {width:270px; height:40px; display:block; float:left; margin-right:18px; }
.cobrand-websites .field-logo span {display:block; float:left; font-size:14px; font-weight:300; color:#3d3d3d; padding-top:8px}
.message-cobrand {font-size:20px;padding-bottom:25px;color:#2962ff}
.urlfound {display:none;clear:both; color:#f00}
/* Overriding Bootstrap .less files */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5,.h6 {
/* font-family: "NotoSansMyanmar-Regular", sans-serif!important;*/
font-family: "Myanmar3", sans-serif !important; line-height: 1.5em;
}