/* _variables.scss */
/* ========================== Colours ================================ */
/* ========================== Corners ================================ */
/* ========================== Border boxing ================================ */
/* ========================== Box Shadow ================================ */
/* ========================== Backgrounds ================================ */
/* ========================== Borders ================================ */
/* ========================== Typography ================================ */
/* icon font */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?paaqrr");
  src: url("../fonts/icomoon.eot?#iefixpaaqrr") format("embedded-opentype"), url("../fonts/icomoon.woff?paaqrr") format("woff"), url("../fonts/icomoon.ttf?paaqrr") format("truetype"), url("../fonts/icomoon.svg?paaqrr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* paragraphs */
/* Anchors */
/* headers */
/* ========================== Media Queries ================================ */
/* for producing media query flattened style sheet. */
/* ------------------------ WORDPRESS CLASSES ---------------------------*/
/* image alignment */
.alignnone {
  margin: 1em auto; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  margin: 1em auto !important;
  display: block; }

.attachment-featured {
  margin: 0 !important; }

/* image captions */
.wp-caption {
  padding: .5em; }

.wp-caption p.wp-caption-text {
  font-size: 0.6em;
  margin-bottom: 0;
  margin-top: 0.5em; }

/* ------- WORDPRESS GALLERY STYLES ------- */
.gallery {
  margin-left: -20px;
  width: 102%; }
  .gallery dl {
    background: none;
    padding: 0;
    margin: 2em 0 0; }
  .gallery dt {
    padding: 0 4% 0 0;
    border: none; }
  .gallery dd {
    margin: 0 20px 0 0;
    font-size: .65em;
    text-align: left; }
  .gallery img {
    border: none !important;
    text-align: left; }

/* gallery captions */
/* Sticky posts */
/* ------------------------ DEFAULT TYPOGRAPHY ---------------------------*/
/* ====== Paragraphs ====== */
body {
  font-size: 1em;
  line-height: 1.4em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: 0.02em;
  color: #686275;
  font-size: 1.2em; }
  @media screen and (min-width: 40em) {
    body {
      font-size: 1em; } }

p {
  font-size: .8em;
  margin: 0 0 1em; }

img {
  font-size: 10px;
  color: #fff; }

/* ====== Anchors ====== */
a {
  color: #e3a7c5;
  text-decoration: none; }

a:hover {
  color: #40626b; }

/* ====== Headers ====== */
h1, h2, h3, h4, h5, h6, p, blockquote {
  text-align: left;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.125em;
  line-height: 1.4em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  margin: 0 0 .5em;
  text-align: center;
  font-size: .65em;
  margin: 0 0 2em; }
  @media screen and (min-width: 40em) {
    h1, h2, h3, h4, h5, h6 {
      text-align: left; } }

/* ====== Blockquote ====== */
blockquote,
blockquote p {
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  font-size: 1.1em;
  margin: 2em 1em; }

/* ------------------------ ICONS ---------------------------*/
.icon-cross:before {
  content: "\e602"; }

.icon-logo:before {
  content: "\e600"; }

.icon-logo2:before {
  content: "\e601"; }

.icon-contact:before {
  content: "\e604"; }

.icon-instagram:before {
  content: "\e606"; }

.icon-facebook:before {
  content: "\e605"; }

.icon-vimeo2:before {
  content: "\e607"; }

.icon-twitter:before {
  content: "\e608"; }

.icon-arrow_up:before {
  content: "\e60a"; }

.icon-pencil:before {
  content: "\e60b"; }

.icon-comment:before {
  content: "\e60c"; }

.icon-tag:before {
  content: "\e60d"; }

.icon-calendar:before {
  content: "\e60f"; }

.icon-rss:before {
  content: "\e610"; }

.icon-list:before {
  content: "\e611"; }

.icon-folder:before {
  content: "\e612"; }

.icon-arrow_left:before {
  content: "\e614"; }

.icon-arrow_right:before {
  content: "\e615"; }

.icon-arrow_down:before {
  content: "\e618"; }

/* ------------------------ FORM ELEMENTS ---------------------------*/
label {
  display: block;
  padding: 0.5em 0;
  letter-spacing: 0.1em;
  font-size: .75em; }

option {
  border: 0; }

.formElement {
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  color: #686275;
  padding: 1em;
  margin: 0.25em 0;
  border: 2px solid #e8e8ea;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  z-index: 2;
  width: 100%;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (min-width: 40em) {
    .formElement {
      width: 50%; } }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-border-radius: 0px;
  display: block;
  position: relative;
  cursor: pointer; }

.formElement:hover,
.formElement:focus {
  border-color: #b3b0ba; }

.formTextArea,
textarea {
  width: 100%;
  resize: none; }

form .icon-arrow_down {
  font-size: 1.6em;
  position: absolute;
  right: 1em;
  top: .95em; }

/* buttons */
.button {
  border: 2px solid #e8e8ea;
  background: #e8e8ea;
  padding: 1em;
  cursor: pointer;
  text-transform: uppercase;
  ont-family: 'Montserrat', sans-serif;
  letter-spacing: 0.25em;
  font-size: .75em;
  color: #686275;
  line-height: 1.2em;
  -webkit-appearance: none;
  text-align: center;
  margin: 1.5em 0;
  display: block;
  width: 100%;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (min-width: 65em) {
    .button {
      transition: color 0.3s, border 0.3s, background 0.3s; } }

@media screen and (min-width: 40em) {
  .button {
    width: 100%; } }
.button.spanner {
  margin: 0;
  display: block; }

.button.button-hover,
.button:hover {
  border: 2px solid #686275;
  background: #686275;
  text-transform: uppercase;
  ont-family: 'Montserrat', sans-serif;
  letter-spacing: 0.25em;
  color: #fff; }

/* Form element widths */
@media screen and (min-width: 40em) {
  .contentWrapper .formTextField {
    width: 50%; } }
.readMore {
  color: #e3a7c5;
  text-decoration: none;
  font-size: 1.2em; }

/* ------------------------ TABLE ---------------------------*/
table {
  border: 1px solid #686275;
  border-collapse: collapse;
  margin: 2em 0;
  text-align: left; }
  table th {
    border: 1px solid #686275;
    background: rgba(255, 255, 255, 0.9);
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.6em;
    letter-spacing: 0;
    padding: 1em;
    font-size: .8em; }
  table td {
    border: 1px solid #686275;
    padding: 1em; }

/* ------------------------ LIST ELEMENTS ---------------------------*/
/* Unordered list */
ul {
  margin: 1em 1em 2em; }

/* Ordered list */
ol {
  margin: 1em 1em 2em; }

/* ------------------------ HTML ELEMENTS ---------------------------*/
address {
  margin: 2em 1em;
  font-weight: bold;
  font-style: normal; }

abbr {
  font-style: italic; }

big {
  font-weight: bold; }

cite {
  font-size: 0.8em; }

code {
  color: #356983; }

kbd {
  color: #356983; }

tt {
  color: #356983; }

del {
  color: #ff6868; }

strike,
s {
  color: #ff6868; }

em {
  font-weight: bold; }

ins {
  color: #356983; }

/* ------------------------ ARROW SHAPES ---------------------------*/
.arrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid;
  display: block;
  margin-left: -20px;
  position: absolute;
  bottom: -20px;
  left: 50%; }

/* ------------------------ OUTER CONTAINERS ---------------------------*/
@media screen and (min-width: 65em) {
  .headerWrapper {
    width: 20%;
    float: left;
    position: fixed;
    z-index: 2000;
    margin-left: 5px; } }
.headerWrapper .innerPadding {
  width: 100%;
  text-align: center; }
  @media screen and (min-width: 65em) {
    .headerWrapper .innerPadding {
      margin-top: -1em; } }
.headerWrapper a {
  display: inline-block; }
.headerWrapper h1 {
  font-size: 2.2em;
  padding-top: .5em;
  display: inline-block;
  line-height: 1em;
  margin-bottom: 0;
  letter-spacing: 0.25em; }
@media screen and (min-width: 50em) {
  .headerWrapper a {
    display: inline-block; }
  .headerWrapper h1 {
    font-size: 3.5em;
    padding: 0; } }
@media screen and (min-width: 65em) {
  .headerWrapper h1 {
    font-size: 5em; } }
@media screen and (min-width: 85em) {
  .headerWrapper h1 {
    font-size: 6.46em; } }
.headerWrapper h2 {
  text-align: center;
  margin: .5em 0 0; }
.headerWrapper .subHeader {
  text-transform: none;
  letter-spacing: 0.025em;
  font-weight: 400;
  font-size: 1.1em; }

.mainContent .innerPadding {
  padding: 2em 1em;
  background: #fff; }
  @media screen and (min-width: 40em) {
    .mainContent .innerPadding {
      padding: 2em; } }
  @media screen and (min-width: 65em) {
    .mainContent .innerPadding {
      padding: 2em 0; } }

.home #contentWrapper {
  padding: 0; }

#footerWrapperBottom {
  padding: 0 3em 1em; }
  #footerWrapperBottom p {
    text-align: center;
    padding: 30px 0 60px;
    font-size: .5em;
    line-height: 1em; }

/* ------------------------ HEADER SECTION ---------------------------*/
/* ====== Mobile navigation ====== */
#mobileIcon {
  text-align: center;
  font-size: 1.2em;
  padding: .75em 0;
  color: #686275;
  background: #fff; }
  @media screen and (min-width: 40em) {
    #mobileIcon {
      padding: 25px 0 10px; } }
  #mobileIcon img {
    width: 200px;
    height: auto; }

#mobileIcon.mobileIcon2 {
  display: none; }

#navMobile {
  width: 100%;
  float: none;
  top: 1.5em;
  display: block;
  z-index: 1002; }

#navMobile ul li a:hover,
#navMobile ul ol a:hover {
  background: #e3a7c5;
  color: #fff; }

#mobileWrapper a,
#mainWrapper:target #mobileWrapper a {
  width: auto;
  color: #686275;
  background: #fff;
  text-decoration: none;
  text-transform: uppercase;
  ont-family: 'Montserrat', sans-serif;
  letter-spacing: 0.25em;
  font-size: 0;
  text-align: center;
  height: 0;
  line-height: 0;
  border-bottom: 0;
  font-size: 0; }

#mobileWrapper:target a {
  font-size: .5em;
  line-height: 1.2em;
  height: auto;
  padding: 1.2em 1em 1.5em;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #686275;
  border-top-width: 0; }

#mobileWrapper,
#mainWrapper:target #mobileWrapper {
  display: none; }

#mobileWrapper:target {
  display: block; }

#navMobile ul ul {
  display: block;
  position: relative;
  padding: 0;
  height: auto;
  margin-top: 0; }
  #navMobile ul ul li a {
    width: auto;
    padding: 0.5em 1em 0.5em 3em;
    background: #e8e8ea; }

@media screen and (min-width: 65em) {
  #navMobile,
  #mobileIcon {
    display: none; } }
/* ====== Main navigation ====== */
.navigationWrapper.widthWrapper {
  background: #fff; }

.navigationWrapper {
  width: 100%; }
  .navigationWrapper h3 {
    margin-top: -0.5em;
    padding: 0 2em 0 1.2em;
    line-height: 1.4em; }
    .navigationWrapper h3 span {
      font-size: 1em;
      line-height: 1.4em;
      font-family: Georgia,Times,Times New Roman,serif;
      font-style: italic;
      letter-spacing: 0; }
    @media screen and (min-width: 40em) {
      .navigationWrapper h3 {
        text-align: center; } }
    @media screen and (min-width: 65em) {
      .navigationWrapper h3 {
        margin-top: 2.5em;
        text-align: left; }
        .navigationWrapper h3 span {
          display: block;
          font-size: .75em;
          line-height: 2em; } }

@media screen and (min-width: 65em) {
  .navigationMenu {
    display: block;
    z-index: 10000;
    width: 100%; } }
  @media screen and (min-width: 65em) and (min-width: 65em) {
    .navigationMenu {
      transition: padding 0.3s,border-bottom 0.3s, background 0.3s; } }

@media screen and (min-width: 65em) {
  .icon-logo {
    height: 26px;
    margin-top: 60px; } }
  @media screen and (min-width: 65em) and (min-width: 65em) {
    .icon-logo {
      transition: height 0.3s; } }

@media screen and (min-width: 100em) {
  .icon-logo {
    margin-top: 75px; } }
.navigationWrapper li {
  display: block;
  text-align: left;
  margin: auto;
  width: 75%;
  padding-left: 25%; }
  @media screen and (min-width: 100em) {
    .navigationWrapper li {
      width: 65%;
      padding-left: 35%; } }

.navigationWrapper ul a {
  padding: 1.3em 1.2em 0 1.2em;
  font-size: 0.6em;
  letter-spacing: 0.05em;
  line-height: 1.2em;
  display: inline-block;
  text-transform: uppercase;
  color: #686275; }
  @media screen and (min-width: 65em) {
    .navigationWrapper ul a {
      transition: color 0.3s, opacity 0.3s; } }

.navigationWrapper ul li:hover a,
.navigationWrapper ul li.sfHover a {
  color: #e3a7c5; }

.navigationWrapper ul .current_page_item a,
.navigationWrapper ul .current_page_item a:hover {
  color: #b3b0ba; }

/* sub nav */
.navigationWrapper ul ul.sub-menu,
.navigationWrapper ul ul.children {
  padding: 0;
  margin: 0; }

.navigationWrapper ul ul.sub-menu li,
.navigationWrapper ul ul.children {
  position: relative; }

.navigationWrapper ul ul.sub-menu:before,
.navigationWrapper ul ul.children:before {
  opacity: .9;
  content: '';
  position: absolute;
  top: 10px;
  left: -4px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 4px solid;
  display: inline-block;
  color: #686275; }

.navigationWrapper ul ul.sub-menu a,
.navigationWrapper ul ul.children a {
  color: #fff;
  opacity: .9;
  background: #686275;
  padding: 1em;
  width: 150px;
  margin-bottom: 1px; }

.navigationWrapper ul ul.sub-menu a:hover,
.navigationWrapper ul ul.children a:hover {
  color: #FFCFCF; }

/* sub sub nav */
/*** menu arrows **/
.sf-sub-indicator {
  right: .5em;
  width: 0;
  height: 0;
  margin-top: .9em;
  color: #fff; }

/*.sf-with-ul::after {
    content: '';
    width: 0; 
    height: 0; 
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid;
    display:inline-block;
    margin-left:7px;
    margin-bottom:3px;
}
.children .sf-with-ul::after {
    content: '';
    width: 0; 
    height:0;
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-left: 3px solid;
    display:inline-block;
    float:right;
    margin-top:3px;
}*/
/* point right for anchors in subs */
.sf-js-enabled ul a > .sf-sub-indicator {
  right: 1em;
  margin-top: .65em;
  height: 9px;
  width: 5px;
  background-position: top left; }

/* ====== Logo and website title ====== */
.logoWrapper {
  position: relative; }
  .logoWrapper .icon {
    height: 2.6em;
    width: 12em; }
  @media screen and (min-width: 65em) {
    .logoWrapper .icon {
      height: 3.8em;
      margin-right: 2em; } }
  @media screen and (min-width: 85em) {
    .logoWrapper .icon {
      height: 4.56em;
      margin-right: 3em; } }

.logoWrapper {
  display: none;
  text-align: left; }
  @media screen and (min-width: 65em) {
    .logoWrapper {
      display: block; } }

.logoWrapper .logo {
  text-decoration: none;
  font-size: 7em;
  display: inline-block;
  height: 128px;
  color: #686275;
  width: 75%;
  padding-left: 25%; }
  @media screen and (min-width: 65em) {
    .logoWrapper .logo {
      transition: opacity 0.2s ease-in; } }
  @media screen and (min-width: 100em) {
    .logoWrapper .logo {
      width: 65%;
      padding-left: 35%; } }

.logoWrapper a:hover {
  opacity: 0.8; }

/* ====== Social media icons ====== */
.mod-socialIcon {
  float: right;
  margin: .2em .5em 0 0; }

.mod-socialIcon span {
  font-size: 1.2em; }

/* ------------------------ MODULE DEFAULT STYLE ---------------------------*/
.mod-details {
  font-size: .65em;
  line-height: 1.8em;
  margin-bottom: 2em;
  text-align: center; }
  @media screen and (min-width: 40em) {
    .mod-details {
      text-align: left; } }
  .mod-details .mod-details-label {
    margin-right: 1em; }
  .mod-details .postInfoIcon {
    font-size: 0.6em;
    margin-right: .5em; }

.mod-body a {
  color: #e3a7c5;
  text-decoration: none;
  text-decoration: underline; }
.mod-body a:hover {
  color: #40626b; }

.mod-pagination {
  text-align: center;
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  padding-top: 1em;
  font-size: .65em; }
  .mod-pagination .innerPadding {
    padding: 1em 1em; }
  .mod-pagination a.next,
  .mod-pagination a.prev {
    text-transform: none;
    position: relative;
    display: block;
    padding: 0; }
  @media screen and (min-width: 40em) {
    .mod-pagination .innerPadding {
      padding: 1em 0; }
    .mod-pagination a.next,
    .mod-pagination a.prev {
      display: inline; }
    .mod-pagination a.next {
      margin-left: 1.5em; }
    .mod-pagination a.prev {
      margin-right: 1.5em; } }
  .mod-pagination .current-post-page,
  .mod-pagination .page-numbers.current,
  .mod-pagination .page-numbers.dots {
    padding: 0 .5em;
    color: #b3b0ba; }
  .mod-pagination .mod-pagination-label,
  .mod-pagination a {
    color: #b3b0ba;
    padding: 0 .5em; }
  .mod-pagination a:hover {
    color: #40626b; }
  .mod-pagination a.prev {
    margin-bottom: 2em; }
  .mod-pagination a.next {
    margin-top: 2em; }

/* ------------------------ MODULE LOOP STYLE ---------------------------*/
.mod-loop-wrapper {
  padding: 2em 0; }

.mod-loop-wrapper.even {
  background: #e8e8ea; }

.mod-loop-header a,
.mod-loop-header a span {
  display: block;
  text-align: center;
  color: #686275; }
  @media screen and (min-width: 65em) {
    .mod-loop-header a,
    .mod-loop-header a span {
      transition: color 0.2s ease-in; } }
  @media screen and (min-width: 40em) {
    .mod-loop-header a,
    .mod-loop-header a span {
      text-align: left; } }
.mod-loop-header a:hover,
.mod-loop-header a:hover span {
  color: #40626b; }

.mod-featured-image img {
  margin: 0 0 2em; }

.mod-read-more a {
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  color: #686275;
  text-align: center;
  display: block;
  margin-bottom: -1em; }
  @media screen and (min-width: 40em) {
    .mod-read-more a {
      text-align: left; } }
.mod-read-more span {
  padding: 0 .5em; }
.mod-read-more a:hover {
  color: #40626b; }

/* ------------------------ MODULE POST STYLE ---------------------------*/
.mod-post-wrapper {
  margin: 0 3em 3em 0; }

.mod-post-featured {
  margin-bottom: 2em; }

.mod-single-body {
  margin-bottom: 2em; }

.mod-post-nextPreviousPost {
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  font-size: .65em; }
  .mod-post-nextPreviousPost .paginationLeft {
    text-align: center;
    margin-right: 1em;
    padding: 1em 0; }
  .mod-post-nextPreviousPost .paginationRight {
    text-align: center;
    margin: 0 1em;
    padding: 1em 0; }
  @media screen and (min-width: 40em) {
    .mod-post-nextPreviousPost .paginationLeft {
      text-align: left; }
    .mod-post-nextPreviousPost .paginationRight {
      text-align: right; } }

/* ------------------------ MODULE COMMENTS STYLE ---------------------------*/
.mod-comment-wrapper {
  margin: 1em 0 0;
  background: #e8e8ea; }

.mod-comment-header {
  margin-bottom: 1em;
  padding: 1em 1em 0; }

.mod-avatar {
  margin: 0 1em 1em 0; }

@media screen and (min-width: 40em) {
  .mod-avatar {
    float: left; } }
.mod-commentmetadata {
  display: inline-block;
  font-size: .8em;
  margin-bottom: 1em; }

.comment-reply-link {
  margin-right: .5em; }

.mod-comment-body {
  padding: 0 1em 0; }

.mod-comment-footer {
  padding: 0 1em 1em;
  text-align: left;
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  padding-top: 1em; }

.children .mod-comment-wrapper {
  border-top: 1px solid #fff;
  position: relative;
  margin-left: .75em; }

.children .children {
  margin-left: .75em; }

.children .children .mod-comment-wrapper {
  background: #b3b0ba; }

.children .children .mod-comment-header::before {
  border-bottom: 20px solid #e8e8ea; }

/* ------------------------ MODULE COMMENTS FORM STYLE ---------------------------*/
/* ------------------------ MODULE PAGE STYLE ---------------------------*/
/* ------------------------ MODULE 404 PAGE STYLE ---------------------------*/
.mod-404-wrapper {
  margin: 0 3em 3em 0; }

/* ------------------------ MODULE 404 PAGE STYLE ---------------------------*/
.mod-search-wrapper {
  margin: 0 3em 3em 0; }

/* ------------------------ MODULE SIDEBAR STYLE ---------------------------*/
@media screen and (min-width: 65em) {
  #SidebarInnerWrapper .moduleContainer {
    margin: 0 0 3em 3em; } }
.mod-sidebar-wrapper {
  margin-bottom: 3em; }

.mod-sidebar-body a {
  text-decoration: none; }
.mod-sidebar-body li {
  margin-bottom: .5em; }

/* ------------------------ MODULE FOOTER SIDEBAR STYLE ---------------------------*/
.mod-footerSidebar-wrapper {
  margin: 3em 0; }

.mod-footerSidebar-header {
  margin-bottom: .5em; }

.mod-footerSidebar-body a {
  text-decoration: none; }
.mod-footerSidebar-body li {
  margin-bottom: .5em; }

#footerWrapper p {
  text-align: center;
  margin-bottom: 0; }

/* ------------------------ SALVATTORE SPECIFIC STYLES ---------------------------*/
#grid[data-columns]::before {
  content: '2 .column.size-1of2'; }

@media screen and (min-width: 40em) {
  #grid[data-columns]::before {
    content: '3 .column.size-1of3'; } }
@media screen and (min-width: 65em) {
  #grid[data-columns]::before {
    content: '4 .column.size-1of4'; } }
@media screen and (min-width: 100em) {
  #grid[data-columns]::before {
    content: '5 .column.size-1of5'; } }
.column {
  float: left; }

.size-1of2 {
  width: 50%; }

.size-1of3 {
  width: 33.333%; }

.size-1of4 {
  width: 25%; }

.size-1of5 {
  width: 20%; }

/* ------------------------ GALLERY SPECIFIC STYLES ---------------------------*/
@media screen and (min-width: 65em) {
  .galleryWrapper {
    width: 80%;
    float: right; } }

.galleryPadding {
  padding: 0 10px 10px 10px; }
  @media screen and (min-width: 40em) {
    .galleryPadding {
      padding: 15px 25px 25px 25px; } }
  @media screen and (min-width: 65em) {
    .galleryPadding {
      padding: 50px 50px 0 0; } }
  @media screen and (min-width: 100em) {
    .galleryPadding {
      padding: 75px 100px 0 0; } }

.itemPadding {
  margin: 0 5px 10px;
  overflow: hidden; }

.grid-item,
.grid-sizer {
  width: 50%; }
  @media screen and (min-width: 40em) {
    .grid-item,
    .grid-sizer {
      width: 25%; } }
  @media screen and (min-width: 65em) {
    .grid-item,
    .grid-sizer {
      width: 20%; } }

.item:hover {
  cursor: pointer; }

.itemInner {
  position: relative; }
  @media screen and (min-width: 65em) {
    .itemInner {
      position: auto; } }

.overlay {
  display: none;
  font-size: .65em; }
  @media screen and (min-width: 65em) {
    .overlay {
      display: inline-block;
      font-size: 1em;
      line-height: 1.4em;
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
      letter-spacing: 0.02em;
      font-size: .55em;
      transition: opacity 0.4s ease-in;
      color: #686275;
      opacity: 0;
      position: fixed;
      bottom: 5em;
      left: 3.2em;
      width: 100px; } }

@media (max-height: 30em) {
  .overlay {
    display: none; } }
.itemInner {
  background-color: #f1f1f1;
  width: 100%; }
  .itemInner a {
    line-height: 0; }
  .itemInner img {
    color: #fff; }

a.portfolioItem:hover .overlay {
  opacity: 1; }
@media screen and (min-width: 65em) {
  a.portfolioItem:hover img {
    opacity: .75; } }

.noFeaturedImage {
  display: block;
  width: 100%;
  height: 175px;
  background: #e8e8ea; }
  @media screen and (min-width: 65em) {
    .noFeaturedImage:hover {
      background: #686275; } }
  .noFeaturedImage span {
    display: inline-block;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    line-height: 1.4em;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    margin: 0 0 .5em;
    font-size: .65em;
    padding: 2em; }

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block; }

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px; }

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 90%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle; }

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative; }

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0; }

#swipebox-slider .slide-loading {
  background-size: 33px; }
  @media screen and (min-width: 65em) {
    #swipebox-slider .slide-loading {
      background-size: 66px; } }

#swipebox-bottom-bar {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 4%;
  width: 100%; }

#swipebox-bottom-bar {
  bottom: 10px; }

#swipebox-title {
  display: block;
  width: 100%;
  text-align: center;
  font-size: .65em; }

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 2em;
  color: #686275;
  opacity: .35; }
  #swipebox-prev:hover,
  #swipebox-next:hover,
  #swipebox-close:hover {
    opacity: .5; }

#swipebox-prev,
#swipebox-next {
  display: none; }

@media screen and (min-width: 40em) {
  #swipebox-prev,
  #swipebox-next {
    display: inline-block;
    position: absolute;
    top: 50%;
    font-size: 3em;
    margin-top: -24px; } }
#swipebox-prev {
  left: 4%; }

#swipebox-next {
  right: 4%; }

#swipebox-prev {
  background-position: -32px 13px;
  float: left; }

#swipebox-next {
  background-position: -78px 13px;
  float: right; }

#swipebox-close {
  top: 4%;
  right: 4%;
  position: absolute;
  z-index: 9999;
  background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }
@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }
/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(255, 255, 255, 0.9);
  background-image: url(../images/loading.gif);
  background-position: center center;
  background-repeat: no-repeat; }

#swipebox-top-bar {
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

/* blog styles */
.blogShift {
  margin: 20px 0 0; }
  @media screen and (min-width: 65em) {
    .blogShift {
      margin-top: 0; } }
  @media screen and (min-width: 75em) {
    .blogShift {
      margin: 0 5% 0 -5%; } }
  @media screen and (min-width: 85em) {
    .blogShift {
      margin: 0 10% 0 -10%; } }
  .blogShift img {
    margin: 1em 0; }

.blog,
.single,
.archive {
  background: #fff; }

/* home page styles */
.homeCarousel {
  padding: 0;
  margin: 0;
  list-style: none; }

.homeCarouselWrapper.widthWrapper {
  display: block; }
  .homeCarouselWrapper.widthWrapper table {
    width: 100%; }
  .homeCarouselWrapper.widthWrapper table, .homeCarouselWrapper.widthWrapper td, .homeCarouselWrapper.widthWrapper tr {
    border: none;
    padding: 0;
    margin: 0; }
  @media screen and (min-width: 40em) {
    .homeCarouselWrapper.widthWrapper {
      padding-top: 15px; } }
  @media screen and (min-width: 65em) {
    .homeCarouselWrapper.widthWrapper {
      padding-top: 40px; } }
  .homeCarouselWrapper.widthWrapper img {
    width: 100%; }
  @media screen and (min-width: 85em) {
    .homeCarouselWrapper.widthWrapper {
      padding-top: 60px;
      max-width: 960px; } }

@media (max-height: 50em) {
  .widthWrapper,
  .homeCarouselWrapper.widthWrapper {
    max-width: 700px; } }
@media (max-height: 40em) {
  .widthWrapper,
  .homeCarouselWrapper.widthWrapper {
    max-width: 600px; } }
.innerPageWrapper {
  margin: auto;
  width: 95%; }
  @media screen and (min-width: 65em) {
    .innerPageWrapper {
      width: 100%; } }

.copyrightSymbol {
  display: none; }
  @media screen and (min-width: 65em) {
    .copyrightSymbol {
      display: block;
      position: fixed;
      bottom: 30px;
      right: 30px;
      color: #cbc8d3; }
      .copyrightSymbol:hover {
        color: #e3a7c5; } }

.copyrightHider {
  display: block; }
  @media screen and (min-width: 65em) {
    .copyrightHider {
      display: none; } }

#copyright {
  width: 100%; }
  @media screen and (min-width: 65em) {
    #copyright {
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 0.125em;
      line-height: 1.4em;
      font-family: 'Montserrat', sans-serif;
      font-size: 1em;
      margin: 0 0 .5em;
      margin: 0; } }

.fancybox-skin {
  background: none !important; }

.pageHeader span {
  font-size: 1em;
  line-height: 1.4em;
  font-family: Georgia,Times,Times New Roman,serif;
  font-style: italic;
  letter-spacing: 0;
  font-size: .65em;
  display: block;
  padding: 3em 1em 0 1em; }
.pageHeader p {
  font-size: .65em;
  margin: 0;
  padding: 0.5em 1em 0 1em; }
.pageHeader a {
  text-transform: none !important; }

.contactDetails {
  padding-top: 2em; }

.thumbCaption {
  display: inline-block;
  padding-top: .5em;
  font-size: .65em; }

/*# sourceMappingURL=style.css.map */