.c-btn{background:blue;border:1px solid blue;border-radius:.3125rem;-webkit-box-shadow:none;box-shadow:none;color:#fff;cursor:pointer;display:inline-block;font-family:sans-serif;font-size:1.25rem;line-height:1.875;min-width:10rem;padding:.5rem 1.5rem;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;vertical-align:middle}@media(-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover){.c-btn:hover{background:#fff;color:blue}}.c-btn--outline{background-color:transparent;color:blue}@media(-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover){.c-btn--outline:hover{background-color:blue;color:#fff}}
.c-footer{padding:1rem 0;text-align:right;width:100%}.c-footer button{margin-left:.5rem}
.c-header{background-color:#defffe;padding:10px;width:100%}.c-nav ul{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:flex-start;list-style:none outside none;margin:0;padding:0}.c-nav li+li{padding-left:1rem}.c-nav a{color:inherit;text-decoration:none}@media(-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover){.c-nav a:hover:not(.c-btn){color:blue;text-decoration:underline}}.c-nav .c-btn{font-size:100%;min-width:0}.c-logo{width:4rem}.c-logo svg{display:block;height:3.625rem;width:100%}
.c-svg-icon{display:block}.c-svg-icon svg{display:block;height:auto;width:100%}
.o-main{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;width:100%}.o-shell{max-width:75.125rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}.o-shell--flex{-webkit-box-orient:horizontal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between}.o-shell--flex,.o-wrapper{-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex}.o-wrapper{-webkit-box-orient:vertical;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;justify-content:flex-start}.c-form{-webkit-box-flex:0;-ms-flex:0 0 25rem;flex:0 0 25rem;margin:auto;max-width:25rem;padding:2rem 0}.c-form--signup{-webkit-box-flex:0;-ms-flex:0 0 51rem;flex:0 0 51rem;max-width:51rem}.c-form h2{font-weight:600;margin:0 0 2rem;text-align:center}.c-form__col{-webkit-box-flex:0;-ms-flex-positive:0;-ms-flex-negative:0;-ms-flex-preferred-size:calc(50% - 0.5rem);flex-basis:calc(50% - 0.5rem);flex-grow:0;flex-shrink:0}.c-form__cols{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;justify-content:space-between}.c-form__hint{text-align:center}.c-form__hint a{color:blue;text-decoration:underline}@media(-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover){.c-form__hint a:hover{text-decoration:none}}.c-form__error{color:red;margin:0}.c-form__error--api,.c-form__field{margin-bottom:1rem}.c-form__field--error input,.c-form__field--error select,.c-form__field--error textarea{background-color:rgba(255,0,0,.05);border-color:red}.c-form__field--select{position:relative}.c-form__field--select select{padding-right:2.5rem}.c-form__field--select:after{border-color:currentcolor transparent transparent;border-style:solid;border-width:.5rem .325rem 0;bottom:1.25rem;content:"";display:block;height:0;position:absolute;right:1.25rem;width:0;z-index:2}.c-form__field input,.c-form__field label,.c-form__field select,.c-form__field textarea{display:block}.c-form__field label{display:block;font-size:100%}.c-form__field label[for]{cursor:pointer}.c-form__field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-form__field textarea{-webkit-overflow-scrolling:touch;height:200px;overflow-x:hidden;overflow-y:auto;resize:none}.c-form__field input,.c-form__field select,.c-form__field textarea{background-color:#fff;border:1px solid #333;border-radius:.5rem;-webkit-box-shadow:none;box-shadow:none;font-size:.875rem;height:48px;line-height:1.2857;padding:.875rem 1rem;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;width:100%}.c-form__field input:focus,.c-form__field select:focus,.c-form__field textarea:focus{border-color:#666;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,.25);box-shadow:0 0 .5rem rgba(0,0,0,.25);outline:0 none}.c-form__field-head{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-orient:horizontal;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;font-size:.75rem;justify-content:space-between;line-height:1.5;margin-bottom:.25rem}.c-form .c-btn{display:block;font-size:1.125rem;margin:1rem auto 2rem;max-width:12rem}
.recipe-container{padding:.5rem 1rem}.navigation-bar{padding:4px}.recipe-cards{font-family:Marker Felt}.search-input{margin:8px;min-width:300px}.loading{margin-left:auto;margin-right:auto;width:200px}
.card-shell{display:grid;grid-template-areas:"name name name" "time time time" "ingredients steps steps" "footer footer footer";grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;margin:4px}.card-shell .name{border-left:2px solid #b1b1b1;border-radius:10px 10px 0 0;border-right:2px solid #b1b1b1;border-top:2px solid #b1b1b1;display:table;padding:6px 10px}.card-shell .action-button{font-family:Open Sans,Helvetica,Tahoma,Arial,sans-serif}.card-shell-open{border-bottom:2px solid #b1b1b1;border-left:2px solid #b1b1b1;border-radius:10px;border-top-right-radius:10px}.card-shell-open .name{border-left:none;border-radius:10px 10px 0 0;display:table}.card-shell-open .name,.time{border-right:2px solid #b1b1b1;border-top:2px solid #b1b1b1;padding:6px 10px}.time{border-top-right-radius:10px;grid-area:time;grid-column-start:2}.time-details{border-bottom:1px solid #000;margin-right:22px;min-width:40px;padding:4px}.ingredients{border-right:2px dashed #d0d0d0;border-top-right-radius:10px;grid-area:ingredients;padding:6px 10px}.steps{grid-area:steps}.footer,.steps{border-right:2px solid #b1b1b1;padding:6px 10px}.footer{border-bottom-right-radius:10px;grid-area:footer;grid-column-start:3}.print-recipe-card{margin:3em}