// Import external libraries.
@import "compass";
@import "breakpoint";
@import "singularitygs";
@import "toolkit";

// Import variables, abstractions, base styles and components using globbing.
//
// Globbing will always import files alphabetically. Optimally, all your
// components should be self-contained and explicit enough to not have any
// contained styles leak into unrelated components: The import order should not
// affect the result.
//
// If there are variables, functions or mixins that depend on each other and
// therefore need to be imported in a specific order you can import them
// directly. Variables-, function- or mixin providing partials should never
// output any styles themselves: Importing them multiple times to resolve
// dependencies shouldn't be a problem.
@import "variables/**/*";
@import "abstractions/**/*";
@import "base/**/*";
@import "components/**/*";

body {
  background: url(../images/bg.jpg) no-repeat;
  background-attachment: fixed;
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  margin: 0;
  padding: 10px 0px 0px 0px;
}

#boxes-box-contact_details {
  background: url(../images/address_details.png) no-repeat;
  display: block;
  float: right;
  height: 82px;
  text-indent: -9999em;
  width: 220px;
}

#boxes-box-special_offers {
  background: #FFCC66;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
  padding: 15px;
  a {
    font-weight: bold;
    color: #444;
    font-size: 1.2em;
  }
  em {
    color: #444;
    font-weight: bold;
  }
}

.l-main .l-content, {
  background: #FFFFFF;
  .l-content-inner {
    padding: 15px;
  }
}

#block-views-hero-banner-hero-banner{
  border: 7px solid #FFFFFF;
  .flexslider {
    margin: 0px;
    border: none;
    .views-field-field-banner img {
      max-height: 350px;
    }
    .flex-control-nav {
      bottom: -25px;
      right: 0px;
      width: auto;
      a {
        background: #FFF;
        &.flex-active {
          background: #7C67A5;
        }
      }
    }
  }
}

a {
  color: #66528A;
  text-decoration: underline;
  :hover {
    text-decoration: underline;
  }
}

p {
  margin-top: 0;
  padding-top: 0;
  line-height: 1.5em;
}

img {
  border: none;
}

h1, h2, h3, h4, h5 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  padding: 0 0 10px 0;
  margin: 0;
}

h2 {
  color: #444;
  font-size: 1.2em;
}

.ajax-progress-throbber .throbber {
  position: absolute;
}

.ajax-progress-throbber .message {
  display: none;
}

.paragraphs-item-gallery {
  clear: left;
  margin-bottom: 20px;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  .field--name-field-gallery-title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    padding: 0 0 10px 0;
    color: #444;
    font-size: 1.2em
  }
  .field--name-field-gallery-images .field__item {
    float: left;
    margin-right: 3px;
  }
}

.paragraphs-item-info-boxes {
  clear: left;
  margin-bottom: 20px;
  &:after {
    content: "";
    display: table;
    clear: both;
  }
  .field--name-field-paragraph-info-boxes > .field__items > .field__item {
    float: left;
    padding: 0px 1%;
    width: 33%;
  }
}

#block-boxes-homepage-video{
  background: #E4DBC9;
  border: 1px solid #FFFFFF;
  margin-top: 15px;
  padding: 10px;
  text-align: center;
  .block__title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    color: #444;
    font-size: 1em
  }
  img {
    border: 1px solid #FFFFFF;
  }
}