/*
*
*  Golden Grid System (1.01)	<http://goldengridsystem.com/>
*  by Joni Korpi 				<http://jonikorpi.com/>
*  licensed under MIT			<http://opensource.org/licenses/mit-license.php>
*	
*/
/*
*
*	Zoomable baseline grid
*	type size presets
*
*/
body {
  /* 16px / 24px */

  font-size: 1em;
  line-height: 1.5em;
}

h1, h2, h3, h4 { font-weight: normal; }
h4 { font-size: 1em; }
h3,
.bigger,
.hero-product-feat {
  font-size: 1.333em;
}
h2 { font-size: 1.777em; }
h1 { font-size: 2.369em; }

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

/*
*  Simple elastic gutters
*  Note: box-sizing will not work in IE6-7
*/
.wrapper,
header hgroup h1 {
  padding: 0 0.75em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hide-mobile,
.clear-tablet { display: none; }
.contain { margin: 0 5.55555%; }
.col2 { text-align: center; }
#content .main .feat { width: 50%; float: left; }

header hgroup { width: 50%; margin: 0 auto; }

nav > .menu-collapse { display: block; }
nav > ul,
#hero h1 {
  display: none;
}

nav ul > li > a,
nav .cart,
nav .menu-collapse {
  width: 100%;
}

.hero-products:after,
#content:after,
.footer-content:after,
header:after,
nav:after,
.content-block-left:after,
.content-block-right:after {
  content: '';
  clear: both;
  display: block;
}

.content-block-img {
  width: 50%;
}

.content-block-left .content-block-img {
  float: left;
}

.content-block-right .content-block-img {
  float: right;
}

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

  font-size: 2.625em;
  line-height: 1.1428571428571428em;
  margin: 1.1428571428571428em 0 0.5714285714285714em;
}
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }
  h1 {
    /* 42px / 48px */
  
    font-size: 2.625em;
    line-height: 1.1428571428571428em;
    margin: 1.1428571428571428em 0 0.5714285714285714em;
  }
}

/*
*
*  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) */


.product .wrapper h3 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-decoration: none;
  font-size: 14px !important;
  line-height: 18px !important;
  font-weight: bold;
  text-transform: uppercase;
}

.product .wrapper a {
  text-decoration: none;
}

.product .wrapper a:hover h3 {
    text-decoration: underline;
}

.product .wrapper .list-price {
  margin: 0 0 0.4em 0;
  color: #444 !important;
}

.green-btn {
  background: #51ad57;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #51ad57 0%, #35993f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#51ad57), color-stop(100%,#35993f));
  background: -webkit-linear-gradient(top, #51ad57 0%,#35993f 100%);
  background: -o-linear-gradient(top, #51ad57 0%,#35993f 100%);
  background: -ms-linear-gradient(top, #51ad57 0%,#35993f 100%);
  background: linear-gradient(to bottom, #51ad57 0%,#35993f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51ad57', endColorstr='#35993f',GradientType=0 );
}

.green-btn:hover {
  background: #47994d;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #47994d 0%, #308a39 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#47994d), color-stop(100%,#308a39));
  background: -webkit-linear-gradient(top, #47994d 0%,#308a39 100%);
  background: -o-linear-gradient(top, #47994d 0%,#308a39 100%);
  background: -ms-linear-gradient(top, #47994d 0%,#308a39 100%);
  background: linear-gradient(to bottom, #47994d 0%,#308a39 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47994d', endColorstr='#308a39',GradientType=0 );
}

.body-font {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

@media screen and (min-width: 45em) {
  body {
    /* Reset baseline grid to 16/16 = 1 */
  
    font-size: 1em;
  }

  h3,
  .bigger,
  .hero-product-feat {
    font-size: 1.5em;
  }
  .product .wrapper h3 {
    // font-size: 1.25em !important;
    min-height: 55px !important;
  }
  h2 { font-size: 2.25em; }
  h1 { font-size: 3.375em; }

  .clear-tablet {
    display: block;
    clear: both;
  }

  nav > .menu-collapse,
  .hide-sml { display: none; }
  nav > ul,
  #hero h1 {
    display: block;
  }
  
  nav ul > li {
    float: left;
    width: 20%;
  }

  nav li > ul li > a {
    width: 100%;
  }

  nav ul li:hover > ul { display: block; }

  .contain { margin: 0 16.666666666666664%; }

  .hide-mobile { display: block; }

  header hgroup { width: 33.33%; overflow: hidden; float: left; margin-left: 33.33%; }
  nav { width: 100%; float: left; }

  header aside { text-align: right; }

  #hero { text-align: center; }

  .hero-product { float: left; width: 33.33%; }

  .col4,
  .product {
    width: 50%;
    float: left;
  }

  .product:nth-of-type(2):after {
    content: '';
    display: block;
    clear: both;
  }

  .details,
  .maps,
  .enquiry,
  .vessel-img {
    width: 33.33%;
    float: left;
  }

  .kangaroo-explorer .vessel-img {
    float: right;
  }
}

.current-specials-products {
  display: block;
  position: relative;
  font-size: 0;
  background: #cb1d26;
  padding: 0;
  margin-bottom: 30px;
  border-top: 3px solid white;
}

.current-specials-product {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  padding: 30px 0;
}

.current-specials-product:nth-of-type(1) {
  width: 55%;
  background-image: url('/themes/cairnsdive/p-diver.png');
  background-repeat: no-repeat;
  background-position: center right;
}

.current-specials-product:nth-of-type(2) {
  width: 20%;
}

.current-specials-product:nth-of-type(3) {
  width: 25%;
}

.current-specials-product:nth-of-type(1) h3 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-transform: uppercase;
  font-size: 30px;
  color: white;
  line-height: 42px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  display: block;
}

.current-specials-product:nth-of-type(1) h2 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-transform: uppercase;
  font-size: 50px;
  color: #f5cc34;
  line-height: 42px;
  font-weight: 600;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  display: block;
  margin-left: -1px;
}

.current-specials-product:nth-of-type(2) h3 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  font-size: 55px;
  line-height: 40px;
  margin: 0;
}

.current-specials-product:nth-of-type(2) h5 {
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  margin: 10px 0 6px 0;
  font-weight: 600;
}

.current-specials-product:nth-of-type(3) p {
  text-align: right;
}

.current-specials-product:nth-of-type(3) a {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
  background: #f2bf04;
  color: white;
  padding: 15px 59px 15px 21px;
  border-radius: 9px;
  text-shadow: none;
  text-decoration: none;
  display: inline-block;
  margin-top: 0px;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  background-image: url(/themes/cairnsdive/p-arrow.png);
  background-repeat: no-repeat;
  background-position: right 18px center;
  display: inline-block;
  vertical-align: top;
}

@media screen and (min-width: 1900px) {
  .current-specials-product:nth-of-type(1) {
    width: 62%;
  }
  .current-specials-product:nth-of-type(3) {
    width: 18%;
  }
}

@media screen and (min-width: 2200px) {
  .current-specials-product:nth-of-type(1) {
    width: 70%;
  }
  .current-specials-product:nth-of-type(2) {
    width: 15%;
  }
  .current-specials-product:nth-of-type(3) {
    width: 15%;
  }
}

@media screen and (max-width: 1770px) {
  .current-specials-product:nth-of-type(1) {
    background-size: 180px 80px;
    background-position: top 10px right;
  }
}

@media screen and (max-width: 1500px) {
  .current-specials-product:nth-of-type(1) {
    background-image: none;
  }

  .current-specials-product:nth-of-type(1) h3 {
    font-size: 25px;
  }

  .current-specials-product:nth-of-type(1) h2 {
    font-size: 40px;
  }
}

@media screen and (max-width: 983px) {
  .current-specials-products {
    padding: 25px 0 15px 0;
  }
  .current-specials-product {
    display: block;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }
  .current-specials-product p {
    text-align: center !important;
  }
  .current-specials-product:nth-of-type(1) h2 {
    font-size: 26px;
    line-height: 25px;
  }
  .current-specials-product:nth-of-type(2) {
    display: none;
  }
}

/* @media screen and (min-width: 984px) */
@media screen and (min-width: 61.5em) {
  body {
    /* Reset baseline grid to 16/16 = 1.0 */
  
    font-size: 1em;
  }

  .clear-tablet { display: none; }

  .contain { margin: 0 5.55555%; }
  .col2 { text-align: left; }

  header hgroup { width: 25%; margin-left: 0; }
  nav { width: 75%; }

  #content .main {
    width: 62.5%;
    float: left;
  }

  #content .sidebar {
    width: 37.5%;
    float: left;
  }

  .col2 { width: 50%; float: left; }
  .col4,
  .product {
    width: 25%;
    float: left;
  }

  .large-products .product {
    width: 33%;
  }

  .product:nth-of-type(2):after {
    display: none;
  }

  .product:nth-of-type(4):after {
    content: '';
    display: block;
    clear: both;
  }

  .align-right,
  .signature {
    text-align: right;
  }

  .hero-product:nth-child(2) {
    font-size: 1.25em;
  }
}

/* @media screen and (min-width: 1200px) */
@media screen and (min-width: 75em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }

  .contain { margin: 0 16.666666666666664%; }

  header hgroup { width: 33.33%; }
  nav { width: 66.66%; }
  
  #content .main {
    width: 66.66%;
  }

  #content .sidebar {
    width: 33.33%;
  }
}
 
/* @media screen and (min-width: 1680px) */
@media screen and (min-width: 105em) {
  body {
    /* Zoom baseline grid to 17/16 = 1.0625 */
  
    font-size: 1.0625em;
  }

  .hide-sml { display: inline-block; }

  header hgroup { width: 16.666666666666664%; }
  nav { width: 83.3333333333333%; }
}
/*
*
*  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) {
  body {
    /* Zoom baseline grid to 18/16 = 1.125 */
  
    font-size: 1.125em;
    max-width: 160em;
  }
}

.ccm-layout-col {
  display: inline-block;
  vertical-align: top;
}