/* 
Theme Name:		 Sayara Child
Theme URI:		 http://themebing.com/
Description:	 Sayara Child is a child theme of Sayara, created by themebing.com
Author:			 ThemeBing
Author URI:		 http://themebing.com/
Template:		 sayara
Version:		 1.0.0
Text Domain:	 sayara-child
*/


/*
    Add your custom styles here
*/


.product-categories > li {
	display: none !important;
}
.product-categories > li.cat-parent {
	display: block !important;
}
.product-categories > li.cat-parent > a {
	transition: 0.4s;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #ff0000;
	display: block;
	padding: 0 0 10px;
}
.product-categories > li.cat-parent > a:hover {
	color: #f00;
	text-decoration: none;
}
.product-categories > li.cat-parent ul.children {
	margin-top: 10px;
	margin-left: 10px;
}
.product-categories > li.cat-parent ul.children li {
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px solid #999;
	transition: 0.4s;
}
.product-categories > li.cat-parent ul.children li.current-cat-parent > a {
	color: #ff0000 !important;
}
.product-categories > li.cat-parent ul.children li:hover {
	border-bottom: 1px solid #f00;
}
.product-categories > li.cat-parent ul.children li a {
	transition: 0.4s;
	color: #333;
	font-weight: 500;
}
.product-categories > li.cat-parent ul.children li a:hover {
	color: #f00;
	text-decoration: none;
}
.product-categories > li.cat-parent ul.children li ul.children li {
	border-bottom: 1px solid #e8e8e8;
}
.product-categories > li.cat-parent ul.children li ul.children li.current-cat > a {
	color: #ff0000 !important;
}
.product-categories > li.cat-parent ul.children li ul.children li a {
	color: #777;
	font-weight: 400;
}
.product-categories > li.cat-parent ul.children li ul.children li a:hover {
	color: #f00;
}
.product-categories > li.cat-parent ul.children li ul.children li:last-child {
	border:none
}
.custom-logo-link img {
	width: 170px;
}
.departments-menu-button {
	border-radius: 30px;
}
.homefour_box {
	overflow: hidden;
	border-radius: 8px;
	position: relative;
}
.homefour_box figure {
	border-radius: 8px;
}
.homefour_box article {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 100%;
	height: 100%;
	color: #fff;
}
.homefour_box article h5 {
	color: #fff;
	font-weight: 400;
	font-size: 15px;
}
.homefour_box article h3 {
	font-weight: 600;
	font-size: 32px;
	color: #fff;
	line-height: 1;
	margin: 0 0 30px;
}
.homefour_box article a {
	background: #f00;
	color: #fff;
	padding: 6px 20px;
	border-radius: 50px;
	transition: 0.4s;
}
.homefour_box article a:hover {
	background: #e60000;
}
.findmyride_box {
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	overflow: hidden;
}
.findmyride_box figure {
	padding: 20px;
	text-align: center;
}
.findmyride_box figure img {
	max-width: 260px;
}
.findmyride_box figcaption {
	padding: 15px 25px;
	background-color: #f1f1f1;
	color: #000;
	font-size: 18px;
	font-weight: 500;
	transition: 0.4s;
}
.findmyride_box:hover figcaption {
	background-color: #f00;
	color: #fff;
}
.product-item .flip-box-front, .product-item .flip-box-back {
	text-align: center;
}
.product-item .flip-box-front img, .product-item .flip-box-back img {
	max-width: 240px;
	margin: 0 auto;
}
.product-item-content a h5 {
	font-size: 16px !important;
	min-height: 38px;
	max-height: 38px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 15px;
}
.product-item-content a:hover h5 {
	text-decoration: none !important;
}
.product-item-content .price {
	color: #f00 !important;
}
.product-item-content ul {
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0 !important;
}
.product-item-content a:hover {
	text-decoration: none !important;
}
.product-item-content a.add_to_cart_button,.product-item-content a.added_to_cart  {
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin: 0 !important;
	font-size: 15px;
	width: 120px;
	padding: 5px 15px;
	font-weight: 500;
	text-transform: capitalize;
}
.elementor-heading-title, .product-filter > h4 {
	color: #000 !important;
	font-size: 28px !important;
}
.blog-item .blog-content {
	padding: 30px 20px;
}
.blog-item .blog-content h4 {
	font-size: 16px !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.4;
}
.home_CTA p {
	color: #fff !important;
	font-size: 18px !important;
}
.home_CTA h1 {
	color: #fff !important;
	font-size: 35px !important;
}
.footer-block1 p {
	color: #e7e7e7;
	font-size: 13px;
	line-height: 1.6;
}
.footer-block1 h4 {
	font-size: 18px;
	color: #fff;
}
.footer-block1 img {
	max-width: 170px;
}
.footer-block2 h4 {
	color: #fff;
	font-size: 16px;
}
.footer-links {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 1rem;
}
.footer-widget li {
	font-size: 14px;
	line-height: 2;
	color: #e7e7e7;
}
.footer-widget li a {
	color: #e7e7e7;
	transition: 0.4s;
}
.copyright-bar a, .copyright-bar p {
	font-size: 14px;
}
.comments-area {
	display: none;
}
.about_info h1 b {
	color: #f00;
}
.about_info ul li {
	padding: 0 0 15px;
}
.about_info ul li b {
	color: #000;
	font-weight: 500;
}
.about_cta p {
	color: #fff !important;
	font-size: 18px !important;
}
.about_cta h4 {
	color: #fff !important;
	font-size: 35px !important;
}
.breadcrumbs {
	padding: 40px 0;
	background-color: #f00 !important;
}
.breadcrumbs h1 {
	font-size: 32px;
	font-weight: 500;
	text-transform: capitalize;
}
.breadcrumbs ul li a {
	color: #fff;
}
.footer-widgets {
	padding: 60px 0 10px !important;
}
.section-padding {
	padding: 80px 0;
}
body.term-full-donk-kits aside.woocommerce-widget-area .widget_product_categories,
.term-custom-donk-kits aside.woocommerce-widget-area .widget_product_categories,
.term-accessories aside.woocommerce-widget-area .widget_product_categories,
.term-brake-dust-covers aside.woocommerce-widget-area .widget_product_categories,
.post-type-archive aside.woocommerce-widget-area .widget_product_categories {
	display: none;
}
.woocommerce-widget-title {
	text-transform: uppercase;
	border-bottom: 1px solid #f00 !important;
}
.tagcloud {
	max-height: 240px;
	overflow-y: auto;
}
.tagcloud .tag-cloud-link {
	padding: 3px 8px;
	font-size: 11px !important;
}
.tagcloud .tag-cloud-link:hover {
	text-decoration: none !important;
}
.woocommerce-result-count,.products-filter-area select {
	font-size: 14px;
}
.term-description {
	padding: 0 0 30px;
}
.primary-menu ul li .children li a:hover, .primary-menu ul li .sub-menu li a:hover {
	text-decoration: none;
}
.primary-menu ul li .children li a, .primary-menu ul li .sub-menu li a {
	padding: 10px 20px;
	font-size: 15px;
}
.pagination .nav-links .page-numbers {
	padding: 5px 15px;
	font-size: 12px;
}
.product_meta .posted_in, .product_meta .tagged_as {
	max-height: 100px;
	overflow-y: scroll;	
}
.product_meta .posted_in a, .product_meta .tagged_as a {
	font-size: 12px !important;
	padding: 1px 15px !important;
	margin-left: 5px !important;
	margin-bottom: 5px !important;
}
.single-product .product_title {
	font-size: 28px;
	line-height: 1.5;
	font-weight: 500 !important;
}
.single-product .price .woocommerce-Price-amount.amount {
	color: #ff0000;
	font-weight: 600;
}
.single-product .product.type-product .my-auto {
	margin-top: 0 !important;
}
.tabs li a {
	text-transform: uppercase;
	font-size: 18px !important;
}
.single-product .related.products h2 {
	text-transform: capitalize;
	font-weight: 500 !important;
	color: #222;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	font-size: 24px;
}
.woocommerce-product-gallery {
	border: 1px solid #cecece;
}
.single-product .product_meta {
	display: none;
}
.woocommerce-mini-cart.cart_list li a {
	font-size: 13px;
	line-height: 1;
}
.cart_list .quantity .woocommerce-Price-amount {
	color: #ff0000;
	font-weight: 500 !important;
}
.woocommerce-mini-cart__total.total .woocommerce-Price-amount.amount {
	color: #ff0000;
	font-weight: 600 !important;
}
.woocommerce-mini-cart__total.total strong {
	font-weight: 600 !important;
}
.woocommerce-mini-cart__buttons.buttons a.button, .coupon button.button {
	background: #333 !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	border-radius: 50px;
}
.woocommerce-mini-cart__buttons.buttons a.button.checkout {
	background: #ff0000 !important;
}
.woocommerce-mini-cart__buttons.buttons a:hover {
	text-decoration: none !important;
}
button.button {
	text-transform: capitalize;
	font-weight: 500 !important;
	border-radius: 50px;
}
button.button:hover {
	text-decoration: none !important;
}
.cart-collaterals .cart_totals h2,#customer_details .woocommerce-billing-fields h3, #order_review_heading {
	font-size: 25px;
	text-transform: capitalize;
	color: #222;
}
.cart-collaterals .checkout-button:hover {
	text-decoration: none !important;
	font-weight: 500 !important;
}
#order_review tr.order-total th, #order_review tr.order-total td strong {
	color: #ff0000 !important;
	font-size: 18px !important;
}
.woocommerce-checkout-review-order ul {
	margin: 0;
}
.woocommerce-info {
	font-size: 14px;
	padding: 10px 15px !important;
}
.woocommerce-shipping-fields h3#ship-to-different-address {
	font-size: 16px !important;
}
.primary-menu ul li a {
	text-decoration: none;
}
.col-xl-9 > h1 {
	font-size: 28px;
	margin: 0 0 30px;
	text-transform: capitalize;
}
nav.desktop-menu ul li.menu-item-1725 {
	display: none;
}
#newsletterModal .modal-content {
	background: #C61515;
	color: #fff;
}
#newsletterModal .modal-body > img {
	margin: 25px 0 0 0;
}
#newsletterModal .modal-body .modal-text-content h2, #newsletterModal .modal-body .modal-text-content p {
	color: #fff;
}
#newsletterModal .modal-body .modal-text-content .mc4wp-form-fields input[type=submit] {
	background: #222;
	transition: 0.4s;
}
#newsletterModal .modal-body .modal-text-content .mc4wp-form-fields input[type=submit]:hover {
	background: #000;
}
#newsletterModal .modal-body .modal-text-content input[type="checkbox"]:checked::before {
	color: black;
}
.widget_product_categories .woocommerce-widget-title {
	display: none;
}
.breadcrumbs .trail-items {
	display: none;
}
.breadcrumbs h1 {
	display: inline;
	position: relative;
	margin-left: -300px;
}
.breadcrumbs h1::before {
	content: "";
	position: absolute;
	width: 300px;
	height: 100%;
	top: 0;
	left: 0;
	background: red;
}