/*
|--------------------------------------------------------------------------
| myyesrewards.css
|--------------------------------------------------------------------------
|
*/

  /*
  |-----------------------------------
  | layout
  |-----------------------------------
  |
  */

  body {
    background-color:#E7E2C7;
    background-image:url('../img/background.png');
    background-repeat: no-repeat;
    background-position: 50% 64px;
  }

  @media (min-width: 768px) {
    body {
      padding-top:10px;
      padding-bottom:10px;
    }
  }

  @media (min-width: 1024px) {
    body {
      padding-top:30px;
      padding-bottom:45px;
    }
  }

  .page {
    background-color:#fff;
  }

  header {
    background-color:#66af39;
    margin-bottom:15px;
  }

  footer {
    text-align:right;
    color:#666;
    font-size:11px;
    padding-top:10px;
    padding-bottom:10px;
  }

  /*
  |-----------------------------------
  | jumbotron
  |-----------------------------------
  |
  */

  .container .jumbotron {
    color:#fff;
    border-radius:0;
    font-family: 'Open Sans', sans-serif;
    text-align:center;
    background: #b0db7f;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiMGRiN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzdiZDQzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #b0db7f 0%, #77bd43 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b0db7f), color-stop(100%,#77bd43));
    background: -webkit-radial-gradient(center, ellipse cover,  #b0db7f 0%,#77bd43 100%);
    background: -o-radial-gradient(center, ellipse cover,  #b0db7f 0%,#77bd43 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #b0db7f 0%,#77bd43 100%);
    background: radial-gradient(ellipse at center,  #b0db7f 0%,#77bd43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0db7f', endColorstr='#77bd43',GradientType=1 );
  }

  .container .jumbotron h1 {
    font-weight:300;
    padding-bottom:40px;
    padding-left:30px;
    padding-right:30px;
  }

  @media (max-width: 360px) {
    .container .jumbotron h1 {
      font-size:30px;
      padding-bottom:20px;
    }
  }

  .container .jumbotron p {

  }

  .container .jumbotron h3 {
    font-weight:300;
  }

  .container .jumbotron ul {
    margin-bottom:40px;
  }

  .container .jumbotron hr {
    color:#fff;
    border-top-color:#fff;
    margin:0px 20% 40px 20%;
  }

  .logo {
    margin-bottom:20px;
  }

  @media (min-width: 768px) {
    .logo {
      margin-bottom:0px;
    }
  }

  .btn:focus, .btn:active:focus, .btn.active:focus {
    outline:none;
  }

  .btn-default,
  .btn-default:visited,
  .btn-default:active,
  .btn-default.active,
  .btn-default:focus,
  .btn-default:hover,
  .open > .dropdown-toggle.btn-default {
    outline:none;
    box-shadow:none;
    height:145px;
    border-radius:0;
  }

  .btn-logo,
  .btn-logo:visited,
  .btn-logo:active,
  .btn-logo.active,
  .btn-logo:focus,
  .btn-logo:hover,
  .open > .dropdown-toggle.btn-logo {
    background-color:#fff;
    border-color:#e5e1cd;
    border-right:none;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }

  .btn-logo img {
    width:95%;
    height:auto;
    max-height:130px;
  }

  @media (max-width: 320px) {


    .btn-default,
    .btn-default:visited,
    .btn-default:active,
    .btn-default.active,
    .btn-default:focus,
    .btn-default:hover,
    .open > .dropdown-toggle.btn-default {
      height:100px;
    }

    .btn-logo img {
      max-height:90px;
    }

    .btn-caret {
      padding-right: 3px;
      padding-left: 3px;
    }

    .familyfare .dropdown-menu,
    .vgs .dropdown-menu {
      left:10px;
      right:auto;
    }
  }

  .btn-caret,
  .btn-caret:visited {
    background-color:#e0f6b7;
    border-color:#e5e1cd;
    border-left:none;
  }


  .btn-caret:active
  .btn-caret.active,
  .btn-caret:focus,
  .btn-caret:hover,
  .open > .dropdown-toggle.btn-caret {

    border-color:#e5e1cd;
  }


  /*
  |-----------------------------------
  | dropdown-menu
  |-----------------------------------
  |
  */

  .dropup .dropdown-menu {
    margin-bottom:-10px;
  }


  .dropdown-menu {
    left:auto;
    right:10px;
  }

  .dropdown-menu i {
    margin-right:5px;
  }

  .dropdown-menu {
    border-radius:0;
  }



  .dropdown-menu li a {
    padding-top:6px;
    padding-bottom:6px;
  }



  /*
  |-----------------------------------
  | icons
  |-----------------------------------
  |
  */

  .fa-home {
    color:#cf4741;
  }

  .fa-tag {
    color:#63c9cd;
  }

  .fa-scissors {
    color:#3da477;
  }

  .fa-credit-card {
    color: #aa9121
  }

  .fa-child {
    color:#e8afe2;
  }

  .fa-paw {
    color:#67135e;
  }

  .fa-cutlery {
    color: #cd711a;
  }

  .fa-medkit {
    color: #56849d;
  }

  .fa-map-marker {
    color: #c9b628;
  }

  .fa-shopping-cart {
    color: #5dabc4;
  }

  .fa-apple {
    color: #464646;
  }

  .fa-android {
    color: #A4C739;
  }

  .fa-user,
  .fa-users {
    color: #aaa;
  }