/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

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

body {
  -webkit-touch-callout: none;
  /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;
  /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;
  /* prevent copy paste, to allow, change 'none' to 'text' */
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
  color: #1d9dd9;
  text-shadow: none; }

a {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important; }

@font-face {
  font-family: 'Aleo';
  src: url("fonts/aleo-regular-webfont.eot");
  src: url("fonts/aleo-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-regular-webfont.woff") format("woff"), url("fonts/aleo-regular-webfont.ttf") format("truetype"), url("fonts/aleo-regular-webfont.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Aleo';
  src: url("fonts/aleo-light-webfont.eot");
  src: url("fonts/aleo-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-light-webfont.woff") format("woff"), url("fonts/aleo-light-webfont.ttf") format("truetype"), url("fonts/aleo-light-webfont.svg#font-name") format("svg");
  font-weight: light;
  font-style: normal; }
@font-face {
  font-family: 'Aleo';
  src: url("fonts/aleo-bold-webfont.eot");
  src: url("fonts/aleo-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/aleo-bold-webfont.woff") format("woff"), url("fonts/aleo-bold-webfont.ttf") format("truetype"), url("fonts/aleo-bold-webfont.svg#font-name") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-regular-webfont.eot");
  src: url("fonts/cabin-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/cabin-regular-webfont.woff") format("woff"), url("fonts/cabin-regular-webfont.ttf") format("truetype"), url("fonts/cabin-regular-webfont.svg#font-name") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-italic-webfont.eot");
  src: url("fonts/cabin-italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/cabin-italic-webfont.woff") format("woff"), url("fonts/cabin-italic-webfont.ttf") format("truetype"), url("fonts/cabin-italic-webfont.svg#font-name") format("svg");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bold-webfont.eot");
  src: url("fonts/cabin-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/cabin-bold-webfont.woff") format("woff"), url("fonts/cabin-bold-webfont.ttf") format("truetype"), url("fonts/cabin-bold-webfont.svg#font-name") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'Cabin';
  src: url("fonts/cabin-bolditalic-webfont.eot");
  src: url("fonts/cabin-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/cabin-bolditalic-webfont.woff") format("woff"), url("fonts/cabin-bolditalic-webfont.ttf") format("truetype"), url("fonts/cabin-bolditalic-webfont.svg#font-name") format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'ProximaNova';
  src: url("fonts/proximanovacond-semibold-webfont.eot");
  src: url("fonts/proximanovacond-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanovacond-semibold-webfont.woff") format("woff"), url("fonts/proximanovacond-semibold-webfont.ttf") format("truetype"), url("fonts/proximanovacond-semibold-webfont.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal; }
body, input, select, textarea, button, .ui-btn {
  font-family: Cabin, sans-serif;
  font-size: 1em;
  line-height: 1.3; }

h1, h2, h3, h4, h5, h6 {
  font-family: Aleo, sans-serif; }

h1 {
  font-weight: normal; }

.txt-green {
  color: #afc40c; }

.txt-blue {
  color: #38a9de; }

.txt-darkblue {
  color: #1676a3; }

.txt-grey {
  color: #606060; }

.txt-center {
  text-align: center; }

.txt-left {
  text-align: left; }

.txt-right {
  text-align: right; }

.txt-underline {
  text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid red;
  border-color: inherit; }

.form-container label {
  font-family: Aleo, sans-serif;
  font-weight: 100;
  margin: 0; }

#accordion h3 {
  color: #606060;
  outline: none !important;
  cursor: pointer; }
#accordion p {
  font: 17px/23px "Cabin";
  color: #606060; }

html header[role="banner"] {
  border: none;
  text-shadow: none; }
  html header[role="banner"] .ui-btn.navmenu-link, html header[role="banner"] .ui-btn.ui-btn-left[data-rel="back"] {
    background-color: transparent;
    border: none;
    text-shadow: none;
    margin-top: 3px; }
    html header[role="banner"] .ui-btn.navmenu-link:focus, html header[role="banner"] .ui-btn.ui-btn-left[data-rel="back"]:focus {
      box-shadow: none; }
  html header[role="banner"] > .ui-field-contain {
    display: inline-block;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 5px; }
    html header[role="banner"] > .ui-field-contain form#update-family {
      margin: 0; }
      html header[role="banner"] > .ui-field-contain form#update-family .ui-select {
        margin: 0; }
        html header[role="banner"] > .ui-field-contain form#update-family .ui-select #choose-type-button {
          background-color: transparent;
          border: none;
          box-shadow: none;
          -webkit-box-shadow: none;
          text-shadow: none; }

.content-container {
  background-size: 258px 430px;
  padding-bottom: 2em; }
  @media screen and (max-width: 768px) {
    .content-container {
      background: none; } }
  .content-container .content {
    position: relative;
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%;
    margin-left: 25.5319148936%; }
    .content-container .content .logo {
      background: url("../img/logo.svg");
      width: 100px;
      height: 100px;
      display: block;
      position: absolute;
      left: -100px;
      top: 50px;
      z-index: 0; }
      @media screen and (max-width: 768px) {
        .content-container .content .logo {
          position: relative;
          margin: 0 auto;
          display: table;
          left: auto;
          top: 2em; } }
    .content-container .content header {
      padding-top: 2em; }
      .content-container .content header h2 {
        font-weight: 100;
        margin-top: 0; }
    .content-container .content:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .content-container .content {
        float: left;
        display: block;
        margin-right: 2.1276595745%;
        width: 74.4680851064%;
        margin-left: 12.7659574468%; }
        .content-container .content:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .content-container .content {
        float: left;
        display: block;
        margin-right: 2.1276595745%;
        width: 87.2340425532%;
        margin-left: 6.3829787234%; }
        .content-container .content:last-child {
          margin-right: 0; } }
    .content-container .content .reset-container {
      background-size: 100% 100%;
      padding: 1em 0;
      text-align: center; }

.custom-footer-container {
  padding: 2em 0 4em 0;
  background: rgba(255, 255, 255, 0.4);
  /*accordion-container*/ }
  .custom-footer-container #vragen > h3 {
    margin-bottom: 2em;
    color: #afc30f;
    font-weight: 400; }
  .custom-footer-container .accordion-container {
    position: relative;
    padding-bottom: 6em;
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 48.9361702128%;
    margin-left: 25.5319148936%; }
    .custom-footer-container .accordion-container:last-child {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .custom-footer-container .accordion-container {
        float: left;
        display: block;
        margin-right: 2.1276595745%;
        width: 74.4680851064%;
        margin-left: 12.7659574468%; }
        .custom-footer-container .accordion-container:last-child {
          margin-right: 0; } }
    @media screen and (max-width: 480px) {
      .custom-footer-container .accordion-container {
        float: left;
        display: block;
        margin-right: 2.1276595745%;
        width: 87.2340425532%;
        margin-left: 6.3829787234%; }
        .custom-footer-container .accordion-container:last-child {
          margin-right: 0; } }
    .custom-footer-container .accordion-container p {
      padding-bottom: 1em;
      margin-top: -0.5em; }
    .custom-footer-container .accordion-container .label {
      display: inline-block;
      margin-right: 0.5em;
      min-width: 100px; }
      .custom-footer-container .accordion-container .label:after {
        content: " | ";
        float: right; }
    .custom-footer-container .accordion-container .voetjes {
      background: url("../img/voetjes.svg");
      width: 62px;
      height: 73px;
      display: block;
      position: absolute;
      right: -62px;
      bottom: 73px;
      z-index: 0; }
      @media screen and (max-width: 768px) {
        .custom-footer-container .accordion-container .voetjes {
          position: relative;
          margin: 0 auto;
          display: table;
          right: auto;
          top: 2em; } }
    .custom-footer-container .accordion-container .lidlLogo {
      background: url("../img/logo_lidl.jpg");
      width: 50px;
      height: 50px;
      display: block;
      position: absolute;
      left: 0px;
      bottom: -50px;
      z-index: 0; }
      @media screen and (max-width: 768px) {
        .custom-footer-container .accordion-container .lidlLogo {
          position: relative;
          margin: 0 auto;
          display: table;
          right: auto;
          top: 2em; } }

.ui-btn.btn-primary {
  width: auto;
  display: table;
  margin: 10px auto;
  border: none;
  border-radius: 4px;
  background-color: #afc40c;
  text-shadow: none;
  color: #ffffff;
  font-weight: normal;
  line-height: normal;
  padding: 7px 15px; }
  .ui-btn.btn-primary.ui-btn-inline {
    display: inline-block; }
  .ui-btn.btn-primary.btn-thick {
    padding-left: 50px;
    padding-right: 50px; }
  .ui-btn.btn-primary:active, .ui-btn.btn-primary:hover {
    background-color: #7a8908; }

html .ui-page ul[data-role="listview"] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0px; }
  html .ui-page ul[data-role="listview"] > li a.ui-btn {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-color: #97d2ee;
    background-color: transparent;
    border-radius: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #1676a3; }
    html .ui-page ul[data-role="listview"] > li a.ui-btn img {
      border-radius: 50% !important;
      margin: 5px; }
    html .ui-page ul[data-role="listview"] > li a.ui-btn > h2 {
      color: #1676a3;
      margin-bottom: 0; }
    html .ui-page ul[data-role="listview"] > li a.ui-btn > p {
      color: #38a9de;
      margin-top: 0px;
      font-size: 14px; }
    html .ui-page ul[data-role="listview"] > li a.ui-btn:after {
      right: 10px;
      top: 9px;
      position: absolute;
      margin: 0;
      background-image: url(../img/sprite-2015.svg);
      background-position: -340px -16px;
      display: inline-block;
      text-indent: -9999%;
      width: 10px;
      height: 34px;
      background-color: transparent; }
    html .ui-page ul[data-role="listview"] > li a.ui-btn.ui-btn-active {
      background-color: #1d9dd9;
      border-color: #1d9dd9;
      color: #ffffff;
      text-shadow: none; }
      html .ui-page ul[data-role="listview"] > li a.ui-btn.ui-btn-active > h2 {
        color: #ffffff; }
      html .ui-page ul[data-role="listview"] > li a.ui-btn.ui-btn-active > p {
        margin-bottom: 5px;
        color: #d2eaf8; }
      html .ui-page ul[data-role="listview"] > li a.ui-btn.ui-btn-active:after {
        background-position: -540px -16px; }
  html .ui-page ul[data-role="listview"] > li:last-child a.ui-btn {
    border-bottom: 1px solid #97d2ee; }
  html .ui-page ul[data-role="listview"].list-small > li a.ui-btn {
    padding-top: 5px;
    padding-bottom: 5px; }
html .ui-page .list-header {
  text-align: center;
  font-size: 20px;
  margin: 30px 0 10px; }

html .ui-page .recipes-listview > ul[data-role="listview"].ui-listview > li > a:after {
  top: 27px; }

html .ui-page .orders-listview > ul[data-role="listview"].ui-listview > li > a:after {
  top: 14px; }

#choose-type-listbox.ui-selectmenu {
  background-color: #afc40c;
  text-shadow: none;
  border-color: #7a8908; }
  #choose-type-listbox.ui-selectmenu .ui-selectmenu-list li > a.ui-btn {
    border-color: #7a8908;
    color: #ffffff; }
    #choose-type-listbox.ui-selectmenu .ui-selectmenu-list li > a.ui-btn.ui-btn-active {
      background-color: #7a8908; }

div[data-role="popup"] .ui-input-text {
  border: 1px solid #8bd2f4; }
div[data-role="popup"] .btn-primary {
  margin-bottom: 0; }

.ico {
  background-image: url("../img/sprite-2015.svg");
  background-position: 0px 0px;
  display: inline-block;
  text-indent: -9999%;
  width: 30px;
  height: 30px; }
  .ico.ico-weekmenu {
    background-position: -20px -120px; }
  .ico.ico-recipe {
    background-position: -120px -120px; }
  .ico.ico-steps {
    background-position: -220px -113px;
    height: 37px; }
    .ico.ico-steps.ico-alternative {
      height: 31px;
      width: 37px;
      background-position: -614px -120px; }
  .ico.ico-scale {
    background-position: -520px -120px; }
  .ico.ico-profile {
    background-position: -420px -120px; }
  .ico.ico-search {
    width: 18px;
    height: 18px;
    background-position: -432px -32px; }
  .ico.ico-arrow {
    width: 10px;
    height: 34px;
    background-position: -340px -16px; }
    .ico.ico-arrow.ico-alternative {
      background-position: -540px -16px; }
  .ico.ico-lock {
    width: 38px;
    height: 46px;
    background-position: -212px -4px; }
  .ico.ico-logo {
    height: 114px;
    width: 114px;
    background-position: -736px -36px; }
  .ico.ico-lidl {
    width: 60px;
    height: 60px;
    background-position: 0px -700px; }

.form-container {
  display: inline-block;
  padding: 1em; }
  .form-container .g-recaptcha {
    width: auto;
    display: table;
    margin: 1em auto; }
  .form-container input[type="text"],
  .form-container input[type="email"] {
    margin: 0.4em 0 1em 0;
    border: 2px solid #E9E8E8;
    padding: 0.5em;
    width: 100%; }
    .form-container input[type="text"]::-webkit-input-placeholder,
    .form-container input[type="email"]::-webkit-input-placeholder {
      color: #E9E8E8; }
    .form-container input[type="text"]:-moz-placeholder,
    .form-container input[type="email"]:-moz-placeholder {
      color: #E9E8E8; }
    .form-container input[type="text"]::-moz-placeholder,
    .form-container input[type="email"]::-moz-placeholder {
      color: #E9E8E8; }
    .form-container input[type="text"]:-ms-input-placeholder,
    .form-container input[type="email"]:-ms-input-placeholder {
      color: #E9E8E8; }
  .form-container input[type="checkbox"] {
    margin-right: 0.5em; }