/* For mobile phones: */
[class*="col-"] { width: 100%; }
@media only screen and (min-width: 600px) {
	/* For tablets: */
	.col-m-1 { width: 8.33%; }
	.col-m-2 { width: 16.66%; }
	.col-m-3 { width: 25%; }
	.col-m-4 { width: 33.33%; }
	.col-m-5 { width: 41.66%; }
	.col-m-6 { width: 50%; }
	.col-m-7 { width: 58.33%; }
	.col-m-8 { width: 66.66%; }
	.col-m-9 { width: 75%; }
	.col-m-10 { width: 83.33%; }
	.col-m-11 { width: 91.66%; }
	.col-m-12 { width: 100%; }
}
@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 { width: 8.33%; }
	.col-2 { width: 16.66%; }
	.col-3 { width: 25%; }
	.col-4 { width: 33.33%; }
	.col-5 { width: 41.66%; }
	.col-6 { width: 50%; }
	.col-7 { width: 58.33%; }
	.col-8 { width: 66.66%; }
	.col-9 { width: 75%; }
	.col-10 { width: 83.33%; }
	.col-11 { width: 91.66%; }
	.col-12 { width: 100%; }
}
#order_total>[class*="col-"] { float: left; /* padding: 15px; */ /*border: 1px solid red;*/ }
.row::after { content: ""; clear: both; display: table; }
.greenbox { background-color: #E3EFD8; padding: 0.5em 1em 0.5em 1em; margin-top: 2em; }
.right { text-align: right; }
.nopadding { padding: 0; }
.bottomborder { border-bottom: 1px solid black; }
.greybg { background-color: rgb(242, 242, 242); padding: 15px 25px; }

/*will hopefully make limelight forms look nicer... they're pretty ugly right now*/
input[type=text] {
	padding: .5em;
	font-size: 16px;
	font-family: "Lato", Helvetica sans-serif;
	width: 100%;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 1px;
	margin-bottom: .5em;
}
#opt_in_form table {
	width: 100% !important;
	max-width: 100% !important;
}
#opt_in_form table td {
	width: 100% !important;
}
#fields_expmonth {
	width: 48% !important;
}
#fields_expyear {
	width: 48% !important;
}
#opt_in_form select {
	width: 100%;
	padding: .5em;
	font-size: 16px;
	font-family: "Lato", Helvetica sans-serif;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.05) !important;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 1px;
	margin-bottom: .5em;
	cursor: pointer;
}
.select-outer {
	width: 100% !important;
}
#billing_state_outer {
	width: 100% !important;
}
#btn_submit_form {
	background-color: rgb(19,199,14);
	color: white; 
	font-weight: bold;
	font-size: 24px;
	font-family: "Lato", Helvetica sans-serif;
	cursor: pointer; 
	border: none; 
	border-radius: 4px; 
	text-decoration: none;
	width: 100%;
	padding: .5em;
}
#btn_submit_form:hover {
	background-color: #0FA10B;
}
#shipping, #shipping_price, #total_amount {
	display: none;
}
.form_directions {
	font-size: 24px;
}
.recommendations {
	font-size: 18px;
}
.product_description td {
	background-color: rgb(210,238,207);
	padding: 5px;
}
table {
	border-collapse: collapse;
}
#upsell_product {
	cursor: pointer;
}
#order_total {
	box-sizing: border-box;
/* 	width: 100%; */
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #bbcfde;
	padding: 15px;
	border-radius: 5px;
}
#opt_in_form { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }