/*Guide Featre*/
.guide-feature {padding: 15px 30px; background-color: #f0f0f0;}
.guide-feature .cover { margin-right: 20px; margin-top: 5px;}
.guide-feature .feature-border { display: none;}
.guide-feature h1 { font-family: 'Roboto', sans-serif; font-weight: 100; color: #666; font-size: 3.2em; margin: 15px 0 0 0; }
.guide-feature .breadcrumb { margin: 0; text-align: right; margin-right: 15px; padding: 10px 5px 0 0;}
.guide-feature .breadcrumb li { color: #666; }
.guide-feature .breadcrumb li a { color: #f05a22; text-decoration: none; }

/*Toolbar*/
#toolbar {width: 400px;}
#toolbar .toolbar_item { height: 40px; margin: 0; border: 1px solid #257fe7; text-align: center; line-height: 40px; padding: 0 5px; font-family: 'Roboto'; font-weight: bold; font-size: 0.8em; text-transform: uppercase; color: #fff; background-color: #2c92eb; cursor: pointer;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c92eb), color-stop(1, #206de4));
		background-image: -o-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -moz-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -webkit-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -ms-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: linear-gradient(to bottom, #2c92eb 0%, #206de4 100%);}
#toolbar .toolbar_item:hover {background-color: #31a5ee;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #31a5ee), color-stop(1, #2d97ec));
		background-image: -o-linear-gradient(bottom, #31a5ee 0%, #2d97ec 100%);
		background-image: -moz-linear-gradient(bottom, #31a5ee 0%, #2d97ec 100%);
		background-image: -webkit-linear-gradient(bottom, #31a5ee 0%, #2d97ec 100%);
		background-image: -ms-linear-gradient(bottom, #31a5ee 0%, #2d97ec 100%);
		background-image: linear-gradient(to bottom, #31a5ee 0%, #2d97ec 100%);}
#toolbar .toolbar_item.disabled {cursor: default; opacity: 0.6;}
#toolbar .toolbar_item.disabled:hover {background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c92eb), color-stop(1, #206de4));
		background-image: -o-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -moz-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -webkit-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: -ms-linear-gradient(bottom, #2c92eb 0%, #206de4 100%);
		background-image: linear-gradient(to bottom, #2c92eb 0%, #206de4 100%);}
#toolbar .toolbar_item.first{border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#toolbar .toolbar_item.last{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#toolbar .btn_icon { background-image: url("https://media1.shmoop.com/images/sprites/static_sprites.png"); float: left; height: 40px; margin-right: 2px;}
#toolbar #btn_cite_icon { background-position: -520px -170px; width: 14px;}
#toolbar #btn_ebooks_icon { background-position: -560px -170px; width: 16px; margin-left: 8px; margin-right: 0;}

/* Columns Layout */
.all-columns {padding-top: 15px; background-color: #fffcf8; padding-bottom: 30px; border-bottom: 1px solid #faf1e4;}

/*Left Nav*/
.guide-left-nav { border-radius: 4px; background: #faf1e4; overflow: hidden; margin-bottom: 20px;}
.guide-left-nav ul { list-style: none; margin: 0; padding: 0; }
.guide-left-nav ul li { }
.guide-left-nav ul li:hover,
.guide-left-nav ul li.active { background: #f88358; }
.guide-left-nav ul li a { display: block; clear: both; text-decoration: none; color: #f05a22; text-transform: uppercase; border-bottom: 1px solid #ffe8c3; padding: 10px 0; font-weight: bold; font-size: 1.0em; margin: 0 15px; }
.guide-left-nav ul li:last-child a { border-color: #faf1e4; }
.guide-left-nav ul li:hover a,
.guide-left-nav ul li a:hover,
.guide-left-nav ul li.active a { color: #fffcf8; border-color: #f88358; }
.guide-left-nav ul li a i { float: right; margin-top: 4px; }

.mobile-nav-trigger { width: 15px; cursor: pointer; background:  #fa9d48; margin-bottom: 15px; color: #FFF; padding: 5px 10px; font-size: 1.3em; }
.mobile-nav-trigger .icon-remove { display: none; }
.mobile-nav-trigger.triggered .icon-remove { display: inline; }
.mobile-nav-trigger.triggered .icon-reorder { display: none; }

.guide-left-nav ul li .left-subnav { border: 1px solid #f88358; background: #fffcf8; padding: 5px 0 10px 0; }
.guide-left-nav ul li .left-subnav ul { border: none; }
.guide-left-nav ul li .left-subnav ul li { margin-top: 5px; border: none; }
.guide-left-nav ul li .left-subnav ul li a { color: #0a4d9b; padding: 0; text-transform: none; border: none; }
.guide-left-nav ul li .left-subnav ul li:hover { background: none; }
.guide-left-nav ul li .left-subnav ul li a:hover { color: #f05a22; }
.guide-left-nav ul li .left-subnav ul li a i { float: none; position: relative; top: 1px; }
.guide-left-nav ul li .left-subnav .accordion { margin: 0; }
.guide-left-nav ul li .left-subnav .accordion-group { border: none; margin: 0; }
.guide-left-nav ul li .left-subnav .accordion-group .accordion-body { padding-left: 10px; }
.guide-left-nav ul li .left-subnav .accordion-group .accordion-body a,  .guide-left-nav ul li .single_nav a { font-weight: normal; }

/*Middle Column*/
.guide-content h3.section-title { font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 3.0em; color: #666; text-align: center; margin: 0; font-weight: 300; }
.guide-content h4.subsection { color: #333; font-size: 1.4em; font-family: 'Bitter', serif; }
.guide-content h5 { color: #333; margin: 0 0 20px 0; }
.guide-content p { color: #333; }
.guide-content a { color: #f05a22; text-decoration: none; }
.guide-content a:hover { color: #0a4d9b;}

.guide-content ul li { margin-bottom: 5px; }

.pagination-top { margin: 10px auto; text-align: center; }
.pagination-bottom a,
.pagination-top a { text-transform: uppercase; text-decoration: none; font-size: 1.1em; font-weight: bold; }
.pagination-top a.back-link { margin-right: 10px; color: #0a4d9b;}
.pagination-top a.back-link:hover { color: #f05a22;}
.pagination-top a.next-link { margin-left: 10px; color: #f05a22;}
.pagination-top a.next-link { color: #f05a22;}
.pagination-num { margin: 0 5px; }
span.pagination-num { font-weight: bold; font-size: 1.1em; }

.pagination-bottom { border-top: 1px solid #faf1e4; padding-top: 20px; margin-top: 20px; }
.pagination-bottom a { font-weight: normal; color: #fff;}
.pagination-bottom a.prev { position: relative; top: 3px; color: #0a4d9b;}
.pagination-bottom a.prev:hover {color: #f05a22;}
.pagination-bottom .btn-primary { padding: 10px 40px;  color: #fff; background: #f05a22; background-image: linear-gradient(to bottom, #ff6e43 0%, #ff5433 100%); margin-left: 20px; }
.pagination-bottom .btn-primary:hover { background: #E15C40; color: #fff; background-image: linear-gradient(to bottom, #ff6e43 0%, #E15C40 100%); }

.quotes-link { text-decoration: none; color: #f05a22; font-size: 0.7em; margin-left: 10px; }

/*Options & Quotes Boxes*/
.guide-content .option-link { text-decoration: none; }
.guide-content .quote-box,
.guide-content .options_block { border-radius: 6px; overflow: hidden; border: 1px solid #f0f0f0; margin-bottom: 20px;  }
.guide-content .options_block h3.options_block_title { margin: 0; padding: 10px; font-family: 'Bitter', serif; background: #f0f0f0; color: #f05a22; font-size: 1.2em; }
.guide-content .options_block .options_blocktext { padding: 10px; color: #333; }

.guide-content .quote-box .quote-hdr { background: #f0f0f0; color: #f05a22; font-family: 'Bitter', serif; padding: 10px; font-size: 1.2em; }
.guide-content .quote-box .quote-body { padding: 10px; }
.guide-content .quote-box .quote-body .quote { padding: 5px 20px 0 20px; margin-bottom: -10px; }
.guide-content .quote-box .quote-body .comment { margin: 15px 10px 0 10px; padding: 10px; border: 1px solid #f0f0f0; border-radius: 6px; }
.guide-content .quote-box .quote-footer { background: #f0f0f0; padding: 10px; }
.guide-content .quote-box .quote-footer a { text-decoration: none; }

/* Table on Music guide*/
.song_info { border: 2px solid #CCCCCC; font-size: 0.9em; margin-bottom: 15px; width: 100%;}
table.song_data td.type { font-weight: bold; width: 12%; padding-left: 15px;}
table.song_data td.datum { width: 30%; padding-right: 5px;}
table.song_data tr td { font-size: 0.9em; line-height: 20px; vertical-align: top; border: none;}
.song_actions { border-top: 1px solid #C0C0C0; line-height: 17px; padding: 4px 0; }
.song_actions_table td.listen { font-size: 1em; font-weight: bold; padding-right: 15px; text-align: right;}
.song_actions_table td { width: 30%;}
.song_actions_table td:first-child { padding-left: 15px;}

@media only screen 
and (max-width : 1000px) {
	.left-ad { display: none; }
}

@media only screen 
and (max-width : 768px) {
	.guide-left-nav { display: none; }
	#toolbar {width: 215px;}
	#toolbar .toolbar_item.first {border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
	#toolbar .toolbar_item.last {border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
}

.pagination_exercices_examples .pagination ul > .active > a, .pagination_exercices_examples .pagination ul > .active > span
{color: #555 !important;}
.pagination_exercices_examples .pagination ul > li > a:hover{
    color: #555 !important;
}

.exercise a.btn-primary{color: #fff; margin-right: 10px;}
.example a.btn-primary{color: #fff; margin-right: 10px;}