@charset "utf-8";
/* Asklocal Webpage -- Accessible  --*/
/* Specific text styles begin */
h1,
h2,
h3,
p,
strong,
#main-content li,
.label {
  color: #ffff00;
  text-decoration: none;
  margin-left: 5px;
  font-family: Arial, Helvetica, sans-serif;
}
strong {
  margin-left: 0;
}
h1 {
  font-size: 300%;
  font-weight: bold;
  padding-top: 40px;
}
h3 {
  font-size: 150%;
}
a,
#footer a {
  color: #ff0;
  text-decoration: none;
}
a:hover,
#footer a:hover {
  color: #ff0;
  text-decoration: underline;
}
.logo {
  float: left;
  margin: 10px;
  background: #fff;
  padding: 2px;
  border: 1px solid #484848;
}
#main-content h2 {
  padding-bottom: 5px;
  font-size: 200%;
  margin-left: 10px;
}
p,
#main-content li {
  font-size: 1.1em;
  line-height: 1.5em;
  color: #00e1e8;
  margin-left: 0px;
  padding: 0px 10px;
}
#main-content p {
  margin-bottom: 1em;
}
#main-content li {
  margin-left: 20px;
}
.address p,
.open-times p {
  font-size: 1.1em;
  padding-left: 70px;
  text-align: left;
}
.address h3,
.open-times h3 {
  margin-left: 0;
}
.address-inner {
  background: url(red_address_icon.gif) no-repeat left top;
}
.open-times-inner {
  background: url(red_open_icon.gif) no-repeat left top;
  min-height: 50px;
  height: auto !important; /*fix for IE6*/
  height: 50px;
}
#navigation ul,
.address ul {
  margin-left: 5px;
  margin-right: 5px;
}
#content-right p.zoom {
  font-size: 0.9em;
  margin: 0 auto 5px auto;
}
/* Specific text styles ends  */

/* Layout style begins */
body,
.header,
#container {
  background: #2f2f2f;
}
.header {
  height: 150px;
  background: #161616;
  border: 1px dashed #999;
  margin-top: 10px;
}
#main-content,
#content-right,
#navigation {
  margin-top: 20px;
  border: 1px dashed #999;
  background: #161616;
}
#main-content {
  border-bottom: none;
}
#navigation {
  width: 211px;
  display: inline;
}
#main-content {
  display: inline;
  width: 500px;
  min-height: 570px;
}
#content-right {
  display: inline;
  width: 250px;
}
.img-container {
  padding: 0px;
  margin: 3px 10px;
  display: inline;
}
.img-container a:hover {
  color: #ff0;
}
.img {
  padding: 3px;
  background-color: #2f2f2f;
  margin: 2px;
}
.address,
.open-times {
  margin-bottom: 10px;
  padding-bottom: 5px;
  width: 241px;
  min-height: 100px;
  height: auto !important; /*fix for IE6*/
  height: 100px;
  border-bottom: 1px solid #484848;
}
#footer {
  border-top: 1px dashed #999999;
}
#footer,
#footer p {
  background: #161616;
  color: #00e1e8;
}
#map {
  margin-left: 15px;
}

/* Layout style ends */

/* Navigation Starts */
#navigation li,
.address li,
.img-link {
  padding: 1px 0px;
  width: auto;
}
#navigation li {
  margin-bottom: 5px;
}
#navigation li a,
.address li a,
.img-container a {
  background: #1e1e1e;
  font-weight: bold;
  color: #00e1e8;
  display: block;
  text-decoration: none;
  border: 1px solid #484848;
  padding: 7px 5px;
}
#navigation li a:hover,
#navigation li a:focus,
#navigation li a.active,
.address li a:hover {
  background: #484848;
  color: #ffff00;
  text-decoration: underline;
}
.img-container p {
  width: auto;
  margin: 3px 0px;
  padding: 0px;
}
.img-container a:hover span {
  text-decoration: underline;
}
/* Navigation Ends */

/* Form Starts */
.textfield {
  color: #ff0;
  width: 339px;
  background-color: #484848;
  border: 1px solid #aaa;
  padding: 4px;
  margin-bottom: 5px;
}
.textfield:focus {
  background-color: #2f2f2f;
}
form label strong {
  font-size: larger;
  margin-top: 5px;
}
/* Form Ends */

/*======= Gallery =======*/
.gallery .thumb {
  width: 220px;
}
.gallery .thumb a {
  display: block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  margin: 0 auto;
  border: 4px solid #484848;
}
.gallery .thumb img {
  border: none;
  padding: 0;
  /* visibility: hidden; */
}

/*------- End Gallery -------*/

.submit {
  font-weight: bold;
  color: #00e1e8;
  border: 1px solid #999;
  margin-right: 50px;
  margin-bottom: 5px;
  line-height: 15px;
  background: #484848;
  cursor: pointer;
}
.submit:hover {
  color: #ff0;
  border: 1px solid #ff0;
}
.formentry {
  height: 1px;
}
/* Styles End */

@media screen and (max-width: 480px) {
  .header,
  #main-content,
  #content-right,
  #navigation,
  #footer {
    border: none;
  }
  .address,
  .open-times {
    display: inline-block;
    padding: 0.5em;
  }
  #content-right,
  #main-content {
    display: block;
  }
  /* .gallery .thumb {width: 45%;} */
}

/* Formbuilder */
#main-content .FormBuilder.InputfieldForm {
  padding-inline: 0.5rem;
}
#main-content .FormBuilder.InputfieldForm .Inputfield .InputfieldHeader {
  color: white;
}
#main-content .FormBuilder.InputfieldForm .InputfieldSubmit button {
  background: #2f2f2f;
  border: 1px solid #484848;
}