@charset "UTF-8";

body, html {
	margin: 0 auto;
	padding: 0 auto;
	font-family: 'Alegreya Sans', sans-serif;
	font-weight: 300;
	font-size: 12pt;
	line-height: 16pt;
	background-color: #2d7b71;
}

img, .nav_div, .logo, .stickylogo, .divider {
	display: block;
	margin: 0 auto;
}

.nav a:link, .nav a:visited,
.slidenav a:link, .slidenav a:visited {
	color: #fff;
	text-decoration: none;
}

.nav a:hover, .nav a:active,
.slidenav a:hover, .slidenav a:active {
	color: #CCB70A;
}

.white_sect a:link, .white_sect a:visited {
	color: #4A9B8F;
	text-decoration: none;
}

.white_sect a:hover, .white_sect a:active {
	color: #4A9B8F;
	text-decoration: underline;
}

.retailerLinks {
  font-size: 38px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

li {
	list-style: none;
}

.bodylist {
	list-style: disc;
	padding-bottom: 10px;
}

/*-- Mobile specific --*/
.header, .lit_green, #feature, #feat_book {
	height: 100%;
}
.content, .med_green, #feature, #feat_book, footer {
	width: 100%;
}
.slidenav {
	width: 85%;
	text-align: left;
}
.nav_div {
	text-align: left;
	background: url('../images/nav_divider.png') no-repeat center left;
	background-size: 40%;
	height: 75px;
}
.slidenav li {
	margin: 20px 0;
	font-size: 16pt;
}
.slidenav .nav {
	position: relative;
	line-height: 1.2em;
	left: -1em;
}

header {
	background: url('../images/head_banner.jpg') no-repeat top center #2D7B71;
	position: fixed;
	width: 100%;
	height: 100px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
header.sticky {
	height: 85px;
}
.logo {
	background: url('../images/gv_logo.png') no-repeat center top;
	background-size: 50%;
	position: relative;
	top: 25%;
	width: 275px;
	height: 118px;
	margin: 0 auto;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.stickylogo {
	margin: 0 auto;
	background: url('../images/gv_logo.png') no-repeat center top;
	position: relative;
	top: 20%;
	background-size: 45%;
	height: 85px;
}

/*-- Remove when catalogue launches
.med_green {
	visibility: hidden;
	display: none;
	width: 0;
	height: 0;
}-------*/
.lit_green {
	height: 100%;
}

.lit_green:after {
	content: '';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

#wrapper {
	position: relative;
	top: 100px;
	z-index: -1;
}

.content {
	text-align: left;
}

.lit_green {
	background: #95c8b7;
	padding: 30px 0;
}

.med_green, #feature {
	background: #629f8b;
}

.white_sect {
	background-color: #ebe8e6;
	padding: 30px 0;
}

/*--- Feature book ---*/
.feature_text {
	text-align: left;
	width: 90%;
	padding: 20px 0 0 20px;
}
#feat_book {
	text-align: center;
}
#feat_book img {
  padding-top: 3.5rem;
  height: 50%;
	width: auto;
}
.feat_retailers, .retailers {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
}

.addendum {
  font-size: 0.90rem;
  line-height: 1.25rem;
}

/*-------------------*/

/*--- Cataloge Slider ---
.slider {
	padding-top: 20px;
	margin: 0 0;
	left: -20px;
}

.publications {
	padding: 30px 20px;
	width: 100%;
	display: inline-block;
}
---*/
.publications {
	padding: 20px 20px 10px 20px;
}
.catalogue {
	width: 90%;
}
.catalogue li {
	display: inline-block;
	padding-right: 30px;
	position: relative;
	left: -2.25em;
}
.thumbs {
	width: 25%;
	text-align: left;
	vertical-align: top;
}
.thumbs img {
	height: 250px;
}

h1, h2, h3, h4, h5, h6, .footnav ul, .stories ul {
	margin: 0 0;
	padding: 0 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Sorts Mill Goudy', serif;
	font-weight: 400;
	font-style: italic;
	line-height: 120%;
}
h1 {
	font-size: 50pt;
}

h2 {
	font-size: 37pt;
}

h3 {
	font-size: 28pt;
}

h4 {
	font-size: 21pt;
}

h5 {
	font-size: 16pt;
}

h6 {
	font-size: 12pt;
}

.stories li {
	position: relative;
	left: -2em;
}

.column50 {
	width: 89%;
}
.column100 {
	width: 91.2%;
	margin: 0 20px;
}
.left, .right {
	margin: 0 20px;
}

.divider {
	background: url('../images/body_divider.png') no-repeat center center;
	background-size: 100%;
	width: 250px;
	height: 100px;
}

.fb-page {
	padding-top: 25px;
}

.bold {
	font-weight: bold;
}
.stories span.bold:after {
	content: '';
	display: block;
}
span.author:before {
	content: '';
	display: inline-block;
	width: .75em;
}

.titles {
	font-style: italic;
}

footer {
	background: #2d7b71;
	font-size: 9pt;
	line-height: 12pt;
	margin: 20px 0;
	color: #FFF;
}

.footnav {
	display: none;
	visibility: hidden;
	width: 0;
	height: 0;
}

.copyright {
	width: 86%;
	padding: 0 20px;
}

/* CSS DROP DOWN */
#cssmenu {padding: 0; margin: 0; border: 0;}
#cssmenu ul, #cssmenu li {list-style: none; margin: 0; padding: 0;}
#cssmenu ul {position: relative; z-index: 597; }
#cssmenu ul li { float: left; min-height: 1px; vertical-align: middle;}
#cssmenu ul li.hover, #cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}
#cssmenu ul ul ul {top: 0; left: auto; right: -99.5%; }
#cssmenu ul li:hover > ul { visibility: visible;}
#cssmenu ul ul {bottom: 0; left: 0;}
#cssmenu ul ul {margin-top: 0; }
/*#cssmenu ul ul li {font-weight: normal;}*/
#cssmenu a { display: block; line-height: 1em; text-decoration: none; }

#cssmenu { background: #ebe8e6; font-size: 1em; width: 120px;}
#cssmenu > ul { *display: inline-block; }
#cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; }
#cssmenu a { color: #000; padding: 0 15px; width: 90px; padding-top: 2px; }
#cssmenu ul { text-transform: uppercase; }
#cssmenu ul ul { text-transform: none; }
#cssmenu ul ul a { background: #629f8b; color: #fff; border-top: 1px solid #2d7b71; border-left: 1px solid #2d7b71; border-right: 1px solid #2d7b71; line-height: 150%; padding: 10px 14px }
#cssmenu ul ul ul { border-top: 0 none; }
#cssmenu ul ul li { position: relative }
#cssmenu > ul > li > a { line-height: 48px; }
#cssmenu ul ul li:first-child > a { border-top: 1px solid #2d7b71; }
#cssmenu ul ul li:hover > a { background: #2d7b71; }
#cssmenu ul ul li:last-child > a { border-radius: 0 0 3px 3px; box-shadow: 0 1px 0 #2d7b71; }
#cssmenu ul ul li:last-child:hover > a { border-radius: 0 0 0 3px; }
/*#cssmenu ul ul li.has-sub > a:after { content: ' \25BC'; position: absolute; top: 50%; right: 15px; margin-top: 0px; }*/
#cssmenu ul li:hover > a, #cssmenu ul li.active > a { background: #2d7b71; color: #FFF; }
#cssmenu ul li.has-sub > a:after { content: " \25bc"; margin-left: 8px; font-size: .75em; }
#cssmenu ul li.last ul { left: auto; right: 0; }
#cssmenu ul li.last ul ul { left: auto; right: 99.5%; }

/* Medium sized screens */
@media only screen and (min-width:909px) {
body {
	border: 0px solid black;
	font-size: 16pt;
	line-height: 22pt;
}
header {
	height: 150px;
}
header.sticky {
	height: 100px;
}
.logo {
	background-size: 75%;
}
.stickylogo {
	background-size: 60%;
}
#wrapper {
	top: 150px;
}
.kobo {
	position: relative;
	/* top: 50px; */
}
.lit_green {
	padding: 0 0;
}
.cata:after {
	content: '';
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
#feat_book, .feature_text {
	display: inline-block;
	vertical-align: top;
}
.feature_text {
	width: calc(65% - 48px);
  margin-top: 30px;
  padding-left: 48px;
	padding-bottom: 60px;
}
#feat_book {
	width: 35%;
	float: left;
	display:block;
	position: relative;
	left: -5px;
}
#feat_book img {
  height: 100%;
	width: auto;
}
.feat_retailers {
  height: auto;
  display: block;
	visibility: visible;
}
.footnav {
  display: inline;
  visibility: visible;
}
.retailers {
	display: inherit;
	visibility: visible;
	position: relative;
	top: -30px;
}
.retailers li {
	position: relative;
	left: -1.75em;
	padding: 12px 0;
}
.feat_retailers li {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 0 30px 0;
	left: -1.75em;
}
.mRetail, .divider {
	visibility: hidden;
	display: none;
	width: 0;
	height: 0;
}
/*--- Cataloge Slider ---*/
.publications {
	display: inline-block;
	width: 60%;
}
.catalogue li {
	display: inline-block;
	padding-right: 30px;
	position: relative;
	left: -1.8em;
}

/*--*/

.column50 {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.copyright, .footnav {
	display: inline-block;
	vertical-align: top;
	font-size: 12pt;
	line-height: 16pt;
}
.copyright {
	width: 55%;
}
.footnav {
	width: 11%;
}
.footnav img {
	margin: 0 0;
}
.nav li {
	padding: 0 0;
}
footer {
	padding: 30px 0 65px 0;
	margin: 0 0;
	font-size: 12pt;
}
.stories span.bold:after {
	content: '';
	display: none;
}
span.author:before {
	content: '';
	display: inline-block;
	width: 0;
}
h1 {
	font-size: 67pt;
}

h2 {
	font-size: 50pt;
}

h3 {
	font-size: 37pt;
}

h4 {
	font-size: 28pt;
}

h5 {
	font-size: 21pt;
}

h6 {
	font-size: 16pt;
}

}

@media only screen and (min-width:1024px) {
	.wrapper {
		text-align: center;
	}
	.content {
		margin: 0 auto;
		max-width: 1024px;
	}
}