/*
	Theme Name: Milkjam Creamery
	Description: Child theme of Genesis, by <a href="http://www.whiteleydesigns.com">Whiteley Designs</a>.
	Author: Matt Whiteley
	Author URI: http://whiteleydesigns.com

	Template: genesis
*/

/*********************
[ TABLE OF CONTENTS ]

1.0  Universal
     1.1 Typography
     1.2 Headings
     1.3 Main Content Containers
     1.4 Comments
     1.5 Color Control
     1.6 Gravity Forms
2.0  Header
3.0  Footer
     3.1 Snapchat Lightbox
4.0  Navigation
     4.1 Second Level Navigation
5.0  Home Page
     5.1 Slideshow
6.0  Menu
7.0  Other Pages
     7.1 Location / Contact
8.0  Flavors
9.0  Shop
     9.1 Woocommerce
     9.2 Gift Cards
10.0 Cake Order Form

20.0 Responsive
     20.1 1180px
     20.2 1000px
     20.3 850px
     20.4 700px

********************/
/* ========== 1.0 UNIVERSAL ========== */
/* ---------- 1.1 Typography ---------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
select,
textarea,
input {
	color: #3e1b00;
	font-family: 'Dosis', Arial, Helvetica, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
li,
ol,
ul {
	margin: 0;
	padding: 0;
}
.site-inner ul,
.site-inner ol {
	margin-bottom: 15px;
	padding-left: 40px;
}
a,
a:visited {
	color: #d71920;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
input,
textarea {
     -webkit-appearance: none;
     -webkit-border-radius: 0;
}
input[type=radio] {
     -webkit-appearance: radio;
}
input[type=checkbox] {
     -webkit-appearance: checkbox;
}
img.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}
img.alignright {
	float: right;
	padding: 0 0 15px 15px;
}
img.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/* ---------- 1.2 Headings ---------- */
h1,
h2,
h3,
h4,
h5 {
     color: #202526;
     font-family: 'Dosis', sans-serif;
     font-weight: 400;
     line-height: 1.2;
     margin: 0;
     margin-bottom: 16px;
     padding: 0;
}
h1 {
     font-size: 30px;
}
h1.page-header {
     float: left;
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-size: 40px;
     border-bottom: 1px solid #3e1b00;
     padding-bottom: 20px;
     line-height: 50px;
     margin-bottom: 30px;
     font-weight: 500;
}
h2 {
     color: #d71920;
     font-weight: 600;
     text-transform: uppercase;
     font-size: 38px;
     line-height: 40px;
}
h3 {
     font-size: 18px;
}
h4 {
     font-size: 16px;
}
h5 {
     font-size: 14px;
}
/* ---------- 1.3 Content Containers ---------- */
.full-width,
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.5%;
}
.full-width {
	width: 100%;
	margin-left: 0;
}
 .one-half,
.three-sixths,
.two-fourths {
	width: 49.25%;
}
 .one-third,
.two-sixths {
	width: 32.333333333333%;
}
.four-sixths,
.two-thirds {
	width: 66.166666666667%;
}
.one-fourth {
	width: 23.875%;
}
.three-fourths {
	width: 74.625%;
}
.one-fifth {
	width: 18.8%;
}
.two-fifths {
	width: 39.1%;
}
.three-fifths {
	width: 59.4%;
}
.four-fifths {
	width: 79.7%;
}
.one-sixth {
	width: 15.416666666667%;
}
.five-sixths {
	width: 83.083333333333%;
}
.first {
	clear: both;
	margin-left: 0;
}
.wrap,
.site-inner .page-interior {
     width: 100%;
     margin: 0 auto;
     max-width: 1180px;
}
body,
.site-container {
     float: left;
     width: 100%;
     max-width: 100%;
     overflow-x: hidden;
}
.site-inner,
.site-inner .page-interor .interior-wrap {
     float: left;
     width: 100%;
}
.site-inner .page-interior {
     padding: 0 40px;
}
.page-content {
     float: left;
     width: 100%;
     padding: 0 25px;
}
.home .page-content,
.home .site-inner .page-interior {
     padding: 0;
}
.page-content p {
	   font-size: 18px;
	   line-height: 26px;
	   margin-bottom: 20px;
	   color: #3e1b00;
	   font-weight: 700;
	   text-transform: uppercase;
}
img.left-page-template-image {
     padding-right: 25px;
}
.align-left {
     text-align: left;
}
.align-right {
     text-align: right;
}
.align-center {
     text-align: center;
}
/* ---------- 1.4 Comments ---------- */
.entry-comments {
     float: left;
     width: 100%;
     border-top: 1px solid #ddd;
     padding-top: 25px;
}
.entry-comments h3,
#respond h3 {
     font-style: italic;
     font-size: 28px;
     line-height: 28px;
     margin-bottom: 6px;
}
.blog ol.comment-list {
     float: left;
     list-style-type: none;
     width: 100%;
     border: 1px solid #eee;
     padding: 20px;
}
.blog ol.comment-list li {
     float: left;
     width: 100%;
     border: 1px solid #eee;
     padding-bottom: 20px;
     background-color: rgba(0,0,0,0.025);
}
.blog ol.comment-list li header {
     float: left;
     width: 100%;
     position: relative;
     padding: 5px 0 0 60px;
     height: 48px;
     background-color: rgba(0,0,0,0.025);
}
.blog ol.comment-list li header img {
     position: absolute;
     top: 0;
     left: 0;
}
.blog ol.comment-list li header p.comment-author {
     float: left;
     margin-right: 5px;
}
.blog ol.comment-list .comment-content,
.blog ol.comment-list .comment-reply {
     float: left;
     width: 100%;
     padding: 10px;
}
.blog ol.comment-list li ul.children {
     list-style-type: none;
     padding: 20px;
     margin: 0;
}
a.comment-time-link {
     display: none;
}
#respond,
#respond form#commentform {
     float: left;
     width: 100%;
     margin-top: 15px;
}
#respond p.logged-in-as,
#respond p.comment-form-comment {
     float: left;
     width: 100%;
     margin-bottom: 10px;
}
#respond p.comment-form-comment label {
     float: left;
     width: 100%;
     font-size: 18px;
}
#respond p.comment-notes {
     float: left;
     width: 100%;
     margin-bottom: 10px;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
#respond p.comment-form-comment {
     float: left;
     width: 100%;
     margin-bottom: 7px;
}
#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label {
     float: left;
     width: 8%;
     margin-right: 10px;
}
#respond p.comment-form-author input,
#respond p.comment-form-email input,
#respond p.comment-form-url input,
#respond p.comment-form-comment textarea {
     border: none;
     height: 35px;
     padding: 5px;
     width: 100%;
     background-color: whitesmoke;
}
#respond p.comment-form-comment textarea {
     height: 150px;
     padding: 10px;
}
#respond input.submit {
     float: left;
     padding: 5px 20px;
     border: none;
}
#respond input.submit:hover {
     cursor: pointer;
}
/* ---------- 1.5 Color Control ---------- */
.red-color {
     color: #d71920;
}
.red-background {
     background-color: #d71920;
}
.brown-color {
     color: #3e1b00;
}
.brown-background {
     background-color: #3e1b00;
}
.border-top {
     border-top: 1px solid #3e1b00;
}
.border-right {
     border-right: 1px solid #3e1b00;
}
.border-left {
     border-left: 1px solid #3e1b00;
}
.border-bottom {
     border-bottom: 1px solid #3e1b00;
}
/* ---------- 1.6 Gravity Forms ---------- */
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper input[type="tel"],
div.gform_wrapper input[type="url"],
div.gform_wrapper textarea,
div.gform_wrapper select,
div.gform_wrapper .ginput_complex label {
     font-size: 20px;
     padding: 15px;
     width: 100%;
     border: 1px solid #ccc;
}
div.gform_wrapper .validation_error,
.gform_confirmation_message {
     font-size: 25px;
     max-width: 700px;
     text-align: center;
     margin: 0 auto 25px auto;
     color: #d71920;
     line-height: 30px;
}
div.gform_wrapper select {
	height: 54px;
}
div.gform_wrapper textarea.medium {
	height: 200px;
}
div.gform_wrapper label.gfield_label {
     color: #3e1b00;
     font-size: 24px;
     font-weight: 400;
     float: left;
     width: 25%;
     text-transform: uppercase;
     text-align: left;
     line-height: 54px;
}
div.gform_wrapper li .ginput_container {
     float: left;
     width: 75%;
}
div.gform_wrapper .ginput_complex label {
	color: #3b4445;
	font-size: 18px;
	padding: 0;
	font-style: italic;
	display: none;
}
div.gform_wrapper .gfield_required {
	color: #660000;
	font-weight: 400;
}
div.gform_wrapper .gfield_error input,
div.gform_wrapper .gfield_error .gfield_select {
	border: 2px solid #d71920;
}
div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 30px 0;
	list-style: none;
}
div.gform_wrapper form li .validation_message {
	display: none;
}
div.gform_wrapper .gf_clear {
	clear: both;
}
div.gform_wrapper .ginput_left,
div.gform_wrapper .left-side,
div.gform_wrapper span.name_first {
	float: left;
	width: 48%;
	clear: left !important;
}
div.gform_wrapper .ginput_right,
div.gform_wrapper .right-side,
div.gform_wrapper span.name_last {
	float: right;
	width: 48%;
	clear: right !important;
}
.gform_wrapper ul li.gfield {
	clear: both;
	overflow: auto;
}
div.gform_wrapper .gform_validation_container,
div.gform_wrapper .gfield.hide_field {
	display: none;
}
div.gform_wrapper .gform_footer {
	text-align: center;
}
div.gform_wrapper .gform_footer .gform_button {
     padding: 10px 15px;
     background-color: #d71920;
     border: none;
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;
     float: right;
}
div.gform_wrapper .gform_footer .gform_button:hover {
     cursor: pointer;
     background-color: #3e1b00;
}
.thanks {
	max-width: 750px;
	margin: 0 auto;
	font-size: 24px;
	background: #fff;
	padding: 30px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05);
}
.thanks p {
	margin: 0 0 28px 0;
}
#gform_1 {
     float: left;
     width: 80%;
     margin: 20px 10% 0;
}
/* ========== 2.0 HEADER ========== */
.site-header {
     float: left;
     width: 100%;
     position: relative;
}
.header-logo-wrap {
     float: left;
     width: 23%;
     text-align: center;
     margin: 20px 0;
}
i.fa.mobile-menu-toggle {
     display: none;
}
/* ========== 3.0 FOOTER ========== */
.site-footer {
     float: left;
     width: 100%;
     position: relative;
     padding: 25px;
}
.site-footer .wrap {
     border-top: 1px solid #3e1b00;
     position: relative;
     max-width: 1180px;
}
.footer-hours {
     float: left;
     padding: 25px;
}
.footer-hours p {
     font-weight: 700;
     color: #3e1b00;
     font-size: 16px;
     line-height: 26px;
}
.footer-address {
     float: right;
     padding: 25px;
     position: relative;
}
.footer-address p,
.footer-address a {
     text-align: right;
     font-weight: 700;
     color: #3e1b00;
     font-size: 16px;
     line-height: 26px;
}
.footer-address a:hover {
     text-decoration: none;
}
.footer-social {
     position: absolute;
     top: 43px;
     width: 100%;
     text-align: center;
}
.footer-social img.footer-social-icon {
     display: inline-block;
     margin: 0 7px;
		 width: 40px;
		 height: 40px;
}
.footer-copy {
     float: left;
     width: 100%;
     text-align: center;
     font-weight: 600;
     font-size: 14px;
     text-transform: uppercase;
}
/* ---------- 3.1 Snapchat Lightbox --------- */
.snapchat-popup {
     position: fixed;
     top: 50%;
     left: 50%;
     width: 500px;
     height: 500px;
     margin-left: -250px;
     margin-top: -250px;
     z-index: 10000;
     background-color: #fff;
     padding: 50px;
     border-radius: 3px;
     box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.snapchat-popup i.fa.fa-times {
     position: absolute;
     top: 5px;
     right: 5px;
     font-size: 35px;
}
.snapchat-popup i.fa.fa-times:hover {
     color: #999;
     cursor: pointer;
}
.snapchat-popup .mobile-directions {
		 float: left;
		 width: 100%;
		 text-align: center;
		 margin-top: 10px;
}
.snapchat-popup .mobile-directions span {
		 font-weight: 600;
     padding: 0 7px;
		 font-size: 15px;
}
/* ========== 4.0 NAVIGATION ========== */
.header-menu-wrap {
     float: left;
     width: 77%;
		 margin-top: 35px;
}
.header-menu-wrap ul.menu {
     list-style-type: none;
     float: left;
     width: 100%;
     text-align: right;
     margin: 29px 0 0 0;
}
.header-menu-wrap ul.menu li {
     float: none;
     display: inline-block;
     margin: 0 26px;
     position: relative;
     height: 40px;
}
.header-menu-wrap ul.menu li:last-child {
     margin-right: 0;
}
.header-menu-wrap ul.menu li:before {
     font-family: FontAwesome;
     font-size: 8px;
     content: "\f111";
     display: inline-block;
     position: absolute;
     left: -33px;
     top: 8px;
     color: #d71920;
}
.header-menu-wrap ul.menu li:first-child:before {
     content: " ";
}
.header-menu-wrap ul.menu li a {
     float: left;
     white-space: nowrap;
     line-height: 40px;
     color: #3e1b00;
     font-weight: 700;
     font-size: 19px;
     text-transform: uppercase;
}
/* ---------- 4.1 Second Level Navigation ---------- */
.header-menu-wrap ul.menu li ul.sub-menu {
     display: none;
	position: absolute;
     left: 0;
     top: 40px;
     list-style-type: none;
     background-color: #fafafa;
     border: 1px solid #eee;
     border-radius: 0 10px 10px 10px;
}
.header-menu-wrap ul.menu li ul.sub-menu li {
	margin: 0;
	float: left;
	width: 100%;
	padding: 0;
	height: auto;
	border-bottom: 1px solid #eee;
}
.header-menu-wrap ul.menu li ul.sub-menu li:last-child {
	border-bottom: none;
}
.header-menu-wrap ul.menu li ul.sub-menu li a {
	padding: 5px 20px;
}
.header-menu-wrap ul.menu li ul.sub-menu li a:hover {
	text-decoration: none;
	color: #d71920;
}
.header-menu-wrap ul.menu li.menu-item-has-children:hover > ul.sub-menu {
     display: block;
}
/* ========== 5.0 Home Page ========== */
img.home-graphic {
	   float: left;
		 width: 100%;
		 margin: 20px 0;
}
/* ---------- 5.1 Slideshow ---------- */
.site-inner .slideshow-con{
     float: left;
     width: 100%;
     padding-top: 50%;
     position: relative;
     overflow: hidden;
     list-style-type: none;
}
.site-inner .slideshow-con .slider-con{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     z-index: 1;
     opacity: 0;
}
#slide-1.slider-con {
     z-index: 2;
}
.site-inner .slideshow-con img {
     float: left;
     width: 100%;
     height: auto;
}
.slideshow-con .prev,
.slideshow-con .next {
     position: absolute;
     text-align: center;
     color: #fff;
     top: 50%;
     left: 10px;
     z-index: 4;
     margin-top: -32px;
     cursor: pointer;
     width: 63px;
     height: 63px;
     background-color: rgba(255,255,255,0.4);
     line-height: 63px;
     font-size: 44px;
     border-radius: 50%;
     -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;
}
.slideshow-con .prev:hover,
.slideshow-con .next:hover {
     background-color: rgba(255,255,255,0.8);
     color: #999;
}
.slideshow-con .next{
     left: auto;
     right: 10px;
}
.slideshow-con .prev i.fa,
.slideshow-con .next i.fa {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -22px;
     margin-left: -11px;
}
.slideshow-con .next i.fa {
     margin-left: -7px;
}
.slideshow-con .pager_list{
     position: absolute;
     width: 100%;
     height: 22px;
     line-height: 22px;
     bottom: 0;
     text-align: center;
     z-index: 4;
     margin: 0;
     padding-left: 0;
}

.slideshow-con .pager_list li{
     display: inline-block;
     width: 12px;
     height: 12px;
     margin: 0 5px;
     background-color: rgba(255,255,255,0.4);
     border: 1px solid rgba(0,0,0,0.2);
     text-indent: -9999px;
     border-radius: 999px;
     cursor: pointer;
     transition: all 150ms;
}
.slideshow-con .pager_list li:hover,
.slideshow-con .pager_list li.active{
     background-color: #d71920;
}
/* ========== 6.0 MENU ========== */
.page-template-page_menu-php .page-content {
     padding: 0;
}
.menu-left-side-con {
     padding-right: 10px;
}
.menu-middle-con {
     border-right: 1px solid #d71920;
     border-left: 1px solid #d71920;
     padding: 0 30px;
}
.menu-right-side-con {
     padding-left: 10px;
}
.menu-section {
     float: left;
     width: 100%;
}
.menu-section-icon-con {
     float: left;
     width: 20%;
     margin-right: 7%;
     text-align: center;
}
.menu-section-items-con {
     float: left;
     width: 73%;
}
h2 {
     font-weight: 700;
     font-size: 25px;
     margin-bottom: 5px;
}
.menu-sub-title {
     float: left;
     width: 100%;
     margin-bottom: 12px;
     font-size: 16px;
     line-height: 16px;
     font-weight: 500;
     color: #3e1b00;
}
.menu-items-con {
     float: left;
     width: 100%;
     margin-bottom: 25px;
}
.menu-item-row {
     float: left;
     width: 100%;
}
.menu-item-price-line {
     float: left;
     width: 100%;
     position: relative;
}
.menu-item-name {
     float: left;
     position: relative;
     font-weight: 700;
     text-transform: uppercase;
     font-size: 18px;
     line-height: 26px;
     background-color: #fff;
     padding-right: 7px;
     color: #3e1b00;
}
.menu-item-price {
     display: none !important;
		 float: right;
     position: relative;
     font-weight: 700;
     font-size: 20px;
     line-height: 26px;
     background-color: #fff;
     padding-left: 7px;
     text-align: right;
     color: #3e1b00;
}
.menu-item-price span.cents {
     font-size: 13px;
     top: 0;
     margin: -2px 0 0 1px;
     position: relative;
     vertical-align: top;
     display: inline-block;
}
.menu-item-description {
     float: left;
     width: 100%;
     margin: 0 0 5px 0;
     font-size: 16px;
     line-height: 22px;
     font-weight: 500;
     color: #3e1b00;
}
span.dotted {
     display: none !important;
		 position: absolute;
     height: 1px;
     border-top: 2px dotted #3e1b00;
     width: 100%;
     left: 0;
     top: 13px;
     z-index: -1;
}
/* ========== 7.0 OTHER PAGES ========== */
/* ---------- 7.1 Location / Contact ---------- */
.social-body img {
     float: none;
     width: 60px;
     display: inline-block;
     margin: 0 7px;
}
/* ========== 8.0 FLAVORS ========== */
.flavor-item-con {
     float: left;
     width: 50%;
     padding-bottom: 25px;
}
.flavor-item-con.left {
     border-right: 1px solid #ccc;
     padding-right: 35px;
     clear: both;
}
.flavor-item-con.right {
     border-left: 1px solid #ccc;
     margin-left: -1px;
     padding-left: 35px;
}
.flavor-item-inner-left {
     float: left;
     width: 27%;
     margin-right: 3%;
}
.flavor-item-inner-left img {
     float: left;
     width: 100%;
     height: auto;
     border: 1px solid #999;
}
.flavor-item-inner-right {
     float: left;
     width: 70%;
}
h2.flavor-item-name {
     color: #3e1b00;
     font-size: 25px;
     font-weight: 700;
     margin-bottom: 5px;
     line-height: 28px;
}
.flavor-item-description p {
     color: #3e1b00;
     font-size: 22px;
     font-weight: 500;
     line-height: 30px;
		 text-transform: none;
}
.flavor-icon-con {
     float: left;
     width: 100%;
}
img.flavor-icons {
     float: left;
     width: 25px;
     height: auto;
     margin-right: 7px;
}
.flavor-icon-key {
     border-top: 1px solid #3e1b00;
     padding-top: 25px;
     margin-top: 25px;
}
.flavor-key {
     float: none;
     display: inline-block;
     margin: 0 15px;
}
.flavor-key-image {
     float: left;
     margin-right: 10px;
}
.flavor-key-text {
     float: left;
     line-height: 36px;
     font-size: 24px;
}
/* ========== 9.0 SHOP ========== */
/* ---------- 9.1 WooCommerce ---------- */
body .woocommerce #respond input#submit.alt,
body .woocommerce a.button.alt,
body .woocommerce button.button.alt,
body .woocommerce input.button.alt {
     font-weight: 400;
     margin-top: 0;
     border-radius: 0;
     padding: 10px 15px;
     background-color: #d71920;
     border: none;
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;
     float: right;
}
body .woocommerce #respond input#submit.alt:hover,
body .woocommerce a.button.alt:hover,
body .woocommerce button.button.alt:hover,
body .woocommerce input.button.alt:hover {
     background-color: #3e1b00;
     color: #fff;
}
body.woocommerce-cart .cart-collaterals .cart_totals tr td,
body.woocommerce-cart .cart-collaterals .cart_totals tr th {
     padding: 0 10px;
     text-align: left;
}
body.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td,
body.woocommerce-checkout table.shop_table tfoot tr.shipping td {
     position: relative;
     color: #fff;
}
body.woocommerce-cart .cart-collaterals .cart_totals tr.shipping td span.amount,
body.woocommerce-checkout table.shop_table tfoot tr.shipping td span.amount {
     position: absolute;
     left: 10px;
     color: #000;
}
body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
     padding: 10px;
     border: 1px solid #ccc;
}
body.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
     width: 100%;
}
body .woocommerce .cart_totals table.shop_table tbody th,
body .woocommerce .cart_totals table.shop_table tbody td {
     padding: 10px 15px;
}
form.checkout h3 {
     font-size: 28px;
     text-transform: uppercase;
     font-weight: 600;
     color: #444;
}
.woocommerce form.checkout .form-row label {
     font-size: 18px;
}
.form-row .select2-container .select2-choice {
     border-radius: 0;
     font-size: 15px;
     line-height: 15px;
     padding: 12px;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
     border-top-color: #d71920 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before {
     color: #d71920 !important;
}
.woocommerce form .form-row.woocommerce-invalid label[for=billing_state],
.woocommerce form .form-row.woocommerce-invalid label[for=shipping_state] {
     color: #777;
}
#add_payment_method #payment,
body.woocommerce-checkout #payment {
     background-color: #fff;
     border: 1px solid rgba(0,0,0,0.1);
}
#add_payment_method #payment div.payment_box,
body.woocommerce-checkout #payment div.payment_box {
     background-color: #fff;
     padding: 0;
}
body.woocommerce-checkout #payment div.payment_box fieldset {
     border: 1px solid rgba(0,0,0,0.1);
     border-radius: 5px;
}
.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
     padding: 10px;
}
/* ---------- 9.2 Gift Cards ---------- */
form#gform_2 {
     float: left;
     width: 60%;
     margin: 40px 20%;
}
div#gform_wrapper_2.gform_wrapper li .ginput_container {
     width: 60%;
}
div#gform_wrapper_2.gform_wrapper label.gfield_label {
     width: 40%;
}
body .gform_wrapper ul li#field_2_17 {
     font-size: 24px;
     line-height: 30px;
     overflow: visible;
}
/* ========== 10.0 CAKE ORDER FORM ========== */
.site-inner ul.gform_fields {
	padding-left: 0;
}
.cake-form_wrapper li.gsection {
	border-bottom: 1px solid #ccc;
}
div.gform_wrapper.cake-form_wrapper select {
	padding: 10px 15px;
}
div.gform_wrapper.cake-form_wrapper label.gfield_label,
div.gform_wrapper.cake-form_wrapper li .ginput_container {
	width: 100%;
	font-size: 22px;
	font-weight: 600;
	text-transform: none;
	line-height: 24px;
	margin-bottom: 10px;
}
div.gform_wrapper.cake-form_wrapper li,
div.gform_wrapper.cake-form_wrapper form li {
	margin: 0 0 15px 0;
	font-weight: 400;
	font-size: 18px;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total {
	position: fixed;
	top: 100px;
	right: 0;
	width: 225px;
	text-align: center;
	padding: 25px;
	border: 5px solid #d71920;
	border-right: none;
	border-radius: 25px 0 0 25px;
	background-color: #fafafa;
}
div.gform_wrapper.cake-form_wrapper .gform_page_footer {
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 25px;
	margin-top: 25px;
}

div.gform_wrapper.cake-form_wrapper li.sidebar-total label.gfield_label {
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 10px;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total span.ginput_total {
	font-size: 28px;
	color: #d71920;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total .gfield_description {
	float: left;
     width: 100%;
     margin-bottom: 15px;
}
div.gform_wrapper.cake-form_wrapper ul.gfield_radio,
div.gform_wrapper.cake-form_wrapper ul.gfield_checkbox {
	padding: 0;
	margin: 0 0 15px;
}
div.gform_wrapper.cake-form_wrapper ul.gfield_radio input[type=radio],
div.gform_wrapper.cake-form_wrapper ul.gfield_checkbox input[type=checkbox] {
	margin: 0 7px;
}
div.gform_wrapper.cake-form_wrapper ul.gfield_checkbox li {
	float: left;
	width: 33.3333333%;
}
/* These sections are used to create the section breaks in the listing of optional toppings */
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(1),
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(7),
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(14) {
	width: 100%;
	border-bottom: 1px solid #ddd;
	font-weight: 600;
	color: #d71920;
	padding: 10px 0;
}
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(1) input[type=checkbox],
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(7) input[type=checkbox],
div.gform_wrapper.cake-form_wrapper li.topping-choices ul.gfield_checkbox li:nth-child(14) input[type=checkbox] {
	display: none;
}
div.gform_wrapper.cake-form_wrapper img.flavor-icons {
	float: none;
	margin-left: 5px;
	margin-right: 0;
	width: 18px;
}
.hidden-field {
	display: none !important;
}
.gform_wrapper div.gform_card_icon {
	margin-right: 4px;
	text-indent: -9000px;
	background-image: url('https://milkjamcreamery.com/wp-content/plugins/gravityforms/images/gf-creditcard-icons.png');
	background-repeat: no-repeat;
	width: 36px;
	height: 32px;
	float: left;
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
    background-position: -72px 0;
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
    background-position: -108px 0;
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
    background-position: -36px 0;
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
    background-position: 0 0;
}
div.gform_wrapper .ginput_container_creditcard input[type="text"] {
	margin: 5px 0 15px;
}
div.gform_wrapper .ginput_card_expiration_container select {
	width: 25%;
	margin: 0 15px 10px 0;
	text-transform: uppercase;
	color: #aaa;
	float: left;
}
div.gform_wrapper.cake-form_wrapper li .ginput_container .ginput_cardinfo_right {
	float: left;
}
div.gform_wrapper.cake-form_wrapper li .ginput_container .ginput_cardinfo_right input {
	margin: 0 0 10px 0;
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
	width: 32px;
     height: 23px;
     background-image: url(https://milkjamcreamery.com/wp-content/plugins/gravityforms/images/gf-creditcard-icons.png);
     background-repeat: no-repeat;
     background-position: 0 -128px;
     top: 0px;
     right: -40px;
     display: inline-block;
     position: absolute;
}
.gf_page_steps {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	color: #fff;
}
.gf_page_steps .gf_step {
	float: left;
     width: 33.3333%;
     text-align: center;
     border-left: 2px solid rgba(255,255,255,0.5);
     padding: 15px;
	font-size: 20px;
	font-weight: 600px;
	background-color: #d71920
}
.gf_page_steps #gf_step_4_2.gf_step,
.gf_page_steps #gf_step_4_3.gf_step,
.gf_page_steps #gf_step_4_4.gf_step,
.gf_page_steps #gf_step_6_2.gf_step,
.gf_page_steps #gf_step_6_3.gf_step,
.gf_page_steps #gf_step_6_4.gf_step {
	display: none;
}
.gf_page_steps .gf_step.gf_step_first {
	border-left: none;
}
.gf_page_steps .gf_step.gf_step_active {

}
.gf_page_steps .gf_step.gf_step_pending {
	background-color: #999;
}
.gf_step_number {
	background-color: #fff;
     color: #666;
     border-radius: 100px;
     width: 22px;
     height: 22px;
     display: inline-block;
     margin-right: 5px;
	display: none;
}
.gform_next_button,
.gform_previous_button,
.gform_button {
	padding: 10px 15px;
     background-color: #d71920;
     border: none;
     color: #fff;
     text-transform: uppercase;
     font-size: 20px;
     float: left;
}
.gform_next_button,
.gform_button {
	float: right;
}
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
	cursor: pointer;
     background-color: #3e1b00;
}
li.order-confirmation-con ul.bulleted {
	padding: 0;
	margin: 10px 0 0 0;
}
li.order-confirmation-con ul.bulleted li {
	font-weight: bold;
     margin-bottom: 0;
}
div.gform_wrapper li.subtotal-li input[type="text"] {
	border: none;
	padding: 0;
	font-weight: 600;
	font-size: 22px;
}
div.gform_wrapper.cake-form_wrapper li.cake-total .ginput_container {
	color: #d71920;
     font-size: 28px;
     font-weight: 700;
}
/* ---------- jQuery Datepicker ---------- */
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/* ========== 20.0 RESPONSIVE ========== */
/* ---------- 20.1 1180px ---------- */
@media(max-width:1180px) {
/* --- Header --- */
.header-logo-wrap {
	   padding-left: 15px;
}
/* --- Navigation --- */
.header-menu-wrap {
	   padding-right: 15px;
}
.header-menu-wrap ul.menu li {
     margin: 0 20px;
}
.header-menu-wrap ul.menu li:before {
     left: -26px;
}
/* --- Home --- */
img.home-graphic {
	   padding: 0 10px;
}
}
/* ---------- 20.2 1000px ---------- */
i.fa.mobile-menu-open,
i.fa.mobile-menu-close {
     display: none;
}
@media(max-width:1000px) {
/* --- Header --- */
.header-logo-wrap {
     width: 80%;
		 padding: 0;
		 margin: 10px 10%;
}
/* --- Navigation --- */
i.fa.mobile-menu-open,
i.fa.mobile-menu-close {
     display: block;
     position: absolute;
     right: 20px;
     font-size: 30px;
     bottom: 28px;
     color: #fff;
     z-index: 1001;
}
i.fa.mobile-menu-close {
     display: none;
}
.header-menu-wrap {
     position: relative;
     background-color: #3e1b00;
     margin: 10px 0;
     height: 71px;
		 width: 100%;
}
.header-menu-wrap ul.menu {
     display: none;
     margin: 0;
     background-color: #3e1b00;
     position: absolute;
     top: 71px;
     left: 0;
     width: 100%;
     z-index: 100;
}
.header-menu-wrap ul.menu li {
     float: left;
     width: 100%;
     margin: 0;
     border-top: 1px solid rgba(255,255,255,0.2);
     padding: 15px;
     height: auto;
}
.header-menu-wrap ul.menu li:before {
     content: " ";
}
.header-menu-wrap ul.menu li a {
     color: #fff;
}
.header-menu-wrap ul.menu li ul.sub-menu {
	display: block;
	position: relative;
	top: auto;
	left: auto;
	float: left;
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	border: none;
	border-radius: 0;
	border-top: none;
}
.header-menu-wrap ul.menu li ul.sub-menu li {
	border-top: none;
}
}
/* ---------- 20.3 850px ---------- */
@media(max-width:850px) {
/* --- Main Containers --- */
.site-inner .page-interior {
     padding: 0 20px;
}
/* --- Flavors --- */
.flavor-item-con {
     width: 100%;
     margin: 0 !important;
     border: none !important;
     border-bottom: 1px solid #ccc !important;
     padding: 20px 0 !important;
}
.flavor-key {
     float: left;
     width: 50%;
     margin: 10px 0;
}
/* --- Menu --- */
.menu-left-side-con {
     padding-right: 0;
     width: 100%;
}
.menu-middle-con {
     padding: 20px 0 0 0;
     border: none;
     width: 100%;
}
.menu-right-side-con {
     padding-left: 0;
     width: 100%;
}
/* ---  Borders --- */
.border-right,
.border-left {
     border: none;
}
.social-body {
     margin-bottom: 20px;
}
/* --- Form --- */
#gform_1 {
     margin: 20px 0 0 0;
     width: 100%;
}
.site-inner #gform_1 ul {
     padding-left: 0;
}
div.gform_wrapper label.gfield_label,
div.gform_wrapper li .ginput_container {
     width: 100%;
}
/* ----- Cake Order Form ----- */
.gf_page_steps .gf_step {
	width: 100%;
	border-top: 2px solid rgba(255,255,255,0.5);
	border-left: none;
}
.gf_page_steps .gf_step.gf_step_first {
	border-top: none;
}
div.gform_wrapper .ginput_right,
div.gform_wrapper .right-side,
div.gform_wrapper span.name_last,
div.gform_wrapper .ginput_left,
div.gform_wrapper .left-side,
div.gform_wrapper span.name_first {
	width: 100%;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total {
	top: 0;
	border-top: none;
	border-left: none;
	border-radius: 0;
	width: 100%;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total label.gfield_label {
	width: 20%;
     border-bottom: 0;
     padding-bottom: 0;
     text-align: right;
     border-right: 1px solid rgba(0,0,0,0.1);
     padding-right: 15px;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total .gfield_description {
	position: absolute;
	right: 20px;
	width: auto;
}
div.gform_wrapper.cake-form_wrapper li.sidebar-total .ginput_container {
	width: 80%;
	text-align: left;
	padding-left: 15px;
	margin: 0;
}
div.gform_wrapper.cake-form_wrapper ul.gfield_checkbox li {
	width: 100%;
}
div.gform_wrapper .ginput_card_expiration_container select {
	width: 49%;
	margin-right: 2%;
}
div.gform_wrapper .ginput_card_expiration_container select.ginput_card_expiration_year {
	margin-right: 0;
}
div.gform_wrapper.cake-form_wrapper li .ginput_container .ginput_cardinfo_right {
	width: 100%;
}
}
/* ---------- 20.4 700px ---------- */
@media(max-width:700px) {
/* --- Header --- */
.header-logo-wrap img {
     max-width: 80% !important;
}
/* --- Footer --- */
.site-footer .wrap {
     float: left;
     width: 100%;
     padding-top: 100px;
}
.footer-hours,
.footer-address {
     width: 100%;
     text-align: center;
}
.footer-address {
     padding-top: 0;
}
.footer-address p {
     text-align: center;
}
/* --- Main Containers --- */
.full-width,
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 0;
	width: 100%;
}
.page-content {
     padding: 0;
}
img.left-page-template-image {
     padding-right: 0;
     margin-bottom: 15px;
}
/* --- Gift Cards --- */
form#gform_2 {
     width: 100%;
     margin: 25px 0;
}
/* --- Snapchap Popup --- */
.snapchat-popup {
	  width: 80%;
	  height: auto;
	  left: 10%;
	  margin-left: 0;
		padding-bottom: 25px;
}
.snapchat-popup .mobile-directions span {
	   float: left;
		 width: 100%;
		 font-weight: 600;
}
}