/*!
Theme Name: peproots
Theme URI: http://peproots.com/
Author: peproots
Author URI: http://peproots.com/
Description: Peproots Wordpress Theme emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: peproots
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/
header nav.navbar {
	border-bottom: 2px solid #dadada;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
	display: none;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong {
	font-weight: 600;
}

a.navbar-brand.p-0 {
	max-width: 225px;
	padding: 10px 0 !important;
}

.breadcrumb {
	--mo-breadcrumb-divider-color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: var(--mo-breadcrumb-divider, ">");
}

button.btn.btn-outline-dark.me-2.variation-button.btn-dark {
	color: #fff;
}

.main-inner {
	padding-top: 0px;
}

.breadcrumb-head .breadcrumb {
	color: #fff;
	margin: 0;
}

.breadcrumb-head .breadcrumb li a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}

.breadcrumb-head .breadcrumb li {
	color: #fff;
	font-weight: 600;
}

.accordion-button:not(.collapsed) {
	color: #fff;
	background-color: #009b4d;
	box-shadow: inset 0 calc(-1 * var(--mo-accordion-border-width)) 0 #f4f4f4;
}

.accordion-button:focus {
	z-index: 3;
	outline: 0;
	box-shadow: none;
}

.single-product .main-image {
	width: 100%;
}

/* Keep swiper thumbs responsive while maintaining aspect ratio */
.single-product .swiper-container.swiper-thumbs {
	height: 400px;
}

@media (max-width: 768px) {
	.single-product .swiper-container.swiper-thumbs {
		height: 250px;
	}
}

@media (max-width: 480px) {
	.single-product .swiper-container.swiper-thumbs {
		height: 180px;
	}
}

.single-product .thumbnail-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-product-content h2 {
	font-size: 36px;
	font-weight: 600;
}

.single-product-content h6 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
}

.single-product-content p {
	font-size: 18px !important;
}

ul.ratting {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 3px;
}

ul.ratting li {
	color: #b1b1b1;
}

ul.ratting li.active {
	color: #f2a01b;
}

.product-price h4 {
	margin: 0;
	font-size: 28px;
	font-weight: 600;
}

.product-price h5 {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
	color: #b9b5b5;
	text-decoration: line-through;
}

.single-product .product-price h5 {
	text-decoration: none;
}

.quantity-box {
	width: 130px;
}

.addtocart {
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 18px;
	line-height: 16px;
}

.addtocart:hover {
	color: #fff;
}

.buynow-btn {
	padding: 14px;
	display: flex;
	align-items: center;
	gap: 5px;
	color: #fff;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 18px;
	line-height: 16px;
}

.buynow-btn:hover {
	color: #fff;
}

.category-box {
	width: 140px;
	text-align: center;
}

.category-box h6 {
	font-weight: 400;
	text-align: center;
	padding-top: 15px;
}

.category-row {
	padding-left: 65px;
	padding-right: 65px;
}

.category-row .swiper-slide {
	width: auto;
}

.swiper-button-next.category-next {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid #d9d9d9;
	background-color: #fff;
}

.swiper-button-prev.category-prev {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 2px solid #d9d9d9;
	background-color: #fff;
}

.swiper-button-next.category-next::after {
	font-size: 18px;
	color: #b9b5b5;
}

.swiper-button-prev.category-prev::after {
	font-size: 18px;
	color: #b9b5b5;
}

.shortDescription ul, .single-product-category ul {
	list-style: none;
	padding-left: 0;
	margin-top: 10px;
}

.shortDescription ul li, .single-product-category ul li {
	padding-bottom: 10px;
}

.single-product-tabs .btn {
	font-size: 24px;
	font-weight: 600;
	padding: 5px 25px;
	border-radius: 10px;
}

.single-product-tabs .btn.active {
	background: #f9f5e9;
	box-shadow: none;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 0;
}

.single-product-tabs .tab-content {
	border-color: #b9b5b5 !important;
	border-radius: 10px;
	border-top-left-radius: 0;
}

.single-product-tabs li.nav-item {
	padding-bottom: 0;
}

.ingredients-box {
	padding: 18px;
	border-right: 1px solid #868686;
}

.ingredients-box.no-border {
	border-right: none;
}

.ingredients-box h5 {
	min-height: 48px;
}

.worlds-favorite {
	background: url("https://cdn-ilefgap.nitrocdn.com/DXyJbmutKdaMYXziqHyOzVtgjbjiFvsB/assets/images/optimized/rev-031a37a/peproots.com/wp-content/themes/peproots/images/useit-bg.jpg") no-repeat top center;
	background-size: cover;
	position: relative;
	min-height: 500px;
}

.worlds-favorite.nitro-lazy {
	background: none !important;
}

.worlds-favorite-img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}

.worlds-favorite-img img {
	height: 100%;
}

.worlds-favorite .accordion {
	--mo-accordion-color: #fff;
	--mo-accordion-bg: transparent;
	--mo-accordion-btn-color: #fff;
	--mo-accordion-btn-bg: transparent;
	--mo-accordion-active-color: #fff;
	--mo-accordion-active-bg: transparent;
	--mo-accordion-btn-padding-x: 0;
	--mo-accordion-border-width: 0;
	--mo-accordion-btn-focus-box-shadow: 0;
	--mo-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'none\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3e%3cpath d=\'M2 5L8 11L14 5\'/%3e%3c/svg%3e");
	--mo-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'none\' stroke=\'%23ffffff\' stroke-linecap=\'round\' stroke-linejoin=\'round\'%3e%3cpath d=\'M2 5L8 11L14 5\'/%3e%3c/svg%3e");
}

.worlds-favorite .accordion-body {
	background: #faf5e9;
	border-radius: 10px;
	color: #000;
}

.worlds-favorite .accordion-button {
	font-size: 24px;
	padding: 15px 30px;
	margin-bottom: 10px;
}

.worlds-favorite h3 {
	font-size: 40px;
	font-weight: 600;
}

.cartview-box-list-footer {
	box-shadow: 0 -4px 6px rgba(0, 0, 0, .1);
}

.woocommerce-checkout button.wc-block-components-checkout-place-order-button {
	background: #f69c0c;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #f69c0c;
	box-shadow: none;
	color: #fff;
}

.woocommerce .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
	color: #f69c0c;
}

article.blog-post h2 {
	font-size: 24px;
}

article.blog-post h3 {
	font-size: 18px;
}

article.blog-post h4 {
	font-size: 16px;
}

article.blog-post a {
	color: #000;
}

article.blog-post a:hover {
	text-decoration: none;
}

section.blogs .blog-con h5 {
	font-size: 1.2rem;
}

.howuseit .card-body span img {
	width: 50px;
	height: 50px;
}

.rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
}

.rating input {
	display: none;
}

.rating label {
	font-size: 1.5rem;
	color: #ccc;
	cursor: pointer;
	transition: color .3s;
}

.rating input:checked ~ label {
	color: #ffc107;
}

.ratingcount {
	font-size: 16px;
	color: #fff !important;
}

.subsciberform {
	text-align: center;
	background: transparent;
	border-radius: 10px;
	margin: 50px 15px 0;
	padding: 20px;
}

form#subscribe-form {
	max-width: 600px;
	margin: 0 auto;
}

form#subscribe-form button.form__button {
	color: #fff;
	font-weight: 600;
}

.subsciberform h2.subscribe__title {
	font-size: 3rem;
	font-weight: 600;
}

#subscribe-form input.form__email.form-control {
	width: 75%;
}

@media (max-width: 575.98px) {
	#subscribe-form input.form__email.form-control {
		width: 100%;
	}
	
	.subsciberform h2.subscribe__title {
		font-size: 2rem;
		font-weight: 600;
	}
}

.woocommerce-MyAccount-navigation a {
	color: #000;
}

.woocommerce-checkout del.wc-block-components-product-price__regular.wc-block-components-order-summary-item__regular-individual-price {
	display: none;
}

.blog-post img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

aside.sidebar a {
	color: #000;
	text-decoration: none;
}

.sidebar .list-group-item {
	display: flex;
	align-items: normal;
	gap: 10px;
	padding: 20px;
}

.sidebar .list-group-item img {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 5px;
}

.sidebar .list-group-item .post-excerpt mb-0 {
	font-size: .85rem;
	color: #6c757d;
}

.sidebar .search-box input {
	border-radius: 20px;
}

.modal.popPeproot .modal-dialog {
	max-width: 600px;
}

.modal.popPeproot button.btn-close {
	float: right;
}

.modal.popPeproot .modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: 30px 20px 50px 0px;
}

.popPeproot h2.popcontent {
	padding-top: 60px;
	font-size: 36px;
	font-weight: 400;
}

.popPeproot h2.popcontent span.orngtext {
	color: #ef9b00;
	font-weight: 600;
	text-decoration: underline;
}

.popPeproot h2.popcontent span.greentext {
	color: #2f9a48;
	font-weight: 600;
	text-decoration: underline;
}

.popPeproot h2.popcontent span.extrabold {
	font-weight: 600;
	text-decoration: underline;
}

.modal.popPeproot .modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--mo-modal-color);
	pointer-events: auto;
	background-color: #fff0c3;
	background-clip: padding-box;
	border: var(--mo-modal-border-width) solid var(--mo-modal-border-color);
	border-radius: var(--mo-modal-border-radius);
	box-shadow: var(--mo-modal-box-shadow);
	outline: 0;
	background-image: url("https://cdn-ilefgap.nitrocdn.com/DXyJbmutKdaMYXziqHyOzVtgjbjiFvsB/assets/images/optimized/rev-031a37a/peproots.com/wp-content/themes/peproots/images/popbg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

.modal.popPeproot .modal-content.nitro-lazy {
	background-image: none !important;
}

#loginRegisterTabs .nav-link {
	color: #000;
	font-size: 20px;
	letter-spacing: 1px;
}

#loginRegisterTabs .nav-link.active {
	color: #000;
}

.amazon-banner {
	position: fixed;
	right: 10px;
	bottom: 40px;
	z-index: 9999;
	transition: all .3s ease;
}

.amazon-banner img {
	width: 180px;
	height: auto;
	border-radius: 50px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
}

.amazon-banner:hover {
	transform: scale(1.05);
	opacity: .95;
}

/**landing style***/
.hero {
	background: url("https://cdn-ilefgap.nitrocdn.com/DXyJbmutKdaMYXziqHyOzVtgjbjiFvsB/assets/images/optimized/rev-031a37a/peproots.com/wp-content/themes/peproots/images/background-b2b.jpg") center/cover no-repeat;
	padding: 120px 0;
	color: #fff;
	position: relative;
	z-index: 1;
}

.double-frame {
	position: relative;
	display: inline-block;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
	border: 2px solid rgba(0, 0, 0, 40%);
}

.double-frame .main-img {
	border-radius: 14px;
	display: block;
}

.double-frame::after {
	content: "";
	position: absolute;
	top: 0px;
	right: -12px;
	width: 100%;
	height: 100%;
	border-radius: 18px;
	border: 2px solid #fff;
	transform: rotate(3deg);
	z-index: -1;
}

.section-title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 30px;
}

.journeyimage img {
	width: 450px;
}

.product-card {
	transition: .3s ease;
	background: #fff;
}

.product-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

.product-img {
	width: 200px;
	height: auto;
	object-fit: contain;
}

@media (max-width: 768px) {
	.product-img {
		width: 100%;
		max-width: 150px;
	}
	
	.product-card {
		padding: 20px;
	}
}

/* Number Styling */
.step-number {
	font-size: 32px;
	font-weight: 700;
	color: #e0e0e0;
	position: absolute;
	top: 15px;
	right: 15px;
}

.step-box {
	position: relative;
	border: 1px solid #f1f1f1;
	transition: .3s ease;
}

.step-box:hover {
	transform: translateY(-6px);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .08);
}

.step-icon i {
	font-size: 45px;
	color: #333;
}

.cert-box {
	transition: all .3s ease;
	border: 1px solid #f1f1f1;
}

.cert-box:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, .07);
}

.cert-icon {
	width: 55px;
	height: auto;
	opacity: .9;
}

/**/

/**farmingSlider**/
.farmingSlider img {
	width: 100%;
	height: 600px;
	object-fit: cover;
	border-radius: 15px;
}

/* Arrow styling */
.farmingSlider .swiper-button-prev, .farmingSlider .swiper-button-next, .videoSwiper .swiper-button-prev, .videoSwiper .swiper-button-next {
	width: 45px;
	height: 45px;
	background: rgba(255, 255, 255, .35);
	backdrop-filter: blur(6px);
	border-radius: 50%;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .3s ease;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .15);
}

/* Increase arrow icon size */
.farmingSlider .swiper-button-prev:after, .farmingSlider .swiper-button-next:after, .videoSwiper .swiper-button-prev:after, .videoSwiper .swiper-button-next:after {
	font-size: 20px;
	font-weight: bold;
}

/* Hover effect */
.farmingSlider .swiper-button-prev:hover, .farmingSlider .swiper-button-next:hover, .videoSwiper .swiper-button-prev:hover, .videoSwiper .swiper-button-next:hover {
	background: rgba(0, 0, 0, .75);
	color: #fff;
	transform: scale(1.1);
	box-shadow: 0 6px 14px rgba(0, 0, 0, .3);
}

/* Position arrows slightly outside */
.farmingSlider .swiper-button-prev, .videoSwiper .swiper-button-prev {
	left: -10px;
}

.farmingSlider .swiper-button-next, .videoSwiper .swiper-button-next {
	right: -10px;
}

/**video gallery***/
.video-box {
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
}

.video-box video {
	width: 100%;
	aspect-ratio: 9/16;
	object-fit: cover;
	background: #000;
	display: block;
}

.video-wrapper {
	position: relative;
	width: 100%;
	height: 280px;
	overflow: hidden;
	border-radius: 10px;
}

.video-wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: transparent !important;
}

.video-title {
	font-size: 18px;
	text-align: center;
	margin: 6px 0px;
	color: #333;
	font-style: italic;
}

.play-overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .35);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .3s;
}

.play-icon {
	font-size: 64px;
	color: #fff;
	opacity: .9;
	transition: .3s;
}

.play-overlay:hover .play-icon {
	opacity: 1;
	transform: scale(1.1);
}

.videoSwiper .swiper-pagination, .landingproductSwiper .swiper-pagination {
	position: relative;
	margin-top: 15px;
}

.videoSwiper .swiper-pagination-bullet, .landingproductSwiper .swiper-pagination-bullet {
	background: #ccc;
	opacity: 1;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.videoSwiper .swiper-pagination-bullet-active, .landingproductSwiper .swiper-pagination-bullet-active {
	background: #ff9f00;
}

@media (max-width: 991.98px) {
	ul#sub1 {
		padding-left: 10px;
		width: 250px;
	}
	
	ul#sub1 li {
		list-style: circle;
		padding-right: 0;
	}
}

@media (max-width: 575.98px) {
	.single-product-tabs .btn {
		font-size: 18px;
		padding: 5px 22px;
	}
	
	.ingredients-box {
		border-right: none;
	}
	
	.modal.popPeproot .modal-body {
		position: relative;
		flex: 1 1 auto;
		padding: 30px 20px;
		text-align: center;
	}
	
	.modal.popPeproot  img {
		width: 50px;
	}
	
	.popPeproot h2.popcontent {
		padding-top: 0;
		font-size: 24px;
		font-weight: 400;
	}
	
	.modal.popPeproot .modal-content {
		background-size: 60%;
		background-position: left bottom;
	}
	
	.journeyimage img {
		width: 250px;
	}
	
	.hero .double-frame {
		width: 65%;
	}
}