/**
Theme Name: Steel and Pipe
Author: steelandpipe
Author URI: https://steelandpipe.com/
Description: This is the child theme of kadence theme for the Steel and Pipe site.
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: steelandpipe
Template: kadence
*/
/* Base Button */
.base-btn{transition: width 0.35s ease;}
.base-btn .kb-svg-icon-wrap,.product-cards .wp-block-kadence-column .kt-adv-heading-has-icon .kb-svg-icon-wrap{font-size: 0 !important;height: 12px !important;width: 26px !important; overflow: hidden;transition: width 0.4s ease, transform 0.4s ease; display: flex;
  justify-content: flex-end;}
.base-btn .kb-svg-icon-wrap svg,.product-cards .wp-block-kadence-column .kt-adv-heading-has-icon .kb-svg-icon-wrap svg{transition: all 400ms ease;height: 12px !important;width: 36px !important;}
.base-btn:hover .kb-svg-icon-wrap,.product-cards .wp-block-kadence-column:hover .kt-adv-heading-has-icon .kb-svg-icon-wrap{transform: translateX(5px) !important;width: 36px !important;font-size: 0 !important;transition: all 500ms ease;}
.base-btn:hover .kb-svg-icon-wrap svg,.product-cards .wp-block-kadence-column:hover .kt-adv-heading-has-icon .kb-svg-icon-wrap svg{width: 36px !important;}
/* .base--btn:hover .kb-svg-icon-wrap svg{display:none;}
.base--btn:hover .kb-svg-icon-wrap {background:url(/wp-content/uploads/2026/01/Arrow-1.svg) no-repeat center / contain;width:36px;height:12px;} */
.arrow-icon .zoom-col-1 .kb-svg-icon-wrap,.arrow-icon .zoom-col-2 .kb-svg-icon-wrap,.arrow-icon .zoom-col-3 .kb-svg-icon-wrap,.arrow-icon .zoom-col-4 .kb-svg-icon-wrap{font-size: 0 !important;height: 12px !important;width: 28px !important;transition: all 400ms ease;}
.arrow-icon .zoom-col-1 .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-2 .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-3 .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-4 .kb-svg-icon-wrap svg{transition: all 400ms ease;height: 12px !important;width: 28px !important;}
.arrow-icon .zoom-col-1:hover .kb-svg-icon-wrap,.arrow-icon .zoom-col-2:hover .kb-svg-icon-wrap,.arrow-icon .zoom-col-3:hover .kb-svg-icon-wrap,.arrow-icon .zoom-col-4:hover .kb-svg-icon-wrap{transform: translateX(5px) !important;width: 36px !important;font-size: 0 !important;transition: all 400ms ease;}
.arrow-icon .zoom-col-1:hover .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-2:hover .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-3:hover .kb-svg-icon-wrap svg,.arrow-icon .zoom-col-4:hover .kb-svg-icon-wrap svg{width: 36px !important;}

/* Base Button */
body{position:relative;}
.home-banner{height:100vh;}
.home-banner .kt-row-overlay-gradient{opacity:1 !important;}
.header-fix{position:absolute;left:0;right:0;background:transparent;top:35px;}
.inner-banner-overlay .kt-row-layout-overlay{    background: initial !important;
    opacity: 1 !important;}
.inner-banner-overlay .kt-row-layout-overlay:before{    content: "";position: absolute; top: 0; left: 0; width: 100%;height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0) 100%); pointer-events: none;}
.inner-banner-overlay .kt-row-layout-overlay:after{content: ""; position: absolute;bottom: 0; left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0) 100%);pointer-events: none;}
.inner-banner-overlay .kadence-bc-home,.inner-banner-overlay .kadence-breadcrumb-container{font-size:16px;font-weight:500;color:#fff;text-decoration:none !important;}
.inner-banner-overlay .kadence-bread-current{color:#D0D5DD;    padding-left: 10px;}
.inner-banner-overlay .kadence-breadcrumb-container .bc-delimiter { color: transparent !important;display: inline-block; position: relative;}
.inner-banner-overlay .kadence-breadcrumb-container .bc-delimiter:before {content: ">";font-size: 14px;margin: 0 10px;position: absolute;left: -6px;color: #fff !important;}
.leadership-box .wp-block-kadence-column .kadence-info-box-image-inner-intrisic img{transform:scale(1);transition: all 0.3s ease-in-out;}
.leadership-box .wp-block-kadence-column:hover .kadence-info-box-image-inner-intrisic img{transform:scale(1.03);}
/* START : Home-Hover-Image-Full */
.row-hover-zoom {position: relative;}
.row-hover-zoom > .kt-row-column-wrap {position: relative;overflow: hidden;}
.row-hover-zoom > .kt-row-column-wrap::before {content: "";position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; opacity: 0.5;transform: scale(1);transition: transform 0.6s ease, opacity 0.3s ease;z-index: 4;pointer-events: none;}
.row-hover-zoom:hover > .kt-row-column-wrap::before {opacity: 1;transform: scale(1.05);}
.row-hover-zoom .wp-block-kadence-column.zoom-col-1,.row-hover-zoom .wp-block-kadence-column.zoom-col-2,.row-hover-zoom .wp-block-kadence-column.zoom-col-3,.row-hover-zoom .wp-block-kadence-column.zoom-col-4 {position: relative; z-index:4;height:100%;}
.row-hover-zoom .kt-inside-inner-col{height:100%;}
.row-hover-zoom .wp-block-kadence-infobox { position: relative; z-index: 3;transition: color 0.3s ease;}
.row-hover-zoom:has(.zoom-col-1:hover) .wp-block-kadence-infobox { z-index: 1;background-color:transparent !important;}
.row-hover-zoom:has(.zoom-col-1:hover) .zoom-col-1 .kt-blocks-info-box-title,.row-hover-zoom:has(.zoom-col-2:hover) .zoom-col-2 .kt-blocks-info-box-title,.row-hover-zoom:has(.zoom-col-3:hover) .zoom-col-3 .kt-blocks-info-box-title,.row-hover-zoom:has(.zoom-col-4:hover) .zoom-col-4 .kt-blocks-info-box-title { color: #BF0101;}
.row-hover-zoom .kt-blocks-info-box-text {opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
.row-hover-zoom .wp-block-kadence-column:hover .kt-blocks-info-box-text {opacity: 1;visibility: visible;}
.row-hover-zoom .kt-blocks-info-box-link-wrap{background-color:transparent !important;padding:0 !important;}
/* END : Home-Hover-Image-Full */

.processing-slider .splide__arrow--prev{background:url(/wp-content/uploads/2026/01/Arrow.svg) no-repeat center/contain !important;transform:rotate(180deg) !important;width:36px !important;}
.processing-slider .splide__arrow--next{background:url(/wp-content/uploads/2026/01/Arrow.svg) no-repeat center/contain !important;width:36px !important;}
.processing-slider .splide__arrow--prev svg,.processing-slider .splide__arrow--next svg{display:none;}
.processing-slider .kb-splide.kb-slider-group-arrows .splide__arrows{    justify-content: center;bottom:-50px;left:0;right:0;}
button[aria-label="Go to first slide"]{pointer-events: none !important;opacity: 0.3 !important; cursor: not-allowed !important;}
button[aria-label="Go to last slide"]{pointer-events: none !important;opacity: 0.3 !important; cursor: not-allowed !important;}
.hero-diagonal__shape{   position: relative;overflow: hidden;}
.hero-diagonal__shape::before{content: ""; position: absolute;top: 0;bottom: 0;left: 0;width: 100%;background: #fff; clip-path: polygon(36% 0%, 100% 0%, 100% 100%, 0% 100%);z-index: 2; pointer-events: none;}
/* .hero-diagonal__shape::after{content: ""; position: absolute;inset: 0px; background-image: url(/wp-content/uploads/2026/07/image005.webp);background-size: cover;background-position: 100%; background-repeat: no-repeat;clip-path: polygon(37% 0%, 100% 0%, 100% 100%, 0% 100%);z-index: 2; pointer-events: none; width: 96%; margin-left: auto;} */
.comman-tab .wp-block-kadence-tabs .kt-tabs-title-list{flex-wrap:nowrap;}
.comman-tab .kt-inside-inner-col{box-shadow:0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);}
.comman-tab ul li{margin:0 !important;}
.comman-tab ul.kt-tabs-title-list li:last-child{border-right:1px solid #000;}
.comman-tab ul.kt-tabs-title-list li:first-child{border-left:1px solid #000;}
.dataTables_length{padding-left:24px;}
.dataTables_filter{padding-right:24px;}
.dataTables_info {font-size: 14px !important;font-weight: 400;color: #101010;padding:20px 24px 29px!important;margin-top:0 !important;}
.wpDataTablesWrapper{margin-bottom:0 !important;}
.wpDataTablesWrapper table.wpDataTable tr.even td { background-color: #EAECF0 !important;}
.wpDataTablesWrapper table.wpDataTable tr.odd td {background-color: #fff !important;}
.wpDataTablesWrapper table.wpDataTable tr.even td.sorting_1 {background-color:#EAECF0 !important;}
.wpDataTablesWrapper table.wpDataTable td{border:0 !important;}
.comman-tab table.wpDataTable td.numdata { text-align: center !important;}

.comman-tab .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc, .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc, .wpDataTablesWrapper table.wpDataTable thead th.sorting:hover, .wpDataTablesWrapper .wdt-checkbox-filter.btn:hover{background-color:#1D2939 !important;}

.wpDataTablesWrapper table.wpDataTable > thead > tr > th, .wpDataTablesWrapper table.wpDataTable thead th.sorting, .wpDataTablesWrapper .wdt-checkbox-filter.btn{background-color:#475467 !important;border: 0;}
.wpDataTablesWrapper table.wpDataTable thead th,.wpDataTablesWrapper table.wpDataTable tr td{font-size:14px;text-align: center !important;    height: 40px !important;}
.wpDataTablesWrapper .dataTables_filter label, .wpDataTablesWrapper .dataTables_length label{font-size:14px !important;}
.wpDataTablesWrapper .dataTables_paginate .paginate_button.current, .wpDataTablesWrapper .dataTables_paginate .paginate_button.current:hover{background-color:#475467 !important;font-size:14px !important;font-weight:600 !important;    line-height: 25px;height:40px;}
.wpDataTablesWrapper .dataTables_paginate > .paginate_button{font:initial !important;text-indent: 0 !important;font-size:14px !important;font-weight:400 !important;color:#101828 !important;    font-family: Overpass, sans-serif !important;}
.wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:before, .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:hover:before, .wpDataTablesWrapper .dataTables_paginate .paginate_button.disabled:active:before,.wpDataTablesWrapper .paginate_button.last:before,.comman-tab .paginate_button.last,.comman-tab .paginate_button.first{display:none !important;}
.comman-tab .wpDataTablesWrapper .paginate_button.previous:before{content:"" !important;background:url(/wp-content/uploads/2026/01/arrow-left.svg) no-repeat center / contain;width:20px;height:20px;padding:0;}
.comman-tab .wpDataTablesWrapper .paginate_button.next:before{content:"" !important;background:url(/wp-content/uploads/2026/01/Icon.svg) no-repeat center / contain;width:15px;height:15px;padding: 0; position: absolute; right: 21px;top: 13px;}
.comman-tab .kt-title-item a{justify-content:space-between;}
.comman-tab .kt-title-item a .kb-svg-icon-wrap{display:none;}
.wpDataTablesWrapper.wpdt-pagination-right .dataTables_paginate{position:relative;padding-right:24px;margin-top:13px;}
.wpDataTablesWrapper .paginate_button.previous:hover:before,.wpDataTablesWrapper .dataTables_paginate .paginate_button:hover:not(.disabled){background-color:transparent !important;padding:0.6em 1.164em 0.4em 1.164em !important;}
.wpDataTablesWrapper .paginate_button.next:hover:before,.wpDataTablesWrapper .paginate_button.previous:hover:before{padding:0 !important;}
.header-top-row .kadence-header-row-inner{max-width:1370px;padding:0 25px !important;}
.footer__products ul.kb-navigation.menu{display:grid !important;grid-template-columns: 1fr 1fr;column-gap: 55px;}
/* --- manual placement like screenshot --- */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(1){ grid-column: 1; grid-row: 1;    width: 100px; } /* Angles */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(2){ grid-column: 1; grid-row: 2;     width: 100px;} /* Bars */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(3){ grid-column: 1; grid-row: 3;     width: 100px;} /* Beams */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(4){ grid-column: 1; grid-row: 4;     width: 100px;} /* Channel */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(5){ grid-column: 2; grid-row: 1; } /* Sheet and Plate */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(6){ grid-column: 2; grid-row: 2; } /* Tube and Pipe */
header .menu-container ul li:nth-child(3) > ul.sub-menu > li:nth-child(7){ grid-column: 2; grid-row: 3; } /* Other Products */
.site-header .kadence-navigation .menu-item-has-children:hover > .sub-menu {display: block;}
.product-cards .wp-block-kadence-column:hover .kb-svg-icon-wrap svg{color:#000;}
.careers-card .wp-block-kadence-column .kt-blocks-info-box-text{display:none;}
.careers-card .wp-block-kadence-column:hover .kt-blocks-info-box-text{display:block;}
.careers-card .wp-block-kadence-column:hover .kt-blocks-info-box-link-wrap{background-color:transparent;}
.careers-card .wp-block-kadence-column .kt-blocks-info-box-link-wrap{background-color:transparent;}
.careers-card .wp-block-kadence-column .wp-block-kadence-infobox{    transition: all .3s ease;}
.careers-card .kt-row-column-wrap{overflow:hidden;}
.careers-card .wp-block-kadence-column:hover .wp-block-kadence-infobox{transform: translateY(-21px);}
.home-banner .kb-section-link-overlay:hover{color:#BF0101;}
.content-width{max-width:864px;margin:0 auto;}
.home-banner .home-banner__call:hover .kt-inside-inner-col .hover-text .has-text-color {
	color: #bf0101;
}
.home-banner__call{width:fit-content;}
.home-banner .home-banner__call:hover .kt-inside-inner-col svg{fill: #bf0101 !important;}
.home-banner .kt-inside-inner-col svg,
.home-banner .kt-inside-inner-col .hover-text .has-text-color {
	transition: all 0.3s ease;
}
.steel-timeline .steel-timeline__inner:after{content: "";position: absolute;left: 0; right: 0; width: 1px; height: 100%; border-color: #D0D5DD; border: 1px solid #D0D5DD;text-align: center; margin: 0 auto;top: 170px;}
.steel-timeline .steel-timeline__inner:last-child:after{top:-51%;}
.steel-timeline .steel-timeline__inner:nth-child(1):after{    top: 50%;}
.contact-form select{height:60px;background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUgNy41TDEwIDEyLjVMMTUgNy41IiBzdHJva2U9IiM5OEEyQjMiIHN0cm9rZS13aWR0aD0iMS42NjY2NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=")
no-repeat calc(100% - 6px) center  #fff !important;appearance: none !important;}
.hover-text:hover h2{color:#BF0101;}
.top-header .wp-block-kadence-column:nth-child(2){width:105px;}
footer.custom-footer ul li .kb-link-wrap a.kb-nav-link-content,footer.custom-footer ul li .kb-link-wrap {width:fit-content !important;}
.contact-form .kt-inside-inner-col{box-shadow: 0 8px 8px -4px rgba(16, 24, 40, 0.03), 0 20px 24px -4px rgba(16, 24, 40, 0.08);background-color: #fff !important;}
.table-scroll table.wpDataTable{border-bottom: 1px solid #344054 !important;}
.comman-tab ul.kt-tabs-title-list li{border-bottom: 1px solid #344054;}


@media (min-width:1025px){
.row-hover-zoom:has(.zoom-col-2:hover)  > .kt-row-column-wrap::before {background-image: url("m/wp-content/uploads/2025/12/plasma3-1.webp");transform-origin: center center;}
.row-hover-zoom:has(.zoom-col-3:hover)  > .kt-row-column-wrap::before {background-image: url("/wp-content/uploads/2026/01/Image-Container-2.webp");transform-origin: center center;}
.row-hover-zoom:has(.zoom-col-4:hover) > .kt-row-column-wrap::before {background-image: url("/wp-content/uploads/2026/01/inner-banner.webp");transform-origin: right center;}
.row-hover-zoom:has(.zoom-col-1:hover) .kt-inside-inner-col,.row-hover-zoom:has(.zoom-col-2:hover) .kt-inside-inner-col,.row-hover-zoom:has(.zoom-col-3:hover) .kt-inside-inner-col,.row-hover-zoom:has(.zoom-col-4:hover) .kt-inside-inner-col{background:unset !important;}
.row-hover-zoom:has(.zoom-col-1:hover)  > .kt-row-column-wrap::before {background-image: url("/wp-content/uploads/2026/01/Image-Container-3.webp");transform-origin: left center;}
header .menu-container ul li:nth-child(1) ul{max-width:168px;}
header .menu-container ul li:nth-child(2) ul{max-width:137px;}
header .menu-container ul li:nth-child(3) ul{max-width:252px; display: grid;grid-template-columns: 1fr 1fr;}
header .wp-block-kadence-navigation-link .kb-nav-arrow-svg,header .wp-block-kadence-navigation-link .kadence-svg-icon{top:0 !important;}

	
}
@media (max-width:1440px){
	.hero-diagonal__shape::before { content: "";position: absolute;top: 0;bottom: 0;left: 0; width: 100%; background: #fff; clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);z-index: 2;pointer-events: none;}
	.hero-diagonal__shape::after { content: ""; position: absolute; inset: 0px !important;background-image: url(/wp-content/uploads/2026/07/image005.webp) !important; background-size: cover; background-position:100% !important; background-repeat: no-repeat; clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%) !important; z-index: 2; pointer-events: none; width: 96% !important;margin-left: auto !important;}
	.leadership-box .kt-blocks-info-box-media,.leadership-box .kadence-info-box-image-inner-intrisic-container,.leadership-box .kadence-info-box-image-intrisic,.leadership-box  .kadence-info-box-image-inner-intrisic img{width:100% !important;max-width:100% !important;}
	.hero-diagonal__left{padding-left:50px !important;}
}
@media (max-width:1199px){
		.row-hover-zoom > .kt-row-column-wrap {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}
 	.table-scroll{overflow: hidden;width: 100%;overflow-x: scroll;}
}
@media (max-width: 1024px){
	.hero-diagonal__shape{height:400px;object-fit:cover;}
	.hero-diagonal__shape::after{width: 100% !important;clip-path: inherit !important;}
	.hero-diagonal__shape::before{display:none !important;}
	.row-hover-zoom > .kt-inside-inner-col:before {opacity: 0.7 !important;background-color: var(--global-palette3, #1A202C) !important; background-image: none !important;}
	.row-hover-zoom .wp-block-kadence-column .kt-blocks-info-box-text {opacity: 1;visibility: visible;}
	header .kb-navigation li{width:100% !important;}
header .kb-navigation li .kb-link-wrap{display:flex;justify-content:space-between;}
	header .kb-navigation li ul.sub-menu{position:initial !important;background:transparent !important;}
	header .kb-navigation li.menu-item--toggled-on .kb-nav-dropdown-toggle-btn{    transform: rotate(180deg);}
	.steel-timeline .steel-timeline__inner:last-child:after {top: 0;}
	.steel-timeline .steel-timeline__inner:nth-child(1):after {top: 4%;height: 126%;}
	.wp-block-kadence-off-canvas4595_7b88b2-de .kb-off-canvas-close svg{stroke:#fff !important;}
		.wp-block-kadence-off-canvas-trigger{color:#fff !important;background-color:#bf0101 !important;}
		header .wp-block-kadence-navigation.navigation-mobile-orientation-horizontal .sub-menu>li>.kb-link-wrap .kb-nav-arrow-svg{transform: rotate(180deg);}
header .wp-block-kadence-navigation.navigation-mobile-orientation-horizontal .sub-menu>li.menu-item--toggled-on>.kb-link-wrap .kb-nav-arrow-svg{transform: rotate(360deg);}
}
@media (max-width: 767px){
	.comman-tab .kt-title-item a .kb-svg-icon-wrap{display:inline-flex;}
	.comman-tab .kt-title-item.kt-tab-title-active a .kb-svg-icon-wrap{    transform: rotate(180deg);}
	.wpDataTablesWrapper .dataTables_filter{padding-left:20px;}
	.hero-diagonal__shape{height:250px ;object-fit:cover;padding-left:25px !important;}
	.leadership-box .wp-block-kadence-column .kadence-info-box-image-inner-intrisic,.leadership-box .wp-block-kadence-column .kadence-info-box-image-inner-intrisic img,.leadership-box .wp-block-kadence-column .kadence-info-box-image-intrisic,.leadership-box .wp-block-kadence-column .kadence-info-box-image-inner-intrisic-container,.leadership-box .wp-block-kadence-column .kt-blocks-info-box-media{width:100% !important;max-width:initial !important;}	
	.video-popup .kb-svg-icon-wrap{font-size:48px !important;}
	    .row-hover-zoom > .kt-row-column-wrap {grid-template-columns: repeat(1, minmax(0, 1fr)) !important;}
	.hero-diagonal__left {padding-left: 0px !important;}
	.navigation-mobile-dropdown-animation-none ul li a{color:#fff !important;}
	.contact-box .kt-mobile-layout-row .kt-row-column-wrap{grid-template-columns: 1fr 4fr!important;gap:0 !important;}

	.steel-timeline .steel-timeline__inner:nth-child(1):after { top: 0%;}
	.careers-card .wp-block-kadence-column .kt-blocks-info-box-text{display:block;color:#fff !important;}
	.comman-tab .kt-inside-inner-col{box-shadow:unset;}
	.wpDataTablesWrapper .dataTables_paginate{margin-bottom:20px !important;    float: left !important;}
	.dataTables_info{padding: 20px 17px 9px !important;}
	.home-banner__call{margin:0 auto;}
}
@media (max-width:575px){
	.home-banner .global-buttons .kb-button{width:80%;}
}