/*
*
*  Golden Grid System (1.01)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*	
*/

.contain:after,
.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

/*
*
*  Four-column grid active
*  ----------------------------------------
*  Margin   | #  1   2   3   4   |   Margin
*  5.55555% | %  25  50  75  100 | 5.55555%
*
*/

.contain {
  margin: 0 5.55555%;
}

.pg-head .logo {
  margin: 0;
  position: relative;
  z-index: 2;
  font-size: 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 1rem 0;
  box-sizing: border-box;
  text-align: center;
}

.pg-nav {
  text-align: center;
  background: #7BB30A;
  margin-bottom: 1.5rem;
}

.nav-collapse,
.pg-nav li a {
  width: 100%;
  display: block;
}

.pg-nav li a { line-height: 2.25; }

.nav-collapse {
  line-height: 3.375rem;
}

.pg-hero {
/*  display: none;*/
}

  .pg-hero {
    display: block;
  }

  .pg-hero img {
    width: 100%;
    height: auto;
  }

  .pg-hero .slide {
    display: none;
  }

  .pg-hero .slide:first-child {
    display: block;
  }

  .pg-hero .hero-overlay {
    display: none;
  }

.foot-col {
  text-align: center;
}

.property-link {
  width: 50%;
  float: left;
}

.ext-content-half #CDSRATINGWIDGET95,
.ext-content-half #CDSWIDCOE {
  margin: 0.5rem auto;
}

/* Typography */
h1 {
  font-size: 2.25rem;
  line-height: 1;
  margin: 0;
  color: #096C12;
}

h2 {
  font-size: 1.5rem;
  color: #928B78;
}

h3 {
  font-size: 1rem;
  line-height: 1;
  color: #928B78;
}

h3, h4, h5, h6 {
  text-transform: uppercase;
  color: #928B78;
}

h4 {
  font-size: 0.667rem;
}

h5 {
  font-size: 0.444rem;
}

h6 {
  font-size: 0.444rem;
}

.hug {
  margin-top: 0;
}

/*
 * Fixes for IE6-8 [http://jonikorpi.com/leaving-old-IE-behind/]
 */
.ie body {
  width: 40em;
  margin: 0 auto;
  font-size: 1.0625em;
}

.main-nav {
  display: none;
}

  .pg-head .logo {
    width: 100%;
    background-color: #fff;
    padding: 3rem 0.667rem;
    background-image: url(../img/logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999rem;
    float: left;
  }

#pg-nav:target .main-nav,
#pg-nav:hover .main-nav {
  display: block;
}

.wrapper {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) { }

/*
*
*  Eight-column grid active
*  ----------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8   |   Margin
*  5.55555% | %  12.5  25.0  37.5  50.0  62.5  75.0  87.5  100 | 5.55555%
* 
*
*/

/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {

  .pg-head {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }

  .pg-head .logo {
    width: 37.5%;
    background-color: #fff;
    padding: 1.5rem 0.667rem;
    background-image: url(../img/logo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999rem;
    float: left;
  }

  .pg-nav {
    background: #7BB30A;
    width: 62.5%;
    float: left;
    text-align: left;
    margin: 0;
  }

  .pg-nav .main-nav {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .pg-nav .main-nav {
    margin-top: 1.25rem;
  }

  .pg-nav .main-nav li {
    float: left;
  }

  .pg-nav .main-nav li,
  .pg-nav .main-nav li a,
  .nav-collapse {
    line-height: 1;
  }

  .pg-nav .main-nav li a,
  .nav-collapse {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .nav-collapse {
    padding-right: 0.667rem;
  }


  .pg-nav li a {
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .nav-collapse {
    text-align: right;
  }

  .foot-col {
    width: 33.33%;
    float: left;
    text-align: left;
  }

  .property-link {
    width: 20%;
  }

  .intro-block,
  .contact-map,
  .room-desc {
    width: 62.5%;
    float: left;
  }

  .reservations,
  .tripadvisor-widgets,
  .contact-reservations,
  .room-img {
    width: 37.5%;
    float: left;
  }

  .tripadvisor-widgets iframe {
    width: 100% !important;
  }

  .reservations {
    float: right;
  }

  .cta-overlay {
    width: 50%;
    float: left;
  }

  .bookings-form {
    margin-top: -3.375rem;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    line-height: 1;
    margin-bottom: 1.5rem;
    margin-top: 0;

  }

  h1 {
    font-size: 3.375rem;
    line-height: 1;
    margin: 0;
    color: #096C12;
  }

  h2 {
    font-size: 2.25rem;
    color: #928B78;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 1;
    color: #928B78;
    text-transform: none;
  }

  h4, h5, h6 {
    text-transform: uppercase;
    color: #928B78;
  }

  h4 {
    font-size: 1rem;
  }

  h5 {
    font-size: 0.667rem;
  }

  h6 {
    font-size: 0.444rem;
  }

  .pull-left {
      float: left;
  }

  .pull-right {
      float: right;
      text-align: right;
  }

  .text-centre {
    text-align: center;
  }

  .hug {
    margin-top: -1.5rem;
  }

  h1+.hug {
    margin-top: 0;
  }

  .lead {
    font-size: 1.5rem;
  }

  .lead {
    line-height: 1;
  }

  .guarantee-badge {
    right: -50px;
  }

  .pg-hero .hero-overlay {
    display: block;
  }

}

/* @media screen and (min-width: 888px) */
@media screen and (min-width: 55.5em) { }

/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {

  .nav-collapse { display: none; }
  .main-nav { display: block; }

  .pg-head .logo {
    width: 25%;
  }

  .pg-nav {
    width: 75%;
  }

  .pg-nav .main-nav {
    margin-top: 0;
  }

  .ext-content-half {
    float: left;
    width: 50%;
  }

  .ext-content-half #CDSRATINGWIDGET95,
  .ext-content-half #CDSWIDCOE {
    margin: 0;
  }

  .bookings-form {
    margin-top: -5.063rem;
  }
}

/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {

  .pg-head .logo {
    width: 12.5%;
  }

  .pg-nav {
    width: 87.5%;
  }

  .pg-nav li a {
    padding: 0 1.5rem;
  }
}

/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {

}
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {

  .contain { margin: 0 16.666666666666664%; }

  .pg-head .logo {
    width: 16.666666666666664%;
  }

  .pg-nav {
    width: 83.33333333333334%;
  }

  .reservations,
  .tripadvisor-widgets {
    width: 33.33%;
  }

  .tripadvisor-widgets iframe {
    width: 100% !important;
  }

  .intro-block {
    width: 66.66%;
  }
}

/*
*
*  Sixteen-column grid active
*  ----------------------------------------------------------------------------------------------------------------------
*  Margin   | #  1     2     3     4     5     6     7     8     9     10    11    12    13    14    15    16  |   Margin
*  5.55555% | %  6.25  12.5  18.75 25.0  31.25 37.5  43.75 50.0  56.25 62.5  68.75 75.0  81.25 87.5  93.75 100 | 5.55555%
*	
*
*/

/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) { }

/* @media screen and (min-width: 2080px) */
@media screen and (min-width: 130em) { }