* {box-sizing:border-box;}
body {margin:0; font-family:'Source Sans Pro'; color:#727272; font-size:1em}
/*
GENERICS
-----------------------------------*/
a {text-decoration:none; color:#1b74b0;}
.margin{margin-bottom:12px;}
.margin-right{margin-right:10px;}
.margin-left{margin-left:10px;}
.table{display:table}
.center-table{display:table; margin-left:auto; margin-right:auto;}
.cell{display:table-cell; vertical-align:top}
div.inline {display:inline}
.hidden{display:none}
.red{color:red}
.full{width:100%}
.half{width:50%;}
.third{width:33%;}
.pad-left{padding-left:10px;}
.padded {padding:15px;}
h1, h2, h3 {font-family:georgia,'Times New Roman', serif; font-weight:bold; color:#3d91c9;}
b {font-weight:600;}
.center {text-align:center;}
.bigger{font-size:120%;}

/*
CONTENT
------------------------------------*/
img.header {width:80%; display:block; margin-left:auto;margin-right:auto; margin-bottom:10px;}
.container {
	width:90%;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}
.side-cell {
	display:table-cell;
	width:33%;
	padding-right:20px;
}
.menu {
	display:block;
	width:90%;
	border-bottom:dotted 2px #CCC;
	text-align:center;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
}
.footer {
	text-align:center;
	padding-bottom:20px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	border-top:dotted 2px #CCC;
}

/*
MAIL CONTACT FORM
------------------------------------*/
#site-mail textarea {
    width: 100%;
    padding: 10px;
    height: 200px;
    font-size: 120%;
    color: #000;
    font-family:'Source Sans Pro';
    background:#ececec;
}
#site-mail textarea:focus {
	border:solid 1px #eb7c17;
	background:#FFF;
}

#site-mail input[type='text'] {
	padding:5px;
	width:100%;
	font-size:100%;
	font-family:'Source Sans Pro';
	background:#ececec;
	border:solid 1px transparent;
	margin-top:3px;
	margin-bottom:3px;
}
#site-mail input[type='text']:focus {
	background:#FFF;
	border:solid 1px #eb7c17;	
}

.captcha {
	display:table;
	border:solid 2px #ececec;
	background:#a7b2b9;
	padding:5px;
}

.captcha-request {
	margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	background:#a7b2b9;
	border-radius:4px;
	display:table;
}

input.captcha-word[type='text'] {
	padding:5px;
	font-size:160%;
	font-family:georgia, 'Times New Roman', serif;
	background:#a7b2b9;
	color:#ececec;
	border:solid 3px #FFF;
	margin-top:5px;
	text-align:center;
}
/*
ABOUT
-----------------------------------*/
.caption {background:#ececec; padding:5px; text-align:center; font-size:90%;}
.story {
	width:100%;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:dotted 2px #CCC;
}
.story-images {
	display:flex;
}
/*
CART
------------------------------------*/
.sq-payment-form {
	border:solid 2px #3d91c9;
	border-radius:5px;
}
.order {
	display:flex;
	fle-direction:row;
	width:100%;
}
#order {width:30%;}
.order-container {
	border:solid 2px #3d91c9;
	margin-right:10px;
}

.order-header {
	text-align:center;
	background:#3d91c9;
	padding:6px;
	font-family:georgia, 'Times New Roman', serif;
	color:#FFF;
	font-weight:bold;
}

.cart {
	padding:10px;
	border:solid 2px #CCC;
}
.order-qty, .basic {
	padding:10px;
	border:solid 2px #3d91c9;
}
.cart-div {
	margin-top:10px;
	margin-bottom:10px;
	border-top:solid 1px #CCC;
}
input.qty[type="text"] {
	font-size:200%;
	border-radius:4px;
	padding:5px;
	text-align:center;
	border:solid 2px 
	display:inline;
	width:60px;
	background:#FFF;
	margin-left:10px;
}

.cart input[type="text"], select {
	border:solid 1px transparent;
	padding:3px;
	margin-top:3px;
	border-radius:3px;
	background:#ececec;
}
.cart input[type="text"]:focus {
	border:solid 1px #eb7c17;
	background:#FFF;
}
.cart select {
	width:30%;
}
input.inline-half[type="text"] {
	display:inline;
	width:48%;
	margin-right:5px;
}
input.inline-third[type="text"] {
	display:inline;
	width:30%;
	margin-right:5px;
}
.qty {
	display:flex;
	background:#FEF59A;
	border:solid 1px #CCAFCE;
	justify-content:space-around;
	align-items:center;
	padding:10px;
}

a.next, div.next {
		display:table;
		padding:5px;
		background:#3d91c9;
		font-family:georgia, 'Times New Roman', serif;
		font-size:200%;
		font-weight:bold;
		border-radius:4px;
		color:#FFF;
	}
a.next:hover, div.next { background:#CCAFCE; text-decoration:none; color:#FFF; }

div.next {cursor:pointer;}

.attention {
	background:#cae7fa;
	padding:10px;
	border-radius:10px;
	display:table;
}

.blinker {
  animation: blinker 1s linear infinite;
  font-size:150%;
  font-family:georgia, 'Times New Roman', serif;
  font-weight:bold;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.left {text-align:left}
.left-table {display:table; margin-right:auto;}


/*
MOBILE
----------------------------------------*/
.mobile-nav {display:none}
a.privacy {display:none}

@media (max-width: 699px) {
	.order {display:flex; flex-direction:column-reverse;}
	.cell {display:block; margin-left:auto; margin-right:auto;}
	div.inline{display:block;}
	#order {width:100%;}
	input.inline-third[type="text"], input.inline-third[type="number"] {
		display:block;
		width:100%;
		margin-right:0;
	}
	input.inline-half[type="text"], input.inline-third[type="number"] {
		display:block;
		width:100%;
		margin-right:0;
	}
	.left{text-align:center}
	.left-table {display:table; margin-left:auto; margin-right:auto}
	.pad-left{padding-left:0}
	.margin-right{margin-right:0}
	.cart input[type="text"], input[type="number"] {
		font-size:120%;
		background:#ececec;
		margin-top:3px;
	}
	.cart input[type="number"]:focus {
		border:solid 1px #eb7c17;
		background:#FFF;
	}
	.cart select {
		width:100%;
	}
	input.qty[type="number"] {
	font-size:200%;
	border-radius:4px;
	padding:5px;
	text-align:center;
	border:solid 2px 
	display:inline;
	width:60px;
	background:#FFF;
	margin-left:10px;
	}
	.mobile-nav {
		display:table;
		float:right;
		margin-top:10px;
		margin-right:10px;
	}

	a.mobile-open {
		display:table;
		background:#000;
		font-size:150%;
		padding:5px;
	}

	a.mobile-open i  {
		color:#FFF;
	}

	.menu {
		display:none;
		width:90%;
		border:solid 2px #CCC;
		text-align:center;
		font-size:120%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0;
		padding-bottom:0;
	}
	.menu a {
		display:block;
		border-bottom:solid 1px #ececec;
		margin-bottom:5px;
		padding-bottom:5px;
	}
	a.privacy {display:block;}

	.menu-bar, .footer, .side-cell {display:none}

	.basic, .half, .third {
		width:100%;
	}

}