/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* General purpose
 * ========================================================================== */
/* Spans clickable link over entire div */
.link-spanner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.ellipsis h3 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
}

/* General purpose end
 * ========================================================================== */

/* Tables
 * Added default styles
 * 09/11/2023 - XZ Data Design (Alex)
 * ========================================================================== */
table {
  font-family: Roboto, sans-serif;
  border: 2px solid black;
  border-collapse: collapse;
  width: 100%;
  margin: 0px;
}

td {
  padding: 4px;
  padding-left: 8px;
  font-size: 1em;
  border: 1px solid black;
  border-collapse: collapse;
}

th {
  padding: 6px;
  padding-left: 8px;
  color: white;
  background-color: black;
  font-size: 1em;
  border: 0px solid black;
  border-collapse: collapse;
}

tr:nth-child(even) {
  background-color: #cccccc;
}

tr:nth-child(odd) {
  background-color: #ffffff;
}

.txt-center {
  text-align: center;
  padding-left: 6px;
  padding-right: 6px;
  width: 20%;
  font-weight: 600;
}

.txt-left {
  text-align: left;
}

.fnt-weight-600 {
	font-weight: 600;
}

.pathway-tbl > span::before { 
  display: block; 
  content: " ";
  margin-top: -170px;
  height: 170px;
  visibility: hidden; 
  pointer-events: none;
}

/* Table end
 * ========================================================================== */

.wpgb-facet .wpgb-button[aria-pressed="true"]

div.n2-ss-slider .nextend-arrow img {
	width: 32px;
}
div.n2-ss-slider .nextend-arrow img.n2-arrow-hover-img {
	display: none;
}

.wpgb-checkbox-facet,
.wpgb-facet .wpgb-button-label {
	text-transform: capitalize;
}

div.n2-ss-slider .nextend-bar > div {
	background: RGBA(0,0,0,0.67);
	opacity: 1;
	padding: 5px 20px 5px 20px;
	box-shadow: none;
	border: 0px solid RGBA(0,0,0,1);
	border-radius: 40px;
}
div.n2-ss-slider .nextend-bar span {
	font-family: 'Roboto';
	color: #ffffff;
	font-size: 87.5%;
	text-shadow: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	font-weight: 400;
	vertical-align: middle;
	display: inline;
}

div.n2-ss-slider .nextend-arrow {
	background: RGBA(0,0,0,0.67);
	opacity: 1;
	padding: 20px 10px 20px 10px;
	box-shadow: none;
	border: 0px solid RGBA(0,0,0,1);
	border-radius: 5px;
}
div.n2-ss-slider .nextend-arrow:hover,
div.n2-ss-slider .nextend-arrow:active,
div.n2-ss-slider .nextend-arrow:focus {
	background: RGBA(0,0,0,0.81);
}
div.n2-ss-slider .nextend-arrow:hover img,
div.n2-ss-slider .nextend-arrow:active img,
div.n2-ss-slider .nextend-arrow:focus img {
	display: none;
	cursor: pointer;
}
div.n2-ss-slider .nextend-arrow:hover img.n2-arrow-hover-img,
div.n2-ss-slider .nextend-arrow:active img.n2-arrow-hover-img,
div.n2-ss-slider .nextend-arrow:focus img.n2-arrow-hover-img {
	display: block;
}

div.n2-ss-slider .nextend-thumbnail-horizontal {
	flex: 0 0 auto;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 10;
	flex-direction: row;
}
div.n2-ss-slider .nextend-thumbnail-horizontal .nextend-thumbnail-inner {
	position: relative;
	flex-basis: 0;
	flex-grow: 1;
	scroll-behavior: smooth;
	scrollbar-width: none;
	background: #242424;
	opacity: 1;
	padding: 3px 3px 3px 3px;
	box-shadow: none;
	border: 0px solid RGBA(0,0,0,1);
	border-radius: 0px;
	/*overflow-x: scroll;*/
}
div.n2-ss-slider .nextend-thumbnail-horizontal .n2-align-content-start {
	display: grid;
	min-width: 100%;
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	grid-auto-flow: column;
	grid-auto-columns: min-content;
	justify-content: flex-start;
}
div.n2-ss-slider .nextend-thumbnail-horizontal .n2-thumbnail-dot {
	position: relative;
	cursor: pointer;
	background: RGBA(0,0,0,0);
	opacity: 1;
	padding: 0px 0px 0px 0px;
	box-shadow: none;
	border: 0px solid RGBA(255,255,255,0);
	border-radius: 0px;
	opacity: 0.4;
	margin: 3px;
	transition: all 0.4s;
	background-size: cover;
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
}
div.n2-ss-slider .n2-thumbnail-dot.n2-active,
div.n2-ss-slider .n2-thumbnail-dot:hover,
div.n2-ss-slider .n2-thumbnail-dot:focus {
	border: 0px solid RGBA(255,255,255,0.8);
	opacity: 1;
}

div.n2-ss-slider .n2-thumbnail-dot img {
	object-fit: cover;
	max-width: none !important;
	width: 100px;
	height: 60px;
}

div.n2-ss-slider .nextend-thumbnail-button {
	position: absolute;
	display: grid;
	place-content: center;
	transition: all 0.4s;
	cursor: pointer;
	visibility: hidden;
	height: 100%;
	left: 10px;
	transform: translateX(min(-100px,calc(-110%))) rotateZ(-90deg);
	opacity: 0;
}
div.n2-ss-slider .nextend-thumbnail-horizontal .nextend-thumbnail-next {
	position: absolute;
	display: grid;
	place-content: center;
	transition: all 0.4s;
	cursor: pointer;
	visibility: hidden;
	height: 100%;
	right: 10px;
}


/*= Inventory Filters --------------------------------------------------------*/
.integ-loader {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.5);
}
.integ-loader img,
.integ-loader svg {
	width: 100px;
	height: 100px;
}
.loading .integ-loader {
	display: flex;
}


body:not(.elementor-editor-active) .integ-hidden {
	display: none!important;
}

.integ-filter-column.integ-has-filter .integ-filter-toggle,
.integ-filter-column.integ-sort-column .wpgb-sort-facet .wpgb-sort {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 0px 15px 0px 8px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0px 0px 20px 0px;
	height: 40px;
	min-height: 40px;
	border: 2px solid white;
	border-radius: 3px;
}

.integ-filter-column.integ-has-filter .integ-filter-toggle span {
	margin-right: 10px;
}

.integ-filter-column.integ-has-filter:not(.active) .integ-filter-toggle .fa-angle-up,
.integ-filter-column.integ-has-filter.active .integ-filter-toggle .fa-angle-down {
	display: none;
}

.integ-filter-column.integ-sort-column .elementor-widget-wrap {
	padding: 0!important;
}
.integ-filter-column.integ-sort-column .wpgb-sort-facet .wpgb-sort {
	padding-top: 0;
	padding-right: 35px;
	padding-bottom: 0;
}
.integ-filter-column.integ-sort-column .wpgb-sort-facet .wpgb-select-separator,
.wpgb-sort-facet .wpgb-select-controls svg {
	display: none;
}
.wpgb-sort-facet .wpgb-select-controls {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.wpgb-sort-facet .wpgb-select-controls:before {
	content: "\f107";
	top: 50%;
	position: absolute;
	right: 15px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #fff;
}

/*
* After updating Elementor, the class name changed from .elementor-column-wrap to .elementor-widget-wrap
* replaced with code below.
* 08/31/2023 - XZ Data Design (Alex)
*
* Moved filters to the side bar insterad of over the listings.
* replaced with code below.
* 12/18/2023 - XZ Data Design (Alex)
*/
.integ-filter-column.integ-has-filter .elementor-widget-wrap {
	display: none;
	position: absolute;
	top: 50px;
	z-index: 10;
	background: #424242;
	border: 2px solid white;
	border-radius: 3px;
}

.integ-filter-column.integ-has-filter.active .elementor-widget-wrap {
	display: block;
}

.integ-filter-row .integ-filter-column .jet-filter.jet-smart-filters-search,
.integ-sort-column .jet-filter.jet-smart-filters-sorting,
.integ-filter-row .integ-filter-column .wpgb-autocomplete-facet {
	height: 40px;
	min-height: 40px;
}
.wpgb-facet .wpgb-autocomplete-facet input[type="search"],
.wpgb-facet select.wpgb-select {
	height: 40px;
	min-height: 40px;
}
.integ-filter-row .integ-filter-column .jet-search-filter__input {
	height: 34px;
	padding: 10px;
}
.integ-filter-row .integ-filter-column .jet-search-filter__submit {
	height: 34px;
	padding: 10px;
}

.integ-filter-row .wpgb-facet .wpgb-color-facet .wpgb-inline-list {
	flex-direction: column;
}
.integ-filter-row .wpgb-facet .wpgb-color-facet .wpgb-color {
	align-items: center;
}
.integ-filter-row .wpgb-facet .wpgb-color-facet .wpgb-color-label {
	cursor: pointer;
	position: static;
	opacity: 1;
	background: transparent;
	color: #000;
	transform: none;
}
.integ-filter-row .wpgb-facet .wpgb-color-facet .wpgb-color-label:after {
	display: none;
}
.integ-filter-row .wpgb-facet .wpgb-color-facet .wpgb-color:hover:not([tabindex="-1"]) .wpgb-color-label {
	transform: none;
}

.wpgb-sort.wpgb-select option {
	background-color: #424242;
}

.wpgb-sort.wpgb-select option:hover {
	background-color: #F00D1E;
}

/*
* Fade-in and fade-out animation for telephone number in the header navbar.
* 09/26/2023 - XZ Data Design (Alex)
* 07/15/2025 - XZ Data Design (Alex)
*  -Revised class names
* ========================================================================== */
.elementor-widget.display-on-sticky-phone-number {
	opacity: 0;
	transition: opacity 300ms linear 100ms;
	-webkit-transition: opacity 300ms linear 100ms;
	-moz-transition: opacity 300ms linear 100ms;
	-o-transition: opacity 300ms linear 100ms;
}

.elementor-widget.display-on-sticky-phone-number.headerPhoneNumber--visible {
	opacity: 1;
}

/* Fade-in and fade-out animation end
 * ========================================================================== */

/*
* Boostrap Icons
* 12/18/2023 - XZ Data Design (Alex)
* ========================================================================== */
.bi::before {
  display: inline-block;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
}

/* Boostrap Icons end
 * ========================================================================== */

/*
* Footer menu customizations.
* The footer now uses a dynamic menu.
* 12/18/2023 - XZ Data Design (Alex)
* ========================================================================== */
.menu-footer-menu-container .bi::before {
	font-size: 0.8em;
	font-weight: bold!important;
}

.menu-footer-menu-container ul {
	list-style: none;
}

.menu-footer-menu-container ul, .menu-footer-menu-container ol {
	margin: 0 0 0 0;
}

.menu-footer-menu-container {
	font-size: 1em;
	font-weight: 400;
}

.menu-footer-menu-container .menu-item-has-children > a {
  font-size: 1.8em;
	font-weight: 700;
	line-height: 1em;
}

.menu-footer-menu-container .menu-item-has-children > a:hover {
	cursor: text;
	color: #fff;
}

.menu-footer-menu-container .sub-menu a {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.8em;
}

.menu-footer-menu-container .sub-menu {
	margin-bottom: 20px;
}

.menu-footer-menu-container .sub-menu li:before {
	color: #fff;
	content: "\F285";
	margin-right: 0.5em;
}

.menu-footer-menu-container a {
	color: #fff;
	font-weight: 400;
}

.menu-footer-menu-container a:hover {
	color: #F00D1E;
}

/* Footer menu customizations end
 * ========================================================================== */

/*
* WP Blocks customizations
* 01/19/2024 - XZ Data Design (Alex)
* ========================================================================== */
.wp-element-button, .wp-block-button__link {
  background-color: #c00d1e;
	border-radius: 3px;
  color: #fff;
}

a.wp-element-button, a.wp-block-button__link {
  color: #fff;
}

a:hover.wp-element-button, a:hover.wp-block-button__link {
  color: #fff;
	background-color: #f00d1e;
}

/*
* WP Blocks customizations end
* ========================================================================== */

/*
* Elementor Supplements.
* 7/15/2025 - XZ Data Design (Alex)
* ========================================================================== */
.elementor-widget.is-aspect-ratio--1-1 img {
  aspect-ratio: 1/1;
}

.elementor-widget.is-aspect-ratio--3-2 img {
  aspect-ratio: 3/2;
}

.elementor-widget.is-aspect-ratio--4-3 img {
  aspect-ratio: 4/3;
}

.elementor-widget.is-aspect-ratio--16-9 img {
  aspect-ratio: 16/9;
}

.elementor-widget.is-aspect-ratio--16-10 img {
  aspect-ratio: 16/10;
}

.elementor-widget.is-aspect-ratio--21-9 img {
  aspect-ratio: 21/9;
}
.elementor-widget.is-object-fit--cover img {
  object-fit: cover;
}

/*
* Elementor Supplements end
* ========================================================================== */