h1 { font-family: 'Homemade Apple', cursive; color: #fff; font-size: 5em; text-shadow: none; top: 40px; }

.intro { 
	background: url("https://media1.shmoop.com/images/landing_images/teaching_resources_intro.jpg") no-repeat scroll center top transparent; 
	padding-bottom: 35px !important;
    max-width: 100% !important;
    width: 100% !important;
} 
.intro .apple { background: url("https://media1.shmoop.com/images/landing_images/teachers_intro_apple.png") no-repeat scroll 0 0 transparent; bottom: -20px; height: 177px; right: 100px; position: absolute; width: 191px;}

body{background-color: #efead8;}


.leftmenu{background-color: #efead8; position: relative;}
.leftmenu .login_bar {float: right; padding: 15px 5px; width: 80%;}
.leftmenu .login_bar .login_icon {width: 43px; height: 43px; float:left; background: url('https://media1.shmoop.com/images/landing_images/teaching_resources_login_icon.png') #0070C9 6px 4px no-repeat; border-radius: 3px; margin-right: 10px; margin-top: 3px;}
.leftmenu .login_bar .login_icon:hover {background-color: #0063b2;}
.leftmenu .login_bar p {font-family: 'Roboto'; color: #20292f; font-weight: bold;}
.leftmenu .login_bar a {color: #0070c9; text-decoration: none;}
.leftmenu .login_bar .login_arrow {background: url('https://media1.shmoop.com/images/landing_images/teachers_orange_arrow_left.png') no-repeat; width: 100px; height: 20px; margin-left: 23px; margin-top: -8px;}
.leftmenu ul{list-style: none; width:100%; float: right; margin-bottom: 0; margin-left: -10px;}
.leftmenu ul li{list-style: none; padding: 15px 3px 15px 18px; position: relative; border-top: 1px solid #efded8; border-bottom: 1px solid #efded8;}
.leftmenu ul li.active{background-color: #faf8f5;}
.leftmenu ul li a{list-style: none; color: #ff613b; text-decoration: none; font-family: 'Roboto', bold; font-weight: bold; font-size:1.2em; width: 100%; display: block; margin-right: 25px;}
.leftmenu ul li a:hover {color: #fa9d48;}
.leftmenu ul li:last-child {border: none;}
.leftmenu ul li .icon-chevron-right{float: right; margin-top: 5px; margin-left: 0px; margin-right: 5px;}

.page-holder > .row-fluid > .span8{background-color: #faf8f5; margin-left: 0;}
.main-payload{}
.main-payload h2{text-align: center; font-size: 3em; font-family: 'Roboto'; color: #333; font-weight: 300;}
.main-payload .summary{font-size: 1em; font-family: 'Roboto'; color: #20292f; font-weight: normal; margin-top: 20px;}

.features .feature { text-align: left; padding-bottom: 20px; }
.features .feature .icon { text-align: center; color: #FFF; background: #0c4b7c; border-radius: 50%; width: 50px; height: 50px; font-size: 3.4em; line-height: 50px; margin: 0 auto 10px;  }
.features .feature strong { font-size: 1em; color: #0c4b7c; font-family: 'Bitter', bold; }
.features .feature p { font-size: 0.8em; color: #20292f; font-family: 'Roboto'; }

.talking-buffalo {background: url('https://media1.shmoop.com/images/landing_images/teachers_buffalo_w_speach_bubble.png') no-repeat; width: 595px; height: 184px; margin: 10px auto 25px; position: relative;}
.talking-buffalo p {font-family: 'Roboto'; color: #333; font-size: 1em; font-style: italic; position: absolute; width: 50%; padding: 30px 20px;}

.main-payload .world-according-to-shmoop{background-color: #0c4b7c; color: white; text-align: center;}
.main-payload .world-according-to-shmoop h3{color: white; font-family: 'Roboto'; font-weight: 300; font-size: 2.5em;}

.product_list_row td:first-child{width: 100%;}
.product_list_row .title{font-family: 'Bitter'; color: #333; font-size: 1.3em; text-decoration: none; line-height: 1.4em;}
.product_list_row .price{color: #ff613b; font-size: 1.3em; font-family: 'Bitter', bold; font-weight: bold; line-height: 1.3em;}
.product_list_row .already_own{font-size:12px;}
.product_list_row .savings{color: #06b278; font-size: 1.0em; font-family: 'Bitter'; padding-left: 10px;}
.product_list_row .bundleDesc{padding-top: 10px; color: #20292f; font-family: 'Roboto'; font-size: 0.8em; font-family: 'Roboto';}

.product_list_row .extra_content{display: none;}
.product_list_row.toggle-visible .extra_content{display: block !important;}
.product_list_row .extra_content h4{color: #FF613B; font-size: 1.2em; font-family: 'Roboto';}
.product_list_row .extra_content .products_of_bundle li{color: #0c4b7c; font-family: 'Roboto'; font-size: 14px;}
.product_list_row .extra_content .products_of_bundle .product_link{color: #20292f; font-size: 14px; font-weight: 600; text-decoration: none;}
.product_list_row .extra_content .products_of_bundle span{color: #06b278; font-family: 'Roboto'; font-size: 14px; font-weight: 600;}

.main-payload .nav-tabs .active > a{background-color: white;}
.main-payload .tabbable{background-color: white;}
.main-payload .nav-tabs{background-color: #faf8f5; margin-top: 0; min-height: 58px;}

.main-payload .tabbable .buttonTab{border-radius: 2px; font-family: 'Roboto'; margin-left: 1.8em; text-align: center;}
.main-payload .tabbable .buttonTab a{color: white; font-family: 'Roboto', bold; font-size: 1em; text-decoration: none; font-weight: bold; background-color: #FF613B;}
.main-payload .tabbable .buttonTab span{font-size: 0.8em;}
.main-payload .tabbable .buttonTab.active a{background-color: white; color: #333;}

.all-teacher-resources, .tr-search-bar-wrapper {
    margin: 20px auto;
    display: table;
}

.subscriptions-bts-special .row-fluid .span4 p,.subscriptions-bts-special .row-fluid .span4 h2 {
    position: relative;
    z-index: 9;
}

.tr-search-bar-wrapper input{
	width:206px;
}

.product_list_row .btn-add-to-cart{
	font-size: 1.2em;
	color: #fff;
	font-family: 'Roboto';
	padding: 4px 15px 9px 15px;
	text-decoration: none;
	margin-left: 30px;
	
	background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #07BD89),
			color-stop(1, #05A766)
		);
	background-image: -o-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
	background-image: -moz-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
	background-image: -webkit-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
	background-image: -ms-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
	background-image: linear-gradient(to bottom, #07BD89 0%, #05A766 100%);
}

.product_list_row .btn-add-to-cart .small-cart{display: inline;}
.product_list_row.bought .btn-add-to-cart{display: none;}

.buyButton{width: 65px;
		   height: 65px;
		   display: block;
		   border-radius: 50%;
		   border: 1px solid #06b278;
   
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #07BD89),color-stop(1, #05A766));
		background-image: -o-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -moz-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -webkit-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -ms-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: linear-gradient(to bottom, #07BD89 0%, #05A766 100%);
		
}

.buyButton:hover, .product_list_row .btn-add-to-cart:hover{
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #07c190),color-stop(1, #06af73));
		background-image: -o-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -moz-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -webkit-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -ms-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: linear-gradient(to bottom, #07c190 0%, #06af73 100%);
}

.buyButton.mouseDown, .product_list_row .btn-add-to-cart.mousedown{
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #059e6a),color-stop(1, #059866));
		background-image: -o-linear-gradient(bottom, #059e6a 0%, #059866 100%);
		background-image: -moz-linear-gradient(bottom, #059e6a 0%, #059866 100%);
		background-image: -webkit-linear-gradient(bottom, #059e6a 0%, #059866 100%);
		background-image: -ms-linear-gradient(bottom, #059e6a 0%, #059866 100%);
		background-image: linear-gradient(to bottom, #059e6a 0%, #059866 100%);
}

.buyButton.bought{
	border: 1px solid #FF613B;
	background: #FF613B !important;
}

.buyButton > img{padding: 13px 8px;}
.buyButton > img.cart-remove{display: none;}
.buyButton.bought > img.cart-remove{display: inline !important;}
.buyButton.bought > img.cart-add{display: none !important;}

.product_list_row .cart-small-text{color: #06b278; white-space: nowrap; cursor: pointer; font-family: 'Roboto';}
.product_list_row.bought .cart-small-text{color: #FF613B;}
.product_list_row .cart-small-text .remove-cart-text{display: none;}
.product_list_row.bought .cart-small-text .remove-cart-text{display: inline; margin-left: 9px;}
.product_list_row.bought .cart-small-text .add-to-cart-text{display: none;}

.user-shopping-cart { display: block; width: 100%; top: 449px; position: absolute; right: 0; padding: 0; background: #ff613b; margin: 0; font-family: 'Open Sans',Arial,sans-serif; z-index: 99999; color: #fff; text-decoration: none;}
.user-shopping-cart .checkout {color: #ffe3d1; font-family: 'Roboto'; font-weight: bold; font-size: 1.3em; line-height: 1.3em; padding: 13px 10px 0 30px;}
.user-shopping-cart .icon-shopping-cart {float: right; font-size: 2.6em; margin-right: 30px; margin-top: 13px;}
.user-shopping-cart .items {color: #ffe3d1; font-size: 0.8em; padding: 0 10px 10px 30px;}

@media only screen 
and (max-width : 768px) {
	.intro {background: transparent url('https://media1.shmoop.com/images/landing_images/teaching_resources_intro.png'); }
	.intro .introbg { display: none; }
	.intro .apple { display: none; }
	h1 { font-size: 4.6em; top: 0; margin: 0; }
	h1 div { left: 0; top: 0; }
	.extras .madlib-guy, 
        .talking-buffalo {display: none;}
	.why .beefallo { display: none; }
	.leftmenu ul {float: left !important;} 
 
    #inner-button-img {display: none;}
    #inner-button-word {font-size: 0.9em;}
    #inner-button {width: 85%; height:40px;}
    #inner-price { font-size: 1.2em;}
}

@media only screen 
and (min-width :768px)
and (max-width : 768px)
     {
	.user-shopping-cart { max-width: 27%; margin-right: 67%;}
	.leftmenu ul {margin-left:5px;}
 }

@media only screen 
and (max-width : 767px){
 	.user-shopping-cart {max-width:100%}
 	.span4.text-center.col-md-3 {
    	margin: 20px auto;
	}
	.span8.main-payload {
    	width: 100% !important;
	}
}


#outer {position: relative;}
#inner-price { position: absolute; bottom:57%;left:20px;}
#inner-button {position: absolute; bottom:10px; }
#inner-button-word {position: absolute; bottom:8px;}
#inner-button-img { position:absolute; left: 25px; width: 10%; bottom:15px; }
.teacher-subscription { background-color: #0C4B7C; margin-bottom: 20px; }
.teacher-subscription h6 { color: #ffffff; font-family: 'Roboto'; font-weight: 300; font-size: 42px; text-align: center; }
.teacher-subscription p { color: #ffffff; font-family: 'Roboto'; font-weight: 400; font-size: 16px; padding-left: 20px; padding-right: 20px; }
.teacher-subscription-purchase-banner { background-color: #efead8; border-radius: 4px; width: 45%; height: 100px; margin-left: 40%; margin-bottom: 15px; margin-top: 50px; }
/*.teacher-subscription-purchase-banner img { position: relative; margin-left: -235px; top: -50px; }*/
.teacher-subscription-purchase-price {right: -20px; width:100%;}
.teacher-subscription-purchase-price span { font-family: 'Bitter'; color: #ff613b; font-size:1.3em; font-weight: bold;}
.teacher-subscription-purchase-price a { left: 7%;background-color: #07BD89; border-radius: 4px; width: 87%; height: 40px; padding: 4px 0;/*right: -440px; top: 5px;*/ 
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #07BD89),color-stop(1, #05A766));
		background-image: -o-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -moz-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -webkit-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: -ms-linear-gradient(bottom, #07BD89 0%, #05A766 100%);
		background-image: linear-gradient(to bottom, #07BD89 0%, #05A766 100%);}
.teacher-subscription-purchase-price a:hover {
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #07c190),color-stop(1, #06af73));
		background-image: -o-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -moz-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -webkit-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: -ms-linear-gradient(bottom, #07c190 0%, #06af73 100%);
		background-image: linear-gradient(to bottom, #07c190 0%, #06af73 100%);
}
.teacher-subscription-purchase-price a span { color: #ffffff; font-size: 1.1em; /*right: 180px; top: -85px;*/ }

@media (max-width: 991px) {
	.features .feature .icon {
        width: 25px;
        height: 25px;
    }
}