/*
Theme Name: Food Runners 2014
Theme URI: http://www.foodrunners.org
Author: Jamie Loberman
Author URI: http://www.beautifulcoding.com
Description: The 2014 theme for Food Runners
License: Private
*/

@import url(https://fonts.googleapis.com/css?family=Average+Sans);

* {
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
    }

    html {
      position: relative;
      min-height: 100%;
    }
    body {
      /* Margin bottom by footer height */
      margin-bottom: 60px;
      background-color: #FFFFFF;
      background-image: url('images/bg.jpg');
      font-family: 'Average Sans', sans-serif;
      font-weight: 300;
      border-top:10px solid #999;
      font-size: 16px;
    }

    p {
      font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    hr {
      border-color:#999;
    }

    h1, h2, h3 {
    }

    h1 {
      color:#EC3532;
    }

    h2 {

      line-height: 130%;
    }

    h2.sub {
      color:#EC3532;
      padding-top:30px;
    }
    .red {
      color:#EC3532;
    }

    ul.spaced {
      font-size:120%;
    }

    ul.spaced li {
      padding-bottom:10px;
    }

    .alignright {
      float:right;
      margin:0 0 20px 20px;
    }

    @media (max-width: 767px) {
       .alignright {
        display: block;
        float:none;
        margin:10px auto;
      }
    }

    .panel {
      background-color: #f5f5f5;
      margin:20px 0 10px 0;
    }

    .panel h2 {
      margin-top:2px;
    }


    #header {
      margin-top: 10px;
      margin-bottom:20px;
    }

    #main {
      padding-bottom: 40px;
    }
    #main img {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .red-border {
      border-top:1px solid #EC3532;
      border-bottom:1px solid #EC3532;
    }

    .container {
      max-width: 900px;
    }


    .header {
      display: block;
      text-align: center;
      background-image: url('images/bg.jpg');
      background-repeat: repeat;
    }
    .logo {
      padding:15px 0 23px 0;
      margin-left:50px;
      height:130px;
    }

    @media (min-width: 768px){
        .navbar-nav{
            float:none;
            margin: 0 auto;
            display: table;
            table-layout: fixed;
        }
    }

    .navbar {
      border-width: 1px;
      opacity: 0.9;
    }

    .navbar-default .navbar-nav>li>a {
      font-size: 130%;
      color:#000;
    }


    .navbar-default .navbar-nav>li>a:hover,
    .navbar-default .navbar-nav>li.active>a,
    .navbar-default .navbar-nav>li.active>a:hover {
      color:#EC3532;
      background-color: inherit;
    }


    .navbar-header {

    }
    .navbar-toggle {
      float:none;
      border:0;
      display: block;
      margin:5px 0 0 0;
    }
    .navbar-toggle:hover {
      text-decoration: none;
      }

      .navbar-nav {
        margin-top:0;
      }





    .lead {
      /*color:#56A0CE;*/
    }


    .actions {
      padding:20px 0;
    }

    .action-container {
      display: block;
      height:269px;
      position: relative;
      padding:0px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background-size: 100%;
      border-top:1px solid #EC3532;
      border-bottom:1px solid #EC3532;
      opacity: 1;
    }
    .action-container:hover {
      opacity: 0.8;
    }

    .donate-food-action {
      background-image: url("/wp-content/themes/fr2014/images/donate-food.png");
    }
    .donate-time-action {
      background-image: url("/wp-content/themes/fr2014/images/donate-time.png");
    }
    .donate-money-action {
      background-image: url("/wp-content/themes/fr2014/images/donate-money.png");
    }


    .action {
      position: absolute;
      bottom:0;
      display: block;
      width:100%;
      padding-bottom:75px;
      padding-top:75px;
      font-size: 200%;
      text-align: center;
      border: 0;
      background-color: inherit;
      color:#FFF;
      opacity: 0.7;
    }
    .action:hover {
      background-color: inherit;
      color: #FFF;
      opacity: 1;
    }
    .action .glyphicon {
      display: block;
      font-size: 200%;
      margin-bottom: 10px;
    }
    .action:hover .glyphicon {
      font-size: 240%;
    }
    .blue.action .glyphicon {
      color:#56A0CE;
    }
    .red.action .glyphicon {
      color:#EC3532;
    }
    .green.action .glyphicon {
      color:#63b549;
    }

    .list li {
      padding-bottom:10px;
    }
    .image-list {
      list-style: none;
      text-align: center;
      padding:20px 0 0 0;
    }

    .image-list li {
      display: inline-block;
      margin: 10px 40px;
    }
    .image-list img {
      max-height: 100px;
    }

    @media (max-width: 991px) {
        .action-container {
         height:220px;
         margin:0 auto 10px auto;
        }
        .action {
          font-size: 150%;
          padding-bottom:65px;
        }
    }

    @media (max-width: 767px) {
        .action-container {
           height:220px;
           width:220px;
        }
        .action {
          margin-bottom:55px;
          font-size: 150%;
          padding-bottom:0;
        }

    }



    .embed-responsive {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      border:3px solid #333;
      margin:10px 0 30px 0;
    }

    #footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      /* Set the fixed height of the footer here */
      background-color: #f5f5f5;
      padding:20px 0;
    }


    .app-stores {
      margin: 0 0 20px 0;
    }

    #donation-form {
      margin: 20px 0;
      text-align: center;
    }


    .twitter-feed {
      margin:30px auto 20px auto;
      width:520px;
    }

    .error {
      color:red;
    }


    @media (max-width: 767px) {

        * {
          -webkit-transition: none;
          -moz-transition: none;
          -o-transition: none;
          transition: none;
        }

        .logo {
          margin:0;
        }

    }

    /* 991px and smaller (sm) */
    @media (min-width: 768px) and (max-width: 991px) {
      .navbar-default .navbar-nav>li>a {
        font-size: 117%;
      }
    }
    /* Between 991px and 1200px (md) */
    @media (min-width: 991px) and (max-width: 1200px) {

    }

    /* 1200px and bigger (lg) */
    @media (min-width: 1200px) {

    }