.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1440px;
}
body {font-family: 'Public Sans';}body {line-height: ;font-size: ;font-weight: ;color: ;}.oxy-nav-menu-hamburger-line {background-color: ;}h1, h2, h3, h4, h5, h6 {font-family: 'Public Sans';}a {color: #003399;font-weight: 600;text-decoration: none;}a:hover {color: #4d6595;text-decoration: none;}.ct-link-text {color: #203e7a;text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {font-weight: 700;border-radius: 50px;}.ct-section-inner-wrap {
padding-top: 4%;
padding-bottom: 4%;
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.header {
z-index:9999;
position:fixed;
top:0px;
left:0px;
right:0px;
background-color:#ffffff;
}
.header .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.header:not(.ct-section):not(.oxy-easy-posts),
.header.oxy-easy-posts .oxy-posts,
.header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.header-top {
width:100%;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#d2d8e4;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
text-align:center;
}
.header-top:not(.ct-section):not(.oxy-easy-posts),
.header-top.oxy-easy-posts .oxy-posts,
.header-top.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
@media (max-width: 1023px) {
.header-top {
}
.header-top:not(.ct-section):not(.oxy-easy-posts),
.header-top.oxy-easy-posts .oxy-posts,
.header-top.ct-section .ct-section-inner-wrap{
display:none;
}
}
.header-bottom {
width:100%;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
gap:0px;
text-align:justify;
max-width:1440px;
}
.header-bottom:not(.ct-section):not(.oxy-easy-posts),
.header-bottom.oxy-easy-posts .oxy-posts,
.header-bottom.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
gap:0px;
}
@media (max-width: 1440px) {
.header-bottom {
gap:16px;
}
.header-bottom:not(.ct-section):not(.oxy-easy-posts),
.header-bottom.oxy-easy-posts .oxy-posts,
.header-bottom.ct-section .ct-section-inner-wrap{
gap:16px;
}
}
@media (max-width: 1023px) {
.header-bottom {
text-align:center;
}
.header-bottom:not(.ct-section):not(.oxy-easy-posts),
.header-bottom.oxy-easy-posts .oxy-posts,
.header-bottom.ct-section .ct-section-inner-wrap{
justify-content:space-between;
}
}
.button-xs:hover{
color:#4d6595;
}
.button-xs {
font-family:Public Sans;
color:#203e7a;
font-size:11px;
font-weight:700;
text-transform:uppercase;
line-height:1;
}
.nav-logo {
}
.footer {
}
.footer .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
@media (max-width: 1440px) {
.footer {
background-color:#060c18;
}
.footer .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
}
.p-small {
}
.size-h1 {
}
.button-primary:hover{
background-color :#761417;
border: 1px solid #761417;
color: #ffffff;
}.button-primary:hover{
border-top-color:#9d1a1f;
border-right-color:#9d1a1f;
border-bottom-color:#9d1a1f;
border-left-color:#9d1a1f;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#9d1a1f;
color:#ffffff;
}
.button-primary {
background-color :#e50008;
border: 1px solid #e50008;
color: #ffffff;
}.button-primary {
button-hover_color:#761417;
font-size:16px;
text-transform:uppercase;
line-height:1;
padding-top:12px;
padding-right:32px;
padding-bottom:12px;
padding-left:32px;
border-radius:50px;
gap:12px;
font-weight:700;
transition-duration:0.5s;
border-top-color:#e50008;
border-right-color:#e50008;
border-bottom-color:#e50008;
border-left-color:#e50008;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
background-color:#e50008;
transition-property:background;
color:#ffffff;
}
.button-primary:not(.ct-section):not(.oxy-easy-posts),
.button-primary.oxy-easy-posts .oxy-posts,
.button-primary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:12px;
}
@media (max-width: 1023px) {
.button-primary {
font-size:14px;
}
}
@media (max-width: 479px) {
.button-primary {
font-size:12px;
}
}
.button-m {
}
.home-hero {
background-image:linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url(https://www.americanboilermech.com/wp-content/uploads/2025/03/hero-bg.webp);background-size:auto, cover;}
.home-hero .ct-section-inner-wrap {
padding-top: 14%;
padding-bottom: 8%;
}
.home-hero:not(.ct-section):not(.oxy-easy-posts),
.home-hero.oxy-easy-posts .oxy-posts,
.home-hero.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.home-hero {
}
.home-hero .ct-section-inner-wrap {
padding-top: 24%;
}
}
.eyebrow {
font-family:Public Sans;
color:#ffffff;
font-size:13px;
font-weight:700;
text-transform:uppercase;
background-color:rgba(6,12,24,0.8);
padding-top:2px;
padding-right:8px;
padding-bottom:2px;
padding-left:8px;
margin-bottom:-8px;
}
@media (max-width: 1023px) {
.eyebrow {
font-size:11px;
}
}
@media (max-width: 479px) {
.eyebrow {
font-size:9px;
}
}
.p-lead {
}
.button-secondary:hover{
padding-left:12px;
padding-right:12px;
border-bottom-color:#e50008;
color:#ffffff;
}
.button-secondary {
border-bottom-color:#ffffff;
border-bottom-width:2px;
border-bottom-style:solid;
gap:12px;
color:#ffffff;
font-size:16px;
font-weight:700;
line-height:1;
text-transform:uppercase;
padding-top:12px;
padding-bottom:12px;
transition-duration:0.5s;
padding-left:0px;
padding-right:0px;
}
.button-secondary:not(.ct-section):not(.oxy-easy-posts),
.button-secondary.oxy-easy-posts .oxy-posts,
.button-secondary.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:12px;
}
@media (max-width: 1440px) {
.button-secondary {
}
}
.big-text {
font-size:clamp(2.7994rem, 1.9903rem + 4.0452vw, 6.3592rem) ;
text-transform:uppercase;
font-weight:700;
letter-spacing:-.05em;
position:absolute;
color:rgba(0,0,0,0);
opacity:0.1;
line-height:.9;
top:-15%;
z-index:1;
}
.parallax-bg {
background-position:50% 100%;
}
.parallax-bg:not(.ct-section):not(.oxy-easy-posts),
.parallax-bg.oxy-easy-posts .oxy-posts,
.parallax-bg.ct-section .ct-section-inner-wrap{
display:flex;
}
.dark {
}
.service-card {
width:100%;
gap:48px;
padding-top:32px;
padding-bottom:32px;
padding-right:24px;
padding-left:24px;
height:100%;
}
.service-card:not(.ct-section):not(.oxy-easy-posts),
.service-card.oxy-easy-posts .oxy-posts,
.service-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
gap:48px;
}
@media (max-width: 767px) {
.service-card {
gap:24px;
}
.service-card:not(.ct-section):not(.oxy-easy-posts),
.service-card.oxy-easy-posts .oxy-posts,
.service-card.ct-section .ct-section-inner-wrap{
gap:24px;
}
}
.service-card__icon {
color: #383d46;}.service-card__icon
>svg {width: 60px;height: 60px;}.service-card__icon {
}
@media (max-width: 1023px) {
.service-card__icon {
}.service-card__icon
>svg {width: 48px;height: 48px;}.service-card__icon {
}
}
@media (max-width: 479px) {
.service-card__icon {
}.service-card__icon
>svg {width: 32px;height: 32px;}.service-card__icon {
}
}
.service-card__content {
width:100%;
gap:16px;
}
.service-card__content:not(.ct-section):not(.oxy-easy-posts),
.service-card__content.oxy-easy-posts .oxy-posts,
.service-card__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
}
.service-card__title {
text-align:left;
width:100%;
}
.service-card__excerpt {
text-align:left;
width:100%;
}
.size-h4 {
}
.interior-hero {
background-image:url(https://www.americanboilermech.com/wp-content/uploads/2025/03/service-header-bg.jpg);background-size: cover; background-position:50% 50%;
}
.service-category {
width:100%;
gap:8px;
}
.service-category:not(.ct-section):not(.oxy-easy-posts),
.service-category.oxy-easy-posts .oxy-posts,
.service-category.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:8px;
}
.service-category__icon {
}
.service-category__text {
width:100%;
}
.oxy-stock-content-styles {
}
.size-h5 {
}
.industry-card {
width:33.333%;
padding-top:8px;
padding-right:24px;
padding-bottom:24px;
padding-left:24px;
gap:24px;
}
.industry-card:not(.ct-section):not(.oxy-easy-posts),
.industry-card.oxy-easy-posts .oxy-posts,
.industry-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
gap:24px;
}
@media (max-width: 1440px) {
.industry-card {
}
}
@media (max-width: 767px) {
.industry-card {
width:50%;
padding-top:8px;
padding-right:8px;
padding-bottom:8px;
padding-left:8px;
gap:12px;
}
.industry-card:not(.ct-section):not(.oxy-easy-posts),
.industry-card.oxy-easy-posts .oxy-posts,
.industry-card.ct-section .ct-section-inner-wrap{
gap:12px;
}
}
.industry-card__icon {
color: #a6b2ca;}.industry-card__icon
>svg {width: 140px;height: 140px;}.industry-card__icon {
}
@media (max-width: 767px) {
.industry-card__icon {
}.industry-card__icon
>svg {width: 80px;height: 80px;}.industry-card__icon {
}
}
.industry-card__title {
color:#ffffff;
text-align:center;
}
.sidebar {
width:100%;
gap:24px;
padding-top:40px;
padding-right:24px;
padding-bottom:40px;
padding-left:24px;
border-radius:8px;
background-color:#f4f5f8;
z-index:2;
}
.sidebar:not(.ct-section):not(.oxy-easy-posts),
.sidebar.oxy-easy-posts .oxy-posts,
.sidebar.ct-section .ct-section-inner-wrap{
gap:24px;
}
.sidebar-cta {
background-image:url(https://www.americanboilermech.com/wp-content/uploads/2025/03/cta-bg-1.webp);background-size: cover; width:100%;
padding-top:40px;
padding-right:24px;
padding-bottom:40px;
padding-left:24px;
border-radius:8px;
gap:24px;
text-align:left;
background-position:50% 50%;
}
.sidebar-cta:not(.ct-section):not(.oxy-easy-posts),
.sidebar-cta.oxy-easy-posts .oxy-posts,
.sidebar-cta.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
gap:24px;
}
.size-h6 {
}
.size-h2 {
}
.contact-icon-text {
}
.column {
padding-top:48px;
padding-right:48px;
padding-bottom:48px;
padding-left:48px;
}
.column .ct-section-inner-wrap {
padding-top: 48px;
padding-right: 48px;
padding-bottom: 48px;
padding-left: 48px;
}
@media (max-width: 767px) {
.column {
padding-top:24px;
padding-right:24px;
padding-bottom:24px;
padding-left:24px;
}
.column .ct-section-inner-wrap {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 24px;
padding-left: 24px;
}
}
.job-card:hover{
border-top-color:#003399;
border-right-color:#003399;
border-bottom-color:#003399;
border-left-color:#003399;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
}
.job-card {
width:100%;
padding-top:32px;
padding-right:24px;
padding-bottom:32px;
padding-left:24px;
gap:4px;
background-color:#f4f5f8;
border-radius:8px;
border-top-color:#f4f5f8;
border-right-color:#f4f5f8;
border-bottom-color:#f4f5f8;
border-left-color:#f4f5f8;
border-top-width:2px;
border-right-width:2px;
border-bottom-width:2px;
border-left-width:2px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
transition-duration:0.5s;
height:100%;
}
.job-card:not(.ct-section):not(.oxy-easy-posts),
.job-card.oxy-easy-posts .oxy-posts,
.job-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
gap:4px;
}
@media (max-width: 767px) {
.job-card {
padding-top:24px;
padding-right:12px;
padding-bottom:24px;
padding-left:12px;
}
}
.size-h3 {
color:#000000;
}
.job-list {
}
.no-posts-found {
width:100%;
padding-top:24px;
border-top-color:#d2d8e4;
border-top-width:1px;
border-top-style:solid;
gap:24px;
}
.no-posts-found:not(.ct-section):not(.oxy-easy-posts),
.no-posts-found.oxy-easy-posts .oxy-posts,
.no-posts-found.ct-section .ct-section-inner-wrap{
gap:24px;
}
/* Global */
body {
padding-top: 94px;
&.admin-bar header.header {
padding-top: 32px;
}
}
@media (max-width: 1023px) {
body {
padding-top: 72px;
}
}
@media (max-width: 782px) {
body.admin-bar header.header {
padding-top: 46px;
}
}
.big-text {
-webkit-text-stroke: 1px #fff;
writing-mode: vertical-rl;
&.dark {
-webkit-text-stroke: 1px #060C18;
}
}
h1,h2,h3,h4,h5,h6 {
&.wp-block-heading {
color: #060C18;
}
}
ul.wp-block-list {
padding-inline-start: 20px;
}
button:hover {
cursor: pointer;
}
div.wpforms-container-full:not(:empty) {
margin-top: 0!important;
}
/* Header */
#_social_icons-8-11.oxy-social-icons, #_social_icons-8-11.oxy-social-icons a {
margin-bottom: 0;
}
#_nav_menu-29-11 .menu-item .sub-menu a, #_nav_menu-30-11 .sub-menu .menu-item a {
text-transform: none;
}
.oxy-nav-menu.oxy-nav-menu-dropdowns {
.sub-menu {
padding: 12px 0;
white-space: normal;
width: 320px;
border-radius: 8px;
text-align: left;
}
}
@media (min-width: 1025px) {
.nav-logo {
transform: translateY(12px);
}
}
#_nav_menu-30-11 .menu-item.header-cta a {
padding: 12px 28px;
margin-left: 8px;
border-radius: 50px;
background: #E50007;
color: #fff;
transition: 500ms all;
line-height: 1;
text-align: center;
&:hover {
background: #9D1A1F;
}
}
#_nav_menu-32-11.oxy-nav-menu-open {
.oxy-nav-menu-hamburger-line {
background-color: #fff;
}
}
.header-bottom {
#menu-menu-left, #menu-menu-right {
justify-content: space-between;
text-align: center;
}
}
/* Home */
.service-card {
background-color: #f4f5f8;
border-bottom: 3px solid #203e7a;
box-shadow: 0px 10px 4px -8px rgba(0, 0, 0, 0.25);
transition: 500ms all;
.service-card__icon {
color: #383D46;
transition: 500ms all;
}
.service-card__title {
color: #060C18;
transition: 500ms all;
}
.service-card__excerpt {
color: #383D46;
transition: 500ms all;
}
.contact-icon-text p, .contact-icon-text .ct-text-block {
color: #060C18;
margin: 0;
font-size: 13px;
font-weight: 400;
}
&:hover, &.active {
background-color: #203e7a;
box-shadow: 0px 24px 20px -8px rgba(0, 0, 0, 0.15);
.service-card__icon, .service-card__title, .service-card__excerpt {
color: #fff;
}
.contact-icon-text p, .contact-icon-text .ct-text-block {
color: #fff;
}
}
}
/* Services */
.service-category {
.service-category__icon {
width: 32px;
}
.service-category__text span {
line-height: 1;
a {
font-size: 12px;
color: #fff;
line-height: 1;
pointer-events: none;
}
}
}
.sidebar #_dynamic_list-1343-141 a.active {
color: #798BAF;
}
.page-id-19 aside p.contact-phone {
display: none;
}
/* Forms */
div.abm-form.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
color: #fff;
background: #E50107;
border: none;
border-radius: 50px;
padding: 12px 24px;
line-height: 1;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
transition: 500ms all;
}
div.abm-form.wpforms-container-full button[type=submit]:hover {
color: #fff;
background: #9E1A20;
border: none;
border-radius: 50px;
padding: 12px 24px;
line-height: 1;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
.wpforms-uploader .dz-message .modern-title {
font-size: 13px;
line-height: 1.3;
}
/* Footer */
footer {
.oxy-social-icons-facebook, .oxy-social-icons-youtube {
border: 1px solid #798BAF;
}
}/* Typography */
:root {
--step--2: clamp(0.598rem, 0.6098rem + -0.011vw, 0.6076rem);
--step--1: clamp(0.7292rem, 0.7137rem + 0.0772vw, 0.7971rem);
--step-0: clamp(0.875rem, 0.8324rem + 0.2131vw, 1.0625rem);
--step-1: clamp(1.05rem, 0.9667rem + 0.4163vw, 1.4163rem);
--step-2: clamp(1.26rem, 1.1173rem + 0.7136vw, 1.8879rem);
--step-3: clamp(1.512rem, 1.2837rem + 1.1416vw, 2.5166rem);
--step-4: clamp(1.8144rem, 1.4643rem + 1.7503vw, 3.3547rem);
--step-5: clamp(2.1773rem, 1.6558rem + 2.6074vw, 4.4718rem);
}
:root {
--heading-weight: 700;
--body-weight: 400;
}
h1,h2,h3,h4,h5,h6,.size-h1,.size-h2,.size-h3,.size-h4,.size-h5,.size-h6 {
font-weight: var(--heading-weight);
line-height: 1.1;
letter-spacing: -.05rem;
color: var(--primary-color);
}
body, p, .p-lead, .p-small, .p-xs {
font-weight: var(--body-weight);
line-height: 1.5;
}
h1, .size-h1 {
font-size: var(--step-5);
}
h2, .size-h2 {
font-size: var(--step-4);
}
h3, .size-h3 {
font-size: var(--step-3);
}
h4, .size-h4 {
font-size: var(--step-2);
}
h5, .size-h5, .p-lead {
font-size: var(--step-1);
}
h6, .size-h6, body, p {
font-size: var(--step-0);
}
.p-small, .p-small p, .p-small span p {
font-size: var(--step--1);
}
.p-xs {
font-size: var(--step--2);
}/* Utility Classes */
.flex {
display: flex;
&.col {
flex-direction: column;
}
&.row {
flex-direction: row;
}
}
.gap {
&.sm {
gap: 12px;
}
&.md {
gap: 24px;
}
&.lg {
gap: 48px;
}
}
@media (max-width:480px) {
.hide-sm {
display: none;
}
}