@import url('https://2a5b9c.claudeassets.com/20201029054639cs_/https://fonts.googleapis.com/css?family=Lato|Roboto:400,700');


/***********************************************
      FIXED WIDTH STYLES
***********************************************/

#overwrap, div.sb_hpages, header, footer {
   max-width: 950px;
}



@media screen and (max-width: 950px) {
   header {margin-top: 0;}
}



/***********************************************
      ORIGINAL CART STYLES
***********************************************/


body {background: #ffffff url(https://f8af65.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/Serendipitydotbg1.jpg)}


a {text-decoration: none}

.sbnav_vertical ul li.sel > a, nav[class^="sbnav_bu"] ul li.sel > a {
    font-weight: normal;
}

.catcolor a, .sbnav_vertical a {
    font-weight: normal;
}

/***********************************************
      DESKTOP WRAPPER STYLES
***********************************************/


 @media screen and (min-width: 801px) {
#sb_overbox {
   margin: 10px auto;
   max-width: 970px;
}

.outerwrap1 {
   background: url(https://115499.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/SerendipityBG1.jpg);
   padding: 10px;
    border: 1px solid black;
    outline-style: solid;
    outline-color: #e6bde3;
    outline-width: 1px;
  }


.sidebar_left, .mainwrap, .sidebar_right {
    border: 1px solid black;
    outline-style: solid;
    outline-color: #e6bde3;
    outline-width: 1px;
}

.mainwrap {margin-left: 8px; margin-right: 8px; width:60% !important }

.sidebar_right {width:18% }


.sb_hpages {
    background: url(https://bc8126.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/SerendipityStripe.jpg);
    border-width: 1px;
    border-color: black;
    border-style: solid;
    outline-style: solid;
    outline-color: #e6bde3;
    outline-width: 1px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;

}

.bottommenu {
    background: url(https://bc8126.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/SerendipityStripe.jpg);
    border-width: 1px;
    border-color: black;
    border-style: solid;
    outline-style: solid;
    outline-color: #e6bde3;
    outline-width: 1px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
}

/***********************************************
      HEADER STYLES
***********************************************/


header .sb_content .sitelogo {
	display: block;
	z-index: 0;
}
header .sb_content .sitelogo a {
	width: auto;
	height: auto;
}

header{
    border: 1px solid black;
    outline-style: solid;
    outline-color: #e6bde3;
    outline-width: 1px;
}

header .sb_content .sitelogo img.logo_img {
	text-align: center;
	margin: auto;
}


 @media screen and (min-width: 801px) {
header {width: 100%;margin-top: 0px;}

header .sb_content .sitelogo {text-align: center;}

header .sb_content .sitelogo img.logo_img {display: block;}
}


/***********************************************
      MISC STYLES
***********************************************/

/*.formbutton { 
    background-image: url(https://dca614.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/gold4.png);
    background-size: cover;
    background-repeat: no-repeat;
}*/

.pagename { text-align: center; padding: 10px;}

/********** SMALLER SOCIALS **************/
.fa-2x {
	font-size: 1.7em;
}
 @media only screen and (min-width: 801px) {
   header .sb_content .sitelogo img.logo_img {
    display: block;
    text-align: center;
    margin: auto;
}
}
 @media only screen and (max-width: 800px) {
.social-links {
	text-align: center
}
}


.social-links a {
	background: #ABC132; /****** 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;
}

/***********************************************
      FOOTER STYLES
***********************************************/

footer {
	background: url(https://ed9e6b.claudeassets.com/20201029054639im_/https://embroideryavenue.com/layout/embroideryavenue/Serendipitydotpattern.jpg);


    color: #695258 !important
}


header .sb_hpages nav.sb_hlinks ul {
	text-align: right !important
}

header .sb_content {
	padding: 0
}
 @media screen and (max-width: 800px) {
header .sb_content .sitelogo img {
	max-width: 100%;
	max-height: 100%;
	text-align: center;
	margin: auto;
}
.sidebar_left { background: #e2dfe3}
}

/***********************************************
      GENERAL STYLES
***********************************************/ 
html, body, div, td, nav, section, footer {
  font-size: 16px;line-height:1.4;
    
  @media screen and (min-width: 900px) {
    font-size: 18px;
  }
    
  @media screen and (min-width: 1200px) {
    font-size: 20px;
  }
}


@media screen and (max-width: 800px) {
   ul {line-height:2;} 
  .sb_main_sitemap {line-height: 2.0;}
}


a { text-decoration: none !important;}


ul {
    display: block;
    list-style-type: disc;
    padding-left:40px
    line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    margin: 0 0 8px;
    padding: 0 0 5px;
    text-transform: capitalize;
}

h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: .998em; }
h6 { font-size: .998em; }

@media screen and (min-width: 801px) {
   header .sb_content h1 {font-size: 3.5em; font-weight: normal}
}

@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; }
}

.sidebar_left, .mainwrap, .sidebar_right {
   background: #fbfde7
}

/***********************************************
      TEMPLATE STYLES
***********************************************/

@media screen and (min-width: 801px) {
.contentwrap {
	display: flex;
}
}

@media screen and (max-width: 800px) {
.contentwrap {display: block; !important}
}


header .sb_content input.formbutton {margin-left: 5px;
}
/***********************************************
      MENU STYLES
***********************************************/



.nopad {
    padding: 0 !important
}


.sbnav_horizontal > ul > li > a {}

.menuleft {
	margin-top: 0px;
	text-align: left;
	max-width: 400px;
}
.menuright nav.sb_hlinks ul {
	text-align: right;
	max-width: 400px;
}

/***********************************************
      GRID STYLES
***********************************************/



/***********************************************
      GENERAL CONTENT STYLES
***********************************************/



.lgfont {color: #000000;font-size: 14pt;font-weight: normal;}



.starlist > .star:not(.sel):hover:before, .starlist > .star:not(.sel):hover ~ .star:not(.sel):before, .starlist .sel:after, .startotals .sel:after, .startotals .star.partial1:after, .startotals .star.partial2:after, .startotals .star.partial3:after {
    content: "\2605";
    position: absolute;
    top: 0;
    left: 0;
    color: #c30a1a;
    opacity: .7;
    filter: alpha(opacity=70);
    overflow: hidden;
}

h3#itemreview::before {
    content: "\f004";
    font-family: FontAwesome;
    color: #c30a1a;
    margin-right: 8px;

}

.breadcrumbs {margin-bottom: 25px}
/***********************************************
      BUTTONS & FORM FIELD STYLES
***********************************************/

/***********************************************
      SIDEBAR STYLES
***********************************************/




/***********************************************
      HR & FOOTER STYLES
***********************************************/



.smfont a {
	font-size: 1em;
	text-decoration: none;
}
.copy, .copy a { width: 100%; max-width: 950px; margin: 0 auto; text-align: center; color: #ffffff}

/***********************************************
      PEEK A BOO STYLES
***********************************************/

 @media only screen and (max-width: 800px) {
.hide-on-mobile {
	display: none !important;
	width: 0;
	height: 0;
}
}
 @media only screen and (min-width: 801px) {
.hide-on-full {
	display: none !important;
	width: 0;
	height: 0;
}
}




/*
     FILE ARCHIVED ON 14:59:44 Oct 27, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:40:25 Aug 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.535
  exclusion.robots: 0.059
  exclusion.robots.policy: 0.048
  esindex: 0.01
  cdx.remote: 27.96
  LoadShardBlock: 72.961 (3)
  PetaboxLoader3.datanode: 75.283 (5)
  PetaboxLoader3.resolve: 379.08 (3)
  load_resource: 427.628 (2)
*/