/* Text Elements */

h1.heading-1 {
  background-image: url('../isle%20of%20skye%20from%20applecross_cr_cr.jpg');
  background-position: center center;
  background-clip: content-box;
  background-origin: content-box;
  background-size: cover;
  background-repeat: no-repeat;
  color: #231f30;
  font-weight: 600;
  font-style: normal;
  font-size: 40px;
  font-family: 'Righteous', cursive;
}

h1 span.heading-text-1 {
  font-weight: 400;
  font-family: 'Rock Salt', cursive;
}

h1#header {
  font-family: 'Righteous', cursive;
}

h1#header-copy-1 {
  font-family: 'Righteous', cursive;
}

h6 span.heading-text-3 {
  font-size: 36px;
}

p.paragraph.paragraph-1 {
  text-align: center;
}

p.paragraph span.paragraph-text-1 {
  font-weight: 600;
  font-style: normal;
  font-family: 'Rock Salt', cursive;
}

blockquote.blockquote-1 {
  color: #231f30;
  font-weight: 400;
  font-style: italic;
  font-size: 17px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

blockquote span.blockquote-text-1 {
  font-weight: 400;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Interaction Elements */

a.link-button.mybutton {
  max-width: 400px;
  width: 100%;
  background-color: #110e6b;
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  font-weight: 700;
  -webkit-transition-timing-function: ease-in;
     -moz-transition-timing-function: ease-in;
      -ms-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
     -moz-transition-property: all;
      -ms-transition-property: all;
       -o-transition-property: all;
          transition-property: all;

  -webkit-flex: 0 0;
     -moz-flex: 0 0;
      -ms-flex: 0 0;
       -o-flex: 0 0;
          flex: 0 0;
}

a.link-button.mybutton:hover {
  color: #889fb3;
  text-transform: none;
  font-weight: 700;
  font-style: normal;
  font-variant: normal;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);

  -webkit-flex: 0 0;
     -moz-flex: 0 0;
      -ms-flex: 0 0;
       -o-flex: 0 0;
          flex: 0 0;
}

/* Layout Elements */

body.grid-1 {
  background-color: #a0beff;
}

.row > [class*='coffee-span-'] .html-element.html-element-1 {
  max-width: none;
  max-height: none;
}

a.responsive-picture.picture-link-1 {
  margin-top: 3px;
  margin-bottom: 3px;
  max-width: none;
  max-height: none;
}

a.responsive-picture.picture-link-2 {
  position: static;
  margin-top: 3px;
  margin-bottom: 3px;
  max-width: none;
  max-height: none;

  -webkit-flex: 0 0;
     -moz-flex: 0 0;
      -ms-flex: 0 0;
       -o-flex: 0 0;
          flex: 0 0;
}

a.responsive-picture.picture-link-3 {
  margin-top: 3px;
  margin-bottom: 3px;
  max-width: 400px;
  max-height: 300px;
}

.row > [class*='coffee-span-'] > form.form-container {
  width: auto;
}

a.responsive-picture.picture-link-4 {
  max-width: none;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
      -ms-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
}

a.responsive-picture.picture-link-5 {
  max-width: 600px;
  max-height: 100px;
  width: 100%;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
}

a.responsive-picture.picture-link-6 {
  max-width: 600px;
  max-height: 100px;
  -webkit-transition-timing-function: ease-out;
     -moz-transition-timing-function: ease-out;
      -ms-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;

  -webkit-flex: 0 0;
     -moz-flex: 0 0;
      -ms-flex: 0 0;
       -o-flex: 0 0;
          flex: 0 0;
}

.row > [class*='coffee-span-'] .html-element.html-element-2 {
  margin: 5px 0;
}

.row > [class*='coffee-span-'] .html-element.html-element-3 {
  margin-top: 5px;
  margin-right: 0;
  margin-bottom: 5px;
}

.row > [class*='coffee-span-'] .html-element.calendar-container {
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 0;
}

a.responsive-picture.picture-link-3:hover {
  margin-top: 3px;
  margin-bottom: 3px;
  box-shadow: none;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}

a.responsive-picture.picture-link-2:hover {
  margin-top: 3px;
  margin-bottom: 3px;
  box-shadow: none;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}

a.responsive-picture.picture-link-5:hover {
  box-shadow: none;
  -webkit-transition-timing-function: ease-in;
     -moz-transition-timing-function: ease-in;
      -ms-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}

a.responsive-picture.picture-link-6:hover {
  box-shadow: none;
  -webkit-transition-timing-function: ease-in;
     -moz-transition-timing-function: ease-in;
      -ms-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
      -ms-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}

a.responsive-picture.picture-link-4:hover {
  -webkit-transition-timing-function: ease-in;
     -moz-transition-timing-function: ease-in;
      -ms-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
  -webkit-transition-duration: .4s;
     -moz-transition-duration: .4s;
      -ms-transition-duration: .4s;
       -o-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transform: scale(1.03);
     -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
       -o-transform: scale(1.03);
          transform: scale(1.03);
}

@media screen and (max-width: 664px) {
  a.responsive-picture.picture-link-1 {
    max-width: none;
    max-height: none;
  }

  .row > [class*='coffee-span-'] .html-element.calendar-container {
    max-width: none;
    max-height: none;
  }

  a.responsive-picture.picture-link-3 {
    max-width: none;
  }

  a.responsive-picture.picture-link-2 {
    max-width: none;
    max-height: none;
  }
}

@media screen and (max-width: 455px) {
  /* Layout Elements */

  body > .row.row-1 {
    text-align: left;
  }

  a.responsive-picture.picture-link-1 {
    max-width: none;
    max-height: none;
  }

  .row > [class*='coffee-span-'] .html-element.calendar-container {
    max-width: none;
    max-height: none;
  }
}