@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:900|Libre+Baskerville");

/* See overrides at bottom */
h1,
h2,
h3,
p,
strong,
#main-content li {
  color: #f60;
  margin-left: 0px;
  font-family: Arial, Helvetica, sans-serif;
}

h1,
h2 {
  font-size: 300%;
  font-weight: bold;
}

h1 {
  padding-top: 40px;
  margin-left: 10px;
}

h3 {
  font-size: 150%;
  border-bottom: #f60 1px dashed;
  margin-right: 10px;
}

.logo {
  float: left;
  margin: 6px;
  background: #fff;
  padding: 2px;
  border: 1px solid #ddd;
}

#main-content h2 {
  padding-bottom: 0;
  font-size: 200%;
}

#main-content h3 {
  font-size: 130%;
}

p,
strong,
#main-content li {
  line-height: 1.4em;
  color: #333;
  margin-left: 0px;
}

#main-content li {
  margin-left: 20px;
}

#main-content a {
  color: #f60;
}

.address p,
.open-times p {
  font-size: 1.2em;
  padding: 5px 0px;
  text-align: left;
}

.address ul {
  margin-right: 10px;
}

.contactname {
  font-weight: bold;
}

/* Specific text styles ends  */

/* Layout style begins */
#container {
  background: #fff;
}

#navigation {
  width: 211px;
}

#main-content {
  width: 500px;
}

#content-right {
  width: 251px;
  margin-top: 10px;
  background-color: #f5f5f5;
  border: #666 solid 1px;
}

.img-container {
  padding: 0px;
  margin: 3px 0px 3px 10px;
}

.img {
  padding: 2px;
  background-color: #f5f5f5;
  border: #666 solid 1px;
}

.submit {
  margin-right: 58px;
}

.address,
.open-times {
  width: 241px;
}

/* Layout styles ends */

/* Navigation Starts */
#navigation li,
.address li,
.img-link {
  padding: 3px 0px;
  border-bottom: 1px dashed #666;
  width: auto;
}

#navigation li a,
.address li a,
.img-container a {
  display: block;
  line-height: 21px;
  color: #fff;
  text-decoration: none;
  padding: 1px 5px 1px 5px;
  border: 1px solid #333;
  background: #7e7e7e url(button_rpt_default.gif) repeat-x left bottom;
}

#navigation li a:hover,
.address li a:hover,
.img-container a:hover {
  background: #f60 url(button_rpt_default_hover.gif) repeat-x left bottom;
  color: #333;
  text-decoration: underline;
}

.img-container p {
  margin: 3px 0px;
  padding: 0px;
}

/* Navigation Ends */

/* Form Starts */
.textfield {
  width: 339px;
  background-color: #f5f5f5;
  border: 1px solid #666;
  padding: 2px;
}

.textfield:focus {
  background-color: #fff;
}

/* Form Ends */

/*======= Gallery =======*/
.gallery .thumb {
  width: 204px;
}

.gallery .thumb a {
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #ccc;
}

.gallery .thumb img {
  border: none;
  padding: 0;
  /* visibility: hidden; */
}

/* Styles End */

@media screen and (max-width: 480px) {
  #navigation {
    padding: 0.5em;
  }

  .img-container {
    max-width: 70%;
    margin: 1em auto;
  }

  .address,
  .open-times {
    display: block;
    max-width: 90%;
    margin: 1em auto;
  }

  .gallery .thumb {
    width: 45%;
  }

  #content-right {
    width: 98% !important;
    margin: 1% !important;
  }
}

/* overrides */
h1,
h2,
h3,
label,
strong {
  font-family: "Roboto", sans-serif;
}

strong {
  font-size: larger;
}

span,
p,
li a,
#main-content li,
.submit {
  font-family: "Libre Baskerville", serif;
}

#main-content h2 {
  margin-bottom: 10px;
}

.address p,
.open-times p {
  font-size: 1em;
}

/* overrides */
h1,
h2,
h3,
label,
strong {
  font-family: "Roboto", sans-serif;
}

strong {
  font-size: larger;
}

span,
p,
li a,
#main-content li,
.submit {
  font-family: "Libre Baskerville", serif;
}

#main-content h2 {
  margin-bottom: 10px;
}

.address p,
.open-times p {
  font-size: 1em;
}