/**
Theme Name: HBBA
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hbba
Template: astra
*/
/* sticky header */

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: inherit;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}


/* Remove focus outline for mouse interaction */
:focus:not(:focus-visible) {
    outline: none;
}

a:hover,
a:focus {
    color: inherit;
}

/* Optional: remove box-shadow if theme adds it */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

.pt-0>div {
    padding-top: 0 !important;
}

.pb-0>div {
    padding-bottom: 0 !important;
}

.full-image a {
    width: 100% !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

h2, 
.elementor-widget-heading h2.elementor-heading-title {
    text-transform: none !important;
}
.user-select-none h2{
  user-select: none;
}

/* Outer card still handles line-clamp + after button */
.list-card-content {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
  padding-bottom: 30px;
}

/* Inner wrapper for height animation */
.list-card-inner {
  overflow: hidden;
  transition: height 0.35s ease;
	padding-bottom: 20px !important;
}

/* Read More / Read Less button */
.list-card-content::after {
    content: "Read More";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    padding-top: 0;
    background: #fffbf4;
    background: linear-gradient(to bottom, rgb(255 251 244 / 84%), #fffbf4 70%);
    text-decoration: underline;
    color: #0082cc;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    display: none;
}

.list-card-content.readmore-enabled::after {
  display: block;
}

.list-card-content.expanded::after {
  content: "Read Less";
  background: none;
}

/*  ./more */

.search__icon .elementor-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}

.header__sec::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff26;
    border-bottom: 1px solid #ffffff2e;
}
.text-normal h2, .text-normal p{
	text-transform: none !important;
}
.fs-500 p, .fs-500 h2{
	font-weight:500 !important;
}
.fs-400 p, .fs-400 h2{
	font-weight: 400 !important
}
.list-card-content strong {
    font-weight: 600;
}
.common-text h1, .common-text h2, .common-text h3, .common-text h4, .common-text h5, .common-text h6 {
margin: 10px 0 15px;
}
.home-slider-header h2 {
    font-size: var(--e-global-typography-secondary-font-size) !important;
    font-weight: var(--e-global-typography-secondary-font-weight) !important;
    text-transform: var(--e-global-typography-secondary-text-transform) !important;
    line-height: var(--e-global-typography-secondary-line-height) !important;
}

.home-slider-para p {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-text-font-size) !important;
    font-weight: var(--e-global-typography-text-font-weight) !important;
    line-height: var(--e-global-typography-text-line-height) !important;
}
input[type=email]:focus, input[type=password]:focus, input[type=reset]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    background-color: transparent;
}

.custom__form input[type="text"], .custom__form input[type="email"], .custom__form input[type="tel"], .custom__form textarea  {
  padding-left: 30px !important;
  background-image: url('https://staging-env.makeitlive.info/HBBA/wp-content/uploads/2025/08/message.png');
  background-repeat: no-repeat;
  background-position: 8px center;
  background-size: 16px 16px; 
} 
.custom__form .elementor-field-group .elementor-field-textual:focus {
    box-shadow: none;
    outline: 0;
	border-bottom: 1px solid #000;
}
.custom__form textarea {
    background-position: 7px 14px;
}

.custom__form input[type="text"]{
	  background-image: url('https://staging-env.makeitlive.info/HBBA/wp-content/uploads/2025/08/Vector-2.png');
}
.custom__form input[type="email"]{
	  background-image: url('https://staging-env.makeitlive.info/HBBA/wp-content/uploads/2025/08/sms.png');
}
.custom__form input[type="tel"]{
	  background-image: url('https://staging-env.makeitlive.info/HBBA/wp-content/uploads/2025/08/call.png');
}
.media__icon a:hover {
    transform: none !important;
    font-size: 25px !important;
}
body #elementor-popup-modal-258 {
    background: transparent;
    top: 135px;
    width: 100%;
    display: flex;
    align-items: baseline;
		position: absolute;
}

body #elementor-popup-modal-258 .dialog-widget-content {
    width: 100%;
    max-width: 1440px;
    background-color: transparent;

}

body #elementor-popup-modal-258 .dialog-message {
    width: 100%;
}
#elementor-popup-modal-258 .dialog-close-button {
    max-width: 20px;
    position: absolute;
    height: 50px;
    top: 6px;
    right: 3px;
	    z-index: 10;
}
#form__btn:hover {
    background-color: #0082ccdb;
}

#form__btn span.elementor-button-icon {
    transition: all 0.3s;
}

#form__btn:hover span.elementor-button-icon {
    transform: rotate(-45deg);
}
.shop__card h2.elementor-heading-title.elementor-size-default a, .shop__card .para p {
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	min-height:80px;
}
.shop__card .para p {
	min-height:40px;
	 -webkit-line-clamp: 3; 
}

.shop__card h2.elementor-heading-title.elementor-size-default a:hover {
    font-weight: inherit;
}
ul.values-list {
    margin: 0;
    list-style: inside;
}
.card-listing nav.elementor-pagination > * {
  padding: 5px;
    width: 35px;
    line-height: 1 !important;
    border: 1px solid;
    color: #000;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.list-cad-img img{
    aspect-ratio: 1;
}
.list-cad-img a{
	width: 100%;
}
.elementor-kit-7 a:hover, .elementor-kit-7 a {
	font-weight: inherit;
    font-size: inherit;
	line-height: inherit;
}
.date-frame {
  border: 1px solid #ccc;
  text-align: center;
  width: 60px;
  padding: 8px;
	background: #fff;
}

.date-frame .month {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}

.date-frame .day {
  font-size: 22px;
  font-weight: bold;
  color: #000;
}
.list-card-content ul {
    font-weight: 400;
    margin: 0;
    list-style: disc;
    padding-left: 27px;
}

.sticky-header {
    position: fixed !important;
    width: 100% !important;
    transition: all 0.3s;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    display: flex !important;
    z-index: 9999 !important;
}

.sticky-header.active {
    background-color: var(--e-global-color-primary) !important;
}

.sticky-header.active>.e-con-inner {
    transition: all 0.3s;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.sticky-header.active .header-logo img, .privacy-policy .sticky-header .header-logo img {
    filter: brightness(0) invert(1);
}

.sticky-header.active .header-menu .menu-link {
    color: #fff !important;
}

.sticky-header.active .header-btn .elementor-button {
    color: var(--e-global-color-text) !important;
    background: var(--e-global-color-secondary) !important;
}

.sticky-header.active .elementor-menu-toggle .e-font-icon-svg {
    fill: #fff !important;
}

/* ./sticky header */
.archive-top-pagination > * {
    padding: 5px;
    width: 35px;
    line-height: 1 !important;
    border: 1px solid;
    color: #000;
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.archive-top-pagination {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    justify-content: end;
    gap: 15px;
}

.archive-top-pagination > *.current, .archive-top-pagination > *:hover {
    color: #ff9e19;
}
.list-card-inner p{
	cursor: text;
}
.menu__item-wrapper .elementor-nav-menu a {
    border-left: 0 !important;
}
.list-card-inner a {
    color: #ff9e19;
    text-decoration: underline;
}

/* custom tabs  */
/* hide all wrappers by default */
#socual-media-container #fb-wrapper,
#socual-media-container #insta-wrapper{
	min-height: 450px;
    display: none;
}

/* active wrapper will be visible */
#socual-media-container #fb-wrapper.active,
#socual-media-container #insta-wrapper.active{
    display: block;
}
#insta-button, #fb-button{
	cursor: pointer;
}
/* ./custom tabs  */
/* Media */

@media (max-width:1024px){
   .list-card-content ul {
	padding-left: 21px;
	}
	br{
		display: none;
	}
	.menu__item-wrapper nav ul li a, .mobile-category-slider h2 a {
    text-decoration: underline;
}
}
@media (max-width:678.85px){
	.list-card-content::after {
		font-size: 16px;
	}
	.list-card-content {
    padding-bottom: 13px !important;
}
.slider__img img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

	.shop__card h2.elementor-heading-title.elementor-size-default a{
		min-height:60px;
	}
	.shop__card .para p{
		min-height: 30px;
	}
	.footer-link ul.elementor-icon-list-items {
    display: grid !important;
    gap: 10px;
    grid-template-columns: auto auto;
}

}