@font-face {
    font-family: '5yearsoldfontmedium';
    src: url('../fonts/5yearsoldfont-webfont.woff2') format('woff2'),
         url('../fonts/5yearsoldfont-webfont.woff') format('woff'),
         url('../fonts/5yearsoldfont-webfont.ttf') format('truetype'),
         url('../fonts/5yearsoldfont-webfont.svg#5yearsoldfontmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'beachdayregular';
    src: url('../fonts/beachday-webfont.woff2') format('woff2'),
         url('../fonts/beachday-webfont.woff') format('woff'),
         url('../fonts/beachday-webfont.ttf') format('truetype'),
         url('../fonts/beachday-webfont.svg#beachdayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kg_primary_lined_nospaceRg';
    src: url('../fonts/kgprimarylinednospace-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarylinednospace-webfont.woff') format('woff'),
         url('../fonts/kgprimarylinednospace-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarylinednospace-webfont.svg#kg_primary_lined_nospaceRg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_primary_penmanshipregular';
    src: url('../fonts/kgprimarypenmanship-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarypenmanship-webfont.woff') format('woff'),
         url('../fonts/kgprimarypenmanship-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarypenmanship-webfont.svg#kg_primary_penmanshipregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_primary_penmanship_2Rg';
    src: url('../fonts/kgprimarypenmanship2-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarypenmanship2-webfont.woff') format('woff'),
         url('../fonts/kgprimarypenmanship2-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarypenmanship2-webfont.svg#kg_primary_penmanship_2Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_primary_penmanship_altRg';
    src: url('../fonts/kgprimarypenmanshipalt-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarypenmanshipalt-webfont.woff') format('woff'),
         url('../fonts/kgprimarypenmanshipalt-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarypenmanshipalt-webfont.svg#kg_primary_penmanship_altRg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_primary_penmanship_linedRg';
    src: url('../fonts/kgprimarypenmanshiplined-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarypenmanshiplined-webfont.woff') format('woff'),
         url('../fonts/kgprimarypenmanshiplined-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarypenmanshiplined-webfont.svg#kg_primary_penmanship_linedRg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_primary_whimsyregular';
    src: url('../fonts/kgprimarywhimsy-webfont.woff2') format('woff2'),
         url('../fonts/kgprimarywhimsy-webfont.woff') format('woff'),
         url('../fonts/kgprimarywhimsy-webfont.ttf') format('truetype'),
         url('../fonts/kgprimarywhimsy-webfont.svg#kg_primary_whimsyregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kg_what_the_teacher_wantsRg';
    src: url('../fonts/kgwhattheteacherwants..woff2') format('woff2'),
         url('../fonts/kgwhattheteacherwants..woff') format('woff'),
         url('../fonts/kgwhattheteacherwants..ttf') format('truetype'),
         url('../fonts/kgwhattheteacherwants..svg#kg_what_the_teacher_wantsRg') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'lemonade_standregular';
    src: url('../fonts/lemonade_stand_d-webfont.woff2') format('woff2'),
         url('../fonts/lemonade_stand_d-webfont.woff') format('woff'),
         url('../fonts/lemonade_stand_d-webfont.ttf') format('truetype'),
         url('../fonts/lemonade_stand_d-webfont.svg#lemonade_standregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'schoolbellregular';
    src: url('../fonts/schoolbell-webfont.woff2') format('woff2'),
         url('../fonts/schoolbell-webfont.woff') format('woff'),
         url('../fonts/schoolbell-webfont.ttf') format('truetype'),
         url('../fonts/schoolbell-webfont.svg#schoolbellregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {width: 100%; height: 100%;}
@media (min-width: 768px) {
main#tm-main {
  height:100%; min-height:600px;}
 main#tm-main .uk-section-default  {
  height:100%; min-height:600px;}
}

.recharge  main#tm-main .uk-section-default, .recharge #tm-main .uk-section-default  {
  height:100%; min-height:400px!important;}
}

html, #fbExtended, #es, #es label {
   
    font-family: Arial!important; font-size:17px;}
	
#es, #es .es-stream-meta .es-stream-title a, #es .es-stream-meta .es-stream-title, #es .es-stream-content {
    
    font-size: 17px!important;
}	

@media (min-device-width: 1200px) and (max-device-width: 1300px) {
	
	.uk-navbar-nav>li>a {font-size: 11px!important;}
	.uk-navbar-nav {
   
    gap: 10px:}
	
	li.item-171, li.item-300, li.item-146 {min-width: 130px;}
}
@media  (max-device-width: 1199px) {
	 
      .tm-header.uk-visible\@m { display: none !important; }
      .tm-header-mobile.uk-hidden\@m { display: block !important; }
 
}



.uk-text-meta {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
    font-family: Lato;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
     font-style: normal; 
}
h1 {  font-family: 'kg_primary_whimsyregular';}
h1.teacher {font-family: 'kg_what_the_teacher_wantsRg'; font-weight:bolder; color: #ffffff!important; font-size: 80px; text-transform:none;}
h1.teachersmall, h2.teachersmall {font-family: 'kg_what_the_teacher_wantsRg'; font-weight:bolder; color: #ffffff!important; font-size: 40px; text-transform:none;}
h1.teachersmaller, #howitworks .uk-card-default h3 {font-family: 'kg_what_the_teacher_wantsRg'; font-weight:bolder; color: #3d9774!important; font-size: 30px;  text-align:center; padding:10px;padding-bottom: 0;}
h1.teachersmallgreen {font-family: 'kg_what_the_teacher_wantsRg'; font-weight:bolder; color: #3d9774!important; font-size: 48px; text-transform:none!important;}
h1.teacherwhite, h1.teacherwhite a{font-family: 'kg_what_the_teacher_wantsRg'; font-weight:bolder; color: #ffffff!important; font-size: 30px; text-transform:none;}
#howitworks .uk-card {text-align:center;}
#howitworks .el-image {padding:10px; max-height: 226px; width:auto; text-align:center; margin: 0 auto; }
 #howitworks .el-content {padding:10px;}
#howitworks  .el-content  p { text-align:justify;}
#howitworks .el-content {background: #3d9774; color:#fff;}
#howitworks .uk-button, #home .uk-button, #recharge .uk-button {color: #000; background: #ffe7c3; font-size: 24px; font-weight:bold; margin:0 auto;}







h1.teacher .up {margin-top: -10px;}
h2.es-snackbar2__title, #es .es-snackbar2__title{font-family: 'kg_what_the_teacher_wantsRg'!important; font-size: 24px;}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .h1, .h2, .h3, .h4, .h5, .h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {font-family: 'kg_what_the_teacher_wantsRg'!important; }

.profilenav img {max-width: 170px!important;}
.tm-sidebar {margin-left: 15px; }
.tm-sidebar .uk-grid {/*background: #ffe7c3;*/ padding: 5px; border-radius: 6px; margin-bottom: 20px; }
.tm-sidebar .uk-nav-default>li>a {font-size: 16px; font-weight: bold;}
.tm-sidebar h3 {font-family: 'kg_what_the_teacher_wantsRg'!important; font-size: 24px;}
#headline2 { font-family: 'beachdayregular';}
.tm-header, .home #tm-main .uk-section-default,.home,  .about #tm-main .uk-section-default, .about, .recharge #tm-main .uk-section-default, .recharge, #sitefooter, #howitworks {background: #3d9774; color:#fff;}
@media (min-width: 1500px) {
.tm-page-container {
    background-color: #3d9774;
}


.tm-page-container .tm-page, .home .tm-bottom .uk-section-default .uk-section {

    background: #3d9774!important; background-image: none;
}
}

body.home  .uk-section-default  {

    background: #3d9774!important; background-image: none;
}

body.home h3 {color: #fff; text-align:center;}


.uk-section {    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

 
.audiotracks h5 {color: #fff; font-size: 18px;}
.editprofile {background: #3d9774;}
.uk-totop {color:#fff;}
 .yellow-horizontal {background: url('../../../images/backgrounds/yellowcrayonhorz.png');
 background-size: cover;
 min-height:250px;}
 .childdesc {font-size: 130%;}
.es-profile h2{font-family: 'kg_what_the_teacher_wantsRg'!important;  font-size: 30px;}
 img.donate {max-height: 70px; padding-left: 10px; padding-right: 10px;  }
 .mailto-link {border: 2px solid #ccc; background: #ececec; padding:10px; font-size: 150%; margin-top:15px; margin-bottom:15px;}
 
 @media (max-width: 767px) {
	 
 .mailto-link {font-size: 90%; }	 
 }
}	 
 
 
 
 /*FAQ */
 
 .qListItem_info {display:none;}
 .uk-link, a {
    color: #3d9774;
 }
 
 .fbLeftNavigation_topics, ul.NavLeftUL_wrap li,  ul.NavLeftUL li, a.NavLeftUL_anchor, span.NavLeftUL_anchor, a.NavLeftUL_toggle {font-size: 18px!important;}
 
.giftcards {max-width: 95%;} 
 .giftcards .gcard {float:left; padding: 10px; max-width: 33%;}
 @media (min-width: 1200px){
	  .giftcards .gcard {min-width: 270px;}'
	  #llbuttons {padding-left:90px!important;}
 }
 @media (max-width: 600px) {
.giftcards .gcard {width:100%; max-width: 100%;}	 
	 }
.giftcards img{ max-width: 100%; ;height: auto; padding-bottom: 10px; border-radius: 10px;}

#imagemenu_select {display:none!important;}

#es .es-profile-header-nav__link  {font-size: 26px!important; font-family: 'kg_what_the_teacher_wantsRg'!important; }

#es .es-profile-header-nav .is-active .es-profile-header-nav__link {
    color: #3d9774;
    border-bottom-color: #3d9774;}
#es .btn-primary {
    color: #fff !important;
    background-color: #3d9774 !important;
    border-color: #3d9774 !important;
}
#es .es-profile-header__title {
    font-size: 30px;}

button.dropdown-toggle_ btn, .o-btn-group--actions, .es-mobile-info, .es-mobile-filter__hd  {display:none!important;}

.profile-selected {display:none!important;}
@media (min-width: 1025px){
body.plans #tm-main div.uk-container {max-width:700px!important; width: 700px!important; float:left; margin-left: 80px;}
body.plans #tm-sidebar {float:right; margin-right: 80px;}


body.plans #es  .o-box {width: 300px!importsnt; max-width:300px!importsnt; border:none!important;}
}


.form-control:where(input), .form-select:not([multiple])[size='1'], .form-select:where(select):not([multiple]):not([size]), .uk-input, .uk-select:not([multiple]):not([size]) {
    height: 42px;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #3d9774;
}

.bfQuickMode .bfElemWrap .form-inline input[type="text"], .bfQuickMode .bfElemWrap .form-inline input[type="number"], .bfQuickMode .bfElemWrap .form-inline textarea, .bfQuickMode .bfElemWrap .form-inline select {
	border: 1px solid #3d9774;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #3d9774!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #3d9774!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #3d9774!important;
}
.bw-social-share-title {text-align:center;}
.rrssb-buttons {width: 70%; margin: 0 auto;}

.qListItem_info {display:none;}

#es .o-checkbox label a {text-decoration: underline!important; font-weight: bold;}

/* Footer Menu */

#sitefooter .uk-nav-default>li>a, #sitefooter .uk-subnav>*>:first-child {
 
    color: #fff!important;}
	
/*Dashboard */

#fd .fd-toolbar .fa {font-size: 22px!important;}

#es .largeavatar  .o-avatar-v2, body.memberlist #es  .o-avatar-v2 {width: 100px; height: 100px; text-align:center;}

@media (min-width: 768px) {
body.memberlist #es .es-list__item {
    
    width: 48%;
    
    float: left; margin-right: 15px;}
	
}
.friendlink {font-size: 125%; font-weight: 600;}

body.memberlist #es .es-list-item__title {
    margin-bottom: 4px;
    font-weight: bold;
    padding-top: 35px;
}

body.memberlist #es .es-list__item {
    border-bottom: 1px solid #e1e1e1;
	 border-top: 0px solid #e1e1e1;
}