/* =============================================================================
   KForce — Site Styles
   ============================================================================= */

/* ── Variables ──────────────────────────────────────────────────────────────── */
:root {
	--kf-primary:     #e63329;
	--kf-primary-dk:  #bf2820;
	--kf-dark:        #1a1a1a;
	--kf-mid:         #555555;
	--kf-light:       #f5f5f5;
	--kf-white:       #ffffff;
	--kf-radius:      4px;
	--kf-transition:  0.2s ease;
}

/* ── Utilities ──────────────────────────────────────────────────────────────── */
.kf-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ── Buttons ────────────────────────────────────────────────────────────────── */
.kf-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	padding: 0.65em 1.4em;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	border: 2px solid transparent;
	border-radius: var(--kf-radius);
	cursor: pointer;
	transition: background var(--kf-transition), color var(--kf-transition), border-color var(--kf-transition);
}

.kf-btn--primary {
	background: var(--kf-primary);
	color: var(--kf-white);
}

.kf-btn--primary:hover,
.kf-btn--primary:focus-visible {
	background: var(--kf-primary-dk);
	color: var(--kf-white);
}

.kf-btn--outline {
	background: transparent;
	color: var(--kf-primary);
	border-color: var(--kf-primary);
}

.kf-btn--outline:hover,
.kf-btn--outline:focus-visible {
	background: var(--kf-primary);
	color: var(--kf-white);
}

/* ── Notices ────────────────────────────────────────────────────────────────── */
.kf-notice {
	display: flex;
	align-items: flex-start;
	gap: 0.75em;
	padding: 0.9em 1.1em;
	border-left: 4px solid var(--kf-primary);
	background: var(--kf-light);
	border-radius: var(--kf-radius);
	font-size: 0.875rem;
	line-height: 1.5;
}

/* ── Loading spinner ────────────────────────────────────────────────────────── */
.kf-spinner {
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid rgba(0, 0, 0, 0.15);
	border-top-color: var(--kf-primary);
	border-radius: 50%;
	animation: kf-spin 0.65s linear infinite;
}

@keyframes kf-spin {
	to { transform: rotate(360deg); }
}
.supplier-cost,.woocommerce-variation-description {
  display: none!important;
}
.wcboost-variation-swatches.wcboost-variation-swatches--image .wcboost-variation-swatches__item {
  border: 1px;
}
.lraq-item:first-child {
  border: 0px solid #ebebeb;
}
.lraq-item {
  padding: 15px;
}
.lraq-badge-count {
  top: -12px;
}
.lraq-badge-count {background-color: #242424!important}
.lraq-cart-link svg {color: #fff!important;
width: 20px;
  height: 20px;}
  .lraq-cart-link svg:hover {color: #000!important}
.product-button-wrapper small {color: #dd3333; font-size: 16px }
#block-43 img {width: 40px}
.nsl-button a {border: 1px solid #000!important}
li.product .product-thumbnail .woocommerce-loop-product__link img{ height:300px!important; object-fit: contain; width 100%; background: #fff}
.single-product div.product.layout-v1 .flex-control-thumbs:not(.swiper-wrapper) li {display: block;}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:not(.swiper-wrapper) {
  opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {height: 500px; width: 500px; object-fit:contain; padding: 30px}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {border: 0px!important}
.topbar-items a svg {margin-bottom: -3px}
e-v.square-v6 .profile-card::after {
  background-color: transparent
}
.woocommerce-LoopProduct-link img  {width: 400px!important; height: 500px; object-fit: contain!important}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator::after {
  content: url('/wp-content/uploads/2024/03/chevron-down-svgrepo-com1.svg'); /* Replace 'https://localhost/kforce/wp-content/uploads/2024/03/chevron-down-svgrepo-com1.svg' with the actual path to your SVG icon */
}
.pswp__caption__center {text-align: center}

.stock.out-of-stock {color:red; font-weight: 500}
.evf-field input.input-text, .everest-forms .evf-field-container .evf-frontend-row textarea{
  box-sizing: border-box;
  padding: 12px 15px!important;
  font-size: 16px;
  transition: all .1s ease-in-out;
  outline: none;}


.everest-forms button.button:not(.button-large) {
  font-weight: 500;
  font-size: 16px;
  line-height: 50px;
  display: inline-block;
  background-color: var(--rz-background-color-dark);
  color: var(--rz-color-lighter);
  padding: 0 37px;
  text-align: center;
  transition: ease .3s;
  white-space: nowrap;
  text-decoration: none;
}
.woocommerce-variation-price {display: none}
.col-1,.col-2 {width: 100%}
.wc-dnd-file-upload {margin-bottom: 15px}
.dnd-upload-counter {display: none}
.modal-header  {border-radius: 0px!important}
.ekit-wid-con .profile-square-v.square-v6 .profile-card {
  border-radius: 20px 20px 20px 20px;
}
	.ekit-wid-con .profile-square-v.square-v6 .profile-card {
  padding-bottom: 0px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {background: transparent!important}

button.QuoteModal,button.request-a-quote-button {float:left}
.shadow {
	box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6);
-webkit-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6);
}
.filters-panel-content .modal-content {border: 0px}
#quoteModal .modal-content {
  background-color: #fefefe;
  margin: 80px auto !important;
  padding: 10px 30px 30px;
  border: 0px solid #888;
  width: 1100px !important;
  max-width: 80% !important;
}
#quoteModal .content-left{  max-height: 80%;overflow-y: scroll;}
.wcboost-variation-swatches.wcboost-variation-swatches--color .wcboost-variation-swatches__item.wcboost-variation-swatches__item-white .wcboost-variation-swatches__name {color: #242424}
#mega-menu-wrap-primary {margin: auto}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {z-index: 999;
background: #1a1a1a; color: #fff
}
.rz-modal.open .modal-header {background: #dd3333; padding: right: 30px}
.rz-modal.open .modal-header img {max-width: 60%}
.rz-modal .modal-header {
  text-align: left;
}
.rz-modal .button-close {
  line-height: 1;
  font-size: 24px;
  color: #fff;
}
.header-mobile .mobile-menu a {
  color: #fff;
}
.razzi-svg-icon svg {
  vertical-align: -0.125em;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
}
#mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {color: #dd3333!important; background: transparent!important}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {z-index: 999;
background: #1a1a1a; padding: 30px 30px 30px 30px;border-radius: 0px 0px 25px 25px;
}
li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
  display: block;
  float: left;
  clear: none;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {

  padding: 0px 0px 5px 0px;

}
.main-navigation ul ul {
  background-color: #1a1a1a
}
.main-navigation ul ul a {
  color: #fff;
}
a.quote-header-icon {background: #1a1a1a}
.site-header .header-account .account-icon,
.site-header .header-wishlist .wishlist-icon,
.site-header .header-cart > a{
  font-size: 18px;
  color: #fff
}
.site-header .header-account .account-icon:hover,
.site-header .header-wishlist .wishlist-icon:hover,
.site-header .header-cart > a:hover{
  font-size: 18px;
  color: #1a1a1a
}
.header-v9 .header-search.form-type-boxed .search-field {
  background-color: transparent;
	color: #fff}
.main-navigation ul ul {
	margin-top: 1px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
a.QuoteModal {margin-left: 20px}
.full-content .rz-catalog-categories {
  padding: 30px 30px;
}
img.attachment-woocommerce_thumbnail{width: 400px; height: 400px; object-fit: cover}
.cart_item img.attachment-woocommerce_thumbnail,
.woocommerce-mini-cart-item__thumbnail img{
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.product-inner, .rz-catalog-categories__title img {border-radius: 5px}
ul li.swiper-slide img {
 display: block;
height: 100px;
max-width: 100%;
object-fit: cover;
margin: auto;

}
ul.products li.product-category .woocommerce-loop-category__title{text-align: center!important}
.product-category img, ul.products li.product .product-thumbnail .woocommerce-loop-product__link img {
  display: block;
  height: auto;
width: auto!important;
  object-fit: contain;
  margin: auto;
  background-position: center;
}
.term-176 .product-category img, .term-176  ul.products li.product .product-thumbnail .woocommerce-loop-product__link img {  object-fit: cover;}
.product-summary button {display: none}
a#quoteModal {max-width: 200px; margin-left: 20px}
a#quoteModal:hover {background-color: var(--rz-background-color-dark);
color: var(--rz-color-lighter);}
ul.products li.product .product-inner {
	padding-bottom: 0px;}
.main-navigation a {color: #fff}
#ul.product-loop-layout-2 li.product .product-summary {background: #f1f1f1!important}
#ul.swiper-wrapper li.product .product-summary{background: #fff!important}
#.archive,ul.products li.product .product-summary{background: #f1f1f1}
.product-inner .product-summary a#quoteModal, #rz-shop-content a#quoteModal{display: none}
 .header-bottom {
	display: flex;
align-items: center;
height: 60px;
	position: relative;}
.header-items {width: 33%}

a.quote-header-icon {
	  text-align: center;
  background: var(--rz-color-dark) !important;
  padding: 10px!important;
  border-radius: 50%;
  height: 45px;
  width: 45px;
}li
.main-navigation a {color:#fff}
p label {
  color: #ccc;
  font-size: 14px;
  line-height: 20px!important;
	width: 100%
}
.footer-widgets .widget_nav_menu li {
  padding: 0px 0;
    padding-top: 0px;
  font-size: 14px;
}
.quote-received h3 {text-align: center; padding: 30px}
.topbar-items a:hover{color: #fff!important; color: #242424}
@media (min-width: 1200px)
.container, .single-post .site-content > .container {
  width: 1200px !important;
}
.page-header__title {
  font-size: 40px;
  margin: 0;
  padding: 42px 0 19px;
  text-align: center;
}
h2 {
  font-size: 32px;
}
.footer-newsletter span {margin-bottom: 30px!important}
.branding-box {display:none}
.topbar-menu > li > a, .topbar-items a, .topbar-items p {color: #fff; font-size: 14px; font-weight: 600}
.topbar-menu > li > a:hover, .topbar-items a:hover, .topbar-items p:hover {color: var(--rz-color-dark);}
.site-breadcrumb {
  font-size: 14px;
  color: #242424;
}
.footer-items.footer-right a img {
  height: 20px;
  width: auto;
  margin-left: 10px;
}
.topbar-items a:hover {color: #fff}
a.quote-header-icon {background: var(--rz-color-dark)!important; padding: 8px; border-radius: 50%}
.woocommerce .woocommerce-quote-form {
  float: left;
  width: 66%;
  padding-right: 100px;
  position: relative;
}
.woocommerce .cart-collaterals {
  float: left;
  width: 34%;
  margin-bottom: 135px;
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
.product-loop-layout-2 .product-category {display: none}
li.products-filter__option li {font-size: 14px}
 
.h4 {padding: 15px}
#block-43 {width: 50px; float: left; padding-right: 15px}
@media screen and (max-width: 600px) {
	.site-header .logo .logo-image {
  padding: 10px;
}
	
	#block-43 {width: 100%}
	#social-links-widget-4 {width: 60%; padding-top: 10px}
	.ra-hamburger-modal ul.nav-menu > li .razzi-svg-icon {
  font-size: 20px; padding: 5px
}
	.footer-items.footer-right a img {
  height: 30px;
  width: auto;
}
	.dropdown-toggle::after {
		display: none;}
	.razzi-catalog-page .catalog-page-header--layout-2 {
  padding-top: 30px;
}
.woocommerce .woocommerce-quote-form,.woocommerce .cart-collaterals {
  width: 100%!important;
	padding-right: 0px
}
}
@media (max-width: 600px) {
  #bulk_add_to_cart_button,.rz-quote-button.razzi-button,.request-a-quote-button {
    width: 100%; margin-right: 0px; margin-left: 0; margin-bottom: 15px 
  }
}
@media (max-width: 991px) {
	a.qlwapp-toggle {height: 48px}
	footer a  {font-size: 18px;
    height: 48px;
    display: block;}
	.footer-newsletter .mc4wp-form-fields input[type="email"],.footer-newsletter .mc4wp-form-fields input[type="submit"] {
  border-radius: 50px 50px 50px 50px;
}
  .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a, .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
   max-width: 100%
  }
}
.elementor-element.elementor-element-0d1f410 .razzi-slides-elementor .razzi-slide-button .button-text {
  border-radius: 50px; border-bottom: 0px!important;padding: 15px 30px 15px 30px;
}

.elementor-element.elementor-element-0d1f410 .razzi-slides-elementor .slick-slide-inner .razzi-slide-heading{ 
	text-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6)!important;
-webkit-text-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6)!important;
-moz-text-shadow: 2px 2px 10px -5px rgba(0,0,0,0.6)!important;
}
.razzi-button--underlined::after {border-bottom: 0px solid!important;}
.slick-slide-inner .razzi-slide-before-desc {
  color: #FF6F61;
  font-size: 80px!important;
  font-weight: 600;
  line-height: 1em;
  margin-bottom: 0px;
}
.newsletter-popup-layout-1-column .newsletter-popup-content {
 padding: 30px 30px;
  width: 100%;
}
.newsletter-popup-layout-1-column .modal-content {
  padding: 10px;
  width: 570px!important;
max-width: 100%!important;
	background: #1f1f1f;
}
.newsletter-popup-layout-2-columns .newsletter-popup-wrapper {
  flex: 1;
  padding: 30px!important;
}
.lraq-qty-wrap {
  border-radius: 20px!important;
}
.launchpad-bulk-messages {
  margin: 0px 0 12px!important;
}