@charset "utf-8";

body
{
	margin:0;
	

	font-family: 'Libre Baskerville', serif;
}

p
{
	font-size:12pt;
	font-family: 'Droid Serif', serif;
}

.center-er
{
	text-align:center;
}

.fixedwidth-body
{
	width:1000pt;
	margin-left:auto;
	margin-right:auto;
}

.hide-on-medium{display:inline;}
.hide-on-small{display:inline;}

@media (max-width: 999pt) {
.fixedwidth-body
{
	width:616pt;
	margin-left:auto;
	margin-right:auto;
}

.hide-on-medium{display:none !important;}
.hide-on-small{display:inline;}
}
@media (max-width: 616pt) {
.fixedwidth-body
{
	width:369pt;
	margin-left:auto;
	margin-right:auto;
}
.hide-on-medium{display:none !important;}
.hide-on-small{display:none !important;}
}

@media (max-width: 368pt) {
.fixedwidth-body
{
	width:275pt;
	margin-left:auto;
	margin-right:auto;
}
}


/****************************** /
/            NAVBAR             /
/*******************************/



#navbar
{
	display: inline-block;
	text-align:center;
	color: #000000;
	overflow:hidden;
	
	box-shadow: 0px 0px 2px #888888;
	background:#ffffff;
	width:100%;
	padding-bottom:8pt;
	padding-top:8pt;
	
	
	
	
}

.wrapping-preventer
{
	display: inline-block;
	white-space: nowrap;
}
@media (max-width: 616pt) {
.wrapping-preventer
{
	white-space: normal;
}
}

#contact{
	color:#a0a0a0;
	float:right;
	margin-bottom:-24pt;
	font-size:12pt;
	margin-right:8pt;
}

.contactlink{
	color:#a0a0a0;
}

/*-- Company Name and Slogan --*/


#logo
{
	height:50pt;
	width:auto;
	display:inline;
	vertical-align: top;
	

	padding-top:8pt;
	padding-right:8pt;
	padding-bottom:4pt;
}

/*-- Buttons --*/
.button
{
	display: inline-block;
	margin:2pt;

	margin-top:13pt;
	padding:8pt;
	
	padding-top:8pt;
	padding-bottom:8pt;
	
	text-align:center  ;
	
	font-size:12pt;
	
	text-decoration:none;
	color:#000000;
	

	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
}

#shop_button
{
	width:80pt;
	background:#f9f9f9;
	color:#3f45a8;
    border-radius: 25px;
    border: 1px solid #3f45a8;
    padding: 10px;
}

#blog_button
{
	width:104pt;
	background:#68A9B7;
}

#cart_button
{
	width:80pt;
	background:#f9f9f9;
	color:#3f45a8;
    border-radius: 25px;
    border: 1px solid #3f45a8;
    padding: 10px;
}


.navbar2 {
  overflow: hidden;
  background-color: #333;
}

.navbar2 a {
  display: inline-block;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  display: inline-block;
}

.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar2 a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}


@media (max-width: 552pt) {

.button{

	margin-top:4pt;

}

}


.scale-with-header{
	width:510pt;
	margin-right:auto;
	margin-left:auto;
}
@media (max-width: 552pt) {
.scale-with-header {
			 width:359pt;

			 }

}
@media (max-width: 348pt) {
.scale-with-header {
			 width:100%;}}

/****************************** /
/           FEATURED            /
/*******************************/
.featurebox-left
{
	height:388pt;position:relative;
	
	display:inline-block;
	width:40%;
	margin-left:40pt;
	margin-top:8pt;
	box-shadow:  0px 0px 2px #c0c0c0;
	background:#F6F8F9;
	
	padding-top:15pt;
	padding-left:15pt;
	padding-right:32pt;
	
	border: 1px #c0c0c0;
    border-radius: 4px;
	
	
	
}
.featurebox-right
{
	height:388pt;position:relative;
	
	display:inline-block;
	width:40%;
	margin-right:53pt; 
	margin-top:8pt;
	box-shadow:  0px 0px 2px #c0c0c0;
	background:#F6F8F9;
	
	padding-top:15pt;
	padding-left:15pt;
	padding-right:32pt;
	
	border: 1px #c0c0c0;
    border-radius: 4px;
	
}

.featurepic
{
	width:100%;
	padding:0pt;
	margin:8pt;
	box-shadow:  0px 0px 2px #c0c0c0;
}

.featureheader
{
	font-size:20pt;
	text-align:center;
	display:inline-block;
	/*background:#ff00ff;*/
	width:100%;
	
	border-top: solid 1pt #c0c0c0;
	border-bottom: solid 1pt #c0c0c0;
	margin-top:0pt;
	margin-bottom:3pt;
	margin-left:8pt;
	margin-right:8pt;
	
	color:#000000;
}

.featureparagraph
{
	text-align:left;
	margin-top:0pt;
	margin-left:8pt;
	margin-right:8pt;
	width:404pt;
	
	font-size:12pt;
	
	font-family: 'Droid Serif', serif;
}

.featurelink{
	position:absolute;
	bottom:8pt;
}

@media (max-width: 999pt) {
.featurebox-left
{
	width:491pt;
	height:436pt;
	text-align:center;
}

.featurepic
{
	float:none;
}

}


/****************************** /
/        PRODUCT TILES          / #00FF72 #00FFA9
/*******************************/

#tilesbox
{
	display: flex;
	flex-flow: row wrap;
	text-align: left;
	padding-left:32pt;
}

#leftsidetiles
{
	display:inline-block;
	float:left;
}

.tile
{
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items:center;
	margin: 6pt;
	padding:6pt;
	
	width:150pt;
	height:170pt;
	text-align:center;
	font-weight:normal;
	text-decoration:none;
	color:#666666;
	
	font-size: 12pt;
	box-shadow: 0px 0px 2px #c0c0c0;
	
	border: 1px #c0c0c0;
    border-radius: 20px;
}

.tile br {
	flex: 1 0 auto;
}

.tile:hover
{
	color:#404040;
	
	box-shadow: 0px 0px 2px #909090;
	border: 1px #a0a0a0;
}

.tile-image
{
}

@media (max-width: 616pt) {
.tile
{
	margin: 7pt;
	width:75pt;
	font-size: 8pt;
	height:108pt;
	
	overflow:hidden;
	font-family: Arial Narrow,Arial,sans-serifArial Narrow,Arial,sans-serif;
}
.tile-image
{
	width:75pt;
	height:75pt;
	
}

#leftsidetiles
{
	width:100pt;
	margin-left:0pt;
	margin-right:8pt;
}

#tilesbox
{
	display: inline-block;
	text-align: left;
	padding-left:0pt;
}

}

/****************************** /
/         PRODUCT PAGE          /
/*******************************/

.productpage-padding{
	padding-top:32pt;
}

.product_image{
	width: 100%;
	display:inline-block;
	margin-bottom:8pt;
	box-shadow:  0px 0px 2px #c0c0c0;
}


#buy_button{
	padding-bottom:4pt;
	padding-top:4pt;
	padding-left:4pt;
	padding-right:4pt;
	
	background:#526196;
	color:#e0e0e0;
	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	font-size:16pt;
}

#buy_button_error{
	padding-bottom:4pt;
	padding-top:4pt;
	padding-left:4pt;
	padding-right:4pt;
	
	background: #BEAD8C;
	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	font-size:16pt;
}

#number_of_this_product_in_cart_box{
	font-size:16pt;
	font-weight:bold;
	padding-left:4pt;
}

.buttonpart{
	text-decoration:none;
	color:#e0e0e0;
	padding-bottom:0pt;
	padding-top:0pt;
	padding-left:0pt;
	padding-right:0pt;
	
	padding-bottom:11pt;
	padding-top:11pt;
	padding-left:4pt;
	padding-right:4pt;
}

.buy_button_flashing{
	animation-duration: 0.5s;
	animation-name: buy-button-flash;
	animation-iteration-count: infinite;
}

@keyframes buy-button-flash {
  from {
    background: #7485BC;
  }

  to {
    background: #526196;
  }
}

.cart_button_flashing{
	animation-duration: 1.0s;
	animation-name: cart-button-flash;
	animation-iteration-count: infinite;
}

@keyframes cart-button-flash {
  from {
    background: #7485BC;
  }

  to {
    background: #526196;
  }
}

#buy_quantity{
	padding: 0pt;
	margin-top:-0pt;
	position:relative;
	top:-0pt;
	
	font-size:16pt;
	font-weight:bold;
	background: #ffffff;
}

.product_scent{
	display:inline-block;
	float:left;
	/*background: #D0FFB5;*/
	padding:2pt;
	
	margin-right:2pt;
	margin-top:0pt;
	
	color:#a0a0a0;
	text-decoration:none;
	
	/*background:#dfdfef;*/
	border: solid 1px #c0c0c0;
	border-radius: 2px;
}

.product_feature{
	display:inline-block;
	float:right;
	/*background: #B5FFFF;*/
	padding:2pt;

	margin-right:2pt;
	margin-top:0pt;
	
	color:#a0a0a0;
	text-decoration:none;
	
	/*background:#dfdfef;*/
	border: solid 1px #c0c0c0;
	border-radius: 2px;
	
}


.product-column{
	padding:8pt;
}

.product-databox{
	padding:8pt;
	margin-bottom:12pt;
	background-image: url(fabric_of_squares_gray.png);
	box-shadow: 0px 0px 2px #c0c0c0;
}

.product-title{
	font-size:20pt;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	/*background:#ff00ff;*/
	width:100%;
	
	border-top: solid 1pt #c0c0c0;
	border-bottom: solid 1pt #c0c0c0;
	margin-top:0pt;
	margin-bottom:3pt;
	
	color:#000000;
}

/****************************** /
/           CART PAGE           /
/*******************************/
/*All names use _ for ease of javascript control*/

.cart_container{
	text-align:center;
}
#cart_header{
	text-align:center;
	margin-top:32pt;
	margin-bottom:0pt;
}
#cart_message{
	text-align:center;
	display:block;
	margin-top:220pt;
	margin-bottom:-220pt;
}

.cart_tile{
	display: inline-block;
	margin: 8pt;
	padding:8pt;
	
	min-width:150pt;
	min-height:170pt;
	
	text-align:center;

	box-shadow: 0px 0px 2px #c0c0c0;
	background:#ffffff;
	border: 1px #c0c0c0;
    border-radius: 2px;
	

}

.cart_tile_image{
	width:134pt;
	display:inline-block;
}

.cart_tile_info_and_control_box{
	display:inline-block;
	position:relative;
}

.cart_tile_title{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	font-size: 12pt;
}

.cart_tile_buy_quantity{
	padding:2pt;font-size:10pt
}

.cart_tile_remove_button{
	position:absolute;
	right:0pt;
	margin-top:2pt;

	text-decoration:underline;
	cursor:pointer;
	font-size: 10pt;
	color:#ff7070;
}

.cart_tile_price{
	position:absolute;
	left:0pt;
	margin-top:2pt;

	font-size: 10pt;
	color:#4040ff;
}

#checkout_button{
	padding-bottom:8pt;
	padding-top:8pt;
	padding-left:8pt;
	padding-right:8pt;
	
	margin-bottom:8pt;
	
	background:#526196;
	color:#e0e0e0;
	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	font-size:16pt;
}

#keepshopping_button{
	padding-bottom:8pt;
	padding-top:8pt;
	padding-left:25pt;
	padding-right:25pt;
	
	margin-bottom:-4pt;
	margin-top:8pt;
	
	background:#BEAD8C;
	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	font-size:16pt;
}

.smalltext{
	font-size:10pt;
}



/****************************** /
/        CHECKOUT PAGE          /
/*******************************/

.checkout_box{
	display: inline-block;
	margin: 8pt;
	padding:4pt;
	padding-left:80pt;
	padding-right:80pt;
	
	width:320pt;
	
	text-align:left;

	box-shadow: 0px 0px 2px #c0c0c0;
	background:#ffffff;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	
}

.checkout_h1{
	text-align:center;
	margin-bottom:0pt;
}

#stripe_checkout_button{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:240pt;
	text-align:center;
	
	padding:8pt;
	margin-bottom:8pt;
	
	background:#526196;
	
	box-shadow: 1px 1px 2px #333333;
	border: 1px #c0c0c0;
    border-radius: 2px;
	
	font-size:16pt;
	text-decoration:none;
	color:#e0e0e0;
	
	cursor:pointer;
}

.shippingnote{
	display:block;
	text-align:center;
	font-size:10pt; 
}

.checkout_status_noerror{
	display:block;
	text-align:center;
}

.checkout_status_error{
	display:block;
	text-align:center;
	color:#ff0000;
}

.checkout_textinput{
	width:100%;
}

.checkout_td{
	text-align:center;padding:4pt;padding-bottom:0pt;padding-top:0pt;
}

.checkout_bow{
	display:block;
	width:300pt;
	height:300pt;
	margin-left: auto;
    margin-right: auto;
}

table{
	width:100%;
}

textarea{
	width:100%;
	height:48pt;
}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}