html, body, div, td, nav, section {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #353535 /*#444444*/;
  text-transform: none;
  line-height: 1.6;
}

a {
  text-decoration: none;
}


/* GRID STYLE ===================================================== */

 * {

  box-sizing: border-box;
}

.frame {
  margin: 0 auto;
  max-width: 100%;
}

.frame:after {
  content: "";
  display: table;
  clear: both;
}

[class*='bit-'] {
  float: left;
  padding: 4px;
}

/**** .nest class to any div with bit-x to pull padding out for nesting *****/ 
[class*=bit-].nest {
	padding: 0 !important
}
/**** .centered class to any div with bit-x to center that bit div in the container *****/ 
[class*=bit-].centered {
	float: none;
	margin: 0 auto !important;
}
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 50%;
}
.bit-3 {
	width: 33.33333%;
}
.bit-4 {
	width: 25%;
}
.bit-25 {
	width: 25%;
}
.bit-30 {
	width: 30%;
}
.bit-40 {
	width: 40%;
}
.bit-60 {
	width: 60%;
}
.bit-70 {
	width: 70%;
}
.bit-75 {
	width: 75%;
}
@media screen and (max-width: 800px) {
.bit-1 {
	width: 100%;
}
.bit-2 {
	width: 100%;
}
.bit-3 {
	width: 100%;
}
.bit-4 {
	width: 100%;
}
.bit-75 {
	width: 100%;
}
}
@media screen and (max-width: 980px) {
	.bit-25 {
	width: 50%;
}
	.bit-30 {
	width: 100%;
}
	.bit-40 {
	width: 100%;
}
	.bit-60 {
	width: 100%;
}
	.bit-70 {
	width: 100%;
}
}
@media screen and (max-width: 800px) {
  .hide-on-mobile {
    display: none !important;
    width: 0;
    height: 0;
  }
}

.centertext {
	text-align: center;
}
	
.righttext {
  text-align: right;
}
.lefttext {
  text-align: left;
}

/* SITE TYPOGRAPHY ================================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: "EB Garamond", serif;
    font-weight: 400;
    font-style: normal;
    color: #555555;
    letter-spacing: 0.31px;
    font-weight: normal;
}
h1{font-size:32px}
h2{font-size:28px}
h3{font-size:22px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:13px}

@media screen and (max-width: 800px) {
h1{font-size: 1.5em}
h2 {font-size:1.3em }
h3 {font-size: 1.2em }
h4 { font-size: 1.1em; }
}


.allura-regular {
  font-family: "Allura", cursive;
  font-weight: 400;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name

.open-sans {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

// <uniquifier>: Use a unique and descriptive class name

.montagu-slab {
  font-family: "Montagu Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.pt-sans-regular {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.pt-sans-bold {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.pt-sans-regular-italic {
  font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.pt-sans-bold-italic {
  font-family: "PT Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}


.sage { 
   color: #a9b991;
   }
 .lt_sage {
color: #DDE3D5;
 }
.forest {
  color: #6F774A/*#8C985F #7A8E5B*/;
}
.gold {
  color: #f2b233;
}
.sea-glass {
  color: #s9ceca;
}
.coral {
  color: #e98d72;
}
.driftwood-grey {
  color: #deceba;
}
.soft-sand {
  color: #f5dfb9;
}
.lt_sand {
  color: #FBF1E1
}
 
.bold {font-weight: 600 !important;}


/* QUICKLINKS STYLE ===================================================== */

.sb_content2 {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}
	
.quicklinks {
  width: 100%;
  margin: 0 auto;
  z-index: 600;
  /*background: #FADCA5;    the darker gold color like logo */
  background: #D4D9B3 /*#E1E8DD  #BECBB4 // OLD COLOR #F9EBD2 */;
  padding: 2px 30px;
  text-transform: uppercase;
  z-index: 999;
  position: relative;
  line-height: 40px;
}

.quicklinks::after {
 display: table;
  clear: both;
}

.border-double {
  width: 100%;
  height: 1px;
  margin: 2px auto;
  background-color: #e8d9cf;
}

 header {
        background-color: #FFFFFF;
    }
	

/* HEADER SEARCH STYLE ===================================================== */

.search_form input[type="text"] {
  height: 45px;
  z-index: 1;
  border: none;
  border-radius: 40px !important;
  border: 1px solid #FFD384;
  box-shadow: none !important;
  font-size: 18px;
  color: rgb(var(--color-foreground));
  letter-spacing: 0;
  padding-left: 15px !important;
  position: relative;
 }
 
 .headersearch {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 125px;
 }

 @media only screen and (max-width: 800px) {
 .headersearch {
  height: 30px;
 }
 }

/* PAGE NAVIGATION BAR STYLE ===================================================== */

.sb_hpages {
       background-color: #FCE7B2 /*#FAECD8*/ !important;
	   padding-top: 2px;
	   padding-bottom: 2px;
       border-top: 1px solid #FDF7EC;
       border-bottom: 1px solid #FDF7EC;
}

   /* .sbnav_dropmenu {
        background-color: #FFFFFF !important;
    }
    .sbnav_dropmenu li {
        background-color: #FFFFFF !important;
    }*/

.sbnav_horizontal > ul > li.sel > a { font-weight: normal;}
.sbnav_horizontal > ul > li.sel > a, .sbnav_horizontal > ul > li.sel > a:hover {
  font-weight: normal;
}

	
.lgfont { 
        color: #6F774A;
		font-size:28px
    }
	

/* SIDEBAR STYLE ===================================================== */	

    .sidebar_left {
		margin-top: 20px;
        /*width: 20% !important;*/
        background-color: #FEFBF3;
		border: 1px solid #FAECD8 /* OLD #FCF4EE */;
    }

/* BOXES ================================================== */


.boxbar {
    display: block;
    /*margin-top: 40px;*/
    background: #ffffff;
    text-align: center;
    color: #555555;
    width: 100%;
    height: auto;
	/*padding: 10px 0px 10px 0px;*/
}

.boxbar2 {
    display: none;
    background: #ffffff;
    /*text-align: center;*/
    color: #555555;
    width: 100%;
    height: auto;
    clear: both
}

.index_content .boxbar2 { display: block }
.index_content .boxbar {display: none !important }




.infobox{
    color: #555555;
    padding: 2px 10px 10px 5px !important;
	background: #ffffff;
	height: auto;
}

.infobox img {
	/*float:left;
	margin-right: 10px;
	max-width: 60px;
	min-height: auto;
	margin-right: 10px;
	max-width: 50px;
	min-height: auto;*/
	float:left;
	margin-right: 10px;
	max-width: 50px !important;
	min-height: auto;
}

.text {
	font-size: 13px;
	padding:5px
}
.text h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
    margin: 0px;
}


@media screen and (max-width: 800px) {
.text {
	padding:0px;
}
.infobox{
    border-bottom: 2px solid #fff;
}
.infobox img {
	float:left;
	margin-right: 10px;
	max-width: 50px;
	min-height: auto;
}
}


@media screen and (min-width: 801px) {
.infobox{
    border-right: 2px solid #fff;
}
}

/* END BOXES ================================================== */

/* INDEX WELCOME TEXT STYLE ===================================================== */

.welcome {
  position: relative;
  height:auto;
  width: 100%;
  border: 1px #becbb4 solid;
  padding: 10px;
  clear: both;
  text-align: center;
  background: #E9EBD6 /*#EBEEE6 lt sage #EAEDE4 original #EAEFE7*/;
  margin-bottom: 25px;
  border-radius: 10px;
}

.welcome h2 {
	margin: 0px;
	padding: 1px;
}
.welcome h3 {
	margin: 0px;
	padding: 0px;
}

.welcome .heartline img {
	width: 40%;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

.welcome p {
	margin: 5px 0px 5px 0px;
}


/* END INDEX WELCOME TEXT STYLE ===================================================== */

/* CONTENT AREA STYLE ===================================================== */


#overwrap {
        background-color: #FFFFFF;
}    
 @media only screen and (min-width: 801px) {	
	.mainwrap {
        width: 78% !important;
        background-color: #FFFFFF;
    }
 }
 
 div.goldbar > nav.sb_hlinks > ul > li:nth-child(4)>a.pagelinkcolor {
     color: #D28B15 !important;
	 border-radius: 10px;
     background-color: #ffffff;
     padding: 2px 5px 2px 5px;
     width: auto;
     height: auto;
	 font-weight: bold;
}


/*
    .topnav {
        text-align: right !important;
    }
    .topnav nav.sbnav_horizontal {
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
	
*/

.sb_sociallinks {
      text-align: right !important;
}
	        
			
.breadcrumbs {
       margin-bottom: 20px;
}
.product, .sb_gallery {
      padding: 5px;
}
		
		
/* DOODADS ===================================================== */

.lines {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-top: 6px;
    padding-top: 2px;
}
.lines2 {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 6px;
    padding-bottom: 2px;
}
.heartline img {
	width: 90%;

}
.btn1::after, .btn2::after, .btn3::after {
  content: "";
  position: absolute;
  top: 25%;           /* Centers the line vertically (100% - 50%) / 2 */
  right: 0;           /* Places it on the right edge. Change to 'left: 0' if needed */
  width: 2px;         /* Creates the 1px line thickness */
  height: 50%;        /* Sets line height to exactly half the container */
  background-color: #FFF5D9; /* Sets the border color */
}

@media screen and (max-width: 800px) {
 .btn2::after {
	 display: none
 }
}

/* SMALLER SOCIALS ===================================================== */

.fa-2x {
	font-size: 1.3em;
}
 @media only screen and (min-width: 801px) {
.social-links {
	text-align: center;
}
}
 @media only screen and (max-width: 800px) {
.social-links {
	text-align: center
}
}

.social-links a {
	background: #6F774A; /****** CHANGE PER SITE *******/
	color: #FFFFFF;  /******* CHANGE PER SITE ********/
	border-radius: .2em; /* 1.5 circle - .2 rounded square */
	-moz-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	-webkit-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	display: inline-block;
	font-size: 1.2em; /* change for larger or smaller */
	line-height: 1.5em;
	text-align: center;
	width: 1.5em;
}

.social-links .fa {
  margin: 0 5px 0 5px;
}


/* NEWS FOOTER ================================================== */

.newsfooter {
  position: relative;
  height:120px;
  width: 100%;
  border-top: 2px #becbb4 solid;
  padding: 10px;
  clear: both;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background: #E9EBD6/*#D4D9B3 #EBEEE6 lt sage #EAEDE4 original #EAEFE7*/;
}

.newsfooter img {
	position:absolute;
	top: -40px;
	left: 0px;
	height: 160px;
	width: 381px;
}

.newsfooter p {
}

.memories {text-align: left; margin-left: 420px;display: inline-block;font-size: 14px;}

.memories h4 {margin: 0px; font-family: "EB Garamond", serif;font-size: 18px;}

@media screen and (max-width: 1080px) {
.memories {
  margin-left: 0px;
  font-size: 14px !important;
  text-align: center !important;
  display: block;
}
.memories h4 {
  font-size: 22px;
}
}


@media screen and (max-width: 980px) {
.newsfooter {
  height:auto;
}
.newsfooter img {
  position: relative;
  top: 0px;
}
}

.signup-btn {
	padding: 10px 15px;
	background: #91A277;
	color: #FFF;
}

.signup-btn:hover {
	color: #D4D9B3
}



/* MEMORIES STYLE ===================================================== */

    .footernav {
        line-height: 14pt;
        width: 100%;
        float: left;
        background-color: #FEFBF3;
        border-top: 1px solid #FAECD8;
        border-bottom: 1px solid #FAECD8;
       /* margin-bottom: 10px;
		padding: 10px;*/
    }
    .footernav .sb_sociallinks {
        text-align: left !important;
        margin-bottom: 20px;
    }
/*    .footerarea form.search_form input[type='text'],
    .footerarea select {
        width: 70%;
        height: 30px;
        margin-right: 3px;
        margin-bottom: 0px;
    }*/


/* FOOTER NAV STYLE ===================================================== */

footer {
	width: 100%;
	/*max-width: 100%;*/
	background: #FEFBF3;
	clear: both;
}
.footernav { 
   padding: 10px;
   clear: both;
}

.footernav h2 {
	margin: 0px 0px 2px 0px;
	color: #6F774A;
}

.padding-left {
	padding: 0px 0px 0px 30px;
}


.footernav .sunshine img {
	width: 100%;
	max-width: 350px;
}

.sb_content2 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*padding: 10px;*/
}

 @media only screen and (max-width: 800px) {
.padding-left {
	padding: 0px 0px 0px 0px;
}
 }

/* CREDITS STYLE ===================================================== */

.copy, .copy a {
   font-size: 10pt;
   text-decoration: none;
}

.copy p { margin: 5px 0px 5px 0px;}

a.emailcolor img { max-width: 25px;}