@charset "UTF-8";
/* CSS Document */

/*
font-family: 'Cormorant Garamond', serif; 300,300i,400,400i,500,500i,600,600i,700,700i

Text - #363535 / 54,53,53
Green - #005D42 / 00,93,66
Brown - #A9783E / 169,120,62
Light Green - #82B725 / 130,183,37
Tan - #E8D3AD / 232,211,173

Grayish - #BFB4AA / 191,180,170
Light Tan - #FAF1DA / 250,241,218
*/

 @media screen and (max-width: 64.063em) {

 }
 @media screen and (max-width: 40.063em) {

 }

/******** Control Main Slider Heading Width ********/
 @media screen and (max-width: 40.063em) {

   .homeslide-header1 {
      width: 140px!important;
   }

 }




/******** Mobile Menu styling  ********/
.mobile_menu ul li.submobile a, .mobile_menu ul li.submobile {
   font-size:1.15em!important;
   display:block!important;
   color: #BFB4AA;
   padding-top:10px!important;
}

/*

/******** End Mobile Menu styling  ********/


/******** Variant More Options styling  ********/
.variantd.rope_color img {
    padding: 12px;
}
/******** Close Variant More Options  ********/

/******** Heading No After Hyphen  ********/
.no-hyphen h4:after {
   content:none;
}
.no-hyphen h4 {
   padding-bottom:0;
}

/******** Custom Quotes page  ********/
.customquotes {
   text-align:center;
}
.customquotes h4 {
   font-family: sans-serif;
   font-weight: 400;
   font-size: 1.2rem;
}

table.quote-table td {
   padding: 10px 15px!important;
}


/******** Inspiration Gallery ********/

.inspiration img  {
   border-radius: 7px;
   margin:7px;
}
.sort_page img {
   margin: 0!important;
   padding: 0!important;
}






/******** Home Main Image ********/
.home-main a:hover  {
   cursor: pointer!important;
}

.home-main img  {
    width: 100%;
    height:auto;
}

/******** Read More styling  ********/
#more {
    display:none;
}
/******** End Read More styling  ********/

.highlight {
	/*background: #E8D3AD;*/
	text-align: center;
}
.lowlight {
	background: #CCCCCC;
	color: #FFFFFF;
	font-weight: 700;
}

/******** Place Play button in homepage button ********/
.slider.homepage .button img {
    min-width: 0; 
}
.slick-slide .button img {
    display: inline;
}

/******** OFFCANVAS ********/

.js-off-canvas-overlay {
    background: #393939;
    background: rgba(57,57,57,0.65);
	z-index: 19;
}
.off-canvas {
    background: #FFFFFF;
	padding: 2.65rem 1.65rem;
}
.position-right {
    width: 42rem;
	
    -moz-transform: translateX(42rem);
    -webkit-transform: translateX(42rem);
    -o-transform: translateX(42rem);
    -ms-transform: translateX(42rem);
    transform: translateX(42rem);
}
.off-canvas.is-transition-overlap {
	z-index: 20;
}

 @media screen and (max-width: 40.063em) {

.off-canvas {
	padding: 2.65rem 0.65rem;
}	 
.position-right {
    width: 100%;
	
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

}


.off-canvas .cart_detail_heading {
    display: none;
}

.off-canvas .slide_cart_expand {
    width: 100% !important;
}


/********** Slider Menu ************/
.slider.homepage ul.slider_menu {
	width: 100%;		
	text-align: center;
	position: absolute;
	left: 0;
	rigth: 0;
	height: 4.1rem; 
	bottom: 1.35rem;
	z-index: 2000;
	margin: 0;
	padding: 0;
	display: table;
}

.slider.homepage ul.slider_menu li {
	color: #393939;
	display: inline-block;
	position: relative;
	height: 4.1rem; 
	padding: 0;
	margin: 0;	
}
.slider.homepage ul.slider_menu li a {
	line-height: 1rem;
	color: #393939;
	background: #FFFFFF;
	background: rgba(255,255,255,0.85);
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
	padding: 1.05rem 1.25rem;
	margin: 0;
	font-size: .9rem;
	font-weight: 400 !important;
	float: left;
}
.slider.homepage ul.slider_menu li a {
    border-right: 1px solid #BBB;
}

.smdate {
    font-size: 1.2em;
}

.slider.homepage ul.slider_menu li a.two_line {
	padding: 0.65rem 1.65rem;
}
.slider.homepage ul.slider_menu li a:after {
	position: absolute;
	width: 0%;
	left: 0;
	bottom: 0;
	content: "";
	border-bottom: 4px solid #7CBA54;
	
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;	
}
.slider.homepage ul.slider_menu li a:hover, ul.slider_menu li a:hover {
	background: #FFFFFF;
}
.slider.homepage ul.slider_menu li a:hover:after {
	width: 100%;
	rigth: 0;	
}

@media screen and (max-width: 64.063em) {

.slider.homepage ul.slider_menu {
	bottom: 1.35rem;
}
.slider.homepage ul.slider_menu li {
	height: 2.8rem; 
}
.slider.homepage ul.slider_menu li a {
	line-height: 1rem;
	padding: 0.9rem 0.85rem;
	font-size: 0.85rem;
}

.slider.homepage ul.slider_menu li a.two_line {
	padding: 0.4rem 0.85rem;
}

}
@media screen and (max-width: 48em) {

.slider.homepage ul.slider_menu {

}

.slider.homepage ul.slider_menu li a {
	line-height: .7rem;
	padding:.8rem .8rem;
	font-size: .6rem;
}

}
/********** End Slider Menu ************/


.callus_text h3 {
    font-size:1.4rem;
    position: relative;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.1rem;
    padding: 0.85rem 0rem;
    margin: 1.65rem 0rem 1.35rem 0rem;
    color: #005D42;
    border-top: 1px solid #BFB4AA;
    border-bottom: 1px solid #BFB4AA;  
    text-align:center;
}


.callus_text h4 {
    font-size:1.5rem;
    position: relative;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    letter-spacing: 0.1rem;
    padding: 0.55rem 0rem;
    margin: 0.65rem 0rem 0.35rem 0rem;
    color: #005D42;
    text-align:center;
}

/********** Overview page Headings  ************/

.overview a.category .inside_border h4 {
    font-size:1.4rem;
}

/********** End Overview page Headings ************/

/********** Bottom Descriptive Text  ************/

.bottom-text ul {
    margin-left: 15%;
    margin-right:15%;
    margin-top:30px;
    margin-bottom:30px;
    padding-left:25px;
    text-align: left;
    border: 1px solid #F1F1F1
}

.bottom-text ul li b {
   color: #045f42;
   font-size:1.5rem;
   font-weight: 800;
   /* text-transform: uppercase; */ 
}

.bottom-text ul {
  list-style: none; /* Remove default bullets */
}

.bottom-text ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #045f42; /* Change the color */
  font-size:1.4rem;
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.bottom-text ul li {
  padding:20px; 
}

.bottom-text ul li:nth-child(odd) {
}

/********** End Bottom Descriptive Text  ************/

/********** Start Read More css ************/

#readmore {display: none;}

.big_text a {
   text-decoration:underline;
}

/********** End Read More css ************/


/********** Overview Heading Box ************/

.heading.overview h3 {
    display: grid;
    align-items: center;
}

/********** End Overview Heading Box ************/

/********** Start Detail Swatch CSS ************/

.selected-name {
   font-size:1.05rem;
   padding-left:7px;
}

/********** End Detail Swatch CSS ************/

/******** Homepage Menu ********/

.red-bg a:hover {
   background: #AA1118;
}



/******** INSIDERS REWARDS ********/

.heading.insiders-main {
    padding-top: 0;
    padding=bottom: 40px;
}

.cart_detail h4 {
    line-height: 1.5rem;
}

.insiders-heading h2  {
    color: #005D42!important;
}

.insiders-main {
    background: url(../img/pages/insiders/insiders-bg.jpg) top center no-repeat #FFF8EB;
    background-size: contain;
    background-attachment: scroll!important;
    /* min-height:420px;  */	
}
.insiders-heading {
    background: url(../img/pages/insiders/insiders-bg.jpg) top center no-repeat #FFF;
    background-size: contain;
    background-attachment: scroll!important;	
}

@media screen and (max-width: 64.063em) {
	
body.insiders-main {
    background: url(../img/pages/insiders/insiders-bg-vert.jpg) top center no-repeat #FFF8EB;
    background-size: contain;
    min-height:720px;	
}

}

.insiders-bg {
    background: url(../img/pages/insiders/insiders-bg3.jpg) top center no-repeat #FFF;
    background-size: contain;
    background-attachment: scroll!important;	
}

.insiders h1,.insiders h2,.insiders h3,.insiders h4,.insiders h5,.insiders h6 {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
}
body.insiders {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
}

.easy123 {
    background: url(../img/pages/insiders/insiders-bg2.jpg) bottom center no-repeat #FFF8EB;
    background-size: cover;	
}
.insiders-overview {
    background: url(../img/pages/insiders/insiders-bg2.jpg) bottom center no-repeat #FFF8EB;
    background-size: contain;
}
.insiders-login {
    background: url(../img/pages/insiders/insiders-bg2.jpg) bottom center no-repeat #FFF8EB;
    background-size: cover;
}
.content::before {
    content: '';
    border: none;
    border-width: 0;
    clear: both;
    height: 13px;
    margin: 0;
   /* background: url(/img/pages/insiders/rope.png) center repeat; */
    position: absolute;
    left: 0;
    top: -1.65rem;
    right: 0;
    width: 100%;
}
.content.easy123::before {
    content: '';
    border: none;
    border-width: 0;
    clear: both;
    height: 10px;
    background: url(../img/pages/insiders/rope.png) center repeat;
    margin: 0;
    position: initial;
    display:block;
    left: 0;
    top: -80px;
    right: 0;
    width: 100%;
}

.content.easy123 {
    padding: 0.65rem 0rem;
}

.insiders-heading h2 {
    border: 2px solid rgba(0,0,0,0.35)!important;
}

.side_menu {
    /* text-align: center; */
    margin-top: 50px;
    margin-left: 50px;
    padding-right: 50px;
}

.support h4 {
    padding: 0 30px 0 30px;
}

.support .large-9 {
    padding-left:25px!important;
}

.visnav {
    padding: 0 40px 0 40px;
}

.visnav .columns {
   padding-left: .9rem!important;
   padding-right: .9rem!important;
}

.insiders .secondary {
	padding-top: 50px;
}
.insiders .content {
	padding-top: 35px;
}
.insiders .heading h1 {
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
	font-weight: 600;
	color: #005d42;
}
.insdr-h1 {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 1.6em;
    color:#005d42;
    font-weight: 600;
}
.insdr-h1-black {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 55px;
    color:#000;
    font-weight: 600;
}
.insdr-h1-white {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 55px;
    color:#FFF;
    font-weight: 600;
}
.insdr-h2 {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 48px;
    color:#000;
    font-weight: 600;
}
.insdr-h2b {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 41px;
    color:#000;
    font-weight: 600;
}
.insdr-h3 {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
    font-size: 22px;
    text-transform: initial;
    color:#000;
    letter-spacing: normal;
}
.insiders h4 {
font-size: 20px;
}
.signin {
   text-decoration:underline;
   font-size:.9rem;
   text-transform:none;
   line-height: 1em!important;
}
.insdr-button {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
	height:11px;
	background-color:#005D42!important;
	color:#fff;
	font-size:1rem;
	padding:10px 40px;
	margin:20px 5px;
	border-radius:5px;
	border: 1px solid #000!important;
}

.insdr-button-white {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;	
	height:11px;
	background-color:#FFF!important;
	color:#005D42;
	font-size:1rem;
	padding:10px 40px;
	margin:20px 5px;
	border-radius:5px;
	border: 1px solid #000!important;
}
.insdr-button {
	height:15px;
	background-color:#2B3379;
	color:#fff;
	padding:15px;
	border-radius:7px;" 
}
.insdr-button:hover, .insdr-button-white:hover {
	background-color:#d15459!important;
}
.insiders .heading h1 span:after {
content: url(../img/deco/fleuron2.png);
opacity: 0.35;
display: inline-block;
}

.detail .accordion a, .accordion p {
font-size: 16px;
}



/********** Start Thank You page  ************/

.thankyou p, .thankyou h1, .thankyou h2, .thankyou h3, .thankyou h4, .thankyou h5  {
   font-family: 'Arial' , sans-serif ;
   font-weight: 400;
   color:#555;
}
.ty-graybox1, .ty-graybox2 {
   font-family: 'Arial' , sans-serif ;
   font-weight: 400;
   background: #F1F1F1;
}
.ty-graybox1 {
   padding: 25px 25px 10px 25px;
}
.ty-graybox2 {
   padding: 25px 25px 25px 25px;
}
.ty-box2 p {
    color: #A9783E;
}
.ty-box2, .ty-box2 p {
   font-family: 'Arial' , sans-serif ;
   font-weight: 400;
   /* background: #A9783E; */
   font-size: 1.4rem; 
}
.ty-box2 {
   padding: 8px 5px 12px 25px;
}
.icon-color1 {
   color: #A9783E!important;
   height:40px;
}

.ty-table2 tbody tr:nth-child(even) {
    background-color: #fff;
}
.ty-header {
   background: #F1F1F1;
}
.thankyou hr {
    padding:0;
    margin:.5rem 0;
}

.ty-bottomhr {
    padding:2rem 0;
}

/********** End Thank You page ************/

/********** Social share button ************/

.menu-item,
.menu-open-button {
  background: #EEEEEE;
  border-radius: 100%;
  width: 49px;
  height: 49px;
  margin-left: 7px;
  position: absolute;
  color: #FFFFFF;
  text-align: center;
  line-height: 45px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open {
  display: none;
}

.menu-open-button {
  font-size: 22px;
  /* line-height:50px; */
}

.menuShare {
  margin: auto;
  position: relative;
  /* top: 10px; */
  right: 25px;
  /* width: 80px; */
  height: 50px;
  text-align: center;
  box-sizing: border-box;
  font-size: 26px;
  z-index: 8;
}

.menuShare a.menu-item .fa{
  color: #fff
}

.share-icon{
  color: #596778;
}

.menu-item:hover {
  opacity: 1;
}

.menu-item:nth-child(3), .menu-item2:nth-child(3) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
  opacity: 0;
}

.menu-item:nth-child(4), .menu-item2:nth-child(4) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
  opacity: 0;
}

.menu-item:nth-child(5), .menu-item2:nth-child(5) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
  opacity: 0;
}

.menu-item:nth-child(6), .menu-item2:nth-child(6) {
  -webkit-transition-duration: 180ms;
  transition-duration: 180ms;
  opacity: 0;
}

.menu-open-button {
  z-index: 7;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  cursor: pointer;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
}

.menu-open-button:hover {
  -webkit-transform: scale(1.20, 1.20) translate3d(0, 0, 0);
  transform: scale(1.20, 1.20) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  transform: scale(1.0, 1.0) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
  transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open:checked ~ .menu-item:nth-child(3) {
  transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -webkit-transform: translate3d(0.08361px, 56px, 0);
  transform: translate3d(0.08361px, 56px, 0);
  opacity: 1;
}

.menu-open:checked ~ .menu-item:nth-child(4) {
  transition-duration: 280ms;
  -webkit-transition-duration: 280ms;
  -webkit-transform: translate3d(0.08361px, 110px, 0);
  transform: translate3d(0.08361px, 110px, 0);
  opacity: 1;
}

.menu-open:checked ~ .menu-item:nth-child(5) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(0.08361px, 162px, 0);
  transform: translate3d(0.08361px, 162px, 0);
  opacity: 1;
}

.menu-open:checked ~ .menu-item:nth-child(6) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(0.08361px, 215px, 0);
  transform: translate3d(0.08361px, 215px, 0);
  opacity: 1;
}

/*** menuShare2 is for Mobile Share buttons ***/
.menu-item2,
.menu-open-button2 {
  background: #EEEEEE;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  margin-left: 7px;
  position: absolute;
  color: #FFFFFF;
  text-align: center;
  line-height: 45px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-out 200ms;
  transition: -webkit-transform ease-out 200ms;
  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
}

.menu-open2 {
  display: none;
}

.menu-open-button2 {
  font-size: 22px;
  /* line-height:50px; */
}

.menuShare2 {
  margin: auto;
  position: relative;
  /* top: 10px; */
  right: 25px;
  /* width: 80px; */
  height: 50px;
  text-align: center;
  box-sizing: border-box;
  font-size: 26px;
  z-index: 15;
}
/*** Move Mobile Image Slider underneath Share button ***/

.image_wrap {
    z-index: 14 !important;
    margin-bottom: 40px;
}

.menuShare2 a.menu-item2 .fa{
  color: #fff
}

.menu-open-button2 {
  z-index: 7;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  -webkit-transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  cursor: pointer;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);
}

.menu-open-button2:hover {
  -webkit-transform: scale(1.10, 1.10) translate3d(0, 0, 0);
  transform: scale(1.10, 1.10) translate3d(0, 0, 0);
}

.menu-open2:checked + .menu-open-button2 {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transform: scale(1.0, 1.0) translate3d(0, 0, 0);
  transform: scale(1.0, 1.0) translate3d(0, 0, 0);
}

.menu-open2:checked ~ .menu-item2 {
  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
  transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
}

.menu-open2:checked ~ .menu-item2:nth-child(3) {
  transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -webkit-transform: translate3d(0.08361px, 56px, 0);
  transform: translate3d(0.08361px, 56px, 0);
  opacity: 1;
}

.menu-open2:checked ~ .menu-item2:nth-child(4) {
  transition-duration: 280ms;
  -webkit-transition-duration: 280ms;
  -webkit-transform: translate3d(0.08361px, 110px, 0);
  transform: translate3d(0.08361px, 110px, 0);
  opacity: 1;
}

.menu-open2:checked ~ .menu-item2:nth-child(5) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(0.08361px, 162px, 0);
  transform: translate3d(0.08361px, 162px, 0);
  opacity: 1;
}

.menu-open2:checked ~ .menu-item2:nth-child(6) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(0.08361px, 215px, 0);
  transform: translate3d(0.08361px, 215px, 0);
  opacity: 1;
}

.email_share_btn {
  background-color: #dd4b39;
}
.email_share_btn:hover {
  color: #dd4b39;
  text-shadow: none;
}

.facebook_share_btn {
  background-color: #3b5998;
}

.facebook_share_btn:hover {
  color: #3b5998;
  text-shadow: none;
}

.twitter_share_btn {
  background-color: #00aced;
}

.twitter_share_btn:hover {
  color: #00aced;
  text-shadow: none;
}

.pinterest_share_btn {
  background-color: #cb2027;
}

.pinterest_share_btn:hover {
  color: #cb2027;
  text-shadow: none;
}

.link_share_btn {
  background-color: #cb2027;
}

.link_share_btn:hover {
  color: #cb2027;
  text-shadow: none;
}

.share-icon {
  /* line-height:0!important;
   padding-top: 15px; */
}

/* Share Icon */
.fa-share-alt:before {
    content: url('/img/icons/share.png')!important;
}

.share {
   font-family: sans-serif;
   max-width:40px;
   height:auto;
   /* line-height:.7rem!important; */
}

img.share {
    -webkit-backface-visibility: hidden;
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

/****** Mobile social share button 
 @media screen and (max-width: 40.063em) {

.menuShare {
    text-align: left;
    margin-left: 20px;
}

.menu-open:checked ~ .menu-item:nth-child(3) {
  transition-duration: 180ms;
  -webkit-transition-duration: 180ms;
  -webkit-transform: translate3d(52px, 0.08361px, 0);
  transform: translate3d(52px, 0.08361px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(4) {
  transition-duration: 280ms;
  -webkit-transition-duration: 280ms;
  -webkit-transform: translate3d(104px, 0.08361px, 0);
  transform: translate3d(104px, 0.08361px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(5) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(154px, 0.08361px, 0);
  transform: translate3d(154px, 0.08361px, 0);
}

.menu-open:checked ~ .menu-item:nth-child(6) {
  transition-duration: 380ms;
  -webkit-transition-duration: 380ms;
  -webkit-transform: translate3d(204px, 0.08361px, 0);
  transform: translate3d(204px, 0.08361px, 0);
}

}
*******/

/******* End social share button **************/


/******** / OFFCANVAS ********/

/*********************************** START SHOW MORE BUTTON  ***********************************/

.showmore-button {
   margin-top:25px;
   padding:15px!important;
   border:1px solid #999;
   backgound-color: #FFFFFF!important;
   color: #555;
}

.showmore-button:hover, .showmore-button:focus {
	background-color: #EFEFEF;	
}

.showmore-button h3 a {
   font-size: 1.2rem;
   font-family:sans-serif!important;
   color: #555;
   padding:20px 40px;
}

.showmore-button h3 a:hover, .showmore-button h3 a:focus {
    color: #2ba6cb;	
}

.showmore-button {
    display: inline-block;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1em;
    text-align: center;
    cursor: pointer;
}

/*********************************** /END SHOW MORE BUTTON  **********************************/

/*********************************** HOVER OVER IMAGE SWAP ***********************************/


 /* EFFECT 1 -
      Rollover Image
     */
    .figure {
        position: relative;
        /* width: 276px;  can be omitted for a regular non-lazy image */
        max-width: 100%;
        margin-right:auto;
        margin-left:auto;
    }
    .figure img.image-hover {
      position: absolute!important;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      object-fit: contain;
      opacity: 0;
      transition: opacity .5s;
    }
    .figure:hover img.image-hover {
      opacity: 1;
    }

/*********************************** /END HOVER OVER IMAGE SWAP ***********************************/


/******** HEADINGS ********/
 
.heading {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.65rem;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
		
	margin: 0rem;
	padding: 0.85rem;
	
	background-attachment: fixed;
	background-repeat: no-repeat;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
} 
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	padding: 0rem;
	margin: 0;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	border: 2px solid rgba(255,255,255,0.35);
}
.heading h1 span, .heading h2 span, .heading h3 span, .heading h4 span, .heading h5 span, .heading h6 span {
	color: #FFFFFF;
	color: rgba(255,255,255,0.85);
	font-size: 72%;
	text-transform: lowercase;
	font-style: italic;
}
.heading h1 span:after, .heading h2 span:after, .heading h3 span:after, .heading h4 span:after, .heading h5 span:after, .heading h6 span:after {
	content: url(../img/deco/fleuron.svg);
	opacity: 0.35;
	margin: 0rem 0.35rem 0rem 1.15rem;
	display: inline-block;
	width: 35px !important;
	height: auto !important;
	max-height: 35px;
}


.heading.dub h1, .heading.dub h2, .heading.dub h3, .heading.dub h4, .heading.dub h5, .heading.dub h6 {
    vertical-align: top !important;
	width: 48%;
	display: block;
	float: left;
	margin: 0rem 1%;
}


 @media screen and (max-width: 64.063em) {

.heading {
	letter-spacing: 0.1rem;
	padding: 0.65rem !important;	
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	font-size: 1.35rem;
	padding: 0.65rem !important;	
}

 }
 @media screen and (max-width: 40.063em) {
	 
.heading {
	font-size: 1.65rem;
	padding: 0.35rem !important;	
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	padding: 0.35rem !important;	
	font-size: 1rem;
	letter-spacing: 0px;	
	border: 1px solid #FFFFFF;
	border: 1px solid rgba(255,255,255,0.35);
}
.heading h1 span:after, .heading h2 span:after, .heading h3 span:after, .heading h4 span:after, .heading h5 span:after, .heading h6 span:after {
	margin: 0rem 0rem 0rem 0.35rem;
	width: 16px !important;
}

 }

.heading.dark h1, .heading.dark h2, .heading.dark h3, .heading.dark h4, .heading.dark h5, .heading.dark h6 {
	color: #005D42;
	border: 3px solid #005D42;
}

/*.heading.dark h1, .heading.dark h2, .heading.dark h3, .heading.dark h4, .heading.dark h5, .heading.dark h6,
.featured_slider .heading h1, .featured_slider .heading h2, .featured_slider .heading h3, .featured_slider .heading h4, .featured_slider .heading h5, .featured_slider .heading h6 {
	color: #005D42;
	border: 3px solid #005D42;
}*/

.heading.homepage {
	background-image: url(../img/bg/full/mossy-trees-green.jpg);	
}

.heading.secondary {
	padding: 0.85rem 1.65rem;
	background: #A9783E;	
}

.heading.secondary.insiders-main {
    padding: 0rem 1.65rem 0.85rem 1.65rem;
    background: none;
}

.heading.banner {
	padding: 0.65rem 1.65rem;
	background: #82B725;	
}
.heading.banner h1, .heading.banner h2, .heading.banner h3, .heading.banner h4, .heading.banner h5, .heading.banner h6 {
	color: #FFFFFF;
	border: none;
}
.heading.banner h1 a, .heading.banner h2 a, .heading.banner h3 a, .heading.banner h4 a, .heading.banner h5 a, .heading.banner h6 a {
	color: #FFFFFF;
}

/******** /HEADINGS ********/
/******** SECONDARY HEADINGS ********/

.flush.block_header{
	margin-top:0!important;
}

.block_header {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.1rem;
	/* text-transform: uppercase; */
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	/* background: #A9783E; */
	background: #ececec; 	
	margin: 0rem 0rem 0.85rem 0rem;
	padding: 0.85rem;
} 
.block_header h1, .block_header h2, .block_header h3, .block_header h4, .block_header h5, .block_header h6 {
	padding: 0;
	margin: 0;
	color: #005c3f;
	/* border: 2px solid #FFFFFF; */
	/* border: 2px solid rgba(255,255,255,0.35); */
}


 @media screen and (max-width: 64.063em) {

.block_header {
	letter-spacing: 0.1rem;	
}

 }
 @media screen and (max-width: 40.063em) {

 }

/************************  Hammock Shop Store Styles ****************************/

@font-face {
font-family: cyclone-shaded;
src: url('/fonts/Cyclone-Shaded.ttf');
font-weight:400;
}

@font-face {
font-family:"knockout-feather";
src: url(/fonts/Knockout-48Featherweight.woff);
font-weight:400;
}

@font-face {
font-family: NexaRustSlab;
src: url(/fonts/NexaRustSlab.otf);
font-weight:400;
}

.row.stores {
    max-width: none;
}

.stores-heading-box {
    display: block;
    color: #FFF;
    text-transform: uppercase;
    padding: 20px 35px 20px 35px;
    text-align: center;
    background-color: rgba(43, 43, 43, 0.85);
    border-radius: 2px;
    border: 2px solid rgba(250, 250, 250, 0.4);
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

.hero-full-screen {
    overflow: marquee!important;
    position: relative;
    height: 90vh; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    overflow: hidden;
}
.bg-video, .bg-img {
    position: absolute;
    top: 0;
    right: 0;

    min-width: 100%;
    /* z-index: -100; */
}
.prod-video {
    filter: brightness(95%);
}
.stores .container {
  height: 80vh!important;
  position: relative;
  min-width:600px;
  text-align:center;
  display:block;
  margin-right:auto;
  margin-left:auto;
}
.vertical-center {
  margin: 0;
  position: inherit;
  top: 45%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: auto;
  margin-left: auto;
}

.rope::before {
    content: '';
    border: none;
    border-width: 0;
    clear: both;
    height: 13px;
    background: url(../img/deco/hr/rope-grey.png) center repeat;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
}
.sidebar_inner h3 a {
   color: #19226D;
}
/* Style that first letter! */
.subhead {
  initial-letter: 2;
}
.fix-height {
   height: auto!important;
}
.stores {
    background: url(../img/pages/about/contact/map-bg.jpg) bottom center no-repeat #FFFFFF;
    background-size: cover;	
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif!important;
    max-height: 500px;
}
.stores-h2b a, .stores-h3-white a {
    text-decoration: underline;
}
.stores h2, .stores h2 a {
    color:#FFF;
}

.stores-h1-white a:hover, .stores-h2b a:hover {
    color:#991111;
}

.stores-h1-white, .stores-h1-white a {
    font-size: 3.2rem!important;
    font-family: 'NexaRustSlab', serif;    
    color:#FFF;
    font-weight: 600;
    text-transform: uppercase;
    padding:25px 0;
    line-height:.5em;
    text-align:center;
    /* background-color: rgba(221, 34, 41, 0.12); */
    border-radius: 3px;    
}

@media screen and (max-width: 40.063em) {
	.stores-h1-white {
	   display:block;
	   font-size: 2rem!important;
	   text-align:center;
	   max-width: max-content;
	   padding: 15px 15px;
	}
}
 
.stores-h3-white, .stores-h3-white a {
    font-size: 22px;
    text-transform: initial;
    color:#FFF!important;
    letter-spacing: normal;
    line-height:.5em;
    text-align:center;
}
.stores-h1 {
    font-size: 55px;
    color:#19226D;
    font-weight: 600;
    padding:50px 0;
}
.stores-h2b {
    /* font-family: 'Jacques Francois', serif; */
    font-family: 'Nexa Rust Slab', serif;
    font-size: 2.5rem;
    color:#000;
    font-weight: 800;
}
.stores-h3 {
    font-size: 22px;
    text-transform: initial;
    color:#000;
    letter-spacing: normal;
}

.stores-heading-box img {
   min-width:470px;
   height:auto;
}

/******** /STORES  ********/
/*     Hammock Shop Landing page     */
.hslanding .content.product_list .block_header {
    margin: 0 auto 1rem auto!important;
}
.hslanding .content {
    padding: 1.65rem 0rem!important;
}

.hslanding .product_title {
    font-size:1.34rem!important;
}

/********** Start Detail Page - Color Options ************/

/******* Accordion *********/

body.detail-options {
  color: #6a6c6f;
}

.faq .accordion-title {
    font-size: 1rem;
}

.detail-options .accordion-item:first-child>:first-child {
    background-color: #EEEEEE!important;
}
.accordion-item:first-child > :first-child {
    background-color: #EEEEEE!important;
}

.container {
  max-width: 960px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

/***********  Shipping Page ******************/

.shipping h3 {
   margin-top: 15px;
}

/***********  End Shipping ******************/

/***********  Detail Page Large Slider ******************/

.large-slider .bx-viewport {
  min-height: 548px !important;
  max-width: 550px;
}

@media only screen and (max-width: 64.063em) {

.large-slider .bx-viewport {
  min-height: 400px !important;
}

}

@media only screen and (max-width: 40.063em) {

.large-slider .bx-viewport {
  min-height: 300px !important;
}

}

/***********  End Large Slider ******************/

/***********  Detail Page Small Slider ******************/

.slider.slider_detail_img {
    margin-top: 0rem;
}

.slick-list.draggable {
    margin: 0 0px;
    padding: 0;
}

ul.slider_detail_img_pager {
    margin-left:0rem;
}

.slider_detail_img_pager .slick-prev {
  left: -12px;
}
.slider_detail_img_pager .slick-next {
  right: -12px;
}

/***********  End Detail Page Small Slider ******************/


/***********  Start Swatch Styles ******************/

        .dynamic-slider-image{
            display: none !important;
        }
        .dynamic-slider-image.active{
            display: block !important;
        }

        .detail-thumb-nav .slick-slide {
            max-width: 95px!important;
        }   
     
        .clear-selection{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 80px;
            background: #f4f4f4;
            color: #aaa;
            padding: 0.2rem 0.4rem;
            border-radius: 3px;
            cursor: pointer;
        }

        .clear-selection p {
            margin: 0
        }

        .clear-x{
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #444;
            color: white;
            border-radius: 50%;
            text-align: center;

            height: 20px;
            width: 20px;
        }

        .clear-x p {
            margin: 0;
        }
        
.tier-group-label {
    display: block!important;
    margin: 15px 0 0px 0;
    font-size:15px;
    font-weight:500;
}     
  
.tier-group-label:after {
    content: "";
    display: block;
    width: 75%;
    height: 1px;
    background: #EEE;
    left: 95px;
    top: -15px;
    position: relative;    
}  
 
 /*  Swatch Selection Tool */   
 .select-tool {
    text-align:right;
    /* margin-top:1rem;  */                                                                                                                                                                                                                              
}
 .select-tool a {
    text-decoration:underline;
    color: #EEAAAA; 
    font-size:.8rem; 
    font-weight:600;                                                                                                                                                                                                                                    
}
      
/*  Swatch Accessory */      
.swatch-acc .product_title {
    font-size: 1.2rem;
}        
.swatch-acc .yotpo-stars {
    width: max-content;
}

.swatch-acc .yotpo .standalone-bottomline.star-clickable, .swatch-acc .yotpo .standalone-bottomline .star-clickable {
    display: grid!important;
    text-align:center;
}
        
.accessory-grid {
    padding: 0 25px;
}
   
.heading.secondary {
    margin-bottom: 30px;
}   
   
/***********  End Swatch ******************/


/***********  Radio Buttons ******************/

.custom-radios div {
  display: inline-block;
}
.custom-radios input[type=radio] {
  display: none;
}
.custom-radios input[type=radio] + label {
  color: #333;
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin:7px 0;
}
.custom-radios input[type=radio] + label span {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer; 
  border-radius: 20%; /***** Creates Circle ****/
  border: 2px solid #FFFFFF;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 44px;
}
.custom-radios input[type=radio] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
  width: 30px;
  margin-bottom:10px;
}

/*
.custom-radios input[type=radio]#color-1 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/black.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-2 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/chocolate.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-3 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/gray.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-4 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/navy.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-5 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/weatherwood.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-6 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/white.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-7 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/pawleys-green.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#color-8 + label span {
  background: #E1E1E1 url("../img/pages/detail/colors/thumbs/turquoise.jpg") no-repeat right top;
}

.custom-radios input[type=radio]#fabric-1 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/atoll-mist.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-2 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/atoll-persimmon.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-3 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/atoll-royalty.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-4 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/festoon-mist.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-5 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/festoon-persimmon.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-6 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/festoon-pewter.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-7 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/festoon-royalty.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-8 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/harborview-chambray.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-9 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/harborview-dove.jpg") no-repeat right top;
}
.custom-radios input[type=radio]#fabric-10 + label span {
  background: #E1E1E1 url("../img/pages/detail/fabrics/thumbs/harborview-surfside.jpg") no-repeat right top;
}
*/

.custom-radios input[type=radio]:checked + label span img {
  opacity: 1;
}

/********* HIDE THE CLEAR SWATCH BUTTON **********/

.clear-selection {
    display: none!important;
}

/********** End Detail Page - Color Options ************/

/********** Fabric Slide Pager hide border ************/

ul.slider_detail_img_pager.fab li a:focus,.slider_detail_img_pager.fab a.active {
	border: none;
}

/********** Start Hammock Shop Page - Feature Block (A+ Content) ************/


.feature-stagger .outer {
	margin: 0 0 30px 15px;
	padding:0;
} 

.feature-block {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    background: #f1f2f3;
}

.feature-block-nhd {
    margin-bottom: 15px;
    padding:40px;
    display: block;
    background-color: #f1f2f3;
    background:url('/shop/img/nhd-bg1-expo.jpg') no-repeat;
    background-size: cover;
}

.nhd-container video, .nhd-container img {
   height: 720px;
    width: auto;
   /* padding:15px; */
   margin: 15px auto 15px auto;
}


.nhd-container ul {
    list-style-image: url('/img/icons/arrow-icon.png')!important; /* Replace with your image path */
}

.nhd-container li {
    font-size: 1.1rem;
}


.nhd-container thead, .nhd-container tbody, .nhd-container tfoot {
     border: none;
    background-color: initial;
}

.nhd-textcontainer {
   padding:30px;
   max-width:450px;
   min-height: 720px;
   margin-right:auto;
   margin-left:auto;
   background: #CFDFDD;
   color: #333;
   border-radius: 10px;
}


.nhd-container {
    vertical-align: top;
   /* display: inline; */
    /* background: #f1f2f3; */
    backbround-color: inherit;
}

.nhd-container .text-side {
    background: #dddddd;
}

.feature-banner-block {
    margin-bottom: 15px;
    background: #f1f2f3;
}

.feature-block h2 {
    font-size: 2.65rem;
    margin: 25px 20px;
}

.feature-stagger .feature-block:nth-child(odd) {
    flex-direction: row-reverse!important;
}

.feature-block .text-side img {
	max-width: 125px;
	margin: 0px 0;
}

.feature-block .text-side {
    flex: 0 0 60%;
    width:50%;
	text-align: center;
	padding: 35px 35px 10px 35px; 
}

.feature-block h5 {
    font-size:1.5rem;
    letter-spacing: 0.1rem!important;
    padding: 12px 0;
}

.feature-block p {
	color:#000;	
	padding-left: 12px;
	padding-right: 12px;
}
.feature-block .pic img {
    flex: 0 0 50%;
    width: auto;
    align-self: center;
    line-height: 0;
}

.feature-stagger .shim {
    background-color:#FFFFFF;  
    height: 10px; 
    margin:0;
    padding:0;
}

.hammockshop .banner {
    background-color:#DCDCDC;
}


.hslanding .product_title {
    font-size: 2.10rem;
}

/********** Feature Block Mobile Size Screens ************/
@media only screen and (max-width: 64.063em) {
.feature-block  {
    display: flex;
}
.feature-block .text-side img {
	max-width: 60px;
}
.feature-block h5 {
    font-size:.9rem;
    letter-spacing: 0.075rem!important;
}
.feature-block p {
    font-size:.8rem;
    line-height:1.2rem;
}
.feature-block .text-side {
    flex: 0 0 50%;
    width:50%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}
.feature-block .pic img {
    flex: 0 0 50%;
    width: auto;
    align-self: center;
    line-height: 0;
}
}

@media only screen and (max-width: 40.063em) {
.feature-block  {
    flex-direction: row;
    flex-wrap: wrap;
    background: 0 0;
}
.feature-block .text-side img {
	max-width:125px;
}
.feature-block h5 {
    font-size:1.2rem;
}
.feature-block p {
    font-size:1rem;
    line-height:1.4rem;
}
.feature-block .text-side {
    flex: 0 0 100%;
    padding: 35px 0;
    max-width: 400px;
    margin: 0 auto;
}
.feature-block .pic img {
    flex: 0 0 100%;
    width: 100%;
}
.stores-heading-box img {
   min-width:100px;
}
.stores .container {
   height: 60vh;
}
.bg-video, .bg-img {
   height:600px;
   left:-200px;
}
.hero-full-screen {
   height: 60vh;
}

}

/********** End Hammock Shop Page - Feature Blocks (A+ Content) ************/



.content.product_list .block_header {
    max-width: 98rem;
	margin: 3.65rem auto 2.65rem auto;	
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.2rem;
	text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
	background: #FFFFFF;
		
	padding: 0.85rem;
} 
.content.product_list .block_header h1, .content.product_list .block_header h2, .content.product_list .block_header h3, .content.product_list .block_header h4, .content.product_list .block_header h5, .content.product_list .block_header h6 {
	padding: 0;
	margin: 0;
	color: #005D42;
	border: 2px solid #BFB4AA;
}

.content.product_list .block_header h1 small, .content.product_list .block_header h2 small, .content.product_list .block_header h3 small, .content.product_list .block_header h4 small, .content.product_list .block_header h5 small, .content.product_list .block_header h6 small {
	font-size: 56%;
	color: #363535;
	text-transform: none;
	letter-spacing: 0px;
}


 @media screen and (max-width: 64.063em) {

.content.product_list .block_header {
	letter-spacing: 0.1rem;	
}

 }
 @media screen and (max-width: 40.063em) {

 }



/******** /SECONDARY HEADINGS ********/
/******** COLORS ********/

.green {
	color: #005D42;	
}
.brown {
	color: #A9783E;	
}
.tan {
	color: #E8D3AD;	
}

.bg_green {
	background: #005D42;	
}
.bg_brown {
	background: #A9783E;	
}
.bg_tan {
	background: #E8D3AD;	
}

.button.sample-btn:hover {
background-color: #7f7f7f!important;
}
.button.sample-btn  {
  min-height:55px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button.sample-btn h3  {
    vertical-align:middle;
}

/******** /COLORS ********/
/******** OVERWRITES ********/

.topgift a {
	color: #629715!important;	
}
.topgift a:hover,.topgift a:focus {
	color: #82B725!important;
}


/* Foundation */

a {
	color: #005D42;	
}
a:hover, a:focus {
	color: #82B725;	
}

.row {
    max-width: 98rem;
}
.row.heading {
    max-width: 100%;
}

/*
img {
	width: 100%;
	height: auto;	
}
*/
.columns {
	position: relative;	
}
p {
    margin-bottom: 1.35rem;
	font-weight: 300;
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 600;
	font-style: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0.5rem;
	/* line-height: 1.15; */
}
p#insiders  {
   line-height:0!important;
   margin-bottom: 40px;
}
p#insiders a {
   font-size:.8rem!important;
   font-weight:900!important;
   letter-spacing:.15em;
}
hr {
    max-width: 100%;
    margin: 3.35rem auto;
}
.button {
	text-transform: uppercase;
    background-color: #82B725;
    color: #FFFFFF;
}
.button:hover, .button:focus {
	background-color: #679C42;
	color: #FFFFFF;
}

.button.red {
	text-transform: uppercase;
    background-color: #DD2229;
    color: #FFFFFF;
}
.button.red:hover, .button.red:focus {
	background-color: #C10003;
	color: #FFFFFF;
}

.slider {
	height: auto !important;	
	position: relative;
	z-index: 10;
	margin: 0;
	padding: 0;
	background: none;
}

.button.secondary {
    background-color: #FAF1DA;
    color: #005D42;
}
.button.secondary:hover, .button.secondary:focus {
    background-color: #E8D3AD;
    color: #005D42;
}

.button.no_bg {
    background-color: transparent;
    color: #005D42;
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.25rem;
    margin: 1.125rem 0;
}
fieldset legend {
	font-weight: 400;
	color: #8A8A8A;
	padding: 0rem 0.35rem;
	margin: 0 0 0 -0.1875rem;
}
fieldset p {
	margin: 0rem 0rem 0.65rem 0rem;
}

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 75%;
    overflow: hidden;
}

.callout hr {
	margin: 1.65rem 0rem;		
}

/* Hide on all branded except NHH */
.show-for-nhh {
display: none;
}


/* Shopper Approved */

.star_container {
	/*min-height: 35px;*/
	margin-top: 0.65rem;
}
 @media screen and (max-width: 40.063em) {

.star_container {
	dsiplay: none;
}	 
	 
 }

/* Product */
#product_just_stars {
	margin-top: 0.65rem !important;	
	/*display: none;*/
}
.ind_cnt {
	display: inline !important;
	margin-left: 0.65rem !important;
	font-size: 1.15rem !important;
	text-decoration: underline !important;
}
.ind_cnt.high:hover {
	text-decoration: none !important;
}


#review_header {
	line-height: 1 !important;	
}
#review_image .sa_logo {
    margin-top: 1.35rem !important;
    float: left !important;
    max-width: 235px;
	height: auto;	
}
input.sa_page {
	display: inline !important;
	float: left !important;
}
.sa_page.arrow {
	background: none !important;	
	display: inline;
	/* line-height: 1.6; */
	height: 24px;
	width: 24px;
	min-width: 24px;
	margin: 0;
}

#shopper_review_page {
    /*min-height: 935px;*/
}

/* Testimonials Page */
.testimonials_page .sa_review {
	padding: 0px !important;
	margin: 0px !important;
}
.testimonials_page .sa_review table {
	margin-bottom: 0px !important;
	background: none !important;
}




/* General */
.off-canvas-content {
	position: relative;
}


/******** /OVERWRITES ********/
/******** OTHER ********/

.valign {
    display: flex;
    justify-content: center;
    align-items: center;	
}

/*.valign {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    top: 50%;

    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

 @media screen and (max-width: 40.063em) {
.valign.none_on_small {
    position: relative;
    top: auto;

    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}
 }*/
 
/******** VALIGN HACK FOR SAFARI ********/
/* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
.valign { 
	position: relative; 

}
}}*/
 
.go-top,.go-top:visited {
	font-weight: 400;
	letter-spacing: 0.1rem;	
	position: fixed;
	bottom: 2rem;
	right: 3rem;
	text-decoration: none;
	color: #FFFFFF !important;
	text-transform: uppercase;
	/* background-color: #005D42; */
	font-size: 0.85rem;
	padding: 0.85rem 1rem 0.65rem 1rem;
	display: none;
	z-index: 2000;
}

.go-top:hover,.go-top:hover:visited {
	color: #FFFFFF;
	/* background-color: #82B725; */
}

 @media screen and (max-width: 40.063em) {
	 
.go-top,.go-top:visited {
	display: none !important;
}

 }

.alert {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0.5rem 0.5rem 0.42rem 0.5rem;
	margin-bottom: 0.5rem;
	color: #FFFFFF;
	/*background: #ED1B24;*/
	background: #82B725;
}
 @media screen and (max-width: 64.063em) {
.alert {
	padding: 0.5rem 0.35rem 0.42rem 0.35rem;
	font-size: 0.85rem;
	line-height: 0.85rem;
}
 } 

.alert-checkout {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0.5rem 0.5rem 0.42rem 0.5rem;
    margin-bottom: 0.5rem;
    color: #FFFFFF;
    background: #ED1B24;
    text-align: center;
    padding:10px;
}
 
input.cRequire {
    border-color: #ED1B24 !important;
	border-width: 2px !important;
} 


ul.checkmarks {
     list-style-image: url(../img/deco/checkmark.png);
}


/********** INTERNET EXPLORER FALLBACK **********/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	
.heading h1 span::after, .heading h2 span::after, .heading h3 span::after, .heading h4 span::after, .heading h5 span::after, .heading h6 span::after {
    display: none !important;
}	
	
}

 
/******** /OTHER ********/