/* @import url("sizes.css");  */ 
/****** General  ********/
.hidden {
  display: none;
}
.smaller {
  font-size: .8em;
}
.smallest {
  font-size: .7em;
}
.tighter {
  line-height: 1em;
}
.bigger {
  font-size: 1.2em;
}
.required {
  color: red;
  font-size: 1.5rem;
  font-style: italic;
}
/****** Images  ********/
.pic-centre img {
    max-width: 90%;
    display: block;
    margin: .5rem auto 2rem;
}
/************   Images   ***************/
.pic-left {
    float: left;
    margin-right: 1rem;
    margin-bottom: 2rem;
}
.pic-right {
    float: right;
    margin-left: 1rem;
    margin-bottom: 2rem;
}
.pic-centre {
    margin: auto;
    display: block;
    margin-bottom: .5rem;
}
.tiny {
  width: 36% !important;
}
.small{
    width: 48% !important;
}
.normal {
    width: 80%;
}
.wide {
  width: 100%;
}
.pic-left,
.pic-right {
    max-width: 60%;
}
.pic-left img,
.pic-right img {
    max-width: 96%;
    margin: 0 auto;
    display: block;
}
.pic-centre img {
    max-width: 90%;
    display: block;
    margin: .5rem auto 0;
}
.pic-caption {
    text-align: center;
    color: #0E3DA6;
    font-style: italic;
    width: 90%;
    margin: auto;
}
.popup {
  cursor: zoom-in; 
}
/************   Product image pop-up   *****************/
#page-shader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 500;
  text-align: center;
  background: rgba(0,0,0,0.7);
  overflow-y: auto;
/*  cursor: zoom-out;*/
}
#page-shader img {
  position: relative;
  margin-top: 2%;
  max-height: 90%
}
.shade-closer {
  position: absolute;
  top: 0;
  right: 2rem;
  color: white;
  font-size: 3rem;
  transform: rotate(45deg);
}
.noscroll {
  overflow-y: hidden;
}

/********************************/
/*        For This Site         */
/********************************/
/*    --main-colour   */
a,
h1, h2,
h3, h4,
.bold1,
.bold2,
.headertext1,
.headertext2,
.footer p,
.vws,
.footer a,
.vws a,
.picdiv .name,
.bold3,
.instruction {
  color: #403c02;
}
.photogallery .picdiv {
  border-bottom: 2px solid #403c02;
}
.contact input[type='submit'] {
  background: #403c02;
}
/*    --dark-colour   */
.contain-to-grid,
.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #5b242a;
}
.top-bar-section ul li:hover a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: #5b242a !important;
}
/*    --mid-colour   */
a:hover,
.footer a:hover,
.vws a:hover {
  color: #7b7746;
}
.contain-to-grid {
  border-bottom: #7b7746 solid 1rem;
}
.panels-row .columns {
  border: 2px solid #7b7746;
}
.top-bar-section ul li:hover a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
  color: #7b7746 !important;
}
.slider {
  border-bottom: #7b7746 solid 1rem;
}
/*    --light-colour   */
.banner,
.footer,
.content {
  background: rgba(201, 199, 172, 0.85);
}
.contact input[type='submit'] {
  color: rgba(201, 199, 172, 0.85);
}
/*    --title-font   */
h1, h2,
.bold1,
.bold2,
.headertext1,
.headertext2,
.picdiv .name {
  font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}
/*    --body-font   */
body {
  font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}



/****** Variables  ********/
:root {
/*  --main-color: #8fa2bc;*/
  --main-colour: #403c02;
  --mid-colour: #7b7746;
  --dark-colour: #5b242a;
  --light-colour: rgba(201, 199, 172, 0.85);
  --title-font: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
  --body-font: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
}
/****** Body  ********/
body {
/*
  background: linear-gradient(rgba(112,127,86,0.33), rgba(112,127,86,0.33)),
                  url('images/background.jpg') center bottom no-repeat;
  background-attachment: fixed;
  background-size: cover;
*/
/*  background: var(--mid-colour);*/
  background: url('images/background.jpg') no-repeat fixed center center;
  background-size: 100%; /*  full width of screen  */
  font-family: var(--body-font);
}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

a {
  color: var(--main-colour);
  text-decoration: none;
}
a:hover {
  color: var(--mid-colour);
}
/****** Text  ********/
h1, h2 {
  font-family: var(--title-font);
  font-size: 2rem;
  line-height: 1.2;
  color: var(--main-colour);
  border: none;
}
h2 {
  font-size: 1.6rem;
}
h3, h4 {
  color: var(--main-colour);
  font-size: 1.2rem;
}
/*.script-text {
  font-family: var(--title-font);
  font-size: 1.5rem;
  line-height: 1.2;
}
*/
.bold1 {
  color: var(--main-colour);
  font-family: var(--title-font);
  font-size: 1.5rem;
}
.bold2 {
  color: var(--main-colour);
  font-family: var(--title-font);
  font-size: 1.25rem;
}
.bold3 {
  color: var(--main-colour);
  font-weight: bold;
}
.big-text {
  font-size: 1.25em;
}
.small-text {
  font-size: 0.8em;
}
/******************************  Banner, Top Bar ******************/
.banner {
  background: var(--light-colour);
}
.headertext1 {
  color: var(--main-colour);
  font-family: var(--title-font);
  font-size: 2.8rem;
  line-height: .8;
  padding: 1rem;
/*  margin-bottom: 1rem;*/
}
.headertext1 .smaller {
  font-size: .5em;
}
.headertext2 {
  color: var(--main-colour);
  font-family: var(--title-font);
  font-size: 2rem;
  font-size: 1.8rem;
  padding: 0 1rem;
}
.headertext1 .bigger {
  font-size: 1.3em;
}
.headertext1 .biggest {
  font-size: 1.5em;
}
.banner .logo {
  position: absolute;
  right: 0;
  bottom: .3rem;
  width: 40%;
}
.contain-to-grid {
  background: var(--dark-colour);
/*  z-index: 50;*/
/*  border-top: 1rem solid #8cc0a9;*/
  border-bottom: var(--mid-colour) solid 1rem;
}
.contain-to-grid .top-bar {
/*  margin: -.5rem auto .5rem;*/
  padding: 1rem 0 2rem;
  height: 5.5rem;
}
.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar {
  background: var(--dark-colour);
    line-height: 1;
    font-size: 1.1rem;
    padding: .1rem 0.3rem .4rem;
/*    height: 1rem;*/
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  font-size: 1.1rem;
  line-height: 1.4rem;
    background: none; 
}
.top-bar-section ul li:hover a,
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: var(--dark-colour) !important;
  color: var(--mid-colour) !important;
}
.admin-menu {
/*  margin-top: -4rem !important;*/
}
.admin-menu hr {
  margin: 0;
}
.top-bar-section ul li {
  float: none;
  display: inline-block;
  border-top: 2px solid #bdbdbd;
  margin: 0 7px;
}
.top-bar-section ul li:hover {
  border-top: 2px solid var(--mid-colour);
}
.top-bar-section .left {
  margin-left: 4rem;
}
.top-bar-section .left:before {
  content: "LISTINGS:";
  color: white;
}
/*
.top-bar-section .left li.home:before {
  margin-left: 8rem;
  content: " ... ";
  content: "\A";
  color: white;
}
*/
.top-bar-section .left li.huntcamps {
  margin-right: 10rem;
}
.top-bar-section .left li.home {
  margin-left: 5rem;
}
.admin-menu .dropdown {
  top: 1.1rem;
}

/******************************  Footer ******************/
.footer {
  padding: 1rem 0;
  margin-top: 2rem; 
  background: var(--light-colour);
  border-top: 12px solid var(--mid-colour);
}
.footer .headertext1 {
  font-size: 2rem;
}
.footer p {
  color: var(--main-colour);
  font-size: 1.1rem;
}
.vws,
.vws text-right {
  color: var(--main-colour);
  font-size: .8rem;
}
.footer a,
.vws a {
  color: var(--main-colour);
}
.footer a:hover,
.vws a:hover {
  color: var(--mid-colour);
}
/******************************  Content ******************/
.content {
  background: var(--light-colour);
  padding: 1.5rem;
  min-height: 30rem;
  margin-top: 2rem;
}
.info-text {
  display: none;
}
/******************************  Contact Form ******************/
form {
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
fieldset {
    border: 0;
    border-top: 1px solid #1E4C3B;
    margin: 1% 0;
}
label {
    display: inline-block;
    width: 25%;
    text-align: right;
    margin: 1% 2% 0 0;
    vertical-align: top;
}
select,
input[type='file'],
input[type='text'],
textarea {
    width: 60%;
    margin: 1% 0 0;
    display: inline-block;
}
textarea {
  height: 6rem;
}
.instruction {
  color: var(--main-colour);
  display: inline-block;
  font-size: 0.8em;
}
.contact input[type='submit'] {
  width: 6rem;
  height: 2rem;
  margin-bottom: 1rem;
  background: var(--main-colour);
  color: var(--light-colour);
  font-size: 1.2rem;  
}

/******************************  Listings ******************/
.photogallery {
}
.photogallery .picdiv {
  padding: 2rem 0 1rem;
  border-bottom: 2px solid var(--main-colour);
}
.photogallery .picdiv img {
  padding-right: 1.5rem;
}
.showlisting .picdiv {
  padding-bottom: 1rem;
}
.picdiv .photo,
.picdiv .wordsdiv {
  display: inline-block;
  width: 49%;
  vertical-align: top;
}
.picdiv .photo {
  position: relative;
  overflow: hidden;  
}
.picdiv .scrolldown {
  text-align: center;
  font-size: 1.5rem;
  padding-top: 2rem;
}
.picdiv .photo img {
  padding: 0 1rem 0 0;
}
.picdiv .photo.sold:before {
  content: "SOLD";
  color: white;
  position: absolute;
  background: red;
  transform: rotate(-45deg);
  padding: .5rem 4rem;
  font-size: 1.5rem;
  left: -3rem;
  top: 1rem;
}
.picdiv .photo.newprice:before {
  content: "NEW PRICE";
  color: #403c02;
  position: absolute;
  background: #f6f539;
  transform: rotate(-45deg);
  padding: .5rem 3rem;
  font-size: 1.5rem;
  left: -3.2rem;
  top: 2rem;
}

.picdiv .name {
  font-family: var(--title-font);
  color: var(--main-colour);
  font-size: 1.5rem;
}
.picdiv .price {
  font-size: 1.4rem;
  font-weight: normal;
}
/******************************  Photogallery Page (faked listing) ******************/
.picdiv.pic95,
.picdiv.pic34 {
  display: none;
}
.titlediv {
  display: none;
}
.titlediv.pic95,
.titlediv.pic34 {
  display: block;
}


/******************************  Home Page Photogallery ******************/
.gallery-head {
  margin: 0 .1rem !important;
} 
.slider {
  border-bottom: var(--mid-colour) solid 1rem;
}
.slick-slide {
/*  max-height: 20rem;*/
}
.slick-slide img {
  max-height: 60vh;
  max-width: 90%;
}
.picnav img {
  padding: 0 .5rem;
}
.slider .slick-slide img {
  padding: 0 .5rem;
}
.content .slick-slide img {
/*  height: 100%;*/
  margin: auto;
}
.slick-prev, .slick-next {
  width: 40px;
  height: 40px;
}
.slick-prev:before, .slick-next:before {
  font-size: 40px;
  color: #000000;
}
.slick-prev {
    left: 25px;
    z-index: 10;
}
.slick-next {
    right: 25px;
}
.slick-dots {
  bottom: 25px;
}
.slider .slick-dots {
  bottom: -40px;
}
.picID {
  position: absolute;
  bottom: 1rem;
  font-size: 3rem;
}
/******************************  Home Page Panels ******************/
.row.panels-row {
  margin-top: 2rem;
}
.panels-row .columns {
  border-radius: 10px;
  border: 2px solid var(--mid-colour);
  border-right: none;  
}
.panels-row > .columns:first-child {
    border-left: none;
}

/********************************/
/*        Editor - Tiny MCE         */
/********************************/
body#tinymce {
  background: white;
}
/********************************/
/*        Responsiveness This Site         */
/********************************/
/* Small screens */
@media only screen {  /* iPhone screens are as small as 320px */
/* peach */ 
  .pic-left,
  .pic-right {
      max-width: 100%;
      margin-bottom: 2rem;
  }
  .small {
    width: 96% !important;
  }
  .footer .text-right {
    margin-left: -3rem;
    font-size: .9rem;
    padding-right: 2rem;
  }
  .two-up {
    width: 100%;
  }
  #fb {
    left: 12rem;
  }
  #fb img {
    width: 50px;
  }
  #fb .bold1 {
    font-size: .8rem;
    line-height: 1.2;
  }
  .headertext1 {
    font-size: 1.6rem;
    padding: 1rem;
  }
  .headertext2 {
    font-size: 1.3rem;
    padding: 0 1rem;
  }
  .banner .logo {
    position: relative;
    margin-left: 1rem;
    width: 60%;
    margin-top: .5rem
  }
  h1 {
    font-size: 1.3rem;
  }
  h2 {
    font-size: 1.2rem;
  }
  h3, h4 {
    font-size: 1.2rem;
  }
  .picdiv .photo,
  .picdiv .wordsdiv {
    width: 100%;
  }
  .picdiv .scrolldown {
    font-size: 1.2rem;
  }
  .picdiv .name {
    font-size: 1.2rem;
  }
  .picdiv .price {
    font-size: 1.1rem;
  }
  .bold2 {
    font-size: 1.1rem;
  }
  
  .contain-to-grid .top-bar {
    height: 3.5rem;
  }
  .top-bar.expanded {
    height: auto;
    padding: .5rem 0 .5rem;
  }
  .top-bar.expanded .title-area {
    background: transparent;
  }
  .top-bar-section .left {
    margin-left: 0;
  }
  .top-bar-section .left li.huntcamps {
    margin-right: 0;
  }
  .top-bar-section .left li.home {
    margin-left: 3rem;
  }
  .top-bar-section .left:before {
    font-size: 0.6rem;
  }
  .top-bar-section ul li {
    margin: 0 2px;  
    padding: .1rem 0.1rem .4rem;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    font-size: 0.7rem;
  }
  
}   /*  End of Small Screen  ******************/

@media only screen and (min-width: 22em) { /* 360px to 480px */
 /* white */
}
@media only screen and (min-width: 30em) { /* 480px to 560px */
 /* mauve */
}
@media only screen and (min-width: 35em) { /* 560px to 640px */
 /* grey */
} 

/*  ******************************************/
/* Medium screens */
@media only screen and (min-width: 40.063em) {  /* min-width 641px, medium screens */
/* yellow */  
  .pic-left,
  .pic-right {
      max-width: 60%;
      margin-bottom: 1rem;
  }
  .small{
      width: 36% !important;
  }
  .footer .text-right {
    font-size: 1.1rem;
  }
  .vws .text-right {
    font-size: .8rem;
  }
  .two-up {
    width: 48%;
  }
  .pic-left {
      margin-right: .5rem;
  }
  .pic-right {
      margin-left: .5rem;
  }
  .headertext1 {
    font-size: 2.2rem;
    padding: 1rem;
  }
  .headertext2 {
    font-size: 1.6rem;
    padding: 0 1rem;
  }
  .banner .logo {
    position: absolute;
    right: 0;
    bottom: .3rem;
    width: 40%;
  }
  
  .top-bar-section .left {
    margin-left: 1rem;
  }
  .top-bar-section ul li,
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar {
      font-size: .7rem;
      padding: .1rem 0.4rem .1rem;
  }
  h1 {
    font-size: 1.6rem;
  }
  h2 {
    font-size: 1.3rem;
  }
  h3, h4 {
    font-size: 1.1rem;
  }
  .picdiv .scrolldown {
    font-size: 1.5rem;
  }
  .picdiv .name {
    font-size: 1.5rem;
  }
  .picdiv .price {
    font-size: 1.4rem;
  }
  .bold2 {
    font-size: 1.25rem;
  }
  .contain-to-grid .top-bar {
    height: 4.5rem;
  }

}   /*  End of Medium Screen  ******************/
/*  ******************************************/

/*  ******************************************/
/* Medium screens 1.5 */
@media only screen and (min-width: 43.19em) {  /* min-width 691px, medium screens 1.5*/
  
  .top-bar-section ul li,
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar {
      font-size: .7rem;
  }
  
}   /*  End of Medium Screen 1.5 ******************/
/*  ******************************************/

/*  ******************************************/
/* Medium screen 1.6 */
@media only screen and (min-width: 46.31em) {  /* min-width 741px, medium screens 2*/

  .top-bar-section ul li,
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar {
      font-size: .75rem;
  }
}   /*  End of Medium Screen 1.6 ******************/
/*  ******************************************/

/*  ******************************************/
/* Medium screens 2 */
@media only screen and (min-width: 48.063em) {  /* min-width 769px, medium screens 2*/
/* blue */  
  .top-bar-section ul li,
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar {
      font-size: .9rem;
  }
  .picdiv .photo,
  .picdiv .wordsdiv {
    width: 49%;
  }
  .top-bar-section .left:before {
    font-size: 0.9rem;
  }
}   /*  End of Medium Screen2  ******************/
/*  ******************************************/

/*  ******************************************/
/* Medium screen 3 */
@media only screen and (min-width: 52.56em) {  /* min-width 841px, medium screens 3 */
  .top-bar-section ul li {
    margin: 0 4px;  
      padding: .1rem 0.2rem .1rem;
  }
  .top-bar-section .left li.home {
    margin-left: 4.5rem;
  }
  
}   /*  End of Medium Screen3  ******************/
/*  ******************************************/

/*  ******************************************/
/* Medium screen 4 */
@media only screen and (min-width: 59.44em) {  /* min-width 951px, medium screens 3 */
  .top-bar-section ul li {
    margin: 0 2%;  
      padding: .1rem 0.2rem .1rem;
  }
  .top-bar-section .left li.home {
    margin-left: 5rem;
  }

}   /*  End of Medium Screen4  ******************/
/*  ******************************************/

/*  ******************************************/
/* Large screens */
@media only screen and (min-width: 64.063em) {  /* min-width 1025px, large screens */
/* green */  
  .pic-left {
      margin-right: 1rem;
  }
  .pic-right {
      margin-left: 1rem;
  }
  .headertext1 {
    font-size: 2.8rem;
  }
  .headertext2 {
    font-size: 1.8rem;
  }
  .top-bar-section .left {
    margin-left: 0;
  }
  .top-bar-section ul li,
  .top-bar-section li:not(.has-form) a:not(.button),
  .top-bar {
/*      background: none; */
      line-height: 1;
      font-size: 0.9rem;
      padding: .1rem 0.3rem .4rem;
  /*    height: 1rem;*/
  }
  .contain-to-grid .top-bar {
      height: 5.5rem;
  }
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3, h4 {
    font-size: 1.2rem;
  }
}   /*  End of Large Screen  ******************/
/*  ******************************************/

/*  ******************************************/
/* Extra Large screens */
@media only screen and (min-width: 81.25em) {  /* min-width 1300px, extra large screens */
/* pink */  

}   /*  End of Extra Large Screen  ******************/
/*  ******************************************/