/***********************************
*
*      Work Instructions
* 
***********************************/

.d-none {
	display: none;
}

#work-instruction-results-inner > * {
	margin-top: 10px;
}

#work-instruction-results-inner > a {
	margin: 10px;
	font-size: 1.25rem;
}

#work-instruction-results-inner {
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
}

#work-instruction-results-inner .no-results {
	font-size: 2rem;
	font-weight: 600;
}

.work-instructions-button-group {
	display: flex;
}

/*************************************
*
*      Parts Order Tracking
*
*************************************/

#parts-order-container form,
#parts-order-container hr,
#parts-order-container h2,
#parts-order-container h3 {
	max-width: 400px;
	margin-inline: auto;
}

#parts-order-search-results {
	margin-inline: auto;
}

.parts-order-input-group {
	margin: 10px;
}

.parts-order-input-group {
	display: grid;
	grid-template-columns: 1fr 2fr;
}

#parts-order-search-results-inner {
	display: grid;
	grid-template-columns: max-content max-content;
	justify-content: center;
}

#parts-order-search-results-inner p {
	margin: 4px;
}

#parts-order-search-results-inner p:nth-child(odd) {
	justify-self: end;
}

.modules .content-part-tracking #parts-order-search-results.parts-order-results-hidden,
.parts-order-results-hidden,
.advanced-search-hidden,
.sn-results-hidden,
.tops-hidden,
.work-instructions-hidden {
	display: none !important;
}

#parts-order-part-list-table {
	border-collapse: collapse;
	margin-inline: auto;
}
#parts-order-part-list-table td,
#parts-order-part-list-table th {
	border: 1px solid lightgray;
	border-collapse: collapse;
	padding: 4px;
}

#selected-cell {
	outline: 3px solid lightblue;
}

#po-results-spinner {
	font-size: 80px;
	color: #005581;
	opacity: 0.75;
	margin: 10px;
}

#po-results-spinner-container {
	text-align: center;
}

.searchandfilter {
	opacity: 0;
	transition-delay: 0.2s;
	transition: 0.2s;
}

/****************************
*
*  Serial Number Results
*
*****************************/

#sn-results-spinner {
	font-size: 80px;
	color: #005581;
	opacity: 0.75;
}

#sn-results-spinner-container {
	text-align: center;
}



.wppb-alert-title {
	display: none !important;
}

div .tax-product_main_subcategory .category_information {
	margin: 75px auto !important;
	max-width: 100%;
}

@media (min-width: 1024px) {
	#search-results-panel {
		min-width: 1024px;
	}
}

.toggle-buttons {
	display: flex;
	justify-content: center; 
	align-items: center; 
	margin-top: 20px;
  }
  
  .toggle-buttons .btn {
	padding: 15px 20px;
	margin-top: 10px;
	cursor: pointer;
  }
  
.page-id-91895 {

	.dark-grey {
		color: grey;
	}

	.blue {
		color: #005581;
	}

	.light-blue {
		color: #00B9F2;
	}

	.two-column {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		max-width: 1200px;
		margin: auto;

		&>div {
			border-radius: 10px;
		}

		ul,
		li {
			margin: 12px 20px !important;
			line-height: 1.5rem !important;
			text-align: left;
			max-width: 100% !important;
		}

		.heading-container {
			width: 100%;
			text-align: center;
			padding: 10px 0;
			position: relative;
			z-index: 1;
		}

		.heading-container::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(255, 255, 255, 0.2);
			z-index: -1;
		}

		.bg_grey {
			color: gray;
			background: #e0e0e0;
			background: linear-gradient(90deg, rgba(224, 224, 224, 1) 0%, rgba(237, 237, 237, 1) 100%);
		}

		.bg_blue {
			color: white;
			background: #145f7d;
			background: linear-gradient(90deg, rgba(20, 95, 125, 1) 0%, rgba(32, 168, 217, 1) 100%);
		}
	}
	h1.white{
		margin-bottom: 1.5rem !important;
	}

	.swiper-gallery-next{
		top: 40% !important;
    	right: 1% !important;
	}

}

.stadium-icons {
display: flex;
width: clamp(760px, 45%, 100%);
margin: auto;
gap: 13.333%;
flex-wrap: wrap;

img {
	max-width: 100%;
}

.icon-group {
	text-align: center;
	width: 15%;
	padding: 20px 0;
}

}

@media (max-width: 1024px) {
	.page-id-91895{
		.two-column{
			grid-template-columns: 1fr;
		}

		.stadium-icons{
			width: clamp(380px, 45%, 100%);
			gap: 20%;
			.icon-group{
				width: 40%;
			}
		}
	}
}
@media (max-width:600px) {
	.swiper-gallery-next{
		width: 47px;
	}
}

/* auto slider */
.content-auto-slider .swiper {
  overflow: visible;
}