/*
Theme Name: Bein Networks Limited
Theme URI:  https://adstercreativesolutions.co.ke/
Author:     Bethulow
Author URI: https://adstercreativesolutions.co.ke/
Template:   hello-elementor
Version:    1.0
License:    GNU General Public License v2 or later
*/



@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

p,body{
	font-family: "Open Sans", sans-serif !important;
	line-height:1.8 !important;
}

h1,h2,h3,h4,h5{
   font-family: "Montserrat", sans-serif !important;
}
#fproducts .blog-carousel .owl-item{
	display:block !important;
}
a{
   text-decoration:none !important;
}
.image-box-img-center img{
	height:250px !important;
	object-fit:cover !important;
}

.ekit-wid-con .ekit-wc-products .ekit-wc-product-image img
{
    height: 300px !important;
	border-radius:15px !important;
}

.ekit-wid-con .woocommerce ul.products .ekit-wc-product-image img
 {
    margin-bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 200px !important;
}

.woocommerce ul.products li.product a img {
    border-radius: 5px 5px 5px 15px !important;
}

.fom label{
	width:100% !important;
}
.fom textarea{
	height:100px !important;
}

.fom input[type=submit]{
	background:#492a83 !important;
	color:#fff !important;
    border-radius:5px 5px 5px 15px !important;
	border:none !important;
	padding:10px 45px !important;
}


/* Make anchor relative */
.cta-button .n2-ss-button-container a {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  background-color: #f26522 !important;
  color: #ffffff !important;
  padding: 14px 26px !important;
  font-size: 15px !important;
  font-weight: 400 !important;

  text-decoration: none !important;
  border-radius: 5px 5px 5px 15px !important;
  overflow: visible !important;
}

/* Left & right lines */
.cta-button .n2-ss-button-container a::before,
.cta-button .n2-ss-button-container a::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: 60px !important;
  height: 2px !important;
  background-color: #f26522 !important;
  transform: translateY(-50%) !important;
}

/* Left line */
.cta-button .n2-ss-button-container a::before {
  right: 100% !important;
  margin-right: 15px !important;
}

/* Right line */
.cta-button .n2-ss-button-container a::after {
  left: 100% !important;
  margin-left: 15px !important;
}

/* Hover */
/* .cta-button .n2-ss-button-container a:hover {
  background-color: #d9541c !important;
} */
.blog-carousel .owl-item{
	display:block !important;
}
.woocommerce ul.products li.product a img {
    border-radius: 5px 5px 5px 15px !important;
}

[type=button], [type=submit], button
 {
    background-color: #512a7c !important;
    border: 1px solid #512a7c !important;
    border-radius: 3px;
    color: #fff !important;
}
[type=button] i, [type=submit] i, button i
 {
    color: #fff !important;
}

/* Card Container */
.blog-card {
    background:transparent !important;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

/* Product Image */
.blog-image {
    height: 250px;
    background-size: cover;
    background-position: center;
    position: relative;
}

/* SALE Badge - Green */
.sale-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #28a745; /* Green */
    color: #fff;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

/* Content */
.blog-content {
    padding: 20px 15px 10px;
}

.blog-title {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
    min-height: 48px;
}

/* Price */
.product-price {
    font-size: 16px;
}

.product-price del {
    color: #999;
    margin-right: 6px;
}

.product-price ins {
    color: #4D2A7F; /* Theme Color */
    font-weight: 700;
    text-decoration: none;
}

/* Add to Cart Button */
/* .add-to-cart-btn {
    padding: 15px;
}
 */
/* .add-to-cart-btn .button {
    background: #4D2A7F;
    color: #fff !important;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    transition: 0.3s ease;
    border: none;
}

.add-to-cart-btn .button:hover {
    background: #3a1f60;
    transform: scale(1.05);
} */

/* Remove underline from product link */
.blog-card a {
    text-decoration: none;
}

/* Make Owl items stretch */
.blog-carousel .item {
    display: flex;
    height: 100%;
}

/* Make card full height */
.blog-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

/* Make image fixed height */
.blog-image {
    height: 250px;
    flex-shrink: 0;
}

/* Content area flexible */
.blog-content {
    padding: 20px 15px 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Keep title consistent height */
.blog-title {
    font-size: 18px;
    font-weight: 600;
    min-height: 50px; /* forces equal title spacing */
    margin-bottom: 10px;
}

/* Push button to bottom */
.add-to-cart-btn {
    margin-top: auto;
    padding: 15px;
}

/* Make buttons same width */
.add-to-cart-btn .button {
    width: 100%;
    text-align: center;
    background: #4D2A7F;
    color: #fff !important;
    border-radius: 8px;
    padding: 12px;
    font-weight: 600;
    border: none;
    transition: 0.3s ease;
}

.add-to-cart-btn .button:hover {
    background: #3a1f60;
}

/* woocommerce css overide */

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product
{
    text-align: center !important;
}
.woocommerce ul.products li.product .button {
    color: #FFFFFF !important;
    background-color: #4D2A7F !important;
    border-color: #4D2A7F !important;
    border-radius: 5px 5px 5px 5px !important;
}
.woocommerce ul.products li.product a img {
    border-radius: 5px 5px 5px 15px !important;
	background:#fff !important;
	border:1px solid #eee !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #000000 !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price
 {
    color: #4D2A7F !important;
}

.price b{
	margin-left:5px !important;
}