/*
Theme Name: Storefront Child
Theme URI: https://www.dollprits.com/
Description: A child theme for the Storefront WooCommerce theme
Author: Dipankar Banerjee
Author URI: https://dbanerjee.com/
Template: storefront
Version: 1.0.0
*/

/* Import parent theme styles */
@import url("../storefront/style.css");
/* ------------ RESET ------------ */
*{
	outline:none;
}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
html{
	overflow-y:visible;
}
img, fieldset {
	border: 0;
}

::selection { background:#b0526a; color:#fff; /* Safari and Opera */ }
::-moz-selection { background:#b0526a; color:#fff; /* Firefox */ }

/* ------------ CLEARFIX ------------ */
.clearfix:after, header:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix{ display: inline-block; }
.clearfix{ display: block; zoom: 1; }

/* ------------ Global STYLING ------------ */
body {
	margin:0px;
	padding:0px;
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family: "Montserrat", sans-serif;
	color:#333;
	font-weight: 500;
}
a, a:visited{
	text-decoration:none;
	color:#333;
	font-family: "Montserrat", sans-serif;
}
a:hover, a:active{
	color:#b0526a;
}
hr{
	border:0px;
	border-bottom:1px solid #ccc;
	padding:0px;
	margin:10px 0px;
}
p{
	padding:0px 0px 20px 0px;
	line-height: 25px;
}
h1{
	font-size: 210%;
	font-weight: 400;
	margin: 0;
}
h2, ul+h2, p+h2{
	font-size: 187%;
	font-weight: 400;
	margin: 20px 0px;
}
.clr{
}
img, fieldset {
	border: 0;
}
img{
	max-width: 100%;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/* ------------ Menu ------------ */
#access {
	display: table;
	margin: 0 0 0 auto;
	width: auto;
	font-weight:700;
}
#access .menu-header, div.menu {
	font-size: 1.4em;
}
#access .menu-header ul, div.menu ul, #access ul {
	list-style: none;
	margin: 0;
	padding:0em;
}
#access .menu-header li, div.menu li, #access li {
	float: left;
	position: relative;
}
#access a {
	color: #fff;
	display: block;
	padding:8px 20px;
	text-decoration: none;
	font-weight:500;
}
#access ul ul {
	display: none;
	position: absolute;
	float: left;
	width: 200px;
	z-index: 99999;
}
#access ul ul li {
	/*min-width: 180px;*/
	/*width: 18em;*/
	float:none;
	border-bottom:1px solid #4d6bb3;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	/*background-color:#223971;*/
	line-height: 1.6em;
	padding: 5px;
	width: 210px;
	height: auto;
}
#access li:hover > a{
	/*background-color:#223971;*/
	color: #ccc;
}
#access ul ul :hover > a {
	/*background: #142650;*/
	color: #ccc;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #ccc;
	/*background-color:#142650;*/
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #ccc;
	/*background-color:#142650;*/
}

#access .menu,
#access div.menu ul{
/*font-family: Arial, Tahoma, sans-serif;*/
}

#access {
	/*float:left;*/
}

#access .menu-header,
div.menu {
    margin-right: 12px;
    margin-left: 0;
}

#access .menu-header li,
div.menu li{
	float:left;
}

#access ul ul {
	/*left:auto;
	right:0;
	float:right;*/
}
#access ul ul ul {
	left:auto;
	right:100%;
}
/* ------------------ Form Elements ------------------------------ */
input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type=password], textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	border:1px solid #a8a8a8;
	padding:8px;
	background-color:#f9f4f6;
	width:95%;
	outline:none;
	font-size:100%;
	margin:0px 0px 10px 0px;
}
textarea {
	font-family: "Montserrat", sans-serif;
	height:80px;
	resize:none;
}
input[type=submit], input[type=reset] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;  
	background-color:#b0526a;
	border:0px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-khtml-border-radius:3px;
	padding:10px 20px;
	color:#FFF;
	margin:0px 10px 0px 0px;
	cursor:pointer;
	font-size:100%;
	letter-spacing:1px;
}
input[type=submit]:hover, input[type=reset]:hover {
	background-color:#6c1e32;
}

input[type=text]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, input[type=email]:focus, textarea:focus {
	box-shadow:0 0 5px rgba(172, 172, 172, 1);
}

input[type=text].midsize{
	width:43%;
	margin:0px 23px 2px 0px;
	-webkit-margin:0px 2px 2px 0px;
}
form.wpcf7-form{
	display:table;
/*	width:90%!important;
	margin:auto!important;*/
}
form img{
	width: inherit!important;
	max-width:100%!important;
}
.smalltext{
	font-size:80%;
}
footer .grid3 .wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 0em!important;
	padding: 10px 0px;
}
.wpcf7-not-valid-tip {
    display: inline-block!important;
}
/* ------------------ Form Elements ------------------------------ */
/* ---------------- Grids ---------------- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
	margin: 0 1% 0 0;
	text-align: left;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	float: left;
}
.grid1 { width: 7.4%; }
.grid2 { width: 15.8%; }
.grid3 { width: 24.2%; }
.grid4 { width: 32.6%; }
.grid5 { width: 41%; }
.grid6 { width: 49.4%; }
.grid7 { width: 57.8%; }
.grid8 { width: 66.2%; }
.grid9 { width: 74.6%; }
.grid10 { width: 83%; }
.grid11 { width: 91.4%; }
.grid12 { width: 100%; }
.lastGrid{margin-right:0%;}
/* ---------------- Grids ---------------- */
#access *, form *, footer *, li.product a, .neutralBlock a{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}
.alignleft {
	float:left;
	margin:0px 10px 10px 0px;
}
.alignright {
	float:right;
	margin:0px 0px 10px 10px;
}
.aligncenter {
	float:none;
	display:block;
	margin:0px auto 10px auto;
}
.textwidget{
	display:inline-block;
}
/* --------------------------------------------- */
.fullWidthWrapper{
	width:100%;
	display:table;
}
.wrapper{
	max-width: 1400px;
	width:96%;
	margin: 0 auto;
	padding:10px 0px;
}
.displaytable{
	display:table;
}
.tealbg{
	background-color:#b0526a;
}
/* ------- HEADER STYLES ------- */
.headerRowOne{
	display:table;
	margin: 0px 0px 0px auto;
}
.headerRowOne ul{
	display:block;
}
.headerRowOne li{
	list-style:none;
	float:left;
	display:inline-block;
	padding:10px 0px 10px 0px;
}
.headerRowOne li:nth-child(1){
	margin-right:20px;
}
.headerRowOne li a, .headerRowOne li a:visited{
	color:#fff;
	font-weight:500;
	font-size:100%;
}
.headerRowOne a:hover{
	color:#dbeff7
}
.headerRowOne li i{
	font-size:130%;
}
.cart-count{
	background-color: #6c1e32;
    display: inline-block;
    min-width: 30px;
    min-height: 20px;
	text-align:center;
    border-radius: 50%;
    font-size: 80%;
    font-weight: 600;
    padding: 5px;
	position: relative;
    top: -14px;
	left: -7px;
}

/* ------------- Featured Product ----------------- */

ul.random-products{
	width:100%;
	display:block;
	text-align: center;
}
li.product{
	list-style:none;
	width:100%;
	max-width:341px;
	margin:10px;
	display:inline-block;
	vertical-align:top;
	text-align: left;
}
li.product a h2{
	font-weight: 600;
	font-size: 120%;
	padding: 10px 0px;
}
li.product .added_to_cart{
	display:none;
	visibility:hidden;
}

li.product .price{
	font-size: 100%;
}
li.product .price a{
	font-weight: 600;
}
li.product .add_to_cart_button{
    position: relative;
    float: right;
    padding: 5px 10px;
    font-size: 80%;
}
li.product a.add_to_cart_button, li.product a:visited.add_to_cart_button{
	background-color:#b0526a;
}
li.product a:hover.add_to_cart_button{
	background-color:#6c1e32;
}
/* ------------- ----------------- */
.home-banner{
	margin-bottom:25px;
}
.aboutRow {
	color: #333;
	padding: 100px 0px;
}
/* ---------- FAQ ------------- */

.faqrow{
	padding: 100px 0px;
	background: -moz-linear-gradient(left, rgba(240,240,240,0) 20%, rgba(240,240,240,0.5) 20%, rgba(240,240,240,1) 20%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(240,240,240,0) 20%, rgba(240,240,240,0.5) 20%, rgba(240,240,240,1) 20%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(240,240,240,0) 20%, rgba(240,240,240,0.5) 20%, rgba(240,240,240,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f011', endColorstr='#f0f0f01', GradientType=1 ); /* IE6-9 */
}
.faqrow p{
	text-align:center;
	/*margin-bottom:20px;*/
}
.accordion {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  width: 96%;
  /*border-radius: 8px;*/
  overflow: hidden;
 /* border: 1px solid #ccc;*/
}
.accordion li {
  /*border-bottom: 1px solid #ddd;*/
  position: relative;
}
.accordion input[type="radio"] {
  display: none;
}
.accordion label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0px;
  /*background: #007BFF;
  color: white;*/
  color:#333;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}
.accordion label:hover {
  /*background-color: #0056b3;*/
  color:#6c1e32;
}
.accordion input[type="radio"]:checked + label {
  /*background-color: #004494;*/
  color:#6c1e32;
}
.accordion label::after {
  content: '+';
  font-size: 18px;
  transition: transform 0.3s ease;
}
.accordion input[type="radio"]:checked + label::after {
  content: '−';
}

.faqcontent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  /*background: #fff;*/
  padding: 0 15px;
}

input[type="radio"]:checked + label + .faqcontent {
  max-height: 400px;
  padding: 0px 0px 8px 6px;
}

.faqcontent p {
  margin: 0;
  text-align:left;
  line-height:24px;
  font-size:100%;
}

/*-------------- Home Blog ---------------*/
.home-blog-post{
	padding:50px 0px;
}
.title-container {
    display: table;
    text-align: center;
    position: relative;
    margin: auto;
	padding-bottom:20px;
}
.title-container h2 {
  font-size: 187%;
  font-weight: 400;
  margin: 0;
}
.underline {
  height: 4px;
  background-color: #6c1e32; /* Adjust this color as needed */
  width: 80%;
  margin: 4px auto 0 auto;
}
.blogPost{
	padding:50px 0px 0px 0px;
	display:table;
	width:100%;
}
.recent-posts{
	/*display: flex;
	gap: 20px;*/ /* space between posts */
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 -10px;
}
.single-post{
	background-color:#f0f0f0;
	padding:10px;
	/*width: 31.5%;
	float:left;*/
	/*margin:0px 10px;*/
	
	flex: 1 1 calc(33.333% - 20px); /* equal width */
	display: flex;
	flex-direction: column;
	justify-content: normal;
	box-sizing: border-box;
}
.single-post img{
	display:block;
	clear:both;
	margin-bottom:10px;
}
.single-post h3, .single-post h3 a{
	font-size:100%;
	line-height:24px;
	font-weight:600;
}

.blogcontainer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;  /* space between */
}

/* 2. Items: half-width on desktop */
.bloglist{
	background-color: #f9f4f6;
	margin:10px;
	flex: 0 0 50%;         /* don't grow/shrink, base width = 50% */
	box-sizing: border-box;
	padding: 20px 20px 50px 20px;         /* optional spacing */
	position:relative;
  
}
.bloglist img{
	width:100%;
}
.bloglist h2, .bloglist h2 a{
	font-size: 120%;
	font-weight: 600;
}
.bloglist span{
	position:absolute;
	bottom:20px;
	left:20px;
}
/*,bloglist span a, ,bloglist span a:visited{
}
,bloglist span a:hover{
}*/
.linkPage .grid8{
}
.linkPage .grid8 img{
	margin-bottom:20px;
}
.linkPage .grid8 p{
	text-align:justify;
}
.linkPage .grid8 ul, .linkPage .grid8 ol{
	padding-bottom:10px;
}
.linkPage .grid8 li{
	padding-bottom:10px;
}
/* --------- Footer --------------- */
footer{
	clear:both;
}
.FooterOne, .FooterTwo, .FooterThree{
	border-top:1px solid #b8b8b8;
	padding:30px 0px 30px 0px;
	display:table;
	width:100%;
}
.FooterThree{
	padding:29px 0px 0px 0px;
}
.FooterOne .grid4{
	text-align:center;
}
.FooterOne .grid4 img{
	display:inline;
}
.FooterOne h4{
	font-size:100%;
	font-weight:400;
}
.FooterOne h4 strong{
	display:block;
	font-weight:600;
}
.FooterTwo h4{
	font-size:100%;
	font-weight:600;
}
.FooterTwo .grid3:nth-child(1){
	text-align:center;
}
.FooterTwo .grid3 img{
	display:inline;
}
.FooterTwo .grid2 ul{
}
.FooterTwo .grid2 li{
	font-weight:500;
	list-style:none;
	padding:5px 0px;
}
.FooterTwo .grid2 li a, .FooterTwo .grid2 li a:visited{
	color:#333;
}
.FooterTwo .grid2 li a:hover{
	color:#b0526a;
}
.FooterTwo form{
}
.FooterThree .grid6{
}
.FooterThree .grid6 ul{
	display:table;
	width:auto;
	margin:0px 0px 0px auto;
}
.FooterThree .grid6 li{
	font-weight:500;
	list-style:none;
	padding:0px 5px;
	display:inline-block;
	font-size:200%;
}
.FooterThree .grid6 li a, .FooterThree .grid6 li a:visited{
	color:#333;
}
.FooterThree .grid6 li a:hover{
	color:#b0526a
}

.desktop {
	display: block!important;
	visibility: visible;
}
.mobile {
	display: none;
	visibility: hidden;
}

.aboutUsPage, .singleColumn {
	color: #333;
	padding: 50px 0px;
}
.lightbg{
	background-color:#f0f0f0;
}
.singleColumn ul{
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	list-style-position: inside;
}

/* ----- Pagination--------- */
.paginationblock {
	margin: 50px 5px 50px 0px;
	padding: 10px 0px;
	clear:both;
	font-size: 95%;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none!important;
	border: 0px solid #b0526a!important;
	background-color: #b0526a!important;
	color: #fff!important;
	padding: 10px 17px !important;
	margin: 0px 1px 0px 0px!important;
	font-size: 110%;
	font-weight:600;
	float: none;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color:transparent!important;
	color: #fff!important;
	transition: background-color 1s ease;
	background-color: #6c1e32!important;
}
.wp-pagenavi span.current {
	font-weight: normal!important;
	color: #fff!important;
	background-color: #6c1e32!important;
	border-color:transparent!important;
}
/* ----- Pagination--------- */

.blueBlock{
	background-color:#6c1e32;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	margin:0px 0px 0px 0px;
	clear: both;
}
.blueBlock h4{
	color:#fff;
	padding:20px;
	font-size: 180%;
	font-weight:500;
}
.blueBlock ul{
	display:table;
	padding:0px 20px 20px 20px;
	width: 100%;
}
.blueBlock li{
	list-style:none;
	/*margin-bottom:10px;*/
	font-size:95%;
	display:table;
	width:100%;
	border-bottom: 1px solid #b0526a;
    /*padding-bottom: 10px;*/
}
.blueBlock li:last-child{
	margin-bottom:0px;
	border-bottom: 0px solid #6364aa;
	display:block;
}
.blueBlock a, .blueBlock a:visited{
	color:#fff;
	padding: 10px 10px;
    display: table;
	width:100%;
	font-weight:600;
}
.blueBlock a:hover{
	background-color:#b0526a;
	color:#fff;
}
.blueBlock a.current{
	background-color:#b0526a;
	color:#fff;
}
.blueBlock img{
	float:left;
	margin:0px 10px 0px 0px;
}
.blueBlock p{
	text-align: left;
	font-size: 90%;
	margin: -6px 0px 0px 0px;
	padding:0px!important;
	line-height:22px;
}

.grid4 .widget-area {
	width: 90%;
	float: right;
	margin: 20px;
}
.neutralBlock{
	background-color:#f9f4f6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	margin:0px 0px 20px 0px;
	clear: both;
}
.neutralBlock h4{
	color:#333;
	padding:20px;
	font-size: 180%;
	font-weight:500;
}
.wc-recent-products-sidebar li{
	list-style:none;
	display:table;
	width: 90%;
    margin: 0px auto 20px auto;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 20px 0px;
}
.neutralBlock .wc-thumb{
	width: 25%;
	float: left;
}
.neutralBlock .widget-area {
    width: 100%;
    float: none;
    margin: 0px;
}

.wc-thumb img{
}
.wc-details{
}
.neutralBlock a.button, .neutralBlock a:visited.button, .neutralBlock a.added_to_cart, neutralBlock a:visited.added_to_cart{
	background-color: #b0526a;
	padding: 5px 10px;
    font-size: 80%;
	color:#fff;
}
.neutralBlock a:hover.button, .neutralBlock a:hover.added_to_cart{
	background-color: #6c1e32;
	color:#fff;
}
.neutralBlock a.added_to_cart{
	margin-left:10px;
}

.content-area {
	width: 100%;
	float: none;
}
.widget-area {
	width: 100%;
	float: none;
}

@media only screen and (max-width: 768px) {
	.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12{
		float:none;
		width:94%;
		margin:auto;
	}
    .single-post {
        flex: 1 1 100%; /* Stack vertically on tablets/mobiles */
    }
	.neutralBlock .wc-thumb {
		width: 90px;
	}
	.blueBlock{
		display:none;
		visibility:hidden;
	}
}
@media only screen and (max-width: 750px) {
	.headerRowOne {
		 margin: 10px 0px 0px 0px;
	}
	.headerRow .headerRowOne{
	}
	.aboutRow {
		padding: 50px 0px;
	}
	.aboutRow img{
		margin-top:20px;
	}
	.faqrow{
		padding: 50px 0px;
		background-color:#f0f0f0;
	}
	.faqrow img{
		margin-bottom:20px;
	}
	
	input[type=submit], input[type=reset] {
		margin: auto;
		display: block;
	}

.desktop {
	display: none!important;
	visibility: hidden;
}
.mobile {
	display: block;
	visibility: visible;
}
/* **************************** Mobile menu  **************************** */
nav div {
	padding: 0px;
	cursor: pointer;
	/*font-size: 24px;*/
	display: block;
	/*float: right;*/
	margin: 0px;
}
#menu > li > a:after { 
/* content: " 🢖";*/
 content:url(images/mobile-arrow-right.png);
}
#menu > li > a:hover:after { 
 /*content: " 🢗";*/
 content:url(images/mobile-arrow-down.png);
}
#menu > li > a:only-child:after {content: ''; }
/*#menu > li > a:after {content: 'v'; }*/
ul#menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: none;
	position:absolute;
	width: 91%;
	z-index: 10;
}
ul#menu li {
  display: block;
}
ul#menu li a, ul#menu li a:visited {
	display:block;
	padding: 15px 17px;
	color: #fff;
	background-color: #6c1e32;
	text-decoration: none;
	font-size:100%;
	font-weight:600;
	border-bottom:1px solid #fff;
}
ul#menu li a:hover {
  background-color:#b0526a;
}
ul#menu ul {
  position: static;
  min-width: auto;
  display: none;
}
ul#menu ul li {
  display: block;
  border-bottom: 1px solid #fff;
}
ul#menu li li a, ul#menu li li a:visited {
  background-color: #6c1e32;
  color:#fff;
}
ul#menu li li a:hover {
  background-color: #6c1e32;
}
ul#menu li:hover ul {
  display: block;
}

/* **************************** Mobile menu  ends **************************** */
.FooterTwo .grid2,.FooterTwo .grid3 {
	text-align:center;
}
.FooterTwo .grid2 h4, .FooterTwo .grid3 h4{
	margin-top:20px;
}
.FooterThree .grid6{
	text-align:center;
}
.FooterThree .grid6 ul {
    margin: auto;
}
.blogcontainer {
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;  /* space between */
}
}