/* ================ Reset & Basics ================ */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; 
	}
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; 
	}
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}

/* ================ Site Styles ================ */

/* Basic Styles */
	
	body {
		background: #2D2D2D;
		font: 15px/26px 'Open Sans' , Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
	}
 
/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #646E97;
		font-family: 'Open Sans' , Helvetica, Arial, sans-serif;
		font-weight: 600; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 26px; line-height: 34px; margin-bottom: 10px;}
	h2 { font-size: 22px; line-height: 30px; margin-bottom: 6px; }
	h3 { font-size: 18px; line-height: 28px; margin-bottom: 4px; }
	h4 { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
	h5 { font-size: 14px; line-height: 20px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }

/* #Links
================================================== */
	a, a:visited { color: #656D98; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #66B596; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { /* line-height: 18px; */ margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }

/* Images */

	img.scale-with-grid, img.content-image, img.size-full {
		max-width: 100%;
		height: auto; 
    }
    img.alignright, .alignright {
        float: right;
        margin: 0px 0px 20px 20px;
    }
    img.alignleft, .alignleft {
        float: left;
        margin: 0px 20px 20px 0px;
    }
    
    img.small_thumb {
      width: 75px;
      height: 75px;
    }

/* Misc */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }
	hr {
    	border: 0;
        height: 1px;
        background: #DFDCD7;
        margin: 20px 0px;
	}
	
	
	
/* Header */

header {
    padding: 30px 0px 35px 0px;
    background-color: #fff;
}

.logo a {
  text-decoration: none;
}

.logo p {
    margin: 0px;
}

img.tti-logo {
    vertical-align: middle;
    padding-right: 20px;
    margin-bottom: -10px;
}

.tti-wording {
    color: #656E96;
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    margin-top: -20px;
}

.interactive {
    color: #AE5B6E;
    font-style: italic;
}

.tti-desc {
  color: #AE5B6E;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  position: absolute;
  margin-top: -45px;
  left: 168px;
}

.search {
  position: absolute;
  right: 20px;
  top: 20px;
}
.search_mobile {
  display: none;
}

#languages .languages-mobile {
  display: none;
}

#languages {
    background: #2d2d2d;
}

#languages ul.list {
    text-align: center;
    margin: 10px 0px;
    font-size: 13px;
}

#languages ul.list li {
    display: inline-block;
    margin: 0px 5px;
}

#languages ul.list li {
    color: #e2e2e2;
    font-weight: 700;
}

#languages ul.list li a {
    color: #aaaaaa;
    font-weight: 400;
}

#languages ul.list li a:hover {
    color: #e2e2e2;
    font-weight: 400;
    text-decoration: underline;
}

/* Navigation */

nav {
  /* background: #646E97; */
  background: #ffffff;
  text-align: center;
}

ul.main {
	margin: 0px;
	padding: 0px 0px;
}

ul.main li {
	font-size: 14px;
	display: inline-block;
	margin: 0px;
}

ul.main li a {
    color: #4B5479;
    text-decoration: none;
    padding: 5px 15px;
    margin: 0px 0px;
    font-weight: bold;
    display: inline-block;
}

@-moz-document url-prefix() {
    ul.main li a {
        padding: 11px 20px 10px 20px;
    }
}

ul.main li.current-menu-item a, ul.main li a:hover, ul.main li.current-page-ancestor a, ul.main li.current-category-ancestor a, ul.main li.current-post-ancestor a {
/*     background: #4B5479; */
/*     color: #fff; */
    border-bottom: 5px solid #4B5479;
} 

.mobile-nav {
    display: none;
}

/* Search */

form.searchform {
  margin-top: 20px;
}

form.searchform input#s {
  font-size: 14px;
  padding: 4px 10px 6px 10px;
  max-width: 150px;
  height: 19px;
  border: 1px solid #CCCCCC;
}

@-moz-document url-prefix() {
  form.searchform input#s {
    padding: 5px 10px;
  }
}

form.searchform input#searchsubmit {
  background: url('../images/search-icon.png') no-repeat center center #646E97;
  font-size: 14px;
  line-height: 14px;
  border: 2px solid #646E97;
  color: #fff;
  cursor: pointer;
  text-indent: -9999px;
  width: 31px;
  height: 31px;

}

form.searchform input#searchsubmit:hover {
  background: url('../images/search-icon.png') no-repeat center center #646E97;
  font-size: 14px;
  line-height: 14px;
  border: 2px solid #646E97;
  padding: 5px 10px;
  border: none;
  cursor: pointer;
}

/* Footer */

footer {
    background: #2d2d2d;
    padding: 40px 0px;
    color: #aaaaaa;
    font-size: 13px;
}

footer ul.footer {
    text-align: right;
    margin-bottom: 0px;
}

footer ul.footer li {
    display: inline-block;
    padding: 0px 10px;
    margin: 0px;
}

footer ul.footer li a {
    color: #aaa;
}
footer ul.footer li a:hover {
    color: #fff;
    text-decoration: underline;
}

/* ================ Page Styles ================ */

section.main {
    background: #F0F1F6;
    padding: 30px 0px;
}

section.main .box .content, section.main .pages .content {
    background: #FBFBFB;
    border: 1px solid #DFDCD7;
    padding: 0px 40px;
    border-radius: 10px;
}

section.main .pages .content {
    margin-bottom: 30px;
    padding: 20px 30px;
}

section.main .pages .content h2 {
    margin-bottom: 20px;
}

section.main .pages .content h2.browse {
    margin-bottom: 10px;
}

section.main .pages .content a.back_to_library {
  margin-bottom: 10px;
  display: inline-block;
  background: #837e97;
  color: #fff;
  padding: 5px 10px;
  text-decoration: none;
}

section.main .pages .content a.back_to_library:hover {
  background: #2d2d2d;
}

section.main.headlines {
    padding: 25px 0px;
    background: url('../images/composite-fade-white.jpg');
    background-position: top center;
}

section.main blockquote {
  padding: 10px 40px;
  font-weight: bold;
}

.headline .box {
    padding: 10px 200px;
    opacity: 1;
}

.headline .box.ab {
  padding: 10px 10px;
}

.headline .box .content {
    background: none;
    padding: 0px 0px !important;
}

.book .content {
  padding: 10px;
}

.book img {
  border-radius: 10px;
  z-index: 0;
}

.book .text {
  padding: 12px 10px;
  background: #646E97;
  text-align: center;
  margin-top: -56px;
  z-index: 1;
  position: relative;
  font-weight: bold;
  border-radius: 0px 0px 10px 10px;
  color: #fff;
  font-size: 18px;
}
.book:hover .text {
  background: #4B5578;

}

.book a {
  text-decoration: none;
}

.headline .box img {
    height: 35px;
}

.headline .box .q-one h3, .headline .box .q-two h3, .headline .box .q-three h3 {
    margin-top: 10px;
    margin-left: 80px;
    font-size: 18px;
    line-height: 24px;
}
.headline .box .q-four h3 {
    margin-top: 0px;
    margin-left: 80px;
    font-size: 18px;
    line-height: 24px;
}
.headline .box .q-four h3 {
    color: #AF5B6F;
}

.headline .box .q-four a {
    color: #AF5B6F;
}

.q-one .icon, .q-two .icon, .q-three .icon, .q-four .icon {
    width: 50px;
    text-align: center;
    display: block;
    float: left;
}

.q-one i, .q-two i, .q-three i {
    font-size: 45px;
    color: #646E97
}
    
.q-four i {
    color: #AF5C6F;
    font-size: 45px;
}

.home_box .content {
  background: #FBFBFB;
  border: 1px solid #DFDCD7;
  padding: 20px 30px;
  border-radius: 10px;
  overflow: hidden;
}
.home_box .content h2 {
  margin-bottom: 20px;
}

.home_box .content img, .of_the_day .content img {
  border-radius: 10px;
}

.home_box .content p {
  margin-bottom: 10px;
}

.home_box .cont_right {
  margin-left: 220px;
}

.home_box .content .numbers {
  margin-bottom: 10px;
}

.home_box .content .number {
  background: #5c658b;
  color: #fff;
  padding: 3px 12px;
  margin: 5px 10px 5px 0px;
  display: inline-block;
}

.read_listen {
  border-radius: 10px;
}

.read_box, .listen_box, .signup_box {
  background-size: cover;
  text-align: center;
  padding: 80px 20px;
}

.read_box:hover h2, .listen_box:hover h2, .signup_box:hover h2 {
  opacity: 1;
}

a.read_link, a.listen_link, a.signup_link {
  text-decoration: none;
}

.read_box h2, .listen_box h2, .signup_box h2 {
  color: #fff;
  font-weight: bold;
  opacity: 0.8;
}

.read_box {
  background: url('../images/book_bg.jpg');
  background-position: center 10%;
  border-radius: 10px 10px 0px 0px;
  text-decoration: none;
}

.listen_box {
  background: url('../images/listen_bg.jpg');
  background-position: center 30%;
  border-radius: 0px 0px 10px 10px;
  text-decoration: none;
  padding: 60px 20px;
  margin-bottom: 20px;
}

.signup_box {
  background: url('../images/signup_bg.jpg');
  background-position: center 30%;
  border-radius: 10px 10px 0px 0px;
  text-decoration: none;
  padding: 60px 20px;
  margin-top: 60px;
}
.signup_text {
  background: #FBFBFB;
  border: 1px solid #DFDCD7;
  border-radius: 0px 0px 10px 10px;
  overflow: hidden;
  
}

.signup_text .content {
  padding: 10px 20px;
}

.of_the_day .content {
  background: #FBFBFB;
  border: 1px solid #DFDCD7;
  padding: 20px 20px;
  border-radius: 10px;
  overflow: hidden;
}

.list_item {
  border-bottom: 1px solid #dfdcd7;
  padding: 15px 0px;
  color: #656d98;
}

.list_item.first {
  padding-top: 0;
}

.list_item.last {
  border-bottom: 0px solid #dfdcd7;
  padding-bottom: 0;
}

.kc_day, .rc_week {
  border-bottom: 1px solid #dfdcd7;
}

.kc_day, .dc_day, .rc_week {
  clear: all;
  min-height: 75px;
}

.kc_day p, .dc_day p, .rc_week p {
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 20px;
}
.kc_day {
  padding: 0px 0px 20px 0px;
}

.rc_week {
  padding: 20px 0px 20px 0px;
}

.dc_day {
  padding: 20px 0px 0px 0px;
}

.box .content .start {
    padding: 20px 0px 0px 0px;
}

.box .content .start p {
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E3E0DB;
}

.box .content h2 {
    margin-top: 20px;
}

.box .content p {
    margin: 0px;
}

.q-one, .q-two, .q-three, .q-four {
    padding: 20px 40px;
    border-bottom: 1px solid #E3E0DB;
    overflow: hidden;
    transition: background-color 0.5s ease;
}

.headline .box a {
    text-decoration: none;
}

.q-one, .q-one:hover {
    border-radius: 10px 10px 0px 0px;
}
.q-four, .q-four:hover {
    border-radius: 0px 0px 10px 10px;
}
.q-one:hover, .q-two:hover, .q-three:hover { 
    background-color: #646E97;
    transition: background-color 0.5s ease;
}

.q-four:hover {
    background-color: #AF5B6F;
    transition: background-color 0.5s ease;
}

.q-one:hover > .icon i, .q-two:hover > .icon i, .q-three:hover > .icon i, .q-four:hover > .icon i, .q-one:hover > h3, .q-two:hover > h3, .q-three:hover > h3, .q-four:hover > h3 { 
    color: #fff !important;
    transition: color 0.5s ease;
}

.q-three {
    border-bottom: none;
}

.q-four {
    border-bottom: none;
    border-top: 1px solid #E3E0DB;
}

.q-one img, .q-two img, .q-three img, .q-four img {
    float: left;
}

.q-one h3, .q-two h3, .q-three h3, .q-four h3 {
    font-size: 14px;
    line-height: 20px;
    color: #656d98;
    margin-left: 100px;
}

.q-one h3 {
    margin-top: 15px;
}

.q-two h3 {
    margin-top: 5px;
}

section.question {
    background: #646E97;
}

section.question h3 {
    color: #fff;
    padding: 20px 0px;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    margin: 0px;
}
section.question.main_q h3 {
  font-size: 24px;
  padding: 30px 0px 10px 0px;
}

section.question p {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
section.question a.read_more {
  text-align: center;
  background: #4b5479;
  color: #fff;
  padding: 5px 15px;
  display: inline-block;
  text-decoration: none;
  margin-bottom: 10px;
  border-radius: 5px;
  font-weight: 600;
  transition: all 1s;
}

section.question a.read_more:hover {
  background: #333a59;
  color: #fff;
  transition: all 1s;
}

section.general {
    background: #fff;
    padding: 30px 0px;
}

.step {
  text-align: center;
}

.step img.area {
    width: 175px;
    border-radius: 50%;
    margin: 10px 0px;
    opacity: 0.7;
    transition: opacity 1s ease;
}

.step img.teachers {
    width: 100%;
    margin: 10px 0px;
    opacity: 1;
    transition: opacity 1s ease;
}

.step a {
  text-decoration: none;
}

.step .teacher_img {
  height: 196px;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 10px;
}

.step h4.one, .step h4.two, .step h4.three {
  color: #fff;
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  padding: 60px 0px;
  transform: scale(1);
  transition: all 1s;
}

.step h4.one {
  background: url('../images/1.jpg') center center no-repeat;
}

.step h4.two {
  background: url('../images/2.jpg') center center no-repeat;
}

.step h4.three {
  background: url('../images/3.jpg') center center no-repeat;
}

.step h4.one:hover, .step h4.two:hover, .step h4.three:hover {
  transform: scale(1.1);
  transition: all 1s;
}

.step img.area:hover {
  opacity: 1;
  cursor: pointer; 
}

.step h4 {
    color: #333333;
    font-size: 18px;
    font-weight: 600;
}

.step p {
    font-size: 13px;
    margin-bottom: 0px;
}

.box.float {
    float: right;
    max-width:300px;
}
.ebook {
    text-align: center;
    margin: 20px 0px;
    font-size: 13px;
}

.ebook img {
    opacity: 0.8;
    transition: opacity 1s ease;
}

.ebook img:hover {
    opacity: 1;
    cursor: pointer;
}
.resources {

}
.resources ul {
  margin: 10px 0px;
}
.box.evaluated {
  float: right;
  max-width:300px;
  margin: 0px 0px 20px 20px;
}
.box.evaluated .content {
  padding: 20px !important;
}
.resource_eval {
  text-align: center;
  padding: 0px 0px;
  font-size: 13px;
}
.resource_eval h3 {
  color: #2bb82b;
  font-size: 16px;
  line-height: 24px;
}
img.evaluated_thumb {
  display: block;
}
span.evaluated {
  color: #2bb82b;
  font-weight: bold;
}
.green_bg {
  background: #2bb82b;
  color: #fff;
  padding: 10px 40px;
  margin-bottom: 10px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
}


a.button {
    background: #646E97;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 700;
}

a.button:hover {
    background: #4B5479;
}

.key-points {
    background-color: #E6E7F0;
    padding: 15px 20px;
    margin: 10px 0px;
    border-radius: 10px;
}

.main-content ul, section.main ul {
    margin: 10px 0px 20px 25px;
}

.main-content ul li, section.main ul li {
    list-style: disc;
}

article.blog-home {
    margin: 30px 0px;
}

.learn-more h3 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
}

#crumbs {
    margin-bottom: 10px;
}

.wp-caption {
    padding: 20px 10px 20px 20px;
    background-color: #ced1df;
    border-radius: 10px;
}

.wp-caption p {
    margin-bottom: 0px;
}

.wp-caption img {
    display: block;
    margin-bottom: 10px;
}

.key {
    background: #CED1DF;
    padding: 20px;
    margin-bottom: 20px;
}

/* Twitter */

.twitter .content {
    background-color: #25A7DF;
    color: #fff;
    padding: 30px 30px;
    border-radius: 10px;
}
.twitter .content h2 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    vertical-align: middle;
    background: url('../images/twitter.png') left center no-repeat;
    padding-left: 40px;
}

.twitter .content li {
    border-bottom: 1px solid #52bdea;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.twitter .content a {
    color: #b7e0f2;
}

/* Blogs Posts */

article.blog-post {
    margin-bottom: 20px;
    border: 1px solid #DFDCD7;
    width: 48% !important;
    border-radius: 10px;
}

article.blog-post:nth-child(even) {
  clear: left;
}

.learn-more article.blog-post:nth-child(even) {
  clear: none;
}

article.blog-post h2 {
    background-color: #646E97;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 26px;
    min-height: 80px;
    margin: 0px;
}

article.blog-post a {
  color: #fff;
  text-decoration: none;
}

article.blog-post a:hover {
  color: #fff;
  text-decoration: underline;
}

article.blog-post a:hover h2 {
  background-color: #4B5479;
}

article.blog-post img {
    display: block;
    border-radius: 10px 10px 0px 0px;
}

article.blog-post .content {
    background-color: #FBFBFB;
    padding: 10px 20px;
    border-radius: 0px 0px 10px 10px;
    min-height: 120px;
}

article.blog-post.concept {
    margin-bottom: 20px;
    border: 0px solid #DFDCD7;
    border-radius: 0px;
}

article.blog-post.concept .content {
  min-height: 0px;
}

article.blog-post.concept .icon {
    padding: 23px 25px;
    border-radius: 5px 0px 5px 5px;
}

article.blog-post.concept .info {
  margin-left: 45px;
  margin-top: -46px;
}

article.blog-post.concept img {
  border-radius: 0px;
}

article .icon {
  background-color: #2D2D2D;
  padding: 15px;
}

article .info a, article .info a:hover {
  color: #2D2D2D;
}

.audio.icon {
  background: url('../images/audio_icon.png') no-repeat 15px 15px #9f3e5f;
}

.cartoons.icon {
  background: url('../images/cartoons_icon.png') no-repeat 15px 15px #863a8e;
}

.lessons.icon {
  background: url('../images/lessons_icon.png') no-repeat 15px 15px #36579f;
}

.texts.icon {
  background: url('../images/texts_icon.png') no-repeat 15px 15px #378ba6;
}

.videos.icon {
  background: url('../images/video_icon.png') no-repeat 15px 15px #35a793;
}

.websites.icon {
  background: url('../images/website_icon.png') no-repeat 15px 15px #429e34;
}

.navigation ul li {
    display: inline-block;
}

.navigation ul li a {
    background-color: #646F96;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px;
}

.navigation ul li.active a, .navigation ul li a:hover {
    background-color: #4B5479;
}

/* Pages */

.soundcloud {
  margin-bottom: 30px;
}

a.pdf {
  margin: 10px 0px 20px 0px;
  background: url('../images/download_icon.png') no-repeat left 15px center #646e97;
  padding: 10px 15px 10px 40px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px #e5e5e5 solid;
  border-radius: 10px;
}
a.pdf:hover {
  background: url('../images/download_icon.png') no-repeat left 15px center #4b5479; 
}

ul.pages {
  margin: 0px 0px 0px 0px !important;
}

ul.pages li {
    margin: 10px 0px;
    list-style: none !important;
    list-style-position: inside;
    line-height: 26px;
    font-size: 16px;
}

ul.pages.inside li {
  cursor: pointer !important;
}

ul.pages li a {
  text-decoration: none;
  font-weight: bold;
  color: #AF5B6F;
  cursor: pointer !important;
  pointer-events: none;
}

ul.pages li a:hover {
  text-decoration: none !important;
  font-weight: bold;
  color: #66B596 !important;
}

ul.pages ul {
  margin: 10px 0px 0px 20px;
  line-height: 26px;
  font-size: 14px;
}

ul.pages ul li {
    margin: 2px 0px;
    line-height: 24px;
    list-style: disc !important;
    list-style-position: inside;
    color: #646E97;
    line-height: 26px;
    font-size: 14px;
}
ul.pages ul li a, ul.pages li.current_page_item ul li a {
  text-decoration: underline;
  font-weight: normal;
  color: #646E97;
  pointer-events: all;
  cursor: pointer !important;
}

ul.pages ul li a:hover {
  text-decoration: underline;
  font-weight: normal;
}

ul.pages ul ul {
  margin: 0px 0px 10px 20px;
  line-height: 26px;
  font-size: 14px;
}

ul.pages li.current_page_item a {
  color: #66B596;
  text-decoration: none;
}

ul.pages ul ul ul {
  margin: 0px 0px 10px 20px;
  line-height: 22px;
  font-size: 12px;
}

ul.pages.inside ul,
ul.pages.inside ul ul,
ul.pages ul ul, 
ul.pages ul li.current_page_item ul ul, 
ul.pages ul ul li.current_page_item ul ul,
ul.pages li.current_page_ancestor ul ul ul, 
ul.pages li.current_page_ancestor ul ul ul ul {
  display: none;
}

ul.pages.inside li.current_page_ancestor>ul,
ul.pages.inside li.current_page_parent>ul,
ul.pages ul li.current_page_item ul, 
ul.pages ul ul li.current_page_item ul,
ul.pages ul ul ul li.current_page_item ul,
ul.pages ul ul ul ul li.current_page_item ul {
  display: block;
}

ul.pages.inside li.current_page_parent.open, ul.pages.inside li.open {
  background: url('../images/arrow-open.png') left 10px no-repeat;
  
}

ul.pages.inside li, ul.pages.inside li {
  background: url('../images/arrow-closed.png') left 10px no-repeat;
}

ul.pages.inside li li, ul.pages.inside li li.open, ul.pages.inside li li li.open {
  background: none !important;
}

ul.pages > li {
  padding: 0px 0px 0px 20px;
}

/* Concepts Sidebar */

.view_concepts {
  background: url('../images/blue-menu-icon.png') no-repeat right center;
  cursor: pointer;
}
.view_concepts h2 {
  padding-right: 20px;
}

#mobile_concepts {
  display: none;
}

ul#menu-concepts, 
ul#mobile_concepts {
  margin: 0px;
}

ul#menu-concepts li, 
ul#mobile_concepts li {
  font-size: 16px;
  line-height: 22px;
  list-style: none;
}

ul#menu-concepts li ul.sub-menu, 
ul#mobile_concepts li ul.sub-menu {
  display: none;
}

ul#menu-concepts li.current-menu-item a, ul#menu-concepts li.current-post-parent a, 
ul#mobile_concepts li.current-menu-item a, ul#mobile_concepts li.current-post-parent a {
  font-weight: bold;
  text-decoration: none;
/*   color: #66B596; */
}

ul#menu-concepts li.current-menu-item ul.sub-menu, ul#menu-concepts li.current-menu-parent ul.sub-menu, ul#menu-concepts li.current-post-ancestor ul.sub-menu,
ul#mobile_concepts li.current-menu-item ul.sub-menu, ul#mobile_concepts li.current-menu-parent ul.sub-menu, ul#mobile_concepts li.current-post-ancestor ul.sub-menu {
  display: block;
}

ul#menu-concepts li.current-menu-item li a, ul#menu-concepts li.current-post-parent li a,
ul#mobile_concepts li.current-menu-item li a, ul#mobile_concepts li.current-post-parent li a {
  font-weight: normal;
  text-decoration: underline; 
/*   color: #646e97; */
}

ul#menu-concepts li.current-post-parent li.current-post-parent a,
ul#mobile_concepts li.current-post-parent li.current-post-parent a {
  font-weight: bold;
  text-decoration: none;
}

ul#menu-concepts li ul.sub-menu li,
ul#mobile_concepts li ul.sub-menu li {
  font-size: 14px;
  list-style: disc;
}

.pages.mobile {
  display: none;
}

@media only screen and (max-width: 767px) {
  .pages.mobile {
    display: block;
  }
  .pages.desktop .content {
    display: none;
  }
}

/* Sources */

.source {
  float: left;
  width: 221px;
  margin-botom: 20px;
  margin-right: 20px;
  border: 1px solid #CACACA;
  margin-bottom: 40px;
}

.source-img img {
  display: block;
}

.source-content {
  background-color: #C7C7C7;
  text-align: center;
  padding: 10px;
  font-size: 15px;
  line-height: 22px;
  height: 110px;

}

/* Search */

h1.search-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.search-listing {
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
  border-bottom: 1px solid #808080;
}

.search-listing h2 {
  font-size: 18px;
  line-height: 28px;
}

/* Thumbnails */

.thumbnail {
    padding: 20px;
    background-color: #ced1df;
    border-radius: 10px;
    float: right;
    margin: 0px 0px 20px 20px;
    width: 220px;
    clear: both;
}

.thumbnail img {
    max-width: 100%;
    height: auto; 
    margin: 10px 0px;
}

/* Tables  */

table {
  margin-bottom: 20px;
}

table caption {
  border: 1px solid #DFDCD7;
  border-bottom: none;
  background: #CED1DF;
  padding: 10px;
}
td, th {
  padding: 10px;
  border: 1px solid #DFDCD7;
  background: #FBFBFB;
}

th {
  font-weight: bold;
}

/* Isotope Grid */

.grid-item { width: 50%; }

.button-group {
  margin: 10px 0px 20px 0px;
}

.button-group .button {
	background-color:#44c767;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border: 0px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:15px;
	margin-right: 5px;
	margin-bottom: 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.button:hover, .button.is-checked {
	background-color:#5cbf2a;
}
.button-group .button.all {
  background: #424242;
  padding: 12px 10px 7px 12px;
  border-bottom: 5px solid #424242;
}

.button-group .button.all.is-checked {
  background: #424242;
  border-bottom: 5px solid #2d2d2d;
}

.button-group .button.audio {
  background: url('../images/audio_icon.png') no-repeat 13px 13px #9f3e5f;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #9f3e5f;
}

.button-group .button.audio.is-checked {
  background: url('../images/audio_icon.png') no-repeat 13px 13px #9f3e5f;
  border-bottom: 5px solid #681632;
}

.button-group .button.cartoons {
  background: url('../images/cartoons_icon.png') no-repeat 13px 13px #863a8e;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #863a8e;
}

.button-group .button.cartoons.is-checked {
  background: url('../images/cartoons_icon.png') no-repeat 13px 13px #863a8e;
  border-bottom: 5px solid #4c1053;
}

.button-group .button.lessons {
  background: url('../images/lessons_icon.png') no-repeat 13px 13px #36579f;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #36579f;
}

.button-group .button.lessons.is-checked {
  background: url('../images/lessons_icon.png') no-repeat 13px 13px #36579f;
  border-bottom: 5px solid #15306c;
}

.button-group .button.texts {
  background: url('../images/texts_icon.png') no-repeat 13px 13px #378ba6;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #378ba6;
}

.button-group .button.texts.is-checked {
  background: url('../images/texts_icon.png') no-repeat 13px 13px #378ba6;
  border-bottom: 5px solid #185d74;
}

.button-group .button.videos {
  background: url('../images/video_icon.png') no-repeat 13px 13px #35a793;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #35a793;
}

.button-group .button.videos.is-checked {
  background: url('../images/video_icon.png') no-repeat 13px 13px #35a793;
  border-bottom: 5px solid #167261;
}

.button-group .button.websites {
  background: url('../images/website_icon.png') no-repeat 13px 13px #429e34;
  padding: 12px 11px 7px 37px;
  border-bottom: 5px solid #429e34;
}

.button-group .button.websites.is-checked {
  background: url('../images/website_icon.png') no-repeat 13px 13px #429e34;
  border-bottom: 5px solid #1f6d14;
}

.resource_listing h2 {
    color: #676d93;
    font-size: 16px;
}

.resource_listing {
  margin: 10px 0px;
}

.resource_listing .content {
    background-color: #FBFBFB;
    padding: 10px 20px;
    min-height: 130px;
    border: 1px solid #DFDCD7;
    border-radius: 10px 10px 10px 10px;
}

.resource_listing .content p {
  margin-bottom: 10px;
}

.resource_listing .alignleft {
  margin-bottom: 0px;
}

.resource_listing img.resource_img {
  border-radius: 10px 0px 0px 10px;
  border: 1px solid #DFDCD7;
}

.resource_listing img {
  display: block;
}

.resource_listing img.tick_eval {
  float: right;
  position: absolute;
  bottom: 0;
  right: 0;
}

.resource_listing img.tick_eval.home {
  float: right;
  position: relative;
  bottom: 0;
  right: 0;
  margin-right: -20px;
}

.resource_listing.ymal .content {
  border-radius: 0px 0px 10px 10px;
}
.resource_listing.ymal h2 {
  background: #646e97;
  margin-bottom: 0px;
  color: #fff;
  padding: 10px 20px;
}
.resource_listing.ymal h2 a {
  color: #fff;
}
.filter select {
  padding: 5px 35px 5px 10px;
  font-size: 15px;
  border: 1px solid #dfdcd7;
  height: 34px;
  margin-right: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('../images/dropdown_clear.png') no-repeat #2d2d2d;
  color: #fff;
  background-position: right 10px center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.yarpp-related a {
  font-weight: normal !important;
}
.dot-irecommendthis {
  margin-bottom: 0px !important;
}

a.reset_filters {
  display: none;
  cursor: pointer;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
.no-results {
  display: none;
}
.no-results .content {
    background-color: #FBFBFB;
    padding: 10px 20px;
    border: 1px solid #DFDCD7;
    border-radius: 10px 10px 10px 10px;
}
div.separator {
  display: inline-block;
}
article.target {
  margin-bottom: 20px;
}
.target .separator:last-child {
  display: none;
}
.format .separator:last-child {
  display: none;
} 
.lang .separator:last-child {
  display: none;
}
ul.addressed_concepts li {
  margin-bottom: 0px;
}


.book_content {
  overflow: hidden;
  border-radius: 10px;
  margin-top: 45px;
}
.book_promo a {
  text-decoration: none;
}

.ebook_promo {
  
  background: url('../images/book_promotion.jpg') no-repeat center center;
  text-align: center;
  padding: 140px 20px;
  color: #fff;
  transform: scale(1);
  transition: all 1s;
}

.ebook_promo:hover {
  transform: scale(1.1);
  transition: all 1s;
}

.ebook_promo h3 {
  color: #fff;
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  text-decoration: none;
}

.free {
  color: #66b596;
}
/* ================ Media Queries ================ */

    /* #Desktop (1200) */
	@media only screen and (min-width: 1200px)  {		
    .tti-desc {
      left: 178px;
    }
  }

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
    	.box.float {
            max-width:200px;
        }
        .headline .box {
            padding: 10px 50px;
            opacity: 0.7;
        }
        .search {
          top: 85px;
          left: 40%;
        }
        .home_box .cont_right {
          margin-left: 0px;
        }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
  	  footer .area, footer ul.footer {
    	  text-align: center;
  	  }
	    header {
    	    padding: 20px 0px;
	    }
	    .logo {
    	    text-align: center;
	    }
	    img.tti-logo {
	        float: none;
	        margin: 0px auto;
	        display: block;
            margin-bottom: 10px;
	    }
    	.tti-wording {
    	    clear: both;
            font-size: 18px;
            line-height: 26px;
            font-weight: 600;
        }
        
        .tti-desc {
            font-size: 12px;
            line-height: 20px;
            font-weight: 600;
        }
        
        #languages ul.list {
          display: none;
        }
        
        #languages .languages-mobile {
          background: url('../images/menu-icon.png') no-repeat 90% center #181818;
          float: left;
          color: #fff;
          padding: 10px 65px 10px 65px;
            cursor: pointer;
            display: block !important;
            width: 290px;
          text-align: center;
        }
        #languages ul.list {
            margin: 55px 0px 0px 0px;
        }
        #languages ul.list li {
            display: block;
            margin: 10px 0px;
            text-align: center;
            background-color: #2D2D2D;
            width: 420px;
        }
        #languages ul.list a {
            padding: 10px 50px;
            background-color: #444444;
            position: relative;
            display: block;
            text-decoration: none;
        }
        #languages ul.list a:hover {
            padding: 10px 50px;
            background-color: #181818;
            position: relative;
            display: block;
        }
        
        ul.main {
            display: none;
        }
        nav {
          background: #4b5479;
        }

       .mobile-nav {
            background: url('../images/menu-icon.png') no-repeat 90% center #4B5479;
            float: left;
            color: #fff;
            padding: 10px 65px 10px 65px;
            cursor: pointer;
            display: block !important;
            width: 290px;
            text-align: center;
        }
        nav ul.main {
            margin: 55px 0px 0px 0px;
        }
        nav ul.main li {
            display: block;
            margin: 10px 0px;
            text-align: center;
            background-color: #731744;
            width: 420px;
        }
        nav ul.main li a {
            padding: 10px 50px;
            background-color: #5a648a;
            position: relative;
            display: block;
            color: #fff;
            border-bottom: none;
        }
        .tti-desc {
            left: 0;
            position: relative;
        }
        .thumbnail {
            width: 90%;
            padding: 5%
        }
        .resource_listing {
          margin: 10px 0px !important;
        }   
        .logo, .home_box {
          margin-bottom: 20px;
        }
        .search_mobile {
          display: block;
          text-align: center;
        }
        .search_mobile form {
          display: inline-block;
          
        }
        .search {
          display: none !important;
        }
        .home_box .cont_right {
          margin-left: 0px;
        }

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
        .box.float {
            max-width:420px;
            margin-bottom: 20px;
        }
        .headline .box {
            padding: 0px;
            opacity: 0.7;
        }
        .headline .box .q-one h3, .headline .box .q-two h3, .headline .box .q-three h3, .headline .box .q-four h3 {
            margin-left: 60px;
            margin-top: 0px;
        }
        .resource_listing {
          margin: 10px 0px !important;
        }    
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
    	.mobile-nav, #languages .languages-mobile {
            width: 170px;
        }
        nav ul.main li, #languages ul.list li {
            width: 300px;
        }
        .box.float {
            margin-bottom: 20px;
        }
        .headline .box {
            padding: 0px;
            opacity: 0.7;
        }
        .headline .box .q-one h3, .headline .box .q-two h3, .headline .box .q-three h3, .headline .box .q-four h3 {
            margin-left: 60px;
            margin-top: 0px;
        }
        .resource_listing {
          margin: 10px 0px !important;
        }
        img.resource_img {
          display: none !important;
        }
	}