/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name: UNFI Benefits Contacts
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

 ******************************************************************/
div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list {
  margin-bottom: 1em;
  background-color: #1690C3;
  text-shadow: none;
  word-wrap: break-word; }

div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list a {
  color: white;
  color: #afe1f6; }

div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list p {
  color: white; }

div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list a:visited, div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list a:hover {
  color: #749ABB;
  color: #c6eaf9; }

div.ui-body.ui-body-a.ui-corner-all.benefits-provider-list h4 {
  color: white;
  font-weight: normal;
  -webkit-margin-before: 0.73em;
  -webkit-margin-after: 0.13em; }

.ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
  background-size: contain; }

h1.page-title {
  color: #88BB49;
  padding: 0px;
  margin: 0px 0px 15px 0px;
  font-size: 18px; }

.footer-logo {
  width: 40%;
  margin: 20px; }

a.ui-btn.ui-btn-icon-right.ui-icon-carat-r {
  text-overflow: visible;
  overflow: visible;
  white-space: normal; }

.ui-bar-inherit {
  background-color: #1690C3;
  border-color: #1690C3 !important;
  color: #ffffff;
  text-shadow: 0 1px 0 #0c2f50;
  font-weight: bold; }

@media only screen and (min-width: 768px) {
  /* tablets and desktop */
  .footer-logo {
    width: 175px; } }
@media only screen and (max-width: 767px) {
  /* phones */ }
@media only screen and (max-width: 767px) and (orientation: portrait) {
  /* portrait phones */ }
/*# sourceMappingURL=style.css.map */

/*# sourceMappingURL=style.css.map */