@charset "utf-8";

/*--- Section Title
-----------------------------------------------*/


.section-title {
  font-size: 3em;
  font-weight: 500;
  line-height: 1;
  position: relative;
  margin-bottom: 75px;
  text-align:center;
  font-family: 'Noto Sans Malayalam', sans-serif;
}


/* -- Image Dimension
--------------------------------------------------------------*/
img.post-image {
  width: 100%;
  height: 328px;
  object-fit: cover;
}

/*----- Billboard
--------------------------------------------------------------*/
#billboard .main-slider {
  padding: 80px 0;
  background-color:#808040;
  width:100%;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

.main-slider .slider-item {
  display: flex;
  width: 100%;
  justify-content: center;
}

.main-slider .banner-content {
  width: 35%;
  margin-top: 60px;
  margin-right: 175px;
}

.banner-content h3.banner-title {
  font-size: 2em;
  font-weight: 500;
  color: #222;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

.banner-content p {
  margin: 0 0 30px 0;
}

.banner-image
{
	width:auto !important;
}

#billboard .slick-dots {
  left: 200px;
  bottom: 110px;
  width: 10%;
  text-align: inherit;
}

#billboard button.slick-arrow {
  background: transparent;
  border: 1px solid #E5E3DA;
  padding: initial;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  z-index: 5;
  cursor: pointer;
}

#billboard button.slick-arrow:hover {
  border: 1px solid #74642F;
  background-color: #E5E3DA;
}

#billboard button.prev.slick-arrow {
  left: 110px;
}

#billboard button.next.slick-arrow {
  right: 110px;
}

#billboard .slick-arrow i.icon {
  color: #8C8C8C;
}

@media screen and (max-width: 1366px) {
  #billboard button.prev.slick-arrow {
    left: 0;
  }

  #billboard button.next.slick-arrow {
    right: 0;
  }
}

@media screen and (max-width: 999px) {
  .banner-content h3.banner-title {
    font-size: 1.8em;
  }

  #billboard .main-slider {
    margin: 70px 0;    
  }

  .main-slider .slider-item {
    flex-wrap: wrap;
    text-align: center;
    flex-direction: column-reverse;
  }

  .main-slider .banner-content {
    width: 100% !important;
    margin-top: 60px;
    margin-right: 0;
    margin-bottom: 80px;
	padding: 30px;
  }

  #billboard .slick-dots {
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
}

/*----- Cient-holder Section
--------------------------------------------------------------*/
#client-holder {
  background: #EDEBE4;
  padding: 105px 0;
}

#client-holder .logo-wrap {
  max-width: 1000px;
  margin: auto;
}

/*----- Featured Books Section
--------------------------------------------------------------*/

#featured-books .product-list {
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 30px;
}

/*----- Best Selling Section Section
--------------------------------------------------------------*/
#best-selling {
  background: #EDEBE4;
  padding: 120px 0;
}

#best-selling .products-thumb {
  margin-right: 60px;
  box-shadow: 2px 6px 34px 4px rgba(63, 63, 63, 0.08);
}

#best-selling .product-entry {
  margin-top: 50px;
}

#best-selling .product-entry h3.item-title {
  font-size: 1.8em;
  font-weight: 100;
  margin-top: 15px;
}

#best-selling .product-entry .item-price {
  font-size: 1.5em;
  color: #74642F;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  #best-selling .products-thumb {
    margin: 0;
  }
  .banner-image
	{
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		display: block !important;
		/*object-fit: cover !important;  Optional: trims image to fit container nicely */
	}
}

/*----- Popular Books Section
--------------------------------------------------------------*/
.tab-content {
  position: relative;
}

[data-tab-content] {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}

.active[data-tab-content] {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 55px 0;
  justify-content: center;
  list-style: none;
}

.tabs .tab {
  font-weight: 600;
  color: #999;
  margin-right: 50px;
  cursor: pointer;
}

.tabs .tab.active,
.tabs .tab:hover {
  color: #111;
  border-bottom: 2px solid #9A884C;
}

img.books-image {
  /*height: 290px;*/
  margin-right: 10px;
  margin-bottom: 20px;
  object-fit: cover;
}

/*----- Special Offer Section
--------------------------------------------------------------*/
#special-offer .section-header {
  background: #EDEBE4;
  padding: 140px 0 220px;
  margin-bottom: -141px;
  z-index: -1;
}

#special-offer .section-title {
  width: 70%;
  margin: 0 auto;
}

span.prev-price {
  color: #999;
  font-size: 0.8em;
  padding-right: 10px;
  text-decoration: line-through;
}

/* Shop page */
.products-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-style {
  position: relative;
  overflow: hidden;
}

.slick-slider .product-style {
  margin: 0 15px 25px;
}

.product-style figcaption p {
  margin-bottom: 20px;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

.product-style img.product-item {
  position: relative;
  background: #EFEEE8;
  border: 1px solid #EAE8DF;
  padding: 15%;
  cursor: pointer;
  width: 100%;
}

.product-style button.add-to-cart {
  position: absolute;
  background: #000;
  color: #fff;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
  text-align: center;
  line-height: 3;
  bottom: 300px;
  bottom: -65px;
  left: 0;
  z-index: 9;
  transition: 0.3s ease-out;
}

.product-style:hover button.add-to-cart {
  bottom: 380px;
  bottom: 0;
}

.product-item figcaption {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

.product-item figcaption>h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: #74642F;
  margin: 0;
  font-family: 'Noto Sans Malayalam', sans-serif;
}
.product-item figcaption>p {
  margin: 0;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

.product-item .item-price {
  color: #74642F;
  font-size: 1.3em;
}

@media screen and (max-width: 768px) {
  .products-grid .product-item {
    width: 45%;
  }

  .product-style img.product-item {
    /*height: 550px;*/
    object-fit: contain;
    margin: 0 auto;
  }

  .products-grid.col-3 .product-style,
  .products-grid.col-4 .product-style,
  .products-grid.col-5 .product-style {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .products-grid .product-style {
    width: 100%;
  }
}

/*----- Special Offer Section
--------------------------------------------------------------*/
#special-offer .section-header {
  background: #EDEBE4;
  padding: 140px 0 220px;
  margin-bottom: -141px;
  z-index: -1;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

#special-offer .section-title {
  width: 70%;
  margin: 0 auto;
  font-family: 'Noto Sans Malayalam', sans-serif;
}

span.prev-price {
  color: #999;
  font-size: 0.8em;
  padding-right: 10px;
  text-decoration: line-through;
}