@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&  display=swap');

	html{ scroll-behavior: smooth; }
	main#page-content-wrap{ padding-bottom:0; }
	section{ font-family: "IBM Plex Sans", sans-serif !important; }
	section h1, section h2, section h3{ font-family:"IBM Plex Serif", serif !important; font-weight: 600 !important; }
	section p{ margin-bottom:10px; font-family: "IBM Plex Sans", sans-serif !important; font-weight:300 !important; }
	section a{ color:inherit; font-family: "IBM Plex Sans", sans-serif !important;  text-decoration: none; }
	section a:hover{ text-decoration: none; }


	/* Accessory classes */
	.spqn-sans{ font-family: "IBM Plex Sans", sans-serif !important; }
	.spqn-serif{ font-family:"IBM Plex Serif", serif !important; }
	.text-white{ color:white !important; }
	.bg-gray-light{ background-color:#c1c2c3; }
	.bg-black{ background-color:black !important; }
	.bg-spqn-orange{ background-color:#f04924; }
	.fw-600{ font-weight:600 !important; }
	.w-100{ width:100%; }
	@media(min-width:768px){
	.border-between > *:first-child{ border-right:1px solid lightgray; }
	}
	.fs-1{ font-size:48px; }
	.fs-2{ font-size:36px; }
	.fs-3{ font-size:28px; }
	.fs-4{ font-size:24px; }
	.fs-5{ font-size:18px; }
	.fs-6{ font-size:16px; }
	.fs-7{ font-size:12px; }

	@media(max-width:768px){
		.fs-1{ font-size:32px; }
		.fs-2{ font-size:24px; }
		.fs-3{ font-size:18px; }
		.fs-4{ font-size:16px; }
		.fs-5{ font-size:16px; }
		.fs-6{ font-size:16px; }
		.fs-7{ font-size:14px; }
	}

	/* Type */
	.spqn-cat{ text-align: center; display:block; }
	.spqn-title{ font-family:"IBM Plex Serif", serif !important; font-weight:600 !important; text-transform:uppercase !important; }
	.spqn-subtitle{ font-family: "IBM Plex Sans", sans-serif !important; font-weight:400 !important; text-transform:uppercase !important; }
	.spqn-cat-title{ color:#f04924 !important; font-weight:500 !important; text-transform: capitalize !important; }
	.spqn-cat-link{ display:flex; justify-content:center; align-items: center; color:black !important; text-transform: uppercase !important; font-weight:600 !important; }
	.spqn-cat-link::after{ content:''; display:inline-block; position:relative; height:1em; width:auto; aspect-ratio: 1 / 1; max-width:100%; background-image: url(/custom_fsearch_pages/custom_content_blocks/spq_custom_assets/images/Arrow-Orange.png?ccid=x3fc01757); background-position:center; background-size:contain; background-repeat: no-repeat; margin-left:.5em; pointer-events: none; transition: transform .3s ease-out; }
	.spqn-cat:hover .spqn-cat-link:after{ transform: translateX(.5em) ; }

	/* general styles */
	.spqn-logo{ width:100%; max-width:300px; filter: grayscale(1) brightness(0) invert(1); }
	.spqn-hero{ position:relative; display:flex; justify-content:center; align-items:center; background-image: url(/custom_fsearch_pages/custom_content_blocks/spq_custom_assets/images/Banner_1920x518_SteelRolls.jpg?ccid=x3fc01757); background-size: cover; background-position:center; background-repeat: no-repeat; min-height:400px; }
	.spqn-transparent-orange{ background-color:rgb(196, 36, 0, .75); padding-top:1rem; padding-bottom:2rem; }
	.spqn-hero-arrow{ position:absolute; bottom:0; left:50%; display:inline-block; border-radius:50%; aspect-ratio: 1 / 1; width:100%; max-width:50px; display:flex; justify-content:center; align-items:center; border:10px solid white; box-sizing:content-box; transform:translate(-50%,50%); transition:all .3s ease; }
	.spqn-hero-arrow img{ width:100%; }
	.spqn-hero-arrow:hover{ transform:translate(-50%, 60%); }

	.spqn-gradient{ display:flex; justify-content:center; align-items:center; background-image: url(/custom_fsearch_pages/custom_content_blocks/spq_custom_assets/images/Banner_1920x518_BLK-BG.jpg?ccid=x3fc01757); background-size:100% 50%; background-position:top center; background-repeat: no-repeat; min-height:400px; }
	@media(max-width:768px){
		.spqn-gradient{ background-size:100% 20%; }
	}
	.spqn-cat-img{ width:100%; aspect-ratio: 1 / 1; object-fit: contain; }

	.spqn-video-container{ width:100%; aspect-ratio: 1 / 1.3; position:relative; text-align: center; }
	.spqn-video-container video{ height:100%; width:100%; }
	.spqn-video-title{ color:#f04924 !important; font-weight:500 !important; text-transform: uppercase !important; position: absolute; top: 0; left: 50%; width: 100%; border-radius: 2em; background-color: white; padding: .25em; transform: translate(-50%, -50%); }