/*
Theme Name: Auto Parts Supplier
Description: The Auto Parts Supplier Theme is a powerful and modern solution for automotive businesses, retailers, and repair shops looking to build a professional online presence. Designed with a clean and minimal aesthetic, it combines both function and form, offering a responsive, mobile-friendly, and SEO friendly layout that ensures optimal performance across all devices. Whether you’re showcasing engine components, accessories, or spare parts, this theme supports full personalization options, including color schemes, fonts, and layout designs. Built using Bootstrap and optimized code, it guarantees faster page load times and secure and clean code for a seamless experience. Features like a Banner area, a testimonial section, Call to call-to-action buttons (CTA), and integrated social media tools help engage customers effectively. It is also translation-ready, retina ready, and supports shortcodes for building content easily. This multipurpose theme is not only professional but also interactive, elegant, and stunning, making it perfect for businesses that value both appearance and usability. With its modern design and flexible Customization Options, the Auto Parts Supplier Theme offers a luxurious platform to drive online sales and grow your automotive brand.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/auto-parts-supplier
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: e-commerce, portfolio, blog, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, featured-image-header, footer-widgets, full-width-template, flexible-header, editor-style, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: auto-parts-supplier
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Auto Parts Supplier WordPress Theme has been created by misbahwp(misbahwp.com), 2025.
Auto Parts Supplier WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
#content[tabindex="-1"]:focus {
	outline: 0;
}
body {
  font-family: "Rubik", sans-serif;
  color: #a3aab4;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	 font-family: "Rubik", sans-serif;
	color: #000000;
	font-weight: 400;
}
a {
  color:#000000;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#EC2324;
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}

.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a,.woocommerce-product-details__short-description a,#tab-description a,.extra-home-content a {
  text-decoration: underline;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: #EC2324;
}
.wp-block-button a:hover{
  color: #000 !important;
}
a.wp-block-button__link{
  border-color: #EC2324;
}
.wp-block-button__link{
  height: auto !important;
  width: auto !important;
}
.wp-block-button.is-style-squared a{
  border-radius: 0px !important;
} 
.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}
.blocks-gallery-grid:not(.has-nested-images){
	padding: 6px;
}

.feature-header{
  position: relative;
  background-color: #000;
}
.feature-header img {
  width: 100%;
  height: 300px !important;
  object-fit: cover;
  opacity: 0.9;
}
h1.post-title.feature-header-title{
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  word-break: break-all;
}

/* ===============================================
   HEADER BOX
   ============================================= */
.social-links i{
  color: #ffffff;
}
.top-header{
  border-bottom: 1px solid #0000001A;
}
.top-header p,.sign-button a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
.top-header p i,.social-links i:hover{
  background: #EC2324;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.social-links span {
  color: #ffffff;
  margin-right: 15px;
}
.inner-header-box {
  background: #ffffff;
  position: relative;
}
.main-header-box {
  position: relative;
  width: 100%;
  background: #000000;
}
.header-inner {
  background: #000000;
}
.page-template-frontpage .social-links {
  margin-right: 15px;
}
.sign-button a.signin-box {
  background: #222222;
  color: #fff;
  padding: 12px 35px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
}
.sign-button a.signup-box{
  padding: 10px 25px;
  border-radius: 3px;
}
.sign-button a.signin-box:hover{
  background: #EC2324;
  color: #ffffff;
}
.contact-box i{
  font-size: 25px;
  color: #EC2324;
}
p.custom-call {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
}
.contact-box p.text-inner{
  font-weight: 700;
  font-size: 14px;
  color: #000000;
  margin-top: 6px;
}
a.cart-customlocation{
  position: relative;
}
.cart-item-box {
  position: absolute;
  background: #EC2324;
  border-radius: 30px;
  padding: 2px 3px;
  font-size: 11px;
  width: 16px;
  height: 17px;
  color: #fff;
}
button.categories-button {
  border: 0px;
  background: transparent;
  padding: 0px;
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}
.search-box-main {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #EFEFEF;
  padding: 10px 10px;
  position: relative;
  border-radius: 30px;
}
.box-categories {
  position: relative;
  text-align: center;
  width: 35%;
}
.header-product-categories {
  position: absolute;
  top: 35px;
  left: 0px;
  width: 100%;
  text-align: left;
  display: none;
  background: #EC2324;
  z-index: 2;
  padding: 10px 13px;
}
p.text-inner {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.header-product-categories h4 {
  font-size: 14;
  font-weight: 400;
  padding: 7px 0px;
  margin-bottom: 0px;
}
.header-product-categories h4 a{
  color: #ffffff;
}
.row.box-search {
  background: #1ABA1A;
  padding: 20px 35px;
  border-radius: 10px;
  margin: 0px;
}
.search-box-main form.woocommerce-product-search {
  margin-bottom: 0px;
  position: relative;
  width: 100%;
}
.search-box-main input#woocommerce-product-search-field-0 {
  border: 0px;
  background: transparent;
  width: 100%;
}
.main-search-box {
  width: 65%;
}

.main-search-box button:after {
  content: "";
  background: url(assets/images/search.png) no-repeat scroll 0 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 13px;
  width: 20px;
  z-index: 999;
  height: 22px;
  margin: 0 auto;
}

form.woocommerce-product-search button {
  position: absolute;
  right: -10px;
  background: #EC2324;
  top: -10px;
  text-indent: -9999px;
  color: #000;
  border: 0px;
  border-radius: 0px 30px 30px 0px;
  padding: 11px 20px;
}

/* ===============================================
   LOGO BOX
   ============================================= */
 img.custom-logo {
    height: 70px;
    width: 70px;
}

.logo a {
  color: #000000;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 18px;
  line-height: 35px;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #fff;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

a.chosen-single,#google_language_translator select.goog-te-combo {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  font-weight: 400;
  font-size: 14px;
  color: #fff !important;
}
form.woocommerce-currency-switcher-form.woocs_show_flags{
  margin-bottom: 0px !important;
}
#google_language_translator select.goog-te-combo {
  width: 100% !important;
}
.chosen-container .chosen-results li {
  text-align: left;
}
#google_language_translator select.goog-te-combo option{
  color: #000000 !important;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	text-decoration:none;
	display:block;
	z-index:1;
	padding: 8px 0px 0px 8px;
	margin:0;
	color: #222222;
	font-size: 14px;
  font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:53px;
}
#main-menu ul li ul.children li a,#main-menu ul li ul.sub-menu li a{
  color: #ffffff !important;
}
#main-menu ul li ul.children li a:hover,#main-menu ul li ul.sub-menu li a:hover{
  color: #ffffff !important;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color: #EC2324;
}
li.menu-item-has-children:after {
	color: #000000;
	content: ' ▾';
	position: absolute;
	top: 20px;
	right: 15px;
}
#main-menu ul li a {
  margin-right: 25px;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity: 0;
	position: absolute;
	top: 50px;
	left: -9999em;
  background: #EC2324;
	z-index: 10001;
	width: 213px;
	padding-left: 0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	position:relative;
	margin:0;
	line-height:1.2em;
	text-transform:none;
	width:213px;
	min-height: inherit;
	margin:0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}
#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	text-decoration:none;
	text-align:left;
	display:block;
	padding:20px 15px;
	margin:0;
	border:none;
	line-height:inherit;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover{
  color: #ffffff !important;

}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
}
.post-content p{
	color: #898d94;
}
.post-content{
	word-wrap: break-word;
}
.post-meta i{
	color: #EC2324;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #000000;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
	height:auto;
	width: 100%;
	object-fit: cover;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-thumbnail img {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.related-post-thumbnail {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

.related-post-item h4.post-title {
    word-wrap: break-word;
}

/* ===============================================
   Slider
   ============================================= */
.slider .slider-alternate {
  position: relative;
  height: 600px;
}
.slider {
  position: relative;
  height: 600px;
}
.slider-main-box {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2;
  transform: translateY(-50%);
}
.slider .slider-alternate img,.slider img.inner-banner{
  width: 100%;
  height: 600px;
  object-fit: cover;
}
.blog_inner_box .slider-alternate img,.blog_inner_box .slider-alternate{
  height: 400px !important;
}
.blog_box p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
}
p.slider-button {
  display: inline-block;
}
.blog_box h4 {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  background: #EC2324;
  padding: 8px 20px;
  color: #fff;
  border-radius: 5px;
  text-transform: uppercase;
}
.blog_inner_box img{
  height: 400px;
  object-fit: cover;
}
.blog_inner_box{
  position: relative;
}
p.brand-button a {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  text-transform: capitalize;
  color: #000000;
}
.blog_box h3 {
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
}
p.slider-button a {
  background: #EC2324;;
  padding: 12px 30px;
  color: #fff;
  border-radius: 30px;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
}
p.slider-button a:hover{
	background: #000000;
}


/* ===============================================
   Our Brands
  ============================================= */

#hot_products h3 {
  font-size: 20px;
  font-weight: 700;
  color: #222222;
}
.post-image img.inner-banner,.brand-alternate img {
  width: 100% !important;
  height: 320px;
  border-radius: 20px;
  object-fit: cover;
  opacity: 0.4;
}
.left-post-content {
  position: absolute;
  top: 50%;
  left: 8%;
  right: 33%;
  transform: translateY(-50%);
}
.left-post-content h4 {
  font-weight: 500;
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
}
.barnd-banner{
  position: relative;
}
.brand-post-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
}
.brand-post-content h4 {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
}
#hot_products .brand-post-content h3 {
  font-weight: 700;
  font-size: 25px;
  text-transform: uppercase;
  color: #ffffff;
}
.brand-post-content p{
  font-weight: 400;
  font-size: 12px;
  color:#ffffff;
}

#hot_products .left-post-content h3 {
  font-weight: 700;
  font-size: 25px;
  line-height: 32px;
  text-transform: uppercase;
  color: #ffffff;
}
.brand-image{
  background: #000000;
  border-radius: 20px;
}
.brand-banner-alternate img ,.brand-image img.brand-inner-banner{
  width: 100%;
  height: 250px;
  border-radius: 20px;
  object-fit: cover;
  opacity: 0.6;
}
.left-post-content p{
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: #ffffff;
}
p.post-button a {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  padding: 14px 30px;
  display: inline-block;
  background: #EC2324;
  border-radius: 30px;
}

.brand-main .row {
  row-gap: 70px;
}
.post-image {
  position: relative;
  background: #EC2324;
  border-radius: 20px;
}
.brands-logos img.inner-banner {
  width: 100%;
  height: 100px;
  object-fit: cover;
}
#hot_products img{
	width: 100%;
}
#hot_products h4.product-text {
  font-size: 18px;
  font-weight: 600;
}
#hot_products h4 a:hover{
	color: #EC2324;
}
#hot_products h5.price {
  font-size: 15px;
  color: #EC2324;
  font-weight: bold;
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #EC2324 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:#EC2324;
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:#EC2324;
}

/* ===============================================
   sticky header
   =============================================== */

	 .fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
}
	 .admin-bar .fixed-header{
		margin-top: 32px;
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
  background: #eee;
  border: none;
  box-shadow: 2px 2px 10px 2px #ccc;
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.auto-parts-supplier-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.auto-parts-supplier-pagination a span,
.auto-parts-supplier-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 12px;
	font-size:14px;
	line-height:21px;
	color:#333;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background:#f3f4f7;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.auto-parts-supplier-pagination span.current,
.auto-parts-supplier-pagination span.current:hover,
.auto-parts-supplier-pagination span.current:focus,
.auto-parts-supplier-pagination a span:hover,
.auto-parts-supplier-pagination a span:focus {
	background: #EC2324;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #EC2324;
    color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #000000;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #EC2324;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #EC2324;
  padding: 5px 15px;
  color: #fff;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
	float: none;
	background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
	color: #2f3235;
}
ol.wp-block-latest-comments{
	padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
  margin-bottom: 0;
}
.sidebar-area a:hover{
  color: #000000;
}
.sidebar-area a{
  text-decoration: underline;
}

.footer-area a:hover{
  color: #EC2324;
}



/* ===============================================
   Breadcrumbs
   =============================================== */

.bread_crumb a:hover{
    color:#EC2324;
}
.bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;

}
.bread_crumb span {
  color: #EC2324 ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
     padding: 10px;
}
.bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 0px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  background: #EC2324;
  border-left: solid 5px #33302d;
}
.footer-area h4.title, .footer-area h1.wp-block-heading,  
.footer-area h2.wp-block-heading,  
.footer-area h3.wp-block-heading,  
.footer-area h4.wp-block-heading,  
.footer-area h5.wp-block-heading,  
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label{
	background: none !important;
	border-left: none;
}
footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
	background: none !important;
	border-left: none !important;
  padding: 20px 0px !important;
  color: #fff !important;
  font-size: 25px !important; 
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
	background: none !important;
	border-left: none !important; 
}
footer .sidebar-area form {
	padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: #EC2324;
  color: #ffffff;
}

.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #EC2324;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input,
#comments input[type="email"],
#comments input[type="url"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width:100%;
	padding: 5px 2%;
	border: solid 1px #000000;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit] {
	background: #EC2324;
	border: none;
	color: #fff;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:100px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#EC2324;
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #000000;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

.wp-block-group__inner-container h2 {
    color: #fff;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #fff;
}

.footer-area ul {
  padding: 0;
}

.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  background: transparent;
  border: none;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}

.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}

.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:auto;
}

.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: #EC2324;
	color:#000;
}
.scroll-up a:hover{
	background: #000000;
	color:#fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 3px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}