2B'; color: #005480; font-weight: bold; position: absolute; left: 50%; bottom: -8px; } .active:after { content: "12"; } .content { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .industries-image {width: 100%; min-height: 190px; max-height: 190px; background-position: center bottom; clear: left;} .industries-image h2 {color: #ffffff; line-height: 190px; text-align: center; font-size: 22px; text-transform: uppercase; font-weight: bold; } .industries-right-col {padding: 0 50px; } .industries-cta-cols h2 {color: #ffffff; text-transform: uppercase;} .industries-cta-cols div.col-sm-4 { height: 300px; text-align: center; line-height: 300px; } .industries-cta-cols div.col-sm-4 div {height: 100%; width: 100%; margin: 0 7px; background-image: url(https://www.dxpe.com/wp-content/uploads/2019/03/engineer-thumb.jpg); background-size: cover;} .industries-cta-cols div.col-sm-4 span { display: inline-block; vertical-align: middle; line-height: normal; } .free-style-wrap {padding: 20px;} /**** add width to header container for wider menu ***/ header .container {width: 1230px;} /***** Canada Page updates ****/ .canada-companies {padding-top: 40px;} h2.companies-title {margin-top: 60px;} @media (max-width: 1200px) { h2.companies-title {margin-top: 0px;} } /*********/ /**** Literature Page ****/ .literature-items a {color: #005480;} .literature-items h4 {color: #005480; background: #bfbfbf; font-size: 18px; text-transform: uppercase; padding: 8px 10px; border-left: 5px solid #005480; } .literature-items .literature-item p {font-size: 1.5rem; text-transform: uppercase; line-height: normal; text-align: center;padding: 10px 0;max-width: 190px; margin: 0 auto; color: #005480; display: table-cell; vertical-align: middle } .literature-items .literature-item img {width: 100%; max-width: 190px; margin: 0 auto; display: block;border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;} .literature-caption { margin: 0 auto; background: #ffffff; overflow: hidden; height: 100px; padding: 0 10px; display: table; width: 100%; border-top: 1px solid #e4e4e4; font-size: 1.125rem;} .card { height: 100%; min-height: 356px; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07); border: 1px solid #d7dadb; background: #ffffff; } .btn.btn-default.btn-literature {display: inline-block; max-width: 335px; font-size: 1.35rem } .button-container {margin-bottom: 50px; position: relative; z-index: 500;} .container.button-container {width: 100%;} .container.button-container .col-dt {text-align: center;} @media (min-width: 1200px){ .container.literature { width: 78%; max-width: 1430px; } .container.button-container {width: 100%;} } /***** end Literature Page ****/ /**** fix line breaks on locations ****/ #map_sidebar div.results_entry, #map_sidebar div.results_entry a, #map_sidebar div.results_entry .location_name { color: #fff; display: block; } /*Full Width Videos*/ .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*makes the left cell of the product tables wider and the right side narrower */ table.lact tr td:nth-child(1) { width: 39%!important; } table.lact tr td:nth-child(2) { width: 61%!important; } /*makes the product tables responsive*/ @media screen and (max-device-width: 600px), screen and (max-width: 600px) { table.lact tr td:nth-child(1) { display: block; width: 100%!important; } table.lact tr td:nth-child(2) { display: block; width: 100%!important; } } /**/ /*form consent checkbox*/ li.consent-checkbox label {display: block!important} li.gchoice_10_7_1 label, li.gchoice_1_7_1 label {display: block!important; font-weight: normal; font-size: 14px!important; float: right;margin-right: 50px!important;} li.gchoice_10_7_1 label a {color: #ffffff!important;text-decoration: underline;} li.gchoice_14_12_1 label, li.gchoice_1_7_1 label {display: block!important; font-weight: normal; font-size: 14px!important; float: right;} li.gchoice_14_12_1 label a {text-decoration: underline;} /* Masonry Blog Custom CSS */ div#sidebar1 .widget {width: 23%; float: left; margin-right: 2%} .widget ul {padding-left: 15px} .widget li {font-size: 1.5rem; line-height: normal; margin-bottom: 8px} label.screen-reader-text {text-indent: -5000px; position: absolute; } h4.widgettitle {font-size: 20px; font-weight: 700; color: #005480;} div#sidebar1 input, button, select, textarea { font-family: inherit; font-size: 18px; line-height: inherit; } input#searchsubmit {width: 33%; float: right; margin-top: 5px; background: #005480; color: #fff; display: block; width: 105px; font-size: 12px; padding: 5px 10px; border-radius: 20px; font-weight: bold; margin-top: 10px;} h1.archive-title.h2 {font-size: 45px} /* Masonry container */ body.blog div#main, body.archive div#main { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; } @media only screen and (max-width: 1024px){ body.blog div#main, body.archive div#main { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; } div#sidebar1 .widget {width: 45%; float: left; margin-right: 2%} } @media only screen and (max-width: 700px){ body.blog div#main, body.archive div#main { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; } div#sidebar1 .widget {width: 100%; float: left; margin-right: 0} } /* Masonry bricks or child elements */ header.article-header {padding-top: 0;} body.blog div#main, body.archive div#main, header.article-header h1 {font-size: 18px!important; padding: 0 10px} body.blog div#main, body.archive div#main, header.article-header p.byline {padding: 0 10px; font-size: 12px; line-height: normal; margin-bottom: 0} body.blog div#main article section p, body.archive div#main article section p {padding: 0 10px; line-height: 20px; font-size: 14px;} body.blog article, body.archive article { background-color: #fff; display: inline-block; margin: 0 0 1em; padding: 0!important; width: 100%; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27); } body.category article .featured-img, body.archive article .featured-img {height: 125px;} body.blog .navigation, body.archive .navigation { -webkit-column-span: all; column-span: all; } body.archive article a.post-title { text-decoration: none; font-size: 22px; } body.archive article p.posted { font-size: 11px; } body.blog article .excerpt-read-more, body.archive article .excerpt-read-more { padding: 10px 30px; background: #005480; color: #fff; display: block; width: 105px; font-size: 12px; padding: 5px 10px; border-radius: 20px; font-weight: bold; margin-top: 10px } body.archive article .excerpt-read-more:hover:after { right: 10px; opacity: 1; } body.archive article .excerpt-read-more:after { content: ' Industrial Pipes, Valves and Fittings | Forged Steel Pipe Fittings, & Specs BB'; font-size: 20px; position: absolute; top: 6px; right: -100%; opacity: 0; } nav.pagination ul.page-numbers li {float: left; width: 30px; list-style: none;} body.blog div#main, body.archive div#main {padding-top: 25px;} /*Single Post overrides*/ body.single div.post-content article h1 {font-size: 32px!important; padding: 0!important} footer.article-footer {padding: 10px} footer.article-footer p {font-size: 12px} /*End Masonry Blog*/ /*enlarge checkboxes on forms*/ form.dxpgravity ul li.field_description_below div.ginput_container_checkbox { margin-left: 20px; display: inline-block; } .dxpgravity input[type=checkbox] { -ms-transform: scale(1.7); -moz-transform: scale(1.7); -webkit-transform: scale(1.7); -o-transform: scale(1.7); width: 25px!important; margin-left: 25px!important } .dxpgravity_wrapper ul.gfield_checkbox li { height: 30px!important; overflow: visible; } .dxpgravity_wrapper.gf_browser_chrome .gfield_checkbox li input, .dxpgravity_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .dxpgravity_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { /* margin-top: 6px; */ margin-top: 0!important; } hr { border-top: 1px solid #999; } /*responsive iframe video*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*home page featured posts*/ div.postthumbs {padding-right: 0; padding-left: 0; min-width: 75px; min-height: 75px; max-height: 200px; background-size: cover; background-position: center center; margin-top: 7px; } ul.pp-list {padding-left: 10px!important; } .pp-list li {font-size: 16px!important; line-height: normal!important;margin-bottom: 15px} ul {padding-left: 50px; list-style-position: outside;} td ul li {font-size: 1.6rem!important; line-height: normal!important;} .re-desc {font-size: 1.6rem; line-height: 2rem; padding: 10px} .page-id-3152 .col-dd {margin-bottom: 0px; } .omsc-toggle-title {font-size: 1.6em; color: #005480} .omsc-accordion { margin: 0 0 1em 0; } ul li ul {padding-left: 40px} /*Responsive Menu Plugin Custom Style*/ @media screen and (max-width: 768px){ #responsive-menu-container #responsive-menu-wrapper { background: #005480; margin-top: 80px; } } header { padding-top: 20px; background: #fff; position: fixed; width: 100%; top: 0; z-index: 10000; } div.container.page-top {margin-top: 135px;} @media only screen and (max-width: 1200px) and (min-width: 768px){ div.container.page-top {margin-top: 190px;} } header.article-header {position: static;} .jumbotron {margin-top: 135px} /* table tbody, table tfoot, table thead, table th, table td{ border: none; padding: .5rem .25rem .625rem!important; vertical-align: top; }*/ a.grey-btn { background: #a8aaad; display: inline-block; color: #fff; line-height: 1; padding: 24px 24px; text-align: center; font-size: 16px; max-width: 300px; margin-top: 0; } table.predict-plus-table td {font-size: 18px; padding: .5rem .25rem .625rem!important;} table.predict-plus-table tr{ border-bottom: 1px solid #535353; } table.predict-plus-table tr:first-child td{ font-weight: 700; line-height: 1.3; } table.predict-plus-table tr td:nth-child(2){ color: #0274ae; font-weight: 700; } table.parameters tr{ border-bottom: 1px solid #c4c4c4!important; border-top: 1px solid #c4c4c4!important; } @media only screen and (max-width: 992px){ table.predict-plus-table td { font-size: 16px; } } @media only screen and (max-width: 1200px){ .pp-cols {width: 100%!important; margin-right: 0!important; margin-bottom: 25px;} } @media only screen and (max-width: 768px){ table.predict-plus-table td { font-size: 14px; } } .tradeshow-table-top td {font-size: 18px!important; color: #8c8c8c; border: 0!important; padding: 10px;} .tradeshow-table-event-head td { font-size: 20px; color: #000000; padding: 0px 10px; border-right: 1px solid gray;} .event-name {font-size: 22px; font-weight: 700; color: #000000;} .table-content td p {font-size: 16px!important; line-height: normal;} .table-content a.cta { font-size: 24px;} ul#menu-secondary-nav>li a { display: inline-block; padding: 10px 5px; font-size: 1.4rem; color: #231f20; } table.lact td img {width: 100%!important;height: auto!important;} .jumbotron {background-position: bottom} .tradeshow-table td {padding: 10px 5px!important; font-size: 14px} .tradeshow-table th {padding: 5px 5px!important;text-align: left; background: #666; color: #ffffff;} .tradeshow-table td, th {border-right: 1px solid #9a9a9a;} .tradeshow-table td a.button {background: #005480; border-radius: 12px; padding: 5px 10px; color: #ffffff; } div.lets-talk > div.container > h4 {font-size: 30px} .letstalkform { padding: 0 0px; max-width: 575px; margin: 0 auto; } @media only screen and (max-width: 768px){ .letstalkform {padding: 0 0} } .letstalkform input[type=text], .letstalkform textarea { background-color: transparent; border: 2px solid #ffffff; border-radius: 3px; padding: 3px!important; height: auto; font-size: 14px!important; color: #ffffff;} .letstalkform textarea {height: 100px!important;} .letstalkform label {color: #ffffff; display: block!important; font-weight: normal; font-size: 14px!important; white-space: normal!important; } .letstalkform span.gfield_required {color: #ffffff} .letstalkform select { border: 2px solid #ffffff; background-color: transparent; border-radius: 2px!important; color: #fff; height: 34px; font-size: 14px!important; } .letstalkform ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: white; } .letstalkform ::-moz-placeholder { /* Firefox 19+ */ color: white; } .letstalkform :-ms-input-placeholder { /* IE 10+ */ color: white; } .letstalkform :-moz-placeholder { /* Firefox 18- */ color: white; } .gform_wrapper select option { color: #000000; } .btn-primary { background: #005480; color: #fff; } .gform_button { font-weight: 700; height: 53px; display: block; border: 2px; border-radius: 23.85px; font-size: 1.8rem; line-height: 53px; text-transform: uppercase; background: #005480; color: #fff; max-width: 272px; width:272px !important; padding: 0px; margin: 0 auto; margin-top: 15px; } .letstalkform div.ginput_recaptcha div {margin: 0 auto;} .letstalkform .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{border: 2px solid #ffffff; } .letstalkform .gform_footer {text-align: center!important;} article p { margin: 12px 0 20px 0; font-size:1.6rem; } article li {font-size: 1.6rem} article img { width: initial; max-width: 100%; height: auto; } @media only screen and (max-width: 992px){ .grid .grid-item .headline.lg span { font-size: 1.4rem!important; } } header .telephone { font-size: 1.7rem; } @media only screen and (min-width: 641px){ .letstalkform .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half{margin-top: 5px} } .btn.btn-covid {background: white; color:#005480 } .btn.btn-covid:hover { background: #d9eaf2; color: #005480; }

Industrial Supplies

Industrial Pipe, Valves and Fittings

Like What You See? Let's Talk

  • This field is for validation purposes and should be left unchanged.