/*
Theme Name: engVid2
Theme URI: https://www.engvid.com
Description: engVid 2.11.6.1
Author: Chango Fett
Version: 2.11.6.1
Tags: buddypress
For use on Learnvid Education sites ONLY. Unauthorized use will result in termination.
*/

/**********************************************************************************/

/*********************** CORE ********************************/
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html {
	scroll-behavior: smooth;
}

[id] {
	scroll-margin-top: 2ex;
}


fieldset {margin: 0; border: 0; padding: 0;}
body {
	margin: 0 0 20px 0;
	padding: 0 !important; /*important to override buddypress's padding-top*/
	background-color: #26b1cf;
	font: 13px Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	color: #333;
}

.clearer {clear:both;}
article {
	box-sizing: border-box;
}

a {
	color: #666;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #ff0066;
	text-decoration: underline;
}
a.nohover:hover {cursor: default;}

.centered-hor {text-align: center; margin: 0 auto;}

.text-center,
.aligncenter {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-smaller {font-size: 85%;}
.text-larger {font-size: 120%;}
.text-bold {font-weight: bold;}

.quotes:before {content: "\201C"; /*left double quote*/}
.quotes::after {content: "\201D"; /*right double quote*/}
.mt-0 {margin-top: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1em !important;}
.spacer_xs {
	margin-top: .5em;
}
.spacer_s {
	margin-top: 1em;
}
.spacer_m {
	margin-top: 2em;
}
.spacer_l {
	margin-top: 3em;
}
.spacer_xl {
	margin-top: 5em;
}
.def {
	letter-spacing: .05em;
	white-space: nowrap;
	font-variant: small-caps;
	border: 1px solid #ccc;
	padding: 0 0.3em;
	border-radius: 2px;
	text-transform: uppercase;
}
/*********************** end CORE ********************************/

/************************ ADMIN *****************************************/

#wp-admin-bar {margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center;}
#wp-admin-bar ul {margin:0; padding:0;list-style:none;}
#wp-admin-bar ul li {list-style:none; display:inline; margin:0 10px; padding:0;}

.updated {
	background-color: #DFE6E8;
	border: 2px solid #26B1CF;
	font-size: 1.7em;
	margin: 10px auto;
	max-width: 500px;
	padding: 0;
	text-align: center;
}

/*********************** end ADMIN * ************************************/

/*********************** ICON FONT ********************************/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?71496727');
  src: url('fonts/fontello.eot?71496727#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?71496727') format('woff2'),
		 url('fonts/fontello.woff?71496727') format('woff'),
		 url('fonts/fontello.ttf?71496727') format('truetype'),
		 url('fonts/fontello.svg?71496727#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
/*  margin-right: .2em;*/
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
/*  margin-left: .2em;*/

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before { content: '\e800'; } /* '' */
.icon-heart:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-youtube:before { content: '\e803'; } /* '' */
.icon-x-twitter:before { content: '\e804'; } /* '' */
.icon-facebook:before { content: '\e805'; } /* '' */
.icon-twitter:before { content: '\e806'; } /* '' */
.icon-share-1:before { content: '\e808'; } /* '' */
.icon-play:before { content: '\e80c'; } /* '' */
.icon-money:before { content: '\e80d'; } /* '' */
.icon-haha:before { content: '\e80e'; } /* '' */
.icon-youtube-play:before { content: '\e80f'; } /* '' */
.icon-shareable:before { content: '\e811'; } /* '' */
.icon-paper-plane:before { content: '\e812'; margin-right: 4px;} /* '' */
.icon-paper-plane-empty:before { content: '\e813'; margin-right: 4px;} /* '' */
.icon-vkontakte:before { content: '\f189'; } /* '' */
.icon-telegram:before { content: '\f2c6'; } /* '' */
/*********************** end ICON FONT * ************************************/

/*********************** MAIN STRUCTURE ********************************/
#page {
	width: 980px;
	margin: 0px auto 5px auto; /* 20px bottom to allow for footer */
	padding: 0;
	background-color: #fff;
	text-align: left;
	background: url('images/background980w.gif') repeat-y 0px 100px; border: none;
	}

#header {
	height: 140px;
	width: 980px;
	margin: 0;z
	padding: 0;
	background-color: #26b1cf;
	position: relative;
	}

#head_login {float: left; padding: 5px 0 0 5px; width: 190px; height: 80px; color: #d5e6ea;text-align: right;}
#head_social {float: right; width: 185px; height:24px; margin: 31px 0 0 0; overflow: hidden; font-size: 1px;}
#head_social .fb_edge_widget_with_comment span.fb_edge_comment_widget {left: -260px!important;}
#head_social .fbSendButtonFormWidget .nub {left: 345px!important;}

.login .avatar {float: right; padding-left: 2px;}
.login a, .login a:visited {color: #fff; font-size: 10px;}
.login a:hover {color: #fff;}
a.login:hover {text-decoration: none; background-color: #fff; color: #26b1cf;}
.input_login {background-color: #26b1cf; border: 1px solid #fff; color: #eee; font-size: 11px; width: 100px; padding: 2px; margin: 2px 0 0 1px;}
.input_login_button {display: block; width:108px; height: 22px; border: none; outline: none; background: #26b1cf url('images/butLogin.png') no-repeat top left; margin-top: 2px;}
.input_login_button:hover ,.input_login_button:focus{border: none; background: #26b1cf url('images/butLogin.png') no-repeat top right; outline: none; cursor: pointer;}
a.ym-lostpassword-link {font-size: 0.7em; color: #fff; width: 106px; text-align: center; display: block;}
a.register_button {display: block; width:63px; height: 66px; float: left; margin-left: 5px; background: #26b1cf url('images/signupfree.png') no-repeat top left;}
a.register_button:hover {cursor: pointer; background: #26b1cf url('images/signupfree.png') no-repeat top right; outline: none;}

.vidembed {
	aspect-ratio: 16 / 9;
	width: 98%;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
	border-radius: .5em;
}
.related_posts {
	color: #FFF;
	padding: 0 5px;
	width: 300px;
}

.related_posts a {color: #fff; display: block; height: 32px; cursor: pointer; border: none; margin: 0 -6px 0 -13px; padding: 0 5px 0 14px; line-height: 0.89em;}
.related_posts a:hover{text-decoration: none; color: #26b1cf; border: none; background-color: #fff;}
.related_posts img {padding-right: 0.5em;}
.related_posts h3 {padding: 0; margin: 0;
font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: normal;
letter-spacing:-0.2px;
line-height:normal;}


.entry {
	margin-left: 200px;
	}
.entry_full_width {
	margin: 0 6px;
	padding: 1em;
}
.page_full_width .pagetitle {
	margin: 0;
	padding: .5em;
	font-weight: bold;
	letter-spacing: none;
	color: #111;
	font: 3em Lato, Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-weight: bold;
	border: none;
	text-align: center;
	position: relative;
}
/* Hack to fix IE6 3px jog */
* html .   {
	 margin-left: 91px;
	 height: 1%;
	}
* html .meta  {
	margin-right: -3px;
  }

.avatar {vertical-align:middle; float:left; }

.ad_topleft_skyscraperwide {clear: left; float: left; width: 160px; height: 620px; padding: 0px 20px;}
.entry_vid {
	background: #26b1cf;
	padding: 0 0 0 0;
/*	height: 392px;  turned off so that widescreen (not as high) vids will not have big empty space under. see if not defining causes bugs in IE etc, though. ok in ff3 */
	text-align: center;
	}

.featured_lessonlinks {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 16px 0 0 0;
	}
.featured_lessonlinks:last-child {
	margin-left: 5px;
	}
.featured_lessonlinks a {
	font-size: 11px;
	color: #fff;
	display: block;
	height: 32px;
	cursor: pointer;
	border: none;
	margin: 2px 0;
	padding: 0;
	line-height: 1em;
	overflow: hidden;
}
.featured_lessonlinks a:hover {
	color: #26b1cf;
	background: #fff;
	text-decoration: none;
}
.featured_lessonlinks_title,
.featured_lessonlinks_title a{
	font-size: 18px !important;
	height: 27px;
	line-height: 27px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin: 0 0 3px 0;
}
a.featured_lessonlinks_button_more {
	font-size: 16px !important;
}
a.featured_lessonlinks_button_more:hover {
	background: #fff !important;
	color: #26b1cf !important;
}
.featured_lessonlinks img {margin-right: 2px;}


.lessonlinks {
	box-sizing: border-box;
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	border: 2px solid #26b1cf;
	border-radius: 0 20px 20px 20px;
	overflow: hidden;
	}
.lessonlinks div {
	box-sizing: border-box;
}

#lessonlinks_topics_content,
#lessonlinks_teachers_content {
	opacity: 1;
	transition-property: opacity: ;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
#lessonlinks_topics_content.fadedout,
#lessonlinks_teachers_content.fadedout {
	opacity: 0;
}


.lessonlinks_610_pink {background: #fff url('images/lessonlinks_610_bg_full.png') no-repeat top center; height: 624px;}
.lessonlinks_pink {border: 2px solid #ff0066;}
.lessonlinks_pink_button_empty {width: 200px; height: 32px; background: #fff url('images/lessonlinks_pink_button_empty.png') no-repeat top center; clear: both;}

.lessonlinks_topics_ad160x600 {background: #fff url('images/lessonlinks_610_bg_full_topless.png') no-repeat top center; height: 624px; text-align: center; padding-top: 9px;}
.lessonlinks_teachers_list {background: #fff url('images/lessonlinks_teachers_bg_full.png') no-repeat top center; height: 239px;}

.lessonlinks a {
	font-size: 11px;
	color: #26b1cf;
	display: block;
	height: 32px;
	cursor: pointer;
	border: none;
	overflow: hidden;
	margin: 2px 0 2px 0;
	padding: 0 0 0 2px;
	line-height: 1em;
	overflow: hidden;
	}
.lessonlinks a:hover {
	color: #fff;
	background: #26b1cf;
	text-decoration: none;
}
.lessonlinks_title {font-size: 18px; color: #fff; background-color: #26b1cf; text-align: center; height: 35px; line-height: 35px; vertical-align: middle; }
.lessonlinks_pink .lessonlinks_title {background-color: #ff0066 !important;}
.lessonlinks img {margin-right: 2px;}

a.lessonlinks_button_more {
	display: block;
	height: 32px;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	border-top: 2px solid #26b1cf;
	margin: 0;
	padding: 0;
}
a.lessonlinks_button_more::after {
	content: "more…";
}
a.lessonlinks_button_more:hover {
	cursor: pointer;
	background: #26b1cf;
	color: #fff;
}


.lessonlinks_recent {float: left; width: 940px; margin: 10px 0 0 0;}
.lessonlinks_recent_title {font-size: 22px; color: #fff; display: block; text-align: center; width: 100%; line-height: 1.5; font-weight: normal; background: #26b1cf; border-radius: 0 1em 0 0;}
.lessonlinks_recent_rows {padding: 0 0 5px; border: 2px solid #26b1cf; border-top: none; border-bottom: none; }
.lessonlinks_recent_row {color: #26b1cf; display: block; padding: 5px; line-height: 1.4; clear: both; text-decoration: none; overflow: hidden;}
.lessonlinks_recent_row:hover {cursor: pointer; background: #26b1cf; /*#e2e9ea*/; text-decoration: none;}
.lessonlinks_recent_row:hover .lessonlinks_recent_lessontitle, .lessonlinks_recent_row:hover .lessonlinks_recent_lessonexcerpt, .lessonlinks_recent_row:hover .lessonlinks_recent_category_list {color: #fff;}
.lessonlinks_recent_lessoninfo {color: #26b1cf; display: inline-block; width: 75%; float: left; text-decoration: none; overflow: hidden;}
.lessonlinks_recent_lessoninfo:hover {text-decoration: none;}
.lessonlinks_recent .avatar {margin-right: 10px; vertical-align: top !important; display: inline-block; border: 1px solid rgba(100,100,100,.4);}
.lessonlinks_recent_lessontitle {display: block; font-size: 18px; color: #26b1cf; letter-spacing: -0.5px; }
.lessonlinks_recent_lessonexcerpt {display: block; color: #999; margin: 0;}
.lessonlinks_recent_button_more {display: block; font-size: 4em; line-height: 1.4; background: #fff; color: #26b1cf; border: 2px solid #26b1cf; border-radius: 0 0 1em 1em; text-decoration: none; text-align: center; letter-spacing: -.02em;}
.lessonlinks_recent_button_more:hover, a.lessonlinks_recent_button_more:active {background: #26b1cf; cursor: pointer; color: #fff; text-decoration: none;}
.lessonlinks_recent_button_more .site-name {font-weight: bold; letter-spacing: -.05em;}
.lessonlinks_recent_category_list {font-size: 11px; color: #666; display: inline-block; width: 100px; text-align: left; float:left;}
.lessonlinks_recent_category_list ul {list-style-type: none;}


.lessonlinks_all {width: 630px; margin: 0 0 0 0; padding: 0 0 0 0; background: #fff url('images/lessonlinks_recent_bg_top.png') no-repeat top right;}
.lessonlinks_all_title {font-size: 22px; color: #fff; display: inline-block; text-align: center; width: 630px; height: 34px; overflow:hidden; vertical-align: middle; letter-spacing: -1px; line-height: 34px;}
#lessonlinks_all_content {width: 630px;}
.lessonlinks_all_row {color: #26b1cf; display: block; width: 616px; padding: 5px 5px 5px 5px; line-height: 1.1em; overflow: hidden; clear: both; border-bottom: 1px dashed #CCC; border-left: 2px solid #26b1cf; border-right: 2px solid #26b1cf;}
.lessonlinks_all_row:hover {cursor: pointer; background: #e2e9ea;}
.lessonlinks_all img {margin-right: 5px;}
.lessonlinks_all_category_list {font-size: 11px; color: #999; padding: 0;}
.lessonlinks_all_lesson_link:hover {text-decoration: none;}
.lessonlinks_all_lessontitle {font-size: 14px; color: #26b1cf; }



.browser {margin: 30px 0 0 6px; padding: 0 0 0 16px;}
.browser h3 {font-size: 28px; color: #26b1cf; letter-spacing: -1px; width: 96%; border-bottom: 2px solid #26b1cf; margin-left: -16px; padding: 20px 0 0 16px; font-weight: normal;}
h3.about-header {padding: 0; width: 98%; margin: -65px 0 0 0; text-align: center;}
#sidebar-about h3.about-header {font-size: 28px; color: #26b1cf; letter-spacing: -1px; border-bottom: 2px solid #26b1cf; font-weight: normal; padding: 0; width: 98%; margin: 0; text-align: center;}
#sidebar-about h3.morelessons-header {font-size: 28px; color: #ff0066; letter-spacing: -1px; border-bottom: 2px solid #ff0066; font-weight: normal; padding: 0; width: 98%; margin: 0; text-align: center;}
#single_sidebar .lessonlinks {
	border: none;
	border-radius: 0;
	margin-top: 1rem;
}

#single_sidebar .lessonlinks_title {
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 2px solid #666;
	text-transform: uppercase;
	background: none;
	color: #666;
	height: auto;
	line-height: inherit;
	}
#single_sidebar .browse_topics_list a {
	color: #444;
}
#single_sidebar .browse_topics_list a:hover {
	color: #fff;
}
#browse_levels {}
#browse_all {width: 630px; float: left; margin: 0; padding: 0;}

.lessonlinks_selectlist {
	border-radius: 0 0 0 20px !important;
	border-right: 0;
	min-height: 560px;
}

.lessonlinks_resultslist {
	border-radius: 0 20px 20px 20px;
	width: 400px;
	min-height: 560px;
}
.lessonlinks_resultscontent {
	min-height: 517px;
}
.browse_topics_list {margin: 0; padding: 0;}
.browse_topics_list li {
	list-style-type: none;
	vertical-align: middle;
	clear: both;
}
.browse_topics_list a {
	font-size: 18px;
	display: block;
	color: #ff0066;
	padding: 2px 0 2px 9px;
	line-height: 32px;
}
.browse_topics_list a:hover {
	display: block;
	color: #fff;
	background: #ff0066;
}

.browse_topics_list_select {margin: 0; padding: 0;}
.browse_topics_list_select li {
	list-style-type: none;
	vertical-align: middle;
	clear: both;
}
.browse_topics_list_select a {
	font-size: 18px;
	display: block;
	color: #26b1cf;
	padding: 2px 0 2px 9px;
	line-height: 32px;
}

.browse_topics_list_select a.selected {
	background: #26b1cf;
	color: #fff;
}

a.lessonlinks_select_more {
	height: 36px;
	line-height: 36px;
	font-size: 22px;
	color: #26b1cf;
	text-align: center;
	border-top: 2px solid #26b1cf;
	margin: 0;
	padding: 0;
}
a.lessonlinks_select_more:hover {
	background: #26b1cf;
	color: #fff;
	text-decoration: none;
}

.browse_teachers_list_select {margin: 0; padding: 0;}
.browser_teachers_list_select a {font-size: 18px; display: block; color: #26b1cf; margin: 0 2px; padding: 0 0 0 2px; border: 2px solid #fff; border-right: none; border-left: none; line-height: 32px; cursor: pointer;}
.browser_teachers_list_select a:hover {border: 2px solid #26b1cf; border-left: none; border-right: 2px solid #fff; background: #fff url('images/selector_hover_arrow.png') no-repeat right; color: #26b1cf; margin: 0 0 0 2px;}
.browser_teachers_list_select a.selected {border: 2px solid #26b1cf; border-left: none; border-right: 2px solid #fff; background: #fff; color: #26b1cf; margin: 0 0 0 2px;}

.teacher_list img {vertical-align: middle;}
.teacher_listitem a {cursor: pointer; height: 32px; font-size: 18px; margin: 2px 0 0 4px; padding: 0; line-height: 32px;}
.teacher_listitem a:hover{background: #ff0066; color: #fff; text-decoration: none;}

.featured_lessonlinks .teacher_listitem a {cursor: pointer; height: 32px; font-size: 18px; margin: 2px 2px 0 4px; padding: 0; line-height: 32px;}
.featured_lessonlinks .teacher_listitem a:hover{background: #fff; color: #26b1cf; text-decoration: none;}

._text {text-align: justify; padding: 0px 4px; }
._text p {margin: 0;}

.textwidget {padding: 0 2px 0px 4px;}

.navigation { /* page navigation NEXT 5 ENTRIES etc */
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 0.9em;
	font: 2em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -1px;
	}
.about_buttons {float: left; padding: 6px 0 0 40px; width: 450px;}
.button-about {padding: 0 0 0 8px; float: left;}
#sidebar-about .button-about {padding: 0;}
.button-about a{display: block; width: 198px; height: 50px; margin-bottom: 4px;}
.button-support {background: #fff url('images/butSupport.png') no-repeat top left;}
.button-support:hover {background: #fff url('images/butSupport.png') no-repeat top right;}
.button-facebook {background: #fff url('images/butFacebook-fan.png') no-repeat top left;}
.button-facebook:hover {background: #fff url('images/butFacebook-fan.png') no-repeat top right;}
.button-twitter {background: #fff url('images/butTwitter-follow.png') no-repeat top left;}
.button-twitter:hover {background: #fff url('images/butTwitter-follow.png') no-repeat top right;}
.button-share {background: #fff url('images/butShare-save.png') no-repeat top left;}
.button-share:hover {background: #fff url('images/butShare-save.png') no-repeat top right;}
.button_ev3 {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 1rem 0;
	background: #444;
	color: #fff;
	font-size: 17px;
	padding: 8px 0px;
	border-radius: 5px;
	text-align: center;
}

.button_ev3:hover {
	color: #444;
	background: gold;
	text-decoration: none;
}
.button_ev3 span::before {transition: transform .4s;}
.button_ev3:hover span::before{transform: scale(1.4);}

/*********************** end MAIN STRUCTURE ************************/

/*********************** FEATURED section ************************/
#featured {
	/* for big section at top, plus all associated sub stuffs */
	text-align: left;
	width: 955px; /* PAY ATTENTION */
	overflow: hidden; /* this allows background to extend behind featured content */
	background: #fff url('images/bg_featured.png') 200px 0px repeat-y; /*the y position will have no effect anyway because of the repeat-y which repeats down AND up */
	margin: 10px 0 10px 6px;
}
.featured_post {
	width: 100%;
}
.featured_author {
background-color: #26b1cf;
padding: 5px 0 4px 0px; /* 4px 2px 4px 3px; */
width: 90px;
color: #aaf0ff;
font-size: 10px;
text-align: center;
float: left;
}

.featured_top_left {float: left; background: #26b1cf url('images/corner_featured_under_avatar.png') no-repeat bottom right; height: 130px;}
.featured_author a {display: block; width: 100%; height: 100%; color: #fff;}
.featured_author a:visited, .featured_author a:hover {color: #fff; text-decoration: none;}
.featured_author:hover {background: #ff0066; cursor:pointer;}
.featured_author a img {padding: 0 0 5px 5px;}
.featured_category_list {
	width: 105px;
	float: left;
	text-align: left;
	padding: 5px 0 0 5px;
	color: #fff;
}
.featured_category_list a{
	color: #fff;
}
.featured_category_list a:hover{
	color: #fff;
	text-decoration: underline;
}
.featured_ytsubscribe {
	text-align: center;
}
.featured_title_section {
	float: left;
}

.featured_title {
	float: left;
	background-color: #26b1cf;
	width: 735px;
	}

.featured_description {height: 80px; max-height: 110px; overflow: auto; color: #ececec; margin: 0 0 3px 0; padding: 0 3px 0 8px; display:block;}
.featured_description a {color: #ff0066; background: #ECECEC; padding: 2px 5px; border-radius: 3px;}
.featured_description code {color: #fff; padding: 1px 5px; border-radius: 2px; background-color: #2094AD;}

.featured_top {
	clear: both;
}
.featured_right {
	width: 311px;
	min-height: 450px;
	overflow:visible;
	float: left;
	font-size: .85em;
	margin: 0 0 0 6px;
	background-color: #26b1cf;
}

.featured_right form {
	margin: 0;
	}

.featured_right h1, .featured_right h1 a {
	display: block;
	margin: 0;
	padding: 0 1px 0 3px;
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-size: 1.2em;
	background: #fff;
	border-bottom: 2px solid #26b1cf;
	color: #26b1cf;
	}
.featured_bottom {
	background: #fff url('images/featured_bottom.png') no-repeat bottom left;
	margin-left: 200px;
	width: 755px;
	height: 15px;
}

.featured_under_video {margin-bottom: 15px;}
.featured_bottom_left {
	float: left;
	width: 408px;
	padding: 0 0 0 6px;
	line-height: 1px;
}

.featured_bottom_left_buttons {
	width: 407px; height: 35px; padding: 0 0 0 1px;
	}
.featured_bottom_right {float: left; width: 340px; text-align: center;}

#butFeaturedQuiz {float: left; padding-right: 2px; }
#butFeaturedQuiz a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butQuiz.png') top left no-repeat;
}
#butFeaturedQuiz a:hover{
	background: #26b1cf url('images/butQuiz.png') bottom right no-repeat;
}

#butFeaturedComments {float: left; padding-right: 2px; text-align: center;}
#butFeaturedComments a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butComments.png') top left no-repeat;
}
#butFeaturedComments a:hover{
	background: #26b1cf url('images/butComments.png') bottom right no-repeat;
}

#butFeaturedShare {float: left; padding-right: 0px; }
#butFeaturedShare a{
	display:block;
	width: 134px;
	height: 29px;
	background: #26b1cf url('images/butShare.png') top left no-repeat;
}
#butFeaturedShare a:hover{
	background: #26b1cf url('images/butShare.png') bottom right no-repeat;
}
#butFeaturedFacebookLike {padding: 5px 0 0 5px;}
/*********************** end FEATURED section ************************/

/*********************** FOOTER ************************/
#footer {
	background: #26b1cf url('images/foot_bg.png') no-repeat top;
	padding: 30px 0 5px 0;
	margin: 0 auto;
	width: 980px;
	clear: both;
	}

#footer_main {float: left; width: 560px; background: none;}
#footer_about {float: left; color: #4d7178; margin-left: 185px; display: inline; font-size: 11px;padding-right: 5px; text-align: justify;}
#footer_links {float: left; margin-top: 2px;}
#footer_fblike {padding: 10px 0 0 180px; clear: both;}


#footer .button-about {float: left;}
#footer_links ul {list-style: none;}
#footer_links li {margin-left: 30px; float: left; display: inline;}
#footer_links a {font-weight: bold; font-size: 16px; color: #4d7178;}

 /*Added 2015-08-09:*/
#footer_buttons {float: right; width: 380px; padding: 0 10px 0 0;}
.footer_buttons-social {
	text-align: center;
	display: grid;
	gap: 2%;
	grid-template-columns: repeat(6,1fr);
}

.footer_logo-image {width: 100%;}
#footer_buttons .social_link {
	width: 100%;
	height: 100%;
	font-size: 2rem;
	border-radius: 100%;
	background: #eee;
	color: #444;
	overflow: hidden;
	aspect-ratio: 1;
	display: grid;
	place-content: center;
}
.social_link:before {line-height: 60px;}
#footer_buttons .social_link:last-child {margin: 0;}
.social_link:hover,
.social_link:active {color: #fff !important; text-decoration: none;}
.social_link-fb:hover,
.social_link-fb:active {background: #3B5998 !important;}
.social_link-vk:hover,
.social_link-vk:active {background: #4e729a !important;}
.social_link-tw:hover,
.social_link-tw:active {background: #00ACED !important; border: 1px solid rgba(100,100,100,.25) !important;}
.social_link-x:hover,
.social_link-x:active {background: #000000 !important;}
.social_link-gif:hover,
.social_link-gif:active {background: #bc4ebc !important;}
.social_link-yt {font-size: 36px !important;}
.social_link-yt:hover,
.social_link-yt:active {background: #CD332D !important;}
.social_link-telegram:hover,
.social_link-telegram:active {background: #0088cc !important;}
.footer_button-support {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 15px 0;
	background: #444;
	color: #fff;
	font-size: 20px;
	padding: 10px 0px;
	border-radius: 5px;
	text-align: center;
}
.footer_button-support:hover {color: #444; background: gold; text-decoration: none;}
.footer_button-support span::before {transition: transform .4s;}
.footer_button-support:hover span::before{transform: scale(1.4);}

/*********************** end FOOTER ************************/

/************************ ALL LESSONS PAGE *************************/
#all_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

#loading-indicator {display: none; text-align: center; margin: 200px 0 0 0;}

#all_sidecolumn {
	margin: 0;
	padding: 0 10px;
	float: left;
	width: 310px;
}
#all_sidecolumn_controls {
	width: 310px;
	height: 100%;
	margin-bottom: 10px;
}
#all_sidecolumn h3 {font-size: 20px; color: #26b1cf; letter-spacing: -1px; width: 310px; border-bottom: 2px solid #26b1cf; margin: 0 0 5px -10px; padding: 5px 0 0 10px; font-weight: normal; text-align: center;}
#all_sidecolumn_sticky {
	position: sticky;
	top: 10px;
}
.all_ul {
	color: #26b1cf;
	margin: 0;
	padding: 0;
	display: block;
}

#finder_result {
	display: block;
	float: left;
	border: 1px solid #aaa;
	border-radius: 10px;
	width: 140px;
	height: 95px;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	margin: 5px 0 0 10px;
	background-color: #dedede;
	padding: 3px 0 0 0;
}

#finder_result_count {
	font-size: 50px;
}


.all_ul_header {
	text-align: center;
	padding: 4px 0;
	width: 98%;
	color: #fff;
	background: #26b1cf;
	}
.all_ul_topics {
	float: left;
	clear: left;
	width: 150px;
	}
.all_ul_teachers {
	float: left;
	width: 160px;
	}
.all_ul_levels {
	float: left;
	margin: 0 0 10px 0;
	color: #26b1cf;
	width: 150px;
}
.all_ul input{
	margin: 0 2px 0 4px;
	height: 13px;
	}
.all_teacher-item input {
	padding: 0;
	height: 24px;
	line-height: 24px;
}
.all_ul_teachers label {
	padding: 0 !important;
}
.all_ul label {
	display: block;
	margin: 2px 0;
	width: 95%;
	padding: 4px 0;
	border-radius: 3px;
	}
.all_ul label:hover {
	background-color: #26b1cf;
	color: #fff;
	cursor: pointer;
	}
.all_ul label input:checked + li{
	color: #ff0066;
}
.all_ul label input:checked + span{
	color: #ff0066;
}
.all_cat-item-div {
	display: block;
	margin: 0;
	float: none;
	clear: both;
	}

.all_cat-item {
	list-style-type: none;
	/*padding: 4px 0;*/
}
.all_teacher-item {
	list-style-type: none;
	margin: 2px 0;
	line-height: 24px;
}
.all_teacher-item:hover {
	background-color: #26b1cf;
	color: #fff;
	cursor: pointer;
}
.all_cat-item_level {
	list-style-type: none;
	margin: 2px 0;
	display: inline;
	padding: 10px;
}

.css3button {
	position: relative;
	padding: .5em .2em;
	line-height: 1.3em;
	color: #fff;
	background: #26B1CF;
	border: none;
	border-radius: .5em;
	box-shadow: 1px 1px 1px rgba(0,0,0, .29);
	font-family: 'Lato', 'Droid Sans', Arial, 'Helvetica Neue', sans-serif;
	text-align: center;
	transition: all 0.15s ease;
}
.css3button:hover {
	background: #1e859b;
	cursor: pointer;
	/*box-shadow: none;*/
	/*top: 0px;*/
	/*left: 0px;*/
	/*color: #19667d;*/
	/*text-decoration: none;*/
}
.css3button:active {
	background: #1e859b;
	top: 1px;
	left: 1px;
	box-shadow: none;
}

#all_find_button {
	margin: 1.5em auto 0 auto;
	font-size: 1.5em;
}

.sticky_sidecolumn {width: 310px; display: block;}

/************************ End ALL LESSONS PAGE *************************/

/************************ TOPICS PAGE **************************/
#topics_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.topics_left {float: left; width: 210px; padding: 0 0 0 10px;}
.topics_main {float: left; width: 740px;}
h2.topics_child {
	font-size: 2em;
	text-align: left;
	padding: 15px 0 0 0;
	background: #fff;
	color: #26b1cf;
}
h2.topics_child a{
	color: #ff0066;
}
h2.topics_child a:hover{
	text-decoration: underline;
}
.topics_entry {padding: 0 0 0 5px;}
/************************ end TOPICS PAGE **************************/


/************************ TEACHERS PAGE **************************/
#teachers_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.teachers_main {float: left; width: 650px;}
.teachers_right {float: left; width: 310px; text-align: center;}
.teachers_entry {width:630px; margin: 10px 0 0 10px;}
.teachers_entry-title {font-size: 36px; color: #fff; display: inline-block; margin: 0 0 0 0px; padding: 0; width: 630px; height: 80px; overflow: hidden; vertical-align: middle; line-height: 80px; background: #fff url('images/teachers_entry-title.png') no-repeat top right;}
.teachers_entry-title-text {padding-left: 10px;}
.teachers_entry-title a{color: #fff;}
.teachers_entry-title a:hover{color: #fff; text-decoration: underline;}
.teachers_entry-main-recent {float: left; width: 200px; background-color: #26b1cf} .teachers_entry-main-recent-header {color: #fff; margin: 0 0 4px 0; padding: 3px 0 0 5px; display: block; font-weight: bold; border-bottom: 1px solid #fff;}
.teachers_entry-main-recent a {font-size: 10px; color: #fff; display: block; height: 32px; cursor: pointer; border: none; margin: 2px 3px 0px 5px; padding: 0; line-height: 1em; overflow: hidden;}
.teachers_entry-main-recent a:hover {color: #26b1cf; background: #fff; text-decoration: none;}
.teachers_entry-main-recent img {margin-right: 2px;}
.teachers_entry-main-info{ float: left; width: 408px; height: 306px; overflow: auto; padding: 10px; border-right: 2px solid #26b1cf; border-bottom: 2px solid #26b1cf; }
.teachers_entry-main-info p{ padding-bottom: 1em;}
.teachers_entry-button{background: #fff url('images/teachers_entry-button.png') no-repeat top left; display: block; width: 630px; height: 39px; color: #26b1cf; clear: both; text-align: center; font-size: 24px; line-height: 39px;}
.teachers_entry-button:hover{background: #fff url('images/teachers_entry-button.png') no-repeat top right; text-decoration: none; color: #fff;}
/************************ end TEACHERS PAGE **************************/

/************************ TEACHER PAGE **************************/
#teacher_content{
	width: 970px;
	margin: 0 0 0 6px;
}

#teacher_teacher_info {width: 550px; height: 250px; overflow: auto; float: left; text-align: justify; margin: 0 0 10px 16px;}
#teacher_teacher_info p {margin-bottom: 1em;}
#teacher_teacher_info .avatar{padding-right: 5px;}
#teacher_teacher_info_side {
	background: #666;
	background: linear-gradient(135deg, rgba(102,102,102,1) 0%, rgba(71,70,71,1) 100%);
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	 box-shadow: 1px 1px 3px rgba(66, 66, 66, 0.4);
	 color: #EEEEEE;
	 float: left;
	 margin: 0 0 0 10px;
	 overflow: hidden;
	 padding: 1em;
	 text-align: center;
	 width: 350px;
}
#teacher_ytsubscribewidget {width: 300px; text-align: center; margin: 0 auto; box-shadow: 0 0 100px red inset;}

/************************ end TEACHER PAGE **************************/

/************************ SINGLE PAGE **************************/
#single_main {
	margin: 0 0 0 0px; /*was 0 0 0 206px*/
	width: 540px;
	float: left;
	display: inline; /* IE6 margin doubling fix */
	overflow: hidden;
	}

#single_sidebar {
	float: left;
	margin: 0;
	padding-left: 15px;
	width: 200px;
	display: inline; /* IE6 margin doubling fix */
	}
#single_sidebar .button-support {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	margin: 1rem 0;
	background: #444;
	color: #fff;
	font-size: 17px;
	padding: 8px 0px;
	border-radius: 5px;
	text-align: center;
}
#single_sidebar .button-support:hover {color: #444; background: gold; text-decoration: none;}
#single_sidebar .button-support span::before {transition: transform .4s;}
#single_sidebar .button-support:hover span::before{transform: scale(1.4);}
#sticky-box2 {width: 200px; height: 624px; float: left; text-align: center;margin-top: 10px; background: url('images/pink_tall_filled.png') no-repeat top center; border: none; padding-top: 20px;}
/************************ end SINGLE PAGE **************************/

/************************ SEARCH RESULTS PAGE **************************/
#search_content {
	width: 970px;
	margin: 0 0 0 6px;
}
#search_content h1 {
	margin: 1em 0;
	line-height: 1;
	text-align: center;
	width: 100%;
	border-bottom: 2px solid;
	padding: 0;
}
.search_button_all_lessons {
	display: block;
	font-size: 4em;
	line-height: 1.4;
	background: #fff;
	color: #26b1cf;
	border: 2px solid #26b1cf;
	text-decoration: none;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 20px 0;
	border-radius: 0.2em;
}
.search_button_all_lessons:hover {
	text-decoration: none;
	background: #26b1cf;
	color: #fff;
}
/************************ end SEARCH RESULTS PAGE **************************/

/************************ RESOURCE SINGLE PAGE ********************/
#resource_content {
	width: 969px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

#resource_left {
	position: sticky;
	top: 10px;
	width: 310px;
	padding-left: 5px;
	float: left;
}
#resource_right {
	float: right;
	margin: 10px 10px 0 0;
	position: sticky;
	top: 10px;
}
#resource_main{
	margin: 10px;
	width: 630px;
	float: left;
	}
#resource_secondary {clear: both; margin: 10px;}
.resource_ad_top {height: 90px; text-align: center; overflow: hidden;}
.resource_ad_bottom {clear: both; overflow: hidden;}
.resource_top {clear: both; margin: 10px;}
.resource_title {
	background: #fff;
	font-size: 2.3em;
	color: #26b1cf;
	padding: 0;
	float: left;
	border-bottom: 2px solid #26b1cf;
	display: block;
	width: 100%;
	}

.resource_title a {color: #26b1cf;}
.resource_title a:hover {color: #26b1cf; text-decoration: none;}
.resource_author {
	background: #fff;
	float: left;
	clear: both;
	padding: 0 3px 0 0;
	}
.resource_author a {color: #26b1cf; font-size: 1.3em; line-height: 32px; display: block; width: 100%; padding: 0 3px 0 0;}
.resource_author a:hover {color: #fff; background-color: #26b1cf; text-decoration: none;}
.resource_author .avatar {padding-right: 3px;}
.resource_tabs {float: right;}
.butResourceTab {float: right; padding-left: 6px; margin-top: -1px;}
.butResourceTab a{
	display:block;
	width: 134px;
	height: 29px;
	float: right;
}

#butResourceShare a{
	background: #26b1cf url('images/butResourceShare.png') top left no-repeat;
}
#butResourceShare a:hover{
	background: #26b1cf url('images/butResourceShare.png') bottom left no-repeat;
}
#butResourceQuiz a{
	background: #26b1cf url('images/butResourceQuiz.png') top left no-repeat;
}
#butResourceQuiz a:hover{
	background: #26b1cf url('images/butResourceQuiz.png') bottom left no-repeat;
}
#butResourceSave a{
	background: #26b1cf url('images/butResourceSave.png') top left no-repeat;
}
#butResourceSave a:hover{
	background: #26b1cf url('images/butResourceSave.png') bottom left no-repeat;
}


.resource_entry {
	clear: both;
	margin-top: 1em;
	color: #202122;
	font-family: lato, sans-serif !important;
	font-size: 130%;
  line-height: 1.5;
}

.resource_entry .part {
	margin-bottom: 5em;
}

.resource_vidembed {
	aspect-ratio: 16 / 9;
	width: 100%;
	box-shadow: 2px 2px 4px rgb(0 0 0 / 20%);
	border-radius: .25em;
}

.resource_entry .shadowbox {
	border-radius: 0.5em;
	padding: 1em;
	box-shadow: #ddd 2px 2px 10px 0px;
}


/*RESOURCE TEXT STYLES()*/
.resource_entry p {
	text-align: justify;
	hyphens: auto;
/*	line-height: 1.6em;*/
	line-height: calc(1ex / 0.32);
	margin: 0 0 1em 0;
	font-size: 1.1em;
}
.resource_entry p:first-of-type {
	margin-top: .5em;
}
.resource_entry p:not(:first-of-type) {
	margin-top: 1em;
}
.resource_entry p:not(:last-child) {
	margin-bottom: 1em;
}

.resource_entry p:not(:last-child) {
	margin-bottom: 1em;
}

.resource_entry p.heavy {
	font-size: 140%;
	font-weight: bold;
}

.resource_entry .normtext {
	/*reset to normal within other-styled text:*/
	font-family: lato, sans-serif !important;  
}

.resource_entry .emailtext {
/*	used in email tips resource*/
	font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
	color: #000;
}

.resource_entry .text_rule {
	/*body text that is a grammar rule definition*/
	font-weight: bold;
}

.resource_entry code {
	font-family: lato, sans-serif !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-shadow: 1px 1px 0 rgba(100,100,100,.5);
	background: gold;
}

.resource_entry .menu_inpage {
	list-style-position: outside;
	margin-left: 2em;
}

.resource_entry h2 {
	font-family: inherit;
	font-size: 1.6em;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 2px solid;
	margin: 0 0 1em 0;
}

.resource_entry h3 {
	font-family: inherit;
	font-size: 1.4em;
	text-align: center;
  text-transform: uppercase;
}

.resource_entry h4 {
	font-family: inherit;
	text-transform: uppercase;
}

.resource_entry code {
	font-family: lato, sans-serif !important;
	font-style: inherit;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-shadow: 1px 1px 0 rgba(100,100,100,.5);
	background: gold;
}

.resource_entry .heading_underline {
	border-bottom: 2px solid;
}

.resource_entry .heading_block {
	background: #444;
	color: white;
	border: none;
	margin: 0 0 .5em 0;
}

.resource_entry .heading_sticky {
	position: sticky;
	top: 0;
}



.resource_entry .icon-correct::before {
	content: '\2713 \00A0 \00A0 \00A0';
	color: limegreen;
}
.resource_entry .icon-wrong::before {
	content: '\2718 \00A0 \00A0 \00A0';
	color: red;
}

/* RESOURCE LISTS*/
.resource_entry ul,
.resource_entry ol {
	list-style-position: outside;
	margin-left: 2em;
}

.resource_entry .noinset {
	margin-left: 1em;
}

.resource_entry ol li {
	padding-left: 1em;
}

.resource_entry .space_between li {
	margin-bottom: 2em;
}

.resource_entry .space_between_s li {
	margin-bottom: 1em;
}

.resource_entry .menu_inpage {
	list-style-position: outside;
	margin-left: 2em;
}

.resource_entry .numberspacedlist {
	margin: 1em 0 1em 2em;
	font-size: 1.2em;
	line-height: 1.5em;
	list-style: decimal outside;
}
.resource_entry .numberspacedlist li {
	padding-left: .5em;
	margin-bottom: 2em;
}

.resource_entry .numberspacedlist li::marker {
	color: #666;
}

.resource_entry .wordlist {
	list-style-type: '\2610 \00A0 \00A0'; /* ☐ checkbox */
	margin: 1em 0 1em 2em;
	columns: 10em 3;
	column-gap: 3em;
}

.resource_entry .wordlist li {
	padding-bottom: .5em;
}

.resource_entry .sentencelist  {
	list-style-position: outside;
	margin: 0 0 1em 2em;
	line-height: 1.5em
}

.resource_entry .sentencelist li  {
	padding-left: .5em;
}

.resource_entry .list_definitions01 {
	margin: 0;
	list-style-type: none;
}
.resource_entry .list_definitions01 li {
	padding: 0;
}

/*TO CLEAN*/

/*.resource_entry .spacedlist li{padding-bottom: 1em;}*/


/*RESOURCE TABLES*/
.resource_entry table{
	width: 100%;
}
.resource_entry tr:hover{
	background-color: #E2E9EA;
}

.resource_entry .tabletitle {
	background-color: #444;
	font-size: 140%;
}

.resource_entry th {
	padding: .5em;
}

.resource_entry td {
	width: auto; /* was 33% */
	padding: .5em;
}

.resource_entry .setcolwidthtable td {
  width: inherit; text-align: left; padding: 10px 5px 10px 10px;
}
.sentencecomplist {list-style-type: decimal; list-style-position: inside; font-size: 1.2em;}
.sentencecomplist li {margin-bottom: 1em;}
.sentencecomp tr:hover {background-color: inherit;}
.sentencecomp td {text-align: left;}
.sentencecomp tr:first-child td {border-top: 1px solid #ddd;}
.sentencecomp tr:first-child .sentence 	{border-radius: 0 12px 0 0;}
td.wrong {background-color:#EBAFAF;
color:#000000;
font-weight:bold;
text-align:center;
width:20%;}
td.right {
	background-color: #95daa0; color:#000000;
	font-weight:bold;
	text-align:center;
	width:20%;
	}
td.sentence {width: 80%}

/* RESOURCE TABLE DEFS */
.resource_entry .def_title {
	display: block;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 2px solid;
	padding: 0 .2em;
}

.resource_entry .res_table_defs {
	margin: 0.5em auto 4em auto;
	border-collapse: separate;
	border: none;
	border-spacing: 0;
}
.resource_entry .res_table_defs th {
	font-size: .9em;
	width: 7em;
	padding: .5em;
	text-align: left;
	color: #222;
	background: #eee;
	border-radius: 0.2rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	border: 1px solid white;
}

.resource_entry .res_table_defs td {
	padding: .5em;
	border: 1px solid white !important;
	text-align: left;
}

.resource_entry .def_meaning {font-size: 1.2em;}
.resource_entry .def_pron {
	font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
}
.resource_entry .def_tag {letter-spacing: .05em; font-variant: small-caps;}
.resource_entry .def_example {
	font-style: italic;
}
.resource_entry .def_example,
.resource_entry .def_answer {
	display: list-item;
	list-style-type: none;
}
.resource_entry .def_example:before,
.resource_entry .def_answer:before {content: "\201C"; /*left double quote*/}
.resource_entry .def_example:after,
.resource_entry .def_answer:after {content: "\201D"; /*right double quote*/}
.resource_entry .def_example_dialogue:before {content: "–  \201C";}
.resource_entry .def_example:not(:last-child),
.resource_entry .def_answer:not(:last-child) {
	margin-bottom: .5em;
}
.resource_entry .def_example_dialogue:not(:last-child) {margin-bottom: 0;}

/* RESOURCE NICE TABLE (v2) */
.res_nice_table {width:95% !important; border-collapse: collapse !important;}
.res_nice_table td {text-align: center; padding: 10px !important; font-size: 1.3em; border-top: 1px solid #ddd !important;}
.res_nice_table .col_left {text-align: left;}
.res_nice_table .text_normal {font-size: 1em;}
.res_nice_table .width20 {width: 20%;}
.res_nice_table_col_number{width: 10%;}
.res_nice_table_col_normal{width: 45%;}
.res_nice_number {font-size: 1.3em; text-align: center !important;}
.res_nice_inputbox {font-size: 1em; border: none; padding: 7px 9px; width: 85%; text-align: center; background-color: #eee;}

/* RESOURCE TABLE v3 */
.res_table_v3 {
	width: 100% !important;
	--border: 1px solid #eee;
	border-radius: .5em;
	border-spacing: 0;
	border-collapse: separate;
	border: var(--border);
	overflow: hidden;
}
.res_table_v3 td {
	padding: .75em;
}
/* Apply a border to the right of all but the last column */
.res_table_v3 th:not(:last-child),
.res_table_v3 td:not(:last-child) {
	border-right: var(--border);
}

/* Apply a border to the bottom of all but the last row */
.res_table_v3>thead>tr:not(:last-child)>th,
.res_table_v3>thead>tr:not(:last-child)>td,
.res_table_v3>tbody>tr:not(:last-child)>th,
.res_table_v3>tbody>tr:not(:last-child)>td,
.res_table_v3>tfoot>tr:not(:last-child)>th,
.res_table_v3>tfoot>tr:not(:last-child)>td,
.res_table_v3>tr:not(:last-child)>td,
.res_table_v3>tr:not(:last-child)>th,
.res_table_v3>thead:not(:last-child),
.res_table_v3>tbody:not(:last-child),
.res_table_v3>tfoot:not(:last-child) {
	border-bottom: var(--border);
}
.res_table_v3 thead th {
	background-color: #444;
	border-color: #444;
	font-size: 1.2em;
	padding: .2em;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
}

.res_table_v3 th,
.res_table_v3 td {
	padding: .5em;
}

.res_table_v3 tbody th {
	background: #f3f3f3;
	border-bottom-color: #cfcfcf !important;
}

.res_table_v3 tbody th[rowspan="0"] {
/*	last row header in table (rowspan 0 has to be set and makes it span till end of tbody)*/
	border-bottom-color: inherit !important;
}

.table_numbered_rows {
	counter-reset: table-row-number;
}
.table_numbered_rows_number {
	text-align: center !important;
}



.table_numbered_rows .table_numbered_rows_number:first-child::before {
	counter-increment: table-row-number;
	content: counter(table-row-number);
	font-size: 1.3em;
}

.table_comparison tr:nth-child(even) td {
	border-bottom-width: 2px !important;
	border-bottom-color: #aaa !important;
}

.table_comparison .table_numbered_rows_number { 
/*	use as separator */
	border-bottom-color: #aaa !important;
	border-bottom-width: 2px !important;
}

.table_comparison tr:nth-last-child(2) .table_numbered_rows_number {
/*	reset bottom number cell so no separator */
	border-bottom-color: inherit !important;
	border-bottom-width: inherit !important;
}

.compare_label {
}

.compare_label::before {
	vertical-align: middle;
	font-size: 1.5em;
}
.compare_label::after {
	font-size: .9em;
	letter-spacing: .05em;
	vertical-align: middle;
}

.compare_label_incorrect::before {
	content: '\2718 \00A0 \00A0';
	color: red;
}

.compare_label_incorrect::after {
	content: 'INCORRECT';
}

.compare_label_correct::before {
	content: '\2713 \00A0 \00A0';
	color: limegreen;
}

.compare_label_correct::after {
	content: 'CORRECT';
}


.compare_sentence {
	display: block;
}

.compare_sentence_incorrect {
	text-decoration: line-through;
	text-decoration-color: rgb(237 0 0 / 50%);
}

.resource_entry .example_with_label {
	display: block;
	font-style: italic;
	background-color: #efefef;
	margin: 0.5em 0;
	padding: .5em 1em .5em 0;
	border-radius: 0.2em;
}

.example_group {
	margin: 0.5em 0;
	border-radius: 0.2em;
	display: grid;
	overflow: hidden;
	grid-template-columns: min-content auto;
	background-color: #efefef;
}

.example_group_title {
	grid-row: 1/100;
	background: #c5c5c5;
	font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
	writing-mode: vertical-lr;
	transform: rotate(180.1deg); /* exactly 180 rotation is jaggy (bug) */
	text-align: center;
	letter-spacing: 0.1em;
	padding: 0.5em;
	text-transform: uppercase;
}

.example_group .example_with_label {
	border-radius: 0;
	margin: 0;
	border-bottom: 1px dashed;
}

.example_group .example_with_label.example_divider {
	border-radius: 0;
	margin: 0;
	border-bottom: 2px solid;
}

.example_group .example_with_label:last-of-type {
	border-bottom: none;
}

.resource_entry .example_with_label::before {
	content: 'example';
	font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
	font-style: normal !important;
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em 1em;
	margin-right: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 0.9em;
	color: rgb(137 137 137);
}

.resource_entry .example_with_label.label_incorrect::before {
	content: '\2718 \00A0 \00A0 incorrect' !important;
	color: red;
}

.resource_entry .example_with_label.label_correct::before {
	content: '\2713 \00A0 \00A0 correct \00A0' !important;
	color: green;
}

.resource_entry .example_with_label.label_custom::before {
	content: 'example\a(' attr(data-labeltext) ')' !important;
	white-space: pre;
}
.resource_entry .example_with_label.label_replace::before {
	content: attr(data-labeltext) !important;
	white-space: pre;
}

.resource_entry .example_with_label.label_incorrect.label_custom::before {
	content: '\2718 \00A0 \00A0 incorrect\a(' attr(data-labeltext) ')' !important;
	white-space: pre;
}

.resource_entry .example_with_label.label_correct.label_custom::before {
	content: '\2713 \00A0 \00A0 correct \00A0\a(' attr(data-labeltext) ')' !important;
	white-space: pre;
}

.example_group .example_with_label::before {
	min-width: 12ch; /* to make label part even size for most labels */
}

.resource_entry .example_with_label .example_text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.7em;
	border-left: 1px solid black;
}

.resource_entry .example_with_label.label_incorrect .example_text {
	text-decoration: line-through;
	text-decoration-color: rgb(237 0 0 / 50%);
}

/*no label example*/
.resource_entry .example {
	display: inline-block;
	font-style: italic;
}

.table_header_exceptions {
	background-color: #ab1000 !important;
}

.table_align_left td{
	text-align: left;
}

.resource_entry .columns_3 {column-count: 3;}
.resource_entry .text_size_med {font-size: 70%;}
.res_smallnote {font-style: italic; font-size: 80%;}


.lessonlinks2 {display: inline-block;}
.lessonlinks2_body {border: 2px solid #26b1cf; border-top: none; border-bottom: none; min-height: 216px; padding-top: 2px;}
.lessonlinks2_link {font-size: 16px; color: #26b1cf; display: block; margin: 2px 0 0 2px; height: 32px; cursor: pointer; border: none; line-height: 32px; overflow: hidden;}
.lessonlinks2_link:hover {color: #fff; background: #26b1cf; text-decoration: none;}
.lessonlinks2_title {font-size: 18px; background: #26b1cf; color: #fff; display: block; border-radius: 0 1em 0 0; text-align: center; height: 35px; overflow:hidden; line-height: 35px; letter-spacing: -.2px;}
.lessonlinks2 img {margin-right: 2px;}

a.lessonlinks2_button_more {display: block; height: 32px; line-height: 32px; font-size: 1.5em; text-align: center; color: #26b1cf; border: 2px solid #26b1cf; border-radius: 0 0 1em 1em;}
a.lessonlinks2_button_more:hover {background: #26b1cf; color: #fff; text-decoration: none; cursor: pointer;}
.spacer10top {margin-top: 10px;}
/************************ end RESOURCE SINGLE PAGE ********************/

/************************ bpREGISTRATION PAGE ********************/
#register_content {
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
	width: 970px;
	}
#signup_form {
  margin: 0 0 0 10px;
  font-size: 20px;
  color: #666;
  }
#signup_form td {
	padding: 0 10px 15px 0;
}
.signup_form_textbox,
.signup_form_dropdown,
.signup_form_textarea {
  font-size: 20px;
  color: #333;
  padding: 5px;
  border: 2px solid #ddd;
  background-color: #E8F1F3;
  width: 250px;
  border-radius: 10px;
  transition: all 0.15s ease-in-out;
}
.signup_form_textarea {
	font-size: 14px !important;
	width: 460px;
	height: 90px;
}
#signup_form input:focus,
#signup_form select:focus,
#signup_form textarea:focus {
	border: 2px solid #26b1cf;
}
.signup_form_country {
	width: 263px;
}
.signup_form_date {
	width: 150px;
}
/*input.signup_form_radio {width: auto;}*/
/*input.signup_form_checkbox {width: auto;}*/

.signup_form_table {}
.signup_form_table td.signup_form_table_label {width: 200px; text-align: right;}
.signup_form_table_label label {display: block; margin: 0; line-height: 30px;}
.signup_table_note {font-size: 12px; font-style: italic; margin: 0 0 0 20px;}
.signup_form_ul {
	list-style-type: none;
	columns: 3 290px;
}
.signup_form_li_label {
	font-size: 16px;
	display: block;
}
#signup_form li {
	padding: .2em 0;
}
#signup_form li:hover {
	background-color: #E8F1F3;
}
.signup_form_languages input {vertical-align: middle;}
.signup_form_label_normal {vertical-align: middle;}
.signup_form_label_strong {vertical-align: middle; font-weight: bold;}
.signup_form_submit_button {width: 500px; height: 100px; font-size: 40px; -moz-border-radius:20px; -webkit-border-radius: 20px; border-radius: 20px; border:4px solid #26b1cf; background: #fff; color: #26b1cf; text-align: center; margin: 30px auto; display: block;}
.signup_form_submit_button:hover,.signup_form_submit_button:active {background: #26b1cf; color: #fff; cursor: pointer;}
#signup_form .error {color: #F10701; font-size: 14px;}
.but-ev-big {
	 background: none repeat scroll 0 0 #26B1CF;
	 border-radius: 10px 10px 10px 10px;
	 box-shadow: 2px 2px 3px 1px #666666;
	 color: #fff;
	 display: block;
	 font-size: 1.5em;
	 margin: 0 auto 5px;
	 padding: 20px;
	 text-align: center;
	 width: 80%;
}
.but-ev-big:hover {
	border-left: 2px solid white;
	 border-top: 2px solid white;
	 box-shadow: none;
	 color: #FFFFFF;
	 margin-bottom: 3px;
	 text-decoration: none;
}
/************************ end bpREGISTRATION PAGE ********************/


/************************ TEXT & HEADERS **************************/

small {
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	font-weight: bold;
	}

h3 {
	font-size: 1.3em;
	}

h1.pagetitle {
	margin: 13px 0 0 6px;
	padding-left: 10px;
	font-size: 2.2em;
	border-bottom: 2px solid #26b1cf;
	color: #26b1cf;
	font-weight: normal;
	letter-spacing: -0.5px;
	background: none;
}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

small, #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h3 a:hover {
	color: #ff0066;
	text-decoration: none;
	}

a:hover {
	color: #ff0066;
	text-decoration: underline;
	}
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
.center {
	text-align: center;
	}

h1 {
	margin: 0;
	line-height: 0.9em;
	font: 2em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	padding: 2px 0 0 6px; /* space from side */
	/*background: #26b1cf url('images/TRblue.jpg') no-repeat top right; /*curved background tab image */*/
	border-radius: 0 20px 0 0;
	}

h1 a {
color: #fff;
text-decoration: none;
}

h1 a:hover {  text-decoration:underline; color: #fff;}
.posttitle {
	float: left;
	width: 749px;
	line-height: 1.1em;
}

/************************ end - TEXT & HEADERS *******************/


/************** IMAGES ***************/
p img {
	padding: 0;
	max-width: 100%; /* so that image won't be bigger than content */
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 0px !important;
	display: inline;
	}

img.alignleft {
	margin: 0 0px 2px 0 !important;
	display: inline;
	}
a img {border: none;}
/*********** end IMAGES ***************/


/******* LISTS *******/

/*	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body . ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body . li {
	margin: 7px 0 8px 10px;
	}

. ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

. ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.categories-1 ul li{list-style-type: disc;}

/***** end LISTS *****/

/*************** QUIZ ev2 ****************/

#quiz {
	width: 540px;
	margin-top: 0px;
	background: #26b1cf;
	border-radius: 0 15px 15px 15px;
	padding: 0 0 15px 0;
	}

.quiz_above {width: 100%;}
.quiz_thumbnail {
	padding: 5px 0 0 0;
	width: 90px;
	color: #aaf0ff;
	font-size: 10px;
	text-align: center;
	float: left;
	}
.quiz_title {
	width: 450px;
	float:	left;
	}

h3.quiz_title {
	margin: 0;
	line-height: 0.7em;
	font: 1.5em Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	letter-spacing: -.75px;
	padding: 9px 0 2px 0;
	color: #fff;
	text-decoration: none;
	/*width: 100%;*/
	}

.quiz_body {
	line-height: 160%;
	background: #26b1cf;
	clear: left;
	padding: 1em 1em 0 1em;
	}

.quiz_body_inside {
	padding: 1em;
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 0 #999 inset;
	overflow: hidden;
}
.quiz_body code {
  background-color: #dee;
  padding: 3px 5px;
  border-radius: 2px;
  color: #000;
}

 /* QUIZZIN: */
.quiz_results_answertext {
	padding: 0 0 0 20px;
}
#action-button {
	display:none;
}

.quizzin-question {
	position: relative;
	top: 0px;
	right: 0%;
	height: inherit;
	transition-property: left, right,;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.quizzin-question.hidden {
	right: -180%;
	height: 0;
}

.quizzin-question.done {
	right: 180%;
	height: 0;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .quizzin-question, .single-page-quiz #action-button {
	display:block;
}
.single-page-quiz #next-question {
	display:none;
}
.question-content {
	margin-top:0px;
}

.show-question {
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
.show-question:last-child {border: none;}
.answer_label {
	border-radius: 5px;
	padding: 5px;
	display: block;
	clear: left;
	width: 80%;
}
.answer_label:hover {
	cursor: pointer;
	box-shadow: 1px 1px 2px 0 #666 inset;
	background-color: #E2E9EA;
}
.answer_label>input[type="radio"]:checked+span {font-weight: bold;}
.show-question ul {list-style-type: none;}
.answer_label>span {
	padding-left:20px;
}
.user-answer span {
	font-weight:bold;
	background:url(images/wrong.png) no-repeat left center;
}
.correct-answer span {
	background:url(images/correct.png) no-repeat left center;
}

.nextquestion_button {
	display: block;
	margin: 0 auto;
	font-size: 1.5em;
	padding: .5em;
	width: 80%;
}

.finishquiz_button {
	margin: 0 auto;
	font-size: 1.5em;
	padding: .5em;
	width: 80%;
	background: #00b13a;
}
.finishquiz_button:hover {
	background: #006a23;
}

.quiz_percent_box {
	display: block;
	float: left;
	border: 1px solid #aaa;
	background-color: #dedede;
	color: #666;
	border-radius: 10px;
	width: 140px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	text-transform: uppercase;
	font-size: 65px;
	margin: 0 0 0 10px;
	padding: 3px 0 0 0;
}
.quiz_results {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
	background-color: #cdcdcd;
	border-radius: 5px;
	box-shadow: 2px 2px 2px 1px #999;
	padding: 10px 2px;
}
.quiz_results .bad {
	border: 1px solid #5D0000;
	background-color: #d57e7e;
	color: #5D0000;
}
.quiz_results .good {
	border: 1px solid #255d00;
	background-color: #51B80D;
	color: #255d00;
}
.quiz_results .perfect {
	background: gold;
	background: linear-gradient(top, yellow 0%, #FFDE00 100%);
	box-shadow: 0 0 3px 0 gold;
}

.quiz_results_message {
	display: block;
	float: left;
	width: 330px;
	height: 95px;
	margin: 0 auto;
	text-align: center;
	line-height: 46px;
	font-size: 2em;
}
/* END OF QUIZZIN */

/*************** end QUIZ ev2 ****************/


/*************** COMMENTS ev2.9 ****************/
#comments {
	box-sizing: border-box;
	width: 540px;
	margin-top: 2rem;
}

#comments div {
	box-sizing: border-box;
}

#comments_title-text,
#respond_title-text {
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	border-bottom: 2px solid #666;
	color: #666;
}

#comments_body,
#respond_body {
	clear: left;
	margin-top: 1rem;
	padding: 1rem 1rem 1rem 100px;
	border-radius: 0 1rem 1rem 1rem;
	overflow: hidden;
	background-color: #26b1cf;
}

#comments_body>.children {
	margin-left: 90px;
}
.comment_holder {
	position: relative;
}
.comment {
	margin-bottom: .75rem;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0%;
	transition-property: left, right;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}
.comment.hidden {
	position: relative;
	top: 0px;
	left: 150%;
	transition-property: left, right;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.depth-1+.children { /*set conversations apart*/
	margin-bottom: 2.5rem;
}

#comments_body .depth-2,
#comments_body .depth-4,
#comments_body .depth-6  {
	margin-left: -90px;
}

.comment_author-area {
	width: 80px;
	text-align: center;
	position: absolute;
	top: 0px;
	color: #fff;
	font-size: 12px;
}

.bypostauthor .comment_author-area {
	text-transform: uppercase;
}

#comments_body .depth-1 .comment_author-area,
#comments_body .depth-3 .comment_author-area,
#comments_body .depth-5 .comment_author-area {
	left: -92px;
}
#comments_body .depth-2 .comment_author-area,
#comments_body .depth-4 .comment_author-area,
#comments_body .depth-6 .comment_author-area {
	right: -92px;
}

.comment_author-area:hover {
	cursor: pointer;
}

.comment_author-area.nohover:hover {
	cursor: inherit;
}

.comment_author-area-icons {
	height: 50px;
	position: absolute;
	top: 0px;
	left: -12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#comments_body .depth-2 .comment_author-area-icons,
#comments_body .depth-4 .comment_author-area-icons,
#comments_body .depth-6 .comment_author-area-icons {
	right: -12px;
	left: initial;
}

.comment_author-area-icons img {
	display: block;
}
.comment_author-area-icons span {
	display: block;
	color: #ba0021; /*for red heart only currently*/
}
.comment_author-area .avatar {
	width: 50px;
	height: 50px;
	display: block;
	float: none;
	margin: 0 auto;
}

.comment_author-area:hover .avatar {
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.7);
}
.comment_author-area.nohover:hover .avatar {
	box-shadow: none;
}
.comment-balloon {
	border-radius: .75rem;
	background: #fff;
	border: .75rem solid #fff;
	position: relative;
}

.bypostauthor .comment-balloon {
	background: #ffd700;
	border-color: #ffd700;
	color: #000000;
}

.engvid_staff .comment-balloon {
	background: #444;
	border-color: #444;
	color: #fff;
}

.eng_supporter .comment-balloon {
	box-shadow: 2px 2px 0px 0px #00000066;
}

.comment-balloon::before {
	border-top: .5rem solid transparent;
	border-bottom: .5rem solid transparent;
	border-right: .75rem solid white;
	border-left: 0 solid white;
	left: -1.45rem;
	top: 1rem;
	content: '';
	position: absolute;
}

#comments_body .depth-2 .comment-balloon::before,
#comments_body .depth-4 .comment-balloon::before,
#comments_body .depth-6 .comment-balloon::before {
	border-left-width: .75rem;
	border-right-width: 0;
	left: initial;
	right: -1.45rem;
}

.bypostauthor .comment-balloon::before {
	border-left-color: #ffd700;
	border-right-color: #ffd700;
}

.engvid_staff .comment-balloon::before {
	border-left-color: #444;
	border-right-color: #444;
}

.comment-body {
	min-height: 80px;
}

.comment-body p {padding-bottom: 0.7em;}

.comment-reply-link {
	opacity: 0;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	position: absolute;
	bottom: -.75rem;
	right: -.75rem;
	display: block;
	background: #4a4a4a;
	padding: .5em 4em;
	border-radius: .75rem 0 .75rem 0;
	text-decoration: none;
	color: #fff;
}
.comment:hover .comment-reply-link {
	opacity: 1;
}
.comment-reply-link:hover {
	color: #444;
	background: gold;
	text-decoration: none;
}

.bypostauthor .comment-reply-link:hover {
	background: #000;
	color: #fff;
}

#reply-title {
	position: absolute;
	z-index: 2;
	background: #ffe150;
	border-radius: 1rem 0 0 0;
	padding: 0.1em 1em;
}

#comments_joinorcomment #reply-title {
	display: none;
}
#cancel-comment-reply-link { /*positioned inside reply title by WP*/
	display: block;
	text-align: center;
	background: #4a4a4a;
	padding: 0.3em 2em;
	border-radius: .5em .5em 0 0;
	text-decoration: none;
	color: #fff;
	position: absolute;
	width: 8em;
	bottom: 100%;
	left: 19em;
}

.children #cancel-comment-reply-link {
	left: 12em;
}
#cancel-comment-reply-link:hover {
	background-color: #a90000;
} 

#respond_area {
	box-sizing: border-box;
	width: 540px;
	margin-top: 2rem;
}

#respond div,
#respond textarea {
	box-sizing: border-box;
}

#respond {
	position: relative;
}

.respond_author-area {
	width: 100px;
	text-align: center;
	position: absolute;
	top: 1rem;
	left: -100px;
	color: #fff;
	font-size: 12px;
}

.respond_author-area .avatar {
	width: 50px;
	height: 50px;
	display: block;
	float: none;
	margin: 0 auto;
}

#respond_form textarea {
	width: 100%;
	border: none;
	padding: 1rem;
	border-radius: 1rem;
}

.respond_textarea_wrapper {
	position: relative;
}

.respond_textarea_wrapper::before {
	border-top: .5rem solid transparent;
	border-bottom: .5rem solid transparent;
	border-right: .75rem solid white;
	border-left: 0 solid white;
	top: 2rem;
	left: -0.75rem;
	content: '';
	position: absolute;
}

.respond_comment-submit {
	display: block;
	cursor: pointer;
	width: 100%;
	margin: 1rem 0;
	background: #444;
	color: #fff;
	font-size: 17px;
	padding: 8px 0px;
	border-radius: 5px;
	border: none;
	text-align: center;
}
.respond_comment-submit:hover {
	color: #444;
	background: gold;
	text-decoration: none;
}

#box_membersonly {
	margin-top: 2rem;
	font-size: 2em;
	text-align: center;
	padding: 1rem;
}

.button_signup {
	padding: .5em 1em;
	font-size: 1.2em;
}

.button_login {
	width: 50%;
	margin: 1rem auto;
}

.comment_usercard_holder {
	position: relative;
	margin-bottom: -85px;
	top: -100px;
	left: 0%;
	height: auto;
	transition-property: left, right;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.comment_usercard_holder.hidden {
	position: relative;
	margin-bottom: 0;
	top: 0px;
	left: -180%;
	height: 0;
	transition-property: left, right,;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	transition-delay: 0s;
}

.usercard {
	position: relative;
}
.usercard div,
.usercard img {
	box-sizing: border-box;
}
.usercard_return {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	left: -100px;
	background: top no-repeat url('images/usercard_flipback_button.png');
}
.usercard_return:hover {
	cursor: pointer;
}
.usercard_body {
	background: #444;
	border: .75rem solid #444;
	color: #fff;
	border-radius: .75rem;
	border: .75rem solid #444;
	display: flex;
}

.usercard_left {
	flex: 0 0 auto;
	max-width: 170px;
}
.usercard_right {
	flex: 1 1 auto;
}

.usercard .avatar {
	border: 1px solid #000;
	border-radius: .5rem;
	margin: 0 .5rem;
	display: block;
	float: none;
}
.usercard_username {
	font-size: 1.5em;
	text-align: center;
	border-bottom: 2px solid white;
	margin-bottom: .5rem;
}
.usercard_supporter {
	text-align: center;
	margin: -.5rem 0 .5rem 0;
	background-color: #ba0021;
	border-radius: 0 0 .5rem .5rem;
	padding: .5rem;
}
.usercard_supporter .icon-heart:before {
	font-size: 3em;
}
.usercard_flag {
	vertical-align: middle;
	margin: 0 .5rem;
	width: 48px;
	height: 48px;
}
.usercard_place {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.usercard_country {
	font-weight: bold;
}
.usercard_city {
}
.usercard_languages {
	clear: left;
	margin-left: .5rem;
}
.button_comments_jumpto {
	font-size: 1.75em;
	margin: 2em 0;
	padding: .75em;
}


/*************** end COMMENTS ev2.9 ****************/

/**************** USERPROFILE ev2.3 + USERCARD ****************/

#userprofile_content {
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}

/*#userprofile_left {width: 310px; padding-left: 5px; float: left;}*/
#userprofile_main{margin: 0 auto; width: 95%;}
#userprofile_main h2 {color: #626161; font-weight: normal; font-size: 1.85em; display: block; line-height: 100%;}
#usercard_main h2 {color: #626161; font-weight: normal; font-size: 25px; float: left; display: block; width: 180px;}
#userprofile_header_subtitle {font-size: .6em;}
#userprofile_main h2 a {color: #626161;}
#userprofile_main img.avatar {width: 100%; max-width: 400px; border-radius: .5em; box-shadow: -2px 2px 4px #999;}
#userprofile_left {float: left; width: 45%;}
.userprofile_userinfo {float: left; width: 53%;}
.userprofile_country_name {display: block; width: 300px; float: left; font-size: 15px; font-weight: bold;}
.userprofile_city_name {display: block; width: 300px; float: left; font-size: 13px; padding-left: 1px;}
.userprofile_description {text-align: justify; margin-top: 1em; clear: both;}
.userprofile_controls {
	background-color: #ddd;
	 border-radius: .5em;
	 box-shadow: 0 0 3px #999999 inset;
	 margin: 0 auto 1.5em;
	 padding: 1em;
	 text-align: center;}
.userprofile_controls-button {
  display: inline-block;
  width: 130px;
  font-size: 19px;
  color: #fff;
  background: rgb(38,177,207);
background: rgb(38,177,207);
background: -moz-linear-gradient(top,  rgba(38,177,207,1) 0%, rgba(35,128,186,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,177,207,1)), color-stop(100%,rgba(35,128,186,1)));
background: -webkit-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: -o-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: -ms-linear-gradient(top,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
background: linear-gradient(to bottom,  rgba(38,177,207,1) 0%,rgba(35,128,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b1cf', endColorstr='#2380ba',GradientType=0 );
  border: none;
  border-radius: .3em;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 5px;
}
.userprofile_controls-button:hover {
  background: none #2380BA;
  color: #fff;
  text-decoration: none;
  cursor: pointer;

}
#userprofile_changeavatar-existingarea {float: left; width: 48%; margin: 0 1em 0 0; display: block; border-right: 1px solid #ddd; text-align: center;}
#userprofile_changeavatar-uploadarea {float: left; width: 50%; margin: 0;}
#userprofile_changeavatar-button_delete {
	display: block;
	padding: .5em 0;
	margin: 0 auto;
	width: 200px;
	color: #fff;
	text-align: center;
	border-radius: 0 0 .5em .5em;
	background: rgb(255,48,25);
	background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1)));
	background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}
#userprofile_changeavatar-button_delete:hover { background: none rgba(207,4,4,1); text-decoration: none;}
#userprofile_changeavatar_existing {width:200px; height: 200px; display: block; margin: 0 auto;}
#userprofile_main h3 {margin: 0;}
/**************** end USERPROFILE ev2 ****************/

/**************** SUPPORT ****************/
.support_pagetitle {
	font: 3em Lato, Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
	padding: .5em;
	text-align: center;
	position: relative;
}
.support_googletranslate {
	position: absolute;
	right: 10px;
	top: 5px;
}
#support_content {
	margin: 0 6px;
	padding: 0 1em 1em;
}
#support_content h2 {
	color: #333;
	font-size: 2.5em;
	font-weight: normal;
	margin: 1.5em 0 0.5em 0;
	padding: 0 0 0 .2em;
	border-bottom: 2px solid;
}
#support_content h3 {color:#DDD;font-size:28px;font-weight:normal;margin:0;padding:0 0 10px;text-align:center;}
#support_content p {font-size: 20px; padding: 0 1em 1em 1em; line-height: 1.3em;}
#support_content p:last-of-type {padding-bottom: 0;}
#support_donate p {font-size: 16px; padding: 0 .5em 1em;}
#support_donate div {box-sizing: border-box;}
#support_donate-blurb{width: 39%; float: left; border-right: 1px solid #ddd; }
/*#support_donate-blurb p*/
#support_donate-amounts{width: 20%; float: left; font-size: 20px; line-height: 1.5em;}
#support_donate-amounts label {display: block; cursor: pointer; padding: 4px 4px 4px 10px;}
#support_donate-amounts label span {padding-left: 4px;}
#support_donate-amounts label:hover {background-color: #26b1cf; color: #fff;}
#support_donate-recipients{width: 20%; float: left; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
#support_donate-button{width: 20%; float: left; text-align: center;}
.support_crypto table {
	table-layout: fixed;
	word-wrap: break-word;
	box-sizing: border-box;
	width: 95%;
	border-collapse: collapse;
	font-size: 20px;
	margin: .5em auto 1em auto;
}
.support_crypto td,
.support_crypto th {
	padding: .5em;
	border: 1px solid #ddd;
}
.support_crypto_currency {
	width: 20%;
	font-size: 16px;
	font-family: Lato, Arial, "Helvetica Neue", helvetica, "Lucida Grande", tahoma, sans-serif;
}
.support_crypto_address {
	width: 50%;
	max-width: 50%;
	font: 15px Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", Courier, monospace;
	letter-spacing: .8px;
}
.support_crypto_qr {
	width: 30%;
	max-width: 35%;
	text-align: center;
}
.support_crypto_qr img {
	width: 150px;
}
/**************** end SUPPORT ****************/

/**************** ABOUT ****************/
#about_content {
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
.about_header1 {margin: 13px 0 10px 0; padding-left: 10px; font-size: 2.2em; border-bottom: 2px solid #26B1CF; color: #26B1CF; font-weight: normal; letter-spacing: -0.5px; background: none;}
#about_content h4 {width: 275px; color:#fff;font-size:17px;font-weight:normal;margin:0 0 10px 10px;padding: 5px 0;text-align:center; background-color: #26b1cf;}
#about_content h3 {color:#26b1cf;font-size:28px;font-weight:normal;margin:0;padding:0;text-decoration: underline;}
#about_content p{padding: 0 10px 10px 10px; line-height: 1.2em; font-size: 16px; color: #888; text-align: justify;}
.about_left{width: 600px; float: left; border-right: 1px solid #ddd; }
.about_right{width: 300px; float: left; text-align: center;}
.blue_divider{width: 100%; border-bottom: 2px solid #26b1cf; display: block; clear: both;}

.about_teachers_list {margin: 0; padding: 0;}
.about_teachers_list a {font-size: 26px; display: block; width: 275px; float: left; color: #26b1cf; margin: 0 0 0 -5px; padding: 2px 0 2px 9px; line-height: 48px;}
.about_teachers_list a:hover {display: block; color: #fff; background: #26b1cf;}
.about_teacher_listitem a {cursor: pointer; height: 48px; font-size: 26px; margin: 2px 0 0 10px; padding: 0; line-height: 48px;}
.about_teacher_listitem a:hover{background: #26b1cf; color: #fff; text-decoration: none;}

/**************** end ABOUT ****************/


/*************** 404 ****************/
#a404_content{
	width: 970px;
	margin: 0 0 0 6px;
	padding: 20px 0 0 0;
}
#a404_left{width: 310px; float: left;}
#a404_main{width: 650px; float: left;}
#a404_main p {font-size: 20px; margin-bottom: 1em; color: #777; text-align: center;}
.a404_main-column {width: 200px; float: left; margin-left: 10px; display: inline;}
a.a404_lessons-pink-button{
	background: #fff url('images/lessonlinks_pink-button.png') no-repeat top left;
	display: block;
	width: 200px;
	height: 32px;
	clear: both;
	color: #ff0066;
	text-align: center;
	font-size: 20px;
	line-height: 32px;
}
a.a404_lessons-pink-button:hover{
	background: #fff url('images/lessonlinks_pink-button.png') no-repeat top right;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}

a.a404_pink-button-all {background: #fff url('images/lessonlinks_pink-button-all.png') no-repeat top right; width: 200px; display: block; float: left; height: 624px; line-height: 624px; margin: 10px 0 0 10px;}
a.a404_pink-button-all:hover {background: #fff url('images/lessonlinks_pink-button-all.png') no-repeat top left;}

#a404_content input.text {border: 2px solid #26b1cf; font-size: 20px; width: 280px;}
/*************** end 404 ****************/

/*************** PRIVACY POLICY ****************/
#privacy_content {width: 970px; margin:6px;}
#privacy_content p{margin: 1em 1em 0 1em;  padding-right: 320px;}
/*************** end PRIVACY POLICY ****************/

/*********************MENU *****************************/
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 margin: 0 0 0 170px;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
ul.dropdown {
 font: bold 16px/normal Arial, Helvetica, sans-serif;
}

	ul.dropdown li {
	 padding: 5px 0 0 0;
	 margin: 0 0 0 0;
	 background-color: #26b1cf;
	 color: #fff;
	 line-height: 22px;
	 white-space: nowrap;
	}

	ul.dropdown li.first {
	}

	ul.dropdown li.last {
	}

	ul.dropdown li.menutop {margin-right: 20px; background: url(/images/menu-tab.png) top left no-repeat;}
	ul.dropdown li.menutop.hover,
	ul.dropdown li.menutop:hover {background: url(/images/menu-tab.png) top right no-repeat;
	}


	ul.dropdown li:hover > a {color: #26b1cf; }

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ff066; text-decoration: none; font-weight: bold;}
	ul.dropdown a:hover		{ color: #fff; background: #26b1cf;}
	ul.dropdown a:active	{ color: #26b1cf; background: #fff; }
	ul.dropdown a.main {color: #fff;}
	ul.dropdown a.main:hover {color: #26b1cf; background: transparent; text-decoration: none;}

	ul.dropdown ul {
	 left: -2px;
	 width: 200px;
	 background: url(/images/submenu-top.png) top right no-repeat;
	}

	ul.dropdown ul.teachers{
	 left: -4px;
	 width: 200px;
	 padding: 0 0 0 2px;
	 background: url(/images/submenu-top.png) top right no-repeat;
	}

	ul.dropdown ul.teachers a{
	 padding: 0 0 0 2px;
	 font-size: 14px;
	 margin: 0;
	}
	ul.dropdown ul.teachers a img{
	 padding: 0 2px 0 0;
	}
	ul.dropdown li.last ul {
	 left: auto;
	 right: 16px;
	}

		ul.dropdown ul li {
		 height: auto;
		 padding: 3px 0;
		 white-space: normal;
		 border-left: 2px solid #26b1cf;
		 border-right: 2px solid #26b1cf;
		 background: #fff;
		}

		ul.dropdown ul li a {
			color: #26b1cf;
		}

		ul.dropdown ul li a:hover {
		background: #26b1cf;
		color: #fff;
		text-decoration: none;
		}

		ul.dropdown ul li.first {
		 padding: 0 0 0 0;
		 border-left: 2px solid #26b1cf;
		 border-right: 2px solid #26b1cf;
		 margin-top:16px;
		}
		ul.dropdown ul li.first a { padding-top: 0; }
		ul.dropdown ul li.last {
		 background: url(/images/submenu-bot.png) bottom right no-repeat;
		 padding: 0 0 15px 2px;
		 border: none;
		}
ul.dropdown li#searchbox {float: right;}
ul.dropdown li#searchbox:hover {background: #26b1cf none;}
ul.dropdown form {

	margin: 6px 5px 0 0;
	}

ul.dropdown form * {
 display: inline;
 float: left;
}

ul.dropdown form label {
	color: #fff;
}

ul.dropdown form input.text {
 width: 143px;
 height: 18px;
 margin: 0 0 0 3px;
 padding: 2px 25px 2px 7px;
 border-width: 0;
 border-bottom: 1px solid #26b1cf;
 color: #26b1cf;
 font: bold 14px/17px Arial, Helvetica, sans-serif;
 vertical-align: middle;
}

ul.dropdown form input.text:focus {
 outline: none;
}

ul.dropdown form span.button {
	background-color: #fff;
	height: 18px;
	padding: 4px 2px 0 0;
}
ul.dropdown li a {
 display: block;
 padding: 5px 10px 3px 10px;
}

ul.dropdown li, ul.dropdown ul li {
 padding: 0;
}

ul.dropdown li.hover *.open {
 color: #b0d730;
}

ul.dropdown li:hover > *.dir {
 color: #b0d730;
}
/***************END MENU******************/