@charset "utf-8";
.sitewrap {background-color: #fbfafa !important}

figure {
	display: block;
	margin:0 0 40px 0;
}

figure img {
	display: block;
	width: auto;
	max-width: 100%;
    border: 8px solid #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

#sitecontainer_blog {
padding:0 0 50px 0;
}

.header_wrapper {
	width: 100%;
	background-size: cover;
	background-position-y: bottom;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	border-bottom:1px solid #efefef;
}
.header_wrapper .overlay {
padding:50px 20px;
/*background: rgb(31 29 29 / 90%);*/
background: rgb(57 42 52 / 95%)
}

.header_wrapper .tag_group {
	background-color:#d6cad1;
	text-align: center;
	border-radius: 30px;
	position: absolute;
	bottom:-15px;
	padding:8px 0;
	width:200px;
	left:0;
right:0;
margin-left:auto;
margin-right:auto;
}

.header_wrapper p.time {
	color:#c4c4c4;
	margin-top: 40px;
	font-weight: 100;
	font-family: 'Roboto Slab', sans-serif;
}

span.authorrow {
	display: flex;
	flex-direction: row;
	align-items:center 
}

a#blog_author {
	color:inherit;
	text-decoration: none;
	border-bottom: 1px dashed #c4c4c469;
	padding-bottom: 2px;
	cursor:default
}

#article_wrap {
	max-width: 1200px; margin:0 auto; margin-top: 50px; font-family: 'Roboto Slab', sans-serif; font-weight:200; padding:0 40px; box-sizing: border-box
}

#sitecontainer_blog h1 {
margin:0 0 10px 0;
font-size: 30px;
font-weight: 300;
color:#ededed;
font-family: 'Roboto Slab', sans-serif;
}
#sitecontainer_blog h2 {
font-size: 24px;
font-weight: 350;
padding: 20px 0;
color:#4a2c47;
text-align: left;
font-family: 'Roboto Slab', sans-serif;
}
#sitecontainer_blog h2.v2 {
padding: 30px 0 0 0
}

h2.olist:before {
  text-align: center;
  position: relative;
  display: inline-block;
  margin-right: 0.6em;
	font-family: 'Roboto Slab', sans-serif !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  font-weight: 400;
  line-height: 2;
  margin-top:-6px;
  color: #FFF;
  font-size: 1em;
  float:left;
  background:#aaabbd;
}

h2.li1:before {
  content: "1";
}
h2.li2:before {
  content: "2";
}
h2.li3:before {
  content: "3";
}
h2.li4:before {
  content: "4";
}
h2.li5:before {
  content: "5";
}
h2.li6:before {
  content: "6";
}
h2.li7:before {
  content: "7";
}
h2.li8:before {
  content: "8";
}
h2.li9:before {
  content: "9";
}
h2.li10:before {
  content: "10";
}

#sitecontainer_blog h3 { /*used in ul,ol lists*/
font-size: 18px;
font-weight: 350;
padding: 0;
text-align: left;
margin:0 0 10px 0;
display: inline-block;
font-family: 'Roboto Slab', sans-serif;	
}
#sitecontainer_blog h4 {
font-size: 18px;
font-weight: 400;
padding: 0;
margin: 0 0 20px 0;
text-align: left;
font-family: 'Roboto Slab', sans-serif;	
}

#sitecontainer_blog ul li h3, #sitecontainer_blog ul li h4 {
font-size: 16px;
font-weight: 250;
padding: 0;
text-align: left;
margin:0 0 10px 0;
color:#341b2f;
display: inline-block;
}

 #sitecontainer_blog ul {
     list-style: none;
    padding-left: 5px;
    background-color: #ffffff99;
    border: 1px solid #e9e9e9d1;
    padding: 20px 20px 10px 20px;
 }

#sitecontainer_blog ul.points {
	list-style: circle;
    margin-left: 10px;
}

#sitecontainer_blog ul.ulreg li {
	margin-bottom: 20px
}

 #sitecontainer_blog ol {
   list-style: none;
   counter-reset: item;
	 padding-left:5px
 }
 #sitecontainer_blog ol li {
   counter-increment: item;
   margin-bottom: 5px;
 }
 #sitecontainer_blog ol li:before {
    margin-right: 10px;
    content: counter(item);
	 font-weight: 350;
    border-radius: 100%;
    color: #fff;
	 border:1px solid #939a9c;
	 background-color: #b8c4c7;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    display: inline-block;
 }

#sitecontainer_blog ol li p, ul li p {
margin:0 0 20px 0
}

.product_note {
	color: #000;
    text-align: left;
    margin-top: 40px;
    font-size: 18px;
    font-weight: 350;
    border-radius: 10px;
    box-sizing: border-box;}

/* test flex image with paragaph*/
.flex-container {
  display: flex;
  align-items: flex-start;
  gap: 15px; 
  margin: 40px  0;
}

.flex-image {
    flex-shrink: 0;
    max-width: 150px;
    height: auto;
    margin-right: 15px;
    border-radius: 6px 12px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    outline: 1px dashed #adadad;
    outline-offset: 8px;
}

.flex-text {
     flex-grow: 1;
    line-height: 1.6;
    background-color: #f7f6f7;
    padding: 20px;
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.flex-text-v2 h3{
	margin: 0 !important
}

.flex-text h2{
padding:0 !important;
margin:5px 0 0 0;
}

/*end test*/


#photolist_group {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:0 0 40px 0
}

#photolist_group .photolist_item {
	min-width: 150px;
	width:25%;
    margin-top:0;
	padding:10px;
	box-sizing: border-box
}

#photolist_group .photolist_item img{
border-radius:50%;
	width:100%;
	margin-top:20px
}

#photolist_group .photolist_item .shortinfo_box{
background-color:#ededed;
border-radius:10px;
padding:10px;
box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#photolist_group .photolist_item .shortinfo_box h6{
margin:0 0 4px 0;
	font-size: 15px;
	font-weight: 400;
}


#photolist_group .photolist_item .shortinfo_box p{
margin:0;
	padding-top: 4px;
	font-size:0.9em;
border-top:2px solid #e1e1e1
}

a.itemview {background-color: #fff !important}


.more_group {
	border-radius: 10px;
	background-color: #fff;
	padding:20px;
	margin:80px auto 0 auto;
	max-width:700px;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

.more_group h4{
font-weight:400
}

.more_group .article_list{
	display:flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-top: 15px
}

.more_group .article_list .pli{
	margin-right:10px;
	display:flex;
	flex-direction: row;
	margin-bottom: 10px;
	align-items: center
}
.more_group .article_list .pli:last-child{
	margin-bottom: 0
}

.more_group .article_list .pli img{ 
	width:80px;
	height:80px;
	border-radius:10px;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}

.more_group .article_list .pli div {margin-left: 16px}

.more_group .article_list .pli a{
	color:#000;
	text-decoration: none;
	border-bottom:1px dashed #aeaeae;
	margin-bottom: 3px;
}
.more_group .article_list .pli a:hover{
	border-bottom:1px dashed #000;
}

a#viewall_articles {
	display: block;
	width:180px;
	text-align: center;
	background-color:#fff;
	border-radius:10px;
	padding:10px;
	color:#000;
	font-size: 14px;
	font-weight:300;
	box-sizing: border-box;
	border:1px solid #222;
	text-decoration: none;
	margin:35px auto 0 auto
}
a#viewall_articles:hover {
	background-color:#F3F3F3;
}

.more_group .article_list .pli .mg_ai {
	margin: 8px 0 0 0 ;
	font-size:12px;
	color:#565656;
	font-weight: 100
}

/* product list */
.prods_wrapper{
width:95%;
margin: 0 auto;
box-sizing: border-box;
position:relative;
font-family: "Zilla Slab", serif;
}

.prods_wrapper .newp_itm{
padding:0 10px;
box-sizing: border-box;
}

.prods_wrapper .newp_itm .prod_item{
background-color: #fbfbfb;
margin: 20px 5px;
box-sizing: border-box;
border-radius:6px;
overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative
}

.prods_wrapper .newp_itm .prod_item::after {
  content: "";
  border-radius:6px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.prods_wrapper .newp_itm .prod_item:hover {
  -webkit-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
}
.prods_wrapper .newp_itm .prod_item:hover::after {
    opacity: 1;
}

.npglider-dot,.npglider-next,.npglider-prev{border:0;padding:0;user-select:none;outline:0}
.npglider-next,.npglider-prev{position:absolute;background:0 0;z-index:2;font-size:50px;text-decoration:none;left:-30px;top:40%;cursor:pointer;color:#bfbfbf;opacity:1;line-height:1;transition:opacity .5s cubic-bezier(.17,.67,.83,.67),color .5s cubic-bezier(.17,.67,.83,.67)}.npglider-next:focus,.npglider-next:hover,.npglider-prev:focus,.npglider-prev:hover{color:#ccc}.npglider-next{right:-30px;left:auto}.npglider-next.disabled,.npglider-prev.disabled{opacity:.15;color:#666;cursor:default}.npglider-hide{opacity:0}.npglider-dots.npglider-dots{user-select:none;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:0}

.npdots, .dsc-dots{margin-top: -20px !important}

#prods_dots {
margin-top: 20px
}

.prods_wrapper .newp_itm .prod_item img{
cursor: pointer;
width:100%
}

.prods_wrapper .newp_itm .prod_item .newp_data{
background-color:#ffffff;
text-align: center;
padding: 20px 0 10px 0
}
.prods_wrapper .newp_itm .prod_item .newp_data h6{
font-size: 15px;
font-weight:400;
font-family: 'Roboto Slab';
margin: 0 8px 15px 8px;
}
.prods_wrapper .newp_itm .prod_item .newp_data h6 a{
text-decoration: none;
color:#3e3e3e;
display: block;
min-height: 32px /*to counter the long vs short text. otherwise the boxes will not be of equal height. the title length dictates the height */
}
.prods_wrapper .newp_itm .prod_item .newp_data h6 a:hover{
text-decoration:underline
}

.prods_wrapper .newp_itm .prod_item .newp_price{
font-size: 18px;
font-weight: 300;
font-family: 'Roboto Slab';
color:#424242
}

hr {
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(136 135 135 / 15%), rgba(0, 0, 0, 0));
}

/* Shine */
/*.shine {
  height: 20px;
  width:70%;
  background-image: radial-gradient(
    farthest-side at 50% -50%,
    hsla(0, 0%, 0%, 0.5),
    hsla(0, 0%, 0%, 0));
  position: relative; 
}

.shine::before {
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 0%, 0),
    hsla(0, 0%, 0%, 0.75) 50%,
    hsla(0, 0%, 0%, 0));
}*/

a.blog_link {
	color:dodgerblue;
	text-decoration: none;
	border-bottom:1px dashed dodgerblue;
	margin-bottom: 3px
}

#share_wrap {margin-top:50px; text-align: center}
#share_wrap h6{color:#000;font-size:18px; font-weight: 100; margin:40px 0 0 0}

#share_group {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin-top: 15px
}

#share_group a {
	margin-right: 10px;
}
#share_group a:last-child {
	margin-righT:0
}

#share_group a:hover .share_icon{
	opacity:1
}

.share_icon {
	width:40px;
	height:40px;
	background-size: contain;
	opacity: 0.4
}

.x_share {
	background-image:url("../../images/share_icons/x_share.png");
}
.facebook_share {
	background-image:url("../../images/share_icons/facebook_share.png");
}
.pinterest_share {
	background-image:url("../../images/share_icons/pinterest_share.png");
}
.whatsapp_share {
	background-image:url("../../images/share_icons/whatsapp_share.png");
}
.email_share {
	background-image:url("../../images/share_icons/email_share.png");
}

.comment_success {
	display:none;
	background-color: #3681af;
	font-family: 'Roboto Slab', sans-serif;
	font-weight:200;
	box-sizing: border-box;
	padding: 10px 10px;
    margin-bottom: 20px;
	font-size: 15px;
	color:#fff;
    text-align:center;
    border-radius: 10px;
}

#comment_error, .editcomment_error {
	display:none;
	background-color: #9c5858;
	color:#fff;
	padding:10px;
	font-size:13px;
	border-radius:8px;
	margin-bottom: 10px;
	text-align: center;
	font-family: 'Roboto Slab', sans-serif;
	font-weight:200;
	box-sizing: border-box
}

#no_comments {
	text-align: center;
	margin: 50px 0
}

#no_comments .comment_button {
	border:2px solid #000;
	background-color:#fbfafa;
	padding:10px 15px;
	border-radius:40px;
	font-size: 18px;
	font-weight:400;
	margin:0 auto;
	font-family: 'Roboto Slab', sans-serif;
	display: flex;
  align-items: center;
	cursor:pointer
}
#no_comments .comment_button:before {
  content: '';
  background: url("../images/comment.png");
  background-size: cover;
  width: 20px;
  height: 20px;
	margin-right: 10px;
  display: inline-block
}

#comments_wrapper, #first_comment {
margin:50px 0
}

a#firstcomment_login {
	display:flex;
	margin:30px auto 0 auto;
	padding:20px;
	box-sizing: border-box;
	color:#000;
	justify-content: center;
	background-color: #eeeaed;
	border:1px solid #7d7d7d;
	align-items: center;
	text-decoration: none;
	max-width:350px;
	font-weight: 250;
	border:1px solid #d6d0d4;
	border-radius:30px
}
a#firstcomment_login:hover {background-color:#e5e1e4;}
a#firstcomment_login img{width:20px; margin-right: 10px}

#comments_header {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

#comments_header button {
	display: flex;
  align-items: center;
	padding: 8px;
    box-sizing: border-box;
	border:1px solid #c2c2c2;
    height: 30px;
	border-radius:14px;
	background-color:#fbfafa;
	font-family: 'Roboto Slab', sans-serif;
	cursor: pointer;
}
#comments_header button:hover {
	border:1px solid #000;
}
#comments_header button:before {
  content: '';
  background: url("../images/comment.png");
  background-size: cover;
  width: 10px;
  height: 10px;
	margin-right: 6px;
  display: inline-block
}

#comments_wrapper h6, #first_comment h6 {
	font-size: 18px;
	margin: 0 0 30px 0;
	font-weight:400
}

.comment_item {
	display:flex;
	flex-direction: row;
	width:100%;
	margin-bottom: 15px
}

.comment_uphoto img{
	width:60px;
	height:60px;
	border-radius:50%;
	border:3px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.comment_box{
	flex-grow: 1;
	padding:15px;
	box-sizing: border-box;
	margin-left: 15px;
	background-color: #fff;
	border-radius: 0 10px 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.cmnt_i {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative
}

.cmnt_i .edit_cmnt {
	width:24px;
	height:24px;
	border-radius: 25%;
	padding: 3px;
	box-sizing: border-box;
	position: absolute;
	top:-8px;
	right:-8px;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
}
.cmnt_i .edit_cmnt img{
	width:100%;
	opacity:0.35;
	padding-bottom: 4px
}

.cmnt_i .edit_cmnt:hover img {
	opacity:1
}

.comment_auth {
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 10px
}

.comment_auth time {
	font-weight: 100;
	color:#616161;
	margin-left: 10px
}

.comment_box p {
	margin:0;
	white-space: pre-line; /*display line breaks in comments*/
	line-height: 1.2
}

.edit_container {display: none;}
.edit_container .ec_btns{display:flex; flex-direction: row; justify-content: space-between; margin-top: 5px}

.edit_container button.complete_editcmnt,.edit_container button.cancel_edit {
	padding:5px 10px;
	box-sizing: border-box;
	border:none;
	border-radius:5px;
	cursor: pointer;
	font-family: 'Roboto Slab', sans-serif;
	font-size:14px
}
.edit_container button.complete_editcmnt {
	margin-right: 10px;
	background-color: #3f3f3f;
	color:#fff;
}
.edit_container button.cancel_edit {
	background-color: #E2E2E2;
	color:#000;
}

.edit_container button.complete_editcmnt:hover {
	background-color: #000;
}
.edit_container button.cancel_edit:hover {
	background-color: #D1D1D1;
}
a.delete_comment {
	text-decoration: none;
	border-bottom: 1px dashed #c6c6c6;
	padding-bottom: 3px;
	color:#8c8c8c;
	font-size:14px;
	margin: 5px 0 5px 0
}
a.delete_comment:hover {
color:#000
}

.deletec_wrapper {
	display: flex;
	flex-direction: row;
	align-items:center
}

.deletec_wrapper img{
width:16px; height:16px;
	margin-bottom: 5px;
	opacity:0.4
}

.comment_box textarea {
	width:100%;
	min-width: 100%;
	max-width: 100%;
	padding:10px;
	box-sizing: border-box;
	font-family: 'Roboto Slab', sans-serif;
	font-size:14px;
	font-weight:200;
	border:2px solid #e6e6e6;
	border-radius:10px;
	min-height:200px
}

.write_comment_dd {
	display:none;
}

#write_comment {
	margin-bottom: 50px;
	margin-top: -20px
}

#write_comment textarea{
	width:100%;
	min-width: 100%;
	max-width: 100%;
	padding:10px;
	font-family: 'Roboto Slab', sans-serif;
	font-size:14px;
	font-weight:200;
	min-height: 100px;
	border-radius:10px;
	border:none;
box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
	box-sizing: border-box
	
}

#wc_actions {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 10px;
	font-size:12px;
	color:#6c6c6c
}
#wc_actions a {color:#000 !important; border-bottom:1px dashed #6c6c6c;}

#wc_actions button {
	padding: 6px 10px;
    box-sizing: border-box;
	border:none;
	color:#fff;
	border-radius:6px;
	background-color:#5d5c5c;
	font-family: 'Roboto Slab', sans-serif;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
#wc_actions button:hover {
	background-color:#111;
}

/*#go_back {
	font-size: 26px;margin-top: 50px; text-align: center; display:flex; align-items: center; justify-content: center; margin-bottom:-60px
}
#go_back a {
	color:#000; text-decoration: none; padding-bottom: 4px; border-bottom:2px dashed #818181; margin-left: 10px
}
#go_back img {width:28px}*/

@media (max-width: 1024px) {
.prods_wrapper .newp_itm{
padding:0 0px;
}
}
@media (max-width: 1024px) {
.prods_wrapper .newp_itm .prod_item .newp_data h6{
font-size: 14px
}
}
@media (max-width: 850px) {
#article_wrap {
padding:0 20px;
}
}
@media (max-width: 700px) {
.prods_wrapper .newp_itm .prod_item .newp_data h6{
font-size: 13px
}
}
@media (max-width: 650px) {
.prods_wrapper{
width:95%;
}
	
.flex-text {
  line-height: 1.4;
}
.flex-image {
margin-right: 5px
}
	
.npglider-prev{left:-20px}
.npglider-next{right:-25px;left:auto}
.npglider-next img,.npglider-prev img{height:20px !important; width:20px !important}
	
#photolist_group .photolist_item {
	width:33%;
}

}

/* end product list */

@media (max-width: 500px) {
#sitecontainer_blog h1 {
font-size:26px;
}

#sitecontainer_blog h2 {
	font-size: 21px;
}
	
	#sitecontainer_blog h3 {
		font-size: 17px
	}
	
.header_wrapper p.time {
margin-top: 20px
}
	
#sitecontainer_blog {
padding:0 0 30px 0;
}

.flex-text-v2 {
	margin-top: 10px;
    margin-bottom: 20px;
}

.flex-container {
flex-direction: column-reverse;
margin:20px 0
}
.fcv2 {
flex-direction: column !important
}

.flex-image {
max-width: 100%;
margin-right: 0
}

.comment_box {
margin-left: 5px
}

#photolist_group .photolist_item {
width:50%;
}

.comment_uphoto img{
width:50px;
height:50px;
}
	
a#firstcomment_login {
	padding:15px 10px;
	font-size:14px;
	max-width:330px
}
	
a#firstcomment_login img {
width:16px
}

h2.olist:before {
  width: 1.4em;
  height: 1.4em;
  line-height: 1.4;
  margin-top:0px;
}
	
}

@media (max-width: 460px) {
	.edit_container .ec_btns {flex-direction: column}
	.deletec_wrapper {margin-top: 5px}
}

@media (max-width: 460px) {
	#wc_actions{
		align-items: flex-end;
		flex-direction: column
	}
	#wc_actions button{
		margin-top: 20px
	}
	#write_comment {
		margin-bottom: 30px
	}
	
	.comment_box p {font-size:14px}
}