* {
   /* box-sizing: border-box; */
}

html,
body {
    /* padding: 0;
    margin: 0; */
}
body {
    background-color: #fff;
   /* position: relative;
    -webkit-text-size-adjust: none; */
}


focus ({ preventScroll: true })

.heading1 h1, .heading1 h2, .heading1 h3 {
  font-family: 'Cormorant Garamond', serif;
}


h1,
h2,
h3,
h4,
h5,
h6 {
   /* margin: 1em 0;
    font-size: 22px; */
}
p {
   /* margin: 1em 0; */
}
a,
a:link,
a:active,
a:visited,
a:hover {
    color: inherit;
    text-decoration: underline;

}

.left-align {
   text-align:left!important;
}

#content p a {
    color: #005D42;
    text-decoration: underline;
}

.insdr-button {
   text-decoration: none!important;
}

#checkout-btn {
    color: white;
}

/*******    Search  ********/

.content-search {
   margin: 40px;
}

/*     Off Canvas Slide out Cart  */

hr {
    max-width: 100%;
}

.nhhcart1 {
   padding:25px;
}
.nhhcart2 form {
   margin:20px 30px!important;
}
.nhhcart1 .cart_detail input#coupon {
    width: 90%;
}
.nhhcart1 .cart_detail h4 {
  /* margin-right:40px; */
}
.off-canvas-wrapper .cart_detail {
    padding: 15px!important;
}
.cart_detail input {
    margin: 15px!important;
}
.off-canvas-wrapper .cart_detail input#coupon {
    margin-left: 20px!important;
    width: 90%;
}
.off-canvas-wrapper .cart_detail input#coupon {
    padding-right: 20px!important;
}
.off-canvas-wrapper .cart_detail img {
    margin: 10px;
}

.top_button_cart {
    margin-bottom: .5rem;
}

.button.secondary {
    background-color: #19226D!important;
    color: #fefefe;
}
.button.secondary[name="update"] {
    background-color: #005D42!important;
}
.button.bluebtn {
   background-color: #19226D!important;
}
#offCanvasCart .bluebtn {
   color: #FFF!important;
}

.cCartEmpty {
    margin-left: 15px;
}

/*     Insiders form  */

.insiders form {
   padding: 25px!important;
   /* background: #F1F1F1; */
   margin: 12px;
}
.insiders .header_search form {
    padding: 0px !important;
}
.insiders form input[type=text] {
   width:95%!important;
}

fieldset legend {
    margin: 15px!important;
}


/*     Anniversary  */
.main-heading img (
   max-width: 300px!important;
   height: auto;
   display: none!important;
)

/*******    Show for Mobile Only  ********/

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

.show-for-nonmobile {
   display: block;
}
.show-for-mobile {
   display: none;
}

}

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

.show-for-nonmobile {
   display: none;
}
.show-for-mobile {
   display: block;
}

}

/*******   Home Category section ********/

.categories-buttons {
    
}

button.button.cat {
    background: white !important;
    border: 1px solid black;
    margin-right: 8px;
    padding: 15px 20px;
    color: #555 !important;
    font-size:.8rem;
}

button.button.cat:hover {
    background: #666666 !important;
    color: white !important;
}

button.button.cat:hover a {
    color: white !important;
}

.heading1 .subheading {
   background: rgba(248,248,248,1);
   text-align:center;
}
.heading1 .subheading h3 {
   font-size: 1rem;
   color: #666;
   margin: 10px 0;
   font-family: sans-serif;
}


/*******    Homepage Categories section  ********/


.homecategories { 
    margin:5px 20px;
}

.homecategories img { 
    border-radius: 3px;
}

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

.homecategories { 
    margin:0!important;
}

}


.subheading1 .blue {
    color: #005D42;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.1rem;
}

/*******   MISC ********/

.tables-submenu  {
	font-family: "Cormorant Garamond", serif;
    font-size: 1.6rem;
}

/*******    Maintenance Page  ********/


#maintenance-content {
   background: linear-gradient(180deg, rgba(20,80,154,1) 0%, rgba(100,147,205,1) 100%);
   font-family: "Cormorant Garamond", serif!important;
   text-align:center;
   color: #005D42!important;
}
.maintenance h1 {
   font-size: 4rem!important;
   text-align:center;
   font-family: 'Cormorant Garamond', serif;
   color: #005D42!important;
}
.maintenance h2 {
   font-size: 2rem!important;
   text-align:center;
   font-family: 'Cormorant Garamond', serif;
   color: #005D42!important;
}
.maintenance h3 {
   font-size: 1.2rem!important;
   text-align:center;
   font-family: 'Cormorant Garamond', serif;
   color: #005D42!important;
}

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

/* Enable Touch Scrolling over Sliders on Mobile */
.slider_detail_img, .slide {
touch-action: auto!important;
}

}

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

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

 }


/*     Foundation Changes  */

.row {
   max-width:none!important;
}


.js-off-canvas-overlay {
    z-index: 220!important;
    background: rgba(50,50,50,.5)!important;
}

.off-canvas.is-transition-overlap.is-open {
    width: 70%!important;
    padding: 0 25px;
}

.off-canvas.is-transition-overlap {
    z-index: 999!important;
}

.small-12, .medium-12, .large-12 {
    padding: 0!important;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.nhhcart1 .column, .nhhcart1 .columns {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important;
}

.row.checkout {
    margin: 3%!important;
}


/*       End Foundation  */



/*     Mobile Menu   */


.mm-ocd__content {
    font-family: "Cormormant", serif;
    font-size: 1.5rem;
    /* max-width: 30%!important; */
 
}


.mm-spn li {
    text-align: center;
}


/********* Medium Mobile  ***********/
 @media screen and (min-width: 64.063em) {

.mm-ocd__content {

    max-width: 25%!important; 
 
}

}


/* ------  Small size  ---------------------- */
@media screen and (max-width: 40.063em) {

.mm-ocd__content {
    font-family: "Cormormant", serif;
    font-size: 1.32rem;

}

}



/* ------ End Phone size  ---------------------- *

/*     End Mobile Menu   */

/*      Vertical Spacing Shim */
.shim {
   height:5px;
}

/* VERTICAL CENTERING ---------------------- */
.out-vc {
	display: table;
	height: inherit;
}
.in-vc {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.mm-listitem__text a {
   color: #005D42!important;
}

.mm-listitem__text a:hover {
   text-decoration: underline!important;
   text-decoration-thickness: 2px!important;
   text-decoration-color: #005D42!important;
   text-underline-offset: 5px;
   /* background: #dddddd!important; */
   /* padding:5px 25px 5px 5px!important; */
}



/*  Read More function styling */

#readmore {
   display:none;
}
button#ReadMoreBtn {
    color: #db0032;
    font-size:1.1rem!important;
    font-family: "Cormormant". serif
    /* color: #19226D; */
    background-color: #FFF;
    border: 1px solid #db0032;
    padding: 8px;
    border-radius: 6px;
}
button#ReadMoreBtn:hover {
    background-color: #333;
    color: #CCC;
}

/*  Terms and Condition pages  */

.terms .content {
    margin: 50px 40px;
    text-align: left;
}


/*  In Centering */

nav:not(#menu) {
    display: none;
}


#top-header {
    font-family: 'Cormorant Garamond', serif;
    height: 38px;
    top: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #000;
    text-align: center;
    background: #045f42;
}


#header {
    position: sticky;
    /* height: 90px; */
    padding: 0;
    top: -1px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    z-index:105;
    /* border-bottom: #EEE 1px solid; */
    background-color:#f7f3e6;
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.05);
}


#header .main-row {
    height:140px;
}


#header.is-pinned .main-row {
      height:100px;
}


/* styles for when the header is in sticky mode */
#header.is-pinned {
    box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.1);
}

#header2 a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 50px;
    padding: 15px 25px;
}


#header {
  background-position: top;
  background-image: url("/img/header/header-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}


#header .burger-icon {
    display: block;
    /* position: absolute; */
    /* top: 0; */
    left: 0;
    width: 80px;
    height: 50px;
    padding: 0px 20px 5px 40px;
}
#header a:before,
#header a:after {
    content: "";
    display: block;
    background: #fff;
    /* height: 2px; */
}
#header a span {
    background: #fff;
    display: block;
    height: 2px;
    margin: 7px 0;
}


#header2 {
 background-image: url("/img/header/header-bg.png");
}

#header .burger-icon .menu-text {
   font-family: "Cormorant Garamond", serif;
   font-size:1.4rem;
   text-transform: uppercase;
}

.burger-icon {
     color: #005D42;
     margin-top: 15px;
}


.burger-text {
    color: #045f42;
    font-family: "Cormorant Garamond", serif;
    font-size: 1.4rem;
}


.burgertable tbody {
    background: none!important;
}


table.burgertable {
    margin-bottom: 0!important;
    min-width: 150px;    
}

tbody.burgertable th, tbody.burgertable td {
    padding: 0!important;
}

/* ------  Header Logo ---------------------- */

#header .header-logo {
     display:block;
     height:130px;
     width:auto;
    background: url('/img/logo/pawleys-island.png') no-repeat top center;
    background-size:contain;
    margin: 5px;
}

ul.mobile_menu {
    margin-bottom: 0px;
}

#header.is-pinned .header-logo {
    display:block;
}
#header.is-pinned .header-logo {
    /* height: 90px; */
   /* display:none; */
}
#header .header-logo-sticky img {
      display:none;
}
#header.is-pinned .header-logo {
      display:block;
      height:60px;
      width:410px;
      width:auto;
      margin-top:20px;
      background: url('/img/logo/logo-long.png') no-repeat center center;
      background-size: contain;
}

/* ------  Header Logo Mobile size ---------------------- */
@media screen and (max-width: 40.063em) {

#header .header-logo {
     display:block;
     height:100px;
     margin-top:10px;
     width:auto;
    /* background: url('/img/logo/nhh-small.png') no-repeat top center; */
    background-size: contain;
}
#header.is-pinned .header-logo {
     display:block;
     height:80px;
     width:auto;
     margin-top: 0;
    background: url('/img/logo/pi-small.png') no-repeat top center; 
    background-size: contain;
}

#header .main-row {
    height:120px;
}

#header.is-pinned .main-row {
      height:80px;
      z-index:110;
}

.menu_wrap {
    display: none;
}


}

/********* Hide Nav on Medium Mobile  ***********/
 @media screen and (max-width: 64.063em) {

.menu_wrap {
    display: none;
} 

.burger-text {
    font-size: 1.1rem;
}

 }


#header.is-pinned .header-logo-sticky img {
    /* height: 90px; */
   opacity: 1;
}


.top-left-header {
    text-align: left;
    padding: 4px 40px;
    color: #ffffff;
    max-height: 36px;
}

.top-left-header a:hover {
    color: #DDD;
}


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

.top-left-header {
    text-align: center;
    font-size:1.2rem;
}

}

.top-right-header {
    text-align: right;
    padding: 5px 40px;
    color: #ffffff;
    max-height: 35px;
}

.top-right-header span a {
    margin: 0 10px;
}

.right-header {
    text-align: right;
    padding: 0 50px 0 0;
}

.header-item {
    display:inline-block;
    margin: 5px 2px;
    vertical-align: initial;
}
.header-item a {
    display:inline;
    margin: 0;
    color: #005D42!important;
}

.header-item.signin a {
    color: #005D42;
    font-size:.9rem;
}


.header-item.signin {
    position: relative;
    top: -5px;
}

/*****  Secondary Header   ********/

.heading.secondary {
    /* background: url(/img/bg/full/clouds-thin.jpg) top center repeat-x #FFFFFF; */
}

/*****  Tracking this link   ********/


a.trackthis {
   /* text-decoration: underline!important; */
   color: #005D42!important;
}

/*****  Store Pages   ********/

.heading.stores {
    overflow: hidden;
}

.store-col {
   padding:30px!important;
}

.store-style h2, .store-style h3, .store-style h4  {
    font-family: "Cormorant Garamond", serif;
    color: #005D42;
}
.store-style p {
    font-family: 'Open Sans', sans-serif;
}

.content-store {
    padding:0 20px;
}

/*****  Discover More  ********/

.discover {
   background: #fff;
   padding: 5px 0;
}
.discover img {
   padding: 12px;
}

/*****  Content   ********/

.main-home-image img {
	 display: block;
     padding: 0;
     margin: 0;
     width:100%;
     height: auto;
}

.main-caption {
    text-align:right;
    padding: 3px 10px 3px 10px;
    font-size:.9rem;
    line-height:1em;
    background: #eaecee;
    border-bottom: 1px solid #ddd;
}
.main-caption a {
   color: #888888;
}

.heading1 .red {
    color: #005D42;
    font-family: "Cormorant Garamond";
    font-size:2rem;
    font-weight:600;
}

.heading1 .blue {
    color: #005D42;
    font-family: "Cormorant Garamond";
    font-size:2.4rem;
    font-weight:400;
    line-height:1.5;
    letter-spacing: 0.1rem;
}


.product .product_img {
    position: relative;
    margin: 0rem 0.35rem;
}

.heading1 h1 {
   text-align:center;
   margin:15px;
   line-height:.8em;
}

.heading1 h2 {
   text-align:center;
   margin:10px;
   line-height:.8em;

}

.secondary_text h2 {
    font-size: 2.65rem!important;
}


/*
.heading1 h1:after {
    content: "";
    display: block;
    background: url('/img/icons/waves.png') no-repeat top center;
    position:relative;
    left:50%;
    width: 100px;
    height: 18px;
    text-align:center;
}
*/

#content {
    /* padding: 10px 0 0 0; */
    text-align: center;
}

.search-mobile {
   padding: 5px 0;
}

.arrow-spacer img {
    width: auto;
    height: 75px;
    opacity: 0.35;
    margin-bottom:10px;
}
.header_search form .search_field {
    display: inline-block;
    width: calc(100% - 2.35rem);
    margin: 0;
    color: #005D42;
}

input#search_field::placeholder {
    color: #999;
    font-weight: 500;
}

/* Recommended Accessories section */

.recommend-wrapper {
    padding: 0 60px;
    overflow: hidden;
}

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

.recommend-wrapper {
    padding: 0 40px;
}

}


.recommend-header h2 {
    margin-bottom: 40px !important;
    background: #efefef;
}

.recommend-wrapper .product_title {
    color: #005D42!important;
    font-size:1.1rem!important;
}

.recommend-wrapper .product_img img {
    border-radius: 8px;
}

.recommend-wrapper .product_title {
   max-width:400px;
}

/* Fix Gap - No less than 638px, no greater than 657px */
@media (min-width:638px) and (max-width:657px) {

    #header .header-logo {
   /* display: none; */
    }

}


/*****  Buttons  ********/


.submit .button {
    text-transform: uppercase;
    background-color: #005D42!important;
    color: #FFFFFF!important;
    display:none!important;
}

.button, .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
    text-transform: uppercase;
    background-color: #005D42!important;
    color: #ffffff!important;
    border-radius:3px!important;
}


.main_content .button {
    color: #FFF !important;
}

/*****  Search Box   ********/


.header_search form .search_field {
    display: inline-block;
   /* width: calc(100% - 4.35rem); */
    margin: 0 0 8px 0;
    color: #005D42;
    border-radius:16px;
    font-size:.9rem;
}

.header_search form .search_field {
    width: 140px;
    height:35px;
    border-radius: 15px;
}


.header_search form .search_button {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    background: url(../img/header/magnify-glass2.png) center center no-repeat;
    opacity: 1;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

li.home {
    content: "";
    width: 300px,
    border-top: 1px solid #CCC;
    display: block;
    inset-inline-start: 0px;
    inset-inline-end: 0;

}

.header_search.mobile {
    padding-bottom: 10px;
}


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

.header_search.mobile {
    padding-bottom: 0;
}

}


.mobile form .search_field {
    width: 200px;
    height:30px;
}

/***** / End Search  ********/
/*****  Footer   ********/

.footer {
    padding: 50px 110px;
    background-color:#e1e3e0;
    text-align: center;
    font-family: "Cormorant Garamond", serif;    
}

.footer-copy {
    font-size:1rem;
}

.footer-copy p a {
    font-size:1rem!important;
}

.footer  a {
    font-family: 'Cormorant Garamond';   
    font-size: 1.4rem; 
}


.footer-adjust {
   margin-left: 5%!important;
}

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

.footer {
    padding: 20px 40px;
}

}

.footer .columns {
   margin: 0;
   padding: 0;
}

.footer-heading {
  font-family: "Cormorant Garamond", serif;
  /* font-weight: 600!important; */
  text-transform: capitalize;
  padding: 20px;
  text-align: left;
}


h3.footer-heading {
  font-size:1.4rem;
  color: #f1f1f1!important;
}

.social {
  display:inline-block;
  font-family: "Cormorant Garamond", serif;
  font-weight: 600!important;
  text-transform: capitalize;
  padding: 0 0 25px 0;
  font-size:1.4rem;
}
 .footer .social {
     text-align:center;
 }

.footer ul {
    text-align:center;
}

.footer li {
    list-style-type: none;
    text-align:left;
    color:#f1f1f1;
}

.social a svg {
    fill: #000000;
    display: inline-block;
    height: 1.75rem;
    width: auto;
    margin: 10px 0;
    position: relative;
    top: 15px;
    border-radius:5px;
}

.footer .moosend-text {
    text-align:left;
    color:#333;
    font-size:.9rem;
    margin: 10px 2px;
}

input.lp-flex-1.form-input-element {
   padding: 10px!important;
   border-width: 1px!important;
}

.moosend-designer-button span {
   height: 20px!important;
   font-size:1rem!important;
}


/*****  /Footer   ********/
/*****  Background Colors   ********/


.mm-listitem--opened>.mm-listitem__btn, .mm-listitem--opened>.mm-panel {
   background: #FFF!important;
}

.mm-listitem--opened .mm-panel {
    border-top: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
}


/*****  Mega Menu  ********/

.mega-level1 {
	padding: 20px 0 0 20px!important;
}

.mega-level1 h6 {
   font-size:1rem;
   font-weight: 400;
   margin: 0 20px 0px 0px;
   padding:5px;
   /* border-bottom: #F1F1f1 1px solid; */
}

.mega-level1 div:hover h6 {
   background: #DEDEDE;
}

mm-listitem--vertical>.mm-panel {
    padding: 0 0 0 0!important;
}


/*****  Mega Menu  Previous button  ********/

.mm-navbar__btn.mmm-btn_prev
{
    /* padding-left: 40px; */
}
.mm-navbar
{
   /*  padding: 0 100px;   */
}


/*****  MMenu *******/


.mm-btn--next:after, .mm-btn--prev:before {
    content: "\f0d7";
    width: 15px;
    height: 15px;
    margin: auto;
}


.mm-menu .mm-listitem__text {
   color: #005D42!important; 
}



/*****  Dropdown Button ********/


.top-dropdown .button {
    margin: 0;
    border-right: 1px solid #BBB;
    border-left: 1px solid #BBB;
    background-color: #022e21 !important;
    height:38px;
   width: 220px;
}



.top-dropdown .dropdown-pane {
    width: 220px;
    text-align:left;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    z-index:999;
}


.top-dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align:center;
}

.top-dropdown a {
    font-size: .9em;
    color: #FFFFFF;
}

.top-dropdown li a {
    line-height:1.5em!important;
}

/*********   Styling Forms, Contact, Tracking ***********/

#contactform label {
   margin: 0 20px;
}
.trackingform label {
   margin-left: 20px;
}

/*********   Adjust Anchor to match Sticky Header change  ***********/


#hammocks {
   content: "";
   display: block;
   height: 50px;
   /* margin-top: -300px; */
}



/*********   Flickity  ***********/


/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.favorites-slider .main-carousel {
  background: white;
 /* height:400px; */
}

.cat-carousel2 .carousel-cell  {
   /* height: fit-content; */
}


.fav-carousel .carousel-cell  {
  /* width: 25%; */
  max-height: 500px;

  margin-right: 10px;
  border-radius: 5px;
  counter-increment: carousel-cell;
}
.fav-carousel .carousel-cell a img {
   max-height: 350px;
   width:auto;
}
.slide-caption {
    font-family: "Cormorant Garamond", serif;
    font-weight: 400;
    color: #045f42;
    line-height: 1rem;
    font-size: 1rem;
    text-align: center;
    margin: 0.25rem 0rem;
    padding: 0 10px 20px 10px;
    max-width: 300px;
}


/* cell number */
.fav-carousel .carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  color: white;
}

.categories-slider .cat-carousel a img , .favorites-slider .fav-carousel a img {
  background: white;
  height:400px;
  padding: 0 0px;
}

.categories-slider .cat-carousel2 a img {
  background: white;
  height:auto;
  width:325px!important;
  padding: 0 20px;
}

.features-slider .main-carousel {
  background: white;
  height:250px;
}

.features-slider {
   padding: 0 50px;
}
.features-slider .carousel-cell  {
    height: 275px;;
}


/* brighten selected image */
.carousel-cell.is-selected img {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-filter: none;
          filter: none;
}

@media screen and ( min-width: 768px ) {
  .carousel-cell {
    height: 400px;
  }
}

@media screen and ( min-width: 960px ) {
.categories-slider .carousel-cell {
    width: 25%;
}
.favorites-slider .carousel-cell {
    width: 25%;
}
  .features-slider .carousel-cell {
  width: 25%;
}

}

@media screen and ( min-width: 1400px ) {
.categories-slider .carousel-cell {
    width: 20%;
}
}


/* No less than 768px, no greater than 960px */
@media (min-width:768px) and (max-width:960px) {
    .fav-carousel .carousel-cell {
       width: 50%;
     }
}


@media (max-width:768px) {
.carousel-cell {
       width: 75%;
     }
}


/* Duck Webcam page */

.duckcam {
   min-width:100%;
   min-height:600px;
}

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

/* Enable Touch Scrolling over Sliders on Mobile */
.duckcam {
   min-width:100%;
   min-height:300px;
}

}


/* buttons, no circle */
.flickity-prev-next-button {
  width: 70px;
  height: 70px;
  background: transparent;
  opacity: 0.75;
}
.flickity-prev-next-button:hover {
  background: transparent;
  opacity: 1;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: #333;
}
.flickity-prev-next-button.no-svg {
  color: #ddd;
}
/* closer to edge */
.flickity-prev-next-button.previous { left: 0; }
.flickity-prev-next-button.next { right: 0; }
/* hide disabled button */
.flickity-prev-next-button:disabled {
  display: block;
}


.flickity-prev-next-button.next {
    border-radius: 50%;
    border: 1px solid #AAA;
}

.flickity-prev-next-button.previous {
    border-radius: 50%;
    border: 1px solid #AAA;
}

.favorites-slider, .categories-slider {
   padding: 0 50px;
   /*  border: 1px solid #EEE; */
  /*  border-radius: 5px;  */
}



/*********  Content > Sections     ***********/


.difference-top, .features-top {
   height: auto;
   background-image: url('/img/home/edge-top.png'), url('/img/home/bgstress1.png');
   background-position: left top, center center;
   background-repeat: repeat-x, repeat;
   z-index:2;
}

.difference, .features-sec {
   height: auto;
   background-image: url('/img/home/edge-bottom.png'), url('/img/home/edge-top.png'), url('/img/home/bgstress1.png');
   background-position: left bottom, left top, center center;
   background-repeat: repeat-x, repeat-x, repeat;
   z-index:2;
}


.difference-mid, .features-mid {
   height: auto;
   background-image: url('/img/home/bgstress1.png');
   background-position: center center;
   background-repeat: repeat;
   z-index:2;
}

.difference-mid, .difference, .difference-top {
   padding: 20px 0;
}

.features-mid, .features-sec, .features-top {
   padding: 25px 0 50px 0;
}
.features-mid img, .features-top img, .features-sec img, .home-help img {
   padding: 10px 10px;
}

.features-mid h2, .features-sec h2 {
   padding-bottom: 15px;
}

.features-mid .row, .features-sec .row {
   padding: 0px;
}

.listing-sec {
  background-color:#F5F5F5;
}

.listing, .overview {
  background-color:#F5F5F5;
}
.listing .secondary_text {
    margin: 0 40px;
}

.heading h1 small span {
    color: #FFFFFF!important;
}

.our-stores {
   padding: 50px;
   height: auto;
   background-image: url('/img/home/edge-bottom.png'), url('/img/home/edge-top.png'), url('/img/home/beachbg.jpg');
   background-position: left bottom, left top, center center;
   background-repeat: repeat-x, repeat-x, repeat-x;
   background-size: inherit;
   z-index:2;
}

.our-stores img {
   padding:30px;
}

.stores h3, .stores h4 {
    background: none !important;
}

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

.our-stores img {
    padding: 15px;
    width: 250px;
    height:auto;
}

}

.inthenews {
   padding: 5px 25px;
}

/*********  Listing pages  ***********/

.list .product_grid {
    /* border-top: 1px solid #eee; */
}

.list .block_header h1, .list .block_header h2,.list .block_header h3 {
    font-size: 2rem;
}

.listing-heading {
   background-image: url('/img/header/bg/ropehammocksbg.jpg');   background-position: center center;
   background-repeat: no-repeat;
   background-color:#EEE;
   background-size: auto 100%;
   background-size: cover;
   height:340px;
}

/*********  Listing page Header backgrounds  ***********/

.heading-ropehammocks {
   background-image: url('/img/header/bg/ropehammocksbg.jpg');
}

.heading-quilted {
   background-image: url('/img/header/bg/quiltedbg.jpg');
}

.heading-tufted {
   background-image: url('/img/header/bg/tuftedbg.jpg');
}
.heading-travel {
   background-image: url('/img/header/bg/travelbg.jpg');
}
.heading-hammockpillow {
   background-image: url('/img/header/bg/hammock-pillow.jpg');
}
.heading-hammockcombo {
   background-image: url('/img/header/bg/combobg.jpg');
}
.heading-hammockstand {
   background-image: url('/img/header/bg/hammock-standbg.jpg');
}
.heading-hammockacc {
   background-image: url('/img/header/bg/hammock-accbg.jpg');
}
.heading-hammockall {
   background-image: url('/img/header/bg/hammock-allbg.jpg');
}
.heading-quickdry {
   background-image: url('/img/header/bg/quickdry.jpg');
}
.heading-aboutus {
   background-image: url('/img/header/bg/nhh-aboutus.jpg');
}
.heading-singleswing {
   background-image: url('/img/header/bg/single-swingbg.jpg');
}
.heading-single-cushion-swing {
   background-image: url('/img/header/bg/single-cushion-swing.jpg');
}
.heading-single-tufted-swings {
   background-image: url('/img/header/bg/single-tufted-swing.jpg');
}
.heading-durawood-single-swing {
   background-image: url('/img/header/bg/durawood-single-swing.jpg');
}
.heading-double-rope-swing {
   background-image: url('/img/header/bg/double-rope-swing.jpg');
}
.heading-double-cushion-swing {
   background-image: url('/img/header/bg/double-cushion-swing.jpg');
}
.heading-durawood-double-swing {
   background-image: url('/img/header/bg/durawood-double-swing.jpg');
}
.heading-swing-stand {
   background-image: url('/img/header/bg/swing-stand.jpg');
}
.heading-swing-acc {
   background-image: url('/img/header/bg/swing-accbg.jpg');
}
.heading-swing-all{
   background-image: url('/img/header/bg/swing-allbg.jpg');
}
.heading-cumaru-all {
   background-image: url('/img/header/bg/cumaru-all.jpg');
}
.heading-cumaru-swing {
   background-image: url('/img/header/bg/cumaru-swing.jpg');
}
.heading-cumaru-chair {
   background-image: url('/img/header/bg/cumaru-chair.jpg');
}
.heading-cumaru-combo {
   background-image: url('/img/header/bg/cumaru-combo.jpg');
}
.heading-adirondack-chair {
   background-image: url('/img/header/bg/adirondack-chair.jpg');
}
.heading-bench {
   background-image: url('/img/header/bg/benches.jpg');
}
.heading-table {
   background-image: url('/img/header/bg/tables.jpg');
}
.heading-footrest {
   background-image: url('/img/header/bg/footrest.jpg');
}
.heading-rocker {
   background-image: url('/img/header/bg/rockers.jpg');
}
.heading-durawood-swing {
   background-image: url('/img/header/bg/durawood-double-swing.jpg');
}
.heading-durawood-rope {
   background-image: url('/img/header/bg/durawood-rope.jpg');
}
.heading-counter {
   background-image: url('/img/header/bg/counter-height.jpg');
}
.heading-bar {
   background-image: url('/img/header/bg/bar-height.jpg');
}
.heading-dining {
   background-image: url('/img/header/bg/dining-height.jpg');
}
.heading-durawood-combo {
   background-image: url('/img/header/bg/durawood-combo.jpg');
}
.heading-durawood-acc {
   background-image: url('/img/header/bg/durawood-acc.jpg');
}
.heading-durawood-all {
   background-image: url('/img/header/bg/adirondack-chair.jpg');
}
.heading-ds-chairsofa {
   background-image: url('/img/header/bg/ds-chair-sofa.jpg');
}
.heading-ds-seaglass {
   background-image: url('/img/header/bg/ds-seaglass.jpg');
}
.heading-ds-swing {
   background-image: url('/img/header/bg/ds-swings.jpg');
}
.heading-ds-table {
   background-image: url('/img/header/bg/ds-tables.jpg');
}
.heading-ds-coastal {
   background-image: url('/img/header/bg/ds-coastal.jpg');
}
.heading-ds-regatta {
   background-image: url('/img/header/bg/ds-regatta.jpg');
}
.heading-ds-lakeside {
   background-image: url('/img/header/bg/ds-lakeside.jpg');
}
.heading-ds-solar {
   background-image: url('/img/header/bg/ds-solar.jpg');
}
.heading-ds-classic {
   background-image: url('/img/header/bg/ds-classic.jpg');
}
.heading-ds-combo {
   background-image: url('/img/header/bg/ds-combos.jpg');
}
.heading-more-new {
   background-image: url('/img/header/bg/more-new.jpg');
}
.heading-more-firepit {
   background-image: url('/img/header/bg/firepit.jpg');
}
.heading-more-pets {
   background-image: url('/img/header/bg/pets.jpg');
}
.heading-decorative-pillows {
   background-image: url('/img/header/bg/decorative-pillows.jpg');
}
.heading-more-umbrellas {
   background-image: url('/img/header/bg/more-umbrellas.jpg');
}
.heading-more-apparel {
   background-image: url('/img/header/bg/more-apparel.jpg');
}
.heading-replacement {
   background-image: url('/img/header/bg/replacement.jpg');
}
.heading-all-accessories {
   background-image: url('/img/header/bg/all-accessories.jpg');
}
.heading-dsoverview {
   background-image: url('/img/header/bg/ds-overview.jpg');
}
.heading-swing-overview {
   background-image: url('/img/header/bg/swing-overview.jpg');
}
.heading-cumaru-overview {
   background-image: url('/img/header/bg/cumaru-combo.jpg');
}
.heading-durawood-overview {
   background-image: url('/img/header/bg/durawood-overview.jpg');
}
.heading-acc-overview {
   background-image: url('/img/header/bg/acc-overview.jpg');
}
.heading-more-instock {
   background-image: url('/img/header/bg/combobg2.jpg');
}
.heading {
   position: relative;
   padding: 0;
   margin:0;
   text-align:center;
}


#listings .Sirv.image-hover {
  display:none;
}

.listing-sec .product {
  background-color:#FFFFFF;
  padding:8px;
  border-radius:10px;
}


/*********  Remove Bullets from Side Menu ***********/

.side_menu.support ul {
  list-style-type: none;
}

/*********  Listing pages mobile ***********/
@media screen and (max-width: 40.063em) {

.listing-heading {
   height:200px;
}

h1.main-heading {
   font-size:1.7rem!important;
}


h3.sub-heading {
   font-size:1rem!important;
}

.listing-sec .column {
    padding-right: 0.5rem!important;
    padding-left: 0.5rem!important;
}

.listing-sec .product {
    /* min-height: 380px!important; */
}

.yotpo.bottomLine {
    width: max-content;
}

.product .product_img .options {
    line-height: 1rem;
    font-size: .7rem!important;
}

}

/********* Medium Mobile ***********/
 @media screen and (max-width: 64.063em) {

.listing-sec .product {
    min-height: 360px!important;
}

 }

/*********  end Listing pages mobile ***********/


/*********  Content and Sidebar ***********/


.stores .sidebar {
   padding-left: 50px !important;
}

.sidebar_inner h3 {
   font-family: "Cormorant Garamond", serif;
   color: #045f42;
   margin-top: 1rem;
}

.sidebar_inner p {
   font-size: .9rem!important;
}

.main_content h1, .main_content h2, .main_content h3, .main_content h4, .giftcard h2 {
   font-family: 'Cormorant Garamond', serif;
   color: ##045f42;
}

.notfound h1, .notfound h2, .notfound h3, .notfound h4 {
   font-family: 'Cormorant Garamond', serif;
   color: #045f42;
}
.main_content h4 {
    font-size:1.25rem;
}

.content-support, .content-about {
    padding: 0 20px 40px 20px;
}

.main_content {
   text-align: left;
}

/*********  Giftcards ***********/

.giftcard {
   margin: 15px;
   display:block;
}

.giftcards input {
   margin: 20px;
}
.giftcards h3 {
   margin: 0 4px;
}
.giftcards p {
   margin: 5px 7px;
}

/*********  Heading ***********/

.heading.secondary h3 {
    /* font-size: 1.8rem; */
}

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

.heading.secondary h3 {
    font-size: 1.25rem;
}

}

.store-heading h1, .store-heading h2 {
	font-family: 'Cormorant Garamond', serif;
	margin: 0rem;
	color: #045f42!important;
    background: none!important;
}

.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	padding: 1.4rem;
    font-family: 'Cormorant Garamond', serif;
	margin: 0rem;
	color: #045f42;
	/* background-color: #eeeff1; */
	background-color: #f5f5f5;
}
.heading h1.main-heading, .heading h2.main-heading, .heading h3.main-heading {
    background: rgba(0,0,0,0.0);
    /* border: 2px solid rgba(255,255,255,0.35); */
    margin: 0 50px;
}

.heading.secondary h1 a, .heading.secondary h2 a, .heading.secondary h3 a, .heading.secondary h4 a {
    padding: .2rem;

}


h1.main-heading {
   color:white!important;
   text-align:center;
   font-family: 'Cormorant Garamond', serif;
   z-index: 30;
   padding: 0 15px;
}

.heading h1.main-heading {
    font-size: 2.4rem;
}

@media print, screen and (min-width: 40em)
.h1, h1 {
   font-size: 2rem;
}


h3.sub-heading {
   color:white;
   text-align:center;
   font-family: 'Cormorant Garamond', serif;
   font-size:1.5rem;
   z-index: 30;
    padding: 0 15px;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width:100%;
}

.listing-sec {
    padding:45px 20px 20px 20px;
}

.listing-sec .product_title {
    font-family: 'Open Sans', sans-serif;
    color: #32499C;
    line-height: 1.25rem;
    font-size: 1.15rem;
    font-weight: 400;
    margin-top: 0.5rem;
    text-align: center;
    height: fit-content!important;
}

a {
    text-decoration: none!important;
}

.listing-sec .product {
    min-height: 475px;
}

.product_description ul {
   display:none;
}

.product .product_price span.price {
    line-height: 1.1rem;
    font-size: 1.35rem;
    font-weight: 450;
    text-align: center;
    display: block;
    margin: 0.85rem 0rem;
}
.product .product_price span.price.sale {
    color: #005D42;
}
.product .product_price span.price.regular {
    color: #005D42;
}
.product .product_price span.price .strikethrough {
    display: inline;
    text-decoration: line-through;
    color: #898585;
}

.product_title {
   text-align:center;
}

.product_description {
   text-align:center;
}

.product .product_img .options {
    position: absolute;
    color: #FFFFFF;
    border-radius: 3px;
    background: rgba(221,34,41,0.85);
    width:fit-content;
    padding: 3px 6px;
    margin: 0 10px;
    text-transform: uppercase;
    font-size: .8rem!important;
}

.product .product_img .options:empty {
    display:none;
}

.star-clickable {
   text-align:center;
}
.yotpo.bottomLine {
    padding: 10px 0 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*********  / end listing pages  ***********/

/*********  Detail pages  ***********/

.description-sec, .detail-top-sec {
   padding: 0 60px;
   text-align:left;
}

.description-sec .tabs-content {
   padding: 0 40px;
   border: none;

}

.description-sec .tabs-title a {
    color: #045f42!important;
    font-size:1rem;
    padding:10px;
}

.detail_top {
   font-family: 'Cormorant Garamond', serif;
   color: #222222;
   font-size: 2rem;
   font-weight: 700;
   margin-left: 20px;
}

.detail span.price {
   font-size: 2.25rem;
	line-height: normal;
	margin: 0rem 0rem; 
   /* color: #045f42!important;  */
   color: #222222;
}

.detail span.stock {
   font-size: 2rem;
	line-height: normal;
	margin: 0rem 0rem; 
   color: #222222!important;
	/* font-size: 1.35rem;
	margin-bottom: 0.85rem;
	display: block;
	line-height:1.35em; */
}

.detail .pick-title {
   font-size: 1.9rem;
	line-height: normal;
	margin-bottom: 0.7rem;
    margin-top: 0.1rem;  
    color: #005D42;
	/* font-size: 1.35rem;
	margin-bottom: 0.85rem;
	display: block;
	line-height:1.35em; */
}

.detail_top h1 {
    font-size: 2.6rem;
	line-height: normal;
}

.detail-quantity {
    margin: 0 15px;
    padding: 3px 20px;
}

.detail-quantity thead, .detail-quantity tbody,.detail-quantity tfoot {
    border: none;
    background-color: none;
}


.detail-quantity input#add-to-cart {
     font-size:.99rem;
    font-weight: 700;
}

/********* / end Detail pages  ***********/

/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}




/*********  Hide Slide until images loaded  ***********/
.detail-main-slider {
    display: none;
}


.slick-prev:before, .slick-next:before {
    color: #333!important;
    font-size: 2.9rem!important;
    opacity: .5!important;
}

.slick-prev, .slick-next {
    z-index: 30;
}

.slick-prev {
    left: -40px!important;
}

.slick-dots li button:before {
    font-size: 10px!important;
}

.slider_detail_img_pager .slick-slide.slick-active div div {
    width: inherit !important;
}



/***** Start Accordion  *****/

.accordion-title {
    font-family: 'Cormorant Garamond', serif;
    color: #2ba6cb;
}

.detail .accordion a, .accordion p {
    font-size: 1.5rem;
    color: #005D42;
}

.detail .accordion a:before {
    font-size: 2rem;
    color: #005D42;
}

.accordion-title::before {
    margin-top: -1rem;
}

.accordion-item:first-child > :first-child {
    border-radius: 7px;
}



/***** End Accordion  *****/


/***** Start Detail Pickers Section *****/


.pick-size-wrap {
    width: fit-content;
    text-align:center;
}

.sizepicker {
    display: flex;
    border: 1px solid #CCC;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 18px;
    width: fit-content;
}


.sizepicker label img {
   /* width:110px; */
    height:auto;
    margin: 2px 8px;
}

.sizepicker img {
    border: 2px #ccc solid;
    border-radius: 5px
}

.grommet-options {
    display: inline-block;
    text-align: center;
    margin: 5px;
}


.rope-wrap {
    display: inline-block;
    vertical-align: top;
}


.pick-color-wrap {
    width: fit-content;
    text-align:center;
    margin-top:12px;
}

.pickers {
	margin: 0rem 0rem;	
}

.pickers {
    margin-bottom: 10px;
    padding: 15px 10px 5px 10px;
    border: 1px solid #CCC;
    border-radius: 8px;
    width: fit-content;
    text-align:center;
}

.pickers label {  	
	display: inline-block;	
	margin: 0rem 0.18rem 0.18rem 0rem;
}
.pickers label:hover, .pickers label:focus {
	background: #8A8A8A;
}
.pickers label input[type="radio"] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.pickers label span {
	background: #ADADAD;
	color: #FFFFFF;
	height: 2.15rem;
	line-height: 2.15rem;	
	display: block;
	margin: 0;
	padding: 0rem 0.85rem;
	cursor: pointer;
	position: relative;
		
	-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; 
}
.pickers label input[type="radio"]:checked ~ span {
	background: #DA5E04;
}


.pickers.colors label { 
	position: relative; 
	color: transparent;
	height: 3.8rem;
	width: 3.8rem;	
	display: inline-block;
	margin: 0rem 0.5rem 0.7rem 0.5rem;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	
	background-attachment: scroll;
	background-repeat: no-repeat;

	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;	
	border: 2px #ccc solid;
    border-radius: 50%;
}
/*.pickers.colors label:after {  
	content: '';
	position: absolute;
	top: 50%;
	right: 0px;
	bottom: 0px;
	left: 0px;
}*/


.pickers.colors label:hover {	
    border: 3px #005D42 solid;    
}


.colorpickers.colors label { 
	position: relative; 
	color: #FFFFFF;
	height: 2.5rem;
	width: 2.5rem;	
	display: inline-block;
	margin: 0rem 0.18rem 0.12rem 0rem;
	padding: 0;
	overflow: hidden;
	text-indent: -9999px;
	border-radius:50%;
	background-attachment: scroll;
	background-repeat: no-repeat;

	-webkit-background-size: contain !important;
	-moz-background-size: contain !important;
	-o-background-size: contain !important;
	background-size: contain !important;	
}


.pickers.colors label:hover, .pickers.colors label:focus {
	background: #8A8A8A;
}
.pickers.colors label input[type="radio"] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.pickers.colors label span {
	display: block;
	margin: 0;
	padding: 0; 
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 10;
	background: none;
	
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none; 	
}
.pickers.colors label input[type="radio"]:checked ~ span:before {
	content: '';
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 4.65rem;
	width: 4.65rem;
	border: 4px solid #DA5E04;
}
.pickers.colors label input[type="radio"]:checked ~ span {
	background: none;
}





.pickers.colors label.Cedar {
	background: #955817 !important;
}
.pickers.colors label.BlackCedar {
	background: #000000 !important;
}
.pickers.colors label.BlackCedar:after {
	background: #955817 !important;
}
.pickers.colors label.Black {
	background: #000000 !important;
}
.pickers.colors label.Chocolate {
	background: #453319 !important;
}
.pickers.colors label.ChocolateWeatherwood {
	background: #453319 !important;
}
.pickers.colors label.ChocolateWeatherwood:after {
	background: #938C79 !important;
}
.pickers.colors label.Weatherwood {
	background: #938C79 !important;
}
.pickers.colors label.Gray {
	background: #A7A7A7 !important;
}
.pickers.colors label.White {
	background: #FFFFFF !important;
}
.pickers.colors label.Red {
	background: #DB0003 !important;
}
.pickers.colors label.Orange {
	background: #FF8700 !important;
}
.pickers.colors label.Yellow {
	background: #FFE300 !important;
}
.pickers.colors label.LimeGreen {
	background: #ABD954 !important;
}
.pickers.colors label.Blue {
	background: #0053FF !important;
}
.pickers.colors label.Pink {
	background: #FF6A9F !important;
}
.pickers.colors label.PawleysGreen {
	background: #91AA68 !important;
}
.pickers.colors label.Turquoise {
	background: #1ABDA2 !important;
}



/***** End Detail Pickers section *****/




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

.sizes h3 {
   font-family: 'Cormorant Garamond', serif;
   font-size:1.1rem;
   color: #f00;
   font-weight: 600;
   font-style: italic;
}

.sizes, .submit {
   text-align:left;
}

.submit2 {
   text-align:left;
}
.submit2 input {
    float:left!important;
}
.submit2 #add-to-cart {
    margin-left:8px;
}

/* HIDE RADIO and Checkbox */
.sizes [type=radio], .sizes [type=checkbox]  {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}



/* IMAGE STYLES */
.sizes [type=radio] + img, .sizes [type=checkbox] + img {
  cursor: pointer;
}

.sizes label {
    display: inline-block;
    margin: 4px 2px;
}

/* CHECKED STYLES */
.sizes [type=radio]:checked + img, .sizes [type=checkbox]:checked + img {
  outline: 3px solid #f00;
}


/********* / end Detail Radio Buttons  ***********/