/*!
Theme Name: kitchen_nook_app
Theme URI: http://shout-media.ca
Description: Custom App Theme
Author: Shout! Media
Author URI: http://shout-media.ca
Version: 1.0
*/
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

html, button, input, select, textarea { color: #333132; }

body { font-size: 1em; line-height: 1.4; font-family: sans-serif; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

img { vertical-align: middle; max-width: 100%; height: auto !important; }

img.alignright { float: right; margin-left: 15px; }

img.alignleft { float: left; margin-right: 15px; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

nav ul { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; transition: all 0.3s ease-in-out; color: inherit; }

input[type="search"], *, *:before, *:after { box-sizing: border-box; }

.hidden { display: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

.gallery { margin: auto; }

.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; }

.gallery img { border: 2px solid #cfcfcf; }

.gallery .gallery-caption { margin-left: 0; }

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="url"], input[type="tel"], input[type="file"], input[type="search"], textarea, select { font-family: inherit; }

* { -webkit-tap-highlight-color: transparent; /* make transparent link selection, adjust last value opacity 0 to 1.0 */ }

html { width: 100%; height: 100%; overflow: hidden; }

body { -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */ -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */ -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ background-color: #FFF; position: relative; display: inline-block; background-attachment: fixed; font-family: 'Lato', 'HelveticaNeue', Helvetica, Arial, sans-serif; font-size: 12px; height: 100%; margin: 0px; padding: 0px; width: 100%; background: url(../img/page-background.jpg) no-repeat center top; background-size: cover; -webkit-background-size: cover; }

form#create-registry-form { height: 100%; }

h1 { font-family: 'Libre Baskerville', serif; font-size: 7em; line-height: .9em; font-weight: 300; text-align: center; }

h2 { font-family: 'Libre Baskerville', serif; font-size: 3.2em; }

input, .page-create select { width: 100%; border: none; border-bottom: 2px solid #58595B; text-align: center; font-size: 2.5em; color: #333132; height: 50px; margin-bottom: 20px; background: none; }

.optin_container { padding-top: 10px; vertical-align: middle; text-align: left; width: 100%; display: block; }

.optin_container td { padding: 5px; }

.optin_container .checkbox { height: 25px; width: 25px; }

.optin_container label { font-size: 1.5em; text-align: left; }

input:focus { outline: none; }

ul { width: 100%; list-style: none; margin: 0; padding: 0; }

.app { height: 100%; width: 100%; text-align: center; display: inline-block; }

.app-menu { position: fixed; top: 55px; right: 20px; font-size: 2.5em; color: white; background-color: #58595B; padding: 20px; border-radius: 10px; z-index: 100; }

.app-menu li { padding: 5px; text-align: left; }

.btn-disabled { opacity: 0.3; }

.btn-app-menu { position: fixed; top: 10px; right: 20px; font-size: 3em; z-index: 100; }

.page { display: none; height: 100%; padding-bottom: 160px; }

.page-active { display: block; }

.page-home, .page-find { background: url(../img/home-background.jpg) no-repeat center top; background-size: cover; -webkit-background-size: cover; padding-top: 200px; }

.heading-highlight { color: red; }

.btn-spacer { padding: 10px; font-size: 40px; }

.btn { display: inline-block; text-transform: uppercase; text-decoration: none; font-size: 2em; color: #333132; padding: 20px; border: 1px solid #58595B; background-color: #FFFFFF; }

.btn-full { width: calc(80% + 22px); margin-bottom: 10px; }

.btn-half { width: 40%; display: inline-block; margin: 0 10px; margin-bottom: 10px; }

.btn-selected { box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.75); background-color: #f2f2f3; }

.nav-buttons { padding: 20px 0; text-align: center; vertical-align: bottom; }

.error { color: red; font-size: 2rem; }

.error a { font-size: 0.7em; color: #000000; display: block; }

.warning { color: black; font-size: 1.4rem; height: 100%; text-align: center; vertical-align: middle; padding-top: 60px; }

.warning a { font-size: 1em; color: #000000; display: block; margin: 0 auto; margin-top: 20px; }

.header { height: 150px; border-bottom: 2px solid #E6E7E8; position: fixed; top: 0; left: 0; width: 100%; background-color: #ffffff; }

.header h2 { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.container { width: 80%; margin: auto; text-align: center; padding: 15px 0; height: 100%; overflow: scroll; }

.mrgn-top { padding-top: 150px; }

.container-heading { text-transform: uppercase; font-size: 2.2em; padding-bottom: 15px; }

.footer { width: 100%; height: 160px; text-align: center; padding: 0 20px; position: fixed; bottom: 0; background-color: white; }

.loading-li { position: relative; height: 100%; }

.loading-img { position: relative; top: 50%; transform: translateY(-50%); }

.registrant_info { padding-bottom: 25px; }

/*.coregistrant_info { display: none; }*/

div.table { display: table; width: 100%; }

div.table-row { display: table-row; }

div.table-cell { display: table-cell; }

.offline { display: none; padding: 30px; color: white; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 10000; }

.offline-content { position: relative; top: 50%; transform: translateY(-50%); background-color: black; border-radius: 20px; padding: 20px; }

.offline.show { display: block; width: 100%; height: 100%; }

.additional_date label { font-size: 25px; }

.page-registry .product-image, .page-product-list .product-image { width: 30%; vertical-align: middle; }

.page-registry ul, .page-product-list ul { height: 100%; }

.page-registry .product-info, .page-product-list .product-info { width: 50%; vertical-align: middle; padding: 10px 10px; }

.page-registry .product-add, .page-product-list .product-add { width: 20%; text-align: center; vertical-align: middle; }

.page-registry .product-name, .page-product-list .product-name { font-family: 'Libre Baskerville', serif; text-align: left; font-size: 2.4em; }

.page-registry .product-options, .page-product-list .product-options { float: left; font-size: 1.5em; }

.page-registry .product-requested, .page-product-list .product-requested { float: right; font-size: 1.5em; }

.page-registry .container, .page-product-list .container { padding: 0px; }

.page-registry .empty-list, .page-product-list .empty-list { font-size: 2em; padding: 20px 0; }

.page-product { padding-bottom: 35px; }

.page-product .container { height: 100%; padding-top: 0; }

.page-product .product-info { height: 100%; }

.page-product .product-image { max-height: 280px; }

.page-product .product-name { font-family: 'Libre Baskerville', serif; font-size: 3.5em; display: inline-block; text-align: left; width: 70%; }

.page-product .product-price { font-size: 2.5em; display: inline-block; text-align: left; width: 29%; color: #58595B; }

.page-product .product-options { text-align: left; font-size: 2.5em; color: #58595B; }

.page-product .color-select, .page-product .size-select { padding: 10px; font-size: 2.5em; color: #58595B; text-align: center; }

.page-product .size-select select { padding: 10px 25px; border: 1px solid #58595B; background-color: white; }

.page-product .quantity-select { padding: 10px; font-size: 3em; color: #58595B; }

.page-product .quantity-select div { display: inline; vertical-align: middle; }

.page-product .btn-quantity { padding: 10px; vertical-align: middle; }

.page-product .btn-quantity img { width: 76px; }

.page-product .btn-color-select { display: inline-block; height: 76px; width: 76px; border-radius: 100%; border: 4px solid #ffffff; }

.page-product .selected { border: 4px solid #a6a6a6; }

.page-product .footer { height: 35px; }

.page-home { padding-bottom: 35px; }

.page-home h1 { max-height: 432px; }

.page-home h1 span { font-weight: bold; font-style: italic; }

.page-home .footer { height: 35px; }

.page-home .container { height: calc(100% - 300px); }

.page-find { padding-top: 140px; }

.page-find .container { height: calc(100% - 92px); }

.page-search-product { padding-top: 10px; }

.page-search-product .container { padding-top: 10px; height: calc(100% - 114px); }

.page-search-product .nav-buttons { height: 125px; }

/*# sourceMappingURL=www/css/index.css.map */