/* override lightgallery captions style */
.lg-sub-html p { 
font-family: 'Open Sans', sans-serif;
font-size: 13px; 
font-weight: 300; 
padding-bottom:5px;
}
/* change lightgallery background colour from default black */
.lg-backdrop { background-color: #212122 !important; }
/* other colours to consider
2B1B17 = Midnight | 242124 = Raisin Black | 26282A = Slate 
191C20 = Frost Black | 212122 = Ink Black 
*/

/* target gallery thumbnails */
.thumbnails img {
width:122px;
height:auto;
margin: 0 11px 15px 0;
}
.thumbnails img {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.thumbnails img:hover {
  -webkit-transform: scale(1.07);
  transform: scale(1.07);}
  
/* Introductory paragraph typography */
.intro p, h1, h2, h3, h4 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  font-weight: 400;
  color: #222; 
}
.intro p {
font-size: 15px;
text-align:left;
margin-bottom:15px;
}
.intro h1 {
  font-size: 30px;
  line-height: 60px;
margin-bottom:15px;
}
.intro h2 {
  font-size: 26px;
  line-height: 52px;
margin-bottom:15px;
}
.intro h3 {
  font-size: 23px;
  line-height: 46px;
margin-bottom:15px;
}
.intro h4 {
  font-size: 20px;
  line-height: 40px;
margin-bottom:15px;
}

p {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 15px;
margin-bottom:15px;
}
h1 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 30px;
//margin-bottom:15px;
}
h2 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 26px;
//margin-bottom:15px;
}
h3 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 23px;
//margin-bottom:15px;
}
h4 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 20px;
//margin-bottom:15px;
}

h5 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 18px;
margin-top:30px;
margin-bottom:15px;
color:tungsten;
}

h6 {
font-family: 'Open Sans', sans-serif; 
font-weight: 400;
font-size: 16px;
margin-top:30px;
margin-bottom:15px;
}

/* close mobile menu submenus on start-up */
.navbar-item {
  &.has-dropdown {
    .navbar-dropdown {
      display: none;
    }
    &.is-hoverable:hover {
      .navbar-dropdown {
        display: block;
      }
    }
  }
}

/* add hamburger for mobile */
.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}
/* end hamburger */

/* clamp moveable element to cursor in jQuery sortable, see: 
   https://maslosoft.com/blog/2017/02/07/jquery-jumping-sortable-items/ */
.reorder-gallery {
    overflow: auto;
}

.postcodeview { 
    display: none; 
}