/* Utilities */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ -webkit-font-smoothing: antialiased !important; text-rendering: optimizeLegibility !important; }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1, h2, h3, h4, h5, .overlay--fixed:after, h5, .overlay--fixed:after, h6, p { font-weight: unset; margin: 0; padding: 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

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

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* Kiosk Reset ========================================================================== */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

a { color: inherit; }

a[href^=tel] { text-decoration: inherit; color: inherit; }

.button, input[type="button"], input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

input[type="text"] { -webkit-appearance: none; -moz-appearance: none; }

ul, ol, li { margin: 0; padding: 0; }

/* Base */
/***** VARIABLES *****/
/*
$font-size-large: rem( 16 );
$font-size-base: rem( 13 );
$font-size-small: rem( 11 );
*/
/***** TYPOGRAPHY *****/
body { font-size: 100%; }

body, html { color: #231f20; font-family: "BambinoNew-Regular", sans-serif; font-size: 30px; letter-spacing: .015rem; line-height: 1; }

header, main, footer { font-size: 13px; }

/***** FONTS *****/
h1 { font-size: 60px; line-height: 1.2em; }

h1:not(:last-child) { padding-bottom: 20px; }

h2 { font-size: 50px; line-height: 1.2em; }

h2:not(:last-child) { padding-bottom: 10px; }

h3 { font-size: 40px; line-height: 1.2em; padding-bottom: 10px; }

h4 { font-size: 26px; line-height: 1.2em; padding-bottom: 10px; }

h5, .overlay--fixed:after { font-size: 12px; font-weight: 400; line-height: 1.5em; padding-bottom: 5px; letter-spacing: .12rem; text-transform: uppercase; }

h6 { font-size: 13px; line-height: 1.7em; padding-bottom: 5px; font-family: 'BambinoNew-Bold'; }

.h1 { font-size: 60px; line-height: 1.2em; font-family: "Lifehack-Bold", sans-serif; font-weight: 400; }

.h1:not(:last-child) { padding-bottom: 20px; }

@media (max-width: 500px) { .h1 { font-size: 45px; } }

.h2 { font-size: 50px; line-height: 1.2em; font-family: "Lifehack-Bold", sans-serif; font-weight: 400; }

.h2:not(:last-child) { padding-bottom: 10px; }

@media (max-width: 500px) { .h2 { font-size: 35px; } }

.h3 { font-size: 40px; line-height: 1.2em; padding-bottom: 10px; font-family: "Lifehack-Bold", sans-serif; font-weight: 400; }

@media (max-width: 500px) { .h3 { font-size: 35px; } }

.h3--small { font-size: 32px; }

@media (max-width: 500px) { .h3--small { font-size: 35px; } }

.h4 { font-size: 26px; line-height: 1.2em; padding-bottom: 10px; font-family: "LifehackSans-Regular", sans-serif; font-weight: 400; letter-spacing: .05rem; text-transform: uppercase; }

@media (max-width: 500px) { .h4 { font-size: 25px; } }

a.h4 { display: inline-block; }

.h5 { font-size: 12px; font-weight: 400; line-height: 1.5em; padding-bottom: 5px; letter-spacing: .12rem; text-transform: uppercase; }

.h6 { font-size: 13px; line-height: 1.7em; padding-bottom: 5px; font-family: 'BambinoNew-Bold'; }

p { font-size: 13px; line-height: 1.7em; padding-bottom: 15px; }

.small { font-size: 12px; }

.large { font-size: 16px; }

/***** Font Classes *****/
.lifehack { font-family: "Lifehack-Bold", sans-serif; font-weight: 400; }

.lifehack-sans { font-family: "LifehackSans-Regular", sans-serif; font-weight: 400; letter-spacing: .05rem; text-transform: uppercase; }

.bambino { font-family: "BambinoNew-Regular", sans-serif; }

/***** Main Header Style *****/
.header span { display: block; }

/***** Admin Content *****/
.admin-content ul, .admin-content ol { padding-left: 0.5rem; padding-bottom: .25rem; }

.admin-content li { font-size: 13px; line-height: 1.7em; padding-bottom: 15px; padding-bottom: .25rem; }

.admin-content .center ol { text-align: left; }

.admin-content .center ul { list-style: none; }

.admin-content .gform_fields { padding: 0; }

.admin-content--default h2 { font-size: 26px; line-height: 1.2em; padding-bottom: 10px; font-family: "LifehackSans-Regular", sans-serif; font-weight: 400; letter-spacing: .05rem; text-transform: uppercase; color: #00818A; margin-top: 20px; }

.admin-content--default h3 { font-size: 12px; font-weight: 400; line-height: 1.5em; padding-bottom: 5px; letter-spacing: .12rem; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; font-family: 'BambinoNew-Bold'; }

.admin-content--default h4 { font-size: 12px; font-weight: 400; line-height: 1.5em; padding-bottom: 5px; letter-spacing: .12rem; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; font-family: 'BambinoNew-Regular'; }

.admin-content--default h5, .admin-content--default .overlay--fixed:after { font-size: 13px; line-height: 1.7em; padding-bottom: 5px; font-family: 'BambinoNew-Bold'; margin-top: 20px; font-family: 'BambinoNew-Bold'; }

/***** Colors *****/
.font { color: #231f20; }

.white { color: #FFFFFF; }

.purple { color: #35174c; }

.teal { color: #00818A; }

.bg-white { background-color: #FFFFFF; }

.bg-gray { background-color: #f1f2f2; }

.bg-purple { background-color: #35174c; }

.bg-teal { background-color: #00818A; }

/***** Floating Footer *****/
html { height: 100%; }

body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 100%; }

main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; }

/***** Page Layout *****/
body { background-color: #FFFFFF; }

.content-wrapper--large, .content-wrapper--medium, .content-wrapper--small { width: 100%; margin: auto; padding: 0 1rem; }

.content-wrapper--large { max-width: 1300px; }

.content-wrapper--medium { max-width: 800px; }

.content-wrapper--small { max-width: 600px; }

.add-pad { padding-top: 2rem; padding-bottom: 2rem; }

.add-pad--little { padding-top: 1rem; padding-bottom: 1rem; }

.add-pad--x-little { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.add-pad--lots { padding-top: 3rem; padding-bottom: 3rem; }

@media (max-width: 500px) { .add-pad--lots { padding-top: 2rem; padding-bottom: 2rem; } }

.add-pad--lots + .add-pad--lots, .hero--small + .add-pad--lots { padding-top: 0; }

.add-pad--lr { padding-left: 1rem; padding-right: 1rem; }

.pad-lr-0 { padding-left: 0; padding-right: 0; }

.pad-top-0 { padding-top: 0; }

.pad-btm-0 { padding-bottom: 0; }

.no-pad { padding: 0 !important; }

/***** Grid *****/
.grid, .grid--wrap, .grid--center, .grid--between, .grid--justify { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.grid--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.grid--center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.grid--justify { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 800px) { .grid--swap:nth-of-type(2n + 1) .col-1-2:nth-of-type(2) { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } }

.gutters, .gutters--half { padding-right: 0; }

.gutters [class^="col"] { padding-right: 1rem; }

.gutters .center { margin-left: 0; margin-right: 0; }

.gutters--half [class^="col"] { padding-right: 0.5rem; }

@media (max-width: 800px) { .grid--mobile-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .grid--mobile-wrap [class^="col"] { width: 100%; } }

/***** Columns *****/
.col-1-1 { width: 100%; }

.col-1-2 { width: 50%; }

.col-1-3 { width: 33.33%; }

.col-2-3 { width: 66.66%; }

.col-1-4 { width: 25%; }

.col-3-4 { width: 75%; }

.col-1-5 { width: 20%; }

.col-1-6 { width: 16.66%; }

/***** Lists *****/
.list--inline li { display: inline-block; margin: 0.1rem 0.5rem 0.1rem 0; vertical-align: middle; }

.list--inline li:last-of-type { margin-right: 0; }

.right .list--inline li, .right.list--inline li { margin: 0.1rem 0 0.1rem 0.5rem; }

.right .list--inline li:first-of-type, .right.list--inline li:first-of-type { margin-left: 0; }

.list--inline--separator li:after { content: '|'; margin-left: 0.5rem; }

.list--inline--separator li:last-of-type:after { content: ''; margin-left: 0; }

.list--dl dt, .list--dl dd { margin: 0; padding: 0; }

.list--dl dt { font-size: 0.5333333333rem; margin: 0 0 0; }

.list--dl dd { font-size: 0.4rem; margin-top: 0.5rem; }

/* Standards */
.all-caps, .uppercase { text-transform: uppercase; }

.lowercase { text-transform: lowercase; }

.clear { clear: both; float: none; display: block; }

.align-middle { vertical-align: middle; }

.align-top { vertical-align: top; }

.align-bottom { vertical-align: bottom; }

.alignleft { float: left; margin: 1rem; margin-left: 0; }

.alignright { float: right; margin: 1rem; margin-right: 0; }

.aligncenter { margin: 1rem auto; text-align: center; }

@media (max-width: 800px) { .alignright, .alignleft { float: none; margin: 1rem auto; } }

.float-left { float: left; }

.float-right { float: right; }

.left { text-align: left; }

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

.center img { margin-left: auto; margin-right: auto; }

.center .icon-play img { margin-right: 0; }

.right { text-align: right; }

b, strong, .font-bold { font-family: 'BambinoNew-Bold'; }

.font-medium { font-family: 'BambinoNew-SemiBold'; }

.font-regular { font-family: 'BambinoNew-Regular'; }

.font-light { font-family: 'BambinoNew-Light'; }

@media (min-width: 800px) { .mobile { display: none; } }

@media (max-width: 800px) { .desktop { display: none; } }

@media (max-width: 500px) { .tablet { display: none; } }

.hide { display: none !important; }

.hide-accessible, .gform_wrapper label, .pt-landing .sapCRLWidgetContentLeft .sapCpLabel, .screen-reader-text { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.mobile-image-item { display: none; }

@media (max-width: 800px) { .mobile-image-item { display: block; } }

.bg-image { background-size: cover; background-position: center; background-repeat: no-repeat; }

.bg-image--link { overflow: hidden; text-indent: -999999px; }

.bg-contain { background-size: contain; background-position: center; background-repeat: no-repeat; }

.bg--lazy { background-position: center !important; background-repeat: no-repeat !important; background-size: 40px !important; -webkit-transition: none !important; transition: none !important; }

.img-100 { width: 100%; }

hr { border: 0; border-bottom: 1px solid #f3ecf1; }

.relative { position: relative; }

.inactive { opacity: .5; }

/***** Overlay *****/
.overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.overlay--link { text-indent: -9999999px; overflow: hidden; }

.overlay--trigger { cursor: pointer; }

.overlay--fixed { -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; background: rgba(255, 255, 255, 0.95); display: block; pointer-events: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; }

.overlay--fixed > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; }

.overlay--fixed .content { max-height: 100%; margin: auto; overflow-x: hidden; overflow-y: auto; }

.overlay--fixed .content * ::-webkit-scrollbar { display: none; }

.overlay--fixed:after { content: 'Close'; cursor: pointer; position: absolute; top: 20px; right: 20px; }

.overlay--open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; pointer-events: inherit; }

.overlay--video { background: rgba(255, 255, 255, 0.9); display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; }

.overlay--video.open { display: -webkit-box; display: -ms-flexbox; display: flex; }

.overlay--video iframe { max-width: 100%; padding: 0 10px; }

.close-video { width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; -webkit-appearance: none; border: 0; background: none; overflow: hidden; text-indent: -999999px; cursor: pointer; }

.close-video:after, .close-video:before { content: ''; display: block; width: 2px; height: 20px; background: #231f20; position: absolute; top: 5px; right: 14px; }

.close-video:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.close-video:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.has-video { cursor: pointer; position: relative; }

.has-video:after, .has-video:before { content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 0; }

.has-video:after { width: 60px; height: 60px; border: 2px solid #FFFFFF; border-radius: 60px; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; }

.has-video:before { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid white; -webkit-transform: translatex(2px) translateY(-50%); -ms-transform: translatex(2px) translateY(-50%); transform: translatex(2px) translateY(-50%); }

.has-video:hover:after { -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); }

.close-x { cursor: pointer; display: block; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; }

.close-x:after, .close-x:before { content: ''; width: 20px; height: 2px; background: #35174c; display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; }

.close-x:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.close-x:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.is_IE .overlay-video, .is_IE .overlay--fixed { display: none; }

.is_IE .overlay--open { display: block; }

.align-content-center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.align-content-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.align-content-center--translate > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.shake { -webkit-animation: shake-rattle-roll .6s; animation: shake-rattle-roll .6s; }

.dice-shake { -webkit-animation: roll-the-dice .6s; animation: roll-the-dice .6s; }

@-webkit-keyframes shake-rattle-roll { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  20%, 60% { -webkit-transform: translateX(5%); transform: translateX(5%); }
  40%, 80% { -webkit-transform: translateX(-5%); transform: translateX(-5%); } }

@keyframes shake-rattle-roll { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }
  20%, 60% { -webkit-transform: translateX(5%); transform: translateX(5%); }
  40%, 80% { -webkit-transform: translateX(-5%); transform: translateX(-5%); } }

@-webkit-keyframes roll-the-dice { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  20%, 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  40%, 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } }

@keyframes roll-the-dice { 0%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  20%, 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  40%, 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } }

/* Module */
.accordion dt { cursor: pointer; border-bottom: 1px solid #f3ecf1; line-height: 1.5em; padding-bottom: 0.5rem; padding-right: 1rem; position: relative; }

.accordion dt:after { content: ''; display: block; border: 2px solid #231f20; border-top: 0; border-left: 0; width: 10px; height: 10px; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(45deg) translate(-100%, -100%); -ms-transform: rotate(45deg) translate(-100%, -100%); transform: rotate(45deg) translate(-100%, -100%); }

.accordion dd { max-height: 0; overflow: hidden; -webkit-transition: .35s all ease-in-out; transition: .35s all ease-in-out; }

.accordion .active { color: #00818A; }

.accordion .active:after { border-color: #00818A; }

.accordion .active + dd { max-height: 800px; }

header { background: white; border-bottom: 1px solid #f3ecf1; padding: 0 0.5rem; position: relative; z-index: 9; }

header a { text-decoration: none; }

.banner { width: 100%; padding: .5rem .5rem .25rem; }

/***** Header Grid Positioning ****/
.grid--header { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.grid--header .spacer { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 100px; }

@media (max-width: 500px) { .grid--header .spacer { width: auto; padding: 10px 0; } }

.grid--header .site-nav { background: #FFFFFF; width: 100%; }

.grid--header .logo__wrap { width: 150px; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; }

.grid--header .logo__wrap img { width: 100%; }

@media (max-width: 500px) { .grid--header .logo__wrap { width: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; } }

/***** Header Logo ****/
header .logo { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.23); box-shadow: 0 0 3px rgba(0, 0, 0, 0.23); border-radius: 100%; display: block; margin: -10px 0 -90px; }

header .logo img { display: block; }

/***** Header Nav ****/
header .site-nav { padding: 0 0.5rem; }

header .site-nav > .menu-item { height: 80px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 4px solid white; border-bottom: 4px solid white; margin-top: 0; margin-bottom: 0; }

header .site-nav > .menu-item.current-menu-item { border-top-color: #00818A; }

header .site-nav > .menu-item.current-menu-item .lifehack { color: #00818A; }

header .site-nav > .menu-item:hover:not(.current-menu-item) { border-top-color: #f1f2f2; }

header .site-nav .menu-item { text-align: center; }

header .site-nav .menu-item span { display: block; }

header .site-nav .menu-item .lifehack { text-transform: lowercase; font-size: 0.6666666667rem; margin-bottom: 5px; padding: 0; }

header .site-nav .menu-item .h5 { letter-spacing: .15rem; padding: 0; }

header .site-nav .menu-item-has-children { position: relative; }

header .site-nav .sub-menu { opacity: 0; -webkit-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); transform: translate(-50%, -20px); -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; background: #f1f2f2; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; display: block; position: absolute; top: calc(100% + 4px); left: 50%; padding: 20px; width: 170px; z-index: -1; }

header .site-nav .sub-menu li { margin: 0; }

header .site-nav .sub-menu li a { display: block; padding: .25rem; }

header .site-nav .sub-menu li a:hover { color: #00818A; }

header .site-nav .menu-item-has-children:hover .sub-menu { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

header .site-nav .menu-item-open-sub-menu .sub-menu { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.skip-to-main-content { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }

.skip-to-main-content:focus, .skip-to-main-content:active { color: #fff; background-color: #35174c; left: auto; top: 95px; width: 240px; height: auto; overflow: auto; padding: 15px 15px 14px; text-align: center; font-size: 16px; z-index: 999; left: 16px; }

@media (max-width: 800px) { header .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } }

/***** Hamburger *****/
.hamburger, .hamburger--cyoa { cursor: pointer; width: 40px; height: 40px; background: #35174c; border-radius: 40px; display: block; padding: 10px 0; position: relative; z-index: 9999; -webkit-appearance: none; border: 0; overflow: hidden; text-indent: -99999px; }

.hamburger span, .hamburger--cyoa span { width: 18px; height: 2px; border-radius: 2px; background: #FFFFFF; display: block; margin: 3px auto; }

.spacer--mobile { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

@media (max-width: 800px) { .grid--header .spacer--mobile { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } }

@media (min-width: 1101px) { .hamburger, .spacer--mobile, .site-nav--mobile { display: none; } }

/***** Hide Some Items on Tablet *****/
@media (max-width: 1100px) { header .site-nav .menu-item:not(.keep-tablet) { display: none; } }

@media (max-width: 700px) { header .site-nav { display: none; } }

.mobile-menu { position: fixed; z-index: 999; background-color: #35174c; color: #FFFFFF; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translateY(-10%); -ms-transform: translateY(-10%); transform: translateY(-10%); pointer-events: none; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }

.mobile-menu > div { width: 80%; max-width: 300px; }

.mobile-menu ul { list-style: none; width: 100%; }

.mobile-menu .site-nav--mobile > .menu-item { margin: 0px 0 20px; padding: 0px 0 20px; }

.mobile-menu .site-nav--mobile > .menu-item-has-children { padding-bottom: 10px; }

.mobile-menu .site-nav--mobile:last-of-type li:last-of-type { border-bottom: 0; }

.mobile-menu .menu-item { color: #FFFFFF; text-align: center; }

.mobile-menu .menu-item .menu-item { display: inline-block; margin: 10px 10px; }

.mobile-menu .lifehack { font-size: 12px; font-weight: 400; line-height: 1.5em; padding-bottom: 5px; letter-spacing: .12rem; text-transform: uppercase; font-family: 'BambinoNew-Bold'; color: #FFFFFF; text-transform: uppercase; margin-right: 6px; }

.mobile-menu-active header { position: fixed; top: 0; width: 100%; }

@media (max-width: 1100px) { .mobile-menu-active main { margin-top: 81px; } }

@media (max-width: 700px) { .mobile-menu-active main { margin-top: 64px; } }

.mobile-menu-active.page-template-pt-cyoa main { margin-top: 0; }

.mobile-menu-active .mobile-menu { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); pointer-events: inherit; }

.mobile-menu-active .hamburger span:nth-of-type(1), .mobile-menu-active .hamburger--cyoa span:nth-of-type(1), .cyoa-menu-active .hamburger span:nth-of-type(1), .cyoa-menu-active .hamburger--cyoa span:nth-of-type(1) { -webkit-transform: rotate(45deg) translate(3px, 5px); -ms-transform: rotate(45deg) translate(3px, 5px); transform: rotate(45deg) translate(3px, 5px); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

.mobile-menu-active .hamburger span:nth-of-type(2), .mobile-menu-active .hamburger--cyoa span:nth-of-type(2), .cyoa-menu-active .hamburger span:nth-of-type(2), .cyoa-menu-active .hamburger--cyoa span:nth-of-type(2) { opacity: 0; }

.mobile-menu-active .hamburger span:nth-of-type(3), .mobile-menu-active .hamburger--cyoa span:nth-of-type(3), .cyoa-menu-active .hamburger span:nth-of-type(3), .cyoa-menu-active .hamburger--cyoa span:nth-of-type(3) { -webkit-transform: rotate(-45deg) translate(2px, -4px); -ms-transform: rotate(-45deg) translate(2px, -4px); transform: rotate(-45deg) translate(2px, -4px); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }

footer { background: #2a123c; color: #FFFFFF; padding: 2rem 0; }

footer p { padding: 0; }

footer .grid.small { border-top: 1px solid rgba(255, 255, 255, 0.4); padding-top: 1rem; margin-top: 1rem; }

footer .col-1-3 .h5 { padding-bottom: 0.5rem; }

footer .list--inline--separator { display: inline-block; }

footer .col-2-3 .list--inline--separator { padding-left: 0.25rem; }

footer .col-2-3 .list--inline--separator:before { content: '|'; margin-right: 0.5rem; }

/***** Social Links *****/
footer .social { display: inline-block; padding-top: 0.5rem; }

footer .social a { -webkit-transition: 0.2s opacity ease-in-out; transition: 0.2s opacity ease-in-out; margin: 0 0.25rem; }

footer .social:hover a { opacity: 0.5; }

footer .social:hover a:hover { opacity: 1; }

/***** Grass Image *****/
footer { width: 100%; position: relative; }

#footer-grass { width: 100%; position: fixed; left: 0; bottom: -1px; overflow: hidden; pointer-events: none; z-index: 9; }

#footer-grass svg { display: block; }

#footer-grass.locked { bottom: 99.5%; }

.footer-grass { width: 100%; display: block; }

@media (max-width: 800px) { .footer-grass { width: 200%; margin-left: -100%; } }

@media (max-width: 500px) { .footer-grass { width: 250%; margin-left: -150%; } }

/***** Mobile Specific *****/
@media (max-width: 800px) { footer { text-align: center; }
  footer .right { text-align: center; }
  footer .grid { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .grid .col-1-3, footer .grid .col-2-3 { width: 100%; }
  footer .list--inline--separator { margin-top: 15px; }
  footer .site-nav { margin: 30px 0 20px; } }

@media (max-width: 500px) { footer .site-nav li, footer .right .site-nav li { width: 100%; margin: 5px auto; }
  footer .col-2-3 .list--inline--separator:before { content: ''; margin: 0; } }

@media (max-width: 800px) { .hero { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .hero .col-1-2 { width: 100%; }
  .hero .bg-image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; min-height: 40vh; } }

.hero--small { padding-top: 2rem; }

.hero--full, .hero--recipe .hero-col-image { min-height: 75vh; }

.hero-col-copy { padding-top: 3rem; padding-bottom: 3rem; }

.hero-col-copy p:last-of-type { padding-bottom: 0; }

@media (max-width: 500px) { .hero-col-copy { padding-top: 2rem; padding-bottom: 2rem; } }

.hero .col-1-2:first-of-type:last-of-type { width: 100%; }

.hero .col-1-2:first-of-type:last-of-type .content-wrapper--small { max-width: 800px; }

/***** Form Standards *****/
::-webkit-input-placeholder { color: #231f20; opacity: .5; }
::-moz-placeholder { color: #231f20; opacity: .5; }
:-ms-input-placeholder { color: #231f20; opacity: .5; }
::-ms-input-placeholder { color: #231f20; opacity: .5; }
::placeholder { color: #231f20; opacity: .5; }

/***** Basic Input Styling *****/
form { position: relative; }

.gform_fields { list-style: none; }

.gform_fields .gfield { margin-bottom: 8px; }

.gform_wrapper { padding-top: 0.5rem; }

.gform_wrapper textarea { width: 100% !important; }

.styled-select, input, textarea { background: white; border: 1px solid #00818A; border-radius: 30px; font-family: "BambinoNew-Regular", sans-serif; font-size: 11px; font-weight: 500; line-height: 17px; padding: 15px 20px 15px 20px; outline: none; width: 100%; }

.styled-select:focus, input:focus, textarea:focus { border-color: #35174c; }

@media (max-width: 500px) { .styled-select, input, textarea { font-size: 13px; line-height: 20px; } }

textarea { display: block; }

select { font-family: "BambinoNew-Regular", sans-serif; font-size: 0.5333333333rem; outline: none !important; }

input[type="radio"], input[type="checkbox"] { width: 0.5rem; height: 0.5rem; opacity: 0; margin-right: 0.5rem; margin-left: 0.5rem; cursor: pointer; position: relative; z-index: 2; }

input[type="radio"] + label, input[type="checkbox"] + label { position: relative; z-index: 1; width: calc(100% - 1rem*1.5); padding-right: 1rem; }

input[type="radio"] + label:before, input[type="checkbox"] + label:before { position: absolute; content: ''; display: block; right: calc(100% + 0.5rem); top: 0; width: calc(0.5rem - 2px); height: calc(0.5rem - 2px); background-color: #FFFFFF; border-radius: 0.5rem; border: 1px solid #35174c; }

input[type="radio"] + label:after, input[type="checkbox"] + label:after { position: absolute; content: ''; display: block; right: calc(100% + 0.5rem - 2px); top: -2px; width: calc(0.5rem + 2px); height: calc(0.5rem + 2px); border: 1px solid white; border-radius: 0.5rem; }

input[type="radio"]:checked + label:before, input[type="checkbox"]:checked + label:before { background-color: #00818A; }

/***** Form Headers *****/
.gform_title { font-size: 50px; line-height: 1.2em; }

.gform_title:not(:last-child) { padding-bottom: 10px; }

.gform_description { font-size: 13px; line-height: 1.7em; padding-bottom: 15px; }

input[type="submit"] { text-align: center; padding-right: 20px; }

input[type="submit"].center { text-align: center; }

.form--email .gform_footer { overflow: hidden; border-radius: 25px; }

.form--email .gform_footer input.gform_button[type="submit"] { text-align: left; padding-right: 100px; }

.form--email .gform_footer:before { content: ''; width: 21px; height: 13px; background-image: url("../images/icons/icon-email.png"); background-repeat: no-repeat; background-size: contain; position: absolute; top: 18px; right: 21px; z-index: 9; -webkit-transition: .2s all ease-in-out; transition: .2s all ease-in-out; }

.form--email .gform_footer:hover:before { right: 25px; }

.ginput_complex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.ginput_complex > span { padding-right: 5px; width: 100%; }

.ginput_complex > span:last-of-type { padding-right: 0; }

/***** Styled Select *****/
.input--search { background-image: url("../images/icons/icon-search-teal.svg"); background-repeat: no-repeat; background-position: right center; }

/***** Styled Select *****/
.styled-select { cursor: pointer; overflow: hidden; height: 50px; background: #FFFFFF; background-color: #FFFFFF; border-radius: 50px; border: 1px solid #f3ecf1; display: block; position: relative; padding: 0 15px 0; }

.styled-select:after, .styled-select:before { content: ''; position: absolute; pointer-events: none; }

.styled-select:after { width: 10px; height: 10px; border-right: 1px solid #231f20; border-bottom: 1px solid #231f20; top: 16px; right: 22px; background: #FFFFFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.styled-select:before { background: #FFFFFF; top: 0; right: 0; width: 33px; height: 100%; }

.styled-select select { background: transparent; border: 0; font-size: 14px; padding: 0; width: 120%; height: 50px; -webkit-appearance: none; }

.styled-select select.chosen-select { visibility: visible; }

.styled-select select::-ms-expand { /* IE appearance none */ display: none; }

/***** Form Validation *****/
.gfield_required { color: #ec4072; padding: 0 3px; }

.gfield_error.styled-select, .gfield_error input { border-color: #ec4072; border-width: 2px; }

.validation_error { text-align: center; font-size: 14px; font-weight: 700; margin-bottom: 20px; max-width: 350px; margin: 0 auto 15px; }

.validation_message { display: none; }

/***** Ajax Loader *****/
.gform_footer { position: relative; }

.gform_footer img.gform_ajax_spinner { position: absolute; left: 0; right: 0; margin: auto; top: 100%; width: 18px; height: 18px; z-index: 99; }

.gform_footer p { display: none; }

/***** SAP *****/
.sapCRLWidget { margin-bottom: 0.5rem; }

button[type="button"].sapCpButton { text-align: center !important; width: 100%; padding-right: 0.5rem !important; padding-left: 0.5rem !important; }

.sapCpButtonWidgetExtraText { display: none; }

select.chosen-select { visibility: hidden; }

.chosen-select--full + .chosen-container { width: 100% !important; margin-bottom: 5px; }

.chosen-container { width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: left; -webkit-box-shadow: inset 0px 0px 0px 1px #00818A; box-shadow: inset 0px 0px 0px 1px #00818A; padding: 17px 10px 17px 20px; border-radius: 25px; }

.bg-teal + .chosen-container, .bg-purple + .chosen-container { -webkit-box-shadow: none; box-shadow: none; color: #FFFFFF; }

.bg-teal + .chosen-container .chosen-single, .bg-purple + .chosen-container .chosen-single { color: #FFFFFF; }

.bg-teal + .chosen-container .chosen-single div b, .bg-purple + .chosen-container .chosen-single div b { border-color: #FFFFFF; }

.bg-teal + .chosen-container { background: #00818A; }

.bg-purple + .chosen-container { background: #35174c; }

.bg-purple + .chosen-container .chosen-drop { background: #35174c; }

.bg-purple + .chosen-container .chosen-drop li.highlighted { background: #502373; }

.chosen-bg-white .chosen-container { min-width: 100%; background: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; }

.chosen-bg-white .chosen-container .chosen-drop { background: #f1f2f2; }

.chosen-bg-white .chosen-container .chosen-drop li { color: #231f20; }

.chosen-bg-white .chosen-container .chosen-drop .highlighted { background: #e4e6e6; }

.chosen-with-drop { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.chosen-container-single .chosen-single input[type="text"] { cursor: pointer; opacity: 0; position: absolute; width: 0; padding: 0; }

.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; width: 100%; background: #00818A; color: #FFFFFF; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; overflow: auto; }

.chosen-container.chosen-with-drop .chosen-drop { left: 0; }

.chosen-container a { cursor: pointer; }

.chosen-container-single .chosen-choices, .chosen-container-single .chosen-single { padding: 0; position: relative; display: block; overflow: hidden; text-decoration: none; white-space: nowrap; color: #231f20; line-height: 1em; }

.chosen-container-single .chosen-default { color: #999; }

.chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2em; font-family: 'BambinoNew-Bold'; }

.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }

.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 10px; display: block; width: 15px; height: 100%; }

.chosen-container .chosen-single div b { display: block; width: 10px; height: 10px; border: 2px solid #00818A; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) translate(0, 0); -ms-transform: rotate(45deg) translate(0, 0); transform: rotate(45deg) translate(0, 0); margin: auto; }

.chosen-container-single-nosearch .chosen-search, .no-search .chosen-container-single .chosen-search { display: none; }

.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }

.chosen-container-single .chosen-search input[type=text] { background: #FFFFFF; color: #231f20; padding: 10px 20px 10px 10px; width: 100%; height: auto; border: 1px solid #f3ecf1; letter-spacing: 0; line-height: normal; border-radius: 0; }

.chosen-container-single .chosen-drop { margin-top: -1px; background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

.chosen-container .chosen-results { padding-left: 0; position: relative; overflow-x: hidden; overflow-y: auto; max-height: 240px; -webkit-overflow-scrolling: touch; padding: 10px 0; }

.chosen-container .chosen-results li { display: none; border: 0; margin: 0; font-size: 0.4333333333rem; list-style: none; -webkit-touch-callout: none; width: 100%; padding: 0.75em 1em; line-height: 1.2em; }

.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }

.chosen-container .chosen-results li.disabled-result { display: list-item; color: #CCC; cursor: default; }

.chosen-container .chosen-results li.highlighted { background-color: #006971; }

.chosen-container .chosen-results li.no-results { display: list-item; background: #F4F4F4; }

.chosen-container .chosen-results li.group-result { display: list-item; font-weight: 700; cursor: default; }

.chosen-container .chosen-results li.group-option { padding-left: 15px; }

.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; font-family: 'BambinoNew-Bold'; color: #00818A; }

.chosen-disabled { opacity: 0.5 !important; cursor: default; }

.chosen-container .chosen-results li.gf_placeholder, .reset { opacity: 0.5; }

.chosen__wrapper--input { position: relative; }

.chosen__wrapper--input .chosen-container { position: absolute; border: 0; left: 0; top: 0; padding: 0.6rem 0 0.6rem 2.5rem; width: 100% !important; height: 100%; }

.chosen__wrapper--input .chosen-container .chosen-single span { text-align: left; font-size: 0.53333rem; font-weight: 500; }

.chosen__wrapper--input label { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.chosen__wrapper--input > div { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

/***** Multiple *****/
.filters .filter.chosen-container-multi { padding-top: 15px; padding-bottom: 15px; }

.filters .filter.chosen-container-multi .chosen-choices { list-style: none; white-space: nowrap; overflow-x: scroll; -ms-overflow-style: none; }

.filters .filter.chosen-container-multi .chosen-choices::-webkit-scrollbar { display: none; }

.filters .filter.chosen-container-multi .chosen-choices li { display: inline-block; }

.filters .filter.chosen-container-multi .chosen-choices .chosen-search-input { padding: 0; }

.filters .filter.chosen-container-multi .chosen-choices .chosen-search-input.default { padding-top: 2px; color: black; }

.filters .filter.chosen-container-multi .chosen-choices .search-choice { background: white; border-radius: 2px; padding: 5px 25px 5px 5px; position: relative; margin: 0 5px 0 0; }

.filters .filter.chosen-container-multi .chosen-choices .search-choice .search-choice-close { display: inline-block; width: 10px; height: 14px; background-image: url("../images/icons/close-x.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 5px; top: 5px; }

.filters .filter.chosen-container-multi .chosen-results .result-selected { display: block; opacity: 0.5; }

/* Links */
a { text-decoration: none; }

.admin-content a, .underline a, .underline--link, a.underline { color: #00818A; text-decoration: underline; }

.admin-content .underline--bold a { text-decoration: none; }

.admin-content .purple a { color: #35174c; }

.bg-teal a { color: #FFFFFF; }

.underline--hover:hover { text-decoration: underline; }

.underline--hover--parent a { text-decoration: none; }

.underline--hover--parent a:hover { text-decoration: underline; }

.underline--bold { display: inline-block; border-bottom: 2px solid; margin-bottom: 10px; padding-bottom: 5px; }

.cta, input[type="submit"], button.sapCpButton[type="button"] { font-size: 0.4rem; font-weight: 700; font-family: "BambinoNew-Regular", sans-serif; border: 0; background-color: #00818A; border-radius: 50px; color: #FFFFFF; cursor: pointer; display: inline-block; line-height: 1em; padding: 19px 100px 19px 20px; position: relative; margin: 0 20px 0 0; overflow: hidden; text-align: left; -webkit-transition: all 0.3s; transition: all 0.3s; /* @include break-page-3 { min-width: 200px; } */ }

.cta:hover, input:hover[type="submit"], button.sapCpButton:hover[type="button"] { background: #007c85; }

.cta:focus, input:focus[type="submit"], button.sapCpButton:focus[type="button"] { -webkit-box-shadow: 0px 0px 10px inset rgba(0, 0, 0, 0.55); box-shadow: 0px 0px 10px inset rgba(0, 0, 0, 0.55); }

.cta + .cta, input[type="submit"] + .cta, button.sapCpButton[type="button"] + .cta, .cta + input[type="submit"], input[type="submit"] + input[type="submit"], button.sapCpButton[type="button"] + input[type="submit"], .cta + button.sapCpButton[type="button"], input[type="submit"] + button.sapCpButton[type="button"], button.sapCpButton[type="button"] + button.sapCpButton[type="button"] { margin-top: 5px; }

p + .cta, p + input[type="submit"], p + button.sapCpButton[type="button"] { margin-top: 15px; }

.center .cta, .center input[type="submit"], .center button.sapCpButton[type="button"] { margin-left: auto; margin-right: auto; }

.cta--full { width: 100%; }

/***** Icon CTA *****/
.cta--icon, .form--email .gform_footer { position: relative; -webkit-mask-image: -webkit-radial-gradient(white, black); }

.cta--icon:after, .form--email .gform_footer:after { content: ''; display: block; width: 75px; height: 200%; background: rgba(0, 0, 0, 0.1); z-index: 1; top: 0; margin: -5px 0 0 -5px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 0; }

.cta--icon .icon, .form--email .gform_footer .icon { -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.cta--icon .icon img, .form--email .gform_footer .icon img { display: block; width: 30px; }

.cta--icon:hover:after, .form--email .gform_footer:hover:after { width: 85px; }

.cta--icon:hover .icon, .form--email .gform_footer:hover .icon { -webkit-transform: translateY(-50%) translateX(-20%); -ms-transform: translateY(-50%) translateX(-20%); transform: translateY(-50%) translateX(-20%); }

.cta--icon.icon-play .icon, .form--email .icon-play.gform_footer .icon, .cta--icon.icon--xsmall .icon, .form--email .icon--xsmall.gform_footer .icon { right: 25px; }

.cta--icon.icon-play img, .form--email .icon-play.gform_footer img, .cta--icon.icon--xsmall img, .form--email .icon--xsmall.gform_footer img { width: 10px; }

.cta--arrow .icon img { width: 15px; margin-right: 3px; }

.cta--block { cursor: pointer; padding: 15px; width: 60px; height: 60px; display: block; position: relative; }

.cta--block img { position: absolute; left: 0; right: 0; margin: auto; max-width: 30px; max-height: 30px; }

.cta--block span { color: #35174c; font-size: 10px; position: absolute; left: 0; right: 0; top: 100%; padding-top: 5px; }

.kiosk:before { content: 'Site by: '; }

/***** Tabs: All *****/
.tabs ul, .tabs li { list-style: none; }

/***** Tab Toggles: All *****/
.tab__controls { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; width: 100%; }

@media (max-width: 500px) { .tab__controls { display: block; } }

.tab__controls button { font-family: "LifehackSans-Regular", sans-serif; font-weight: 400; letter-spacing: .05rem; text-transform: uppercase; font-size: 26px; line-height: 1.2em; padding-bottom: 10px; -webkit-appearance: none; background: #f1f2f2; border: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 3px solid #f1f2f2; border-left: 1px solid #f1f2f2; border-right: 1px solid #f1f2f2; color: #35174c; cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; margin-right: 0.5rem; padding: 1rem 0.5rem; width: 100%; outline: none; }

.tab__controls button.active { background: white; border-top-color: #00818A; z-index: 9; margin-bottom: -1px; }

.tab__controls button:last-of-type { margin-right: 0; }

@media (max-width: 500px) { .tab__controls button { padding: 0rem .2rem .2rem; background: white; border-top: 1px solid #f1f2f2; }
  .tab__controls button.active { color: #FFFFFF; background: #00818A; } }

/***** Tab Contents: All *****/
.tab__content { padding: 1rem; border: 1px solid #f1f2f2; }

.tab__content li { opacity: 0; visibility: hidden; }

.tab__content .active { opacity: 1; visibility: visible; }

@media (max-width: 500px) { .tab__content { padding: 0.25rem; }
  .tab__content .add-pad { padding: 2rem .5rem; } }

.tabs--product .tab__content li { display: none; }

.tabs--product .tab__content li.active { display: block; }

/***** Slick Defaults *****/
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-bottom: -3px; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list.dragging { cursor: pointer; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: auto; }

.slick-track:after, .slick-track:before { content: ''; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { display: none; float: left; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/***** Slick Theme *****/
.slick-loading .slick-list { background: url("../images/loading.svg"); background-position: center center; background-repeat: no-repeat; }

/***** Left/Right Navigation *****/
.slick-next, .slick-prev { cursor: pointer; display: block; background: none; border: 0; width: 40px; height: 40px; margin: -20px 0 0; overflow: hidden; opacity: 0; position: absolute; text-decoration: none; text-indent: -99999px; top: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; z-index: 10; }

.slick-next:after, .slick-prev:after { content: ''; position: absolute; display: block; width: 20px; height: 20px; border: 1px solid #231f20; border-left: 0; border-bottom: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 7px; }

.slick-arrow--stay .slick-prev, .slick-arrow--stay .slick-next { opacity: 1; }

.slick-arrow--stay .slick-prev { left: 10px; }

.slick-arrow--stay .slick-next { right: 10px; }

.slick-arrow--outside .slick-prev { left: -20px; }

.slick-arrow--outside .slick-next { right: -20px; }

@media (max-width: 1340px) { .slick-arrow--outside { width: calc(100% - 60px); } }

.slick-arrow--white .slick-next:after, .slick-arrow--white .slick-prev:after { border-color: #FFFFFF; }

.slick-arrow--circle .slick-next, .slick-arrow--circle .slick-prev { border: 1px solid #35174c; border-radius: 60px; width: 60px; height: 60px; z-index: -9; }

.slick-arrow--circle .slick-next:after, .slick-arrow--circle .slick-prev:after { top: 18px; }

.slick-arrow--circle .slick-next:after { left: 16px; }

.slick-arrow--circle .slick-prev:after { right: 16px; }

.slick-arrow--circle:hover .slick-next, .slick-arrow--circle:hover .slick-prev { z-index: 9; }

.slick-arrow--circle:hover .slick-prev { left: -10px; }

.slick-arrow--circle:hover .slick-next { right: -10px; }

/***** Left/Right Navigation: Previous *****/
.slick-prev { /* left: -50px; &:after { right: 10px; } @include max( 600px ) { left: 0; } */ }

.slick-prev:after { right: 10px; }

/***** Left/Right Navigation: Next *****/
.slick-next { /* right: -50px; &:after { transform: rotate(45deg); left: 10px; } @include max( 600px ) { right: 0; } */ }

.slick-next:after { left: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/***** Left/Right Navigation: Hover *****/
.slick-slider:hover { /* .slick-prev { opacity: 0.7; left: 10px; &:hover { opacity: 1; } } .slick-next { opacity: 0.7; right: 10px; &:hover { opacity: 1; } } */ }

/***** Dot Navigation *****/
.slick-dotted { padding-bottom: 2rem; }

.slick-dots { line-height: 1; text-align: center; padding: 0.5rem 2rem; position: absolute; width: 100%; left: 0; }

.slick-dots li { position: relative; display: inline-block; padding: 7px; vertical-align: middle; cursor: pointer; }

.slick-dots li button { border: 0; border-radius: 10px; background-color: #00818A; display: block; height: 10px; width: 10px; opacity: .5; color: transparent; padding: 0; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); }

.slick-dots .slick-active button { -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); background: #00818A; opacity: 1; }

.slick-dots--left { padding-bottom: 0; }

.slick-dots--left .slick-dots { background: #35174c; display: inline-block; width: auto; padding: 2rem 0.5rem; position: absolute; top: 50%; left: 0; z-index: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.slick-dots--left .slick-dots li { display: block; }

.slick-dots--left .slick-dots li button { background: #FFFFFF; }

.slick-dots--left .slick-dots .slick-active button { background: #00818A; }

@media (max-width: 1100px) { .slick-dots--left .slick-dots { top: 20vh; } }

/***** Cheese Icon Slider *****/
.slick--cheeses .slick-prev, .slick--cheeses .slick-next { top: 150%; }

.slick--cheeses .slick-prev { left: 20px; }

.slick--cheeses .slick-next { right: 20px; }

.slick--cheeses--icons .panel-cta { opacity: 0.5; padding: 0 10px; width: 33.33%; }

.slick--cheeses--icons .slick-current .panel-cta { opacity: 1; }

.slick--cheeses--icons .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }

/***** Community Slider *****/
.slick--community .grid.content-wrapper--small { padding: 40px 20px 100px; }

@media (max-width: 1100px) { .slick--community { display: none; } }

.panel { position: relative; min-height: 40vh; }

.panel-h-2x { min-height: 80vh; }

.panel-split { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1500px) { .panel { min-height: 45vh; }
  .panel-h-2x { min-height: 90vh; } }

@media (max-height: 600px) { .panel { min-height: 300px; }
  .panel-h-2x { min-height: 600px; } }

@media (max-width: 1100px) { .grid { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .panel { width: 100%; position: relative; }
  .panel.panel--has-cta { padding-bottom: 150px; }
  .bg-image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .panel.col-1-4 { width: 33.33%; }
  .panel.col-1-4:first-child { width: 100%; }
  .panel-h-2x { min-height: 40vh; }
  .panel .col-1-2 { width: 50%; } }

@media (max-width: 1100px) and (min-width: 500px) { .panel-tablet-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .panel-tablet-grid .panel { width: 50%; }
  .panel-tablet-grid .bg-image { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .panel-tablet-grid .panel--arrow--top:after { top: 50%; margin-top: -20px; right: -20px; left: auto; } }

@media (max-width: 500px) { .panel .col-1-2 { width: 100%; }
  .panel-split .bg-image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .panel-split .panel--arrow:after { left: 0; right: 0; margin: auto; top: -20px; } }

.panel.col-1-2:first-child:last-child { width: 100%; }

/***** Overlay Links *****/
.cta--overlay { opacity: 0; -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; position: relative; padding: 0; }

.cta--overlay .cta--overlay--content { padding: 1rem; -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); -webkit-transition: .3s all ease-in-out; transition: .3s all ease-in-out; }

.cta--overlay .panel-cta { margin-top: 1rem; }

@media (max-width: 500px) { .cta--overlay { opacity: 1; }
  .cta--overlay .cta--overlay--content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.cta--overlay:hover, .cta--overlay:focus { opacity: 1; }

.cta--overlay:hover .cta--overlay--content, .cta--overlay:focus .cta--overlay--content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.overlay--stay .cta--overlay { opacity: 1; }

.overlay--stay .cta--overlay .cta--overlay--content { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.overlay.bg-teal { background: rgba(0, 129, 138, 0.9); }

.overlay.bg-purple { background: rgba(53, 23, 76, 0.9); }

.overlay.bg-white { background: rgba(255, 255, 255, 0.9); }

/***** Panel CTAs (circles at bottom) *****/
.panel-cta .icon { -webkit-mask-image: -webkit-radial-gradient(white, black); position: relative; overflow: hidden; width: 60px; height: 60px; margin: 0 auto 10px; border-radius: 100%; }

.panel-cta .icon img { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; max-width: 40%; max-height: 40%; }

@media (max-width: 500px) { .panel-cta .icon { width: 50px; height: 50px; } }

.panel-cta .icon-play img, .panel-cta .icon--play img { margin-left: 6px; }

.panel-cta .icon--cheese img { max-width: 60%; max-height: 50%; }

.panel-cta .icon--cheese--fresh img, .panel-cta .icon-cheese--icon-cheese-fresh img { max-width: 50%; max-height: 50%; }

.panel-cta .icon--small { width: 50px; height: 50px; }

.panel-cta .icon--large img { max-width: 60%; max-height: 60%; }

.panel-cta .icon--inline { margin-right: 6px; }

@media (min-width: 500px) { .panel-cta .arrow-point-left img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } }

a .panel-cta .icon:after, .panel-cta a .icon:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 0; top: 50%; left: 50%; background: #000; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(60deg); transform: translateX(-50%) translateY(-50%) rotate(60deg); }

a .panel-cta .icon:hover:after, .panel-cta a .icon:hover:after { height: 100%; opacity: 0.1; }

.panel--inline { margin-right: 5px; }

.panel--has-cta { padding-bottom: 150px; }

.panel-cta--sticky { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; }

.panel-cta--sticky.cta, input.panel-cta--sticky[type="submit"], button.panel-cta--sticky.sapCpButton[type="button"] { max-width: 300px; }

@media (max-width: 500px) { .panel-cta--sticky { bottom: 30px; } }

.grid--panel-cta .panel-cta, .grid--panel-cta-left .panel-cta { width: 100px; }

.grid--panel-cta .h5, .grid--panel-cta-left .h5 { color: #35174c; font-size: 11px; letter-spacing: 0.25em; }

.grid--panel-cta-left .panel-cta { margin-right: 5px; text-align: center; }

/***** Panel Arrows *****/
.panel--arrow { position: relative; }

.panel--arrow:after { content: ''; background-color: white; width: 40px; height: 40px; display: block; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 9; }

.panel--arrow--top:after { left: 0; right: 0; top: -20px; margin: auto; }

.panel--arrow--down:after { left: 0; right: 0; bottom: -20px; margin: auto; }

.panel--arrow--left:after { left: -20px; top: 50%; margin-top: -20px; }

.panel--arrow--right:after { right: -20px; top: 50%; margin-top: -20px; }

@media (max-width: 1100px) { .panel--arrow--right:after { right: inherit; left: -20px; } }

.panel--arrow.bg-teal:after { background-color: #00818A; }

.panel--arrow.bg-purple:after { background-color: #35174c; }

.panel--arrow.bg-gray:after { background-color: #f1f2f2; }

/***** Specific Panels *****/
.panel--store-locator input, .panel--store-locator button { width: 100%; margin-top: 5px; }

/***** Visual Template Items *****/
.visual-panel-one-col-text:first-child { padding-top: 4rem; }

.visual-panel-one-col-text .content-wrapper--medium, .visual-panel-one-col-image-text .content-wrapper--medium { max-width: 950px; }

.visual-panel-one-col-image-text .bg-gray { position: relative; }

.visual-panel-one-col-image-text .bg-gray .cta, .visual-panel-one-col-image-text .bg-gray input[type="submit"], .visual-panel-one-col-image-text .bg-gray button.sapCpButton[type="button"] { position: absolute; left: 0; right: 0; margin: auto; width: auto; max-width: 300px; bottom: -25px; }

.visual-panel-one-col-image-text img { display: block; }

.visual-panel-grid .col-1-2 { min-width: 400px; }

.visual-panel-grid .col-1-3 { min-width: 350px; }

.visual-panel-grid .col-1-4 { min-width: 300px; }

.visual-panel-grid .col-1-5 { min-width: 220px; }

.visual-panel-grid .col-1-6 { min-width: 180px; }

.panel-image--left > .bg-image { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.section-bg { margin-bottom: 2rem; }

.section-bg .cta, .section-bg input[type="submit"], .section-bg button.sapCpButton[type="button"] { -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }

.section-bg .section-image { border: 1px solid #f1f2f2; }

.section-bg .section-content { background: #f1f2f2; padding: .5rem .5rem 0; }

.section-image { position: relative; }

.section-image a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; text-indent: -999999px; }

.section-image img { display: block; max-width: 100%; }

.section-image--rectangle { padding-bottom: 70%; }

.section-image--square { padding-bottom: 100%; }

/***** Community *****/
.panel-social a { font-family: 'BambinoNew-Bold'; text-decoration: underline; }

#instagram-post-1 { background-image: url("../images/backgrounds/instagram-default-4.jpg"); }

#instagram-1 { background-image: url("../images/backgrounds/instagram-default-1.jpg"); }

#instagram-2 { background-image: url("../images/backgrounds/instagram-default-2.jpg"); }

#instagram-3 { background-image: url("../images/backgrounds/instagram-default-3.jpg"); }

@media (max-width: 1100px) { #instagram-1, #instagram-2, #instagram-3 { min-height: 33vw; } }

/***** Adjustments *****/
.hero + .bg-white > .visual-panel, .bg-white + .bg-white > .visual-panel { padding-top: 0; }

.grid--products { padding-right: 0; }

.grid--products .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.grid--products .slick-slide { background: white; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 1rem; margin-right: 1rem; position: relative; margin-left: 5px; }

@media (max-width: 500px) { .grid--products { /* margin: 0; width: 100%; */ /* .slick-prev { left: 0; } .slick-next { right: 0; } */ padding-left: 15px; padding-right: 0; }
  .grid--products .slick-prev, .grid--products .slick-next { /* width: 15px; height: 15px; */ }
  .grid--products .slick-slide { margin-right: .75rem; } }

.products--no-slider .product-card { background: white; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); margin-bottom: 2rem; position: relative; }

.grid--products--static .product-card { margin-right: 1rem; max-width: calc(33.33% - 1rem); min-width: calc(25% - 1rem); -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

@media (max-width: 1000px) { .grid--products--static .product-card { min-width: calc( 50% - 1rem); max-width: calc( 50% - 1rem); } }

@media (max-width: 650px) { .grid--products--static .product-card { min-width: 100%; max-width: 100%; } }

.product-card img { width: 100%; }

.product-card .h3 { font-size: 1rem; }

.product-card .cta, .product-card input[type="submit"], .product-card button.sapCpButton[type="button"] { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); width: 70%; }

@media (max-width: 500px) { .product-card .cta, .product-card input[type="submit"], .product-card button.sapCpButton[type="button"] { width: 90%; } }

.product-content { padding: 1rem 20px; text-align: center; }

.grid--align-center .slick-slide { border: 1px solid #f3ecf1; }

.grid--align-center .slick-slide > div, .grid--align-center .slick-slide .product-card, .grid--align-center .slick-slide .fit-height { height: 100%; }

.pagination { font-size: 0.4rem; font-weight: 700; font-family: "BambinoNew-Regular", sans-serif; display: inline-block; background: #00818A; color: #FFFFFF; padding: 0 3rem; position: relative; border-radius: 25px; overflow: hidden; /* .next, .prev { background-color: rgba( black, .2 ); padding: $gutter_half .75rem; overflow: hidden; width: 0; width: 10px; text-indent: -99999px; &:after { content: ''; width: 10px; height: 10px; display: block; border: 2px solid c('white'); position: absolute; top: 18px; transform: rotate(45deg); } &:before { width: 20px; height: 100%; } } .next { right: 0; &:after { right: 21px; border-bottom: 0; border-left: 0; } } */ }

.pagination .page-numbers { border-top: 2px solid transparent; border-bottom: 2px solid transparent; display: inline-block; padding: 5px 3px; margin: 0.3333333333rem 5px; position: relative; }

.pagination .current { border-bottom-color: #FFFFFF; }

.pagination .next, .pagination .prev { background: rgba(0, 0, 0, 0.1); padding: 0.5rem 0.25rem; margin: 0; position: absolute; top: 0; width: 50px; text-indent: -99999px; }

.pagination .next:after, .pagination .prev:after { content: ''; width: 10px; height: 10px; display: block; border: 2px solid #FFFFFF; position: absolute; top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.pagination .next:before, .pagination .prev:before { content: ''; width: 0; height: 0; border-bottom: 45px solid rgba(0, 0, 0, 0.1); border-right: 20px solid transparent; position: absolute; top: 0; }

.pagination .next { right: 0; }

.pagination .next:after { border-bottom: 0; border-left: 0; right: 25px; }

.pagination .next:before { left: -20px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.pagination .prev { left: 0; }

.pagination .prev:after { border-top: 0; border-right: 0; left: 25px; }

.pagination .prev:before { right: -20px; }

.pagination--block { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-bottom: 3rem; }

.pagination--block .col-1-2 { margin: 0 0.5rem; }

.pagination--block .col-1-2:first-of-type { margin-left: 0; }

.pagination--block .col-1-2:last-of-type { margin-right: 0; }

@media (max-width: 500px) { .pagination--block { display: block; }
  .pagination--block .col-1-2 { margin: 0.5rem 0; } }

.pagination--np { padding-bottom: 3rem; }

.pagination--np .p { line-height: 1.5em; }

.pagination--np .col-1-2 { padding: 0; }

/* Layout */
.featured-flavors { -webkit-box-sizing: content-box; box-sizing: content-box; margin: 20px auto 30px; max-width: 300px; display: inline-block; padding-left: 1rem; padding-right: 1rem; background-image: url("../images/backgrounds/purple-bg.svg"); background-repeat: no-repeat; background-size: 100% 100%; }

.featured-flavors p { padding: 0; }

.logo-cyoa { display: block; max-width: 400px; margin: 0 auto 10px; }

.slick--cheeses--icons { max-width: 400px; margin: auto; padding-top: 0.5rem; }

/***** Community Slides ****/
@media (max-width: 1100px) { .grid--community { display: block; }
  .grid--community .col-1-2 { width: 100%; } }

.grid--community .content-wrapper--medium { padding: 0; }

.slick--community .grid { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.slick--community .slick-prev { left: 20px; }

.slick--community:hover .slick-prev { left: 0px; }

@media (max-width: 800px) { .slick--community .slick-next, .slick--community .slick-prev { top: 90%; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
  .slick--community .slick-next { right: 25%; }
  .slick--community .slick-prev { left: 25%; }
  .slick--community:hover .slick-next { right: 25%; }
  .slick--community:hover .slick-prev { left: 25%; } }

.frame { background-color: white; -webkit-box-shadow: -3px 2px 20px rgba(0, 0, 0, 0.27); box-shadow: -3px 2px 20px rgba(0, 0, 0, 0.27); padding: 20px; position: relative; min-height: 280px; opacity: 0; -webkit-transition: .6s all; transition: .6s all; width: 45%; }

@media (max-width: 800px) { .frame { width: 80% !important; } }

.frame-1 { z-index: 9; -webkit-transition-delay: .8s; transition-delay: .8s; -webkit-transform: rotate(0deg) translate(0%, 35%); -ms-transform: rotate(0deg) translate(0%, 35%); transform: rotate(0deg) translate(0%, 35%); }

.frame-2 { z-index: -9; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: rotate(0deg) translate(0%, 10%); -ms-transform: rotate(0deg) translate(0%, 10%); transform: rotate(0deg) translate(0%, 10%); }

.slick-current .frame-1 { opacity: 1; -webkit-transform: rotate(-7deg) translate(5%, 25%); -ms-transform: rotate(-7deg) translate(5%, 25%); transform: rotate(-7deg) translate(5%, 25%); }

.slick-current .frame-2 { opacity: 1; -webkit-transform: rotate(6deg) translate(-5%, 0); -ms-transform: rotate(6deg) translate(-5%, 0); transform: rotate(6deg) translate(-5%, 0); }

.slick-slide:nth-of-type(2n) .frame-1 { z-index: -9; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: rotate(0deg) translate(-5%, 5%); -ms-transform: rotate(0deg) translate(-5%, 5%); transform: rotate(0deg) translate(-5%, 5%); }

.slick-slide:nth-of-type(2n) .frame-2 { z-index: 9; -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-transform: rotate(0deg) translate(5%, 35%); -ms-transform: rotate(0deg) translate(5%, 35%); transform: rotate(0deg) translate(5%, 35%); }

@media (max-width: 800px) { .slick-slide:nth-of-type(2n) .frame-2 { -webkit-transform: rotate(0deg) translate(5%, 15%); -ms-transform: rotate(0deg) translate(5%, 15%); transform: rotate(0deg) translate(5%, 15%); } }

.slick-current:nth-of-type(2n) .frame-1 { -webkit-transform: rotate(3deg) translate(5%, 0); -ms-transform: rotate(3deg) translate(5%, 0); transform: rotate(3deg) translate(5%, 0); }

@media (max-width: 800px) { .slick-current:nth-of-type(2n) .frame-1 { -webkit-transform: rotate(5deg) translate(5%, 10%); -ms-transform: rotate(5deg) translate(5%, 10%); transform: rotate(5deg) translate(5%, 10%); } }

.slick-current:nth-of-type(2n) .frame-2 { -webkit-transform: rotate(-5deg) translate(-10%, 25%); -ms-transform: rotate(-5deg) translate(-10%, 25%); transform: rotate(-5deg) translate(-10%, 25%); }

@media (max-width: 800px) { .slick-current:nth-of-type(2n) .frame-2 { -webkit-transform: rotate(-5deg) translate(-12%, -5%); -ms-transform: rotate(-5deg) translate(-12%, -5%); transform: rotate(-5deg) translate(-12%, -5%); } }

.links--equal { max-width: 400px; margin-left: auto; margin-right: auto; }

.links--equal .cta, .links--equal input[type="submit"], .links--equal button.sapCpButton[type="button"] { width: 100%; display: block; }

.panel.col-1-2 .col-1-1 .cta, .panel.col-1-2 .col-1-1 input[type="submit"], .panel.col-1-2 .col-1-1 button.sapCpButton[type="button"] { width: 100%; margin-top: 0.5rem; }

.archive--cheese .list--inline .underline--bold { margin-top: 10px; }

.shrink-paragraph { max-width: 70%; margin: auto; min-width: 180px; }

@media (max-width: 450px) { .shrink-paragraph { max-width: 100%; } }

.panel--pairings { padding-top: 2rem; }

.single-cheese-suggestions .col-1-2 { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.single-cheese-suggestions .slick--pairings { padding: 0 1.5rem; }

/***** Product Hero *****/
@media (max-width: 800px) { .cheese-add-to-cart .col-1-2 { margin-bottom: 10px; padding-right: 0; } }

.select-cheese-size + .chosen-container { width: 100% !important; }

/***** Awards *****/
.awards { padding-left: 2rem; }

.awards .col-1-3 { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; }

@media (max-width: 800px) { .awards { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .awards .col-1-3 { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } }

@media (max-width: 500px) { .awards { padding-left: 0.5rem; }
  .awards .col-1-3 { padding-right: 0; } }

.award-title { border-bottom: 1px solid; position: relative; margin-right: 1rem; margin-bottom: 0.5rem; }

.award-title:before { content: ''; display: block; background: white; width: 13px; height: 13px; border-radius: 13px; position: absolute; left: -22px; top: 1px; }

@media (max-width: 500px) { .award-title { margin-right: 0; } }

.award-title--1 { border-color: #fabf3c; }

.award-title--1:before { background: #fabf3c; }

.award-title--2 { border-color: #bbc5c3; }

.award-title--2:before { background: #bbc5c3; }

.award-title--3 { border-color: #915833; }

.award-title--3:before { background: #915833; }

.list--awards { list-style: none; margin-bottom: 1rem; padding-right: 0.5rem; }

.list--awards li { line-height: 1.4em; padding: 5px 0; }

/***** Nutrition *****/
.nutrition p { padding: 0; font-size: 11px; line-height: 1em; width: 100%; }

.nutrition .disclaimer { line-height: 1.4em; text-indent: -10px; padding-left: 10px; opacity: .7; }

.nutrition .row { border-bottom: 1px solid #f1f2f2; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 6px 0 5px; }

.nutrition .row--indent { padding-left: 0.5rem; }

.nutrition .row-border--0x { border-bottom: 0; }

.nutrition .row-border--2x { border-bottom-width: 3px; padding-top: 8px; padding-bottom: 7px; margin-bottom: 3px; }

.nutrition .row-border--3x { border-bottom-width: 5px; padding-top: 10px; padding-bottom: 9px; margin-bottom: 3px; }

.sup-r { font-family: 'BambinoNew-Light', sans-serif; font-size: 60%; vertical-align: sub; line-height: 1; }

@media (max-width: 800px) { .hero--cheese { text-align: center; }
  .hero--cheese .grid--panel-cta { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.filter--recipes { margin-top: 0.5rem; width: 300px; }

@media (max-width: 800px) { .filter--recipes { width: 100%; }
  .filter--recipes .styled-select { width: 100%; margin-bottom: 5px; } }

.hero--recipe .content-wrapper--medium { max-width: 700px; }

@media (max-width: 800px) { .recipe-content { display: block; }
  .recipe-content .col-1-2 { width: 100%; } }

.col-ingredients { padding-right: 30px; }

.ingredients { padding-bottom: 15px; }

.ingredients p { padding: 0; }

@media (min-width: 500px) { .recipe-mobile-stack .mobile { display: none; } }

@media (max-width: 500px) { .recipe-mobile-stack { background-image: none !important; }
  .recipe-mobile-stack .cta--overlay { position: relative; height: auto; }
  .recipe-mobile-stack .cta--overlay:before { content: ''; display: block; width: 40px; height: 40px; background: #35174c; position: absolute; top: -20px; left: 0; right: 0; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .recipe-mobile-stack .bg-purple { background: #35174c; }
  .recipe-mobile-stack .bg-teal { background: #00818A; } }

.grid--recipes { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

@media (max-width: 600px) { .grid--recipes { margin: 0; width: 100%; } }

@media (min-width: 600px) { .grid--recipes { padding-right: 0; } }

.grid--recipes .col-1-3 { position: relative; }

@media (min-width: 600px) { .grid--recipes .col-1-3 { padding-right: 1rem; } }

.grid--recipes .square { height: 0; padding-bottom: 100%; position: relative; }

.grid--recipes .square .h3 { font-size: 1rem; }

.grid--recipes .square .overlay { position: absolute; overflow: auto; }

.grid--recipes .square .overlay::-webkit-scrollbar { display: none; }

.grid--recipes .square .icon { width: 40px; height: 40px; }

.hero--recipe .col-1-2 { position: relative; }

.recipe--share { position: absolute; top: 15px; right: 15px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.recipe--share > div { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 0; }

.recipe--share > div img { display: block; }

.recipe--share > div .h5 { padding-top: 10px; }

.recipe--share .share { margin-right: 0.5rem; }

.recipe--share .share .h5 { padding-right: 0.5rem; }

.recipe--share.mobile { position: relative; top: 0; right: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

@media (max-width: 500px) { .recipe--share { padding-top: 1rem; } }

.st-inline-share-buttons { border-right: 1px solid #f3ecf1; padding-right: 0.5rem; }

.st-inline-share-buttons#st-1 .st-btn, .st-inline-share-buttons#st-2 .st-btn { background: #00818A !important; border-radius: 20px; height: 40px; width: 40px; text-align: center; line-height: 40px; margin: 0 0 0 5px; }

.st-inline-share-buttons#st-1 .st-btn > svg, .st-inline-share-buttons#st-1 .st-btn > img, .st-inline-share-buttons#st-2 .st-btn > svg, .st-inline-share-buttons#st-2 .st-btn > img { width: 22px; height: 22px; top: 9px; }

.search-form { position: relative; }

.search-form .search-submit { cursor: pointer; width: 40px; height: 40px; position: absolute; right: 10px; top: 5px; opacity: 0; }

.search-item-wrapper { border-bottom: 1px solid #f3ecf1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.search-item-wrapper img { display: inline-block; margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; }

.search-item-wrapper .content { display: inline-block; }

@media (max-width: 500px) { .search-item-wrapper { display: block; }
  .search-item-wrapper img { margin-right: 0; margin-bottom: 0.5rem; }
  .search-item-wrapper .content { display: block; }
  .search-item-wrapper .content p { padding: 0; } }

.search-products { width: 340px; }

.faqs .faq { border-bottom: 1px solid #f3ecf1; padding-top: 0.5rem; }

.filter--reduce .chosen-container { margin: auto; }

.hide--filter { display: none; }

.pt-pairings .bg-image.align-content-center div { width: 100%; }

.pt-pairings .bg-image.align-content-center div .cta--block { margin-right: auto; }

.pairing-list { max-width: 500px; margin-left: auto; margin-right: auto; }

.pairings--randomize .pairing { display: none; }

.pairings--randomize .pairing .h3 { white-space: pre-wrap; overflow: hidden; text-overflow: clip; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }

.pairings--randomize .active { display: block; }

.white .pairings--randomize .teal, .white .pairings--randomize .purple { color: #FFFFFF; }

#randomize, .cta--block { position: absolute; top: 50vh; margin-top: -30px; }

#randomize { right: 0; }

@media (max-width: 700px) { .pt-pairings--home .h3 { display: none; }
  .pt-pairings--home .pairing-options .panel { min-height: 0; }
  .pt-pairings--home .pairing-options .panel .add-pad { padding: 1rem .5rem 1rem; }
  .pt-pairings--home .pairing-options .panel.bg-purple { padding-bottom: 2rem; } }

@media (min-width: 1100px) { .pt-pairings .panel { min-height: 50vh; }
  .pt-pairings .panel-h-2x { min-height: 100vh; } }

@media (max-width: 1100px) { .pt-pairings #randomize, .pt-pairings .cta--block { padding: 10px; position: fixed; top: 50%; margin-top: -25px; z-index: 9; width: 50px; height: 50px; }
  .pt-pairings .add-pad--lr { padding-left: 2rem; padding-right: 2rem; } }

.page-template-pt-cyoa { background: #35174c; }

.page-template-pt-cyoa #footer-grass { display: none; }

/***** Menu *****/
.page-template-pt-cyoa .cg-logo--white { position: absolute; left: 0; right: 0; top: 0; margin: auto; text-align: center; padding: .25rem; width: 160px; z-index: 9; }

@media (min-width: 1100px) { .page-template-pt-cyoa .cg-logo--white { z-index: 999; } }

.page-template-pt-cyoa .cg-logo--white img { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.23); box-shadow: 0 0 3px rgba(0, 0, 0, 0.23); border-radius: 70px; height: 140px; }

@media (max-width: 500px) { .page-template-pt-cyoa .cg-logo--white { width: 120px; }
  .page-template-pt-cyoa .cg-logo--white img { height: 100px; } }

@media (max-height: 540px) { .page-template-pt-cyoa .cg-logo--white { padding: 10px; width: 80px; }
  .page-template-pt-cyoa .cg-logo--white img { height: 80px; margin: auto; } }

.header--cyoa, .hamburger--cyoa { -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }

.header--cyoa { -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); position: fixed; top: 0; left: 0; width: 100%; z-index: 9; }

.header--cyoa .logo__wrap { opacity: 0; }

@media (max-width: 1100px) { .header--cyoa .hamburger { display: none; }
  .header--cyoa .grid--header { display: none; } }

.hamburger--cyoa { -webkit-appearance: none; border: 0; display: block; position: fixed; top: 10px; right: 15px; z-index: 9999; }

/***** Menu Active *****/
.header--cyoa a, .header--cyoa .site-nav .sub-menu li a { display: none; }

.cyoa-menu-active .header--cyoa a, .cyoa-menu-active .header--cyoa .site-nav .sub-menu li a, .mobile-menu-active .header--cyoa a, .mobile-menu-active .header--cyoa .site-nav .sub-menu li a { display: block; }

.cyoa-menu-active .header--cyoa .spacer a, .mobile-menu-active .header--cyoa .spacer a { display: inline-block; }

.cyoa-menu-active .header--cyoa { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.cyoa-menu-active .hamburger--cyoa { -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); }

.mobile-menu-active .header--cyoa .mobile-menu { height: 100vh; }

/***** Page Layout *****/
.cyoa--wrapper .panel { padding-top: 160px; }

@media (max-width: 500px) { .cyoa--wrapper .panel { padding-top: 100px; overflow: auto; } }

@media (max-height: 540px) { .cyoa--wrapper .panel { padding-top: 50px; } }

.cyoa--wrapper #results, .cyoa--wrapper #lead-in { padding-bottom: 160px; }

@media (max-width: 500px) { .cyoa--wrapper #results, .cyoa--wrapper #lead-in { padding-bottom: 100px; } }

@media (max-height: 540px) { .cyoa--wrapper #results, .cyoa--wrapper #lead-in { padding-bottom: 50px; } }

.cyoa--wrapper button.link { background: none; border: 0; -webkit-appearance: none; color: white; font-size: 13px; line-height: 1.7em; padding-bottom: 5px; font-family: 'BambinoNew-Bold'; }

.cyoa--wrapper { height: 100vh; text-align: center; color: #FFFFFF; overflow: hidden; }

.cyoa--wrapper .panel { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.cyoa--wrapper .panel .question { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.cyoa--wrapper .panel .answers { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.cyoa--wrapper .question-index, .cyoa--wrapper .question-text { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: .3s; transition: .3s; }

@media (max-width: 600px) { .cyoa--wrapper .links--equal { max-width: 100%; padding: 0 0 1rem; } }

@media (max-height: 540px) { .cyoa--wrapper .panel { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .cyoa--wrapper .panel .question, .cyoa--wrapper .panel .answers { width: 50%; margin: 0; }
  .cyoa--wrapper .panel .answers { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }
  .cyoa--wrapper .panel .answer { width: 100%; padding: 10px; margin: 2px 0; }
  .cyoa--wrapper .panel .answer .icon, .cyoa--wrapper .panel .answer .small { display: none; }
  .cyoa--wrapper .panel .answer:after { display: none; } }

.results-content { width: 100%; }

.cheese-result { height: 100vh; overflow: scroll; padding: 160px 0; }

@media (max-width: 500px) { .cheese-result { padding: 100px 0; } }

.cheese-result .content { z-index: 99; }

/***** Page Layout: Scrolling Animation *****/
.cyoa--slider { -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }

.cyoa--animating .answer { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.cyoa--animating .answer:after { opacity: 0; }

.cyoa--animating .selected { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

@media (min-height: 650px) { .cyoa--animating .question--wrapper { -webkit-transform: scale(0.2) rotate(360deg); -ms-transform: scale(0.2) rotate(360deg); transform: scale(0.2) rotate(360deg); opacity: 0; } }

@media (max-height: 650px) { .cyoa--animating .question--wrapper { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: .5; } }

.cyoa-inactive .not-selected { overflow: hidden; height: 0; }

/***** Questions *****/
.question--wrapper { background-image: url("../images/cyoa/cyoa-circle.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; width: 320px; height: 320px; border-radius: 160px; padding: 3rem 0.75rem 1rem; position: relative; -webkit-transition: .6s; transition: .6s; }

.question--wrapper .question-index { display: inline-block; background: #35174c; padding: 0.5rem; max-width: 120px; width: 100%; }

.question--wrapper .h1 { font-size: 100px; }

.question--wrapper p b, .question--wrapper p strong { text-transform: uppercase; }

@media (min-height: 750px) { .question--wrapper .question-index { position: absolute; left: 0; right: 0; margin: auto; top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }

@media (max-height: 750px) { .question--wrapper { background-image: url("../images/cyoa/cyoa-circle-transparent.svg"); width: 100%; height: auto; max-width: 500px; padding-top: 0; }
  .question--wrapper .question-index { background: none; font-size: 80px; max-width: 80px; }
  .question--wrapper .question-text { padding: 0 1rem 0.5rem; } }

@media (max-height: 650px) { .question--wrapper { background: none; padding: 0 0.5rem; }
  .question--wrapper .question-index { font-size: 50px; width: 80px; height: 80px; background-image: url("../images/cyoa/cyoa-circle.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; }
  .question--wrapper .question-text { padding: 0; padding-top: 0.5rem; } }

.question-text { padding-top: 10px; padding-left: 5px; }

/***** Answers *****/
.answers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: auto; max-width: 1100px; width: 100%; padding: 1rem 1rem 0.5rem; }

@media (max-width: 600px) { .answers { padding-left: 0; padding-right: 0; } }

@media (max-width: 400px) { .answers { display: block; } }

.answer { cursor: pointer; background-image: url("../images/cyoa/answer-bg-1.png"); background-size: 100% 100%; background-repeat: no-repeat; background-color: transparent; border: 0; color: white; display: block; font-family: "BambinoNew-Regular", sans-serif; width: 33.33%; margin: 0 1rem 7vh; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position: relative; -webkit-appearance: none; }

.answer:after { content: ''; display: block; width: 100%; height: 7vh; position: absolute; left: 0; right: 0; margin: auto; top: 100%; background-image: url("../images/cyoa/answer-arrow-1.svg"); background-size: contain; background-position: top center; background-repeat: no-repeat; -webkit-transition: .3s; transition: .3s; }

.answer:nth-of-type(2n) { background-image: url("../images/cyoa/answer-bg-2.png"); }

.answer:nth-of-type(2n):after { background-image: url("../images/cyoa/answer-arrow-2.svg"); }

.answer:nth-of-type(3n) { background-image: url("../images/cyoa/answer-bg-3.png"); }

.answer:nth-of-type(3n):after { background-image: url("../images/cyoa/answer-arrow-3.svg"); }

@media (max-width: 800px) { .answer { margin-left: 0.25rem; margin-right: 0.25rem; } }

@media (max-width: 600px) and (min-width: 800px) { .answer { margin-bottom: 0; }
  .answer:after { height: 0; display: none; } }

@media (max-width: 600px) { .answer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 0.5rem; }
  .answer .icon, .answer .small { display: none; } }

@media (max-width: 400px) { .answer { width: 90%; margin: 2px auto; margin-bottom: 0; padding: 10px; }
  .answer:after { height: 0; display: none; } }

.answer .icon { width: 90px; height: 50px; margin: -25px auto 5px; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; position: relative; z-index: 9; }

.answer .icon img { max-width: 100%; max-height: 100%; }

.answer:hover .icon { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }

.answer .h4 { padding-bottom: 5px; line-height: 1em; }

.answer .small { padding: 0 15px; margin: 0 0 20px; line-height: 1.3em; }

.answer-hover img { -webkit-animation: roll-the-dice .55s linear 1; animation: roll-the-dice .55s linear 1; /* animation set */ -webkit-animation-delay: .1s; animation-delay: .1s; }

@media (max-width: 600px) { #lead-in .question { border-radius: 0; } }

.lead-in { height: 320px; width: 100%; background-image: url("../images/cyoa/cyoa-primary.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; }

.lead-in p { max-width: 250px; position: absolute; top: 200px; left: 0; right: 0; margin: auto; width: 100%; }

@media (max-width: 600px), (max-height: 540px) { .lead-in { background-image: url("../images/logo-cyoa.svg"); background-size: 80% auto; background-position: center 25%; } }

@media (max-height: 540px) { .lead-in { background-size: auto 40%; } }

.OS-iPhone.Browser-Safari.page-template-pt-cyoa .panel { padding-bottom: 90px; }

.panel:not(.cyoa-active) .answer { display: none; }

.konami { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }

@media (max-width: 800px) { .konami { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.konami .col-1-2 { background: #35174c; -webkit-transition: 1s all ease-in-out; transition: 1s all ease-in-out; padding: 2rem; }

@media (max-width: 800px) { .konami .col-1-2 { width: 100%; height: 50%; overflow: scroll; } }

@media (max-height: 360px) { .konami .col-1-2 { overflow: scroll; } }

.konami .col-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.konami .col-left img { opacity: 0.01; width: 80%; max-width: 350px; -webkit-transition: .35s all ease-in-out; transition: .35s all ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; max-height: 100%; }

@media (max-width: 400px) { .konami .col-left img { margin: auto; } }

@media (max-width: 400px) { .konami .col-left { padding: .5rem; } }

.konami .col-right { background: #FFFFFF; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }

.konami .col-right > div { opacity: 0; -webkit-transition: .35s all ease-in-out; transition: .35s all ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; max-width: 450px; }

@media (max-width: 400px) { .konami .col-right { padding: 2rem .5rem; } }

@media (max-width: 400px), (max-height: 360px) { .konami .col-right { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } }

.konami .cta, .konami input[type="submit"], .konami button.sapCpButton[type="button"] { padding: 19px; min-width: 200px; text-align: center; }

.konami .konami-answer { display: none; padding: 24px 19px; }

.konami-active .col-left { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.konami-active .col-left img { opacity: 1; }

.konami-active .col-right { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.konami-active .col-right > div { opacity: 1; }

.pt-landing .sapCpCheckBox { display: inline-block; }

.pt-landing .sapCpCheckBox + label { cursor: pointer; }

.pt-landing .sapCpCheckBox input[type="checkbox"] { opacity: 1; margin: 0 10px 0 0; }

.pt-landing .ktm-form-msg-success { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.pt-landing #ktm-form-success { max-width: 350px; }

.pt-landing #__box21, .pt-landing #__label49, .pt-landing #__box11, .pt-landing #__label25 { display: none; }

.Browser-Explorer .input--search, .Browser-Mozilla .input--search { background-image: url("../images/icons/icon-search-teal.png"); }

.Browser-Explorer .align-content-center > div, .Browser-Mozilla .align-content-center > div { margin: 0; }

.Browser-Explorer .panel-cta .icon img, .Browser-Mozilla .panel-cta .icon img { margin: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.Browser-Explorer .cta--arrow img, .Browser-Mozilla .cta--arrow img { height: 15px; }

.Browser-Explorer .hero--recipe .content-wrapper--medium, .Browser-Mozilla .hero--recipe .content-wrapper--medium { margin-left: 0; margin-right: 0; }

.Browser-Explorer #footer-grass svg, .Browser-Mozilla #footer-grass svg { height: 100px; }

@media (max-width: 800px) { .Browser-Explorer #footer-grass svg, .Browser-Mozilla #footer-grass svg { height: 75px; } }

@media (max-width: 500px) { .Browser-Explorer #footer-grass svg, .Browser-Mozilla #footer-grass svg { height: 70px; } }

.Browser-Explorer .cyoa--wrapper #results, .Browser-Mozilla .cyoa--wrapper #results { padding-top: 0; }

.Browser-Explorer.BV-10 .site-nav--left, .Browser-Explorer.BV-10 .site-nav--right { width: 40%; }

@media (min-width: 500px) { .Browser-Safari .panel-h-2x .cta--overlay { position: absolute; } }

.OS-iPhone a .panel-cta .icon:after, .OS-iPhone .panel-cta a .icon:after { display: none; }

.OS-iPhone a .panel-cta .icon:hover:after, .OS-iPhone .panel-cta a .icon:hover:after { display: none; }

/*# sourceMappingURL=style.css.map */