/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*Custom CSS*/

/* Site width mods*/

.container_16 {
  width:1080px;
}

.container_16 .grid_16 {
  width:1080px;
}

.container_16 .grid_10 {
    width: 680px;
}

#main {
	  font-size: 13px !important;
}

.list-1 ul li {
    font-size: 14px;
	  padding: 4px 0 0 26px;

}

.wpsc-product > a { display: none;}

.sidebarNone { display: none!important;}

.page-id-681 .sidebarNone { display: block!important;}

.page-id-681 .sidebarBlock { display: none!important;}

.sf-menu ul {
  margin-top: -16px !important;
}

/* Always remember to compress your live stylesheet and keep an uncompressed backup */

.mem-login {
	padding: 0;
	height:39px;
	margin: -29px 22px 0 0;
}

.page-id-682 .mem-login {
    margin: 0 20px 0 0;
    padding: 0;
}

#top-search #submit {
	width:22px;
}

#top-search {
	margin: 0 234px -20px 0;
	padding: 24px 0 0 0;
}

#top-search .input-search {
  padding:0;
	border: 2px solid #ccc;
	height:32px;
}


#top-search input[type="submit"] {
	border: 2px solid #ccc !important;
	padding: 8px 12px 8px !important;
}

.lwa-password input, .lwa-username input, .lwa-email input, .lwa-remember-email input {
    margin: 0 0 0 -180px;
    width: 94%;
}

.cart-icon {
	margin: -36px 20px 0 0;
}

/*WP Ecommerce CSS*/

input[type="submit"], input[type="reset"] {
  background-color:#DDDDDD;
  color:#2D7294;
  padding:6px;
}

input[type="submit"]:hover, input[type="reset"]:hover {
  background-color:#eee;
}

.imgLiquid img { visibility: visible!important; }

/*----Buttons----*/

button,
.button,
.mobile-theme button,
.mobile-theme.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.product_grid_display .wpsc_buy_button, 
#content .product_grid_display .wpsc_buy_button {
  	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:    all 0.2s ease-in-out;
	-ms-transition:     all 0.2s ease-in-out;
	-o-transition:      all 0.2s ease-in-out;
	transition:         all 0.2s ease-in-out;
	background-color: #fff !important;
	background: #fff !important;
	text-shadow: none !important;
	border: 2px solid #49a9d2 !important;
	border-radius: 1px !important;
	color: #49a9d2 !important;
	cursor: pointer !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: 2px !important;
	padding: 10px 20px !important;
	text-transform: uppercase !important;
	-webkit-font-smoothing: antialiased !important;
	white-space: normal !important;
	width: auto !important;
}

.mobile-theme button,
.mobile-theme.button,
.mobile-theme.woocommerce div.product form.cart .button,
.mobile-theme.woocommerce #respond input#submit, .mobile-theme.woocommerce a.button, .mobile-theme.woocommerce button.button, .mobile-theme.woocommerce input.button {
	max-width: 100%;
	height: auto;
		letter-spacing: 1px !important;
	margin-bottom: 20px !important;
		font-size: 12px !important;
		white-space: normal !important;
	border: 2px solid #49a9d2 !important;
	background-color: none !important;
		background: none !important;
	text-decoration: none;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.product_grid_display .wpsc_buy_button:hover, 
#content .product_grid_display .wpsc_buy_button:hover {
	background-color: #595a5c !important;
	border-color: #595a5c !important;
	color: #fff !important;
}


.button.blue {
	background-color: #49a9d2;
	color: #fff !important;
}

.button.blue:hover {
	background-color: #595a5c;
	border-color: #595a5c;
	color: #fff!important;
}

#checkout_page_container textarea, #checkout_page_container input, #content #checkout_page_container textarea, #content #checkout_page_container input {
    line-height: 0.4em !important;
}

.fright {
  max-width: 688px !important;
}

/*.page-id-753 .logo {
  background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/themes/theme1662/images/logoPage1.png');
}*/

.logo {
    padding: 20px 0 0 0px !important;
}

.product_grid_display div.grid_description p, #content .product_grid_display div.grid_description p {
  font-size: 1em !important;
}

#default_products_page_container .imagecol img, #list_view_products_page_container img, #grid_view_products_page_container img {
margin-top:0 !important;
}

.shopping-cart-wrapper .remove_button {
    background: transparent url("/thebearthinstitute/wp-content/themes/theme1662/wpsc-images/delete.png") no-repeat scroll 0 4px !important;
    border: none !important;
    padding: 6px 12px 8px !important
}


.featured-thumbnail {
    max-width: 50%;
}

.featured-thumbnail img {
    float: left;
    height: 200px;
    width: 200px;
}


.my-pdf {
  background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/uploads/2015/08/pdf-icon-sml.jpg');
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 40px;
  display: inline-block;
  background-size:36px 36px;
}

.my-audio {
  background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/uploads/2015/08/audio-icon-sml.jpg');
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 40px;
  display: inline-block;
  background-size:36px 36px;
}

.my-video {
  background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/uploads/2015/08/video-icon-sml.jpg');
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 40px;
  display: inline-block;
  background-size:36px 36px;
}

.my-jpeg {
  background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/uploads/2015/08/jpeg-icon-sml.jpg');
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 40px;
  display: inline-block;
  background-size:36px 36px;
}

a.my-pdf,
a.my-audio ,
a.my-video,
a.my-jpeg  {
  padding-left:50px;
  font-size: 14px;
  padding-top: 6px;
  font-weight: 700;
  color: #49a9d2;
  text-decoration: none;
  display: table;
}

a.my-pdf:hover,
a.my-audio:hover,
a.my-video:hover,
a.my-jpeg:hover {
  text-decoration: underline;
}

hr {
  background: #49a9d2;
  color: #49a9d2;
  padding: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  clear: both;
  text-align: center;
}

.mobile-theme li.comment .comment-body,
.mobile-theme .commentlist {
    display: none !important;
}

.page-id-682 #sidebar {
	display: none !important;
}

.mobile-theme #site-title a {
	color:rgba(255,255,255,0);
	background-image: url('https://earthschooling.info/thebearthinstitute/wp-content/uploads/2011/07/Bearthinstitute3.png');
	background-repeat:no-repeat;
	background-size:contain;
	padding: 0;
	font-size:4.6em;
}

.mobile-theme #branding {
		background: #4babd3;
	  padding:0;
		height:80px;
}

.listing-item .title {
	font-size:18px;
	color: #4885a3;
	font-family:PT Sans Narrow;
	text-transform:uppercase;
  margin-right: 20px;
}

.listing-item {
	margin-bottom: 50px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.category-display {
	margin-right: 20px;
}

.wp-post-image {
	float: left;
	padding-right: 20px;
}

#sidebar .wp-caption-text {
	  display: none !important;
}

li.logout-hide {
    display:none;
}

body.logged-in li.logout-hide {
    display:block;
}

input {
  height:38px;
}

input[type="text"], textarea {
    padding: 0;
}

.container_16 .grid_5 input[type="text"] {
	width: 95%;
}

.container_16 .grid_5 .wp-post-image {
	max-width:80px;
	max-height:80px;
}

/*Woocommerce*/

.woocommerce div.product,
.woocommerce-page ul.products {
    float: left;
    margin-bottom: 0;
    max-width: 72%;
    position: relative;
	  border-right: 1px solid #ddd;
	  padding-right: 32px;
}

.woocommerce-page .related ul.products {
	max-width: 100%;
  border-right: none;
}

.woocommerce .products ul, .woocommerce ul.products, .woocommerce ul.products {
	  width: 100%;
}

.mobile-theme.woocommerce div.product,
.mobile-theme.woocommerce-page ul.products {
    float: none;
    margin-bottom: 0;
    max-width: none !important;
    position: relative;
	  padding-right:0px !important;
	  border-right:0px !important;
}

.woocommerce .container_16 .grid_5 {
    text-align: left;
    width: 22%;
	  float: right;
		margin-right: 0px;
}

.woocommerce .container_16 .grid_5 h2 {
    line-height:1.4em;
	
}

.mobile-theme .woocommerce .container_16 .grid_5 {
    text-align: center;
    width: 100% !important;
	  float: none;
}



.mobile-theme .lwa-username input,
.mobile-theme .lwa-password input {
	margin-left: -80px;
}

#woocommerce_widget_cart-3 .wc-forward.button {
	padding: 10px 16px !important;
	margin-right: 6px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 16px !important;
	  color: #2D7294 !important;
	  font-weight:700 !important;
	  line-height:1.5 !important;
}

.woocommerce div.product .woocommerce-tabs .panel {
    border-bottom: 1px solid #ccc;
}

/*.woocommerce ul.products li.product .onsale, .woocommerce span.onsale {
	display: none !important;
}*/

.woocommerce ul.products li.product .price {
  font-size:1.1em !important;
}

.woocommerce span.onsale {
    min-height: 4.6em !important;
    min-width: 4.6em !important;
	  width: 4.6em !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    padding-top: 2px !important;
	  color: #77a464;
}

.woocommerce span.onsale::after {
	content: "Package Discount";
	color: #fff;
	white-space: normal !important;
  margin-left: -44px !important;
}

.mobile-theme span.onsale {
    padding-top: 15px !important;
	    min-height: 3.6em !important;
}

.mobile-theme span.onsale::after {
	margin-left: -24px !important;
}


mark {
	  background: none !important;
	  font-weight: 400 !important;
}

.logged-out #wpadminbar { display:none; }

.logged-out html {
    margin-top: 0px !important;
}

.lwa-links-remember {
	display: none !important;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li {
    padding: 2px 10px;
    margin: 0 2px 10px;
    background-color: #fff;
	border: 2px solid #49a9d2;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a {
	color: #49a9d2;
	font-weight:700;
}

#affwp-affiliate-dashboard #affwp-affiliate-dashboard-tabs li a:hover {
	color: #595a5c;
}

.widget_shopping_cart_content img {
	max-width:100px;
	max-height:100px;
	margin-right:100px;
}

