/*
Theme Name: Avada Child
Theme URI: https://avada.com/
Template: Avada
Author: ThemeFusion
Author URI: https://themeforest.net/user/ThemeFusion
Description: The Avada Website Builder is the ultimate design and creation suite. Design Anything, Build Everything, Fast. The #1 selling product of all time on ThemeForest.
Version: 7.10.1.1705346754
Updated: 2024-01-15 19:25:54
main: true
*/
:root {
--light-blue: rgb(203, 216, 225);
}
/* ==========================================================================
Global & Utility
========================================================================== */
.tp-arr-imgholder{
background-size: contain;
}
#faq_container #more_container.hide {
display: none !important;
}
.fusion-logo-link {
max-width: 382px !important;
width: 100% !important;
}
/* Base Logo Dimensions */
.fusion-logo-link img.fusion-standard-logo,
.fusion-logo-link svg.fusion-standard-logo {
width: 100% !important;
max-width: 382px !important;
height: auto !important;
max-height: 72.5px !important;
object-fit: contain !important;
}
.fusion-logo-link img.fusion-sticky-logo,
.fusion-logo-link img.fusion-mobile-logo,
.fusion-logo-link svg.fusion-sticky-logo,
.fusion-logo-link svg.fusion-mobile-logo {
width: 100% !important;
max-width: 382px !important;
height: auto !important;
max-height: 57px !important;
object-fit: contain !important;
}
/* ==========================================================================
1. Desktop Default (Top of page): Show Black Logo, Hide White Logo
========================================================================== */
.fusion-logo-link img.fusion-standard-logo {
display: inline-block !important;
}
.fusion-logo-link img.fusion-sticky-logo,
.fusion-logo-link img.fusion-mobile-logo {
display: none !important;
}
/* ==========================================================================
2. Sticky Header (Scrolled down): Show White Logo, Hide Black Logo
========================================================================== */
.fusion-is-sticky .fusion-logo-link img.fusion-sticky-logo,
.fusion-header-wrapper.fusion-is-sticky .fusion-logo-link img.fusion-sticky-logo,
.fusion-sticky-transition .fusion-logo-link img.fusion-sticky-logo,
.fusion-sticky-shadow .fusion-logo-link img.fusion-sticky-logo,
.fusion-header-sticky .fusion-logo-link img.fusion-sticky-logo,
body.fusion-sticky-header .fusion-is-sticky .fusion-logo-link img.fusion-sticky-logo {
display: inline-block !important;
width: 100% !important;
max-width: 382px !important;
height: auto !important;
max-height: 57px !important;
}
.fusion-is-sticky .fusion-logo-link img.fusion-standard-logo,
.fusion-header-wrapper.fusion-is-sticky .fusion-logo-link img.fusion-standard-logo,
.fusion-sticky-transition .fusion-logo-link img.fusion-standard-logo,
.fusion-sticky-shadow .fusion-logo-link img.fusion-standard-logo,
.fusion-header-sticky .fusion-logo-link img.fusion-standard-logo,
body.fusion-sticky-header .fusion-is-sticky .fusion-logo-link img.fusion-standard-logo {
display: none !important;
}
/* ==========================================================================
3. Mobile & Responsive Header (<= 1360px): Show White Logo, Hide Black Logo
========================================================================== */
@media screen and (max-width: 1360px) {
.fusion-logo-link {
max-width: 260px !important;
}
.fusion-logo-link img.fusion-sticky-logo {
display: inline-block !important;
width: 100% !important;
max-width: 260px !important;
height: auto !important;
max-height: 50px !important;
}
.fusion-logo-link img.fusion-standard-logo {
display: none !important;
}
}
.fusion-main-menu {
position: absolute !important;
right: 0 !important;
height: 100% !important;
}
.fusion-main-menu #menu-primary-menu,
.fusion-main-menu #menu-primary-menu li a {
height: 100%;
}
h1 em,
h2 em,
h3 em,
rs-layer em {
font-weight: normal;
font-style: normal;
}
.brochure_links img {
width: auto;
height: 50px;
aspect-ratio: 9 / 16;
}
.brochure_links a {
display: flex;
gap: 10px;
align-items: center;
}
.cta_centered .fusion-column-wrapper {
gap: 20px;
}
.gm-ui-hover-effect {
position: absolute !important;
top: -13px;
right: -12px;
opacity: 0.6;
}
.hide {
display: none !important;
}
.bg_gradient {
background: linear-gradient(90deg,
rgb(255 255 255 / 0%) 0%,
#0f4876 70%,
rgb(6, 19, 42) 93%) !important;
}
.awb-text-cols {
column-count: unset !important;
column-gap: unset !important;
column-rule: unset !important;
column-width: unset !important;
}
.awb-text-cols ul {
gap: 30px !important;
columns: 2 !important;
}
.column_with_table ul li {
padding-bottom: 10px;
break-inside: avoid;
}
/* ==========================================================================
Header & Navigation
========================================================================== */
#wrapper .rev-btn,
#wrapper .sr7-btn,
#wrapper .fusion-button {
height: 50px !important;
padding: 10px 20px !important;
border-radius: 17px !important;
font-family: var(--button_typography-font-family) !important;
}
#wrapper .rev-btn,
#wrapper .sr7-btn {
padding: 18px 18px !important;
height: auto !important;
}
#wrapper .industry-accordion-item .fusion-image-element{
width: 100% !important;
}
#wrapper .industry-accordion-item .fusion-button{
line-height: 20px;
}
#wrapper .industries_boxes .fusion-button {
padding: 5px !important;
}
#wrapper .header_big_button {
width: 325px !important;
height: 80px !important;
}
#wrapper .header_big_button span {
font-size: 32px;
}
/* Header Button */
.header_button .fusion-column-wrapper {
margin: 0 !important;
}
.rev-btn,
.sr7-btn {
display: flex !important;
align-items: center;
padding: 10px 20px !important;
border-radius: 17px !important;
}
.fusion-button i,
.rev-btn i,
.sr7-btn i {
width: 15px !important;
font-weight: bolder !important;
font-size: 20px !important;
place-content: center;
padding-top: 2px;
}
#wrapper .fusion-button i.button-icon-right {
margin-left: 8px !important;
}
#wrapper .rev-btn:not(:has(i))::after,
#wrapper .sr7-btn:not(:has(i))::after,
.fusion-button[style*="--button_gradient_bottom_color:var(--awb-color1)"] i::before,
.rev-btn i::before,
.sr7-btn i::before {
display: block !important;
width: 30px !important;
height: 30px !important;
background-image: url('data:image/svg+xml,') !important;
background-position: center;
background-size: contain;
content: "" !important;
}
.custom-chevron {
fill: var(--awb-color4);
}
.rev-btn:hover i::before,
#wrapper .sr7-btn:hover i::before,
.fusion-button[style*="--button_gradient_bottom_color:var(--awb-color1)"]:hover i::before {
background-image: url('data:image/svg+xml,') !important;
content: "" !important;
}
.page-id-30 .rev-btn:hover i::before,
#wrapper .sr7-btn:hover i::before,
.page-id-30 .fusion-button.button-2[style*="--button_gradient_bottom_color:var(--awb-color1)"]:hover i::before {
background-image: url('data:image/svg+xml,') !important;
content: "" !important;
}
div.fusion-flex-align-items-center:has(> div > .fusion-button) .fusion-button {
margin: 0 !important;
}
div.fusion-flex-align-items-center:has(> div > .fusion-button) {
gap: 15px !important;
}
/* Language Switcher / Translation */
.menu-item-gtranslate {
width: 80px;
}
.menu-item-gtranslate>div {
position: relative !important;
}
.menu-item-gtranslate .dropdown-menu {
width: 100% !important;
}
.menu-item-gtranslate ul .glink {
padding: 10px !important;
}
.es_translation {
justify-content: initial;
}
.es_translation a::before {
width: 30px;
height: 100%;
margin-right: 5px;
background-image: url("/wp-content/uploads/2025/11/colombia.webp") !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
content: " ";
}
.fusion-header-wrapper.fusion-is-sticky .es_translation::before {
margin-top: 18px;
}
/* ==========================================================================
Forms (Gravity Forms)
========================================================================== */
/* Error & Validation Formatting */
.page-id-1120 .gform-theme--framework .gform_validation_errors .gform-icon::before,
.page-id-1120 .gform_validation_errors,
.page-id-1120 .gfield_required,
.page-id-1120 .gfield_description,
.page-id-1120 .gfield_label,
.page-id-1120 .gform-field-label,
.page-id-1093 .gform-theme--framework .gform_validation_errors .gform-icon::before,
.page-id-1093 .gform_validation_errors,
.page-id-1093 .gfield_required,
.page-id-1093 .gfield_description,
.page-id-1093 .gfield_label,
.page-id-1093 .gform-field-label,
.page-id-1078 .gform_validation_errors,
.page-id-1078 .gfield_required,
.page-id-1078 .gfield_description,
.page-id-1078 .gfield_label,
.page-id-1078 .gform-field-label,
.page-id-831 .gform_validation_errors,
.page-id-831 .gfield_description,
.page-id-831 .gfield_label,
.page-id-831 .gform-field-label {
color: #fff !important;
}
.page-id-1120 .gform-theme--framework .gform_validation_errors .gform-icon,
.page-id-1093 .gform-theme--framework .gform_validation_errors .gform-icon,
.page-id-1078 .gform-theme--framework .gform_validation_errors .gform-icon,
.page-id-831 .gform-theme--framework .gform_validation_errors .gform-icon {
border-color: #fff !important;
}
.gform_confirmation_wrapper {
margin-bottom: 0;
}
.gform_button {
padding: 11px 23px !important;
color: var(--button_accent_color) !important;
font-size: 13px !important;
line-height: 16px !important;
background: var(--button_gradient_top_color) !important;
border-radius: var(--button-border-radius-top-left, 0) var(--button-border-radius-top-right, 0) var(--button-border-radius-bottom-right, 0) var(--button-border-radius-bottom-left, 0) !important;
}
.gform_button:hover {
color: var(--button_accent_hover_color,
var(--button_accent_color)) !important;
background: var(--button_gradient_top_color_hover) !important;
}
.gform_fields input::placeholder,
.gform_fields select,
.gform_fields textarea::placeholder {
color: #7f7f7f !important;
}
.gform_fields input,
.gform_fields select:not(.placeholder),
.gform_fields textarea {
color: #000 !important;
}
.gform_wrapper .gfield .gravity-select-parent select,
.gform_wrapper .gfield select {
padding-top: 5px !important;
}
.page-id-621 .gform_fields .gfield_description,
.page-id-621 .gform_fields .gform-field-label {
color: white;
}
/* Modal Contact Form */
.contactUsModal .select-arrow {
display: none;
}
.contactUsModal .gform_description,
.contactUsModal .modal-title {
color: #fff;
}
/* ==========================================================================
Sliders
========================================================================== */
/* Custom Slider */
.custom-slider:not(.active) {
display: none !important;
}
.slider-controllers .fusion-layout-column {
min-height: 200px;
cursor: pointer;
}
.slider-controllers .fusion-layout-column::before {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #082e4c;
opacity: 0;
-webkit-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
content: "";
}
.slider-controllers .fusion-layout-column:not(.active)::before {
opacity: 0.8;
-webkit-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}
.slider-controllers .fusion-layout-column:hover:not(.active)::before {
opacity: 0.5;
-webkit-transition: 0.3s all ease;
-ms-transition: 0.3s all ease;
transition: 0.3s all ease;
}
/* Home Slider */
.homeSlider,
.homeSlider .swiper-slide {
height: 600px !important;
}
/* Partners Slider */
#partners_slider .swiper-wrapper {
gap: 64px;
justify-content: space-evenly;
}
#partners_slider .swiper-slide:nth-child(n + 8) {
display: none;
}
#partners_slider .swiper-slide {
margin-right: 0 !important;
}
#partners_slider .fusion-image-wrapper,
#partners_slider .fusion-image-wrapper * {
justify-content: center;
width: 100% !important;
}
/* Timeline Slider Arrows */
.custom-left-arrow i::before,
.custom-right-arrow i::before {
color: var(--awb-color4);
font-size: 30px !important;
}
.custom-left-arrow {
top: 50% !important;
left: 0 !important;
}
.custom-right-arrow {
top: 50% !important;
right: 0 !important;
}
/* ==========================================================================
Locations & Maps
========================================================================== */
ul.location_phones {
margin: 0;
padding: 0;
list-style: none;
}
ul.location_phones h4 {
margin: 0;
color: white;
}
.location_hours {
margin: 0;
padding: 20px;
text-transform: unset;
background-color: #082e4c;
}
.location_hours .hours_item {
display: flex;
justify-content: space-between;
}
.location_hours .hours_item p {
margin-bottom: 0 !important;
color: white;
}
/* Overrides for items inside map boxes/lists */
.map_boxes_item .location_hours,
.map_list_item .location_hours {
padding: 0;
background-color: transparent;
}
.map_boxes_item .location_hours .hours_item {
display: block;
}
#layoutList .location_hours .hours_item p {
color: #000;
}
/* Dropdown Filters */
.filter_dropdown {
padding: 10px 5px;
color: #000;
}
/* Location Extras */
.location_extras {
margin-top: 40px;
color: white;
}
.location_extras ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
/* Map Customization */
#custom_map {
height: 840px;
}
.single-location #custom_map {
height: auto;
min-height: 500px;
}
.custom_map_marker_title {
color: #4a9de1;
font:
400 18px Roboto,
Arial,
sans-serif !important;
}
.custom_map_marker_title:hover {
color: #b2282f;
}
.gm-style-iw-d {
max-width: 300px;
}
.gm-style-iw-d p {
margin-bottom: 0 !important;
}
/* Map Layout Controls */
.layout_map_controls .fusion-column-wrapper {
gap: 20px !important;
}
.layout_map_controls .fb-icon-element {
cursor: pointer;
}
.layout_map_controls .fb-icon-element.active,
.layout_map_controls a.fb-icon-element:hover {
color: var(--awb-color1) !important;
}
.layoutContainer:not(.active) {
display: none;
}
/* Layout Boxes Interaction */
#layoutBoxes .map_boxes_item .fusion-separator-border {
opacity: 0.2;
}
#layoutBoxes .map_boxes_item .fusion-column-wrapper::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease;
content: "";
}
#layoutBoxes .map_boxes_item:hover .fusion-column-wrapper::after {
width: calc(100% - 20px);
height: calc(100% - 20px);
background-color: transparent;
border: 10px solid white;
opacity: 1;
transition: all 0.3s ease;
}
#layoutBoxes .map_boxes_item:hover .fusion-separator-border {
opacity: 1;
}
#layoutBoxes .map_boxes_item:hover .title-heading-left {
opacity: 1;
}
#layoutBoxes .map_boxes_item:hover .fusion-button {
background-color: #e33339;
}
/* Map Links Colors */
.map_list_item a {
color: var(--awb-color4) !important;
}
.map_boxes_item .location_phones a,
.single-location .location_phones a {
z-index: 99;
color: var(--awb-color1) !important;
}
.map_boxes_item .location_phones a:hover,
.map_list_item a:hover,
.single-location .location_phones a:hover {
color: var(--awb-color5) !important;
}
/* ==========================================================================
Sections & Components
========================================================================== */
/* LP Links Bar */
.LP_Links_Bar .fusion-column-wrapper {
position: relative;
left: 15px;
display: block !important;
max-width: 70%;
margin: 0 auto !important;
columns: 2;
}
.LP_Links_Bar .fusion-column-wrapper .fusion-title-heading {
width: 100%;
text-align: left !important;
}
.LP_Links_Bar .fusion-title {
display: list-item !important;
color: white;
}
/* Partners Images */
.partners_images .fusion_builder_column_inner img {
max-width: 100%;
height: 175px;
object-fit: contain;
}
/* Post Cards */
.post_card_list ul {
list-style: disc;
}
#content .fusion-post-cards .fusion-filters {
display: flex !important;
justify-content: center;
}
/* Videos Overlay */
.video-wrapper.no-played .overlay {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: url("/wp-content/uploads/2024/06/play.svg") no-repeat center;
background-size: 100px;
cursor: pointer;
}
/* Accordion */
.accordion {
display: flex;
align-items: center;
width: 100%;
padding: 18px;
color: var(--awb-color8);
font-size: 22px;
text-align: left;
background-color: #eee;
border: none;
outline: none;
cursor: pointer;
transition: 0.4s;
}
.accordion .icon {
margin-right: 5px;
font-size: 22px;
}
.accordion.active .icon {
margin-right: 10px;
}
.accordion:hover,
.active {
color: var(--awb-color5);
background-color: #ccc;
}
.panel {
display: none;
padding: 0 18px;
overflow: hidden;
background-color: white;
}
.product_info_item {
padding-bottom: 10px;
}
/* Timeline */
.fusion-column-wrapper:has(.timeline) {
position: relative;
}
.timeline .post-content p {
padding-bottom: 0;
}
/* Construction Industry */
.posts_construnction_industry .swiper-wrapper .fusion-content-tb .fusion-text:has(ul) {
column-count: 1;
--awb-columns: 1;
}
/* Single Post Layout */
.page-id-751 .fusion-imageframe img {
max-height: 274px;
object-fit: cover;
width: 100%;
}
.single-post #main {
padding: 40px !important;
}
.single-post img.wp-post-image {
height: 70vh;
max-height: 550px;
object-fit: cover;
}
.single-post .fusion-image-wrapper .fusion-link-wrapper,
.single-post .fusion-image-wrapper .fusion-rollover-title a {
color: #fff !important;
}
/* Develon Layout */
body:has(.devon_product_box) .devon_product_box .accordian .fusion-panel {
border-radius: 5px;
}
body:has(.devon_product_box) .fusion-load-more-button {
display: flex;
align-items: center;
justify-content: center;
max-width: 235px;
margin: 0 auto;
margin-top: 40px !important;
padding: 15px 10px;
background-color: var(--awb-color4);
border: 3px solid var(--awb-color4);
}
body:has(.devon_product_box) .fusion-load-more-button::after {
margin-left: 10px;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f105";
}
body:has(.devon_product_box) .fusion-load-more-button:hover {
background-color: var(--awb-custom_color_1);
border-color: var(--awb-custom_color_1);
}
.develon_equipment_sale .fusion-layout-column .fusion-column-wrapper {
position: relative;
}
.develon_equipment_sale .fusion-layout-column div:has(> .fusion-button) {
margin-top: auto;
}
/* Special Banner */
.specialBanner {
aspect-ratio: 17 / 5 !important;
}
.page-id-751 .fusion-imageframe.has-aspect-ratio img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover !important;
}
/* Services Container */
#services_container .fusion-imageframe,
.services_container .fusion-imageframe,
#services_container .fusion-image-element,
.services_container .fusion-image-element,
.home_services .fusion-imageframe,
.home_services .fusion-image-element {
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
#services_container .fusion-imageframe img,
.services_container .fusion-imageframe img,
#services_container .fusion-imageframe.has-aspect-ratio img,
.services_container .fusion-imageframe.has-aspect-ratio img,
#services_container .fusion-image-element img,
.services_container .fusion-image-element img,
.home_services .fusion-imageframe img,
.home_services img {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 200px !important;
object-fit: cover !important;
aspect-ratio: unset !important;
display: block !important;
}
#services_container .fusion-column-wrapper,
.services_container .fusion-column-wrapper,
.home_services .fusion-column-wrapper {
justify-content: space-between !important;
overflow: hidden !important;
}
#services_container .fusion-layout-column.fusion-column-inner-bg-wrapper:hover img,
.services_container .fusion-layout-column.fusion-column-inner-bg-wrapper:hover img {
transform: scale3d(1.1, 1.1, 1);
opacity: 0.9;
}
/* Blog */
.blog_post_item .post_title {
min-height: 120px;
}
/* Atlas Copco Gallery */
.page-id-1161 .copco_gallery>.fusion-column-wrapper {
display: grid !important;
grid-template-rows: repeat(6, 1fr);
grid-template-columns: repeat(2, 1fr);
gap: 4px;
max-height: 60vh;
}
.page-id-1161 .copco_gallery .fusion-imageframe {
width: 100%;
height: 100% !important;
}
.page-id-1161 .copco_gallery .fusion-image-element img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
/* Logic for Grid placements */
.page-id-1161 .copco_gallery:not(.style2) :nth-child(1 of .fusion-image-element) {
grid-row: span 4 / span 4;
}
.page-id-1161 .copco_gallery:not(.style2) :nth-child(2 of .fusion-image-element) {
grid-row: span 2 / span 2;
grid-row-start: 5;
grid-column-start: 1;
}
.page-id-1161 .copco_gallery:not(.style2) :nth-child(3 of .fusion-image-element) {
grid-row: span 2 / span 2;
grid-row-start: 1;
grid-column-start: 2;
}
.page-id-1161 .copco_gallery:not(.style2) :nth-child(4 of .fusion-image-element) {
grid-row: span 4 / span 4;
grid-row-start: 3;
grid-column-start: 2;
}
/* Style 2 */
.page-id-1161 .copco_gallery.style2 :nth-child(1 of .fusion-image-element) {
grid-row: span 2 / span 2;
}
.page-id-1161 .copco_gallery.style2 :nth-child(2 of .fusion-image-element) {
grid-row: span 4 / span 4;
grid-row-start: 1;
grid-column-start: 2;
}
.page-id-1161 .copco_gallery.style2 :nth-child(3 of .fusion-image-element) {
grid-row: span 4 / span 4;
grid-row-start: 3;
grid-column-start: 1;
}
.page-id-1161 .copco_gallery.style2 :nth-child(4 of .fusion-image-element) {
grid-row: span 2 / span 2;
grid-row-start: 5;
grid-column-start: 2;
}
/* ==========================================================================
Home Design & Layout
========================================================================== */
/* Desktop Toggles */
.desktopToggles {
border: none !important;
}
.desktopToggles a {
display: flex;
align-items: center !important;
opacity: 0.6;
}
.desktopToggles .panel-body {
padding: 20px;
color: var(--awb-color4) !important;
}
.desktopToggles .fusion-panel a:hover,
.desktopToggles .fusion-panel a.active {
background-color: transparent !important;
opacity: 1 !important;
}
.desktopToggles .fusion-toggle-icon-wrapper {
display: none !important;
}
.desktopToggles .panel-title a::before {
float: left;
width: auto;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
content: " " !important;
aspect-ratio: 16 / 9;
}
/* Toggle Logos */
.desktopToggles :nth-child(1 of .fusion-panel) .panel-title a::before {
background-image: url("/wp-content/uploads/2025/09/Stewart-Stevenson-stacked-gradient.svg") !important;
}
.desktopToggles :nth-child(2 of .fusion-panel) .panel-title a::before {
background-image: url("/wp-content/uploads/2025/09/united_engines_logo.jpg") !important;
}
.desktopToggles :nth-child(3 of .fusion-panel) .panel-title a::before,
.desktopToggles :nth-child(4 of .fusion-panel) .panel-title a::before {
background-image: url("/wp-content/uploads/2025/09/FDDA-Color.svg") !important;
}
.desktopToggles :nth-child(5 of .fusion-panel) .panel-title a::before {
background-image: url("/wp-content/uploads/2025/09/TK-Convoy-color-horizontal.svg") !important;
}
/* Specific Map Pin Colors */
#stewart-and-stevenson-map a,
#florida-detroit-map a,
#thermo-king-map a,
.desktopToggles :nth-child(1 of .fusion-panel) .panel-title:after {
color: #007bc2 !important;
}
#united-engines-map a,
.desktopToggles :nth-child(2 of .fusion-panel) .panel-title:after {
color: #9a3433 !important;
}
#atlantic-detroit-map a,
.desktopToggles :nth-child(4 of .fusion-panel) .panel-title:after {
color: #ed1c24 !important;
}
/* Counter Boxes */
#home_counterboxes {
display: flex;
flex-wrap: wrap;
}
#home_counterboxes .fusion-counter-box {
width: calc(100% / 6) !important;
}
#home_counterboxes :nth-child(1 of .fusion-counter-box) .content-box-percentage *,
#home_counterboxes :nth-child(3 of .fusion-counter-box) .content-box-percentage *,
#home_counterboxes :nth-child(5 of .fusion-counter-box) .content-box-percentage * {
color: var(--awb-color4) !important;
}
#home_counterboxes .content-box-percentage {
font-family: Noto-Sans, sans-serif !important;
text-align: left;
}
#home_counterboxes .content-box-percentage *,
#home_counterboxes .counter-box-content * {
font-weight: bolder !important;
}
#home_counterboxes .counter-box-content,
#home_counterboxes .counter-box-content * {
text-align: left;
text-transform: uppercase !important;
}
/* Pseudo-content for counters */
/* #home_counterboxes :nth-child(2 of .fusion-counter-box) .counter-box-container::before {
position: absolute;
top: 8px;
left: 28px;
color: var(--awb-body-color);
font-weight: bolder !important;
font-size: 17px !important;
font-family: Noto-Sans, sans-serif !important;
text-transform: uppercase !important;
content: "COVERING";
}
#home_counterboxes :nth-child(4 of .fusion-counter-box) .counter-box-container::before {
position: absolute;
top: 8px;
left: 28px;
color: var(--awb-body-color);
font-weight: bolder !important;
font-size: 17px !important;
font-family: Noto-Sans, sans-serif !important;
text-transform: uppercase !important;
content: "OVER";
} */
#home_counterboxes :nth-child(2 of .fusion-counter-box) span.unit,
#home_counterboxes :nth-child(4 of .fusion-counter-box) span.unit {
font-weight: bolder !important;
font-size: 20px !important;
font-family: Noto-Sans, sans-serif !important;
text-transform: uppercase !important;
}
#home_counterboxes :nth-child(4 of .fusion-counter-box) span.unit span {
font-size: 50px !important;
}
/* Home Latest Posts */
.home_latest_stack_posts img {
height: 100%;
object-fit: unset !important;
font-family: Noto-Sans, sans-serif !important;
}
.home_latest_stack_posts .fusion-image-element,
.home_latest_stack_posts .fusion-imageframe {
height: 100%;
}
#latest_right_posts .fusion-image-element,
#latest_right_posts .fusion-image-element .fusion-imageframe,
#latest_right_posts .fusion-image-element .fusion-imageframe img {
height: 100% !important;
}
#latest_right_posts .fusion-column-wrapper .fusion-layout-column .fusion-column-wrapper:has(> .fusion-image-element) {
margin: 0px !important;
}
.home .fusion-button,
.page-id-1523 .fusion-button,
.fusion-button {
border-radius: 20px !important;
}
.services_container .fusion-button i::before {
position: relative;
top: 1px;
font-weight: normal !important;
font-size: 30px;
content: "\f105";
}
/* Industries Boxes */
.industries_boxes .fusion-layout-column .fusion-text,
.industries_boxes .fusion-layout-column .fusion-title-heading,
.home_services .fusion-layout-column .fusion-title-heading {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.industries_boxes .fusion-layout-column .fusion-text {
align-items: flex-start !important;
margin-top: 10px !important;
}
.industries_boxes .fusion-layout-column .fusion-title-heading {
padding-right: 45px !important;
padding-left: 45px !important;
font-size: 28px !important;
}
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element,
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element .fusion-imageframe {
height: 200px;
}
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element img {
height: 100%;
object-fit: cover !important;
}
.industries_boxes :nth-child(6 of .fusion-layout-column) .fusion-builder-row-inner {
flex-flow: row nowrap;
}
#wrapper #main .fusion-builder-row-inner:has(:nth-child(3 of .fusion-layout-column)) :nth-child(2 of .fusion-layout-column) .fusion-image-element,
#wrapper #main .fusion-builder-row-inner:has(:nth-child(3 of .fusion-layout-column)) :nth-child(2 of .fusion-layout-column) .fusion-imageframe {
text-align: center;
}
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner,
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column,
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper,
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element,
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element>.fusion-imageframe,
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element>.fusion-imageframe img {
height: 100%;
object-position: left;
}
#wrapper #main .fusion-builder-row-inner:has(:nth-child(3 of .fusion-layout-column)) :nth-child(2 of .fusion-layout-column) .fusion-imageframe img {
object-position: center !important;
}
.industries_boxes>.fusion-builder-row .fusion-builder-row-inner>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element>.fusion-imageframe {
display: flex;
justify-content: center;
width: 100% !important;
}
.industries_boxes .fusion-builder-row-inner,
.industries_boxes .fusion-layout-column>.fusion-column-wrapper> :nth-child(2 of .fusion-separator)+div:not([class]) {
position: absolute !important;
bottom: 0;
width: 90% !important;
max-height: 40px !important;
margin-bottom: 15px;
}
.industries_boxes .fusion-layout-column>.fusion-column-wrapper> :nth-child(2 of .fusion-separator)+div:not([class]) {
width: 92% !important;
}
.industries_boxes .fusion-layout-column div>a {
padding: 10px 20px !important;
background-color: transparent !important;
}
.industries_boxes>.fusion-builder-row .fusion_builder_column_inner .fusion-column-wrapper {
margin: 0 !important;
}
.industries_boxes>.fusion-builder-row .fusion_builder_column_inner .fusion-column-wrapper a {
padding: 5px 0 !important;
}
.industries_boxes>.fusion-builder-row .fusion_builder_column_inner .fusion-column-wrapper>div {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper {
justify-content: flex-start;
padding-bottom: 70px;
}
.industries_boxes .fusion-builder-row-inner {
margin-right: 42px !important;
margin-left: 42px !important;
}
.industries_boxes .fusion-builder-row-inner .fusion-column-wrapper {
padding: 0 !important;
}
.industries_boxes .fusion_builder_column_inner img {
object-fit: contain;
}
/* Home Services */
.home_services .fusion-layout-column .fusion-title-heading,
.home_services .fusion-layout-column .fusion-text {
overflow: hidden;
transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: height;
}
.home_services .fusion-imageframe {
width: 100% !important;
}
.home_services .fusion-button {
margin-bottom: 10px;
padding: 10px 20px;
}
/* ==========================================================================
Footer
========================================================================== */
#footer_logos .fusion-builder-row-inner {
display: flex;
flex-wrap: nowrap;
padding: 35px 0 10px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
}
#footer_logos .fusion-builder-row-inner::before {
position: absolute;
top: 0;
left: 0;
float: left;
width: calc(100% / 2 - 60px);
height: 1px;
background-color: #fff;
content: " ";
}
#footer_logos .fusion-builder-row-inner::after {
position: absolute;
top: 0;
right: 0;
float: left;
width: calc(100% / 2 - 60px);
height: 1px;
background-color: #fff;
content: " ";
}
#footer_kirby_logo {
margin-bottom: -28px;
}
#footer_kirby_logo a {
display: block;
height: 100%;
}
#footer_logos .fusion-builder-row-inner .fusion-layout-column {
width: calc(100% / 7);
}
#footer_logos .fusion-layout-column,
#footer_logos .fusion-layout-column .fusion-image-element,
#footer_logos .fusion-layout-column .fusion-image-element span {
display: flex;
align-items: center;
height: 100%;
}
#footer_logos .awb-menu {
margin-left: -10px;
}
.footer_partners_logos img {
width: 100%;
max-width: 150px;
height: 65px;
object-fit: contain;
}
/* Copyright Container */
#copyright_container .fusion-text {
display: flex;
flex-flow: row wrap;
gap: 5px 15px;
justify-content: center;
margin-top: 10px !important;
margin-bottom: 10px !important;
}
#copyright_container .fusion-text p {
margin: 0 !important;
}
#copyright_container .fusion-column-wrapper .fusion-text {
flex-direction: column-reverse !important;
}
.fusion-footer-widget-area {
background-image: url("/wp-content/uploads/2024/02/blue-abstract-background.png") !important;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
/* OEM Partners */
#OEM-Partners {
max-width: 1330px !important;
margin: 0 auto;
}
#OEM-Partners .fusion-builder-row-inner.fusion-builder-row {
gap: 20px 75px;
justify-content: center;
}
#OEM-Partners .fusion-imageframe,
#OEM-Partners .fusion-imageframe img {
width: 100px;
height: 100px;
}
#OEM-Partners .fusion-image-element {
text-align: center;
}
#OEM-Partners .fusion-builder-row-inner .fusion-layout-column,
#OEM-Partners .fusion-builder-row-inner .fusion-layout-column * {
width: 150px !important;
margin: 0;
}
#latest_left_posts .fusion-meta-tb-sep,
#latest_right_posts .fusion-meta-tb-sep {
display: none;
}
#latest_left_posts p,
#latest_right_posts p {
display: -webkit-box;
overflow: hidden;
/* Number of lines to show */
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
}
#latest_left_posts li .fusion-column-wrapper div:last-child {
position: absolute;
right: 0;
bottom: 0px;
}
#latest_left_posts li>.fusion-column-wrapper {
padding-bottom: 0px !important;
}
#wrapper #latest_left_posts .fusion-button {
padding: 0px 20px !important;
}
#latest_right_posts div:has(> .fusion-button) {
margin-top: 11px;
}
.tp-bullet-title {
display: none;
}
.swiper-slide:has(img[src*="Volvo"]),
.swiper-slide:has(img[src*="daimlr"]) {
width: 150px !important;
}
.swiper-slide:has(img[src*="daimlr"]) img {
object-fit: cover !important;
}
#latest_right_posts li :nth-child(1 of .fusion-column-wrapper) :nth-child(1 of .fusion-builder-row) {
height: 100%;
margin-right: 0 !important;
}
.fusion-social-network-icon {
width: 30px !important;
height: 30px !important;
padding: 11px !important;
}
.fusion-social-network-icon::before {
font-size: inherit;
}
#gallery_images {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: auto !important;
}
.page-id-1717 #gallery_images {
gap: 30px 10px !important;
}
.page-id-1490 #gallery_images .fusion-grid-column {
width: 20%;
}
#gallery_images .clearfix {
display: none;
}
#gallery_images .fusion-grid-column {
position: relative !important;
top: unset !important;
left: unset !important;
}
#gallery_images .fusion-grid-column>div {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
#gallery_images .fusion-grid-column img {
object-fit: cover;
}
.learnmore_with_line {
display: flex !important;
justify-content: end !important;
width: 100%;
padding-left: 0 !important;
}
.learnmore_with_line span {
min-width: 100px !important;
}
.learnmore_with_line::before {
width: 100%;
height: 1px;
margin-right: 10px;
background-color: var(--awb-color6);
content: "";
}
/* FAQ Start */
#faq_container .fusion-layout-column:nth-child(n + 5):not(#more_container, .show) {
display: none;
}
#faq_container .fusion-layout-column:nth-child(n + 2) h3,
#faq_container .fusion-layout-column:nth-child(n + 2) p {
text-align: left !important;
}
#faq_container .fusion-layout-colum.show,
#faq_container #more_container {
display: flex !important;
}
#faq_container #more_container .fusion-button {
display: flex;
flex-direction: column;
}
#faq_container #more_container .fusion-button i {
position: absolute;
bottom: -10px;
margin: 0;
padding: 0 !important;
transition: all 0.3s ease-in-out;
}
#faq_container #more_container .fusion-button:hover i {
bottom: -15px;
transition: all 0.3s ease-in-out;
}
/* FAQ End */
/* Our Proven Microgrid Start */
#microgrid_container h3 {
text-transform: capitalize !important;
}
#microgrid_container .content-box-wrapper .image {
top: 100%;
left: -64px;
width: 70px !important;
height: 70px !important;
}
#microgrid_container .content-box-wrapper img {
width: 70px !important;
height: 70px !important;
}
#microgrid_container .content-box-wrapper svg circle {
fill: #fff !important;
}
/* Our Proven Microgrid End */
.diesel_natural_container .fusion-column-wrapper {
padding: 50px !important;
}
.yearsService img {
width: 160px !important;
}
/* Tables styling begin */
.page-id-1523 .table-1 thead th {
color: #fff;
text-align: center;
background-color: #1c5e86;
}
.page-id-1523 .table-1 tbody tr td {
white-space: normal !important;
}
.page-id-1523 .table-1 tbody tr td:nth-child(odd) {
color: #000;
background-color: #e2eaf0;
}
.page-id-1523 .table-1 tbody tr td:nth-child(even) {
color: #000;
text-align: center;
background-color: #f8f8f8;
}
.page-id-1523 .table-1 table {
border: none !important;
box-shadow: none !important;
}
.fusion-image-element svg {
width: 100% !important;
height: auto !important;
}
.fusion-footer .fusion-image-element svg {
max-width: 160px !important;
}
/* Hours and Locations Start */
.locations-container .hours-list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.locations-container .hours-item {
display: flex;
align-items: baseline;
color: #1a1a1a;
font-size: 1rem;
line-height: 1.5;
}
.locations-container .hours-item .day {
flex-shrink: 0;
font-weight: 400;
}
.locations-container .hours-item .divider {
flex-grow: 1;
height: 0.5em;
margin: 0 0.5rem;
border-bottom: 2px dotted #666;
}
.locations-container .hours-item .time {
flex-shrink: 0;
white-space: nowrap;
}
/* Hours and Locations End */
.ppc_map {
min-height: 400px !important;
}
.bottom_map_links .fusion-title-heading {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.bottom_map_links a {
height: 38px;
}
.bottom_map_links a[href]:not(:last-child)::after {
position: relative;
top: 5px;
float: right;
width: 3px;
height: 70%;
margin-left: 15px;
background-color: var(--awb-color6);
content: "";
}
/* Tables styling end */
#OEM-Partners :nth-child(2 of .fusion-layout-column) .fusion-content-boxes {
margin-bottom: 0;
}
.generations_boxes .fusion-imageframe img {
height: 150px !important;
}
.generations_boxes .fusion-column-wrapper>div:not(.fusion-title) {
height: auto !important;
}
.table-1.customTable .mobile-label {
display: none !important;
}
.awb-menu__overlay-search-trigger::before {
border: 1px solid #fff;
padding: 2px 5px;
border-radius: 15px;
}
.search-results .fusion-alignright {
float: left;
margin-left: 0;
}
.search-results .fusion-meta-info {
border-top: none;
}
.search-results .fusion-post-content h2 {
font-size: 22px !important;
}
.search-results article {
margin-bottom: 40px;
}
.industries_boxes .fusion_builder_column svg .cls-1 {
fill: #fff !important;
}
#wrapper .fusion-sticky-transition .menu-item a {
color: #fff !important;
}
#wrapper .fusion-sticky-transition .menu-item:hover>a {
color: #FFF !important;
}
#wrapper .fusion-sticky-transition .fusion-close-search::before,
#wrapper .fusion-sticky-transition .fusion-close-search::after {
background: #fff !important;
}
.fusion-footer .fusion-imageframe img {
width: 100%;
}
#site_pages_footer .fusion-builder-row-inner {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
}
#site_pages_footer .fusion-builder-row-inner .fusion_builder_column_inner {
width: auto !important;
}
.boxes_equalheight img {
object-fit: contain;
}
.boxes_equalheight.our_rental_fleet img {
max-height: 150px !important;
object-position: bottom;
}
/* Industries content regeneration Begin */
.blue_background_elements .fusion-title,
.blue_background_elements .gform_wrapper {
background-color: var(--awb-color4) !important;
}
.blue_background_elements .fusion-title {
padding-top: 55px;
padding-left: 50px;
padding-right: 50px;
}
.blue_background_elements .gform_wrapper {
padding: 50px 50px;
}
.industries_content_container {
display: none !important;
opacity: 0;
transform: translateY(15px);
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.industries_content_container.active {
display: flex !important;
opacity: 1;
transform: translateY(0);
animation: industryFadeIn 0.5s ease-out forwards;
}
.industries_content_container .fusion-column-wrapper{
margin: 0 !important;
}
.industries_content_container .fusion-imageframe,
.industries_content_container img{
width: 100% !important;
height: 235px !important;
object-fit: cover !important;
}
@keyframes industryFadeIn {
0% {
opacity: 0;
transform: translateY(15px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
#industries_buttons_container .fusion-column-wrapper {
gap: 30px !important;
}
#industries_buttons_container .fusion-button,
#industries_buttons_container .fusion-button span {
background-color: var(--awb-color4) !important;
color: #fff !important;
border-radius: 13px !important;
width: 100% !important;
transition: all 0.3s ease;
text-align: center !important;
}
#industries_buttons_container .fusion-button.active,
#industries_buttons_container .fusion-button.active span,
#industries_buttons_container .fusion-button:hover,
#industries_buttons_container .fusion-button:hover span {
background-color: var(--light-blue) !important;
color: #000 !important;
transition: all 0.3s ease;
}
#industries_buttons_container .fusion-button.active,
#industries_buttons_container .fusion-button:hover {
transition: all 0.3s ease;
width: 100% !important;
}
#industries_buttons_container .fusion-button span:after,
.industry-accordion-item .fusion-button span:after,
.desktopToggles .panel-title:after {
content: "\f105" !important;
font-family: awb-icons;
float: right;
transition: transform 0.3s ease;
display: inline-block !important;
transform: rotate(0deg);
}
.desktopToggles .panel-title:after {
top: 20px;
position: absolute;
right: 0;
}
#industries_buttons_container .fusion-button.active span:after,
.industry-accordion-item .fusion-button.active span:after {
transform: rotate(0deg) !important;
}
#toTop.fusion-to-top-active{
opacity: 1 !important;
}
/* 404 */
.error-menu .menu-item{
display: flex;
justify-content: flex-start;
}
.error-menu .fusion-li-item-content{
margin-left: 0px !important;
}
.error404 #main{
margin-top: 40px !important;
margin-bottom: 40px !important;
}
/* 404 */
/* New Recruitment Start */
.open_positions_box .fusion-column-wrapper{
justify-content: space-between !important;
}
#wrapper .open_positions_box .fusion-button{
width: 100% !important;
border-radius: 0px !important;
}
/*.fusion-fullwidth:has(.open_positions_box){
padding-bottom: 0px !important;
}
.fusion-fullwidth:has(.open_positions_box) + .fusion-fullwidth{
position: relative;
top: -50px;
}*/
.open_positions_box .fusion-imageframe,
.open_positions_box .fusion-image-element {
width: 100% !important;
display: block !important;
}
.open_positions_box img {
width: 100% !important;
height: 240px !important;
object-fit: cover !important;
display: block !important;
}
:nth-child(1 of .open_positions_box) img{
background-color: #008C88;
}
:nth-child(2 of .open_positions_box) img{
background-color: #4F9353;
}
:nth-child(3 of .open_positions_box) img{
background-color: #DB8F55;
}
:nth-child(4 of .open_positions_box) img{
background-color: #008C88;
}
#wrapper .open_positions_box .fusion-button {
z-index: 10012;
position: relative;
}
.open_positions_postcard{
min-height: 290px !important;
min-width: 290px !important;
height: 100% !important;
width: 100% !important;
max-height: 290px !important;
max-width: 290px !important;
}
.open_positions_postcard .fusion-image-element{
position: absolute;
}
.open_positions_postcard .fusion-image-element,
.open_positions_postcard .fusion-image-element .fusion-imageframe ,
.open_positions_postcard .fusion-imageframe img{
height: 100%;
width: 100%;
border-radius: 15px;
object-fit: cover;
}
.positon_title,
.position_title,
.open_positions_postcard .title,
.open_positions_postcard .description {
z-index: 2;
box-sizing: border-box;
}
.open_positions_postcard .description{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.open_positions_postcard .video_overlay,
.recruitment_slider_item .video_overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 15px;
z-index: 2;
}
.open_positions_postcard .play,
.recruitment_slider_item .play {
border: 3px solid white;
display: block;
width: 65px;
height: 65px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 50%;
z-index: 3;
cursor: pointer;
transition: transform 0.25s ease, background-color 0.25s ease;
}
.recruitment_slider_item:hover .play {
transform: translate(-50%, -50%) scale(1.1);
background-color: rgba(0, 0, 0, 0.25);
}
.open_positions_postcard .play svg,
.recruitment_slider_item .play svg {
max-width: 65px;
max-height: 65px;
display: block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
fill: #ffffff;
}
.open_positions_box a{
z-index: 9999;
}
.fusion-fullwidth:has(.open_positions_box) + .fusion-fullwidth{
z-index: 9;
}
/* Video Modal & Backdrop Z-Index Fix - Ensure video popup appears above header, menus, and all page content */
.video_modal,
.modal.video_modal,
#recruitment_video_modal,
.recruitment_video_modal_overlay {
z-index: 999999999 !important;
position: fixed !important;
}
.modal-backdrop,
.modal-backdrop.show,
.recruitment_video_modal_backdrop,
.recruitment_modal_backdrop {
z-index: 999999998 !important;
position: fixed !important;
}
.video_modal .modal-dialog,
.video_modal .modal-content,
.recruitment_video_modal_container {
z-index: 999999999 !important;
position: relative !important;
}
.video_modal .modal-body {
padding: 0 !important;
position: relative !important;
height: 80vh !important;
display: flex !important;
}
.video_modal iframe {
width: 100% !important;
height: 100% !important;
border: none !important;
display: block !important;
}
.video_modal .close{
color: #FFF !important;
opacity: 1;
}
/* Swiper Pagination Bar Conversion */
.swiper-pagination,
.swiper-pagination-bullets,
#jobs-slider .swiper-pagination {
position: relative !important;
bottom: auto !important;
top: auto !important;
left: 0 !important;
right: 0 !important;
width: 90% !important;
max-width: 900px !important;
height: 6px !important;
margin: 30px auto 10px auto !important;
background-color: #dce4ec !important;
border-radius: 6px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 !important;
overflow: hidden !important;
transform: none !important;
}
.swiper-pagination .swiper-pagination-bullet,
#jobs-slider .swiper-pagination .swiper-pagination-bullet {
height: 100% !important;
flex: 1 1 0% !important;
width: auto !important;
margin: 0 !important;
border-radius: 0 !important;
background: transparent !important;
opacity: 1 !important;
transition: background-color 0.25s ease, border-radius 0.25s ease !important;
cursor: pointer !important;
}
.swiper-pagination .swiper-pagination-bullet::before,
.swiper-pagination .swiper-pagination-bullet::after,
#jobs-slider .swiper-pagination .swiper-pagination-bullet::before,
#jobs-slider .swiper-pagination .swiper-pagination-bullet::after {
display: none !important;
}
.swiper-pagination .swiper-pagination-bullet-active,
#jobs-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #555555 !important;
border-radius: 6px !important;
}
/* Custom Recruitment Masonry Slider Layout */
.recruitmen_custom_slider_wrapper {
width: 100%;
max-width: 950px; /* Default: Site Width (5 columns centered) */
margin: 0 auto;
overflow: hidden;
position: relative;
padding: 25px 0;
box-sizing: border-box;
}
/* Avada Site Width Container: 5 columns centered */
.nonhundred-percent-fullwidth .recruitmen_custom_slider_wrapper {
max-width: 950px;
margin: 0 auto;
}
/* Avada 100% Full Width Container: expands across full screen */
.hundred-percent-fullwidth .recruitmen_custom_slider_wrapper,
.fusion-hundred-percent-full-width .recruitmen_custom_slider_wrapper,
.recruitmen_custom_slider_wrapper.is_full_width {
width: 100%;
max-width: 100%;
}
.recruitmen_custom_slider_wrapper::before,
.recruitmen_custom_slider_wrapper::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 80px;
z-index: 10;
pointer-events: none;
}
.recruitmen_custom_slider_wrapper::before {
left: 0;
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.recruitmen_custom_slider_wrapper::after {
right: 0;
background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.recruitmen_custom_slider_track {
display: flex;
flex-direction: row;
width: max-content;
animation-name: recruitmen_scroll_rtl;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 35s;
will-change: transform;
}
.recruitmen_custom_slider_track.direction_ltr,
.recruitmen_custom_slider_track.direction_lr {
animation-name: recruitmen_scroll_ltr;
}
.recruitmen_custom_slider_track.direction_rtl,
.recruitmen_custom_slider_track.direction_rl {
animation-name: recruitmen_scroll_rtl;
}
.recruitmen_custom_slider_wrapper:hover .recruitmen_custom_slider_track {
animation-play-state: paused;
}
.recruitmen_custom_slider {
display: flex;
flex-direction: row;
gap: 14px;
align-items: flex-start;
min-width: max-content;
padding: 10px 5px;
}
.recruitment_group {
display: flex;
flex-direction: row;
gap: 14px;
align-items: flex-start;
height: 540px;
}
.recruitment_col {
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 14px;
height: auto;
width: 115px; /* narrow column of 115px tiles by default */
}
/* Columns that lead with a 244px big tile (PHP adds this class when the column
has an empty square). Width follows the tile, not the col_type position, so
wide columns never leave a gap and big tiles never overflow a narrow column.
The vertical stagger is applied inline by the shortcode via the 'move' attr. */
.recruitment_col.col_has_big {
width: 244px;
}
/* Item cards general */
.recruitment_slider_item {
position: relative;
border-radius: 25px;
overflow: hidden;
display: block;
text-decoration: none;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.recruitmen_custom_slider_wrapper.popup_disabled .recruitment_slider_item,
.recruitmen_custom_slider_wrapper[data-popup="false"] .recruitment_slider_item {
cursor: default;
}
.recruitment_slider_item:hover {
transform: translateY(-4px) scale(1.02);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
z-index: 5;
}
.recruitment_slider_item.item_small {
width: 115px;
height: 115px;
flex-shrink: 0;
}
.recruitment_slider_item.item_big {
width: 244px;
height: 244px;
flex-shrink: 0;
}
.recruitment_slider_item.item_empty {
width: 115px;
height: 115px;
flex-shrink: 0;
pointer-events: none;
box-shadow: none;
opacity: 0.35; /* decorative accent — a soft tint of the brand colour, per the mock */
}
/* Image scaling & styling inside items */
.recruitment_slider_item .item_image_wrapper {
width: 100%;
height: 100%;
}
.recruitment_slider_item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border-radius: 22px !important;
display: block !important;
}
/* Hover title overlay (hidden for now per request) */
.recruitment_slider_item .item_info_overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 12px;
background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
color: #ffffff;
opacity: 0;
transition: opacity 0.25s ease;
border-bottom-left-radius: 22px;
border-bottom-right-radius: 22px;
display: none !important;
align-items: flex-end;
}
.recruitment_slider_item:hover .item_info_overlay {
opacity: 0 !important;
display: none !important;
}
.recruitment_slider_item .item_title {
font-size: 13px;
font-weight: 600;
line-height: 1.3;
color: #ffffff;
}
.recruitment_slider_item.item_big .item_title {
font-size: 16px;
}
/* New Recruitment End */
/* ==========================================================================
PRODUCT CAROUSEL (#images-carousel)
Target: Single Image Carousel with Scroller/Progress Bar
========================================================================== */
#images-carousel {
position: relative !important;
overflow: visible !important;
padding-bottom: 70px !important;
padding-left: 60px !important;
padding-right: 60px !important;
box-sizing: border-box !important;
}
/* Image Square Layout & Hover Effect */
#images-carousel img {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
border-radius: 6px !important;
display: block !important;
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;
}
#images-carousel .swiper-slide {
padding: 4px !important;
box-sizing: border-box !important;
}
#images-carousel .swiper-slide:hover img {
transform: scale(1.05);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
z-index: 10;
}
/* Push progress bar 30px below slides */
#images-carousel .awb-swiper {
padding-bottom: 30px !important;
overflow: hidden !important;
}
/* Scrollbar / Progress Bar Styling */
#images-carousel .swiper-pagination-progressbar {
height: 6px !important;
background-color: rgba(255, 255, 255, 0.7) !important;
bottom: 0px !important;
top: auto !important;
border-radius: 6px !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Hide Swiper's default fill — replaced by custom moving pill */
#images-carousel .swiper-pagination-progressbar-fill {
display: none !important;
}
#images-carousel .swiper-pagination-progressbar {
cursor: pointer;
}
#images-carousel .carousel-progress-pill {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
background-color: #595959;
border-radius: 6px;
transition: transform 0.25s ease;
cursor: grab;
user-select: none;
}
#images-carousel .carousel-progress-pill:active {
cursor: grabbing;
}
/* Navigation Arrows — styled circular buttons */
#images-carousel .awb-swiper-button {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
visibility: visible !important;
opacity: 1 !important;
color: var(--awb-color4) !important;
background: #FFF !important;
font-size: 30px !important;
z-index: 9999 !important;
transition: all 0.25s ease !important;
margin: 0 !important;
width: 46px !important;
height: 46px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: none;
cursor: pointer !important;
}
#images-carousel .awb-swiper-button:hover {
color: var(--awb-color5) !important;
background: #FFF !important;
}
#images-carousel .awb-swiper-button-prev {
left: -58px !important;
}
#images-carousel .awb-swiper-button-next {
right: -58px !important;
}
/* Container Adjustments */
/* body:not(.page-id-2378):not(.page-id-30):not(.page-id-2501) .fusion-fullwidth.fusion-builder-row-7 {
padding-left: 80px !important;
padding-right: 80px !important;
} */
body:not(.home):not(.page-id-1988) .fusion-fullwidth.fusion-builder-row-7 .fusion-title:not(.no-title-marging) h2 {
color: #004075 !important;
font-weight: 800 !important;
letter-spacing: 1px !important;
margin-bottom: 50px !important;
}
#carousel-pause {
z-index: 100;
color: var(--awb-color4);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.25s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
background-color: #FFF;
border-radius: 30px;
padding: 6px;
width: 30px;
height: 30px;
}
#carousel-pause span{
height: 13px;
}
/* Industries content regeneration End */
/* Sidebar Form Container Start */
.fusion-fullwidth:has(.sidebar-form-container) {
position: relative !important;
z-index: 9999 !important;
}
.sidebar-form-container {
position: relative !important;
z-index: 99999 !important;
}
.sidebar-form-container .fusion-column-wrapper {
background-color: var(--awb-color4) !important;
z-index: 99999 !important;
position: relative;
pointer-events: auto !important;
}
.sidebar-form-container *,
.sidebar-form-container iframe,
.sidebar-form-container input,
.sidebar-form-container select,
.sidebar-form-container textarea,
.sidebar-form-container button,
.sidebar-form-container .hs-form-frame,
.sidebar-form-container .hs-form {
pointer-events: auto !important;
}
/* Sidebar Form Container End */
/* Marine Page start */
.repower .fusion-column-wrapper img {
width: 70px !important;
height: 70px !important;
}
.repower .fusion-image-element{
margin-top: -37.5px;
}
.two_col_items .fusion-column-wrapper .fusion-text:last-child{
display: grid;
gap: 8px;
}
.two_col_items .fusion-column-wrapper .fusion-text:last-child :nth-child(1 of ul){
grid-column-start: 1;
grid-row-start: 2;
}
.two_col_items .fusion-column-wrapper .fusion-text:last-child :nth-child(2 of p) {
grid-column-start: 2;
grid-row-start: 1;
}
.two_col_items .fusion-column-wrapper .fusion-text:last-child :nth-child(2 of ul){
grid-row-start: 2;
}
.two_col_items .fusion-column-wrapper .fusion-text:last-child p{
margin-bottom: 0px !important;
}
/* Marine Page end */
/* ==========================================================================
Final Refined Header CSS (Staging -> Production Test Page)
Target: #menu-v2 within Avada Header Builder (AWB)
========================================================================== */
/* Main Menu Font & Color */
#menu-v2 .awb-menu__main-a {
position: relative !important;
color: #FFF !important;
font-weight: 600 !important;
font-size: 15px !important;
font-family: "Open Sans", sans-serif !important;
transition:
color 0.2s linear,
background-color 0.2s linear,
border-color 0.2s linear !important;
}
/* Show the line on hover and for current items */
#menu-v2 .awb-menu__li:hover>.awb-menu__main-a::after,
#menu-v2 .awb-menu__li.current-menu-item>.awb-menu__main-a::after,
#menu-v2 .awb-menu__li.current-menu-parent>.awb-menu__main-a::after,
#menu-v2 .awb-menu__li.current-menu-ancestor>.awb-menu__main-a::after {
transform: scaleX(1) !important;
}
#menu-v2 .awb-menu__li:hover>.awb-menu__overlay-search-trigger::after {
display: none !important;
}
#menu-v2 .awb-menu__li:hover>.awb-menu__overlay-search-trigger::before {
color: var(--awb-color3) !important;
border-color: var(--awb-color3) !important;
}
/* Hover State for Main Menu Text */
#menu-v2 .awb-menu__li:hover>.awb-menu__main-a,
#menu-v2 .awb-menu__main-a:hover {
color: #FFF !important;
cursor: pointer;
}
/* Sub-Menu Container Styling */
#menu-v2 .awb-menu__sub-ul {
top: 106%;
z-index: 9999 !important;
width: 260px !important;
min-width: 260px !important;
background-color: rgb(15, 72, 118, 0.9) !important;
border: none !important;
border-top: 3px solid var(--awb-color3) !important;
box-shadow: 0 5px 15px rgb(0, 0, 0, 0.2) !important;
/*visibility: hidden !important;
opacity: 0 !important;*/
pointer-events: none !important;
transition: opacity 0.3s ease, visibility 0.3s ease !important;
}
/* Invisible bridge to prevent losing hover when moving mouse from main item to sub-menu */
#menu-v2 .awb-menu__sub-ul::before {
content: "";
position: absolute;
top: -30px;
left: 0;
width: 100%;
height: 30px;
background: transparent;
}
#menu-v2 .awb-menu__sub-li {
border-bottom: none;
}
strong em{
font-style: italic !important;
text-transform: lowercase !important;
}
#recruitments-video.fusion-youtube {
--awb-max-width: 100% !important;
--awb-max-height: 70dvh !important;
max-width: min(100%, calc(70dvh * (16 / 9))) !important;
max-height: 70dvh !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
overflow: hidden !important;
margin-left: auto !important;
margin-right: auto !important;
border-radius: 16px !important;
}
#recruitments-video .video-shortcode,
#recruitments-video lite-youtube {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: 70dvh !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
border-radius: 16px !important;
overflow: hidden !important;
}
#recruitments-video lite-youtube iframe,
#recruitments-video iframe {
width: 100% !important;
height: 100% !important;
max-height: 70dvh !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
border-radius: 16px !important;
}
#recruitments-video {
position: relative !important;
}
#recruitments-video .recruitment-video-overlay {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0, 0, 0, 0.35) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 10 !important;
cursor: pointer !important;
border-radius: 16px !important;
transition: opacity 0.3s ease, background-color 0.3s ease !important;
}
#recruitments-video .recruitment-video-overlay:hover {
background: rgba(0, 0, 0, 0.45) !important;
}
#recruitments-video .recruitment-play-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
background-color: #ffffff !important;
color: #1b365d !important;
border: none !important;
border-radius: 50px !important;
padding: 14px 32px !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
font-family: inherit !important;
cursor: pointer !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease !important;
outline: none !important;
}
#recruitments-video .recruitment-video-overlay:hover .recruitment-play-btn,
#recruitments-video .recruitment-play-btn:hover {
transform: scale(1.05) !important;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35) !important;
background-color: #f8fafc !important;
}
#recruitments-video .recruitment-play-btn .play-icon {
width: 16px !important;
height: 16px !important;
fill: #1b365d !important;
display: block !important;
}
/* ==========================================================================
TESTIMONIAL STARS
========================================================================== */
.testimonial_star {
display: inline-block !important;
/* Ensure transform works */
transition: color 0.3s ease;
}
/* Grid Layout for Stars */
.fusion-layout-column .fusion-layout-column:has(> .fusion-column-wrapper .testimonial_star),
.fusion-layout-column .fusion-layout-column:has(> .fusion-column-wrapper .testimonial_star) .fusion-column-wrapper {
width: 55px !important;
}
.fusion-builder-row-inner:has(> .fusion-layout-column .testimonial_star) {
display: flex;
justify-content: center;
}
/* Star Pulsing Animation */
.testimonial_star.animate-star {
animation: starPulseStaggered 0.8s ease-in-out forwards;
}
@keyframes starPulseStaggered {
0% {
transform: scale(1);
}
50% {
color: #f2b01e;
/* Golden color accent */
transform: scale(1.4);
text-shadow: 0 0 10px rgba(242, 176, 30, 0.5);
}
100% {
transform: scale(1);
}
}
/* ==========================================================================
TESTIMONIAL NAVIGATION ARROWS
========================================================================== */
.fusion-testimonials {
position: relative !important;
}
.fusion-testimonials .testimonial-pagination {
display: none !important;
}
.testimonial-nav-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background-color: #ffffff !important;
border: none !important;
border-radius: 12px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
display: flex !important;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 99;
transition: all 0.2s ease-in-out;
padding: 0;
outline: none;
}
.testimonial-nav-arrow:hover {
background-color: #f8f9fa !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
transform: translateY(-50%) scale(1.05);
}
.testimonial-nav-arrow:active {
transform: translateY(-50%) scale(0.98);
}
.testimonial-nav-arrow::before {
content: '';
display: block;
width: 10px;
height: 10px;
border-top: 3px solid #004b87; /* Dark blue color */
border-left: 3px solid #004b87;
}
.testimonial-prev-arrow {
left: 20px;
}
.testimonial-prev-arrow::before {
transform: rotate(-45deg);
margin-left: 4px;
}
.testimonial-next-arrow {
right: 20px;
}
.testimonial-next-arrow::before {
transform: rotate(135deg);
margin-right: 4px;
}
/* Testimonial Padding to Prevent Arrow Overlap */
.fusion-testimonials .reviews .review {
padding-left: 60px !important;
padding-right: 60px !important;
box-sizing: border-box !important;
}
/* HubSpot Form Frame heights & layout adjustments */
.hs-form-frame,
.hs-form-frame iframe {
min-height: 650px !important;
}
.hs-form-frame.hs-mobile-only {
margin-bottom: 50px !important;
}
/* ==========================================================================
Keyframes & Animations
========================================================================== */
@keyframes recruitmen_scroll_rtl {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-50%);
}
}
@keyframes recruitmen_scroll_ltr {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}
}
/* Recruitment Post Popup Modal Styles */
body.recruitment_modal_open {
overflow: hidden !important;
}
.recruitment_modal_overlay {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
z-index: 99999999 !important;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.recruitment_modal_overlay.is_active {
opacity: 1;
visibility: visible;
}
.recruitment_modal_backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(15, 23, 42, 0.65);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.recruitment_modal_container {
position: relative;
width: 90%;
max-width: 680px;
max-height: 85vh;
background: #ffffff;
border-radius: 24px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
overflow-y: auto;
z-index: 2;
transform: scale(0.92) translateY(20px);
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.recruitment_modal_overlay.is_active .recruitment_modal_container {
transform: scale(1) translateY(0);
}
.recruitment_modal_close {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
border: none;
font-size: 24px;
line-height: 1;
color: #1e293b !important;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
transition: transform 0.2s ease, background-color 0.2s ease;
}
.recruitment_modal_close:hover {
transform: scale(1.1);
background: #ffffff;
}
.popup_inner_content {
display: flex;
flex-direction: column;
}
.popup_hero_header {
width: 100%;
height: 260px;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.popup_hero_img{
width: 100%;
}
.popup_hero_img img {
width: 100%;
height: 260px;
object-fit: cover;
display: block;
}
.popup_body_container {
padding: 32px;
}
.popup_tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.popup_tag {
background: #e2e8f0;
color: #334155;
font-size: 12px;
font-weight: 600;
padding: 4px 12px;
border-radius: 20px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.popup_title {
font-size: 26px;
font-weight: 700;
color: #0f172a;
margin: 0 0 16px 0;
line-height: 1.3;
}
.popup_main_text {
font-size: 15px;
line-height: 1.65;
color: #475569;
margin-bottom: 24px;
}
.popup_main_text p {
margin-bottom: 14px;
}
.popup_actions {
/* display: flex; */
display: none;
justify-content: flex-end;
}
.popup_apply_btn {
display: inline-block;
background: #2563eb;
color: #ffffff !important;
font-weight: 600;
font-size: 15px;
padding: 12px 28px;
border-radius: 30px;
text-decoration: none;
transition: background-color 0.2s ease, transform 0.2s ease;
box-shadow: 0 4px 14px rgba(37, 99, 235, 0.3);
}
.popup_apply_btn:hover {
background: #1d4ed8;
transform: translateY(-2px);
}
.custom_dots .swiper-pagination{
bottom: 20px !important;
}
/* ==========================================================================
Media Queries & Responsive Breakpoints (Ordered: Large to Small)
========================================================================== */
/* --- Max-Width Responsive Breakpoints (Desktop to Mobile) --- */
@media screen and (max-width: 1300px) {
/* Industries Section Mobile Accordion */
#industries_buttons_container {
display: none !important;
}
.industry-accordion-item {
width: 100% !important;
margin-bottom: 10px !important;
padding: 0 15px !important;
box-sizing: border-box !important;
float: none !important;
clear: both !important;
}
.industry-accordion-item .fusion-button {
margin-bottom: 0 !important;
border-radius: 10px !important;
text-align: left !important;
padding: 18px 25px !important;
background-color: #eef5ff !important;
color: var(--awb-color4) !important;
border: 1px solid #d8e8ff !important;
display: block !important;
width: 100% !important;
cursor: pointer;
}
.industry-accordion-item .fusion-button span {
text-align: left !important;
display: block !important;
width: 100% !important;
background-color: transparent !important;
color: inherit !important;
font-weight: 600 !important;
font-size: 18px !important;
display: flex !important;
justify-content: space-between;
align-items: center;
}
.industry-accordion-item .fusion-button.active {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
background-color: var(--awb-color4) !important;
color: #fff !important;
border-color: var(--awb-color4) !important;
}
.industry-accordion-item .fusion-button.active span {
color: #fff !important;
}
.industry-accordion-item .industries_content_container {
width: 100% !important;
background-color: #f8fbff !important;
border: 1px solid var(--awb-color4) !important;
border-top: none !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
padding: 25px 20px !important;
float: none !important;
transform: none !important;
transition: none !important;
animation: none !important;
display: none !important;
opacity: 1 !important;
visibility: visible !important;
}
.industry-accordion-item .industries_content_container.active {
display: block !important;
}
.industry-accordion-item .industries_content_container{
padding: 0px !important;
}
.industry-accordion-item .fusion-button span:after{
transform: rotate(270deg) !important;
}
.industry-accordion-item .fusion-button.active span:after{
transform: rotate(90deg) !important;
}
#wrapper .industry-accordion-item .fusion-button{
display: flex !important;
border-top-left-radius: 5px !important;
border-top-right-radius: 5px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
/* .fusion-fullwidth.fusion-builder-row-7 {
padding-left: 30px !important;
padding-right: 30px !important;
} */
.fusion-image-element:has(> .responsive_image) {
display: flex;
justify-content: center;
}
.responsive_image img{
width: 100% !important;
max-height: 400px;
object-position: center !important;
object-fit: contain !important;
}
.fusion-footer .fusion-title-heading,
.fusion-footer .fusion-social-links {
text-align: center !important;
}
.center_on_mobile .fusion-column-wrapper {
flex-direction: column !important;
align-items: center !important;
gap: 20px !important;
}
ul {
padding-left: 17px;
}
#latest_left_posts .fusion-title {
padding: 0px 20px !important;
}
#latest_right_posts div:has(> .fusion-button),
#latest_left_posts li .fusion-column-wrapper div:last-child {
position: relative;
}
.LP_Links_Bar .fusion-column-wrapper {
left: 0;
max-width: 100%;
padding: 0 20px !important;
}
#natural_gas_first_table {
margin-bottom: 30px !important;
}
}
@media screen and (max-width: 1200px) {
body:not(.home):not(.page-id-1988) .fusion-fullwidth.fusion-builder-row-7 .fusion-title:not(.no-title-marging) h2{
margin-bottom: 30px !important;
}
/* .fusion-fullwidth:has(.open_positions_box) + .fusion-fullwidth{
top: -70px;
} */
.repower{
margin-bottom: 50px !important;
}
.hs-desktop-only {
display: none !important;
}
.hs-mobile-only{
width: 100% !important;
position: relative !important;
}
#images-carousel .awb-swiper-button{
display: none !important;
}
.desktopToggles .panel-title:after{
transform: rotate(90deg);
}
#site_pages_footer .fusion-builder-row-inner {
justify-content: center !important;
text-align: center;
}
#wrapper .fusion-tb-header .fusion-fullwidth {
padding-left: 10px;
padding-right: 24px;
min-height: 87px;
}
/* #wrapper .fusion-tb-header .fusion-fullwidth .fusion-column-wrapper:has(> .awb-menu) {
justify-content: center !important;
} */
#gallery_images .fusion-grid-column img {
max-width: 160px;
}
#wrapper #menu-v2 button[aria-expanded="true"]+ul ul {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
#wrapper .fusion-tb-header,
#wrapper .fusion-header-wrapper,
#wrapper #menu-v2 {
position: relative;
z-index: 99999 !important;
}
#menu-primary-menu-v2 {
position: absolute !important;
z-index: 999999 !important;
max-height: max-content !important;
background-color: var(--awb-color4) !important;
top: 62px;
}
#wrapper .awb-menu.collapse-enabled a,
#menu-primary-menu-v2 li {
min-height: 43px !important;
color: #fff !important;
background-color: transparent !important;
border-top: 1px solid var(--awb-color3);
cursor: pointer;
}
.body-copy {
display: none !important;
}
#wrapper #menu-v2 .menu-item ul {
width: 100% !important;
border-top: none !important;
box-shadow: none !important;
pointer-events: auto !important;
}
.awb-menu_row.awb-menu_em-hover .awb-menu__main-li:hover::before {
display: none;
}
#wrapper #menu-v2 .awb-menu__main-a {
min-height: 42px !important;
max-height: 42px !important;
color: #fff !important;
background-color: var(--awb-color4) !important;
}
#wrapper #menu-v2 .awb-menu__open-nav-submenu_mobile::before {
min-height: 43px;
color: #fff !important;
}
#wrapper #menu-v2 li li a::before {
margin-right: 2px;
color: #fff !important;
content: "-";
}
}
@media screen and (max-width: 1101px) {
.fusion-footer .fusion-social-networks-wrapper {
margin: 0 auto !important;
padding: 0 !important;
}
.rs-layer.rev-btn,
#wrapper .sr7-btn {
font-size: 16px !important;
line-height: 23px !important;
}
.column_with_table .fusion-text {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#gallery_images {
gap: 0 20px;
justify-content: center !important;
}
.LP_Links_Bar .fusion-column-wrapper {
flex-direction: column !important;
justify-content: flex-start !important;
columns: 1;
}
#latest_right_posts .fusion-imageframe,
#latest_left_posts .fusion-imageframe {
width: 100% !important;
}
#latest_right_posts img,
#latest_left_posts img {
width: 100% !important;
}
.latest_title {
padding-right: 20px;
padding-left: 20px;
}
#menu-power-rental-ppc li {
margin-right: 0 !important;
}
#menu-power-rental-ppc .fusion-button {
padding: 10px;
}
/* Mobile menu */
.fusion-header {
padding: 10px;
}
.fusion-header .fusion-mobile-logo {
height: 50px;
}
.fusion-bottombar-highlight:hover+.fusion-open-submenu::before,
.fusion-mobile-current-nav-item .fusion-open-submenu::before {
color: var(--awb-color3);
}
#rev_slider_1_1_forcefullwidth #rev_slider_1_1 .zeus.tparrows {
min-width: 50px !important;
min-height: 50px !important;
}
#rev_slider_1_1_forcefullwidth #rev_slider_1_1 .zeus.tparrows::before {
font-size: 15px !important;
line-height: 50px !important;
}
#menu-top-nav-bar {
display: flex;
gap: 10px;
justify-content: space-around;
}
.fusion-secondary-menu>ul>li>a {
height: auto !important;
margin: 0 !important;
padding: 0 !important;
}
.fusion-secondary-menu>ul>li>a span {
padding: 13px;
}
}
@media screen and (max-width: 1100px) {
#industries_buttons_container .fusion-column-wrapper {
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
#industries_buttons_container .fusion-button {
width: auto !important;
}
#gallery_images {
gap: 0 !important;
}
#gallery_images .fusion-grid-column {
width: 40% !important;
}
#\31 20_header_logo img {
max-width: 100px !important;
}
.diesel_natural_container .fusion-column-wrapper {
padding: 25px !important;
}
.page-id-1523 table {
font-size: 14px;
}
.page-id-1523 table th,
.page-id-1523 table td {
padding: 8px 6px;
}
.no-childs-margin .fusion-column-wrapper {
margin: 0 !important;
}
.column_with_table ul li {
text-align: left !important;
}
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element,
.industries_boxes>.fusion-builder-row>.fusion-layout-column>.fusion-column-wrapper>.fusion-image-element .fusion-imageframe {
height: 140px;
}
.industries_boxes .fusion-title {
position: absolute;
top: 0;
left: 0;
z-index: 9;
display: flex !important;
justify-content: center;
width: 100%;
height: 140px;
margin: 0 !important;
background-color: rgb(0, 72, 119, 0.6);
}
.industries_boxes :nth-child(1 of .fusion-separator) {
display: none;
}
.fusion-image-carousel-fixed .awb-swiper .fusion-image-wrapper img {
width: 100% !important;
max-width: 150px;
max-height: 115px;
object-fit: contain;
}
.industries_boxes .fusion-text p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}
/*
div.fusion-flex-align-items-center:has(> div > .fusion-button) {
flex-direction: column !important;
} */
.page-id-1757 #wrapper .post-content> :nth-child(1 of .fusion-fullwidth) .fusion-column-wrapper:has(.fusion-button) {
flex-direction: row !important;
margin-left: 20px;
}
#header_element div.fusion-flex-align-items-center:has(> div > .fusion-button) {
align-items: start !important;
}
#wrapper .es_translation a {
max-width: 215px !important;
padding: 10px 32px !important;
}
.home_services .fusion-button {
margin-bottom: 10px;
padding: 10px 20px;
padding-top: 0;
}
.home_services img {
max-height: 300px;
}
#partners_slider .swiper-wrapper {
flex-wrap: wrap;
height: auto !important;
}
#home_counterboxes {
gap: 10px;
}
#home_counterboxes :nth-child(2 of .fusion-counter-box) .counter-box-container::before,
#home_counterboxes :nth-child(4 of .fusion-counter-box) .counter-box-container::before {
left: 37px;
}
#home_counterboxes .fusion-counter-box {
width: calc(100% / 3) !important;
margin-bottom: 0;
}
#home_counterboxes :nth-child(3 of .fusion-counter-box) .counter-box-container {
padding-top: 0;
padding-bottom: 0;
}
#home_counterboxes .counter-box-container {
padding-bottom: 0 !important;
padding-left: 0 !important;
}
#latest_post_1_col .fusion-button {
margin-top: 50px !important;
}
.industries_boxes .fusion-layout-column div>a {
padding: 10px !important;
}
.industries_boxes .fusion-builder-row-inner {
left: 55%;
width: 90% !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: translateX(-50%);
}
.industries_boxes .fusion-builder-row-inner .fusion_builder_column_inner:has(+ .fusion_builder_column_inner),
.industries_boxes .fusion-builder-row-inner .fusion-layout-column:has(.fusion-button) {
width: 33% !important;
}
.industries_boxes :nth-child(8 of .fusion-layout-column) .fusion-builder-row-inner .fusion_builder_column_inner:has(+ .fusion_builder_column_inner),
.industries_boxes :nth-child(8 of .fusion-layout-column) .fusion-builder-row-inner .fusion-layout-column:has(.fusion-button) {
width: calc(100% / 3.1) !important;
}
.industries_boxes .fusion-builder-row-inner .fusion-layout-column:has(.fusion-button) .fusion-column-wrapper {
padding-right: 0;
}
.fusion-logo {
width: 200px;
}
.fusion-logo a {
width: 100%;
max-width: 100% !important;
}
body #footer_logos {
max-width: 400px !important;
margin-bottom: 40px;
}
body #footer_logos.fusion-layout-column .fusion-builder-row-inner {
flex-wrap: wrap;
justify-content: space-around;
}
#footer_logos .fusion-builder-row-inner .fusion-layout-column {
width: 100px !important;
height: 100px;
}
#footer_logos :nth-child(3 of .fusion-layout-column) {
border-right: none;
}
.fusion-social-network-icon {
padding: 10px !important;
}
.fusion-footer .menu-text {
width: 100% !important;
}
.fusion-footer .fusion-title-heading,
.fusion-footer .fusion-social-links {
text-align: center !important;
}
.partners_images .fusion_builder_column_inner img {
max-width: 150px;
height: 120px !important;
}
.partners_images .fusion_builder_column_inner {
margin-bottom: 0 !important;
}
.footer_partners_logos {
text-align: center;
}
.footer_partners_logos img {
min-width: unset !important;
max-width: 400px !important;
height: 100%;
min-height: unset !important;
aspect-ratio: 1;
}
.specialBanner .dig_into_tite {
font-size: 30px !important;
}
.specialBanner div.fusion-title-heading {
font-size: 20px !important;
}
}
@media screen and (max-width: 890px) {
/* Responsive Fix for Mobile Arrows & Padding */
#images-carousel {
padding-left: 20px !important;
padding-right: 20px !important;
}
#images-carousel .awb-swiper-button {
color: #004075 !important;
background: rgba(255, 255, 255, 0.92) !important;
font-size: 18px !important;
width: 38px !important;
height: 38px !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
text-shadow: none !important;
}
/* #images-carousel .awb-swiper-button-prev {
left: 6px !important;
}
#images-carousel .awb-swiper-button-next {
right: 6px !important;
} */
/* ==========================================================================
ADA Compliance
========================================================================== */
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
#images-carousel :focus-visible {
outline: 3px solid var(--awb-color1);
outline-offset: 2px;
}
#carousel-pause:hover {
color: var(--awb-color5);
background: #FFF;
transform: scale(1.1);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}
#carousel-pause .pause-icon {
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
}
#images-carousel img {
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
height: auto !important;
max-height: none !important;
}
.industries_content_container>.fusion-column-wrapper {
margin: 0px !important;
padding: 0px !important;
}
.industries_content_container>.fusion-column-wrapper .fusion-image-element {
margin-bottom: 10px !important;
}
.industries_content_container>.fusion-column-wrapper .fusion-title,
.industries_content_container>.fusion-column-wrapper .fusion-text {
padding-left: 20px !important;
padding-right: 20px !important;
}
#wrapper .es_translation a {
padding: 10px !important;
}
.customer_testimonial .awb-quote {
padding-right: 0 !important;
padding-left: 0 !important;
}
#wrapper .site_header h1 {
font-size: 29px !important;
line-height: 42px !important;
}
#wrapper .site_header h2 {
font-size: 19px !important;
line-height: 28px !important;
}
.column_with_table .fusion-column-wrapper ul {
columns: 1 !important;
}
.diesel_natural_container .content-box-column img {
position: relative;
top: 10px;
width: auto;
height: 20px;
}
.diesel_natural_container .content-box-column .content-box-heading {
padding-left: 34px !important;
}
.rev-btn i,
#wrapper .sr7-btn i {
height: 25px !important;
font-size: 25px !important;
}
.rev-btn i::before,
#wrapper .sr7-btn i::before {
width: 25px !important;
height: 25px !important;
}
#gallery_images .fusion-grid-column {
width: 40% !important;
}
#latest_right_posts ul li .fusion-column-wrapper .fusion-meta-tb,
#latest_right_posts ul li .fusion-column-wrapper .fusion-content-tb,
#latest_right_posts ul li .fusion-column-wrapper .fusion-title {
padding-right: 20px !important;
padding-left: 20px !important;
}
#latest_right_posts div.fusion-layout-column:has(img) {
max-height: 200px !important;
}
#wrapper div:not(:has(rs-slides)) h2,
#wrapper div:not(:has(rs-slides)) h2 * {
font-size: 32px !important;
}
#wrapper div:not(:has(rs-slides)) h3,
#wrapper div:not(:has(rs-slides)) h3 * {
font-size: 24px !important;
}
.fusion-meta-tb {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.latest_title {
padding-right: 20px;
padding-left: 20px;
}
#partners_slider .swiper-wrapper {
flex-wrap: wrap;
height: auto !important;
row-gap: 60px;
}
.industries_boxes .fusion-builder-row-inner .fusion-imageframe img {
max-width: 100% !important;
}
.es_translation::before {
position: absolute;
left: 30px;
margin-top: 6px;
margin-right: 0;
}
.es_translation a {
padding-left: 68px !important;
}
.industries_boxes>.fusion-builder-row-inner a {
padding: 5px 10px !important;
}
#home_counterboxes .fusion-counter-box {
width: 100% !important;
}
.fusion-logo-link {
max-width: 150px !important;
}
.fusion-icon.awb-icon-bars {
margin-top: -20px;
}
.post-content :nth-child(1 of .fusion-fullwidth) .fusion-builder-row {
z-index: 9;
}
.LP_Links_Bar .fusion_builder_column .fusion-column-wrapper>div {
width: 100%;
}
.slider_mobile_overlay {
background-color: rgb(15, 72, 118, 0.8) !important;
}
/* #jobs-slider: below the carousel's own 890px breakpoint, main.js
reinitializes Swiper with slidesPerView:'auto' so the active card stays
centered with the neighbor cards peeking on both sides. Shrink the card
a bit here so that peek stays comfortable on tablets. */
#jobs-slider .open_positions_postcard {
min-width: 260px !important;
max-width: 260px !important;
}
}
@media screen and (max-width: 768px) {
/* .fusion-fullwidth.fusion-builder-row-7 {
padding-left: 30px !important;
padding-right: 30px !important;
} */
#images-carousel {
padding-bottom: 0px !important;
}
/* --- Mobile Responsive Styling (Card Layout) --- */
.table-1.customTable {
overflow-x: hidden !important;
}
.table-1.customTable table,
.table-1.customTable tbody {
display: block;
width: 100%;
}
.table-1.customTable table {
border: 0;
}
/* Visually hide the table headers but keep them for screen readers */
.table-1.customTable table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.table-1.customTable table tr {
display: block;
margin-bottom: 20px;
/* Space between cards */
background-color: #fff;
border-bottom: 2px solid #ddd;
box-shadow: 0 2px 4px rgb(0, 0, 0, 0.1);
/* Adds the "card" look */
}
.table-1.customTable table td {
display: block;
box-sizing: border-box;
padding: 15px;
text-align: right;
word-wrap: break-word;
border-bottom: 1px solid #eee;
}
.table-1.customTable table td:last-child {
border-bottom: 0;
}
/* Style the new javascript-injected wrapper for flawless layout */
.table-1.customTable table td .mobile-label-wrap {
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
width: 100%;
white-space: normal !important;
}
.table-1.customTable .mobile-label {
display: block !important;
}
.table-1.customTable table td .mobile-label-wrap .mobile-label {
flex-shrink: 0;
max-width: 45%;
font-weight: bold;
white-space: normal !important;
text-align: left;
word-wrap: break-word;
}
.table-1.customTable table td .mobile-label-wrap .mobile-value {
flex-grow: 1;
min-width: 0;
white-space: normal !important;
text-align: right;
/* allows text to shrink/wrap gracefully in flex containers */
word-wrap: break-word;
}
/* #gallery_images .fusion-grid-column img {
max-width: 100% !important;
} */
#gallery_images .fusion-grid-column {
width: var(--awb-columns-small, 50%) !important;
padding: 0 !important;
}
#wrapper .header_big_button {
width: 200px !important;
height: 50px !important;
}
#wrapper .header_big_button span {
font-size: 20px !important;
}
/* Hide table headers but keep them accessible for screen readers */
.page-id-1523 table thead {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0);
}
/* Make table display as block */
.page-id-1523 table,
.page-id-1523 table tbody,
.page-id-1523 table tr,
.page-id-1523 table td {
display: block;
width: 100%;
}
/* Style each row as a card */
.page-id-1523 table tbody tr {
margin-bottom: 20px;
overflow: hidden;
border: 2px solid #1c5e86;
border-radius: 8px;
box-shadow: 0 2px 8px rgb(0, 0, 0, 0.1);
}
/* Reset default table cell styling */
.page-id-1523 table td {
position: relative;
padding: 12px 15px;
text-align: left !important;
border: none;
border-bottom: 1px solid #ddd;
}
.page-id-1523 table tr td:last-child {
border-bottom: none;
}
/* Add data labels before each cell using data attributes */
.page-id-1523 table td::before {
display: block;
margin-bottom: 5px;
color: #1c5e86;
font-weight: bold;
font-size: 12px;
letter-spacing: 0.5px;
text-transform: uppercase;
content: attr(data-label);
}
/* Alternate row colors for mobile cards */
.page-id-1523 .table-1 tbody tr td:nth-child(odd),
.page-id-1523 .table-1 tbody tr td:nth-child(even) {
background-color: #fff;
}
.page-id-1523 .table-1 tbody tr:nth-child(even) {
background-color: #f8f8f8;
}
/* Two-column layout for comparison tables (like Microgrid vs Traditional Grid) */
.page-id-1523 table.comparison-table tbody tr {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
/* First cell (Feature name) as header for each card */
.page-id-1523 table.comparison-table tbody tr td:first-child {
padding: 15px;
color: #fff;
font-weight: bold;
font-size: 16px;
text-align: center;
background-color: #1c5e86;
border-bottom: 2px solid #fff;
}
.page-id-1523 table.comparison-table tbody tr td:first-child::before {
display: none;
}
/* Two-column specification tables */
.page-id-1523 table.spec-table tbody tr {
display: flex;
flex-direction: column;
}
.page-id-1523 table.spec-table tbody tr td:first-child {
padding: 12px 15px;
color: #fff;
font-weight: bold;
background-color: #1c5e86;
}
.page-id-1523 table.spec-table tbody tr td:first-child::before {
display: none;
}
/* Recruitment Masonry Slider Mobile & Tablet Responsiveness */
.recruitment_group,
.recruitment_col {
height: 380px;
gap: 12px;
}
.recruitment_col {
width: 115px;
}
.recruitment_col.col_has_big {
width: 242px;
}
.recruitment_slider_item.item_small,
.recruitment_slider_item.item_empty {
width: 115px;
height: 115px;
border-radius: 16px;
}
.recruitment_slider_item.item_big {
width: 242px;
height: 242px;
border-radius: 16px;
}
.recruitment_slider_item img {
border-radius: 16px !important;
}
}
@media screen and (max-width: 503px) {
#industries_buttons_container .fusion-column-wrapper .fusion-button,
#industries_buttons_container .fusion-column-wrapper>div {
width: 100% !important;
}
.industries_boxes .fusion-builder-row-inner {
left: 57%;
width: 95% !important;
margin-right: 0 !important;
margin-left: 0 !important;
transform: translateX(-50%);
}
#wrapper .industries_boxes .fusion-builder-row-inner .fusion_builder_column_inner:has(+ .fusion_builder_column_inner),
.industries_boxes .fusion-builder-row-inner .fusion-layout-column:has(.fusion-button) {
width: 30% !important;
}
.fusion-secondary-menu>ul>li {
border: none !important;
}
.home .fusion-button i::before,
.page-id-1443 .services_container .fusion-button i::before {
font-size: 25px !important;
}
}
@media screen and (max-width: 480px) {
#menu-footer-menu-1 li,
#menu-footer-menu-2 li {
margin-bottom: 5px !important;
}
#wrapper .es_translation a {
padding: 0px !important;
}
.fusion-footer .menu-text {
font-size: 13px !important;
}
.page-id-1523 table {
font-size: 14px;
}
.page-id-1523 table td {
padding: 10px 12px;
}
.page-id-1523 table tbody tr {
margin-bottom: 15px;
}
.testimonial-prev-arrow {
left: 5px;
}
.testimonial-next-arrow {
right: 5px;
}
.testimonial-nav-arrow {
width: 36px;
height: 36px;
}
.fusion-testimonials .reviews .review {
padding-left: 45px !important;
padding-right: 45px !important;
box-sizing: border-box !important;
}
.recruitmen_custom_slider_track {
animation-duration: 25s;
}
/* #jobs-slider: keep a comfortable side peek on phones (see 890px block
above for the full explanation). */
#jobs-slider .open_positions_postcard {
min-width: 220px !important;
max-width: 220px !important;
}
}
/* --- Min-Width & Range Responsive Breakpoints --- */
@media screen and (min-width: 1201px) {
.two_col_items :nth-child(1 of .fusion-layout-column){
border-right: 1px solid #000 !important;
}
.hs-mobile-only {
display: none !important;
}
/* Ensure sub-menu displays on hover */
#menu-v2 .awb-menu__li:hover>.awb-menu__sub-ul {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* Hover line effect for main menu items */
#menu-v2 .awb-menu__main-a::after {
position: absolute !important;
top: 55px;
bottom: -15px !important;
left: 0 !important;
display: block !important;
width: 100% !important;
height: 2px !important;
background-color: #4a9de1 !important;
transform: scaleX(0) !important;
transform-origin: center !important;
transition: transform 0.2s ease-in-out !important;
content: "" !important;
}
/* Sub-Menu Hover State */
#menu-v2 .awb-menu__sub-a:hover {
color: #fff !important;
background-color: rgb(255, 255, 255, 0.1) !important;
}
/* FIX: Sub-Menu Item Background (Prevent white-on-white) */
#menu-v2 .awb-menu__sub-li,
#menu-v2 .awb-menu__sub-li>.awb-menu__sub-a {
background-color: transparent !important;
--awb-submenu-bg: transparent !important;
}
/* Sub-Menu Links Styling */
#menu-v2 .awb-menu__sub-a {
padding: 12px 20px !important;
color: #fff !important;
font-size: 15px !important;
font-family: "Open Sans", sans-serif !important;
transition: background-color 0.2s linear !important;
}
}
@media screen and (min-width: 1100px) and (max-width: 1200px) {
.awb-menu .awb-menu__main-ul {
font-size: 9px !important;
}
}
@media screen and (min-width: 1100px) {
#microgrid_container .content-box-column:nth-child(odd) {
padding-right: 37.5px;
}
#microgrid_container .content-box-column:nth-child(even) {
padding-left: 37.5px;
}
.fusion-footer .fusion-social-networks-wrapper {
max-width: 130px;
}
#gallery_images .fusion-grid-column {
width: calc(100% / 7) !important;
}
}
@media screen and (min-width: 890px) and (max-width: 1100px) {
.fusion-builder-row-inner:has(.header_big_button){
gap: 15px;
}
.fusion-builder-row-inner:has(.header_big_button) .fusion-column-wrapper{
margin: 0px !important;
}
.no_sides_padding {
width: 100% !important;
padding-right: 0 !important;
padding-left: 0 !important;
}
.column_with_table .fusion-column-wrapper {
padding: 20px !important;
}
.column_with_table .fusion-column-wrapper ul {
padding-left: 20px !important;
}
}
@media screen and (min-width: 768px) {
.timeline,
.timeline .swiper-wrapper {
height: auto !important;
min-height: auto !important;
}
}
@media screen and (min-width: 720px) {
.brochure_links {
display: flex;
flex-flow: row wrap;
}
.brochure_links p {
width: 50%;
}
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child),
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child)>li {
width: 100% !important;
}
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child) li .fusion-column-wrapper {
display: block !important;
}
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child) li .fusion-column-wrapper :nth-child(1 of div) * {
height: 100%;
object-fit: contain;
}
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child) li .fusion-column-wrapper>div {
float: left;
width: 66%;
}
body:has(.devon_product_box) .fusion-grid-posts-cards:has(> li:nth-child(1):last-child) li .fusion-column-wrapper> :nth-child(1 of div) {
width: 30%;
height: 100%;
margin-right: 20px;
}
}
/* Custom Filter Styles */
div:has(> .fusion-filters) {
display: none;
}
.custom_filter {
display: inline-block;
color: var(--awb-color4);
}
.custom_filter.active {
color: var(--awb-custom_color_1);
background-color: transparent;
}
/* ==========================================================================
Map SVG Display Toggling
========================================================================== */
.map-image {
display: none !important;
}
.map-image.active {
display: block !important;
}