/* CSS Document */
/*
Theme Name: Hyper Local Directory
Author: Justin Nisbett
Author URI: http://www.justinnisbett.com.au/
Description: Hand coded excellence.
Version: 1.0
*/
/* Colour Scheme
-------------------------------------------------- */
/* Colour Scheme
-------------------------------------------------- */
/* Sitewide
-------------------------------------------------- */
body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  font-size: 14px; }

body {
  background: url(assets/images/paper.png); }

.gallery img {width:100%; height:auto;}

.reviewlabel {
  display: inline; }

.navbar-default .navbar-brand span.fa-star {
  color: gold; }

.panel-heading {
  padding: 5px 10px 0px 10px; }

.panel .address p {
  margin: 10px 0px; }

a {
  transition: 0.6s;
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

a.facebook {
  font-size: 28px; }

img {
  max-width: 100%;
  height: auto; }

.logo img {
  width: auto;
  height: auto;
  max-height: 100px;
  max-width: 100%;
  padding: 10px;
  display: block;
  margin: 0 auto; }

p.last-review {
  text-align: right; }

.reviewername {
  text-align: right; }

.well span.fa-quote-left {
  float: left; }

.well {
  margin-bottom: 5px; }

.number {
  cursor: pointer;
  color: #026CA9;
  text-decoration: underline;
  display: inline-block;
  margin: 10px 0; }

.number:hover {
  cursor: pointer;
  color: #39C;
  text-decoration: none; }

.mobilenumber {
  display: none; }


h3 {
  margin-top: 0px; }

/*remove listing space at top*/
.tooltip {
  font-size: 20px; }

i.fa-star-o {
  color: #ccc;
  font-size: 32px; }

i.fa-star {
  color: gold;
  font-size: 32px;
  cursor: pointer; }

.modal-footer {
  text-align: left; }

footer p {
  text-align: center;
  margin-top: 20px; }

.number, .number:hover {
  color: #FFF; }

.mobilenumber, .mobilenumber:hover {
  color: #FFF;
  text-decoration: none; }

.services ul {
  padding: 0;
  width: 100%; }

.services li {
  display: inline-block;
  list-style-type: none;
  margin: 0 5px 5px 0;
  background-color: #e7e7e7;
  border: solid 1px #ccc;
  padding: 0 5px; }

#feature {
  text-align: center; }

.rounded-circle {
  border-radius: 50%;
  width: 100%;
  height: auto;
  text-align: center;
  margin-top: -10px;
  border: 1px solid #c8c8c8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
  background: rgba(200, 200, 200, 0.1);
  transition: 0.5s; }

/* Sitewide
-------------------------------------------------- */
/* Mixins
-------------------------------------------------- */
/* Mixins
-------------------------------------------------- */
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%; }

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px; }

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

/* Sticky footer styles
-------------------------------------------------- */
/* Star Rating
-------------------------------------------------- */
.score {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 18px;
  color: #ccc;
  position: relative; }

.score::before,
.score span::before {
  content: "\f005\f005\f005\f005\f005";
  display: block; }

.score span {
  color: gold;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden; }

.element {
  position: relative; }

/* Star Rating
-------------------------------------------------- */
/* Media Queries
-------------------------------------------------- */
@media screen and (max-width: 768px) {
	.reviewlabel {
  display: block; }

  .number {
    display: none; }

  .mobilenumber {
    display: inline; }

  i.fa-star-o {
    font-size: 38px; }

  i.fa-star {
    font-size: 38px; } }
@media screen and (max-width: 568px) {
  body, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    font-size: 16px; }

  .btn {
    margin-bottom: 10px; }

  footer p {
    font-size: 12px; } }
/* Media Queries
-------------------------------------------------- */