/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* ------- COLOR PALETTE - #FDF0E7 - FEC7AD - #555555 - # BEBCC1 - #E0DEE3 - F9AA9D - C5E0DD-----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- GENERAL LAYOUT -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
    @font-face {
    font-family: 'bohemian Regular';
    font-style: normal;
    font-weight: normal;
    src: local('fonts/bohemian Regular'), url('fonts/Bohemian.woff') format('woff');
    }

html,body,div,td,nav,section {
	font-size: 16px;
    font-family: 'Raleway', sans-serif;
    color: #444444;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1.6em;
}
a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    color: #555555;
    letter-spacing: 0.31px;
    font-weight: normal;
}


/* 100% WIDTH ================================================== */
section.mainwrap {
	width: 100% !important;
	max-width: 100% !important;
	min-height: 600px;
	margin: 0 !important;
	padding: 0 !important;
    z-index: 100
}
/* CONTENT WIDTHS ================================================== */
.sb_content {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
}
.sb_content2 {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.pagewrap {
	padding-left: 55px;
	padding-right: 55px;
}
@media only screen and (max-width: 749px) {
	.pagewrap {
		padding-left: 22px;
		padding-right: 22px;
	}
}

nav .sb_hlinks {max-width: 1200px}

#overwrap,div.sb_hpages,header,footer {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 0px;
}
h2.title {
	text-align: center;
    font-family:'bohemian Regular';
    font-weight:normal;
     font-size:65px;
    line-height: 24px;
    padding: 0 100px;
    vertical-align: middle;
}

.title {
  line-height: 0.5;
  text-align: center;
vertical-align: middle;
}
.title span {
  display: inline-block;
  position: relative;  
}
.title span:before,
.title span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  top: 0;
  width: 600px;
}
.title span:before {
  right: 100%;
  margin-right: 15px;
}
.title span:after {
  left: 100%;
  margin-left: 15px;
}

.box{
  margin:25px;
  width:250px;
  height:250px;
  background:#fff;
  border: solid black;
  border-color: black;
  float:left; 
}

/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- HEADER LAYOUT -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
.topbar {
	text-align: center;
	padding: 2px 30px;
	text-transform: uppercase;
	z-index: 999;
	/*position: fixed;*/
	position: relative;
	background: #FFFFFF url(top-bg.gif);
	/*background: #FFFFFF url(small-peach-bg.jpeg);
	opacity: 0.3;*/
	width: 100%;
	margin: auto;
	line-height: 40px;
	vertical-align: middle;
    color: #555555 !important
}

.sbnav_horizontal.sb_pages ul li a {
    color: #555555 !important
}

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

 @media screen and (min-width: 801px) {
.topcart, .toplinks1 {margin-top: 2px; }
}

.quicklinks nav { display: inline-block; }


/* COMPENSATE FOR P IN SITE MESSAGE ================================================== */
.topbar p {
	margin-top: 0px;
	margin-bottom: 0px
}

header { 

}

/* SOCIALS ================================================== */
.social-links .fa {margin: 0 5px 0 5px}

/********** 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: #F4D9CB; /****** 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;
}


/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- CONTENT LAYOUT -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/



.index_content #overwrap {
    background: #ffffff url(mango_bg2.jpg)  no-repeat  50% 20%;
}


.flex-main {
  width: 100%;
  display: flex;
   margin-top: 50px
}
.flex-col {
  box-sizing: border-box;
  width: 50%
}

.about1 { background:#F9DDCF; padding: 50px }


div.about1:before {
  display: block;
  content: '';
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 2px solid white;
}

.about1-inner h1 {
  text-align: center;
  line-height: 0.5;
  font-family: 'Rochester', cursive;
  font-size: 40px
}

.heart {
  position: absolute;
  width: 100%;
  bottom: 20px;
  left: -25px;
  text-align: center

}

@media (max-width: 768px){
  .flex-main, .flex-col {
    display: block;
    width: 100%;
  }
}

.hero {
	width: 100%;
	max-height: 600px;
	overflow: hidden;  
}
.hero > img {
	/*object-fit: cover;
	object-position: 0 0 !important;
	 default value: image is centered*/
	/*object-position: 0 0;
	positioned top left of the content box */
	width: 100%;
	height: auto;
}

@media screen and (max-width: 800px) {
    .hero {	
    width: 100%;
	max-height: 300px;
	overflow: hidden; }
}


@media screen and (min-width: 801px) {
	.sidebar_left {
		display: block;
		width: 100%;
		padding: 0;
		text-align: center;
		max-width: none;
		left: 0;
	}
	.sidebar_left ul {
		margin: 3px;
	}

	.sbnav_dropmenu li { padding: 2px }
	
	.sidebar_left ul li ul li a { margin-top: 1px; margin-bottom: 1px }


	nav.sb_hlinks ul li ul {
		border: 1px solid #808080;
	}
	.sbnav_dropmenu ul li ul li,.sbnav_dropmenu ul li ul li:hover {
		background-color: #FEF3F1;
	}
}
.sbnav_dropmenu {
	border-top: 1px solid #eee9e8;
	/*border-bottom: 1px solid #eee9e8;
    margin-bottom: 35px;*/
	margin-bottom: 2px;
    box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.1);

    position: relative;
}
.sbnav_dropmenu a {
	text-transform: uppercase;
	letter-spacing: 1px;
}
.sbnav_dropmenu>ul>li>a {
	padding: 0px 5px;
	font-size: 13px
}

.index_content .sbnav_dropmenu {
    margin-bottom: 5px;
}

.sbnav_dropmenu li a {
	font-size: 13px
}


ul.mobile-menu li, ul.mobile-menu a, ul.mobile-menu a:hover {
    font-size: 16pt;
}


@media screen and (min-width: 800px) {
	.product-detail .image-holder {
		float: left !important;
		padding: .5%;
		max-width: 33%;
	}
	.product-detail .product-holder {
		overflow: hidden;
		padding: .5%
}
}
@media screen and (max-width: 800px) {
	.product-detail .image-holder,.product-detail .product-holder {
		width: 100%;
		max-width: 100%;
	}
	.sidebar_left {z-index: 300}
    .sb_content, footer {
     padding-left: 15px !important;
     padding-right: 15px !important;
     padding-top: 20px !important
   }
}

.lgfont {
	font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
	text-transform: lowercase;
	letter-spacing: 0.5px;
	font-weight: 400;
	font-style: normal;
	text-align: center !important;
	font-size: 20px;
	line-height: 35px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 4px;
	line-height: 1.9;
}
span.lgfont {
	width: 100%;
	display: block;
}

.contentbox {
    width: 100%; 
    height: auto; 
    border: 10px solid #efefef; 
    margin-bottom: 50px; 
    padding: 25px; 
    border-radius: 10px; 
    position: relative; 
     z-index: 200; 
    background: #ffffff;
 overflow: visible;
}


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


.boxbar {
    display: block;
    margin-top: 40px;
    background: #FDF0E7;
    text-align: center;
    color: #555555;
    width: 100%;
    height: auto;
}

.boxbar2 {
    display: none;
    background: #FDF0E7;
    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;
    text-align: center;
    padding: 30px !important;
    border-right: 2px solid #fff;
   background: #F2F2F2;
}

.one a {
  padding: 1%;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 3px
  font-weight: 700;;
  /*text-transform: uppercase
  color: #78B6B3;*/
  color: #555555;
  font-family: 'Rochester', cursive;
  
}

.two {
 font-size: 13px;
 text-transform: uppercase;
 color: #555555
}

.btn1 {background: url(btn1-36.jpeg) }
.btn2 {background: url(btn2.jpeg) }
.btn3 {background: url(btn3-44.jpeg) }
.btn4 {background: url(btn4-38.jpeg) }


/* DIVIDERS ================================================== */


.contentlogo { width: 100%; margin-left: auto; margin-right: auto; margin-top: -120px; text-align: center;z-index: 500;}
.contentlogo > span img {
    max-height: 150px;
}


h2.fancy {}


.divider {
   margin: 20px 5px;
   clear: both
}

.fancy {
  line-height: 0.5;
  text-align: center;
  font-family: 'Rochester', cursive;
  font-size: 40px
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 3px;
  border-bottom: 8px dotted #C5E0DD;
  top: 0;
  width: 600px;
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

.divider2 {
   text-align:center;
   vertical align: middle;
   width: 100%;
   height: auto;
   margin: 20px 5px;
   clear: both
}
.fancy2 span {
  display: inline-block;
  position: relative;  
}
.fancy2 span:before,
.fancy2 span:after {
  content: "";
  position: absolute;
  height: 3px;
  border-bottom: 8px dotted #C5E0DD;
  top: 50px;
  width: 600px;
}
.fancy2 span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy2 span:after {
  left: 100%;
  margin-left: 15px;
}

.divider2 > .fancy2 > span  img {
   max-height: 150px;
}

.divider2 {
       background-image: url(divider-stroke2.png);
       background-repeat: no-repeat;
       background-position: center center;
       width: 100%;
       min-height: 52px
 }

h2.brush {
   line-height: 0.5;
   text-align: center;
   font-family: 'Rochester', cursive;
   font-size: 40px;
   padding-top: 15px;
 }


/* DOODADS ================================================== */

.lines {
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
    margin-top: 6px;
    padding-top: 2px;
    display: none
}



.index_content .lines {display: block !important}

.index_content section.mainwrap { margin-top: 40px !important }



/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- MESSAGE BAR -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
.message {
	color: #555555;
	letter-spacing: .025em;
	text-align: center;
	padding: 45px 0 50px;
    border-top: 1px solid #bebcc1;
    border-bottom: 1px solid #bebcc1;
	background: #FCFCFC url(spots-grey26.png );
    margin-top: 30px;
    margin-bottom: 30px;
    letter-spacing: .025em;
    font-size: 1.9rem;
}
/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- NEW / FEATURED -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
.featured {
	background-color: #fcf9f7;
	padding: 30px 0;
	margin-top: 60px;
	text-align: center;
	font-family: "FreightDispProLight-Italic", sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.5;
	color: #282828;
}
/* ---------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------- FOOTER LAYOUT -----------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------------*/
credit::before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.8);
  z-index: 100;
}
footer {
	background-color: #fff;
	clear: both;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 30px 0 0/*60px 30px*/;
	margin-top: 2px;
    text-align: left;
}

.footerpad {padding-bottom: 60px;}

@media screen and (min-width: 800px) {
footer ul { display:inline-block;  text-align: left }
.column-border {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}
.column-pad {
    padding-left: 40px !important;
}
}

.footer-column {
	-ms-flex: 0 0 46%;
	flex: 0 0 46%;
}

.navheader {
	color: #282828;
	font-size: 18px;
	text-transform: uppercase;
	margin: 0 0 .5rem;
	font-weight: 400;
    letter-spacing: 0.3em;
}

.footer-column nav ul li {
   list-style-type: none;
   border-bottom: 1px solid #e1e1e1;
   text-transform: uppercase;
   font-size: 14px;
}

.sbnav_vertical.sb_pages ul li a {
  color: #8c8c8c;
}

.sbnav_vertical.sb_pages ul li a:hover {
  color: #000000;
}

footer ul li a {text-align: left !important }

/* SEARCH ================================================== */
 .search_form input[type="text"] {
    border: 0px;
        border-bottom-style: none;
        border-bottom-width: 0px;
    box-shadow: none;
    padding: 0 0 0 5px;
    margin: 0px;
    background-color: transparent;
    font-size: 12px;
    border-bottom: 1px solid #6D6E71;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
max-width:200px
}


.emailcolor img {
	width: 20px;
	height: 10px
}
.credit {
	text-align: center;
	/*background: #ffffff url(small-peach-o.png );
	background: #ffffff url(credit-bg.jpg );*/
	background: #ffffff url(spots-grey36.png );
	/*font: normal 10px montserrat, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	*/
    font-weight: 700;
	padding: 10px 0 10px 0;
	color: #555555;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.12);
    border: 2px  #BEBCC1 solid;
}
.copy,.copy a,a.emailcolor {
	font-size: 10pt;
	text-decoration: none;
}
/* OFF SCREEN ================================================== */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding: 0px;
}

.sidenav p {
    padding: 10px
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}
.sidenav a:hover {
	color: #f1f1f1;
}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 2px;
	font-size: 36px;
	margin-left: 10px;
}
#main {
	transition: margin-left .5s;
	line-height: 40px;
}
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}
	.sidenav a {
		font-size: 18px;
	}
}

@media screen and (min-width: 801px) {
.sidebar_left {
position: sticky; 
  top: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
z-index: 999999
}
}

/* OFF SCREEN ================================================== */
#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: center !important;
    padding: 10px 0 10px 3%;
}
#mc_embed_signup_scroll h2 {
   text-align: center;
   line-height: 0.5;
   font-family: 'Rochester', cursive;
   font-size: 35px !important;
   font-weight: 300 !important;
}

#mc_embed_signup {width: 50%; max-width: 500px; text-align: center; margin-right: auto; margin-left: auto}


@media screen and (min-width: 800px) {

 .relateditems .product-detail .image-holder {
    position: relative;
    float: none !important;
    width: 100% !important;
    text-align: center;
     max-width: 100%;
}
}