/*
 * HGP Peptides Theme - Default Style
 * ZBlogPHP standard style entry point
 * This file is loaded via {$style} variable: style/default.css
 * Version: 1.2
 */

/* === Google Fonts (Local) === */
@import url("../css2.css");

/* === Vendor Libraries === */
@import url("../assets/css/bootstrap.min.css");
@import url("../assets/css/animate.min.css");
@import url("../assets/css/fontawesome.all.min.css");
@import url("../ajax/libs/bootstrap-icons/1.8.2/font/bootstrap-icons.css");
@import url("../assets/css/owl.carousel.min.css");
@import url("../assets/css/owl.theme.default.min.css");
@import url("../assets/css/navber.css");
@import url("../assets/css/meanmenu.css");

/* === Theme Main Style === */
@import url("../assets/css/style.css");

/* === Responsive === */
@import url("../assets/css/responsive.css");

/* ==========================================
   HGP Theme Overrides
   ========================================== */

/* Product detail description bullets */
.post-body ul { list-style: none; padding: 0; }
.post-body ul li { padding: 8px 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; }
.post-body ul li:before { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 6px; margin-right: 10px; vertical-align: middle; color: #ff6600; }
.post-body ul li:last-child { border-bottom: none; }

/* Product card hover effect */
.theme_common_box_two.img_hover { transition: all 0.3s ease; }
.theme_common_box_two.img_hover:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.12); }

/* PageBar styling */
.pagebar .page-link { color: #333; }
.pagebar .page-item.active .page-link { background-color: #ff6600; border-color: #ff6600; color: #fff; }

/* Breadcrumb */
.breadcrumb-item a { color: #0273C6; text-decoration: none; }
.breadcrumb-item a:hover { text-decoration: underline; }

/* Banner sections for inner pages */
#products_banner, #contact_banner {
    background: url('../assets/img/banner/bg.jpg') center center / cover no-repeat;
    position: relative;
}
#products_banner::before, #contact_banner::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
}
#products_banner .container, #contact_banner .container {
    position: relative;
    z-index: 1;
}