/*
Theme Name: PITW BookVandar
Author: Prime IT World
Description: WooCommerce Theme is built for only one-purpose, to help you build your eCommerce website that looks like one of the top eCommerce websites like snapdeal, aliexpress, etc.
Theme URI: https://www.primeitworld.com/bookvandar
Author URI: https://www.primeitworld.com/
Version: 2.1.0
Tags: custom-menu, custom-logo, custom-background, right-sidebar, featured-images, theme-options, threaded-comments, e-commerce, footer-widgets	
Text Domain: bookvandar
*/
:root {
	--col1: #cf2e2e;
	--col2: #ffb600;
	--col3: #050706;
	--col4: #00286F;
}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@300;400;500;600;700;800;900&family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap'); 
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');
@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
body {
	margin: 0;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	font-size: 15px;
	font-family: 'AdorshoLipi', Arial, sans-serif !important;
	background: #ececec85;
}
a {
	color: #212529;
	text-decoration: none;
	background-color: transparent;
}
a:hover{
	color: #007bff;
	text-decoration: none;
}
button:focus, a:focus{
	outline: none;
}
ul {padding:0; margin:0; }
li{	list-style: none;} 

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight:300;
color:#515769;
line-height:1.4;
margin:0 0 15px;
font-family: 'AdorshoLipi', Arial, sans-serif !important;
}
p {
font-weight:400
}
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
color:#1b7106
}
h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
color:#999caa;
text-decoration:none
}
h1>a:focus,
h2>a:focus,
h3>a:focus,
h4>a:focus,
h5>a:focus,
h6>a:focus {
text-decoration:none
}
h1 {
font-size:40px
}
h2 {
font-size:30px
}
h3,
h4 {
font-size:22px
}
html {
overflow-x:hidden
}
input.search-field:focus {
    box-shadow: none;
    outline: 0;
}
body,
html,
html a {
-webkit-font-smoothing:antialiased
}
img{
	width: 100%;
	height: auto;
}
@media (min-width:576px) {
	.container {
	 max-width:540px;
	}
}
 @media (min-width:768px) {
	.container {
	 max-width:720px
	}
}
@media (min-width:992px) {
	.container {
	 max-width:960px
	}
}
@media (min-width:1200px) {
	.container {
	 max-width:1200px
	}
}